@import url(start.css);

div.map{  margin:0 auto; display:block; line-height:33px; height:33px; overflow:hidden; padding:0;  }
div.map div{display:block; height:33px; margin-left: 10px; }
div.map div a:link,div.map div a:visited{ color:#888; text-decoration:none; margin:0 .5em;}

div.okSearch{ padding:10px 20px; background:url(../img/top_borderbg.jpg) no-repeat top;}
form.s{ clear:both;  margin:50px 10px 20px 50px;}
input.inputBox{ width:25em; padding:5px; border:1px solid #ddd; border-color:#999 #ccc #ccc #999; font:normal 14px Verdana, Arial, Helvetica, sans-serif;}
input.inputBtn{ width:73px; height:31px; background:#333 url(../img/sbtn.gif) no-repeat; border:none; margin:0 8px;}
#m{ margin:8px 0;}
#m label{ margin:0 .5em 0 4px; line-height:1em;}


#rank{ margin-top:50px;}
#rank h2{ padding-left:0;}
.movrank,.caterank{ float:left; width:48%;}
.caterank{ float:right;}
ul.col4,ul.col5{ line-height:1.8em;}
ul.col4 li{ width:25%; float:left;}
ul.col5 li{ width:20%; float:left;}

ol.ranklist{ margin:8px;}
ol.ranklist li{ line-height:2em; height:2em; overflow:hidden; font-size:12px;padding-left:1.5em; border-bottom:1px dotted #ddd;}
ol.ranklist li cite{ color:#444; background:url(../new_img/to.gif) no-repeat 0 8px; padding-left:12px;}
ol.ranklist li span{ float:right;}
ol.ranklist li span a:link,ol.ranklist li span a:visited{ color:#666; text-decoration:none;}
ol.ranklist li.no1{  background:url(../img/rankbg.gif) no-repeat 0 0.4em; }
ol.ranklist li.no1 img{ border:1px solid #000; width:240px; height:140px;}
ol.ranklist li.no1 em{ display:block; background:url(../img/rankbg.gif) no-repeat 0 0.4em; text-align:left;padding-left:1.5em; font-weight:bold; }
ol.ranklist li.no1 p{ text-align: left; line-height:1.5em; margin-left:1.5em; color:#444;}
ol.ranklist li.no2{background:url(../img/rankbg.gif) no-repeat 0 -36px;}
ol.ranklist li.no3{background:url(../img/rankbg.gif) no-repeat 0 -74px;}
ol.ranklist li.no4{background:url(../img/rankbg.gif) no-repeat 0 -114px;}
ol.ranklist li.no5{background:url(../img/rankbg.gif) no-repeat 0 -154px;}
ol.ranklist li.no6{background:url(../img/rankbg.gif) no-repeat 0 -194px;}
ol.ranklist li.no7{background:url(../img/rankbg.gif) no-repeat 0 -234px;}
ol.ranklist li.no8{background:url(../img/rankbg.gif) no-repeat 0 -274px;}
ol.ranklist li.no9{background:url(../img/rankbg.gif) no-repeat 0 -313px;}
ol.ranklist li.no10{background:url(../img/rankbg.gif) no-repeat 0 -352px;}

#oklist form.s{ clear:both;  margin:10px 10px 10px 50px;}
table.okOutList { width:98%; margin:4px auto 10px auto; background:#fff;}
table.okOutList td,table.okOutList th{ padding:2px 10px; border-bottom:1px solid #ddd; line-height:1.8em; text-align:left}
table.okOutList th{ background:#ddedf4;}
table.okOutList tr:hover{ background:#ffffdf;}
table.okOutList td a{ text-decoration:none}
table.okOutList td a em.theWord{ color:red;}
table.okOutList td.mp3 a,table.okOutList td.ksc a{display:block; overflow:hiddem; width:39px; height:16px; font-size:1px; line-height:1px; }
table.okOutList td.mp3 a span,table.okOutList td.speed span,table.okOutList td.ksc a span{ width:0; height:0; display:block; text-indent:-9999em;}
table.okOutList td.mp3 a{ background:url("../img/mp3.gif") no-repeat left top; }
table.okOutList td.ksc a{  background:url("../img/mp3.gif") no-repeat left bottom;}

table.okOutList td.mp3,table.okOutList td.ksc{ width:50px;}
table.okOutList td.speed{ width:50px;}

table.okOutList td.sp1{ background:url(../img/speed.gif) no-repeat left 10px;}
table.okOutList td.sp2{ background:url(../img/speed.gif) no-repeat left -22px;}
table.okOutList td.sp3{ background:url(../img/speed.gif) no-repeat left -58px;}
table.okOutList td.sp4{ background:url(../img/speed.gif) no-repeat left -90px;}
table.okOutList td.sp5{ background:url(../img/speed.gif) no-repeat left -125px;}