@charset "utf-8";
/* CSS Document */

/*** TEXT ***/
h1#title {
  color:#990000;
  margin-top:2px;
  font-size:1.1em;
  font-weight:500;
  letter-spacing:1px;
}
h1#news_flash_title {
  color:#990000;
  margin-top:2px;
  text-decoration:blink;
}
#content_table {
  font-family:Verdana, Verdana, Geneva, sans-serif;
}

/*** LISTS ***/
ul, ol {
  margin: 0 0 6px 17px;
}

/*** IMAGE BLOCKS and GALLERIES***/
.image_block {
  float:right; 
  background-color:#ffffff;
  margin:10px 0 10px 15px;
}
.gallery {
  margin: 0 0 0 -20px;
}
.right_col_cell {
  width:250px;
  margin-bottom:12px;
}
.gallery_cell {
  width:265px;
  margin:0 0 20px 20px;
  float:left;
}
.image_block img, .gallery_cell img {
  margin_top:5px;
}
.image_block h2, .gallery h2 {
  margin:0 0 .5em 0;
  font-family:Trebuchet MS, Helvetica, sans-serif;
  font-size:.8em;
  font-weight:normal;
}
.image_block p, .gallery p {
  margin:0 0 .5em 0;
  font-family:Trebuchet MS, Helvetica, sans-serif;
  font-size:.7em;
}
.right_col_cell h2, .gallery_cell h2 {
  margin-top:3px;
}

/*** FIGURES & IMAGES ***/
img {
  border-width:0px ;
  border-style:none;
  border-color:#000000;
}
div.image_right {
  clear:both;
  float:right;
  margin-left:10px;
}
div.fig_right {
  margin:10px 0 5px 15px;
  float:right;
}
div.fig_right_330 {
  margin:0 0 5px 15px;
  float:right;
  width:330px;
}
div.fig_right_300 {
  margin:0 0 5px 15px;
  float:right;
  width:300px;
}
div.fig_right img{
  margin-top:.5em;
}
div.fig_left {
  margin:-5px 15px 5px 0;
  float:left;
}
div#content .fig_title {
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  text-align:left;
  margin:0 0 0 0em;
}
div#content .fig_subtitle {
  font-family:Arial, Helvetica, sans-serif;
  font-size:.8em;
  margin-top:5px;
  text-align:left;
}
img.bordered {
  border:#333333 1px solid;
}

/*** PAGE TEXT ***/
div#page_text {
  margin-bottom:15px;
}

/*** NEWS ***/
div#news_list {
  width:585px;
  padding-bottom:1em;
  float:left;
}
div.news_item {
  padding:10px 0 10px 0;
  border-top:1px solid #cfcfcf;
  clear:both;
}
div.news_item_first {
  border-top:none;
  padding-top:0;
}
div.news_title a.article_link_via_title:hover {
  text-decoration:underline;
}
div.news_title h1 {
  margin:0;
  color:#0080C0;
  line-height: 18px;
}
div.news_title h1 a, div.news_title h1 a:link, div.news_title h1 a:visited, div.news_title h1 a:focus {
  text-decoration:none;
  color:#0080C0;
}
div.news_title h1 a:focus {
  text-decoration:underline;
  color:#0080C0;
}
div.news_date_author {
  padding:5px 0 0 0;
  margin-top:0px;
  font-family:Trebuchet MS, Helvetica, sans-serif;
  color:#aaa;
  font-size:.9em;
}
div.news_date {
  font-family:Trebuchet MS, Helvetica, sans-serif;
  color:#0080C0;
  font-size:.9em;
  margin-top:-10px;
}
div.news_author {
  float:right;
  margin-top:-10px;
  width:300px;
  font-family:Trebuchet MS, Helvetica, sans-serif;
  color:#0080C0;
  font-size:.9em;
  text-align:right;
}
div.news_story_content p {
  text-align:justify;
}
div#news .news_footer {
  margin:1em 0 1em 0;
  font-family:Trebuchet MS, Helvetica, sans-serif;
  font-size:.9em;
  height:20px;
  clear:both;
}
div.news_story_content > h2:first-child {
  margin-top:0;
}

/*** NEWSFLASH ***/
div#news_flash {
  margin-top:10px;
  padding-right:10px;
}
div#news_flash h1#title{
  margin;0;
  padding:0;
}
div#news_flash .news_body {
  font-family:Arial, Arial, sans-serif;
  font-size:.95em;
  padding-bottom:.5em;
}
div#news_flash h1 {
  margin:0;
}
div#news_flash h2 {line-height:110%;}
div#news_flash h2, div#news_flash h2 a:link, div#news_flash h2 a:visited, div#news_flash h2:active {
  color:#628544;
  text-decoration: none;
  font-weight: normal;
}
div#news_flash h2:hover {
  color:#628544;
  text-decoration: underline;
}
div#news_flash div.news_flash_title h1 {
  line-height:.9em;
  margin:5px 0 .5px 0;
}
div.news_flash_title h1 a:link, div.news_flash_title h1 a:visited, div.news_flash_title h1 a:focus {
  text-decoration:none;
  color:#000000;
}
div.news_flash_title h1 a:hover {
  text-decoration:underline;
}
div#news_flash div.news_date {
  font-size:.9em;
  margin-top:5px;
}
div#news_flash div#open_entry {
  margin-bottom:10px;
}
div#news_flash div#open_entry a {
  font-family:Arial, Arial, sans-serif;
  font-size:.95em;
  line-height:1em;
  padding-top:1em;
}
div.news_flash_title h1.title a, div.news_flash_title h1.title a:link, div.news_flash_title h1.title a:visited, div.news_flash_title h1.title h1 a:focus {
  text-decoration:none;
  color:#000000;
}
div.news_flash_title h1.title h1 a:focus {
  text-decoration:underline;
  color:#000000;
}

/*** COMMENTS ***/
div.comment_link {
  margin-left: 10px;
  float: right;
}
div.comment_link a {
  font-family: Arial,sans-serif;
  text-decoration: none;
  color: #95af10;
  padding-left: 20px;
  margin-top: -10px;
  font-size: 30pt;
  font-weight: normal;
  background-image: url(/images/icons/comment.gif);
  background-position: left;
  background-repeat: no-repeat;
}
.green_link {
  font-family: Arial,sans-serif;
  text-decoration: none;
  color: #95af10;
}
div.comment_link a:active, div.comment_link a:hover, div.comment_link a:visited, {
  text-decoration: none;
  color: #95af10;
}
div#comments {
  border-top: 1px solid #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  clear: both;
}
div#comments {
  padding: 0 1em 0;
  margin-bottom: 1em;
  clear: both;
}
div.comment {
  padding: .2em .5em .5em .5em;
  margin-bottom: .3em;
}
div.comment.odd {
  background-color: #f1f1f1;
}
div.comment_preview {
  background-color: #f1f1f1;
  padding: .2em .5em .5em .5em;
  border: solid 2px #f2b7b7;
}
div#comments p, div.comment_preview p {
  margin-top: .5em;
  margin-bottom: .5em;
}
div.comment dl, div.comment_preview dl {
  margin: 0;
}
div.comment dd, div.comment_preview dd {
  margin-left: 1em;
}
div.comment dd p, div.comment_preview dd p  {
  margin: 0;
  margin-top: .3em;
  margin-bottom: .3em;
}
div#comments dt, div#forum_comments dt  {
  font-family: Trebuchet MS, Helvetica, sans-serif;
  color: #0080C0;
}
div.edit_comment {
  float: right;
}
div.edit_comment, div.edit_comment a, div.edit_comment a:visited, div.edit_comment a:hover {
  color: #8cb7cc;
  font-size: 12px;
}
#comment_form {
  border: solid 1px #b7ddf2;
  background: #f1f7fc;
  padding: 10px;
}
#comment_form form {
  padding: 0;
  border: 0;
}
#comment_form_fields {
  border: 0;
}
input#name_input {
  margin-left: 65px;
}
input#email_input {
  margin-left: 10px;
}
p#content_label {
  margin-bottom: .5em;
  width: none;
}

/*** TABLES ***/
/** generic table titles **/
.text_table_title {
 font-size: 1em;
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-weight: bold;
 text-align: left;
 padding-bottom: .5em;
 margin-bottom: .5em;
}
.text_table_column_title {
  font-size: .9em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  text-align: left;
}
/** species grids **/
table.grid {
  border-bottom: 1px;
  padding: 0;
  margin: 10px 0 0 0;
  border-collapse: collapse;
  width: 680px;
  float: left;
}
table.grid th {
  height: 18px;
  margin: 0 0 0 -.5em;
  padding: 0;
  border-left: none;
  border-right: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
}
table.grid .topic_id {
  display: none;
  color: #FF0000;
}
table.grid tr.topic_id>td {
  display: none;
}
table.grid th.name_scientific, table.grid th.name_common {
  border-bottom: 1px #333333 solid;
}
table.grid td {
  height: 20px;
  margin: 0;
  padding: 0 0 1px 0;
  border-left: none;
  border-right: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
}
table.grid td.name_scientific {
  font-style: italic;
}
table.grid td.descriptions {
  width: 22px;
  border: none;
  background: url(/engineroom/images/buttons/btn_des_grey.gif);
  background-repeat: no-repeat;
  background-position: center;
}
table.grid td.photos {
  width: 22px;
  border: none;
  background-image: url(/engineroom/images/buttons/btn_pho_grey.gif);
  background-repeat: no-repeat;
  background-position: center;
}
table.grid td.sounds {
  width: 22px;
  border: none;
  background-image: url(/engineroom/images/buttons/btn_snd_grey.gif);
  background-repeat: no-repeat;
  background-position: center;
}
table.grid td.maps {
  width: 22px;
  border: none;
  background-image: url(/engineroom/images/buttons/btn_map_grey.gif);
  background-repeat: no-repeat;
  background-position: center;
}
/* table grids :formats for the 'descriptions' column */
table.grid td.descriptions a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
table.grid td.descriptions a:link, table.grid td.descriptions a:visited, table.grid td.descriptions a:focus {
  background-image: url(/engineroom/images/buttons/btn_des.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
table.grid td.descriptions a:hover {
  background-image: url(/engineroom/images/buttons/btn_des_highlight.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
/* table grids :formats for the 'photos' column */
table.grid td.photos a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
table.grid td.photos a:link, table.grid td.photos a:visited, table.grid td.photos a:focus {
  background-image: url(/engineroom/images/buttons/btn_pho.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
table.grid td.photos a:hover {
  background-image: url(/engineroom/images/buttons/btn_pho_highlight.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
/* table grids :formats for the 'sounds' column */
table.grid td.sounds a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
table.grid td.sounds a:link, table.grid td.sounds a:visited, table.grid td.sounds a:focus {
  background-image: url(/engineroom/images/buttons/btn_snd.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
table.grid td.sounds a:hover {
  background-image: url(/engineroom/images/buttons/btn_snd_highlight.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
/* Formats for the 'maps' column */
table.grid td.maps a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
table.grid td.maps a:link, table.grid td.maps a:visited, table.grid td.maps a:focus {
  background-image: url(/engineroom/images/buttons/btn_map.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
table.grid td.maps a:hover {
  background-image: url(/engineroom/images/buttons/btn_map_highlight.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}

/*** SPECIES LISTS ***/
table.species_list {
  width: 97%;
  margin-top: 1em;
  margin-left: 10px;
  border: 0;
  border: collapse;
}
table.species_list td {
  vertical-align: top;
  font-family: Arial;
  padding: 3px 0 3px 0;
}
table.species_list thead td {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
}
table.species_list tbody td {
  border-bottom: 1px dotted #cccccc;
  border-right: 0;
  border-left: 0;
}
td#content_pane table.species_list p {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  font-size: .9em;
}
table.species_list li {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 .5em 0;
  font-size: .9em;
}
table.species_list img {
  padding: 30px;
}

/*** MAPS ***/
#key_map_table {
  border-collapse: collapse;
  background-image: url(/issues/files/maps/yaugher/map_yaugher_bush_key.jpg);
  width: 680px;
  height: 450px;
}
#key_map_table td {
  border: dotted 1px #FFFFFF;
  cell-padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #FFFFFF;
}
#key_map_table a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  width: 162px;
  height: 104px;
  margin: 0;
  padding: 5px 0 0 5px;
}
#key_map_table a:selected {
  color: #FF9900;
}
#minikey_map_table {
  border-collapse: collapse;
  background-image: url(/issues/files/maps/yaugher/map_yaugher_bush_minikey.jpg);
  margin: 5px 0 15px 0;
}
#minikey_map_table td {
  border: dotted 1px #FFFFFF;
  cell-padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #FFFFFF;
}
#minikey_map_table a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  width: 47px;
  height: 24px;
  padding-top: 6px;
}
#minikey_map_table a.map_cell_selected {
  color: #FFFF66;
  font-weight: bold;
}

/*** REGISTRATION FORM ***/
table#registration {
  border-colapse: collapse;
  
}

/*** BOXES ***/
#box_set {
width:250px;
}
/* send an email */
.box {
  padding: 5px 8px 5px 8px;
  width: 100%px;
  margin-bottom: 10px;
  border: #ddd 1px solid;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 12px;
  text-align: justify;
}
.box.no_padding {
  padding: 0;
  border: none;
  margin-bottom: 5px;
}
.box.no_padding p {
  margin: 0;
}
.box p, .box li {
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 12px;
}
.box h1, .box h2, .box h3{
  font-weight:bold;
}
.box h1:first-child, .box h2:first-child, .box h3:first-child {
  margin-top: 0;
}

/*** NAV BETWEEN LISTS and ITEMS ***/
p#read_more, p#back_to_list {
  margin: .6em 0 5px 0;
}
p#read_more a, p#back_to_list a {
  font-weight: bold;
  padding-left: 15px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 1em;
  letter-spacing: 1px;
  color: #899e1d;
}
p#read_more a {
  background-image: url(/images/icons/read_more_arrow.gif);
  background-position: left;
  background-repeat: no-repeat;
}
p#back_to_list a {
  background-image: url(/images/icons/back_to_list_arrow.gif);
  background-position: left;
  background-repeat: no-repeat;
}
p#read_more a:active, p#read_more a, p#read_more a:visited,
p#back_to_list a:active, p#back_to_list a, p#back_to_list a:visited  {
  text-decoration: none;
}
p#read_more a:hover, p#back_to_list a:hover {
  text-decoration: underline;
}

/*** FORMS ***/
.input-group li {
  list-style-position: outside;
  list-style-type: none;
  list-style-image: none;
}
.input-group ul {
  margin: 0;
  width: 80px;
}
.input-group label {
  font-weight: normal;
}
.mc-field-group, .input-group {
  clear:both;
  padding-top:20px;
}

/*** LIBRARY ***/
/* NB:library table styling is with styling for content tables in the CONTENT style doc */
div.bibliography {
  padding-left: 5px;
  margin-top: .8em;
  margin-bottom: .8em;
  text-align: left;
  border-left: 5px #ccc solid;
}
div.bibliography p {
  background-repeat: no-repeat;
  background-position: left;
  margin-top: 3px;
  margin-bottom: 3px;
}
div.bibliography a {
  padding-left: 25px;
}
#library_filter label {
  font-family: Verdana,Verdana,Geneva,sans-serif;
  font-size: 1em;
  display: block;
  float: left;
}
#library_filter input {
  float: left;
  margin-right: 10px;
}
a.library_link:link {
  color: #336699;
  text-decoration: none;
}
a.library_link:visited {
  color: #336699;
  text-decoration: none;
}
a.library_link:hover {
  text-decoration: underline;
  color: #009900;
}

/*** file icons ***/
/*
a[href^="http:"] {
  display:inline-block;
  padding-right:14px;
  background:transparent url(/Images/ExternalLink.gif) center right no-repeat;
}
a[href^="mailto:"] {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/Images/MailTo.gif) center left no-repeat;
}
*/
.bibliography p.webpage a {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_webpage.bmp) top left no-repeat;
}
.bibliography p.website a {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_website.bmp) top left no-repeat;
}
a[href$='.pdf'] {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_pdf.bmp) top left no-repeat;
}
a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_flash.bmp) top left no-repeat;
}
a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_xls.bmp) top left no-repeat;
}
a[href$='.ppt'], a[href$='.pps'] {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_ppt.bmp) top left no-repeat;
}
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_doc.bmp) top left no-repeat;
}
a[href$='.mp3'] {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_mp3.bmp) top left no-repeat;
}
a[href$='.wav'] {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_wav.bmp) top left no-repeat;
}
p.audio_file_title {
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_wav.bmp) top left no-repeat;
}
a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
  display:inline-block;
  padding-left:20px;
  line-height:18px;
  background:transparent url(/images/icons/file_types/file_icon_16x16_zip.bmp) top left no-repeat;
}

/*The following styles are to be used with tablesort.js to enable tables to be sorted*/

/* This version of the script enables images to be used in place of the arrows. The images should be defined within your CSS as follows:*/
/*table.sorted th.forwardSort
        {t
        background:transparent url(your-down-arrow-image) no-repeat 0 0;
        }
table.sorted th.reverseSort
        {
        background:transparent url(your-up-arrow-image) no-repeat 0 0;
        }  */  
/* Additionally, the table should be given the class no-arrow which tells the script not to create the default arrow characters within the TH node. */

/* Use the following to add zebra-stripes tables automatically (without the sort having to take place).
Additionally, to make up for Internet Explorers lack of support for the :hover CSS pseudo-class, the script also add’s a hover effect to the table rows using conditional compilation.

The following CSS rules need to be defined in order for the row hover effect to be seen. */
/*table.sorted tr:hover, tr.ieRowHover {
    <!-- Style for the normal (even) row hover -->
}
table.sorted tr.alternative:hover, tr.ieRowHoverAlt {
    <!-- Style for the normal (odd) row hover -->
}*/

p#pagination_links {
  padding-top: 6px;
  border-top: 1px solid #333;
}

div.media {
  width: 570px;
  margin: 0px 0 10px 25px;
}