div.hiddentab {
  visibility: hidden;
  display: none;
}

div.visibletab {
  visibility: visible;
  display: block;
}

div.publicadvisory {
  height:   325px;
  width:    325px; 
  overflow: auto;
}

div.adminadvisory {
  height:   250px;
  width:    325px; 
  overflow: auto;
}

div.mapview {
  padding-top: 5px;
}

div.mapviewindented {
  padding-left: 15px;
}


input.trafficmap {
  height: 13px;
  border: 1px solid #ccc;
  font: normal 7pt/7pt verdana, arial, sans-serif;
  color: #333;
}

select.trafficmap {
  height: 17px;
  border: 1px solid #ccc;
  font: normal 7pt/7pt verdana, arial, sans-serif;
  color: #333;
}

td.trafficmap {
  font: normal 10pt arial, verdana, sans-serif;
  color: #000;
  padding: 5px 5px 5px 5px;
}

div.trafficmapSidebarHidden {
  padding: 5px 5px 5px 5px;
  /*visibility: hidden;*/
  display: none;
  font: normal 7pt/7pt verdana, arial, sans-serif;
}

div.trafficmapSidebar {
  padding: 5px 5px 5px 5px;
  /*visibility: visible;*/
  display: block;
  font: normal 7pt/7pt verdana, arial, sans-serif;
}

div.trafficmapSidebarHeading {
  padding: 5px 5px 5px 5px;
  text-align:center; 
  font-weight:bold; 
  color: #003399; 
  width: 195px; 
  height: 10px;
}


a.trafficmapSidebar {
  color: #22205f;
  text-decoration: none;
  padding: 5px 0px 5px 5px;
  font: normal 7pt/7pt verdana, arial, sans-serif;
}
	
a.trafficmapSidebar:hover {
  color: #4f5052;
  text-decoration: none;
  padding: 5px 0px 5px 5px;
  font: normal 7pt/7pt verdana, arial, sans-serif;
}


#alert {
     position: absolute;
		 z-index:50; 
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;
     display: none;
}

#alert p {
     width: 180px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
}

body.loading #alert { display: block; }


a.button {
  background: transparent url('/dynsite/maps/button.png') no-repeat scroll top left;
  color: #003399;
  display: block;
  float: left;
  font: bold 11px arial, sans-serif;
  height: 20px;
  width:  100px;
  margin-right: 6px;
  text-decoration: none;
}

a.button:hover {
  color: darkred;
  text-decoration: none;
}

a.button span {
  background: transparent url('/dynsite/maps/button.png') no-repeat top left;
  display: block;
  line-height: 10px;
  padding: 5px 0 5px 0;

}
a.button:active {
    background: transparent url('/dynsite/maps/button.png') no-repeat top right;
    color: #000;
    /* outline: none;  hide dotted outline in Firefox */
}

a.button:active span {
    background: transparent url('/dynsite/maps/button.png') no-repeat top right;
    padding: 6px 0 4px 0; /* push text down 1px */
    color: #003399;
}