/* CSS-стили шаблона SporeLand.ru */

/* Внимание! Не лазьте в чужом коде, не нарушайте авторские права! */

#yoblako {outline: 0;}

/* General styles */

body {margin: 0px; padding: 0px; background-color: #fafafa; font: 12px 'Tahoma', 'Verdana'; color: #777777;}
body a {color: #2d71b3; text-decoration: none;}
body a:hover { text-decoration: underline;}

* { }
td, input, select { }
img {border: none;}
hr {height: 1px !important; background: #c0c0c0 !important; border: none !important; clear: both; box-shadow: 0px 1px #ffffff; -moz-box-shadow: 0px 1px #ffffff; -webkit-box-shadow: 0px 1px #ffffff;}

h1 {
 margin: 0px 0px 6px 0px;
 padding: 0px 0px 6px 0px;
 font-size: 14px;
 color: #687a8a;
 text-shadow: 0px 1px 1px #fafafa;
 border-bottom: 1px solid #c0c0c0;
 box-shadow: 0px 1px 0px 0px #fafafa;
 -moz-box-shadow: 0px 1px 0px 0px #fafafa;;
 -webkit-box-shadow: 0px 1px 0px 0px #fafafa;;
}

iframe {max-width: 100%;}

.f_l {float: left;}
.f_r {float: right;}
.clr {clear: both;}

.body-bg {background: url('/by_Seven/site_bg.jpg') top center repeat;}
#all {width: 100%; min-width: 1000px;}

/* ------------ */

/* Head */

#head {
 margin: auto;
 width: 1000px;
 height: 170px;
 background: url('/by_Seven/head.jpg');
}

.top-menu {
 padding-top: 1px;
 width: 960px;
 height: 30px;
 line-height: 30px;
 float: left;
 cursor: default;
 list-style-type: none;
}

.top-menu li {
 float: left;
}

.top-menu a {
 margin: 2px 0px 0px 10px;
 display: block;
 width: auto;
 cursor: pointer;
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
 line-height: 24px;
 float: left;
 text-decoration: none;
 outline: none;
 text-shadow: 0px 1px 0px #002242;
}

.top-menu a:hover {
 text-shadow: 0px 0px 1px #ffffff;
}

.nav {
 padding: 0px 10px;
 display: block;
 float: left;
 height: 24px;
 background: #205080;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: inset 0px 1px 1px #002242, 0px 1px 2px #84aed6;
 -moz-box-shadow: inset 0px 1px 1px #002242, 0px 1px 2px #84aed6;
 -webkit-box-shadow: inset 0px 1px 1px #002242, 0px 1px 2px #84aed6;
}

.nav_main {
 display: block;
 float: left;
 width: 30px;
 height: 24px;
}

#user-menu {
 margin: 5px 0px 0px 362px;
 width: 300px;
 height: 90px;
 float: left;
 overflow: hidden;
 text-shadow: 0px 1px 0px #f0f5fa;
}

#user-menu-pr {
 margin: 5px 0px 0px 360px;
 padding: 30px 10px 0px 10px;
 width: 280px;
 height: 60px;
 background: #fafafa;
 text-align: center;
 float: left;
 overflow: hidden;
 text-shadow: 0px 1px 0px #f0f5fa;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}

#user-menu a {
 text-decoration: none;
}

#user-menu a:hover {
 text-decoration: none;
 border-bottom: 1px dotted #2d71b3;
}

.um-top {
 padding: 3px 6px;
}

.um-text {
 margin-top: 5px;
 padding: 2px 6px;
 height: 58px;
 font-size: 11px;
 text-align: left;
 clear: both;
}

div.um-text img.avatar {
 margin: 0px 5px;
 width: 58px;
 height: 58px;
 float: left;
}

div.um-text div.t-block {
 margin-left: 16px;
 width: 204px;
 float: left;
}

div.t-block .auth-social-list {
 display: none;
}

.avatar {
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

#search {
 margin-top: 82px;
 margin-right: 5px;
 width: 200px;
 height: 27px;
 float: right;
}

#time {
 margin-top: 86px;
 margin-right: 18px;
 text-align: left;
 font-size: 14px;
 color: #2d71b3;
 font-weight: bold;
 float: right;
 text-shadow: 0px 1px 0px #fafafa;
}

/* ------------ */

/* Login Form */

#login_form {
 width: 200px;
 overflow: auto;
}

.login_form_links {
 font-size: 10px;
}

.login_form_inputs {
 margin-bottom: 2px;
 float: left;
}

.login_form_name {
 margin: 0px;
 padding: 2px 0px 2px 4px;
 float: left;
 font-size: 11px;
 color: #5082b3;
 width: 50px;
 background: #acc9e5;
 border-right: none;
 border-left: 1px solid #99aec2;
 border-top: 1px solid #99aec2;
 border-bottom: 1px solid #99aec2;
 text-shadow: 0px 1px 1px #d9ecff;
 font-weight: bold;
 border-radius: 2px 0px 0px 2px;
 -moz-border-radius: 2px 0px 0px 2px;
 -webkit-border-radius: 2px 0px 0px 2px;
}

.login_form_input {
 margin: 0px;
 padding: 2px 10px !important; 
 float: left;
 font-size: 11px !important;
 color: #777777;
 width: 88px; 
 border-left: none !important; 
 border-right: 1px solid #99aec2 !important;
 border-top: 1px solid #99aec2 !important;
 border-bottom: 1px solid #99aec2 !important;
 vertical-align: middle !important;
 border-radius: 0px 2px 2px 0px !important;
 -moz-border-radius: 0px 2px 2px 0px !important;
 -webkit-border-radius: 0px 2px 2px 0px !important;
}

.login_form_input {
 background: url('/by_Seven/login-form_input.gif') no-repeat left #fafafa !important;
 box-shadow: none !important;
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
}

.login_input:focus {
 background: url('/by_Seven/login-form_input.gif') no-repeat left #ffffff !important;
}

.login_button {
 margin-top: 7px;
 margin-left: 6px;
 width: 30px !important;
 height: 27px !important;
 font-weight: bold !important;
}

.login-with {
 display: none !important;
}

/* ------------ */

/* Content */

#content {
 width: 990px;
 margin: 10px auto auto auto;
}

#content-mid {
 width: 1000px;
}

#content-main, .content-pr {
 margin-bottom: 10px;
 padding: 10px;
 float: left;
 background: #f6f6f6;
 border: 1px solid #b3b3b3;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 box-shadow: inset 0px 0px 0px 1px #fafafa, 0px 1px 1px #888888, 0px 1px 3px #c2c2c2;
 -moz-box-shadow: inset 0px 0px 0px 1px #fafafa, 0px 1px 1px #888888, 0px 1px 3px #c2c2c2;
 -webkit-box-shadow: inset 0px 0px 0px 1px #fafafa, 0px 1px 1px #888888, 0px 1px 3px #c2c2c2;
}

#content-main {
 width: 738px;
}

#content-main.pr-1 {
 background: #fafafa !important;
 border: 1px solid #2d71b3 !important;
}

#content-main.pr-2 {
 background: #e6ecf2 !important;
 border: 1px solid #2d71b3 !important;
}

#content-main.pr-3 {
 background: #f2e6e6 !important;
 border: 1px solid #b32d2d !important;
}

#content-main.pr-4 {
 background: #e7f2e6 !important;
 border: 1px solid #36b32d !important;
}

#content-main.pr-5 {
 background: url("/by_Seven/pr-style/vip.jpg") #fafafa !important;
 border: 1px solid #36b32d !important;
}

#content-main.pr-spore {
 background: url("/by_Seven/pr-style/spore.jpg") #fafafa !important;
 border: 1px solid #2d71b3 !important;
 color: #555555 !important;
}

#content-main.pr-cherry {
 background: url("/by_Seven/pr-style/cherry.jpg") #fafafa !important;
 border: 1px solid #b991a4 !important;
}

#content-main.pr-cherry .white-block {
 background: rgba(255, 255, 255, 0.5) !important;
 border: 1px solid #e6d1d8 !important;
}

#content-main.pr-flowers {
 background: url("/by_Seven/pr-style/flowers.jpg") #fafafa !important;
 border: 1px solid #b32d50 !important;
}

#content-main.pr-flower {
 background: url("/by_Seven/pr-style/flower.jpg") #fafafa !important;
 border: 1px solid #43b32d !important;
 color: #555555 !important;
}

#content-main.pr-surf {
 background: url("/by_Seven/pr-style/surf.jpg") #fafafa !important;
 border: 1px solid #70819b !important;
 color: #555555 !important;
}

#content-main.pr-beach {
 background: url("/by_Seven/pr-style/beach.jpg") #fafafa !important;
 border: 1px solid #3c77be !important;
 color: #555555 !important;
}

#content-main.pr-snow {
 background: url("/by_Seven/pr-style/snow.jpg") #fafafa !important;
 border: 1px solid #2d7fb3 !important;
}

#content-main.pr-autumn {
 background: url("/by_Seven/pr-style/autumn.jpg") #fafafa !important;
 border: 1px solid #2d7fb3 !important;
}

.content-pr {
 text-align: center;
 float: left;
}

#leftcol {
 margin-right: 18px;
 width: 212px;
 text-align: justify;
 float: left;
}

#maincol {
 padding-bottom: 10px;
 width: 526px;
 text-align: left;
 float: left;
}

#maincol-forum {
 padding-bottom: 10px;
 width: 736px;
 text-align: left;
 float: left;
}

#rightcol {
 width: 200px;
 text-align: left;
 float: right;
}

/* ------------ */

/* SPORE-blocks */
 
.blockcell {
 margin-bottom: 8px;
}

.blockcell_title, .blockcell_bottom {
 width: 212px;
 background: url('/by_Seven/blocks/sev_blockcell.gif') no-repeat;
}

.blockcell_title {
 height: 70px;
 background-position: 0px -10px;
}

.blockcell_content {
 padding: 10px;
 width: 192px !important;
 background: #f6f6f6;
 border: 1px solid #b3b3b3;
 text-align: center;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: inset 0px 0px 0px 1px #fafafa, 0px 1px 1px #888888, 0px 1px 3px #c2c2c2;
 -moz-box-shadow: inset 0px 0px 0px 1px #fafafa, 0px 1px 1px #888888, 0px 1px 3px #c2c2c2;
 -webkit-box-shadow: inset 0px 0px 0px 1px #fafafa, 0px 1px 1px #888888, 0px 1px 3px #c2c2c2;
}

.blockcell_content ul {
 margin: 0px;
 padding: 0px;
}

.blockcell_content li {
 margin-left: 15px;
}

.blockcell_bottom {
 height: 80px;
 background-position: -212px 0px;
}

.block {
 margin-bottom: 12px;
 padding: 5px 0px;
 background: #ffffff;
 width: 100%;
 border: 1px solid #d1d1d1;
 border-radius: 13px 13px 5px 5px;
 -moz-border-radius: 13px 13px 5px 5px;
 -webkit-border-radius: 13px 13px 5px 5px;
 box-shadow: 0px 1px 2px #d1d1d1;
 -moz-box-shadow: 0px 1px 2px #d1d1d1;
 -webkit-box-shadow: 0px 1px 2px #d1d1d1;
}

.blocktitle {
 margin-top: 5px;
 padding: 9px 20px 15px;
 background: url('/by_Seven/blocks/sev_block.jpg') no-repeat;
 font-size: 12px;
 color: #ffffff;
 text-transform: uppercase;
 font-weight: bold;
 text-shadow: 0px -1px 2px #002242;
 border-radius: 15px;
}

.blockcontent {
 padding: 10px;
 text-align: left;
}

.blockcontent ul {
 margin: 0px;
 padding: 0px;
}

.blockcontent li {
 margin-left: 15px;
}

/* ------------ */

/* Entries Style */

.u-mpanel, .u-mpanel-l {
 border-radius: 5px 0px 0px 5px !important;
 -moz-border-radius: 5px 0px 0px 5px !important;
 -webkit-border-radius: 5px 0px 0px 5px !important;
}

.u-mpanel-toggle {
 border-radius: 5px !important;
 -moz-border-radius: 5px !important;
 -webkit-border-radius: 5px !important;
 box-shadow: 0px 0px 1px rgba(0,0,0,.2);
 -moz-box-shadow: 0px 0px 1px rgba(0,0,0,.2);
 -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,.2);
}

.eBlock {
 margin-bottom: 12px;
 background: #ffffff;
 border: 1px solid #dadada;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: 0px 1px 0px #dadada, 0px 1px 2px #dadada;
 -moz-box-shadow: 0px 1px 0px #dadada, 0px 1px 2px #dadada;
 -webkit-box-shadow: 0px 1px 0px #dadada, 0px 1px 2px #dadada;
 overflow: hidden;
}

.eBlock.eFAQ {
 background: url('/by_Seven/faq-bg.gif') 100% 0 no-repeat #ffffff;
}

.eBlock.eURL {
 background: url('/by_Seven/url-bg.gif') 100% 0 no-repeat #ffffff;
}

.eTitle {
 margin: 3px;
 padding: 0px;
 height: 26px;
 line-height: 26px;
 background: rgb(217,217,217);
 background: -moz-linear-gradient(0deg, #d9d9d9 0%, #d9d9d9 50%, #e5e5e5 100%);
 background: -webkit-linear-gradient(0deg, #d9d9d9 0%, #d9d9d9 50%, #e5e5e5 100%);
 background: linear-gradient(0deg, #d9d9d9 0%, #d9d9d9 50%, #e5e5e5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9d9d9",endColorstr="#e5e5e5",GradientType=1); 
 font-size: 12px;
 font-weight: bold;
 color: #777777;
 text-shadow: 0px 1px 1px #fafafa;
 position: relative;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.eTitle.eNews {
 background: rgb(49,111,173);
 background: -moz-linear-gradient(0deg, #316fad 0%, #316fad 50%, #80acd0 100%);
 background: -webkit-linear-gradient(0deg, #316fad 0%, #316fad 50%, #80acd0 100%);
 background: linear-gradient(0deg, #316fad 0%, #316fad 50%, #80acd0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#316fad",endColorstr="#80acd0",GradientType=1); 
 color: #ffffff;
 text-shadow: 0px 1px 1px #205080;
}

.eTitle.eFiles {
 background: rgb(75,167,85);
 background: -moz-linear-gradient(0deg, #4ba755 0%, #4ba755 50%, #7bbe82 100%);
 background: -webkit-linear-gradient(0deg, #4ba755 0%, #4ba755 50%, #7bbe82 100%);
 background: linear-gradient(0deg, #4ba755 0%, #4ba755 50%, #7bbe82 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4ba755",endColorstr="#7bbe82",GradientType=1); 
 color: #ffffff;
 text-shadow: 0px 1px 1px #20802b;
}

.eTitle.eGA {
 background: rgb(102,91,145);
 background: -moz-linear-gradient(0deg, #665b91 0%, #665b91 50%, #9d8bc8 100%);
 background: -webkit-linear-gradient(0deg, #665b91 0%, #665b91 50%, #9d8bc8 100%);
 background: linear-gradient(0deg, #665b91 0%, #665b91 50%, #9d8bc8 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#665b91",endColorstr="#9d8bc8",GradientType=1); 
 border-radius: 5px;
 color: #ffffff;
 text-shadow: 0px 1px 1px #402080;
}

.eTitle.eWorkshop {
 background: rgb(41,139,103);
 background: -moz-linear-gradient(0deg, #298b67 0%, #298b67 50%, #64af92 100%);
 background: -webkit-linear-gradient(0deg, #298b67 0%, #298b67 50%, #64af92 100%);
 background: linear-gradient(0deg, #298b67 0%, #298b67 50%, #64af92 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#298b67",endColorstr="#64af92",GradientType=1); 
 color: #ffffff;
 text-shadow: 0px 1px 1px #a46843;
}

.eTitle.eFAQ, .eTitle.eURL {
 padding: 0px 10px;
 background: transparent;
}

.eTitle.eFAQ {
 height: auto;
}
 
.eTitle .eI {
 padding: 0px 10px;
 background: url('/by_Seven/e-title.png') repeat-x;
}

.eTitle a {
 font-size: 12px;
 color: #777777;
 font-weight: bold;
}

.eTitle a:hover {
 color: #555555;
 text-decoration: none;
}

.eTitle.eNews a, .eTitle.eFiles a, .eTitle.eGA a, .eTitle.eWorkshop a {
 color: #ffffff;
}

.eTitle.eNews a:hover, .eTitle.eFiles a:hover, .eTitle.eGA a:hover, .eTitle.eWorkshop a:hover {
 color: #ffffff;
 text-shadow: 0px 0px 1px #ffffff;
}

.eTitle.eURL a, .eTitle.eFAQ a {
 color: #2d71b3;
}

.eTitle.eURL a:hover, .eTitle.eFAQ a:hover {
 color: #2d71b3;
 text-decoration: underline;
}

.eMPanel {
 position: absolute;
 top: -1px;
 right: 0px;
}

.eContent {
 width: 100%;
 display: table;
}

.eMessage, .eText, .eAnswer {
 padding: 7px 13px;
 font-size: 12px;
 text-align: justify;
}

.eMessage {
 display: table-cell;
 vertical-align: top;
}

.eMessage.eURL, .eMessage.eFAQ {
 display: block;
}

.eMessage img, .eText img, .eM-Img img {
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}

.eMessage img[align="left"],
.eMessage img[style="margin:0;padding:0;border:0;float:left;"],
.eText img[align="left"],
.eText img[style="margin:0;padding:0;border:0;float:left;"] {
 margin-right: 5px !important;
}

.eMessage img[align="right"],
.eMessage img[style="margin:0;padding:0;border:0;float:right;"],
.eText img[align="right"],
.eText img[style="margin:0;padding:0;border:0;float:right;"] {
 margin-left: 5px !important;
}

.eM-Img {
 padding: 10px 25px;
 display: table-cell;
 vertical-align: middle;
 border-right: 1px dotted #d1d1d1;
}

.eBlock .eDetails1:last-child,
.eBlock .eDetails2:last-child {
 border-radius: 0px 0px 5px 5px;
 -moz-border-radius: 0px 0px 5px 5px;
 -webkit-border-radius: 0px 0px 5px 5px;
}

.eDetails, .eDetails1, .eDetails2 {
 padding: 1px 11px;
 line-height: 26px;
 font-size: 11px;
 background: #ffffff;
 border-top: 1px dotted #d1d1d1;
}

.eDetails {
 background: rgb(250,250,250);
 background: -moz-linear-gradient(0deg, #fafafa 0%, #ffffff 100%);
 background: -webkit-linear-gradient(0deg, #fafafa 0%, #ffffff 100%);
 background: linear-gradient(0deg, #fafafa 0%, #ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa",endColorstr="#ffffff",GradientType=1); 
}

.eDetails3 {
 margin: 2px 0px;
 padding: 1px 0px;
 border-top: 1px dotted #d1d1d1;
 border-bottom: 1px dotted #d1d1d1;
}

.eRating {
 margin-top: 6px;
 float: right;
}

.LikeBtn {
 float: right;
 text-transform: uppercase;
}

.LikeBtn img {
 margin-top: -3px;
 border: none;
}

.LikeBtn a {
 text-decoration: none;
}

.gBlock {
 margin-bottom: 16px;
 width: 160px;
 text-align: center;
}

.gBlock-title {
 padding: 3px;
 background: #5082b3;
 background-image: linear-gradient(-90deg, #709ecc, #5082b3);
 background-image: -moz-linear-gradient(-90deg, #709ecc, #5082b3);
 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from #709ecc, to #5082b3);
 color: #ffffff;
 border-left: 1px solid #628ab3;
 border-right: 1px solid #628ab3;
 border-top: 1px solid #628ab3;
 border-radius: 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px;
 -webkit-border-radius: 5px 5px 0px 0px;
 box-shadow: 0px 1px 2px #d1d1d1;
 -moz-box-shadow: 0px 1px 2px #d1d1d1;
 -webkit-box-shadow: 0px 1px 2px #d1d1d1;
}

.gBlock-main, .gDetails {
 border-radius: 0px 0px 5px 5px;
 -moz-border-radius: 0px 0px 5px 5px;
 -webkit-border-radius: 0px 0px 5px 5px;
}

.gBlock-main {
 background: #ffffff;
 border: 1px solid #d1d1d1;
 box-shadow: 0px 1px 2px #d1d1d1;
 -moz-box-shadow: 0px 1px 2px #d1d1d1;
 -webkit-box-shadow: 0px 1px 2px #d1d1d1;
 position: relative;
}

.gBlock-main .mpanel {
 float: right;
 position: absolute;
 top: 2px;
 right: 2px;
}

.gPreview {
 width: 200px;
 height: 200px;
 display: table-cell;
 text-align: center;
 vertical-align: middle;
}

.gPreview img {
 margin: 0px;
 padding: 0px;
 max-height: 128px;
 border: none;
}

.gDetails {
 width: 158px;
 height: 26px;
 background: #ffffff;
 background-image: linear-gradient(-90deg, #fafafa, #ffffff);
 background-image: -moz-linear-gradient(-90deg, #ffffff, #fafafa);
 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from #fafafa, to #ffffff);
 border-top: 1px solid #d1d1d1;
}

.gDetails .category {
 width: 34px;
 height: 26px;
 line-height: 26px;
 float: left;
 border-right: 1px dotted #d1d1d1;
}

.gDetails .category img {
 margin-top: 4px;
}

.gDetails .author {
 width: 123px;
 height: 26px;
 line-height: 26px;
 float: left;
}

.gImg-description {
 padding: 5px;
 text-align: center;
}

.gImg1 {
 margin: 16px auto;
 width: 128px;
 background: #ffffff;
 border: 1px solid #d1d1d1;
 border-radius: 5px;
 box-shadow: 0px 1px 2px #d1d1d1;
 -moz-box-shadow: 0px 1px 2px #d1d1d1;
 -webkit-box-shadow: 0px 1px 2px #d1d1d1;
}

.gImg1 img {
 width: 128px;
 height: 128px;
}

.gImg2 {
 margin: 16px auto;
 text-align: center;
}

.gImg-Details {
 margin-bottom: 16px;
 text-align: center;
}

.gImg-button {
 padding: 2px 0px;
 width: 128px;
 background: #4bb868;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 display: inline-block;
 border-radius: 0px 0px 5px 5px;
}

.gImg-rating {
 margin-bottom: 16px;
 text-align: center;
}

#phtOtherThumbs table, .gImg-rating ul {
 margin: auto;
}

.ga-world-note {
 margin-bottom: 6px;
 padding: 3px;
 width: 212px;
 height: 24px;
 background: #dee5ec;
 border-radius: 5px;
 color: #6c5b8c;
 text-shadow: 0px 1px 1px #fff;
 line-height: 12px;
 border: 1px solid #a590cc;
 border-width: 1px 1px 2px 1px;
 background: linear-gradient(to top, #f0f0f0, #fff);
 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.ga-world-note img {
 margin-right: 6px;
 padding: 0px 7px 0px 4px;
 width: 24px;
 height: 24px;
 border: 0;
 border-right: 1px solid #d2d2d2;
 float: left;
}

.cBlock1, .cBlock2 {
 margin: 0px 10px 16px 10px;
 border: 1px solid #d1d1d1;
 position: relative;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px; 
}

.cBlock1 {
 background: #ffffff; 
}

.cBlock2 {
 background: #f0f0f0; 
}

.cBlock-title {
 padding: 0px 5px;
 height: 32px;
 line-height: 32px;
 font-size: 11px;
 border-bottom: 1px dotted #d1d1d1;
 overflow: hidden;
}

.cBlock-avatar {
 margin-right: 5px;
 padding: 5px;
 width: 50px;
 height: 50px;
 float: left;
}

.cBlock-message {
 margin-left: 60px;
 padding: 5px;
 min-height: 60px;
 border-left: 1px dotted #d1d1d1;
}

.cAnswer { }

.cAnswer-button {
 width: 60px;
 height: 18px;
 line-height: 18px;
 background: #ffffff;
 border-top: 1px solid #d1d1d1;
 border-left: 1px solid #d1d1d1;
 font-size: 10px;
 text-align: center;
 border-radius: 5px 0px;
 -moz-border-radius: 5px 0px;
 -webkit-border-radius: 5px 0px;
 position: absolute;
 bottom: 0;
 right: 0;
}

.com-block {
 margin: 8px 0px;
 width: 100%;
 box-sizing: border-box;
}

.com-num {
 padding: 0px 10px 8px 10px;
 height: 25px;
 line-height: 25px;
}

.com-psel {
 margin-bottom: 16px;
 text-align: center;
}

.com-order-block {
 margin: 0px 10px 8px 10px;
}

form#addEntForm span.added[id*="iCode"] {background: #e2e2e2 !important; border: 1px solid #c0c0c0; border-radius: 4px;}
form#addEntForm span[id*="gbut"] {margin: 3px 0px 0px 8px !important;}
form#addEntForm [type="checkbox"][name^="del_img"], form#addEntForm [for^="del_img"] {margin: 2px 6px 0px 0px !important;}
form#addEntForm label[for^="del_img"] {font-size: 11px !important;}
form#addEntForm div .iPhotoPrev a {margin: 0 0 2px !important;}
form#addEntForm .iPhotoPrev {width: 138px !important;}
form#addEntForm .iPhotoPrev img {width: 88px; height: 88px;}
input[name="dfile"] {margin-top: 1px;}
label[for="delf"] {font-size: 11px !important;}

.add-button {
 margin-bottom: 6px;
 padding: 6px;
 background: #e6eee7;
 color: #58885e;
 text-align: center;
 display: block;
 font-weight: bold;
 border: 1px solid #bdccbf;
 border-radius: 6px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
}

.add-button:hover {
 background: #fafafa;
 text-decoration: none;
}

/* ------------ */

/* D-Buttons */

.d-button, .d-button-right {background: url('/by_Seven/d_button.gif') no-repeat; display: inline-block; float: left;}
.d-button {padding: 10px 0px 0px 48px; width: auto; height: 26px; font-size: 11px;}
.d-button-right {margin-right: 5px; width: 10px; height: 36px; background-position: -290px 0px;}
.d-blue {background-position: 0px -42px;}
.d-blue2 {background-position: -290px -42px;}
.d-button-url {color: #777777 !important;}

/* ------------ */

/* Calendar Style */

.calTable {
 border-spacing: 0px !important;
} 

.calTable td {
 padding: 4px;
 width: 28px;
 font-size: 11px;
 color: #6e6e6e;
 text-align: center;
}

td.calMonth {padding-bottom: 10px; font-size: 12px;}
td.calMonth a {color: #fafafa;}
td.calWday {color: #5082b3;}
td.calWdaySu, td.calWdaySe {color: #5eb350; font-weight: bold;}
td.calMdayA {color: #2d71b3; background: #dddddd;}

td.calMonth a.calMonthLink:first-child,
td.calMonth a.calMonthLink:last-child {
 padding: 1px 5px;
 background: #eeeeee;
 border: 1px solid #dadada;
 border-radius: 3px;
}

.calWday, .calWdaySu, .calWdaySe, .calMday, .calMdayA,
.calMdayIs, .calMdayIsA {font-size: 9px;}

.calWday {
 background: #b8cde5;
 border-left: 1px solid #adbaca;
 text-shadow: 0px 1px 0px #dae5f2;
}

.calWdaySu,
.calWdaySe {
 background: #bbe5b8;
 border-left: 1px solid #bad9b7;
 text-shadow: 0px 1px 0px #dcf2da;
}

.calMday {
 color: #777777;
 background: #eeeeee;
 border-bottom: 1px solid #dadada;
 border-left: 1px solid #dadada;
 text-shadow: 0px 1px 0px #fafafa;
}

.calTable .calMday:last-child,
.calTable .calWday:last-child,
.calTable .calWdaySe:last-child,
.calTable .calWdaySu:last-child {
 border-right: 1px solid #dadada;
}

.calMdayA {
 font-weight: bold;
 text-shadow: 0px 1px 0px #eeeeee;
 border-radius: 2px;
 box-shadow: inset 0px 0px 0px 2px #7293b5;
 -moz-box-shadow: inset 0px 0px 0px 2px #7293b5;
 -webkit-box-shadow: inset 0px 0px 0px 2px #7293b5;
}

.calMdayIs,
.calMdayIsA {
 font-weight: bold;
 background: #eeeeee;
}

a.calMonthLink:link,
a.calMonthLink:visited,
a.calMonthLink:active {
 text-decoration: none;
 color: #777777;
}

a.calMonthLink:hover {
 text-decoration: none;
 color: #2d71b3;
}

a.calMdayLink:link,
a.calMdayLink:visited,
a.calMdayLink:active {
 text-decoration: none;
 color: #003466;
}

a.calMdayLink:hover {
 text-decoration: none;
 color: #2d71b3;
}

a.calMdayLink {color: #2d71b3;}
td.calMdayIsA {background: none; color: #ffffff;}

a.calMonthLink:link,a.calMdayLink:link {}
a.calMonthLink:visited,a.calMdayLink:visited {}
a.calMonthLink:hover,a.calMdayLink:hover {}
a.calMonthLink:active,a.calMdayLink:active {}

/* ------------ */

/* Main Menu */

ul.uMenuRoot {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

.uMenuH li {float: left; padding: 0px 5px; list-style: none;}

.uMenuV .uMenuItem {font-weight: normal;}
.uMenuV li a:link {text-decoration: none; color: #7d7d7d;}
.uMenuV li a:visited {text-decoration: none; color: #7d7d7d;}
.uMenuV li a:hover {text-decoration: none; color: #5eb350;}
.uMenuV li a:active {text-decoration: none; color: #7d7d7d;}

.uMenuV .uMenuItemA {font-weight: bold;}
.uMenuV .uMenuItemA.a:visited {text-decoration: none; color: #61d864;}
.uMenuV .uMenuItemA.a:hover {text-decoration: underline; color: #61d864;}
.uMenuV .uMenuArrow {padding-right: 7px; width: 13px; height: 13px; background: url('/by_Seven/menu.png') no-repeat 0px 2px; position: absolute; right: 0;}
.uMenuV li {margin: 0px 0px 6px 0px; padding: 0px 0px 6px 17px; background: url('/by_Seven/menu.png') no-repeat 0px 2px; border-bottom: 1px dashed #cccccc;}
.uMenuV li:hover {background-position: 0px -24px;}

.uMenuV .x-unselectable[style*="; left: -"] {margin-left: 38px;}

.u-menu {width: auto !important;}
.u-menucont {width: auto !important;}
.u-menu, #uMenuDiv1 .x-sh {top: -5px !important;}
#uMenuDiv1 .xw-tl, #uMenuDiv1 .xw-bl, #uMenuDiv1 .x-sh {display: none;}
#uMenuDiv1 .xw-ml, #uMenuDiv1 .xw-mr {padding: 0px;}
#uMenuDiv1 .xw-mc {background: #efefef; border: 1px solid #d1d1d1; box-shadow: 0px 1px 2px #d1d1d1; -moz-box-shadow: 0px 1px 2px #d1d1d1; -webkit-box-shadow: 0px 1px 2px #d1d1d1;}

ul.uz, ul.uMenuRoot {margin: 0px; padding-left: 0px; list-style: none;}
li.menus {margin: 0px; margin-bottom: .6em; padding: 0px 0px 0px 13px; background: url('/by_Seven/menu.png') no-repeat 0px -48px;}

/* ------------ */

/* Module Part Menu */

.catsTd {padding: 0px 0px 6px 13px; background: url('/by_Seven/menu.png') no-repeat -2px -48px;}
.catName, .catNameActive {font-size: 11px;}
.catNumData {font-size: 7pt; color: #6e6e6e;}
.catDescr {padding-left: 10px; font-size: 7pt;}
a.catName:link {text-decoration: none; color: #7d7d7d;}
a.catName:visited {text-decoration: none; color: #7d7d7d;}
a.catName:hover {text-decoration: underline; color: #5eb350;}
a.catName:active {text-decoration: none; color: #7d7d7d;}
a.catNameActive:link {text-decoration: none; color: #61d864; font-weight: bold;}
a.catNameActive:visited {text-decoration: none; color: #5eb350;}
a.catNameActive:hover {text-decoration: underline; color: #000000;}
a.catNameActive:active {text-decoration: none; color: #5eb350;}

/* ----------------- */

/* Mini-Chat */

.Sev_cBlock1, .Sev_cBlock2 {margin-bottom: 5px; padding: 5px; overflow-x: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.Sev_cBlock1 {background: #ffffff; border: 1px solid #eeeeee; border-right: 2px solid #f5f5f5;}
.Sev_cBlock2 {background: #f5f5f5; border: 1px solid #e5e5e5; border-right: 2px solid #ececec;}
.Sev_cMessage {margin-top: 3px; padding-top: 3px; border-top: 1px dashed #cccccc; text-align: left;}

#mchatNmF, #mchatNmF, #mchatEmF, #mchatUrlF, #ok_button {padding: 3px;}
#mchatNmF, #mcSecurImg3 {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#mchatNmF {background: #fefefe; border: 1px solid #cccccc; font-size: 11px;}
#mchatMsgF {background: #fafafa; border: 1px solid #cccccc; font-size: 11px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; box-shadow: inset 0px 1px 1px #d1d1d1; -moz-box-shadow: inset 0px 1px 1px #d1d1d1; -webkit-box-shadow: inset 0px 1px 1px #d1d1d1;}
#secuCodeMc3 {width: 50px !important; background: #fafafa; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: inset 0px 1px 1px #d1d1d1; -moz-box-shadow: inset 0px 1px 1px #d1d1d1; -webkit-box-shadow: inset 0px 1px 1px #d1d1d1;}

.mchatUserURL, .mchatTime, .mchatInfo {width: 13px; height: 13px; background: url('/by_Seven/mc-icons.png'); display: inline-block; overflow: hidden;}
.mchatUserURL {text-indent: 13px; vertical-align: -2px;}
.mchatTime {margin-top: 2px; background-position: -13px 0px; float: right;}
.mchatInfo {margin-top: 2px; background-position: -26px 0px; float: right;}

.submit-td div {width: auto !important;}

.mchat[type=submit] {
 margin-top: -10px !important;
 padding: 2px !important;
 width: 100% !important;
 background: #2d71b3 !important;
 border: 1px solid #2246ae !important;
 border-radius: 0px 0px 5px 5px !important;
 color: #ffffff !important;
 font-size: 10px !important;
 font-weight: bold !important;
 text-transform: uppercase !important;
 font-size: 10px !important;
 text-shadow: none !important;
}

.mchat[type=submit]:hover {
 background: #5eb350 !important;
 border: 1px solid #509945 !important;
 color: #ffffff !important;
}

.mchat-note {
 padding: 8px;
 font-size: 10px;
 background: #ffffff;
 border: 1px dotted #d1d1d1;
 text-align: center;
}

/* ------------ */

/* Footer */

#footer {
 margin: 6px 0px 10px 0px;
 padding: 10px 0px;
 width: 988px;
 text-align: left;
 background: #f6f6f6;
 border: 1px solid #b3b3b3;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 box-shadow: inset 0px 0px 0px 1px #fafafa, 0px 1px 1px #888888, 0px 1px 3px #c2c2c2;
 -moz-box-shadow: inset 0px 0px 0px 1px #fafafa, 0px 1px 1px #888888, 0px 1px 3px #c2c2c2;
 -webkit-box-shadow: inset 0px 0px 0px 1px #fafafa, 0px 1px 1px #888888, 0px 1px 3px #c2c2c2;
}

.copyright {
 margin-left: 10px;
 float: left;
 width: 40%;
 text-align: left;
}

.powered_by {
 margin-right: 10px;
 float: right;
 width: 40%;
 text-align: right;
}

.powered_by img {
 vertical-align: middle !important;
}

/* ------------ */

/* Top Button */

.top-button {
 margin: 0px;
 width: 54px;
 height: 46px;
 background: url('/by_Seven/up_button.png') no-repeat;
 background-position: -54px 0px;
 display: none;
 position: fixed;/*
 right: 7px;
 top: 30px;
 */top: 20px;
 right: 25px;
 cursor: pointer;
 border-radius: 5px;
}

/* ------------ */

/* User Group Marks */

a.groupAdmin:link, a.groupAdmin:visited, a.groupAdmin:hover {color: #e50b0b; font-weight: bold;}
a.groupModer:link, a.groupModer:visited, a.groupModer:hover {color: #3380cc; font-weight: bold;}
a.groupOther4:link, a.groupOther4:visited, a.groupOther4:hover {color: #fc0fc0; font-weight: bold;}
a.groupVerify:link ,a.groupVerify:visited, a.groupVerify:hover {color: #23b51b; font-weight: bold;}
a.groupUser:link, a.groupUser:visited, a.groupUser:hover {color: #437cb5;}
a.groupOther1:link, a.groupOther1:visited, a.groupOther1:hover {color: #4db442;}
a.groupOther2:link, a.groupOther2:visited, a.groupOther2:hover {color: #b47042;}
a.groupOther3:link, a.groupOther3:visited, a.groupOther3:hover {color: #6842b4;}
a.groupBanned:link, a.groupBanned:visited, a.groupBanned:hover {color: #d1d1d1;}

a[href$='/index/8-1'].groupAdmin:link,
a[href$='/index/8-1'].groupAdmin:visited,
a[href$='/index/8-1'].groupAdmin:hover,
a[href$='/index/8-297'].groupAdmin:link,
a[href$='/index/8-297'].groupAdmin:visited,
a[href$='/index/8-297'].groupAdmin:hover {
 color: #e50b0b; font-weight: bold;
}

a[href$='/index/8-702'].groupAdmin:link,
a[href$='/index/8-702'].groupAdmin:visited,
a[href$='/index/8-702'].groupAdmin:hover {
 color: #fc0fc0; font-weight: bold;
}

/* ------------ */

/* Achievements. */

.a-num1, .a-num2, .a-num3, .a-num4, .a-num5,
.a-num6, .a-num7, .a-num8, .a-num9, .a-num10,
.a-num11, .a-num12, .a-num13, .a-num14, .a-num15 {
 width: 74px;
 height: 78px;
 background: url('/by_Seven/achievements.gif');
 display: inline-block;
}

.a-num1 { }
.a-num2 {background-position: -74px 0px;}
.a-num3 {background-position: -148px 0px;}
.a-num4 {background-position: -222px 0px;}
.a-num5 {background-position: -296px 0px;}
.a-num6 {background-position: 0px -78px;}
.a-num7 {background-position: -74px -78px;}
.a-num8 {background-position: -148px -78px;}
.a-num9 {background-position: -222px -78px;}
.a-num10 {background-position: -296px -78px;}
.a-num11 {background-position: 0px -156px;}
.a-num12 {background-position: -74px -156px;}
.a-num13 {background-position: -148px -156px;}
.a-num14 {background-position: -222px -156px;}
.a-num15 {background-position: -296px -156px;}

/* ------------ */

/* Pages */

.catPages1, .catPages2,
.pagesBlock1, .pagesBlock2,
.pagesBlockuz1, .pagesBlockuz2 {
 border: none;
}

.catPages1 b, .catPages2 b,
.pagesBlock1 b, .pagesBlock2 b,
.pagesBlockuz1 b, .pagesBlockuz2 b {
 padding: 3px 6px;
 background: #ffffff;
 border: 1px solid #e6e6e6;
 color: #cccccc;
 text-decoration: none;
 font-size: 11px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active,
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active,
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active,
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active,
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active,
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {
 padding: 3px 6px;
 background: #f7f7f7;
 border: 1px solid #e6e6e6;
 color: #777777;
 text-decoration: none;
 font-size: 11px;
 font-weight: bold;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.catPages1 a:hover,
.catPages2 a:hover,
.pagesBlock1 a:hover,
.pagesBlock2 a:hover,
.pagesBlockuz1 a:hover,
.pagesBlockuz2 a:hover {
 background: #c8d3de;
 border: 1px solid #a1aab3;
 color: #6c7278;
 font-weight: bold;
}

/* ------------ */

/* Other Styles */

.text-cell {padding: 4px 0px; width: 100%; min-height: 16px;}

.red-block, .yellow-block, .green-block {padding: 3px; text-align: center; font-size: 10px; text-shadow: 0px 1px 0px rgba(255, 255, 255, .75);}
.red-block {background: #f2dada; border: 1px dotted #b35050; color: #994545;}
.yellow-block {background: #f8f6da; border: 1px dotted #adac8d; color: #908f6f;}
.green-block {background: #dcf2da; border: 1px dotted #5eb350; color: #509945;}
.white-block {margin: 10px; padding: 15px; background: #ffffff; border: 1px solid #d1d1d1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0px 0px 5px #d1d1d1; -moz-box-shadow: 0px 0px 5px #d1d1d1; -webkit-box-shadow: 0px 0px 5px #d1d1d1;}
.white-block2 {padding: 5px; background: #ffffff; border: 1px dashed #cccccc; color: #555555; text-align: left; font-size: 10px;}

div.avatar-pr img {margin-bottom: 2px; padding: 3px; background: rgba(250, 250, 250, .5); border: 1px solid rgba(0, 0, 0, .25); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0px 1px 2px rgba(0, 0, 0, .25); -moz-box-shadow: rgba(0, 0, 0, .25); -webkit-box-shadow: rgba(0, 0, 0, .25);}

.mname {margin-bottom: 2px; padding: 2px; width: 154px; background: #fafafa; border: 1px solid #d1d1d1; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.mnum {margin-bottom: 2px; padding: 2px; width: 22px; background: #f1f1f1; border: 1px solid #d1d1d1; float: right; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.activity-link {width: 192px; height: 22px; display: block; font-weight: bold;}
.activity {margin: 2px; width: calc(100% - 4px); height: 22px; background: #f7f7f7; font-size: 11px; border: 1px solid #dbdbdb; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0px 1px 1px #ececec; -moz-box-shadow: inset 0px 1px 1px #ececec; -webkit-box-shadow: inset 0px 1px 1px #ececec; by: 7;}
.activity, .activity div {box-sizing: border-box;}
.activity div {line-height: 20px;}
.aname {width: calc(100% - 42px); float: left; font-weight: bold;}
.anum {margin-top: -1px; width: 42px; float: right; background: #efefef; background: linear-gradient(0deg, #efefef 0%, #fbfbfb 100%); border: 1px solid #dbdbdb; box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: -1px 0px 1px #d3d3d3; -moz-box-shadow: -1px 0px 1px #d3d3d3; -webkit-box-shadow: -1px 0px 1px #d3d3d3;}

.tOnline, .gOnline, .uOnline {margin-left: 5px; padding-left: 5px;}
.tOnline {margin-bottom: 7px; border-left: 5px solid #2d71b3;}
.gOnline {margin-bottom: 2px; border-left: 5px solid #b8cde5;}
.uOnline {border-left: 5px solid #b8cde5;}

.pollQue {text-align: center !important; padding-bottom: 10px;}

.uNetDescr {text-align: center;}

.banner {text-align: center;}
.banner a img {opacity: 0.3;}
.banner a:hover img {opacity: 1.0;}

.flash-play {width: 32px; height: 32px; background: url('/by_Seven/play.png');}
.flash-play:hover {background-position: 0px -32px;}

.uploaderPhotosContainer {width: 430px !important;}
#flUpPhotosCount {margin-left: 130px !important;}

div.popup .pbarContainer {margin: 56px 23px 0px 0px;}

.reklama-block {display: none;}
.reklama-text {padding-left: 3px; padding-bottom: 5px;}
.adv468 {margin: 16px auto; width: 468px;}

#pmdform table, .popupbody table {font-size: 12px;}

#oblapics {overflow: hidden;}

.uadm { background: rgba(255, 255, 255, .5) !important; border: 1px solid rgba(213, 213, 213, .6) !important; }
.uadm--vertical .uadm-collapse.uadm-collapse--empty { top: 18px !important; }
.uadm-collapse--empty .uadm-toggle { margin-left: 15px !important; }

.eText img {max-width: 502px;}


.uf-reg-wrap {padding: 20px; background: url(/img/reg-bg.jpg) -20px; color: #184470;}
.uf-reg-wrap h2 {margin-top: 0px !important; padding: 10px 0px; font-size: 24px; font-family: Verdana; color: #184470; text-align: center; display: block; background: rgba(255,255,255,.6);}

.uf-field label {font-weight: bold; text-transform: uppercase;}
#captcha-answer-site-user-reg {max-width: 80px !important;}

.site-style-switcher {margin: 14px auto 0px auto; width: 100px;}
.onoffswitch {position: relative; width: 100px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; border: 1px solid #999999; border-radius: 10px;}
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner.fast {transition: none;}
.onoffswitch-inner:before, .onoffswitch-inner:after {padding: 0; width: 50%; height: 20px; line-height: 20px; display: block; float: left; text-align: left; font-family: 'Verdana'; font-size: 12px; color: #ffffff; font-weight: bold; box-sizing: border-box;}
.onoffswitch-inner:before {content: 'SL'; padding-left: 12px; background-color: #b8cde5; color: #5082b3;}
.onoffswitch-inner:after {content: 'SL DARK'; padding-right: 12px; background-color: #222222; color: #f0f0f0; text-align: right;}
.onoffswitch-switch {margin: 5px; width: 10px; height: 10px; display: block; background: #ffffff; position: absolute; top: 0; bottom: 0; left: 0px; border: 1px solid #999999; border-radius: 10px; transition: all 0.3s ease-in 0s;}
.onoffswitch-switch.fast {transition: none;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {left: 76px;}

#DynCSSSwitch {height: 20px; opacity: 0;}

#get-chat {padding-left: 10px; background: #e0e0e0; border: 1px solid #c0c0c0; border-radius: 2px; opacity: 0.2;}
.chat-bottom {margin: 20px auto; padding: 20px 0; width: 100%; background: #e0e0e0; border: 1px solid #c0c0c0; border-radius: 2px; opacity: 0.2;}
#get-chat:hover, .chat-bottom:hover {opacity: 1.0;}

.u-comboedit {min-width: 320px !important;}

.ScriptMsg {margin: 10px auto; font-size: 14px; text-align: center;}
.ScriptMsg.OK {color: green;}
.ScriptMsg.Err {color: red;}

/* ------------ */


/* ------- Forum start ------- */

/* General forum Table View */

.gTable {margin-bottom: 10px; padding: 2px; background: #ffffff; border: 1px solid #d1d1d1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 1px 2px #d1d1d1; -moz-box-shadow: 0px 1px 2px #d1d1d1; -webkit-box-shadow: 0px 1px 2px #d1d1d1;}
.gTableTop {padding-left: 2px; background: url('/by_Seven/news-title.gif') repeat-x #ffffff; color: #ffffff; text-shadow: 0px 0px 2px #000000; font-weight: bold; height: 28px; font-size: 0pt; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;}
.gTableSubTop {padding: 2px 5px; background: #d3deeb; color: #5082b3; height: 20px; font-size: 12px; text-shadow: 0px 1px 0px #e1e9f2;}
.gTableBody {padding: 2px; background: #f5f7fa;}
.gTableBody1 {padding: 2px; background: #ffffff;}
.gTableBottom {padding: 2px; background: #f5f7fa;}
.gTableLeft {padding: 2px; background: #f5f7fa; font-weight: bold; color: #413574}
.gTableRight {padding: 2px; background: #f5f7fa}
.gTableError {padding: 2px; background: #fafafa; color: #ff0000;}

/* ------------ */

/* Forums Styles */

.forumNameTd,.forumLastPostTd {padding: 2px; background: #ffffff}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding: 2px; background: #f5f7fa}
.forumLastPostTd,.forumArchive {padding: 2px; font-size: 8pt;}

a.catLink:link {text-decoration: none; color: #ffffff;}
a.catLink:visited {text-decoration: none; color: #5b5a5f;}
a.catLink:hover {text-decoration: underline; color: #5b5a5f;}
a.catLink:active {text-decoration: underline; color: #5b5a5f;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight: bold}
.archivedForum {font-size: 8pt; color: #ff0000; font-weight: bold;}

/* ------------ */

/* forum Titles & other */

.forum {font-weight: bold; font-size: 9pt;}
.forumDescr, .forumModer {color: #858585; font-size: 8pt;}
.forumViewed {font-size: 9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration: none; color: #428db4; text-shadow: 1px 1px 1px #dddddd;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color: #428db4; text-shadow: 1px 1px 1px #dddddd;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color: #000000; text-shadow: 1px 1px 1px #dddddd;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration: none; color: #428db4; text-shadow: 1px 1px 1px #dddddd;}

/* ------------ */

/* forum Navigation Bar */

.forumNamesBar {font-weight: bold; font-size: 8pt;}
.forumBarKw {font-weight: normal;}
a.forumBarA:link {text-decoration: none; color: #000000;}
a.forumBarA:visited {text-decoration: none; color: #000000;}
a.forumBarA:hover {text-decoration: none; color: #6e6e6e;}
a.forumBarA:active {text-decoration: underline; color: #6e6e6e;}

/* ------------ */

/* forum Fast Navigation Blocks */

.fastNav, .fastSearch, .fastLoginForm {font-size: 8pt;}

/* ------------ */

/* forum Fast Navigation Menu */

.fastNavMain {background: #dadada;}
.fastNavCat {background: #efefef;}
.fastNavCatA {background: #efefef; color: #0000ff}
.fastNavForumA {color:#0000ff}

/* ------------ */

/* forum Page switches */

.ThrTopButtonsCl11, .ThrTopButtonsCl12, .FrmTopButtonsCl11, .FrmTopButtonsCl12, .FrmBotCl11 {padding-bottom: 5px;}
.forum-pages li {margin: 0 !important;}
.forum-pages li.pagesInfo {border: 1px solid #e2e2e2; border-radius: 3px; font-size: 12px;}
.switches {padding: 2px 2px 0 2px !important; width: auto; background-color: #f0f0f0; background-image: linear-gradient(to top, #f0f0f0, #fff); border: 1px solid #d2d2d2; border-radius: 2px; display: inline-block;}
li.pagesInfo, .switch a, .switchActive {margin-bottom: 2px !important; line-height: 20px; box-sizing: border-box;}
.pagesInfo {padding: 0 10px; background: #fff; display: inline-block !important;}
.switch, .switchActive {padding: 0;}
.switch a {padding: 0 5px; width: 100%; height: 100%; display: inline-block; background: #fff; border: 1px solid #e2e2e2; text-align: center; border-radius: 3px; box-sizing: border-box;}
.switchActive {padding: 0 5px; background: #7bce7e; font-weight: bold; color: #fff; border: 1px solid #5db15f; border-radius: 3px; box-sizing: border-box;}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration: none; color: #777;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration: none; color: #777;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration: underline; color: #66cc69;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration: underline; color: #66cc69;}

/* ------------ */

/* forum Threads Style */

.threadNametd,.threadAuthTd,.threadLastPostTd {padding: 2px; background: #ffffff;}
.threadIcoTd,.threadPostTd,.threadViewTd {padding: 2px; background: #f5f7fa;}
.threadLastPostTd {padding: 2px; font-size: 8pt;}
.threadDescr {color: #858585; font-size: 8pt;}
.threadNoticeLink {font-weight: bold;}
.threadsType {padding: 2px; background: #f2f2f2; height: 25px; font-weight: bold; font-size: 7pt; color: #6e6e6e; padding-left: 40px; }
.threadsDetails {padding: 2px 5px; background: #d3deeb; color: #5082b3; height: 20px; font-size: 12px; text-shadow: 0px 1px 0px #e1e9f2;}
.forumOnlineBar {padding: 2px; background: #ffffff; color: #5B5A5F; height: 20px;}

a.threadPinnedLink:link {text-decoration: none; font-weight: bold; color: #352eb6; font-size: 9pt; text-shadow: #e5e5e5 1px 1px 1px;}
a.threadPinnedLink:visited {text-decoration:none; font-weight: bold; color: #352eb6; font-size: 9pt; text-shadow: #e5e5e5 1px 1px 1px;}
a.threadPinnedLink:hover {text-decoration: none; color: #ff0000;}
a.threadPinnedLink:active {text-decoration: underline; color: #ff0000;}

a.threadLink:link {text-decoration: none; font-weight: bold; color: #a25efe; font-size: 9pt; text-shadow: #e5e5e5 1px 1px 1px;}
a.threadLink:visited {text-decoration: none; font-weight: bold; color: #a25efe; font-size: 9pt; text-shadow: #e5e5e5 1px 1px 1px;}
a.threadLink:hover {text-decoration: none; color: #000000;}
a.threadLink:active {text-decoration: none; color: #000000;}

.postpSwithces {font-size: 7pt;}
.thDescr {font-weight: normal;}
.threadFrmBlock {font-size: 7pt; text-align: right;}

/* ------------ */

/* Quote and Code */

.quoteMessage, .codeMessage {
 background: #fafafa !important; 
 color: #888888 !important;
 padding: 10px !important;
 overflow: auto !important;
}

.quoteMessage {
 border: 1px dotted #2d71b3 !important;
 border-top: 2px solid #2d71b3 !important;
}

.codeMessage {
 border: 1px dotted #73ace5 !important;
 border-top: 2px solid #73ace5 !important;
 border-bottom: 2px solid #73ace5 !important;
}

div.bbCodeName {margin-bottom: 4px;}
div.codeMessage code {font-size: 14px;}

/* ------------ */

/* forum Posts View */

.postTable {}
.postPoll {background: #f1f2f3;}
.postFirst {background: #f8f9fA; border-bottom: 3px solid #fd0c00;}
.postRest1 {background: #f1f2f3;}
.postRest2 {background: #f8f9fA;}
.postSeparator {height: 3px; background: url('/by_Seven/news-title.gif') #f5db00;}

.postTdTop {padding: 2px 5px; background: #d3deeb; color: #5082b3; height: 20px; font-size: 12px; text-shadow: 0px 1px 0px #e1e9f2;}
.postBottom {background: #ebebeb; height: 20px}
.postUser {font-weight: bold;}
.postTdInfo {padding: 5px; background: #f5f7fa; text-align: center;}
.postTdInfo .userAvatar {max-width: 140px;}
.postRankName {margin-top: 5px;}
.postRankIco {margin-bottom: 5px;}
.reputation {margin-top: 5px;}
.signatureHr {margin-top: 20px;}
.posttdMessage {padding: 5px; max-width: 560px; overflow: hidden; background: #ffffff;}
.posttdMessage iframe {max-width: 77%;}
.posttdMessage img {max-width: 100%;}

.pollQuestion {text-align: center; font-weight: bold;}
.pollButtons, .pollTotal {text-align: center;}
.pollSubmitBut, .pollreSultsBut {width: 140px; font-size: 7pt;}
.pollSubmit {font-weight: bold;}
.pollEnd {text-align: center; height: 30px;}
.pollButton {margin-top: 7px;}

.signatureView {font-size: 7pt;}
.edited {padding-top: 30px; font-size: 7pt; text-align: right; color: gray;}
.editedBy {font-weight: bold; font-size: 8pt;}

.statusBlock {padding-top: 3px;}
.statusOnline {color: #000000; background: #fff000; font-weight: bold;}
.statusOffline {color: #ff0000; font-weight: bold;}

.userAvatar {padding: 3px; border: 1px solid #d1d1d1; box-shadow: 0px 1px 2px #d1d1d1; -moz-box-shadow: 0px 1px 2px #d1d1d1; -webkit-box-shadow: 0px 1px 2px #d1d1d1;}

/* ------------ */

/* forum AllInOne Fast Add */

.newThreadBlock {background: #f9f9f9;border: 1px solid #b2b2b2;}
.newPollBlock {background: #f9f9f9;border: 1px solid #b2b2b2;}
.newThreadItem {padding: 0px 0px 0px 8px; background: url('/.s/t/441/28.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0px 0px 0px 8px; background: url('/.s/t/441/28.gif') no-repeat 0px 4px;}

/* ------------ */

/* forum Post Form */

.codeButtons {font-size: 8pt; background: #fcfcfc; border: 1px solid #6e6e6e;}
.codeCloseAll {font-size: 8pt; color: #6e6e6e;font-weight: bold; background: #fcfcfc; border: 1px solid #6e6e6e;}
.postNameFl,.postDescrFl {background: #fcfcfc; border: 1px solid #6e6e6e; width: 400px;}
.postPollFl,.postQuestionFl {background: #fcfcfc; border: 1px solid #6e6e6e; width: 400px;}
.postResultFl {background: #fcfcfc; border: 1px solid #6e6e6e; width: 50px;}
.postAnswerFl {background: #fcfcfc; border: 1px solid #6e6e6e; width: 300px;}
.postTextFl {background: #fcfcfc; border: 1px solid #6e6e6e; width: 550px; height: 150px;}
.postUserFl {background: #fcfcfc; border: 1px solid #6e6e6e; width: 300px;}

.pollHelp {padding-top: 3px; font-size: 7pt; font-weight: normal;}
.smilesPart {padding-top: 30px; padding-left: 30px; text-align: center;}

/* ------------ */

/* Other styles */

td.forumLastPostTd,
td.threadIcoTd,
td.forumNameTd,
td.threadNametd,
td.threadPostTd,
td.threadViewTd,
td.threadAuthTd,
td.threadLastPostTd,
td.forumLastPostTd {background: #ffffff;}
table.gTable tr:hover td.forumLastPostTd,
table.gTable tr:hover td.threadIcoTd,
table.gTable tr:hover td.forumNameTd,
table.gTable tr:hover td.threadNametd,
table.gTable tr:hover td.threadPostTd,
table.gTable tr:hover td.threadViewTd,
table.gTable tr:hover td.threadAuthTd,
table.gTable tr:hover td.threadLastPostTd,
table.gTable tr:hover td.forumLastPostTd {background: #f5f7fa;}

.replaceBody {background: url(/by_Seven/site_bg.jpg) #fafafa;}
.replaceTable {padding: 20px; background: rgba(255,255,255,.75); font-size: 14px; border: 1px solid #2d71b3; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: inset 0px 0px 2px #ffffff, 0px 1px 2px #777777; -moz-box-shadow: inset 0px 0px 2px #ffffff, 0px 0px 2px #777777; -webkit-box-shadow: inset 0px 0px 2px #ffffff, 0px 0px 2px #777777;}

td.posttdMessage ul, td.eText ul {margin: 0px;}

#forum_filter {margin-bottom: 5px;}
#filter_by, #subscribe {padding-right: 5px;}

.frmBtns {padding-top: 2px;}

#thread_search_form {height: 25px;}
#thread_search_field {width: 170px !important;}
#thread_search_button {margin: 0px !important;}

.gTableRight {padding-right: 10px !important;}

#uf-submit {
 margin: 10px 0 10px 0;
 padding: 10px 20px;
 background: #53b653;
 font-size: 13px;
 font-weight: bold;
 color: #fff;
 text-shadow: 0px 1px 1px #337133;
 clear: both;
}

.forumContent input[type="button"][value="Ok"],
.forumContent input[type="submit"][value="Ok"],
#filter_word {
 margin-left: 5px;
}

:where(.forum-poll-bar-fill, .forum-poll-bar-start, .forum-poll-bar-end) {
 max-height: 8px !important;
}

/* ------------ */

/* ------- Forum end ------- */

/* ------- INPUTS start -------*/

select {
 padding: 2px 3px;
 background: #fff;
 font: 12px 'Verdana';
 border: 1px solid #d1d1d1;
 border-radius: 1px;
}

input[type='text'],
input[type='password'],
textarea {
 padding: 2px 3px;
 background: #ffffff;
 font: 12px 'Verdana';
 border: 1px solid #d1d1d1;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: inset 0px 1px 2px #d1d1d1;
 -moz-box-shadow: inset 0px 1px 2px #d1d1d1;
 -webkit-box-shadow: inset 0px 1px 2px #d1d1d1;
 box-sizing: border-box;
}

input[type='text'],
input[type='password'] {
 border: 1px solid #d1d1d1;
}

input[type='text']:hover,
input[type='text']:focus,
input[type='password']:hover,
input[type='password']:focus {
 background: #fafafa;
}

textarea:hover,
textarea:focus {
 background: #fafafa;
}

input[type="text"]:disabled,
input[type="password"]:disabled {
 background: #f0f0f0;
}

textarea:disabled {
 background: #f0f0f0;
}

input[type='submit'], input[type='reset'], input[type='button'] {
 padding: 2px 3px;
 background: url('/by_Seven/buttons.gif') repeat-x;
 font: 12px 'Verdana';
 color: #686868;
 border-width: 1px;
 border-style: solid;
 border-color: #dddddd #c6c6c6 #c6c6c6 #c6c6c6;
 cursor: pointer;
 text-shadow: 0px 1px 0px #fafafa;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover {
 background-position: 0px -29px;
}

input[type='submit']:active,
input[type='reset']:active,
input[type='button']:active {
 text-shadow: none;
 -moz-box-shadow: 0px 1px 2px #b9b9b9 inset;
 -webkit-box-shadow: 0px 1px 2px #b9b9b9 inset;
 box-shadow: 0px 1px 2px #b9b9b9 inset;
}

.searchForm {
 height: 27px;
 overflow: hidden;
}

#search input.queryField {
 margin-top: 4px;
 padding-left: 6px;
 background: none !important;
 width: 159px !important;
 float: left;
 border: none;
 font-size: 11px;
 display: inline;
 box-shadow: none !important;
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
}

#search input.queryField:hover {background: none;}
#search input.queryField:focus {outline: none;}

#search input.searchSbmFl {
 margin: 0px;
 padding: 0px;
 float: left;
 height: 27px;
 width: 28px;
 text-indent: -1000px;
 border: none;
 background: none;
 display: inline;
 cursor: pointer;
 border-radius: 0px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
}

input.searchSbmFl:hover {
 background-position: 0px 0px;
}

input, textarea, select {
 vertical-align: middle;
}

.u-combo, .manFlCat {
 width: 100%;
}

.cke, .ucoz-editor-panel {
 margin: 5px 0px;
 padding: 4px;
 background: #eee;
 border: 1px solid #dadada;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.ucoz-editor-bbpanel span #url,
.ucoz-editor-bbpanel span input[value="All codes"] {
 width: auto !important;
}

.queryField {
 width: auto !important;
}

.manFlaMSN {
 width: 88px !important;
}

#catSelector9 {
 padding: 2px 3px !important;
 background: none !important;
 border: none !important;
 font-size: 12px !important;
 color: #000000;
}

#catSelector9:active {
 box-shadow: none !important;
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
}

.searchQueryFl[name=user] {
 display: block;
}

.gTableBody1 select[name=o1],
.gTableBody1 select[name=o2] {
 margin-top: 10px;
}

.commFl {
 width: 98%;
}

.commTable {
 padding: 5px 5px 10px 5px;
 background: #ffffff;
 border: 1px solid #d1d1d1;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: 0px 1px 2px #d1d1d1;
 -moz-box-shadow: 0px 1px 2px #d1d1d1;
 -webkit-box-shadow: 0px 1px 2px #d1d1d1;
}


/* ------- POPUP start ------- */

.popup a {}

.popup {
 margin: 10px;
 padding: 10px;
 background: #ffffff;
 border: 1px solid #cdcdcd;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.popuptitle {
 padding: 5px 10px;
 background: url('/by_Seven/news-title.gif');
 font-size: 14px;
 color: #ffffff;
 text-transform: uppercase;
 font-weight: bold;
 text-shadow: 0px 1px 0px #002242;
 text-align: center;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.popupbody {
 margin: 10px;
}

div.popup .pbarContainer {
 margin: 2px 0px 0px 0px;
}

/* ------- POPUP end -------*/

/* ------- HINT start ------- */

#tiptip_holder {
 display: none;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 99999;
}

#tiptip_holder.tip_top {
 padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
 padding-top: 5px;
}

#tiptip_holder.tip_right {
 padding-left: 5px;
}

#tiptip_holder.tip_left {
 padding-right: 5px;
}

#tiptip_content {
 padding: 4px 8px;
 background: #fafafa !important;
 font-size: 11px;
 color: #555555;
 text-align: center;
 text-shadow: 0px 1px 0px #ffffff;
 border: 1px dotted rgba(0, 0, 0, .50);
 border-left: 3px solid rgba(80, 130, 179, .75);
 border-right: 3px solid rgba(80, 130, 179, .75);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: 0px 2px 3px rgba(119, 119, 119, .50);
 -moz-box-shadow: 0px 2px 3px rgba(119, 119, 119, .50);
 -webkit-box-shadow: 0px 2px 3px rgba(119, 119, 119, .50);
}

#tiptip_arrow, #tiptip_arrow_inner {
 width: 0px;
 height: 0px;
 position: absolute;
 border-color: transparent;
 border-style: solid;
 border-width: 6px;
}

#tiptip_holder.tip_top #tiptip_arrow {
 border-top-color: #fff;
 border-top-color: rgba(255, 255, 255, .35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
 border-bottom-color: #fff;
 border-bottom-color: rgba(255, 255, 255, .35);
}

#tiptip_holder.tip_right #tiptip_arrow {
 border-right-color: #fff;
 border-right-color: rgba(255, 255, 255, .35);
}

#tiptip_holder.tip_left #tiptip_arrow {
 border-left-color: #fff;
 border-left-color: rgba(255, 255, 255, .35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
 margin-top: -7px;
 margin-left: -6px;
 border-top-color: rgb(25, 25, 25);
 border-top-color: rgba(25, 25, 25, .92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
 margin-top: -5px;
 margin-left: -6px;
 border-bottom-color: rgb(25, 25, 25);
 border-bottom-color: rgba(25, 25, 25, .92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
 margin-top: -6px;
 margin-left: -5px;
 border-right-color: rgb(25, 25, 25);
 border-right-color: rgba(25, 25, 25, .92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
 margin-top: -6px;
 margin-left: -7px;
 border-left-color: rgb(25, 25, 25);
 border-left-color: rgba(25, 25, 25, .92);
}

/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#tiptip_content {
 padding: 4px 8px 5px 8px;
 background-color: rgba(45, 45, 45, .88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
 border-bottom-color: rgba(45, 45, 45, .88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner { 
border-top-color: rgba(20, 20, 20, .92);
}
}

/* ------- HINT end ------- */

/* ------- Chat Themes ------- */

#chat-iframe {padding: 5px; width: 720px; height: 472px; background: linear-gradient(0deg, rgba(222, 222, 222, .9) 0%, rgba(238, 238, 238, .9) 100%); color: #5c5c5c; border: 1px solid #b4b4b4; box-shadow: 1px 1px 2px rgba(0, 0, 0, .1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: none; position: fixed; bottom: 10px; right: 10px; z-index: 9999;}
#openchat-link {padding: 5px; background: linear-gradient(0deg, rgba(222, 222, 222, .9) 0%, rgba(238, 238, 238, .9) 100%); color: #5c5c5c; border: 1px solid #b4b4b4; box-shadow: 1px 1px 2px rgba(0, 0, 0, .1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; position: fixed; bottom: 10px; right: 10px; z-index: 9999;}
#openchat-link:hover {text-decoration: none; background: linear-gradient(0deg, rgba(226, 226, 226, .9) 0%, rgba(242, 242, 242, .9) 100%); color: #5f5f5f;}
#openchat-link:active {background: linear-gradient(0deg, rgba(222, 222, 222, .9) 0%, rgba(238, 238, 238, .9) 100%); color: #5c5c5c; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1), inset 0px 1px 2px rgba(0, 0, 0, .1);}

.chat_tavern_theme table {padding: 25px; background: url('/img/chat/chat_tavern_theme.jpg') center center; background-size: cover; border: 1px solid #c0c4c9; border-radius: 5px 5px 0 0;}
.chat_tavern_theme .gbcb1-td {background: rgba(255, 255, 255, .87); border-radius: 5px 0 0 5px;}
.chat_tavern_theme .gbcb2-td {background: rgba(255, 255, 255, .87); border-radius: 0 5px 5px 0;}

/* ------- Chat Themes end ------- */

/* ------- PHP - Online ------- */
 
.h5_online {padding: 0px; margin: 0px; }
.h5_online li {float: left; text-align: left; padding: 0px; margin: 3px; list-style-type: none;}
.h5_hintbox {margin: 5px !important; padding: 3px !important; position: absolute; z-index: 9999; border: 1px solid #0088ff; background-color: #ffffff; opacity: 0.9; display: none;}
.h5_hintbox li {text-align: left; float: none; list-style-type: none;}
.onl_group4 {color: red !important; font-weight: bold;}
.onl_group0 {color: gray !important; font-weight: bold;}
.h5_online {font-size: 12px;}
.chat_user {margin: 0 0 10px 0; padding: 2px; width: 100%; background: rgba(255, 255, 255, .7); display: block; border: 1px solid #d1d1d1; box-sizing: border-box; border-radius: 5px;}
.chat_user:first-child {margin: 10px 0;}
.chat_user img {width: 38px; height: 38px; border-radius: 3px;}

/* ------- PHP - Online end ------- */