@charset "UTF-8";

abbr {
    cursor:help;
}


button {
    border-width:1px;
}


img {
    border:0;
    vertical-align:bottom;
}

input[type="text"] {
    border-width:1px;
}


html , body {
    margin:0;
    padding:0;
}


label {
    cursor:pointer;
}



.change_plus {
    color:#029E02;
}

.change_minus {
    color:#D20001;
}

.change_none {
    color:#777;
}



#content {
    font-family:Arial, sans-serif;
    font-size:0.85em;
    line-height:1.5em;
    margin:auto;
    margin-top:2em;
    padding-bottom:2em;
    width:950px;
}

#content a {
    color:#005999;
}

#content a:hover {
    color:black;
}



#footer {
    overflow:hidden;
    text-align:right;
}



#intro {
    font-size:1.3em;
    line-height:1.5em;
    margin:2em 0;
}



#header {
    background:url("../gfx/fade.gif") repeat-x;
    height:48px;
}

#header a {
    color:white;
    display:block;
    font-family:"Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
    font-size:1em;
    height:48px;
    line-height:1.5em;
    text-decoration:none;
}

#header a:hover {
    background:url("../gfx/fade.gif") 0 -10px repeat-x;
}

#header a span {
    background:url("../gfx/logo.png") center 5px no-repeat;
    display:block;
    text-indent:-5555px;
}

#header h1 {
    margin:0;
    width:260px;
}



#legendpopup {
    background-color:white;
    border:2px solid #555;
    display:none;
    position:absolute;
}

#legendpopup a {
    background:5px center no-repeat;
    cursor:pointer;
    display:block;
    font-family:Arial, sans-serif;
    font-size:0.8em;
    line-height:1em;
    padding:0.6em 0;
    padding-left:2.5em;
    padding-right:3em;
    text-decoration:none;
}

#legendpopup a:hover {
    background-color:#EEE;
}

#legendpopup .visit {
    background-image:url("../gfx/world_go.png");
}

#legendpopup .activate {
    background-image:url("../favicon.ico");
}

#legendpopup .deactivate {
    background-image:url("../gfx/invisible.png");
}

#littlenav {
    color:#777777;
    font-size:11px;
    font-family:Arial, sans-serif;
    text-align: right;
    padding-right: 3px;
}

#littlenav a {
    color:#777777;
    font-size:11px;
    font-family:Arial, sans-serif;
}



#navigation {
    list-style-type:none;
    line-height:1em;
    margin:0;
    left:260px;
    padding:0;
    position:absolute;
    top:0em;
}

#navigation a {
    color:white;
    display:block;
    font-family:sans-serif;
    font-size:0.85em;
    height:30px;
    overflow:hidden;
    text-decoration:none;
}

#navigation a span {
    display:block;
    padding:0.5em 1em;
}

#navigation a span span {
    display:inline;
    padding:0;
}

#navigation a:hover , #navigation .highlight{
    background:url("../gfx/fade.gif") 0 -10px repeat-x;
}

#navigation .selected a {
    background:url("../gfx/fade.gif") 0 -15px repeat-x;
}

#navigation li {
    float:left;
}

#navigation ul {
    display:none;
    height:18px;
    list-style-type:none;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    white-space:nowrap;
    width:150%;
}

#navigation ul a {
    background:url("../gfx/fade.gif") 0 -15px repeat-x !important;
    font-size:0.75em;
    height:18px;
}

#navigation ul a:hover {
    background:url("../gfx/fade.gif") 0 -5px repeat-x !important;
}

#navigation ul a span {
    padding:0.05em 1em;
}



#navothersites {
    color:white;
    font-family:Arial, sans-serif;
    font-size:12px;
    list-style-type:none;
    margin:0;
    padding:0;
    position:absolute;
    right:0.5em;
    top:0.75em;
}

#navothersites a {
    color:white;
    text-decoration:none;
}

#navothersites a:hover span {
    border-bottom:1px dotted white;
}

#navothersites li {
    margin:0;
    padding:0;
}



.plot {
    margin:auto;
}

.plot h3 {
    border-bottom:1px solid black;
    padding-bottom:0.3em;
}

.plot .graph {
    height:400px;
    width:700px;
}

.plot .infobox {
    border:1px dashed #AAA;
    font-size:0.8em;
    line-height:1.3em;
    margin-top:1em;
    padding:4px;
}

.plot .infobox a {
    text-decoration:none;
}

.plot .infobox .amount {
    line-height:1em;
    margin-left:1em;
    margin-top:0.4em;
    text-indent:-1em;
}

.plot .infobox .old {
    color:#999;
    margin-bottom:0.3em;
    margin-top:0.4em;
}

.plot .legend {
    font-size:11px;
    line-height:1em;
    max-height:250px;
    overflow:auto;
}

.plot .legend li {
    clear:both;
    margin:0;
    margin-bottom:0px;
    overflow:hidden;
    padding:0;
}

.plot .legend ul {
    margin:0;
    list-style-type:none;
    padding:0;
}

.plot .legend .details , .plot .legend .sitepos {
    display:none;
}

.plot .legend .head {
    border-bottom:1px solid #DDD;
    cursor:default;
    display:block;
    padding:5px 3px;
    text-decoration:none;
}

.plot .legend .head.selected {
    background-color:#F3F3F3;
}

.plot .legend .deactivated .head {
    background:url("../gfx/deactivated.png");
}

.plot .legend a.head {
    cursor:pointer;
}

.plot .legend .price {
    color:black;
    font-weight:bold;
    float:right;
    text-align:right;
}

.plot .legend .price span {
    font-weight:normal;
}

.plot .rank , .sitecolorbox {
    display:inline-block;
    font-size:0.85em;
    height:11px;
    line-height:1.3em;
    margin-right:4px;
    width:11px;
    text-align:center;
}

.plot .options {
    margin-top:0.5em;
    padding-top:0.5em;
}

.plot .reciprocal {
    color:#777;
    font-size:0.8em;
}

.plot .reset {
    width:100%;
}

.plot .sidebar {
    float:right;
    width:235px;
}



#promo {
    float:right;
    height:62px;
}

#promo .promo {
    height:60px;
    width:468px;
}



#querypage h4 {
    margin-bottom:0;
}

#querypage table {
    margin-bottom:1em;
}

#querypage th {
    padding-right:1em;
    text-align:left;
}

#querypage td {
    padding-right:1em;
}



#shaddow {
    background:url("../gfx/shaddow.gif") repeat-x;
    height:5px;
}



.sitecolorbox {
    border:1px solid black;
    height:7px;
    margin-top:0.3em;
    width:7px;
}



table.tablesorter {
    background-color:#CDCDCD;
    border-spacing:1px;
    font-size:0.825em;
    text-align:left;
    width:100%;
}

table.tablesorter thead tr th , table.tablesorter tfoot tr th {
    background-color:#E6EEEE;
    border:1px solid white;
    padding:0 4px;
}

table.tablesorter thead tr .header {
    background-image:url("../gfx/ascdesc.gif");
    background-repeat:no-repeat;
    background-position:right center;
    cursor:pointer;
}

table.tablesorter tbody td {
    color:#3D3D3D;
    padding:0 4px;
    background-color:white;
    vertical-align:top;
}

table.tablesorter tbody tr.odd td {
    background-color:#F5F5F5;
}

table.tablesorter thead tr .headerSortUp {
    background-image:url("../gfx/asc.gif");
}

table.tablesorter thead tr .headerSortDown {
    background-image:url("../gfx/desc.gif");
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color:#8DBDD8;
}



#tooltip {
    background-color:white;
    border:1px solid #999;
    cursor:default;
    display:none;
    font-family:Arial, sans-serif;
    font-size:11px;
    line-height:1.5em;
    padding:0.5em;
    position:absolute;
}

#tooltip .top {
    margin-bottom:0.5em;
}

#tooltip .old {
    color:#777;
}

#tooltip .siteslist {
    line-height:1.3em;
    margin-top:0.7em;
}



.vendors a {
    text-decoration:none;
}

.vendors a.info {
    cursor:help;
    line-height:1.2em;
}

.vendors a.info span {
    display:none;
}

.vendors a.info:hover span {
    display:block;
}

.vendors a.info span {
    position:absolute;
}

.vendors a.info span span {
    background:url("../gfx/information.png") no-repeat 5px 5px;
    border:2px solid black;
    background-color:white;
    position:relative;
    padding:1em;
    padding-left:24px;
    left:1em;
}

.vendors .available {
    background:url("../gfx/tick.png") no-repeat;
    float:left;
    height:16px;
    text-indent:-9999em;
    width:20px;
}

.vendors .unavailable {
    background:url("../gfx/cross.png") no-repeat;
    float:left;
    height:16px;
    text-indent:-9999em;
    width:20px;
}


.vendors .sitecolorbox {
    margin-top:0.6em;
}


#vendorinfo {
    font-size:0.825em;
    line-height:1em;
    margin:2em 0;
}

#vendorinfo th {
    padding-right:1em;
    text-align:left;
}



#title h2 {
    margin-top:0;
}