*{
	margin:0;
	padding:0;
}
body, .left, .right, #menus, #main, .main, .side{
	background-color: #00111D !important;
}
#main{padding:20px; position:relative;clear:both;}
img{
	border:0 none;
	display: inline;
}
table, table tr, table td {
	border-collapse:collapse;
	border-spacing:0;
	vertical-align: top;
}
.left{
	min-width:0;
	text-align:right;
	width:50%;
}
.right{
	min-width:0;
	text-align:left;
	width:50%;
}
.center{
	min-width: 1001px;
	width: 1001px;
}
.side{
	width: 222px;
	max-width: 222px;
}
.main{
	width: 779px;
}
.up{	
	height:500px;
}
#left1{
	
	width: 100%;
	height: 48px;	
}
#left2{	
	width: 100%;
	height: 295px;	
}
#info{
	width:212px;
	padding-left:10px;
	height: 100%;
}
#logobottom,#info0,#info1,#infobottom{
	background-repeat: no-repeat;	
}
#logobottom{
	margin-top:3px;
	background-position: 0 0;
	height:11px;
}
#info0{
	margin-top:3px;
	background-position: 0 -11px;
	height:13px;
}
#info_content{
	background-image: url('./styles/genom/theme/genomimages/info0000.png') !important;
	background-repeat: repeat-y !important;
	height: 100%;
	padding:4px 15px;
	overflow: auto;
	
	
	font-family: Verdana, sans-serif;
	color: #6cf6ff;
	font-size: 10pt;
}
#info1{
	background-position: 0 -25px;
	height:13px;
}
#infobottom{
	margin-top:3px;
	background-position: 0 -38px;
	height:11px;
}
#menus{
	float:left;
	width:706px;
	}
#menu{	
	height: 41px;
}
#submenu{
	margin-top: 3px;
	height: 31px;
}
#right1{
	width: 100%;
	height: 48px;	
}

#right2{
	width: 100%;
	height: 295px;	
}
.up1{
	height:500px;
}
#left3{	
	width: 100%;
	height: 63px;
}
#right3{
	width: 100%;
	height: 63px;
}

#info_content, #copyright, a, #main{
	font-family: Verdana, sans-serif;
	color: #6cf6ff;
	font-size: 10pt;
	text-decoration: none;
}
a:hover{color:#fff;text-decoration: underline;}
#copyright{
	line-height:63px;
}
#copy{
	background: url('./styles/genom/theme/genomimages/footer00.png') 0 0 no-repeat;
}
#menu span{
	background-position: 0 0 ;
	background-repeat: no-repeat;
	width:116px;
	height:39px;
	float:left;
}
#player{
	background-image: url('./styles/genom/theme/genomimages/map00000.png');
}
#genelab{
	background-image: url('./styles/genom/theme/genomimages/genelab0.png');
}
#diplomacy{
	background-image: url('./styles/genom/theme/genomimages/diplomac.png');
}
#clans{
	background-image: url('./styles/genom/theme/genomimages/clans000.png');
}
#settings{
	background-image: url('./styles/genom/theme/genomimages/settings.png');
}
#logout{
	background-image: url('./styles/genom/theme/genomimages/logout00.png');
}
#submenu span{
	background-position:0 0;
	background-repeat:no-repeat;
	width:131px;
	height:26px;
	float:left;
	margin-right: 1px;
}

.map { border: 1px solid #000000;}
.map td { min-width: 10px; width: 10px; height: 10px; text-align: center; }
.nonreach {background-color: #808080;}
.reach {background-color: #FFF;}
.tooltip {visibility: hidden; position: absolute; font: normal 8pt sans-serif; z-index: 2; padding: 3px; border: solid 1px; background: #FFF;}
#mapholder{float:left;}
#mapholder div, #mapholder td{text-align:center;margin:auto;vertical-align: middle;}
.point{
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	border:0;	
}
.ver:hover{background-position: 0 -34px;}
.hor:hover{background-position: 0 -42px;}
#up,#down{
	width:42px;
	height:34px;
}
#left,#right{
	width:34px;
	height:42px;
}

.cl{clear:both;}
.fll{float: left;}
.flr{float: right;}
