/* XXX Review all entries ! */

html { overflow: hidden; }

.x-panel-body p {
	margin:10px;
	font-size:12px;
}  

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

body { margin: 10px; }

#content {
     margin-top: 10px;
     position: relative;
}

#map {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 1px solid #aaa;
}

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

#sidebar p {
     margin: 10px;
}

ul#gliders-list, ul#tasks-list {
     list-style: none;
     padding: 0;
     margin: 0;
}

ul#gliders-list li a, ul#tasks-list li a {
     display: block;
     border: 1px solid #ddd;
     background: #eee;
     margin: 5px;
     /* Hack for scroll bar */
     margin-right: 18px;
     padding: 4px;
     font: 12px Helvetica, sans-serif;
     text-decoration: none;
     color: #444;
}

ul#gliders-list li.current a, ul#tasks-list li.current a {
     border: 1px solid #444;
     border-left-width: 3px;
     padding-left: 2px;
}

ul#gliders-list li a:hover, ul#tasks-list li a:hover {
     background: white;
     color: #555;
}

ul#gliders-list li a strong, ul#tasks-list li a strong {
     display: block;
}
ul#gliders-list li a span, ul#tasks-list li a span {
     font-style: italic;
     font-size: 11px;
}

ul#gliders-list img, ul#tasks-list img {
	float: right;
}

body.sidebar-right #map-wrapper { margin-right: 300px; }
body.sidebar-right #sidebar { right: 0; }

body.nosidebar #map-wrapper { margin: 0; }
body.nosidebar #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }

#header {
     background: white;
     padding: 4px;
     border: 1px solid black;
     position: relative;
}
/* holly hack for IE to get position:bottom right 
   see: http://www.positioniseverything.net/abs_relbugs.html
\*/
* html #header { height: 1px; }
/* */

#header h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

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

#header ul li {
     display: inline;
}

#header ul li a {
     padding: 3px 6px;
     color: #444;
     text-decoration: none;
     font-size: 12px;
}

#header ul li a:hover {
     color: #aaa;
     background: #444;
}

#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;
}

body.loading #alert { display: block; }

/* Waypoint Details display */

.infowindow .title {
	color: red;
}

.infowindow .type {
	color: green;
}

.infowindow .other {
	color: blue;
}

.infowindow .latitude, .infowindow .longitude {
	color: black;
}

.infowindow img {
	float: left;	
}