.trade_center {
        background-color: black;
        margin: 0px;
        padding: 5px;
        border: 2px double #333333;
        vertical-align: top;
        text-align: left;
        height: 400px;
        width: 50%;
        font-size: 14px;
}
.trade_center td {
        vertical-align: top;
        text-align: left;
        font-size: 14px;
        padding: 5px;
}
td
{
	border: 0px solid;
}
#ships_header_link{
	height:405px;
	overflow:auto;
}
div.buildUnit{
	border: 1px solid #736F6E;
	background-color: black;
	font-size:10px;
	padding:5px;
	float:left;
	width:185px;
	height:80px;
	margin:5px;
}
div.aBuildWrapper{
	float:left;
	margin:5px;
}
div.aBuild{
	width:70px;
	height:75px;
	border: 1px solid grey;
	background-color: black;
	font-size:10px;
	cursor:pointer;
}
div.aInfo{
	position:absolute;
	margin-top:-77px;
	//margin-top:-76px;
	border:1px solid gray;
	z-index:9;
	width:200px;
	height:200px;
	//height:206px;
	background:black;
}
@media all and (min-width: 0px) {
    div.aInfo { margin-top:-77px; height:202px; }
}
div.aBuild div.imgDiv{
	position:relative;
	z-index:8;
}
div.aBuild div.imgDiv.hover{
	z-index:10;
}
div.aInfo div.cost{
	margin-left:70px;
	text-align:left;
}
div.aInfo div.cost table{
	text-align:left;
}
div.aInfo div.header{
	text-align:center;
	font-weight:bold;
	font-size:10px;
}
div.aInfo div.help{
	text-align:center;
	font-size:10px;
	height:50px;
	overflow:auto;
	font-style:italic;
}
div.aInfo div.controls{
	text-align:center;
}
div.aInfo div.controls input{
	font-size:10px;
	cursor:pointer;
}
div.aInfo div.controls input.leftBtn, input.rightBtn, input.buildQty{
	width:10px;
}


div.qBuildWrapper{
	float:left;
	margin:5px;
}
div.qBuild{
	width:70px;
	height:70px;
	border: 1px solid grey;
	background-color: black;
	font-size:10px;
	cursor:pointer;
}
div.qInfo{
	position:absolute;
	margin-top:-72px;
	//margin-top:-76px;
	border:1px solid gray;
	z-index:9;
	width:200px;
	height:70px;
	//height:76px;
	background:black;
}
@media all and (min-width: 0px) {
    div.qInfo { margin-top:-74px; height:72px; }
}

div.qBuild div.imgDiv{
	position:relative;
	z-index:8;
}
div.qBuild div.imgDiv.hover{
	z-index:10;
}
div.qInfo div.cost{
	margin-left:70px;
	text-align:left;
	margin-top:5px;
}
div.qInfo div.cost table{
	text-align:left;
}
div.qInfo div.header{
	text-align:center;
	font-weight:bold;
	font-size:10px;
}
div.qInfo div.help{
	text-align:center;
	font-size:10px;
	height:60px;
	overflow:auto;
	font-style:italic;
}
div.qInfo div.controls{
	margin-top:10px;
}
div.qInfo div.controls input{
	font-size:10px;
	float:left;
	cursor:pointer;
}
div.qInfo div.controls input.leftBtn, input.rightBtn, input.buildQty{
	width:10px;
}



div.canBuildWrapper{
	float:left;
	margin:5px;
}
div.canBuild{
	width:70px;
	height:70px;
	border: 1px solid grey;
	background-color: black;
	font-size:10px;
	cursor:pointer;
}
div.buildInfo{
	position:absolute;
	margin-top:-72px;
	//margin-top:-76px;
	border:1px solid gray;
	z-index:9;
	width:200px;
	height:200px;
	//height:206px;
	background:black;

}
@media all and (min-width: 0px) {
    div.buildInfo { margin-top:-74px; height:202px; }
}
div.canBuild div.imgDiv{
	position:relative;
	z-index:8;
}
div.canBuild div.imgDiv.hover{
	z-index:10;
}
div.buildInfo div.cost{
	margin-left:70px;
	text-align:left;
}
div.buildInfo div.cost table{
	text-align:left;
}
div.buildInfo div.header{
	text-align:center;
	font-weight:bold;
	font-size:10px;
}
div.buildInfo div.help{
	text-align:center;
	font-size:10px;
	height:60px;
	overflow:auto;
	font-style:italic;
}
div.buildInfo div.controls input{
	font-size:10px;
	float:left;
	cursor:pointer;
}
div.buildInfo div.controls input.leftBtn, input.rightBtn, input.buildQty{
	width:10px;
}
div.popup3{
	border: 1px solid #736F6E;
	background-color: black;
	font-size:10px;
	padding:5px;
	opacity:0.8;
	clear:both;
}
span.tabheader{
	border: 1px solid #736F6E;
	background-color: black;
	font-size:10px;
	padding:2px;
	opacity:0.8;
	float:left;
	margin-left:-1px;
	margin-bottom:-1px;
}
span.tabheader.active{
	background-color: #736F6E;
	color:black;
}
html, body {
        margin: 0px;
        border-spacing: 0px;
        padding: 0px;
        background-image: url("../image/fon.jpg");
        background-attachment: fixed;
        background-position: 100% 0%;
        background-repeat: no-repeat;
        color: white;
        font-family: Verdana;
        font-size: 10px;
        background-color: black;
        height: 100%;
        scrollbar-3dlight-color: black;
        scrollbar-arrow-color: white;
        scrollbar-base-color: black;
}
img.topimage{
height:29px;
}
div {
        margin: 0px;
        border-spacing: 0px;
        padding: 0px;
}
a.menu {
        color: #737a8a;
        text-decoration: none;
        font-size: 14px;
        font-family: Verdana;
        font-weight: 600;
}
a.menu:visited {
        color: #737a8a;
        text-decoration: none;
        font-size: 14px;
        font-family: Verdana;
        font-weight: 600;
}

a.menu:hover {
        color: #999999;
        text-decoration: none;
        font-size: 14px;
        font-family: Verdana;
        font-weight: 600;
}
div.top_menu {
                height: 24px;
                background: url('../image/menu.png');
                padding-top: 4px;
        }

img {
        border: 0px;

}
div.top_menu_img {
	vertical-align: middle;
	text-align: center;
	float: left;
	width: 12%;
        }
.top_menu_image {
	width: 64px;
	height: 64px;
}

textarea {
      border-style: ridge;
      border-width: 1px;
      border-color: #777777;
      background-color: #222222;
      margin-left: 0;
      margin-right: 0;
      color: #FFFFFF;
      font-size: 12px;
      font-family: Verdana;

}
input, select {
      color: #FFFFFF;
      border-style: ridge;
      border-width: 1px;
      border-color: #777777;
      background-color: #222222;
      margin-left: 0;
      margin-right: 0;
      font-size: 12px;
      font-family: Verdana;
}
.construct {
      font-size: 10px;
}
table {
        text-align: center;
        margin: 0px;
        vertical-align: top;
}


.manual {
        text-align: left;
        vertical-align: top;
        margin: 20px;
        width: 80%;
        height: 100%;
}
.f_12 {
        font-size: 12px;
}

.view_big {
        text-align: center;
        vertical-align: top;
}
table.view_block {
        width:100%;

}

pre {
        font-size: 12px;
        font-family: Verdana;
}

td.head {
        font-size: 11px;
        font-family: Verdana;
}
td.post_author {
        vertical-align: top;
        text-align: center;
        font-size: 12px;
        font-family: Verdana;
        width: 100px;
        border: 1px;
        border-style: double;
        border-color: gray;
        background: #101010;
        padding: 3px;
}
td.post_author_info {
        vertical-align: top;
        text-align: center;
        font-size: 10px;
        font-family: Verdana;
        border: 1px;
        border-style: double;
        border-color: gray;
        background: #101010;
        padding: 3px;
}
td.post_text {
        vertical-align: top;
        text-align: left;
        font-size: 12px;
        font-family: Verdana;
        border: 1px;
        border-style: double;
        border-color: gray;
        background: #050505;
        padding: 3px;
}

td.block_main {
        width: 100%;
        text-align: left;
        vertical-align: top;
        border-width: 1px;
        border-color: blue;
        border-style: double;
        background-image: url('../image/back3.jpg');
        background-attachment: fixed;
        height:300px;
        font-size: 10px;
        font-family: Verdana;
        }
td.forum_block_main {
        width: 100%;
        text-align: left;
        vertical-align: top;
        border-width: 1px;
        border-color: blue;
        border-style: double;
        background-image: url('../image/back3.jpg');
        background-attachment: fixed;
        height: 100%;
        font-size: 10px;
        font-family: Verdana;
        }

td.block_title {
        text-align: left;
        font-weight: bold;
        font-size: 12px;
        width: 100%;
        height: 30px;
        border-width: 1px;
        border-color: black;
        border-style: double;
        background-color: #505050
}
td.fleet_title {
        text-align: left;
        font-weight: bold;
        font-size: 10px;
        width: 100%;
        height: 15px;
        border-width: 1px;
        border-color: black;
        border-style: double;
        background-color: #505050
}
a.small {
   text-decoration: underline;
        font-size: 10px;
        font-family: Verdana;
}
a.small:visited {

        text-decoration: underline;
        font-size: 10px;
        font-family: Verdana;
}

a.small:hover {
        color: white;
        text-decoration: none;
        font-size: 10px;
        font-family: Verdana;

}
a.small_bomb {
        color: pink;
        text-decoration: none;
        font-size: 10px;
        font-family: Verdana;
        cursor: pointer;
}
a.small_bomb:visited {
        color: pink;
        text-decoration: none;
        font-size: 10px;
        font-family: Verdana;
        cursor: pointer;
}

a.small_bomb:hover {
        color: red;
        text-decoration: underline;
        font-size: 10px;
        font-family: Verdana;
        cursor: pointer;

}
.new_mail {
        font-size: 10px;
        font-weight: 400;
}
.headimg {
        position: relative;
        top: 2px;
}
.head_small {
        font-size: 10px;
        font-family: Verdana;
}
div.scroll {
}
div.scroll3 {
}
div.my_fleet_scroll {
        width: 100%;
        height: 500px;
}
div.fleet_scroll {
        overflow: auto;
        height:190px;
}
div.forum_scroll2 {
        overflow: auto;
        height: 100%;
}
div.scroll2 {
        overflow: auto;
        height:480px;
        scrollbar-3dlight-color: black;
        scrollbar-arrow-color: white;
        scrollbar-base-color: black;
}
div.forum_scroll {
        overflow: auto;
        height:80%;
        width:100%;
        scrollbar-3dlight-color: black;
        scrollbar-arrow-color: white;
        scrollbar-base-color: black;
        text-align: center;
}
div.forum_scroll {
        width:100%;
        text-align: left;
}
.fleet_name {
        color: white;
        text-decoration: none;
        font-size: 12px;
        font-family: Verdana;
        font-weight: bold;
}
.fleet_name_small {
        color: white;
        text-decoration: none;
        font-size: 10px;
        font-family: Verdana;
        font-weight: bold;
        cursor: pointer;
}
.fleet_name_small_fly {
        color: gray;
        font-size: 10px;
        font-family: Verdana;
        font-weight: bold;
        cursor: pointer;
}
.fleet_name_small_lock {
        color: white;
        font-style: italic;
        font-size: 10px;
        font-family: Verdana;
        font-weight: bold;
}
td.copyright {
        color: gray;
        font-size: 10px;
        text-align: center;
        vertical-align: middle;
        width:100%;
}
.left {
        text-align: left;
        font-family: Verdana;
        font-size: 10px;
}
.center {
        text-align: center;
        font-family: Verdana;
        font-size: 10px;
}
.right {
        text-align: right;
        font-family: Verdana;
        font-size: 10px;
}
.justify {
        text-align: right;
}
.middle {
        vertical-align: middle;
}
.top {
        vertical-align: top;
}
.noborder {
        border-style: none;
        border-width: 0px;
}
.invisible {
        visibility: hidden;
}
.message
{
        left: 20px;
        top: 50px;
        width: 200px;
        height: 100px;
        position: absolute;
        visibility: hidden;
}
.t_message
{
        background-color: black;
        border: 1px;
}
.msg {
        background-color: #222222;
        border: 1px;
        width: 100%;
        text-align: left;
}
.help_message {
        text-align: center;
        visibility: hidden;

}
div.quote {
        vertical-align: top;
        text-align: left;
        font-size: 10px;
        font-family: Verdana;
        border: 1px;
        border-style: double;
        border-color: gray;
        background: #151515;
        padding: 3px;
}
div.quote_title {
        vertical-align: top;
        text-align: left;
        font-size: 10px;
        font-style: italic;
        font-family: Verdana;
        border-style: none;
        background: #050505;
        padding: 3px;
}
.i {
        font-style: italic;
}
.b {
        font-weight: bold;
}
.s {
        text-decoration:  line-through;
}
.small {
        font-size: 10px;
}
.building {
        border-style: dotted;
        border-color: white;
        border-width: 0px;
        border-bottom-width: 1px;
}
.pl_list {
        text-align: left;
        margin-left: 10px;
}
table.weapons {
        border: 1px solid #000000;
}
.full {
        height: 70%;
}
.spoiler {
        padding-left: 8px;
}
.b_center {
        text-align: center;
        font-size: 12px;
}
/* ###################################### */

.smalltext, .mediumtext, .largetext
{
font-family: Verdana, Helvetica;
color: #EBEBEB
}
input.signature {
        font-style: italic;
}
.private_links {
background-color: #1B1B1B;
border-style: solid;
border-color: white;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
text-align: right;
padding: 5px;
padding-right: 10px;


}
.smalltext
{
font-size : 10px;
}
.edit
{
font-size : 9px;
font-style: italic;
}

.mediumtext
{
font-size : 11px;
}


.largetext, TD.row1, TD.row2
{
font-size : 13px;
}


/* Text on the Category Row */

.catrowtext
{
font-family:  Verdana;
font-size : 13px;
color: #000000;
font-weight: bold;
}

/* Text on the Top Row */

.toprowtext
{
font-family: Verdana, Helvetica;
font-size : 9px;
color: #000000;
font-weight: bold
}

/* Alternating Cell Colors */

TD.catrow
{
font-family:  Verdana;
font-size : 13px;
color: #000000;
font-weight: bold
}

/* Text on the Top Row */

TD.toprow
{
font-family: Verdana, Helvetica;
font-size : 9px;
color: #000000;
font-weight: bold
}

TD.row1
{
background-color: #1B1B1B;
}


TD.row2
{
background-color: #0F0F0F;
vertical-align: top;
}


/* Some More Cell Properties */




TD.tableborder
{
background-color: #000000;
}


/* Links to a forum on the Index */

a.forumlink, a.forumlink:link, a.forumlink:visited, a.forumlink:active
{
text-decoration: none;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
font-family: Verdana, Helvetica
}


a.forumlink:hover
{
text-decoration: underline;
font-size: 11px;
font-weight: bold;
color: #576E90;
font-family: Verdana, Helvetica
}

/* Links to a topic while viewing a forum */

a.topiclink, a.topiclink:link, a.topiclink:active, a.topiclink:visited
{
text-decoration: none;
font-weight: normal;
font-size: 12px;
color: #FFFFFF;
font-family: Verdana, Helvetica
}


a.topiclink:hover
{
text-decoration: underline;
font-weight: normal;
font-size: 12px;
color: #576E90;
font-family: Verdana, Helvetica
}
a.pagelink, a.pagelink:link, a.pagelink:active, a.pagelink:visited
{
text-decoration: none;
font-weight: normal;
font-size: 9px;
color: #FFFFFF;
font-family: Verdana, Helvetica
}


a.pagelink:hover
{
text-decoration: underline;
font-weight: normal;
font-size: 9px;
color: #576E90;
font-family: Verdana, Helvetica
}


a.yellowlink, a.yellowlink:link, a.yellowlink:active, a.yellowlink:visited
{
text-decoration: none;
font-size: 10px;
color: #444444;
font-family: Verdana, Helvetica
}


a.yellowlink:hover
{
text-decoration: underline;
font-size: 10px;
color: #444444;
font-family: Verdana, Helvetica
}


a.catlink, a.catlink:link, a.catlink:visited, a.catlink:active
{
text-decoration: none;
font-weight: bold;
font-size: 13px;
color: #000000;
font-family: Verdana
}


a.catlink:hover
{
text-decoration: underline;
font-weight: bold;
font-size: 13px;
color: #000000;
font-family: Verdana
}


a.toprowlink, a.toprowlink:link, a.toprowlink:visited, a.toprowlink:active
{
text-decoration: none;
font-weight: bold;
font-size: 9px;
color: #000000;
font-family: Verdana, Helvetica
}


a.toprowlink:hover
{
text-decoration: underline;
font-weight: bold;
font-size: 9px;
color: #000000;
font-family: Verdana, Helvetica
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
        font-weight: bold; border: #000000; border-style: none; font-size: 10px;}
td.row3Right,td.spaceRow {
        background-color: #333333; border: #333333; border-style: solid; }
        .forumline        { background-color: #111111; border: 1px none #333333; }

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #CCCCCC; }
a.gen,a.genmed,a.gensmall { color : #F8A406; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover        { color : #FFFFFF; text-decoration: underline; }
/* a.gen:visited,a.genmed:visited,a.gensmall:visited { color : #F8A406; text-decoration: none; } */
.toprowtext
{
font-family: Verdana, Helvetica;
font-size : 9px;
color: white;
font-weight: bold
}
/* Alternating Cell Colors */

TD.catrow
{
font-family:  Verdana;
font-size : 13px;
color: #000000;
font-weight: bold
}

/* Text on the Top Row */

TD.toprow
{
font-family: Verdana, Helvetica;
font-size : 9px;
color: #000000;
font-weight: bold
}
.private_list {
border: 1px white solid;
padding: 1px;
text-align: left;
background-color: black;
}
.private_menu {
padding: 1px;
}
.private_text {
font-size : 12px;
border: 1px white solid;
border-top: 0px;
padding: 5px;
text-align: left;
background-color: black;
}
.clickbutton {
margin: 1px;
border: 1px #CCCCCC solid;
background-color: #111111;
width: 100px;
text-align: center;
color: white;
cursor: pointer;
}
.private_top_list {
border-bottom: 1px #CCCCCC solid;
color: #CCCCCC;
}
.private_message {
cursor: pointer;
color: aqua;
font-style: italic;
}


/* ################## */

div.popup2{
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid grey;
        background-color:#10477d;
        font-size:11px;
        padding:5px;
}
div.popup{
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid grey;
        background-color:dodgerblue;
        opacity:  0.6;
        filter: alpha(opacity=60);
        width:250px;
        font-size:11px;
        padding:5px;
}
div.popup input{
        border:1px solid grey;
        background:white;
        color:black;
        font-size:10px;
        margin-left:5px;
        margin-bottom:5px;
}
.turn {
 	position: absolute;
 	margin-top: 2px;
	margin-left: 4px;
	font-size: 8px;
	font-weight: bold;
	color: white;
}
div.f_own{
        float:left;
}
div.f_other{
                float:right;
}
div.f_enem{
                float:left;
}
div.f_all{
                float:right;
}
div.m_bat{
                float:left;
}
div.map_div {
        border:1px solid black;
        width: 32px;
        height: 32px;
        display: block;
        position: static;
        text-align: left;
        vertical-align: top;
}
div.map_div:hover {
        width: 32px;
        height: 32px;
        border: 1px solid blue;
}

div.map_div.own{
        background-image: url('../image/map/planets/own.png');
}
div.map_div.enemy{
        background-image: url('../image/map/planets/enemy.png');
}
div.map_div.ally{
        background-image: url('../image/map/planets/ally.png');
}
div.map_div.no{
        background-image: url('../image/map/planets/no.png');
}
div.map_div.geo_no{
        background-image: url('../image/map/planets/geo_no.png');
}
div.map_div.geo_good{
        background-image: url('../image/map/planets/geo_good.png');
}
div.map_div.geo_bad{
        background-image: url('../image/map/planets/geo_bad.png');
}
div.map_div.never{
        background-image: url('../image/map/planets/never.png');
}
div.map_div.nnew{
        background-image: url('../image/map/planets/geo_no.png');
}

td.map.l0r0{
        border-right-color: #555555; border-right-width: 1px; border-right-style: solid;
        border-bottom-color: #555555; border-bottom-width: 1px; border-bottom-style: solid;
}
td.map.l1r0{
        border-right-color: #555555; border-right-width: 1px; border-right-style: dotted;
        border-bottom-color: #555555; border-bottom-width: 1px; border-bottom-style: solid;
}
td.map.l0r1{
        border-right-color: #555555; border-right-width: 1px; border-right-style: solid;
        border-bottom-color: #555555; border-bottom-width: 1px; border-bottom-style: dotted;
}
td.map.l1r1{
        border-right-color: #555555; border-right-width: 1px; border-right-style: dotted;
        border-bottom-color: #555555; border-bottom-width: 1px; border-bottom-style: dotted;
}
#mapwrapper{
        background: black url('../image/2.jpg') repeat;
}
div.map_div div img{
        width:12px;
}
td.map {
        background-color: transparent;
        margin: 0px;
        padding: 0px;
        width: 32px;
        height: 32px;
        font-family: Verdana;
        font-size: 6px;
                opacity:                                 .8;
        filter:                                 alpha(opacity = 80);
        zoom:                                         1;
        cursor:pointer;
        }
table.map_main {
        background-color: transparent;
        margin: 0px;
        padding: 0px;
        border: 1px double #e5e5e5;
}

td.map_menu {
        background-color: black;
        margin: 0px;
        padding: 0px;
        border: 2px double #333333;
        vertical-align: top;
        text-align: left;
        height: 620px;
        opacity: 0.8;
        filter:                                 alpha(opacity = 80);
        zoom:                                         1;

}
.menu_item_big {
      font-size: 12px;
      font-weight: bold;
      cursor: pointer;
}
.menu_item {
      font-size: 11px;
      font-weight: bold;
      cursor: pointer;
}
.menu_item_medium {
      font-size: 11px;
      font-weight: bold;
      cursor: pointer;
}
.menu_item_small {
      font-size: 10px;
      font-weight: bold;
      cursor: pointer;
}
.menu_div {
        width: 100%;
        border-bottom: 1px solid #333333;
        padding: 2px;
        padding-bottom: 5px;
}
.unit {
        text-align: center;
        border-bottom: 1px solid gray;
}
.coord-b {
        font-size: 10px;
        color: gray;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #333333;
}
.coord-r {
        font-size: 10px;
        color: gray;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #333333;
}
.m_link {
        font-size: 12px;
        cursor: pointer;
}
.m_link:hover {
        font-size: 12px;
        color: white;
        cursor: pointer;
}
.m_link:visited {
        font-size: 12px;
        cursor: pointer;
}
.corr{
	background: transparent url(../image/korr.gif) repeat scroll 0 2px;
	margin-top:27px;
	margin-left:-1px;
	height:2px;
	position:absolute;
}
.rob{
	background: transparent url(../image/korr.gif) repeat scroll 0 3px;
	margin-top:30px;
	margin-left:-1px;
	height:2px;
	position:absolute;
}
.lvl5{
	width:2px;
}
.lvl10{
	width:3px;
}
.lvl15{
	width:4px;
}
.lvl20{
	width:5px;
}
.lvl25{
	width:6px;
}
.lvl30{
	width:7px;
}
.lvl35{
	width:8px;
}
.lvl40{
	width:10px;
}
.lvl45{
	width:12px;
}
.lvl50{
	width:14px;
}
.lvl55{
	width:16px;
}
.lvl60{
	width:18px;
}
.lvl65{
	width:20px;
}
.lvl70{
	width:22px;
}
.lvl75{
	width:24px;
}
.lvl80{
	width:26px;
}
.lvl85{
	width:28px;
}
.lvl90{
	width:30px;
}
.lvl95{
	width:32px;
}
.lvl100{
	width:34px;
}
/* ################ */

.c_main {
        background-color: black;
        margin: 0px;
        padding: 5px;
        border: 2px double #333333;
        vertical-align: top;
        text-align: left;
        height: 600px;
        width: 25%;
}
.c_down {
        background-color: black;
        margin: 0px;
        padding: 5px;
        border: 2px double #333333;
        vertical-align: top;
        text-align: left;
        height: 200px;
        width: 50%;
}
.c_center {
        background-color: black;
        margin: 0px;
        padding: 5px;
        border: 2px double #333333;
        vertical-align: top;
        text-align: left;
        height: 400px;
        width: 50%;
}
.c_constr {
        background-color: black;
        margin: 0px;
        padding: 5px;
        border: 2px double #333333;
        vertical-align: top;
        text-align: left;
}
.c_menu {
        font-size: 12px;
        font-weight: bold;
}
.c_field {
        margin: 1px;
        border: 1px #CCCCCC solid;
        background-color: #111111;
        width: 100%;
        text-align: center;
        color: white;
        font-size: 12px;
        cursor: pointer;
}
.c_gray {
        color: gray;
        border-right: 1px gray solid;
        border-bottom: 1px gray solid;
}
.c_simple {
        border-right: 1px #DDDDDD solid;
        border-bottom: 1px #CCCCCC solid;
}
.c_detail {
        margin-left: 4px;
        cursor: pointer;
}
.c_detail:hover {
        margin-left: 6px;
        cursor: pointer;
}
.c_link {
        font-size: 10px;
        color: aqua;
        cursor: pointer;
}
.c_link:visited {
        font-size: 10px;
        color: aqua;
        cursor: pointer;
}
.c_link:hover {
        font-size: 10px;
        color: white;
        cursor: pointer;
        text-decoration: underline;
}
/* ######### */
/*******************   Сброс дефолтных значений     **********************/

*, html, body
{
  margin:0;
  padding:0;
}

html, body
{

  background-color:#000;
  line-height: 1.4;
  cursor:default;
  background:#000 url(../image/background.jpg) no-repeat left top;

}

body, table, p
{
  font-family: Verdana;
  font-size:12px;
  color:#EBEBEB;
}

a
{
  font-family: Verdana;
  font-size:12px;
  color:#99BEC4;
}


img, table
{
  border:0;
}

a
{
  text-decoration:underline;
}

a:hover
{
  text-decoration:none;
}

.clear_all
{
  clear:both;
}

ul, li
{
  list-style: none;
}


/*******************   Структура     **********************/

.rasporka
{
  position:relative;
  min-width:1000px;
  width:100%;
  clear: both;
  background: url(../image/bg.png) repeat-x 0px 90px;
  height: 120px;
}
.main {
  background-image:url(../image/bg_t.png);
}

.podporka
{
  position:relative;
  min-width:1000px;
  width:100%;
  clear: both;
  background: url(../image/bg_n.png) repeat-x 0px 0px;
}


.index
{
  position:relative;
  width:1000px;
  margin: 0px auto;
}

#right
{
  position:relative;
  float:left;
  width:359px;
  height: 495px;
  border-right:1px solid #243948;
}

#left
{
  position:relative;
  float:left;
  width:280px;
  height: 495px;
  border-right:1px solid #243948;
}

.wrap
{
  position: relative;
  min-height: 495px;
  clear:both;
}


#center
{
  position:relative;
  float:left;
  width:358px;
  border-right:1px solid #243948;
  height: 495px;
}

#cap
{
  position:relative;
  height:90px;
}


.clearfix:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#footer
{
  position: relative;
  overflow: hidden;
}

/*****************     Прочие стили     **********************/

.logo
{
  position: absolute;
  top: 33px;
  left: 20px;
  background: url(../image/logo.png) no-repeat top left;
  width: 206px;
  height: 51px;
  cursor: pointer;
  display: block;
}

.clock
{
  position: absolute;
  top: 0px;
  right: 443px;
  background: url(../image/clock.png) no-repeat left top;
  width: 113px;
  height: 21px;
  color:#71D6F4;
  text-align: center;
  padding: 2px 0px 0px 0px;
}

.menu
{
  list-style: none;
  float:right;
  background-color: #04283F;
}

.menu li
{
  list-style: none;
  float: left;
  width: 90px;
}

.menu li a
{
  display: block;
  height: 30px;
  border-right:1px solid #243948;
  color:#7E99AA;
  text-decoration: none;
  font-size: 13px;
  text-align: center;
  position: relative;
}

.first
{
  border-left:1px solid #243948;
}


.menu li a span
{
  display: block;
  padding: 6px 0px 0px 0px;
}

.menu li a:hover
{
  display: block;
  height: 30px;
  background: url(../image/menu_active.gif) no-repeat top left;
}

.menu li a.active
{
  background: url(../image/menu_active.gif) no-repeat top left;
}

.menu_top
{
  position: absolute;
  top: 5px;
  left: 124px;
  color:#fff;
  font-size: 14px;
}

.menu_top.right
{
  position: absolute;
  top: 5px;
  left: 560px;
  color:#fff;
  font-size: 14px;
  text-align: left;
}

.bonuses{
  position: absolute;
  top: 5px;
  left: 876px;
}

.menu_top li
{
  float: left;
  width: 165px;
  position: relative;
}

.menu_top li i
{
  font-style: normal;
  display: block;
  padding: 5px 0px 0px 37px;
  position: relative;
}


.menu_top span
{
  position: absolute;
  top: 0px;
  left: 0px;
  border:0px solid #51768D;
  width:28px;
  height:28px;
}

h3
{
  font-weight: bold;
  font-size: 14px;
  color:#fff;
  padding-bottom: 15px;
}

#left .content
{
  padding: 20px 0px 0px 20px;
}

#left .content li
{
  padding-bottom: 8px;
  padding-right: 90px;
  position: relative;
}

#left .content li span
{
  position: absolute;
  left: 150px;
  top:0px;
  text-align: left;
}

#right .content
{
  padding: 20px 0px 0px 15px;
}

#center .content
{
  overflow: hidden;
  position: absolute;
  height: 495px;

  width:340px;

  float: left;
}


#slider-vertical
{
  float: right;
  margin-top:10px;
}


#right .content ul
{
  padding-bottom: 20px;
}


#right .content li
{
  padding-bottom: 8px;
  padding-right: 90px;
  position: relative;
}

#right .content li span
{
  position: absolute;
  left: 220px;
  top:0px;
  text-align: left;
}

.bonus
{
  overflow: hidden;
  position: relative;
  margin-bottom: 8px;
}

.bonus .name
{
  width: 140px;
  float: left;
  text-align: right;
  margin-right: 12px;
}

.bonus .line
{
  float: left;
  width: 120px;
  border:1px solid #043B58;
  padding: 1px;
  overflow: hidden;
  position: relative;
  top: 3px;
  margin-right: 10px;
}

.bg1
{
  background: url(../image/bg1.gif) repeat-x top left;
  height: 7px;
  float: left;
}

.bg2
{
  background: url(../image/bg2.gif) repeat-x top left;
  height: 7px;
  float: left;
}

.planet
{
  overflow: hidden;
  color:#fff;
  border-bottom:1px dotted #243948;
  padding-bottom: 0px;
  min-height:80px;
  margin-left:4px;
}

.queue{
	font-style:italic;
	font-size:11px;
}

.planet .img
{
  vertical-align: middle;
  width: 80px;
  float: left;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.planet .img img
{

margin-top:10px
}

.planet .img2
{
  margin: 0px 0px;
}


.planet_p
{
  margin-left: 90px;
}

.planet_name
{
  color:#fff;
  font-size: 14px;
  padding: 5px 0px 5px 0px;
}

.planet ul
{
  overflow: hidden;
}

.planet li
{
  float: left;
  width: 70px;
  position: relative;
  margin-bottom: 8px;
}

.planet li i
{
  font-style: normal;
  display: block;
  padding: 0px 0px 0px 23px;
  position: relative;
}


.planet span
{
  position: absolute;
  top: 0px;
  left: 0px;
  border:0px;
  width:14px;
  height:14px;
}

.menu .icon
{
  position: absolute;
  cursor: pointer;
  left: 24px !important;
}

.menu .i1
{
  background: url(../image/i1.png) no-repeat top left;
  width: 48px;
  height: 49px;
  top: -52px;
  left: 34px;
}

.menu .i2
{
  background: url(../image/i2.png) no-repeat 3px 5px;
  width: 48px;
  height: 49px;
  top: -52px;
  left: 34px;
}

.menu .i3
{
  background: url(../image/i3.png) no-repeat top left;
  width: 48px;
  height: 49px;
  top: -48px;
  left: 42px;
}

.menu .i4
{
  background: url(../image/i4.png) no-repeat top left;
  width: 48px;
  height: 49px;
  top: -45px;
  left: 38px;
}

.menu .i5
{
  background: url(../image/i5.png) no-repeat top left;
  width: 48px;
  height: 49px;
  top: -48px;
  left: 38px;
}

.menu .i6
{
  background: url(../image/i6.png) no-repeat top left;
  width: 48px;
  height: 49px;
  top: -50px;
  left: 40px;
}

.menu .i7
{
  background: url(../image/i7.png) no-repeat top left;
  width: 48px;
  height: 49px;
  top: -51px;
  left: 40px;
}

.menu .i8
{
  background: url(../image/i8.png) no-repeat top left;
  width: 48px;
  height: 49px;
  top: -46px;
  left: 38px;
}

.menu a:hover .i1
{
  background: url(../image/i1_a.png) no-repeat 6px 3px;
}

.menu a:hover .i2
{
  background: url(../image/i2_a.png) no-repeat 3px 5px;
}

.menu a:hover .i3
{
  background: url(../image/i3_a.png) no-repeat 1px 1px;
}

.menu a:hover .i4
{
  background: url(../image/i4_a.png) no-repeat 5px -1px;
}

.menu a:hover .i5
{
  background: url(../image/i5_a.png) no-repeat 3px 2px;
}

.menu a:hover .i6
{
  background: url(../image/i6_a.png) no-repeat 1px 3px;
}

.menu a:hover .i7
{
  background: url(../image/i7_a.png) no-repeat -2px 4px;
}

.menu a:hover .i8
{
  background: url(../image/i8_a.png) no-repeat 6px 4px;
}

.footer_header a
{
  font-size: 14px;
  color:#fff;
}

.footer_header
{
  font-size: 14px;
  color:#fff;
  display: block;
  background: url(../image/punct.png) no-repeat 0px 6px;
  padding:0px 0px 3px 18px;
}

.footer_left
{
  width: 315px;
  float: left;
  margin-right: 45px;
}

.footer_right
{
  width: 230px;
  float: left;
}


.footer_center
{
  width: 300px;
  float: left;
  margin-right: 60px;
}

#footer
{
  padding: 25px 0px 0px 0px
}

#footer p
{
  padding: 0px 0px 12px 20px;
  line-height: 1.8;
  font-size: 11px;
}

#scrolled {
  position: relative;
}

.hidden{
	display:none;
}

.politic0{
	display:none;
}
.politic1{
	background:url(../image/ico/p_ico.png);
	width:16px;
	height:16px;
	position:absolute;
	margin-top:2px;
	border: 1px solid gray;
	opacity: 0.6;
}
.politic2{
	background:url(../image/ico/m_ico.png);
	width:16px;
	height:16px;
	position:absolute;
	margin-top:2px;
	border: 1px solid gray;
	opacity: 0.6;
}
.politic3{
	background:url(../image/ico/e_ico.png);
	width:16px;
	height:16px;
	position:absolute;
	margin-top:2px;
	border: 1px solid gray;
	opacity: 0.6;
}
.b_center {
        text-align: center;
        font-size: 12px;
}

