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

.headline{text-align:left;left:40px; top:15px; position:absolute;font-size:18px;font-weight: bold;font-family:Verdana;}
.searchdiv {top:11px; margin-left: 40px; text-align:left; font-size:16px; position:absolute; font-family:Verdana; font-weight:bold;}
.searchdiv a:link { text-decoration: none }
.searchdiv a:active { text-decoration: none }
.searchdiv a:visited { text-decoration: none }

#inputfield {
	background: none repeat scroll 0% 0% #FFFFFF; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
	color: #000000;
	font-family:Verdana;
	padding: 1px 3px 1px 3px;
	margin-left: 10px;
}
#inputfield:focus { color: #000000;	}

.notice{text-align:center;font-size:11px;font-weight: bold;font-family:Verdana;}
.copyright {text-align:right; right:40px; top:15px; position:absolute; font-size:9px; color:grey; font-family:Verdana;}
.information {margin-top:10px; margin-right:15px; margin-left:15px; }
.usercloud {text-align:right; left:40px; bottom:30px; position:absolute; font-size:10px; color:grey; font-family:Verdana;}
.datadate {text-align:right; right:40px; bottom:30px; position:absolute; font-size:10px; color:grey; font-family:Verdana;}

.shadow,.shadow2,.shadow3,.shadow4,.shadow5{padding:1px;border-radius: 6px;-moz-border-radius: 6px;}
.shadow{margin:0;background-color:#8e8e8e;border:1px solid #959595;}
.shadow2{margin:0;background-color:#aaa;border:1px solid #bebebe;}
.shadow3{margin:0;background-color:#d1d1d1;border:1px solid #e1e1e1;}
.shadow4{margin:0;background-color:#ededed;border:1px solid #f6f6f6;}
.shadow5{height: 90%;padding: 16px 10px 10px 10px;margin-top:25px; background-color:#fcfcfc;border:1px solid #fff;}

#wrapper {
	position: absolute;
	top: 50px;
	right: 40px;
	bottom: 50px;
	left: 40px;
}

#oldestChangeSet{float:left;margin-left:-60px;margin-top:-3px;font-size:10px;font-family:Verdana; white-space: nowrap;}
#newestChangeSet{float:right;margin-right:-65px;margin-top:-3px;font-size:10px;font-family:Verdana; white-space: nowrap;}
.slider{ left:40px; right: 40px; bottom:30px; position:absolute; margin:0 auto; margin-top: 10px; width:300px; font-size:10px; }
#slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.4em; height: 1.4em; cursor: default; background: #575757; }

.extras{ left:40px; right: 40px; bottom:10px; position:absolute; text-align:center; font-size:11px;font-family:Verdana;}

.myButton {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background-color:#3f3f3f;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:0px;
	border:0px solid #dcdcdc;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:2px 8px;
	text-decoration:none;
}.myButton:hover {
	background-color:#575757;
}.myButton:active { position:relative; top:1px; }

#tagcloud {
    width: 90%;
    background:#FFFFFF;
    color:#0066FF;
    padding: 5px;
    margin-top: 30px;
    font-family:Verdana;
   	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
	font-size: 18px;
}
#tagcloud a:link, #tagcloud a:visited { text-decoration:none; color: #333; }
#tagcloud a:hover { text-decoration: underline; }
#tagcloud span { padding: 4px; }
#tagcloud .smallest { font-size: 9px; white-space:nowrap; }
#tagcloud .small { font-size: 12px; white-space:nowrap; }
#tagcloud .medium { font-size:13px; white-space:nowrap; }
#tagcloud .large { font-size:15px; white-space:nowrap; }
#tagcloud .largest { font-size:15px; white-space:nowrap; }

div.olControlPermalink {
    right: 5px;
    bottom: 5px;
    display: block;
    position: absolute;
    font-size: 14px;
    font-family:Verdana
}

div.olControlLayerSwitcher .layersDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 75px;
    background-color: #575757;
    width: 100%;
    height: 100%;
}