/*Contact form-specific styling*/

#contactform {
	border:1px solid #dddbdc;
	background-color:#f5f5f5;
	padding:5px;
	width:70%;
}
#contactform form {
}
#contactform fieldset {
	border:none;
	padding-bottom:8px;
}
#contactform legend {
	color:#000000;
}
#contactform div {
	padding-bottom:3px;
	font-size:100%;
}

#contactform .leftalignfullwidth {
	text-align:left;
	width:60%;
	padding-left:10px;
}
#contactform .leftalign {
	text-align:left;
}
#contactform .noborder{
	border:none;
	background-color:#f5f5f5;
	
}
#contactform .buttons {
	text-align:right;
	margin-right:8px;
}
#contactform .buttons input {
	border:2px solid #7e9fd2;
	height:120%;
/*	font-size:0.9em;*/
}
#contactform .buttons .submit{
	font-weight:bold;
}
#contactform textarea {
/*	margin-left:10px;*/
	margin-right:10px;
	margin-left:0px;

}

#contactform .padleft {
	margin-left:10px;
}
#contactform .leftside{
	width:40%;
	float:left;
	text-align:right;
	border:none;
	border:1px solid #f5f5f5;
	vertical-align:middle;
	padding-right:2px;
}
#contactform .rightside{
	text-align:left;
	padding-left:2px;
	border:1px solid #f5f5f5;
	vertical-align:middle;
}
#contactform input {
	height:20px;
/*	font-size:1.0em;*/
	vertical-align:middle
}

/* END OF Contact form-specific styling*/

.thData 		{
	background-color : #7e9fd2;
	color:#ffffff;
	border-bottom:1px solid #7e9fd2;
}
.thDataSpacer	{
	background-color :#faf5ef;
}
.tdData	{
	background-color :#ffffff;
	border-bottom:1px solid #faf5ef;
}
.tdSpacerLt	{
	background-color :#f0f0f0;
}
.tdSpacerDk	{
	background-color :#f0f0f0;
}
u {
	text-decoration:none;
 }
 
.line {
	border-bottom:1px dotted #999999;
	background-repeat: repeat-x;
	margin-top:8px;
	margin-bottom:8px;
}

input_{border: 1px ridge #333333; 
	background-color:#ffffff; 
	color:#000000; 
	height:15px; 
	padding:0px; 
	margin:0px; 
	font-size:10px; 
}


.searchButton_{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	display:inline;
	font-size:10px;
	height:15px; 
	line-height:11px; 
	color:#666666;
	text-decoration: none;
	padding:0px;
	margin:0px;
}

.searchField_ {
	font-size: 9px;
	padding:0px;
	margin:0px;
	display:inline;
}


.searchButton{
	border: 1px ridge #333333; 
	background-color:#ffffff; 
	padding:0px; 
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	display:inline;
	font-size:10px;
	height:15px; 
	line-height:11px; 
	color:#666666;
	text-decoration: none;
	margin:0px;
}

.searchField{border: 1px ridge #333333; 
	background-color:#ffffff; 
	color:#000000; 
	height:15px; 
	font-size:10px; 
	padding:0px;
	margin:0px;
	display:inline;
}

/*Feedback form*/
.inputLabel, .inputEntry, feedbackLegend {font-family: Verdana, sans-serif; font-size: 0.8em;}
.inputLabel {padding-left:50px; text-align:right;}
.inputEntry {padding-right:50px;}

#feedback tr {background: #FAF5EF;}
#feedback td {border-spacing:1px; vertical-align:top; padding-bottom:3px; padding-top:3px;}
#feedback label {vertical-align:top;}

.feedbackFieldset{border:0px;width: 20em}
.feedbackLegend{font-weight:bold; border: 0px;padding: 1px 10px} 



.smallpad {padding-right:5px}

/* .sitemap1 {padding-left:10px; padding-top:10px; font-weight:bold}
.sitemap2 {padding-left:30px; padding-top:10px}
.sitemap3 {padding-left:50px}
.sitemap4 {padding-left:70px}
.sitemap5 {padding-left:90px}
.sitemap6 {padding-left:100px}
.box {border: #cc9966 1px solid}
*/

.sitemap1 {margin-left:1em; padding-top:10px; font-weight:bold; font-size:130%;}
.sitemap2 {margin-left:3em; padding-top:10px; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:100%;}
.sitemap3 {margin-left: 5em; font-family:arial,sans-serif;margin-top:4px; font-weight:bold; font-size:100%;}
.sitemap4 {margin-left: 7em; font-family:arial,sans-serif;font-size:100%;}
.sitemap5 {margin-left: 9em; font-family:arial,sans-serif;font-size:100%;}
.sitemap6 {margin-left:12em; font-family:arial,sans-serif;font-size:100%;}
.zoneBoxFirst { margin-top:2px; background-color: #f8f8f8; padding:4px;}
.zoneBoxSecond { margin-top:2px; background-color: #f1f0f0; padding:4px;}
.topZoneBoxLeft { margin-top:2px; background-color: #f8f8f8; padding:4px;border-top:1px solid #b4bfda;}
.topZoneBoxRight { margin-top:2px; background-color: #f1f0f0; padding:4px;border-top:1px solid #b4bfda;}

/* styles for Word tables */
.brownbg {background-color: #7e9fd2; padding:5px; color: #ffffff; text-align:left; font-weight: bold;}
.brownbg2 {background-color: #7e9fd2; padding:5px; color: #ffffff; text-align:left; border-left:#7e9fd2 1px solid; border-top:#7e9fd2 1px solid; font-weight: bold;}
.brownbgline {background-color: #7e9fd2; padding:5px; color: #ffffff; text-align:left; border-left:#ffffff 1px solid }
.whitebg {background-color: #ffffff;}
.lightbg {background-color: #ffffff;border-bottom:1px solid #faf5ef; padding:5px; text-align:left}
.lightbrownbg {background-color: #7e9fd2}
.lightbgline {border-left:#faf5ef 1px solid; padding:5px;background-color: #ffffff;border-bottom:1px solid #faf5ef;}
.headerline {border-left:#faf5ef 1px solid;padding:5px;}
.table5pad {padding:5px;border-bottom:1px solid #faf5ef;}

div.isEmpty { display: none; }
div.isNotEmpty { font-size:1.2em; }

#logos {padding-bottom:4px;}
#logos .mainlogo {padding-right:5px;}
#logos img {margin-top:0px;}
.lgrey, .lgrey a {background-color:#E5E5E5; color:#676767;}
.smallgrey a:visited{}

a {text-decoration:none;}													  
a:hover {text-decoration:underline;}

/*TODO: Below works in Moz & IE6 on PC, but not IE7 (minute text). Break this out into the different stylesheets as appropriate.*/
.smallgrey {color:#999999;font-size:0.7em;}
.smallgrey a, .smallgrey a:visited {padding-left:3px; padding-right:3px;color:#999999}

.mainsectionheading {
	width:100%;
	margin-top:2em;
	padding-left:9px;
	padding-top:9px;
	padding-bottom:9px;
	background-color:#7e9fd2;
	color:#ffffff;
}
	#leftmenu {position:relative;}

	#leftmenu h2 {
		padding-left:12px;
		padding-bottom:0px;
		margin-bottom:7px;
		font-size:90%;
	}
	.navList {
		width:100%;
		background-color:#f9f9f9;
		border-bottom:1px solid #e6e6e6;
		padding-top:7px;
		padding-bottom:7px;
		padding-left:12px;
		padding-right:0;
		line-height:20px;
		font-size:80%;
	}
	.navList a {
		text-decoration:none;
	}
	.navList a:hover {
		text-decoration:underline;
	}

/* HWDA styles common across browsers */
#toc_hwda {
    height: 1.65em;
    list-style: none;
    margin: 0;
    padding: 0;
}
#toc_hwda li {
	display: block;
	float:left;
	background-color:#f8f8f8;
	padding:5px;
	margin-right:2px;
	margin-bottom:0;
	border-left:solid 1px #cdcdcd;
	border-top:solid 1px #cdcdcd;
	border-right:solid 1px #cdcdcd;
}
#toc_hwda li a{
	color:#7087bd;
}
#toc_hwda li.current {
	margin-bottom:0;
	background-color:#7e9ed2;
	border-left:solid 1px #aba6a6;
	border-top:solid 1px #aba6a6;
	border-right:solid 1px #aba6a6;
}
#toc_hwda li.current a{
	color:#ffffff;
}
	.sectiondescription {
		float:left;
		width:110px;
		margin-right:32px;
	}
	.sectiondescriptionlastitem {
		float:left;
		width:110px;
	}
	.sectiondescription img, .sectiondescriptionlastitem img {
		border:1px solid #989898;
		width:110px;
		height:110px;
		margin-bottom:10px;
	}
	.navseparator {
		width:100%;
		height:50px;
		border-bottom:1px dotted #7188be;
		font-size:1px;
		margin-bottom:22px;
	}
	#subnav li {
		display:block;
		float:left;
		text-align:left;
		margin-left:30px;
		padding-left:0;
		list-style-type:circle;
		list-style-image:url(http://library.wellcome.ac.uk/assets/hwdaRightArrow.gif);
	}
	#subnav li.firstitem {
		margin-left:10px;
	}
	#subnav li a {
		display:list-item;
		padding-left:0;
		list-style-type:circle;
		list-style-image:url(http://library.wellcome.ac.uk/assets/hwdaRightArrow.gif);
	}
	#subnav li a:visited {
		color:#7087bd;
	}
	#sectiondescription a:visited {
		color:#7087bd;
	}


/* End of HWDA styles common across browsers */

/* START: Styles for images on headings of main tab pages */
.headingicon {
	display:inline;
	float:right;
	position:relative;
	top:-95px;
	margin:0;
}
.resetalignment {
	clear:both;
	font-size:1px;
	height:1px;
	margin:0;
	padding:0;
	position:relative;
	top:-95px;
}
/* END: Styles for images on headings of main tab pages */


/*Layered image galleries (using word style Image Gallery)*/

#layer1 {visibility: visible; display: block;}
#layer2 {visibility: hidden; display: none;}
#layer3 {visibility: hidden; display: none;}
#layer4 {visibility: hidden; display: none;}
#layer5 {visibility: hidden; display: none;}
#layer6 {visibility: hidden; display: none;}
#layer7 {visibility: hidden; display: none;}
#layer8 {visibility: hidden; display: none;}
#layer9 {visibility: hidden; display: none;}
#layer10 {visibility: hidden; display: none;}
#layer11 {visibility: hidden; display: none;}
#layer12 {visibility: hidden; display: none;}
#layer13 {visibility: hidden; display: none;}
#layer14 {visibility: hidden; display: none;}
#layer15 {visibility: hidden; display: none;}
#layer16 {visibility: hidden; display: none;}
#layer17 {visibility: hidden; display: none;}
#layer18 {visibility: hidden; display: none;}
#layer19 {visibility: hidden; display: none;}
#layer20 {visibility: hidden; display: none;}
#layer21 {visibility: hidden; display: none;}
#layer22 {visibility: hidden; display: none;}
#layer23 {visibility: hidden; display: none;}
#layer24 {visibility: hidden; display: none;}
#layer25 {visibility: hidden; display: none;}
#layer26 {visibility: hidden; display: none;}
#layer27 {visibility: hidden; display: none;}
#layer28 {visibility: hidden; display: none;}
#layer29 {visibility: hidden; display: none;}
#layer30 {visibility: hidden; display: none;}

#navbarform{float:right;}
#navbarform input.text{height:15px;margin-top:1px;font-size:10px;width:23.3em;}
#navbarform input.submit{height:20px;border:1px solid #bbb;background-color:#f8f8f8;color:#7087bd;font-size:10.4px;margin-right:4px;}
#navbarform input.submit:hover{border:1px solid #999;}
#navbarform input.submit:active{border:1px solid #666;}

/*Guides and video tutorials (and Laika template)*/

#laika {
	color:#666;
}

#laika #mc {
	/*border-top:1px solid #000;
	width:530px; 
	float:left;
	padding-top:5px; */
}

#laika ul {
	list-style-type: none;
  	padding:0; 
  	margin:0; 
}

/*
#laika ul li {
	background-image: url(../../grey_dot.gif); 
	background-repeat: no-repeat; 
	background-position: 0 .5em; 
	padding-left: .7em;
}
*/

#laika h1 {
	color:#6086c7;
}

#laika .listtitle {
	font-size:1.2em;
	font-weight:bold;
	color:#6086c7;
	padding-top:5px;
	padding-bottom:15px;
}

#laika .listhead {
	font-size:1.8em;
	font-weight:bold;
	
}

#laika h1 {
  	padding:0; 
  	margin:0; 
}

#laika #tabs img {
	padding-bottom:10px;
	padding-right:5px;
}

#laika #tabs td {
	vertical-align:top;
}






.imageleft {
vertical-align:text-top;
}