#toggle-docs-links {
float: right;
margin: 0 0.4em 0.4em;
}

.welcome {
	font-size : 12px;
}
.events
{
    margin-top:10px;
    }

.ui-icon
{
float: left;
margin: 2px 3px 0 0;
background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-icon-triangle-1-e {
background-position: -32px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
    
.texty
{
        text-align:justify;
        margin-top: 20px;
}

.event-header{
    background-color: #F6F6F6;
    border: 1px dashed #CCCCCC;
    clear: left;
    margin-top: 10px;
    padding: 3px;
    text-align: left;    
}

.event-details
{
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    display:none;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 160%;
	}
	
h1 {
	font-family:"Century Gothic", "Futura Md BT", Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: 24px;
	line-height:24px;
	letter-spacing:2px;
    color:#444; 
	font-weight:700;
	margin-top:16px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:4px;
	}
h2 {
	font-family:"Century Gothic", "Futura Md BT", Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: 20px; 
    color: #336600; 
	font-weight:700;
	margin-bottom:0px;
	padding-top:2px;
	}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 18px;  
    color: #336600; 
	font-weight:700;
	margin-bottom:0px;
	padding-bottom:2px;
	}
	  
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-style: normal;
	text-decoration: none;
    color: #993333;	
	margin-bottom:5px;
	padding-bottom:5px;
	line-height:160%;
	} 
	
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight:900; 
	color: #FF6600;
	margin-bottom:2px;
	padding-bottom:2px;
    }   
    
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:160%;
	padding:2px 0px 3px 0px;
	margin:0px 0px 0px 0px;
}
	
p.Content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
	}  

p.Footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	}

p.texty {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	padding:5px 0px 3px 0px;
	margin:5px 0px 3px 0px;
	}
	
p.reference
{
    color:Red;
    font-size:12px;
}	
p.simple{
	margin:0px;
}

ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-left:10px;
	margin-left:20px;
	list-style-position:outside;
	}
		
ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-left:10px;
	margin-left:20px;
	}
	
form {
	padding:1px;
	margin:1px;
	}
input {
	padding:1px;
	margin:1px;
	}
	
a {
	color:#0066CC;
	font-size:12px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
	
a:link {color:#006699;}
a:visited {color:#663333;}
a:hover {text-decoration:underline;}

#multilink 
{
	color:#006699;
	font-weight:bold;
	font-size:12px;
}

p.vertMenu {
	font-size:11px;
	}
	
a.vertMenu {
	color:#006699;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}

a.vertMenu:link {color:#006699;}
a.vertMenu:visited {color:#663333;}
a.vertMenu:hover {text-decoration:underline;}

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }
  
 
table.display_1 {
	background-color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.display_1_title {
	background-color: #33CC33;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	}
	
.display_1_content {
	background-color: #B9EEB9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}  
  
.small {font: 10px Geneva, Arial, Helvetica, san-serif;}

.caption {
	color:#FFFFFF; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:10px; 
	margin:0px 5px 0px 5px;
	}

.bold {font-family: Geneva, Arial, Helvetica, san-serif; font-weight: bold}

.justified {text-align: justify;}

.address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}
	
.red {
	color: #FF0000;
}


.googleBlue {
	font-weight:700;
	color:#3366FF;
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.googleRed {
	font-weight:700;
	color:#FF0000;
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.googleYellow {
	font-weight:700;
	color:#FF9933;
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.googleGreen {
	font-weight:700;
	color:#339900;
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.googleLink {
	text-decoration:none;
	}

.googleText {
	font-size:10px;
	color:#666;
	}

p.searchThisSite {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:700; 
	color:#666666; 
	line-height:10px; 
	letter-spacing:2px;
	padding:1px;
	margin:1px;
	}

input.searchBtn {
	background-color:#FFFFFF;
	font-size:10px; 
	margin:1px; 
	padding:1px; 
	border:1px solid; 
	border-bottom-color:#666; 
	border-right-color:#666; 
	border-left-color:#999; 
	border-top-color:#999;
	}

table.speciesTable {
	background-color:#DEDEDE;
	}

th.speciesTable {
	background-color:#CCCC66;
	font-weight:800;
	font-size:12px;
	text-align:left;
	}
	
td.speciesTable {
	background-color:#F5F5F5;
	}
 
.greyHighlight {
	display:none;
	background-color:#F5F5F5;
	float:left;
	padding:2px; 
	margin:2px;
	}

div.highlightBox {
	border:1px solid #FF9900;
	padding:2px;
	}		

/* This div contains the Back To The Top link/GIF in each section */
/* Beacuse it is used several times on the same page, we need it to be a class, rather than and ID */
.backToTop {
	clear:left;
	}

/* used to contain the news articles on news.asp */
.newsItem {	
	background-color:#f2f2f2;
	border-bottom:1px dashed #ccc;
	margin:16px 0 10px 0;
	padding:1px 8px 6px 6px;
	}
	
	.newsItem h4 {
		font-family:"palatino Linotype", "Times New Roman", serif;
		font-size: 16px; 
		font-weight:900; 
		color:#333333;
		margin-bottom:8px;
		padding-bottom:2px;
		}
/* Used to highlight bits of news on other areas of the site (particularly the homepage) */	
.newsBox {
	background-color:#f2f2f2;
	border:1px solid #ccc;
	width:auto;
	text-align:justify;
	padding:5px 12px 8px 5px;
	margin:0px;
	}	
	
.newsHeadline {
	color:#CC0000;
	font-size:larger;
}
 
.publications {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CC3300;	
	margin:5px;
	padding:5px;
	}
 
.descriptionImage {
	float:left;
	margin:5px;
	padding:5px;
	text-align:center;
	}
	
.imagePlot
{
    width:400px;
 	text-align:left;
 	float:left;   
   }

div.descriptionImage p
{
    font-weight: bold;
}	
	
p.descriptionText {
	clear:both;
	}
	
img.leftAlign {
	display:block;
	float:left;
	margin-right:3px;
    height: 135px;
    width: 120px;
}

img.rightAlign {
	display:block;
	float:right;
	margin-left:3px;
	border:0px;
	}

div.img_with_caption_LeftAlign {
	border:0;
	float:left;
	margin:6px;
	}
	div.img_with_caption_LeftAlign p {
		color:#000; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		font-size:10px;
		line-height:110%;  
		margin:0px 5px 0px 5px;
		text-align:center;
		}
	div.img_with_caption_LeftAlign img {
		border:1px solid #333;
		}

div.img_with_caption_RightAlign {
	border:0;
	float:right;
	margin:6px;
	}
	div.img_with_caption_RightAlign p {
		color:#000; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		font-size:10px;
		line-height:110%;  
		margin:0px 5px 0px 5px;
		text-align:center;
		}
	div.img_with_caption_RightAlign img {
		border:1px solid #333;
		}
/* this div will effectively form a block element */
div.img_with_caption_Centred {
	border:0;
	margin-left:3.5em;
	}
	div.img_with_caption_Centred p {
		color:#000; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		font-size:10px;
		line-height:110%; 
		margin:0px 5px 0px 5px;
		text-align:left;
		}
	div.img_with_caption_Centred img {
		border:1px solid #333;
		}
	
.sectionTitles {
	background-color:#F6F6F6; 
	text-align:left; 
	padding:3px; 
	margin-top:10px; 
	border: 1px dashed #ccc; 
	clear:left;
	}
	
.intpart { 										/* This deals with the layout of Mean Count data on site details pages */
	padding-right: 0px;							/* Numbers are aligned so that the decimal place is always central... check out an example */
	padding-left: 0px;							/* e.g . http://www.ukbms.org/site_details_example.htm */
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	}

.fractionalpart { 								/* This deals with the layout of Mean Count data on site details pages */
	padding-right: 0px;							/* Numbers are aligned so that the decimal place is always central... check out an example */
	padding-left: 0px;							/* e.g . http://www.ukbms.org/site_details_example.htm */
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/* Transect location map styles*/
.floatinglayer { 
	border:1px solid #000;
	padding:1px 2px;
	font-size: 8px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-color: infobackground; 
	} 

a.Map:link, a.Map:active, a.Map:visited, a.Map:hover {
	color: #0000FF;
	}
	
	
.columnTitle {						/* This is used in the table which displays lists of species for a particular site */
	color: #000;
	font-weight: bold;
	font-size:12px;
}

#map_image {						/* This is the transect route map on a site details page */
	text-align:center;
	}

#multimap_call {
	display:inline;
	}

#site_desc_text {
	clear:both;
	}

table.yearlyCounts {font-size:10px; background-color:#999;}
table.yearlyCounts th {font-size:10px; background-color:#fff;}
table.yearlyCounts td {font-size:10px; background-color:#fff;}
table.yearlyCounts td a {font-size:10px;}

#thumbnail{float:right;}

.mapCountryLabel
{
    background-color: White;
    border: solid 1px black;
    width: 60px;
    height: 40px;
    font-size: 10px;
    line-height: normal;
}

.mapCountyLabel
{
    background-color: lavender;
    border: solid 1px black;
    width: 70px;
    height: 40px;
    font-size: 10px;
    line-height: normal;
}

#homepageImage {
    background-color: #99CC66;
    border: 0px solid #000000;
    color: #333333;
    float: right;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin: 0 5px 5px 15px;
    padding: 0 0 5px;
    width: 275px;
}

.latestnews
{
    margin-top: 80px;
}

#mainContent
{
    padding: 0px 5px;
    margin: 5px 4px 4px 8px;
    text-align:justify;
}

#mainContent h1
{
	margin-top:5px;	
}

#mainContent>div {
	margin:10px 10px 0px 10px;
    font-size: 13px;
    text-align:justify;
}
	
#mainContent>p {
	margin:0px 10px 10px 10px;
	text-align:justify;
	}

#mainContent>p.left_justified {
	text-align:left;
}

	/* for Species page */

a.titleLink , a:link.titleLink , a:visited.titleLink  {
    border: medium none;
    color: #008000;
    margin-left: 10px;
}

div.leftCol
{	
	width:260px;
	float:left;
	margin-right:2px;
}
div.centre
{
	text-align:center;
	margin-bottom:2px;
}

.titleTop
{
	background:transparent url(../images/General/titlebg3DTop.gif) no-repeat scroll;
	width: 260px;
	height: 24px;
	font-weight: bold;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.titleBot
{
	background: transparent url(../images/General/titlebg3DBot.gif) no-repeat scroll;
	width: 260px;
	height: 6px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	display: none;
}

.dropImg
{
	padding-top:6px;
	padding-right:8px;
}

.listbgTop
{
	background:#FFD600;
	width:260px;
	height:5px;
}

.listbg
{
	background:#D9E3FD;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	font-size:12px;
	margin-bottom:10px;
}

ul.listsp li
{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
	text-align: left;
	list-style-position: inside;
	line-height: 18px;
	list-style-image: none;
	list-style-type: none;
}

.listsp
{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	list-style-type: none;
	line-height: 18px;
	text-align:left;
	list-style-position:inside;
}

.listbg a 
{
	margin-left:0px;
	color:#006699;
}

.listbg a:hover
{
	text-decoration:underline;
	text-align:left;
}
.listbg a:visited
{
	color:#663333;
	text-align:left;
}

.splink a 
{
	color:#006699;
	cursor:pointer;
}

.splink a:hover 
{
	color:#006699;
	text-decoration:underline;
	cursor:pointer;
}

.splink a:visited
{
	color:#663333;
	cursor:pointer;
}

.hide
{
	display:none;
}

div.middleCol
{
	width:260px;
	float:left;
	margin-right:2px;
}

div.rightCol
{
	width:260px;
	float:left;
	margin:0px 0px 0px 0px;
}

#lci1{
	float:left; 
	margin:5px; 
	padding:5px;
	}
	
#brood1_abundance_map {
	float:left; 
	margin:5px; 
	padding:5px;
	}
	
#brood1_abundance_para1 {
	clear:both;
	}

#brood1_coverage_para1 {
	clear:both;
	}
	
#brood1_list
{
	float:left;
	width:800px;
}
	
#yearly_counts	{
	clear:both;
	float:left;
	}

#extinct_colonised {
	clear:both;
	float:left;
	}
.siteDesc
{
	border-color:Gray;
	border-width:1px;
	border-style:solid;
	border-collapse:collapse;
}

.tableDisp
{
	background-color:Black;
	color:White;
}

/* ----- Initial state of div elements on SITE description pages ----- */

#site_description {
	display:block;
	overflow:hidden;
	clear:left;
	}

#species_list {
	display:none;
	overflow:hidden;
	clear:left;
	}
	
#species_counts {
	display:none;
	overflow:hidden;
	clear:left;
	}
	


/* ----- Initial state of div elements on SPECIES description pages ----- */

#description {
	display:block;
	overflow:hidden;
	clear:left;
	}
	
#details {
	display:none;
	overflow:hidden;
	clear:left;
	}

#logcollatedindex {
	display:none;
	overflow:hidden;
	clear:left;
	}
	
#distribution {
	display:none;
	overflow:hidden;
	clear:left;
	}
	
#phenology {
	display:none;
	overflow:hidden;
	clear:left;
	}

#abundance {
	display:none;
	overflow:hidden;
	clear:left;
	}
	
#trends {
	display:none;
	overflow:hidden;
	clear:left;
	}
	
/* ----- Initial state of div elements on the METHODOLOGY page ----- */
#recording_method {
	display:block;
	overflow:hidden;
	clear:left;
	}

#collated_indices {
	display:none;
	overflow:hidden;
	clear:left;
	}
	
#colonisation {
	display:none;
	overflow:hidden;
	clear:left;
	}
	
#trends_on_sites {
	display:none;
	overflow:hidden;
	clear:left;
	}

#references {
	display:none;
	overflow:hidden;
	clear:left;
	}
	
/* WCBS page */

#design {
    clear: left;
    display: none;
    overflow: hidden;
}

#results07 {
    clear: left;
    display: none;
    overflow: hidden;
}

#results08 {
    clear: left;
    display: none;
    overflow: hidden;
}

#results09 {
    clear: left;
    display: none;
    overflow: hidden;
}
#results10 {
    clear: left;
    display: none;
    overflow: hidden;
}

#results11 {
    clear: left;
    display: none;
    overflow: hidden;
}

#results12 {
    clear: left;
    display: none;
    overflow: hidden;
}
#results13 {
    clear: left;
    display: none;
    overflow: hidden;
}
#results14 {
    clear: left;
    display: none;
    overflow: hidden;
}
#results15 {
    clear: left;
    display: none;
    overflow: hidden;
}
#results16 {
    clear: left;
    display: none;
    overflow: hidden;
}
#results17 {
    clear: left;
    display: none;
    overflow: hidden;
}
#results18 {
    clear: left;
    display: none;
    overflow: hidden;
}
#habitat_related {
    clear: left;
    display: none;
    overflow: hidden;
}
#traits_trends {
    clear: left;
    display: none;
    overflow: hidden;
}
#scheme_design {
    clear: left;
    display: none;
    overflow: hidden;
}
#data_entry {
    clear: left;
    display: none;
    overflow: hidden;
}


#involved  {
    clear: left;
    display: none;
    overflow: hidden;
}

#online {
    clear: left;
    display: none;
    overflow: hidden;
}

#resources {
    clear: left;
    display: none;
    overflow: hidden;
}

#characteristics {
	display:none;
	overflow:hidden;
	clear:left;
	}
	
#progress {
	display:none;
	overflow:hidden;
	clear:left;
	}	
	
#england {
	display:none;
	overflow:hidden;
	clear:left;
	}	
	
/* ----------- Form related *---------------*/

	#formWrapper {
		padding: 5px 5px 5px 5px;
		text-align:left;
		border: 1px solid #666;
		background:#f6f6f6 url('../images/working images/tw2_form_bg.gif') fixed bottom repeat-x;
		}	
	form.tw2 fieldset.mainInput {
		clear: both;
		font-size: 12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		padding: 5px;
		margin:8px 0 0 0;
		border:0;
		}
	form.tw2 fieldset.mainInput legend.mainInput {
		font-size: 150%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		margin: 0px 0px 5px 0px;
		padding: 0px 5px;
		}	
	
	/* PPK code... */
	form.tw2 label,input.visible,textarea.visible {
		display: block;
		width: 15em;
		float: left;
		margin-bottom: 10px;
		margin-top:3px;
		}
	
	form.tw2 label {
		text-align: right;
		padding-right: 10px;
		font-weight:700;
		/*background-color:#E1E1E1;*/
		}
	
	br {
		clear: left;
		}
	
	/* ---------------------------------- */
	
	
	
	form.tw2 fieldset.internal {
		clear: both;
		font-size: 12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		border-color:#cbcbcb;
		border-width: 1px 1px 1px 1px;
		border-style: dashed dashed dashed dashed;
		padding: 15px 5px 6px 15px;
		margin: 0px 0px 0px 0px;
		}
	
	form.tw2 fieldset.internal legend.internal {
		font-size: 12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:700;
		color: #000000;
		background-color:#fff;
		border: 1px solid #cbcbcb;
		margin: 0px 0px 5px 0px;
		padding: 4px 4px 4px 4px;
		}		
	
	.failureMsg {
		line-height:16px;
		margin-top:3px;
		}
	
	#errormsg
	{
		border:1px solid #c00;
		padding:5px;
		margin:5px;
		width:auto;
	}    
	.error
	{
		background:#fcc;
	}
	.top_bottom_hr {
		border-top:1px;
		border-right:0;
		border-bottom:1px;
		border-left:0;
		border-style:dotted;
		border-color:#8C8C8C;
		padding:8px 0;
	}
	
td span 
{
    font-weight:bold;
}
/* Site lists style */

table.siteList a
{
    color:#008000;
    margin-left:10px;
  	text-decoration:none;
}

table.siteList a:visited {color:#663333;}
table.siteList a:hover {color:Blue;}

a.showAll, a.showHide, a.hideAll
{
    color:#008000;
}