body
{
  color: #000;
  background: #282828;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: normal;
  font-size: 9pt;
  font-family: Arial, Trebuchet MS, Verdana, PragmaticaC, Tahoma;
}

img     {BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px;}

hr      {color: #999999; margin-bottom: 0px; margin-left: 0px; margin-top: 0px;}

td      {FONT-SIZE: 9pt; COLOR: #000000; }

form    {MARGIN: 0px;}

FORM INPUT {
        BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; COLOR: #000000; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 8pt; 
}                                                                                                                                            
     
TEXTAREA {                                                                                                                                          
        BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; COLOR: #000000; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 8pt;
}                                                                                                                                                   
SELECT {                                                                                                                                            
        BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; COLOR: #000000; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 8pt;
}
.combo {
        BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #ffffff
}
.ok {
        BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; FONT-WEIGHT: bold; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #FFBA00
}
.button {
        CURSOR: hand
}
.radio {
        BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: #000000; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #282828
}
.check {
        BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: #000000; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #ffffff
}

.h1 {
        COLOR: #CC6600; FONT-WEIGHT: bold; FONT-SIZE: 13pt; 
}

.h2 {
        COLOR: #ffffff; background: #007693; FONT-WEIGHT: bold; FONT-SIZE: 10pt; 
}

.menu {
        COLOR: #ffffff;
}

.grey {
        COLOR: #cccccc;
}

.main {
        COLOR: #FFC600; FONT-WEIGHT: bold;
}

.login {
        COLOR: #999999; FONT-SIZE: 8pt;
}

.reg {
        COLOR: #E2A900; FONT-SIZE: 8pt;
}

A             {FONT-WEIGHT: normal; COLOR: #2893A6; TEXT-DECORATION: underline;}
A:visited     {COLOR: #134347; TEXT-DECORATION: underline;}
A:hover       {COLOR: #FF7800; TEXT-DECORATION: underline;}

A.m              {FONT-SIZE: 8pt; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none;}
A.m:visited      {COLOR: #ffffff; TEXT-DECORATION: none;}
A.m:hover        {COLOR: #ffffff; TEXT-DECORATION: none;}

A.m2              {FONT-SIZE: 8pt; FONT-WEIGHT: bold; COLOR: #CCCCCC; TEXT-DECORATION: none;}
A.m2:visited      {COLOR: #CCCCCC; TEXT-DECORATION: none;}
A.m2:hover        {COLOR: #CCCCCC; TEXT-DECORATION: none;}

A.log              {FONT-SIZE: 8pt; FONT-WEIGHT: normal; COLOR: #E2A900; TEXT-DECORATION: underline;}
A.log:visited      {COLOR: #E2A900; TEXT-DECORATION: underline;}
A.log:hover        {COLOR: #ffffff; TEXT-DECORATION: underline;}

A.fname {FONT-SIZE: 8pt; FONT-WEIGHT: bold; COLOR: #ffc600; TEXT-DECORATION: underline; }
A.fname:visited      {COLOR: #ffc600; TEXT-DECORATION: underline; }
A.fname:hover        {COLOR: #ffffff; TEXT-DECORATION: underline; }

a.navline { color: #E2A900;  }
a.navline:active { color: #E2A900;  }
a.navline:visited { color: #E2A900;  }

T-SIZE: { 8pt; }

td.login a { color: #E2A900; }
td.login a:active { color: #E2A900; }
td.login a:visited { color: #E2A900; }


td.login_reg { width: 50%; COLOR: #999999; FONT-SIZE: 8pt; }
td.login_unr { width: 60%; COLOR: #999999; FONT-SIZE: 8pt; }

span.120 { width: 120px; }
span.160 { width: 160px; }
span.200 { width: 200px; }

h6 { margin-top: 2px; margin-bottom: 2px; }
h4 { margin-top: 4px; margin-bottom: 4px; }

hr { 
height: 1px; 
color: #d0d0d0;
}

input.button { 
border: 1px solid #000; 
color: #fff;
background-color: #909090;
background-image: url('/images/users/inbg.png'); 
}

input.buttonr { 
border: 1px solid #000; 
color: #000;
font-weight: bold; 
background-color: #E2A900;
background-image: url('/images/users/button_bg_r.gif'); 
}

div.demobf { 
width: 98%; 
padding-bottom: 4px; 
margin-bottom: 2px; 
border-bottom: 1px solid #d0d0d0; 
}

.fnews {
        COLOR: #fff; FONT-SIZE: 8pt;
}

A.fnews    {FONT-SIZE: 8pt; FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: underline;}
A.fnews:visited      {COLOR: #fff; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}
A.fnews:hover        {COLOR: #fff; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}


.h4 {
        COLOR: #000; background-color: #ρρρ; FONT-WEIGHT: bold; FONT-SIZE: 10pt; 
}

table.brief td { padding-bottom: 4px; border-bottom: 1px solid #ccc; }

div.fron {
width: 100%; 
height: 60px;
display: inline-block; 
overflow: auto; 
overflow-x: hidden; 
overflow-y: auto; 
scrollbar-face-color: #282828;
scrollbar-shadow-color: #282828;
scrollbar-highlight-color: #282828;
scrollbar-3dlight-color: #282828;
scrollbar-darkshadow-color: #282828;
scrollbar-track-color: #282828;
scrollbar-arrow-color: #ffc600;
}

div.fblock {
margin-bottom: 6px; 
width: 100%; 
height: 90px;
display: inline-block; 
overflow: auto; 
overflow-x: hidden; 
overflow-y: auto; 
scrollbar-face-color: #909090;
scrollbar-shadow-color: #ccc;
scrollbar-highlight-color: #ccc;
scrollbar-3dlight-color: #ccc;
scrollbar-darkshadow-color: #ccc;
scrollbar-track-color: #ccc;
scrollbar-arrow-color: #ffc600;
}

td.clubh { padding: 6px; font-weight: bold; background: #ccc; border-bottom: 1px solid #c0c0c0; } 
td.club { padding: 2px; border-bottom: 1px solid #ccc; } 

table.odd { background: #e9e9e9; border: 1px solid #c0c0c0; }
td.odd { font-weight: bold; background: #cfcfcf; border-bottom: 1px solid #c0c0c0; }

table.tb { width: 100%; margin-top: 6px; background: #e9e9e9; border: 1px solid #c0c0c0; }
tr.tb { font-weight: bold; background-image: url('http://proplay.ru/images/users/tbg.gif'); background: #c0c0c0; border-bottom: 1px solid #c0c0c0; }

div.pcomments { padding: 6px; border: 1px solid #bbb; background: #cfcfcf; }

td.complain span {
	color: #808080;
	font-weight: bold;
}

td.complain a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

td.complain a:visited {
	color: #999;
	text-decoration: none;
}

td.complain a:hover {
	color: #fff;
}

.adv { padding: 0; margin: 0; }
.adv li { list-style-type: none; }

img.icon { vertical-align: middle; }

a.mix { color: #b00; }
a.mix:hover { color: #f00;}

.liveStream{  
background: #fff url('/images/live-ico.gif') no-repeat 0 0; 
padding: 10px 10px 10px 25px ; 
border: 2px solid #CFCFCF; 
height: 350px; 
overflow: auto;
}
.lastVOD { 
padding:10px 0 12px 0; //padding:2px 0 5px 0; 
overflow: hidden;
line-height: 1;
margin:0;
zoom:1;

}
.lastVOD .box{
width: 49.9%; 
float: left; 
text-align: center;
padding: 0;
margin: 0;
}
.lastVOD a { 
display: block; 
text-decoration: none; 
text-align: center;
height: 150px;

}
.lastVOD .screen {
width: 168px; 
height: 94px; 
border: 2px solid #fff; 
background: #eee; 
display: block; 
margin: 0 auto 5px; 
box-shadow: 0 0 2px rgba(00,00,00,0.5);
background: #000 url('/images/vod-screen-bg.jpg') no-repeat center center 
}
.lastVOD .screen:hover {
box-shadow: 0 0 5px rgba(255,139,16,0.8);
}
.lastVOD .title { 
text-decoration: underline; 
width: 160px; 
display: inline-block;
height: 26px;
overflow: hidden;
font: normal 12px/1 Arial,sans-serif
}

#newDemoAnounceList { 
line-height: 1;
font-size:12px;
}

#newDemoAnounceList img {
border: none;
margin:0;
padding: 0;
}

.lastVOD:last-child { 
padding: 2px 0 8px 0
}
#stream_lol {
  margin: 5px auto;
  display: block;
}
#vk_comments { 
margin: 0 auto 5px;
}

#lastVODcolumn table{
  border-collapse: collapse;
}

.teaserImg img {
  width: 80px;
  height: 60px;
}

@media not screen and (1) { /** Fuck Opera **/
.lastVOD:last-child{padding:2px 0 6px 0}
}

.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;
}