/* тело документа */

body {color:#000000; background:#FFFFFF; font:12px Verdana; }
/* выравнивание */
input, select {vertical-align:middle; margin:0px;}
img {vertical-align:middle; border:0px;}

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

/* таблицы */
table { border:1px #7897BB solid; border-collapse:collapse;}
td {color:#000000; background-color:#f3f3f3; font: 12px Verdana; padding:4px; border:1px #7897BB solid; }

/* кнопки, текстовые поля и селекторы */
input, select, textarea {margin-bottom: 2px; padding:4px 4px; border:1px #131211 solid;font-weight:bolder; border-radius:5px;background: linear-gradient(to top left, #a29b9457, white);}
input[type=checkbox] {width:16px; height:16px; border:7px;}
input[type=file] {border:0px;}
input[type=button], input[type=submit] {cursor:pointer; padding:5px 7px; color: white;font-weight:bolder; border-radius:8px; border:0px;  background:rgba(255, 0, 0, 0.5); background: linear-gradient(to bottom, #00000000,#808080);}
input[type=button]:hover, input[type=submit]:hover {background-color:#bdbdf2; background: linear-gradient(to bottom, #f00, #cc7231);}
input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {border:0; padding:0;} /* FF fix padding */
.text3 {color: #ffffff;font-weight:bolder; background: #C71585;border:0px; border-radius: 8px; width:93px; height:25px; cursor: pointer;}

/* иконка выбора файла для загрузки */
.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:white; background-color:#7897BB; font-weight:bold;}
.title a {color:white;}
.title a:active {color:white;}
.title a:hover {color:white;}
.low {color:gray; font: normal 11px Verdana;} 

/* стиль никлиста в фрейме участников для #id=users */
#users table {border:15px;background: #00EE0A00;border-radius:8px;}
#users td {border:15px; }
#users a { font: normal 15px Verdana; }
#users td {border:2px;background: url(''); }

/* стиль выводимого смайла */
.sm {cursor:pointer;
height: auto; 
    width: auto; 
        max-width: 150px; 
    max-height: 150px;}

/* STYLESATOR */
.chat-body {
	background-image:url("Style_fony/style_standard.jpg");
        background-repeat: no-repeat;
        background-position: auto 20%;
        background-size: cover;
        background-attachment: fixed;
}
.info-body {background-image:url("Chat_inside/Design/Rooms/Butt.jpg"); }
.adm-body {background-image:url("Chat_inside/Design/Rooms/Admin.jpg"); }
.set-body {background-image:url("Chat_inside/Design/Rooms/Butt.jpg"); }
.love-body {background-image:url("Chat_inside/Design/Rooms/ZAGS_fon.jpg"); }
.forum-body {background-image:url("Chat_inside/Design/Rooms/Forum_fon.jpg"); }
.gallery-body {background-image:url("Chat_inside/Design/Rooms/Gallery_fon.jpg"); }
.smile-body {background-image:url("Chat_inside/Design/Rooms/Butt.jpg"); }
.post-body {background-image:url("Chat_inside/Design/Rooms/Post_fon.jpg"); }
.gb-body {background-image:url("Chat_inside/Design/Rooms/Butt.jpg"); }
.admin-body {background-image:url("Chat_inside/Design/Rooms/admin_panel.jpg"); }
.shop-body {background-image:url("Chat_inside/Design/Rooms/Shop_fon.jpg"); }

.turn:hover {
    -moz-transform: rotate(360deg); /* Для Firefox */
    -ms-transform: rotate(360deg); /* Для IE */
    -webkit-transform: rotate(360deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(360deg); /* Для Opera */
    transform: rotate(360deg);
-webkit-transition:all 2000ms;   
-moz-transition:all 2000ms;
-o-transition:all 2000ms;
transition:all 2000ms;  
}
.tablo_sb {
   background-color: #00EE0800;
   border: none;
   color: #00EE08AD;
   padding: 3px;
   border-radius: 36px;
}
.chatu_sb {
   background-color: rgba(0,127,255,0.7);
   border: none;
   color: #FFFFFF;
}
::-webkit-scrollbar {
  width: 8px;
  
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px #00000000;
  border-radius: 8px;
  background: #00000000;
  margin: 5px 0;
}

::-webkit-scrollbar-thumb {
  background: #00000000;
  border-radius: 8px;  
  box-shadow: inset 0 0 5px #00000000;
}
::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 10px #151414; }

::-webkit-scrollbar-button:hover { box-shadow: inset 0 0 3px #8a078a; background: pink;}