.clear{ clear:both; }

a:active, a:hover {
    outline: none;
}

#wnd1{
	margin-top:67px;
	width:240px;
	display:none;
}

#wnd1 .shadow_top{
	width: 240px;
	height: 4px;
	background: transparent url(/static/wnd1_shadow_top.gif) scroll no-repeat center center;
}
#wnd1 .shadow_bottom{
	width: 240px;
	height: 11px;
	background: transparent url(/static/wnd1_shadow_bottom.gif) scroll no-repeat center center;
}
#wnd1 .border{
	width: 240px;
	background: transparent url(/static/wnd1_border.gif) scroll repeat-y center top;
}

#wnd1 .border .top{
	width: 240px;
	background: transparent url(/static/wnd1_top.gif) scroll no-repeat center top;
}

#wnd1 .border .bottom{
	width: 240px;
	background: transparent url(/static/wnd1_bottom.gif) scroll no-repeat center bottom;
}

#wnd1 .border .content{
	min-height: 40px;
	padding: 20px 12px 16px 12px;
	overflow:none;
}

#wnd1 .panel{
	width:218px;
	margin-bottom:16px;
}

#wnd1 .panel .title{
	text-align:center;
	font-family: Candara, Arial, sans-serif;
	font-size:18px;
}

#wnd1 .panel .title span{
	background: transparent url(/static/wnd_panel1_header_l.gif) scroll no-repeat left center;
	padding: 0px 0px 0px 54px;
	height:31px;
	line-height:31px;
	display:block;
}

#wnd1 .panel .title span span{
	background: transparent url(/static/wnd_panel1_header_r.gif) scroll no-repeat right center;
	padding: 0px 54px 0px 0px;
}

#wnd1 .panel .title span span span{
	background: transparent url(/static/wnd_panel1_header_c.gif) scroll repeat-x center center;
	padding: 0px 0px;
}

#wnd1 .panel .border{
	width: 216px;
	background: transparent url(/static/wnd_panel1_border.gif) scroll repeat-y center top;
}


#wnd1 .panel .border .top{
	width: 216px;
	background: transparent url(/static/wnd_panel1_top.gif) scroll no-repeat center top;
}

#wnd1 .panel .border .bottom{
	width: 216px;
	background: transparent url(/static/wnd_panel1_bottom.gif) scroll no-repeat center bottom;
}

#wnd1 .panel .content{
	padding: 22px 10px 16px 10px;
	min-height: 40px;
}

#wnd1 .panel #portrait{
	float:left;
	width:62px;
	height:62px;
	background: transparent url(/static/portrait1.gif) scroll no-repeat center center;
	margin-left:16px;
}

#wnd1 #portrait img{
	margin: 3px 3px;
	width: 56px;
	height: 56px;
}

#wnd1 #name{
	float:left;
	padding-left:8px;
	width:100px;
}

#wnd1 #name .title{
	text-align:left;
	font-size:12px;
	color:#eebd14;
}

#wnd1 #name .name{
	font-size:16px;
	font-weight:bold;
	color:#48bdfe;
	padding:0px;
}

#wnd1 #stats{
	margin-top:8px;
	margin-left:14px;
	height: 96px;
}

#wnd1 #stats .icon{
	background: transparent url(/static/attr_icons.gif) scroll no-repeat left top;
	width:53px;
	height:51px;
}

#wnd1 #stats .title{
	font-size:11px;
	font-family:Arial;
	padding:0px;
	margin:0px;
}

.red, #wnd1 #stats .str .title{color: #ff1b00}
.green, #wnd1 #stats .agi .title{color: #00aa00}
.blue, #wnd1 #stats .int .title{color: #004fff}

#wnd1 #stats .str, #wnd1 #stats .agi, #wnd1 #stats .int{
	float:left;
	height:96px;
}

#wnd1 #stats .str{width: 52px;margin-right:7px;}
#wnd1 #stats .agi{width: 53px;margin-right:7px;}
#wnd1 #stats .int{width: 54px;}

#wnd1 #stats .value{
	font-size:20px;
	text-align:center;
}

#wnd1 #stats .str .icon{background-position: 0px 0px;}
#wnd1 #stats .agi .icon{background-position: -52px 0px;}
#wnd1 #stats .int .icon{background-position: -105px 0px;}

#wnd1 #stats .str.primary .icon{background-position: 0px -51px;}
#wnd1 #stats .agi.primary .icon{background-position: -52px -51px;}
#wnd1 #stats .int.primary .icon{background-position: -105px -51px;}

#wnd1 #full_info{
	text-align:center;
	padding:8px 0px;
}

#wnd1 #statistics tr{
	vertical-align:top;
}

#wnd1 #statistics .c1{
	text-align:left;
	font-family:Arial;
	color:#c3bf9f;
}

#wnd1 #statistics .c2{
	text-align:right;
	font-family:Arial;
	color:#ffffff;
}

#wnd1 #spells .spell{
	margin-left:16px;
	height:48px;
}

#wnd1 #spells .spell .icon{
	width:40px;
	height:40px;
	background: transparent url(/static/portrait2.gif) scroll no-repeat center center;
}

#wnd1 #spells .spell .icon img{
	margin:4px;
	width:32px;
	height:32px;
}

#wnd1 #spells .spell .icon, #wnd1 #spells .spell .title {float:left}

#wnd1 #spells .spell .title{
	font-family:Arial;
	font-size:12px;
	padding-left:12px;
	text-align:left;
}

#wnd1 #spells .spell .title .name{
	width:120px;
	overflow:hidden;
}

#wnd1 #spells .spell .title .shortname{
	width:120px;
	overflow:hidden;
	color:#c3bf9f;
	padding-bottom:4px;
}

/* heroes roster go! */
#roster{
	width:660px;
}

#roster .top{
	width:660px;
	height:69px;
	background: transparent url(/static/roster_top.gif) scroll no-repeat center top;
}

#roster_items ul{
	margin:0px;
	padding:0px;
	min-height:40px;
	width:176px;
	float:left;
	margin-left:10px;
	margin-right:14px;
}

#roster_items .pages{
	width:660px;
	height:52px;
	background: transparent url(/static/roster_items_pages.gif) scroll no-repeat center top;
}

#roster_items .pages#items{
	background-position:0px 0px;
}

#roster_items .pages#reciepes{
	background-position:0px -52px;
}

#roster_items .border1{
	background: transparent url(/static/roster_items_border.gif) scroll repeat-y center 88px;
}

#roster_items .border1 .top{
	background: transparent url(/static/roster_items_top1.gif) scroll no-repeat center top;
}

#roster_items .border1 .bottom{
	background: transparent url(/static/roster_items_bottom1.gif) scroll no-repeat center bottom;
}

#roster_items .border2{
	background: transparent url(/static/roster_items_border.gif) scroll repeat-y center 77px;
}

#roster_items .border2 .top{
	background: transparent url(/static/roster_items_top2.gif) scroll no-repeat center top;
}

#roster_items .border2 .bottom{
	background: transparent url(/static/roster_items_bottom2.gif) scroll no-repeat center bottom;
}

#roster_items .content{
	padding: 20px 20px 30px 34px;
}

#roster_items .content .header1, #roster_items .content .header2{
	width:604px;
	height:170px;
	background: transparent url(/static/items_windows_top.gif) scroll no-repeat left top;
}

#roster_items .content .header3{
	width:604px;
	height:170px;
	background: transparent url(/static/items_window_top3.png) scroll no-repeat center top;
}

#roster_items .content .header2{
	background-position: -604px 0px;
}

#roster_items .content .border{
	width:604px;
	background:transparent url(/static/items_windows_border.png) scroll repeat-y left top;
}

#roster_items .content .content{
	background:transparent url(/static/items_windows_content.png) scroll no-repeat left top;
	padding:0px;
}

#roster_items .content .footer{
	width:604px;
	height:25px;
	background: transparent url(/static/items_windows_bottom.png) scroll no-repeat left top;
}

#roster .background{
	background: transparent url(/static/roster_bg.jpg) scroll repeat-y center bottom;
}

#roster .background .shadow{
	background: transparent url(/static/roster_shadow.png) scroll no-repeat center top;
}

#roster .border{
	width:660px;
	background: transparent url(/static/roster_border.gif) scroll repeat-y center top;
}

#roster .top2{
	width:660px;
	background: transparent url(/static/roster_top2.gif) scroll no-repeat center top;
}

#roster .bottom{
	width:660px;
	background: transparent url(/static/roster_bottom.gif) scroll no-repeat center bottom;
}

#roster .shadow_bottom, #roster_items .shadow_bottom{
	width:660px;
	height:11px;
	background: transparent url(/static/roster_shadow_bottom.gif) scroll no-repeat center top;
}

#roster .content{
	padding:0px 20px 110px 20px;
}

#roster .legion, #roster .hellbourne{
	float:left;
	width:230px;
	/*background: transparent url(/static/roster_wnd.gif) scroll no-repeat center bottom;*/
	padding:42px 28px 0px 38px;
	margin:0px;
}

#roster .hellbourne{
	padding:42px 0px 0px 58px;
}

.roster ul li{
	list-style:none;
	float:left;
	width:44px;
	height:44px;
	background: transparent url(/static/roster_cell.gif) scroll no-repeat center top;
}

.roster ul li.selected{
	background-position: center bottom;
}

.roster ul li img{
	margin:6px 0px 0px 6px;
	width: 32px;
	height: 32px;
}

#details{
	width:904px;
}

#details .tabs{
	height:51px;
	background-image: url(/static/details_tabs.png);
}

#details .tabs#info{
	background-position: left 0px;
}

#details .tabs#guide{
	background-position: left -51px;
}

#details .tabs#graph{
	background-position: left -102px;
}

#details .tabs#top{
	background-position: left -306px;
}
#details .tabs#rutop{
	background-position: left -357px;
}

#details .tabs#articles_general{
	background-position: left -408px;
}

#details .tabs#articles_tactics{
	background-position: left -459px;
}

#details .tabs#articles_mechanics{
	background-position: left -510px;
}

#details .tabs ol{
	padding-left:170px;
	padding-top:8px;
}

#details .tabs#top ol,
#details .tabs#rutop ol
{
	padding-left:260px !important;
}

#details .tabs li{
	list-style:none;
	background:transparent !important;
	text-indent:-900%;
	margin:0px 8px 0px 0px !important;
	padding:0px !important;
	border:0px !important;
}

#details .tabs li, #details .tabs li a{
	float:left;
	width:182px;
	height:36px;
}

#details #heroes_scroll{
	height:136px;
	background: transparent url(/static/details_heroes_scroll.jpg) scroll no-repeat center top;
	position:relative;
}

#details #heroes_scroll .scrollWrapper{
	padding: 28px 0px;
	margin:0px 115px;
	width:684px;
	height:66px;
	overflow:hidden;
	position:relative;
}

#details #heroes_scroll ul{
	position:relative;
	list-style:none;
	width:10000px;
	height:66px;
	padding:0px;
	margin:0px;
}

#details #heroes_scroll li{
	float:left;
	list-style: none;
	width:76px;
	height:70px;
	padding:0px;
	margin:0px;
}



#details #heroes_scroll li img{ border:1px #666666 solid; }
#details #heroes_scroll li.selected img{ border:1px #4eff00 solid; }

#details #heroes_scroll #prev, #details #heroes_scroll #next{ position:absolute; width: 64px; height: 61px; cursor: pointer; text-indent:-900%; z-index:666; background: transparent url(/static/heroes_scroll_buttons.gif) scroll no-repeat left top; }
#details #heroes_scroll #prev{ left: 24px; top: 30px; }
#details #heroes_scroll #prev:hover{ background-position: 0px -61px; }
#details #heroes_scroll #next{ left: 817px; top: 30px; }
#details #heroes_scroll #next:hover{ background-position: 0px -122px; }

#wnd2 table td{ vertical-align: top; }

#wnd2 .border{ background: transparent url(/static/details_border.gif) scroll repeat-y center top; }
#wnd2 .bottom{ background: transparent url(/static/details_bottom.gif) scroll no-repeat center bottom; }

#wnd2 .shadow_bottom{
	height:11px;
	background: transparent url(/static/details_shadow_bottom.gif) scroll no-repeat center top;
}

#wnd2 .content{
	position:relative;
	padding: 0px 16px 16px 16px;
}

#wnd2 .leftpanel{ width:287px; }

#wnd2 .rightpanel{
	border-left: 1px #455166 solid;
	width: 586px;
}

#wnd2 .title{
	width:287px;
	height:45px;
	text-indent: -9000%;
	background: transparent url(/static/titles1.gif) scroll no-repeat 0px 0px;
}

#wnd2 #details .title{
	color: transparent;
}

#wnd2 .title.description{  }
#wnd2 .title.attr{ background-position: 0px -45px; }
#wnd2 .title.armor{ background-position: 0px -90px; }
#wnd2 .title.recommented{ background-position: 0px -135px; }
#wnd2 .title.statistics{ background-position: 0px -180px; }

#wnd2 .bottom_line{ border-bottom: 1px #455166 solid; }

#wnd2 .wnd2{ width:287px; }
#wnd2 .wnd2 .border{ background: transparent url(/static/wnd2_border.gif) scroll repeat-y left top; }
#wnd2 .wnd2 .top{ background: transparent url(/static/wnd2_top.gif) scroll no-repeat left top; }
#wnd2 .wnd2 .bottom{ background: transparent url(/static/wnd2_bottom.gif) scroll no-repeat left bottom; }
#wnd2 .wnd2 .content{ padding: 30px; }

#wnd2 .wnd2 .content div{
	font-family: Candara, Arial, sans-serif;
	font-size:16px;
}

.small{ font-size: 12px !important; }

.stats_border{
	border: 1px #4c5568 solid;
}

.stats_border td,.stats_border tr,.stats_border table{
	text-align:center;
	padding:0px;
	margin:0px;
}

#wnd2 .wnd2 .content div.text{
	color:#eebd14;
	padding:2px 0px 0px 0px;
	font-size:12px;
}

#wnd2 .wnd3{
	width:287px;
	height:160px;
	background:transparent url(/static/wnd3.gif) scroll no-repeat center center;
}

#wnd2 .wnd4{
	width:287px;
	height:315px;
	background:transparent url(/static/wnd4.gif) scroll no-repeat center center;
}

#wnd2 .wnd3 .content, #wnd2 .wnd4 .content{ padding:45px; }

#wnd2 .title2{
	width:585px;
	height:45px;
	background: transparent url(/static/titles2.gif) scroll no-repeat 0px 0px;
}

#wnd2 .title2 .text{ font-family: a_Algerius, Caldara, arial, sans-serif; font-size: 14px; color: #f7d700; padding: 16px 0px 0px 92px; width:480px; } 

#wnd2 .title2 .icon{
	width:91px;
	height:45px;
	background: transparent url(/static/titles2.gif) scroll no-repeat 0px -90px;
}

#wnd2 .title2.attack .icon{ }
#wnd2 .title2.spell1 .icon{ background-position: -91px -90px; }
#wnd2 .title2.spell2 .icon{ background-position: -182px -90px; }
#wnd2 .title2.spell3 .icon{ background-position: -273px -90px; }
#wnd2 .title2.spell4 .icon{ background: transparent; }

#wnd2 .title2.spell4 { background: transparent url(/static/titles2.gif) scroll no-repeat 0px -45px; }

.konami{
	width:240px;
	height:54px;
	position:absolute;
	left:50%;
	margin-left:-114px;
	top:98px;
	z-index:1000;
}

.block.attack{
	width:585px;
	height:72px;
	background:transparent url(/static/attack_background.gif) scroll repeat-x center top;
}

.block.attack .content{ padding:25px 40px 0px 40px !important; }
ul.bullet_values{
	font-family: Candara, Arial, sans-serif;
	font-size:15px;
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.bullet_values li{
	float:left;
	margin:0px 12px 0px 0px;
	color:#ffffff;
}

ul.bullet_values li span{
	background: transparent url(/static/bullet.gif) scroll no-repeat 2px center;
	padding-left: 12px;	
	color: #eebd14;
}

.block.spell{ padding:4px; width:576px; }
.block.spell .block{
	border: 1px #455166 solid;
	border-bottom: 0px;
}

.block.spell .block .line1,.block.spell .block .line3, .block.spell_ultimate .effects{
	font-family: Candara, arial, sans-serif;
	color: #4c5568;
	padding:5px 8px;
}

.block.spell .block .line1{
	height:20px;
}

.block.spell .block .line2{
	padding:8px;
	background:#040407 url(/static/spell_background.gif) scroll repeat-y right center;
}

.spell_info .icon, .spell_ultimate .icon{
	text-align:center;
	vertical-align:center;
	padding:16px 20px 0px 20px;
}

.spell_info .icon div{
	width:103px;
	height:103px;
	background: transparent url(/static/portrait3.gif) scroll no-repeat center center;
}

.spell_info .icon div img{ margin:4px; }

.spell_info .stats div{ color:#4c5568; }
.spell_info .stats div span{ color:#ffffff; }
.manacost{ color:#ff8c00 !important; }
.cooldown { color:#9acd32 !important; }
.req_lvl{ color:#c0bd14 !important; }


.block.spell_ultimate .border{ border: 1px #455166 solid !important; }

.block.spell_ultimate .p1{ background: transparent url(/static/spell_ultimate_p1.gif) scroll no-repeat center top; }
.block.spell_ultimate .p2{ background: transparent url(/static/spell_ultimate_p2.gif) scroll repeat-y center top; }
.block.spell_ultimate .p3{ background: transparent url(/static/spell_ultimate_p3.gif) scroll no-repeat center bottom; }

.block.spell_ultimate .p4{ background: transparent url(/static/spell_ultimate_p4.gif) scroll repeat-y center top }
.block.spell_ultimate .p5{ background: transparent url(/static/spell_ultimate_p5.gif) scroll no-repeat center bottom }

.block.spell_ultimate .p5 .effects{ padding:8px 30px 16px 30px !important; }

.spell_info .effects div{ padding:8px 0px; }
.spell_info .effects div div{ padding: 0px; }
.spell_info .effects .text{ color:#4c5568; }

.leftpanel .wnd2 .portrait{ width:104px }

.leftpanel .wnd2 .portrait div{
	width:103px;
	height:103px;
	background: transparent url(/static/portrait3.gif) scroll no-repeat center center;
}

.leftpanel .wnd2 .portrait img{ margin: 4px; }

.leftpanel .wnd2 div{
	font-family: Candara, Arial, sans-serif;
	color: #ffffff;
}

.leftpanel .title.description .text{ color: }

.block.spell_ultimate .top{ padding:8px; }

.wnd3 table tr{ height:14px !important; }

.wnd3 table td, .wnd4 table td{
	vertical-align:center;
	font-family:Arial;
	font-size:12px;
}

.wnd3 table td.c2, .wnd4 table td.c2{
	color:#eebd14;
	text-align:right;
}

.spell_action{width:270px;}
.spell_target_type{}

.spell_ultimate .spell_action{ padding: 2px 0px 0px 16px !important; width:250px !important}
.spell_ultimate .spell_target_type{ padding: 2px 0px 0px 0px !important; }

.spell_info .effects .title{
	background: transparent !important;
	text-indent: 0% !important;
	width:auto !important;
	height:auto !important;
}

.spell_info .effects .block{
	width:383px;
	border:0px;
	background: transparent url(/static/spell_box_border.gif) scroll repeat-y center top !important;
	padding: 0px !important;
	margin:0px;
	clear:both;
}
.spell_info .effects .block div{
	background: transparent url(/static/spell_box_top.gif) scroll no-repeat center top !important;
	padding: 0px;
	margin:0px;
}
.spell_info .effects .block div div{
	background: transparent url(/static/spell_box_bottom.gif) scroll no-repeat center bottom !important;
	padding: 16px 20px;
}

.spell_info .effects .title{
	height:18px;
	float:left;
	background:transparent url(/static/spell_box_title.gif) scroll repeat-x 0px -40px !important;
	clear:both;
	padding: 3px 0px 0px 0px !important;
	color:#eebd14;
}
.spell_info .effects .title .l{
	width:18px;
	height:20px;
	background:transparent url(/static/spell_box_title.gif) scroll no-repeat 0px 0px !important;
	float:left;
	margin-top:-3px;
}
.spell_info .effects .title .r{
	width:18px;
	height:20px;
	background:transparent url(/static/spell_box_title.gif) scroll no-repeat 0px -20px !important;
	float:right;
	margin-top:-3px;
}

.spell_info .effects span{
	top:2px
}

.block.spell_ultimate .content{ min-height: 180px; padding:0px !important; }
.block.spell_ultimate{ padding:4px !important; width: 576px; }

.spell_ultimate .icon{
	padding:16px 20px 0px 30px
}
.spell_ultimate .p3 .effects{
	padding:0px !important;
}

.block .content .effects{
	font-family:Arial, sans-serif !important;
	font-size: 12px !important;
	color: #ffffff !important;
}

.graph_text .title,
.tactics_text .title,
.guide_text .title{
	text-indent: 0px !important;
	background: transparent !important;
	height: auto !important;
	width: auto !important;
	margin: 8px 0px;
	font-weight: bold;
	font-family: Calibri, Arial, sans-serif;
	font-size: 18px;
	color: #ffcb03;
	text-align: center;
	font-weight: bold;
}

#stats_panel .content{
	padding:16px 24px !important;
}

#stats_panel .content td, #stats_panel .content tr, #stats_panel .content table{
	padding:0px !important;
}

#name_stats #descr{
	padding:8px 16px 0px 16px;
	color:#c3bf9f;
	font-family:Arial, sans-serif;
}

#name_stats #item_name{
	padding-left:8px;
	font-size:16px;
	font-family:Candara, Arial, sans-serif;
}

#name_stats #item_name .name{
	padding-top:8px;
	padding-left:8px;
	float:left;
	overflow:hidden;
	width:108px;
}

#name_stats #item_name .price{
	float:left;
	padding-left:32px;
	height:22px;
	font-size:24px;
	background:transparent url(/static/coins.gif) scroll no-repeat 8px 4px;
}

#buyat_panel .content{
	min-height:10px !important;
	font-size:18px;
	color:#ffcb03;
	font-family:Candara, Arial, sans-serif;
	text-align:center;
	padding:12px !important;
}

.buyat_wnd{
	width:216px;
	height:49px;
	background:transparent url(/static/buyat_wnd.gif) scroll no-repeat left top;
}

#effects_panel .content{
	padding: 16px 20px !important;
	color: #c3bf9f;
	font-family:Arial, sans-serif;
}

ul.ingredients{
	margin:0px 0px 0px 0px;
	padding:0px 16px;
	clear:both;
}

.ingredients_spacer{clear:both;height:16px}

.item_price{ background:transparent url(/static/coins_small.gif) scroll no-repeat left 2px; color:#ffffff; padding-left:18px; font-size:12px; }

ul.ingredients div{
	width:46px;
	height:38px;
	float:left;
	background: transparent url(/static/portrait2.gif) scroll no-repeat left top;
}

ul.ingredients li{
	clear:left;
	list-style:none;
	padding:0px;
	margin:0px;
	cursor:pointer;
}

ul.ingredients div img{
	width:32px;
	height:32px;
	margin:3px;
}

.subpage{
	display:none;
}

.subpage#items{
	display:block;
}

.pages ol{
	padding-top:10px;
	margin-left:18px;
}

.pages ol li{
	list-style:none;
}

.pages ol li a{
	width:180px;
	height:38px;
	float:left;
	margin-right:16px;
	text-indent:-900%;
}

.border2.alt .content.left_padding{
	width:400px !important;
	padding-left:120px !important;
}

.border2.alt .content .header{
	width:430px;
	height:67px;
	background: transparent url(/static/items_window_top4.png) scroll no-repeat left top !important;
}

.border2.alt .content .border{
	width:430px;
	background: transparent url(/static/items_window_border2.png) scroll repeat-y left top !important;
}

.border2.alt .content .content{
	width:430px;
	background: transparent url(/static/items_window_content2.png) scroll no-repeat left top !important;
}

.border2.alt .content .footer{
	width:430px;
	background: transparent url(/static/items_window_bottom2.png) scroll no-repeat left bottom !important;
}

#wnd1.alt{
	margin-top:55px;
}

.shop.combative{
	margin-right:32px !important;
}

.recommented_items{
	margin:0px;
	padding:0px;
	padding-left:4px;
}

.recommented_items li{
	width:62px;
	height:62px;
	background: transparent url(/static/portrait1.gif) scroll no-repeat left top;
	list-style:none;
	margin:6px;
	float:left;
}

.recommented_items li img{
	width:56px;
	height:56px;
	margin:3px;
}

#comment_panel .content, #effects_panel .content, #ingredients_panel .content, #reciepes_panel .content{
	color: #c3bf9f !important;
	font-family:Arial, sans-serif;
}

#comment_panel .content{
	padding: 16px 20px !important;
}

.guide_title, .wnd5{
	border-bottom:1px #455166 solid;
}

.guide_title, .guide_title div{
	background-image:url(/static/guide_titles.png);
	text-indent:-900%;
}

.guide_title .adv { background-position: 0 0; width: 435px; height: 45px; } 
.guide_title .features { background-position: 0 -46px; width: 435px; height: 45px; } 
.guide_title .links { background-position: 0 -92px; width: 435px; height: 45px; } 
.guide_title .disadv { background-position: 0 -138px; width: 435px; height: 45px; } 
.guide_title .so1 { background-position: 0 -184px; width: 435px; height: 45px; } 
.guide_title .so2 { background-position: 0 -230px; width: 435px; height: 45px; } 
.guide_title .friends { background-position: 0 -276px; width: 435px; height: 45px; } 
.guide_title .foes { background-position: 0 -322px; width: 435px; height: 45px; } 
.guide_title .io1 { background-position: 0 -368px; width: 435px; height: 45px; } 
.guide_title .io2 { background-position: 0 -414px; width: 435px; height: 45px; } 
.guide_title .tactic { background-position: 0 -460px; width: 435px; height: 45px; } 

/*
.guide_title, .guide_title.left { background-position: 0 -506px; width: 435px; height: 45px; } 
.guide_title.right { background-position: 0 -552px; width: 435px; height: 45px; } 
.guide_title.active { background-position: 0 -598px; width: 435px; height: 45px; } 
*/

.guide_title { background-position: 0 -598px; width: 435px; height: 45px; } 


.scrollingHotSpotLeft{ min-width: 40px; height: 100%; position: absolute; z-index: 200; left: 0; }
.scrollingHotSpotLeftVisible{ zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ }
.scrollingHotSpotRight{	height: 100%; position: absolute; z-index: 200; right: 0; }
.scrollWrapper{ position: relative; overflow: hidden; width: 100%; height: 100%; }
.scrollableArea{ position: relative; width: auto; height: 100%; }

#roster .window{padding:0px !important;clear:right; }

#roster .window .bottom, #roster .window .title { background: transparent url(/static/roster_wnd.png); text-indent: -900%; }

#roster .window .bottom { background-position: 0 -8px; width: 231px; height: 33px; } 
#roster .window.str .title { background-position: 0 -42px; width: 231px; height: 53px; } 
#roster .window.agi .title { background-position: 0 -96px; width: 231px; height: 53px; } 
#roster .window.int .title { background-position: 0 -150px; width: 231px; height: 53px; } 

#roster .window .content{ width: 231px !important; padding: 0px !important; min-height: 1px !important; background: transparent url(/static/roster_wnd_border.png) scroll repeat-y 0px top; }
#roster .window .content .bg{ width: 231px !important; padding: 4px 0px !important; min-height:8px !important; background: transparent url(/static/roster_wnd_bg.png) scroll no-repeat center top; border: 0px !important}
#roster .window .content .bg ul{ width: 200px !important; margin: 0px !important; padding: 0px 16px 0px 28px !important; }

.fraction{clear:right}

.wnd5{width:435px;}
.wnd5 .border{background:transparent url(/static/guide_wnd5_border.gif) scroll repeat-y left top !important;}
.wnd5 .top{background:transparent url(/static/guide_wnd5_top.gif) scroll no-repeat left top !important;}
.wnd5 .bottom{background:transparent url(/static/guide_wnd5_bottom.gif) scroll no-repeat left bottom !important;}
.wnd5 .content{padding:20px 30px !important; min-height: 60px !important;}

.so{width: 830px; padding: 0px 22px; height: 116px; overflow: hidden; background:transparent url(/static/guide_so_bg.jpg) scroll no-repeat left top; }

#io2{display:none}

.so_title,.io_title{cursor:pointer}

.so .content{
	padding:16px 60px !important;
}
.so ol{margin:0px;padding:0px;}
.so ol li{list-style:none;float:left;}

.wnd6 .border{ background: transparent url(/static/guide_wnd6_border.png) scroll repeat-y left top !important; }
.wnd6 .top{ background: transparent url(/static/guide_wnd6_top.png) scroll no-repeat left top !important; }
.wnd6 .bottom{ background: transparent url(/static/guide_wnd6_bottom.png) scroll no-repeat left bottom !important; padding-bottom:20px !important; }
.wnd6 .middle{ background: transparent url(/static/guide_wnd6_middle.png) scroll no-repeat left top; height: 26px; }

.wnd6 .beginning,.wnd6 .middle{font-family:Candara, Arial, sans-serif;font-size:15px;text-align:center;}
.wnd6 .beginning{padding:9px 0px 6px 0px;}
.wnd6 .middle{padding-top:2px}

ul.adv, ul.disadv{margin:0px;padding:0px 0px 0px 10px}
ul.adv li, ul.disadv li{ font-size:13px; list-style:none;color:#c3bf9f;padding: 0px 0px 4px 18px;}
ul.adv li{ background:transparent url(/static/icon_plus.gif) scroll no-repeat left 3px; }
ul.disadv li{ background:transparent url(/static/icon_minus.gif) scroll no-repeat left 3px; }

ul.portraits4{
	margin:8px 0px 0px 6px;
	padding:0px;
}

ul.portraits4 li{
	list-style:none;
	float:left;
	width:71px;
	height:71px;
	background:transparent url(/static/portrait4.gif) scroll no-repeat left top;
	margin:0px 2px 2px 0px;
}
ul.portraits4 li img{
	width:66px;
	height:66px;
	margin:2px 3px 3px 2px;
}

.bg{background: transparent url(/static/guide_title_bg.gif) scroll repeat-x left top; border-right: 1px #455166 solid;}

.guide_text .border,.graph_text .border{ background: transparent url(/static/guide_text_border.gif) scroll repeat-y left top !important; }
.guide_text .top,.graph_text .top{ background: transparent url(/static/guide_text_top.gif) scroll no-repeat left top !important; }
.guide_text .bottom, .graph_text .bottom{ background: transparent url(/static/guide_text_bottom.gif) scroll no-repeat left bottom !important; }

.graph_text .title{
	background: transparent !important;
	height: auto !important;
	width: auto !important;
	font-family: Calibri, Arial, sans-serif;
	font-size: 18px;
	color: #ffcb03;
	margin: 8px 0px;
	text-align: center;
	text-indent: 0px;
	font-weight: bold;
}

.guide_text .content, .graph_text .content{ padding: 30px !important; }

.so .scrollWrapper{
	padding: 8px 0px;
	margin:0px 0px 0px 12px !important;
	width:684px;
	height:77px;
	overflow:hidden;
	position:relative;
}

.so ol{
	position:relative;
	list-style:none;
	width:10000px;
	height:68px;
	padding:0px;
	margin:0px;
}

.so li{
	float:left;
	list-style: none;
	width:76px;
	height:70px;
	padding:0px;
	margin:0px;
}

.so li .pic{
	border:1px #979691 solid;
	float:left;
	width:66px;
	height:66px;
}

.so li .pic div{ float:left;width:66px;height:66px; background-image:url(/static/so_overlay.png); }

.so li .so0x{ background-position:-792px 0px; }
.so li .so1x{ background-position:-660px 0px; }
.so li .so2x{ background-position:-726px 0px; }

.so li .sox1{ background-position: 0px 0px; }
.so li .sox2{ background-position: -66px 0px; }
.so li .sox3{ background-position: -132px 0px; }
.so li .sox4{ background-position: -198px 0px; }
.so li .sox5{ background-position: -264px 0px; }
.so li .sox6{ background-position: -330px 0px; }
.so li .sox7{ background-position: -396px 0px; }
.so li .sox8{ background-position: -462px 0px; }
.so li .sox9{ background-position: -528px 0px; }
.so li .sox0{ background-position: -594px 0px; }

.so li img{
	width:66px;
	height:66px;
}

.so .scrollingHotSpotLeft,.so .scrollingHotSpotRight{
	width:40px;
	height:40px;
	background:transparent url(/static/guide_so_buttons.gif) scroll no-repeat left top;
	text-indent:-900%;
}

.so .scrollingHotSpotLeft, .so .scrollingHotSpotRight{ margin-top:21px; }
.so .scrollingHotSpotLeft:hover{background-position:left -40px;}
.so .scrollingHotSpotRight:hover{background-position:right -80px;}

.io_item{
	float:left;
	width:420px;
	clear:right;
}

.bold{
	font-weight:bold !important;
}

.io_item .pic{
	width:42px;
	height:38px;
	float:left;
	background:transparent url(/static/portrait2.gif) scroll no-repeat left top;
}

.io_item .pic img{
	width:32px;
	height:32px;
	margin:3px;
}

.io_item .content{
	padding: 8px !important;
	margin: 0px !important;
}

.io_item .name{
	color: #ffc20c;
	font-size:13px;
	font-weight:bold;
}

.io_item .descr{
	color: #c3bf9f;
}

.wnd6 .bag{
	width:72px;
	height:72px;
	margin-top:-72px;
	margin-left:801px;
}

.wnd6 .bag img{
	position:absolute;
	width:72px;
	height:72px;
}

.wnd6 .popup{
	display:none;
	position:relative;
	z-index:61;
	width:310px;
	height:204px;
	background:transparent url(/static/guide_popup.gif) scroll no-repeat left top;
	margin-left:564px;
	margin-top:-276px;
	margin-bottom:72px;
	font-family:Caldara, Arial, sans-serif;
}

.wnd6 .popup div.name{
	position:absolute;
	left:28px;
	top:10px;
	font-size:15px;
	font-weight:bold;
	
	width:256px;
	height:18px;
}

.wnd6 .popup .stats{
	position:absolute;
	top:40px;
	left:20px;
	width:100px;
	height:102px;
}

.wnd6 .popup .stats div{
	padding:4px 0px 5px 34px;
}

.wnd6 .popup span.name{
	padding-right:20px;
}

.wnd6 .popup .items{
	position:absolute;
	left:135px;
	top:42px;
	width:174px;
	height:100px;
	padding:0px;
	margin:0px;
}

.wnd6 .popup .items li{
	float:left;
	list-style:none;
	width:56px;
	height:56px;
	background:transparent url(/static/portrait5.gif) scroll no-repeat left top;
}

.wnd6 .popup .items li img{
	margin:2px;
	width:44px;
	height:44px;
}

.wnd6 .popup .health, .wnd6 .popup .mana{
	position:absolute;
	left:16px;
	top:155px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:278px;
	height:20px;
	text-shadow: #000000 1px 1px 1px;
}

.wnd6 .popup .mana{
	top:178px;
}

.tooltip_item{
	padding-left:8px;
	float: left !important;
	width: 190px;
}

.tooltip_item img{
	padding-right:4px;
}
#tooltip{
	padding:0px !important;
	border:0px !important;
	position: absolute;
	z-index: 93939393939;
	border:1px #455166 solid !important;
	opacity: 1;
	background-color: #333 !important;
}

#tooltip h3{
	padding: 4px;
}

.fixed_width_tooltip{
	width:420px;
	opacity: 1;
	padding: 0px !important;
}


#tooltip h3, #tooltip div { margin: 0; }


#tooltip p{
	padding:8px !important;
	margin:0px 0px 0px 0px !important;
}

#tooltip h4{
	padding-top:3px !important;
	font-size:14px !important;
	font-weight:bold !important;
}

#tooltip .borderwrap{
	border:1px #455166 solid !important;
}

.tooltip_items_block{
	border-top: 1px #666666 solid;
	padding: 8px 8px 12px 8px;
}

.bottom_border_left{
	margin-top:-2px !important;
}

.bottom_border_left, .bottom_border_right{
	height:14px !important;
}

.multiplier{
	padding-left:4px;
	color:#ffcb03;
	font-weight:bold;
}

.view3d_button{
	margin-top:8px;
	width:97px !important;
	height:21px !important;
	text-indent:-9000%;
	background:transparent url(/static/3dview.png) scroll no-repeat left top !important;
	cursor:pointer;
}

.view3d_button:hover{
	background-position: left bottom !important;
}

.view3d{
	display:none;
}

.guide_title_large,
.guide_title_large .title_tactics,
.guide_title_large .title_skillorder
{
	width:874px;
	height:45px;
	background-image:url(/static/guide_titles_large.png);
	background-repeat: no-repeat;
	text-indent:-9000%;
}

.title_skillorder{ background-position: 0px -45px; }
.title_tactics{ background-position:0px -90px; }

.tactics_top,
.tactics_block,
.tactics_bottom
{
	width: 830px;
}

.tactics_top,
.tactics_bottom
{
	height: 4px;
}

.tactics_top{ background: transparent url(/static/tactics_top.png) scroll no-repeat left top; }
.tactics_bottom{ background: transparent url(/static/tactics_bottom.png) scroll no-repeat left top; }
.tactics_block{ background: transparent url(/static/tactics_bg.png) scroll repeat-y left top; }

.graph_text#tactics .content{
	padding:8px 20px 20px 20px !important;
}

.tactics_io1,
.tactics_io2,
.tactics_io3
{
	height: 69px;
	background: transparent url(/static/tactics_io.jpg) scroll no-repeat left top;
	padding: 17px 0px 14px 0px;
}

.tactics_text{
	padding: 12px 34px 0px 34px;
	color: #c3bf9f;
	font-family: Tahoma;
}

.tactics_io1 .overlay,
.tactics_io2 .overlay,
.tactics_io3 .overlay
{
	height:69px;
	position: relative;
}

.tactics_io1 .overlay{ background: transparent url(/static/tactics_io_1.jpg) scroll no-repeat left top; }
.tactics_io2 .overlay{ background: transparent url(/static/tactics_io_2.jpg) scroll no-repeat left top; }
.tactics_io3 .overlay{ background: transparent url(/static/tactics_io_3.jpg) scroll no-repeat left top; }

.tactics_block .overlay > .items
{
	margin:0px;
	padding:0px;
}

.tactics_block .overlay > .items li,
.tactics_block .overlay > .items li img
{
	width:45px;
	height:45px;
}

.tactics_block .overlay > .items li
{
	list-style:none;
	padding:0px;
	margin:0px;
	position: absolute;
	top: 12px;
}

.tactics_block .overlay > .items li.i1{ left: 239px; }
.tactics_block .overlay > .items li.i2{ left: 293px; }
.tactics_block .overlay > .items li.i3{ left: 347px; }
.tactics_block .overlay > .items li.i4{ left: 401px; }
.tactics_block .overlay > .items li.i5{ left: 455px; }
.tactics_block .overlay > .items li.i6{ left: 509px; }

.tactics_block .overlay > .total_price
{
	position: absolute;
	left: 574px;
	top: 22px;
	width: 55px;
	text-align: right;
	font-family: Candara, Calibri, Arial, sans-serif;
	font-size: 20px;
}

.tactics_title
{
	font-family: Candara, Calibri, Arial, sans-serif;
	font-size: 15px;
	text-align: center;
	padding: 2px 0px 4px 0px;
}

.relative{ position: relative; }

.carousel_controls{
	position: absolute;
	left: 546px;
	top:12px;
	width: 308px;
	height: 20px;
}

.carousel_controls > div
{
	background-image: url(/static/carousel_controls.png);
	background-repeat: no-repeat;
}

.carousel_controls > div{ width: 24px; height:20px; float: left; cursor: pointer; text-indent: -9000%; }
.carousel_controls .pager{
	background-position: -48px 0px;
	width: 240px !important;
	text-indent: 0%;
	text-align: center;
	cursor: default !important;
	font-family: a_algerius, candara, calibri, arial, sans-serif;
	font-size:14px;
	color: #f7d700;
}
.carousel_controls .prev{ background-position: 0px 0px; }
.carousel_controls .prev:hover{ background-position: 0px -20px; }
.carousel_controls .next{ background-position: -24px 0px; }
.carousel_controls .next:hover{ background-position: -24px -20px; }

/*
.carousel_items > div{ display: none; }
.carousel_items > div.visible{ display: block !important; }
.scrollable{ display: block; }
*/

#main_top{
	height: 265px !important;
}

#new_content_top{
	padding-top:60px !important;
}

#logostrip{
	background: transparent !important;
}

.graphs{
	width: 808px;
	position: relative;
}

.graphs > .graph_title{
	width: 808px;
	height: 45px;
	background: transparent url(/static/graphs_title.png) scroll no-repeat center top;
}

.graphs > .graph_title > .title_text{
	text-indent: -9000%;
	height:45px;
	background: transparent url(/static/graphs_titles.png) scroll no-repeat center 0px;
}

.graphs > .graph_title > .title_text.custom{
	background: transparent url(/static/graphs_titles.png) scroll no-repeat center -45px;
}

.graphs > .graph_window{
	width: 768px;
	height: 468px;
	background: transparent url(/static/graphs_window.png) scroll no-repeat left top;
	padding: 16px 20px;
}

.graphs > .graph_window_overlay{
	position: absolute;
	z-index: 123132;
	width: 144px;
	height: 24px;
	left:20px;
	top:60px;
	background-color:#000003;
}

.graph_settings{
	margin-left: 118px;
	background: transparent url(/static/graphs_settings_bg.png) scroll repeat-y left top;
}

.graph_settings .graph_bottom{
	background: transparent url(/static/graphs_settings_bottom.png) scroll no-repeat left bottom;
}

.graph_settings .graph_top{
	height: 8px;
	background: transparent url(/static/graphs_settings_top.png) scroll no-repeat left top;
}

.graph_settings .graph_settings_content{
	padding: 4px 20px 20px 20px;
	font-size: 12px;
}

.graph_settings .graph_settings_elements{
	display: none;
	clear: both;
}

.graph_settings .graph_settings_elements label{
	width: 139px;
	display: block;
	float: left;
}

.graph_settings .btn
{
	height:21px;
	width:166px;
	float:left;
	background-image:url(/static/news/news_item_btns.png);
	text-indent:-9000%;
	cursor:pointer;
	margin:8px 9px 8px 10px;
}

.graph_settings .btn.heroes{ background-position: -678px 0px; }
.graph_settings .btn.heroes:hover{ background-position: -678px -22px; }

.graph_settings .btn.stat{ background-position: -845px 0px; }
.graph_settings .btn.stat:hover{ background-position: -845px -22px; }

.graph_settings .btn.graph{ background-position: -1012px 0px; }
.graph_settings .btn.graph:hover{ background-position: -1012px -22px; }

.title_wooden{
	padding-top: 16px;
	height: 28px;
	background: transparent url(/static/wooden_title.png) scroll no-repeat center top;
	text-align: center;
	font-family: a_algerius;
	color: #fbf951;
	font-size: 13px;
}

.graph_loader{
	width:768px;
	height: 468px;
	background: transparent url(/static/ajax-loader.gif) scroll no-repeat center center;
}

.morebody{
	border: 0px !important;
	padding: 0px !important;
	background: transparent !important;
}

.moretext{
	padding: 8px !important;
}

.reload_clan_roster{
	width:16px;
	height:16px;
	cursor: pointer;
}

.account_clan_border .loader{
	display:none;
	text-align:center;
	padding: 0px 16px 16px 16px;
}