html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
    line-height: 1.5;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
table, td, th {
    vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: medium none;
}
body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #222222;
    font-family: "Lucida Grande",Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
    font-size: 80%;
    margin: 1em 1.5em;
}
pre, code {
    margin: 1.5em 0;
    white-space: pre;
}
pre, code {
    font: 1em/1.5 'andale mono','lucida console',monospace;
}
h1, h2, h3, h4, h5, h6 {
    background-color: transparent;
    color: #003A6B;
    font: 100% 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h2 {
    font-size: 130%;
    margin-bottom: 0.5em;
}

.olControlOverviewMapElement, .olControlLayerSwitcher .layersDiv {
    background-color: #333333!important;
    border: 0 solid black;
    font-size: 10px;
    margin: 0;
    opacity: 0.89;
}
.olControlScaleLineBottom {
   display: none;
}
.olControlAttribution {
    bottom: 0px!important;
    right: 3px;
}
.smallmap {
    border: 1px solid #CCCCCC;
    height: 256px;
    width: 512px;
}
#tags {
    display: none;
}
#docs p {
    margin-bottom: 0.5em;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
	background-color: #CCCCCC;
}
#mapAlert {
	padding: 0px 7px;
}
#leftmenu {
	text-align: left;
}
#content_wrap {
	margin-left: 180px;
	height: 100%;
}
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 600px) {
/* Styles */
#content_wrap {
	margin-left: 0px;
	height: 100%;
}
#leftmenu {
	display: none;
}
}
#graph_wrap {
	height: 100%;
	width: 886px;
}
#map_wrap {
	height: 100%;
	min-width: 300px;
/*	#0C4F8F*/
}
#header {
	width: 100%;
	min-width: 1060px;
	z-index: 100;
}
#strLogo {
	z-index: 100;
}
#map {
    background: none repeat scroll 0 0 #7391AD;
    width: 100%;
	height: 100%;
    border: 0 none;
}
#title {
    font-size: 1.3em;
    line-height: 2em;
    margin: 0;
    padding: 0;
    text-indent: 1em;
}
#docs {
    bottom: 0;
    padding: 1em;
}
#shortdesc {
    color: #AAAAAA;
    font-size: 0.8em;
    padding: 1em;
    text-align: right;
}
#tags {
    display: none;
}
#shortdesc {
    float: right;
    width: 25%;
}
#docs {
    font-size: 12px;
}



            label {
                cursor: pointer
            }
            
            #wrap {
                width: 800px;
                margin: 10px;
            }
            
            #strategy-chooser, #generalinfo, #info {
                width: 800px;
                padding: 0;
                clear: right;
                padding: 4px;
            }
            
            #map {
                float: left;
            }
	
            .olPopup {
		width: 270px;
		background-color:red;
            	    
            }
            #StationPopup_contentDiv {
		padding: 0px;
		margin: 0px;
		overflow: hidden;
	}
	#StationPopup_contentDiv div.StationPopup_border{
		background-color: #333333;
		border: 0px solid black;
		padding: 5px 0px;
		margin: 0px;
		font-size: 10px;
		opacity:0.89;
		filter:alpha(opacity=89); /* For IE8 and earlier */
	}
	#StationPopup_contentDiv .StationPopup_border {
		color: white;
	}
	.olControlPanZoomBar {
	    top: -15px !important;
	    left: 5px !important;
	}
	.olButton[id$='pandown'], .olButton[id$='panup'], .olButton[id$='panleft'], .olButton[id$='panright'] {
		display:none;
	}
	.olControlPanel div {
          float: left;
                display: block;
                position: relative;
          left: -6px;
          top: 0px;
          margin-left: 10px;
          margin-top: 10px;
          width:  45px;
          height: 30px;
          border: 1px solid #000000;
        }
        .olControlButton1ItemActive {
        	background-color: #EEEEEE;
        	opacity: 0.9;
        	color: black;
        	text-align: center;
        	font-size: 10px;
        	cursor: pointer;
        }