/* Colours
 * ~~~~~~~~~~~~~~~~~~~
 * orange: #F7941F
 * orange-red: #F15A23
 * red: #C01A1A
 * green: #8CC63E
 * aqua: #00A99E
 *
 * lt grey: #E6E6E6
 * md grey: #999999
 * dk grey: #4D4D4D
 * off black: #333333;
 *
 */

.suckerdiv,
.suckerdiv ul,
.suckerdiv ul li,
.suckerdiv ul li ul
{
	position: relative;
	z-index: 350;
}

/* BEGIN Normalization */
body {
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:87.5%;
min-width:900px;
width:auto ! important;
/* width:1000px; */
width: 100%;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, select, p, blockquote, th, td {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0 none;
}
caption, th {
text-align:left;
}
q:before, q:after {
content:'';
}

/* END Normalization */


a, a:link, a:visited, a:hover, a:active
{
	color: #8CC63E;
	text-decoration: none;
}
a:hover
{
	color: #000;
	text-decoration: underline;
}

#branding_navigation {
border-bottom:12px solid #8CC63E;
border-top:12px solid #8CC63E;
font-size:0.8em;
min-height:7em;
margin-bottom:4px;
}

#branding {
position:absolute ! important;
top:0;
left:5px;
}

#primary_navigation {
background-color:#E6E6E6;
border-top:1px solid #4D4D4D;
border-bottom:1px solid #999999;
height:3.5em;
padding-left:20% ! important;
padding-left:157px;
}
#primary_navigation ul {
list-style:none;
padding-top:1px;
height:3.5em;
}
#primary_navigation li {
float:left;
border-right:1px solid #333333;
height:3.5em;
width:auto ! important;
width:11em;
}
#primary_navigation a {
background-repeat:repeat-x;
color:#333333;
display:block;
height:3em;
padding:0.5em 1em 0;
text-decoration:none;
}
#primary_navigation a:hover, #primary_navigation .focused {
background-color:white;
/* background-image:url("img/red.png"); */
color:#C01A1A;
}

#signup_login {
/* width:auto ! important; */
width:250px;
}

#supplemental {
width:auto ! important;
width:45%;
}

#secondary_navigation {
border-bottom:1px solid #4D4D4D;
height:3.25em;
padding-left:20% !important;
padding-left:157px;
}
#secondary_navigation ul {
height:3.25em;
list-style:none;
}
#secondary_navigation li {
border-right:1px solid #333333;
float:left;
height:3.25em;
width:auto !important;
width:11em;
}
#secondary_navigation a {
color:#333333;
display:block;
height:3em;
padding:0.25em 1.25em 0;
text-decoration:none;
}
#secondary_navigation a:hover {
background-color:#00A99E;
color:white;
}

#map_controls {
font-size:smaller;
}
#map_controls div {
padding-right:4px;
width:202px;
}
#map_controls h2 {
border-bottom:2px solid #999999 ! important;
border-top:5px solid;
padding:1px 5px;
font-family: tahoma;
}
#map_controls h3 {
padding:1px 5px;
}

#map_controls h2 {
border-top-color:#F7941F;
color: #555;
}


#add_data_layers h2 {
border-top-color:#F7941F;
}
#add_data_layers a:hover {
color:#F7941F;
}
#add_points h2 {
border-top-color:#F15A23;
}
#add_points a:hover {
color:#F15A23;
}
#innovator_search h2 {
border-top-color:#C01A1A;
}
#innovator_search a:hover {
color:#C01A1A;
}

#map {
position: relative;
height:auto ! important;
height:400px;
min-height:425px;
}

#tablesAndCharts
{
	position: relative;
	/* top: -3px; */
	top: 8px;
	z-index: 301;
	height:auto ! important;
	height:400px;
	min-height:438px;
	background-color: #fff;
	border-top: 1px solid #eee;
	margin-top: -435px;
	display: none;
}


#widget {
	position: relative;
	z-index: 350;
}
#widget div
{
	padding: 0px;
	margin: 0px;
	width: 194px;
}
#widget input
{
	display: none;
}
#widget a
{
	padding: 0px;
	margin: 0px;
	background: none;
	border: none;
	display: inline;
}
#widget img
{
	z-index: 350;
	position: relative;
}

#footer {
border-top:1px solid #333333;
clear:both;
font-size:0.8em;
padding-top:2px;
}
#footer ul {
border-top:5px solid #333333;
list-style:none;
}
#footer li {
float:left;
margin:3px 0 1px;
}
#footer a {
border-right:1px solid #333333;
color:#333333;
height:auto;
padding:0 0.5em;
text-decoration:none;
}
#footer a:hover {
color:#C01A1A;
text-decoration:underline;
}

#blocks {
font-size:small;
margin:1em auto 1.5em;
position:relative;
width:66.3em ! important;
width:67em;
}
#blocks a {
background-color:#E6E6E6;
border-top:5px solid black;
display:block;
float:left;
height:20em;
margin:0 0.5em;
padding:5px 0.75em 0.75em;
text-decoration:none;
width:14em;
}
#blocks a:hover {
background-color: #f4f4f4;
}
#blocks a {
border-color:#F7941F;
color:black;
}
#blocks a+a {
border-color:#F15A23;
}
#blocks a+a+a {
border-color:#C01A1A;
}
#blocks a+a+a+a {
border-color:#00A99E;
}
#blocks a span {
font-size:small;
font-weight:bold;
}
#blocks img {
border:0 none;
display:block;
height:75px;
margin:3px 0 5px;
}

.panelBtn
{
	line-height: 75px;
	font-weight: bold;
	/* font-size: 18px !important; */
}

.no_margin {
margin:0;
}
.last, .borderless {
border:0 none ! important;
}
.zero {
height:0;
}
.clear {
clear:both;
}
.clear_right {
clear:right;
}
.left {
float:left;
}
.right {
float:right;
}
.align_right {
text-align:right;
}

#filter li {
padding-top:0.75em;
width:auto;
}

/*
 * Map Options bars
 */
.map_options {
font-size:smaller;
height:25px;
width:auto;
}
.map_options ul {
height:15px;
list-style:none;
}
.map_options li {
float:left;
line-height:1.5em;
margin:0.5em 0;
padding:0 0.75em;
}
.map_options a {
text-decoration:none;
}
.map_options a:hover {
text-decoration:underline;
}

#map_controls_1 {
background-color:white;
border:0 none;
border-top:5px solid #00A99E;
}
#map_controls_1 li {
border-right:1px solid #4D4D4D;
}
#map_controls_1 a {
color:#4D4D4D;
}

#map_controls_2 {
background-color:#4D4D4D;
margin-bottom:2px;
}
#map_controls_2 ul {
background-color:#4D4D4D;
}
#map_controls_2 li {
border-right:1px solid white;
}
#map_controls_2 a {
color:white;
}

li#subscribe, li#login {
width:auto ! important;
width:6em;
}
/*
#login
{
padding:0.25em 0.5em 0 1em;
width:13em ! important;
}
#login input {
font-size:smaller;
margin-bottom:0.1em;
}
*/

input {
border:1px solid #333333;
}


/*
.popupAlert
{
	width: 400px;
	height: 200px;
	position: absolute;
	top: 150px;
	left: 400px;
	z-index: 99;
	background-color: #ffffef;
	border: 2px solid #f7941f;
	text-align: center;
	opacity: 0;
	MozOpacity: 0;
	KhtmlOpacity: 0;
	filter: alpha(opacity=0);
}

.popupAlert input
{
	padding: 5px 20px 5px 20px;
	background-color: #f7941f;
	border: 1px solid #000;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
*/

.btn, .btnDown
{
	padding: 2px 5px 2px 5px;
	text-align: center;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
	height: 20px;
	background: #fff url("img/menubg.gif") repeat-x scroll right top;
	color: #444;
}
.btnDown
{
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	color: #888;
}


#legend
{
	font-size: 10px;
	color: #666;
	/* border: 1px solid #4d4d4d; */
	border: 1px solid #fc6;
	overflow: hidden;
	margin: 3px;
	padding: 3px !important;
	width: 190px !important;
	font-family: arial, geneva, helvetica, sans-serif;
	background-color: #fff;
	display: none;

/*
	-webkit-border-bottom-left-radius: 8px 8px;
	-webkit-border-bottom-right-radius: 8px 8px;
	-webkit-border-top-left-radius: 8px 8px;
	-webkit-border-top-right-radius: 8px 8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
*/
}
#legend h1
{
	/* letter-spacing: 0.1em; */
	/* text-transform: uppercase; */
	/* background: #4d4d4d; */
	color: #666;
	background:#fc6;
	
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	padding-left: 5px;
}
#legend td
{
	line-height: 14px;
	padding-left: 5px;
	font-family: arial, geneva, helvetica, sans-serif;
	font-size: 12px;
	color: #888;
	font-weight: bold;
	text-align: left;
}
#legend select
{
	width: 180px !important;
	margin-bottom: 10px;
}

#legend h2
{
	text-decoration: none;
	text-align: center;
	background: none;
	border: none !important;
}


#legend a, #legend a:link, #legend a:hover, #legend a:visited
{
	color: #669;
	text-decoration: underline;
	font-size: 11px;
	font-family:  arial, geneva, helvetica, sans-serif;
}
#legend a:hover
{
	/* color: #000; */
	text-decoration: none;
}

#thematicPeriods
{
	padding: 0px 0px 10px 0px;
	color: #000;
	font-size: 12px;
	font-family:  arial, geneva, helvetica, sans-serif;
	
}
#thematicPeriods a, #thematicPeriods a:link, #thematicPeriods a:hover, #thematicPeriods a:visited
{
	color: #669;
	text-decoration: underline;
	font-size: 12px;
	font-family:  arial, geneva, helvetica, sans-serif;
}
#thematicPeriods a:hover
{
	/* color: #000; */
	text-decoration: none;
}

#thematicPeriods span
{
	color: #f29d3b;
	font-weight: bold;
}

#thematicTitle, #thematicTitleDesc 
{
	/* background-color: #4d4d4d; */
	/* color: #000; */
	background-color: #f0eef4;
	color: #666;
	font-weight: bold;
	font-size: 18px;
	font-family: tahoma;
	padding-left: 225px;
	line-height: 22px;
	display: none;
}
#thematicTitleDesc
{
	font-size: 0.8em;
	line-height: 1.2em;
	color: #669;
	font-weight: normal;
	margin-bottom: 2px;
}
#thematicTitle a, #thematicTitle a:link, #thematicTitle a:hover, #thematicTitle a:visited
{
	font-size: 10px;
	color: #444;
}


.promptUserOverlay
{
	position:absolute;
	z-index: 398;
	top: 0px; 
	left: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	/* background-color: #fff; */
	opacity: 0.9;
	MozOpacity: 0.9;
	KhtmlOpacity: 0.9;
	filter: alpha(opacity="90");
}	
.promptUser
{
	width: 400px;
	height: auto;
	position: fixed;
	z-index: 399;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -150px;
	padding: 0;
	opacity: 0;
	MozOpacity: 0;
	KhtmlOpacity: 0;
	filter: alpha(opacity="0");
	text-align: center;
 	border: 4px solid #f7941f; 
	-webkit-border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 5px 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color: #fff;
	color: #000;
	text-align: center;

}
.promptUser h1
{
	background: #fff url("img/menubg.gif") repeat-x scroll right top;
	color: #888;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin: 1px;
	padding: 3px 0px 2px 0px;
	border-bottom: 1px solid #ccc;
}
.promptUser p
{
	text-align: center;
	padding: 0px 5px 10px 5px;
	color: #669;
/* 	white-space: pre; */
}
.promptUserBtn
{
	margin-bottom: 5px;
 	border: 1px solid #888; 
	-webkit-border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 5px 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #444;
	padding: 2px 8px 2px 8px;
	margin-left: 2px;
	background: #fff url("img/menubg.gif") repeat-x scroll right top;
}	


#mapToggleControl
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	line-height: 25px;
	background-color: #000;
	color: #fff;
	cursor: pointer;
	z-index: 500;
	display: none;
	text-align: center;
}

#curCity
{
	/* color: #f7941f; */
	/* color: #8cc63d; */
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
}


.legend11px
{
	font-weight: normal !important;
	font-size: 11px;
	color: rgb(102, 102, 102) !important;
}

/* Used by the identify feature */
.identify .title { font-weight: bold; padding-bottom: 10px;}
table.cube span.placeType {}
table.cube span.notavail {}
table.cube span.nodata {}
table.cube {}
table.cube td.obs {}
table.cube td.on{}
table.cube tr.hl{}
table.cube th {}
table.cube a {color: blue; text-decoration:underline; cursor:pointer}



div#thematicMenuContainer,div#pointMenuContainer
{
	padding: 5px;
}
#thematicMenuContainer, #thematicMenuContainer input, #thematicMenuContainer select,
#pointMenuContainer, #pointMenuContainer input, #pointMenuContainer select
{
	font-family: arial;
	font-size: 11px;
	line-height: 16px;
	color: #666;
}
#thematicMenuContainer select, #pointMenuContainer select
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 195px;
}

.bubbleThematic_label, .bubbleThematic_value
{
	font-family: arial;
	font-size: 11px;
	color: #000;
	line-height: 18px;
	padding: 0px 2px 0px 2px;
}
.bubbleThematic_label
{
	font-weight: bold;
}


#shadeby select
{
	width: 75px ! important;
	font-size: 10px;
}

#listPoints
{
	font-family: arial, geneva, helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	cursor: pointer;
	list-style: decimal;
	list-style-position: inside;
}
#listPoints li
{
	padding-left: 5px;
}

.listDataPoints th, .listDataPoints td
{
	padding: 0px 2px 0px 2px;
	font-size: 10px;
	line-height: 12px;
}
.listDataPoints th
{
	font-weight: bold;
	background-color: #888;
	color: #fff;
	vertical-align: bottom;
}

#listPoints a, #listPoints a:hover, #listPoints a:link, #listPoints a:visited
{
	color: #000;
}

.chartTable
{
	font-family: arial;
	font-size: 12px;
	background: #dcdcdc;
	border-collapse: collapse;
	border-color: #fff;
}
.chartTable th
{
	padding: 4px;
	background: #f2f2f2;
	color:#333333;
	font-weight: bold;
	border-width: 2px;
	border-style: inset;
}
.chartTable td
{
	padding: 4px;
	background: white;
	color: #666666;
	text-align: left;
	border-width: 2px;
	border-style: inset;
}

.pointDataListing
{
	font-size: 11px;
	font-family: arial;
}
.pointDataListing td
{
	padding: 2px;
	cursor: pointer;
}

a.returnToListing, a.returnToListing:link, a.returnToListing:hover, a.returnToListing:visited
{
	font-family: arial;
	font-size: 11px;
	line-height: 18px;
	background: url("img/16.gif") 0px 3px no-repeat;
	padding-left: 16px;
	display: inline;
	color: #00f;
}

#csvExportTable
{
	text-align: right;
	font-size: 12px;
	border: none;
}

#loginForm
{
	width: 500px;
	height: 200px;
	font-size: 20px;
	border: 1px solid #000;
	background-color: #eee;
}
#loginForm input
{
	margin-top: 5px;
	width: 200px;
	height: 22px;
	font-size: 20px;
	line-height: 22px;
	float: left;
}
#loginForm input:focus
{
	outline: none;
}
#loginForm label
{
	margin-top: 5px;
	width: 200px;
	display: block;
	float: left;
}
#btnLogin
{
	background-color: #ccc;
	color: #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	width: 100px !important;
	height: 32px !important;
	margin-left: 200px;
	margin-top: 0px;
	clear: both;
	cursor: pointer;
}

#ajaxLoading
{
	position:absolute;
	z-index: 398;
	top: 0px; 
	left: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
/*  	background-color: #000;  */
	opacity: 0.8;
	MozOpacity: 0.8;
	KhtmlOpacity: 0.8;
	filter: alpha(opacity="90");
	display: none;
}	
#ajaxLoading img
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -24px;
}


#chart_controls
{
	background-color:#fff;
	margin-bottom:2px;
	padding-left: 20px;
}
#chart_controls ul {
	background-color:#fff;
}
#chart_controls li
{
	border-right:1px solid #000;
}
#chart_controls a
{
	color:#000;
}


#content h1
{
	color: #8CC63E;
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px solid #8CC63E;
}

#slider01
{
	margin:1em auto 1.5em;
	position:relative;
	width:66.3em ! important;
	width:67em;
	height: 90px;
	/* border: 1px solid #dedede; */
}
.sliderBannerDiv
{
	text-align: left;
	/* border: 1px solid #8CC63E; */
	width: 600px;
	height: 88px;
	margin-left: 220px;
}


#newsBlock
{
	margin:1em auto 1.5em;
	margin:0 0.5em;
	padding:5px 0.75em 0.75em;
	position:relative;
	width:61em !important;
	display: inline;
	border-top: 5px solid #8CC63E;
	background-color: #e6e6e6;
	color: #000;
	text-align: left;
}
#newsBlock li
{
	margin-left: 80px;
	margin-bottom: 5px;
	/* list-style-type: none; */
}
#newsBlock li ul li
{
	margin-bottom: 0px;
}

#newsBlock h1, #newsBlock h2, #newsBlock h3
{
	color: #000;
	font-weight: bold;
	border: none;
	margin-bottom: 5px;
}
#newsBlock h1
{
	font-size: 1.0em;
}
#newsBlock h2
{
	font-size: 1.0em;
}
#newsBlock h3
{
	font-size: 1em;
	font-style: italic;
}

#newsBlock a, #newsBlock a:hover, #newsBlock a:link, #newsBlock a:visited
{
	color: #000;
}

.li_new
{
	list-style-image: url('img/new.gif');
}
.li_updated
{
	list-style-image: url('img/updated.gif');
}


#helpForm
{
	width: 650px;
	font-size: 12px;
	border: 1px solid #000;
	background-color: #eee;
}
#helpForm input, #helpForm textarea
{
	margin-top: 5px;
	width: 450px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	border: 1px solid #888;
}
#helpForm textarea
{
	line-height: 14px;
}
#helpForm input:focus, #helpForm textarea:focus
{
	outline: none;
}
#helpForm label
{
	margin-top: 5px;
	width: 100px;
	display: block;
	float: left;
	padding-left: 10px;
}

#helpForm div
{
	width: 100%;
	line-height: 24px;
	font-size: 1.1em ;
	font-weight: bold;
	text-align: center;
	background: #aaa;
	color: #fff;
	border-bottom: 1px solid #666;
}

#helpForm h3
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-weight: normal;
}

#helpForm span
{
	color: #f00;
}

.ppt ul,.pdf ul
{
        list-style-type: none;
}
.ppt li,.pdf li
{
        margin-top: 2px;
        padding-left: 43px;
        margin-left: 10px;
        height: 37px;
        vertical-align: bottom;
        list-style: none;
        background: url(img/ppt.png) no-repeat center left;
}
.pdf li
{
        background: url(img/adobe.png) no-repeat center left;
}
.pdf a{ line-height: 37px; }