html, body { height: 100%;width: 100%;margin: 0; padding: 0; color:#333; border:0; }
html, body #mainWindow { height: 100%;width: 100%;margin: 0; padding: 0; color:#333; border:0; }
body {background-color:#fff;overflow:hidden;font-family:Arial, Sans-Serif;}
img { border:0px none; margin:0;padding:0; }
iframe {margin-top: 0px;}
#PropertyRecordAccordion { }
#propertyRecordHeaderPane { font-size:11pt; }
#propertyRecordHeaderPane span { display:block; }
.AccordionPaneContent { padding:2px; }
.AccordionPaneContent h1 { color:#efefef; background-color:#58585A;padding:3px 0 3px 3px;width:100%;margin:0;font-size:10pt; text-align:left; }
.AccordionPaneContent table { width:100%;margin-top:3px; }
.AccordionPaneContent .key { color:#58585A;font-weight:bold; }
.AccordionPaneContent .value { color:#2A80C2;padding-left:3px; }
.AccordionPaneContent .subTable { border:1px solid #666;margin-top:2px; margin-left:auto;margin-right:auto;}
.AccordionPaneContent .subTable input { font-size:0.8em; }
.AccordionPaneContent .subTable tr th { border-right:1px solid #666;text-align:center;background-color:#A8A8A9;color:#efefef; }
.AccordionPaneContent .subTable tr td { border-right:1px solid #666;text-align:center; }
.AccordionPaneContent .subTable tr .noBorder { border-right:0px none; }
.AccordionPaneContent .subTable .altRow { background-color:#CDE5F7; }
.AccordionPaneContent table .darkHeader { color:#efefef; background-color:#58585A;padding:3px 0 3px 3px;font-size:10pt; }
.AccordionPaneContent table .lightHeader { color:#efefef; background-color:#A8A8A9;padding:3px 0 3px 3px;font-size:10pt; }
/* Overrides of ESRI Claro Style */
.claro .dijitAccordionTitle {background-color: transparent; background-image: url(images/accordion-grey.png); background-position:0px 0px; background-repeat:repeat-x; padding: 5px 7px 2px 7px; min-height:17px; color:#555;text-align:center;font-weight:bold;}
.dj_ie6 .claro .dijitAccordionTitle {background-image: none;}
.claro .dijitAccordionContainer .dijitAccordionContainer-child {background-color:#fff; border:0px none !important; margin: 0px 2px 0px; padding: 9px;}
.claro .dijitAccordionInnerContainer { margin-bottom:0px; border-top: 0px none; border-bottom: 0px none; }
.claro .dijitAccordionInnerContainer .dijitAccordionTitle { text-align:left; }
.claro .dijitAccordionContainer .dijitAccordionChildWrapper { background-color: #F3F3F4; }
.claro .dijitAccordionContainer .dijitAccordionContainer-child { background-color: #F3F3F4; }
.claro .dijitAccordionContainer .dijitAccordionContainer-child select, .claro .dijitAccordionContainer .dijitAccordionContainer-child input { width:100%; margin-bottom:0px; }
.claro .dijitAccordionContainer .dijitAccordionContainer-child input.searchButton { margin-bottom:10px; width:7em; }
.claro .dijitAccordionInnerContainerActive {border:1px solid #BDBEC1; background-color:#fff; -webkit-transition-duration:.1s;}
.claro .dijitAccordionInnerContainerActive .dijitAccordionTitle {background-color: transparent; background-image: url(images/accordion-black.png); background-position:0px 0px; background-repeat:repeat-x; color:#efefef;}
.claro .dijitAccordionInnerContainerSelected {border-color:#BDBEC1; background-color: #fff;}
.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle {background-color: transparent; background-image: url(images/accordion-black.png); background-position:0px 0px; background-repeat:repeat-x; color:#efefef;text-align:left;}
.claro .dijitAccordionInnerContainerHover .dijitAccordionTitle {background-color: transparent; background-image: url(images/accordion-black.png); background-position:0px 0px; background-repeat:repeat-x; color:#efefef;}
.claro .dijitAccordionInnerContainerHover,.claro .dijitAccordionInnerContainerSelectedActive {border-top:0px none;border-bottom:0px none; background-color:#fff; -webkit-transition-duration:.2s;}
.claro .dijitAccordionInnerContainerSelectedHover .dijitAccordionContainer-child,.claro .dijitAccordionInnerContainerSelectedActive .dijitAccordionContainer-child {background-color:#F3F3F4; border:0px none !important; /*-webkit-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, .25); -moz-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, .25);*/-webkit-box-shadow:none; -moz-box-shadow:none;}
.claro .dijitBorderContainer { border: 0px none;padding: 5px; }
.claro .dijitBorderContainer-dijitContentPane { background-color: #E8E9EA; padding: 8px; }
.claro .dijitBorderContainer-child { border: 0px none }
.claro .dijitContentPane h4 { font-weight:bold; font-size:1.5em;margin-left:10px;margin-top:5px; }
#legendPane { -moz-box-shadow: 5px 0 5px #aaa; -webkit-box-shadow: 5px 0 5px #aaa; box-shadow: 5px 0 5px #aaa; z-index:5000; left:159px; }
#legendPane .container { width:100%; background-color:#F3F3F4;border:1px solid #BDBEC1;margin-top:25px;-moz-border-radius: 5px;border-radius:5px; }
#legendPane .container ul li { list-style-type:none;font-size:10pt;color:#333333; line-height:2em; margin-left:-15px;margin-right:3px; }
#legendPane .container ul li span { padding-left:3px;margin-bottom:8px; }
#legendPane .container h4 { font-weight:bold; font-size:1.2em;margin-left:10px;margin-top:5px; }
#legendPane .container p { margin-top:0px;margin-left:25px;font-size:8pt;color:#6d6e71; }
#searchPane { -moz-box-shadow: 5px 0 5px #aaa; -webkit-box-shadow: 5px 0 5px #aaa; box-shadow: 5px 0 5px #aaa; z-index:5000; left:159px; }
#dataPane { -moz-box-shadow: 5px 0 5px #aaa; -webkit-box-shadow: 5px 0 5px #aaa; box-shadow: 5px 0 5px #aaa; z-index:5000; left:159px; }
#dataPane .container { width:610px;height:90%; background-color:#F3F3F4;border:1px solid #BDBEC1;padding:5px;margin:10px 8px 8px 8px; -moz-border-radius: 5px;border-radius:5px;}
#dataPane .container h4 { font-weight:bold; font-size:1.2em;margin-top:5px; }
.claro #dataPane h2 { margin-left:10px; }
#sharePane { -moz-box-shadow: 5px 0 5px #aaa; -webkit-box-shadow: 5px 0 5px #aaa;box-shadow: 5px 0 5px #aaa; z-index:5000; left:159px; }
#propertyCard { -moz-box-shadow: 5px 0 5px #aaa; -webkit-box-shadow: 5px 0 5px #aaa; box-shadow: 5px 0 5px #aaa; z-index:4000; left:159px; }
#helpPane { -moz-box-shadow: 5px 0 5px #aaa; -webkit-box-shadow: 5px 0 5px #aaa;box-shadow: 5px 0 5px #aaa; z-index:5000; left:159px; }
#toolsPane { -moz-box-shadow: 5px 0 5px #aaa; -webkit-box-shadow: 5px 0 5px #aaa; box-shadow: 5px 0 5px #aaa; z-index:5000; left:159px; }
#toolsPane .container { width:100%; background-color:#F3F3F4;border:1px solid #BDBEC1;margin:30px 0px 8px 0px;-moz-border-radius: 5px;border-radius:5px;}
#toolsPane .container h4 { font-weight:bold; font-size:1.2em;margin-top:5px; }
#toolsPane .container #city,#toolsPane .container #county,#toolsPane .container #trs,#toolsPane .container #buffer,#toolsPane .container #bufferWait,#toolsPane .container #polygon { display:none;padding:10px 0 10px 0; }
#toolsPane .container .subContainer { display:none; padding:5px; border:1px solid #BDBEC1;-moz-border-radius: 5px; border-radius:5px;}
#toolsPane .container .subContainer h5 { font-weight:bold; margin-top:5px; }
#toolsPane .container .subContainer ul { margin-left: 0; padding-left: 10px; display: inline; }
#toolsPane .container .subContainer ul li { list-style: none; display: inline; margin:0 0 0 -5px;padding:3px 10px; border:1px solid #BDBEC1; font-weight:bold; cursor:pointer; }
#toolsPane .container .subContainer ul li:hover { color:#fff; background-color:#238BCB; }
#toolsPane .container .subContainer ul li.active { color:#fff; background-color:#238BCB; }
#toolsPane .container ul li { list-style-type:none;font-size:10pt;color:#333333; line-height:2em; margin-left:-15px;margin-right:3px; }
#toolsPane .container ul li span { padding-left:3px;margin-bottom:8px; }
#toolsPane #quad table { cursor:pointer; }
#toolsPane #quad table td { background-color:#D6D6E0; font-size:7pt;line-height: 120%; width:12px; }
#toolsPane #trs table { font-size:8pt; }
#toolsPane #trs #sectionTable { cursor:pointer; }
#toolsPane #trs #sectionTable td { background-color:#D6D6E0; font-size:7pt;line-height: 120%; width:12px; }
#helpPane { -moz-box-shadow: 5px 0 5px #aaa; -webkit-box-shadow: 5px 0 5px #aaa; box-shadow: 5px 0 5px #aaa; z-index:5000; left:159px; overflow:scroll; }
#helpPane h4 { color:#000000;font-weight:bold; }
#helpPane dt { font-weight:bold; }
#disclaimerPane { -moz-box-shadow: 5px 0 5px #aaa; -webkit-box-shadow: 5px 0 5px #aaa; box-shadow: 5px 0 5px #aaa; z-index:5000; left:159px; overflow:scroll; }
.leftControlPanel { width:157px;height:100%;margin:0;background-color:#231F20;border-left:1px solid #949599;border-right:1px solid #949599;padding:0;
-moz-box-shadow: 5px 0 5px #aaa; -webkit-box-shadow: 5px 0 5px #aaa; box-shadow: 5px 0 5px #aaa; z-index:6000; }
.ieLeftControlPanel {background-color: #fff; zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3); }
.claro #logo { background-image: url(images/menu-sprite-legend.png); background-position: 0 0; width: 157px; height: 112px; }
.claro #logo:hover { background-image: url(images/menu-sprite-legend.png); background-position:-316px -1px; width:155px;height:110px; border:1px solid #eeeeee;z-index:7000 !important; }
.claro .searchButton { background-image: url(images/menu-sprite-legend.png); background-position: 0px -164px; background-repeat:no-repeat;height:51px;width:157px;border-top:thin solid #333333;border-bottom: thin solid #000000; }
.claro #searchButton:hover { background-image: url(images/menu-sprite-legend.png); background-position: -315px -164px; }
.claro .searchButtonActive { background-image: url(images/menu-sprite-legend.png); background-position: -157px -164px; }
.claro .legendButton { background-image: url(images/menu-sprite-legend.png); background-position: 0 -115px; background-repeat:no-repeat;height:45px;width:157px;border-top:thin solid #333333;border-top:thin solid #333333;border-bottom: thin solid #000000; }
.claro #legendButton:hover { background-image: url(images/menu-sprite-legend.png); background-position: -315px -115px; }
.claro .legendButtonActive { background-image: url(images/menu-sprite-legend.png); background-position: -157px -115px; }
.claro .dataButton { background-image: url(images/menu-sprite-legend.png); background-position: 0 -219px; background-repeat:no-repeat;height:47px;width:157px;border-top:thin solid #333333;border-bottom: thin solid #000000; }
.claro #dataButton:hover { background-image: url(images/menu-sprite-legend.png); background-position: -315px -219px; }
.claro .dataButtonActive { background-image: url(images/menu-sprite-legend.png); background-position: -157px -219px; }
.claro .toolsButton { background-image: url(images/menu-sprite-legend.png); background-position: 0 -270px; background-repeat:no-repeat; background-color:#231F20; height:49px;width:157px;border-top:thin solid #333333;border-bottom: thin solid #000000;border-top: thin solid #333333; }
.claro #toolsButton:hover { background-image: url(images/menu-sprite-legend.png); background-position: -315px -270px; }
.claro .toolsButtonActive { background-image: url(images/menu-sprite-legend.png); background-position: -157px -270px; }
.claro .helpButton { position:absolute;left:0px;bottom:0px; }
.claro .helpButton { background-image: url(images/menu-sprite-legend.png); background-position: 0px -323px; background-repeat:no-repeat;height:51px;width:157px; }
.claro #helpButton:hover { background-image: url(images/menu-sprite-legend.png); background-position: -315px -323px; }
.claro .helpButtonActive { background-image: url(images/menu-sprite-legend.png); background-position: -157px -323px; }
.claro .disclaimerButton { position:absolute;left:0px;bottom:51px; }
.claro .disclaimerButton { background-image: url(images/menu-sprite-legend.png); background-position: 0px -373px; background-repeat:no-repeat;height:51px;width:157px; }
.claro #disclaimerButton:hover { background-image: url(images/menu-sprite-legend.png); background-position: -315px -373px; }
.claro .disclaimerButtonActive { background-image: url(images/menu-sprite-legend.png); background-position: -157px -373px; }
.claro .disclaimerButton {
position: absolute;
left: 0px;
bottom: 50px;
}
.searchResult { width: 100%;text-align:left;padding:2px; }
.searchResult a { font-size:7pt; }
.searchResultAltRow { background-color:#CDE5F7;width: 100%;text-align:left;padding:2px; }
.searchResultAltRow a { font-size:7pt; }
#loadingDiv { background-image: url(images/loaderbg.png); background-position:0px 0px; background-repeat: no-repeat; height:60px;width:200px; }
#distanceDiv { background-image: url(images/loaderbg.png); background-position:0px 0px; background-repeat: no-repeat; height:60px;width:200px;font-weight:bold; }
/*mapcontrols*/
#mapDiv_zoom_slider { z-index:7000 !important; }
#zoomout { background: url(images/mapcontrols.png); width:36px;height:38px; position:absolute; background-position:-3px -8px;top:8px;left:3px;cursor:pointer; border:none; }
#zoomout:hover { background: url(images/mapcontrols.png);width:36px;height:38px; position:absolute; background-position:-82px -8px;top:8px;left:3px;cursor:pointer; border:none; }
#zoomin { background: url(images/mapcontrols.png);width:35px;height:38px; position:absolute; background-position:-41px -8px;top:8px;right:3px;cursor:pointer; border:none;}
#zoomin:hover { background: url(images/mapcontrols.png);width:35px;height:38px; position:absolute; background-position:-121px -8px;top:8px;right:3px;cursor:pointer; border:none;}
.street2 { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:0px -55px;bottom:182px;left:0px;cursor:pointer; border:none; }
#street2:hover { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:-80px -55px;bottom:182px;left:0px;cursor:pointer; border:none; }
.street2Active { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:-80px -55px;bottom:182px;left:0px;cursor:pointer; border:none; }
.satellite2 { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:0px -95px;bottom:142px;left:0px;cursor:pointer; border:none; }
#satellite2:hover { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:-80px -95px;bottom:142px;left:0px;cursor:pointer; border:none; }
.satellite2Active { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:-80px -95px;bottom:142px;left:0px;cursor:pointer; border:none; }
.topo2 { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:0px -136px;bottom:102px;left:0px;cursor:pointer; border:none; }
#topo2:hover { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:-80px -136px;bottom:102px;left:0px;cursor:pointer; border:none; }
#topo2[disabled]:hover { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:-160px -136px;bottom:102px;left:0px;cursor:pointer; border:none; }
.topo2Active { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:-80px -136px;bottom:102px;left:0px;cursor:pointer; border:none; }
.topo2Disabled { background: url(images/mapcontrols.png);width:80px;height:39px; position:absolute; background-position:-160px -136px;bottom:102px;left:0px;cursor:pointer; border:none; }
#prevExtent { background: url(images/mapcontrols.png);width:35px;height:41px; position:absolute; background-position:-4px -185px;bottom:57px;left:3px;cursor:pointer; border:none; }
#prevExtent:hover { background: url(images/mapcontrols.png);width:35px;height:41px; position:absolute; background-position:-84px -185px;bottom:57px;left:3px;cursor:pointer; border:none; }
#nextExtent { background: url(images/mapcontrols.png); width:35px;height:41px; position:absolute; background-position:-42px -185px;position:absolute;bottom:57px;right:3px;cursor:pointer; border:none; }
#nextExtent:hover { background: url(images/mapcontrols.png); width:35px;height:41px; position:absolute; background-position:-122px -185px;bottom:57px;right:3px;cursor:pointer; border:none; }
#printMap { background: url(images/mapcontrols.png);width:80px;height:44px; position:absolute; background-position:0px -237px;bottom:4px;left:0px;cursor:pointer; border:none; }
#printMap:hover { background: url(images/mapcontrols.png);width:80px;height:44px; position:absolute; background-position:-80px -237px;bottom:4px;left:0px;cursor:pointer; border:none; }
button.linkButton { font-size: 7pt;text-align: left;color: blue;background: none;margin: 0;padding: 0;border: none;cursor: pointer; }
.paneVisible { position:absolute;top:0px;width:267px;height:100%;margin:0;background-color:#E8E9EA;padding:10px;visibility:visible; overflow:scroll; }
.paneHidden { position:absolute;top:0px;width:0px;height:100%;margin:0;background-color:#E8E9EA;padding:10px;visibility:hidden; overflow:scroll; }
.dataPaneVisible { position:absolute;top:0px;width:650px;height:100%;margin:0;background-color:#E8E9EA;padding:10px;visibility:visible; overflow:scroll; }
.togglePropertyCardHidden { visibility:hidden;width:0px;height:100%; margin:0;padding:0;z-index:4999; }
.togglePropertyCardVisible { visibility:visible;width:0px;height:100%; margin:0;padding:0;z-index:4999; }
@media only screen and (max-width: 999px) {
.claro .helpButton { background-position: -12px -323px; height:51px;width:51px; }
.claro #helpButton:hover { background-position: -327px -323px; height:51px;width:51px; }
.claro .helpButtonActive { background-position: -169px -323px; height:51px;width:51px; }
.claro .toolsButton { background-position: -9px -270px; height:49px;width:51px; }
.claro #toolsButton:hover { background-position: -324px -270px; height:49px;width:51px; }
.claro .toolsButtonActive { background-position: -166px -270px; height:49px;width:51px; }
.claro .searchButton { background-position: -9px -164px; height:51px;width:51px; }
.claro #searchButton:hover { background-position: -324px -164px; height:51px;width:51px; }
.claro .searchButtonActive { background-position: -166px -164px; height:51px;width:51px; }
.claro .legendButton { background-position: -9px -115px; height:45px;width:51px; }
.claro #legendButton:hover { background-position: -324px -115px; height:45px;width:51px; }
.claro .legendButtonActive { background-position: -166px -115px; height:45px;width:51px; }
.leftControlPanel { width:51px; }
.claro #logo { background-position: -90px 0; width: 51px; height: 51px;margin-bottom:6px; }
.claro #logo:hover { background-position:-405px -1px; width: 49px; height: 49px; border:1px solid #eeeeee;z-index:7000 !important; }
#legendPane, #searchPane, #dataPane, #toolsPane, #propertyCard, #helpPane, #disclaimerPane { left:46px; }
.claro .dataButton { display:none; }
#printMap { display:none; }
#printMap:hover { display:none; }
}