/*
* common wow style for wownei
* by biggates
*/
img.class{position:relative;top:5px;}
a.guild, a.guild:hover, a.guild:visited{font-weight:bold;color:green;text-decoration:none;margin:auto 0.5em;}
div.characterInfo{padding:0.5em 1em;background-color:#DDD;color:black; border:1px solid #999;margin-top:10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
div.characterInfo p{}
div.characterInfo a, div.characterInfo a:hover, div.characterInfo a:visited{font-weight:bold;text-decoration:none;}

a.character_class_1 {/*warrior*/color:#C79C6E;}
a.character_class_2 {/*paladin*/color:#F58CBA;}
a.character_class_3 {/*hunter*/color:#ABD473;}
a.character_class_4 {/*rogue*/color:#FFF569;}
a.character_class_5 {/*priest*/color:white;}
a.character_class_6 {/*deathKnight*/color:#C41F3B;}
a.character_class_7 {/*shaman*/color:#2459FF;}
a.character_class_8 {/*mage*/color:#69CCF0;}
a.character_class_9 {/*warlock*/color:#9482C9;}
a.character_class_11{/*druid*/color:#FF7D0A;}

/*item tooltip*/
div.itemtooltip{position:absolute;border:1px solid white;background-color:black;color:white;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);z-index:100;padding:5px;text-align:left;min-width:10em;max-width:20em;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #A9A9A9;}
div.itemtooltip a#id{color:white;}
div.itemtooltip span.name{font-size: 1.2em;}
div.itemtooltip img.icon{width:64px;height:64px;}
div.itemtooltip span.trigger_0,span.trigger_1,span.trigger_2,span.item_enchant{color:#00FF00;}
div.itemtooltip span.enchanted{color:#FFFFFF !important;}
div.itemtooltip span.quality_0{color:#C9C9C9;}
div.itemtooltip span.quality_1{color:#FFFFFF;}
div.itemtooltip span.quality_2{color:#00FF00;}
div.itemtooltip span.quality_3{color:#0070DD !important;}
div.itemtooltip span.quality_4{color:#A335EE;}
div.itemtooltip span.quality_5{color:#FF8000;}
div.itemtooltip span.inventoryType{}
div.itemtooltip span.subclassName{float:right;}
div.itemtooltip span.socket_Blue, div.itemtooltip span.socket_Red, div.itemtooltip span.socket_Yellow, div.itemtooltip span.socket_Meta, div.itemtooltip span.socketMathEnchant{color:#787880;}
div.itemtooltip span.speed{float:right;margin-left:2em;}
div.itemtooltip span.damageType{}
div.itemtooltip span.desc{color:#FFD517;}
div.itemtooltip span.set_name{color:#FFD517;margin:2em 0 0 0;}
div.itemtooltip span.set_item{color:#787880;margin:0 0 0 1em;}
div.itemtooltip span.set_bonus{color:#787880;margin:1em 0 0 0;}
div.itemtooltip img.socketImg{width:14px; height:14px; vertical-align: -15%; margin: 0 3px 0 0;}
a.item_link, a.item_link:hover, a.item_link:visited{font-weight:bold; text-decoration:none;}
a.item_class_0, span.item_class_0{color:#C9C9C9;}
a.item_class_1, span.item_class_1{color:#000000;}
a.item_class_2, span.item_class_2{color:#00FF00;}
a.item_class_3, span.item_class_3{color:#0070DD !important;}
a.item_class_4, span.item_class_4{color:#A335EE;}
a.item_class_5, span.item_class_5{color:#FF8000;}
div.post_list ul li div.image_right{word-break:keep-all;word-wrap:normal;}
span.item_price{font-weight:bold;background-color:rgb(231,207,140);padding:3px 5px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
span.item_price span{padding-right:16px;}
span.item_price span.gold{background:transparent url(../image/wow/money-gold.gif) no-repeat scroll right bottom;}
span.item_price span.silver{background:transparent url(../image/wow/money-silver.gif) no-repeat scroll right bottom;}
span.item_price span.bronze{background:transparent url(../image/wow/money-copper.gif) no-repeat scroll right bottom;}

/* achievement */
div#achievement_popup_div{width:310px;height:89px;margin:auto;position:absolute;z-index:10000;background:transparent url(../image/achievement/Alert-Background.png) no-repeat scroll center bottom;text-align:center;cursor:pointer;}
div#achievement_popup_div #achievement_popup_title{font-family:"黑体";margin:21px auto 0;color:#FFFF66; font-size:12px;}
div#achievement_popup_div #achievement_popup_iconborder{position:absolute;left:-16px;top:-16px;width:84px;height:84px;background:transparent url(../image/achievement/Progressive-IconBorder.png) no-repeat scroll 0 0;}
div#achievement_popup_div #achievement_popup_icon{position:absolute;left:10px;top:20px;width:48px;height:48px;}
div#achievement_popup_div #achievement_popup_name{font-weight:bold;color:white;font-size:16px;line-height:1em;}
div#achievement_popup_div #achievement_popup_scoreborder{position:absolute;height:47px;width:55px;background:transparent url(../image/achievement/Shield1.png) no-repeat scroll 0 0;left:240px;top:18px;}
div#achievement_popup_div #achievement_popup_score{color:yellow;font-size:16px;margin:16px auto;}

/*buff and tooltip*/
img.buffx16{height:16px;width:16px;border:1px solid black;margin:1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
div.buffx32,div.debuffx32{width:34px;height:55px;text-align:center;float:left;margin:1px 2px;}
.buffx32 img{width:32px;height:32px;margin:1px;border:1px solid black;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;}
.debuffx32 img{width:32px;height:32px;margin:1px;border:1px solid red;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;}
div.buffx32count{width:34px;height:34px;font-weight:bold;color:white;position:absolute;padding:15px 0 0 10px;font-size:16px;}
div.buffx32time{text-align:center;width:34px;padding:1px;font-size:11px;}
div#shwprp{opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);border:2px solid #FFCC00;padding:8px;background-color:black;color:white;position:absolute;width:150px;z-index:100;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
div#shwprp p#shwprp_title{font-weight:bold;}
div#shwprp p#shwprp_text{}
div#shwprp p#shwprp_desc{color:yellow;}

/*elite user*/
div.avatar48_elite{height:120px;}
div.avatar48_elite a:hover{text-decoration:none;}
div.avatar48_elite img#avatar{float:right;margin:18px 54px 0 0;width:60px;height:60px;}
div.avatar48_elite img#frame{float:right;position:absolute;}
div.avatar48_elite img#groupicon{margin:63px 0 0 182px;position:absolute;}
div#username, div#credit{width:120px;margin:0 0 0 6px;position:absolute;text-align:center;}
div#username{font-weight:bold;margin-top:26px;}
div#credit{margin-top:48px;}

/*recommend*/
div#wobao div.avatar48_elite{width:250px;float:right;}

/*engineering*/
div#hiTechContent ul.hiTechUl{margin:0 20px 20px 20px;}
div#hiTechContent ul.hiTechUl li {clear:left;padding:1em 0;}
div#hiTechContent ul.hiTechUl li a.hiTechImage{float:left;}
div#hiTechContent ul.hiTechUl li a.hiTechImage img{height:48px;width:48px;}
div#hiTechContent ul.hiTechUl li div.desc{display: none;text-indent:2em;background-color:black;color:white;border:solid 1px black;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 0 0 50px;padding:4px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}

/**************achv********/
#achv_box {	width: 680px; margin: 0 0; background-color:#001821; padding:10px 50px;}
#achv_con{ background:url(default/image/achv/achv_rcol_bg.jpg) repeat-y; width:673px; padding:0px 0px 15px;}
.achievement {background:url(default/image/achv/achievement_bg.jpg) 0 bottom repeat-y; position:relative; font:12px Georgia; color:black;  padding-bottom:17px; border-top:1px solid #cc9e4e; width:673px; cursor:pointer; clear:both;}
.achievement.selected {background-image:url(default/image/achv/achievement_bg_sel.jpg);}
.achievement.locked {background-image:url(default/image/achv/achievement_bg_locked.jpg); border-color:#74623E;}
.locked.selected {background-image:url(default/image/achv/achievement_bg_locked_sel.jpg);}
.achievement.locked .firsts_icon, .locked .pointshield, .locked .achv_reward_bg {-moz-opacity:.60; opacity:.60; -khtml-opacity:0.60 }
.achv_title, .achv_desc, .achv_date, .achv_reward_bg, .pointshield { text-align:center; }
.pointshield { position: absolute; right:12px; top:5px; width:68px; height:61px; font:22px Georgia; color:white; background:url(default/image/achv/point_shield.png);_background:none no-repeat;_filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="template/default/image/achv/point_shield.png", sizingMethod="crop") ;}
.locked .pointshield { color:#9e977a; }
.pointshield div { padding-top:15px; }
.firsts_icon { background:50% no-repeat; width:72px; height:72px; position:absolute; margin:-2px 0 0 8px; left:auto; }
.iconframe { z-index:10; width:72px; height:72px; background:url(default/image/achv/fst_iconframe.png);_background:none no-repeat;_filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="template/default/image/achv/fst_iconframe.png", sizingMethod="crop") ;}
.firsts_icon_block { width:1px; height:70px; float:left; }
.achv_title, .achv_desc, .achv_date, .achv_reward_bg, .pointshield { text-align:center; }
.achv_title { font-size:15px; font-weight:bold; padding:17px 0 3px 0;  }
.locked .achv_title { color:#d8d6bb }
.locked.selected .achv_title { color:black; }
.achv_desc { width:486px; margin:0 auto; color:#554223; }
.locked .achv_desc { color:#C0BB9D; }
.locked.selected .achv_desc { color:black; }
.achv_date	{ font-size:11px; position:relative; font-weight:bold; font-family:arial; margin-top:5px; }
.c_list li { list-style-type:none; background:url(default/image/achv/li_dash.gif) 0 6px no-repeat; padding-left:10px; _padding-left:0; _background:none; float:left; }
.c_list li.prog { list-style-type:none; background:none; padding:0 0 0 -10px; _padding:0;}
.c_list_col { width:44%; float:right; margin-right:20px;  }
.critbar { padding-top:10px; clear:both; }
ul.criteria { margin:0; margin-top:20px; }
.c_list li.criteriamet { font-weight:bold; color:#669200; }
.locked .c_list li.criteriamet { color:#8aff00 }
.criteria.c_list { padding:10px 0 20px 11%; margin:15px 0 0 0; }
.achv_lnav a { padding:0  14px; text-decoration:none !important;  color:#fff; line-height:24px; border-left:solid 1px #990000; display:block; width:auto; height:24px; background:url(default/image/achv/mh-bg2.gif) repeat-x; font-weight:bold; margin:0;}
.achv_lnav a:hover { color:#000; background:url(default/image/achv/mh-bg.gif) repeat-x;}
.achv_lnav .selected { color:#ffffff; background:url(default/image/achv/mh-bg.gif) repeat-x;}
.achv_nav { background:url(default/image/achv/mh-bg2.gif) repeat-x; width:660px; height:24px; padding:0 0 0 13px; line-height:24px;}
.achv_lnav { float:right;}
*+html .achv_lnav { float:right; width:auto; padding:0 14px; height:24px;}
.achv_nav a { color:#FFFFFF; font-weight:bold;}
.achv_nav a:hover { color:#000000;}
/* -----Progress Bar----- */

.prog_bar, .null_progress { position:relative; background:url(default/image/achv/progress_bg.jpg) repeat-x; padding:3px 0; width:510px; margin:0px 0 6px; }
.locked .prog_bar { background-image:url(default/image/achv/progress_bg_locked.jpg);}
.progress_cap, .progress_cap_r { background:url(default/image/achv/progress_cap.jpg) no-repeat; width:6px; float:left; position:absolute; top:0; left:-6px; display:block; height:20px }
.progress_cap.bottom, .progress_cap_r.bottom { background-position:bottom;}
.progress_cap_r { background-image:url(default/image/achv/progress_cap_r.jpg); left:auto; float:right; right:-6px; }
.locked .progress_cap { background-image:url(default/image/achv/progress_cap_lck.jpg);  }
.locked .progress_cap_r { background-image:url(default/image/achv/progress_cap_lck_r.jpg);  }
.progress_int, .null_progress { color:white; position:relative;   }
.prog_int_text { position:relative; font:bold 11px Arial; text-align:center; }
.prog_int_text img { vertical-align:text-top; }
.progress_fill { position:absolute; top:-1px; left:0; background:url(default/image/achv/progress_green.jpg) repeat-x; height:16px; }
.blue .progress_fill { background-image:url(default/image/achv/progress_blue.jpg); top:auto;  }
.blue .progress_cap, .blue .progress_cap_r { display:none; }
.prog_bar.blue, .null_progress { background:#1d3a45; padding:0; margin:0 auto; border:1px solid #ca8e16; }
.null_progress { text-align:center; }
.locked .progress_int { color:#dcd9d9;  }

/*------------------------woq------------------------------*/
.divVerifyStep { width:700px; margin:0 auto; padding:0 0 20px; font-size:14px; line-height:2em;}
.divVerifyStep.step0 { background:url(default/image/woq/wq01.jpg) no-repeat;  padding:65px 5px 40px; position:relative;}
.divVerifyStep.step1 { background:url(default/image/woq/wq02.jpg) no-repeat; padding:65px 5px 40px; position:relative;}
.divVerifyStep.step1 p{margin:0 0 0 300px;}
.divVerifyStep.step2 { background:url(default/image/woq/wq03.jpg) no-repeat; padding:65px 5px 40px; position:relative;}
.divVerifyStep.step3 { background:url(default/image/woq/wq04.jpg) no-repeat; padding:65px 5px 40px; position:relative;}
.woqBeginReg { position:absolute; top:187px; left:320px; border:none; cursor:pointer;}
.iptNextStep {float:right;}
/*******/
.top_nav { height:44px; line-height:44px; font-size:14px; padding:0 25px; text-align:left; color:#FFFFFF;}
.top_nav a { color:#FFFFFF; margin:0 0.5em;}
.top_nav a:hover { color:#33FFFF; text-decoration:none;}
.top_nav .active { height:44px; padding-left:410px; _padding-left:380px;}