html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; font: 80% Arial, Helvetica, sans-serif; }
a,a:visited,a:active { color: grey; }
.left { float:left;}
.clear-floatLeft { clear:both;float:left;}
.clear { clear:both;}
.waiting 
{
    float: left;
    position: relative;
    left: 20px;
    bottom: 5px;
}
.offscreen 
{
    position: absolute;
    left: -30000px;
}
#content_area 
{
    width:775px;
    height:500px;
}
#header_area 
{
    background-color: #1D3261;
    color: White;
    width: 100%;
    height: 100px;
}
#header_text_left
{
    width: 320px;
    float: left;
    height: 100px;
    font-size: 18px;
    margin-left: 20px;
}

/************** Search Containers *************/
#search_container 
{
    position:relative;
    width: 360px;
    float: right; 
    font-size: 14px;
    text-align:right;
    margin:0px;
    z-index: 10;
}
#list_container 
{
    background-color:#ddd;
    color:Black;
    width: 328px;
    padding: 15px;
    margin:0px;
    border-right:1px solid grey;
    border-left:1px solid grey;
    top:0px;
}
#addnew{ width:100%; }
#list > div.filter 
{
    margin-top: 8px;
    margin-bottom: 8px;
}
#list > div.filter > .value { width:150px;}
#list > div.filter > .min, #list > div.filter > .max { width:70px; }
#list > div.filter > .delete
{text-decoration: underline;
    cursor:pointer;
    position:relative;
    top: 2px;
}
#controls
{
    background-color:#1D3261;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}
#controls_sub { margin: 34px 20px 20px 20px; height: 40px; }
#search_field 
{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: grey;
}
#adv_search_close { padding: 10px;}
#adv_search_open, #adv_search_close { text-decoration:none;color: Orange; }
#adv_search_open:hover, #adv_search_close:hover, .clear_all:hover { text-decoration:underline; cursor:pointer; }
#adv_search_title { font-size: 18px; text-align: center; margin-bottom: 15px; }
#guide_text { margin-top: 15px;width: 400px; }
.tooltip img { width: 16px; }
.tooltip  
{
    position: relative;
    right: 5px;
    top: 2px;
}

#magnifying_glass img 
{
width: 22px;
position: relative;
top: 5px;
right: 5px;
}

/**************** Map info ****************/
#map_container
{
    position:absolute;
}
#map_canvas 
{
    width: 775px;
    height: 600px;
}

/*************** Info Window **************/
#infowin 
{
    display: none;
}
#infowin label  
{
    font-weight: bold; 
}
#Name 
{
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    padding-right: 10px;
    width: 295px;
    float: left;
}
#Address 
{
    margin-top: 5px;
}
#Mid_Border 
{
   margin-top: 50px;
   padding-bottom: 10px;
   border-top: 1px solid #AAA;
}
#LogoURL 
{
    right:0px;
    width: 84px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
}
.top_right 

{
    float: right;
    margin-left: auto;
    margin-right: auto;
}
.top_left 
{

float:left;
clear:both;
margin-right: 20px;    
}
#Website
{
    word-wrap: break-word;
    width:130px;
}

.output_field {}
.output_label {}

/**************** Legend ****************/
#legend_header 
{
    text-decoration: underline;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
#legend_border 
{
    border-top: 2px solid grey;
}

#legend_container 
{
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .4);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .4);
    margin-right: 5px;
    display: none;
    width: 122px;
}
#legend_UI 
{
    padding: 5px;
    background: #FFF;
    text-align: center;
    cursor: default;
}
#control_text 
{
    font-family:    Arial , Helvetica, sans-serif;
    font-size: 10px;
    padding-left: 2px;
    padding-right: 2px;
}

#control_text img{margin-top: 5px; }

#toggle_text  
{
    font-size: 10px;
    margin-top:2px;
    cursor: pointer;   
}
#toggle_text:hover {text-decoration: underline;}

.toggle_box { cursor: pointer; }