/*  
Extra Styles for Explore Florida's Communities Website
Author: GIS Planning
Author URI: http://www.gisplanning.com/
*/

/* STYLING FOR ALL GIS CONTENT*/
.body img, a img {
	padding: 0;
	margin: 0 auto;
	}

.giscontent, .giscontent a, .giscontent a:visited {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.giscontent a, .giscontent a:link, .giscontent a:visited {
    color: black;
	text-decoration: underline;
	}

.giscontent a:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.giscontent p {
	padding: 3px 0 3px 0;
	line-height: 1.5em;
	}

.giscontent h2 {
	font-weight: normal;
	font-size: 105%;
	text-transform: uppercase;
	padding: 5px 0 5px 0;
	}

.giscontent table  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	}

.giscontent table a, .giscontent table a:link  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: underline
	}

.giscontent table a:visited {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.giscontent label {
	float: left;
	padding-right: 5px;
	display: inline;
	}

.giscontent tbody {
	text-decoration: none;
	border: none;
	}

/*MAIN GISCONTENT ELEMENTS: divs and table types*/
.breadcrumbs {
	color: black;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}

.giscontent .alignright {
	float: right;
	text-align: right;
	margin: -20px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.giscontent .alignright img {
	display: inline;
	padding-right: 3px;
	border: none;
	}

.giscontent .alignright a, .giscontent .alignright a:link, .giscontent .alignright a:visited {
	font-size: 11px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

table.tocheader {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	border: solid #666666;
	border-width: 1px;
	background-color: #DFDFDF;
	}

table.tocheader td, table.tocheader th {
	height: 23px;
	font-size: 12px;
	padding: 2px 10px 2px 10px;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	}

.tocheader td img, .tocheader th img {
	float: right;
	display: inline;
	}

.toc {
	text-align: left;
	}

.toc table {
	float: left;
	width: 100%;
	border: solid #666666;
	border-width: 0 1px 1px 1px;
	margin: 0 auto; 
	text-align: left;
	}

.toc td {
	height: 19px;
	padding: 2px 10px 2px 10px;
	background-color: #FFFFFF;
	vertical-align: middle;
	font-weight: normal;
	float: left;
	text-align: left;
	}

.toc .checkbox td {
	width: 25px;
	}

.toc .checkbox {
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
	}

table.bigtable {
	float: left;
	width: 100%;
	text-align: left;
	}

table.subtable {
	margin: 10px 0 0 0;
	float: left;
	width: 100%;
	border: solid #666666;
	border-width: 1px 1px 0 1px;
	overflow: hidden;
	}

.subtable p {
	margin: 3px 0 3px 0;
	padding: 0;
	}

.subtable th, .subtable .th {
	height: 23px;
	font-size: 12px;
	padding: 2px 10px 2px 10px;/*keep this?*/
	border-bottom: 1px solid #666666;
	background-color: #DFDFDF;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	}

.subtable th a, .subtable th a:link, .subtable th a:visited, .subtable th a:hover {
	font-size: 11px;
	}

.subtable th img {
	float: right;
	display: inline;
	}

.subtable td img {
	margin-top: 2px;
	float: left;
	}

.subtable td {
	font-size: 11px;
	height: 19px;
	padding: 2px 10px 2px 10px;
	/*background-color: #FFFFFF;*/
	border-bottom: 1px solid #666666;
	vertical-align: top;
	}

.subtable td a, .subtable td a:link, .subtable td a:visited, .subtable td a:hover {
	font-size: 11px;
	}

.subtable td td { 
	border: none;
	}

.subtable .photos img {
	height: 100px;
	width: auto;
	margin: 5px 5px 7px 0;
	border: 1px solid #999999;
	}

.subtable label {
	padding-top: 3px;
	}	
	
.subtable .checkbox {
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
	}

.leftcol {
	width: 49%;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	}

.rightcol {
	width: 49%;
	float: right;
	margin: 0 0 5px 0;
	padding: 0;
	}

.giscontent .alt td {
	background-color: #EFEFEF;
	}

.giscontent .map {
	margin-bottom: 0px;
	padding: 0;
	border: 1px solid #999999;
	height: 330px;
	width: 575px;
	background-color: white;
	overflow: hidden;
	}

.giscontent .map, .map div, div.map {
	float: left;
	display: block;
	}

.map table, .map table td, .map table th {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	}
	
.giscontent .toolmap {
	margin-bottom: 9;
	padding: 0;
	border-left: 1px solid #999999;
	height: 330px;
	background-color: white;
	overflow: hidden;
	float: left;
	display: block;
	}
	
.giscontent .mapsm {
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #999999;
	height: 330px;
	width: 555px;
	background-color: white;
	overflow: hidden;
	}

.giscontent .mapsm, .mapsm div, div.mapsm {
	float: left;
	display: block;
	}

.mapsm table, .mapsm table td, .mapsm table th {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	}

.giscontent .toolbar {
	float: left;
	border: none;
	width: 100%;
	margin-bottom: 10px;
	}

.giscontent .toolbar table, .giscontent .toolbar table td {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	}
	
.giscontent .gisfooter {
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #999999;
	font-size: 11px;
	padding-top: 5px;
	margin: 10px 0 20px 0;
	}

.giscontent .gisfooter a:link, .giscontent .gisfooter a:visited, .giscontent .gisfooter a:hover {
	font-size: 11px;
	color: black;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/*TABS*/
.giscontent .tabs {
	clear: both;
	float: left;
	width: 580px;
	background: #FFF url(../images/tab_line.jpg) repeat-x bottom;
	height: 37px;
	margin-top: 5px;
	font-size: 11.5px;
	display: inline; /*for IE5*/
	}

.giscontent .tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
    }
	
.giscontent .tabs li {
    display: inline;
	margin: 0;
	padding: 0;
    }

.giscontent .tabs a, .giscontent .tabs a:link, .giscontent .tabs a:visited {
	float: left;
	display: block;
	background: url(../images/tabs_both.jpg) no-repeat 0% -37px;
	height: 32px;
	padding: 4px 5px 0px 5px;
	width: 100px;
	text-align: center;
	margin: 0;
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
    }

.giscontent .tabs a:hover {
  background-position: 0% 0%;
  cursor: pointer;
  color: #000000;
  text-decoration: none;
  }

.tabs .current a, .tabs .current a:link, .tabs .current a:visited, .tabs .current a:hover {
	background: url(../images/tab_current.jpg) no-repeat 0% 0%;
	padding-bottom: 1px;
    }

.tabbedcontent {
	width: 558px;
	padding: 10px;
	border: #999999 solid;
	border-width: 0px 1px 1px 1px;
	float: left;
	text-align: left;
	}

/*MISC ELEMENTS*/
.clear {
	clear: both;
	display: block;
	height: 3px;
	}

.imageSwap .currentpage a:link, .imageSwap .currentpage a:visited {
	background-position: -200px 0;  /*this shifts the image over to the left "x-pos y-pos" */
	}

span #lblCount {
	display: block;
	}

.data {
	text-align: right;
	}
	
.hide {
	 visibility:hidden;
	 overflow:hidden;
	 height:0;
	 display:none;
	}

#cbLayers input {
	display: inline;
	float: left;
	}
	
.smallnote {
	font-size: 9px;
	}

img.title {
	float: left;
	margin: 10px 0 10px 0;
	}

/*--FORMS AND BUTTONS --*/

.input {
	border: 1px solid #666666;
	padding: 2px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 3px;
	float: left;
	}

.inputblock {
	border: 1px solid #666666;
	padding: 2px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 3px;
	margin-bottom: 5px;
	display:block;
	}

#btnCalculate, .submit {
	border: 1px solid #666666;
	background-color: white;
	padding: 2px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin: 0 3px 0 3px;
	}

#btnThematic {
	border: 1px solid #666666;
	background-color: white;
	padding: 2px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom: 10px;
	}
	
.imgbutton { /*used for QuickSearch buttons */
	cursor: pointer;
	float: left;
	}

.imgbuttonright { /*used for Main Search button */
	cursor: pointer;
	float: right;
	margin: 10px 0 10px 0;
	}


<!--JUNE 08 STYLES-->

.zooom {
	text-align: center;
	}

.zooom img, .zooom span {
	padding: 1px 0 1px 0;
	margin: 0 auto;
	}

.border {
	border: 1px solid #666666;
	}

#lblPDF {
	font-size: 9px;
	color: #990000;
	}

#lblPDF a {
	font-size: 9px;
	text-decoration: underline;
	color: #990000;
	}

.intro {
	padding-right: 10px;
	text-align: left;
	}
	
.intro ul li {
	margin-bottom: 8px;
	}

.intro p {
	margin: 0 auto;
	padding: 3px 0 3px;
	}
	
/*map bubble styles */

.mapbubble {
	/*does bubble size get defined here?*/
	font-size: 1em;
	font-weight: normal;
	margin: 5px;
	padding: 5px;
	text-align: left;
	line-height: 1.3em;
	min-height: 70px;
	}

.mapbubble h3, .mapbubble h3 a, .mapbubble h3 a:visited {
	color:#006F76; /*bluegreen*/
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 5px 0;
	padding: 0;
	} 

.mapbubble h3 a:hover {
	text-decoration: underline;
	}

.mapbubble .button {
	border-right: 2px solid #AC600F;
	border-bottom: 2px solid #AC600F;
	border-left: 2px solid #F8E0AB;
	border-top: 2px solid #F8E0AB;
	background-color: #F8E0AB;
	background-image: url(../images/formbtnbg.png);
	background-repeat: repeat-x;
	background-position: 50% 50%;
	padding: 2px;
	line-height: 1em;
	font-size: 1em; 
	color: #333333;
	font-weight: normal;
	font-family: Veranda, Arial, Helvetica, Sans-Serif;
	cursor:pointer;
	margin-bottom: 5px;
	}
	
.mapbubble h4, .mapbubble h4 a, .mapbubble h4 a:hover, .mapbubble h4 a:visited {
	display: inline;
	font-weight: normal;
	font-size: 1.1em;
	color: #527B29; /*darkgreen*/
	} 

.mapbubble strong {
	color: inherit;
	font-weight: bold;
	}


div.sub_breakout{
            width:269px;
			}
		
html>body div.sub_breakout {
width: 250px; /*IE6 hack: IE6 doesn’t see this */
}