body {
margin: 0;
padding: 0;
font-size: 79%;
font-family: verdana, helvetica; 
color: #fff;
background: #000;
}

body#starcraft { background: url('/images/sc/pageBg.jpg') 0 0 no-repeat #000; }
body#warcraft { background: url('/images/wc/pageBg.jpg') 0 26px no-repeat #000; }
body#diablo { background: url('/images/db/pageBg.jpg') 0 0 no-repeat #000; }

a { color: #fff; }
a:hover { color: #ffb000; }

#header {
clear: both;
margin: 1.2em 0 1.2em 0;
padding: 1em; 
/* text-align: center;  */
}
#header img { border: 0; }

#content {
/* clear: both; */
}
.leftColumn, .centerColumn, .rightColumn {
margin: 0;
}
.menuHeader {
padding: 0.4em 0.8em;
line-height: 48px;
font-weight: bold;
}
.leftColumn {
float: left;
width: 190px;
}    

#starcraft .leftColumn .menuHeader { background: url('/images/sc/leftMenuHeaderBg.png') right center no-repeat; }
#warcraft .leftColumn .menuHeader { background: url('/images/wc/leftMenuHeaderBg.png') right center no-repeat; }
#diablo .leftColumn .menuHeader { background: url('/images/db/leftMenuHeaderBg.png') right center no-repeat; }

.leftColumn .subMenu, .leftColumn #vote {
margin: -9px 16px 0.2em 0;
padding: 0 0.8em;
list-style: none;
}
.leftColumn #vote {
padding: 0.8em;
}
.subMenu h4 {
margin: 0.8em 0;
padding: 0; 
}

.leftColumn ul {
margin: 0;
padding: 0;
list-style: none;
}
#starcraft .leftColumn .subMenu, #starcraft #vote { 
margin: -9px 17px 0.2em 0;
background: url('/images/sc/rightMenuBg.jpg') 0 0 #400;
border: 1px solid #4f0000;
}
#warcraft .leftColumn .subMenu, #warcraft #vote { 
margin: -6px 17px 0.2em 0;
background: url('/images/wc/rightMenuBg.jpg') 0 0 #400;
border: 1px solid #222;
}
#diablo .leftColumn .subMenu, #diablo #vote { 
margin: -6px 17px 0.2em 0;
background: url('/images/db/rightMenuBg.jpg') bottom right #400;
border: 1px solid #222;
}

.leftColumn ul li { padding-left: 1.5em; }
#starcraft .leftColumn ul li { background: url('/images/sc/subMenuBg.png') left center no-repeat; }
#diablo .leftColumn ul li { background: url('/images/db/subMenuBg.png') left center no-repeat; }

.centerColumn {
margin: 0 245px 0 202px;
padding: 0;
}
.centerColumn td {
/* 
word-wrap: break-word;
text-overflow: ellipsis;         		 
*/
}
#centerColumnContent { 
  padding: 0.4em;
  color: #CCC;
  *width: auto;
  font-family: "Trebuchet MS", verdana;
  font-size: 1.1em;
}

#centerColumnContent a { color: #CCC; }
#centerColumnContent img { border: 0; }

.rightColumn {
float: right;
width: 220px;
}
#starcraft .rightColumn .menuHeader { background: url('/images/sc/rightMenuHeaderBg.png') left center no-repeat; }
#warcraft .rightColumn .menuHeader { 
padding-left: 2em; 
background: url('/images/wc/rightMenuHeaderBg.png') left center no-repeat; 
}
#diablo .rightColumn .menuHeader { 
padding-left: 4em; 
background: url('/images/db/rightMenuHeaderBg.png') left center no-repeat; 
}

#serverStatusList, #userForm, #lastComment, #lastForum, #pixRandom { 
padding: 0.8em; 
}

#starcraft #serverStatusList, #starcraft #userForm, #starcraft #lastComment, #starcraft #lastForum, #starcraft #pixRandom { 
margin: -9px 0 0.2em 19px; 
border: 1px solid #4f0000;
background: url('/images/sc/rightMenuBg.jpg') 0 0 #400; 
}
#warcraft #serverStatusList, #warcraft #userForm, #warcraft #lastComment, #warcraft #lastForum, #warcraft #pixRandom { 
margin: -6px 0 0.2em 19px; 
border: 1px solid #222;
background: url('/images/wc/rightMenuBg.jpg') 0 0 #400; 
}
#diablo #serverStatusList, #diablo #userForm, #diablo #lastComment, #diablo #lastForum, #diablo #pixRandom { 
margin: -6px 0 0.2em 19px; 
border: 1px solid #222;
background: url('/images/db/rightMenuBg.jpg') 0 0 #400; 
}

#userForm, #pixRandom { text-align: center; }
#pixRandom div { margin: 0.4em 0; }
#pixRandom div div { font-weight: bold; }
#pixRandom img { border: 1px solid #600000; }
#footer {
clear: both;
padding: 1em;
}
/*
#starcraft #footer { background: url('/images/sc/bottomBg.gif') 0 0 repeat-x; }
#diablo #footer { background: url('/images/db/bottomBg.gif') 0 0 repeat-x; }
*/

.article { margin-bottom: 1em; float: none; color: #CCC; }
#centerColumnContent .article div.news a { color: #CCC; }
.article div.news { 
padding: 0.4em;         			
/* 
background: url('/images/rightMenuBg.jpg') 0 0 #400; 
border: 1px solid #4f0000;
*/
}

#starcraft .article div.news {                         
background: url('/images/sc/rightMenuBgBlue.png') 0 0 #400; 
border: 1px solid #000;
}
#warcraft .article div.news {                         
background: url('/images/sc/rightMenuBgBlue.png') 0 0 #400; 
border: 1px solid #000;
}
#diablo .article div.news {
background: url('/images/db/rightMenuBg.jpg') 0 0 #400;
border: 1px solid #222;
}

.article div.news { color: #CCC; }
.article div.news div { float: right; width: 12em; text-align: right; }
.article div.news div a { color: #CCC; }
.article p { text-align: justify; }
.article p img { float: left; margin: 0 1em 0.4em 0; }
.article.cybersport p img { float: none; margin: 0; }

.article.cybersport { width: 100%; float: left; }
.article.cybersport .news img { margin-bottom: -4px; }

#topLine table td { background: #000; }

#navline { margin: 0 0 1em 0; }
#navline fieldset { margin: 1em 0; }
#navline .inputText, #navline .inputSubmit { padding: 0.2em; *padding: 0; margin: 0; }

#pageLinks { margin: 1em 0; padding-top: 1em; border-top: 1px solid #222; }

form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
.inputText, #userForm input { background: #0d1821; }
#starcraft .inputSubmit, #starcraft #userForm input[type="submit"], #vote input.button { font-weight: bold; background: url('/images/sc/rightMenuHeaderBg.png') -12px -20px #0d1821; margin: 0.4em; }
#starcraft .inputText, #starcraft .inputSubmit, #starcraft #userForm input, #starcraft #vote input.button { color: #fff; border: 1px solid #600000; }
#warcraft .inputSubmit, #warcraft #userForm input[type="submit"], #warcraft #vote input.button { font-weight: bold; background: url('/images/wc/rightMenuHeaderBg.png') -20px -20px #0d1821; margin: 0.4em; }
#warcraft .inputText, #warcraft .inputSubmit, #warcraft #userForm input, #warcraft #vote input.button { color: #fff; border: 1px solid #4f0000; }
#diablo .inputSubmit, #diablo #userForm input[type="submit"], #diablo #vote input.button { font-weight: bold; background: url('/images/db/rightMenuHeaderBg.png') -40px -20px #0d1821; margin: 0.4em; }
#diablo .inputText, #diablo .inputSubmit, #diablo #userForm input, #diablo #vote input.button { color: #fff; border: 1px solid #4f0000; }
#vote input.button { margin-top: 1em; }
#userForm input[type="text"] { margin-bottom: 1em; }
input:hover { border: 1px solid #ffb000; }

.setItemList { margin: 1em 0 0 0; }
.setItemList h4 { color: #dca06a; }
.setItemList ul { margin: 0; padding: 0; list-style: none; }
.setItemList ul li { display: table-cell; *display: inline; vertical-align: top; width: 22%; *width: 24%; padding: 0 1em 1em 0; }
.setItemList img { margin: 0 0 1em 0; padding: 4px; *padding: 1em; border: 1px solid #200; background: url('/images/db/rightMenuBg.jpg') 0 0 #400; }

#starcraft ul.unitParams { background: url('/images/sc/rightMenuBgBlue.png') 0 0 #400; }
#warcraft ul.unitParams { background: url('/images/db/rightMenuBg.jpg') 0 0 #400; }
#diablo ul.unitParams { background: url('/images/db/rightMenuBg.jpg') 0 0 #400; }

ul.unitParams { margin-top: 1em; padding: 1em; width: 42em; min-width: 60%; max-width: 100%; border: 1px solid #000; }
ul.unitParams li.unitParams { *width: 26em; }
.unitAbilities li, .unitParams li { display: table-cell; *display: inline; vertical-align: top; margin: 0; padding: 1em; zoom: 1; }
li.unitParams, ul.profileRecord li { padding: 1em 1em 1em 0; }		
li.unitParams img { width: 15px; margin: 0 0 -3px 0; }
li.unitParams img.skillImage { width: 64px; height: 64px; }
ul.unitAbilities, ul.unitParams, ul.profileRecord, ul.profile { margin: 0; padding: 0; list-style: none; }
.unitAbilities h4 { color: #fff; margin-top: 0; }
.unitAbilities span, .unitParams span { font-weight: bold; color: #efefef; }
.unitAbilities li, .profileRecord li { display: inline-block; *display: inline; vertical-align: top; width: 20em; margin: 0; padding: 0 1em 1em 0; *zoom: 1; }

*table { color: #fff; font-size: 1em; }        	
br { clear: none !important; }

#rateTable { width: 133px; float: right; border: 1px solid #4f0000; }	
.rateType { padding: 0.2em 0 0.9em 0; font-weight: bold; }
#starcraft .rateType { background: url('/images/sc/rightMenuHeaderBg.png') -20px -20px no-repeat; }
#warcraft .rateType { background: url('/images/sc/rightMenuHeaderBg.png') -20px -16px no-repeat;  } 
#diablo .rateType { background: url('/images/db/rightMenuHeaderBg.png') -40px -16px no-repeat; } 

.rateValue { padding: 0.2em 0 0.6em 0; border-top: 1px solid #000; font-size: large; font-weight: bold; color: #fff; text-align: center; }
#starcraft .rateValue { background: url('/images/sc/rightMenuBg.jpg') 0 0 #400; } 
#warcraft .rateValue { background: url('/images/sc/rightMenuBg.jpg') 0 0 #400; } 
#diablo .rateValue { background: url('/images/db/rightMenuBg.jpg') 0 0 #400; } 

.rateValue .maximumRate { color: #909090; }
.rateValue .ratesTotal { font-size: 0.6em; }
.rateType, #rateBar, #rateSubmit { text-align: center; }
#rateBar { background: #ccc; }
#rateBar div img { width: 11px; height: 8px; }
#rateSubmit { padding: 0.8em 0; font-weight: bold; }
#starcraft #rateSubmit { background: url('/images/sc/rightMenuHeaderBg.png') -20px -6px no-repeat; }
#warcraft #rateSubmit { background: url('/images/sc/rightMenuHeaderBg.png') -20px 0px no-repeat;  }
#diablo #rateSubmit { background: url('/images/db/rightMenuHeaderBg.png') -40px -8px no-repeat; }
#starcraft input[type="submit"] { color: #fff; border: 1px solid #800000; background: url('/images/sc/rightMenuHeaderBg.png') -20px -20px no-repeat; }
#warcraft input[type="submit"] { color: #fff; border: 1px solid #800000; background: url('/images/wc/rightMenuHeaderBg.png') -20px -20px no-repeat; }
#diablo input[type="submit"] { color: #fff; border: 1px solid #800000; background: url('/images/db/rightMenuBg.jpg') right -200px no-repeat; }

#rateUserLink { padding: 0 0 0.4em 0; text-align: center; font-weight: bold; }
#rateUserLink span { text-decoration: underline; }
#rateUserLink a, #rateUserList a { color: #fff; }
#rateUserList, #rateUserLink img { display: none; }
#starcraft #rateUserLink { background: url('/images/sc/rightMenuBg.jpg') 0 0 #400; } 
#warcraft #rateUserLink { background: url('/images/sc/rightMenuBg.jpg') 0 0 #400; } 
#diablo #rateUserLink { background: url('/images/db/rightMenuBg.jpg') 0 0 #400; } 
#rateUserList { margin-top: 0.2em; padding: 0.2em; }
#starcraft #rateUserList { background: url('/images/sc/rightMenuBg.jpg') 0 0 #400; } 
#warcraft #rateUserList { background: url('/images/sc/rightMenuBg.jpg') 0 0 #400; } 
#diablo #rateUserList { background: url('/images/db/rightMenuBg.jpg') 0 0 #400; } 

#rateUserList div { margin-bottom: 0.2em; }
#rateUserList span.rateUserListValue { 
width: 1.6em; 
display: inline-block; *display: inline; 
margin: 0 0.2em; padding: 0.1em 0.2em; 
background: #200; color: #fff; text-align: center; 
border: 1px solid #4f0000; 
}

td.rankingFiller { text-align: center; }
.ladder { width: 100%; }
.expOutline { background: #000; border: 1px solid #0c2b69; }

tr.rankingHeader { font-weight: bold; background: url('/images/db/rightMenuBg.jpg') 0 120px; }
tr.sortbar td.rankingHeader { background: url('/images/db/rightMenuBg.jpg') 0 120px; border-bottom: 1px solid #603928; }
td.rankingHeader img { display: none; }
tr.rankingHeader td { border-bottom: 1px solid #603928; }
td.rankingHeader { font-weight: bold; padding: 0.4em; }
div#pager table { width: auto; }
h2.atlist { margin-bottom: 0; }
.profileRecordContainer { *width: 16em; }
.levelBar { background: #000; border: 1px solid #0c2b69; }

#serverStatusList span { float: right; }
#serverStatusList div { margin: 1em 0 0	0; text-align: center; }

.mailIcon { margin-bottom: -4px; }
#counter { margin: 1em 0; text-align: center; }

.upgradesRank { width: 100%; border: collapse; }
.upgradesRankIcons td { } 
.upgradesRank th { text-align: left; }
.upgradesRank td.upgradesRankRow { line-height: 2em; width: auto; padding-right: 2em; }
.upgradesRank td.upgradesRankRow img { width: 16px; height: 16px; margin-bottom: -4px; }
#userForm img { border: 0; text-decoration: none; }

/* replay */
div.replayGame img { vertical-align: middle; }
table.replayTable { width: 100%; border-collapse: collapse; margin-top: 8px; }
table.replayTable th { padding: 0.4em; background: url("/images/sc/rightMenuBgBlue.png") repeat scroll 0 0 #440000; border: 1px solid #000; }
tr.replayLine td { padding: 0.4em; border-bottom: 1px solid #4f0000; }
tr.replayLine:hover { background: url("/images/sc/rightMenuBg.jpg") repeat-x 0 0 #440000; }

.comment_row{
overflow: hidden;
}                  

.comment_row .centerColumn {
color:#fff;
}

#centerColumnContent .downloads-container {
  background: none;
  border: none;
  border-radius: 0;
  height: auto;
  box-shadow: none;
  
}

#centerColumnContent  .files-download-holder .statistics {
  color: #fff;
  font-size: 14px;
  line-height: 1.7;
  text-shadow: none;
  float: left; 
}

.modalWin {
  position: fixed;
}

.clearfix:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

#centerColumnContent {
  overflow: hidden;
}
#commentsTabPG .comment_row {
  box-shadow: none;
  border-bottom-color: #444;
}

#centerColumnContent .modalWin  a {
  color: #444 !important;
}



.report {
  background: rgba(0,0,0,.7);
  padding: 10px;
  width: 500px;
  margin: 0 auto;
}
.report legend {
  font-weight: bold;
  color: #fff;
  font-size: 16px;
}
.report input, .report textarea {
  display: block;
}
.report textarea {
  padding: 10px;
  width: 480px;
}
.report label {
  display: block;
  margin-top: 15px;
  padding-bottom: 5px;
  font-weight: bold;
}
.report input[type="file"]  {
  float: left;
}
.report input[type="submit"]  {
  float: right;
  cursor: pointer;
}
.report p {
  margin-top: 20px;
  color: #999;
}
.report .errors {
  color: #f22;
  margin-top: 15px;
}
.report.success {
  color: #2f2;
  margin-top: 15px;
}
.fullscreen-overlay {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.9);
    width: 100%;
    height: 100%;
    z-index: 100000;
}
.fullscreen-top {
    text-align: center;
    background: #b31919;
    color: #fff;
    font: normal 17px Arial, sans-serif;
    padding: 10px 0;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #7F0000;
    box-shadow: 0 -2px 2px rgba(0,0,0,0.2) inset;
}

.fullscreen-outer {
    display: table;
    width: 100%;
    height: 100%;
}

.fullscreen-content  {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;    
}

.fullscreen-close {
    width: 24px;
    height: 24px;
    background: url(//www.playground.ru/img/ui/close-icon-white.png) no-repeat 0 0;
    float: right;
    cursor: pointer;
    margin: -2px 15px 0 20px;
}