#wrapper {
    margin: 0 auto;
    max-width: 920px;
    min-width: 920px;
    width: 100%;
    border-left: solid 1px #863524;
    border-right: solid 1px #863524;
}

h2, h3 { 
    color: #87331f;
    padding-top: 1.5em; 
    font-weight:bold;
}

p {margin-bottom:1em;}

ol { list-style:decimal inside;
     color:White;
     text-indent: -1.75em;
     padding-left:1.75em;
     padding-top: 1em;
}

#nav {
    clear:both;
    border-top: solid 7px #863524;
    border-bottom: solid 3px #863524;
    height:50px;
    font-size: large;
    background-color:#cd9e99;
}
#nav ul{
padding:0;
margin:0 0 0 220px;
list-style:none;
}
#nav li a {
    text-align:center;
    padding-top:8px;
    margin: 0 auto;
    display:block;
}

#nav li 
{
    display:inline;
width: 8em;
float:left;
margin-top: 10px;
background: #ddd;
margin-right: 24px;
padding-bottom:6px;
border: 3px solid #863524;
}

#nav .active {
    background:white;
    border-bottom-color:White;
    border-bottom-width: 3px;
}

#leftnav {
width: 170px;
height: 700px;
float:left;
background-color:#995242;
padding:0 10px;
margin-top: 1em;
margin-left: 1em;
margin-bottom: 1em;
border: outset 4px #863524;
}

#county_site_list .ui-dynatree-container {
    background-color:#995242;
}
#leftnav h1 { font-variant:small-caps;
font-size:16px;
text-align:center;
font-weight:bold;
color:White;
margin-top:5px;
}
#leftnav h3 {
padding:0;
color:Black;
text-align:center;
line-height: 2em;
}
#main { 
width: 685px;
float:right;
margin: 1em;
}

#main p:first-child{
margin-top:2em;
}

#entry_main {
margin: 1em;
width: 900px;
}

#main img{
margin-left:auto;
margin-right:auto;
border: solid 3px #863524;
display:block;
float:none;
margin-bottom:1em;
}

#main h1 {
color:Black;
font-weight:bold;
font-size:1.5em;
margin-bottom: .5em;
}

#main td, .surveyor_sites td {
border:none;
padding-top:0;
padding-left: 1.5em;
line-height:1.5em;
}
.program_description {clear:both;}
#main .program_description img {
    float:left;
    margin-right: 1em;
}
#main .program_description h2 {padding: 0;}
.total_column_heading, .name_column_heading {
width: 6em !important;
font-weight:bold;
padding:5px;
}

.name_column_heading {
width: 10em !important;
}

.empty_cell {
width: 35px;
}

#content {
float:right;
    padding: .25em .5em;
    border: 1px solid black;
clear:both;
}

#footer {
clear:both;
background-color:#cd9e99;
margin-top: 10px;
border-top: solid 2px #863524;
border-bottom: solid 2px #863524;
}

#footer p {
color:White;
margin: 5px;
}

#footer a {
color:White;
text-decoration:none;
}
#footer #credit {float:right}

#form_div { margin:0 auto;
    /*width: 300px;*/
}
#form_div label { float:left;
    display:block;
    width:100px;
    padding:0;
    margin: 5px 0 0;
}
#form_div input {width: auto;
    margin: 5px 0 0 10px;
}
#form_div br { clear:left;}

#form_div p.label_checkbox_pair {
clear: both;
float: none;
position: relative;
}
#form_div p.label_checkbox_pair input {
left: 100px;
position: absolute;
top: 1px;
}
#form_div p.label_checkbox_pair label {
display: block;
margin-left:0;
width: 200px;
}

#surveyors {
    margin: 1.5em;
}

#branding img {border-bottom: 2px solid black;}

.name { display:inline;}

.name span{
    width: 230px;
    border: 1px solid black;
    padding: 3px;
    margin: 0 .5em ;
}
.name label {padding-left:20px;
}

.name select, .name input {width: 330px; margin-bottom:.5em;}

select {
    width:200px;
    margin-left: .25em;
}

input { margin-top:10px;}

#date_div, #zero_ref {float:left;
margin-top: 25px;
}

.startendtime{
width: 470px;
}
.startendtime #site_name {width: 300px;}
#site_box {
    margin: 1em 5px 2em 5px;
    padding: 5px;
    border: double 3px black;
    text-align:center;
    float:left;
}
.example{font-weight: normal;
font-size:.5em;
}

#date { width: 75px;}
.numeric_input{width: 40px;
               text-align:right;}
#buttonnav { clear:both; margin-top:1em; }
#buttonnav input { float:right; }
.number, .check {width: 25px;
         text-align:right;
         margin :0;
}

#concern{ border-collapse:collapse;}
#concern th, #concern td {
vertical-align:middle;
}
#left { float: left;
     /*   width: 435px;*/
width: 405px;
}
#right {float:right;}
#right p, #raptoractivity { width: 450px;}

#raptoractivity select { width: 150px;}
#raptoractivity td {vertical-align:top;}
#raptoractivity label, #oiling_rates label {
vertical-align:top;
margin: 0 .2em ;
}
#oiled_buffleheads_count{
margin: 0 .25em;
width: 3em;
}


#conditions {border-collapse:collapse;}
#conditions label {float:right;
                   margin-right: 1em;}
#conditions .label { border-right: solid 2px black; }
#conditions td { border-top: solid 1px black;}

.question {font-style:italic;
           font-weight:normal;
           padding-left: 2em;
           border-bottom: double 3px black;
           display:block;}
 
 #humanactivity label { padding-left: .5em;
                        padding-right: .5em;}
.nobirdid{ font-weight:bold !important;
           color:Black !important;}
.speciesbreak { border-bottom: 2px solid black;}
.birdname { margin-right: 2px; font-weight:bold; font-size:larger; }
.add_row {}
.add_row:hover {
cursor:pointer;
}
.birdname { width: 20%;}
.rarity {
color:Black;
text-transform:uppercase;
}
/*.birdname{ padding-left:17px !important;text-indent:-13px; }*/
input:disabled, #comments:disabled{background-color:White;color:#555;}

#error_messages ul {
list-style:none;
padding:0;
margin-bottom:.5em;
}

ul.invalid ul li {
padding-left: 4em;
text-indent: -2em;
line-height: 1.25em;
font-weight:normal;
}

ul.invalid li {
font-weight:bold;
}

#error_messages {clear:both}
tr .invalid {background-color:#87331f !important}

.invalid a {color: White !important;}

#concern .altcol {
background:#eacaca !important;
}

#concern .opt_notes, #concern .altrow .opt_notes {
background:#fff9b8;
}
#button{text-align:center;
margin-top: 10px;
margin-bottom: 10px;
}
/*#login_form input {
border:solid 1px black;
}
*/
.borderfocus{border: 5px solid red;} 
#login_form label {
padding-left:20px;
color:white;
font-weight:normal;
}

#life_list_wrapper{
float:left;
}
#life_list {
border-collapse: collapse;
}
#life_list td {
border: solid 1px #863524;
padding-left:2px;
}

#volunteer_interest {
margin-top:5em;
text-align:center;
color:White;
font-size: 1.25em;
}

#myadmin{
margin-top: 10em;
text-align:center;
width:170px;
}

#myadmin a {
font-weight:bold;
color:White;

}
#contact, #support_sas {
text-align:center;
margin-top: .75em;
margin-bottom: 3em;
}

#contact a {
font-size: 1.5em;
font-weight:bold;
color:White;
text-decoration:underline;
}

#support_sas a{
color:White;
font-size:1.25em;
margin-bottom: 5em;
}

.fg-button { 
   outline: 0; 
   margin:0 4px 0 0; 
   padding: .4em 1em; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1; 
}

.fg-buttonset a {
display:block;
margin-top: .75em;
}

#bird_detail_sites_map, #sites_map {
height: 700px;
border: solid 4px #863524;
}
/*
#sites_map {
    height: 700px;
   /* width: 900px;
    position:absolute;
    top: 215px;
    left: 100px;
/*    top: -700px;
    left: -220px;
}*/

#sites_map h3{padding-top:0;}

#data_entered { text-align:right;
font-weight:bold;
padding: 2em 13em 1em 0;
}

.surveyor_sites {
margin-right: 1em;
margin-bottom: 2em;
}

#results_table{
margin-top: 1.5em;
width:100%;
}
.surveyor_sites, #results_table, #filters {
border-collapse:collapse;
}

.surveyor_sites td, #results_table td, 
#survey_table td, #filters td  {
border: 1px solid #863524 !important;
padding-right: 1em;
}

.surveyor_sites th, #results_table th, 
#filters th {
    font-weight:bold;
    text-align:center;
}
#results_table th, #filters th {padding: 5px;}
.surveyor_sites th {
    width: 70px;
}

.surveyor_sites .site_name {
width:150px;
text-align:left;
vertical-align:top;
}

.icon-position{
margin: .3em 0 0 .6em;
}

#table_legend {
margin: -1em auto 2em auto;
border-collapse:collapse;
font-size:.8em;
}

#table_legend td{
border: solid 1px #863524;
padding-right: 1.5em;
}
#table_legend span{
float:left;
margin-right: .5em;
}

#survey_tables .surveyor_sites {
margin: 1em auto 2em auto;
}

#myinfo_form label{
float:left;
text-align:right;
width: 150px;
margin-top:10px;
}
#myinfo_form input{
margin-left: 10px;
margin-bottom:2px;
}
#myinfo_form .fg-buttonset {
margin-left: 150px;
margin-bottom: 2em;
}
#myinfo_form .fg-button {
margin-top: 15px;
}
#message_box li{
line-height:1.5em;
padding-left: .25em;
}

#help {
    margin:0;
    padding:0;
    margin-left: 172px;
    border:0;
}

.help_item {
    float:left;
    margin-right: 21px;
    margin-top: -30px;
    display:none;}

.arrow {
    border:0;
}

.arrow img {border:0 !important;
            width: 150px;
            margin:0 !important;
}

.help_text {
    border: 2px solid #798ea1;
    margin-left: 3px;
    padding: 5px;
    border-top:0;
    width:130px;
}
           
.help_text img {
width: 9em;
height: 6em;
border-width: 2px;
}

#body_content {
clear: both;
}
#help li {
display:none;
}

.feature {
width: 23em;
float: left;
margin: 2em 0 2em 5em;
}
.feature_image {
float:left;
margin-right: .5em;
}
#body_content .feature_image img {
height: 45px;
width: 45px;
border-width: 2px;
}
.feature h2 {
padding:0;
}
#bird_listing, #browse_sites{
margin-top: 1em;
}
#bird_items {
list-style:decimal inside;
padding: 5px;
line-height: 1.5em;
padding-left: 2em;
}
.browse_bird_image {
height: 90px;
width: 90px;
}
#main td.browse_bird_name {
vertical-align:middle;
text-align:center;
}
.common_name {
font-weight:bold;
font-size: 120%;
}
.scientific_name {
font-style:italic;
}
.bird_habitat {
display:none;
}
.ui-dialog-content a {
text-align:center;
margin-top:.5em;
display:block;
}

#bird_listing h3, #browse_sites h3, #other_survey_dates h3 {
color:White;
font-size: 110%;
font-weight:normal;
}
#bird_listing img {
height: 158px;
width: 158px;
border: double 6px white;
margin-top: .5em;
}

#frequency_legend{
    position:absolute;
    bottom: 0;
    left: 20px;
    width: 150px;
}
#frequency_legend h4 {
    text-align:center;
}
#frequency_legend img {
    margin-right: 5px;
}
#frequency_legend ul {
    margin-bottom:1em;
    font-weight:bold;
    margin-left: 1px;
    width: 146px;
    background: #d0d1d1;
}
#frequency_legend li {
    line-height: 30px;
    margin-left: 30px;
}
#frequency_legend a {
    font-weight:bold;
    color:White;
}

.bird_stats { 
   height: 160px;
   width: 300px;
}
.bird_stats table{
   width:100%;
   margin-bottom:.5em;
}
.bird_stats h2 {
font-size: 125%;
text-align:center;
line-height: 1.5em;
padding-top:0;
}
.bird_stats th {
text-align:center;
font-weight:bold;
line-height: 2em;
}
#main .bird_stats td {
    padding:0 3px;
    border: 1px solid black;
    text-align:center;
}
.bird_stats table {
    border-collapse:collapse;
}

#quicksearch h2 {
text-align:center;
color:White;
}
#quicksearch input[type=text] {
 width: 100%; 
}

.multi_select { 
    display: none;
}

#search_date {
    clear:both; 
}

.multi_select ul {
    width: 100%;
    font-size: small;
}
.multi_select ul li {
    width: 100%;
    margin-left: 2em;
    margin-top: 1em;
    float: left;
    clear:left;
}
.multi_select ul li ul li {
   width: 29%;
   float: left;
   clear: none;
   margin-top:0;
   font-size:11px;
   white-space:nowrap;
}

.top_level_multi {
   font-weight: bold
   /*font-variant:small-caps;*/
}
.expand_button{
    margin: .5em 0 .5em 3em;
}

.expand_button button {margin-right: .5em;}

#search_terms > li {
    margin-bottom: 1.5em;
    margin-left: -1em;
}

#search_terms label {
  width: 8em;
  float:left;
  margin-top:1em;
  margin-left: 1em;
  text-align:left;
  
}
#searchformbutton {
    clear:both;
    display:block;
    margin-left: 7em;
    margin-bottom: 2em;
    position:relative;
    top:1em;
    background: #995242;
    color:White;
}
#searchbutton, #searchformbutton{
    font-size:1em;
}
.ui-autocomplete { 
    max-height: 250px;
    overflow: auto;
 }
 #search_date_range {
     margin-left: 2px;
 }
#range_start {
    margin-left:14px;
}
/* limit for ie6*/
* html .ui-autocomplete {
		height: 100px;
}
.subhead {margin-left: 3em;}
#researchers_message {
   font-style:italic;
   margin: 1em 3em 0 3em;
}

#researchers_message a {
    color:#87331F;   
}

#filters {
    width: 100%;
    margin: 1em 0;
}

#modify_search{
display:block;
margin-left:auto;
margin-right:auto;
}

#plot {
    width: 690px;
    height: 400px;
}

#site_counts {
    width: 100%;
    border-collapse:collapse;
    margin-top: 2em;
    border: 1px solid black;
}
#site_counts td {
    border: 1px solid black;
}
#site_counts th {
    line-height: 2em;
    font-weight:bold;
    text-align:center;
    border:1px solid black;
}

#special_site_queries img {
width:35px;
height:35px;
border: 1px solid white;
margin-right: 3px;
}

#special_site_queries a, #special_site_queries p { color:White;
             margin-bottom: 1em;
             display:block;}

#special_site_queries a:first-child { margin-top: 1em;}

#special_site_queries li {
    list-style:disc inside;
    margin-left: 2.25em;
    color:White;
}
#special_site_queries li a:first-child {
    margin:0;
    display:inline;
}

#new_search{
margin: 2em 0 4em 1.75em;
}

#site_guide h3 { padding-top: 0 ;}
#site_guide ul {list-style: disc inside none;
                margin: .5em 0;
                line-height: 1.25em;
                text-indent: -1.75em;
                padding-left:1.75em;}
#site_guide li:first-child { margin-bottom: .5em; }     
#site_guide label { font-size:smaller;
                    font-weight:normal;
}

/* override dyntatree formatting of county list */
div.ui-survey-dynatree-container {
    overflow: visible;
    overflow-y: scroll;
    height: 540px;
}
span.ui-dynatree-document {
    display:block;
}
span.ui-dynatree-document a {
    width:113px;
 }
/* end override */
#county_site_list {
    padding-right: 1px; /*make sure scroll bar fits*/
}
#county_site_list a { 
    margin-bottom: 0;
    color:White;
}

.county_name_title {
    font-style: italic;
    display:inline;
}

#site_list a {
    color:White;
}

#site_infowindow{
   height: 200px;
   width: 400px;
   overflow:auto;
}

#site_info_templates {display:none;}
#survey_table tr th {font-weight: bold;}
#survey_date_time {font-weight: normal;
                   font-style:italic;}
                   
#survey_table {
    font-size: small;
    width: 100%;
    border-collapse:collapse;
}

#survey_table td, #survey_table th { 
    line-height:1.5em;
}

#survey_table th {
    padding-left: 4px;
}

#survey_table .total_column {
    padding: 0;
    text-align:center;
}

#site_info_tab span {
    display: block;
    line-height: 1.5em; 
}

#other_species {
    margin: 2em 0;
    width: 170px;
}

#other_species ul {
    width: 166px;
    margin-left: 1px;
}

#other_species li {
   padding-left: 1.5em;
   text-indent: -1em;
}

#map_species {
    width: 90px;
    margin: 0 auto;
    text-align:center;
    font-size: smaller;
}
#map_species a {
    color:White;
}
#map_species img {
    border: 1px solid white;
    margin-bottom: 5px;
}

#ui-datepicker-div { display: none; }

#thankyounav {
    display:block;
    margin: 3em 0 5em 0;
}

#thankyounav li {
    float:left;
    width: 21em;
    margin-left: 7em;
    font-weight:bold;
}