@charset "utf-8";
*{margin:0; padding:0;}
.main-right{width:757px; padding:5px 0 60px 6px;float:right; _margin-bottom:-5px;}
.pathbox{ background:url(../images/DataStation/path-bg.gif) no-repeat top right; height:37px; width:976px; margin:0 auto}
.path{ float:left; width:650px;}
.path ul li{ float:left;}
.path ul li a{ font-size:14px; font-weight:bold; color:#ffd100; display:block; padding-right:7px; background:url(../images/DataStation/path-ico.gif) no-repeat left center; padding-left:12px}
.path ul li a:hover{ color:#df0202}
.path ul li span a{ background:url(../images/DataStation/index_ico.png) no-repeat left top; width:20px; height:17px; display:block; _overflow:hidden}
.path ul li sapn a:hover{background:url(../images/DataStation/index_ico.png) no-repeat left -19px; width:20px; height:17px; _position:relative; _top:1px}

.search1box{ float:right; width:220px; padding-top:5px}
.search1{ width:216px; height:30px; float:left;background:url(../images/DataStation/search1.png) no-repeat 0 0;}
.search1 .input{ height:22px; width:170px; padding:5px 0 0 0; margin:0px 0 0 3px;border:none; background:none; font-size:14px; font-weight:bold }
.search1 .btn{width:35px; border:none;background:none;text-indent:-9999px;cursor:pointer;}

.nav {font-size:14px; font-weight:bold;padding:10px 0 10px 8px;}
.nav a {color:#d5d5d5;padding-left:5px;}
.nav a:hover{ text-decoration:none}
.nav .active {color:#ffd100 !important;font-weight:bold;}
.subnav {font-size:12px;padding:5px 5px 5px 8px;}
.subnav a {color:#ff4d4d !important;padding-left:3px; text-decoration:none}
.subnav a:hover {color:#ff4d4d !important;padding-left:3px; text-decoration:underline}
.subnav .active {color:#ffd100 !important;}


.inc-search{margin:10px; background:#221d1d;border:1px solid #342323; padding:10px;}
.inc-search table th{ text-align:left}
.inc-search-left{ float:left; width:380px; _width:350px;margin: 10px 0 0 20px;}
.inc-search-left p{ line-height:20px; font-size:14px;  margin-bottom:15px;}
.inc-search-left p span{ display:inlinle-block; width:80px; text-align:right;}
.inc-search-left a{ color:#ffd100; text-decoration:underline; padding-left:60px}
.inc-search-left input.style1{ width:219px; height:20px}
.inc-search-left input.style2{ width:30px; height:20px}
.inc-search-left select.style3{ width:220px; height:22px}

.inc-search-middle{ float:left; margin-left:15px; width:90px}
.inc-search-middle a{color:#ffd100; text-decoration:underline;}

.inc-search-right{ float:left; margin-left:15px; width:100px}
.inc-search-right a{color:#ffd100; text-decoration:underline;}
.inc-search-right span {display:block;font-size:14px;margin-bottom:5px;text-align:left;width:80px;}
.inc-search-right select{ width:100px;}
.sbtn{ /*width:280px;*/ margin:20px auto 0 auto;}
.sbtn input{ width:80px; height:30px; font-size:14px; font-weight:bold; cursor:pointer; margin:0 20px}


/********* table ***************/
.listtable{ clear:both; width:97%; margin:0px auto 0 auto; background:#221D1D; border:1px solid #342323; padding-top:8px}
.listnav{width:951px; margin:0 auto; position:relative; top:1px;}
.listnav ul li{float:left; margin-right:3px}
.listnav ul li a{ display:block; padding:5px 6px; text-decoration:none; background:#272727; border:1px solid #342323;}
.listnav ul li a:hover{ padding:5px 6px; color:#ffd100;background:#221D1D; border-bottom:1px solid #221D1D}
.listnav ul li a.select {background:#221D1D; display:block; padding:5px 6px; text-decoration:none; border:1px solid #342323; border-bottom:1px solid #221D1D; color:#ffd100; font-weight:bold}

.listview{ /*width:720px;*/ margin:0 auto; padding-top:5px}
.listview-left{ float:left; width:500px;}
.listview-left ul li{ float:left; margin:2px}
.listview-left ul li a{ display:block; padding:4px; text-decoration:none; background:#1e1515; color:#f4f4f4}
.listview-left ul li a:hover{ padding:4px; color:#eee;background:#311515;color:#ffd100;}
.listview-left ul li a.select {background:#311515; display:block; padding:4px;color:#ffd100;}
.listview-left ul li.border-input{ background:#FFF; border:1px solid #222c31; width:170px; height:20px;*height:18px; margin:4px 0 0 2px; overflow:hidden}
.listview-left ul li.border-input input{ border:none; background:none; width:145px; height:20px; line-height:20px; float:left;}

.search-btn{background:url(../images/DataStation/quicksearch.gif) no-repeat;border:medium none;cursor:pointer;height:13px;overflow:hidden;width:13px; margin:4px 5px 0 0; float:right}
.pagebox{padding:10px}

.listview-right{ float:right; width:200px; text-align:right; margin:5px; line-height:30px}
.listtbox { margin: 0; padding:5px;text-align: left; }
.pages{width: 100%;color:#ccc; font-size:12px; margin:3px 0;}
.pages td{padding: 5px;}

.lists { border: 3px solid #39414a; clear: both ; background-color: #39414a; color:#ccc; padding-top: 1px;}
.list { width: 100%; border-collapse: collapse; background-color: #171212; margin: 0; padding: 0 }
/*.list th { cursor: default; font-size: 14px; cursor: pointer; padding: 0; border-bottom: 1px solid #202020 }*/

.list th { text-decoration: none; color: white;  background-color: #444; border-top: 1px solid #707070; border-left: 1px solid #707070; border-right: 1px solid #303030; border-bottom: 1px solid #303030;font-size: 14px; }
.list th a{	display:block; padding:8px 6px 4px 6px; text-decoration: none; color:#fff ; cursor: pointer }
.list th a:hover { background-color: #606060; }

.list thead td { text-align: left; cursor: default }
.list tfoot th { background-color: #515962; border-top: 1px solid #707070; border-left: 1px solid #707070; border-right: 1px solid #303030; border-bottom: 1px solid #303030; height: 10px;}

.list td { padding: 4px; color: #dddddd; font-size: 13px ; text-align:center;  height: 32px;}
.list tbody td div.sub { font-size: 12px; color: #707070 }
.list tbody .small { font-size: 12px; padding: 1px 0 0 0; white-space: nowrap }
.list tbody tr { background-color: #171212 }
.list tbody tr:hover { background-color: #3a3030 }
.list tbody a { text-decoration: none }
.list tbody a:hover { text-decoration: underline }
.list tbody td { border: 1px solid #434343; border-left:none; }
.list tbody td.l { border: 1px solid #434343; border-right:none; border-left: 1px solid #707070;}
.list tbody td.r { border: 1px solid #434343; border-right: 1px solid #434343;}
.list tbody td.ll { border: 1px solid #39414a; border-right:none;  border-left:none;}

.ach-des{width:400px!important; padding-top:5px ;}

/*add by magicd  2010/3/16*/
a.removeitem{ display: inline-block; width: 10px; height: 9px; background: url(../images/DataStation/closeicon.jpg) no-repeat; float: right; overflow: hidden }

a.removeitem:hover{ background-position: left -9px; }
.middle{ position: relative; }
a.common_btn{ background: url(../images/DataStation/commonbtn.gif) right -21px no-repeat; display: inline-block; height: 21px; color: #f90; border: none; cursor: pointer; font-size: 12px; padding: 0; font-weight: normal; text-decoration: none; overflow: hidden  }
a.common_btn span{ display: inline-block; background: url(../images/DataStation/commonbtn.gif) no-repeat;margin-right: 8px; padding: 3px 12px 0 20px; height: 18px; *padding: 4px 12px 0 20px; *height: 17px; overflow: hidden; }
a.common_btn:hover{ background-position: right -63px; color: #fff }
a.common_btn:hover span{  background-position: left -42px;  }
.additem{ background: url(../images/DataStation/add_item.gif) no-repeat; padding-left: 20px; padding-top: 1px }

.pannel{ border: 10px solid #303030 ;padding:0px;margin:0px;width:800px; z-index:502;position:absolute;top:100px;left:100px;background:#000;display:none;}
.pannel_footer,.pannel_header{ background: #303030; padding: 4px 0;margin:0px; }
.pannel_sinput{ background: #fff; height: 16px; margin-right: 10px; width: 200px;  margin-top: -3px; }
.pannel_main{ background: #000;padding:0px; margin:0px; }
.pannel_footer{  text-align:center; height: 25px; overflow: hidden; }


#block_img {opacity:0.85;filter:alpha(opacity=85);border:1px solid #fff;background:#000;display:none;z-index:501;width:100%;position:absolute;top:0px;left:0px}
.additem {cursor:pointer;color:#af1}

.list2 { width: 100%; border-collapse: collapse; background-color: #39414a; margin: 0; padding: 0 }
.list2 th { text-decoration: none; color: white;  background-color: #444444; border-top: 1px solid #707070; border-left: 1px solid #707070; border-right: 1px solid #303030; border-bottom: 1px solid #303030;font-size: 14px; }

.list2 thead td { text-align: left; cursor: default }
.list2 tfoot th { background-color: #444444; border-top: 1px solid #707070; border-left: 1px solid #707070; border-right: 1px solid #303030; border-bottom: 1px solid #303030; }

.list2 td { padding: 4px; color: #dddddd; font-size: 13px ; text-align:center;  height: 32px;}
.list2 tbody td div.sub { font-size: 12px; color: #707070 }
.list2 tbody .small { font-size: 12px; padding: 1px 0 0 0; white-space: nowrap }
.list2 tbody tr { background-color: #14191e }
.list2 tbody tr:hover { background-color: #202020 }
.list2 tbody a { text-decoration: none }
.list2 tbody a:hover { text-decoration: underline }
.list2 tbody td { border: 1px solid #39414a; border-left:none; }
.list2 tbody td.l { border: 1px solid #39414a; border-right:none; border-left: 1px solid #707070;}
.list2 tbody td.r { border: 1px solid #39414a; border-right: 1px solid #303030;}
.list2 tbody td.ll { border: 1px solid #39414a; border-right:none;  border-left:none;}

.list2 tbody .sp_bar {background:#000;height:0px; *height:7px; border-width:0px; overflow:hidden}
.list2 tbody .sp_bar td{background:#000;height:0px; border-width:0px;overflow:hidden}
.list2 tbody .sp_bar th{background:#000;height:0px; border-width:0px;overflow:hidden}
.s_text {margin-left:10px;color:#dddddd}
.s_text strong{color:#e5cc80; font-weight:bold; font-size:16px; margin: 0 4px}

div.getlink a span{	color:#FF9900;font-size:12px;padding:4px 8px 0 15px}
div.getlink a span:hover{color:#ffffff;font-size:12px;padding:4px 8px 0 15px}

a.compare-help-del{ display: inline-block; width: 10px; height: 9px; background: url(../images/DataStation/closeicon.jpg) no-repeat; float: right; overflow: hidden }
.listTable-withselected{margin-bottom:8px;	background:url("../images/DataStation/listtable-withselected.gif") no-repeat scroll 11px 6px transparent;padding-left:33px;}


/*最终页*/
.newest{ width:737px; margin:10px auto 10px auto; background:#2f383d; padding:5px; position:relative;}
.newest ul li{ float:left;}
.newest ul li img{ width:40px; height:40px;}
.newest ul li p{ line-height:21px}
.newest ul li a{ color:#80c81e}
.newest ul li a:hover{ text-decoration:none}

a.common_btn{ background: url(../images/DataStation/commonbtn.gif) right -21px no-repeat; display: inline-block; height: 21px; color: #f90; border: none; cursor: pointer; font-size: 12px; padding: 0; font-weight: normal; text-decoration: none; overflow: hidden  }
a.common_btn span{ display: inline-block; background: url(../images/DataStation/commonbtn.gif) no-repeat;margin-right: 8px; padding: 3px 12px 0 20px; height: 19px; *padding: 4px 12px 0 20px; *height: 17px; overflow: hidden; }
a.common_btn:hover{ background-position: right -63px; color: #fff }
a.common_btn:hover span{  background-position: left -42px;  }

.info{ text-align:left;}
.text {	margin:1px 0 10px 0;	width:500px; float:left;	padding:0 5px 5px 5px;}
.text p{text-indent: 2em; color:#a8a5a5 ; line-height:1.7; margin:0 0 8px 0;}
.text p span{ margin-right:40px;}
.text  li{text-indent: 2em; color:#a8a5a5 ; line-height:1.5 }
.getlink { cursor: pointer; font-size:14px; font-weight: normal; margin:-20px 0 0 0 !important; margin: -30px 5px 0 0;  text-align:right ;color:#1eff00 ; width: 300px; float:right; }
.info-list{ background:#171212; padding:6px;
border:2px solid  #434343;}
.info-list li{ color:#fff; text-indent:0; line-height:1.7}

.info h3{font-size: 14px; padding:8px 0; margin:0;color:#ff6464; text-align:left }

.text .rewards{padding-left: 25px;}
.rewards ul {padding:10px 0;margin:0 ; list-style:none;}
.rewards li {padding: 0 0 6px 0; color:#fff}

.info .infobox {width: 178px; padding:10px; border: 2px solid #2f383d; background: #181818;  float:right; margin:10px 10px 0 0;  }
.info .infobox ul {padding:0 0 10px 0;margin:0 ; list-style:none;}
.info .infobox li {padding: 0 0 3px 0; color:#fff; line-height:1.5}
.info .infobox li a{ color:#ffd100!important;}
.info .fish {padding: 10px 0}

.map {position: relative;	border: 2px solid #454545; background:#181818 center center no-repeat; width:515px; height:343px;display:block;	z-index:1; margin:10px auto}
.map { background-image: url(http://db.178.com/wow/icons/map_loading.gif)}

.map .p  {	position: absolute;	font-size: 1px;	width: 11px;	height: 11px;	left: -5px;	top: -5px;	background: url(http://db.178.com/wow/icons/p.png) no-repeat !important;	display: block;	background: none;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://db.178.com/wow/icons/p.png');}

.foto {text-align:center;}


#local {padding:10px;}
.icon_s{width:26px;height:26px;background:4px 4px no-repeat;position:relative;}
.icon_s .tile{width:26px;height:26px;background-image:url(http://db.178.com/wow/icons/icon_border_small.gif);}
.icon_s a{width:20px;height:20px;left:3px;top:3px;position:absolute;z-index:20;display:block;border:0;background:url(http://db.178.com/wow/icons/icon_hilite_small.gif) no-repeat 20px 0;}
.icon_s a:hover{background-position:0 0;}
.icon_m{width:34px;height:34px; background-repeat:no-repeat; position:relative}
.icon_m a{width:34px;height:34px;left:0;top:0;position:absolute;z-index:20;display:block;border:0;border:1px solid #453d3d; }
.icon_m a:hover{ border-color:#620b0b}


//show_image
.show_image {
	cursor: url(../images/DataStation/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.show_image img {
	border: 2px solid gray;cursor: pointer;
}
.show_image:hover img {
	border: 2px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../images/DataStation/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(../images/DataStation/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.change-lang{ width:112px; float:right;clear:both; margin:10px; padding:0 43px}
.change-lang a{ display:inline-block; width:20px; height:20px; line-height:20px; background:#3a464c; border:1px solid #12171a; text-align:center; text-decoration:none; float:left; margin:0 1px}
.change-lang a:hover{ width:20px; height:20px; line-height:20px; background:#12171a; border:1px solid #707070; text-align:center; }
.change-lang a span{ background:url(../images/DataStation/w-ico.gif) no-repeat; width:14px; height:14px; display:block; float:left; margin:2px; overflow:hidden}
.close-icobox{ position:absolute; top:5px; right:5px; width:10px; height:10px; background:#000}
.close-icobox a{ background:url(../images/DataStation/close-ico.png) no-repeat -2px top; width:12px; height:11px; display:block; overflow:hidden}
.dbbox{ margin-top:-12px; *margin-top:25px;_margin-top:15px; margin-right:2px}
.bigfootbox{width:250px; height:20px; margin-top:40px; padding-left:70px}
.bigfootbox a{ margin-right:20px}
.bigfootbox span{ background:url(../images/DataStation/bigfoot-ico.gif) no-repeat; width:16px; height:16px; display:inline-block; float:left; margin-right:3px; position:relative;_top:4px}

/*translate*/
.translate{ width:390px; height:37px; float:right; margin:13px 15px 0 0; background:url(../images/DataStation/translate.png) no-repeat 0 0;}
.translate .input{ height:23px; width:321px; padding:5px 0 0 0; margin:4px 0 0 3px;border:none; background:none; font-size:14px; font-weight:bold }
.translate .btn{width:55px; border:none;background:none;text-indent:-9999px;cursor:pointer; padding-top:8px}
.cut-off-rule{ border-bottom:1px solid #34444a; clear:both; padding-top:5px}
.translate-text{ width:720px; margin:10px auto; border:1px solid #34444a; padding:10px}
.translate-text ul li{ float:left; margin:0 5px; width:340px; height:30px; line-height:30px; border-bottom:1px dotted #34444a}

/*vow20100906*/
.comment-vow{margin:0px 5px 10px 5px}
.vow-box{ background:#20272f; border:1px solid #39424b; padding:5px 10px; margin:0 0 10px 0}
.vow-box a{ text-decoration:none}
.vow-top{ margin-bottom:10px}
.vow-top a.name{ text-decoration:underline}
.vow-content{ line-height:19px; color:#7da1c9; text-indent:2em}
.vow-date{ margin-top:12px}
.vow-date a{ margin:0 3px}
.vow-bg{ width:700px; border:1px solid #000; position: relative; margin-top:15px}
.vow-bg-t{ background:url(../images/DataStation/triangle-vow.gif) no-repeat;position:absolute; left:50px; top:-8px; display:block; width:13px; height:9px}
.vow-info .vow-bga{border:1px solid #000; display:block; margin:10px 0 20px 10px; padding:0; position:relative}
.vow-info .vow-bg1a{ border:1px solid #777; background:#3a4552; font-size:14px; line-height:22px; color:#ffffff}
.vow-info .vow-bg1a p{ line-height:18px; _line-height:12px;padding-left:50px; margin:0}
.photo1{ width:76px; height:78px; float:left; position:absolute; top:-15px; left:-18px; display:inline-block}

.vow-bg1{ border:1px solid #777; background:#3a4552; padding:10px; font-size:14px; line-height:22px; color:#87afff}
.vow-info{border:1px solid #39414a; background:#1f2730;padding:10px}
.vow-info p{ line-height:22px; padding-bottom:5px; overflow:hidden;zoom:1}
.vow-info select{ width:350px; height:22px; margin-bottom:5px}
.vow-info textarea{ width:349px;}
.vow-info input.btna{ width:55px; height:22px; cursor:pointer}
.vow-info input.width{ width:30px; height:20px; text-align:center}
.vow-info p a{ display:inline-block; margin-right:5px;}
.vow-info p a img{ width:92px; height:105px}
.vow-info p a.linka:link,.vow-info p a.linka:visited{ background:url(../images/DataStation/n_2_05.png) no-repeat;width:92px; height:105px; display:inline-block; float:left; text-indent:-9999px}
.vow-info p a.linka:hover{ background:url(../images/DataStation/n_2_05a.png) no-repeat;}
.vow-info p a.linkaa{ background:url(../images/DataStation/n_2_05a.png) no-repeat;width:92px; height:105px; display:inline-block; float:left; text-indent:-9999px}

.vow-info p a.linkb:link,.vow-info p a.linkb:visited{ background:url(../images/DataStation/n_2_09.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}
.vow-info p a.linkb:hover{ background:url(../images/DataStation/n_2_09a.png) no-repeat;}
.vow-info p a.linkbb{ background:url(../images/DataStation/n_2_09a.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}

.vow-info p a.linkc:link,.vow-info p a.linkc:visited{ background:url(../images/DataStation/n_2_03.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}
.vow-info p a.linkc:hover{ background:url(../images/DataStation/n_2_03a.png) no-repeat;}
.vow-info p a.linkcc{ background:url(../images/DataStation/n_2_03a.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}

.vow-info p a.linkd:link,.vow-info p a.linkd:visited{ background:url(../images/DataStation/n_2_07.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}
.vow-info p a.linkd:hover{ background:url(../images/DataStation/n_2_07a.png) no-repeat;}
.vow-info p a.linkdd{ background:url(../images/DataStation/n_2_07a.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}

.vow-info div{ border:1px solid #363d47; padding:5px 0 0 10px;}
.vow-info div p input{ width:260px; height:20px}

.h2title a {font-family:微软雅黑,黑体;font-size:18px;font-weight:normal;margin:0;padding:5px 10px 5px 10px;display:inline-block; text-decoration:none; line-height:18px}
.h2title a.slect{font-weight:bold;}
.h2title {border-bottom:1px solid #CCCCCC;margin:0px 10px 5px;width:97%;}
.h2title span a{ font-size:12px; text-decoration:underline}

.n_1{background:url(../images/DataStation/n_1_09.gif) no-repeat; display:inline-block;width:16px; height:16px; overflow:hidden; position:relative; top:3px; _top:-4px; right:2px}
.aico{ background-position:0 0;}
.bico{ background-position:0 -16px;}
.cico{ background-position:0 -32px;}
.dico{ background-position:0 -48px;}

.money_c {background:url("http://db.178.com/wow/icons/money_copper.gif") no-repeat scroll right center transparent;color:white;padding:0 15px 0 3px; display:inline-block}
.money_g {background:url("http://db.178.com/wow/icons/money_gold.gif") no-repeat scroll right  center transparent;
color:white;padding:0 15px 0 3px; display:inline-block}
.money_s {background:url("http://db.178.com/wow/icons/money_silver.gif") no-repeat scroll right  center transparent;
color:white;padding:0 15px 0 3px; display:inline-block}
.hiddenbox{ padding-left:8px; color:#1f2831}
.morebox{margin:8px 10px 5px;width:97%}
.morebox a{ margin-right:10px}


.taskbox,.info h1{ margin:0 11px 0 5px}
.taskbox h2,.info h1{ font-size:20px; text-align:left; border-bottom:1px solid #7b6262; height:40px; line-height:40px; }
.taskbox h2 span{ font-size:14px; color:#ffda76; padding-left:2px}

.icon_l {background:none no-repeat scroll 0 0 transparent;height:45px;position:relative;width:50px;border:1px solid #453D3D;}@charset "utf-8";
*{margin:0; padding:0;}
.main-right{width:757px; padding:5px 0 60px 6px;float:right; _margin-bottom:-5px;}
.pathbox{ background:url(http://img.db.178.com/mir3/177537_img/path-bg.gif) no-repeat top right; height:37px; width:976px; margin:0 auto}
.path{ float:left; width:650px;}
.path ul li{ float:left;}
.path ul li a{ font-size:14px; font-weight:bold; color:#ffd100; display:block; padding-right:7px; background:url(http://img.db.178.com/mir3/177537_img/path-ico.gif) no-repeat left center; padding-left:12px}
.path ul li a:hover{ color:#df0202}
.path ul li span a{ background:url(http://img.db.178.com/mir3/177537_img/index_ico.png) no-repeat left top; width:20px; height:17px; display:block; _overflow:hidden}
.path ul li sapn a:hover{background:url(http://img.db.178.com/mir3/177537_img/index_ico.png) no-repeat left -19px; width:20px; height:17px; _position:relative; _top:1px}

.search1box{ float:right; width:220px; padding-top:5px}
.search1{ width:216px; height:30px; float:left;background:url(http://img.db.178.com/mir3/177537_img/search1.png) no-repeat 0 0;}
.search1 .input{ height:22px; width:170px; padding:5px 0 0 0; margin:0px 0 0 3px;border:none; background:none; font-size:14px; font-weight:bold }
.search1 .btn{width:35px; border:none;background:none;text-indent:-9999px;cursor:pointer;}

.nav {font-size:14px; font-weight:bold;padding:10px 0 10px 8px;}
.nav a {color:#d5d5d5;padding-left:5px;}
.nav a:hover{ text-decoration:none}
.nav .active {color:#ffd100 !important;font-weight:bold;}
.subnav {font-size:12px;padding:5px 5px 5px 8px;}
.subnav a {color:#ff4d4d !important;padding-left:3px; text-decoration:none}
.subnav a:hover {color:#ff4d4d !important;padding-left:3px; text-decoration:underline}
.subnav .active {color:#ffd100 !important;}


.inc-search{margin:10px; background:#221d1d;border:1px solid #342323; padding:10px;}
.inc-search table th{ text-align:left}
.inc-search-left{ float:left; width:380px; _width:350px;margin: 10px 0 0 20px;}
.inc-search-left p{ line-height:20px; font-size:14px;  margin-bottom:15px;}
.inc-search-left p span{ display:inlinle-block; width:80px; text-align:right;}
.inc-search-left a{ color:#ffd100; text-decoration:underline; padding-left:60px}
.inc-search-left input.style1{ width:219px; height:20px}
.inc-search-left input.style2{ width:30px; height:20px}
.inc-search-left select.style3{ width:220px; height:22px}

.inc-search-middle{ float:left; margin-left:15px; width:90px}
.inc-search-middle a{color:#ffd100; text-decoration:underline;}

.inc-search-right{ float:left; margin-left:15px; width:100px}
.inc-search-right a{color:#ffd100; text-decoration:underline;}
.inc-search-right span {display:block;font-size:14px;margin-bottom:5px;text-align:left;width:80px;}
.inc-search-right select{ width:100px;}
.sbtn{ /*width:280px;*/ margin:20px auto 0 auto;}
.sbtn input{ width:80px; height:30px; font-size:14px; font-weight:bold; cursor:pointer; margin:0 20px}


/********* table ***************/
.listtable{ clear:both; width:97%; margin:0px auto 0 auto; background:#221D1D; border:1px solid #342323; padding-top:8px}
.listnav{width:951px; margin:0 auto; position:relative; top:1px;}
.listnav ul li{float:left; margin-right:3px}
.listnav ul li a{ display:block; padding:5px 6px; text-decoration:none; background:#272727; border:1px solid #342323;}
.listnav ul li a:hover{ padding:5px 6px; color:#ffd100;background:#221D1D; border-bottom:1px solid #221D1D}
.listnav ul li a.select {background:#221D1D; display:block; padding:5px 6px; text-decoration:none; border:1px solid #342323; border-bottom:1px solid #221D1D; color:#ffd100; font-weight:bold}

.listview{ /*width:720px;*/ margin:0 auto; padding-top:5px}
.listview-left{ float:left; width:500px;}
.listview-left ul li{ float:left; margin:2px}
.listview-left ul li a{ display:block; padding:4px; text-decoration:none; background:#1e1515; color:#f4f4f4}
.listview-left ul li a:hover{ padding:4px; color:#eee;background:#311515;color:#ffd100;}
.listview-left ul li a.select {background:#311515; display:block; padding:4px;color:#ffd100;}
.listview-left ul li.border-input{ background:#FFF; border:1px solid #222c31; width:170px; height:20px;*height:18px; margin:4px 0 0 2px; overflow:hidden}
.listview-left ul li.border-input input{ border:none; background:none; width:145px; height:20px; line-height:20px; float:left;}

.search-btn{background:url(http://img.db.178.com/mir3/177537_img/quicksearch.gif) no-repeat;border:medium none;cursor:pointer;height:13px;overflow:hidden;width:13px; margin:4px 5px 0 0; float:right}
.pagebox{padding:10px}
.pagebox span {
    padding: 3px;
}
.listview-right{ float:right; width:200px; text-align:right; margin:5px; line-height:30px}
.listtbox { margin: 0; padding:5px;text-align: left; }
.pages{width: 100%;color:#ccc; font-size:12px; margin:3px 0;}
.pages td{padding: 5px;}

.lists { border: 3px solid #39414a; clear: both ; background-color: #39414a; color:#ccc; padding-top: 1px;}
.list { width: 100%; border-collapse: collapse; background-color: #171212; margin: 0; padding: 0 }
/*.list th { cursor: default; font-size: 14px; cursor: pointer; padding: 0; border-bottom: 1px solid #202020 }*/

.list th { text-decoration: none; color: white;  background-color: #444; border-top: 1px solid #707070; border-left: 1px solid #707070; border-right: 1px solid #303030; border-bottom: 1px solid #303030;font-size: 14px; }
.list th a{	display:block; padding:8px 6px 4px 6px; text-decoration: none; color:#fff ; cursor: pointer }
.list th a:hover { background-color: #606060; }

.list thead td { text-align: left; cursor: default }
.list tfoot th { background-color: #515962; border-top: 1px solid #707070; border-left: 1px solid #707070; border-right: 1px solid #303030; border-bottom: 1px solid #303030; height: 10px;}

.list td { padding: 4px; color: #dddddd; font-size: 13px ; text-align:center;  height: 32px;}
.list tbody td div.sub { font-size: 12px; color: #707070 }
.list tbody .small { font-size: 12px; padding: 1px 0 0 0; white-space: nowrap }
.list tbody tr { background-color: #171212 }
.list tbody tr:hover { background-color: #3a3030 }
.list tbody a { text-decoration: none }
.list tbody a:hover { text-decoration: underline }
.list tbody td { border: 1px solid #434343; border-left:none; }
.list tbody td.l { border: 1px solid #434343; border-right:none; border-left: 1px solid #707070;}
.list tbody td.r { border: 1px solid #434343; border-right: 1px solid #434343;}
.list tbody td.ll { border: 1px solid #39414a; border-right:none;  border-left:none;}

.ach-des{width:400px!important; padding-top:5px ;}

/*add by magicd  2010/3/16*/
a.removeitem{ display: inline-block; width: 10px; height: 9px; background: url(../images/DataStation/closeicon.jpg) no-repeat; float: right; overflow: hidden }

a.removeitem:hover{ background-position: left -9px; }
.middle{ position: relative; }
a.common_btn{ background: url(../images/DataStation/commonbtn.gif) right -21px no-repeat; display: inline-block; height: 21px; color: #f90; border: none; cursor: pointer; font-size: 12px; padding: 0; font-weight: normal; text-decoration: none; overflow: hidden  }
a.common_btn span{ display: inline-block; background: url(../images/DataStation/commonbtn.gif) no-repeat;margin-right: 8px; padding: 3px 12px 0 20px; height: 18px; *padding: 4px 12px 0 20px; *height: 17px; overflow: hidden; }
a.common_btn:hover{ background-position: right -63px; color: #fff }
a.common_btn:hover span{  background-position: left -42px;  }
.additem{ background: url(../images/DataStation/add_item.gif) no-repeat; padding-left: 20px; padding-top: 1px }

.pannel{ border: 10px solid #303030 ;padding:0px;margin:0px;width:800px; z-index:502;position:absolute;top:100px;left:100px;background:#000;display:none;}
.pannel_footer,.pannel_header{ background: #303030; padding: 4px 0;margin:0px; }
.pannel_sinput{ background: #fff; height: 16px; margin-right: 10px; width: 200px;  margin-top: -3px; }
.pannel_main{ background: #000;padding:0px; margin:0px; }
.pannel_footer{  text-align:center; height: 25px; overflow: hidden; }


#block_img {opacity:0.85;filter:alpha(opacity=85);border:1px solid #fff;background:#000;display:none;z-index:501;width:100%;position:absolute;top:0px;left:0px}
.additem {cursor:pointer;color:#af1}

.list2 { width: 100%; border-collapse: collapse; background-color: #39414a; margin: 0; padding: 0 }
.list2 th { text-decoration: none; color: white;  background-color: #444444; border-top: 1px solid #707070; border-left: 1px solid #707070; border-right: 1px solid #303030; border-bottom: 1px solid #303030;font-size: 14px; }

.list2 thead td { text-align: left; cursor: default }
.list2 tfoot th { background-color: #444444; border-top: 1px solid #707070; border-left: 1px solid #707070; border-right: 1px solid #303030; border-bottom: 1px solid #303030; }

.list2 td { padding: 4px; color: #dddddd; font-size: 13px ; text-align:center;  height: 32px;}
.list2 tbody td div.sub { font-size: 12px; color: #707070 }
.list2 tbody .small { font-size: 12px; padding: 1px 0 0 0; white-space: nowrap }
.list2 tbody tr { background-color: #14191e }
.list2 tbody tr:hover { background-color: #202020 }
.list2 tbody a { text-decoration: none }
.list2 tbody a:hover { text-decoration: underline }
.list2 tbody td { border: 1px solid #39414a; border-left:none; }
.list2 tbody td.l { border: 1px solid #39414a; border-right:none; border-left: 1px solid #707070;}
.list2 tbody td.r { border: 1px solid #39414a; border-right: 1px solid #303030;}
.list2 tbody td.ll { border: 1px solid #39414a; border-right:none;  border-left:none;}

.list2 tbody .sp_bar {background:#000;height:0px; *height:7px; border-width:0px; overflow:hidden}
.list2 tbody .sp_bar td{background:#000;height:0px; border-width:0px;overflow:hidden}
.list2 tbody .sp_bar th{background:#000;height:0px; border-width:0px;overflow:hidden}
.s_text {margin-left:10px;color:#dddddd}
.s_text strong{color:#e5cc80; font-weight:bold; font-size:16px; margin: 0 4px}

div.getlink a span{	color:#FF9900;font-size:12px;padding:4px 8px 0 15px}
div.getlink a span:hover{color:#ffffff;font-size:12px;padding:4px 8px 0 15px}

a.compare-help-del{ display: inline-block; width: 10px; height: 9px; background: url(../images/DataStation/closeicon.jpg) no-repeat; float: right; overflow: hidden }
.listTable-withselected{margin-bottom:8px;	background:url("../images/DataStation/listtable-withselected.gif") no-repeat scroll 11px 6px transparent;padding-left:33px;}


/*最终页*/
.newest{ width:737px; margin:10px auto 10px auto; background:#2f383d; padding:5px; position:relative;}
.newest ul li{ float:left;}
.newest ul li img{ width:40px; height:40px;}
.newest ul li p{ line-height:21px}
.newest ul li a{ color:#80c81e}
.newest ul li a:hover{ text-decoration:none}

a.common_btn{ background: url(../images/DataStation/commonbtn.gif) right -21px no-repeat; display: inline-block; height: 21px; color: #f90; border: none; cursor: pointer; font-size: 12px; padding: 0; font-weight: normal; text-decoration: none; overflow: hidden  }
a.common_btn span{ display: inline-block; background: url(../images/DataStation/commonbtn.gif) no-repeat;margin-right: 8px; padding: 3px 12px 0 20px; height: 19px; *padding: 4px 12px 0 20px; *height: 17px; overflow: hidden; }
a.common_btn:hover{ background-position: right -63px; color: #fff }
a.common_btn:hover span{  background-position: left -42px;  }

.info{ text-align:left;}
.text {	margin:1px 0 10px 0;	width:500px; float:left;	padding:0 5px 5px 5px;}
.text p{text-indent: 2em; color:#a8a5a5 ; line-height:1.7; margin:0 0 8px 0;}
.text p span{ margin-right:40px;}
.text  li{text-indent: 2em; color:#a8a5a5 ; line-height:1.5 }
.getlink { cursor: pointer; font-size:14px; font-weight: normal; margin:-20px 0 0 0 !important; margin: -30px 5px 0 0;  text-align:right ;color:#1eff00 ; width: 300px; float:right; }
.info-list{ background:#171212; padding:6px;
border:2px solid  #434343;}
.info-list li{ color:#fff; text-indent:0; line-height:1.7}

.info h3{font-size: 14px; padding:8px 0; margin:0;color:#ff6464; text-align:left }

.text .rewards{padding-left: 25px;}
.rewards ul {padding:10px 0;margin:0 ; list-style:none;}
.rewards li {padding: 0 0 6px 0; color:#fff}

.info .infobox {width: 178px; padding:10px; border: 2px solid #2f383d; background: #181818;  float:right; margin:10px 10px 0 0;  }
.info .infobox ul {padding:0 0 10px 0;margin:0 ; list-style:none;}
.info .infobox li {padding: 0 0 3px 0; color:#fff; line-height:1.5}
.info .infobox li a{ color:#ffd100!important;}
.info .fish {padding: 10px 0}

.map {position: relative;	border: 2px solid #454545; background:#181818 center center no-repeat; width:515px; height:343px;display:block;	z-index:1; margin:10px auto}
.map { background-image: url(http://db.178.com/wow/icons/map_loading.gif)}

.map .p  {	position: absolute;	font-size: 1px;	width: 11px;	height: 11px;	left: -5px;	top: -5px;	background: url(http://db.178.com/wow/icons/p.png) no-repeat !important;	display: block;	background: none;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://db.178.com/wow/icons/p.png');}

.foto {text-align:center;}


#local {padding:10px;}
.icon_s{width:26px;height:26px;background:4px 4px no-repeat;position:relative;}
.icon_s .tile{width:26px;height:26px;background-image:url(http://db.178.com/wow/icons/icon_border_small.gif);}
.icon_s a{width:20px;height:20px;left:3px;top:3px;position:absolute;z-index:20;display:block;border:0;background:url(http://db.178.com/wow/icons/icon_hilite_small.gif) no-repeat 20px 0;}
.icon_s a:hover{background-position:0 0;}
.icon_m{width:34px;height:34px; background-repeat:no-repeat; position:relative}
.icon_m a{width:34px;height:34px;left:0;top:0;position:absolute;z-index:20;display:block;border:0;border:1px solid #453d3d; }
.icon_m a:hover{ border-color:#620b0b}


//show_image
.show_image {
	cursor: url(../images/DataStation/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.show_image img {
	border: 2px solid gray;cursor: pointer;
}
.show_image:hover img {
	border: 2px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../images/DataStation/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(../images/DataStation/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.change-lang{ width:112px; float:right;clear:both; margin:10px; padding:0 43px}
.change-lang a{ display:inline-block; width:20px; height:20px; line-height:20px; background:#3a464c; border:1px solid #12171a; text-align:center; text-decoration:none; float:left; margin:0 1px}
.change-lang a:hover{ width:20px; height:20px; line-height:20px; background:#12171a; border:1px solid #707070; text-align:center; }
.change-lang a span{ background:url(http://img.db.178.com/mir3/177537_img/w-ico.gif) no-repeat; width:14px; height:14px; display:block; float:left; margin:2px; overflow:hidden}
.close-icobox{ position:absolute; top:5px; right:5px; width:10px; height:10px; background:#000}
.close-icobox a{ background:url(http://img.db.178.com/mir3/177537_img/close-ico.png) no-repeat -2px top; width:12px; height:11px; display:block; overflow:hidden}
.dbbox{ margin-top:-12px; *margin-top:25px;_margin-top:15px; margin-right:2px}
.bigfootbox{width:250px; height:20px; margin-top:40px; padding-left:70px}
.bigfootbox a{ margin-right:20px}
.bigfootbox span{ background:url(http://img.db.178.com/mir3/177537_img/bigfoot-ico.gif) no-repeat; width:16px; height:16px; display:inline-block; float:left; margin-right:3px; position:relative;_top:4px}

/*translate*/
.translate{ width:390px; height:37px; float:right; margin:13px 15px 0 0; background:url(http://img.db.178.com/mir3/177537_img/translate.png) no-repeat 0 0;}
.translate .input{ height:23px; width:321px; padding:5px 0 0 0; margin:4px 0 0 3px;border:none; background:none; font-size:14px; font-weight:bold }
.translate .btn{width:55px; border:none;background:none;text-indent:-9999px;cursor:pointer; padding-top:8px}
.cut-off-rule{ border-bottom:1px solid #34444a; clear:both; padding-top:5px}
.translate-text{ width:720px; margin:10px auto; border:1px solid #34444a; padding:10px}
.translate-text ul li{ float:left; margin:0 5px; width:340px; height:30px; line-height:30px; border-bottom:1px dotted #34444a}

/*vow20100906*/
.comment-vow{margin:0px 5px 10px 5px}
.vow-box{ background:#20272f; border:1px solid #39424b; padding:5px 10px; margin:0 0 10px 0}
.vow-box a{ text-decoration:none}
.vow-top{ margin-bottom:10px}
.vow-top a.name{ text-decoration:underline}
.vow-content{ line-height:19px; color:#7da1c9; text-indent:2em}
.vow-date{ margin-top:12px}
.vow-date a{ margin:0 3px}
.vow-bg{ width:700px; border:1px solid #000; position: relative; margin-top:15px}
.vow-bg-t{ background:url(http://img.db.178.com/mir3/177537_img/triangle-vow.gif) no-repeat;position:absolute; left:50px; top:-8px; display:block; width:13px; height:9px}
.vow-info .vow-bga{border:1px solid #000; display:block; margin:10px 0 20px 10px; padding:0; position:relative}
.vow-info .vow-bg1a{ border:1px solid #777; background:#3a4552; font-size:14px; line-height:22px; color:#ffffff}
.vow-info .vow-bg1a p{ line-height:18px; _line-height:12px;padding-left:50px; margin:0}
.photo1{ width:76px; height:78px; float:left; position:absolute; top:-15px; left:-18px; display:inline-block}

.vow-bg1{ border:1px solid #777; background:#3a4552; padding:10px; font-size:14px; line-height:22px; color:#87afff}
.vow-info{border:1px solid #39414a; background:#1f2730;padding:10px}
.vow-info p{ line-height:22px; padding-bottom:5px; overflow:hidden;zoom:1}
.vow-info select{ width:350px; height:22px; margin-bottom:5px}
.vow-info textarea{ width:349px;}
.vow-info input.btna{ width:55px; height:22px; cursor:pointer}
.vow-info input.width{ width:30px; height:20px; text-align:center}
.vow-info p a{ display:inline-block; margin-right:5px;}
.vow-info p a img{ width:92px; height:105px}
.vow-info p a.linka:link,.vow-info p a.linka:visited{ background:url(http://img.db.178.com/mir3/177537_img/n_2_05.png) no-repeat;width:92px; height:105px; display:inline-block; float:left; text-indent:-9999px}
.vow-info p a.linka:hover{ background:url(http://img.db.178.com/mir3/177537_img/n_2_05a.png) no-repeat;}
.vow-info p a.linkaa{ background:url(http://img.db.178.com/mir3/177537_img/n_2_05a.png) no-repeat;width:92px; height:105px; display:inline-block; float:left; text-indent:-9999px}

.vow-info p a.linkb:link,.vow-info p a.linkb:visited{ background:url(http://img.db.178.com/mir3/177537_img/n_2_09.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}
.vow-info p a.linkb:hover{ background:url(http://img.db.178.com/mir3/177537_img/n_2_09a.png) no-repeat;}
.vow-info p a.linkbb{ background:url(http://img.db.178.com/mir3/177537_img/n_2_09a.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}

.vow-info p a.linkc:link,.vow-info p a.linkc:visited{ background:url(http://img.db.178.com/mir3/177537_img/n_2_03.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}
.vow-info p a.linkc:hover{ background:url(http://img.db.178.com/mir3/177537_img/n_2_03a.png) no-repeat;}
.vow-info p a.linkcc{ background:url(http://img.db.178.com/mir3/177537_img/n_2_03a.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}

.vow-info p a.linkd:link,.vow-info p a.linkd:visited{ background:url(http://img.db.178.com/mir3/177537_img/n_2_07.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}
.vow-info p a.linkd:hover{ background:url(http://img.db.178.com/mir3/177537_img/n_2_07a.png) no-repeat;}
.vow-info p a.linkdd{ background:url(http://img.db.178.com/mir3/177537_img/n_2_07a.png) no-repeat;width:92px; height:105px; display:inline-block; text-indent:-9999px;float:left;}

.vow-info div{ border:1px solid #363d47; padding:5px 0 0 10px;}
.vow-info div p input{ width:260px; height:20px}

.h2title a {font-family:微软雅黑,黑体;font-size:18px;font-weight:normal;margin:0;padding:5px 10px 5px 10px;display:inline-block; text-decoration:none; line-height:18px}
.h2title a.slect{font-weight:bold;}
.h2title {border-bottom:1px solid #CCCCCC;margin:0px 10px 5px;width:97%;}
.h2title span a{ font-size:12px; text-decoration:underline}

.n_1{background:url(http://img.db.178.com/mir3/177537_img/n_1_09.gif) no-repeat; display:inline-block;width:16px; height:16px; overflow:hidden; position:relative; top:3px; _top:-4px; right:2px}
.aico{ background-position:0 0;}
.bico{ background-position:0 -16px;}
.cico{ background-position:0 -32px;}
.dico{ background-position:0 -48px;}

.money_c {background:url("http://db.178.com/wow/icons/money_copper.gif") no-repeat scroll right center transparent;color:white;padding:0 15px 0 3px; display:inline-block}
.money_g {background:url("http://db.178.com/wow/icons/money_gold.gif") no-repeat scroll right  center transparent;
color:white;padding:0 15px 0 3px; display:inline-block}
.money_s {background:url("http://db.178.com/wow/icons/money_silver.gif") no-repeat scroll right  center transparent;
color:white;padding:0 15px 0 3px; display:inline-block}
.hiddenbox{ padding-left:8px; color:#1f2831}
.morebox{margin:8px 10px 5px;width:97%}
.morebox a{ margin-right:10px}


.taskbox,.info h1{ margin:0 11px 0 5px}
.taskbox h2,.info h1{ font-size:20px; text-align:left; border-bottom:1px solid #7b6262; height:40px; line-height:40px; }
.taskbox h2 span{ font-size:14px; color:#ffda76; padding-left:2px}

.icon_l {background:none no-repeat scroll 0 0 transparent;height:45px;position:relative;width:50px;border:1px solid #453D3D;}