/* GENERAL STYLES FOR IMAGE TRACER */

body {font-family: verdana, sans-serif; font-size: 12px; line-height: 16px; margin: 10px 20px 0 15px; padding: 0;}

a {text-decoration: none; color: white;}
a:hover {color: black;}

.nav, .nav_top, .sub_nav {width: 900px;} 

.nav a {font-weight: bold;}

.url {float: left; width: 140px; height: 140px; margin: 5px;}

.header {opacity:.8; margin: 5px 50px 10px 0; padding: 0; color: black; font-size: 40px; font-weight: bold; text-transform: uppercase; font-family: helvetica, sans-serif; display: block; line-height: 40px; }

/*index*/
#index {background: silver;}

/*red*/
#rank {background: #bfa3a9;}
#rank .rank .label, #rank .nav, #rank .nav_top, #rank .sub_nav {color: #7f132c;}
#rank .rank {color: #bf0030;}
#rank .url .sticker a {border: 1px solid #0030bf; color: #0030bf;}
#rank .url .sticker a:hover {background: #0030bf; color: white;}

/*blue*/
#date {background: #a3a9bf;}
#date .date .label, #date .nav, #date .nav_top, #date .sub_nav {color: #132c7f;}
#date .date {color: #0030bf;}
#date .url .sticker a {border: 1px solid #bf0030; color: #bf0030;}
#date .url .sticker a:hover {background: #bf0030; color: white;}

/*green*/
#file {background: #a9bfa3;}
#file .file .label, #file .nav, #file .nav_top, #file .sub_nav {color: #132c7f;}
#file .file {color: #30bf00;}
#file .url .sticker a {border: 1px solid #0030bf; color: #0030bf;}
#file .url .sticker a:hover {background: #0030bf; color: white;} 

#layer70{position: absolute; z-index: 0; margin-top:140px; width: 900px;}
#layer69{position: absolute; z-index: 5; margin-top:138px; width: 900px;}
#layer68{position: absolute; z-index: 10; margin-top:136px; width: 900px;}
#layer67{position: absolute; z-index: 15; margin-top:134px; width: 900px;}
#layer66{position: absolute; z-index: 20; margin-top:132px; width: 900px;}
#layer65{position: absolute; z-index: 25; margin-top:130px; width: 900px;}
#layer64{position: absolute; z-index: 30; margin-top:128px; width: 900px;}
#layer63{position: absolute; z-index: 35; margin-top:126px; width: 900px;}
#layer62{position: absolute; z-index: 40; margin-top:124px; width: 900px;}
#layer61{position: absolute; z-index: 45; margin-top:122px; width: 900px;}
#layer60{position: absolute; z-index: 50; margin-top:120px; width: 900px;}
#layer59{position: absolute; z-index: 55; margin-top:118px; width: 900px;}
#layer58{position: absolute; z-index: 60; margin-top:116px; width: 900px;}
#layer57{position: absolute; z-index: 65; margin-top:114px; width: 900px;}
#layer56{position: absolute; z-index: 70; margin-top:112px; width: 900px;}
#layer55{position: absolute; z-index: 75; margin-top:110px; width: 900px;}
#layer54{position: absolute; z-index: 80; margin-top:108px; width: 900px;}
#layer53{position: absolute; z-index: 85; margin-top:106px; width: 900px;}
#layer52{position: absolute; z-index: 90; margin-top:104px; width: 900px;}
#layer51{position: absolute; z-index: 95; margin-top:102px; width: 900px;}
#layer50{position: absolute; z-index: 100; margin-top:100px; width: 900px;}
#layer49{position: absolute; z-index: 105; margin-top:98px; width: 900px;}
#layer48{position: absolute; z-index: 110; margin-top:96px; width: 900px;}
#layer47{position: absolute; z-index: 115; margin-top:94px; width: 900px;}
#layer46{position: absolute; z-index: 120; margin-top:92px; width: 900px;}
#layer45{position: absolute; z-index: 125; margin-top:90px; width: 900px;}
#layer44{position: absolute; z-index: 130; margin-top:88px; width: 900px;}
#layer43{position: absolute; z-index: 135; margin-top:86px; width: 900px;}
#layer42{position: absolute; z-index: 140; margin-top:84px; width: 900px;}
#layer41{position: absolute; z-index: 145; margin-top:82px; width: 900px;}
#layer40{position: absolute; z-index: 150; margin-top:80px; width: 900px;}
#layer39{position: absolute; z-index: 155; margin-top:78px; width: 900px;}
#layer38{position: absolute; z-index: 160; margin-top:76px; width: 900px;}
#layer37{position: absolute; z-index: 165; margin-top:74px; width: 900px;}
#layer36{position: absolute; z-index: 170; margin-top:72px; width: 900px;}
#layer35{position: absolute; z-index: 175; margin-top:70px; width: 900px;}
#layer34{position: absolute; z-index: 180; margin-top:68px; width: 900px;}
#layer33{position: absolute; z-index: 185; margin-top:66px; width: 900px;}
#layer32{position: absolute; z-index: 190; margin-top:64px; width: 900px;}
#layer31{position: absolute; z-index: 195; margin-top:62px; width: 900px;}
#layer30{position: absolute; z-index: 200; margin-top:60px; width: 900px;}
#layer29{position: absolute; z-index: 205; margin-top:58px; width: 900px;}
#layer28{position: absolute; z-index: 210; margin-top:56px; width: 900px;}
#layer27{position: absolute; z-index: 215; margin-top:54px; width: 900px;}
#layer26{position: absolute; z-index: 220; margin-top:52px; width: 900px;}
#layer25{position: absolute; z-index: 225; margin-top:50px; width: 900px;}
#layer24{position: absolute; z-index: 230; margin-top:48px; width: 900px;}
#layer23{position: absolute; z-index: 235; margin-top:46px; width: 900px;}
#layer22{position: absolute; z-index: 240; margin-top:44px; width: 900px;}
#layer21{position: absolute; z-index: 245; margin-top:42px; width: 900px;}
#layer20{position: absolute; z-index: 250; margin-top:40px; width: 900px;}
#layer19{position: absolute; z-index: 255; margin-top:38px; width: 900px;}
#layer18{position: absolute; z-index: 260; margin-top:36px; width: 900px;}
#layer17{position: absolute; z-index: 265; margin-top:34px; width: 900px;}
#layer16{position: absolute; z-index: 270; margin-top:32px; width: 900px;}
#layer15{position: absolute; z-index: 275; margin-top:30px; width: 900px;}
#layer14{position: absolute; z-index: 280; margin-top:28px; width: 900px;}
#layer13{position: absolute; z-index: 285; margin-top:26px; width: 900px;}
#layer12{position: absolute; z-index: 290; margin-top:24px; width: 900px;}
#layer11{position: absolute; z-index: 295; margin-top:22px; width: 900px;}
#layer10{position: absolute; z-index: 300; margin-top:20px; width: 900px;}
#layer9{position: absolute; z-index: 305; margin-top:18px; width: 900px;}
#layer8{position: absolute; z-index: 310; margin-top:16px; width: 900px;}
#layer7{position: absolute; z-index: 315; margin-top:14px; width: 900px;}
#layer6{position: absolute; z-index: 320; margin-top:12px; width: 900px;}
#layer5{position: absolute; z-index: 325; margin-top:10px; width: 900px;}
#layer4{position: absolute; z-index: 330; margin-top:8px; width: 900px;}
#layer3{position: absolute; z-index: 335; margin-top:6px; width: 900px;}
#layer2{position: absolute; z-index: 340; margin-top:4px; width: 900px;}
#layer1{position: absolute; z-index: 345; margin-top:2px; width: 900px;}

-->

.url .sticker a {position: absolute; z-index: 1000; margin: 1px; padding: 2px 6px 2px 6px;}

img {background-color: white; opacity: .6; border: 1px solid white; display: block;}
a:hover img {border: 1px solid black; opacity: 1;}

.url_header {margin-bottom: 10px;}

.header .rank, .header .date, .header .url_header {float: left; margin-right: 10px;}

small {text-transform: none; font-size: 40px;}

.clear {color: silver; clear: left;}

.nav .query, .nav .no_query {display: inline;}

html>body .header {filter:alpha(opacity=.2);-moz-opacity:.2;opacity:.2;}

html>body #layer1 .header {filter:alpha(opacity=1);-moz-opacity:1;opacity:1;}

#layer1 .header {color: black;}

.no_query a {color: gray;}

/* QUERY */

/*#query {background: #c3c3d9;}*/

/* URL */

/*#url {background: #c3d9c3;}*/

/* RANK */

/* TOOLTIP CSS */

/*a.info {
    position: relative; 
    z-index:24;
}*/

a.stack {
    position: relative; /*this is the key*/
    z-index:500;
}

a.info:hover {z-index:25;}
a.stack:hover {z-index: 501; color: black;}

a.info span, a.stack span {display: none; }

/*a.info:hover span,*/ a.stack:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
background: #FFFFCC;
border: gray solid 1px;
    padding: 1px 4px 2px 4px;
color: black;
 font-weight: normal;
min-width: 115px;
}

/*a.info:hover span {top: 130px; left: 5px;}*/
a.stack:hover span {top: 17px; left: 15px;}

/* UNDERFIRE INDEX */

#underfire #layer1, #underfire #layer2, #underfire #layer3, #underfire #layer4, #underfire #layer5, #underfire #layer6, #underfire #layer7, #underfire #layer8  {width: 450px;}

/* FAQ */

#page_sub {position: absolute; margin-top: 90px; margin-left: 21px; font-size: 13px; line-height: 16px; width: 600px;}