body {
	font-family: 'Tahoma', 'Trebuchet MS', trebuchet, arial, verdana, helvetica, sans-serif; 
	background-color: #f2f0ea;
	background-image: url("menu_bg2.png");
	background-attachment: fixed;
	color: #000;
	font-size: 10pt;
}

p {
	font-size: 10pt;
	font-family: 'Tahoma', 'Trebuchet MS', trebuchet, arial, verdana, helvetica, sans-serif; 
	color: #000000;
	text-align: left;
	margin-top: 0.6em;
	margin-bottom: 0.6em;    
}
       
       


a:link    { text-decoration: underline; 
            color: #587bac; }
a:active  { color: red }
a:visited { text-decoration: underline; 
            color: #587bac; }
a:hover	  { text-decoration: underline; 
            color: #930; 
            background-color: transparent; }


.openwinlink { color: #587bac; text-decoration: none;}
.openwinlink:hover { color: #930; cursor : pointer; text-decoration: underline;}


OL OL     { list-style-type: decimal }      /* 1 2 3 4 5 etc. */

ul {
list-style-type:square;
list-style-position:inside;
padding:0px;
margin:0px;
}




.pisivorm { font-family: verdana, arial, helvetica, sans-serif; 
		  font-size: 8pt; 
		  background-color: #ffffff; 
		  color: #497389; 
		  /*background-image: none;*/
		  border: solid 1px #333;
		  margin: 1px;
		  }
		  

.pisivorm_invisible { 

		  background-color: #f4f4e9; 
		  color: #000; 
	    font-family: 'Tahoma', 'Trebuchet MS', trebuchet, arial, verdana, helvetica, sans-serif; 
		  border: solid 1px #f4f4e9;
		  margin: 0px;
		  padding: 0px;
		  height: 1.4em;
		  }


.pisivorm_input { 

font-family: verdana, arial, helvetica, sans-serif; 
		  font-size: 8pt; 
		  background-color: #fff;
		  color: #ff0000; 
		  font-weight: bold;
		  /*border: solid 1px #333;
		  margin: 1px;*/
		  }

.largevorm { font-family: verdana, arial, helvetica, sans-serif; 
		  font-size: 10pt;
		  font-weight: bold;  
		  background-color: #ffffff; 
		  color:#497389; 
		  background-image: none
		  }

.pisinupp {font-family: verdana, arial, helvetica, sans-serif; 
           font-size: 7pt; 
           color: #ffffff;
           /*border: solid 1px #333333;*/
           background-color: #FF6600;
		   padding: 1px;
		   margin: 2px;}

h1 {
padding-top: 0px;
font-family: 'Trebuchet MS', verdana, arial, sans-serif; 
    font-size: 14pt; 
    color: #b26739;
    border-bottom: dotted 1px #b26739;
    }
h2 {font-family: 'Trebuchet MS', verdana, arial, sans-serif; 
    font-size: 12pt; 
    /*font-style: italic;*/ 
    color: #b26739;
    }
h3 {font-family: 'Trebuchet MS', verdana, arial, sans-serif; 
    font-size: 10pt; 
    /*font-style: italic; */ 
    color:#b26739;
    padding:0px;
    margin:0px;
    }





.tr_dark {
          background-color: #fafafa;
          
				 }
.tr_dark:hover, .tr_light:hover {
          background-color: #eee;
				 }				 
				 
.tr_light {
          background-color: #fafafa;
				 }

.left_menu {
      font-family: arial, verdana, helvetica, sans-serif; 
		  font-size: 7pt;
		  color: #666666; 
				 }
				 
a.left_menu:link    { text-decoration: none; color: #000000; }
a.left_menu:active  { color: red }
a.left_menu:visited { text-decoration: none; color: #000000; }
a.left_menu:hover	  { text-decoration: none; color: red; background-color: transparent;}				 

.left_menu_h {
      font-family: arial, helvetica, sans-serif; 
		  font-size: 8pt;
		  color: #000000;
			font-weight: bold;
				 }
				 			
a.footerlink:link    { text-decoration: none; color: #666666; }
a.footerlink:active  { color: red }
a.footerlink:visited { text-decoration: none; color: #666666; }
a.footerlink:hover	  { text-decoration: none; color: red; background-color: transparent;}

a.hierarchy:link    { text-decoration: none; color: #666666; }
a.hierarchy:active  { color: red }
a.hierarchy:visited { text-decoration: none; color: #666666; }
a.hierarchy:hover	{ text-decoration: underline; color: #000000; background-color: transparent;}


/*kaart:*/
.vorm  {
	   height: 20px;
	   color: #09092f;
	   background-color: ffffff;
	   /*background-image: none;*/
	   font-size: 8pt;
	   }
		 
.details_content {
		font-family: verdana, arial, helvetica;
        font-size: 8pt;
		font-weight: bold;
									}
.details_head {
        font-size: 7pt;
		font-weight: normal;
		/*color:red;*/              
}


/* sheet */
#sheet {
/*margin-left:auto;
margin-right:auto;
width:950px;
background-color:#fff;
border: solid 1px #000;*/
}


/* paigutus jms aluseks võetud 7bsc */
#logo {
position: fixed;
top: 330px;
left: 3px;
height: 265px;
width: 200px;
background-image: url(menupilt/rotate.php);
background-repeat: no-repeat;
opacity: 1.0;
z-index: 10;
}



#header {
position: absolute;
top: 0px;
left: 205px;
/*width: 800px;*/
height: 85px;
width: 620px;
float:left;
/*background-color: #f4f4e9;*/
background-image: url(header.png);
background-repeat: no-repeat;
border-left: solid 0px #ccc;
padding-left: 20px;
background-repeat: no-repeat;
background-position: 10px 16px;
/*background-attachment: fixed;*/
}


#header_en {
position: absolute;
top: 0px;
left: 205px;
/*width: 800px;*/
height: 85px;
width: 620px;
float:left;
/*background-color: #f4f4e9;*/
background-image: url(header_en.png);
background-repeat: no-repeat;
border-left: solid 0px #ccc;
padding-left: 20px;
background-repeat: no-repeat;
background-position: 10px 16px;
/*background-attachment: fixed;*/
}


#menu {
position: fixed;
/*float: left;*/
top: 0px;
left: 0px;
height: 100%;
width: 195px;
background-color: #dad5c7; /*#d7cbb2;*/
padding-right: 0px;
font-family: 'trebuchet ms';
background-image: url(menu_bg1.png);
background-repeat: repeat-y;
border-right: solid 1px #ccc;
padding-top: 2px;
}


#main {
position: absolute;
top: 100px;
left: 200px;
right: 30px;
/*width: 800px;*/
padding-left: 20px;
padding-right: 20px;
/*border-left: solid 2px #ccc;*/
/*float: right;*/
/*background-color: #f4f4e9;*/
/*border-top: solid 2px #ccc;
width: 100%;*/
}

#footer {
position: absolute;
left: 20px;
/*float: left;*/
font-size: 7pt;
margin-top: 20px;
color: #97a6bb;
border-top: dotted 1px #97a6bb;
bottom: -60px;
margin-bottom: 10px;
padding-bottom: 10px;
}


#menu ul {
/*list-style: none;
font-size: 8pt;
line-height: 1.2em;
margin: 0px;
padding: 0px;
*/
}

#menu li {
/*padding-bottom: 6px;
border-left: solid 2px #f1f1f1;
padding-left: 5px;
color: blue;*/
}

#menu li:hover {
/*padding-bottom: 6px;
display: block;
border-left: solid 2px red;*/
}



#menu a:link {
color: #587bac;
}
#menu a:hover {
color: red;
}
#menu a:visited {
color: #587bac;
}
#menu a:active {
color: #587bac;
}

#menu .submenu {
font-size: 8pt;
padding-left: 10px;
font-weight: normal;
padding-right: 10px;
}


/* elmist: */


/*UUS STIIL vt http://css.maxdesign.com.au/listamatic/vertical09.htm */
/**/
#navcontainer { 

width: 195px; 
border-top: dotted 1px #666; 
margin-top: 5px;

}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: left;
}

#navcontainer a
{
display: block;
padding: 2px;
width: 181px;
background-color: transparent; /*##ccbd98; c8c1af #c8b896
background-image: url("menu_bg1.png");*/
background-repeat: no-repeat;
border-bottom: dotted 1px #666;
}

#navcontainer a:link, #navcontainer a:visited
{
color: #333;
text-decoration: none;
border-left: 10px solid #97a6bb;
/*background-color: #fff;
opacity: 0.7; */

}

#navcontainer a:hover
{
background-color: #f2f0ea;
background-image: url("menu_bg2.png");
color: #000;
border-left: 10px solid #ecde66;
opacity: 1.0; 
}

#navlist
{ margin: 0px; 
padding: 0px; }


#navlist #valik a
{ 
color: #587bac; 
border-left: 10px solid #b26739; 
background-image: url("menu_bg2.png");
background-repeat: no-repeat;
opacity: 1.0; 
}

#right_schedule em 
{
color: #000000;
}


.sirvi0 {
font-weight: bold;
padding-top: 10px;
padding-left: 0px;
}

.sirvi1 {
padding-top: 10px;
padding-left: 20px;
} 

.sirvi2 {
padding-left: 40px;
} 

.sirvi3 {
padding-left: 60px;
} 


dd {
display: block;
padding-bottom: 10px;
}


dt {
font-weight: bold;
color: #36c;
}

dt em {
font-weight: normal;
font-style: italic;
}


#species_main_container {
/*position: relative;*/
border: solid 0px ccc;
}

#species_hierarchy_container {
position: relative;
top: 5px;
/*position: absolute;
top: 0px;
left: -198px;
width: 180px;
*/
float: right;
clear: both;
border: solid 1px #999;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-right: 10px;
margin-left: 10px;
padding: 5px;
font-size: .8em;
margin-bottom: 10px;
background-color: #fff;
}

#species_container { 
/*width: 1200px;*/
top: 0px;
/*position: relative;
float: left;*/
width: 100%;
}

#species_container h2 {
color: #000;
margin-top: 0px;

}


#searchresults_box {
position: absolute;
background-color: #e3ebc8;
padding: 15px;
top: -20px;
left: 5px;
border: solid 2px #82aa3d;
/*width: 350px;*/
z-index: 101;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
opacity: 0.95;
font-size: 0.9em;
}

#search_box {
/*position: absolute;
background-color: #e3ebc8;
padding: 15px;
top: -20px;
left: 5px;
border: solid 1px #ccc;
width: 350px;
z-index: 101;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
opacity: 1;*/
border-top: solid 0px #ccc;
padding-top: 1px;
margin-top: 1px;
}

#search_box input {
font-size: 1em;
border: solid 1px #ccc;
background-color: transparent;
/*width: 100%;*/
left: 5px;
right: 5px;
width: 80%;
}


#tree_box {
font-size: .9em;
background-color: #ccc;
}

#tree {
border-top: dotted 1px #999;
border-bottom: dotted 1px #999;
padding-top: 3px;
padding-bottom:3px;
margin-top: 3px;
margin-bottom: 3px;
}


/* intrast */
.node_in_tree_selected {
color: #000; 
font-weight: bold; 
border-left: solid 6px #000; 
border-bottom: solid 1px #000; 
padding-left: 5px;
font-size: 1.4em;
padding-bottom: 3px;
margin-bottom: 5px;
margin-top: 5px;
}

.genus_in_tree_selected {
font-weight: bold; 
padding-top: 1px;
padding-bottom: 1px;
}

.genus_in_tree {
padding-top: 1px;
padding-bottom: 1px;
}

.species_in_tree_selected {
font-weight: bold; 
padding-top: 1px;
padding-bottom: 1px;
}

.species_in_tree {
padding-top: 1px;
padding-bottom: 1px;
}

.images_container {
border: solid 1px #ccc; 
padding: 5px; 
margin-top: 10px;
margin-bottom: 3px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
float: left;
}

#fossilgroups_box {
/*position: relative;*/
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

}

#fossilgroups_box img {
/*border: solid 1px #ccc;
flot: left;*/
}

.fossilgroup_box {
position: relative;
float: left;
padding: 5px;
text-align: center;
vertical-align: center;
border: solid 0px #ccc;
width: 150px;
height: 185px;
border: solid 1px transparent; 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-left:auto;
margin-right:auto;
}

.fossilgroup_box:hover {
border: solid 1px #ccc; 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #fff;
opacity: 0.8;
}

.fossilgroup_box h2 {
/*position: relative;*/
margin: 0px;
}

.fossilgroup_box img {
position: absolute;
bottom: 5px;
left: 5px;
}

#message {
position: absolute;
background-color: pink;
top: -10px;

}


#synonymy_list ul {
list-style-type:square;
list-style-position:inside;
padding:0px;
margin:0px;
}

#synonymy_list li {
padding-left:14px; 
}


.recordeditor {
font-size:0.8em;
color:#888;
}

#node_links {
font-size:0.7em;
color:#888;
}

.figcaption {
float: left;
font-size:0.7em;
color:#666;
text-align: center;
width: 200px;
margin: 5px;
}

.figcaption img { 
padding-bottom: 5px;
}

.figcaption p { 
font-size: 1em;
color:#666;
}