@charset "utf-8";

/* Styles for BirdTrack */
/* Based on home_styles.css */
/* Mike Prince, 15 July 2009 */

/* NB: Need to rationalise unused styles */

/*CONTENT WRAPPER STYLES*/

body {
background: #d7d8ed;
text-align: center;
margin: 0;
padding: 0;
border: 0;
}

div#wrap {
width:760px;
text-align: center;
margin: 0 auto;
padding: 0;
border: 0;
border-left: #081b5e 1px solid;
border-right: #081b5e 1px solid;
border-bottom: #081b5e 1px solid;
background: #ffffff;
}

div#header {
width:760px;
height:98px;
margin: 0;
padding: 0;
border:0;
background: url(../webapp-menus/birdtrack-menu/bt-header2.gif) 0 0 no-repeat;
}

#headerlink a {
width: 760px;
height: 95px;
display: block;
}

/*MAIN NAVIGATION MENU*/

.tab {
float: left;
padding: 0px 28px 0 15px;
margin: 0;
border: 0;
display:inline;
vertical-align: bottom;
text-align: center;
position: relative; 
left: 0px;
top: -20px;
*top: -22px; 
}/* Hack to align menu items in IE 6 & 7 */

.tab a:link { 
color:#2a377e;
text-decoration: none; 
font: bold 13px Arial, Helvetica, sans-serif;
}

.tab a:visited { 
color:#2a377e;
text-decoration: none; 
font: bold 13px Arial, Helvetica, sans-serif;
}

.tab a:2a377e { 
color:#ffffff;
} 

/* LAYOUT STYLES */

div#main {
margin: 0;
padding: 0 0px 0 0px;
border: 0;
text-align: left;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
}

div#top {
padding: 0;
margin: 0;
border: 0;
width: 585px;
height: 70px;
float: right;
}

div#leftCol {
width: 175px;
float: left;
margin: 0;
padding: 0;
border: 0;
display: inline;
}

div#midCol {
width: 350px;
margin: 0 215px 0 175px;
padding: 1em 0 0 0;
border: 0;
}

div#rightCol {
width: 215px;
float: right;
margin: 0;
padding: 0 0 0 0;
position: relative; 
top: -40px;
}

/* Mid and right columns combined */
div#contentCol {
float: left;
width: 565px;
margin: 0;
padding: 0 10px 0;
border: 0;
}

/* Container for breadcrumbs, searchbox etc. */

div#search {
border: 0;
margin: 0;
padding: 0 20px 0 0;
border: 0;
width: 190px;
height: 60px;
float: right;
text-align: right;
}

div#searchField {
border: 0;
margin: 0;
padding: 0;
display:inline;
vertical-align: bottom;
}

div#searchBut
{
border: 0;
margin: 0;
padding: 0px 0px 0px 2px;
display:inline;
vertical-align: bottom;
position: relative;
top: 3px;
left: 0px;
}

div.leftNav{
margin: 15px 0 0 7px;
}

div#footer {
clear: both;
text-align: left;
margin: 0.5em 0 0 0;
padding: 0.5em 0 1em 1em;
color: #74797f;
font: normal 0.6em Arial, Helvetica, sans-serif;
border-top: 1px #d7d8ed solid;
}


/* LEFT COLUMN STYLES */
 
.floatLeft {
 float: left;
 padding: 0 5px 0 0;
}

.floatRight {
 float: right;
 padding: 0 5px 0 0;
}

div.leftLineBoxWrap {
margin: 0;
padding: 10px 0 0 0;
width: 165px;
background: transparent url("../birdtrack/images/blocklinel_top.gif") no-repeat top left;
}

div.leftLineBoxText {
margin: 0;
padding: 0 12px 0 8px;
background: transparent url("../birdtrack/images/blocklinel_mid.gif") repeat-y;
}

div.leftLineBoxBottom {
background: url("../birdtrack/images/blocklinel_bottom.gif") no-repeat 0 0;
width: 165px;
height: 13px;
padding: 0 0 0.5em 0;
margin: 0;
}

div.leftBoxWrap {
margin: 0 2px 2px 0;
padding: 10px 0 0 0;
width: 165px;
background: transparent url("../images/homepage/blockl_top.gif") no-repeat top left;
}

div.leftBoxText {
margin: 0;
padding: 0 3px 0 0;
background: transparent url("../images/homepage/blockl_mid.gif") repeat-y;
}

div.leftBoxBottom {
background: url("../images/homepage/blockl_bottom.gif") no-repeat 0 0;
width: 165px;
height: 13px;
padding: 0 0 0.5em 0;
margin: 0;
}

div.journals{
width: 126px;
margin: 6px 0 0 10px;
}

div.leftBoxWrap a:link {
text-decoration: underline; 
color: #1b92ba;
font-weight: bold;
}

div.leftBoxWrap a:hover {
text-decoration: underline; 
color: #002072;
font-weight: bold;
}

div.leftBoxWrap a:visited {
text-decoration: underline; 
color: #99338e;
font-weight: bold;
}

div.leftBoxWrap a img {
text-decoration:none;
}

/* RIGHT COLUMN STYLES */

/* Box with blue outline */
div.lineBoxWrap {
margin: 0 0 2px 0;
padding: 12px 0 0 0;
width: 212px;
background: transparent url("../images/homepage/blockliner_top.gif") no-repeat top left;
}

div.lineBoxText {
margin: 0;
padding: 0 12px 0 8px;
background: transparent url("../images/homepage/blockliner_mid.gif") repeat-y;
}

div.lineBoxBottom {
background: url("../images/homepage/blockliner_bottom.gif") no-repeat 0 0;
width: 212px;
height: 13px;
padding: 0 0 0.5em 0;
margin: 0;
}

div#shopBG {
background: url("../images/homepage/online_shop.jpg") no-repeat top left;
padding: 0 0 0 72px;
}

div.ukBG {
background: transparent url("../images/homepage/uk_map.gif") no-repeat top right;
}


/* Box with blue background */
div.rightBoxWrap {
margin: 0 0 2px 0;
padding: 10px 0 0 0;
border: 0;
width: 212px;
background: transparent url("../images/homepage/blockr_top.gif") no-repeat top left;
}

div.rightBoxText {
margin: 0;
padding: 0 12px 0 8px;
border: 0;
background: transparent url("../images/homepage/blockr_mid.gif") repeat-y;
}

div.rightBoxText a {
font-weight: bold;
}

div.rightBoxBottom {
background: url("../images/homepage/blockr_bottom.gif") no-repeat 0 0;
width: 212px;
height: 13px;
padding: 0;
margin: 0;
}

img.floatRight {
float: right;
padding:5px 0px 5px 10px
}

img.floatLeft {
float: left;
padding:5px 10px 5px 0px
}

img.shiftLeft {
margin: 0 -18px;
}

.centeredImage, .newsImage {
text-align:center;
margin-top:0px;
padding:0px;
}
.centeredImage {
margin-bottom:0px;
}
.newsImage {
margin-bottom:1em;
}

.image .caption {
font-size: 0.8em;
text-align: center;
margin: 0 0 20px;}

div.shiftLeft {
margin: 0 -48px;
}

/* HTML tag styles & formatting styles*/

h1 {
font-size:1.4em;
font-weight: bold;
color:#2a377e;
margin:0;
}

h1.homeH1 {
font-size:1.2em;
margin:0px 0 0 10px;
}

h1.PageHeader {
margin:0px 0 0 20px;
}

h2 {
font-size:1.2em;
font-weight: bold;
margin:0.5em 0;
color:#2a377e;
}

h2.homeH2 {
font-size:0.8em;
margin:5px 0 10px 10px;
}

h2.PageSubHeader {
margin:0 0 0 20px;
padding:0.5em 0;
color: #b71d3d;
}

h2.newsStory {
font-size:1em;
color: #81725e;
border-top: 1px solid #81725e;
padding: 0.5em 0 0.2em 0;
margin: 0;
}

h2.teamName {
font-size:1.5em;
color: #81725e;
border-top: 1px solid #81725e;
padding: 0.5em 0 0.2em 0;
margin: 0;
}

h2.red_heading, h2.red_heading_morespace {
color: #b71d3d;
text-transform: uppercase;
font-size: 0.8em;
font-weight: bold;
padding: 0 0 0.4em 0;
margin: 0;
}

h2.red_heading_morespace {
padding: 1em 0 0.4em 0.4em;
margin: 0;
}

h3 {
font-size:0.8em;
font-weight: bold;
margin: 0;
padding: 0.5em 0 0.5em 0;
color:#2a377e;
}

h3.red_heading {
color: #b71d3d;
}

p {	
margin:0;
padding: 0 0.5em 0.5em 0;
font-size:12px;
color:#333333;
}

p.lessSpace {
margin: 0 0.2em;
border: 0;
}

p.moreSpace {
margin: 0 0.2em;
padding: 0 0 1.2em 0;
border: 0;
}

p.noSpace {
margin: 0;
padding: 0;
border: 0;
}

p.padTop {
margin: 0.5em 0 0 0;
padding: 0;
border: 0;
}

p.inlineText {
display: inline;
}

.fontSmaller {
font-size:0.8em;
}

img {
border: none;
}

.newTo {
font-size:0.8em;
margin:-0.3em 0 0 3em;
}

.newsDate {
font-size:0.8em;
margin:0 0 0 1em;
}

/* Link syles */

a:link {
text-decoration: underline; 
color: #1b92ba;
/*font-weight: normal;*/
}

a:visited {
text-decoration: underline; 
color: #99338e;
/*font-weight: normal;*/
}

a:hover {
color: #002072;
/*font-weight: normal;*/
}

.prevLink {
float: left;
padding: 0 5px 0 0;
}

.nextLink {
float: right;
padding: 0 5px 0 0;
}

.prevLink a, .nextLink a {
text-decoration:none
}

ul.greyArrow {
margin: 0;
padding-left: 0.2em;
font: normal 12px Arial, Helvetica, sans-serif;
color:#333333;
}

ul.greyArrow li {
background:url(../images/homepage/grey_arrow.gif) 0em 0.2em no-repeat;
padding-left:1em;
margin-bottom: 0.5em;
list-style:none;
}

ol {
margin-left: 1.5em;
padding-left: 0px;
font: normal 0.8em Arial, Helvetica, sans-serif;
color:#333333;
}

ol li {
padding-left:0em;
margin-bottom: 0.5em;
list-style:decimal;
background-image:none;
}

ul.blueLeft {
margin: 0;
padding: 0 0 1em 1em;
list-style: none;
font: normal 0.8em Arial, Helvetica, sans-serif;
}

ul.blueLeft li {
padding: 0.3em 1em 0.1em 0;
text-indent: -1em;
}

ul.blueLeft li a {
background-image:url(../images/homepage/grey_arrow.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding: 0 0 1em 1em;
}
ul.blueLeft li a:link {
}
ul.blueLeft li a:visited{
color: #99338e;
}
ul.blueLeft li a:hover {
background-image:url(../images/homepage/blue_arrow.gif);
font-weight: bold;
color: #1b92ba;
}

ul.newsList {
margin: 0;
padding: 0 0 0.5em 0;
list-style: none;
font:normal 0.8em Arial, Helvetica, sans-serif;
color:#333333;
}
ul.newsList li {
background-image:url(../images/homepage/grey_arrow.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
padding:0 0 1em 1em;
}

img.hidden {
display: none;
}


/* PREVIOUS HOME PAGE STYLES - SOME USED IN OTHER PAGES */


.PageTitle {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 19px; PADDING-BOTTOM: 15px; COLOR: #990000; LINE-HEIGHT: 24px; PADDING-TOP: 15px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.ButtonsTitle {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN-BOTTOM: -5px; PADDING-BOTTOM: 5px; COLOR: #ffffff; LINE-HEIGHT: normal; PADDING-TOP: 5px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #2A377E
}
.Buttons {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 15px; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.SmallGrey {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 9px; MARGIN-BOTTOM: -15px; PADDING-BOTTOM: 5px; COLOR: #ffff66; PADDING-TOP: 5px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.BodyHeading {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 18px; MARGIN-BOTTOM: -10px; PADDING-BOTTOM: 0px; LINE-HEIGHT: normal; PADDING-TOP: 15px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.BodyHighlight {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 10px; BORDER-LEFT: #000000 1px solid; LINE-HEIGHT: 13px; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffff99
}
.BodyText {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 13px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.PictureCaption {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 9px; MARGIN-BOTTOM: -20px; PADDING-BOTTOM: 0px; COLOR: #000000; LINE-HEIGHT: 12px; PADDING-TOP: 15px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.SmallBlack {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 9px; PADDING-BOTTOM: 5px; COLOR: #000000; LINE-HEIGHT: 14px; PADDING-TOP: 5px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.BodyHeading2 {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-BOTTOM: -5px; COLOR: #003366; LINE-HEIGHT: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.BodyHeadingRed {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-BOTTOM: -10px; COLOR: #cc0000; LINE-HEIGHT: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.updated {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 9px; MARGIN-BOTTOM: -15px; PADDING-BOTTOM: 5px; COLOR: #2a377e; PADDING-TOP: 5px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: right
}
.TableText {
	FONT-SIZE: 11px; LINE-HEIGHT: 13px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.style1 {color: #333366}
.style2 {color: #FF0000}

/* flickr badge styles */
#flickr_badge_uber_wrapper {text-align:center;}
#flickr_badge_wrapper a {
	margin: 0 5px 0 0;
	border: none;
	opacity: 0.75;
}
#flickr_badge_wrapper a:hover {border:none; opacity:1;}
#flickr_badge_wrapper a img {border:1px solid #000;}
#flickr_badge_wrapper a:hover img {border:1px solid #2a377e;}
.flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}

/* 
Style sheet for all BTO pages
Iain Downie, Mike Toms and Stephen Baillie: British Trust for Ornithology
9 August 2002
*/

/*
Just retained styles still used and not defined in main birdtrack.css.
Mike Prince
21 July 2009
*/

/*Some basic table formats */
table.basicTable {
    margin: 0em 0.5em 0.5em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.basicTable th, .basicTable td {
    border: 1px #aaa solid;
    padding: 0.5em;
}
.basicTable th {
    background: #f2f2f2;
    text-align: center;
}
.basicTable caption {
    font-weight: bold;
}

table.basicTablePlain {
    margin: 0.5em;
    border-collapse: collapse;
}
.basicTablePlain th, .basicTable td {
    padding: 0.5em;
}

TD,th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #333333;
	vertical-align:top;
}
td {
	font-size:12px;
}
th {
	font-size:13px;
	font-weight:bold;
}

.registerTable th, .registerTable td {
    font-size: 1.2em;
	vertical-align:middle;
}

table.migrantTable {
    margin: 0em 0.5em 0.5em 0;
    background: #f9f9f9;
    border: 1px #2A377E solid;
    border-collapse: collapse;
}
.migrantTable th, .migrantTable td {
    border: 1px #2A377E solid;
    padding: 0.3em;
    text-align: center;
}
.migrantTable th {
    background: #f2f2f2;
}
.migrantTable td.sm {
    background: #f2f2f2;
	font-size:11px;
}
.migrantTable caption {
    text-align: left;
	font-size:0.8em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
td.migrantSpecies {
	text-align:left;
	font-weight:bold;
}
th.blueLeft, th.blueCenter {
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background-color: #2A377E;
}
th.blueLeft {
	text-align: left;
}
th.blueCenter {
	text-align: center;
}

TD.whiteleft{
	text-align: left;
	color: #2A377E;
	background-color: #FFFFFF;
	border-color: #808080
}
TD.whiteright{
	text-align: right;
	color: #2A377E;
	background-color: #FFFFFF;
	border-color: #808080
}
TD.whiteleft-greentext{
    font-weight: bold;
    text-align: left;
    color: Green;
	background-color: #FFFFFF;
    border-color: #808080
}
 TD.whitecenter{
    text-align: center;
    color: #2A377E;
    border-color: #808080;
	background-color: #FFFFFF;
    background-position: center
}
TD.whitecentreb {
    color: #2A377E;
    font-weight: bold;
	background-color: #FFFFFF;
    text-align: center
}
TD.whiteleftb {
    color: #2A377E;
    font-weight: bold;
	background-color: #FFFFFF;
    text-align: left
}
TD.whiterightb {
    color: #2A377E;
	background-color: #FFFFFF;
    font-weight: bold;
    text-align: right;
}
TD.beigeleft{
	text-align: left;
	color: #2A377E;
	background-color: #E7D4AB;
	border-color: #808080
}
TD.beigecenter{
	text-align: center;
	color: #2A377E;
	background-color: #E7D4AB;
	border-color: #808080
}
TD.whitelefterror {
	text-align: left;
	color: #FF0000;
	background-color: #FFFFFF;
	border-color: #808080
}
TD.whitecentererror {
	text-align: center;
	color: #FF0000;
	background-color: #FFFFFF;
	border-color: #808080
}	 
TD.blueleft {
	font-weight: bold;
	text-align: left;
	color: #2A377E;
	background-color: #B5DDFD;
	border-color: #808080
}
TD.bluecenter {
	font-weight: bold;
	text-align: center;
	color: #2A377E;
	background-color: #B5DDFD;
	border-color: #808080
}
TD.shadeleft{
	text-align: left;
	color: #2A377E;
	background-color: #EEFFFF;
	border-color: #808080
}
TD.shadecenter{
	text-align: center;
	color: #2A377E;
	background-color: #EEFFFF;
	border-color: #808080
}
TD.shaderight{
	text-align: right;
	color: #2A377E;
	background-color: #EEFFFF;
	border-color: #808080
}
TD.shadelefterror{
	text-align: left;
	color: #FF0000;
	background-color: #EEFFFF;
	border-color: #808080
}
TD.shadecentererror{
	text-align: center;
	color: #FF0000;
	background-color: #EEFFFF;
	border-color: #808080
}

TD.tabletoprow {
    font-size: 10pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #2A377E;
    text-align: center
}
TD.tabletoprowleft {
    font-size: 10pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #2A377E;
    text-align: left
}
TD.tabletoprow12 {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #2A377E;
    text-align: center
}
TD.tabletoprowleft12 {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #2A377E;
    text-align: left
}
TD.tabletoprow12green {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #006633;
    text-align: center
}
TD.tabletoprowleft12green {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #006633;
    text-align: left
}
TD.tabletoprow12red {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #cc3333;
    text-align: center
}
TD.tabletoprowleft12red {
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #cc3333;
    text-align: left
}TD.tabletextcenterbblueback {
    font-size: 10pt;
    color: #2A377E;
    font-weight: bold;
    background-color: #B9C8E6;
    text-align: center
}
TD.tabletextleftbblueback {
    font-size: 10pt;
    color: #2A377E;
    font-weight: bold;
    background-color: #B9C8E6;
    text-align: left
}
TD.yellowcenterbold{
    font-size: 10pt;
    color: #2A377E;
    font-weight: bold;
    background-color: #FFFFCC;
    text-align: center
}

/* Section for H tags */
.Hgreenheadleft14{
    color : Green;
    font-size : 14pt;
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    text-decoration : none;
    text-align : left
}
.Hblueheadleft14 {
    color : #2a377e;
    font-size : 14pt;
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    text-decoration : none;
    text-align : left
}
.Hredheadleft14{
    color : red;
    font-size : 14pt;
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    text-decoration : none;
    text-align : left
}TD.greycentre {

    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    color: #2A377E;
    border-color: #808080;
	background-color: #FFFFCC;
    background-position: center
}

h3.H3small {
	font-size: 1.4em;
}

h3.H3LessSpace {
	padding-bottom: 0;
	margin-bottom: 0.3em;
}

/* Laura's new styles */

/* SPACING STYLES */

.marginLeftBot {
margin: 0 0 1em 1em;
}