html, body{
 margin : 0px;
 padding : 0px;
 background-color: #ffffff;
 color: #666666;
 /*min-width: 1200px;*/
}

.hidden{display: none;}
.vertical{vertical-align: middle;}
.noborder{border: none;}
.center{text-align: center;}
.font_normal{font-size: 12px;}
	
div#mapContainer{
	position : absolute;
	left: 0px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	background-color: #666666;
	overflow: hidden;
	z-index: 1;
}

div#coordinate_x, .coordinate_x{
	position: absolute;
	width: 1px;
	border-left:1px solid #8937af;
	z-index: 50;
}

div#coordinate_y, .coordinate_y{
	position: absolute;
	height: 1px;
	border-top:1px solid #8937af;
	z-index: 50;
}

div#zoom{
	position: absolute;
	top: 25px;
	left: 25px;
	width: 24px;
	border: none;
	z-index: 75;
	background-color: none;
	overflow: hidden;
}

div#overview{
	position: absolute;
	bottom: 25px;
	left: 25px;
	height: 100px;
	width: 100px;
	border:2px solid #c0c0c0;
	z-index: 75;
	background-color: #737373;
	overflow: hidden;
}

div#overview_area{
	position: absolute;
	height: 1px;
	width: 1px;
	border:1px solid #8937af;
	z-index: 78;
}

div#x_y{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 15px;
	width: 100%;
	border-top:1px solid #c0c0c0;
	background-color: #f5f5f5;
	text-align: center;
	font-size: 12px;
	padding-top:2px;
	z-index: 79;
}

div#content{
	position : absolute;
	left: 0px;
	top: 30px;
	right: 0px;
	bottom: 0px;
	padding: 10px;
	z-index: 1;
}

div#login{
	position : absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 10px;
	text-align: center;
	z-index: 1;
	background-color: #2b2b2b;
}

div#login input, div#login button{
	width:200px;
	height: 20px;
	background-color: #666666;
	color: #f5f5f5;
	border: 1px solid #f5f5f5;
}

div#map_info{
	position : absolute;
	right: 25px;
	top: 25px;
	bottom: 25px;
	width: 280px;
	padding: 20px;
	z-index: 55;
	border: 2px solid #666666;
	background-color : #f5f5f5;
	overflow-y: auto;
}

div.tile{
    position: absolute;
	color: white;
	text-align : center;
}

div.tile_info{
    position: absolute;
	color: white;
	text-align : center;
	z-index: 54;
	/*border: 1px solid white;*/
}

div.tile_content{
    position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	/*border:2px solid white;*/
}

div#info{
	overflow : auto;
	position : absolute;
	border-bottom : solid 1px #666666;
	height : 70px;
	top : 30px;
	right : 0px;
	left : 0px;
	background-color : #f5f5f5;
	z-index : 10;
}

div#menu{
	position : absolute;
	height : 30px;
	top: 0px;
	right: 0px;
	left: 0px;
	background-color: #2d2d2d;
	line-height: 30px;
	z-index: 10;
}




div#menu a.menu{
	position: relative;
	color : #cccccc;
	text-decoration: none;
	display: inline-table;
	padding-left: 10px;
	padding-right: 10px;
}

div#menu a.menu:hover{
	background-color: #404040;
}


div#current_coordinates{
	width:450px;
	height: 70px;
	padding-left: 15px;
	text-align: left;
	line-height: 70px;
}

div#coordinates{
	position: absolute;
	width:300px;
	right:0px;
	top:0px;
	height: 35px;
	padding-right:13px;
	text-align: right;
	line-height: 70px;
	vertical-align: middle;
}

input.coordinates{
	width: 50px;
	height:20px;
	border : 1px solid #666666;
	padding: 0px;
	margin: 0px;
}

button.coordinates{
	width: 50px;
	height:20px;
	border : 1px solid #666666;
	padding: 0px;
	margin: 0px;
}

.table_line,.table_line_no_back{
	display: table;
	clear: both;
	margin: 0;
	padding: 0;
}

.table_title{
	display: table;
	clear: both;
	margin: 0;
	padding: 0;
}

.table_line:hover{
	background-color: #c0c0c0;
}

ol li.cell{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 125px;
	height:30px;
	line-height: 30px;
	text-align:center;
	border: 1px solid #e5e5e5;
}

ol li.cell_techno_title{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 125px;
	height:60px;
	line-height: 60px;
	text-align:center;
	border: 1px solid #e5e5e5;
}

ol li.cell_techno_title_double{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 125px;
	height:60px;
	line-height: 30px;
	text-align:center;
	border: 1px solid #e5e5e5;
}

ol li.cell_techno_big_title{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 400px;
	height:60px;
	line-height: 60px;
	text-align:center;
	border: 1px solid #e5e5e5;
}

ol li.cell_techno{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 125px;
	height:30px;
	line-height: 30px;
	text-align:center;
	border: 1px solid #e5e5e5;
}

ol li.cell_techno_big{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 400px;
	height:30px;
	line-height: 30px;
	text-align:left;
	border: 1px solid #e5e5e5;
}

ol li.cell_techno_desc{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 904px;
	height:30px;
	line-height: 30px;
	text-align:left;
	border: 1px solid #e5e5e5;
}
ol li.cell_none{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 881px;
	height:30px;
	line-height: 30px;
	text-align:center;
	border: 1px solid #e5e5e5;
}

ol li.cell_none_six{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 755px;
	height:30px;
	line-height: 30px;
	text-align:center;
	border: 1px solid #e5e5e5;
}

ol li.cell_none_sept{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 956px;
	height:30px;
	line-height: 30px;
	text-align:center;
	border: 1px solid #e5e5e5;
}

ol li.bigcell{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 200px;
	height:30px;
	line-height: 30px;
	text-align:center;
	border: 1px solid #e5e5e5;
}


ol li.fullcell{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 871px;
	height:100px;
	line-height: 20px;
	padding:5px;
	border: 1px solid #e5e5e5;
	overflow: auto;
}

ol li.empty{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 125px;
	height:30px;
	border: 1px solid #e5e5e5;
	background-color: #f0f0f0;
}

ol li.bigempty{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 200px;
	height:30px;
	border: 1px solid #e5e5e5;
	background-color: #f0f0f0;
}

input.list, select.list{
	width: 115px;
	height: 20px;
	border: 1px solid #e5e5e5;
}

a.planete{
	text-decoration: none;
	font-weight: bold;
	color: inherit;
}

.secteur_content{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	overflow-y: auto;
}

.planet_content{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	overflow-y: auto;
}

.secteur{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}

ol li.secteur_cell{
	display: table-cell;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 70px;
	min-width: 70px;
	height:70px;
	line-height: 35px;
	text-align:center;
	border: 1px solid #e5e5e5;
}

.secteur_cell_white{
	background-color: #eaeaea
}

.secteur_cell_grey{
	background-color: #c9c9c9
}

.image{
	display: table;
	clear: both;
	margin: 0;
	padding: 0;
}

ol li.image_cell{
	display: block;
	float: left;
	margin: 0;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	width: 100px;
	height:50px;
	line-height: 50px;
	text-align:center;
	border: 1px solid #e5e5e5;
	background-color: #000000;
	color:#e5e5e5;
}

ol li.image_cell img{
	vertical-align: middle;
}

.title_section{
	clear: both;
	display: block;
	background-color: #f0f0f0;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	font-weight: bold;
}

.nb_planets{
	display: block;
	height: 30px;
	width: 800px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

#list_planet, #list_vsx, #list_vortex, #list_others{min-height: 400px;}

#list_planet_page ul.content{margin:0px;padding:0px;}

#list_planet_page .page_navigation{
	width:881px;
	text-align: center;
	padding-bottom: 17px;
}

#list_planet_page .page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#404040;
}

#list_planet_page{
	height:725px;
}

#list_planet_page .no_more{
    background-color: white !important;
    color: gray !important;
    cursor: default !important;
}

#list_planet_page .ellipse{
}

#list_planet_page .active_page{
	background-color:white !important;
	color:black !important;
}

ol.planets_mod,ol.pwd_mod, ol.user_add{
	width: 664px;
}

ol li.planets_mod_line,ol li.pwd_mod_line, ol li.user_add_line{
	display: table-row;
}

ol li.planets_mod_line ul{
	display: table-cell;
	margin: 0;
	padding: 0;
	padding-left:10px;
	line-height: 40px;
	width: 150px;
	text-align:right;
}

ol li.pwd_mod_line ul, ol li.user_add_line ul{
	display: table-cell;
	margin: 0;
	padding: 0;
	padding-left:10px;
	line-height: 40px;
	width: 175px;
	text-align:right;
}

ol li.planets_mod_line ul.valid_cell,ol li.pwd_mod_line ul.valid_cell,ol li.user_add_line ul.valid_cell{
	display: table-cell;
	margin: 0;
	padding: 0;
	padding-left:10px;
	line-height: 40px;
	width: 400px;
	text-align:left;
	font-size: 12px;
}

ol li.planets_mod_line input, ol li.planets_mod_line select,ol li.pwd_mod_line input,ol li.user_add_line input, ol li.user_add_line select{
	height:20px;
	width:200px;
	border: 1px solid #e5e5e5;
	padding:0;
	margin: 0;
}

ol li.planets_mod_line textarea{
	height:100px;
	width:200px;
	border: 1px solid #e5e5e5;
	padding:0;
	margin: 0;
}

ol li.planets_mod_line button,ol li.pwd_mod_line button,ol li.user_add_line button{
	height:20px;
	width:200px;
	border: 1px solid #e5e5e5;
}

.hidden{
	display: none;
}

.error{
	color: red;
	font-weight: bold;
}

.valid{
	color: green;
	font-weight: bold;
}

.info_content{
	display: table-row;
	margin: auto;
}
.info_img{
	display: block;
	background-color: #000000;
	width:50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 3px solid #666666;
	float: left;
	margin-bottom: 20px;
}

.info_img img{
	vertical-align: middle;
}

.info_id{
	display: block;
	line-height: 50px;
	height: 50px;
	text-align: left;
	padding-left: 15px;
	float: left;
	white-space: nowrap;
	padding-top: 2px;
}

.info_info{
	clear: both;
	display: block;
}

.info_info > ul{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

.info_info ul.title{
	width: 100px;
	text-align: right;
	white-space: nowrap;
}

.info_line{
	display: block;
	border-bottom: 1px solid #e5e5e5;
	clear: both;
	line-height: 20px;
	height: 20px;
}

.index_info{
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
}

.index_group{
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	font-weight: bold;
}

.index_group_member{
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 35px;
}

.index_member{
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
}

a.exit {
	position: absolute;
	display: block;
	right: 7px;
	top: 0px;
	height: 30px;
}

img.exit{
	border: none;
	vertical-align: middle;
}

.clear{
	clear: both;
}

.check_on{display:inline;}
.check_off{display:none;}
.check_img{padding-left: 5px;vertical-align: bottom}
.sup_img{padding-left: 5px;vertical-align: middle}
.v_top{vertical-align: top}

@media (min-width: 1000px){
	div#menu{
		height : 30px;
	}
	div#content{
		top : 30px;
	}

}

@media (max-width: 999px){
	div#menu{
		height : 60px;
	}
	div#content{
		top : 60px;
	}
}