

div.disclaimer {
    position:absolute;
    top:1px;
    right:10px;
    color:#396EA2; 
}

div.disclaimer, div.disclaimer a, div.disclaimer a:hover {
    font-size:10px;
    font-weight: normal;
    padding:0px 1px;
    color:#396EA2;
}

div.disclaimer a:hover {
    text-decoration: underline; 
}



/**
 * Basic Typography
 */
body {
    font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #222;
    background: #fff;
}

a[href] {
    color: #436976;
    background-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
    color: #003a6b;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h1 {
    font-size: 130%;
    margin-bottom: 0.5em;
}
h2 {
    font-size: 120%;
    margin-bottom: 0.3em;
    margin-top: 0.8em;
}



div.disclaimer {
    color: #396EA2;
    position: absolute;
    right: 10px;
    top: 1px;
}
div.disclaimer, div.disclaimer a, div.disclaimer a:hover {
    color: #396EA2;
    font-size: 10px;
    font-weight: normal;
    padding: 0 1px;
}
div.disclaimer a:hover {
    text-decoration: underline;
}



/* Label for layer in layer switcher */
.labelSpan {
    font-size: 11px;
}


.cid-bold {
    font-weight: bold;
}


#cidLocationSearchForm {
    font-size: 10px;
    background-color: #eeeeee;
    /*border: solid 1px #666666;*/
    color: #000000;
    z-index: 2000;
    position: absolute;
    top: 18px;
    left: 104px;
}

#cidLocationSearchForm div{
    display:inline;
    padding: 2px 2px;
}

.cid-ui-location-search-img {
    vertical-align:middle;
    cursor: pointer; 
}



#map {
    position:absolute;
	top: 154px;
    bottom: 10px;
    left: 4px;
	right: 4px;
	border: 1px solid #999;
}



#copernicus_logo {
    position:absolute;
    z-index: 1005;
	padding:4px;
	top: 15px;
    left: 101px;
	width:auto;
	background-color: #eee;
	layer-background-color:#eee; 
	opacity: 0.75; 
}


#layer-panel-title {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 8px;
	color: #074a8b;
}


#jeodpp-title {
	position:absolute;
	z-index: 1005;
	top: 154px;
	left: 4px;
	right: 4px;
	font-size: 20px;
	font-weight: bold;
	color: #074a8b;
	background-color: #eee;
	border: 1px solid #999;
	padding: 2px 8px;
	layer-background-color:#eee; 
	opacity: 0.85;
}


#jeodpp-info-pane {
	position:absolute;
	z-index: 1005;
	top: 198px;
	left: 10px;
	width: 250px;
	height: auto;
	font-size: 13px;
	padding: 8px;
	color: #074a8b;
	background-color: #fff;
	box-shadow: -2px 0 8px rgba(0,0,0,0.3);
	overflow: auto;
	border-radius: 4px;
}

#jeodpp-info-pane p {
	margin-top: 0.2em;
	margin-bottom: 0.1em;
}


#jeodpp-layer-legend_0 {
	position:absolute;
	z-index: 1080;
	right: 11px;
	bottom: 30px;
	background-color: #fff;
	font-size: 14px;
	padding: 6px;
	box-shadow: -2px 0 8px rgba(0,0,0,0.3);
	border-radius: 4px;
}

#jeodpp-layer-legend_0 {
	padding: 4px;
	border-radius: 3px;
	background-color: #eee;
	opacity: 1;
	border: 2px solid #999;
	width: 100%;
}


#jeodpp-copernicus {
	position:absolute;
	z-index: 1004;
	bottom: 40px;
	left: 10px;
	width: auto;
	padding: 6px;
	background-color: #eee;
	layer-background-color:#eee; 
	box-shadow: -2px 0 8px rgba(0,0,0,0.3);
	border-radius: 2px;
}

#footerLine {
	position:absolute;
	z-index: 1005;
	left: 150px;
	bottom: 11px;
	padding: 1px 5px;
	background-color: #eee;
	layer-background-color:#eee; 
	box-shadow: -2px 0 8px rgba(0,0,0,0.3);
	opacity: 0.75;
}

