/* new tawny owl background */
/* -- 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}

a[href^="http"]  /* display 'new window' icon for external links */
 {background: transparent url(images/external.png) top right no-repeat;  padding-right: 12px}

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}

div.h2box  /* invisible box with same top margin as <h2> */
 {background: none;  margin: 3.5em 0 0.5em 0;  border: none;  padding: 1px 0 0 0}

div.h2box h2
 {margin-top: 0}

span.emh  /* hidden span for disguising email addresses */
 {display: none}

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}


/* -- 'feature' boxes for news items etc -------------------------------------------------------------------- */

div.feature  /* box containing one news item etc (full width) */
 {clear: both;  margin: 0 0 1em 0;  padding: 1%;  border: solid #666666 1px;  width: 100%}

div.feature-l  /* box containing one news item etc (left col) */
 {float: left;  clear: left;  margin: 0 0 1em 0;  padding: 1%;  border: solid #666666 1px;  width: 46%}

div.feature-r  /* box containing one news item etc (right col) */
 {float: right;  clear: right;  margin: 0 0 1em 0;  padding: 1%;  border: solid #666666 1px;  width: 46%}

div.feature h2, div.feature-l h2, div.feature-r h2  /* no top margin if inside feature box */
 {margin-top: 0}


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

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

#sbr div.sbr-section  /* encloses SBR species section for one area/year */
 {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.species-dropdown, #sbr div.area-checkboxes, #sbr div.year-checkboxes, #sbr div.bbrc-checkbox
 {margin-bottom: 1em}

#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 .lowerright-pic /* right-aligned container for image and caption */
 {width: 350px}

#sbr .lowerright-pic img
 {width: 350px}

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

#sbr div.bbrc-text /* show BBRC record text in blue */
 {color: #226193}

#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}


/* -- site-finder ------------------------------------------------------------------------------------------- */

#site-finder div.info  /* left 'half' of page containing grid ref display, instructions etc */
 {float: left;  margin: 0;  padding: 0;  border: none;  width: 55%}

#site-finder div.navigation  /* right 'half' of page containing navigation options */
 {float: right;  margin: 0;  padding: 0 1% 0 0;  border: none;  width: 39%}

#site-finder div.feature  /* boxes containing options, instructions etc */
 {margin: 0 0 1em 0;  padding: 2%;  border: solid #bbbbbb 1px;  background: transparent}

#markerloc p, #search p, #goto p, #options p
 {text-align: left}

#markerloc p, #markerloc h2
 {padding-left: 45px}

#map-canvas, #bing-map, #google-map, #osos-map  /* area containing the map */
 {margin: 0 0 2em 0;  padding: 0;  border: solid #bbbbbb 1px;  height: 400px;
  background: transparent top center repeat; position: relative}

#site-finder #goto label, #site-finder #search label
 {display: inline-block; width: 10em}

#site-finder #goto span, #site-finder #search span
 {display: inline-block}

#site-finder #url
 {color: #CC0033;  font-size: 0.8em;  overflow: auto}
 
#branding-for-os
 {position: relative; height: 40px}


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

#photo-menu-pic  /* image containing small pics for photo menu page */
 {margin: 0;  padding: 0;  border: solid white 1px;  height: 100px;
  background: white url(images/photo-menu.jpg) top left no-repeat}