html, body {height:100%}

body
{
    padding: 0px;   
    margin: 0px;
    color: #333333;   
    font-family: Verdana, Arial, Helvetica; 
    line-height: 145%; 
    background: #eeeeee;
    
}

.mainTable{
    padding: 0px;
    margin: 0px;
    height: 100%; 
    width: 740px;   
    border-top: none;
    border-left: 1px #dddddd none;
    border-bottom: none;
    border-right: 1px #dddddd none;
    position: relative;
}


A.linkText{
 font-size: .7em;

}

A.navLinkLite
{
   font-weight: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    text-decoration: none;

}

A.navLinkLite:visited
{
    font-weight: bold;
    FONT-SIZE: .68em;
    COLOR: #eefffff;
    text-decoration: none;
}


.navLinkLiteText
{
   font-weight: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    

}

.menuBar {
    background-image: url('../style/inotaxaToolBG.png');
    height: 12px;
    text-align: center;
    width: 100%;

    
}

.menuBarFooter {
    background-image: url('../style/inotaxaToolBG.png');
    height: 4px;
    text-align: center;
    width: 100%;
    
}

.menuBarFooterSmall {
    background-image: url('../style/inotaxaToolBG.png');
    height: 1px;
    text-align: center;
    width: 100%;
    
}

.searchBar {
    background: #dddddd;
    height: 22px;
    text-align: center;
    width: 100%;
    padding: 2px 2px 2px 2px;
    border: 1px;
    border-width: thin;
    border-style: none none none none;
    border-color: #55a976;
    
}

.searchBarContext {
    background: #dddddd;
    padding: 2px;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: .74em;
    font-family: Lucida Sans Unicode;
}

.searchTypeNav {
    background: #ffffff;
    height: 23px;
     
    padding: 0px 0px 1px 0px;
     
    border-color: #cccccc;
    text-align: left;
    vertical-align: bottom;
    font-size: .7em;
}

.searchTypeNavCell {
    padding-left: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-image: url('../style/tab_gray.png');
    width: 100px;
    font-size: .74em;
    font-family: Lucida Sans Unicode;
}

.searchTypeNavCellNoLink {
    padding-left: 0px;
    padding-right: 0px;
    background-image: url('../style/tab_white.png');
    width: 100px;
      background-repeat: no-repeat; 
    font-size: .74em;
    
    text-decoration: none;
}

.searchTypeNavCellLong {
    padding-left: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-image: url('../style/tab_gray_green_long.png');
    width: 130px;
    font-size: .74em;
    font-family: Lucida Sans Unicode;
}

.searchTypeNavCellNoLinkLong {
    padding-left: 0px;
    padding-right: 0px;
    background-image: url('../style/tab_white_green_long.png');
    width: 130px;
      background-repeat: no-repeat; 
    font-size: .74em;
    
    text-decoration: none;
}

.searchTypeNavCellLongGray {
    padding-left: 0px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-image: url('../style/tab_gray_long.png');
    width: 130px;
    font-size: .74em;
    font-family: Lucida Sans Unicode;
}

.searchTypeNavCellNoLinkLongGray {
    padding-left: 0px;
    padding-right: 0px;
    background-image: url('../style/tab_white_long.png');
    width: 130px;
      background-repeat: no-repeat; 
    font-size: .74em;
    
    text-decoration: none;
}

.searchResultBox {
    background: #ffffff;
    vertical-align: top;
    text-align: left;
     font-family: Lucida Sans Unicode;
    border-width: thin;
    border-top: none;
    border-left: 1px  solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    border-color: #cccccc;
    padding: 0px;
    float: left;
    font-size: .74em;
    
}

.prevSearchResultBox {
    background: #eeeeee;
    height: 100%px;
    text-align: left;
    width: 180px;
    border-width: thin;
    border-style: none;
    border-color: #aaaaaa;
    padding: 5px;
    font-size: .74em;
font-family: Lucida Sans Unicode;
}

.searchResultTitle {
    background: #ffffff;
    height: 20px;
    text-align: left;
    padding-left: 0px;  
    font-size: .74em;
     padding-top: 0px;
     margin-bottom: 3px;
     vertical-align: top;
     font-family: Lucida Sans Unicode;
}

.searchTermHighlight{
    background: #ffff66;
    color: black;
    font-weight: bold;
    
}


.searchTermHighlight2{
    background: #66ffff;
    color: black;
    font-weight: bold;
}

.boldText{
    font-weight: bold;
}

.italicText{
    font-style: italic;
}

.implicitText{
   color: #388E8E;
}

.superscriptText{
    position: relative;
    bottom: 0.4em;
}

.bodyText {
   
    padding-top: 0px;
    padding-bottom: 20px;
    background: #ffffff;
    height: 100%;
    vertical-align: top;
    text-align: justify;
    font-size: .7em;
    line-height: 145%; 
    vertical-align: top;
    font-family: Lucida Sans Unicode;
}

.tclass {
    border-width: medium;
    border-style: double;
    border-color: #000000;
    background-color: #C4CCE7;
    text-decoration: none;
}

 

table.array {
	border-width: 0px 0px 1px 1px;	
	border-style: solid;
	border-color: #999999;
        border-spacing: 0;
         border-collapse: collapse;

}
table.array th {
	border-width: 1px 1px 0 0;
        margin: 0;
	padding: 4px;
	border-style: solid;
	border-color: #999999;
	
}
table.array td {
	border-width: 1px 1px 0 0;
        margin: 0;
	padding: 4px;
	border-style: solid;
	border-color: #999999;

	
}

.listheader0 {
    background: #ffffff;
    height: 20px;
    border-width: thin;
    border-style: solid;
    border-color: #55a976;
    FONT-SIZE: 13px;
    font-family: Lucida Sans Unicode;
}

.listheader1 {
    background: #dcedcc;
    height: 20px;
    text-align: left;
    width: 90px;
    border-width: thin;
    border-style: solid;
    border-color: #55a976;
font-family: Lucida Sans Unicode;
}

.listheader2 {
    background: #ffffff;
    text-align: left;
    border-width: thin;
    border-style: solid;
    border-color: #55a976;
    margin: 0px;
    padding: 0px;
    FONT-SIZE: 13px;
    display: block;
    height: 20px;
    overflow: auto;  
    font-family: Lucida Sans Unicode;
}

.listdata0 {
    color: #000000;
    background: #ffffff;
    border-width: thin;
    border-style: dotted none dotted none;
   border-color: #ffffff;  
    height: 20px;
  display: block;
font-family: Lucida Sans Unicode;
}

.listdata1 {
    color: #000000;
    background: #eeeeee;
    border-width: thin;
    border-style: none none none none;
    border-color: #55a976;
    height: 20px;
    display: block;
font-family: Lucida Sans Unicode;
}

.submitButton {
    background-image: url('../style/inotaxaToolBG.png');
    height: 22px;
    text-align: center;
    width: 70px;
    border-top: 1px ridge #dddddd;
    border-left: 1px  ridge #dddddd;
    border-bottom: 2px  ridge #55a976;
    border-right: 2px  ridge #55a976;
    color: #eeffff;
    font-weight: bold;
    FONT-SIZE: 11px;
}

.greenButton {
    background-image: url('../style/inotaxaToolBG.png');
    height: 24px;
    text-align: center;
     
    border-top: 1px ridge #dddddd;
    border-left: 1px  ridge #dddddd;
    border-bottom: 2px  ridge #55a976;
    border-right: 2px  ridge #55a976;
    color: #eeffff;
    font-weight: bold;
    FONT-SIZE: 11px;
}

.resetButton {
    
    height: 22px;
    text-align: center;
    width: 70px;
    border-top: 1px ridge #dddddd;
    border-left: 1px  ridge #dddddd;
    border-bottom: 2px  ridge #55a976;
    border-right: 2px  ridge #55a976;
    color: #55a976;
    font-weight: bold;
    FONT-SIZE: 11px;
}

.nonExplicitText{
    color: #388E8E;  
font-family: Lucida Sans Unicode;
}

.blackText{
    color: #000000;  
}

.greenText{
    color: #009900;  
}

.grayText {
    color: #CCCCCC;
}

.keyLugCharTextNoRef{
    vertical-align: top;
    font-size: 11px;
    padding: 0px;
    line-height: 145%; 
}


.keyLugCharText{
    vertical-align: top;
    font-size: 11px;
   text-align: left;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 1px;
    line-height: 145%; 
     
  
}

.keyLugRefText{
    vertical-align: bottom;
    font-size: 8pt;      
    width: 170px;
     
}

.keyLugRefTextNonExplicit{
    vertical-align: bottom;
    font-size: 8pt;      
    width: 170px;
    color: #388E8E;
}

.keyLugIdentifierText{
    font-size: 11px; 
    white-space: nowrap; 
     
    font-family: Lucida Sans Unicode;
     
}

.keyLugIdentifierHighLightText{
    font-size: 11px; 
    white-space: nowrap; 
    font-family: Lucida Sans Unicode;
    
}
 
.backToSearchLinkBox{
    vertical-align: top;
    font-size: 11px;
    text-align: left;   
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 10px;
    border-right: 1px ridge #a9ba99; 
    border-bottom: 1px ridge #a9ba99;
    border-top: 1px solid #dcedcc;
    border-left: 1px solid #dcedcc;
    background: #eeeeee; 
    white-space: nowrap;
    line-height: 145%; 
    float: right;
    margin-top: 5px;
}

.unicodText{
    font-family: Lucida Sans Unicode;
}

.classificationContextBox{
    vertical-align: top;
    font-size: .7em;
    text-align: left;   
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-left: 0px ridge #a9ba99; 
    border-top: 0px ridge #a9ba99;
    border-bottom: 0px solid #dcedcc;
    border-right: 0px solid #dcedcc;
    background: #ffffff; 
    line-height: 145%; 
    width: 350px;
    font-family: Lucida Sans Unicode;
}

.helpText {
    width: 100%;
    padding: 10px;
    background: #ffffff;
    height: 100%;
    vertical-align: top;
    text-align: justify;
    font-family: Lucida Sans Unicode;
    font-size: .74em;
    line-height: 145%; 
    vertical-align: top;
}

.genText {
     line-height: 145%; 
    font-size: .7em;
    text-align: justify;
    font-family: Lucida Sans Unicode;
}

.resultListSourceLinkText{
    color: #666677;  
     
}

.container{
    width: 97%;
    font-size: .76em;
    line-height: 145%; 
    text-align: justify;
    font-family: Lucida Sans Unicode;
    font-size: .74em;
}

.floatright {
	float: right;
	 
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
        border: 1px #dddddd solid;
}

#intro ul {
	list-style-position: inside;
	list-style-type: square;
	position: relative;
	left: 20px;
}

.imgCredit{
     text-align: middle;
    
}

.imageNotice{
    text-align: middle;
    font-weight: bold;
    padding: 5px;
}

.resultPageNavLink{
    font-family: Lucida Sans Unicode;
   
}

.autocomplete
{
   background: #D8EAFF;
   border: solid 1px #55A6C8;
   width: 200px;
   height: 300px;
   font-size: .7em;
    overflow: auto;
   position: relative;
}

.advancedSearchSelectList{
   background: #FFFFFF;
   border: solid 1px #AAAAAA;
   width: 240px;
   height: 100px;
   font-size: .8em;
    overflow: auto;
   position: relative;

}

.specimenDataCell{
    font-size: .68em;
    white-space: nowrap;
    color: #333333;
    text-align: left;
    padding-right: 8px;
    vertical-align: top;
}


.specimenDataHeader{
    font-size: .68em;
    vertical-align: bottom;
    text-align: left;
    font-weight: bold;
    color: #447755;
     padding-right: 8px;
}

.specimenSortLabel{
    font-size: .7em;
    
    white-space: nowrap;
    padding-left: 10px;
}

.advancedSearchOptionDefinitionText{
   font-size: .7em;
   width: 99%;
}

.loadingImg {
    position: absolute;
    height: 240px;
    width: 50%; 
  
    font-weight: .1em;
    
    
    vertical-align: center;
    
}

.loadingImgInvisible {
    position: relative;
    display: none;
     height: 0px;
   
  
    
}

.multiLinkBox  {
    position: absolute;
    color: black;
    background: #ffffff;
    border: 1px #9bbb9b double;
 
    display: inline;
    float: auto;
    padding: 0px;
}

.multiLinkText {
    cursor: pointer;
    color: blue;
    display: inline;
    text-decoration: underline;
}

.multiLinkDiv {
    display: inline;
 
}
 
.secondNavPanel {

        border-width: 1px 1px 1px 1px;
	padding: 2px 2px 4px 2px;
	border-style: outset outset outset outset;
	border-color: blue blue blue blue;
	background: #eeeeee; 
        text-decoration: none;
        font-size: .78em;
        
}

.detailList {
    line-height: 2em;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #333333;
    text-decoration: none;
    background-color: #ffffff;
 
    list-style-position: inside;
    list-style-image: url(../style/next.png);
    list-style-type: none;
    padding: 6px;
    margin: 20px;
     
      
}

.detailList2 {
    line-height: 2em;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #333333;
    text-decoration: none;
    
    list-style-position: inside;
    list-style-image: url(../style/next.png);
    list-style-type: none;
    padding: 2px;
    margin: 2px;
     
      
}

.detailItemDefinitionBox {
        list-style-type: none; 
        width: 300px;
        border-width: 1px 1px 1px 1px;
	padding: 2px 8px 6px 8px;
	border-style: outset outset outset outset;
	border-color: #559977;
	background: #eeeeee; 
        text-decoration: none;
         
}

.detailItemInvisibleDefinition {
        display: none;
}

.treeScrollBar
{
     scrollbar-arrow-color: #cccccc;
     scrollbar-3dlight-color: #cccccc;
     scrollbar-darkshadow-color: #cccccc;
     scrollbar-face-color: #cccccc;
     scrollbar-highlight-color: #cccccc;
     scrollbar-shadow-color: #cccccc;
     scrollbar-track-color: #cccccc;
}

.browseTreeItem{
    padding: 2px 4px 2px 4px;
}

.spanLinkText {
    color: blue;
    cursor: pointer;

}

.shadowBox{
    border:1px solid silver;
   
    background:white;
    z-index:100;
}

.multiClassificationTDActive{

    width: 200px;
    padding-top:8px;
    padding-left:  0px;
    vertical-align:top;
    margin-left:4px;
    border: 1px #bbcbbb solid;
   
    background: #ffffff;
}

.multiClassificationTD{

    width: 200px;
    padding-left: 20px;
    vertical-align:top;
    margin-left:4px;
    border: 1px #bbcbbb solid;
   
    background: #ffffff;
}

.multiClassificationListBox  {
    position: absolute;
    color: black;
    background: #ffffff;
    border: 1px #9bbb9b double;
    height:300px;
    display: inline;
    float: auto;
    padding: 4px;
    overflow-y: auto;
    text-align:left;
    
}

.specimenDetailBox {

    border: 1px #dddddd solid;
 
    font-size: .7em;
}