body{
    font-size:.9em;
    font-family: helvetica, arial;
    line-height: 1.3em;
    color: #444;
}


a {
    
    color:#004ba5;
    text-decoration: none;
}

a:visited{
color: #004ba5;
}

a:hover {
    text-decoration: underline;
}

a {
    color: #355f7c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    background-color: #a6cdde;
    font-weight: bold;
    color: #7a5345;
    border-bottom: 0px solid #004ba5;
    padding: 4px 0px 1px 20px;
}

#header_login{
  float:right; 
  margin-right:15px;
}

#container{
width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1202? "1200px" : "auto");
max-width:960px;
margin: 0 auto;
}

#service_content{
margin-left:210px;
}

#services_sidebar{
border-right:1px solid #dadee2;
font-size:1em;
float:left;
padding:15px;
height:500px;
sbackground:#dadee2;
}
/* header */

.services_sidebar_link_sub{
margin-left:15px;
font-size:.9em;
}

.spinner {
    display: none;
}

#header{
width:960px;
height:90px;
background:url('/static/images/logo_background.png');
margin-bottom:0px;
border-bottom:1px solid #ff9900;
}

#header a{
color:brown;
}

#site_links{
background:#eeeeee;
padding:5px;
border-bottom:1px solid #ff9900;
}


.site_link, .site_link_last{
display:inline;
padding-left:3px;
padding-right:9px;
border-right:1px solid white;
}

.site_link_last{
border-right:0px;
}

#content{
height:540px;

}
#logo{
float:left;
}


.left_image{
float:left;
padding:0 15 0 0;
}


.headerLarge{
font-size:3em;
}

.headerLarge a{
color:white;
}


.headerSmall{
font-size:1.2em;
display:block;
}


.legend_detail{
margin:5px;
font-size:.7em;
}

/* Map */

#circle_size{
display:inline;
}

#class_selection{
overflow:auto;
height:300px;
display:none;
}

#debug{
overflow:auto;
height:100px;
display:none;
}

#map{
float:left;margin-top:5px;
width:615px;
height:500px;
}

#detailed_instructions{
position:absolute;
background:white;
border:3px solid grey;
left:50px;
top:50px;
z-index:5000;
padding:5px;
opacity:.93;
}

#instructions_close{
float:right;
background:grey;
padding:3px;
margin:1px;
font-weight:bold;
}

#instructions_close a{color:orange}


#sidebar_container{
margin-left:620px;

}
#sidebar{
width:325px;
height:280px;
padding:5px;
height:120px
}
#sidebar li {
    list-style:none outside none; display:inline;
}

.sidebar_result{
margin:3px;
background:#dadee2;
}

#instructions, #class_selection, #result{
border-bottom:1px solid grey;
}

#additional_dl {
    height: 30px;
    padding: 5px;
}


#centroid_lat, #centroid_lon{
width:100px;
}

#date_selection{
margin-top:5px;
padding:3px;
}

#nav_toggle{
padding:5px;
}

/* This file skins sliders */

.ui-slider { width: 200px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(i/slider-handle.gif);  }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider, .ui-slider-1 { background-image: url(i/slider-bg-1.png); }
.ui-slider-2 { background-image: url(i/slider-bg-2.png); }

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
.ui-accordion li { margin: 0; margin-bottom: 2px; padding: 0; }
.ui-accordion li .ui-accordion-header {
    display: block;
    padding-left: 5px;
    margin-right: 3px;
    height: 28px;
    background-image: url(i/accordion-middle.png);
    color: #000; 
    text-decoration: none;
    line-height: 28px;
    position: relative;
    left: 3px;
}   
.ui-accordion li .ui-accordion-right {
    display: block; background-image: url(i/accordion-right.png); position: absolute; top: 0px; right: -3px; height: 28px; width: 3px;
}   
.ui-accordion li .ui-accordion-left {
    display: block;
    background-image: url(i/accordion-left.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 28px;
    width: 3px;
}
.ui-accordion li:hover .ui-accordion-left { background-image: url(i/accordion-left-over.png); }
.ui-accordion li:hover .ui-accordion-header { background-image: url(i/accordion-middle-over.png); }
.ui-accordion li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

.ui-accordion li.selected .ui-accordion-left { background-image: url(i/accordion-left-act.png); }
.ui-accordion li.selected .ui-accordion-header { background-image: url(i/accordion-middle-act.png); }
.ui-accordion li.selected .ui-accordion-right { background-image: url(i/accordion-right-act.png); }


#season{
width:80px;
}

#start_year{
width:60px;
}

#end_year{
background:#dadee2;
display:inline;
}