/* -- body -------------------------------------------------------------------------------------------------- */

body
 {margin: 0;  padding: 1%;
  background-color: transparent;
  font-family: Verdana, Geneva, sans-serif;  font-size: small;  font-style: normal;  font-weight: normal;
  text-align: left;  color: #666666}


/* -- defaults/misc ----------------------------------------------------------------------------------------- */

a:link, a:visited
 {text-decoration: none;  font-weight: bold;  color: #184569}

a:hover
 {text-decoration: none;  font-weight: bold;  color: #CC0033}

p
 {padding: 0;  border: none;  margin: 0.75em 0 0.75em 0;  text-align: justify;  line-height: 1.25}

p.intro
 {font-style: italic}

p.error-message
 {color: #CC0033;  font-weight: bold}

.notes
 {font-size: 0.8em}

span.label  /* heading at start of text line */
 {color: #CC0033; font-weight: bold}

span.latin, span.subspecies, span.subsp, span.publication, span.signature, span.author  /* italic font for scientific names/subspecies etc */
 {font-style: italic}

img
 {border: none}

.half-width-max
 {max-width: 50%}

.sixty-percent-width-max
 {max-width: 60%}

.full-width-max
 {max-width: 100%}

.third-width-max
 {max-width: 33%}

em
 {font-weight: bold;  font-style: normal}

blockquote
 {color: #226193}

h2
 {margin: 2em 0 0.5em 0;  border: none;  padding: 0;
  font-size: 1.75em;  font-weight: bold;  font-family: Georgia, Verdana, Geneva, sans-serif;  color: #226193}

h2 span /* sub-heading */
 {font-weight: normal}

h3
 {margin: 1.5em 0 0.5em 0;  border: none;  padding: 0;
  font-size: 1.25em;  font-weight: bold;  font-family: Georgia, Verdana, Geneva, sans-serif;  color: #666666}

h3 span /* sub-heading */
 {font-weight: normal}

h4
 {margin: 0.75em 0 0.75em 0;  border: none;  padding: 0;
  font-size: 1em;  font-weight: bold;  font-family: Georgia, Verdana, Geneva, sans-serif;  color: #666666}

div.spacer
 {clear: both;  line-height: 1px;  margin: 0;  border: none;  padding: 0}

div.plain
 {background-color: white;  padding: 1em 2em 1em 2em}

span.ems
 {display: inline}

span.invisible
 {visibility: hidden}

ol
 {list-style-type: decimal}

ol ol
 {list-style-type: lower-roman}

ul.plain
 {margin-left: 0;  padding-left: 0;  list-style-type: none}

ul.plain ul.plain
 {margin-left: 2em}

ul.indented
 {margin-left: 2em}

ul.spaced-out li, ol.spaced-out li
 {margin-bottom: 1em}

.clear-both
 {clear: both !important}

.no-clear
 {clear: none !important}

.clear-left
 {clear: left !important}

.clear-right
 {clear: right !important}

table.outlined  /* standard table with white borders */
 {border-collapse: collapse;  border: solid 1px #666666}

table.outlined td, table.outlined th  /* standard table with white borders */
 {padding: 0.25em 0.5em 0.25em 0.5em;  border: solid 1px #666666;  text-align: left;  vertical-align: top}

.highlight
 {font-weight: bold}

.notdisplayed
 {display: none}


/* -- general content --------------------------------------------------------------------------------------- */

.right-pic, .right-pic-xbm  /* right-aligned containers for pics etc */
 {float: right;  margin: 0.2em 0 0.1em 1em;  padding: 0;  border: none}

.lowerright-pic
 {float: right;  clear: right;  margin: 0.2em 0 0.1em 1em;  padding: 0;  border: none}

.left-pic, .left-pic-xbm  /* left-aligned containers for pics etc */
 {float: left;  margin: 0.2em 1em 0.1em 0;  padding: 0;  border: none}

.left-pic-xbm, .right-pic-xbm  /* extra bottom margin */
 {margin-bottom: 2em}


/* -- scottish bird report ---------------------------------------------------------------------------------- */

#sbr form
 {margin-bottom: 3em}

#sbr label.order
 {float: left;  margin-right: 1em;  font-weight: bold}

#sbr label.species
 {float: left;  margin-right: 1em;  font-weight: bold}

#sbr div.sbr-account  /* encloses SBR species description for one area/year/publication */
 {margin: 0 0 2em 0;  padding: 0;  border: none;  border-top: solid #666666 1px}

#sbr p.status
 {font-style: italic;  color: #CC0033}

#sbr table
 {border-collapse: collapse;  border: solid 1px #666666}

#sbr table td, #sbr table th
 {border: solid 1px #666666;  padding: 1px 5px 1px 5px}

#sbr div.menu-section
 {margin-bottom: 1em}

#sbr div.species-dropdown
 {width: 30em;  display: inline-block}

#sbr div.order-dropdown
 {width: 30em;  display: none}

#sbr div.user-textbox, #sbr div.password-textbox
 {width: 20em;  display: inline-block}

#sbr div.area-checkboxes span
 {width: 14em;  display: inline-block}

#sbr div.year-checkboxes
 {word-spacing: 0px;  letter-spacing: -0.6em} /* negative letter-spacing used to remove whitespace between each checkbox element */

#sbr div.year-checkboxes span
 {width: 6em;  display: inline-block;  letter-spacing: normal}

#sbr div.year-checkboxes span.range
 {width: 12em}

#sbr div.sbr-image
 {display: inline-block;  margin: 0.2em 2em 0.1em 0;  padding: 0;  border: none}

#sbr div.sbr-image div
 {font-size: 0.8em;  color: #CC0033;  text-align: center}

#sbr div.sbr-image img
 {width: 350px}

#sbr div.extras-text /* show 'additional sources' text in blue */
 {color: #226193}

#sbr ul.toc /* report 'table of contents' with link to each species */
 {margin: 0;  padding: 0;  list-style: none;  list-style-type: none;
  font-size: 0.9em;  font-weight: normal;  font-family: Georgia, Verdana, Geneva, sans-serif}

#sbr ul.toc li
 {display: inline-block;  margin: 0 1em 0 0; min-width: 15em}

#sbr ul.toc a:link, a:visited
 {font-weight: normal;  color: #226193}

#sbr ul.toc a:hover
 {font-weight: normal;  color: #CC0033}

#sbr a.print-link
 {float: right; display: none}

#sbr div.top-link
 {float: right}

#sbr-coverage table
 {margin-top: 1em; margin-bottom: 1em}

#sbr-coverage th, #sbr-coverage td
 {font-weight: normal; font-size: 90%}

#sbr-coverage div.content-region
 {min-width: 800px}
 
@media print
{
 body
  {font-size: x-small}
  
 #sbr form
  {display: none}
  
 #sbr ul.toc
  {display: none}
  
 #sbr div.top-link
  {display: none}

 #sbr h2
  {break-after: avoid; page-break-after: avoid}

/*    
 div.sbr-account
  {break-inside: avoid; page-break-inside: avoid}
*/

}