/* ------------------------------------------------------------ */
/*	RESEARCH AND CURATION sectional styles			*/
/* ------------------------------------------------------------ */


/* ----- main menu item (active) ------------------------------ */
/* FIRST LINE FOLLOWING DEPRECATED - and in next block */
.menubar .researchCuration a:link, .menubar .researchCuration a:visited, .menubar .researchCuration a:active, 
.menubar .research-curation a:link, .menubar .research-curation a:visited, .menubar .research-curation a:active 
{ 
	color: #015B28; 
}

#nav-site-supplementary li.researchCuration a,  
#nav-site-supplementary li.research-curation a		/* only needed for sections in top menu */
{
	background-image: url(images/circle-right.gif);		
}

/* ----- CONTENT NAVIGATION SECTIONAL STYLES ----------------------------- */
/* see notes in nav-content.css (content nav structural rules) */

/* ----- main content-nav container div ----- */
#nav-content {
	/* background-color: #015B28;
	background-image: url(images/curve-top.gif); 		REMOVED 02/2008 - miks */
}

/* added to allow KO to implement background image on div#nav-content - firstItem is deprecated - 02/2008 - miks */
#nav-content ul#nav-content-level1 li.firstItem, 
#nav-content ul#nav-content-level1 li.first-item
{
	background-image: url(images/nav-content-top.gif);
}

/* ----- level 1 menu ------------------- */
ul#nav-content-level1
{
	background-color: #015B28;
	background-image: url(images/curve-bot.gif);    /* bottom corner and color for UL */
}
/* ----- menu item colours -------------- */
ul#nav-content-level1 li a
{
	color: #FFFFFF;
	background-color: #015B28;
}
ul#nav-content-level2 li a
{
	color: #015B28; 
	background-color: #D4EDDF;
}

/* ----- levels 3-4 background colours - see nav-content.css (note 6) ----- */
ul#nav-content-level3 li a
{
	background-color: #E4E4E4;
}
ul#nav-content-level4 li a
{
	background-color: #F2F2F2;
}

/* ----- generic item hover style ----- */
#nav-content ul li a:hover
{
	color: #015B28;
	background-image: url(images/arrow-right.gif);
}

/* ----- generic current item styles ----- */
#nav-content li a.current-item	
{
	color: #015B28;
	background-color: #FFFFFF;					/* this could be in generic stylesheet - it's ALWAYS white */
	background-image: url(images/arrow-right.gif);
}
#nav-content ul#nav-content-level2 li a.current-items			/* for level2 and below - level1 has generic white from nhm-page.css */
{
	background-image: url(images/arrow-down.gif);
}

/* ----- collapsed item styles ----- */
#nav-content ul li a.collapsed:hover
{
	background-image: url(images/arrow-left.gif);				/*  need this or arrow reverses direction on hover */
}
ul#nav-content-level2 li a.collapsed
{
	background-image: url(images/arrow-left.gif);
}
/* ----- END CONTENT NAVIGATION SECTIONAL STYLES ----------------- */




/* ----- html elements ------------------------------------------- */
h1, h2, h3, h4, h5, a 			{ color: #015B28; }

div.index h5				{ background-color: #D4EDDF; }

a.point-right 				{ background-image: url(images/circle-right.gif); }
a.point-left 				{ background-image: url(images/circle-left.gif); }
a.top					{ background-image: url(images/circle-up.gif); }

div.image-footer a.point-right, .panel-footer a.point-right, .panel-footer a				
{ 
	background-image: url(images/bgcircle-right.gif); 
}

div.image-footer, div.panel-footer, #utilities div.panel-footer	
{ 
	background-color: #015B28; 
	background-image: url(images/curve-bot.gif); 
}


.panel h2 
{ 
	background-image: url(images/curve-top.gif);
	background-color: #015B28; 
}

.panel ul li, #utilities ul li
{
	background-image: url(images/bullet.gif);
}


/* ----- generic classes --------------------------------------------- */
.accent1	{ background-color: #A0D5B9; }
.accent2	{ background-color: #D4EDDF; }
.news-item	{ background-color: #D4EDDF; }
.highlight 	{ color: #015B28; }		/* section-specific text highlight */
div.information { background-color: #D4EDDF; }	/* EG - news page */


/* ----- panel classes ----------------------------------------------- */
.panel-intro	{ background-color: #D4EDDF; }

div.panel div.panel-intro:first-child
{
	background-image: url(images/curve-top-accent2.gif);
	background-position: top right;
}
div.panel div.panel-intro:last-child
{
	background-image: url(images/curve-bot-accent2.gif);
	background-position: bottom left;
}

/* ----- utilities styles -------------------------------------------- */

div#utility-relatedlinks, div#utility-search-events 
{
	background-color: #D4EDDF;
}
div#utility-relatedlinks:first-child, div#utility-search-events:first-child 
{
	background-image: url(images/curve-top-accent2.gif);
}
#utility-sponsors div.sponsor a
{
	background-image: url(images/bullet.gif);
}
#utility-blog-posts h6 a
{
	color: #015B28 ! important;
}
											/* THIS NOT YET IN OTHER SECTION.CSS - miks - 23/03/2011 */
											#utility-help
											{	
												background-image: url(images/utility-help-bg.jpg);
											}
											#utility-help h5 
											{
												background-image: url(images/help.gif);
											}
											/* END */


/* ----- bookmarking ----- */
#utilities .utility-bookmarks h5 
{
	background: url(images/icon-natureplus-16x16.gif) left center no-repeat;
}
#utilities .utility-social .natureplus,
#utilities .utility-social .nplus 			// nplus is deprecated - miks - 02/2011
{
	background-image: url(images/icon-natureplus-16x16.gif);
}
#bookmark-this .window 
{		
	background-color: #015B28;	
}




/* ----- calendar styles -------------------------------------------- */
.selected-date, #calendar-container
{
	background-color: #D4EDDF;
}


/* ----- form styles ------------------------------------------------ */
legend 
{
	color: #015B28; 
}


/* ----- tab styles ------------------------------------------------ */
.sectional .tab-content, .sectional .tab-header
{
	background-color: #D4EDDF; 
}
.sectional ul.tabs li
{
	background-image: url(images/tab.gif); 
	border-left: 1px solid #015B28; 
}
.sectional ul.tabs li.tab-active
{
	background-image: url(images/tab-active.gif); 	
	border-width: 0px; 
}
.sectional ul.tabs li a, .sectional ul.tabs li a:link, 
.sectional ul.tabs li a:visited, .sectional ul.tabs li a:active, .sectional ul.tabs li a:hover
{
	color: #015B28;
}
.sectional ul.tabs li.tab-active a
{
	color: #015B28;
}

/* ----- buttons -------------------------------------------------- */

/* ----- buttonbar ----- */
ul.buttonbar li a
{
	background-color: #015B28;
}
ul.buttonbar li a:link, ul.buttonbar li a:visited, ul.buttonbar li a:active
{
	background-image: url(images/button-right.gif); 
}
#page-container ul.search li a,
ul.buttonbar li a.link-back:link, ul.buttonbar li a.link-back:visited, ul.buttonbar li a.link-back:active
{
	background-image: url(images/button-left.gif); 
}
ul.buttonbar li a.link-down:link, ul.buttonbar li a.link-down:visited, ul.buttonbar li a.link-down:active
{
	background-image: url(images/button-down.gif); 
}
ul.buttonbar li a.link-up:link, ul.buttonbar li a.link-up:visited, ul.buttonbar li a.link-up:active
{
	background-image: url(images/button-up.gif); 
}

/* ----- single button ----- */
a.button, a.button:link, a.button:visited, a.button:active
{
	background-color: #015B28;
	background-image: url(images/button-right.gif); 
}
a.link-back, a.link-back:link, a.link-back:visited, a.link-back:active 
{
	background-image: url(images/button-left.gif); 
}
a.link-up, a.link-up:link, a.link-up:visited, a.link-up:active 
{
	background-image: url(images/button-up.gif); 
}
a.link-down, a.link-down:link, a.link-down:visited, a.link-down:active 
{
	background-image: url(images/button-down.gif); 
}



/* ----- database output --------------------------------------------- */

.recordset-criteria, .recordset-navigation
{
	background-color: #D4EDDF;
}
tr.group-header th
{
	background-color: #D4EDDF;
}

											/* THIS NOT YET IN OTHER SECTION.CSS - miks - 23/03/2011 */
											/* ----- expanding "foldout" toggles ----- */
											a.plus
											{	
												background-image: url(images/circle-plus.gif);
												padding-left: 15p;
											}
											a.minus 
											{
												background-image: url(images/circle-minus.gif);
												padding-left: 15p;
											}




/* ----- google-style links bar ----- */
ul.recordset-nav-pages a
{
	color: #015B28;
	border: 1px solid #015B28;
}
ul.recordset-nav-pages a.current, ul.recordset-nav-pages a:hover
{
	background-color: #015B28;
}
ul.recordset-nav-pages a.inactive:hover
{
	color: #015B28;	
}



/* ----- slideshow -------------------------------------------------- */
/* ----- hover styles (see slideshow.css Note 1) ----- */
#ssTileSelector a.ssTileLink:hover, #ssTileSelector a.ssTileLink:hover img
{
	border-color: #015B28;
}
/* ----- current slide style ----- */
#ssTileSelector img.ssCurrTileImage
{
	border-color: #015B28;
}
div.ssMenubar ul li a:link, div.ssMenubar ul li a:visited, div.ssMenubar ul li a:active
{
	color: #015B28;
}

/* THIS NOT GOOD !! should have diff classes for on background or not, or (maybe preferable) use diff selectors in higher-level stylesheets - miks */
#ssSlideshow a.point-right
{
	background-image: url(images/circle-right.gif);
}
#ssSlideshow a.point-left
{
	background-image: url(images/circle-left.gif);
}



/* ----- natureplus --------------------------------------------------- */
.np-logo
{
	background-image: url(images/icon-natureplus-16x16.gif);
}




/* ----- microsites (legacy) ------------------------------------------ */
#microsite-nav-local-menu li a:hover
{
	color: #015B28;
}

#microsite-nav-local-menu li a
{
	background-color: #015B28;
	border-top-color: #015B28;
	border-bottom-color: #015B28;
}

#microsite-nav-local-menu li.current-item a
{
	color: #015B28;
	border-right-color: #015B28;
}

#microsite-nav-local-menu li.first-item
{
	border-left-color: #015B28;
}

#microsite-nav-local-menu li.last-item
{
	background-image: url(images/curve-top.gif);
	background-color: #015B28;
}

#microsite-nav-local-menu li a:hover
{
	border-right-color: #015B28;
}

#microsite-head h2, #microsite-body h2
{
	color: #015B28;
}
hr
{
	color: #015B28;
}
#microsite-body ul li
{
	/* this probably shouldn't be necessary... - miks */
	list-style-image: url(images/bullet.gif);
}
#microsite-nav-backtosection span
{
	background: url(images/microsite-back.gif) no-repeat left bottom;
	background-color: #015B28;
}
#microsite-nav-backtosection a
{
	background: url(images/curve-top-accent2.gif) no-repeat right top;
	background-color: #D4EDDF;
	color: #015B28;
}

.dbNavContainer	/* DEPRECATED */
{
	background-color: #D4EDDF;
}

#table-criteria caption
{
	color: #015B28;	
}
/* ----- VOTE PANEL------------------------------------------- */
/* added 11 Oct 2012 by DWB for the vote snippet*/
#vote {
	background: #f2f2f2 url(images/vote-bg.gif) top right no-repeat !important;
}
#vote .bar {
	background-color:#015B28;
}
#vote .vote-button {
	color:#fff;
	background: #015B28; /* Old browsers */
	background: -moz-linear-gradient(top,  #a0d5b9 0%, #015b28 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0d5b9), color-stop(100%,#015b28)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a0d5b9 0%,#015b28 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a0d5b9 0%,#015b28 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a0d5b9 0%,#015b28 100%); /* IE10+ */
	background: linear-gradient(top,  #a0d5b9 0%,#015b28 100%); /* W3C */
	border: 1px solid #999;	
}
#vote .vote-button:hover {
	cursor:pointer;
	cursor:hand;
	color: #000;
	text-decoration:underline;
}