html, body {
	height: 100%;
}

#page {
	width: 900px;
/*	height: 800px;*/
	margin: 0px auto;
	background-color: white;
	padding: 1px 10px 10px 10px;
	border-radius: 5px;
/*	height: 100%;*/
}

#mapnav {
	margin-right: 20px;
/*	width: 500px;*/
	position: absolute;
	top: 20px;
	background-color: white;
<?
	if (!isset($_GET['center']))
		echo 'display: none;';
?>
	border: 1px solid black;
	padding: 10px;
/*	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);*/
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
	border-radius: 5px; 
}

#mapnav #coord {
	text-align: center;
	margin-bottom: 10px;
}

#mapform {
	width: 650px;	
/*	float: right;*/
}

#current_coords {
	color: blue;
}

#about {
	position: absolute;
	top: 10px;
	background-color: rgba(255,255,255,0.9);
	width: 800px;
	padding: 0px 10px;
	left: 50%;
	margin-left: -400px;
	border-radius: 5px;
	overflow:auto;
	height: 600px;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
	  -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
	z-index: 20000;
}

#contact {
	  position: absolute;
  top: 10px;
  background-color: rgba(255,255,255,0.9);
  width: 800px;
  padding: 0px 10px 10px 10px;
  left: 50%;
  margin-left: -400px;
  border-radius: 5px;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
    -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
}

#contact textarea {
	width: 100%;
	height: 300px;
}

body {
        font: normal 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
/*	background: linear-gradient(#000000, #606060);*/
				background-color: #7F8D74;
}

td.mapcell {
	width: 40px;
	height: 30px;
	border: 1px solid #D0D0D0;
	text-align: center;
	background-color: #E0E0E0;
}

td.mapcell.current {
/*	background-color: #D0FFD0;*/
	border: 3px solid green;
	border: 
}

td.mapcell.toverify {
	background-color: #FFD0D0;
}

td.mapcell.onlyverify {
        background-color: #D0FFD0;
}

td.mapcell.emptymap {
	background-color: white;
}

#ressource_list label {
	display: inline-block;
	vertical-align: baseline;
	width: 200px;
	font-weight: bold;
}

.ressource_table {
	border: 1px solid #E0E0E0;
}

.ressource_table th.count {
	width: 120px;
}

.ressource_table th.lib {
	width: 200px;
}

.ressource_table td, .ressource_table th {
	text-align: center;
	border: 1px solid #F0F0F0;
	padding: 2px 10px;
}

.ressource_table.own input {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#mapform option {
	font-size: 11px;
}

a {
	text-decoration: none;
}

a:hover {
	color: red;
}

.valid {
	background-color: #D0FFD0;
}

.conflict {
	background-color: #FF0000;
}

.divider {
	background-color: #D0D0D0;
}

#openmap_filters {
	width: 200px;
	position: absolute;
	background-color: rgba(255,255,255,0.4);
	padding: 10px;	
	top: 10px;
	right: 10px;
	z-index: 20000;
	 border-radius: 5px;	
}

.ui-accordion .ui-accordion-content {
	padding: 0.5em;
}

#map_info {
	position: absolute;
	background-color: rgba(255,255,255,0.4);;
	top: 0px;
	padding: 10px;
}

.force_display {
	background-color: #B0FFB0;
}

#footer {
	position: absolute;
	bottom: 5px;
	left: 50%;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.5);
	margin-left: -125px;
	width: 350px;
	padding: 2px;
	border-radius: 3px;
	color: #404040;
}

#footer a {
	color: #404080;
}