html { overflow-y: scroll;}

body { background: #0a0605; margin: 0; font-family: Trebuchet MS; font-size: 14px; background-image: url('../images/paleo.jpg'); background-position: top right; background-repeat: no-repeat; }

h1 { color: white; font-weight: normal; font-size: 38px; padding-top: 20px; letter-spacing: 3px; }
h1 a { color: white; text-decoration: none; }
h1 span { font-size: 12px; }

#home {  }
#home p { letter-spacing: 1px;  line-height: 24px; }
#home img { padding-left: 40px; padding-right: 30px; }

#outer { width: 1000px; margin-left: auto; margin-right: auto;  }
#nav { color: white; text-transform: uppercase;  }
#content { color: black; background: #fff; }
#content h1 { color: #965A4B; font-size: 28px;  font-weight: normal; }
#inner { margin: 0px 20px 0px 20px; padding-bottom: 20px; }

#footer { text-align: center;  font-size: 10px; padding: 10px; color: white; }
#footer p { margin-left: 50px; margin-right: 50px; }
#footer a { color: white; }

#nav ul { margin: 0; padding: 5px; }
#nav li { list-style: none; display: inline; padding: 7px; }
#nav li:hover { background:  #965A4B; }
#nav li.last { border: 0; }
#nav li a { color: white; text-decoration: none; padding: 5px; cursor: pointer; }

/* stratos flash messages */
ul.stratos_flashes       { padding: 0px; }
li.stratos_flash_error   { margin: 5px; padding: 10px; list-style: none; background: pink; border: solid red 1px; }
li.stratos_flash_success { margin: 0px; padding: 10px; list-style: none; background: lightgreen; border: solid green 1px; }

/* tables */
table { width: 100%; border-collapse: collapse; border: solid #ccc 1px; }
th { padding: 5px; font-size: 16px; background: #ddd; }
td { padding: 5px; }
.center { text-align: center; }
.odd { background: #fff; }
.even { background: #ddd; }
table a { color: #965a4b; font-weight: bold; }

/* forms */

/* paging */
#paging { margin: 5px; text-align: center; padding-top: 20px; }
.paging_info {  padding: 5px; }
a.paging_link { text-decoration: none; padding: 5px; color: black; font-weight: bold; }

#search_button { background: #965a4b; color: white; }
#amount { color: #965A4B; font-size: 16px; }
#toggle_advanced { color: green; cursor: pointer; text-decoration: underline; }
#advanced_search { margin-top: 20px; }

#no_results { text-align: center; padding: 20px; }

#gallery_controls { background: #ccc; padding: 10px; width: 940px;  }

#gallery_slider { width: 480px;  }
#image_slider { width: 400px; float: right; }
#gallery_pan_buttons { float: right; padding: 5px; }
/* time period */


/* gallery */

/* View Single Type */
h2 a { color: black; }
h4.label { font-weight: bold; font-size: 20px; margin-bottom: 5px; margin-top: 15px; }

#type_thumbnails {  }
#type_thumbnails img { padding: 5px; border: solid #ccc 1px; }

#specimen_details { border: 0; }
#specimen_details td { padding: 5px; border: 0; }

a.pretty_link { color: #404040; }

#geology_legend td { width: 12%; background: #eee; border: solid gray 1px; }
#geology_legend label {  }

.inline_tooltip { font-size: 11px; color: #808080;   }
/*
.inline_tooltip img { width: 16px; height: 16px; }
*/
.grouping { padding-left: 10px; line-height: 24px; }
.record_value { padding-left: 10px; line-height: 24px; }

/* top of content area */
.content_top             { border-bottom: dotted #ccc 1px; }
.content_top_links       { float: right; width: 400px; text-align: right; font-size: 20px; }
.content_top_breadcrumbs { width: 400px; }

#record_pane_container { float: right; width: 330px; border: solid #ccc 1px; background: white; }
#record_pane { height: 570px; overflow: auto; } 
.record_small { padding: 10px;  line-height: 20px; }
.record_small_hover { cursor: pointer; background: #F7EFD1; border: solid orange 1px; }
.record_number { font-weight: bold; }
.record_number a { color: darkred; font-size: 16px; }
a.record_link { color: darkred; line-height: 20px; }

.highlight { cursor: pointer; background: #F7EFD1; }

button { background: #965A4B; color: white; font-size: 18px; padding: 5px; }

#filters_basic label { margin: 5px; font-size: 20px; display: block; font-family: Trebuchet MS; }
#filters_basic select { font-size: 16px; }
#taxa_filter { width: 400px; } 
#location_filter { width: 490px; float: right;  } 
#location_filter select { width: 160px; }
#taxa_lookup { width: 200px; }
.lookup { font-size: 16px; color: #ccc; }

#filters_advanced { margin: 10px; display: none; }
#filters_advanced label { display: block; margin-bottom: 5px; font-size: 20px; }
#filters_advanced select { font-size: 16px; }
#filters_advanced input { font-size: 16px; color: gray; }

div > #toggle_advanced { margin-right: 35px; font-size: 12px; line-height: 20px; }

#geologic_filter {  } 
#time_filter_right { width: 650px; float: right; text-align: right; padding: 5px; }
#time_filter_left { width: 300px; padding: 5px; }

#collector { width: 140px; }

#record_filter { float: right; width: 480px; }
#record_filter select { width: 150px; }
#record_filter input { width: 154px; }
#stratigraphic_filter { width: 420px; }
#stratigraphic_filter select { width: 125px; }
#catalog_filter { width: 480px; float: right; }

#record_count { text-align: center; font-size: 14px; padding: 10px; }
#record_count a { font-size: 14px; padding: 3px; cursor: pointer; color: darkred; font-weight: bold; }

.map_button { border: solid #ccc 1px; width: 149px; cursor: pointer; padding: 5px; display: none; }
#kml_button { margin-right: 3px; }
#download_buttons { text-align: right; }

#extra { height: 70px; }
#extra > #right { float: right; width: 330px; }
#extra > #overlays { width: 600px; padding-left: 10px; }
#extra > #paging { width: 600px; padding-left: 10px; display: none; }
#extra input { margin-right: 5px; }
#extra label { font-size: 20px; display: block; padding-bottom: 10px; }

#table_view { display: none; }
#table_view_records { height: 700px; }