body, html {
margin:0px;
padding:0px;
text-align:center;
}
.trclass {
    margin: 1px 0 0 0;
    padding: 10px;
    background: #131931;
    color: #b2f4ff94;
    border-radius: 13px;
    font-weight: bold;
}

body {
background: url(../images/bg_body5.jpg) no-repeat center center fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: fixed
  background-attachment: fixed;
}
u {
    text-decoration: none;
}
.rules_all {
	padding: 15px;
	background: #0c101b9e;
    border: 1px solid #3f5e964f;
    -webkit-box-shadow: 0px 2px 3px #567abb78;
    color: #addff5;
}

img {
    border: 0px;
}
.rc-anchor-light {
	background: red !important;
}

a:hover {
    color: #0099ff;
}

.footer2 a{
    text-decoration: none;
    color: #ffa200;
}
.footer2 a:hover{
    text-decoration: none;
	color: #ffa200;
	opacity: 0.7;
}

#container{
position: relative;
margin:0 auto;
text-align:center;
width:1000px;
color: #ddd;
font-size: 12px;
}

#container2{
position: relative;
margin:0 auto;
text-align:left;
width:1000px;
z-index: 0;
}

#margin {
height: 10px;
}

#content_auth{
width:1000px;
min-height: 200px;
text-align: center;
color: #eee;
font-size: 12px;
font-family: "Segoe UI";
font-weight: regular;
text-shadow: 0px 1px 2px #000;
position: relative;
z-index: 9;
}

#logo-auth{
margin:-20px auto 5px auto;
background:url('../images/logo_es.png') 100% 100% no-repeat;
width:566px; height:328px;
background-size:cover ;
}

#logo-main{
    background: url(../images/logo-essence.png) 0 -5px no-repeat;
    width: 420px;
    height: 110px;
    display: block;
}

.title_log {
padding-bottom: 15px;
width: 1000px;
height: 29px;
font-weight: bold;
color: #4fbce8 !important;
text-shadow: 2px 2px 2px #2e55db;
font-size: 25px;
font-family: "Segoe UI";
font-weight: regular;
text-align: center;
}

.login_form {
text-align: center; /* Remove if you go with flex box */
width: 1000px;
display: flex; /* Add flex properties */
flex-direction: column; /*  Stack items vertically */
align-items: center;   /* Horizontally center items */
}

#in_log, #login, #password, #rpassword, #email, #captcha, #referral, #recaptcha_response_field {
width: 346px;
    height: 28px;
    color: #777;
    font-family: "Segoe UI";
    font-weight: regular;
    font-size: 14px;
    cursor: pointer;
    padding-left: 12px;
    background: #0c101b9e;
    border: 1px solid #3f5e964f;
    -webkit-box-shadow: 0px 2px 3px #567abb78;
    color: #addff5;
}

#in_log:focus, #login:focus, #password:focus, #rpassword:focus, #email:focus, #captcha:focus, #recaptcha_response_field:focus {
border: 1px solid #375c85;
box-shadow: 0px 0px 10px #5b87c9;
-webkit-box-shadow: 0px 0px 10px #5b87c9;
-moz-box-shadow: 0px 0px 10px #5b87c9;
color: #addff5;
font-family: "Segoe UI";
font-weight: regular;
font-size: 14px;
}

#in_log:hover, #login:hover, #password:hover, #rpassword:hover, #email:hover, #captcha:hover, #recaptcha_response_field:hover{
border: 1px solid #375c85;
color: #addff5;
font-family: "Segoe UI";
font-weight: regular;
font-size: 14px;
}

#in_ok {
    padding: 0px 20px 0px 20px;
    height: 33px;
    border: 1px solid #bdecff75;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    font-family: "Segoe UI";
    font-weight: bold;
    font-size: 14px;
    color: #ceecf9;
    cursor: pointer;
    background: #0c101b9e;
    border: 1px solid #3f5e964f;
    -webkit-box-shadow: 0px 2px 3px #567abb78;
    color: #addff5;
}

#in_ok:hover {
border: 1px solid #2973c7;
color: #fff;
    background: #bdecffb5;
	    border: 1px solid #bdecff75;
}

#register {
padding: 0px 20px 0px 20px;
    height: 33px;
    border: 1px solid #bdecff75;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    font-family: "Segoe UI";
    font-weight: bold;
    font-size: 14px;
    color: #ceecf9;
    cursor: pointer;
    background: #0c101b9e;
    border: 1px solid #3f5e964f;
    -webkit-box-shadow: 0px 2px 3px #567abb78;
    color: #addff5;
}

#register:hover {
border: 1px solid #2973c7;
color: #fff;
    background: #bdecffb5;
	    border: 1px solid #bdecff75;
}
.my_cop {
	    text-align: center;
    font-size: 15px;
    color: #bbf9ff;
}
.my_cop_ssl {
    color: #4fbce8;
    text-shadow: 1px 1px 1px #2e55db;
}
.my_cop_ssl:hover {
    color: #4fbce8;
    font-weight: bold;
    text-shadow: 2px 2px 2px #2e55db;
	text-decoration: none;
}
.reg_link {
  line-height: 250%;
  -moz-transition: all 0.4s 0.02s ease;
  -o-transition: all 0.4s 0.02s ease;
  -webkit-transition: all 0.4s 0.02s ease;
}

.reg_link a, .reg_link a:visited, .reg_link a:link, .reg_link a:active {
color: #4fbce8;
    text-shadow: 0px 1px 1px #2e55db;
    font-weight: bold;
    opacity: 0.7;
	transition: 0.6s;
	font-size: 18px;

}

.reg_link a:hover {
color: #4fbce8;
    text-shadow: 2px 2px 2px #2e55db;
    font-weight: bold;
    opacity: 1;
	transition: 0.6s;
}

.reg_form img{
border: 1px solid #232323;
box-shadow: 0px 1px 3px #111;
-webkit-box-shadow: 0px 1px 3px #111;
-moz-box-shadow: 0px 1px 3px #111;
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
max-width: none;
}

.check {
background: url(../images/bg_input.png) repeat-x;
border: 1px solid #232323;
border-radius: 3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
height: 23px;
width: 23px;
cursor: pointer;
padding: 2px;
}

.check:checked {
color: #375c85;
}

.reg_text {
margin:15px 0 15px 0;
font-size: 12px;
text-shadow: 0px 1px 2px #000;
-moz-transition: all 0.4s 0.02s ease;
  -o-transition: all 0.4s 0.02s ease;
  -webkit-transition: all 0.4s 0.02s ease;
}

.reg_text a, .reg_text a:link, .reg_text a:active, .reg_text a:visited {
border-bottom: 1px dashed #777;
text-shadow: 0px 1px 2px #000;
color: #fff;
-moz-transition: all 0.4s 0.02s ease;
  -o-transition: all 0.4s 0.02s ease;
  -webkit-transition: all 0.4s 0.02s ease;
}

.reg_text a:hover {
  color:#fff;
  text-decoration:none;
}

.license {
border: 1px solid #232323;
box-shadow: 0px 1px 3px #111;
-webkit-box-shadow: 0px 1px 3px #111;
-moz-box-shadow: 0px 1px 3px #111;
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
padding: 10px;
}

.license:focus {
border: 1px solid #375c85;
box-shadow: 0px 0px 10px #5b87c9;
-webkit-box-shadow: 0px 0px 10px #5b87c9;
-moz-box-shadow: 0px 0px 10px #5b87c9;
}

.license:hover {
border: 1px solid #375c85;
}

.footer2 {
margin: 0 auto 20px auto;
width: 300px;
text-align: center;
font-size: 12px;
color: #f2f2f2;
font-family: "Segoe UI";
word-spacing:10px;
}

.footer {
position: fixed;
bottom: 0px;
height: 50px;
min-width: 1000px;
width: 100%;
font-size: 12px;
font-weight: regular;
font-family: "Segoe UI";
color: #fff;
text-shadow: 0px 1px 2px #000;
z-index: 0;
}

.footer a {

}

.ft_l {
position: fixed;
left: 0px;
bottom: 0px;
padding: 5px;
text-align: left;
}

.ft_r {
position: fixed;
right: 0px;
bottom: 0px;
padding: 5px;
text-align: left;
}

.lost_susses {
margin:0 auto;
width: 250px;
padding: 10px 10px 10px 25px;
border: 3px solid #ddd;
box-shadow: 0px 1px 3px #111;
-webkit-box-shadow: 0px 1px 3px #111;
-moz-box-shadow: 0px 1px 3px #111;
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
background: url(../images/ok_alert.png) 15px center no-repeat;
}
.btn_all {
	margin-top: 14px !important;
    position: absolute;
}
.btn_1, .btn_2 {
	color: #4fbce8;
    text-shadow: 0px 1px 1px #2e55db;
    font-weight: bold;
    opacity: 0.6;
	transition: 0.6s;
}
.btn_main_1 {
	color: #4fbce8;
    text-shadow: 0px 1px 1px #2e55db;
    font-weight: bold;
    opacity: 0.6;
    transition: 0.6s;
	text-decoration: none !important;
	background: #262f4894;
    padding: 10px;
    border: 1px solid #3480c1b5;
	border-radius: 10px 10px 10px 10px;
}
.btn_main_1:hover {
	color: #4fbce8 !important;
    text-shadow: 2px 2px 2px #2e55db !important;
    font-weight: bold;
    opacity: 1;
	transition: 0.6s;
}

.btn_main_2 {
	 color: #4fbce8;
    text-shadow: 0px 1px 1px #2e55db;
    font-weight: bold;
    opacity: 0.6;
    transition: 0.6s;
	text-decoration: none !important;
	background: #262f4894;
    padding: 10px;
    border: 1px solid #3480c1b5;
	border-radius: 10px 10px 10px 10px;
}
.btn_main_2:hover {
	color: #4fbce8 !important;
    text-shadow: 2px 2px 2px #2e55db !important;
    font-weight: bold;
    opacity: 1;
	transition: 0.6s;
}
.btn_main_3 {
	 color: #4fbce8;
    text-shadow: 0px 1px 1px #2e55db;
    font-weight: bold;
    opacity: 0.6;
    transition: 0.6s;
	text-decoration: none !important;
	background: #262f4894;
    padding: 10px;
    border: 1px solid #3480c1b5;
	border-radius: 10px 10px 10px 10px;
}
.btn_main_3:hover {
	color: #4fbce8 !important;
    text-shadow: 2px 2px 2px #2e55db !important;
    font-weight: bold;
    opacity: 1;
	transition: 0.6s;
}
.btn_main_4, .btn_main_5 {
	 color: #4fbce8;
    text-shadow: 0px 1px 1px #2e55db;
    font-weight: bold;
    opacity: 0.6;
    transition: 0.6s;
	text-decoration: none !important;
	background: #262f4894;
    padding: 10px;
    border: 1px solid #3480c1b5;
	border-radius: 10px 10px 10px 10px;
}
.btn_main_4:hover, .btn_main_5:hover {
	color: #4fbce8 !important;
    text-shadow: 2px 2px 2px #2e55db !important;
    font-weight: bold;
    opacity: 1;
	transition: 0.6s;
}
.btn_main_6, .btn_main_7 {
	color: #4fbce8;
    text-shadow: 0px 1px 1px #2e55db;
    font-weight: bold;
    opacity: 0.6;
    transition: 0.6s;
	text-decoration: none !important;
	background: #262f4894;
    padding: 10px;
    border: 1px solid #3480c1b5;
	border-radius: 10px 10px 10px 10px;
}
.btn_main_6:hover, .btn_main_7:hover {
	color: #4fbce8 !important;
    text-shadow: 2px 2px 2px #2e55db !important;
    font-weight: bold;
    opacity: 1;
	transition: 0.6s;
}
.btn_main_7 {
	color: #4fbce8;
    text-shadow: 0px 1px 1px #2e55db;
    font-weight: bold;
    opacity: 0.6;
    transition: 0.6s;
	text-decoration: none !important;
	background: #262f4894;
    padding: 10px;
    border: 1px solid #3480c1b5;
	border-radius: 10px 10px 10px 10px;
}
.btn_main_7:hover {
	color: #4fbce8 !important;
    text-shadow: 2px 2px 2px #2e55db !important;
    font-weight: bold;
    opacity: 1;
	transition: 0.6s;
}
.btn_main_8, .btn_main_9 {
	 color: #4fbce8;
    text-shadow: 0px 1px 1px #2e55db;
    font-weight: bold;
    opacity: 0.6;
    transition: 0.6s;
	text-decoration: none !important;
	background: #262f4894;
    padding: 10px;
    border: 1px solid #3480c1b5;
	border-radius: 10px 10px 10px 10px;
}
.btn_main_8:hover, .btn_main_9:hover {
	color: #4fbce8 !important;
    text-shadow: 2px 2px 2px #2e55db !important;
    font-weight: bold;
    opacity: 1;
	transition: 0.6s;
}

.btn_m2 {
	padding-right: 20px;
}
.btn_1:hover, .btn_2:hover {
	color: #4fbce8;
    text-shadow: 2px 2px 2px #2e55db;
    font-weight: bold;
    opacity: 1;
	transition: 0.6s;
}
label.error {
display: block;
position: absolute;
margin-left: 688px;
margin-top: -40px;
z-index: 100;
font-size: 13px;
font-style: italic;
font-family: "Segoe UI";
color: #dc2020;
    font-weight: bold;
    text-shadow: -2px 0px 4px #000000;
}
.login_1 {
	color: #bdecff;
    text-shadow: 2px 2px 2px #3c8fb1;
}
.login_2 {
	color: #4fbce8;
    text-shadow: 2px 2px 2px #2e55db;
	font-weight: bold;
}
.pream_1 {
	color: #bdecff;
	text-shadow: 2px 2px 2px #3c8fb1;
}
.pream_2 {
	color: #4fe85b;
    text-shadow: 2px 2px 2px #196b0f;
    font-weight: bold;
}

.user_panel {
background: url(../images/user5.png) 15px 15px no-repeat #0c101b9e;
top: 0px;
position: absolute;
right: 0px;
height: 90px;
width: 300px;
color: #fff;
border: 1px solid #3f5e964f;
font-size: 12px;
font-family: "Segoe UI";
padding: 5px 5px 5px 100px;
-webkit-box-shadow: 0px 2px 3px #567abb78;
}

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

.user_panel a:hover {
color: #05ff4d;
    text-shadow: 2px 2px 2px #55cc55;
}

.gp, .gp1 {
    color: #e8ce4f;
    text-shadow: 2px 2px 2px #846e1f;
    font-weight: bold;
}


.sp {
color: #c3c3c3;
}

#main_box {
width: 1000px;
min-height: 670px;
background: #0c101b9e;
border: 1px solid #3f5e964f;
-webkit-box-shadow: 0px 2px 3px #567abb78;

}

#main_menu {
width: 1000px;
height: 81px;
background: #0c101b9e;
border: 1px solid #3f5e964f;
position: relative;
z-index: 0;
-webkit-box-shadow: 0px 2px 3px #567abb78;
}

#main_warp {
  margin: 15px auto;
  padding: 0px;
  width: 980px;
  min-height: 580px;
  text-align: left;
  padding-bottom: 15px;
  position: relative;
  z-index: 1;
}

#main_menu a#nav-block {
position: relative;
display: block;
width: 90px;
height: 70px;
float: left;
text-align: center;
padding: 5px 5px 3px 5px;
color: #bbf9ff;
border: 0px;
font-size: 14px;
text-shadow: 0px -1px 2px #000;
text-decoration: none;
}
#main_menu a#exit {
    position:  absolute;
    margin-left:910px;
	display: block;
width: 90px;
height: 70px;
float: left;
text-align: center;
padding: 5px 5px 3px 5px;
color: #fff;
border: 0px;
font-size: 14px;
text-shadow: 0px -1px 2px #000;
text-decoration: none;
}
#main_menu a#nav-block:hover, #main_menu a#exit:hover {
color: #00beea;
}
#main_menu a#nav-block.hover, #main_menu a#exit.hover {
    color: #4fbce8;
    text-shadow: 2px 2px 2px #2e55db;
    font-weight: bold;
}
#main_menu a#nav-block #img, #main_menu a#exit #img{
width: 50px;
height: 50px;
margin: 0 auto;
padding: 0px;
}
#main_menu a.ico-0 #img{
background: url(../images/ico-1.png) left top no-repeat;
}
#main_menu a.ico-1 #img{
background: url(../images/ico-2.png) left top no-repeat;
}
#main_menu a.ico-2 #img{
background: url(../images/ico-3.png) left top no-repeat;
}
#main_menu a.ico-3 #img{
background: url(../images/ico-4.png) left top no-repeat;
}
#main_menu a.ico-4 #img{
background: url(../images/ico-5.png) left top no-repeat;
}
#main_menu a.ico-5 #img{
background: url(../images/ico-6.png) left top no-repeat;
}
#main_menu a.ico-6 #img{
background: url(../images/ico-7.png) left top no-repeat;
}
#main_menu a.ico-7 #img{
background: url(../images/ico-8.png) left top no-repeat;
}
#main_menu a.ico-8 #img{
background: url(../images/ico-9.png) left top no-repeat;
}
#main_menu a#exit #img{
background: url(../images/exit.png) left top no-repeat;
}
#main_menu a#nav-block:hover #img, #main_menu a#exit:hover #img{
background-position: -50px 0px;
}
#main_menu a.hover #img {
background-position: -50px 0px;
}
#main_menu a.hover {
color: #dd9900;
}

#left {
float: left;
width: 236px;
padding: 0px;
min-height: 500px;
}

#left_block {
width: 236px;
    background: #0c101b9e;
    border: 1px solid #3f5e964f;
    -webkit-box-shadow: 0px 2px 3px #567abb78;
}

.right {
margin-left: 246px;
min-height: 580px;
width: 734px;
background: #0a0a16c4;
box-shadow: 0px 0px 3px #003f38;
-webkit-box-shadow: 0px 0px 3px #45736e;
-moz-box-shadow: 0px 0px 3px #45736e;
-khtml-box-shadow: 0px 0px 3px #45736e;
border-radius: 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
padding: 0px;
padding-bottom: 5px;
    font-family:  "Segoe UI";
    font-size:  12px;
    color: #a2a2a2;
}

.title {
    width: 724px;
    background: #0c101b9e;
    border: 1px solid #3f5e964f;
    height: 26px;
    font-family: "Segoe UI";
    font-size: 20px;
    color: #4fbce8;
	font-weight: bold;
    text-shadow: 2px 2px 2px #2e55db;
    padding: 10px 0px 10px 10px;
    text-transform: uppercase;
	    -webkit-box-shadow: 0px 2px 3px #567abb78;
}

#right_cont {
padding: 15px 10px 10px 10px;
}

#main-width {
width: 980px;
margin-left: 0px;
}

#title-width {
width: 970px;
margin-left: 0px;
position: relative;
}

#title_left {
    width: 226px;
    background: #0c101b9e;
    border: 1px solid #3f5e964f;
    -webkit-box-shadow: 0px 2px 3px #567abb78;
    height: 30px;
    font-family: "Segoe UI";
    font-size: 14px;
    color: #4fbce8;
    text-shadow: 2px 2px 2px #2e55db;
	font-weight: bold;
    padding: 8px 0px 0px 10px;
    text-transform: uppercase;
}

#table_top {
    width: 714px;
    font-family:  "Segoe UI";
    font-size:  12px;
    color: #bbf9ff;
}

.info_tab tr td {
    width: 50%;
    background: #fefefe;
}

#table_top a{
        text-decoration: none;
    font-weight: bold !important;
    /* border-bottom: 1px dashed #777; */
    color: #e8ce4f;
}

#table_top a:hover{
    text-decoration: none;
    border-bottom: 0px;
    color: #333;
}

#table_top img{
    opacity: 1;
	width: 20px;
}

#table_top tr:hover td img{
    opacity: 1;
}

#table_top tr:hover td{
    font-weight: bold;
    background: #0e172159;
}

#table_top #table_title, #table_top #table_title:hover td{
    font-weight: bold;
    height: 30px;
    color: #d2d2d2;
}

#table_top #table_title td{
    background: #232946;
    border-radius: 25px 0px 25px 0px;
}

#table_top #top3 {
    color: #e8ce4f;
    text-shadow: 2px 2px 2px #846e1f;
    font-weight: bold;
    background: #0a0c18;
}

#table_top #top3 td {
}

#table_top #top2 {
    background: #080a1580;
}

#table_top tr {
    cursor: pointer;
    background: #0a0c18;
}

#table_top tr td {
    padding: 3px 0px 3px 17px;
    height: 30px;
}

#ul_menu {
padding: 0px;
margin:  3px 0px 0px 0px;
}

#ul_menu li{
list-style: none;
height: 22px;
background: #45736e00;
padding: 6px 0px 6px 10px;
}

#ul_menu li a{
color: #bbf9ff;
font-family: "Segoe UI";
font-size: 14px;
border-bottom: 0px dashed #333;
display: block;
}

#ul_menu li:hover a{
    color: #76aeff;
    font-weight: bold;
border-bottom: 0px dashed #333;
text-decoration: none;
}


#ul_menu li:hover{
background: #191f3c;
}

.chars_tab tr td {width: 33%; padding-bottom: 2px;}

.clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}

div.blockquote {
	font-size: 12px;
	padding: 10px;
	border: 2px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #f7f7f7;
	margin-left: 10px;
	width: 500px;
}

.alt{
	position:relative;
	z-index:1;
	zoom:1;
	color:#333;
}
.alt em{
display:none;
width: 200px;
}

.alt:hover em{
	display:block;
	position:absolute;
	z-index:1;
 	background: #fff;
 	-webkit-border-radius:5px;
 	-moz-border-radius:5px;
 	border-radius:5px;
	border: 1px solid #333;
	line-height:normal;
	color:#333;
	text-decoration:none;
	padding:3px 5px;
	top:-50px;
	left: 53px;
	right:0;
}

#bcs, #bbs, #bas {
position: absolute;
border: 0px;
}

#bcs img, #bbs img, #bas img {
opacity: 1;
}

#bcs:hover img, #bbs:hover img, #bas:hover img {
opacity: 0.8;
}

#bas {
margin-left: 15px;
margin-top: 130px;
z-index: 1;
}

#bbs {
margin-left: 344px;
margin-top: 130px;
z-index: 2;
}

#bcs {
margin-left: 651px;
margin-top: 130px;
z-index: 3;
}


#shop tr td{
padding: 5px;
}

#shop tr td.s1 {
width: 50px;
}
#shop tr td.s2 {
width: 64px;
}
#shop  img.ico{
width: 50px;
}
#shop tr td.s3 {
width: 350px;
}
#shop tr td.s4 {
width: 60px;
}
#shop tr td.s5 {
width: 60px;
}
#shop tr td.s6 {
width: 150px;
}
#shop tr td.s7 {
width: 150px;
}

#shop tr  td.s2, td.s5, td.s6 {
text-align: center;
}

#shop tr td{
border-bottom: 1px dashed #f2f2f2;
}

#table_main ul li {
list-style: none;
color: #bbf9ff;
}

#table_main ul{
padding: 0px;
margin: 0px;
}

#title-width .date {
right: 10px;
color: #333;
position: absolute;
top: 7px;
text-shadow: 0px;
font-size: 10px;
font-weight: normal;
text-shadow: 0px 1px 0px #fff;
}

#table_online {
    width: 980px;
    font-family:  "Segoe UI";
    font-size:  12px;
    color: #fff;
}

#table_online a{
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px dashed #777;
    color: #fff;
}

#table_online a:hover{
    text-decoration: none;
    border-bottom: 0px;
    color: #fff;
}

#table_online tr:hover td{
    color: #fff;
    font-weight: bold;
    background: #0c0f1b;
}

#table_online #table_title, #table_online #table_title:hover td {
    background: #0c0f1b;
    font-weight: bold;
    height: 30px;
    color: #907a92;
    width: 50%;
}

#table_online tr#table_title td{
    border-top: 2px solid #0c0f1b;
    border-bottom: 2px solid #0c0f1b;
    border-left: 1px solid #0c0f1b;
    border-right: 2px solid #0c0f1b;
}


#table_online tr {
    cursor: pointer;
    background: #0c0f1b;
}

#table_online tr td {
width: 50%;
    padding: 3px 0px 3px 10px;
    height: 30px;
    border-top: 2px solid #0c0f1b;
    border-bottom: 1px solid #0c0f1b;
    border-left: 1px solid #0c0f1b;
    border-right: 2px solid #0c0f1b;
}

pink {
color: #dd0a69;
}

guard {
display: block;
float: left;
background: url(../images/ico-guard.png) 80% 80% no-repeat;
height: 18px;
width: 25px;
opacity: 0.7;
}

/* recaptcha by Romarius - это я :) */

#recaptcha_widget_div {
margin-left: 340px;
}

#recaptcha_table2 {
width: 378px;
margin: 0px 0px 0px -20px;
padding-right: 40px;
}
#recaptcha_table2 a {
position: absolute;
border: 0px;
}
#recaptcha_table2 a img {
box-shadow: none;
}
#recaptcha_response_field2 {
height: 34px;
border: 1px solid #232323;
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
background: url(../images/bg_input.png) repeat-x;
box-shadow: 0px 2px 5px #222222;
-webkit-box-shadow: 0px 2px 5px #222222;
-moz-box-shadow: 0px 2px 5px #222222;
color: #777;
font-family: "Segoe UI";
font-weight: regular;
font-size: 14px;
cursor: pointer;
padding: 0px 0px 0px 12px;
width:145px;
position: absolute;
margin:  -25px 0px 0px -22px;
}
#recaptcha_response_field2:focus{
border: 1px solid #375c85;
box-shadow: 0px 0px 10px #5b87c9;
-webkit-box-shadow: 0px 0px 10px #5b87c9;
-moz-box-shadow: 0px 0px 10px #5b87c9;
color: #000;
font-family: "Segoe UI";
font-weight: regular;
font-size: 14px;
}
#recaptcha_response_field2:hover{
border: 1px solid #375c85;
color: #000;
font-family: "Segoe UI";
font-weight: regular;
font-size: 14px;
}

#recaptcha_table3 {
width: 378px;
margin: 0px 0px 0px -20px;
padding-right: 40px;
}
#recaptcha_table3 a {
position: absolute;
border: 0px;
}
#recaptcha_table3 a img {
box-shadow: none;
}
#recaptcha_response_field3 {
height: 25px;
border: 1px solid #ddd;
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
background: #fff;
box-shadow: 0px 0px 0px #fff;
-webkit-box-shadow: 0px 0px 0px #fff;
-moz-box-shadow: 0px 0px 0px #fff;
color: #888;
font-family: "Segoe UI";
font-weight: regular;
font-size: 12px;
cursor: pointer;
padding: 0px 0px 0px 12px;
width:145px;
position: absolute;
margin:  -25px 0px 0px -22px;
}
#recaptcha_response_field3:focus{
border: 1px solid #999;
color: #333;
}
#recaptcha_response_field3:hover{
border: 1px solid #999;
}

#recaptcha_table3 #recaptcha_image {
margin-left: 130px;
}


.blue {
color: #fff;
text-transform: lowercase;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px 15px 5px 15px;
text-shadow: 0px -1px 0px #000;
cursor: pointer;
-webkit-appearance: button;
background-color: #0074cc;
background-image: -ms-linear-gradient(top,#449cc7,#449cc7);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#449cc7));
background-image: -webkit-linear-gradient(top,#08c,#449cc7);
background-image: -o-linear-gradient(top,#08c,#449cc7);
background-image: -moz-linear-gradient(top,#08c,#449cc7);
background-image: linear-gradient(top,#08c,#449cc7);
background-repeat: repeat-x;
border: 1px solid;
border-color: #05c #05c #003580;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc',endColorstr='#0055cc',GradientType=0);
filter: progid:dximagetransform.microsoft.gra
}
.blue:hover {
background: #0057C9;
}
.green {
color: #fff;
text-transform: lowercase;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px 15px 5px 15px;
text-shadow: 0px -1px 0px #000;
cursor: pointer;
-webkit-appearance: button;
background: #1b9300; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiOTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcwMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1b9300 0%, #00700b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b9300), color-stop(100%,#00700b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1b9300 0%,#00700b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1b9300 0%,#00700b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1b9300 0%,#00700b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1b9300 0%,#00700b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9300', endColorstr='#00700b',GradientType=0 ); /* IE6-8 */
border: 1px solid;
border-color: #05c #05c #003580;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

}
.green:hover {
background: #00700B;
}
.field {
height: 19px;
border: 1px solid #ddd;
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
background: #fff;
box-shadow: 0px 0px 0px #fff;
-webkit-box-shadow: 0px 0px 0px #fff;
-moz-box-shadow: 0px 0px 0px #fff;
color: #888;
font-family: "Segoe UI";
font-weight: regular;
font-size: 12px;
cursor: pointer;
width:145px;
}
.field:hover {
border: 1px solid #999;
}
.lang_panel_inner {
position: absolute;
right: 0;
top: 92px;
}
.lang_panel {
position: absolute;
right: 315px;
top: 8px;
}
#lang-btn {
background: url(../images/nav-bg.jpg) #1b1b1b;
}
#lang-btn:hover {
color: #ffa200;
}
.item-box {
width: 289px;
float: left;
margin: 10px;
position: relative;
display: block;
height: 116px;
}
.item-box .wrap {
height: 20px;
line-height: 20px;
padding: 0px 10px 4px 10px;
}
.item-box .item-title {
font-size: 16px;
font-weight: 300;
margin: 0;
line-height: 20px;
padding: 0px 10px 4px 10px;
border-bottom: 1px dashed #ddd;
overflow: hidden;
height: 20px;
position: absolute;
width: 264px;
}
.item-box .item-img {
margin: 10px;
width: 65px;
}
.item-box .item-mod {
position: absolute;
left: 99px;
top: 36px;
}
.item-box .item-mod img{
width: 13px;
}
.item-box .item-size {
position: absolute;
bottom: 20px;
left: 101px;
font-size: 10px;
}
.item-box .item-cat {
position: absolute;
bottom: 4px;
left: 101px;
font-size: 10px;
}
.item-box .item-buy {
position: absolute;
bottom: 8px;
right: 8px;
}
.item-box .item-price {
font-size: 16px;
position: absolute;
top: 59px;
right: 8px;
color: #005580;
}
.item-box .item-price .gp {

}
.item-box .item-price i {
font-size: 10px;
font-style: normal;
}
.inventory {
width: 219px;
height: 291px;
position: relative;
}
.inventory div {
position: absolute;
z-index: 1;
}
.inventory div.big {
width: 62px;
height: 62px;
}
.inventory div.small {
width: 62px;
height: 62px;
}
.inventory .patron-1 {
top: 39px;
left: 8px;
}
.inventory .patron-2 {
top: 39px;
left: 43px;
}
.inventory .weapon {
top: 77px;
left: 9px;
}
.inventory .shoe {
top: 217px;
left: 79px;
}
.inventory .gauntlet {
top: 147px;
left: 9px;
}
.inventory .hemlet {
top: 7px;
left: 79px;
}
.inventory .upper {
top: 77px;
left: 79px;
}
.inventory .lower {
top: 147px;
left: 79px;
}
.inventory .shield {
top: 147px;
left: 79px;
}
.inventory .siege {
top: 147px;
left: 79px;
}
.inventory .amulet-1 {
top: 39px;
left: 147px;
}
.inventory .amulet-2 {
top: 39px;
left: 182px;
}
.inventory .ring-1 {
top: 217px;
left: 41px;
}
.inventory .ring-2 {
top: 217px;
left: 149px;
}
.inventory div.big > img {
width: 62px;
height: 62px;
position: relative;
z-index: 1;
}
.inventory div.small > img {
width: 30px;
height: 30px;
position: relative;
z-index: 1;
}
.inventory div.big .ico {
display: none;
}
.modal-inv {
position: absolute;
width: 262px;
height: 65px;
background: #fff;
font-size: 10px;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.37);
padding: 10px;
text-align: right;
z-index: 2;
}
.modal-inv img {
width: 16px;
}

#prem_type a:link, #prem_type a:visited, #prem_type a:link, #prem_type a:active {
  text-decoration: underline;
  color: #55dd55 !important;
  -moz-transition: all 0.4s 0.02s ease;
  -o-transition: all 0.4s 0.02s ease;
  -webkit-transition: all 0.4s 0.02s ease;
}

#prem_type a:hover {
  text-decoration: underline;
  color:#77ff77 !important;
}

.gld_info {
  font-weight:normal !important;
}

.service_form {
}

.service_form input[type=button], .service_form input[type=submit] {
  background: #193450;
  padding: 5px 7px 7px 7px;
  color: #c7c7c7;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #adadad4f;
  font-family:Helvetica;
  font-size:19px;
  -o-box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  -moz-transition: all 0.25s 0.02s ease;
  -o-transition: all 0.25s 0.02s ease;
  -webkit-transition: all 0.25s 0.02s ease;
  cursor:pointer;
}

.service_form input[type=button]:hover, .service_form input[type=submit]:hover {
  background: #fff;
  color: #0066bb;
}

.service_form select {
  font-size:18px;
  height:35px;
  margin:0;
  background-color: #193450;
  color: #ababab;
  border: 1px solid #adadad85;
}

label.valid {
    color: green;
}

input.valid {
    border: 1px solid green;
}