/*CSS FROM JEOFF'S PAGE*/
body {background: white; margin: 0; padding: 0; color: black; font: medium/1.5em verdana,arial,monaco,sans-serif; voice-family: "\"}\""; voice-family: inherit; font-size: small;} html>body {font-size: small;}

h1{font-size: 200%; color: midnightblue}
h2{color:midnightblue;
  font-size:120%;
  padding-left:15px;	
}
h3{font-size: 100%; color: midnightblue; padding-left: 15px}
h4{	color:midnightblue;
	text-decoration:underline;
	font: bold 12px arial;
	padding-left: 10px;}
p{margin: 0; padding: 0 15px 0.7em; line-height: 1.3; text-align: justify;}
address{font-style: normal;}
.midnightbold{color:midnightblue;}	
/* Container to hold overall page contents */
#container {width: 90%; min-width:800px; overflow:auto; margin:10px auto;}
#resultContainer{width: 100%; margin-left: auto; margin-right: auto; margin-top: 15px; font-size: 12px; text-align:center;}
#resultContainer2{width: 90%; min-width:800px; margin:10px 50px; text-align:center;}
/* Elements of the header bar */
#header {
	width: 100%;
	height: 80px;
	background-repeat: repeat;
	background-image:url(images/header-background.png);
	position: relative;
	text-align:center;
}
#header p {text-align: right}

#tableDiv{
	overflow-x:auto;
	min-width:700px;
	min-height:150px;
	margin-left:10px;
	margin-right:10px;
}
#tableDiv table{
	overflow:hidden;
	width:99%;
}
#commentForm table{
margin-left:auto;
margin-right:auto;	
}
/* Code positiosearchn properly */ 
#headersearch{float:right; display:block; width:auto; margin: 10px 10px 0 0; font-size: 75%; text-align:right; color: midnightblue;}
#headersearch fieldset {border:0 solid}

.leftcol{
	text-align: left;
    width: 150px;
	color:midnightblue;
    background-color: #E8E9F7;
}
/* Elements of the navigation tabs */
#navigation {
	float: left;
	width: 100%;
	background-color:#D5D7F0;
	font-size: 100%;
	border-bottom: 1px solid gray;
}
#navigation ul {
	background-image:url(images/menu.png);
	list-style-position:outside;
	margin-left: 0;
	margin-bottom: 0px;
	font:bold 14px arial;
	list-style-type: none;
	text-align: center;
	padding: 8px 40px;
}
#navigation li { position:relative; display: inline; margin: 0;}
#navigation a {
	text-decoration: none;
	color:white;
	padding: 8px;
	text-align: center;
}
#navigation #current a, #navigation a:hover {
	position: relative;
	padding: 8px;
	background-image:url(images/menu-over.png);
	background-color:#BFC6E8;
	color: black;
}
#navigation a {float: none;}
#advanceSearch ul{background-color:#4669B4;padding-left:0px;}
#advanceSearch li {display: inline; margin: 0;}
#advanceSearch a{
	background-color:#4669B4;
	color:white;
	font:bold 14px arial;
	padding:8px;
}
#advanceSearch #current a, #advanceSearch a:hover{
	background-color:#BFC6E8;
	background-image:url(images/menu-over.png);
	color:midnightblue;
	padding:8px;
}

/* Container to hold page text */
#content{clear: left; width:auto; padding-top: 0px; background-color: white; border: 1px solid lightgrey;}

/*Logo bar */
#logobar {
	text-align: center;
	padding: 1%;
}

/* Specifications for rounded drop shadow text boxes*/
.box {padding:1%;}
.bi {
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.bt {height:17px; margin:0 -12px;}
.bt div {width:18px; height:17px;}
.bb {height:17px; margin:0 -12px;}
.bt {height:17px; margin:0 -12px;}
.bb div {width:18px; height:17px;}
.box h1{
	margin:0;
	font:bold 14px arial;
	padding: 0.3em 10px 0.3em 10px;
	background-color: #4669B4;
	color:white;
}
.box h1 a {
 	color:white;
}
.box h1 a:hover {
 	background-color:#D1DEFF;
}
.box p, .box ul, #search {
	margin:0;
	background:#fff;
	overflow: auto;
	vertical-align: middle;
	padding: 20px 10px 10px 10px;
}
.bi p, #search{
	background-color:#F1F2FA;
}
.box li {margin:0 0 0 2em; padding:0;}

/* Specifications for boxes nested inside a rounded drop shadow box (Resources page)*/
.box2 {padding:0 12px 0 0; background-color:#F1F2FA;}
.bi2 {padding:0 0 0 12px;  background-color:#F1F2FA;}
.bt2 {height:17px; margin:0 -12px;}
.bt2 div {width:18px; height:17px;}
.bb2 {height:17px; margin:0 -12px;}
.bt2 {height:17px; margin:0 -12px;}
.bb2 div {width:18px; height:17px;}
.box2 h1 {margin:0; padding:0.3em 10px; font:14px verdana,arial,monaco,sans-serif; background-color:#F1F2FA;}
.box2 h1 span{ text-decoration:underline;}
.box2 p, .box ul {margin:0; padding:4px 10px; background-color:#F1F2FA; font-size:12px}
.box2 li {margin:0 0 0 2em; padding:0;}
.box2 img {padding-top: 4px}

#browseList{
	list-style-type: none;
	padding-top: .2em;
	padding-bottom: .2em;
	color:#093DA1;
	font-weight: bolder;
}
#downloadTable{
	padding:1%;
	width:100%;
	background-color:#F1F2FA;
}
#downloadTable td{
	padding-bottom:20px;
}
#resourceList{
	text-align:center;
	padding:10px;
	background-color:white;
}
#resourceList ul, #resourceList li, #resourceList a{
	font:14px verdana,arial,monaco,sans-serif;
	background-color:white;
	display: inline;
}
#resourceList a{
	text-decoration: underline;
}
		
	
/* Image placement controls */
/* Make image liquid*/ .imagefloatright {float: right; padding-left: 5px;}
/* Make image liquid*/ .imagefloatleft {float: left; padding-right: 5px;}

/* Elements of the footer*/
#footer{
	border-top: 1px solid gray;
	text-align: center;
	font-size: 80%;
	color: white;
	background-color:#BFC6E8;
	line-height: 1.5;
	padding: 5px;
	background-image:url(images/texture.png);
	background-repeat:repeat;
} 
/* Search page styles */
#search fieldset {
	padding:10px;
	background-color: #F1F2FA;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#search label {padding-left: 10px}
#search img {width: 200px;}


#interactionSearch select {
width:400px;
}
#batchSearch select {
width:215px;
}
/* Browse page styles */
div#commentForm {//margin: 0px 20px 0px 20px; display: none; }
div#commentForm table{margin-left:auto; margin-right:auto;}
div#advancedForm {//margin: 0px 20px 0px 20px; display: none; }
div#interactionForm {//margin: 0px 20px 0px 20px; display: none;}
div#simpleForm {//margin: 0px 20px 0px 20px; display: none;}
div#batchForm {//margin: 0px 20px 0px 20px; display: none;}

.tableHeader{padding-top:5px; padding-bottom:5px; text-align: center; background: #4669B4; color: white; font-size: 14px; }
.displayOptionHeader{text-align: left; background: #4669B4; color: white; font-size: 14px; }
.tableRow{padding-top: 5px; padding-bottom: 5px; font-size: 12px; text-align: center } 
#searchResults {text-align: center; width: 800px; margin-left: auto; margin-right: auto;}
#searchFilter {width: 700px; margin-left: auto; margin-right: auto; padding-top:10px;}
#searchFilter fieldset {border:1px solid lightgrey}
fieldset h2{
	padding-left:0px;
	color:midnightblue;
	text-decoration:underline;
	font: bold 12px verdana,arial,monaco,sans-serif;
	
}
#resultCount {color: midnightblue; font-size:14px; } 
.resultPage {font-weight: bold; color: #000;}
#resultHeader {font-weight: bold; color: #000066;}
.texttable {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; font-weight: normal; text-align: left;}
.texttableDisplayOptions {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; font-weight: normal; text-align: right;}

input.button_up_down {font-size: 10pt; width: 35pt;}
.button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: midnightblue; background-color: #C8CDEB}

.login {align: center; width: 250px; margin-top: 20px; margin-bottom: 20px; border: 1px solid lightgrey; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; text-align: right; }


/* Records_1 page: tab menu navigation*/
#tabmenu {z-index: 1;}
#tabmenu li {display: inline; list-style-type: none; }
#tabmenu a, a.active {color: midnightblue; font: Arial, sans-serif; border: 2px solid black; padding: 5px 9px 3px 8px; margin: 0; text-decoration: none; }
#tabmenu a.active { background: url(images/"nav_bg.gif");}
#tabmenu a:hover { color: black; background: url(images/"nav_bg.gif") repeat-x bottom; }
#tabmenu a:visited { color: midnightblue; }
#tabmenu a.active:hover { color: midnightblue; }

/* Link colours */
a {color:#040422; text-decoration:none; }
a:link {color:#6666FF;}
a:visited {color:#6666FF;}
a:hover {background-color:#ddd;}

td.entrezGeneID {
width: 100px;
}

/* Results table styles to be used with displaytag library */
tr.odd {
padding-top: 10px; padding-bottom: 10px;
}
tr.even {
background: #FFFFCC; padding-top: 10px; padding-bottom: 10px;
}
thead tr { padding-top: 10px; padding-bottom: 10px; text-align: left; background: #C8CDEB; font-weight: bold; color: black;} 
thead a.active {color: black;} 
th.sortable {padding-top: 5px; padding-bottom: 5px; text-align: center; color: #000;}