@charset "utf-8";

tr.first{border-top:1px solid #000;border-bottom:1px solid #000;
size:18px}
tr.last{border-bottom:1px solid #000}
#index_content table {
    border: 0px;
	border-bottom:1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    width: 300px;

}




#index_content {
    float: none;
    width: 425px;
    text-align: center;
    margin-left: 335px;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}


#index_left table {
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    font: 15px Verdana, Arial, Helvetica, sans-serif;
    width: 230px;
}

.mainContent {
    background-color: #F9F9F9;
    border: 1px solid;
    border-color: #666666;
    margin: 0 auto;
    width: 898px;
    padding-top: 0px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0px;
}
#index_right {
    display: inline;
    float: right;
    width: 215px;
    padding: 5px;
    height: 780px;
}

#index_left {
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #000000;
    float: left;
    width: 300px;
    height: 820px;
    padding: 5px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 1.0em;
    text-align: left;
    line-height: 1.5;
    display: inline;
}

body{
   /* background-color: #f0f6fa;*/
    color:#404040;
    font-family:Helvetica,Arial,Verdana,sans-serif;
    min-width: 1000px;
    margin:0;
    padding:0;
}

body.careers{
    background-color:#f7ffde;
}

img {
	border:0px;
}

a,
.toggle{
    color:#4c9ac9;
    cursor:pointer;
    outline:0;
    text-decoration:underline;
}


#taxMenu li {
    font-family:Helvetica, Arial, Verdana, sans-serif;
    
    line-height:18px;
    margin-left:-20px;
    white-space: nowrap;
}

#taxMenu a,
.toggle{
    color:#4c9ac9;
    cursor:pointer;
    outline:0;
    text-decoration:underline;
}


#taxMenu ul {
    list-style-type: none;
}

#taxMenu lh {
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size: 11pt;
    margin-left: -15px;
    line-height: 30px;
    vertical-align: top;
}

.col{
    display:inline;
    float:left;
}
.col.last{
    float:right !important;
    margin-right:0 !important;
    margin-left:20px;
}
.threeCol .col{
    margin-right:42px;
    width:292px;
}
.twoCol .col{
    margin-right:42px;
    margin-left:2px;
    width:480px;
}

.left{
    float:left;
    margin:0 10px 10px 0;
}
.right{
    float:right;
    margin:0 0 10px10px;

    
}

p.caption{
    color:#4c9ac9;
    font-size:100%;
    line-height:18px;
}

h1{
    color:#036;
    font-family:"adelle",Helvetica,Arial,Verdana,sans-serif;
    font-size:160%;
    line-height:32px;
    margin-bottom:21px;
    font-weight:300;
}
h2{
    color:#036;
    font-family:"adelle",Helvetica,Arial,Verdana,sans-serif;
    font-size:154%;
    font-weight:300;
    line-height:21px;
    margin-bottom:15px;
}
h3{
    color: #036;
    font-family:"adelle",Helvetica,Arial,Verdana,sans-serif;
    font-size:130%;
    font-weight:300;
    line-height:20px;
    margin-bottom:15px;
}
h5{
    color:#7ca60a;
    line-height:18px;
    margin-bottom:2px;
    text-transform:uppercase;
}
h2 em{
    color:#7ca60a;
    font-size:18px;
    font-weight:300;
    font-style:normal;
}






.clearfix:after,
.box:after,
.oneCol:after,
.twoCol:after,
.threeCol:after,
.fourCol:after,
.featureItem:after,
.featureList:after,
.inner:after
{
    clear:both;
    content:".";
    display:block;
    height:0;
    line-height:0;
    visibility:hidden;
}
.clearfix,
.box,
.oneCol,
.twoCol,
.threeCol,
.fourCol
{
    display:block;
    zoom:1;
}




* html .clearfix,
* html .box,
* html .oneCol,
* html .twoCol,
* html .threeCol,
* html .fourCol,
* html .featureItem,
* html .featureList,
* html .inner,
* html .centeredBlock,
* html .toggleContent,
* html .cf li,
* html #overviewList li,
* html .boxDefCTA,
* html .videoList ul,
* html #videoComments li{
    height:1%;
}

input{
    outline:0;
}

#sideNav {
    border-right: #bbbbbb;
    border-right-style: dotted;
    margin-right: 25px;
    border-right-width: 1px;
    min-width: 200px;	
    max-width: 300px;

}

#container{
    min-width:960px;

}

#popupContainer{
    min-width:600px;
}

#header,#homeMidContent,#content,#sectionFooter,#footer{
    width:100%;
}

#popupContainer .box{
    display:block;
    margin:0 30px;
    
    max-width:1500px; 
    min-width:500px;
    width: 90%;
}

.box{
	display:block;
	margin:0 auto;
	padding:0 10px;
	position:relative;
	min-width: 960px;
	width:100%;
}

.selectMenu {
    height: 30px;
    
    padding: 1px;
    color: #666;
    border: none;
    font: 12px/21px arial,sans-serif;
    
    overflow: hidden;
}


#header{
    background:#036 url("../images/bgHeader.png") repeat-x center bottom;
    border-bottom:3px solid #57afe6;
    color:#fff;
    height:65px;
    margin-bottom:40px;
}


#header #logo{
    float:left;
    margin:18px 0 0 -2px; 
    width:175px;
    height:27px;
}



#mainImage{

    margin-top: -100px;
    margin-left: -15px;
    height: 390px;
    width: 450px;
}

#mainNav{
    left:200px;
    position:absolute;
    top:15px; 
    font-size:11px;
    overflow:hidden;

}


#mainNav ul{
    float:left;
    overflow:hidden;
    list-style-type:none;
    margin-left:-40px;  

}

#mainNav li{
    border-left:1px solid #9fc71c;
    float:left;
    margin-left:-1px;
}

#mainNav a{
    color:#cdeaf7;
    display:block;
    font-family:"adelle",Helvetica,Arial,Verdana,sans-serif;
    font-size:142%;
    font-weight:300;
    line-height:19px;
    padding:0 19px 0 15px;
    text-decoration: none;
}
#header a:hover{
    color:#9fc71c;
}
#mainNav .selected a{
    color:#9fc71c;
}
#subheader{
    background:#def1fa url("/libhtml_v3/images/bgMidUpper.jpg") repeat-x center;
    display:block;
    margin:-40px 0 28px;
    padding-top: 1px;
    padding-bottom: 18px;
    position:relative;
    height: 28px;;
}

#subheader h1{
    line-height: 20px;
}

#globalNav {
    color: #99aec7;
    line-height: 17px;
    float:right;
    padding-right:6px;
    padding-top:5px;
    font-size:11;
    font-family:Helvetica, Arial,Verdana,sans-serif;
    vertical-align: top;
    background: url("/libhtml_v3/images/bgGlobalNav.png") no-repeat right;
    text-align: right;
    width: 240px;
}

#globalNav a {
    color: #99aec7;
    line-height: 17px;
    padding-right:6px;
    padding-top:5px;
    font-size:11;
    font-family:Helvetica, Arial,Verdana,sans-serif;
    vertical-align: top;
    text-decoration: none;
}

#globalNav a:hover {
    text-decoration: underline;
}



#homeMidContent .wrapper{
    
    margin-top:-38px;
}

#intro button{
    margin:29px 12px 0;
}

#mainStatement{
    background:url("/libhtml_v3/images/maingraphic/mainImageOverlay-50Percent.032013.png") no-repeat left;
    color: white;
    float:left;
    width:900px;
    padding-left: 16px;
    padding-right: 26px;
    height: 90px;
}

#mainStatementStats{
    background:url("/libhtml_v3/images/maingraphic/statsOverlay-50Percent.032013.png") no-repeat left;
    color: white;
    float:left;
    width:900px;
    padding-left: 16px;
    padding-right: 26px;
    height: 90px;
}

#noticeBoard{  
    background:url("/libhtml_v3/images/maingraphic/alert_box.png") no-repeat left;
    color:red;
    float:right;
    max-width: 533px;
    width: 36%;
    
    height: 361px;
    padding-left: 6px;
    padding-right: 6px;
}


#mainStatement h1{
    color:#036;
    font-family:"adelle",Helvetica,Arial,Verdana,sans-serif;
    font-size:70%;
    line-height:30px;
    margin-bottom:21px;
    font-weight:100;
}

#intro .col{
    background:url("/libhtml_v3/images/maingraphic/mainImageOverlay-50Percent.png") no-repeat left;
    color: white;
    float:left;
    width:80px;
    padding-left: 20px;
    padding-right: 20px;
    height: 359px;
}
#intro .col.last{
    float:right;
    position:relative;

    top:-2px;
    background: none
}
#homeMidContent #intro .col.last{

    top:2px;
}

#home #homeBottomContent {
    background:url("/libhtml_v3/images/bgHomeContentBox.png");
    height: 300px;
    padding-left: 4px;
    padding-right: 4px;
    width: 960px;
}

#home #footer{
    margin-top:48px;
}

#homeMidContent .col{
    width:476px;
}
#homeMidContent #intro h1{
    font-size:180%;
    line-height:38px;
    margin-bottom:20px;
    color: #f6fff8;
    text-shadow: 1px -1px 1px black;
    font-weight:300;
}
#homeMidContent #intro p{
    color: white;
    font-family:"adelle",Helvetica,Arial,Verdana,sans-serif;
    text-shadow: 1px -1px 1px black;
    font-size:120%;
    line-height:31px;
}
#homeMidContent #intro .col.last{
    background-position:center;
    bottom:0;
    display:inline-block;
    height:32px;
    padding:157px 14px 264px;
    position:absolute;
    right:60px;
    top:auto;
    width:356px;
}
#homeMidContent #intro .col.last p{
    color:#036;
    font-family:"adelle",Helvetica,Arial,Verdana,sans-serif;
    font-size:13px;
    height:32px;
    line-height:28px;

    margin:0;
    padding:0;
    text-align:center;
}
#homeMidContent #intro .col.last p strong{
    font-size:17px;
    font-weight:700;
}
#homeMidContent #intro .col .centeredBlock{
    margin-left:10px;
}


#intro p.caption{
    font-size:14px;
    line-height:14px;
    margin:1px 0 0;
}


#portletContents table {
    margin: 0px;
    font-size: 10;
    width: 100%;
    font-family:Helvetica,Arial,Verdana,sans-serif;
    border-collapse: collapse;
    text-align: left;
}
#portletContents td, th {
    border-top: 1px;
    border-top-color: black;
    padding: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#portletContents tr td {
	border-bottom:1px solid #eeeeee;
	text-align: center;
}

#portletContents th {
    padding-top: 3px;
    padding-bottom: 3px;

}

#portletContents thead {
    background-color: #eeeeee;
}

#portletContents p {
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size:12px;
}

.innerPortlet h4 {
    font-size: 1.1em;
    padding: 3px;
    padding-left: 22px;
}


.dashedLine{
    border-top: 1px dashed;
}
#footer{
    background: url("../images/bgFooter.png") repeat-x center;
    color:#cdeaf7;
    margin:28px 0 -16px;
    clear: both;
}


#footer .box{
    padding:47px 0 27px;
}

#footer .box table{
	margin:0px auto;
}

#footer .col{
    float:left;
    margin:0 40px 0 0;
    min-width: 15%;
    text-align: left;

}
#footer h4{
    
    color:#7ca60a;
    font-family:"adelle",Helvetica,Arial,Verdana,sans-serif;
    font-size:13px;
    font-weight:100;
    line-height:16px;
    
    margin-bottom:9px;
    border-bottom:1px solid #275783;
    text-transform:uppercase;
}
#footer h4 a{
    color:#7ca60a;
}
#footer h4 a:hover{
    text-decoration:none;
}
#footer ul{

    padding:16px 0;
    list-style-type:none;
}
#footer li{
    margin-bottom:8px;
    line-height:18px;
	font-size:12px;
}
#footer a{
    text-decoration:none;
}
#footer a:hover{
    color:#4c9ac9;
    text-decoration:underline;
}
#footer a.cta{
    font-size:9px;
    text-transform:uppercase;
}
#footer a.cta span{
    color:#9bb907;
    font-size:12px;
}
#footer .col.last p{
    font-size:11px;
    line-height:11px;
    margin:0 0 5px;
}

.footerMenu {
    padding:0 20px 0 20px;
    min-width: 15%;
    text-align: left;
}

#footer #copyright {
	padding-left:20px;
    
}




#usermenu {
    background:#def1fa;
}

#usermenu a {
    color: #4c9ac9;
}

#usermenu a:hover {
    color: #4c9ac9;
}

.binDataTable thead th {
    color: #444444;
    background-color: #c7d1da;
}


.BOLDDataTable tbody th {
    text-decoration:underline;
    font-weight: normal;		
    vertical-align:text-top;
}

.identifiers thead th{
    color: #444444;
    background-color: #FFCC00;
}
.taxonomy thead th{
    color: #444444;
    background-color: #9999FF;
}
.specimenDetails thead th{
    color: #444444;
    background-color: #D1732E;
}
.annotation thead th{
    color: #444444;
    background-color: #A8A8A8;
}

.photographs thead th{
    color: #444444;
    background-color: #9CCFFF;
}
.attributions thead th{
    color: #444444;
    background-color: #9CCF63;
}
.geography thead th{
    color: #444444;
    background-color: #FFCCCC;
}
.collectionData thead th{
    color: #444444;
    background-color: #9CCF63;
}

.seqData thead th {
    color: #FFFFFF;
    background-color: #660099;
}
.nucleotideData thead th{
    color: #444444;
    background-color: #9CCF63;
}

.aminoAcidData thead th{
    color: #444444;
    background-color: #9CCFFF;
}

.sequencingData thead th{
    color: #444444;
    background-color: #9999FF;
}

.illustrativeBarcode thead th{
    color: #444444;
    background-color: #9CCF63;
}

.LIMS thead th{
    color: #444444;
    background-color: #9CCF63;
}

.publication thead th{
    color: #444444;
    background-color: #FFCC00;
}

.tracefile{
    font-size: smaller;
}


span.requiredField{
    color: red;
}

span.requiredField:after{
    color: red;
    content:" *";
}



.reqFieldGenMsg:after{
    content:"Required fields are marked with a red asterisk.";
}

.reqFieldSubMsg:after{
    content:"Required fields for submission are marked with a red asterisk.";
}

div.roundBox{
    margin: 5px;
    padding: 5px;
    border-radius: 0.85em;
    
    background-color: #FFFFFF; 
    border: solid #AECCEF 0.50em; 
    
    color: #000

}
.purple{
	border-color: #AECCEF !important;
}