/* тело документа */
body {color:#000000; background:#f1f1f1; font:12px Verdana; }

/* выравнивание */
input, select {vertical-align:middle; margin:0px;}
img {vertical-align:middle; border:0px;}

/* ссылки  */
a,a:active{color:#3B3B3B; font: bold 12px Verdana; text-decoration: none;}
a:hover{text-decoration: underline;}

/* таблицы */
table { border:0px #DCDCDC solid; border-collapse:collapse;}
td {color:#000000; background-color:#f1f1f1; padding:1px 5px 1px 5px; border:0px #DCDCDC solid; font:12px Verdana;}

/* кнопки, текстовые поля и селекторы */
.auto {margin-bottom: 4px; font: 12px Verdana; padding:3px 6px; border:1px #696969 solid; border-radius:6px; height:25px; width:200px;}
input, select, textarea {margin-bottom: 4px; font: 12px Verdana; padding:3px 6px; border:1px #696969 solid; border-radius:3px;}
input[type=checkbox] {width:12px; height:12px; border:0px;}
input[type=file] {border:0px;}
input[type=button], input[type=submit] {cursor:pointer; padding:9px 10px; color: white; border-radius:0px; border:0px; background-color:#B00000; background: linear-gradient(to bottom, #B00000, #403A3A);border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;border: 0px solid #000000;}
input[type=button]:hover, input[type=submit]:hover {background-color:#B00000; background: linear-gradient(to bottom, #D00606, #505050);border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;border: 0px solid #000000;}
input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {border:0; padding:0;} /* FF fix padding */

/* иконка выбора файла для загрузки */
.file {vertical-align:middle; display:inline-block; overflow:hidden; width:16px; height:16px; background-image:url(//mpchat.com/blank/img/image.png);}
.file input {cursor:pointer; width:16px; height:16px;	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}

/* стиль заголовка таблицы .title */
.title   {color:#F5F5F5; background-color:#282828;}
.title a {color:#F5F5F5;}
.title a:active {color:#F5F5F5;}
.title a:hover {color:#F5F5F5;}
.low {color:gray; font: normal 12px Verdana;} 

/* стиль никлиста в фрейме участников для #id=users */
#users table {border:0px;}
#users td {border:0px; }
#users a { font: bold 12px Verdana; }

/* стиль для игры - викторина */
#gamediv table {border-collapse:collapse;} 
#gamediv td {padding:2px; font:18px Verdana;text-align:center; width:20px; height:15px;}

/* стиль выводимого смайла */
.sm {cursor:pointer;}

/* STYLESATOR */

  .block2 { 
    width: 100%; 
    background: #fc0; 
    padding: 5px; 
    border: solid 1px black; 
    float: center; 
    position: relative; 
    top: 40px; 
    left: 0px; 
   }
   
.st {width:500px; height:200px;font-size:14px;background:rgba(20, 25, 28, 1);-moz-box-shadow: 0 0 5px rgba(0,0,0,1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,1);box-shadow: 0 0 5px rgba(0,0,0,1);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;z-index:5;border: 0px solid gray;}

.st1 {width:250px;background-color:transparent;font-size:12px;color:#f7f7f7;font-family:Verdana;border: solid 0px black;}
.st2 {background-color:transparent;font-size:12px;color:#f7f7f7;font-family:Verdana;border: solid 0px black;}
.st3 {background-color:transparent;font-size:14px;color:#ff4f00;font-family:Verdana;border: solid 0px black;}
.st4 {width:250px;background-color:transparent;font-size:14px;color:#ff4f00;font-family:Verdana;border: solid 0px black;}

.txt16 {font-size:12px;font-family:Verdana;font-weight:bold;border: solid 0px black;}
.txt17 {background-color:transparent;font-size:24px;color:#c2b39c;font-family:Verdana;font-weight: bold;border: solid 0px black;}
.st33 {background-color:transparent;font-size:24px;color:#c2b39c;font-family:Verdana;font-weight: bold;border: solid 0px black;}

hr {color:#c2b39c;}

.wtab { -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;
padding: 1px;
background: #ffffff;
border: 1px solid #d0d0d0;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.wtab:hover {-moz-transform: scale(5);-webkit-transform: scale(5);-o-transform: scale(5);-ms-transform: scale(5);transform: scale(5);
background: #ffffff;
border: 1px solid #cccccc;
text-decoration: none;
text-shadow: none;
-moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
-webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
}
.wt {background-color:transparent;}

.image {
	margin:1px; 
	float:left;
	cursor:pointer;
	max-width:200px;
}

.popup {
	position: absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
}

.popup_bg {
	background:rgba(0,0,0,0.4);
	position:absolute;
	z-index:1;
	height:100%;
	width:100%;
}


.popup_img {
	position:relative;top:145px;
	margin:0 auto;
	z-index:2;
	max-height:94%;
	max-width:94%;
	margin:1% 0 0 0;
}