.land {
  fill: #fff;
  stroke: #aaa;
  stroke-width: 1px;
}

.county-boundary {
  fill: none;
  stroke: #ddd;
  stroke-width: .5px;
}

.state-boundary {
  fill: none;
  stroke: #ddd;
  stroke-width: 0.5x;
}

svg.mapsvg { 
    margin-top: 0px;
    float: left;
}

div#mapcontainer img{
   display: none;
}

div#buttoncontainer button {
    width:133px;
    font-size: 13px;
    margin: 3px 0px 3px 0px;
    padding: 5px 0px 5px 0px;
    border: 1px solid #000;
    background-color: #eee;
    cursor: pointer;
}
div#buttoncontainer button.small {
    width: 65px;
}
div#buttoncontainer button.radbutton {
    width: 65px;
}
div#buttoncontainer button.selected {
    background-color: #fee5d9;
    font-weight: bold;
}
div.buttonheader {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

div#buttoncontainer input {
    font-size: 16px;
    font-weight: bold;
    color: black;
    width: 110px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
div#buttoncontainer input#datepicker {
    width: 200px;
}

div#aboutdiv {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -325px;
    top: 150px;
    width: 650px;
    font-size: 16px;
    background-color: #eee;
    border: 1px solid #aaa;
    padding: 25px;
    z-index: 1000;
}

div#loadingdiv {
    position:absolute;
    width:300px;
    left:50%;
    margin-left:-150px;
    top:40%;
    font-size:24px;
    padding:40px;
    text-align:center;
    background-color:#eee;
    border:1px solid #aaa;
    opacity: 0.75;
}
div#titlediv {
    border: 1px solid #aaa;
    padding: 10px;
    background-color: #fff;
}
div#titlediv div.title {
    font-size: 18px;
    font-family: Courier,Arial;
}
.probtext { font: bold 13px arial courier, sans-serif; text-anchor:middle; }
path.cref { stroke-width: 0.5px; stroke: #000; fill: gray; opacity: 0.6;}
.spcoutlook { stroke-width: 1px; stroke: #000; fill: none; opacity: 0.25;}

circle.report { fill: #ccc; stroke: #000; stroke-width: 0.5px; }

.hidden { visibility: hidden; }
.filtered { visibility: hidden; }

text { font-family: helvetica; font-size: 14px; }
.overlay { fill: none; pointer-events: all; }

path.gridbox { 
	fill: gray;
	stroke-width: 0px;
	stroke: none;
	opacity: 0.6; 
}

rect.histobg { fill: #EFEFEF; }

body {
    margin: 0px;
	padding: 0px;
	font: normal normal normal 14px helvetica,arial;
	text-align: center; /** for IE centering **/
}

text.title { font-family: "Arial"; font-size: 16px;}

div#rolloverdiv {
        padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	width: 100%;
	border: 1px solid #ddd;
	background-color: #eee;
        position:absolute;
        left:0px;
        bottom:0px;
        z-index:900;
        overflow: hidden;
}
div#rollovercenter {
	display: inline-block;
	overflow: hidden;
        text-align: left;
}

div.rollover {
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	width: 10px;
	text-align: center;
	font-size: 12px;
        font-family: arial;
	padding: 10px 5px 10px 5px;
	margin: 0px 0px 0px 0px;
	float: left;
	color: #ccc;
	cursor: pointer;
}

div#rolloverhover {
        visibility:hidden;
        padding-top:15px;
        width:100px;
        height:30px;
        background-color: #fee5d9;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
        position:relative;
        font-size: 13px;
        font-weight: bold;
        cursor: pointer;
}
/*
div.rollover.loaded {
	color: #000;
}
*/
div.rollover.zero {
	color: #000;
}
div.rollover.faded {
        opacity: 0.5;
}
div.rollover.selected {
	border-top: 2px solid #000; 
	border-bottom: 2px solid #000; 
	font-weight: bold;
	cursor: pointer;
        background-color: #fee5d9;
        color: #000;
}
div#maincontainer {
	width: 1250px; 
  	margin: 0 auto; 
	padding: 0px;
	text-align: left; /** to fix IE centering **/
}
div#bodycontainer {
	opacity: 1.0;
}
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.axis text { font-size: 12px; }
.axis text.label { font-size: 12px; font-weight: bold; fill: #A67B5B; }
text.numobjects { font-size: 13px; font-weight: bold; text-anchor: end; }

line.horizontalGrid { fill: none; stroke: gray; stroke-width: 1.0px; opacity: 0.5; }

div.selection { padding: 3px; cursor: pointer; }
div.selection:hover { font-weight: bold; }

div#footer { 
    margin: 5px 0px 0px 0px;
    font-size: 12px;
    color: #aaa;
}