﻿html {padding:0; margin:0 auto; border:0; font-weight:normal; font-size:10px; font-family: Verdana, Arial Universe, Univers, Helvetica, Sans-Serif; overflow:hidden;}
body {overflow:hidden; padding:0; margin:0 auto; border:0; font-weight:normal;}


/*
.map-marker-sprite {background-image: url(https://d3nn82uaxijpm6.cloudfront.net/assets/sprites/sprites-map-2952f0a9e3b82350c97acb7fa5333d10.png);
    background-repeat: no-repeat;
    background-position: left top
    }
.map-marker-sprite .start-icon {background-position: 0 -144px}
.map-marker-sprite .end-icon {background-position: -24px -144px}
*/
 
/* On screens that are 600px wide or less, add some specifics here... */
@media screen and (max-width: 600px) {}


  img.sprite
{
width:20px;
height:20px;
background:url("../images/sprites-map.png") -73px -171px;}        
.sprite:hover{background: url("../images/sprites-map.png") -1px -171px;}
       
  
/*a {color: #000; font-weight:bold; outline: none;}
a:hover {color: #00f;}
*/
/*
table {padding-top: 5px; padding-bottom: 5px; width:100%; white-space:normal;}
table a {color: #00f; font-weight:normal; outline: none;}
td {color: #000; padding: 1px 2px 1px 2px; border: solid 1px #ccc; color:#000;}
*/
table			{border-collapse: collapse;}
table.td, table.th	{padding: 10px;}
.text			{white-space:nowrap; text-decoration: none; font-size: 8pt; font-weight: normal; color: #000;}

table.wo    { margin:5px 3px 5px 3px; font-size:11px;white-space:nowrap;}
table.wo th  {text-align:center;font-weight:bold;color:#808080;padding:3px;}
table.wo tr	{ border-left:solid 1px #E4E4E4;border-right:solid 1px #E4E4E4; }
table.wo tr:nth-child(odd)	{ background-color:#E4E4E4; }
table.wo tr:last-child	{ border-bottom:solid 1px #E4E4E4;  }
table.wo td  {text-align:center;color:#000;padding:3px;}

/*.selectbox		{vertical-align:middle; font-size: 8pt;background-image:url(images/form_bg.jpg); background-repeat:repeat-x;border:1px solid #ccc;	color:#333333;	padding:2px;	margin-right:4px;	font-size: 12px;}
*/
.textbox     {margin-bottom:3px;padding:3px;font-size:12px; background-color:#fff; border:solid 1px #ccc; }

h1 {font-size: 2.0em; font-weight:bold; margin-top: 0.25em; margin-bottom: 0.25em;}
h2 {font-size: 1.2em; font-weight:normal; margin-top: 0;}
h3 {font-size: 1.35em; font-weight:bold; margin-top: 0.25em; margin-bottom: 0.25em;}
h3 span {color:#bbb; outline: none; font-weight:normal; font-size:0.9em; }
h3 span:hover {color:#00f; cursor:pointer; font-size:0.9em;}
.heading1 {font-weight:bold; font-size:12px;}

ul {vertical-align: middle;}
li {list-style: none; vertical-align: middle;}
input {vertical-align: middle;}
img {border: none; vertical-align: middle;}
p {font-size:1.2em;}
.bold    {font-weight:bold}

.divHide { 	display:none;	}
.divShow {	display:block;	}

#divhelp a {color:#556DB1 !important;}
a				{color:#556DB1;}
.a				{color:#556DB1;cursor:pointer !important;text-decoration:underline;}
a:hover         {text-decoration: underline;}
.link { color:blue; text-decoration:underline; cursor:pointer;}

zztable.content	{position:relative;width:98%;margin:5px 0px 5px -20px;}
table.content td		{vertical-align:top;padding-right:7px; }

#divLogin   {border-left:solid 1px #ccc;border-top:solid 1px #ccc}
#divLogin .headerrow1 {font-size:110%; font-weight:bold;}
#divLogin .loginButton {font-size:90%;}

.titlebar	    {padding:5px;}
.titlebary		{white-space:nowrap; text-decoration: none; font-weight: bold; color:#fff; padding:5px; font-size:14px; background-color:#556DB1; background: url(images/css-background.png) 0% 0% repeat-y;}

#imgheader {opacity:1.0;filter:alpha(opacity=100);position:absolute;z-index:-100; height:100%; }
#divimgheader { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/css-background.png", sizingMethod="scale");color:#002D62; background:#CED9E7; position:absolute;z-index:-110;border-bottom:2px solid #002D62; float: left; height: 66px; width:100%;}

zz#divimgheader {
    background: transparent url('images/css-background.png') left top repeat-y;
}

zzbody			{background-color:#fff; background:transparent url(images/css-background.png) 0% 0% repeat-x!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/css-background.png", sizingMethod="scale");}
zzbody		{background:#fff url(images/css-background.png) 0% 0% no-repeat;}

  .zzbody{
    /* fallback (Opera) */
    background: #ffffff;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #ffffff, #5168AC);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#5168AC));
    /* MSIE */
    _filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#fff', EndColorStr='#5168AC', GradientType=0);
  }

/*HEADER*/
zz#header {color:#002D62; background:#96B1D0; border-bottom:2px solid #002D62; float: left; height: 5em; padding-top:0.5em; padding-bottom:0.5em; width:100%;}
#header {min-width:1000px;}

#headerTitle {float: left; margin: 0 auto; padding:0; padding-left: 5px; text-align:left; width:200px;height: 68px;}

#headerLinks {margin-right:10px;font-size:11px;font-style:italic; font-weight:bold;float:right; position:relative; white-space:nowrap;color:#002d62}
#headerLinks a {color:#002d62; }

#headerSearch {-moz-border-radius: 7px;border:solid 2px #002D62;padding:0px 4px 3px 8px;float:right;margin: 0 auto; margin-right:50px; left:30%;position: absolute; z-index: 100;width:550px; margin-top:10px;  background-color:#fff;border-radius: 7px; opacity:.85; }
#headerSearch #tbSearch {width:330px;padding:3px;font-weight:bold; font-size:18px; background-color:#fff; border:solid 0px #ccc; color:gray; } 
#headerSearch img:hover {cursor:pointer; }

/*#tbSearchFeatures {padding:3px;font-size:12px; background-color:#fff; border:solid 1px #ccc; } 
#tbSearchOwner {padding:3px;font-size:12px; background-color:#fff; border:solid 1px #ccc; } 
*/
/*Nav*/
#divNav {float:left;width: 100%; margin:0 auto; padding:0; text-align:left; border-bottom:1px solid #002D62; background:#CED9E7; font-size:1.2em; white-space:nowrap;}
#divNav a {text-decoration: none;white-space:nowrap; }
#divNav a:hover {text-decoration: underline; white-space:nowrap;}

#divNavTOC {margin-left:18%; }
#ulNavTOC {border:solid 0px #fff;float: left; width: 0%; margin: 0 auto; bottom:0; padding-left: 5px; padding-top:-11px; text-align:left; white-space:nowrap; }
#zzulNavTOC li.hs {float: left; list-style: none; padding: 0px; margin: 0px; border:none; background:none; white-space:nowrap;}
/*
#ulNavTOC li {float: left; list-style:none; margin:1px; padding:1px; border: 1px solid #002D62; background: #fff; white-space:nowrap;}
#ulNavTOC li.hs  a {text-decoration: none; white-space:nowrap;}
#ulNavTOC a {float: left; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; padding-top: 3px; white-space:nowrap;}
#ulNavTOC li.selected {float: left; background: #fff; border: 1px solid #556B2F; border-bottom: none; padding-bottom: 9px; padding-left: 9px; padding-right: 9px; padding-top: 4px; margin-bottom: -2px; white-space:nowrap;}
#ulNavTOC li.selected a {float: left; background: none; padding: 0; padding-bottom: 0px; white-space:nowrap;}
*/

#ulNavMap {float: left; margin:0 auto; min-width:510px;padding:0; padding-top:1px; text-align: left; white-space:nowrap !important;}
#ulNavMap li {float: left; list-style:none; margin:1px; padding:1px; padding-bottom:2px; white-space:nowrap;border: 1px solid transparent;}
#ulNavMap li.selected { border: 1px solid #002D62; color:#00f; background:#fff; white-space:nowrap;}
#ulNavMap li.selected a {color:#00f; white-space:nowrap;}
#ulNavMap a {float:left; padding:1px; text-decoration: none; white-space:nowrap;}
#ulNavMap a:hover {text-decoration: none; white-space:nowrap;}
#ulNavMap a.navSeparator {color: #556B2F; font-weight:normal; outline: none; margin-top:-1px; }

#ulNavMap #Obliques:hover {background-color:#ededed;}

#ulNavCommands {float: right; margin:0 auto; text-align:right;margin-right:0px; padding:0; padding-top:2px; text-align: left; white-space:nowrap;} /*min-width:450px;*/
#ulNavCommands li {float: left; list-style:none;margin:1px auto; padding:1px; padding-right:8px;padding-bottom:2px; white-space:nowrap;}
#ulNavCommands a {float:left; padding:2px; text-decoration: none; white-space:nowrap;}
#ulNavCommands a:hover {text-decoration: none; white-space:nowrap;}

/*Opacity Slider*/
#divNavTrans {float:left; white-space:nowrap; padding-top:5px; padding-left:2px; font-size:1.2em;}
#divHorizontalSlider {float:left; white-space:nowrap; margin-top:4px;}

.img { 	border:solid 2px #FFFFFF;    	}
#divmapLayers {cursor:pointer;float:left; white-space:nowrap; padding-top:5px; padding-left:2px; font-size:12px;}
#zzdivmapLayers .imgTOCToggle		{margin:0px 5px 4px 0px;}
#divmapLayers .imgTOCToggle		{margin:5px 5px 5px 0px;}
zz#divmapLayers .zzlabelTOCToggle   {position:absolute;margin:2px 0px 0px 0px;}
zz#divmapLayers .label   {position:absolute;padding:2px 0px 0px 0px;}
#divmapLayers#divmapLayers .label   {white-space:nowrap;}
#divmapLayersAdvanced {font-size:12px;}
#divmapLayersAdvanced .imgTOCToggle    {border-bottom:solid 5px transparent; border-top:solid 5px transparent;}


.checkbox {height:14px; width:14px;}

#spanMapWaitMsg {font-size:12px;}

/*Left*/
#leftColumn {position: relative; float: left; width: 20%; margin:0 auto; padding:0; background:#CED9E7; overflow:hidden; overflow-y:auto; display:block;}  /* overflow-y: auto; overflow-x:hidden;
/*#leftColumn a {color: #00f; outline: none;}
#leftColumn a:hover {color: #f00; outline: none;}  */
#leftLayers {position: relative; float: left; display: block; margin:0 auto; padding:0; padding-top:10px; background:#fff; width:100%;}
#leftResults {position: relative; float: left; display: block; margin:0 auto; padding:0; padding-top:10px; background:#fff; overflow:auto; width: 100%;}

/*Right*/
#rightColumn {position: relative; float: right; width: 30%; margin:0 auto; padding:0; background:#CED9E7; overflow:hidden; overflow-y:auto; display:none;}

/*Map*/
#mapColumn {float: left; width: 80%; position:relative;display:inline-block}
#mapColumn .mapText	{display:none; position:absolute; left: 80px; top: 7px; font-size:12px; border: 1px solid #556B2F; background:#fff; padding: 2px; min-width:0px; white-space:nowrap;}
#mapColumn #statusText	{ z-index:100; display:block; position:absolute; left: 80px; top: 0px; font-size:11px; color:#555; border: 0px solid #999; background:#fff; padding: 2px;white-space:nowrap;}
#map {margin:0 auto; background:#fff; overflow:hidden; border:1px solid #556B2F; border-top:none;}
#mapLoading {display:block; position:absolute; left: 50%; top: 50%; font-size:1.2em; border: 1px solid #556B2F; background:#fff; padding: 3px;}

#obliqueframeclose {position:absolute; right:15px; top:30px;text-align:center;font-weight:bold;width:15px;height:15px;background-color:#fff;color:rgb(25,25,25); font-family:Arial,sans-serif;border:2px solid #fff; border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.3);font-size:13px;padding:3px !important;}

#divDialog {}
.divPopup {font-size:12px;padding:15px;border-right:solid 2px #333333;border-bottom:solid 2px #333333; width:360px;position:absolute;background-color:#fff;display:none;vertical-align:top;}
 /*style="border-right:solid 2px #333333;border-bottom:solid 2px #333333; width:360px;position:absolute;background-color:#fff;display:none;vertical-align:top;"
*/
#tbShowLink  { width:100%}
#tbShowLink2 { width:100%}

#tblIdResults td  {white-space:nowrap;}

#btnBookmarkAddNew {font-size:80%}
#btnBookmarkAddGo {font-size:80%;}
#btnBookmarkAddCancel {font-size:80%}

/*Table*/
.tabCell1 {background:#fff; font-size:1.15em;}
.tabCell2 {background:#ddd; font-size:1.15em;}

/*Toc*/
.ulRootLegend {vertical-align: middle;}
.liRootLegend {list-style: none; vertical-align: middle;}
#divmenutools div, #divmenuthemes div {padding:1px;}

/*Results*/
.ulResults {vertical-align: middle; margin-left: 0; padding-left: 0;}
.ulResults span {font-size:1.3em;}
.liResults {vertical-align: middle; margin-left: 0; padding:3px;}
#divResultsWindow a {color: #00f; font-weight:normal; outline: none; width:100%;}

.legend			{padding-left:15px;}
table.legend    {width:200px;text-align:left}
table.legend td {vertical-align:top;}
.tdlayernameitem {white-space:nowrap;padding-bottom:0px;text-align:left;}
.tdlayernamesubitem {font-size:90%;white-space:normal}
.tdlayernamehead {padding:5px 0px 5px 0px;text-align:left;}
table.legendsmall img			{height:10px;width:15px;}
img				{border: none; vertical-align:middle;}

#tblUtilService td  {padding:2px;}

.ui-autocomplete { width:300px; max-height: 350px; overflow-y: auto; overflow-x: hidden;}

.autocomplete_completionListElement 
{
padding-left:1px;
background-color:#fff; 
z-index:1;
border:1px solid buttonshadow;
color:windowtext;
height:250px; 
list-style-type:none;
margin:0 !important;
overflow:auto;
text-align:left;
font-size:12px;
visibility:hidden;
}

.autocomplete_highlightedListItem {background-color:#CED9E7;color:black;padding:1px;}
.autocomplete_listItem { background-color:window;color:windowtext;padding:1px;}

.autocomplete1_completionListElement 
{
padding-left:1px;
background-color:#fff; 
z-index:1;
border:1px solid buttonshadow;
color:windowtext;
height:100px; 
list-style-type:none;
margin:0 !important;
overflow:auto;
text-align:left;
font-size:10px;
visibility:hidden;
}
/*  dojo accordian fader */
.close
{
    float:right;
    cursor:pointer;
    margin-bottom:3px;
    margin-right:10px;
}
.dijitAccordionText {    font-weight:bold;font-size:11px;color:gray;}
#accordianLinks {position:absolute;right:10px;font-weight:normal;font-size:10px;}

.tt,#fader
{
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.tt,.tooltip,#fader
{
    -moz-box-shadow:5px 5px 5px #191919;
    -webkit-box-shadow:5px 5px 5px #191919;
    box-shadow:5px 5px 5px #191919;
}
#fader
{
    background-color:#fff;
    position:absolute;
    top:10px;
    right:10px;
    width:375px;
    /*height:200px;    */
    overflow:auto;
    z-index:1;
    padding:5px 5px 5px 5px;
    border-color:#ccc;
    border-style:solid;
    border-width:1px;
}
#faderText,#tabText
{
    margin-top:5px;
}


/* jQuery styles
----------------------------------*/
.ui-accordion .ui-accordion-header {font-weight:bold;}
.ui-widget-header { border: 1px solid #ccc; background: #96B1D0 url(images/ui-bg_gloss-wave_55_556db1_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ccc; background: #ececec font-weight: bold; color: #808080; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #808080; text-decoration: none; }
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ccc; background: #CED9E7 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #000; } */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ccc; background: #CED9E7 50% 50% repeat-x; font-weight: bold; color: #000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ccc; background: #f5f8f9 font-weight: bold; color: #000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fad42e; background: #ffffcc url(images/ui-bg_flat_55_ffffcc_40x100.png) 50% 50% repeat-x; color: #363636; } */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fad42e; background: #ffffcc 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
/* .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } */
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

.ui-autocomplete {overflow: auto; overflow-y: auto; overflow-x: hidden; max-height: 400px;}
.ui-autocomplete .ui-menu-item { padding-left: 5px; white-space:nowrap }
.ui-autocomplete-category {font-weight: bold;padding: 0 4px;line-height: 1.5;font-variant: small-caps;font-size: 1.1em;    }

.ui-dialog-titlebar { background: #556db1 !important; color: #fff !important; }

.ui-icon.grayIcon { background-image: url(//ims.jocogov.org/images/ui-icons_888888_256x240.png) !important;}

/*.ui-autocomplete-input  {width:500px; }
.ui-autocomplete .ui-menu .ui-widget .ui-widget-content .ui-corner-all  {color:Green; width:1000px}
.ui-menu-item {margin-right:100px;white-space:nowrap;} 
*/


.container{
  width: 130px; 
  z-index: 1; 
  margin: 5px;
  cursor: pointer;
  text-align: left;
  z-index: 0;
  display:none;
}

.dropDownControl{
    direction: ltr; 
    overflow-x: hidden; 
    overflow-y: hidden; 
    text-align: left; 
    position: relative; 
    font-family: Arial, sans-serif; 
    -webkit-user-select: none; 
    font-size: 13px; 
    padding-top: 1px; 
    padding-right: 6px; 
    padding-bottom: 1px; 
    border-image: initial; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; 
    box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; 
    color: rgb(0, 0, 0); 
    padding-left: 6px; 
    font-weight: bold; 
    background-image: initial; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: rgb(255, 255, 255); 
    background-position: initial initial; 
    background-repeat: initial initial;     
    z-index: 2;
    padding:6px 12px 6px 12px;
    border-radius: 2px;
}   

.dropDownArrow{
    -webkit-user-select: none; 
    border-width: 0px; 
    border-style: initial; 
    border-color: initial; 
    border-image: initial; 
    padding: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    position: absolute; 
    right: 6px; 
    top: 50%;
    margin-top: -2px; 
    width: 7px; 
    height: 4px; 
}

.dropDownOptionsDiv{
    background-color: white; 
    z-index: 0; 
    padding-top: 2px; 
    border-image: initial; 
    border-top-width: 0px; 
    border-top-style: initial; 
    border-top-color: initial; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; 
    box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; 
    position: relative; 
    text-align: left; 
    display: none;
    border-radius: 2px;
}

.dropDownItemDiv{
    font-family: Arial, sans-serif; 
    -webkit-user-select: none; 
    font-size: 13px; 
    padding-top: 4px; 
    padding-right: 5px; 
    padding-bottom: 3px; 
    padding-left: 5px; 
    background-color: rgb(255, 255, 255); 
    color: black;       
}
.dropDownItemDiv:hover, .checkboxContainer:hover{
    background-color: rgb(235, 235, 235);       

}
.dropDownControl:hover{
    background: -webkit-linear-gradient(top,rgb(255,255,255),rgb(230,230,230));
}
.separatorDiv{
    margin-top: 1px; 
    margin-right: 0px; 
    margin-bottom: 1px; 
    margin-left: 0px; 
    border-top-width: 1px; 
    border-top-style: solid; 
    border-top-color: rgb(235, 235, 235); 
}
.checkboxContainer{
    font-family: Arial, sans-serif; 
    -webkit-user-select: none; 
    font-size: 11px; 
    padding-top: 1px; 
    padding-bottom: 3px; 
    padding-left: 5px; 
    direction: ltr; 
    text-align: left; 
    background-color: rgb(255, 255, 255); 
    white-space: nowrap; 
    padding-right: 8px; 
    color: rgb(0, 0, 0); 
}       
.checkboxSpan
{
    box-sizing: border-box; 
    position: relative; 
    line-height: 0; 
    font-size: 0px; 
    margin-top: 2px; 
    margin-right: 5px; 
    margin-bottom: 2px; 
    margin-left: 0px; 
    display: inline-block; 
    background-color: rgb(255, 255, 255); 
    border-width: 1px; 
    border-style: solid; 
    border-color: initial; 
    border-image: initial; 
    border-top-left-radius: 1px; 
    border-top-right-radius: 1px; 
    border-bottom-right-radius: 1px; 
    border-bottom-left-radius: 1px; 
    width: 13px; 
    height: 13px; 
    vertical-align: middle; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
    border-color: rgb(198, 198, 198);       
}


.blankDiv{
    position: absolute; 
    left: 1px; 
    top: -2px; 
    width: 13px; 
    height: 11px; 
    overflow-x: hidden; 
    overflow-y: hidden; 
    display: none; /*when = block -> this is the "check" symbol*/ 
}

.blankImg{
    position: absolute; 
    left: -52px; 
    top: -44px; 
    -webkit-user-select: none; 
    border-width: 0px; 
    border-style: initial; 
    border-color: initial; 
    border-image: initial; 
    padding: 0px; 
    margin: 0px; 
    -webkit-user-drag: none; 
    width: 68px; 
    height: 67px; 
}

.checkboxLabel{
    vertical-align: middle; 
    cursor: pointer;
}

 .labels {
   /*
    color: red;
   background-color: white;
   font-family: "Lucida Grande", "Arial", sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: center;
   width: 60px;     
   border: 2px solid black;
   white-space: nowrap; */
 }
 
.devtag  {color:#888 !important;}   

#sliderTheJoRefresh label {
    position: absolute;
    width: 20px;
    margin-left: -10px;
    text-align: center;
    margin-top: 0px;
}

/* below is not necessary, just for style */
#sliderTheJoRefresh {
    width: 25%;
    margin: 2em auto;
}


/* test messing with the color scheming...*/
/*#divimgheader { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/css-background.png", sizingMethod="scale");color:#002D62; background:#fff; position:absolute;z-index:-110;border-bottom:2px solid #002D62; float: left; height: 66px; width:100%;}
#divNav { border-bottom:1px solid #002D62; background:#7FA8AE; color:#fff !important}
#leftColumn { background:#49763D;}
.toolbartext {color:#fff;}*/

/*#imgheader {content:url("https://maps.jocogov.org/ims/images/JOCO_AIMS400x100.png");}*/

/*#imgheader{width:0px; height:0px; padding: 100px; background: url(https://maps.jocogov.org/images/JOCO_AIMS200x50.png);  }*/


/* release 3.33 introduced larger map buttons than necessary for the desktop - this redeuce them a bit.*/
/* Fix +/- zoom buttons design */
#map .gmnoprint > .gmnoprint > div {
  height: 60px !important;
  width: 30px !important;
}
#map .gmnoprint > .gmnoprint > div > div { /* seperator */
  width: 22.5px !important;
  margin: 0px 3.75px !important;
}
#map .gmnoprint > .gmnoprint button {
  width: 30px !important;
  height: 30px !important;
}
#map .gmnoprint > .gmnoprint button img {
  height: 13.5px !important;
  width: 13.5px !important;
  /*margin: 6.75px 8.25px 9.75px !important;*/
}

/* yellow person button design*/
#map .gm-svpc {
	width: 30px !important;
	height: 30px !important;
    top:70px !important;
}
#map .gm-svpc img:nth-child(1), #map .gm-svpc img:nth-child(2){
	width: 13.5px !important;
	height: 22.5px !important;
	/*left: -7px !important;
	top: -12px !important;*/
}
#map .gm-svpc img:nth-child(3) {
	width: 24px !important;
	height: 30px !important;
}

#map .gm-fullscreen-control {
	width: 30px !important;
	height: 30px !important;
}#map .gm-fullscreen-control > img {
	width: 18px !important;
	height: 18px !important;
    margin:6px !important;
}
/*************************************************************************************************************************/


/****** fade content  *******************************************************************************************************************/
		div#fade-container{
			max-width: 500px;
			margin: auto;
			position:relative;
			line-height: 1.3;
            margin-bottom:10px;
            /*border:solid 1px green;*/
		}

		div#fade-content{
			max-height: 50px;
			overflow: hidden;
            /*border:solid 1px red;*/
		}
    
        	.fade-anchor {
			background: -webkit-linear-gradient(top,rgba(237,239,240,0),rgba(237,239,240,0) 10px,#fff 40px);
			background: linear-gradient(to bottom,rgba(237,239,240,0),rgba(237,239,240,0) 10px,#fff 40px);
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
			height: 50px;
			padding-top: 35px;
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			text-align: center;
			-webkit-transition: background 150ms ease-in;
			transition: background 150ms ease-in;
                        /*border:solid 1px blue;*/
		}

		.fade-anchor-text {
			background: #fff;
			cursor: pointer;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border-radius: 4pt 4pt 0 0;
			color: #8c8c8c;
			display: inline-block;
			max-width: 100%;
			overflow: hidden;
			padding: 1px 2px 0 2px;
			text-decoration: underline;
            font-style:italic;
			text-overflow: ellipsis;
			white-space: nowrap;
                        /*border:solid 1px green;*/
		}
/*************************************************************************************************************************/
