/* Body */
html, body { 
	height:100%; 
} 
body { 
	background:url('/media/images/template/body.gif') repeat; color:#000000; margin: 0 0 0 0;
}
body, table, td, p, ul, ol, input, select, textarea { 
	font-family: helvetica, arial, sans-serif; font-size:12px;  
}

form { margin : 0; }
label { font-size:11px; }

a, a:link, a:active { color:#3252B2; font-weight:normal; text-decoration:underline; }
a:hover { text-decoration: underline; } 

a img { border:0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 220%;  padding: 0 0 0 0; margin:0 0 10px 0; }
h2 { font-size: 160%; color:#333333; padding:0 0 2px 0; border-bottom: 1px dashed #ccc; }
h3 { font-size: 150%; color:#333333; } 
h4 { font-size: 110%; font-style:italic; padding:0 0 1px 0; font-weight: bold; } 
h5 { font-size: 100%; font-weight: bold; } 

p { margin: 11px 0 11px 0; line-height:1.4em; }

ul, ol { margin-top: 5px; margin-bottom: 5px; }
li { margin-top: 5px; margin-bottom: 5px; }

.clearFloat { clear: both; border: 1px solid blue; margin-top: -1px; }
.clear { clear: both; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.noMargin { margin:0; padding:0; display:block;  }
.spacer { height:5px; clear:both; }
.absmiddle { vertical-align:middle; }
.hide { display: none; }

/* Layout ---------------------------------------------------------------------- */
#wrapper { 
	margin: 0 auto; width: 98%;
}
#header { 
	height:80px; width:100%; padding:0 0 0 0; margin:0 0 0 0;
}
#container { 
	padding:0; margin:0 0 0 0; background-color:#FFFFFF; clear: both; float: left; width: 100%; 
}
#text {
	padding: 25px; width: 850px;
}

/* Children */
.headerLogo { float:left; margin: 0 0 0 5px }
.headerSponsor { float:right; margin:0 5px 0 0; }

#header p { margin: 53px 0 0 0; padding: 0; color:#000000; float:left; width:auto; }
#header p a, #header p a:link, #header p a:active { 
	font-family:helvetica,arial; padding: 0 0 0 0; margin:0 10px 0 0; 
	text-decoration:none; font-weight:normal; color: #FFFFFF; font-size: 14px; }
#header p a:hover, #header p a.selected { border-bottom:2px dotted #FFFFFF; padding:0 0 2px 0; text-decoration: none; }

/* Map info grey bar */
#mapInfo { height: 25px; margin: 0 0 0 0; padding:5px 0 5px 5px; }
#mapInfo p { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:90%; margin:1px 0 0px 0; }
#mapInfo h4 { margin:1px 0 15px 0; }
#mapMessages { float:right;  margin:0 5px 0 0; height: 22px;  }

/* Results pane */
#mapResults { float: left; width: 20%; margin: 0 0 0 0; overflow:auto; background-color: #2e98d8; }
#mapResults h2 { border: none; color: #FFFFFF; margin: 10px 0 10px 15px; font-size: 110%; }

#mapResultsDefault, #mapResultsDisplay { background-color: #EAEAEA; border: 1px solid #1e7fb9; margin: 0 5px 0 10px; padding: 0 10px 0 10px; }
#mapResultsDisplay a { color: #2e98d8; }
#mapResultsDisplay span { display: block; margin: 7px 0 7px 0; }

/* Search options */
#mapSearch { width:auto; height:auto; margin:0 0 0 0; padding:0 0 0 0; /*background-color:#999999;*/ }
#mapSearch p, .mapSearch input, .mapSearch select, .mapSearch td { font-size:11px; font-family:Arial, Helvetica, sans-serif; vertical-align:middle; }
#mapSearch p { margin: 10px 0 8px 0; font-weight:bold; } 
#mapSearch td img { margin: 2px 0 0 0; }
#keywords { width: 200px; padding: 0;  }

#advancedSearch, #mapSearch, #mapPointInfo { display: none; }
#advancedSearch { }
.advancedSearchCol { float: left; width: auto; margin-right: 25px; }

/* Google map */
#mapContainer { width: 80%; margin:0 0 0 0; background-color: #EAEAEA; float: left; }
#map { width:100%; height:500px; background:url('/media/images/maps/loading.gif') center no-repeat #FFFFFF; margin:0; padding:0; clear: both; /*border:5px solid #CACACA;*/ }

#mapPointInfo { width:100%; z-index: 4; } 

#mapPointInfoBox { background-color: #FFFFFF; width: 100%; }
#mapPointInfoBox span { display: block; float: left; width: 100px; }
#mapPointInfoBox h2 { border: none; color: #FFFFFF; margin: 0 0 20px 0; font-size: 120%; background-color: #2E98D8; padding: 5px; }
#mapPointInfoBox h2 a { text-decoration: none; color: #FFFFFF; } 

#mapPointInfoAds { float: right; margin: 0 0 0 40px; padding: 10px; background-color: #EAEAEA; }
#mapPointInfoAds span { display: block; margin: 0 0 15px 0; }

.padding10 { padding: 10px; }
.padding20 { padding: 20px; }

/* Text pages */
.faq { display: none; padding: 10px; background-color: #EAEAEA; }

#products { width: 900px; background: url('/sites/windpower/images/mapped_bg.gif') repeat-y; float: left; }
#products_menu { float: left; display: inline; width: 180px; margin: 0 12px 0 0; padding: 0 20px 300px 0; text-align: right; }
#products_menu h3 { margin: 35px 0 5px 0; }
#products_menu p { margin: 0 0 5px 0; }
#products_menu a { color: #FFFFFF; text-decoration: none; }
#products_menu a.selected { color: #b9d029; text-decoration: none; }
#products_content { float: left; display: inline; width: 688px; padding: 30px 0 20px 0; }
#products_pricing { float: right; margin: 0 0 20px 20px; }