html, body {font: 12px tahoma, arial, sans-serif; color: #505050;cursor:url(../img/Arrow.cur), default; height:100%}
body{padding-top:5px; background: #FFFFFF url(../img/bg_2.png) 0 0 repeat-x}
a img {border:none}
a {color: #236b94; text-decoration:none}
a:hover, .main_menu_log:hover {color: #025273; cursor:url(../img/link.cur), pointer;}
h1, h2, h3, h4 {
  margin:0;
  padding:0;
}
.cursor{cursor:url(../img/link.cur), pointer}
/* header 
.header{ background: url(../img/head2.png) no-repeat; width: 980px; height:73px; padding-top: 25px; margin-bottom: 20px; margin-left: 125px;}*/
.logo{ width:180px; height:63px; float:left; margin-top: 5px; margin-left:5px}
.banneradv{  width:468px; height:60px; border:dotted green thin;}
.nav {list-style: none; font:14px Arial; text-shadow: 2px 2px 2px #3C3D3E,2px 0px 0px #A2D0FF; padding-top:0px;padding-bottom:30px; text-decoration: none;}
.nav li{ margin-left:180px;}
.nav li a{ padding: 5px 10px; color: #ffffff; display: block;  text-decoration: none; float: left;  font-weight:bold; }
.nav li a:hover{background:url(../img/menu_hov2.png) repeat-x}
.nav li a.active{background:url(../img/menu_hov_act.png) repeat-x}
/* контент */
.img-left { float:left; margin: 6px 10px 15px 0}
.image { width: auto; max-width: 100%; position: relative}
.sidebar_left {  float: left; width: 200px; padding-top:8px}
.content {  float: left; width: calc(100% - 424px); /*width: 696px; */margin-left: 12px; margin-right:12px; padding-top:8px}
.sidebar_right { float: right; width: 200px; padding-top:8px}
.content_games { float: left; width: calc(100% - 212px); /*width: 768px; */ margin-left: 12px; padding-top: 8px}
/* виджеты */
.widget { margin-bottom: 10px;}
 .widget_title { background: url(../img/main_widget_2.png) no-repeat; text-shadow: 2px 2px 2px #3C3D3E; color: #FFF; height:28px; text-align:center; font-weight: bold; font-size:14px; padding: 5px 10px;}
.widget_titleads { background: url(../img/arrow_down.png) right 35% no-repeat, url(../img/main_widget_2.png) no-repeat; text-shadow: 2px 2px 2px #3C3D3E; color: #FFF; height:28px; text-align:center; font-weight: bold; font-size:14px; padding: 5px 10px;}
.widget_titleads.active { background:url(../img/arrow_up.png) right 35% no-repeat, url(../img/main_widget_2.png) no-repeat; text-shadow: 2px 2px 2px #3C3D3E; color: #FFF; height:28px; text-align:center; font-weight: bold; font-size:14px; padding: 5px 10px;background-image: url(../img/arrow_up.png) right center no-repeat;}

.cntntads{display: none;padding:10px 2px; margin-top: -20px}
.control{ background: #FFFFFF url(../img/widget_bg.png) repeat-x; }
 .widget_info { background: url(../img/name_block_2.png) no-repeat; text-shadow: 2px 2px 2px #3C3D3E; color: #FFF; height:28px; text-align:center; font-weight:bold; font-size:14px; padding: 5px 10px;}
 .widget_info_small { background: url(../img/name_block_small.png) no-repeat; text-shadow: 2px 2px 2px #3C3D3E; color: #FFF; height:28px; text-align:left; font-weight:bold; font-size:14px; padding: 5px 25px;}
 .widget_info_wall { background: url(../img/name_block_wall.png) no-repeat; text-shadow: 2px 2px 2px #3C3D3E; color: #FFF; height:28px; text-align:left; font-weight:bold; font-size:14px; padding: 5px 25px;}
.cntnt{padding:10px 2px; margin-top: -20px}
.cntnt_info{padding:10px; margin-top: -15px;}
/* прочее */
.main_menu_log {border:none; font-size:14px; color:#237394;margin:10px; padding:8px; font-family:Verdana, Geneva, sans-serif;border-radius: 4px; box-shadow: 0 0 3px #000000; text-shadow: 2px 2px 2px #a6c2cf;}
.main_menu_log:hover{background: #EBFCF0}
.main_menu {border:none; font-size:14px; color:#237394;margin:10px; padding:8px; font-family:Verdana, Geneva, sans-serif; border-radius: 4px; box-shadow: 0 0 3px #000000; text-shadow: 2px 2px 2px #a6c2cf }
small{ font-weight:lighter; color: #666666}
.main_menu_balance {background: rgba(53, 166, 33, 0.6); border:none; font-size:14px; color:#FFF;margin:10px; padding:8px; font-family:Verdana, Geneva, sans-serif;border-radius: 4px; box-shadow: 0 0 3px #000000; text-shadow: 2px 2px 2px #000;}
.main_menu_money {background: rgba(139, 143, 238, 0.6); border:none; font-size:14px; color:#FFF;margin:10px; padding:8px; font-family:Verdana, Geneva, sans-serif;border-radius: 4px; box-shadow: 0 0 3px #000000; text-shadow: 2px 2px 2px #000;}

/* Footer */
.footer_wrapper {background-image: url(../img/footer_bg.jpg); background-repeat: repeat-x; width:1120px;  }
#fothei{height: 25px; padding: 30px 0 80px 0;}
.footer { background-image: url(../img/footer_bg.jpg); background-repeat: repeat-x; clear:both; width:1120px; height: 38px; margin-top:-40px;  border-top:dotted thin #009933; margin-left: auto; margin-right: auto; position: relative;}
.footer p{font-size:12px;margin-left:20px}
.footer p > span{margin-left: 210px;}
/*Сыллки в навигации*/
.user-line {font:14px arial; color: #80A8BF; display:block;  padding:3px 0 4px 15px; border-bottom: 1px dotted #D8C5A6;}
.user-line:hover {color: #237394; background-color: #E4FEE2; padding:3px 0 4px 15px;}
 .active {color: #237394; background-color: #E4FEE2; padding:3px 0 4px 15px;}
.position_r{position:absolute;bottom:5px; right:5px;color: #D0D0D0;text-shadow: 1px 1px 1px #B6B6B6; font-size: 16px;}
.position_r_f{position:absolute;bottom:10px; right:15px;color: #2D7421;text-shadow: 1px 1px 1px #6FD54B; font-size: 16px;}
#cell_search{width:20px}
#cell_vxod {width:400px}  
#cell_vxod a:link, #cell_vxod a:visited {text-decoration:none; color:#5a79b8}  
#cell_vxod a:hover {text-decoration:none; color:#5cb85a}  
#vxod_reg {float:left; font:10px Verdana,Arial,Helvetica, sans-serif; color:#BABABA; font-weight: bold; width:212px; padding: 5px 5px 0px 0px}  
#cell_knopkav {float:left; width:53px}  
.cell_pola_vxod {float:left; margin-bottom: 10px} 
.search_name {width:20px; text-shadow: 1px 1px 1px #fff; font-weight:bold; size:14px; background:#CEEFB3; border-right: none; border-left: 1px solid #85D489; padding: 5px 0px 5px 5px}  
.search_pole {width:120px; border-left: none; border-right: 1px solid #85D489; padding: 5px 5px 5px 10px; vertical-align:middle}  
.search_pole {background: #F1FAE8 url(../img/forms/fon_Blue.gif) no-repeat left}  
.search_name {float:left; font:11px Verdana,Arial,Helvetica, sans-serif; color:#5789af; border-top: 1px solid #85D489; border-bottom: 1px solid #fff; margin:0px}  
.inputset{background: #F1FAE8 url(../img/forms/fon_Blue.gif) no-repeat left}
.vxod_name {width:150px; text-shadow: 1px 1px 1px #fff; font-weight:bold; size:14px; background:#CEEFB3; border-right: none; border-left: 1px solid #85D489; padding: 5px 0px 5px 5px}  
.login_pole {width:200px; border-left: none; border-right: 1px solid #85D489; padding: 5px 5px 5px 10px; vertical-align:middle}  
.login_pole,  
.vxod_name {float:left; font:11px Verdana,Arial,Helvetica, sans-serif; color:#5789af; border-top: 1px solid #85D489; border-bottom: 1px solid #fff; margin:0px}  
.login_pole {background: #F1FAE8 url(../img/forms/fon_Blue.gif) no-repeat left}  
.login_pole:focus {background: #f4f9ff url(../img/forms/fon_Blue.gif) no-repeat left}  
.knopka_vxoda {color:#5789af; text-shadow: 1px 1px 1px #fff; padding: 3px; width: auto; background: #ACF1A9; border:1px solid #85D489;  margin:0px; border-radius: 3px}  
.knopka_vxoda:hover { background: #D2F7D5; cursor:url(../img/link.cur), pointer} 
#header {text-indent: -9999px; width:180px; height:63px; position: relative;  background: url(../img/logo.png) no-repeat;}
#header a {position: absolute; width:180px; height:63px; display: block;border: 0;  background: transparent;overflow: hidden;}
#header .fake-hover {width:180px; height:63px; display:block;position:absolute;background: url(../img/logo.png) no-repeat 0 -67px;}
#validEmail{margin-top: 4px;  margin-left: 9px; position: absolute; width: 16px; height: 16px;}
#notlogged{font-size:18px; color:#FFFFFF; font-family: 'Neon club music';  src: url('../img/m_Ben Krush.ttf'); padding-top:2px}
/* ========#========= General ================= */
.wrapper{ width:1120px; margin:0px auto; padding:0px 0px; min-height: 100%}
.header {
    height: 73px;
    background-image: url(../img/header-bg-left.png), url(../img/header-bg-center.png), url(../img/header-bg-right.png);
    background-repeat: no-repeat, repeat-x, no-repeat;
    background-position: left top, left top, right top;
    background-size: 200px 100%, auto 100%, 200px 100%;
}

/*.header{ height:73px; background:url(../img/header-bg.png) no-repeat}*/
.header .logo img:hover{ opacity:0.9}
#notifications{  width:170px;  float:left;  padding-left:16px;  padding-top:18px}
#quicksearch{ margin-top: 5px;  width:240px;  float:left;  padding-top:18px}
#quickmenu{  width:256px;  float:left;  padding-top:18px}
#nobanuser{  width:468px;  float:left;  padding-left:50px;  padding-top:4px}
/*Подсказки на кнопках*/
.qbutton-left{  display:block;  width:42px;  height:25px;  float:left;  background:url(../img/qbutton.png) no-repeat 0px 0px;  text-align:center;  position:relative;  padding-top:11px}
.qbutton-left:hover{background:url(../img/qbutton.png) no-repeat 0px -36px;}
.qbutton-normal{  display:block;  width:42px;  height:25px;  float:left;  background:url(../img/qbutton.png) no-repeat -42px 0px;  text-align:center;  position:relative;  padding-top:11px}
.qbutton-normal:hover{background:url(../img/qbutton.png) no-repeat -42px -36px;}
.qbutton-right{  display:block;  width:43px;  height:25px;  float:left;  background:url(../img/qbutton.png) no-repeat -84px 0px;  text-align:center;  position:relative;  padding-top:11px}
.qbutton-right:hover{background:url(../img/qbutton.png) no-repeat -84px -36px;}
.qballon{  background:url(../img/qballon.png) no-repeat;  width:19px;  height:21px;  display:block;  text-align:center;  color:#FDEDEC;  font-size:10px;  position:absolute;  top:-12px;  padding-top:4px;  right:2px}
  
/* ================= Profilebox ================= */
#profilebox{  width:66px;  height:30px;  background:url(../img/profileboxbg.png) no-repeat;  float:right;  margin:20px 20px 0 0;  position:relative}
#profilebox .display{  display:block;  padding:6px 12px;  font-size:11px;  color:#A5ECA5;  line-height:15px}
#profilebox .display:hover{  text-decoration:none}
#profilebox .display img{  border:1px solid #1D7625;  float:left;  margin-right:7px}
#profilebox .display b{ display:block; color:#fff}
#profilebox .display:hover, #profilebox:hover{ background:url(../img/profileboxbg-hover.png) no-repeat}
#profilebox:hover { display:block}

.clear{clear:both;}
/* Цвета с тенью */
.green{text-shadow: 0 0 10px #02ff08, 0 0 15px #02ff08, 0 0 20px #02ff08, 0 0 25px #02ff08, 0 0 30px #02ff08, 0 0 35px #02ff08, 0 0 40px #02ff08, 0 0 45px #02ff08}
.black{text-shadow: 0 0 4px #043405}
.blacklight{text-shadow: 0 0 1px #043405}
.red{text-shadow:0 0 1px #7E0202, 0 0 2px #7E0202,0 0 6px red; color:white}
.greenlink{text-shadow:0 0 1px black, 0 0 2px #02ff08,0 0 6px green; color:white; font-weight:bold}
.greenlight{text-shadow:0 0 1px black, 0 0 2px #02ff08,0 0 6px green; color:white}
.bluelink{text-shadow: 0 0 4px #347672; color:#0C0B34}
.greenreyt{text-shadow: 0 0 4px #02ff08; color:#0C0B34}
.regdate{color: #D0D0D0;text-shadow: 1px 1px 1px #B6B6B6; font-size: 12px;}
/*===== Contact list =====*/
ul{list-style:none}
.user-list { background: url('../img/opacity.png'); box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 6px; }
.user-list li { border-top: 1px solid #656565; border-bottom: 1px solid #252525;
  background: #535353;
  background: -moz-linear-gradient(top, #565656 0%, #464646 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#464646));
  background: -webkit-linear-gradient(top,  #565656 0%,#464646 100%);
  background: -o-linear-gradient(top, #565656 0%,#464646 100%);
  background: -ms-linear-gradient(top, #565656 0%,#464646 100%);
  background: linear-gradient(to bottom, #565656 0%,#464646 100%);
}
.user-list li:first-child { border-top: none; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
.user-list li:last-child { border-bottom: none; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; }
.user-list li a > img { float: left; margin: 0 10px 0 0; box-shadow: 0 1px 1px #222; -webkit-box-shadow: 0 1px 1px #222; -moz-box-shadow: 0 1px 1px #222; }
.user-list li a { color: #6a6a6a; padding: 10px; display: block; position: relative; }
.user-list li a:after { content: ""; display: block; clear: both; }
.user-list li:active { background: #555; }
.user-list li.active { background: none; border-top-color: transparent; }
.user-list li.active:hover { background: none; }
.user-list li.active .contactName > i { color: #959595; } 

.contact-name { float: left;  }
.contact-name > strong { color: #fafafa; display: block; line-height: 22px; }
.contact-name > strong > span { color: #999; }
.contact-name > i { display: block; font-style: normal; font-size: 11px; color: #999; line-height: 10px; }
 
.status_available, .status_away, .status_off { width: 7px; height: 7px; background: url(../img/contact_status.png) no-repeat; display: block; position: absolute; top: 50%; right: 10px; margin-top: -4px; }
.status_available { background-position: 0 0; }
.status_away { background-position: 0 -8px; }
.status_off { background-position: 0 -16px; }

.people_cell { padding:5px 10px 5px 5px; /*8px*/ float:left; text-align: center}
.notification {font-size:14px !important;  clear: both; margin: 4px 0px 4px 0px; padding: 20px 20px 20px 60px; border-radius: 4px}
.notification strong {margin-right: 5px}
.notification p {font-size: 14px; padding: 0px; margin: 0px; color: #333333}

.warning {  background-image: url(../img/info/error.png); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #FFC237; background-color: #FFEAA8;  color: #826200}
.success {background-image: url(../img/info/accept.png); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #99C600; background-color: #EFFFB9;  color: #3C5A01}
.failure {background-image: url(../img/info/exclamation.png); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #EB5339; background-color: #FCCAC2; color: #AC260F}
.information { background-image: url(../img/info/information.png); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #418ACC; background-color: #D0E4F4; color: #235685}
.messages {  background-image: url(../img/info/email.png); background-position: 15px center; background-repeat: no-repeat; border: 2px solid #42B4FF; background-color: #9DDFFF; color: #835F21}

textarea { resize: none}
.darkbg{ background:#ddd !important}
#status{ font-family:Arial; padding:5px}
.error{top: -10px; background:#f0c6c3; border:1px solid #cc6622; border-radius: 0px 0px 4px 0px; z-index:9999; }
.successwindow{position:fixed; left:40%; top:50%; background-color: #C3F0C8; border: 1px solid #22CC2E; padding: 5px; z-index:999}
.errorwindow{position:fixed; left:40%; top:50%; background-color: #f0c6c3; border: 1px solid #cc6622; padding: 5px;z-index:999}

#pollAjaxs{
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
  width:200px;
  min-height:190px;
  border:1px solid #666;
  margin:10px;
  padding:8px;
}

.pollTitle{
  text-align:center;
  margin-bottom:15px;
  font-weight:700;
}
#resaltPoll{
  display:none;
}

.button{
  text-align:center;
}
.button a{
  background-color:#B4D2F9;
  border:1px solid #666;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width:60px;
  margin:8px auto;
  padding:4px;
}

#resaltshow, #pollshow{
  border:1px solid #666;
  padding:4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#resaltshow{
  width:60px;
  margin:8px auto;
}

.answer{
  height:30px;
  margin:5px 0;
}
.font{
  height:10px;
  background:#eee url('bg.png') repeat-x;
  margin:3px 0;
  width:0;
  border-radius: 2px;
}

.pollRed{
  color:#D80000;
}
.pollGreen{
  color:#00A331;
}
.pollRed span, .pollGreen span{
  color:#424242;
}

.paginate {
  font: 12px;
  padding: 3px;
  margin: 3px;
  border: solid 1px #D9EDD8;
  
}

.paginate a {
  border: solid 1px #006600;
  background-color: #A6E99A;
  padding: 1px 3px;
  margin: 0 1px;
 text-decoration:none
}

.paginate a.no {
  border: solid 1px #B0F9A6;
  background-color: #fff;
  padding: 1px 3px;
  margin: 0 1px;
  text-decoration:none
  
}

.paginate a:hover, .paginate a:active {
  border: solid 1px #006600;
  background-color: #ddeffc;
  text-decoration:none
}
.paginate a.no:hover {
  border:1px dotted #3991d0;
  border-bottom:1px dotted #3991d0;
  background-color: #fff;
  text-decoration:none

}
.paginate span.current {
    border: solid 1px #006600;
    background-color: #006600;
    color: #fff;
    padding: 1px 3px;
    margin: 0 1px;
  }
  
  
  
  .paginate span.disabled {
    padding:2px 5px 2px 5px;
    margin:2px;
    border:1px solid #eee;
    color:#dfdfdf;
  }
  

#dropmenudiv{
border:1px solid #BCFBBC;
border-bottom-width: 0;
font:normal 10px Verdana;
background-color: #fff;
line-height:20px;
margin:2px;
}

#dropmenudiv a{
display: block;
text-indent: 1px;
border: 1px solid white;
padding: 1px 5px;
margin: 1px;
color: #000;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #BCFBBC;
color: #000;
}

/*---Быстрый поиск на сайте---*/
#searchdrop { border-width:1px; border-color:LimeGreen; border-style:solid; width:300px; background-color:#fff; font-size:10px; line-height:14px; }
#searchdrop a { padding:5px;display:block; background-color:#fff; clear:left; height:75px; text-decoration:none; }
#searchdrop a:hover { background-color:#fff; color:#28BF28; }
#searchdrop a span.searchheading { background: #fff; display:block; font-weight:bold; padding:5px; color:#fff; }
#searchdrop a:hover span.searchheading { color:#BCFBBC; }
#searchdrop a span {color:#555; }
#searchdrop a:hover span { color:#000; }
#searchdrop span.seperator { float:right; padding-right:15px; margin-right:5px;}
#searchdrop span.seperator a { background-color:transparent; display:block; height:auto; color:#fff; }
#searchdrop span.notfound { padding:5px; background-color:#fff; display:block; height:auto; color:#000; }
.ddm_top_user {
  float:left;
  display:block;
  position:relative;
}
   
.drop_top_user {
  float:left;
  width:300px;
  font-weight:700;  
  height:25px;
  padding: 5px 10px 5px 10px;  
  border-bottom: 1px solid #CAD3DA;
}

.drop_top_user img {  
  float:left;
  width:50px;
  height:50px;
  margin-right: 10px;
}

.drop_top_user strong {  
  float:left;
  margin-top: 5px;  
}

.drop_top_user span {  
  float:right;
  width:110px;
  height:25px;  
  text-align:right;  
  padding: 5px 0px 0px 5px;  
  border-left: 1px solid #CAD3DA;  
}  

.ddm_top_user:hover{
  background:#F7F9FB;
}
 
   
  
.form-wrapper {
  width: 250px; 
  
}

.form-wrapper #username {
  width: 190px;
  height: 20px;
  float: left;    
  border: 1px solid #ccc;
  border-radius: 4px;      
}

.form-wrapper #username:focus {
  outline: 0; 
  border-color: #aaa;
  -moz-box-shadow: 0 1px 1px #bbb inset;
  -webkit-box-shadow: 0 1px 1px #bbb inset;
  box-shadow: 0 1px 1px #bbb inset;  
}

.form-wrapper #username::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
}

.form-wrapper #username:-moz-placeholder {
  color: #999;
  font-weight: normal;
}

.form-wrapper #username:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
} 

.form-wrapper #submit {
     margin-left: -43px;
  margin-top: 2px;
  border: 1px solid #188F00;
  height: 20px;
  width: 40px;
  padding: 0;
  cursor: pointer;
  font: bold 15px Arial, Helvetica;
  color: #fafafa;
  text-transform: uppercase;    
  background-color: #0BA004;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3FC331), to(#0BA004));
  background-image: -webkit-linear-gradient(top, #3FC331, #0BA004);
  background-image: -moz-linear-gradient(top, #3FC331, #0BA004);
  background-image: -ms-linear-gradient(top, #3FC331, #0BA004);
  background-image: -o-linear-gradient(top, #3FC331, #0BA004);
  background-image: linear-gradient(top, #3FC331, #0BA004);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;      
}
  
.form-wrapper #submit:hover,
.form-wrapper #submit:focus {    
  background-color: #31b2c3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0BA004), to(#3FC331));
  background-image: -webkit-linear-gradient(top, #0BA004, #3FC331);
  background-image: -moz-linear-gradient(top, #0BA004, #3FC331);
  background-image: -ms-linear-gradient(top, #0BA004, #3FC331);
  background-image: -o-linear-gradient(top, #0BA004, #3FC331);
  background-image: linear-gradient(top, #0BA004, #3FC331);
}  
  
.form-wrapper #submit:active {
  outline: 0;    
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    
}
  
.form-wrapper #submit::-moz-focus-inner {
  border: 0;
}.rating { width: 85px; height: 17px; font-size: 0.9em; }

.unit-rating { list-style: none; margin: 0; padding: 0; width: 85px; height: 17px; position: relative; background: url("../img/rating.png") repeat-x; }
.unit-rating li { text-indent: -90000px; padding: 0; margin: 0; float: left; }
.unit-rating li a { display: block; width: 17px; height: 17px; text-decoration: none; text-indent: -9000px; z-index: 17; position: absolute; padding: 0; }
.unit-rating li a:hover { background: url("../img/rating.png") 0 -17px; z-index: 2; left: 0; }

.unit-rating a.r1-unit {left: 0;}    .unit-rating a.r1-unit:hover {width:17px;}
.unit-rating a.r2-unit {left: 17px;}  .unit-rating a.r2-unit:hover {width: 34px;}
.unit-rating a.r3-unit {left: 34px;}  .unit-rating a.r3-unit:hover {width: 51px;}
.unit-rating a.r4-unit {left: 51px;}  .unit-rating a.r4-unit:hover {width: 68px;}
.unit-rating a.r5-unit {left: 68px;}  .unit-rating a.r5-unit:hover {width: 85px;}

.unit-rating li.current-rating { background: url("../img/rating.png") 0 -34px; position: absolute; height: 17px; display: block; text-indent: -9000px; z-index: 1; }
.ratebox { width: 115px; height: 19px; text-align: center; padding-top: 2px; background: #f1f5f7 url("../img/ratebox.png");float: right; }
.ratebox .rate { text-align: left; width: 85px; height: 17px; margin: 0 auto; overflow: hidden; }
.pheading .ratebox { width: 141px; padding: 3px 0 1px 0; padding-right: 6px; background: #f1f5f7 url("../images/ratebox2.png") no-repeat; }
      .pheading .ratebox .rate, .pheading .ratebox span { }
      .pheading .ratebox span { padding-right: 5px; font-size: 0.9em; color: #a2b2ba; }

#loading-layer {
  display:none;
  font-family: Verdana;font-size: 11px;
  background:#E2353E;padding:10px;
  text-align:center;
  border:1px solid #000;
  color: #FFF;
  max-width: 300px;
  min-width: 100px;
  margin: 0 auto;
}

.scrollTop{  
    background:url(../offline/circle.png) 0 0 no-repeat;  
    display:block; width:50px; height:50px;  
    position:fixed; bottom:10px; left:47%;  
    z-index:2000;  
}  
.scrollTop:hover{ background-position:0 -58px; } 

div.tabs {
padding: 1em;
}

div.container { 
margin: auto; 
width: 90%; 
margin-bottom: 10px;
}

ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
}

ul.tabNavigation li {
display: inline;
}

ul.tabNavigation li a {
padding: 3px 9px;
background: url(../img/main_widget_2.png) no-repeat;
color: #fff;
text-decoration: none;
   border-radius: 4px 4px 0 0;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover {
color: #fff;
  text-shadow: 2px 2px 2px #3C3D3E;
}

ul.tabNavigation li a:hover {
text-shadow: 2px 2px 2px #3C3D3E;
color: #000;
}

ul.tabNavigation li a:focus {
outline: 0;
}

div.tabs div {
padding: 0px;/* 5px*/
margin-top: 3px;
/*border: 1px dotted #fff;*/
}

.effect1{
  padding:0 10px 0 10px;
  border:1px LimeGreen dotted;
  box-shadow: 0 1px 5px rgba(77,168,62, 0.7);
 }
.styleinput
    {
        border: solid 1px #ACACAC;
        box-shadow: inset 0px 10px 23px -10px #AAA;
        padding: 5px 10px;
        color: #868585;
    }
     .styleinput:focus
    {
        box-shadow: 0px 0px 10px #169708,inset 0px 10px 23px -10px #AAA;;
    }
.brline{
  background:url(../img/probin.png) center no-repeat;display:block}

#top_scroll {
position:fixed;
width:100px;
left:0;
height:100%;
top:0;
cursor:pointer;
background:#98ED70;
display:none;
  opacity: 0.5;
}

#top_scroll:hover {
background-image:url( '../images/bg_scroll_h.png ');
  opacity: 0.7;
}

#top_scroll span {
width:50px;
margin:50px 0 0 5px;
}
.surflink{float:left;margin: 6px 10px 10px 0; width:380px}
.vel{}

.tipsy { padding: 5px; font-size: 10px; opacity: 0.75; filter: alpha(opacity=75); background-repeat: no-repeat; line-height:12px;  background-image: url(../images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
.videoads{position: absolute; top: 47px; z-index: 2; background: #999999; width: 450px; height: 366px; opacity:0.4;}
.videoads:hover{opacity:0.8;}
.movielink{padding-top:30px; margin-left:130px;}
.movielink a{line-height:45px;text-decoration:none;border:none; font-size:14px; color:#237394; background: #EBFCF0; padding:8px; font-family:Verdana, Geneva, sans-serif;border-radius: 4px; box-shadow: 0 0 3px #000000; text-shadow: 2px 2px 2px #a6c2cf;}
.editor_button {
  float: left;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}
.editor_buttonr {
  float: right;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}

.gh-btn,.gh-count,.gh-ico{
  float:left
}

.gh-btn,.gh-count{
  padding:2px 5px 2px 4px;
  color:#333;
  text-decoration:none;
  text-shadow:0 1px 0 #fff;
  white-space:nowrap;
  cursor:pointer;
  border-radius:3px
}

.gh-btn{
  background-color:#e6e6e6;
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#eaeaea));
  background-image:-webkit-linear-gradient(#fafafa,#eaeaea);
  background-image:-moz-linear-gradient(top,#fafafa,#eaeaea);
  background-image:-ms-linear-gradient(#fafafa,#eaeaea);
  background-image:-o-linear-gradient(#fafafa,#eaeaea);
  background-image:linear-gradient(#fafafa,#eaeaea);
  background-repeat:no-repeat;
  border:1px solid #d4d4d4;
  border-bottom-color:#bcbcbc;
  margin-left:10px
}


.gh-count{
  position:relative;
  display:none;
  margin-left:4px;
  background-color:#fafafa;
  border:1px solid #d4d4d4
}

.gh-count:before,.gh-count:after{
  content:'';
  position:absolute;
  display:inline-block;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid
}

.gh-count:before{
  top:50%;
  left:-4px;
  margin-top:-5px;
  border-width:4px 4px 4px 0;
  border-right-color:#fafafa
}

.gh-count:after{
  top:50%;
  left:-5px;
  z-index:0;
  margin-top:-5px;
  border-width:5px 5px 5px 0;
  border-right-color:#d4d4d4
}

.faq-section{
      margin: 15px 0;
      position: relative;
    }

    .faq-section p{
      display: none;
    }  

    .faq-section input{
      position: absolute;
      z-index: 2;
      cursor: pointer;
      opacity: 0;      
      display: none\9; /* IE8 and below */
            margin: 0;      
      width: 100%;
      height: 36px;
    }        

    .faq-section label+p{
      display: block;  
      color: #999;
      font-size: .85em;
      -webkit-transition: all .15s ease-out; 
      -moz-transition: all .15s ease-out;
      -ms-transition: all .15s ease-out;
      -o-transition: all .15s ease-out;
      transition: all .15s ease-out;
      /* Clipping text */
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;            
    }

    .faq-section input[type=checkbox]:checked~p{
      display: block;
      color: #444;
      font-size: 1em;
      /* restore clipping defaults */
      text-overflow: clip; 
      white-space: normal;
      overflow: visible;
      padding:5px
    }

    .faq-section label{
      font-size: 1.2em;
      background: rgba(218, 249, 219, 1);
      display: block;
      position: relative;
      height: 20px;
      padding: 7px 10px;
      font-weight: bold;
      border: 1px solid #AEDAAF;
      border-left: 3px solid #96BC96;
      text-shadow: 0 1px 0 rgba(255,255,255,.5);
      -webkit-transition: all .15s ease-out; 
      -moz-transition: all .15s ease-out;
      -ms-transition: all .15s ease-out;
      -o-transition: all .15s ease-out;
      transition: all .15s ease-out;      
    }

    .faq-section label::-moz-selection{ /* remove text selection when toggle-ing */
      background: none;
    }

    .faq-section label::selection{
      background: none;
    }

    .faq-section label:hover{
      background: #f5f5f5;
    }

    .faq-section input[type=checkbox]:checked~label{
      border-color: rgba(22, 177, 12, 1);      
      background: rgba(188, 245, 180, 1);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5deb4));
      background-image: -webkit-linear-gradient(top, #fff, rgba(188, 245, 180, 1)); 
      background-image: -moz-linear-gradient(top, #fff, rgba(188, 245, 180, 1)); 
      background-image: -ms-linear-gradient(top, #fff, rgba(188, 245, 180, 1)); 
      background-image: -o-linear-gradient(top, #fff, rgba(188, 245, 180, 1)); 
      background-image: linear-gradient(to bottom, #fff, rgba(188, 245, 180, 1));
      -moz-box-shadow: 0 0 1px rgba(0,0,0,.4);
      -webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);
      box-shadow: 0 0 1px rgba(0,0,0,.4);        
    }

    .faq-section label::before{
      content: '';
      position: absolute;
      right: 4px;
      top: 50%;
      margin-top: -6px;
      border: 6px solid transparent;
      border-left-color: inherit;  
    }

    .faq-section input[type=checkbox]:checked~label::before{
      border: 6px solid transparent;
      border-top-color: inherit;
      margin-top: -3px;
      right: 10px;  
    }
.butknop{
 text-decoration:none; 
 text-align:center; 
 padding:5px 18px; 
 border:solid 1px #3bc747; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:12px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#fcfcfc; 
 background-color:#3bc747; 
 background-image: -moz-linear-gradient(top, #a0dba5 0%, #7aab6f 100%); 
 background-image: -webkit-linear-gradient(top, #a0dba5 0%, #7aab6f 100%); 
 background-image: -o-linear-gradient(top, #a0dba5 0%, #7aab6f 100%); 
 background-image: -ms-linear-gradient(top, #a0dba5 0% ,#7aab6f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aab6f', endColorstr='#7aab6f',GradientType=0 ); 
 background-image: linear-gradient(top, #a0dba5 0% ,#7aab6f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 text-shadow: 2px 2px 2px #141111; 
 filter: dropshadow(color=#141111, offx=2, offy=2);
cursor:url(../img/link.cur), pointer;
}

.boxer {
   display: table;
   border-collapse: collapse;
}
 
.boxer .box-row {
   display: table-row;
}
 
.boxer .box {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   border: 1px solid black;
}

.history {
  margin:2px;padding:0px;
  width:99%;
  box-shadow: 1px 1px 1px #888888;
  border:1px solid #3f7f00;
  
  -moz-border-radius-bottomleft:0px;
  -webkit-border-bottom-left-radius:0px;
  border-bottom-left-radius:0px;
  
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-right-radius:0px;
  
  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;
  
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
  border-top-left-radius:0px;
}.history table{
    border-collapse: collapse;
        border-spacing: 0;
  width:100%;
  height:100%;
  margin:0px;padding:0px;
}.history tr:last-child td:last-child {
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-right-radius:0px;
}
.history table tr:first-child td:first-child {
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
  border-top-left-radius:0px;
}
.history table tr:first-child td:last-child {
  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;
}.history tr:last-child td:first-child{
  -moz-border-radius-bottomleft:0px;
  -webkit-border-bottom-left-radius:0px;
  border-bottom-left-radius:0px;
}.history tr:hover td{
  
}
.history tr:nth-child(odd){ background-color:#d4ffaa; }
.history tr:nth-child(even)    { background-color:#ffffff; }.history td{
  vertical-align:middle;
  
  
  border:1px solid #3f7f00;
  border-width:0px 1px 1px 0px;
  text-align:left;
  padding:7px;
  font-size:10px;
  font-family:Arial;
  font-weight:normal;
  color:#000000;
}.history tr:last-child td{
  border-width:0px 1px 0px 0px;
}.history tr td:last-child{
  border-width:0px 0px 1px 0px;
}.history tr:last-child td:last-child{
  border-width:0px 0px 0px 0px;
}
.history tr:first-child td{
    background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
  background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");  background: -o-linear-gradient(top,#5fbf00,3f7f00);

  background-color:#5fbf00;
  border:0px solid #3f7f00;
  text-align:center;
  border-width:0px 0px 1px 1px;
  font-size:14px;
  font-family:Arial;
  font-weight:bold;
  color:#ffffff;
}
.history tr:first-child:hover td{
  background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
  background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");  background: -o-linear-gradient(top,#5fbf00,3f7f00);

  background-color:#5fbf00;
}
.history tr:first-child td:first-child{
  border-width:0px 0px 1px 0px;
}
.history tr:first-child td:last-child{
  border-width:0px 0px 1px 1px;
}

aside{
    background:#fff;
    display:block;
    /*margin:120px auto;
    height:195px;*/
    width:auto;
    border-radius:3px;
    -moz-box-shadow: 0px 0px 5px 1px #cac8c8;
    -webkit-box-shadow: 0px 0px 5px 1px #cac8c8;
    box-shadow: 0px 0px 5px 1px #cac8c8;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#cac8c8');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#cac8c8')";
}
header{
    display:block;
    position:relative;
    padding:15px;
    height:40px;
    border-bottom:1px solid #e6e6e6;
    -webkit-box-shadow:inset 0 -1px 1px  #cac8c8;
    -mos-box-shadow:inset 0 -1px 1px  #cac8c8;
    box-shadow:inset 0 -1px 1px  #cac8c8;
    
}
.Ruser{
    float:left;
    padding:10px 9px 10px 11px;
    margin-right:15px;
    width:20px;
    border-radius:3px;
    background: #c3c3c3;
    background: -moz-linear-gradient(top,  #c3c3c3 0%, #a0a0a0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c3c3), color-stop(100%,#a0a0a0));
    background: -webkit-linear-gradient(top,  #c3c3c3 0%,#a0a0a0 100%);
    background: -o-linear-gradient(top,  #c3c3c3 0%,#a0a0a0 100%);
    background: -ms-linear-gradient(top,  #c3c3c3 0%,#a0a0a0 100%);
    background: linear-gradient(to bottom,  #c3c3c3 0%,#a0a0a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#a0a0a0',GradientType=0 );
    -moz-box-shadow: inset 0px 0px 1px 1px #9b9b9b;
    -webkit-box-shadow: inset 0px 0px 1px 1px #9b9b9b;
    box-shadow: inset 0px 0px 1px 1px #9b9b9b;
}
.user-icon{
    background-position: -13px -98px;
    width: 18px;
    height: 17px;
}
strong{
    color:#262626;
}
header>span{
    color:#7b7b7b;
    font-size:14px;
    font-style:italic;
}
.contacts{
    float:right;
    margin-top:-10px;
}
.follow-button:hover{
    background: #4e7b94;
    background: -moz-linear-gradient(top,  #4e7b94 32%, #618ba2 81%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#4e7b94), color-stop(81%,#618ba2)); 
    background: -webkit-linear-gradient(top,  #4e7b94 32%,#618ba2 81%);
    background: -o-linear-gradient(top,  #4e7b94 32%,#618ba2 81%);
    background: -ms-linear-gradient(top,  #4e7b94 32%,#618ba2 81%);
    background: linear-gradient(to bottom,  #4e7b94 32%,#618ba2 81%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7b94', endColorstr='#618ba2',GradientType=0 );

}
.follow-button{
    display:block;
    float:right;
    border-radius:3px;
    margin-left:15px;
    text-decoration:none;
    width:auto;
    background: #618ba2; 
    background: -moz-linear-gradient(top,  #618ba2 32%, #4e7b94 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#618ba2), color-stop(100%,#4e7b94));
    background: -webkit-linear-gradient(top,  #618ba2 32%,#4e7b94 100%);
    background: -o-linear-gradient(top,  #618ba2 32%,#4e7b94 100%);
    background: -ms-linear-gradient(top,  #618ba2 32%,#4e7b94 100%);
    background: linear-gradient(to bottom,  #618ba2 32%,#4e7b94 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#618ba2', endColorstr='#4e7b94',GradientType=0 );
    text-shadow:0px 1px #2a506a;
    -moz-box-shadow: inset 0px 1px #628ca2;
    -webkit-box-shadow: inset 0px 1px #628ca2;
    box-shadow: inset 0px 1px #628ca2;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#628ca2');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#628ca2')";
    -moz-box-shadow: 0px 0px 0px 1px #486f88;
    -webkit-box-shadow: 0px 0px 0px 1px #486f88;
    box-shadow: 0px 0px 0px 1px #486f88;
}
.follow-button span{
    color:#fff;
}
.follow:before{
    content:"";
    width:1px;
    height:34px;
    display:block;
    position:absolute;
    background:#3c647d;
    top:-9px;
    left:-10px;
    -moz-box-shadow: 2px 0px #618ba2;
    -webkit-box-shadow: 2px 0px #618ba2;
    box-shadow: 2px 0px #618ba2;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 90, color = '#618ba2');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 90, Color = '#618ba2')";
}
.plus{
    font-size:20px;
    float:left;
    margin:2px 18px 5px 9px;
}
.follow{
    font-size:14px;
    float:right;
    position:relative;
    margin:8px 10px 5px 0px;    
}

.setinput{
    float:right;
}
.follow-input:hover{
    background: #4fa651;
    background: -moz-linear-gradient(top, #4fa651 32%, #0e800a 81%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#4fa651), color-stop(81%,#0e800a));
    background: -webkit-linear-gradient(top, #4fa651 32%, #0e800a 81%);
    background: -o-linear-gradient(top, #4fa651 32%, #0e800a 81%);
    background: -ms-linear-gradient(top, #4fa651 32%, #0e800a 81%);
    background: linear-gradient(to bottom,  #4fa651 32%, #0e800a 81%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa651', endColorstr='#0e800a',GradientType=0 );

}
.follow-input{
    display:block;
    float:right;
    border-radius:3px;
    margin-left:15px;
    text-decoration:none;
    font-weight:bold;
    width:auto;
    background: #6ade6c;
    background: -moz-linear-gradient(top, #6ade6c 0%, #1d9919 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#6ade6c), color-stop(100%,#1d9919));
    background: -webkit-linear-gradient(top, #6ade6c 0%, #1d9919 100%);
    background: -o-linear-gradient(top, #6ade6c 0%, #1d9919 100%);
    background: -ms-linear-gradient(top, #6ade6c 0%, #1d9919 100%);
    background: linear-gradient(to bottom,  #6ade6c 0%, #1d9919 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ade6c', endColorstr='#1d9919',GradientType=0 );
    text-shadow:0px 1px #386A2A;
    -moz-box-shadow: inset 0px 1px #538848;
    -webkit-box-shadow: inset 0px 1px #538848;
    box-shadow: inset 0px 1px #538848;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#1d9919');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#1d9919')";
    -moz-box-shadow: 0px 0px 0px 1px #48884B;
    -webkit-box-shadow: 0px 0px 0px 1px #48884B;
    box-shadow: 0px 0px 0px 1px #48884B;
}
.follow-input span{
    color:#fff;
}
.followinput:before{
    content:"";
    width:1px;
    height:27px;
    display:block;
    position:absolute;
    background:#3E7D3C;
    top:-7px;
    left:-10px;
    -moz-box-shadow: 2px 0px #68A261;
    -webkit-box-shadow: 2px 0px #68A261;
    box-shadow: 2px 0px #68A261;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 90, color = '#68A261');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 90, Color = '#68A261')";
}
.plusinput{
    font-size:12px;
    float:left;
    margin:5px 20px 5px 10px;
}
.followinput{
    font-size:12px;
    float:right;
    position:relative;
    margin:7px 10px 5px 0px;    
}
.ctmn {
    border: 1px solid #9FF97E;
    background-color: #FFF;
    padding: 1px 10px;
    margin: 0px 20px;
}
.thumb {
    height: 100px;
    border: 1px solid #CFCFCF;
    margin: 10px 5px 0 0;
  }
.overload{position: absolute;
margin-left: 26px;
  z-index:1}
.text_td{color: #D0D0D0;
text-shadow: 1px 1px 1px #B6B6B6;}
.compprize1{font-size: 12px;
font-weight: bold;
color: #0A750B;}
.compprize2{font-size: 12px;
font-weight: bold;
color: #f00;}
.compprize3{font-size: 12px;
font-weight: bold;
color: #0D1F83;}
.compprize4{font-size: 12px;
font-weight: bold;
color: #360A75;
opacity:0.6}
.compprize5{font-size: 12px;
font-weight: bold;
color: #360A75;
opacity:0.5}


.ABlock {
    z-index: 10;
    position: fixed;
    bottom: 15px;
    right: 20px;
    background: #f30000;
    background: -o-linear-gradient(top, #ff1b1b 0px, #f30000 100%);
    background: -moz-linear-gradient(top, #ff1b1b 0px, #f30000 100%);
    background: -webkit-linear-gradient(top, #ff1b1b 0px, #f30000 100%);
    background: -ms-linear-gradient(top, #ff1b1b 0px, #f30000 100%);
    opacity: 1;
    margin: 5px;
    padding: 5px;
    width: 300px;
    height: 70px;
    border-radius: 4px;
    cursor: help;
    color: #fcfdfd;
    text-align: left;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.a_b_x {
    position: relative;
    top: -5px;
    float: right;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    margin: 5px;
    opacity: 0.8;
    cursor: pointer;
}
.a_b_ico {
    position: relative;
    top: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    color: #f30000;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin: 5px;
}
.a_b_t {
    position: relative;
    top: -35px;
    margin-left: 40px;
    width: 250px;
    height: 100%;
    line-height: 20px;
    display: inline-block;
}
.intab{
    color: #103c00;
    text-shadow: 1px 2px 2px gray;
}
.inspisok {
    line-height: 20px;
    margin-left: -30px;
}
.inspisok li {
    background: url('../img/arrow_up.png') no-repeat 0 4px;
    padding-left: 20px;
}
.sitename {
    color: #FFF;
    text-shadow: 1px 0px 3px #000;
    font-size: 16px;
    font-weight: bold;
}
.sitename > .dot{
   color: #4f864f;
text-shadow: 2px 0px 3px white,2px 0px 3px white;
font-weight: initial;
  }
#unity-container { position: relative; width: 100%; height: 100%; }
.messagebox{width:auto;margin-left:100px;border:1px solid #c93;background:#ffc;padding:3px;}
.messageboxok{width:auto;margin-left:100px;border:1px solid #349534;background:#C9FFCA;padding:3px;color:#008000; size:14px;}
.messageboxerror{width:auto;margin-left:100px;border:1px solid #CC0000;background:#F7CBCA;padding:3px;color:#CC0000; size:14px;}
.drag{
  border: 1px solid #E5E5E5;
  background:#b7f7b2
}

#progress_bar {
    width: 100%;
    height: 20px;
    border: 1px solid #ddd;
    margin-top: 10px;
    overflow: hidden;
}

#progress {
    width: 0%;
    height: 100%;
    background-color: #4caf50;
    transition: width 0.3s ease-in-out;
  float: left;
}
.dropzone {
    border: 2px dashed black;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    width: 95%;
}

.dropzone.dragover {
    background-color: #f0f0f0;
}