﻿
*
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: #ffffff!important;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 70%;
}
p
{
	padding: 7px 0 7px 0;
}
a
{
	color: #000099;
}
a:hover
{
	color: #000099;
	text-decoration: none;
}
h1, h2, h3
{
	font-weight: bold;
	padding-bottom: 5px;
}
h1
{
	font-size: 1.9em;
	font-weight: normal;
}
h2
{
	font-size: 1.4em;
}
h3
{
	font-size: 1.2em;
}

#south
{
	padding: 2px 0 0 0;
	color: #aaaaaa;
}

#villageSelect
{
	border:solid 2px #eeb920;
}

#schoolDistrictSelect
{
	border:solid 1px #0099ee;
	background:#20b9ee;
	width:auto;
	padding:1px;
	float:left;
}

#convioEmail
{
	position:absolute;
	right:6px;
	bottom:5px;
	width:220px;
	text-align:right;
}
#convioEmail fieldset
{
	border-style:none;
	text-align:left;
	padding-bottom:1px;
}
#convioEmail fieldset input
{
	vertical-align:middle;
}
.olControlOverviewMapElement
{
	padding: 1px 0px 0px 1px !important;
	border-style: solid !important;
	border-color: #555555 !important;
	border-width: 1px 0px 0px 1px !important;
	background-color: #ffffff!important;
	-moz-border-radius: 0 0 0 0!important;
}


.olControlOverviewMapMinimizeButton
{
	right: 0px;
	bottom: 1px!important;
	z-index: 1010!important;
}

.olControlOverviewMapMaximizeButton
{
	right: 0px;
	bottom: 1px !important;
}

.olControlOverviewMapExtentRectangle
{
	border: 1px solid #cc0000 !important;
}

.olPopupCloseBox
{
	background: url( "../images/close.gif" ) no-repeat !important;
	cursor: pointer;
}
.olPopupMaximizeBox
{
	background: url( "../images/maximize.gif" ) no-repeat;
	cursor: pointer;
}
.olPopupMinimizeBox
{
	background: url( "../images/minimize.gif" ) no-repeat;
	cursor: pointer;
}
.olFramedTabCloudContent {
    padding: 5px;
    overflow: auto;
}

.olControlPanZoomBar
{ 
	top:50px!important;
}

.olControlPanel
{
	left: -4px;
	top: 30px;
}

.olControlPanel div
{
	float: left;
	padding: 0px 1px 0px 0px
}
.olControlNavigationHistoryPreviousItemActive { 
   background-image: url("../images/openlayers/back_extent_on.png")!important;
   width:  50px!important;
   height: 22px!important;
}
.olControlNavigationHistoryPreviousItemInactive { 
   background-image: url("../images/openlayers/back_extent_off.png")!important;
   width:  50px!important;
   height: 22px!important;
}
.olControlNavigationHistoryNextItemActive { 
   background-image: url("../images/openlayers/forward_extent_on.png")!important;
   width:  50px!important;
   height: 22px!important;
}
.olControlNavigationHistoryNextItemInactive { 
   background-image: url("../images/openlayers/forward_extent_off.png")!important;
   width:  50px!important;
   height: 22px!important;
}



/*
.olControlPanel .AerialToggleItemActive
{
	background-image: url( "../images/aerialtoggleon.png" );
	background-repeat: no-repeat;
}
.olControlPanel .AerialToggleItemInactive
{
	background-image: url( "../images/aerialtoggleoff.png" );
	background-repeat: no-repeat;
}
*/

.ext-wincompare
{
	border: solid 1px #777777;
}
.ext-wincompare-header
{
	color: #333333;
	background: url( "../images/blend_gold.gif" ) repeat-x 0 0;
	padding: 4px;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: solid 1px #e2d496;
}
.ext-wincompare-footer
{
	background-color:#ffffff;
}
.ext-wincompare-mc
{
	background: #ffffff;
}

.ext-wincompare .x-form-check-wrap
{
	padding:0 0 0 8px;
	margin: 0;
}
/*
#aboutWindow .x-tool-close
{
   top:0px;
   background-image: url( "../images/gotomap.png" );
   width:77px;
   height:22px;
}
#aboutWindow .x-tool-close-over
{
  background-position: 0pt 0pt;
}
*/
 .x-layout-collapsed
{
    background: #ffffff;
    border: solid 1px #999999;
}
.x-layout-split-south
{
    background: #99ff99;
}
.x-layout-split-east
{
    background: #9999ff;
}
.x-layout-split-west
{
    background: url(../images/splitpane_handle-ew.gif) no-repeat 100% 50%;
}
/*     .x-splitbar-h
{
background: url(images/spliteast.jpg) no-repeat 50% 50%;
}
*/
.x-panel-header
{
    background: #ffffff;
    border: solid 0px #aaaaaa;
    border-bottom: solid 0px;
}
.x-panel-body
{
    border: solid 0px #aaaaaa;
   
}

.x-tab-strip-active
{
	background: #ffffff;
}

.x-tab-strip .x-tab-strip-active .x-tab-right
{
	background: #ffffff;
	border-color: #b0b0b0;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
}

.x-tab-strip .x-tab-strip-active .x-tab-left
{
	background: #ffffff;
}

.x-tab-strip .x-tab-strip-active .x-tab-strip-inner
{
	background: #ffffff;
}

.x-tab-strip .x-tab-right
{
	background: #cccccc;
}

.x-tab-strip .x-tab-left
{
	background: #cccccc;
}

.x-tab-strip .x-tab-strip-inner
{
	background: #cccccc;
}


.x-form-check-wrap, .x-form-radio-wrap {
    padding: 0px 0 0 0;

}

.x-grid3-row-selected {
	background: #eeeeee !important;
	border-color: #FFCC66;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
}

.x-table-radio
{
	border:solid 1px #ffff00!important;
	background: url('../images/table.png') no-repeat 0 0!important;
}
.layerListItem
{
	
}

.legend-title
{
	color:#555555;
}
ul.legend
{
	list-style-type: none;
	padding:1px 0px 8px 0px;
	color:#555555;
}

ul.legend li
{
	margin-bottom: 0px;
	clear: both;
	overflow: hidden;

}
ul.legend li div
{
	width: 14px;
	height: 9px;
	overflow: hidden;
	float: left;
	border: solid 1px #666666;
    margin-top:2px;
}
ul.legend li span
{
	margin-left: 1px;
}

.population-overview
{
	background:#ffffff;
	padding: 20px 0px 0px 8px;
	
}
.population-overview .title
{
	display:block;
	font-weight:bold;
	padding: 0 0 6px 0;
	color: #333333;
}
.population-overview .content
{
	display:block;
	padding: 0 0 10px 0;
}
.population-overview .explanation
{
	display:block;
	font-style:italic;
	padding: 0 0 10px 0;
	color:#999999;
}
.population-category
{
	/*border:solid 1px #d0d0d0;*/
    margin: 0px 0px 10px 0px;
}
.population-category .selectedinfo
{
	display: block;
    padding: 0px 0px 8px 0px;
}
.population-category .x-panel-body
{
	
    padding:0px 0px 0px 10px;
}
.population-category .x-tool-toggle 
{
    margin-right:3px;
    margin-left:0;
    float:left!important;
}

/*.x-box-mc{background:#ffffff;}*/
.population-category .x-panel-header 
{
   /*background-color: #eaeaea;*/
   padding:5px 3px 4px 0px;
}

#tabEducation .population-overview
{
	padding-top:10px;
}

.line-separator
{
	width:auto;
	border-bottom:solid 1px #cccccc;
	margin-bottom:8px;
	height:8px;
    overflow:hidden;
    zoom:1;
    clear:both;
}
/*
#tabEducation .population-overview .spacer
{
	padding:2px;
}
*/
/*
.population-panel .x-panel-header
{
    background: #ffffff;
    border: solid 1px #000099;
    border-bottom: solid 0px;
}
.population-panel .x-panel-body
{
    border: solid 1px #990000;
    background: #ffffff;
}
*/
/*
.x-tool-toggle 
{
    margin-right:3px;
    margin-left:0;
    float:left !important;
}

.x-panel-header {
    padding:5px 3px 4px 0px;  
}
*/


/* add some padding so it spaces nice and relative elements dn't get clipped */
.form-group {
	padding-bottom:3px;
	margin-bottom: 10px;
	border:solid 1px #ffffff;

}
 
/* Simple blue border */
.form-group .form-group-header {
	padding:0;
	/*border-bottom:1px solid #c3daf9;*/
	border-bottom:1px solid #dddddd;
}
 
/* Position the text element so it appears over the border added above */
.form-group .form-group-header-text {
	font-size:11px;
	font-weight:bold;
	/*font-family:tahoma,arial,sans-serif;*/
	line-height:13px;
	text-transform:uppercase;
	position:relative;
	left:4px;
	top:5px;
	padding:1px 5px 1px 20px;
	/*color:#4e79b2;*/
	color:#555577;
	background:#fff url(../images/form-collapse-icon.gif) no-repeat 2px 0;
}
 
/* Copied from x-plain (for IE + layouts to work) */
.form-group-body {
	overflow:hidden;
    padding: 8px 0px 2px 24px;
}

/* Copied from x-plain (for IE + layouts to work) */
.form-group-bwrap {
    overflow:hidden;
    zoom:1;
}
 
/* Change the toggle icon when collapsed */
.x-panel-collapsed .form-group-header-text {
	background-position: 2px -15px;
}

.form-group .selectedinfo
{
	display: block;
    padding: 2px 0px 8px 0px;
    overflow:hidden;
}



.landuse-type
{
	padding: 10px 4px 12px 8px;
	clear:left;
}
/* Simple blue border */
.landuse-header {
	padding:0;
	/*border-bottom:1px solid #c3daf9;*/
	border-bottom:1px solid #dddddd;
	margin-left:-6px;
	margin-bottom:4px;
    height:13px;
}
 
/* Position the text element so it appears over the border added above */
.landuse-header-text {
	font-size:11px;
	font-weight:bold;
	/*font-family:tahoma,arial,sans-serif;*/
	line-height:13px;
	text-transform:uppercase;
	position:relative;
	left:4px;
	top:5px;
	padding:1px 5px 1px 5px;
	/*color:#4e79b2;*/
	color:#555577;
	background:#fff;
}

.landuse-subtitle
{
	display:block;
	padding: 0 0 6px 3px;
	color: #555555;
	font-weight:normal;
}



.li-table .x-grid3-header{
	background: #e7e7e7;
	border-bottom: solid 1px #d0d0d0;
 
}
/*
.li-table td.x-grid3-hd-over .x-grid3-hd-inner, .li-table td.sort-desc .x-grid3-hd-inner, .li-table td.sort-asc .x-grid3-hd-inner, .li-table td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background: #ebf3fd;

}
*/
.li-table .x-panel-mc, .li-table .x-panel-ml, .li-table .x-panel-mr, .li-table .x-panel-bc, .li-table .x-panel-br, .li-table .x-panel-bl, .li-table .x-panel-tl{
    background:#ffffff;
    border-width: 0;
}
.li-table .x-panel-mc
{
	padding:0;
}
.li-table .x-panel-bc
{
	height:0px;
}
#tabDetail .ext-el-mask
{
	-moz-opacity:0.0;
	opacity:.0;
	filter:alpha(opacity=0);
}
.downtown-tab
{
	background: url(../images/legend/downtown.png) 0 no-repeat !important;
}
#downtown-info
{
	padding:0 6px;
}
#downtown-info h4
{
	padding-top:6px;
	color:#404040;
}
#downtown-info ul
{
	display: block;
    list-style-type: disc;
    margin: 0 1em;
    padding: 0 1em;
}


/*
#downtown-info li
{
	margin-left: 17px;
	
}
*/
.datasource, .notes
{
	font-size:.8em;
	color: #999999;
    bottom: 0;
   
}
.datasource ul
{	
	
	display: block;
    list-style-type: disc;
    margin: 0 1em;
    padding: 0 1em;
}



.x-statusbar .map-busy 
{
	padding-left: 48px;
    background: transparent url(../images/map_loading.gif) no-repeat 0px 5px;
}

.registration-form
{
	border: solid 0px #bbbbbb;
	background: #ffffff;
	margin-left: auto;
	margin-right:auto;
}
.registration-form .x-panel-body
{
	background: #fffffff;
	padding-top: 6px;
	
}

.registration-form .x-panel-header
{
	font-size:1.1em;
	font-weight: normal;
	color:#555555;
}

.basemap-subcategory
{
	padding-top:3px;
	margin:0 22px 6px 0;
	border-bottom:1px solid #cccccc;
}
.basemap-subcategorytext
{
	font-weight:normal;
	font-size: 1.1em;
	position:relative;
	left:4px;
	top:4px;
	padding:0 2px 0px 2px;
	/*color:#4e79b2;*/
	color:#555577;
	background:#fff;
	
}
.basemap-subcategorytext-ie6
{
	font-weight:normal;
	font-size: 1.1em;
	left:4px;
	top:4px;
	padding:0 2px 0px 2px;
	/*color:#4e79b2;*/
	color:#555577;
	background:#fff;
	
}

.regviews-explanation
{
	padding-bottom:4px;
	color:#555555;
}
.regviews-explanation ul
{
	margin-left:1em;
}

.regviews-explanation li
{
	list-style: disc inside; 
	height:1.2em;
	overflow:hidden;
}
.landusetypes .x-panel-header
{
	font-weight:normal;
	font-size:1.2em;
	color:#444444; 
	border-style:solid;
	border-color: #cccccc;
	border-width: 1px 1px 0px 1px;
}
.landusetypes .x-panel-body
{
	
	background:#ffffff; 
	border-style:solid;
	border-color: #cccccc;
	border-width: 0px 1px 1px 1px;
	
}
.faq_category
{
	padding-right: 12px;
	margin-top: 25px;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 4px;
	cursor: pointer;
	line-height: 1.8em;
	padding-top: 0px;
	color:#555577;
}
.faq_category:hover
{
	text-decoration: underline;
	color: #0000FF;
}
.faq_question
{
	padding-right: 12px;
	margin-top: 25px;
	margin-left: 10px;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 4px;
	cursor: pointer;
	line-height: 1.8em;
	padding-top: 0px;
	color: #333333;
}
.faq_question:hover {
	text-decoration: underline;
	color: #0000FF;
}
.faq_answer
{
	border: solid 1px #ccc;
	padding-right: 10px;
	display: none;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-left: 15px;
}
.faq_list
{
	display: none;
}
.faq_all
{
	float: right;
	font-size: 11pt;
	font-style: italic;
}
.faq_qAll
{
	font-size: 0.75em;
	margin-bottom: 0px;
}
.location-info .x-panel-body
{
	padding:0 6px;
}

.location-info .header
{
	font-weight:bold;
}
.location-info .item-header
{
	font-style:italic;
	
}
.location-icon
{
	padding-left:24px;
}
.icon-singleline
{
	 padding-top:8px;
	 height: 18px;
}
.icon-multiline
{
	  padding-top:4px;
}

.highschool
{	
	 background: url(../images/legend/highschool.png) 0 0 no-repeat;
}
.jrhigh
{
	 background: url(../images/legend/jrhigh.png) 0 0 no-repeat;
}
.elemschool
{
	 background: url(../images/legend/elemschool.png) 0 0 no-repeat;
}
.prek
{
	 padding-top:8px;
	 background: url(../images/legend/prek.png) 0 0 no-repeat;
}
.fedsuperfund
{
	 background: url(../images/legend/fedsuperfund.png) 0 0 no-repeat;
}
.statesuperfund
{
	 background: url(../images/legend/statesuperfund.png) 0 0 no-repeat;
}
.brownfield
{ 
	 background: url(../images/legend/brownfield.png) 0 0 no-repeat;
}

.location-info ul
{
	display: block;
    list-style-type:none;
    margin: 0 0.2em;
    padding: 0 0.2em;
}
.data-item
{
	margin-bottom:10px;
}
.data-item .label
{
	font-weight:bold;
	color:#555577;
}
ul.with-list
{
	list-style-type:circle;
	padding-left: 16px;
}