body{
	margin:0;
	background:none;
}
#header{
	min-width:999px;
	height:auto;
	z-index: 10000;
	margin:0;
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
}
#logo{
	position:absolute;
	top:0;
	left: 50px;
	z-index:10;
	width:80px;
	height:104px;
	-moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 8px rgba(0,0,0,0.5);
}

#bottomBar ul{
	padding:0 0 0 150px;
}

#flag{
	padding:15px 22px 0 0;
}

#toolBar{
	background:#cbd2b3;
	height:80px;
	-moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 8px rgba(0,0,0,0.5);
	position:relative;
}
#oikoskopioLogo{
	position:absolute;
	top:12px;
	left:160px;
}

#searchTop{
	position:absolute;
	right:220px;
	width:230px;
	top: 35px
}

.searchBtn{
	line-height:20px;
	font-size:18px;
}

.btn-default{
	background:#7d7c70;
	color:#fff;
}
.btn-default:hover{
	background:#000;
	color:#FC0;
}
#geocoder.form-control{
	background:#eff2e6;
}
#geocoder.form-control:focus{
	border-color: #ccc;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #fff;
}

#tools{
	position:absolute;
	top:6px;
	right:20px;
	
}
#topTools{
	padding:0 0 4px 0;
	text-align:right;
}
#tools a, #btnFindPointExecute, #btnClearMeasure, #btnMapFullScreenExit {
	width:32px;
	height:32px;
	font-size:20px;
	line-height:26px;
	padding:6px 0 0 0;
	margin:0 0 0 4px;
	text-align:center;
	background:#7d7c70;
	color:#fff;
	display:inline-block;
	text-decoration:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#btnMapFullScreenExit {
	position: relative;
	left: 80px;
}
#tools a:hover, #btnFindPointExecute:hover, #btnClearMeasure:hover{
	background:#000;
	color:#FC0;
}
.tool-active{
	background:#000 !important;
	color:#FC0 !important;
}
#layerview-container-minimized {
	display: none;
	position:absolute;
	top: 115px;
	z-index: 1004;
	background: #FDFDFC;
	background: none repeat scroll 0 0 rgba(51, 51, 51, 1);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 6px rgba(0,0,0,0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	font-size: 10px !important;

	/*Vertical bar*/
	right : 0;
	bottom: 25px;
	width: 30px;
}
#layerview-container{
	position:absolute;
	top: 115px;
	z-index: 1004;
	background: #FDFDFC;
	background: none repeat scroll 0 0 rgba(51, 51, 51, 1);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 6px rgba(0,0,0,0.5);
	
	width: 352px;
	right: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	bottom: 25px;
	font-size: 10px !important;
}
#layerview {
	float: right;
	left: -10px;
	position: relative;
	top: 20px;
	width: 318px;
}

#map{
	width: 100%;
	position: absolute;
	top: 120px;
	bottom: 20px;
	left: 0px;
}
#mapFooter{
	width:100%;
	height:26px;
	background:#cbd2b3;
	position: fixed;
	bottom:0;
	-moz-box-shadow: 0px -1px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px -1px 8px rgba(0,0,0,0.5);
	box-shadow: 0px -1px 8px rgba(0,0,0,0.5);
	z-index:10000;
}

.olControlScaleLineBottom {
	display: none !important;
}
.qtip {
	max-width: 500px !important;
	font-size: 10px !important;
}
#btnFindPointExecute{
	position: absolute;
	top: 10px;
	right: 3px;
}
.inptFindPoint {
	height: 32px;
	position: relative;
  top: 2px;
}
.ghost-text {
	color: #999 !important;
}
.layer-legend {
	font-size: 20px;
}
#scale {
	font-size: 10px;
	float: left; 
	margin-left: 5px; 
	margin-top: 2px;
}
#scalebar {
	font-size: 10px;
	float:left;
	margin-top: 2px;
	margin-left: 4px;
}
#mouseposition, .mouseposition-label {
	float:right;
	font-size:10px;
	margin-top:4px;
	position: relative;
}
#mouseposition {
	font-weight:bold;
	right: 4px;
}
.mouseposition-label {
	right: 6px;
}
#btnSetSRS {
	text-decoration:none;
	float: right;
	margin-top: 6px;
	right: 10px;
	position: relative;
}
#btnSetSRS > span.icon-cogs {
	font-size: 16px;
	color: #7D7C70;
}
#layerview-container-minimized > a {
	position:relative;
	position:absolute;
	text-decoration:none;

	top: 50%;
}
#layerview-container-minimized span.icon-arrow-left {
	font-size: 24px;
	color:#7d7c70;
	font-weight: bold;
	top:5px;
	position:relative;
	text-decoration:none;
}
#layerview-container-minimized span.layerview-toogle-label {
	font-size: 18px;
	color:#333333; 
	font-weight: bold;
	font-family:WWF,Arial,Helvetica,sans-serif;
}
#layerview-hide {
	float: right;
	height: 100%;
	left: -17px;
	position: relative;
	width: 18px;
}
#layerview-hide > a {
	text-decoration:none;
	position:relative;
	top: 50%;
}
#layerview-hide span.icon-arrow-right {
	font-size: 24px;
	color:#7d7c70;
	font-weight: bold;
}
#dlgSRS {
	display: none;
}
#dlgSRS > div[name="srs-code"] > span:first-child {
	display: inline-block;
	height: 20px;
	vertical-align: middle;  
}
#dlgSRS > div[name="srs-code"] > span:last-child {
	margin-left: 20px;
}
#dlgSRS > div[name="srs-code"]:hover {
	background-color: #CBD2B3;
	cursor: pointer;
}
.ui-menu-item > a {
	color: #333333 !important;
}
.ui-menu-item > a.ui-state-focus, #measureModes .ui-state-active {
	background: linear-gradient(to bottom, #BDC4A2, #D8E0BA) repeat-x scroll 0 0 #CBD2B3 !important;
	color: #333 !important;
	font-weight: bold !important;
}
#dlgMeasureContent {
	text-align: center;
}
#measureOutput {
	font-size: 24px;
	font-weight: bold;
	font-family: WWF,Arial,Helvetica,sans-serif;
	top: 8px;
}
#btnClearMeasure {
	top: 5px;
}
#btnClearMeasure, #measureOutput {
	position: relative;
}

.slctTimeContainer {
    position: absolute;
    left: 55px;
    text-align: center;
    top: 10px;
    width: 335px;
}
.slctTimeContainer .ui-slider {
    height: 1.9em;
}
.slctTimeContainer .ui-slider .ui-slider-handle {
    height: 2.3em;
    width: 1.8em;
}
.slctTimeContainer .ui-slider span.ui-slider-label {
    font-weight: bold;
    left: -20px;
    min-width: 69px;
    top: 10px;
}
.timeExtraContent {
    height: 235px;
    position: relative;
    top: 60px;
}
.feautureinfo-popup-link {
	color: #666 !important;
	text-decoration: none !important;
	font-weight: bold;
}
.qtip-title {
	margin-right: 18px;
	font-size: 12px;
}
.ui-dialog .ui-dialog-titlebar {
	font-size: 12px !important;
}
.ui-front, .ui-dialog, .ui-tooltip {
	z-index: 99999 !important;
}

.rounded {
	border-radius: 3px;
	display: block;
}

.dropdown-menu.open {
	z-index: 33333 !important;
}

.lignite-observatory-info-ui-dialog > .ui-dialog-titlebar > .ui-dialog-title {
    font-size: 22px !important;
    text-align: center;
    width: 100%;
}