html { overflow: hidden; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background-color: #111;
  color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

#content {
  position: relative;
}

#map {
  position: absolute;
  margin-top: 5px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#map-wrapper {
  position: relative;
  height: 100%;
}

#sidebar {
  position: absolute;
  margin: 5px;
  top: 0;
  margin-right: 4px;
  width: 380px;
  height: 100%;
  overflow: auto;
  background: #3E403F;
}

#sidebar p {
  margin: 10px;
}

#sidebar ul#sidebar-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

#sidebar ul#sidebar-list li a {
  display: block;
  border: 1px solid #9C9;
  background: #eee;
  margin: 5px;
  padding: 4px;
  font: 12px Helvetica, sans-serif;
  text-decoration: none;
  color: #444;
}

#sidebar ul#sidebar-list li.current a {
  border: 1px solid #C7FF5A;
  border-left-width: 4px;
  padding-left: 2px;
  background: #C7FF5A;
}

#sidebar ul#sidebar-list li a:hover {
  background: white;
  color: #555;
}

#sidebar ul#sidebar-list li a strong {
	 
}

#sidebar ul#sidebar-list li a span {
  font-size: 11px;
  float: right;
  font-weight: bold;
}

/* The default is the sidebar to show as per these styles 
for map-wrapper, the sidebar, and the show/hide links */
#map-wrapper { margin-right: 390px; }
#sidebar { 
  right: 0px; 
  display: block;
}

#button-sidebar-show {display:none;}
#button-sidebar-hide {display:block;}

/* When the body class is set to "sidebar off," the following
styles take effect to 1) hide the sidebar; 2) remove the right margin
for the map; 3) adjust the visibility of the show/hide links. */
body.sidebar-off #sidebar { display: none; }
body.sidebar-off #map-wrapper { margin-right: 0px; }
body.sidebar-off #button-sidebar-show { display: block; }
body.sidebar-off #button-sidebar-hide { display: none; }

#toolbar {
  background: #444;
  padding: 4px;
  border: 1px solid black;
  position: relative;
  border-bottom: 1px solid #C7FF5A;
  height: 6em;
}
/* holly hack for IE to get position:bottom right 
   see: http://www.positioniseverything.net/abs_relbugs.html
\*/
* html #toolbar { height: 1px; }
/* */
#toolbar p {
	margin-left: 10px;
	margin-top: 0;
	font-size: 90%;
}

#toolbar a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#toolbar a:hover {
  text-decoration: underline;
}

#toolbar h1 {
  margin: 0;
  margin-left: 10px;
  margin-top: 5px;
  font: bold 300% Verdana, Arial, Helvetica, sans-serif;
  color: #C7FF5A;
}

#toolbar h1 a {
  text-decoration: none;
  color: #C7FF5A;
}

#toolbar h1 a:hover {
  text-decoration: none;
}

#toolbar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#toolbar ul#sidebar-controls {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

#toolbar ul#filters {
  position: absolute;
  bottom: 5px;
  top: 5px;
  right: 5px;
}

#toolbar ul li {
  display: inline;
}

#toolbar ul li a {
  padding: 3px 6px;
  background: #C7FF5A;
  color: #666;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
}

#toolbar ul li a:hover {
  background: #A8E52F;
  color: #FFF;
  text-decoration: none;
}

#alert {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;   
  display: none;
}

#alert p {
  width: 150px;
  margin: 0 auto 0 auto;
  padding: 10px;
  background: white;
  border: 1px solid #aaa;
}

/* ----------------- */
/* Formulaire Signup */
/* ----------------- */
div#signup-form {
  width: 26em;
  padding: 20px;
  margin: 10px auto;
  background: #3E403F;
}

.title-form {
  font-weight: bold;
  font-size: 150%;
  text-align: center;
  display: block;
  margin-bottom: 10px;
  color: #C7FF5A;
}

form .signup {
  font-weight: bold;
  font-size: 0.8em;
}

form .formError { 
  margin: 5px 0;
  padding: 5px;
  background-color: #FF3300;
  color : #FFF;
  font-size: 0.8em;
  font-weight: bold;
  width: 223px;
}

form .form-element {
  margin: 4px 0;
  margin-left: 15px;
  padding: 4px;
}

form .button-form-element {
  text-align: center;
  padding: 15px;
}

form input, form select {
  color: #3179BB;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Fin formulaire Signup */

.notice {
  padding: 16px;
  color: red;
  font-weight: bold;
  font-family: 13px Verdana, Arial, Helvetica, sans-serif;
}

/* ----------------- */
/* Formulaire Login */
/* ----------------- */

div#login-form {
  width: 26em;
  padding: 20px;
  padding-left: 20px;
  margin: 0px auto;
  background: #3E403F;
}

form .button-login {
  padding-top: 15px;
  padding-left: 5px;
}

/* Fin formulaire LogIn */

/* ------------------- */
/* Formulaire Settings */
/* ------------------- */

div#settings-form {
  width: 26em;
  padding-top: 20px;
  padding-left: 15px;
  background: #3E403F;
}

form .form-settings {
  margin: 4px 0;
  margin-left: 0px;
  padding: 4px;
}

.title-settings {
  font-weight: bold;
  font-size: 150%;
  text-align: center;
  display: block;
  color: #C7FF5A;
}

.subtitle-settings {
  font-size: 0.8em;
  text-align: center;
  display: block;
  margin-bottom: 10px;
  color: #C7FF5A;
}

span#latlong {
  font-size: 0.8em;
}

/* Fin formulaire Settings */

/* ----------------- */
/*  CSS Main Tabnav  */
/* ----------------- */
.main_tabnav {
  margin: 0;
  padding: 5px 0px 20px 2px;
}

.main_tabnav ul {
  margin: 0px;
  padding: 0px;
}

.main_tabnav li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}

.main_tabnav a:link, .main_tabnav a:visited {
  float: left;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  margin: 0 10px 4px 10px;
  text-decoration: none;
  color: #9c9;
}

.main_tabnav a.active {
  border-bottom: 4px solid #C7FF5A;
  padding-bottom: 2px;
  color: #C7FF5A;
}

.main_tabnav_content {
  background: #3E403F;
  padding: 2px;
  border-top: none;
  z-index: 2;	
}

.main_tabnav li.active a:link, .main_tabnav li.active a:visited, .main_tabnav a:hover {
  border-bottom: 4px solid #696;
  padding-bottom: 2px;
  color: #C7FF5A;
}
/* _main_tabnav

/* ---------------------------- */
/*  CSS Auto-Complete Communes  */
/* ---------------------------- */
div.auto_complete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}

ul.communes  {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul.communes li.selected { background-color: #C7FF5A; }

li.commune {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 20px;
}

li.commune div.nom {
  padding-top: 1px;
  font-weight: bold;
  font-size: 12px;
  float: left;
  color: #000;
}

li.commune div.departement {
  padding-top: 1px;
  font-size: 10px;
  color: #888;
  float: right;
}

li.commune div.comment {
  padding-bottom: 2px;
  color: #555;
  font: 10px Arial, Helvetica, sans-serif;
  float: left;
}

li.commune div.no_answer {
  padding-top: 2px;
  color: #000;
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  float: left;
}

#list {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  list-style-type: none;
  width: 250px;
}

#list li {
  margin: 0;
  margin-bottom: 4px;
  padding: 5px;
  border: 1px solid #888;
  cursor: move;
 }
 /* fin autocomplete */

/* ---------------------------- */
/*      Pagination players      */
/* ---------------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination {
  padding: 2px;
}

.pagination ul {
  margin: 0;
  padding: 4px;
  text-align: right; /*Set to "right" to right align pagination interface*/
  font-size: 11px;
}

.pagination li { 
  list-style-type: none;
  display: inline;
  padding-bottom: 1px;
}

.pagination a, .pagination a:visited {
  padding: 0 5px;
  border: 1px solid #A8E52F;
  text-decoration: none; 
  color: #FFF;
}

.pagination a:hover, .pagination a:active {
  border: 1px solid #2b66a5;
  color: #000;
  background-color: lightyellow;
}

.pagination li.currentpage {
  font-weight: bold;
  padding: 0 5px;
  border: 1px solid #A8E52F;
  background-color: #A8E52F;
  color: #666;
}

.pagination li.disablepage {
 padding: 0 5px;
 border: 1px solid #929292;
 color: #929292;
}

.pagination li.nextpage {
 font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage { /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
  margin-right: 5px;
  padding-right: 0;
}

/* _pagination players

/* ---------------------------- */
/*  CSS Auto-Complete Players   */
/* ---------------------------- */
div.auto_complete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}

ul.players  {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul.players li.selected { background-color: #C7FF5A; }
    
li.player {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 20px;
}

li.player div.pseudo {
  padding-top: 1px;
  font-weight: bold;
  font-size: 12px;
  float: left;
  color: #000;
}

li.player div.country {
  padding-top: 1px;
  font-size: 10px;
  color: #888;
  float: right;
}

li.player div.comment {
  padding-bottom: 2px;
  color: #555;
  font: 10px Arial, Helvetica, sans-serif;
  float: left;
}

li.player div.no_answer {
  padding-top: 2px;
  color: #000;
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  float: left;
}

 /* fin autocomplete */

div#view-players {
  padding-top: 10px;
  background:#3E403F;
}
 
.players {
  font-weight: bold;
  font-size: 0.8em;
}

.search {
  margin: 0px 0;
  padding-top: 0px;
  margin-left: 5px;
  padding-bottom: 15px;
}

#user_pseudo {
  color: #3179BB;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}