/*               

42
scalemeter gradient
4
fixed scalemeter id
2
scalelinkkiwidgetti add
huom. language navit
*/


/* Left div in species listing page
- - - */

#browse {
  float:left;
  width:250px;
  border:solid 0px;
  margin:17px 0 0 0;
}

#browse h3{padding:0; margin:0 0 0 -3px;}
#browse h5 {padding:28px 0 0.4em 0;}
#browse #h5_tunnista {padding-bottom:0;}
#browse p {color:#222; margin:8px 0 0 0;} 


#browse p img {
  float:left; 
  background:none; 
  border:none; 
  margin-right:4px;
}

/* Results listing
List=Right div where results are generated as ul-list
_ _ _  */

#list {
  margin:0 0 0 260px;
  padding:12px 0 0 0;
  width:540px;
}

#list ul {padding:0px 0 0 0;}

#list li {
  margin:0px 2px 2px 0;
  list-style:none;
  background:#f4f6f1;
  background:#ece8e1 url(/suomi/layout/teksti_bg.gif) no-repeat top right;
  float:left;
  width:176px;/*396*/
  border:solid 1px #C6DCA7;
  text-align:center;
  overflow:auto;
  line-height:100%;
  height:210px;
}

/* 
HUOMIO LISAA MIN-HEIGHTIIN IE FIXI JA POISTA TAA SITTE 
*/

#list h3 a, #list h3  {font-size:12px; line-height:110%; padding:8px 3px 4px 3px; font-weight:bold;}
#list h4 a, #list h4 {font-size:10px; padding:2px 0 8px 0; color:#3280da; font-family:verdana;}
#list p a,#list p   {font-size:10px; padding:2px 2px 0 2px; margin:0;}
#list li a:hover {color:#a67d62; text-decoration:underline;}
#list li img {
  border:solid 1px #ddd; 
  padding:2px; 
  float:none; 
  margin:8px 0 0 0;
}

/* This makes the difference between normal listing 
and search-result listing with expcert-text
- - - */

ul#search_results li {width:534px; height:auto;} 
ul#search_results .float_l {width:120px; border-right:solid 2px #C6DCA7; margin-right:12px;}
ul#search_results li h3, ul#search_results li h4, ul#search_results li p.small {
  text-align:left;
margin:0 12px 0 0;
}
ul#search_results li h3 { margin-top:12px;}
ul#search_results strong {font-weight:normal; border-bottom:solid 2px #dbbde0; padding:0 0 2px 0;}

/* listaussivun skaalalinkit */

#scalewidget div {
width:98%; 
font-size:0.9em; 
}

#scalewidget a {
text-align:right; 
display:block; 
color:#efefef; 
padding-right:4px;
line-height:1.4em;
height:1.5em;
border-bottom:solid 1px #cdcdcd;
-moz-border-radius:0px 3px 0px 0px;
-webkit-border-radius:0px 3px 0px 0px;
border-radius:0px 3px 0px 0px;
background-color: #82b046; /* nongradient fallback*/
background-image: -moz-linear-gradient(left, #57762f, #82b046);
background-image: -webkit-gradient(linear, left top, right top, from(#57762f), to(#82b046));
background-image: -o-linear-gradient(left, #57762f, #82b046);
background-image: linear-gradient(left, #57762f, #82b046);
}

#scalewidget a.scaleNum1 {width:20%;}
#scalewidget a.scaleNum2 {width:40%;}
#scalewidget a.scaleNum3 {width:60%;}
#scalewidget a.scaleNum4 {width:80%;}
#scalewidget a.scaleNum5 {width:100%; 
-moz-border-radius:0px 3px;
-webkit-border-radius:0px 3px 0px 3px;/*This is the correct shorthand for webkit*/
border-radius:0px 3px;
}

div#scalewidget a:hover {text-decoration:none; background-color:#A67D62;}

#scalewidget a.scaleNum1 {width:20%;}
#scalewidget a.scaleNum2 {width:40%; }
#scalewidget a.scaleNum3 {width:60%;}
#scalewidget a.scaleNum4 {width:80%;}
#scalewidget a.scaleNum5 {width:100%; border-bottom:none;}
#scalewidget a:hover {text-decoration:none; background:#569bcc;}

body#kalat.size1 a.scaleNum1, body#kalat.size2 a.scaleNum2, body#kalat.size3 a.scaleNum3, body#kalat.size4 a.scaleNum4, body#kalat.size5 a.scaleNum5 {background:#569bcc;}
#scalewidget p {font-size:0.9em; color:#666; padding:4px 0; margin:0;}

/* skaalat listakuvien alla */

.scalemeterSmall, #scalemeterSmall {width:104px; border:solid 1px #ddd; margin:0 auto 6px auto; height:6px; overflow:hidden;}
.scaleSmall_1 {background:#7bad3c; width:15%;}
.scaleSmall_2 {background:#7bad3c; width:35%;}
.scaleSmall_3 {background:#7bad3c; width:50%;}
.scaleSmall_4 {background:#7bad3c; width:80%;}
.scaleSmall_5 {background:#7bad3c; width:100%;}

/* Aricle pages start
- - - */

/* Left div for images */
#kuvat {
  float:left;
  width:327px;
  display:block;
  text-align:left;
  margin-left:3px;
  clear:left;
}


.scalemeter {background:#ece8e1; border:solid 1px #ddd; height:1em; position:relative; line-height:1em; margin-bottom:1em;} 
.scalemeter p{text-indent:-9999px; background:#7bad3c;}

p#scalenumbers {text-indent:0; font-size:0.8em; color:#333; position:absolute; top:0px; left:0; z-index:99;}
p#scalenumbers span {display:block; position:absolute; border-right:solid 1px #454545; padding:0 3px 0px 0;}

span.scaleNum1 {left:45px;}
 span.scaleNum2 {left:105px;}
  span.scaleNum3 {left:165px;}
   span.scaleNum4 {left:225px;}
    p#scalenumbers span.scaleNumUnit {left:300px; border-right:none;}

p#scaleAmount {line-height:0; height:1em;}
.scale1 {width:12%;}
.scale2 {width:32%;}
.scale3 {width:52%;}
   .scale4 {width:66%;}
    .scale5 {width:77%;}

#gradient {position:absolute; top:0;}

div.scale1 {position:absolute; top:0; left:12%;}
div.scale2 {position:absolute; top:0; left:32%;}
div.scale3 {position:absolute; top:0; left:50%;}
div.scale4 {position:absolute; top:0; left:66%;}
div.scale5 {position:absolute; top:0; left:74%;}


.grad1 {background:#82b046; float:left; display:block; width:2px;}
.grad2 {background:#8ab552; float:left; display:block; width:2px;}
.grad3 {background:#95ba62; float:left; display:block; width:2px;}
.grad4 {background:#a1c173; float:left; display:block; width:2px;}
.grad5 {background:#adc785; float:left; display:block; width:2px;}
.grad6 {background:#bace98; float:left; display:block; width:2px;}
.grad7 {background:#c6d4aa; float:left; display:block; width:2px;}
.grad8 {background:#d2dbbb; float:left; display:block; width:2px;}
.grad8 {background:#dde0cb; float:left; display:block; width:2px;}
.grad9 {background:#e5e5d7; float:left; display:block; width:1px;}




img {padding:2px; margin-bottom:2px; border:solid 1px #ddd;}
a:hover img {background:#8E602E; padding:2px;}

.smd_slimbox_next, .smd_slimbox_prev  {display:block; font-size:90%;}
#mainkuva {margin-bottom:2px;}

#hires_linkbox {border:solid 0px #ddd; width:324px; margin:0px auto 8px auto; background:#eee;}
#hires_linkbox h5 {color:#f3f3f3; font-size:0.9em; font-family: georgia, serif;  background:#60324e; padding:2px 0 2px 4px; text-align:left;}
#hires_linkbox img {padding:2px; margin-top:5px; border:none;}


/* Right div for text 
- - - */
#teksti {
  margin:2px 0 0 338px;
  clear:right;
  background:#ece8e1 url(/suomi/layout/teksti_bg.gif) no-repeat top right;
}

#teksti h3 {padding:16px 0 0 12px;}
#teksti h4 {padding:12px 0 18px 12px; font-size:1.4em;}
#teksti ul {padding:0 10px 0 12px;}

#teksti li {
  padding:0px 0 0em 18px;
  margin:0 0 1em 0;
  background:url("/suomi/layout/listitem.gif") no-repeat 0 4px;
}

#teksti p {padding:0 10px 1em 12px; margin-bottom:0;}

#teksti h5 {
  font-family:verdana, helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
  padding:0.5em 0 0.2em 12px;
}
p.related_articles {
  line-height:160%; 
  padding-bottom:0; 
  padding-top:0; 
  font-size:90%;
}

p.related_articles a {text-decoration:none;}

.article_lang  {padding:8px 0 8px 0;}

#teksti .langlist li {background:none; margin:0; padding:0 0.5em 0 0; font-size:90%; display:inline;}