/************************************************************/
/*	for "legacy" microsites -  								*/
/*	PUT RULES INTO SENSIBLE ORDER !! 						*/
/************************************************************/


/*
.dataTable_ms - not in JDSML listhead include - maybe need to add it... ??

This stylesheet is for legacy microsites and replaces db.css.  It therefore 
includes some rules copied (sometimes with modifications) from db.css - miks - 01/2006
*/


#microsite-body ul.tabs { margin: 0; } 	/* fixes IE prob (eg - chalcidoids/detail.dsml) */

table.fixDataAlignment td
{
	text-align: left;
}

#msg-locator
{
	text-align: center;
	margin-top: 15px;
}
.dbNavContainer
{
	margin: auto;
}
table.dbNavContainer td 
{ 
	vertical-align: middle; 		/* content, especially A.button and RecSetLoc, were badly aligned in websocs (but not elsewhere - extra space in websocs from somewhere??) - if can fix root prob, can remove - miks */
	height: 25px;					/* 	needed when table contains no table.dbNavButtons or nav bar collapses around RecSetLoc element - not sure I like this though... doesn't scale well when text resized - something to do with the way the a.buttons are styled I think... - miks */
}
table.dbNavButtons
{
	float: right;
	margin: 2px 1px;				/* needs only 1px to the right, but variable (as is padding above/below table.dbNavButtons) - probably extra blank cell or similar in dbNavButtons table? (chalcids exhibits varying formats - good place to figure out what's happening) - miks */
}
table.dbNavButtons td
{
	padding: 0;
	height: auto;		/* overwrite rule from above or screws formatting */
	vertical-align: middle;
}


.RecSetLoc
{
	margin: 3px;
	margin-left: 5px;
}

#table-criteria caption
{
	background-color: #E4E4E4;
	font-weight: bold;
	padding: 3px 35px 3px 10px;
	text-align: left;
	white-space: nowrap;
	background-image: url(../generic/images/curve-top-contrast.gif);
	background-position: top right;
	background-repeat: no-repeat;
	border: 1px solid #fff;
}
#table-criteria td
{
	background-color: #F2F2F2;
	padding: 2px 10px 2px 3px;
}
#table-criteria
{
	margin-bottom: 5px;
	/* min-width: 300px;		doesn't work - miks */
	width: 150px;
}
span.searchTerm
{
	font-weight: bold;
}


#pagecontrol .highlight, .msgError
{
	color: #AA0000;
}
#pagecontrol td
{
	vertical-align: middle;
	padding: 3px;
}
#pagecontrol img
{
	vertical-align: middle;
}

/* microsite-body width fixes */
.width730, #microsite-body.width730 { width: 730px; }
.width720, #microsite-body.width720 { width: 720px; }
.width710, #microsite-body.width710 { width: 710px; }
.width680, #microsite-body.width680 { width: 680px; }

/* image width fixes */
div.width100	{ width: 100px; }
div.width150	{ width: 150px; }
div.width200	{ width: 200px; }
div.width250	{ width: 250px; }
div.width300	{ width: 300px; }
div.width350	{ width: 350px; }
div.width400	{ width: 400px; }
div.width500	{ width: 500px; }
div.width600	{ width: 600px; }




div#microsite					/* floated container for microsites with left-hand nav */
{
	float: left;
	width: 535px;
	margin-left: 10px;			/* ought to be 15 and should be unnec as nav-content has 15px right-margin anyway - strange... - miks - 04/2006 */
}
/* adjust ms-head/ms-body rules for floated microsite with left-hand nav */
div#microsite div#microsite-head, div#microsite div#microsite-body
{
	margin-left: 0px;
	width: 530px;
}
/* #microsite #microsite-head { margin-bottom: 0px; }		reduce spacing between ms-body and ms-head if in microsite with left-hand nav */


/* to make text wrap around images within P-tags properly... */
/* how is this handled in CONTENT.CSS ?? */
#microsite-body p img.right
{
	margin: 0.2em 0px 5px 10px;		/* line-height is 1.2 so should align with top of text */
}
#microsite-body p img.left
{
	margin: 0.2em 10px 5px 0px;
}

#microsite-head h2, #microsite-body h2
{
	background: none;	/* remove normal H2 rules */
	font-size: 1.7em;		/* !!! */
	margin-bottom: 10px;
	padding-left: 0;	/* over-write previous rule for .panel h2 - miks */
}
h1 span.subTitle
{
	font-size: 0.8em;
	display: block;
}	
h1 span.subSubTitle
{
	font-size: 0.6em;
	display: block;
}	

hr
{
	height: 1px;
}


h3
{
	margin-bottom: 10px;
}


/* ??? why next block?? */
#microsite-body ul, #microsite-body ol
{
	margin: 10px 0 10px 30px;
}

#microsite-body ul.tabs li		/* FIX - or firefox inserts bullets */
{
	list-style-type: none;
	list-style-image:none;		
}

.tabContent
{
	background-color: #F2F2F2;
}

/* 
#microsite-body ul li
{
	list-style-image: url(../research-curation/images/bullet.gif); 	SECTIONAL 
}
*/





#page-body
{
	padding-left: 0px;	/* over-ride page.css so divs can centre properly */
}
#nav-breadcrumbs
{
	margin-top: 0.5em;
}
#page-body #nav-breadcrumbs
{
	margin-left: 15px;
}

#microsite-head
{
	border: 0px solid blue;
	width: 720px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 15px;
}
#microsite-head h1
{
	clear: both;
	float: none;
	width: auto;
	border: 0px solid blue;
}
#microsite-body
{
	border: 0px solid red;
	width: 600px;
	margin: auto;
	clear: both;
}
#microsite-body p   /* WAS table p */
{
	padding-bottom: 10px;	/* otherwise removed by ?content.css - miks */
}

.collapseParas p 	/* check if this class already exists elsewhere */
{
	padding-bottom: 3px;
}

/* "back-to" nav (this prob doesn't need - or rather shouldn't have - "microsite-" prefix?) */
/* this section also copied to nhm.css */
#microsite-nav-backToSection
{
	float: left;
	margin: 0px 10px 0px 8px;		/* 8px for IE (which doubles margins of floated elements) */
}
html>body #microsite-nav-backToSection { margin: 0px 10px 0px 15px; } 	/* IE doubles margin - this is correct for FF - miks */

#microsite-nav-backToSection span, #microsite-nav-backToSection a
{
	display: block;
	float: left;
	font-size: 100%;		/* >> typography */
	font-weight: bold;		/* >> typography */
}

#microsite-nav-backToSection span
{
	color: #FFF;
	padding: 3px 10px 4px 25px;
}
#microsite-nav-backToSection a
{
	/* color: #000;						INCORRECT - should be sectional text colour - miks */
	padding: 3px 15px 4px 10px;
	text-decoration: none ! important;
}
#microsite-nav-backToSection a:hover
{
	text-decoration: underline ! important;
}

/* left-hand nav */
#nav-content
{
	margin: 10px 10px 0px 8px;		/* 8px for IE (which doubles margins of floated elements) */
}
html>body #nav-content { margin: 10px 10px 0px 15px; } 					/* IE doubles margin - this is correct for FF - miks */


/* ADAPTED from DB.CSS - Sept/2005 - miks */
thead th	/* col header */
{
	color: #FFF;
	background-color : #747474;
	padding: 3px;
}
/* added June 2007 - miks */
thead th a
{
	color: #fff;
}
.dataTable_ms thead td, .galleryTable_ms thead td
{
	color: #000;
	background-color : #F2F2F2;
	text-align: right;

}
tbody th	/* row header */
{
	background-color: #F2F2F2;
	padding: 3px 3px 3px 10px;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	white-space: nowrap;		/* strange... - I thought this was added this AGES ago... - miks - 01/2006 */
}
.dataTable_ms td
{
	text-align: left;
	padding: 3px 3px 3px 2px;
}
#microsite-body .dataTable_ms td p, #pagecontrol p			/* remove P margin in tables */
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
thead td
{
	padding: 3px 5px;
}
.dataTable_ms td, .dataTable_ms th
{
	/* border-top: 1px solid #fff;		fake cellspacing - is it a good idea...? poss not, as doubles spacing if alreay set in HTML - miks */
}

/* additional for microsites */
.searchTable_ms, .dataTable_ms, .galleryTable_ms
{
	margin: auto;
	margin-bottom: 15px;
}
.searchTable_ms td 
{	
	text-align: left;
	padding: 2px 2px 2px 5px;
}
.searchTable_ms input, .searchTable_ms select	/* fix dodgy font-sizes - is there a better way ?? */
{
	font-size: 1.1em;
}
.searchTable_ms tbody th
{
	background-color: transparent;	/* this stops search table TH adopting accent bg - miks */
	vertical-align: middle;			/* "top" not good - miks 02/2006 */
}
.galleryTable_ms td
{
	text-align: center;
	border: 0px solid red;
	vertical-align: top;
}
.galleryTable_ms td p
{
	text-align: center;
	clear: both;
	padding: 3px;
}
/* local navbar */
div#microsite-nav-local
{	
	width: 720px;
	margin: auto;
	border: 0px solid purple;
	margin-top: 10px;
}
ul#microsite-nav-local-menu
{
	background-color: #FFF;
	display: inline;
	float: left;
}
#microsite-nav-local-menu li
{
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	border: 0px solid purple
}

#microsite-nav-local-menu li a
{
	font-weight: bold;					/* >> typography.css */
	color: #FFF;						/* >> typography.css */
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 3px 10px;
	border-right: 1px solid #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	white-space: nowrap;
}
#microsite-nav-local-menu li.currentItem a
{
	background-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
}
#microsite-nav-local-menu li.currentItem a:hover	/* prevent hover effects - FF needs this or anchors behave like links */
{
	text-decoration: none;
}
#microsite-nav-local-menu li.firstItem
{
	border-left-width: 15px; 	/* fixed on INTERNT only - not versioned - miks - 12/2005 */
	border-left-style: solid;
	padding: 0 0 0 1px;				/* left padding adds white seperator to first menu item */
}
#microsite-nav-local-menu li.lastItem
{
	background-repeat: no-repeat;	/* global */
	background-position: top right;	/* global */
	padding-right: 20px;
}


#microsite-nav-local-menu li a:hover
{
	text-decoration: underline;
	background-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
}

/* local text menu - for legacy code which uses a P rather than a UL */
p.micrositeNavLocal
{
	margin-top: 10px;
}

/* copied/adapted from db.css */
/* single button */
a.button, a.button:link, a.button:visited, a.button:active
{
	color: #FFFFFF;
	padding: 3px 20px 3px 5px;
	text-decoration: none;
	position: relative;		/* added for IE - or some buttons don't render correctly - miks */
}
a.backLink, a.backLink:link, a.backLink:visited, a.backLink:active 
{
	padding: 3px 5px 3px 20px;
	background-position: left center;
}
/* end single button */

/* button disablement - see notes in db.css */
#microsite-body a.disabled, .buttonBar a.disabled, .verticalButtons a.disabled,
#microsite-body a.disabled:hover, .buttonBar a.disabled:hover, .verticalButtons a.disabled:hover
{
	color: #F2F2F2;
	background-color: #747474;
	background-image: url(../generic/images/button-disabled.gif); 
	text-decoration: none;
}
/* END copied from db.css */


/* overwrite pre-existing rules */
.panel { background-color: transparent; }	/* panel class needed so content adopts appropriate format - but don't want grey bg on microsites - miks */


#microsite-body .tabPanel
{
	margin-bottom: 10px;	/* possibly necessary to allow following content to clear panel - miks */
}


/* images with captions */
div.imageRight {
	margin: 0 0 10px 15px;
	float: right;
	/* background-color: #f2f2f2; */
	/* display: inline-block: */
}
div.imageLeft {
	margin: 0 15px 10px 0;
	float: left;
	/* background-color: #f2f2f2; */
}
div.imageCentre {
	margin: auto;
	margin-top: 10px;
	margin-bottom: 15px;
	background-color: #f2f2f2;
}
div.imageRight p, div.imageLeft p, div.imageCentre p
{
	background-color: #f2f2f2;
	color: #000;
	padding: 5px 10px 0 10px;
}


p.textmenu
{
	text-align: center;
	color: #747474;			/* for seperators - usu "|" */
}
p.textmenu a
{
	white-space: nowrap;
}


/* overwrite pre-existing rules */
.panel { background-color: transparent; }	/* panel class needed so content adopts appropriate format - but don't want grey bg on microsites - miks */




/* MAC hack - for IE5 */		/*** >> HACKS ?? **/
/*\*//*/
#microsite-nav-local-menu li a
{
	display: inline;
}
/**/