/*  naming convention 
 *  cm[ font-size ] [ font-weight] [font-style]
 *
 *  example:
 *   cmsmall[ b ][ i ]  = " smaller than default size,[ b ]old, [i]talic"
 *    
 *     */

.cm {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #214321; font-variant: normal}
.cmi {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; line-height: normal; font-weight: normal; color: #214321; font-variant: normal}
.cmb {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #214321; font-variant: normal}
.cmbi {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; line-height: normal; font-weight: bold; color: #214321; font-variant: normal}

.cmsmall {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; color: #214321; font-variant: normal}
.cmsmalli {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; line-height: normal; font-weight: normal; color: #214321; font-variant: normal}
.cmsmallb {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; color: #214321; font-variant: normal}
.cmsmallbi {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; line-height: normal; font-weight: bold; color: #214321; font-variant: normal}

.cmsmaller  {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-weight: normal; color: #214321; font-variant: normal}
.cmsmalleri  {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic; line-height: normal; font-weight: normal; color: #214321; font-variant: normal}
.cmsmallerb  {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-weight: bold; color: #214321; font-variant: normal}
.cmsmallerbi  {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic; line-height: normal; font-weight: bold; color: #214321; font-variant: normal}

.cmbig {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#214321;}
.cmbigi {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; color:#214321;}
.cmbigb  {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#214321;}
.cmbigbi  {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: italic; color:#214321;}





/* due to comp. .cmbigger style is not changed ; bolder is not understood by mozilla/firefox/IE; interpreted as bold*/

.cmbigger { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; line-height: normal; font-weight: bolder; color: #214321; font-variant: normal }
.cmbiggeri { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: italic; line-height: normal; font-weight: bolder; color: #214321; font-variant: normal }
.cmbiggerb { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; line-height: normal; font-weight: bold; color: #214321; font-variant: normal }
.cmbiggerbi { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: italic; line-height: normal; font-weight: bold; color: #214321; font-variant: normal }



body            {color: #214321; background-color: #E6FFCC; overflow-y: scroll;}

a 		{font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #214321; font-style: normal; line-height: normal; font-variant: normal}

a.link:link 	{color: #214321; text-decoration: underline;}

a.link:visited 	{color: #214321; text-decoration: underline;}

a.link:hover  	{color: #214321; text-decoration: underline;}

a.link:active 	{color: #214321; text-decoration: underline; outline: none;}

a.pic:link 	{color: #214321; text-decoration: none;}

a.pic:visited 	{color: #214321; text-decoration: none;}

a.pic:hover	{color: #214321; text-decoration: none;}

a.pic:active 	{color: #214321; text-decoration: none; outline: none;}

/*a.pic:focus	{-moz-outline-style: none;}*/





.cmdoclinks { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: lighter; color: #214321; font-variant: normal }

.cmabout { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; color: #214321; font-variant: normal }

.cmnews {margin-top: 1em; }

.hidden {  visibility: hidden/*; clip:  rect(   )*/}

.cmprocess { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bolder; color: #214321; font-variant: normal ; text-decoration: blink}

.inputfield { width: 380px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:white; font-style: normal; font-weight: normal; color: #000000; font-variant: normal }

.inputfield2 { width: 415px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:white; font-style: normal; font-weight: normal; color: #000000; font-variant: normal }

.inputfield3 { width: 310px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:white; font-style: normal; font-weight: normal; color: #000000; font-variant: normal }

.accinputfield { width: 150px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:white; font-style: normal; font-weight: normal; color: #000000; font-variant: normal}

.searchinputfield { width: 150px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:white; font-style: normal; font-weight: normal; color: #000000; font-variant: normal; height:20px}

.cmselect {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:white; font-style: normal; font-weight: normal; color: #000000;  font-variant: normal; height:20px;}

.button   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; vertical-align:top;}

textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:310px; height:150px;text-align:justify; background-color:white;}

h1 { font-family: Arial, Helvetica, sans-serif;}

h2 { font-family: Arial, Helvetica, sans-serif;}

h3 { font-family: Arial, Helvetica, sans-serif;}

th { font-family: Arial, Helvetica, sans-serif; font-size: 18px;}

td { font-family: Arial, Helvetica, sans-serif; font-size: 14px;}


/* Big box with list of options */

#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  width:503px;  /* Width of box */
  height:250px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #317082;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  /*font-size:0.9em;*/
  z-index:100;
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #000000; font-variant: normal
 
}

#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;    
  padding:1px;
  cursor:pointer;
  font-size:0.9em;
}

#ajax_listOfOptions .optionDiv{  /* Div for each item in list */

}

#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#214321;
  color:#ffffcc;
}

#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
}

.row {vertical-align:middle; font-size:12px; font-family:Arial, Helvetica, sans-serif}

.OLBlock {display:none}

img.widgetArt {vertical-align:text-top}


#invertedtabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font: bold 14px Arial, Helvetica, sans-serif;
margin:0;
/*margin-bottom: 1em;*/ /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: #FFFFCC;
background: #1f3a22 url(color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #214321;
}

#invertedtabs a:hover span{
background-color: #1f3a22;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #1f3a22;
text-decoration:underline;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 2px;
background: #1f3a22;
border-bottom: 1px solid #E6FFCC; /*Remove this to remove border between bar and tabs*/
}


.value{
font-weight:bold;
}




#treediv{
float:left;
position:relative;
top:20px;
right:0px;
left:0px;
width:900px;
height:300px;
}

.viewerterm {

/*border: solid thin #1F3A22;*/
background-color:#D7F6B8;
padding-left:5px;
padding-right:5px;
margin-bottom:2px;

}

.viewerfeature {
font-weight:normal;
}


.searchterm {

/*border: solid thin #1F3A22;*/
background-color:#D7F6B8;
padding-left:5px;
padding-right:5px;
margin-bottom:2px;

}

.searchfeature {
font-weight:normal;
}



.viewertable td {
padding-top:30px;
padding-left:5px;
}

#filterSubmit{
width:150px;
}
.viewertable .filtersubmit{
padding-top:0px;
text-align:center;
}

#filterInput{
width:200px;
}
.viewertable .filterinput{
padding-top:0px;
text-align:center;
}



#filterDbCheckbox {
font-family:Arial,Helvetica,sans-serif;
}
#filterDbCheckbox .boxcontent {
  padding: 0px 20px 0px 20px;
  height:120px;
  width:200px;
}


#filterLvlOneRadio {
font-family:Arial,Helvetica,sans-serif;
}
#filterLvlOneRadio .boxcontent{ 
  padding: 0px 20px 0px 20px;
  height:120px;
  width:200px;
}


#searchdb{
font-family:Arial,Helvetica,sans-serif;
}
#searchdb .boxcontent{
  padding: 0px 20px 0px 20px;
  width:200px;
  height:150px;
}

#searchIncludeTerms{
font-family:Arial,Helvetica,sans-serif;
}
#searchIncludeTerms .boxcontent{
  padding: 0px 20px 0px 20px;
  width:200px;
  height:150px;
}

.searchinputfield {width:200px;}
.searchbutton	  {height:25px;width:150px;}
#searchresult img {padding-left:200px;}


#viewerheader 			div{width:498px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;}
#viewerheader	 		{width:498px;}

.box 		{background:#1F3A22;color:#FFFFCC;}
.boxtop 	{background:url(ne.gif) no-repeat top right;}
.boxtop div 	{font-size:0;height: 20px; background: url(nw.gif) no-repeat top left;}
.boxbottom	{background: url(se.gif) no-repeat bottom right;}
.boxbottom div 	{font-size: 0;height: 20px;background: url(sw.gif) no-repeat bottom left;}
.boxcontent 	{padding: 0px 20px 0px 20px;}


.reftable td{

vertical-align:top;

}

.accessionheader{

font-size:16px;
font-weight:bold;

}

.searcherror{
text-align:justify;
width:458px;
padding:20px;
font-size:14px;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;font-weight:bold;
}