body 
{ 
    margin:0 auto;
    padding:0;
    font-family:Arial;
    font-size:12px;
    background-color:#d8dce6;
}
/*used for all hyperlinks*/
.hyperlink
{
    color:Blue;  
}
/*used for containder div on Search.aspx*/
.introcontent
{
     border-right:white 1px solid;
     border-top:white 1px solid;
     border-left:white 1px solid;
     border-bottom:white 1px solid;
     margin:0 auto;
     width:959px;
     height:634px;
}

/*Search controls styles - textbox, autocomplete extender, watermark extender, and go button*/
/*used on Map.aspx and Search.aspx*/
.txtbo
{
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    width:335px;
    height:20px;
    border-width:1px;
    border-style:inset;
    border-color:ActiveBorder;
    color:Black;
    background-color:#FFFFFF;
    font-size:12px;
   }

.watermark
{
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#800000;
    width:335px;
    height:20px;
    border-width:1px;
    border-style:inset;
    border-color:ActiveBorder;
    font-style:italic;
    vertical-align:middle;
}
.go_btn
{
    padding-left:5px;
    vertical-align:bottom;
}

.autocomplete_completionListElement
{
    z-index:1000;
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size:10pt;
    color:Black;
    text-indent:5px;
    list-style:none;
    overflow:visible;
    cursor:pointer;
    line-height:1.3em;
    background-color:#CCCCCC;
    text-align:left;
}

.autocomplete_highlightedListItem
{
     color:#FFFFFF;
     background-color:#904752;   
}

.autocomplete_listItem
{
}

/*Accordian styles - includes div container, div "INFO" button expand, collapse, collapsible panels, and accordion headers, content, etc..*/
/*Used on Map.aspx*/

#divLeftPanelBackground
{
    background-color:#80a9ba;
    width:450px;
    height:100%;
    filter:alpha(opacity=95);      /*opacity for IE8 and below*/
    -moz-opacity:0.95;             /*opacity for firefox*/
    -khtml-opacity:0.95;           /*opacity for safari*/
    opacity:0.95;                  /*opacity for IE9 and above*/
    position:absolute;
    top:85px;
    z-index:150;
}

.divToggleDetailExpand
{
    background-image:url('../Images/slideouttab.png');
    width:33px;
    height:80px;
    position:absolute; 
    top:90px;
   /* left:450px;*/
    z-index:120;
    cursor:pointer;
}

.divToggleDetailCollapse
{
    background-image:url('../Images/slideouttab.png');
    width:33px;
    height:80px;
    position:absolute; 
    top:90px;
  /*  left:0px; /*changed this to zero to make hidden as default load - SMH */
    z-index:120;
    cursor:pointer;
}

.divToggleOpacityLabelCollapse
{
    background-image:url('../Images/fade.jpg');
    width:20px;
    height:75px;
    position:absolute; 
    top:275px;
  /*  left:0px; /*changed this to zero to make hidden as default load - SMH */
    z-index:120;
    cursor:pointer;
}

.divToggleOpacityLabelExpand
{
    background-image:url('../Images/fade.jpg');
    width:20px;
    height:75px;
    position:absolute; 
    top:275px;
   /* left:450px;*/
    z-index:120;
    cursor:pointer;
}

.divToggleZoomLabelCollapse
{
    background-image:url('../Images/zoom.jpg');
    width:20px;
    height:85px;
    position:absolute; 
    top:575px;
    z-index:120;
    cursor:pointer;
}

.divToggleZoomLabelExpand
{
    background-image:url('../Images/zoom.jpg');
    width:20px;
    height:85px;
    position:absolute; 
    top:575px;
    z-index:120;
    cursor:pointer;
}
.divToggleSliderCollapse
{
    width: 100px;
    height: 200px;
    position: absolute;
    top: 200px;
    z-index: 130;
    cursor: pointer;
}

.divToggleSliderExpand
{
    width:100px;
    height:200px;
    position:absolute; 
    top:200px;
    z-index:130;
    cursor:pointer;
}

.collapsePanel 
{
    margin:0 auto;
    width:450px;
    height:0px;
    text-align:left;
    overflow:hidden;
}

.collapsePanelHeader
{
    border:1px solid #aec1d9;
    margin-left:3px;
    margin-top:2px;    
	width:450px;
	color:white;
	background-color:#80a9ba;	
	cursor:pointer;	
	text-align:left;    
}

.accordionHeader
{        
    margin-top:5px;
    border:1px solid #aec1d9;
    font-weight:bold;
    padding-left:10px;    
    cursor:pointer;
    text-align:left;
    background-image:url(images/header.jpg);
}

.accordionContent
{
    border:1px solid #aec1d9;
    background-color:#f0f2f4;
    border-top:none;
    padding:5px;
    padding-top:10px;
}

.accordionLink
{    
    color:#365b81;
    height:20px;
}

/*block drop down list on search.aspx and map.aspx*/
.selblockadd
{
    border:1px inset ActiveBorder;
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    color:Black;
    background-color:#FFFFFF;
    height:18px;
}

/*gridview style on accounts.aspx*/
.acctstyl
{
    margin:0 auto;
    width:80%;
    height:375px;
    font-size:10pt;
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align:left;
    border-width:1px;
    border-style:none;
    background-color:transparent;
    margin-left:auto;
    margin-right:auto;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    line-height:2.0em;    
}

.accthead
{
    background-color:transparent;
    font-size:11pt;
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight:bold;
    text-align:center;
}

/*used for modal pop up extender panels on Search.aspx and Map.aspx*/
/*.modalBackground {
	background-color:Purple;   
    filter:alpha(opacity=100);   
    opacity:0.7;	
}*/

.nowrap
{
  white-space:nowrap;
} 

.tooltip {
  border-bottom:1px dotted #000000;
  color:#000000; outline:none;
  cursor:help; text-decoration:none;
  position:relative;
}
.tooltip span {
  margin-left:-999em;
  position:absolute;
}

.tooltip:hover
{
color:Red;
}