/*
	Copyright (C) Falcom GmbH, GERMANY
	All rights reserved.

	Redistribution and modification of this code is strictly prohibited.

	IN NO EVENT SHALL THE FALCOM GMBH BE LIABLE TO ANY PARTY FOR
	DIRECT, INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES ARISING OUT
	OF THE USE OF THIS SOFTWARE AND ITS DOCUMENTATION, EVEN IF THE
	FALCOM GMBH HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

	FALCOM GMBH SPECIFICALLY DISCLAIMS ANY WARRANTIES,
	INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY
	AND FITNESS FOR A PARTICULAR PURPOSE.  THE SOFTWARE PROVIDED HEREUNDER IS
	ON AN "AS IS" BASIS, AND THE FALCOM GMBH HAS NO OBLIGATION TO
	PROVIDE MAINTENANCE, SUPPORT, UPDATES, ENHANCEMENTS OR MODIFICATIONS.

 	$Id: static.css 21 2011-03-29 15:38:57Z hbrandt $

*/

body {
	font-family: Arial, Helvetica, DejaVu Sans, Bitstream Vera Sans, sans; /* Calibri, */
	font-size: 12px;
	margin: 0; 
	padding: 0;
	overflow: auto;
	color: #fff;
	background: #000 url(../img/background.png) repeat-x;
}

#FOOTER {
	position: absolute;
	text-align: center;
	bottom: 3px;
	left: 0;
	right: 0;
	color: #babdb6;
}

#DL_FRAME {
	overflow: hidden;
	width: 0;
	height: 0;
}

button {
	background: #d8d2cb url(../img/button.png) repeat-x;
	border: 1px solid #8a8a8a;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 3px 12px;
	cursor: pointer;
	margin: 0;
	height: 24px !important;
}

input {
	border: 1px solid #2e3436;
	background: #fff;
	padding: 0 4px;
	margin: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height: 16px !important;
	font-size: 12px;
	overflow: hidden;
	
}

#MAP {
	position: absolute;
	right: 444px;
	top: 56px;
	left: 16px;
	bottom: 32px;;
	background: none;
	border: 12px solid #2e3436;
	-moz-border-radius-bottomright: 24px;
	-moz-border-radius-bottomleft: 24px;
	-webkit-border-bottom-left-radius: 24px;
	-webkit-border-bottom-right-radius: 24px;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
	border-top: none;
}

#MAP_BORDER_BL {
	position: absolute;
	left: 16px;
	bottom: 32px;;
	width: 24px;
	height: 24px;
	background: none;
	z-index: 999;
	border: 12px solid #2e3436;
	-moz-border-radius-bottomleft: 24px;
	-webkit-border-bottom-left-radius: 24px;
	border-bottom-left-radius: 24px;
	border-top: none;
	border-right: none;
}

#MAP_BORDER_BR {
	position: absolute;
	right: 444px;
	bottom: 32px;;
	width: 24px;
	height: 24px;
	background: none;
	z-index: 999;
	border: 12px solid #2e3436;
	-moz-border-radius-bottomright: 24px;
	-webkit-border-bottom-right-radius: 24px;
	border-bottom-right-radius: 24px;
	border-top: none;
	border-left: none;
}

#RIGHT {
	position: absolute;
	width: 420px;
	top: 16px;
	right: 16px;
	bottom: 32px;
}


.ButtonsRight {
	position: absolute;
	right: 0;
}

#BTN_BOTTOM {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 420px;
}

#LIST_WRAPPER {
	position: absolute;
	top: 30px;
	bottom: 30px;
	left: 0;
	right: 0;
	overflow: hidden;
}

#LIST_WRAPPER select {
	float: right;	
}

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

#LIST_WRAPPER li {
	display: inline;
	padding: 4px 12px 3px 12px;
	margin: 0;
	line-height: 28px;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

#LIST_WRAPPER li.Selected {
	background: #555754;
	cursor: default;
}

#PFAL {
	position: absolute;
	top: 24px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	background: #fff;
	display: none;
}

#PFAL textarea {
	position: absolute;
	width: 100%;
	height: 100%;	
	background: #fff;
	resize: none;
}

#LIST {
	position: absolute;
	top: 24px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
	background: url(../img/list.png);
}

.PoiItem {
	position: relative;
	background: #d3d7cf;
	margin: 0 0 6px 0;
	color: #000;
}

#LIST .Selected {
	background: #436f9d url(../img/selected.png) repeat-x;
}

.PoiItem .SortHandle {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #888a85;
	cursor: pointer;
}

.PoiItem div {
	padding: 6px 6px 0 6px;
}

.PoiItem img {
	vertical-align: bottom;
}


.PoiItem .PoiItemName {
	width: 220px;
	margin: 0 9px;
}

.PoiItem .PoiItemLat, .PoiItem .PoiItemLng {
	width: 70px;
	margin: 0 12px 0 3px;
}

.PoiItem .PoiItemAlt, .PoiItem .PoiItemRad {
	width: 50px;
	margin: 0 12px 0 3px;
}

.PoiItem .PoiItemState {
	width: 30px;
	margin: 0 12px 0 3px;
}

.PoiItem .PoiItemCity, .PoiItem .PoiItemArea {
	width: 50px;
	margin: 0 12px 0 3px;
}

.PoiItem div+div+div {
	padding-bottom: 6px;
}

.PoiItem .BtnRetrieve, .PoiItem .BtnDelete {
	cursor: pointer;
}

.PoiItem .BtnRetrieve:hover, .PoiItem .BtnDelete:hover {
	opacity: 0.5;
}

.BtnDelete {
	position: absolute;
	right: 24px;
}

/* Map Control bar */
#MAP_CONTROL_BAR {
	position: absolute;
	right: 444px;
	top: 16px;
	left: 16px;
	height: 40px;;
	background: #b5d0d0 url(../img/mapcontrol.png) repeat-x;
	border-radius: 24px 24px 0 0;
	-moz-border-radius: 24px 24px 0 0;
	-o-border-radius: 24px 24px 0 0;
	-webkit-border-radius: 24px 24px 0 0;
	z-index: 999;
}

#MAP_CONTROL_BAR .Left {
	position: absolute;
	left: 0;
}

#MAP_CONTROL_BAR .Right {
	position: absolute;
	right: 0;
}

#MAP_CONTROL_BAR .ZoomBar {
	position: absolute;
	top: 11px;
	left: 242px;
	width: 396px;
}

#MAP_CONTROL_BAR .ZoomBar .ZoomOut {
	position: absolute;
	left: 0;	
	background: url(../img/controls.png) no-repeat -10px 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

#MAP_CONTROL_BAR .ZoomBar .ZoomIn {
	position: absolute;
	right: 0;	
	background: url(../img/controls.png) no-repeat -30px 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

#MAP_CONTROL_BAR .ZoomBar .SliderBar {
	position: absolute;
	left: 25px;
	right: 25px;
	top: 0;
	height: 16px;
	background: url(../img/zoombar.png) repeat-x;
}

#MAP_CONTROL_BAR .ZoomBar .Slider {
	height: 16px;
	width: 23px;
	background: url(../img/controls.png) no-repeat -50px 0;
	cursor: pointer;
}

#MAP_CONTROL_BAR .LayerSwitch {
	font-size: 16px;
	color: #eeeeec;
}

#MAP_CONTROL_BAR .LayerSwitch p {
	padding: 0 18px 0 0;
	margin: 10px 0 0 30px;
	background: url(../img/arrow-down.png) no-repeat top right;
	cursor: pointer;
}

#MAP_CONTROL_BAR .LayerSwitch ul {
	position: absolute;
	top: 40px;
	left: 18px;
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	background: url(../img/layerselector.png) repeat-x;
}

#MAP_CONTROL_BAR .LayerSwitch li {
	padding: 3px 12px;
	margin: 0;
	color: #eeeeec;
	white-space: nowrap;
}

#MAP_CONTROL_BAR .LayerSwitch li:hover {
	cursor: pointer;
	color: #d3d7cf;
	background: #2e3436;
}

#UPLOAD_FORM {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 999;
	background: rgba( 0, 0, 0, 0.7 );
}

#UPLOAD_FORM h1 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;	
}

#UPLOAD_FORM form {
	background: #ccc;
	border: 2px solid #efa54a;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	margin: -50px auto auto -150px;
	padding: 12px;
}

#UPLOAD_FORM input {
	height: 24px !important;
}

#UPLOAD_FORM button+button {
	float: right;
}