/* CSS Document */

.member{ display:block; width:40px; height:40px; }
.ap{ width:168px; float:left; overflow:hidden; }
.ap .bg,.apbg{ background:url(../images/area_data_nav.gif) repeat-y left top; }
.ap h3{ height:33px;}
.ap h4{ line-height:22px; font-size:12px; color:Black; font-weight:bold;}
.ap .navigator{ background-position:right bottom;}
.ap .accountinfo{ background-position:-168px top;}
.ap .bottom{ background:url(../images/area_data_navi_bbg.gif) no-repeat left bottom; padding:8px 15px 30px 15px;}
.ap .box{ margin:8px 15px 0px 15px;}
.ap .member{ float:right;}
.ap a.lock{ float:right; background:url(../images/ap_bglock.gif) no-repeat left top; width:22px; height:34px; display:block;}
.ap .link li{ float:left; height:18px; width:50%;}
.ap .link li.clear{ float:none; width:auto;}
.ap .line{ border-bottom:solid 1px #e8e8e8; height:10px; clear:both;  line-height:10px;}
.ap .space{ clear:both; height:10px;}
.ap a.sel{ color:#ff6600; background:url(../images/icosun.gif) no-repeat right top; padding-right:16px;}
.ap a b{ color:#f60;}

.color10{ color:Red; background-color:#fce;}
.color5{ color:Red;}
.color3{ color:#e60;}

.rcon .xedit{ width:620px; margin:0px auto;}
.rcon .editnodata{ font-size:14px; padding:10px 0px 0px 26px; color:Black;}
.mymail td{line-height:28px;border-bottom:solid 1px #eee;}
.mymail h3{ line-height:50px;}
.mymail .v{ padding-left:5px;}

.rbox{ float:right; width:808px;}
.rbox .box{ padding:10px 15px;}
.rbox .c{ margin:5px 15px 10px 0px;}
.rbox .c table{ width:100%; }
.rbox h5{ background-color:white;}
.rbox strong{ color:#c20; padding:0px 2px;}
.rbox h1.title{ border-bottom:solid 1px #bbb;}

.itv{ background-position:left top; background-repeat:repeat-y;}
.itv,.itv .itvbg{ background-image:url(../images/area_databgb.gif);}
.itv .itvbg{ height:10px; line-height:10px; overflow:hidden;}
.itv .top{ background-position:right top;}
.itv .bottom{background-position:-808px top;}

.dcnav{ /*height:110px;*/ margin-bottom:9px;}
.dcnav .bg,.dcnavbg{ height:33px; background:url(../images/area_data_navtop.gif) repeat-x left top;}
.dcnav .l{ width:10px; float:left; background-position:left -110px;}
.dcnav .r{ width:10px; float:right; background-position:left -220px;}
.dcnav .nav{ height:33px; line-height:33px; color:#999;}
.dcnav .nav li{ float:left; background:url(../images/dcnav_navbg.gif) no-repeat left top; padding-right:10px; padding-left:43px;}
.dcnav .nav li.ad{ float:right; background:url(../images/ico_arrdown.gif) no-repeat right center; padding-right:26px;}
.dcnav li.home{ background:url(../images/ico_nav_home.gif) no-repeat 12px center; padding-left:45px;}

.dcnav .pad{ height:60px; padding:5px 0px 5px 20px; vertical-align:bottom;  overflow:hidden; line-height:14px;}
.dcnav .pad li{ float:left; width:20%; }
.dcnav .pad a{ display:block; width:99%; height:64px; overflow:hidden;}
.dcnav .pad a img{ float:left;}

.qlink .bg,.qlink{ background:url(../images/area_ymdbg.gif) no-repeat left top; height:76px; overflow:hidden;}
.qlink { margin:0px 0px 10px 0px; background-repeat:repeat-x; font-family:Microsoft Sans Serif;}
.qlink .l{ float:left; background-position:left -76px; width:52px;text-align:center; font-weight:bold; line-height:14px; padding:10px 0px 0px 2px;}
.qlink .r{ float:right; background-position:right -152px; padding:5px 33px 0px 0px; line-height:16px;}
.qlink a.pic{ color:#555;  font-size:10px; line-height:14px; display:block;}
.qlink a.pic:Hover{ text-decoration:none;}
.qlink a.pic .m{ font-weight:normal; color:White; }
.qlink a.pic .M{ font-size:12px;}
.qlink a.pic .d{ font-size:13px;}
.qlink a.pic .y{ color:#852; padding-top:4px; }
.qlink table{margin:6px 0px 0px 0px; float:left; background-color:#ccc; }
.qlink td{ background-color:#fff; text-align:center; color:#bbb; }
.qlink th{ font-weight:normal; text-align:center; background-color:#ddd;}
.qlink .day td{ width:18px; line-height:12px; height:26px; }
.qlink td a{ letter-spacing: -1px; font-family:Microsoft Sans Serif; display:block;}
.qlink .null{ background:white url(../images/ico_circlewhite.gif) no-repeat center center;}
.qlink .bg1.null{ background-image:url(../images/ico_circlegray.gif);}
.qlink .bg1{ background-color:#f5f5f5;}
.qlink .weekend{ color:#bbb;}
.qlink .weekother{color:#bbb;}
.qlink .c a{ font-weight:bold; color:#ff6600;}
.qlink .c span{ color:#ff6600;} 
.qlink .current{color:#555;}

.rcon{float:left; width:668px; font-family:Microsoft Sans Serif; }

.rad{ float:right; width:135px; overflow:hidden;}
.rad ul{ padding-bottom:10px;}

.rcon .demo{ float:right; color:#5580c7; line-height:16px; text-align:right; padding:8px 10px 0px 0px; }
.rcon .demo b{ font-size:13px; padding:0px 3px;}
.rcon h1{ color:black; font-size:20px; line-height:26px; height:26px; padding:6px 0px 0px 15px;}
.rcon h2{ color:black; padding-left:16px; }
.rcon .weburi{ position:absolute; z-index:2; margin:300px 0px 0px 0px; text-align:right; color:#888;  width:600px;}
.survey{ border-left:solid 3px #fff; color:#fff; font-size:9px; line-height:10px; position:absolute; z-index:3; filter:alpha(opacity=60); opacity: 0.6;}
.survey li{ height:19px; }
.survey li em{ position:relative; top:-1px; left:-3px; border-top:solid 1px #fff; width:5px; display:block; float:left; }
.survey li i{ position:relative; top:-8px; font-style:normal;}
.survey li.zero{ height:29px; }
html>* .survey li.bg{ background-image:url(../images/tranwhite20.png);}

.xcount .bgborder{ position:absolute; z-index:1; margin-left:5px;}
.xcount .bgpic{ position:absolute; z-index:2; background-color:#7bb9d9; width:607px; height:352px; overflow:hidden; }
.xcount .bgtxt{ position:absolute; z-index:3; width:607px;}
.xcount .xbg{ padding:18px 31px 60px 30px; height:352px;}
.xcount .survey{ width:604px; margin-top:122px;}

.stop .v{font-size:12px; padding:20px; color:#666; line-height:26px; }
.stop .ad{ position:absolute; z-index:3; width:330px;}

.hist{  position:absolute; z-index:4; width:607px;}
.hist tbody td{ height:322px;line-height:16px;}
.hist tfoot td{ text-align:center; height:30px; line-height:14px; }
.hist tfoot td div{ color:#4d936b;}
.hist tfoot td.first{ text-align:left;}
.hist .cyip{  margin:0px auto; background-color:#ca740d; text-align:center;}
.hist .cypv{ height:12px; }
.hist .cyip a,.hist .cypv{ display:block; margin:0px auto; overflow:hidden;}
.hist a{ color:#000;font-size:10px; display:block;   line-height:12px; }
.hist a center{  text-align:center;}
.hist a center.p{color:#555;}
.hist a span{ font-size:12px;}

.xtotal tfoot td{ width:80px; }
.xtotal tfoot td.first{ width:auto;}
.xtotal tfoot td.end{ width:auto; text-align:right;}
.xyear td{ width:60px;}
.xxyear td.first{ width:30px;}
.xmonth td{ width:18px;}
.xday td{ width:24px;}

.xtotal .cyip{ width:50px;  background-image:url(../images/total_ip.gif);}
.xtotal .cypv{ background:url(../images/total_diamond.gif) repeat-x left 2px; overflow:visible;}
.xtotal .mulegg{ float:left; position:absolute; margin-left:10px;}
.xyear .cyip{ width:33px;  background:url(../images/pic_year.gif) repeat-y left bottom;}
.xyear .cypv{ background:url(../images/pic_year_egg.gif) repeat-x left top; overflow:visible;}
.xyear .mulegg{ float:left; position:absolute; margin-left:10px;}
.xmonth .cyip,.xday .cyip{ width:10px; clear:both;  background:orange url(../images/bg_year.jpg) no-repeat center bottom; }
.le{display:block; position:absolute; overflow:hidden; background:url(../images/area_yezi.gif) no-repeat -25px top; }
.xmonth a,.xday a{ text-align:center;}
.smallle{  position:relative; top:-26px;}
.no1{ height:322px; color:White; }
.rcon .xflash .n{ font-size:16px; font-weight:bold;}
.no1 .pyramid{ position:absolute; margin-top:70px;z-index:30; }
.no1 .pyramid tbody td{ height:230px;  vertical-align:bottom;}
.no1 .pyramid a{ display:block; font-family:Arial;  text-align:center; font-size:15px; color:White; font-weight:bold;}
.no1 .pyramid a b{ color:#fb3;}
.no1 .pyramid a:hover{ color:Yellow;}
.no1 .pyramid a center{ font-size:10px; line-height:12px; font-weight:normal; font-family:Verdana;}
.no1 .k1{ padding-bottom:85px;}
.no1 .k2{ padding-bottom:66px;}
.no1 .k3{ padding-bottom:50px;}
.no1 .sort{float:right; line-height:19px; padding-right:20px;}
.no1 .sortbox{ padding-right:10px;}
.sort div.p,.client div.p{ height:13px; overflow:hidden; background:#5680eb url(../images/bg_no5.gif) repeat-x left -1px; border:1px solid #1be5fd; float:left; margin-top:4px;}
.sort thead td{ font-weight:bold; border-bottom:solid 1px  white; height:26px; line-height:26px;}
.sort tbody td{line-height:18px; padding:auto 6px;}
.client tbody td.small{ text-align:left; color:#277ec4;}
.client div.p{ margin:2px 5px 0px 0px;}
.client td{ padding:1px 3px;}
.client td.ip{ color:Black; text-align:left; }
.list{ color:White;}
.list table{ width:auto; margin:0px auto; }
.list thead td{ padding-top:20px; text-align:center; font-size:14px;}
.sort td.n,.sort td.small{ padding:0px 10px;}

.iptip{ display:block;  position:absolute; z-index:35; height:90px; filter:alpha(opacity=90); opacity: 0.9;}
.iptip .bg{ background:url(../images/area_tipsbg.gif) repeat-x left top; overflow:hidden; height:90px;}
.iptip .l{ width:33px; background-position:left -69px;}
.iptip .r{ width:8px; background-position:left -159px;}
.iptip .v{ float:left; height:67px; line-height:16px; padding:2px 20px 0px 0px;}
.iptip td{ vertical-align:top;}

.lipp{color:#27c;}

.cdata{ width:643px; margin:0px auto; line-height:22px;}
.cdata .bg,.cdata{ background-image:url(../images/area_graydata.gif);}
.cdata .bg{ height:5px; overflow:hidden;}
.cdata .t{ background-position:-643px top;}
.cdata .b{ background-position:-1286px bottom;}

.cdata table{ width:96%; margin:10px auto; text-align:center;}
.cdata thead { background-color:#bbb;}
.cdata td{ padding:1px 2px;}
.cdata .bg1 td{ background-color:#eee;}
.cdata .bg1 th{ background-color:#e5e5e5;}
.cdata tbody td{ background-color:#fafafa; border-left:solid 1px white; }
.cdata tbody th{ background-color:#f1f1f1;}
.cdata th{ font-weight:normal;}
.cdata thead { color:#333;}
.cdata .per{ width:150px; font-size:10px; padding:0px; }
.cdata .per div{ height:15px; overflow:hidden; background:#4caae5 url(../images/area_plist.gif) repeat-x left top;}
.cdata .per .x{ margin-top:3px;}
.cdata .per .left,.cdata .per .right{ width:2px; overflow:hidden; background-position:left -45px; }
.cdata .per .right{background-position:-2px -30px;}
.lipp  .ip{ float:right;}
.cdata tbody td.ripp{ color:#284; text-align:left;}
.cdata  div.pv{ float:left;background-position:left -15px;}
.cdata .nl{ border-left:none;}
.cdata td b{ color:Black;}

.perbar{height:15px; float:left; margin-top:2px; border-left:solid 1px #88b; border-right:solid 1px #66c; overflow:hidden; background:#4caae5 url(../images/area_plist.gif) repeat-x left top;}

dl.prompt{ background:url(../images/ico_prompt.gif) no-repeat left top; padding-left:68px; line-height:28px; margin:30px;}
dl dt{ font-size:16px; color:Black;}
.ptip{ position:absolute;z-index:100;  }
.ptip div{ background:white url(../images/bg_ptiparr.gif) no-repeat left center; color:green; padding:1px; position:absolute; left:151px; top:-10px; width:360px; border-top:solid 1px #e5e5e5; border-right:solid 2px #bbb; border-bottom:solid 2px #aaa;  display:none; padding-left:60px; }
.ptip ul{ background:url(../images/bg_flytips.gif) repeat-y right top;}
.ptip li{ list-style-type:disc; line-height:22px;}

html>* .survey li{ height:20px;}
html>* .iptip .bg{ background-image:url(../images/area_tipsbg.png);}
html>* .xtotal .cypv{ background-image:url(../images/total_diamond.png);}
html>* .xyear .cypv{ background-image:url(../images/pic_year_egg.png);}
html>* .le{ background-image:url(../images/area_yezi.png);}