.clear{ clear: both; }

#DOMWindow{
	border:0px !important;
	padding:0px !important;
}

#DOMWindow .window{
	width:424px;
	background:transparent url(/static/shop/popup_bg.png) scroll repeat-y center top !important;
	border:0px !important;
}

#DOMWindow .window2{
	background:transparent url(/static/shop/popup_bg2.png) scroll repeat-y center top !important;
	border:0px !important;
}

#DOMWindow .window .top{
	width:424px;
	background:transparent url(/static/shop/popup_top.png) scroll no-repeat center -9px;
}

#DOMWindow .window2 .bg_left{
	background:transparent url(/static/shop/popup_bg2.png) scroll repeat-y left top;
}

#DOMWindow .window2 .bg_right{
	background:transparent url(/static/shop/popup_bg2.png) scroll repeat-y right top;
}

#DOMWindow .window2 .top_left{
	background:transparent url(/static/shop/popup_top2.png) scroll no-repeat left -9px;
}

#DOMWindow .window2 .top_right{
	background:transparent url(/static/shop/popup_top2.png) scroll no-repeat right -9px;
}

#DOMWindow .window2 .top_center{
	background:transparent url(/static/shop/popup_top2.png) scroll no-repeat center -9px;
}

#DOMWindow .window2 .bottom_left{
	background:transparent url(/static/shop/popup_bottom2.png) scroll no-repeat left bottom;
	padding-left: 20px;
}

#DOMWindow .window2 .bottom_right{
	background:transparent url(/static/shop/popup_bottom2.png) scroll no-repeat right bottom;
	padding-right: 20px;
}

#DOMWindow .window2 .bottom_center{
	background:transparent url(/static/shop/popup_bottom2.png) scroll no-repeat center bottom;
}

#DOMWindow .window .top > .bottom{
	width:424px;
	background:transparent url(/static/shop/popup_bottom.png) scroll no-repeat center bottom;
}

#DOMWindow .window .bottom > .content,
#DOMWindow .window2 .bottom_center > .content{
	padding:0px 0px 7px 0px;
	min-height:80px !important;
	font-family: Tahoma;
	font-size: 12px;
	line-height:135%;
}

#DOMWindow .border_top{
	width:424px;
	height:9px;
	background:transparent url(/static/shop/popup_top.png) scroll no-repeat center top;
}

#DOMWindow .border_top2{
	height:9px;
	position:relative;
}


#DOMWindow .border_top2 >.left,
#DOMWindow .border_top2 >.right{
	position:absolute;
	width:40px;
	height:9px;
}

#DOMWindow .border_top2 >.left{
	left:0px;
	background:transparent url(/static/shop/popup_top2.png) scroll no-repeat left top;
}

#DOMWindow .border_top2 >.right{
	left:100%;
	margin-left:-40px;
	background:transparent url(/static/shop/popup_top2.png) scroll no-repeat right top;
}

#DOMWindow .border_top2 >.center{
	margin:0px 40px;
	height:9px;
	background:transparent url(/static/shop/popup_top2.png) scroll no-repeat center top;
}

#DOMWindow .border_bottom{
	width:424px;
	height:9px;
	background:transparent url(/static/shop/popup_bottom_border.png) scroll no-repeat center bottom;
}


#DOMWindow .border_bottom2{
	height:9px;
	position: relative;
}

#DOMWindow .border_bottom2 >.left,
#DOMWindow .border_bottom2 >.right{
	position:absolute;
	width:40px;
	height:9px;
}

#DOMWindow .border_bottom2 >.left{
	left:0px;
	background:transparent url(/static/shop/popup_bottom_border2.png) scroll no-repeat left top;
}

#DOMWindow .border_bottom2 >.right{
	left:100%;
	margin-left:-40px;
	background:transparent url(/static/shop/popup_bottom_border2.png) scroll no-repeat right top;
}

#DOMWindow .border_bottom2 >.center{
	margin:0px 40px;
	height:9px;
	background:transparent url(/static/shop/popup_bottom_border2.png) scroll no-repeat center bottom;
}



#DOMWindow h1{
	font-size:15px;
	text-align:center;
	margin:0px;
	padding:0px 0px 16px 8px;
	font-family:Myriad Pro, Calibri, Arial, sans-serif;
	font-weight:normal;
}

#DOMWindow .close_dom_window
{
	float:right;
	width:84px;
	height:21px;
	text-indent:-9000%;
	background:transparent url(/static/news/news_item_btns.png) scroll no-repeat -593px 0px;
	cursor:pointer;
}
#DOMWindow .close_dom_window:hover{
	background:transparent url(/static/news/news_item_btns.png) scroll no-repeat -593px -22px;
}

#DOMWindow .go_to_payment{
	float:left;
	width:145px;
	height:21px;
	text-indent:-9000%;
	background:transparent url(/static/news/news_item_btns.png) scroll no-repeat -447px 0px;
}

#DOMWindow .go_to_payment.active{
	cursor:pointer;
}

#DOMWindow .go_to_payment.active:hover{
	background:transparent url(/static/news/news_item_btns.png) scroll no-repeat -447px -22px;
}

#DOMWindow .idideverything{
	line-height:37px;
}

.error{
	color:#ff0000;
}


a.bb_hero_portrait img, a.bb_item_portrait img, a.bb_spell_portrait img,
a.bb_hero_portrait_64 img, a.bb_item_portrait_64 img, a.bb_spell_portrait_64 img,
a.bb_hero_portrait_128 img, a.bb_item_portrait_128 img, a.bb_spell_portrait_128 img{
	vertical-align:middle;
}

a.bb_hero_portrait img, a.bb_item_portrait img, a.bb_spell_portrait img{
	width:32px;
	height:32px;
	padding:4px;
	background:transparent url(/static/portrait_32.gif) scroll no-repeat left top;
}

a.bb_hero_portrait_64 img, a.bb_item_portrait_64 img, a.bb_spell_portrait_64 img{
	width:64px;
	height:64px;
	padding:4px;
	background:transparent url(/static/portrait_64.gif) scroll no-repeat left top;
}

a.bb_hero_portrait_128 img, a.bb_item_portrait_128 img, a.bb_spell_portrait_128 img{
	width:128px;
	height:128px;
	padding:4px;
	background:transparent url(/static/portrait_128.gif) scroll no-repeat left top;
}

a.bb_hero_portrait_66 img, a.bb_item_portrait_66 img{
	width:66px;
	height:66px;
	padding:4px;
	background:transparent url(/static/portrait_66.gif) scroll no-repeat left top;
}

a.bb_hero_portrait_95 img, a.bb_item_portrait_95 img{
	width:95px;
	height:95px;
	padding:4px;
	background:transparent url(/static/portrait_95.gif) scroll no-repeat left top;
}

.match
{
	display: block;
	width: 538px;
	height: 133px;
	color: #ffffff;
	font-family: Calibri, Arial, sans-serif;
}

.match > .main,
.match > .copy
{
	float: left;
	height: 133px;
}

.match > .main
{
	width: 507px;
	background-image: url(/static/match/match_bg.png);
}

.match > .copy
{
	width: 31px;
	background-image: url(/static/match/match_side.png);
}

.match > .main > .map,
.match > .main > .title
{
	float: left;
}

.match > .main > .map
{
	width: 61px;
	height: 133px;
	overflow: hidden;
}

.match > .main > .map > img
{
	width: 57px;
	height: 58px;
	margin: 3px 0px 0px 3px;
}

.match > .main > .title
{
	width: 446px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	vertical-align: middle;
	font-size: 15pt;
	font-weight: bold;
}

.match > .main > .time,
.match > .main > .date
{
	float: left;
	width: 223px;
	height: 27px;
	line-height: 27px;
	vertical-align: middle;
	text-align: center;
	font-size: 12pt;
}

.match > .main > .team
{
	float: left;
	width: 221px;
	height: 42px;
	margin: 0px;
}

.match > .main > .team.team1
{
	padding: 6px 0px 0px 2px;
}

.match > .main > .team.team2
{
	padding: 6px 0px 0px 0px;
}

.match > .main > .team li
{
	list-style: none;
	float: left;
	width: 40px;
	height: 62px;
	border: 1px #000000 solid;
	cursor: pointer;
}

.match > .main > .team.team1 li
{
	margin-left: 2px;
}

.match .highlight
{
	color: #ffcb03;
}

.match > .main > .team.team2 li
{
	margin-right: 2px;
}

.match > .main > .team li img
{
	width: 38px;
	height: 38px;
	border: 1px #304054 solid;
}

.match > .main > .team li:hover img
{
	border: 1px #00567a solid;
	border-bottom: 1px #000000 solid;
}

.match > .main > .team li .stats
{
	height: 12px;
	padding-top: 4px;
	font-size: 10px;
	text-align: center;
}

.match > .main > .team li .stats .k
{
	color: #71ff00;
}

.match > .main > .team li .stats .d
{
	color: #ed0000;
}

.match > .main > .team li .stats .a
{
	color: #ffcb03;
}

.match > .main > .team li .info
{
	display: none;
	position: absolute;
	background-color: #000000;
	border: 1px #00567a solid;
	margin-top: -18px;
	padding: 2px 4px;
}

.match > .main > .team li:hover .info
{
	display: block;
}

.match > .main > .team li .info .stripe
{
	width: 38px;
	height: 1px;
	border-top: 1px #000000 solid;
	margin: -3px -4px 0px -4px;
}

.match > .main > .team li .info .hero
{
	font-size: 16px;
	font-weight: bold;
	color: #ffcb03;
}