/*  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: 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*/
}




#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;

}

#filterLvlOneRadio {
font-family:Arial,Helvetica,sans-serif;

}

#searchDb{
font-family:Arial,Helvetica,sans-serif;

}

#searchIncludeTerms{
font-family:Arial,Helvetica,sans-serif;

}




.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;
  height:150px;
  width:200px;
}