
.major {
  padding-top: 20px;
  margin-left: 25px;
  font-size: 140%;
}

.main_title {
  padding-top: 20px;
  margin:0px 0px 5px 0px;
  font-size: 130%;
  font-style:italic;
  color:#444;
  
}

.sub_title {
  float:left;
  font-size: 100%;
  font-style:italic;
  padding-right:10px;
}

.section {
  margin-left: 0px;
  margin-right: 45px;
}

div.indent {
  margin-left: 35px;
  margin-right: 45px;
}
  
div.section ul li {
  padding-top: 5px;
  margin-left: 20px;

}

.analysistitle {
  padding-top: 3px;
  padding-bottom:5px;
  margin-left: 25px;
  font-size: 120%;
  color:#fff;
  font-style:italic;
}

#sub_nav li {
   float: left;
}

div#sub_nav_reference_genomes {
  margin-left: 0px;                                                                                                         
  margin-right: 20px;                                                                                                       
  height: 25px;                                                                                                             
  background:url("../images/sub_nav_ref.jpg") top left no-repeat;                                                           
}

img.floatleft { 
  float: left; 
  margin: 10px; 
}

.catalogtitle {
  padding-top: 3px;
  padding-bottom:5px;
  margin-left: 25px;
  font-size: 120%;
  color:#FFF;
  font-style:italic;
}

div#catalog_background {
  border-top:#003 2px;
  border-bottom:#003 2px;
  background-color:#e0f1fb;
  margin-bottom:20px;
  margin-left:50px;
  margin-right:50px;
  width:auto;
}

div#catalog_title {
  background-color:#003366;
  margin-top:30px;
  margin-left:50px;
  margin-right:50px;
  width:auto;
}

div#catalog_text {
  padding-top:10px;
  padding-left:20px;
  padding-right:30px;
  padding-bottom:3px;
}
	
div#analysis_background {
  border-top:#003 2px;
  border-bottom:#003 2px;
  background-color:#c7e6d6;
  margin-bottom:20px;
  margin-left:50px;
  margin-right:50px;
  width:auto;
}

div#analysis_title {
  background-color:#669966;
  width:auto;
  margin-top:30px;
  margin-left:50px;
  margin-right:50px;
}


div#analysis_text {
  padding-top:10px;
  padding-left:20px;
  padding-right:30px;
  padding-bottom:3px;
}	
	
#img_logo {
  margin-left: 0;
}

div#secondary_nav_ref {
	position:absolute;
    width: 240px;
    margin:222px 0px 0px 930px;
}

div#secondary_nav_tools {
	position:absolute;
    width: 240px;
    margin:215px 0px 0px 930px;
}

div#statistics {
    float: left;
    width: 225px;
    margin:170px 0px 0px 0px;

}

div.green_box_container{
background:url(../images/green_box_bg.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
}

div.container_bottom{
background:url(../images/container_bottom.jpg);
background-repeat:no-repeat;
width:320px;
height:25px;
margin:0px 0px 0px 0px;
}





div#project_catalog{
float:left;	
width:320px;

margin:0px 10px 0px 0px;
background:url(../images/hmp_pc_bg.jpg);
background-repeat:no-repeat;
}




div#img{
float:left;	
width:320px;

background:url(../images/img_bg.jpg);
background-repeat:no-repeat;
	
}


div#sequencing{
float:left;	
width:320px;
margin:0px 10px 10px 0px;
background:url(../images/sequencing_bg.jpg);
background-repeat:no-repeat;
}


div#metagenome{
float:left;	
width:320px;
background:url(../images/meta_bg.jpg);
background-repeat:no-repeat;
margin:0px 10px 10px 0px;
	
}



div#analyses{
float:left;	
width:645px;
height:200px;
background:url(../images/analyses_bg.jpg);
background-repeat:no-repeat;
margin:10px 0px 30px 3px
}




div.blank_space{
width:320px;
height:50px;
margin:0px 0px 0px 0px;
	
}


ul.bullet_list{
margin:10px 10px 10px 45px;

	
}


ul.highlight_area{
margin:5px 0px 0px 2px;
	
}

li.list_item{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#555;
list-style-type:disc;
	
}


.summary_text{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#555;
width:240px;
margin:10px 0px 0px 0px;
}

.img_text{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#555;
width:240px;
margin:10px 0px 0px 32px;
}

div#analyses_text{
margin:60px 40px 0px 25px;	
width:375px;
float:left;
}

div#analyses_list{
margin:60px 0px 0px 0px;	

}

.analyses_list{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
font-style:italic;
width:150px;
display:block;
float:right;
margin:-10px 60px 0px 0px;
}


#submit{
margin:10px 0px 0px 10px;	
}



#analyses_rg_bg{
width:695px;
height:478px;
margin:30px 0px 0px 0px;
	
}
	






table
{
	width: 600px;
	height: 100%;

	color: black;
	margin-left: 0px;
	margin-right: auto;
	

}

td
{
	vertical-align: middle;
	text-align: left;
	border: 0px none black;
	padding:10px 0px 10px 10px;
}

tr{
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}



.stat_img{
margin:0px 0px 20px 0px;	
	
}



ul.finishing_list{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
margin:5px 0px 0px 10px;
color:#555;
}

ul.finishing_list li{
padding-bottom:5px;
}


div.pc_link a{
width:200px;
height:50px;
position:absolute;
margin:5px 0px 0px 10px;
display:block;
}


div#img_link a{
width:200px;
height:50px;
position:absolute;
margin:5px 0px 0px 10px;
display:block;
}


div#analyses_link a{
width:200px;
height:50px;
position:absolute;
margin:5px 0px 0px 10px;
display:block;
}






p.legend{
font-size:9px;	
	
}


div#svn {
    float: left;
    width: 200px;
    margin:170px 0px 0px 18px;

}

div.svn_area{
width:225px;
height:125px;
margin-bottom:20px;

}



.svn_title{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#040;
padding:10px 0px 0px 3px;
font-style:italic;

}


.svn_text{
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#444;

}


	div.pc_container{
background:url(../images/green_box_bg.jpg);
background-repeat:repeat-y;
width:320px;
margin-top:60px;
}



div.center{
margin:0px 0px 0px 50px;
}










/* sub-navigation */



ul.navlist{
z-index:999;

}


ul.navlist li{
float:left;
text-align:center;	
}


.navcontainer { 
  width:800px;
  height:30px;
  margin:35px 0px 20px 0px; 
  position:relative;

}

.navcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size:14px;
  font-family: Arial, Helvetica, sans-serif;
}

.navcontainer a {
  display: block;
  padding:8px 10px 9px 10px;
  border-left:#999999 solid 1px;
  border-right:#999999 solid 1px;
  color:004080;
  float:left;
  margin-right:-1px;
  width:245px;
}

.navcontainer a.nav_stats {
  display: block;
  padding:8px 10px 9px 10px;
  border-left:#999999 solid 1px;
  border-right:#999999 solid 1px;
  color:004080;
  float:left;
  margin-right:-1px;
  width:245px;
}




.navcontainer li a:link {
  color:#004080;
  text-decoration: none;
}

.navcontainer li a:hover {
  color:#004080;
   border-left:#999999 solid 1px;
  border-right:#999999 solid 1px;
   text-decoration:underline;
}


.navcontainer ul li a#current {
 border-left:#999999 solid 1px;
  border-right:#999999 solid 1px;
  color:#000;
  font-weight:bold;
}





/* TABLE */


h2{
background:#BBB;
padding:6px 0px 6px 6px;
color:#000;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
margin:10px 0px 10px 0px;
}



div.sop_table_container {
    margin-bottom: 20px;
}
div.sop_table_container td.title a {
    display: block;
    text-decoration: none;
    padding-left: 25px;
    background: url('../images/icons/icon_pdf.gif') no-repeat left top;
    min-height: 21px;
}

div.sop_table_container td.title a.text {
display:inline;
background:none no-repeat left top;
    padding-left: 0px;

}

div.sop_table_container h2 {
    background-color:#BBB;
    margin-bottom: 10px;
    color:#000;
    padding: 5px 0 5px 10px;
}
div.sop_table_container table {

    border-collapse: collapse;
    width: 100%;
}
div.sop_table_container table td {
    border: 1px solid #AAA;
    padding: 5px;
}
div.sop_table_container table td.description p {
    font-size: 90%;
    padding-top: 10px;
}
div.sop_table_container table td.history {
    width: 100px;
}

.title{
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
color:#555;
text-align:center;
}

.title_descript{
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#555;
text-align:left;
}



.title{
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#555;
text-align:center;
}

.title_col_1{
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#555;
text-align:right;
background-color:#EEE;
}

.title_col_2{
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#555;
text-align:center;
background-color:#EEE;
}

.title_col_3{
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#555;
text-align:center;
background-color:#EEE;
}


.title_col_numbered{
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#555;
text-align:left;


}

.title-1{
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#555;
text-align:center;
width:200px;
}

.header_title{
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#000;
text-align:center;
}

.section_title{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#000;
margin:0px 0px 0px 5px;
background-color:#BBB;
text-align:center;
}

.section_title-1{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#000;
margin:0px 0px 0px 5px;
background-color:#BBB;
text-align:center;
width:150px;
}

.sample_title{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#000;
width:75px;
margin:0px 0px 0px 5px;
background-color:#DDD;
text-align:center;
}






/* greengenes */

div#greengenes_content{
width:700px;
margin:0px 0px 30px 0px;
}


img.greengenes{
margin:0px 30px 0px 10px;
float:left;
}

div#greengenes_text{

margin:0px 0px 10px 200px;
}


div#strain_thumbs{
width:850px;
height:150px;
margin:20px 0px 20px 0px;
}

.greengene_thumbs{
margin-right:20px;	

}

.indent{
display:block;	
margin-left:20px;	
}



/* access to strains */

div#bei{
width:375px;
height:350px;
margin:0px 25px 0px 0px;
float:left;
background:url(../images/bei_bg.jpg);

	
}

div#bei_img{

margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
}


div#repositories{
width:350px;
height:300px;
margin:0px 0px 0px 0px;

float:left;
	
}


p.bei_text {
    margin-bottom: 10px;
	text-align:justify;
	font-size:12px;
	padding:0px 0px 0px 0px;
}


div#contact{
width:830px;
height:100px;
margin:30px 0px 0px 0px;

	float:left;
}





div#microbiome_analyses{
float:left;	
width:645px;
height:200px;
background:url(../images/analyses_bg.jpg);
background-repeat:no-repeat;
margin:10px 0px 30px 0px
}


div#microbiome_analyses_text{
margin:0px 0px 0px 20px;
width:600px;

}


div#secondary_nav_analyses{
		position:absolute;
    width: 240px;
    margin:190px 0px 0px 930px;
	
}


div#secondary_nav_data{
		position:absolute;
    width: 240px;
    margin:95px 0px 0px 930px;
	
}


.sampling{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	margin:30px 0px 10px 0px;
	color:#222;
}


	
	div.pc_container{
background:url(../images/green_box_bg.jpg);
background-repeat:repeat-y;
width:320px;
margin-top:60px;
}









/* TABS */

ul.tabs {
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: left;
	list-style: none;
	height: 24px;
	width: 100%;
	
}
ul.tabs li {
	/*float: left;*/
	margin: 0;
	padding: 0;
	height: 24px;
	line-height: 31px;
	border-left: none;
	margin-bottom: -1px;
	background:none;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #555;
	display: block;
	font-size: 11px;
	padding: 0 5px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	color:#040;
	background: none;
}	

ul.tabs li a active {
	color:#040;
	background:none;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	color:#040;
	background:none;
	
}
.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	margin-top:180px;
}
.tab_content {
	padding: 0px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}










