/* Moth Photographer's Group CSS */
/* Color 'peachpuff' is #ffdab9, color 'brown' is #a52a2a, color 'darkgreen' is #006400 */

body { font-family: Arial, Helvetica, sans-serif; background-color: #fcc69c; color: #000; }
table.main { width: 920px; background-color: #ffdab9; border: solid #a52a2a 3px; border-collapse: collapse; padding: 0; }
a:link { color: #00f; }
a:visited { color: #f00; }
.heading_cell { padding: 4px; background-color: #a52a2a; line-height: 25px; }
.heading { font-size: 150%; color: #ffdab9; font-weight: bold; }
.heading_cell_reversed { padding: 4px; background-color: #ffdab9; line-height: 25px }
.heading_reversed { font-size: 150%; color: #a52a2a; font-weight: bold; line-height: 25px; }
.taxonomic_notes li { font-size: 80%; padding-bottom: 1em; }
.image_cell_half { padding-bottom: 1em; font-size: 65%; width: 150px; }
.image_cell_half_tort { padding-bottom: 1em; font-size: 65%; width: 180px; }
.image_cell_full { padding-bottom: 1em; font-size: 65%; width: 300px; }
.image_cell_contrib { padding-bottom: 1em; font-size: 80%; width: 300px; }
.atthe { font-weight: bold; color: #a52a2a; }
.credit, .google, .atthe span { font-size: 80%; }
.google { font-weight: bold; }
.navigation { clear: both; }
.navigation img { border: 0; }
.navigation a { margin: 0.2em; }
a.page { background-color: #a52a2a; color: #ffdab9; border: solid #a52a2a 1px; font-size: 105%; font-weight: bold; padding: 0.2em; padding-left: 0.3em; padding-right: 0.3em; margin: 0.2em; text-decoration: none; }
a.page:link { color: #ffdab9; }
a.page:visited { color: #ffdab9; }
a.page-selected { background-color: #ffdab9; color: #a52a2a; border: solid #a52a2a 1px; font-size: 105%; font-weight: bold; padding: 0.2em; padding-left: 0.3em; padding-right: 0.3em; margin: 0.2em; text-decoration: none; }
a.page-selected:link { color: #a52a2a; }
a.page-selected:visited { color: #a52a2a; }
.note { text-align: center; font-size: 80%; }
.slow_heading { color: #ffdab9; font-size:130%; background-color: #a52a2a; padding: 7px; }
.slow_heading a:link { color: #ffdab9; }
.slow_heading a:visited { color: #ffdab9; }
.photo_set { font-size: smaller; padding-left: 0; padding-right: 0; padding-top: 4px; padding-bottom: 10px; margin: 0; }
.photo_set div { float: left; text-align: center; margin: 0; padding-top: 0.4em; padding-bottom: 0.4em; padding-left: 2px; padding-right: 1px; }
.left { float: left; text-align: left; padding-left: 1em; clear: left; }
.referee, .species_count { float: right; text-align: right; padding-right: 1em; font-size: 18px; }
.nobold { font-weight: normal; }
.list_cell { padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; text-align: center; }
table.list { border: 0; font-size: 80%; text-align: left; margin-left: auto; margin-right: auto; }
table.list th { text-align: left; vertical-align: bottom; padding: 0 0.5em 0.5em;}
table.list td { text-align: left; vertical-align: top; padding: 0 0.5em;}
td.hodges { padding-right: 1em; }
td.latin { padding-right: 1em; }
table.contacts  { border: 0; font-size: 80%; text-align: left; width: 100%; margin-left: auto; margin-right: auto; }
td.name { width: 20%; }
td.email { width: 10%; }
td.link { width: 10%; }
td.web { width: 30%; }
td.loc { width: 30%; }
.light_heading { background-color: #ffdab9; width: 80%; text-align: center; padding: 0.5em; }
.light_heading h2 { color: #006400; font-weight: bold; }
.light_heading p { text-align: justify; font-size: smaller; }
.small { font-size: small; }
.needed { padding: 0.5em; }
.guide { color: #a52a2a; font-weight: bold; }
.center { text-align: center; }
#species_heading { font-size: 130%; color: #ffdab9; text-align: left; }
#species_heading a { color: #ffdab9; }
#family_box { float: right; font-size: 65%; padding: 0 4px; height: 100%; }
.slow_heading #family_box { padding-top: 4px; padding-bottom: 4px; }
#species_author { font-size: 80%; }
#species_copyright { font-size: 80%; text-align: center; padding: 1em; }
#species_large_image { font-size: 80%; text-align: center; padding: 0 3px 6px; }
#species_large_image div#image { display: inline-block; vertical-align: bottom; }
#species_large_image div#image table { border-collapse: collapse; }
#species_large_image div#image td { padding: 0; margin: 0; }
#species_large_image div#map { display: inline-block; padding-left: 0px; vertical-align: bottom; }
#species_large_image div#map img { border: 0; }
#species_large_image span a:first-child { margin-left: 0px; }
#species_large_image span a { margin-left: 30px; }
/* Hacks for IE7 */
#species_large_image div#image, #species_large_image div#map {
  *display: inline;
}
#species_detail { font-size: 80%; text-align: left; padding: 0.5em; width: 90%; margin-left: auto; margin-right: auto; }
#species_detail .label { color: #a52a2a; font-weight: bold; width: 13%; vertical-align: top; font-size: 115%; }
#species_detail .content { vertical-align: top; text-align: justify; padding-bottom: 1em; }
#species_detail .content_bold { vertical-align: top; text-align: justify; font-weight: bold;  padding-bottom: 1em; }
#species_detail ul { margin: 0; padding-left: 1em; }
#species_references_heading { color: #ffdab9; text-align: left; font-size: 115%; }
#species_references { padding: 1em; text-align: left; font-size: 80%; }
#species_references ul { margin: 0; padding-left: 1em; }
#species_contributor { font-size: 80%; padding: 1em; padding-top: 0.5em; text-align: left; }
#species_break { color: #a52a2a; }
#unid_header td { text-align: left; }
td.genitalia_image { width: 100%; text-align: center; font-size: smaller; padding-bottom: 1.5em; }
.genitalia_references { padding: 0.5em 1em; text-align: left; font-size: 80%; }
.genitalia_references ul { margin: 0; padding-left: 1em; }
#genitalia_button { float: right; margin: 1px 4px 0 0; }
#genitalia_button img { height: 36px; width: 63px; border: 0; }
td.genitalia_image #describe { text-align: justify; padding: 1em 1em 0; }
#checklist { font-size: 13px; width: 570px; }
#checklist td { vertical-align: bottom; }
#checklist span.author { margin-left: 5px; }
#checklist .type_1 span.title { font-size: 24px; font-weight: bold; text-transform: uppercase; }
#checklist .type_1 span.author { font-size: 16px; }
#checklist .type_2 span.title { font-size: 18px; font-weight: bold; text-transform: uppercase; }
#checklist .type_3 span.title { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-left: 25px; }
#checklist .type_4 span.title { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-left: 50px; }
#checklist .type_5 span.title { font-size: 16px; font-weight: bold; text-transform: capitalize; margin-left: 75px; }
#checklist .type_6 span.title { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-left: 75px; }
#checklist .type_7 span.title { font-size: 13px; font-style: italic; text-transform: uppercase; margin-left: 100px; }
#checklist .type_8 span.title { font-size: 16px; font-weight: bold; text-transform: capitalize; margin-left: 75px; }
#checklist .type_9 span.title { font-size: 13px; font-style: italic; text-transform: uppercase; margin-left: 100px; }
#checklist .type_10 span.title { font-size: 13px; font-style: italic; text-transform: uppercase; margin-left: 75px; }
#checklist .type_10 span.author { margin-left: 0; }
#checklist .type_11 div.phylo { float: left; width: 70px; overflow: hidden; font-weight: normal; }
#checklist .type_11 span.title { font-size: 13px; font-weight: bold; text-transform: lowercase; margin-left: 5px; }
#checklist .type_12 span.title { font-size: 13px; font-weight: bold; text-transform: lowercase; margin-left: 87px; }
#checklist .type_13 span.title { font-size: 13px; font-style: italic; text-transform: lowercase; margin-left: 102px; }
#checklist .type_16 span.title { font-size: 13px; font-style: italic; text-transform: lowercase; margin-left: 115px; }
#checklist .type_17 span.title { font-size: 13px; font-style: italic; text-transform: lowercase; margin-left: 115px; }
#checklist .spacer { margin-top: 15px; }
#checklist td.hodges { width: 60px; }
#checklist td.notes { width: 30px; }
#checklist_title { font-size: 150%; color: #a52a2a; font-weight: bold; }

#checklist_index .type_1, #checklist_index .type_2, #checklist_index .type_3,
  #checklist_index .type_4, #checklist_index .type_5 { text-transform: uppercase; }
#checklist_index .type_6 { font-weight: bold; text-transform: uppercase; }
#checklist_index .type_7 { font-style: italic; text-transform: uppercase; }
/* types 8-10 undefined in index for now */
#checklist_index .type_11, #checklist_index .type_12 { font-weight: bold; }
#checklist_index .type_13 { font-style: italic; }
#checklist_index span.author, #checklist_index span.info { font-weight: normal; font-style: normal; text-transform: none; }
#checklist_index span.genus, #checklist_index span.origin { font-weight: normal; font-style: normal; text-transform: none; }
#checklist_index .type_11 span.genus, #checklist_index .type_12 span.genus,
  #checklist_index .type_13 span.genus { font-weight: bold; font-style: normal; text-transform: uppercase; }
#checklist_index .type_12 span.ssp { font-weight: bold; text-transform: none; }

#search_forms { width: 830px; font-weight: bold; font-size: 13px; margin-bottom: 1em; }
#search_forms td.google_search { width: 70%; }
#search_forms td.hodges_search { width: 30%; text-align: left; }
#search_forms input#search_text { width: 152px; }
#search_forms td.hodges_search div { text-align: left; }
#search_forms td.hodges_search div.tips { text-align: center; width: 158px; }

.checklist_index_search { margin: 1em 0; }
.checklist_index_search.top { margin-top: 0; }

#temporal_distribution {
  font-size: 12px; width: 530px; text-align: center; margin: 10px auto; border: solid black 1px; border-collapse: collapse;
}
#temporal_distribution th { background-color: #a52a2a; color: #ffdab9; }
#temporal_distribution th, #temporal_distribution td { text-align: center; padding: 0 5px; border: solid black 1px; }
#temporal_distribution th.state { text-align: left; min-width: 90px; white-space: nowrap; }
#temporal_distribution .row { background-color: #ffdab9; }
#temporal_distribution .alt_row { background-color: #fcc69c; }
#no_date { text-align: center; font-size: 13px; }
.select-region { font-size: 12px; }
#facebox .content { width: 600px !important; padding: 30px 20px 20px !important; }
.regions { width: 100%; }
.regions h1 { font-size: 120%; font-weight: bold; text-align: center; }
.regions h2 { font-size: 110%; font-weight: bold; text-align: center; padding-top: 1.3em; clear: both; margin-top: 0; }
.regions p { font-weight: bold; text-align: center; margin-bottom: 0; }
.regions div { float: left; width: 33%; text-align: center; }
.regions ul { list-style-type: none; padding: 0; margin: 0; }
.nav_region { text-align: center; width: 100%; margin: 1em auto; }
.nav_region a { display: inline-block; margin-right: 10px; font-size: 12px; }
.nav_region a.region {
  background-color: #a52a2a;
  color: #ffdab9;
  font-size: 16px !important;
  width: 165px !important;
  text-decoration: none;
  padding: 5px 0;
}