body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 80%;
	padding:0px;
	height:100%; /*set the page body to use the full height of the window (only needed for IE)*/
	margin: 0px; /*set the page body margins to zero (only needed for IE)*/
	color:#000000;
	width:auto;
	background-color:#fff;
}
.archive {
	background-color:#e1e3f1;
}

h1 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height:1.3em;
}

h2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}
h2.red{
	color:#BA0B12;
	font-family:Arial,Helvetica,sans-serif;
	margin:0.5em 0 0em 0 ;
	padding-left:0;
	font-weight: bold;
}
.focal_point{
	color: #BA0B12;
	font-weight: bold;
}
pre{
	font-size: 1.2em;
	padding: 10px;
	margin-top:0;
}

table {
	font-size: 1em;
	padding: 0;
	margin: 0;
}
td{
	margin:0;
}
img {
	vertical-align: top;
	border: 0;
}
.home img, .picture img {
	margin: 0 0.75em 0.5em 0em;
}
.small_paddings {
	padding: 0 2px;
	}
.regular_margins {
	margin: 7px;
	}
.no_wrap {
	white-space:nowrap;
}

p {
	font-family: Arial, sans-serif;
	font-size: 1em;
}
p img { 
	padding-top:0;
}
.Heading img {
	display:inline;
	padding: 0.35em 0 0 0 ;
	vertical-align: top;
	border: 0;
}

.combo {
	font-family: Arial, sans-serif;
	font-size: 1em;
}
.but,#form1 input, #form1 select {
	font-family: Arial, sans-serif;
	font-size: 1em;
	
}
a,a.textlink {
	color:#000000;	
	text-decoration: underline;
}
a:hover,a.textlink:hover {
	text-decoration: underline;
	color:#CC3300;
	cursor: pointer;
}

a:visited,a.textlink:visited {
	color:#000000;	
	text-decoration: underline;
}
span.date {
	background-image:url(/images/redbullet.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:1em;
	color:#028238;
	}
ul.releases_list{
	list-style-type:none;
	margin:5px 10px 0 0;
	padding:0 0 0 0px;
	
}	
.releases_list li{
	padding-bottom:6px;
}

.releases_list a{
	font-style:italic;
	line-height:1.2em;
	text-decoration: underline;
}

.one_row_list	{
	list-style-type:none;
	margin-left:10px;
	padding-left:0px;
}
.one_row_list li{
	margin-right:30px;
	display:inline;
	font-weight:bold;
}
.picture {
	float:left;
	padding:5px 10px 0px 5px;
	margin-bottom:5px;
}
.caption {
	padding:0 0 0 0;
	display:block;
	margin:0;
	font-size:0.85em;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	max-width: 20em;
	width: expression( document.body.clientWidth < 20.2em? "20em" : "auto" ); /* set min-width for IE */
}
.form_instuctions{
	padding:0 0 0 0;
/*	display:block;*/
	margin:3px 0 10px 0;
	font-size:0.85em;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
/*	max-width: 20em;*/
/*	width: expression( document.body.clientWidth < 20.2em? "20em" : "auto" ); /* set min-width for IE */
}
.label{
	font-size:1em;
	/*padding-top:0.3em;*/
}
.label,.select_organism1 .label,.select_collaborator1 .label{
	font-size:0.85em;
	font-weight: bold;

}

.home, .info{
	padding: 10px 10px 15px 10px;
	clear: both;
}
.home p, .info p {
	margin-top: 0px;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
}
.home ul, .info ul {
	font-size:1em;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
}
.home h2, .info h2 {
	font-size:1em;
	font-weight:bold;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
}

.tips{
	background:transparent url(/images/announcementsIcon_specific.gif) no-repeat left center;
	font-family: Arial, Helvetica, Sans-serif;
	padding-left:22px;
	color: #4D226D;
	font-size: 1.3em;
	font-weight: bold;
	font-style: normal;
	margin: 10px;
}
.green_message{
	background:transparent url(/images/bubble_icon_green.png) no-repeat left bottom;
	font-family: Arial, Helvetica, Sans-serif;
	padding-left:18px;
	font-weight: bold;
	font-style: normal;
	margin: 0 10px;
}
.red_message{
	background:transparent url(/images/bubble_icon_red.png) no-repeat left bottom;
	font-family: Arial, Helvetica, Sans-serif;
	padding-left:18px;
	font-weight: bold;
	font-style: normal;
	margin: 0 10px;
}

.blue_message{
	background:transparent url(/images/bubble_icon_blue.png) no-repeat left bottom;
	font-family: Arial, Helvetica, Sans-serif;
	padding-left:18px;
	font-weight: bold;
	font-style: normal;
	margin: 0 10px;
}

.tmpl-status-text table {
	width: 560px;
}

.tmpl-status-text td:first-child{
	text-align: right;
	width:200px;
	vertical-align: top;
}

.tmpl-status-text td:first-child:after{
	content:":";
}

.org {
	font-weight:bold;
}

.par {
	font-size:1em;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:10px;
}
.download {
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	/*margin-left:10px;*/
}
.download p {
	font-style:normal;
	margin-left:10px;
}
.download h2 {
	font-weight:bold;
	font-style:normal;
	font-size: 1.2em;
}
.download h3 {
	font-style:italic;
	font-weight:bold;
	font-size: 1.1em;

}
.download h4 {
	font-style:italic;
	font-weight:bold;
	font-size: 1em;

}
.header_wrap{
	background-color: #fff;
	width:auto;
	padding-top: 0px;
	clear:both;
}
.content_portal{
	margin:0px;
	border: 0px solid green;
	padding: 0.5em 10px 0.5em 10px;
	min-width:980px;
}
/*.genome_search{
		padding:0;
		margin: 0;
		width:auto;
		padding:10px;
		background-color: #eff0f0;
		clear:both;
}*/
.select_organism{
		padding-top: 0;
		margin-top: 0;
		top:0;
		width:auto;
		padding-left: 1em;
		background: #eff0f0 url(/images/selOrgBG.gif) repeat-x left bottom;
		height:49px; 
		min-width:980px;
}
.select_organism1{
		padding:0px 0 7px 10px;
		margin-top: 0;
		top:0;
		width:auto;
		min-width:690px;
		width: 690px;
}
.selector{
}

.kingdomSelectBox{
		font-size: 0.95em;
		font-family: Arial, Helvetica, sans-serif;
}
.orgSelectBox{
		font-size: 0.95em;
		font-family: Arial, Helvetica, sans-serif;
}
.search_criteria{
		font-size: 0.95em;
		font-family: Arial, Helvetica, sans-serif;
		padding: 2px 1px 2px 5px;
		border: 2px solid #98979b;
		background-color: #fff;
	
}
.select_collaborator{
		width:auto;
		padding: 0.75em 0 0 0.4em;
		background-color: #fff ;
		height:49px; 
}
.grey_row{
		width:auto;
		padding: 0.75em 0 0px 0;
		background-color: #eff0f0 ;
		height:10px; 
		line-height:0px;
		min-width:980px;
		margin-bottom:0px;
		border:0;
		clear:both;
}

.row_select_org
{
	top:0px;
	float: left;  
	clear: left;  
	margin:0;
	padding: 0;
	width: 690px;
	
}
.row{
	top:0px;
	float: left;  
	clear: left;  
	margin:0;
	padding: 0;
	width: 980px;
	
}
.together{
	display:block;
	float:left;
	padding:0 0.3em 0 0;
	width:auto;
}
.together_home{
	display:block;
	float:left;
	padding:0 0.3em 0 0;
}
.together_home1{
	display:block;
	float:left;
	padding:0 0.3em 0 0;
}
.wrapper_right_content{
	float: left;
	width: 100%;
	}
.right_content{
	padding:5px 0 0 0;
	white-space:normal;
	color: #000;
	line-height:1.3em;
	margin-left: 73%;
	min-width: 27%;
}
.left_content{
	padding: 0;
	white-space:normal;
	line-height:1.3em;
	float:left;
	margin-left: -100%;
	width: 73%;
}
.main_content{
	padding: 0;
	white-space:normal;
	line-height:1.3em;
	margin:0
}
.secondary_content{
	padding:0em;
	display:block;
	float: left;
	width: 25%;
	white-space:normal;
	clear:right;
	color: #000;
	line-height:1.3em;
}

.label_block{
	padding:15px 20px 10px 0;
	margin:0;
	display:block;
	float: left;
	text-align:right;
	width: 150px;
	font-weight: bold;
	white-space:normal;
	color: #000;
	line-height:1.3em;
}
.label_details{
	padding:3px 15px 0px 0;
	margin:0;
	display:block;
	float: left;
	text-align:left;
	font-weight: bold;
	white-space:normal;
	color: #333;
	line-height:1.3em;
	clear:left;
}
.explanation{
	padding:15px 0 10px 0;
	margin:0;
	display:block;
	float: left;
	width: 100px;
	white-space:normal;
	color: #000;
	line-height:1.3em;
	width: 480px;

}
.info_details{
	padding: 3px 0 0 0;
	margin:0;
	display:block;
	float: left;
	white-space:normal;
	color: #000;
	line-height:1.3em;
	text-align:left;
}

.screenshot{
	display:block;
	border:1px solid #cccccc;
	padding:0;
	margin:10px;
}
.message{
	margin:0.7em 0 0.4em 10px;
	position:relative;
	padding: 0 1em 0.7em 1em;
	display:block;
	font-size: 1em;
	width: 655px;
	white-space:normal;
	line-height:1.4em;
	border: 1px solid #558883;	
	background-color: #fffeee;
	clear:both;
}
.message_text{
	padding: 1em 0 0 0;
}
.highlight{
	background-color:#FAFEFF;
	border:2px solid #A4C5CA;
	clear:both;
	margin: 10px 10px;
	padding:0.75em;
	font-size: 1em;
	line-height:1.25em;
	max-width:470px;
}
.release_section{
	color:#000000;
	border:0;
	padding: 0.5em 0 0 1em;
	margin:0px;
}
.release_section_home{
	margin: 10px 10px 5px 1em;
	color:#000000;
	border:1px solid #A4C5CA;;
	padding: 0 10px 5px 10px;
}

.content_navigation{
	width:auto;
	padding-top: 0px;
}
.clear{
	clear:both;
	width: 0;
	padding: 0;
	margin: 0;
	height:0;
	line-height: 0;
	font-size: 0;
}
.menu_last {
	border-right:none;
}
.header_image {
	display:block;
	float:left;
	width:auto;
	border: none;
	padding:0px 0px 0px 10px;
}
.header_top {
	width:auto;
	height:18px;
	text-align:right;
	padding: 2px 0px 1px 0px;
	margin: 0;	
	width:auto;
	border:none;
	vertical-align: top;
	min-width:980px;
	clear:both;
}
.organismName{
	vertical-align: top;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	padding:0 ;
	height: 18px;
	padding-right:10px;
	line-height:1.25em;	
	/*white-space:nowrap;*/
	float:right;
}
.image_draft{
	width:16px;
	display:block;
	float:right;
	padding: 1px 5px 0 0;
	background:transparent url(/images/draftStatus_icon.gif) no-repeat left bottom;
	background-color: transparent;
	border: 0px ;
	position:relative;
	height:16px;

}
.dot_draft{
	width:16px;
	display:block;
	float:right;
	background:transparent url(/images/draft_dot.gif) no-repeat left bottom;
	background-color: transparent;
	border: 0px ;
	position:relative;
	height:16px;
}
.status_draft{
	vertical-align: middle;
	float:right;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	display: block;
	padding:0em 0.5em 0em 0em;
	position:relative;	
	line-height:1.25em;	
	color: #4f5052;

}
.image_finished{
	width:16px;
	display:block;
	float:right;
	padding: 1px 5px 0 0;
	background:transparent url(/images/finishedStatus_icon.gif) no-repeat left bottom;
	background-color: transparent;
	border: 0px ;
	position:relative;
	height:16px;

}
.dot_finished{
	width:16px;
	display:block;
	float:right;
	background:transparent url(/images/finished_dot.gif) no-repeat left bottom;
	background-color: transparent;
	border: 0px ;
	position:relative;
	height:16px;
}
.status_finished{
	vertical-align: middle;
	float:right;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	display: block;
	padding:0em 0.5em 0em 0em;
	position:relative;	
	line-height:1.25em;	
	color: #006f49;

}
.image_archive{
	width:16px;
	display:block;
	float:right;
	padding: 1px 5px 0 0;
	background:transparent url(/images/archivedStatus_icon.gif) no-repeat left bottom;
	background-color: transparent;
	border: 0px ;
	position:relative;
	height:16px;

}
.dot_archive{
	width:16px;
	display:block;
	float:right;
	background:transparent url(/images/archived_dot.gif) no-repeat left bottom;
	background-color: transparent;
	border: 0px ;
	position:relative;
	height:16px;
}
.status_archive{
	vertical-align: middle;
	float:right;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	display: block;
	padding:0em 0.5em 0em 0em;
	position:relative;	
	line-height:1.25em;	
	color: #00259d;
}

 /* end of global style*/
 

 /* style for the top subnavigation: JGI home, Genomes, Login*/ 
#subnavleft {
	margin:0pt;
	padding:0.15em 0em 0em 1em;
	display:block;
	text-align:left;
	vertical-align:top;
	font-family: Arial,Helvetica,sans-serif;
	font-size:0.85em;
	float:left;

}
#subnavicons {

	bottom:0px;
	list-style-image:none;
    list-style-position:outside;
	margin:0px;
	padding:0px;
	list-style-type:none;
	/*position:relative;*/
	width:auto;
	vertical-align: top;
	top: 0px;
	float:left;
}
#subnavicons li {
	display:block;
	float:left;
	margin: 0;
	border: none;
	padding:0px;
}
#subnavicons a.textlink {
	padding:0.23em 0.7em 0.2em 0.2em;
	color:#333333;
	text-decoration:none;
	display:block;
	float:left;
	vertical-align:top;
	line-height: 1.1em;
	margin: 0;

}

#subnavleft img {
	border: 0;
	padding:0;
	margin:0;
}

#subnavicons a.textlink:hover {
	color:#CC3300;
	text-decoration:underline;
}

#subnavicons a:visited {
	color:#333333;
	text-decoration:none;
}
 /* end of style for the top subnavigation: JGI home, Genomes, Login*/
 
 
 /* style for the main subnavigation: search, BLAST, Browse etc.*/
.menu_holder{
	width:auto;
	background:transparent url(/images/topNavBG.gif) repeat-x left bottom;
	background-color:#ffffff;
	border-top: 1px solid #86a3af;
	border-bottom: 1px solid #86a3af;
	vertical-align:bottom;
	height:1.72em;
	bottom:0px;
	position:relative;
	min-width:980px;
	clear:both;
}

.menu_group {
	position:relative;
	display:block;
	font-size:85%;
	font-weight:bold;
	background:transparent url(/images/topNavBG.gif) repeat-x left bottom;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
	vertical-align:bottom;
	width:auto;
	margin:0px;
	padding:0px;
	bottom:0px;
}
.menu_group ul {
	bottom:0px;
	list-style-image:none;
    list-style-position:outside;
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:relative;
	min-width:75em;
	vertical-align: bottom;
}

.menu_group ul li {
	display:block;
	float:left;
	margin:0 1px 0 0;
	border: none;
	padding:0px;
}
.menu_group ul li a {
	background: transparent url(/images/topNavBG.gif) repeat-x left bottom;
	border: 0px;
	display:block;
	float:left;
	color:#4D226D;
	text-decoration:none;
	padding: 0.4em 1.2em 0.28em 1.2em;
	margin-bottom: 1px;
	white-space:nowrap;
	line-height:1.38em;
}
.menu_group ul li a:hover{
	border: 0px;
	text-decoration:none;
	color:#fff;
	background: #abb7d2 url(/images/topNavBG_over1.gif) no-repeat scroll center bottom;
}
.menu_group ul li a:focus{
	text-decoration:none;
	color:#fff;
	border: none;
	background:#abb7d2 url(/images/topNavBG_over1.gif) no-repeat scroll center bottom;
}

.menu_group ul li a.selected {
	text-decoration:none;
	color:#fff;
	background:#abb7d2 url(/images/topNavBG_over1.gif) no-repeat scroll center bottom;
	vertical-align: bottom;
	bottom: 0px;
	line-height:1.38em;
}
.menu_group ul li .disabled {
	background:transparent url(/images/topNavBG.gif) repeat-x left bottom;
	border:0;
	display:block;
	float:left;
	text-decoration:none;
	color:#999;
	padding: 0.4em 1.2em 0.28em 1.2em;
	margin-bottom: 1px;
	cursor: default;
	white-space:nowrap;
	line-height:1.38em;
}
.menu_group ul li a.menu_help {
	text-decoration:none;
	color:#BA0B12;
}
.menu_group ul li a.menu_help:hover {
	color:#fff;
}
/* end of style for the main subnavigation: search, BLAST, Browse etc.*/

/* templates pages style*/
.header_title{
	color: #4F77BD;
	display: block;
	/*float: left;*/
	font-weight: bold; 
	font-size:1.3em;
	margin:0;
	padding: 10px 0 10px 0;
	font-family:Arial,Helvetica,sans-serif;
	clear:both;
}
.wrapper{
	margin:0px;
	padding:0px;
	bottom:0px;
	clear:both;
}
.wrapper a:hover{
	color: #cc3300;

}
.wrapper_buttons{
	width:auto;
	float:left;
	margin:0px;
	padding:5px 0px 10px 0px;
	clear:both;
}

.wrapper p{
	padding: 10px 10px 10px 1em;
	margin:0px;
	color:#000000;
	font-size:1em;
}
p.tree_caption{
	margin:0;
	font-size: 11px;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0 10px ;
}
.label_form{
	color: #000000;
	font-size: 1em; 
	line-height: 1.5em; 
	height: 1.5em;
	padding: 0 0 0.5em 0px;
	width: 12em;
	display: block;
	float: left;
	clear: both;
	margin:0px;
}
.trans_label_form{
	color: #000000;
	font-size: 1em; 
	line-height: 1.5em; 
	padding: 0 0 0.5em 0;
	width: 15em;
	display: block;
	clear:right;
	float: left;
	margin:0px;
}
.trans_checkbox{
	line-height: 1.5em; 
	padding: 0 0 0 10px;
	margin:0px;

}

.input_GetDNA{
	color: #000000;
	font: normal 1em Arial; 
	line-height: 1.5em; 
	height: 1.5em;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0 0 0em 0em;
	vertical-align:middle;
	margin:0px;
}
.options_title{
	color: #333333;
	font-size: 1em; 
	line-height: 1.5em; 
	height: 22px;
	padding: 0.25em 0 0 10px;
	width: auto;
	display: block;
	font-weight: bold;
	float: none;
	clear:both;

	
}
.button_styled, .button_styled_blue {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #000 !important;
	font-weight: normal;
	padding:3px 6px;
	margin:5px 0 5px 0;
	border-right:1px solid #3e8931;
	border-bottom: 1px solid #3e8931;
	border-left:1px solid #56be45;
	border-top: 1px solid #56be45;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: #e1ffe2 url(/images/button_grad2.gif) no-repeat center top;
	cursor:pointer;
	cursor:hand;
	text-decoration: none;

}
a.button_styled, a.button_styled:active {
	text-decoration: none;
	}
.button_styled:hover{
	background: #e1ffe2 url(/images/button_grad2.gif) no-repeat center bottom;
	text-decoration: none;
}
.button_styled_blue{
	background: #e1ffe2 url(/images/button_grad1_blue.gif) no-repeat center bottom;
	text-decoration: none;

}
.button_styled_blue:hover{
	background: #e1ffe2 url(/images/button_grad2_blue.gif) no-repeat center bottom;
	text-decoration: none;
}
.fixed_menu {
	/*position: absolute; /*set the position type for non IE systems*/
	top: 0px; 
	right: 0px; 
	width:100%; 
	text-align: right;
	margin: 0px;
	height: 20px;
	background-color: #cfdddf;
	border-bottom: 1px solid #a4b3b6;
	z-index: 100;
}

.float_right {
	display:block;
	float:right;
	top:0;
	}

.float_left {
	display:block;
	float:left;
	top:0;
	}

/* end of getDNA pages style*/

/*    */

/* Footer styles*/
dl#footnote{
	position : absolute;
	left : -1000em;
	width : 900em;
	}
.divider {
	top:0;
	background-color:#558883;
	border:0px;
	font-size:0px;
	height:1px;
	line-height:0px;
	margin:0px;
	padding:0px;
	width:auto;
	clear:both;
	min-width:980px;
}
#footer {
	background-color: #fff;
	top:0;
	background-image:none;
	background-repeat:no-repeat;
	height:50px;
	left:0pt;
	margin-top:0pt;
	padding:4px 0 0 0;
	position:relative;
	right:0pt;
	width:auto;
	min-width:980px;
}
#footer p {
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.85em;
	margin-bottom:6px;
	margin-top:0px;
	padding-top:1px;
	padding-left:0px;
	}
/*.footer {
	font-size:0.9em;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:10px;
}*/
.version{
	display:block;
	clear:left;
	margin-left:0px;
	margin-top:0px;
	font-size:0.85em;
	color: #999999;
}
#footer p a.textlink {
	margin-right:15px;
}
#footer p a.textlink:hover {
	color: #cc3300;
}
#doelogo img{
	float:right;
	margin-left:20px;
	margin-top:6px;
	position:relative;
	width:201px;
	padding-bottom: 0px;
}
#doescilogo img{
	float:right;
	margin-left:20px;
	margin-top:4px;
	position:relative;
	width:104px;
	padding-bottom: 0px;
}
#uclogo img{
	float:right;
	margin-left:20px;
	margin-top:0px;
	position:relative;
	width:45px;
	padding-bottom: 0px;
}
#updated {
	margin-left:100px;
}
/* end of footer styles*/
/*start table formating style*/
.simple_stat {
	padding: 0px;
}
.simple_stat td {
	padding: 3px;
}
.simple_stat .firstcell {
	text-align: right;
	vertical-align: top;
	font-weight:normal;
}
.simple_stat .datacell {
	text-align: left;
	font-weight:normal;
	padding-left: 10px;
	width: inherit;
}
.simple_stat .oddrow {
	background-color: white;
}
.stat {
	background-color: #d7dde4;
	padding: 0px;
	font-size:1em;
	margin-top: 10px;
	margin-bottom: 10px;
}
.stat td {
	padding: 3px;
}
.headrow {
	background-color: #daebff;
}
.subheadrow {
	background-color: #daebff;
	font-weight:normal;
	font-style:italic;
}
.evenrow {
	background-color: white;
}
.oddrow {
	background-color: #fefff8;
}
.firstcell {
	text-align: right;
	font-weight:normal;
}
.headcell {
	background-color: #daebff;
	text-align:center;
	font-weight:bold;
}
.datacell {
	text-align: right;
	width:100px;
	font-weight:normal;
}
/*end table formating style*/



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
	background: transparent url(/images/square-gray-left.gif) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Arial; 
	line-height: 16px; 
	height: 22px;
	padding-left: 9px;
	text-decoration: none;
	cursor: pointer;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color: #000000;
	text-decoration: none;
}

a.squarebutton span{
	background: transparent url(/images/square-gray-right.gif) no-repeat top right;
	display: block;
	padding: 3px 9px 3px 0;
}

html>body a.squarebutton span{
	height:16px;
	text-decoration: none;
}



a.squarebutton:hover{ 
	background-position: bottom left;
	color: #000000;
	text-decoration: none;
}

a.squarebutton:hover span{ 
	background-position: bottom right;
	color: #000000;
	text-decoration: none;
}

.buttonwrapper{ 
	overflow: hidden; 
	width: 100%;
}
/*end of css buttons*/

a.general_links{
/*	display: block;
	float: left;*/
	color: #000;
	line-height: 1em; 
	margin: 0em 0.3em 0 0.3em; 
	text-decoration:underline;
	font-weight: normal;
	font-size: 1.0em;
}
a.general_links span{
	/*display: block;*/
	margin: 0; 
}
a.general_links:hover span{
	color:#CC3300;
	text-decoration:underline;
}
/*specific links with icons as a BG*/
.system_icon {
		margin-right: 3px;
	}
.clusterLink,.clusterLink:link,.clusterLink:hover,.clusterLink:visited{
		padding: 2px 0;
		font-weight: bold;
		text-decoration: underline;
		background-position:left center;
		background-image: url(/images/clusters_icon.gif);
		background-repeat: no-repeat;
		padding-left: 23px;
}
.blastLink,.blastLink:link,.blastLink:hover,.blastLink:visited{
		padding: 2px 0;
		font-weight: bold;
		text-decoration: underline;
		background-position:left center;
		background-image: url(/images/blast_icon.png);
		background-repeat: no-repeat;
		padding-left: 23px;
}
.downloadLink,.downloadLink:link,.downloadLink:hover,.downloadLink:visited{
		padding: 2px 0;
		font-weight: bold;
		text-decoration: underline;
		background-position:left center;
		background-image: url(/images/download_icon.gif);
		background-repeat: no-repeat;
		padding-left: 23px;
}
.searchLink,.searchLink:link,.searchLink:hover,.searchLink:visited{
		padding: 2px 0;
		font-weight: bold;
		text-decoration: underline;
		background-position:left center;
		background-image: url(/images/search_database_icon.png);
		background-repeat: no-repeat;
		padding-left: 23px;
}
.phytozomeLink,.phytozomeLink:link,.phytozomeLink:hover,.phytozomeLink:visited{
		padding: 2px 0;
		font-weight: bold;
		text-decoration: underline;
		background-position:left center;
		background-image: url(/images/phytozome_16X16.png);
		background-repeat: no-repeat;
		padding-left: 23px;
}

/*my JGI Portal*/
#CustomTracksForm img, #userSelectionContentTable img{
	padding:0;
	margin:0;
	display: inline;
}

.dr-table-subheadercell{
	text-align:left;
}
.featureText {
	font-size : 1em;
	border:0;
	background-color: #FFFEEE;
	margin:10px 0 10px 0;
	padding: 3px ;
	vertical-align:middle;
	clear:both;
	width: inherit;
}
.rich-sb-overflow {
	background-color: #fff;
	font-size: 1em;
}
.rich-sb-int, .richfaces_suggestionEntry{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;

}

.rich-sb-int-sel, .richfaces_suggestionSelectValue {
	color: #000;
	background: none;
	background-color: #f1f3ff;
	border-top: 1px solid #c5dde7;
	border-bottom: 1px solid #c5dde7;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

div.greybutton{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 11px Arial; /* Change 12px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 22px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
cursor: pointer;
margin: 5px 10px 5px 0px;
}

div:hover.greybutton{
background-position: bottom left;
color: #000000; /*button text color*/
text-decoration: none;
}

div.greybutton .greybutton_right{
font: bold 11px Arial; /* Change 12px as desired */
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 3px 9px 3px 0; /*Set 9px below to match value of 'padding-left' value above*/
margin:0;
border:0;
cursor: pointer;
}

html>body input.greybutton_right{
height:22px;
text-decoration: none;
}



div.greybutton:hover{ /* Hover state CSS */
background-position: bottom left;
color: #000000;
text-decoration: none;
}

div.greybutton:hover .greybutton_right{ /* Hover state CSS */
background-position: bottom right;
color: #000000;
text-decoration: none;
}
/*end of Dynamic Drive CSS Library */


.skipnav {
	padding: 0;
	margin: 0;
	float: left;
	line-height: 0;
	font-size:0;
	height:1px;
	width:1px;
	top:0;
}
.program_add_img{
	float:left;
	border:0;
	margin: 10px 0;
	padding:0px ;
	width: 38%;
}
.program_add_mycocosm {
	float:left;
	border-right: 1px solid #A4C5CA;
	border-left: 1px solid #A4C5CA;
	margin: 10px 0;
	width: 32%;
	padding:0px;
}
.program_add_phytozome {
	border-right: 1px solid #A4C5CA;
	float:left;
	border:0;
	margin: 10px 0;
	padding:0;
	width: 27%;
}
.program_add_img img{
	background:#fff url(/images/img_icon.png) no-repeat scroll left  top;
}
.program_add_img img:hover{
	background:#fff url(/images/img_icon_over.png) no-repeat scroll left  top;
}
.program_add_mycocosm img{
	background:#fff url(/images/mycocosm_icon.png) no-repeat scroll left  top;
}
.program_add_mycocosm img:hover{
	background:#fff url(/images/mycocosm_icon_over.png) no-repeat scroll left  top;
}
.program_add_phytozome img{
	background:#fff url(/images/phytozome_icon.png) no-repeat scroll left  top;
}
.program_add_phytozome img:hover{
	background:#fff url(/images/phytozome_icon_over.png) no-repeat scroll left  top;
}
img.program_icons{
	float:left;
	border:0;
	margin:1px 7px 0 5px;
	vertical-align:middle;
	}
.noborder_block{
	margin:10px 0px 10px 0;
	padding:5px 10px 0px 10px;
}
.bordered_block{
	border: 1px solid #A4C5CA;
	margin:9px;
	padding:5px 10px 5px 10px;
	max-width:470px;
}
ul.programs{
	list-style-image:none;
    list-style-position:outside;
	margin:0;
	padding:0;
	list-style-type:none;
	vertical-align: top;
	float:left;
	min-width:230px;
	}
	
.legend_list{
	list-style-image:none;
    list-style-position:outside;
	padding:0px;
	list-style-type:none;
	position:relative;
	vertical-align: top;
	margin:5px 0;
	text-indent:-60px;
	padding-left: 50px;
	}	
	
.legend_list li{
	margin: 10px;
	}	
 .legend_list img{
	display:inline;
	}	
.programs li{
	display:block;
	font-weight:normal;
	min-height: 47px;	
	/*border-bottom: 1px solid #999;*/
	padding:0;
	margin:0px 0 0px 0;
	line-height:47px;
	white-space:nowrap;

	}
.programs a:link,.programs a:hover,.programs a:visited{
	margin:0;
	text-decoration:underline;
	padding: 12px 10px 12px 47px;
	height:43px;
	vertical-align:middle;
		}
.programs a:hover{
	text-decoration:underline;
}
li.fungal{
	background:#fff url(/images/fungal_program_icon.gif) no-repeat scroll left  center;
}
li.fungal:hover{
	background:#fff url(/images/fungal_program_icon_over.gif) no-repeat scroll left  center;
	
}
li.metagenomics{
	background:#fff url(/images/metagenomics_program_icon.gif) no-repeat scroll left center;
}
li.metagenomics:hover{
	background:#fff url(/images/metagenomics_program_icon_over.gif) no-repeat scroll left center;
}
li.microbial{
	background:#fff url(/images/microbial_program_icon.gif) no-repeat scroll left center;
}
li.microbial:hover{
	background:#fff url(/images/microbial_program_icon_over.gif) no-repeat scroll left center;
}
li.plant{
	background:#fff url(/images/plant_program_icon.gif) no-repeat scroll left center;
}
li.plant:hover{
	background:#fff url(/images/plant_program_icon_over.gif) no-repeat scroll left center;
}

.table-dump-link {
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	display: block;
}
.helptips {
    background-color: #FFFEEE;
    border: 1px solid #558883;
    color: #333333;
    padding: 10px;
}

/* collapsible panels*/
.rich-mpnl-body {
    padding: 0;
}
.section_container {
	text-decoration: none;
	top:0;
	text-align: left;
	vertical-align: middle;
	border: 0;
	margin: 10px 0 0 0;
	padding: 0 0 0px 0;
	background-color: #e5e9ee;
	border-bottom: 1px solid #ACB0E1;
	border-left: 1px solid #ACB0E1;
	border-right: 1px solid #ACB0E1;
	border-top: 1px solid #ACB0E1;

}
.main_header, .configuration_applet .main_header  {
	font-weight: bold;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	padding: 3px 0px 0px 5px;
	text-align: left;
	background-color: #d3d4ef;
	vertical-align: middle;
	border:0;
	height: 23px;
}

.regular_margins .main_header{
	background-color: #999;
	height: 18px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 5px;
	width:100%;
	}

.sub_section_container {
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #b8c1d0;
	margin: 7px;
	padding: 7px 0px 7px 0px;
	background-color: #fff;
	width:auto;
	clear: both;
}
.sub_section {
	margin: 0 10px 0 10px;
	padding: 10px;
	border:none;
	/*position:relative;*/
}

.sub_header {
	font-weight: bold;
	background-color: #e5e9ee;
	padding: 2px 5px 2px 5px;
	margin-bottom: 15px;
	height: 20px;
	}

div.sub_section_graph {
	border: 0;
}

.sub_section_table {
	margin-top: 10px;
}

.sub_section input,.sub_section  select,.sub_section label, .sub_section button {
	margin: 0 0 5px 0;
	padding: 2px;
}
.no_frame,.no_frame .rich-panel-body{
	border: 0 none;
	padding:0;
	margin:0;
	border-width:0;
	background: none;
	font-size: 1em;
}
.no_frame .rich-laguna-panel-no-header{
	padding: 10px
	}
.graph_panel{
	border: 0 none;
	padding:0;
	margin: 5px 0 5px 0;
	border-width:0;
	background: none;
	width:100%;
}
.search-example {
	font-weight: bold;
	font-size: 1.0em;
}

.query {
	border: 1px solid gray;
	padding: 2px 2px 2px 2px;
	background-color: #fff;
}
.query_field,.query_field_auto {
	padding: 2px 1px 2px 5px;
	border: 2px solid #56BE45;
	background-color: #fff;
	}
.query_field {
	width: 350px
	}
.protected_top {
   		background-color: #ffe0ec;
}

#clustrmaps {
	float: inherit;
}
img.clustrmap_footer {
	float: left;
	width: 20px;
	height: 15px;
	margin-right:10px;
}
#theTree .rich-tree-node-highlighted {
	text-decoration: none;
	color: #000}
#theTree .rich-tree-node-highlighted a:hover{
	color: #cc3300}
.contributor-list {
	padding-left:0;
	}
.contributor { display: inline
}