*{margin:0;padding:0;}



html,body{width:100%;height:100%;}



body{background:url('../images/bg.png') no-repeat top center fixed #000000;

font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;}



input{border:0;outline:0;}

select{border:0;outline:0;}

a{text-decoration:none;border:0;outline:0;border-style:none;color: #cdae84;}

img{border:0;outline:0;border-style:none;}

a img{border:0;outline:0;border-style:none;}

*::selection{background:rgb(255,146,0);background:rgba(255,146,0,0.5);color:#FFF;}

*.clear{clear:both;display:block;width:100%;height:1px;max-height:1px;}



#wrapper{width:1006px;margin:0 auto;}



div#navigation{width:100%;height:59px;margin-top:195px;position:relative;}

div#navigation>a .logo{background:url('../images/logo_bg.png') no-repeat top left;height:42px;position:absolute;left:0;top:0;min-width:100px;left:20px;font-family:'Segoe UI Light','Segoe UI','Lucida Grande','Lucida Sans Unicode',sans-serif;font-size:18px;letter-spacing:-2px;color:#FFF;padding-top:16px;text-shadow:3px 3px 4px #000;}

div#navigation>a .logo:hover{color:#cdae84;}

div#navigation>.left{background:url('../images/navi_sides.png') top left no-repeat;width:8px;height:59px;float:left;}

div#navigation>.mid{background:url('../images/navi_bg.png') repeat-x;width:990px;height:59px;float:left;}

div#navigation>.right{background:url('../images/navi_sides.png') top right no-repeat;width:8px;height:59px;float:left;}

.logoimg
{
height:15px;
width:100px;
top:5px;
padding:0 10px 0 300px;
text-shadow:3px 3px 4px #000;
}
.whyus {
	float: left;
	width: 150%;
	padding: 2% 0% 6% 0%;
	font-size: 13px;
}
.whyus strong {
	text-transform: uppercase;
	font-size: 19px;
	display: block;
}
.whyus ul {
	float: left;
	width: 45%;
	padding: 0px;
	margin: 10px -80px 0px 0px;
}
.whyus li {
    margin: 3px 47px 1px 50px;
	padding: 1px 2px 0px 0px;
}

.whyus a 
{
color:#65fdc6;
}
.logoimg2
{
height:0px;
width:100px;
top:5px;
margin-top:40px;
padding:0px 0px 0 60px;
text-shadow:3px 3px 4px #000;
}
.logoimg3aa
{
display:block;
height:0px;
top:10px;
margin-top:10px;
padding:0px 20px 10px 760px;
text-shadow:3px 3px 4px #000;
}
.logoimg3 
        {
	width:42px; height:42px;
	background-position: 0 0;
	display:block;
	left:655px;
	top:-50px;
	position:absolute;
	text-shadow: 0 1px 0 #000, 0 0 3px #000;
	}

ul.navi{display:block;list-style-type:none;float:right;margin-top:2px;margin-right:160px;} /* long  */

ul.navi>li{display:block;height:55px;text-shadow:2px 2px 3px #000;padding:0 10px 0 10px;font-size:15px;float:left;min-width:65px;overflow:auto;;text-align:center;position:relative;z-index:4;border-left:1px solid #000;border-left:1px solid rgba(0,0,0,.4);border-right:1px solid #fff;border-right:1px solid rgba(255,255,255,.2);}

ul.navi li:first-child{border-left:none;}

ul.navi li:last-child{border-right:none;}

ul.navi>li>div.hover{display:none;background:url('../images/navi_hover.png') no-repeat;background-size:100%;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}

ul.navi>li a
{
display:block;
width:100%;
height:35px;
text-decoration:none;
color:#cdae84;
font-size:16px;
z-index:5;
position:absolute;
top:0;
left:0;
padding-top:15px;
}
.fb_hidden{position:absolute;top:-10000px;z-index:10001}
.fb_invisible{display:none}
.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:right;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}
.fb_reset > div{overflow:hidden}
.fb_link img{border:none}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}
.fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.fb_dialog_content{background:#fff;color:#333}
.fb_dialog_close_icon{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;left:18px;top:17px;width:15px;top:8px\9;left:7px\9}
.fb_dialog_mobile .fb_dialog_close_icon{top:5px;right:5px;left:auto}
.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}
.fb_dialog_close_icon:hover{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
.fb_dialog_close_icon:active{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
.fb_dialog_loader{background-color:#f2f2f2;border:1px solid #606060;font-size:25px;padding:20px}
.fb_dialog_top_left,
.fb_dialog_top_right,
.fb_dialog_bottom_left,
.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}
.fb_dialog_top_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}
.fb_dialog_top_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}
.fb_dialog_bottom_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}
.fb_dialog_bottom_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}
.fb_dialog_vert_left,
.fb_dialog_vert_right,
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}
.fb_dialog_vert_left,
.fb_dialog_vert_right{width:10px;height:100%}
.fb_dialog_vert_left{margin-right:-10px}
.fb_dialog_vert_right{left:0;margin-left:-10px}
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom{width:100%;height:10px}
.fb_dialog_horiz_top{margin-top:-10px}
.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}
.fb_dialog_iframe{line-height:0}
.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3b5998;color:#fff;font-size:15px;font-weight:bold;margin:0}
.fb_dialog_content .dialog_title > span{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif)
no-repeat 5px 50%;float:right;padding:5px 26px 7px 0}
body.fb_hidden{-webkit-transform:none;height:100%;margin:0;overflow:visible;position:absolute;top:-10000px;right:0;width:100%}
.fb_dialog.fb_dialog_mobile.loading{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ya/r/3rhSv5V8j3o.gif)
white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}
.fb_dialog.fb_dialog_mobile.loading.centered{max-height:590px;min-height:590px;max-width:500px;min-width:500px}
#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;right:0;top:0;width:100%;min-height:100%;z-index:10000}
#fb-root #fb_dialog_ipad_overlay.hidden{display:none}
.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}
.fb_dialog_content .dialog_header{-webkit-box-shadow:-white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 100% 0%, 0% 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}
.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%
}
.fb_dialog_content .dialog_header td.header_left{font-size:13px;padding-right:5px;vertical-align:middle;width:60px
}
.fb_dialog_content .dialog_header td.header_right{font-size:13px;padding-left:5px;vertical-align:middle;width:60px
}
.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 100% 0%, 0% 100%, from(#4966A6),
color-stop(0.5, #355492), to(#2A4887));border:1px solid #29447e;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:-rgba(0, 0, 0, .117188) 0 1px 1px inset, -rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}
.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:17px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}
.fb_dialog_content .dialog_content{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}
.fb_dialog_content .dialog_footer{background:#f2f2f2;border:1px solid #555;border-top-color:#ccc;height:40px}
#fb_dialog_loader_close{float:right}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}
.fb_iframe_widget{display:inline-block;position:relative}
.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}
.fb_iframe_widget iframe{position:absolute}
.fb_iframe_widget_lift{z-index:1}
.fb_hide_iframes iframe{position:relative;right:-10000px}
.fb_iframe_widget_loader{position:relative;display:inline-block}
.fb_iframe_widget_fluid{display:inline}
.fb_iframe_widget_fluid span{width:100%}
.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}
.fb_iframe_widget_loader .FB_Loader{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-right:-16px;position:absolute;right:50%;z-index:4}
.fb_connect_bar_container div,
.fb_connect_bar_container span,
.fb_connect_bar_container a,
.fb_connect_bar_container img,
.fb_connect_bar_container strong{background:none;border-spacing:0;border:0;direction:ltr;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:right;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline}
.fb_connect_bar_container{position:fixed;right:0 !important;left:0 !important;height:42px !important;padding:0 25px !important;margin:0 !important;vertical-align:middle !important;border-bottom:1px solid #333 !important;background:#3b5998 !important;z-index:99999999 !important;overflow:hidden !important}
.fb_connect_bar_container_ie6{position:absolute;top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px":body.scrollTop+"px")}
.fb_connect_bar{position:relative;margin:auto;height:100%;width:100%;padding:6px 0 0 0 !important;background:none;color:#fff !important;font-family:"lucida grande", tahoma, verdana, arial, sans-serif !important;font-size:14px !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;letter-spacing:normal !important;line-height:1 !important;text-decoration:none !important;text-indent:0 !important;text-shadow:none !important;text-transform:none !important;white-space:normal !important;word-spacing:normal !important}
.fb_connect_bar a:hover{color:#fff}
.fb_connect_bar .fb_profile img{height:30px;width:30px;vertical-align:middle;margin:0 0 5px 6px}
.fb_connect_bar div a,
.fb_connect_bar span,
.fb_connect_bar span a{color:#bac6da;font-size:12px;text-decoration:none}
.fb_connect_bar .fb_buttons{float:left;margin-top:7px}
.fb_edge_widget_with_comment{position:relative;*z-index:1000}
.fb_edge_widget_with_comment span.fb_edge_comment_widget{position:absolute}
.fb_edge_widget_with_comment span.fb_send_button_form_widget{z-index:1}
.fb_edge_widget_with_comment span.fb_send_button_form_widget .FB_Loader{right:0;top:1px;margin-top:6px;margin-right:0;background-position:50% 50%;background-color:#fff;height:150px;width:394px;border:1px #666 solid;border-bottom:2px solid #283e6c;z-index:1}
.fb_edge_widget_with_comment span.fb_send_button_form_widget.dark .FB_Loader{background-color:#000;border-bottom:2px solid #ccc}
.fb_edge_widget_with_comment span.fb_send_button_form_widget.siderender
.FB_Loader{margin-top:0}
.fbpluginrecommendationsbarleft,
.fbpluginrecommendationsbarright{position:fixed !important;bottom:0;z-index:999}
.fbpluginrecommendationsbarleft{left:10px}
.fbpluginrecommendationsbarright{right:10px}
ul.navi>li:hover a
{
color:#FFF;
text-shadow:0 0 4px rgba(0,0,0,.8), 0 1px 1px  rgba(255,204,102,.6);
}

ul.navi>li.active{background:url('../images/navi_active.png') no-repeat;background-size:100%;color:#FFF;text-shadow:0 0 4px rgba(0,0,0,8), 0 1px 1px  rgba(255,204,102,6);}

ul.navi>li.longlink{min-width:120px;}

ul.navi>li.active a{color:#FFF;}



div#char{width:100%;height:81px;position:relative;margin-top:15px;background:url('../images/char_bg.png') no-repeat top right;width:182px;float:right;}

div#char>div.arrow{background:url('../images/arrow.gif') no-repeat;width:9px;height:8px;position:absolute;bottom:7px;right:30px;}



ul.charNavi a:hover li{color:#cdae84;}



h1.title {

margin-left:16px;

color:#cdae84;

font-size:16px;

}



h2.title {

margin-left:16px;

color:#cdae84;

font-size:16px;

}



h2.realm {

color:#cdae84;

font-size:16px;

text-align: center}



h3.text {

color:white;

font-size:10px;}



p.red

{color:red}



p.center { text-align: center;

letter-spacing:0px;

text-shadow:3px 3px 4px #000;}



p.orange { text-align: center;

color:#cdae84; }



p.h2 { color:#cdae84;

font-size:1.5em;

font-style:normal;

letter-spacing:1px;

text-shadow:3px 3px 4px #000;

text-align: center }
.float-left
{
margin:0 1px 0 0;
float:left;

}
p.postes-left { 
color:#cdae84;
font-size:1.3em;
padding:35px 1px 10px 15px;
font-style:normal;
line-height:24px;
letter-spacing:1px;

text-shadow:3px 3px 4px #000;

text-align: left;

}
.frontpage-demobox{margin:0 10px 24px 0;float:right;line-height:18px}
.float-right
{
margin:0 1px 0 0;
float:left;

}
p.postes-right { 
color:#cdae84;
font-size:1.3em;
padding:35px 1px 10px 15px;
font-style:normal;
line-height:24px;
letter-spacing:1px;

text-shadow:3px 3px 4px #000;

text-align: right;

}

p.h2-header { color:#cdae84;

font-size:1.5em;

font-style:normal;

letter-spacing:1px;

text-shadow:3px 3px 4px #000;}



p.h2-headersub { color:#cdae84;

font-size:1em;

font-style:normal;

letter-spacing:1px;

text-shadow:3px 3px 4px #000;}



a.top {

align:middle}





div#selectedRealm

{margin-top:0px;

margin-bottom:3px;

margin-right: 3px;

color: white; 

text-align: right;

font-family:'Segoe UI Light','Segoe UI','Lucida Grande','Lucida Sans Unicode',sans-serif;

font-size:18px;letter-spacing:0px;text-shadow:2px 2px 3px #000;}



div#content{width:100%;}

div#content>.top{background:url('../images/content_borders.png') no-repeat top left;width:100%;height:7px;}

div#content>.content{background:url('../images/content_bg.png') repeat-y;width:100%;padding:0 7px 0 7px;color:#FFF;}

div.innercontent{width:685px;}

div#content>.bottom{background:url('../images/content_borders.png') no-repeat bottom left;width:100%;height:7px;}



div#slideshow{width:100%;height:260px;}

div#slideshow>.left,div#slideshow>.right{float:left;background:url('../images/slideshow/slideshow-borders.png') no-repeat top left;width:2px;height:251px;}

div#slideshow>.cont{background:url('../images/slideshow/slideshow-cont.png') repeat-x;height:251px;width:665px;float:left;position:relative;}

div#slideshow>.right{background-position:top right;}

div#slideshow>.cont>.slides{border:1px solid #fff;border:1px solid rgba(255,255,255,0.1);margin:7px 5px 7px 5px;height:235px;width:653px;}

div#slideshow>.cont>.slides>.image{height:100%;width:100%;}

div#slideshow>.cont>.slides>.image img{width:100%;height:100%;background-size:100%;}



div#newsArea{width:100%;margin:0 auto;margin-left:5px;position:relative;padding-top:16px;}

div#newsArea>.news-item
{width:665px;position:relative;padding-bottom:15px;
	

}

div#newsArea>.news-item>.title{background:url('../images/news-item.png') no-repeat top;width:100%;height:16px;


font-family:Candara;
		font-size:16px;
		text-transform:uppercase;
		color:#8d7552;
		text-shadow:0 0 4px rgba(0,0,0,.8), 0 1px 1px  rgba(255,204,102,.6);
}

div#newsArea>.news-item>.news{background:url('../images/news-bg.png') repeat-y;width:635px;color:#FFF;font-size:12px;padding:15px 15px 0 15px;
border-radius:4px;
		margin:0 0 5px 0;
		
box-shadow:inset 0 2px 0 #1c1610, inset 0 0 0 1px rgba(255,204,102,.02), 0 0 5px rgba(0,0,0,10), 0 1px 1px rgba(0,0,0,3);
	
}

div#newsArea>.news-item>.bot{background:url('../images/news-item.png') no-repeat bottom;width:100%;height:17px;

}

div#newsArea>.news-item>.title>p.news-title{position:absolute;top:17px;left:15px;color:#cdae84;font-size:12px;text-shadow:1px 1px 0 #000;}

div#newsArea>.news-item>.title>p.page-title{text-align:center;display:block;padding-top:17px;position:relative;color:#cdae84;font-size:12px;text-shadow:1px 1px 0 #000;}

div#newsArea>.news-item>.title>a.news-read{position:absolute;top:17px;right:15px;color:#585858;font-size:12px;text-shadow:1px 1px 0 #000;text-decoration:underline;}

div#newsArea>.news-item>.news>a.comment-count{display:block;color:#cdae84;text-align:right;width:100%;}

div#newsArea>.news-item>.news> ul li {margin-left: 15px;}

div#newsArea>.news-item>.news>p{margin-bottom:15px;line-height:12px;}

.fb-like-box
{

		border-radius:4px;
		margin:5px 5px 5px 5px;
		font-family:Candara;
		font-size:16px;
		text-transform:uppercase;
		color:#8d7552;
		text-shadow:0 0 4px rgba(0,0,0,.8), 0 1px 1px  rgba(255,204,102,.6);
		box-shadow:inset 0 2px 0 #1c1610, inset 0 0 0 1px rgba(255,204,102,.02), 0 0 5px rgba(255,204,102,.10), 0 1px 1px rgba(255,204,102,.3);
}

#left {
	width:298px;
	float:right;
	margin:17px 10px 0 0;
	z-index:2;
	position:relative;
	}

	#left article {
		background: url(../images/main-side-bot-shadow.png) repeat-x bottom, url(../images/sidebar-box-light.png) no-repeat top, url(../images/sidebar-background.png) repeat;
		border-radius:4px;
		margin:0 0 5px 0;
		
		box-shadow:inset 0 2px 0 #1c1610, inset 0 0 0 1px rgba(255,204,102,.02), 0 0 5px rgba(0,0,0,10), 0 1px 1px rgba(0,0,0,3);
		}
		
#left article .top {
		width:270px; height:39px;
		padding:9px 0 0 14px;
		text-align:left;
		color:#cf9139;
		font-size:14px;
		background:url(../images/sidebar-box-head.png) no-repeat bottom center;
		font-family:Candara;
		font-size:16px;
		text-transform:uppercase;
		color:#8d7552;
		text-shadow:0 0 4px rgba(0,0,0,.8), 0 1px 1px  rgba(255,204,102,.6);
		}
		
		.topss {
		padding:3px 0 0 340px;
		width:320px; height:25px;
		background:url(../images/article-seperator.png) no-repeat bottom center;
		}
		
		.fonts {
		width:270px; height:39px;
		padding:9px 0 0 14px;
		text-align:left;
		color:#d7c2a4;
		font-size:14px;
		
		font-family:Candara;
		font-size:16px;
		text-transform:uppercase;
		color:#d7c2a4;
		text-shadow:0 0 4px rgba(0,0,0,.8), 0 1px 1px  rgba(255,204,102,.6);
		}


div.player{width:150px;height:32px;position:relative;float:left;}

div.player .icon{width:30px;height:30px;background:center center;border:1px solid #333;position:absolute;top:0;left:0;}

div.player .playerTitle{position:absolute;top:2px;left:40px;font-size:14px;text-shadow:1px 1px 0px #000;}

div.player .playerLevel{position:absolute;top:16px;left:40px;color:#666;text-shadow:1px 1px 0px #000;}



.playerInfo{color:#666;}

table#playersOnline tr td{padding-bottom:10px;}



div.realmstatus

{width:100%; font-size:10px; text-align:center; padding-top: 2px;}



div.sidebar{width:307px;}



div.sidebar.left{float:left;margin-right:10px;}



div.sidebar.right{float:right;margin-right:6px;}



div.sidebar>div.module{width:100%;margin-bottom:15px;}

div.sidebar>div.quicklink{width:100%;margin-bottom:15px;}

div.sidebar>div.module>.title{width:100%;height:7px;text-align:center;color:white;text-shadow:1px 1px 0px #000;font-size:14px;padding-top:7px;}

div.sidebar>div.module>.title2{width:100%;height:40px;text-align:center;color:white;text-shadow:1px 1px 0px #000;font-size:14px;padding-top:40px;padding-bottom:25px;}

div.sidebar>div.module>div.moduleContent{margin-top:5px;font-size:12px;text-align: center;}

div.sidebar>div.module>div.moduleContent a{color: yellow;}

div.sidebar>div.module>div.moduleContent a:hover{color: #cdae84;}

div.sidebar>div.quicklink{width:100%;}



div.realm{width:271px;height:73px;position:relative;margin:0 auto;margin-top:15px;}

/*div#realm a.realm-title{color:#FFF;font-size:12px;text-shadow:1px 1px 0 #000;position:absolute;width:100%;text-align:center;text-decoration:none;}*/

div.realm div.realm-title{color:#FFF;font-size:12px;text-shadow:1px 1px 0 #000;position:absolute;width:100%;text-align:center;text-decoration:none;}

div.realm div.horde{background:url('../images/badges.png') no-repeat top right;width:51px;height:63px;position:absolute;top:10px;left:0;z-index:2;}

div.realm div.alliance{background:url('../images/badges.png') no-repeat top left;width:54px;height:61px;position:absolute;top:12px;right:0;z-index:2;}

div.realm div.status-bar{background:url('../images/status_bar.png') no-repeat;width:217px;height:27px;z-index:1;position:absolute;top:25px;padding:9px 9px 0 9px;margin-left:18px;}



div.status-bar div.horde-count{float:left;position:relative;background:url('../images/horde_bg.png') repeat-x;height:18px;}

div.status-bar div.horde-count div.status-separator{position:absolute;top:0;right:-12px;background:url('../images/status_separator.png') no-repeat;width:23px;height:18px;z-index:2;}

div.status-bar div.alliance-count{float:right;position:relative;background:url('../images/alliance_bg.png') repeat-x;height:18px;}







div#footer>.text{margin-left:5px;font-size:12px;color:#FFF;text-shadow:1px 1px 0px #000;}



div#footer>.text span.servername{color:#aaa;}

#stars{margin:-20px -75px 0px 0px;position:relative;}

form#login-form{width:297px;margin:0 auto;position:relative;}

form#login-form input[type="text"],form#login-form input[type="password"], form#reportabuse input[type="text"]{background:url('../images/input.png') no-repeat;width:281px;height:40px;margin-bottom:5px;padding:0 8px 0 8px;color:#3d3c3c;text-shadow:1px 1px 0px #000;}

form#login-form input[type="text"]:focus,form#login-form input[type="password"]:focus, form#reportabuse input[type="text"]:focus{color:#aaa;}

form#login-form div.chk{float:left;position:relative;top:6px;}

form#login-form input[type="checkbox"]{margin-left:4px;}

form#login-form label{margin-left:5px;position:relative;top:-2px;opacity:0.4;}



form#login-form input[type="submit"]{background:url('../images/button2.png') no-repeat;width:87px;height:28px;color:#cdae84;text-align:center;font-size:12px;text-shadow:1px 1px 0px #000;float:right;cursor:pointer;}



form#submit-form{width:297px;margin:0 auto;position:relative;text-align:center;}

form#submit-form input[type="text"],form#login-form input[type="password"]{background:url('../images/input.png') no-repeat;width:281px;height:40px;margin-bottom:5px;padding:0 8px 0 8px;color:#3d3c3c;text-shadow:1px 1px 0px #000;}

form#submit-form input[type="text"]:focus,form#login-form input[type="password"]:focus{color:#aaa;}



div.quicklink#register{text-align:center;}

div.quicklink#register>a>div.reg-image{position:relative;margin:0 auto;display:block;background:url('../images/register.png') no-repeat top left;width:252px;height:139px;}

div.quicklink#register>a>div.reg-image>div.hover{display:none;width:252px;height:139px;background:url('../images/register.png') no-repeat bottom left;position:absolute;top:0;left:0;}



*.color{color:#cdae84;}

*.bold{font-weight:bold;letter-spacing:-1px;}



form#registerForm{width:337px;margin:0 auto;}
form#Formbuycps{
margin:10px auto;padding:10px 5px 15px 30px;
color:#8d7552;
		text-shadow:0 0 4px rgba(0,0,0,.8), 0 1px 1px  rgba(255,204,102,.6);
		box-shadow:inset 0 2px 0 #1c1610, inset 0 0 0 1px rgba(255,204,102,.02), 0 0 5px rgba(255,204,102,.10), 0 1px 1px rgba(255,204,102,.3);
}
div.registerField{position:relative;padding-bottom:5px;}

div.registerField .question{width:30px;height:35px;background:url('../images/question.png') no-repeat;position:absolute;top:8px;left:-30px;}

div.registerField label{position:absolute;top:18px;left:10px;color:#c5c1c1;font-size:12px;letter-spacing:-1px;text-align:center;width:95px;}

div.registerField input
{
background:url('../images/register_input.png') no-repeat top left;
height:50px;
width:207px;
padding-left:115px;
color:#FFF;
font-size:12px;
font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
padding-right:15px;
}

div.loginField input
{
background:url('../images/register_input.png') no-repeat top left;
height:50px;
width:155px;
padding-left:115px;
color:#FFF;
font-size:12px;
font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
padding-right:1px;
}
div.loginField input.avi{background-position:center left;}

div.loginField input.unavi{background-position:bottom left;}
div.loginField label{position:absolute;top:18px;left:10px;color:#c5c1c1;font-size:12px;letter-spacing:-1px;text-align:center;width:95px;}
div.loginField{position:relative;padding-bottom:5px;}


div.registerField select{background:#101010;color:#FFF;font-size:12px;font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;}

div.registerField #select{background:url('../images/register_input.png') no-repeat top left;height:50px;width:207px;padding-left:115px;color:#FFF;font-size:12px;font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;padding-right:15px;}

div.registerField input.avi{background-position:center left;}

div.registerField input.unavi{background-position:bottom left;}

div.registerField .availability{position:absolute;top:17px;right:-140px;}



.availability .available{background:url('../images/formcheck.png') no-repeat top left;width:110px;height:16px;color:#77fd74;font-size:12px;padding-left:30px;}

.availability .unavailable{background:url('../images/formcheck.png') no-repeat bottom left;width:110px;height:17px;color:#ff0000;font-size:12px;padding-left:24px;}


input[type='submit'], button, input[type='button'] {
	display:inline-block;
	width:auto; height:36px;
	border: none;
	font-size:11px; text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(255,255,255,.05);
	color:#0b0601;
	padding: 0 15px 0 15px;
	cursor: pointer;
	background-position: 0 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 0 3px #000, 0 1px 0 #000;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 0 3px #000, 0 1px 0 #000;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 0 3px #000, 0 1px 0 #000;
	background-size: 50px 50px;
background-color: #9a876b;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 50px #0ae;
behavior: url(/pie/PIE.htc);
box-shadow:inset 0 -1px 0 #a89c8c, 0 0 10px #a89c8c, inset 0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.7);
	}
	
	input[type='submit']:hover, button:hover, input[type='button']:hover {
	color:#ffffff;
	text-shadow: 0 1px 0 rgba(0,0,0,.9);
	background: #625441; /* Old browsers */
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background: -webkit-linear-gradient(top,  #a89c8c 0%,#a89c8c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a89c8c 0%,#a89c8c 100%); /* Opera 11.10+ */
background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	}









div.registerButton{width:129px;margin:0 auto;align:center;}



input.registerBtn{background:url('../images/input_button.png') 

no-repeat top left;width:129px;height:50px;color:#cdae84;font-size:12px;text-align:center;font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;

cursor:pointer;}



input.registerBtn:hover{background-position:bottom;}



input.registerButton{background:url('../images/register.png') no-repeat;cursor:pointer;width:291px;height:118px;margin-top:32px;}

input.registerButton:hover{background:url('../images/register_hover.png') no-repeat;cursor:pointer;width:291px;height:118px;margin-top:32px;}

a.registerButton{display: block;background:url('../images/register.png') no-repeat;cursor:pointer;width:291px;height:118px;margin-top:32px;}

a.registerButton:hover{background:url('../images/register_hover.png') no-repeat;margin-top:32px;}





div#footer_content{width: 100%;margin-top:23px;}

div#footer_content>.top{background:url('../images/content_borders.png') no-repeat top left;width:100%;height:7px;}

div#footer_content>.content{background:url('../images/content_bg.png') repeat-y;width:100%;padding:0 7px 0 7px;color:#FFF;}

div#footer_content>.bottom{background:url('../images/content_borders.png') no-repeat bottom left;width:100%;height:7px;}

div#footer_content .column{width: 320px; float: left;padding: 0px 7px 0px 7px;}

div#footer_content .column .title{background:url('../images/footer-item.png') no-repeat top;width:100%;height:44px;}

div#footer_content .column .title span{position: relative; top: 17px;left:15px;color:#cdae84;font-size:12px;text-shadow:1px 1px 0 #000;}

div#footer_content .column .content{background:url('../images/footer-bg.png') repeat-y;width:100%;color:#FFF;font-size:12px;padding:15px 15px 0 15px;}

div#footer_content .column .bot{background:url('../images/footer-item.png') no-repeat bottom;width:100%;height:17px;}



#blanket {background-color:#111;opacity: 0.75;filter:alpha(opacity=75);position:absolute;z-index: 9001;top:0px;left:0px;width:100%;height: 10000px;}

.popUpDiv {text-align: center;position:fixed;top:40%;left:50%;margin-left:-150px;color:#ffffff;font-size:12px;width:300px;height:300px;z-index:9002;}

div.popUpDiv>.top {background:url('../images/content_borders_box.png') no-repeat top left; width: 310px; height: 7px;}

div.popUpDiv>.box_content {background:url('../images/content_bg_box.png') repeat-y;width:310px;padding:0 7px 0 0px;color:#FFF;}

div.popUpDiv>.bottom{background:url('../images/content_borders_box.png') no-repeat bottom left;width:310px;height:7px;}

.confirmation_msg {padding-left:  10px; padding-right: 10px;}

.tooltip {margin-left: -160px;margin-top: -17px;}

td>div.tooltip {margin-left: 0px; margin-top: 0px; visibility:visible !important;}

a.m_not_active{

    color:#cdae84;

}

a.m_active{

    color:#ffffff;

}



table#ladder {

    margin-top: 20px;

    width: 99%;

}

table#ladder tr td {

    padding: 5px;

    color: #cdae84;

    text-align:center;

}

table#ladder tr td.row, table#ladder tr.row td {

    border-bottom: 1px dashed #7F7F7F;



}

tr.header th {

    font-weight: bold;

}

table#ladder tr td img {

    vertical-align: middle;

}

table#ladder tr td.stats {

    text-align: left;

    width: 150px;

}

table#ladder tr td.stats span {

    color: #ffffff;

}

table#ladder tr.row:hover {

    /*background:url('../images/gloss.png');
    
    background-repeat: no-repeat;

    background-position: top left;*/

    background: rgba(225,225,225,0.1);

}

table#ladder tr.row td a {

    font-family: Copperplate Gothic Light, sans-serif;

    font-size: 16px;

}



div#newsArea div.news a:hover {

    color: #DDDDDD;

}

ul.stats {

    margin-left: 15px;

    list-style-type:none;

}

div.tooltip img:hover {

    cursor: pointer;

}

table tr td.teamname {

    text-align: center;

    font-size: 13px;

}


    .tabbed_area {  
        padding:8px;  
    }  
        ul.tabs {  
        margin:0px; padding:0px;  
    }  
    ul.tabs li {  
        list-style:none;  
        display:inline;  
    }  
        ul.tabs li a {  
        background-color:#464c54;  
        color:#ffebb5;  
        padding:8px 14px 8px 14px;  
        text-decoration:none;  
        font-size:12px;
        font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
        border:1px solid #464c54; 
         
    }  
    ul.tabs li a:hover {  
        background-color:#2f343a;  
        border-color:#2f343a;  
    }  
    ul.tabs li a.active {  
        background-color:#ffffff;  
        color:#282e32;  
        border:1px solid #464c54;  
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }  
    .tcontent {  
        padding:20px;  
        border: 1px solid rgba(255,255,255,0.5);  
    }  
    ul.tabs {  
        margin:0px; padding:0px;  
        margin-top:5px;  
        margin-bottom:8px;  
    }  
    
    .activeButton{
        color: #cdae84 !important;
    }
    .opaque{
        color: #dbdbdb !important;
    }

.statistics {
    
    margin-top: -15px;
    background-color:rgba(0,0,0,0.5);
    font-size: 11px;
    border: 1px solid rgba(255,255,255,0.5);
    width: 75%;
    margin-left: 37px;
    text-align:left;
    padding: 7px;
}
.wrapperdiv {
    margin-left: auto;
    margin-right:auto;
 
}

/* armory & tooltips */
div.char-name-container { width: 100%; padding-left: 20px; }
div.char-name { font-size: 48px; font-weight: bolder; }
span.char-level { font-weight: bold; }
div.char-menu { float: left; width: 200px; }
div.char-set { position: relative; width: 430px; min-height: 500px; margin-left: 200px; }
div.char-item { position: absolute; width: 49px; height: 49px; }
div.item { position: relative; }
div.quality-poor div.frame { background-position: -49px 0; }
div.quality-common div.frame { background-position: -98px 0; }
div.quality-uncommon div.frame { background-position: -147px 0; }
div.quality-rare div.frame { background-position: -196px 0; }
div.quality-epic div.frame { background-position: -245px 0; }
div.quality-legendary div.frame { background-position: -294px 0; }
div.quality-artifact div.frame { background-position: -343px 0; }
div.description { display: none; }
span.item-title { font-size: 16px; }
span.color-poor { color: #C600FF; }
span.color-poor { color: #9d9d9d }
span.color-common { color: #ffffff }
span.color-uncommon { color: #1eff00 }
span.color-rare { color: #0081ff }
span.color-epic { color: #c600ff }
span.color-legendary { color: #ff8000 }
span.color-artifact { color: #e5cc80 }
ul.item-specs { padding: 0; list-style: none; }
ul.item-specs li { margin: 1px 0; }
ul.char-menu { list-style: none; padding: 0px; margin: 20px 5px; border-top: 1px solid rgba(255, 177, 0, 0.3); }
ul.char-menu li { padding: 0px; margin: 0px; border-bottom: 1px solid rgba(255, 177, 0, 0.3); font-size: 14px; color: #FFB100; }
ul.char-menu a { padding: 5px; display: block; }
ul.char-menu a:hover { background: rgba(0, 0, 0, 0.4); padding: 5px; display: block; color: #FFFFFF; }
ul.char-menu li.active a { color: #FFFFFF; font-weight: bold; }
table.main-stats { border-spacing: 5px; }
table.stats { width: 100%; }
table.stats th { font-weight: bold; color: #FFFFFF; width: 50%; }
table.stats div.stat { position: relative; height: 16px; padding: 5px 10px; }
table.stats span.name { float: left; color: #C09A67; }
table.stats span.value { float: right; color: #F5EBD1; }
div.resource { position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url("../images/character/health-resource-bg.png") repeat-x; width: 130px; height: 23px; line-height: 23px; padding: 0 7px; text-shadow: #000000 1px 1px 1px; }
div.health {  }
div.mana { background-position: 0 -23px; }
span.tooltip-yellow { color: #FFD100; }
span.tooltip-green { color: lime; }
span.tooltip-grey { color: grey; }
span.tooltip-beige { color: #FFFF98; }
span.tooltip-red { color: red; }
span.indent { padding-left: 10px; }
span.icon-gold { padding-right: 15px; padding-left: 3px; background: url("../images/character/gold.gif") right center no-repeat; }
span.icon-silver { padding-right: 15px; padding-left: 3px; background: url("../images/character/silver.gif") right center no-repeat; }
span.icon-copper { padding-right: 15px; padding-left: 3px; background: url("../images/character/copper.gif") right center no-repeat; }
div.frame { width: 49px; height: 49px; position: absolute; left: 0; top: 0; background: url("../images/character/inventory-slots.png") no-repeat; }
div.char-item div.empty { width: 49px; height: 49px; background: url("../images/character/item-empty-bg.png") no-repeat; }
div.slot-1 div.empty { background-position: 1px 1px }
div.slot-2 div.empty { background-position: 1px -46px }
div.slot-3 div.empty { background-position: 1px -93px }
div.slot-4 div.empty { background-position: 1px -239px }
div.slot-5 div.empty { background-position: 1px -140px }
div.slot-6 div.empty { background-position: 1px -375px }
div.slot-7 div.empty { background-position: 1px -422px }
div.slot-8 div.empty { background-position: 1px -469px }
div.slot-9 div.empty { background-position: 1px -281px }
div.slot-10 div.empty { background-position: 1px -328px }
div.slot-11 div.empty { background-position: 1px -516px }
div.slot-12 div.empty { background-position: 1px -516px }
div.slot-13 div.empty { background-position: 1px -563px }
div.slot-14 div.empty { background-position: 1px -563px }
div.slot-15 div.empty { background-position: 1px -140px }
div.slot-16 div.empty { background-position: 1px -610px }
div.slot-17 div.empty { background-position: 1px -657px }
div.slot-18 div.empty { background-position: 1px -704px }
div.slot-19 div.empty { background-position: 1px -187px }
div.char-item img { padding: 1px; width: 47px; height: 47px; }
span.icon-socket { display: block; position: relative; width: 15px; height: 15px; float: left; padding-right: 5px; }
span.icon-socket img { display: block; width: 13px; height: 13px; padding: 1px 0 0 1px; }
span.icon-socket .empty { position: absolute; left: 1px; top: 1px; width: 13px; height: 13px; }
span.icon-socket .frame { position: absolute; left: 0; top: 0; width: 15px; height: 15px; background: url("../images/character/sockets.png") no-repeat; }.icon-socket.socket-1  .empty { background-color: #29292a; } /* Meta */
span.icon-socket.socket-2  .empty { background-color: #301010; } /* Red */
span.icon-socket.socket-4  .empty { background-color: #403010; } /* Yellow */
span.icon-socket.socket-8  .empty { background-color: #102040; } /* Blue */
span.icon-socket.socket-14 .empty { background-color: #29292a; } /* Prismatic */
span.icon-socket.socket-16 .empty { background-color: red; }     /* Hydraulic */
span.icon-socket.socket-32 .empty { background-color: #29292a; } /* Cogwheel */
span.icon-socket.socket-1  .frame { background-position:  -45px   0; } /* Meta */
span.icon-socket.socket-2  .frame { background-position:      0   0; } /* Red */
span.icon-socket.socket-4  .frame { background-position:  -15px   0; } /* Yellow */
span.icon-socket.socket-8  .frame { background-position:  -30px   0; } /* Blue */
span.icon-socket.socket-6  .frame { background-position:  -90px   0; } /* Orange */
span.icon-socket.socket-10 .frame { background-position:  -75px   0; } /* Purple */
span.icon-socket.socket-12 .frame { background-position: -105px   0; } /* Green */
span.icon-socket.socket-14 .frame { background-position:  -60px   0; } /* Prismatic */
span.icon-socket.socket-16 .frame { background-position:      0   0; } /* Hydraulic */
span.icon-socket.socket-32 .frame { background-position:  -45px   0; } /* Cogwheel */
input#search { background:url('../images/input.png') no-repeat;width:281px;height:40px;margin-bottom:5px;padding:0 8px 0 8px;color:#3d3c3c;text-shadow:1px 1px 0px #000; }
input#search:focus{color:#aaa;}
div#search-results div.char-name { font-size: 16px; font-weight: bolder; }
div.search-result { padding: 10px 0; }
span.highlight { color: #FD2F0A; }
div.profession { position: relative; width: 300px; height: 23px; margin: 10px 20px; background: url("../images/character/professions-bar-bg.png") repeat-x; border-radius: 3px; }
div.profession span { position:absolute; top: 0; line-height: 23px; text-shadow: #000000 1px 1px 1px; }
div.profession span.name { left: 10px; }
div.profession span.value { right: 10px; font-weight: bold; }
div.bar { position: absolute; top: 0; left: 0; height: 23px; background: url("../images/character/professions-bar-bg.png") repeat-x; background-position: 0 -23px; border-radius: 3px; }
div.talent-tabs-menu ul { margin-left: 10px; height: 31px; list-style: none; }
div.talent-tabs-menu li { display: inline-block; margin: 0px 5px; border: 1px solid black; border-radius-top-left: 3px; border-radius-top right: 3px; }
div.talent-tabs-menu li img { width: 16px; margin-right: 10px; vertical-align: middle; }
div.talent-tabs-menu li a { display: block; padding: 5px 10px; background: rgba(80, 40, 30, 0.2); height: 20px; line-height: 20px; color: #C09A67; }
div.talent-tabs-menu li:active { border-bottom: none; }
div.talent-tabs-section { width: 430px; overflow: hidden; border: 1px solid black; border-radius: 3px; background: rgba(80, 40, 0, 0.2); }
div.talents-subtab { position: relative; width: 1290px; overflow: auto; }
div.talent-tab { position: relative; float: left; margin: 0px; width: 430px; height: 500px; border-radius: 3px; background-position: center center; background-repeat: no-repeat; background-size: 530px; }
div.tab-261 { background-image: url("../images/talents/shamanelementalcombat.jpg"); }
div.tab-283 { background-image: url("../images/talents/druidbalance.jpg"); }
div.tab-382 { background-image: url("../images/talents/paladinholy.jpg"); }
div.tab-81 { background-image: url("../images/talents/magearcane.jpg"); }
div.tab-182 { background-image: url("../images/talents/rogueassassination.jpg"); }
div.tab-161 { background-image: url("../images/talents/warriorarms.jpg"); }
div.tab-201 { background-image: url("../images/talents/priestdiscipline.jpg"); }
div.tab-302 { background-image: url("../images/talents/warlockcurses.jpg"); }
div.tab-361 { background-image: url("../images/talents/hunterbeastmastery.jpg"); }
div.tab-164 { background-image: url("../images/talents/warriorfury.jpg"); }
div.tab-263 { background-image: url("../images/talents/shamanenhancement.jpg"); }
div.tab-181 { background-image: url("../images/talents/roguecombat.jpg"); }
div.tab-383 { background-image: url("../images/talents/paladinprotection.jpg"); }
div.tab-363 { background-image: url("../images/talents/huntermarksmanship.jpg"); }
div.tab-202 { background-image: url("../images/talents/priestholy.jpg"); }
div.tab-41 { background-image: url("../images/talents/magefire.jpg"); }
div.tab-303 { background-image: url("../images/talents/warlocksummoning.jpg"); }
div.tab-281 { background-image: url("../images/talents/druidferalcombat.jpg"); }
div.tab-163 { background-image: url("../images/talents/warriorprotection.jpg"); }
div.tab-262 { background-image: url("../images/talents/shamanrestoration.jpg"); }
div.tab-381 { background-image: url("../images/talents/paladincombat.jpg"); }
div.tab-203 { background-image: url("../images/talents/priestshadow.jpg"); }
div.tab-362 { background-image: url("../images/talents/huntersurvival.jpg"); }
div.tab-61 { background-image: url("../images/talents/magefrost.jpg"); }
div.tab-183 { background-image: url("../images/talents/roguesubtlety.jpg"); }
div.tab-301 { background-image: url("../images/talents/warlockdestruction.jpg"); }
div.tab-282 { background-image: url("../images/talents/druidrestoration.jpg"); }
div.talent { position: absolute; width: 50px; height: 50px; background-position: 0 -23px; }
div.pos-0-0 { left: 105px; top: 25px; }
div.pos-0-1 { left: 155px; top: 25px; }
div.pos-0-2 { left: 205px; top: 25px; }
div.pos-0-3 { left: 255px; top: 25px; }
div.pos-1-0 { left: 105px; top: 75px; }
div.pos-1-1 { left: 155px; top: 75px; }
div.pos-1-2 { left: 205px; top: 75px; }
div.pos-1-3 { left: 255px; top: 75px; }
div.pos-2-0 { left: 105px; top: 125px; }
div.pos-2-1 { left: 155px; top: 125px; }
div.pos-2-2 { left: 205px; top: 125px; }
div.pos-2-3 { left: 255px; top: 125px; }
div.pos-3-0 { left: 105px; top: 175px; }
div.pos-3-1 { left: 155px; top: 175px; }
div.pos-3-2 { left: 205px; top: 175px; }
div.pos-3-3 { left: 255px; top: 175px; }
div.pos-4-0 { left: 105px; top: 225px; }
div.pos-4-1 { left: 155px; top: 225px; }
div.pos-4-2 { left: 205px; top: 225px; }
div.pos-4-3 { left: 255px; top: 225px; }
div.pos-5-0 { left: 105px; top: 275px; }
div.pos-5-1 { left: 155px; top: 275px; }
div.pos-5-2 { left: 205px; top: 275px; }
div.pos-5-3 { left: 255px; top: 275px; }
div.pos-6-0 { left: 105px; top: 325px; }
div.pos-6-1 { left: 155px; top: 325px; }
div.pos-6-2 { left: 205px; top: 325px; }
div.pos-6-3 { left: 255px; top: 325px; }
div.pos-7-0 { left: 105px; top: 375px; }
div.pos-7-1 { left: 155px; top: 375px; }
div.pos-7-2 { left: 205px; top: 375px; }
div.pos-7-3 { left: 255px; top: 375px; }
div.pos-8-0 { left: 105px; top: 425px; }
div.pos-8-1 { left: 155px; top: 425px; }
div.pos-8-2 { left: 205px; top: 425px; }
div.pos-8-3 { left: 255px; top: 425px; }
div.talent .empty img { filter: url(../svgs/filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); }
div.talent .icon { position: absolute; top: 5px; left: 5px; width: 38px; height: 38px; }
div.talent .icon > .frame { background: url("../images/character/icon-frame.png") no-repeat; left: -6px; top: -5px; }
div.talent .icon > .frame.some { background-position: -47px 0; }
div.talent .icon > .frame.full { background-position: -94px 0; }
div.talent .points { position: absolute; top: 32px; left: 32px; width: 14px; height: 14px; line-height: 14px; text-align: center; background: black; }
div.talent .points .frame { position: absolute; top: -4px; left: -4px; width: 22px; height: 22px; line-height: 14px; background-image: url("../images/character/points-frame.png"); }
div.talent .points .frame.full { background-position: -22px 0; }
div.talent .icon .empty { width: 36px; height: 36px; }
img.talent { width: 40px; height: 40px; margin: -2px; }
div#desc { z-index: 9001; position: absolute; left: 30%; width: 260px; top: 100px; border: 1px solid #353837; color: white; background-color: rgba(15, 15, 15, 0.9); padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #000 0 0 15px; -webkit-box-shadow: black 0 0 15px; box-shadow: black 0 0 15px; font-size: 12px;  }
div.arrow { position: absolute; }
div.arrow-down { background: url("../images/character/arrow-down.png") 13px bottom no-repeat; }
div.arrow-down.full { background-position: -37px bottom; }
div.arrow-right { background: url("../images/character/arrow-horiz.png") right 13px no-repeat; }
div.arrow-right.full { background-position: right -37px; }
div.arrow-left { background: url("../images/character/arrow-horiz.png") left 13px no-repeat; }
div.arrow-left.full { background-position: left -37px; }

span.description { display: none; }
div#desc { z-index: 9001; position: absolute; left: 30%; width: 260px; top: 100px; border: 1px solid #353837; color: white; background-color: rgba(15, 15, 15, 0.9); padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #000 0 0 15px; -webkit-box-shadow: black 0 0 15px; box-shadow: black 0 0 15px; font-size: 12px;  }

div.changelogdiv {
    padding:  15px 15px 35px 15px;
}
div.changelogdiv ul {
    margin: auto;
    padding-left: 25px;
}

body.mceContentBody {
   background: #100C09;
   color: #FFF;
   font-size: 12px;
   font-family: 'Lucida Grande','Lucida Sans Unicode',sans-serif;
}

.mceContentBody ul {
    margin: auto;
    padding-left: 25px;  
}

div.changelog_header { font-size: 14px; padding-left: 4px; }
div.changelog_header:hover { cursor: pointer; }
td.small { font-size: 11px; color: #E0E0E0; }

.spellicon {
    position: absolute;
    margin-left: -55px;
    margin-top: -10px;
}

span.itemquality-0 { color: #9d9d9d }
span.itemquality-1 { color: #ffffff }
span.itemquality-2 { color: #1eff00 }
span.itemquality-3 { color: #0081ff }
span.itemquality-4 { color: #c600ff }
span.itemquality-5 { color: #ff8000 }
span.itemquality-6 { color: #e5cc80 }

span.itemquality-0:hover { text-decoration:underline; }
span.itemquality-1:hover { text-decoration:underline; }
span.itemquality-2:hover { text-decoration:underline; }
span.itemquality-3:hover { text-decoration:underline; }
span.itemquality-4:hover { text-decoration:underline; }
span.itemquality-5:hover { text-decoration:underline; }
span.itemquality-6:hover { text-decoration:underline; }
/* --- */
.shopitem:hover {
    background-color: rgba(225,225,225,0.1);
}
.shoptable {
    margin-left: auto; 
    margin-right: auto;
    padding: 1px;
}
.shoptable td{
    padding: 5px;
}
#ajax-loader {
    position:fixed;
    left:50%;
    top:40%;
    z-index: 999999;
}

.errorsub
{
	width:300px;
	background:url(http://www.warcry-wow.com/template/style/images/texture_light_2.gif) repeat;
	box-shadow:0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:0 0 14px 0;
    padding:5px 0 -19px 0;
    z-index:1
}

.red{
box-shadow:0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,66,0,.1);
color:#a23535;text-shadow:0 1px 0 #000, 0 0 6px #000

}

.buttons
{
display:inline-block;
	width:auto; height:30px;
	border: none;
	font-size:13px; text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(255,255,255,.05);
	color:#0b0601;
	padding: 10px 10px 0px 10px;
	cursor: pointer;
	background-position: 0 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 0 3px #000, 0 1px 0 #000;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 0 3px #000, 0 1px 0 #000;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 0 3px #000, 0 1px 0 #000;
	background-size: 50px 50px;
background-color: #9a876b;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 50px #0ae;
behavior: url(/pie/PIE.htc);
box-shadow:inset 0 -1px 0 #a89c8c, 0 0 10px #a89c8c, inset 0 0 10px rgba(0,0,0,.7),inset 0 0 10px rgba(0,0,0,.7);
	
}
		
.buttons:hover
	{
	color:#ffffff;
	text-shadow: 0 1px 0 rgba(0,0,0,.9);
	background: #625441; /* Old browsers */
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background: -webkit-linear-gradient(top,  #a89c8c 0%,#a89c8c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a89c8c 0%,#a89c8c 100%); /* Opera 11.10+ */
background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	}


wide{width:60%}

.grey_bg {
	*background: #f7efe4;
	
	background: -webkit-linear-gradient(top,  #a89c8c 0%,#a89c8c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a89c8c 0%,#a89c8c 100%); /* Opera 11.10+ */

	height: 22px;
	line-height: 22px;
	padding: 0 0 2px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #6b583d;
	
	width:184px;
	
	
}
	.grey_bg a {
		padding: 0 8px;
		text-decoration: none;
		border-bottom: 1px solid #000;
		border-top: 1px solid #6b583d;
		display: block;
	}
		.grey_bg a img {
			position: relative;
			padding: 0 1px 0 0;
			vertical-align: middle;
			top:-1px;
		}
.grey_bg.nt {
	border-top:none;
	padding: 0 0 1px 0;
}
	.grey_bg.nt a {
		border-top: none;
	}
.grey_bg.td a span {
	border-bottom:1px solid #f7efe4;
}
	.grey_bg.td a:hover span {
		border: none;
	}
	
	


.trow1, .trow1 td, .post_block.row1 {
	background: #504237;
	border-top: 1px solid #3c2d24;
	border-left: 1px solid #3c2d24;
	border-right: 1px solid #3c2d24;
	border-bottom: 1px solid #3c2d24;
	text-align: center;
}


.msgHandlerSub {
	background:url(../images/main-side-bg.jpg) no-repeat bottom center;
	color: rgb(153, 204, 0);
	padding: 4px 7px;
	text-align: center;
	font: bold 10px Verdana;
	text-shadow: 1px 1px 1px #000;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	
	border-top: 1px solid #d5caa3;
	border-left: 1px solid #d5caa3;
	border-right: 1px solid #d5caa3;
	border-bottom: 1px solid #d5caa3;
}