/* Standard tags */

form 
{   
    margin: 1.33em 0 /* IE applies this by default, but Firefox doesn't - per http://www.cs.tut.fi/~jkorpela/forms/extraspace.html */
}

body
{
    table-layout: fixed;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 8pt;
    margin-top: 0px;
}

td
{
    padding: 0px;
    margin: 0px;
}

th
{
    text-align: left;
    font-weight: normal;
    border-bottom: #aaa 1px solid;
    border-spacing: 0px; /* apparently ignored by IE and Firefox. Cheers lads. */
}

a
{
/*    color:  #06f; */
    text-decoration: none;
}

input, textarea, select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

input.readonly, select.readonly
{
    background-color: #f2f2f2;
}

img
{
    border: none;
    vertical-align: middle;
}

img.imgborder
{
    border: 1px solid #9ca3bd;
}

/* main tables */

table.main
{
    width: 1024px; /* 13 + 140 + 693 + 165 + 13 */
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    background-color: White;

}

.padded
{
    padding: 5px;
}

.hpadded td, .hpadded th, td.hpadded, th.hpadded
{
    padding: 0px 10px 0px 0px;
}

.thinhpadded td, .thinhpadded th, td.thinhpadded, th.thinhpadded
{
    padding: 0px 2px 0px 0px;
}

.lpadded td, .lpadded th, td.lpadded, th.lpadded
{
    padding: 0px 0px 0px 5px;
}

.rpadded td, .rpadded th, td.rpadded, th.rpadded
{
    padding: 0px 5px 0px 0px;
}

td.vpadded, .vpadded td, .vpadded th, th.vpadded, div.vpadded
{
    padding: 6px 0px 0px 0px;
}

.hvpadded td, .hvpadded th, td.hvpadded, th.vpadded
{
    padding: 6px 6px 0px 0px;
}

.standardfont
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* 
For a "print-friendly" version we enclose everything below in a <div class="print">, 
which suppresses the left and right navigation and resizes the other elements as necessary.
The ASP code will omit unnecessary td cells anyway, so this is just "belt and braces".
*/

body.print table.main
{
    width: 721px; /* 13 + 695 + 13 */
}

td.topnav
{
    width: 900px;
    padding-left: 15px; /* allow space for menu icons, so content aligns with menu options */
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #767676;
}

/* IE hack - IE puts the 15px padding inside the width (whereas the others correctly put it outside). Only IE will take any notice of this rule */
* html td.topnav 
{
    width: 915px
}

body.print td.topnav
{
    width: 695px;
    padding-left: 0px; /* no menu so no need for padding */
}

p.expandcollapse
{
    padding-left: 15px
}

p.links
{
    padding-top: 2px;
    padding-bottom: 2px
}

td.menu_heading
{
    width: 120px;
    color: #666;
    padding: 0px 5px 4px 15px;
    vertical-align: bottom;
}

td.leftnav
{
    width: 135px;
    padding-right: 5px;
    vertical-align: top;
}

table.heading
{
    width: 100%;
    border-bottom: #9ca3bd 1px solid;
}

.magazine table.heading
{
    background-color: #aebc9b;
    border-bottom: none; /* no line under magazine heading */
    padding-top: 0px;
}

.magazine .newsletteronly, .article .plaintextonly
{
    display: none;
    visibility: hidden;
}

td.heading
{
    padding-bottom: 5px;
    vertical-align: bottom;
    padding-right:0px;
    padding-left:0px;
}

body.print td.heading
{
    width: 695px;
}

h1
{
    color: #7c849a;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 22pt;
    line-height: 25pt;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

.h1supp
{
    color: #7c849a;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    font-size: 12pt;
    white-space: nowrap;
    line-height: 28pt;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

/* used here so that the underline is vertically aligned */
.menu_heading h1
{
    font-size: 8pt;
    font-weight:normal;
    border-bottom: #9ca3bd 1px solid;
    line-height: 25pt;
    vertical-align: middle;
}

h2, .collapsible
{
    color: #fff;
    background-color: #9ca3bd;
    margin-bottom: 3px;
    padding: 3px;
    font-weight: bold;
    font-size: 8pt;
}

.collapsible a
{
    color: #fff;
    text-decoration: none;
}

h2
{
    color: #fff;
    background-color: #9ca3bd;
    margin-bottom: 3px;
    padding: 3px;
    font-weight: bold;
    font-size: 8pt;
}

.h2 /* for normal headings use <p class="h2"> in preference to <h2> - needs sorting out */
{
    color: #7c849a;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 14pt;
    margin: 15px 0px 5px 0px;
}

.h2font
{
    font-weight: lighter;
    font-size: 14pt;
    color: #666600;
}

.h3font
{
    font-weight: bold;
    font-size: 10pt;
    color: #666600;
}

h3, .h3 /* for normal headings use <p class="h3"> in preference to <h3> - needs sorting out */
{
    color: #7c849a;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 10pt;
    margin: 5px 0px 3px 0px;
}

td .h3 /* just a bit of additional vertical spacing */
{
    padding: 10px 0px 0px 0px;
}

.h4 /* for normal headings use <p class="h4"> in preference to <h3> - needs sorting out */
{
    color: #7c849a;
    font-size: 8pt;
    padding: 0px;
}

h4
{
    font-size: 8pt;
    color: #888888;
    margin-top: 16px;
    margin-bottom: 4px;
    background-color: #f2f2f2;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.magh1
{
    color: #fff;
    font-family: Georgia, 'Times New Roman', Times, Serif;
    font-size: 16pt;
    padding: 10px 5px 5px 5px;
    margin: 0px;
    background-color: #aebc9b;
    font-weight: bold;
}

.magtitle
{
    color: #fff;
    font-family: Georgia, 'Times New Roman', Times, Serif;
    font-size: 16pt;
    padding: 10px 5px 5px 5px;
    margin: 0px;
    background-color: #aebc9b;
    font-weight: normal;
}

.magh2, .magazine h2
{
    font-family: Georgia, 'Times New Roman', Times, Serif;
    color: #84946f;
    font-size: 14pt;
    background-color: #fff;
    font-weight: bold;
    margin: 0px;
    padding: 12px 0px 10px 0px;
}

.magh2series
{
    font-family: Georgia, 'Times New Roman', Times, Serif;
    color: #84946f;
    font-size: 16pt;
    font-weight: bold;
}

.magh2title
{
    font-family: Georgia, 'Times New Roman' , Times, Serif;
    color: #000;
    font-size: 16pt;
    font-weight: bold;
}

.magh3, .magazine h3
{
    font-family: Georgia, 'Times New Roman', Times, Serif;
    background-color: #fff;
    color: #84946f;
    font-size: 11pt;
    font-weight: bold;
    margin: 0px;
    padding: 10px 0px 8px 0px;
}

.magh4, .magazine h4
{
    font-family: Georgia, 'Times New Roman', Times, Serif;
    background-color: #fff;
    color: #84946f;
    font-size: 10pt;
    font-weight: normal;
    margin: 0px;
    padding: 8px 0px 6px 0px;

}

.magazine h3 + h4, .magazine h3 + p, .magazine h4 + p
{
    /* avoid double spacing */
    padding-top: 0px;
    margin-top: 0px;
}

.magazine
{
    font-family: Georgia, 'Times New Roman', Times, Serif;
}

.magazine .restricted
{
    font-weight: normal;
}

.magazine .unrestricted
{
    font-weight: bold;
}

.magazine .h1supp
{
    color: #fff;
    font-family: Georgia, 'Times New Roman', Times, Serif;
    font-size: 12pt;
    background-color: #aebc9b;
    font-weight: normal;
    padding: 5px 10px 5px 5px;
    margin: 0px;
    font-weight: normal;
    vertical-align: bottom
}

.magh3series
{
    font-family: Georgia, 'Times New Roman', Times, Serif;
    color: #84946f;
    font-size: 10pt;
    font-weight: bold;
}

.magh3title
{
    font-family: Georgia, 'Times New Roman' , Times, Serif;
    color: #000;
    font-size: 10pt;
    font-weight: bold;
}

.magh4series
{
    font-family: Georgia, 'Times New Roman', Times, Serif;
    color: #84946f;
    font-size: 8pt;
    font-weight: bold;
}

.magh4title
{
    font-family: Georgia, 'Times New Roman' , Times, Serif;
    color: #000;
    font-size: 8pt;
    font-weight: bold;
}

.magintro
{
    font-family: Georgia, 'Times New Roman', Times, Serif;
    margin: 0px;
    border-left: 1em;
}

.magdivider
{
    color: #fff;
    background-color: #aebc9b;
    padding: 3px;
    font-weight: bold;
    font-size: 8pt;
}

td.content
{
    width: 650px;
    vertical-align: top;
    padding-top: 5px
}

#estore td.content
{
    padding-top: 0px
}

#home td.content, #irishome td.content
{
    width: 775px;
    vertical-align: top;
}

td.rightnav
{
    width: 165px;
    padding-left: 5px;
}

body.print td.rightnav, #home td.rightnav, #irishome td.rightnav
{
    display: none;
    width: 0px; 
}

td.bottomnav
{
    width: 1024px;
    vertical-align: top;
    border-top: 1px solid #767676;
}

body.print td.bottomnav
{
    width: 650px;
}

td.grad_left
{
    width: 13px;
    background: transparent url(../i/gen/grad_left.gif) repeat-y;
}

td.grad_right
{
    width: 13px;
    background: transparent url(../i/gen/grad_right.gif) repeat-y right;
}

td.grad_bottom
{
    background: transparent url(../i/gen/grad_bottom.gif) repeat-x bottom;
}

td.grad_bottom_left
{
    width: 13px;
    height: 13px;
    background: transparent url(../i/gen/grad_bottom_left.gif) no-repeat bottom left;
}

td.grad_bottom_right
{
    width: 13px;
    height: 13px;
    background: transparent url(../i/gen/grad_bottom_right.gif) no-repeat bottom right;
}

td.grad_top
{
    background: transparent url(../i/gen/grad_top.gif) repeat-x top;
    width: 100%;
}

td.grad_top_left
{
    min-width: 13px;
    background: transparent url(../i/gen/grad_top_left.gif) no-repeat top left;
}

td.grad_top_right
{
    min-width: 13px;
    background: transparent url(../i/gen/grad_top_right.gif) no-repeat top right;
}

/* Standard HTML elements */

h2 a:link, h2 a:visited, h2 a:hover, .bnecontrol a:link, .bnecontrol a:visited, .bnecontrol a:hover
/* although there is a .bnecontrol a rule later on, IE seems to ignore it (unlike Firefox & Netscape?) */
{
    color: #fff;
}

/* top navigation */

.strap
{
    width: 100%;
    vertical-align: bottom;
}

.navthumbnail
{
    padding-right: 5px;
    width: 80px;
    height: 60px;
    white-space: nowrap
}

.navpanel
{
    padding-left: 5px;
    padding-right: 5px;
    height: 60px;
    background-color: #9ca3bd;
    text-align: right;
    line-height: 25px;
    color: #fff;
}

.navpanel a 
{
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.navpanel a:link, .navpanel a:visited
/* .navpanel a ought to do, but IE6 doesn't understand it :( */
{
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.navpanel a:hover, .bnecontrol a:hover
{
    color: #000;
    text-decoration: none;
}

/* left navigation */

#menu
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 100%;
    padding-right: 5px;
    vertical-align: top;
}   

#menu .menuname:hover
{
    color: #fff;
    background-color: #ccc; /* IE ignores this - it only understands :hover on links :( */
}

#menu a
{
    color: #666;
}

#menu a:link, .menu a:visited, .menu a:unknown /* links are grey */
/* ".menu a" ought to do, but IE6 doesn't understand it :( */
{
    color: #666;
}

#menu a:hover
{
    color: #fff;
    background-color: #ccc; /* for IE, which ignores the #menu .menuname:hover rule */
}

#menu .menurow .menuline
{
    border-top: #9ca3bd 1px solid;
}

#menu .menuname
{
    width: 100%;
    padding-top: 3px;
}

#menu .icon
{
    padding-top: 3px;
}
/* content */


tr.speciescategory
{
    height: 21px; /* just higher than the biggest rarity symbol */
    vertical-align: top;
}

table.key
{
    background-color: #e9edf9;
    margin-top: 12px;
    margin-bottom: 12px;
}

.key td
{
    padding: 3px;
}


.l1
{
    vertical-align: top;
    padding-right: 5px;
    padding-bottom: 10px;
}

.rightnav
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 120px;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 0px;
}

p.mainheading
{
    color: #7c849a;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 22pt;
    margin: 0px;
    vertical-align: text-bottom;
}


/* bottom */

.bottomspacer
{
    height: 5px
}

.bottominfo
{
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 8pt;
    color: #767676;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.fullwidth
{
    width: 100%;
}

.fullheight, .fullheight td
{
    height: 100%;
}

/* Bird News Extra */

/* Control Panel */

.bnecontrol
{
    width: 100%;
    background-color: #9ca3bd;
    color: #fff;
}

.bnecontrol .dates
{
    text-align: right;
}

/* adverts */

.newadvertcontainer
{
  clear: both;
  width: 100%;
  margin: 10px 0px 10px 0px;
}

.newadvert
{
  border: 2px outset #f2f2f2;
  overflow: auto; /* expands to include floating contents */
  background-color: #f2f2f2;
}

.newadvertheader
{
  font-weight: bold;
  padding: 5px 5px 0px 5px;
}

.newadvertbody
{
  padding: 5px;
}

.newadvertfooter
{
  clear: both;
  background-color: #fff;
  border-top: 1px solid #c2c2c2;
  padding: 2px;
  color: #888;
}

.newadvertlinks
{
  float: right;
}

.newadvertlinks a
{
  color: #aaa;
}

.newadvertimage
{
  float: left;
  padding: 5px;
}

table .advert
{
    width: 100%;
    background-color: #e9edf9;
    border: 2px outset;
    padding: 5px;
}

table .advertpanel
{
    background-color: #e9edf9;
    border: 2px outset;
    padding: 5px;
}
.advert td
{
    padding: 2px;
}

td.advertimg, td.adsmallpic
{
    vertical-align: top
}

/* Misc */

.border
{
    border: thin solid;
}

.debug
{
    padding: 4px;
    color: #fff;
    background-color: #000099;
}

.size1
{
    font-size: 8pt;
}

 .taxoninputfield
{
    font-size: 8pt;
    width: 200px;
}

.indent
{
    padding-left: 8pt;
}

li
{
    margin-top: 4px;
    margin-bottom: 4px;
}

.monospace
{
    font-family: Monospace;
}

.reqd /* required field in forms */
{
    background-color: #ffffcc;
}

.left
{
    text-align: left;
}

.center
{
    text-align: center;
}

.justify
{
    text-align: justify
}

.justify_all
{
    text-align: justify;
    text-justify: distribute-all-lines; /* CSS 3 */
}

table .center, div .center
{
    margin-left: auto;
    margin-right: auto;
}

.nopadding
{
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.padding
{
    padding: 5px;
}

table .sitepicstable
{
    background-color: #f2f2f2;
    border: 1px solid lightgray;
    table-layout: fixed;
    width: 100%;
}

td .copyright
{
    padding: 5px;
    background-color: #cccccc;
}

.disclaimer
{
    font-style: italic;
    padding: 5px;
    background-color: #f2f2f2;
}

.right
{
    text-align: right;
}

.top, .top td
{
    vertical-align: top;
}


.middle, .middle td
{
    vertical-align: middle;
}

.bottom, .bottom td
{
    vertical-align: bottom;
}

.nowrap
{
    white-space: nowrap;
}

.italic
{
    font-style: italic;
}

.bold
{
    font-weight: bold;
}

.article
{
    font-size: 10pt;
    line-height: 12pt;
}

.articleauthor
{
    font-size: 10pt;
    text-align: right;
}

.articlefootnotes
{
    font-size: 8pt;
}

.rightnav
{
    width: 120px;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 0px;
}

.bottomright
{
    width: 120px;
    vertical-align: middle;
    padding-right: 5px;
    text-align: right;
}

.s1
{
    font-size: 8pt;
}

.noborder
{
    border: 0;
    padding: 0;
    border-collapse: collapse;
}

.nomargin
{
    margin: 0;    
}

.novmargin
{
    margin-top: 0;    
}

.thinmargin
{
    margin: 2px;    
}

.red
{
    color: #f00;
}

.green
{
    color: #0f0;
}

.darkgreen
{
    color: #006600;
}

.blue
{
    color: #00f;
}

.grey, .darkgrey
{
    color: #999; /* do not change to #f2f2f2 */
}

.whitebg, .whitebg td
{
    background-color: #fff;
}
.greybg, .greybg td
{
    background-color: #f2f2f2;
}

.darkgreybg, .darkgreybg td
{
    background-color: #9ca3bd;
}

.lightgreybg
{
    background-color: #f2f2f2;
}

.boldred
{
    color: #f00;
    font-weight: bold;
}

.black
{
    color: #000;
}

.white
{
    color: #fff;
}

.notbold
{
    font-weight: normal;
}

.formtable
{
    background-color: #f2f2f2;
    margin-left: auto;
    margin-right: auto;
}

.picturesettings .formtable td {
	padding: 0px;
}

.form
{
    background-color: #f2f2f2;
    padding: 5px;
    border-top: solid 4px white;
}

.subform 
{
    padding: 0px 0px 2px 2px;
    background-color: #d2d2d2;
    border: 1px solid darkGray;
}

.form .label, .form .content
{
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
    padding-bottom: 2px;
}

.form .label
{
    width: 20%;
}

.form .content
{
    width: 80%;
}

.form .help
{
    display: inline-block;
    font-style: italic;
}

table.thinpadding td
{
    padding: 2px;
}

table .linkpanelhoriz
{
    table-layout: auto;
    border: none;
    vertical-align: top
}

table .linkpanelvert
{
    border: none;
    padding: 3px;
    margin-left: 0;
}

td .linkpanelhoriz
{
    border: none;
    padding: 2px;
    padding-right: 15px;
}

td .linkpanelvert
{
    border: none;
}

.note
{
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 8px;
    border: #000 thin solid;
}

.hmenu
{
    vertical-align: top;
}

td .rc1 /* BNE column 1: Category */
{
    width: 20px;
}

td .rc2 /* BNE column 2: Rarity */
{
    width: 20px;
    text-align: center;
}

td .rc3 /* BNE column 2: Added */
{
    width: 20px;
    background-color: #f2f2f2;
}

td .rc4 /* BNE column 4: Species */
{
    width: 20px;
    background-color: #f2f2f2;
}

td .rc5 /* BNE column 5: Area */
{
    width: 20px;
    background-color: #f2f2f2;
}

td .rc6 /* BNE column 6: Site */
{
    width: 20px;
    background-color: #f2f2f2;
}

td .rc7 /* BNE column 7: Present */
{
    width: 20px;
    text-align: right;
}

td .rc8 /* BNE column 8: Admin */
{
    width: 20px;
}

td .siterow1 /* site page column 1: Site */
{
    width: 300px;
}

td .siterow2 /* site page column 2: status */
{
    width: 20px;
}

td .siterow3 /* site page column 1: Comments */
{
    width: 20px;
}

td .siterow4 /* site page column 3: Pictures */
{
    width: 100px;
}

td .announce /* announcement */
{
    vertical-align: top;
    background-color: #f2f2f2;
    padding: 0px;
    margin: 0px;
    border: none;
}

td .articlecategory
{
    font-size: 14pt;
    color: #fff;
    background-color: #c0c0c0;
    padding: 8px;
}

td .articlethumbnail
{
    width: 80px;
    vertical-align: middle
}

td .articletitle
{
    font-weight: bold;
    width: 400px;
    padding-top: 10px;
}

td .articlesummary
{
    width: 100%;
    vertical-align: top;
}

td .articledate
{
    width: 200px;
    text-align: right;
}

.discreet
{
    font-size: 10px;
    text-align: right;
    color: #dcdcdc;
    padding: 0px;
    padding-right: 5px;
}

table .commentflag
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #f2f2f2;
}

.darkbg
{
    background-color: #d3d3d3;
}

.midbg
{
    background-color: #f2f2f2;
}

.lightbg
{
    background-color: #f2f2f2;
}

.whitebg
{
    background-color: #fff;
}

.padding
{
    padding: 3px;
}

.bigpadding
{
    padding: 10px;
}

td .picdetails
{
    background-color: #d3d3d3;
    padding: 5px;
    width: 100%;
    line-height: 12pt;
}

.normallineheight
{
    line-height: normal;
}


td .picpanel
{
    border: 2px outset;
    background-color: #f2f2f2;
}

.browseworld
{
    
}

.linedheader
{
    border-top: solid 1px #9ba3ba;
    border-bottom: solid 1px #9ba3ba;
    padding: 4px 0px 4px 0px;
    margin-bottom: 0px
}

.contentsheader
{
    border-top: solid 1px #9ba3ba;
    border-bottom: solid 1px #9ba3ba;
    padding: 4px 0px 4px 0px;
    font-weight: bold;
    color: #6666ca;
    margin-bottom: 0px
}

p.contents
{
    margin-top: 2px;
}

.foreignheader
{
    color: #999;
    font-size: 7pt;
}

.foreignspecies
{
    color: #666;
    font-size: 7pt;
}

/* comments */
.commentactions
{
    white-space: nowrap;
    text-align: right    
}

.nocomment
{
    width: 100%;
}

.date
{
    color: #9ca3bd;
    font-weight: bold;
    font-size: 8pt;
}

.commentactions
{
    background-color: #ccc;
    margin-bottom: 50px;
}

.comment
{
    background-color: #f2f2f2;
    text-align: left;
    padding: 5px;
}

.commentadmin
{
    background-color: #ffc;
    padding: 5px;
}

.commentspacer
{
    height: 2px;
    background-color: #fff;
}

.g1
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #f2f2f2;
    vertical-align: top;
}

/* .g1 a
{
    color: #000088; 
}    

.g1 a:visited
{
    color:  #6666ca;
} 
*/  
 
.w1
{
    padding-bottom: 5px;
}

.homeintro
{
    background-image: url(/i/home/introbg.jpg);
    height: 72px;
    width: 75%;
    color: #7c849a;
    font-size: 1.3em;
    font-weight: bolder;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    padding: 0px 4px 0px 8px;
    background-repeat: repeat-x;
    vertical-align:middle;
}

.homeh3
{
    background-color: #9ca3bd;
    color: #fff;
    font-weight: bold;
    font-size: 8pt;
    padding: 4px;
}

.homeh4
{
    vertical-align: top;
    padding: 2px;
    color: #999;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

.homeh5
{
    font-weight: bold;
}

.homemainpic
{
    vertical-align: top;
    padding-top: 4px;
}

.homemainblurb, .estorefeatureblurb1
{
    vertical-align: top;
    padding-right: 10px;
}

.homeheadline, .estoreheadline
{
    color: #7c849a;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 14pt;
    font-weight: bold;
}

.homelesserstoryheading
{
    color: #7c849a;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.homefeatureheading
{
    color: #7c849a;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 13pt;
}

.homeblurb, .estoreblurb2, .small
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

.homelatestpanel
{
    border-collapse: collapse;
}

.homelatestheading
{
    background-color: #f68c1f;
    padding: 1px 0px 1px 5px;
    font-size: 9pt;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    color: #ffffff;
    font-weight: normal;
}

.homeadvertslot
{
  width: 300px;
}  

.homelatestslot
{
    background-color: #e9edf9;
    padding-left: 5px;
    padding-bottom: 10px;
    border-bottom: #c6cce4 1px solid;
}

.homelastlatestslot
{
    background-color: #e9edf9;
    padding-left: 5px;
    padding-bottom: 10px;
    border-bottom: #9ca3bd 3px solid;
}

.homemissionstatement
{
    background-color: #e9edf9;
    padding: 7px;
    border-top: #9ca3bd 1px solid;
    border-bottom: #9ca3bd 3px solid;
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 100;
    color: #7c849a;
}

.thumbnailatttribution
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 7pt;
}

.freetour
{
    background-color: #cccc00;
    padding: 5px;
    border-collapse : collapse;
    border-bottom: 1px solid #767676;
}

.code
{
    font-family: 'Courier New' , Monospace;
}

/* estore */

#estore table.heading
{
    background-color: #ff9900; /* orange */
    border-bottom: none; /* no line under estore heading */
    color: #fff;
    vertical-align: bottom;
}

.estoreh1
{
    color: #fff;
    font-size: 16pt;
    padding: 10px 5px 5px 5px;
    margin: 0px;
    background-color: #ff9900;
    font-weight: bold;
}

.estoreh2
{
    color: #fff;
    font-size: 11pt;
    background-color: #ff9900;
}

.estore1
{
    padding: 10px;
    background-color: #d2d2d2;
    width: 100%;
}

.estore2
{
    padding: 10px;
    background-color: #f2f2f2;
}


.estoretitle
{
    margin: 10px 0px 5px 10px;
    font-size: 22px;
    font-weight: bold;
}

.estoresubtitle
{
    font-size: 13px;
    font-weight: bold
}

.estoresearch
{
    white-space: nowrap; 
    vertical-align: bottom
}

#estore .productheader
{ 
    width: 100%;
    border-top: black 2px solid; 
    padding-top: 5px;
    border-bottom: black 1px dotted; 
}
    
.prodcat
{
    font-size: 22px;
    white-space: nowrap;
    color: #000;
    background-color: #fbe1bc;
    vertical-align: text-bottom;
    padding: 10px 5px 5px 5px;
    font-weight: bold;
}

.prodcatdesc
{
    font-size: 12px;
    color: #000;
    background-color: #fbe1bc;
    vertical-align: text-bottom;
    text-align: right;
    padding: 10px 5px 5px 5px;
    }

.estorebreadcrumbs
{
    color: #888;
    font-size: 12px;
}
    
.productoption td
{
    border-top: black 1px dotted;
    padding: 5px;
}

.productoptionheader td, .productoptionfooter td
{
    padding: 5px;
}

.optionunavailable .productoption
{
    color: #aaa;
}

.prodoptioncode
{
    color: #aaa;
    font-weight: normal
}

.productname
{
    color: #555;
    font-size: 14px;
    font-weight: bold
}

.productunavailable .productname
{
    color: #aaa
}

.productauthor, .productmanufacturer
{
    color: #888;
    font-size: 11px;
}

.productunavailable .productdescription
{
    color: #aaa
}

.relatedproducts
{
    color: #888;
}

.estoredivider
{
    background-color: #ff9900; /* orange */
    color: #fff;
    font-weight: bold;
    font-size: 8pt;
    margin-top: 8px;
    margin-bottom: 0px;
    padding: 3px;
}

 .estorelesserstoryheading, .estorelesserstoryheading a
{
    color: #7c849a;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.estoreproductcategories, .estoreproductcategories a
{
    width: 100%;
    color: #7c849a;
    font-family: 'Trebuchet MS' , Arial, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    
}

.attention
{
    padding: 8px;
    border-color: #f00;
    border-style: double;
}
    
.cinnamon
{
    color: #cc3300;
}

.bluewinged
{
    color: #3399cc;
}

.justify
{
    text-align: justify;
}

.inactive
{
    color: #aaa;
}

td .latestarticles
{
    background-color: #d8e6c5;
    padding: 5px;
    border-left: solid 10px #fff;
}

.latestarticles a:visited
{
    color: #62704e;
}

p.narrowspace
{
   margin: 0px 0px 5px 0px;
}

.correct
{
    background-color: green;
}    

.incorrect
{
    background-color: red;
}    

.picture, .picturesettings
{
    width: 100%;
    margin-left: auto; /* centered */
    margin-right: auto;  /* centered */
    margin-top: 10px; /* space between pictures */
    margin-bottom: 10px; /* space between pictures */
    background-color: #f2f2f2;
}

.picture
{
	border-top: #aaa 1px solid;
  border-bottom: #aaa 1px solid;
}

.picture td, .picturesettings td, .album td
{
    padding: 5px;
}

table.thumbnails
{
    width: 100%;
    border-spacing: 20px; /* ignored by IE - not critical, just doesn't look as nice */
}

td.thumbnail
{
    margin: 25px;
    vertical-align: top;
    text-align: center;
    border-top: #aaa 1px solid;
    border-bottom: #aaa 1px solid;
    background-color: #f2f2f2;
    padding: 5px;
}

.unspaced
{
   margin: 0px;
}

.piclinkbar
{
    background-color: #ccc;
    padding: 5px;
    border-bottom: none;
/*    vertical-align: bottom; */
}

.album .piclinkbar
{ 
    background-color: #c6e798; 
}

ul#tabmenu  /* suppress IE default margin for ul; note "ul #tabmenu" (with a space) ISN'T recognised by IE */
{
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
}

#makequiz ul#tabmenu
{
    margin: 0px;
}

#tabmenu {
  border-bottom: 1px solid #ccc;
	padding: 10px 0px 2px 0px;
	z-index: 1;
	background: #fff;
	padding-left: 5px }

#tabmenu li {
    display: inline;
	overflow: hidden;
	background: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
	padding: 2px 5px 2px 5px;
	list-style-type: none; }

#photosearch #tabmenu li, #tabmenu.reversed li /* colours are reversed in photosearch */
{
    background: #f2f2f2;
}

#tabmenu li.first {
    border-left: 1px solid #ccc;
}

#tabmenu li.active {
    background: #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.selector #tabmenu li.active {
    background: #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

#photosearch #tabmenu li.active, #tabmenu.reversed li.active  /* colours are reversed in photosearch */
{
    background: #fff;
    border-bottom: 1px solid #fff;
}

.nocomments

{
    border: 1px solid;
    border-color: #ccc;
    text-align: left;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.picture .comments
/* suppress margins/borders from .picture within comments (otherwise you get double-space) */
{
    padding: 0px;
}

.comments, .comments td
{
    background-color: #f2f2f2;
    padding: 5px;
}

.comments form /* override automatic form margins */
{
    margin: 0px;
}

.commentlinkbar
{
    background-color: #ccc;
    text-align: right;
    padding: 5px;
    margin-top: 5px;
    vertical-align: bottom;
}

.album .commentlinkbar
{ 
    background-color: #c6e798; 
}

.newcomment
{
    background-color: #fff;
    border: 1px solid;
    border-color: #ccc;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 0px;
    width: 100%;
}

.newcomment td
{
    padding: 5px;
    background-color: #fff; /* IE needs this */
}

.admincomment .newcomment
{
    border-color: #000;
}

.indentmargin
{
    padding-left: 20px;
}

div .indentmargin /* nested <span class="indentmargin"> elements don't work properly (don't know why), so we have to use divs, which tediously have automatic margins that we need to suppress. DULL. */
{
    margin: 0px;
}

.float_left
{
    float: left; margin: 0px 10px 10px 0px;
}

.float_right
{
    float: right; margin: 0px 0px 10px 10px;
}

.float_right_novmargin
{
    float: right; margin: 0px 0px 0px 10px;
}

.basemap
{
    position: relative; /* IE (alone) needs this to successfully set the "origin" for the superimposed squares */
    width: 640px;
    height: 944px;
}

.minimap
{
    position: relative; /* IE (alone) needs this to successfully set the "origin" for the superimposed squares */
}

.superimposed
{
    position:absolute; /* IE exhibits quirks if this is relative */
    width: 0px;
    height: 0px;
    vertical-align: top;
}

.superimposed img
{
    vertical-align: top; /* IE7 needs this, or for some reason it places some graphics several pixels too low */
}

.birdmapkey
{
    padding: 5px;
    background-color: #fff;
    border: 1px #222 solid;
    z-index: 1;
    font-size: 8pt; /* added because /datafeed/birdmap.asp was overriding the default size in the body style, for reasons unknown */
}

.birdmapkey td
{
    padding: 0px 5px 2px 0px;
}

.birdmapcount
{
    white-space: nowrap;
    font-size: 8pt; /* added because /datafeed/birdmap.asp was overriding the default size in the body style, for reasons unknown */
}

.clear_both
{
    clear: both
}

/* polls */

.pollname
{
    font-weight: bold;
    margin: 5px 0px;
}

.pollbase
{
    width: 100px;
    background-color: #f2f2f2;
}

.pollbar
{
    background-color: #aaa;
    overflow: visible;
    margin: 0px;
}

.pollheader, .pollfooter, .polltotal
{
    margin: 5px 0px;
}

.polltotal
{
    text-align: right;
}

.pollscore
{
    float: right; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.normal
{
    font-size: 10pt;
}

.digitalspringbutton
{
	padding: 5px;
	margin-bottom: 10px;
}

.magazine .i, .magazine .ishow /* standard image-containing para in article */
{
    font-size: 8pt;
    text-align: center;
}

.magazine h2 + .i, .magazine h2 + .ishow /* image-containing para in article after heading 2 */
{
    padding-top: 10px;
}

.magazine h3 + .i, .magazine h3 + .ishow /* image-containing para in article after heading 3 */
{
    padding-top: 8px;
}

.magazine h4 + .i, .magazine h4 + .ishow /* image-containing para in article after heading 4 */
{
    padding-top: 6px;
}

.magazine ul + .i, .magazine ul + .ishow /* image-containing para in article after list */
{
    padding-top: 6px;
}

/* #google_ads_div_BirdGuidesLoginMPU_ad_container, #google_ads_div_Birdguides_MPU_2_ad_container 
{
    display: inline-block;
}*/

.socialnetworking
{
	padding-top: 6px;
}

.charttitle
{
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	padding-bottom: 5px;
}

.orbyear
{
	float: left;
	min-width: 50px;
	padding-right: 5px;
}

.orbdesc, .orbrefs
{
	float: right;
}	

.orbarea
{
	float: left;
	width: 95px;
}

.orbdesc
{
	padding-left: 5px;
	width: 235px;
}

.orbrefs
{
	padding-left: 5px;
	font-style: italic;
}

.orbaccepted .orbrefs
{
	width: 225px;
}

.orbacceptedwithoutarea .orbrefs
{
	width: 335px;
}

.orbrejected .orbrefs
{
	width: 115px;
}

.orbrejectedwithoutarea .orbrefs
{
	width: 165px;
}

.orbaccepted, .orbrejected, .orbacceptedwithoutarea, .orbrejectedwithoutarea
/* pending = rejected, for the purposes of CSS */
{
	clear: both;
	overflow: hidden; /* means it encloses floating children and has height */
	padding: 2px;
}

.taxonmainpicture, .taxonthumbnails
{
	width: 100%;
	text-align: center;
}

.taxonthumbnail
{
	display: inline-block;
	padding: 5px;
	}		
	
.taxonorganisation
{
  padding: 10px 0px 10px 0px; 
	text-align: center;
}

.keyspecies
{
  border-top: 10px solid white;
}

.button_as_text
{
padding: 0px;
background: none;
border: none;
text-decoration: underline;
font-size: 8pt;
cursor: pointer;
text-decoration: none;
color: -webkit-link;
}

.adimgcontainer0
{
  display: none;
}

.adimgcontainer1
{
  visibility: visible;
  display: block;
}

.adimgcontainer2
{
  visibility: visible;
  display: inline-block;
}

.dsads_banner
{
  margin-left: auto ;
  margin-right: auto ;
  width: 728px;
}

/* Article listings */

.article_listing
{
  padding: 10px;
  overflow: auto;
}

.article_listing_thumb
{
  float: left;
  padding-right: 10px;
}

.article_listing_flags
{
  float: right;
  text-align: right;
  padding-left: 10px;
}

.article_listing_header
{
  padding-bottom: 5px;
}

.article_listing_admin
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
  text-align: right;
}

.plaintextonly
{
    display: none;
    visibility: hidden;
}