.logocolor {color:#028002;}
/* dark-blue links (color from Wikipedia) #0645AD
   dark-green links (old) #028002 */

/* bootstrap 3 additions */
input[type='checkbox'] {width:20px;}
/* to address bug in Win Mobile 8, earlier than update 3 */
/* js snippet also required */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
/* end bootstrap 3 additions */

body {
  font-family: 'Open Sans', sans-serif;
  height:100%;
}
div.page-content {max-width:1024px;background-color:white;margin-top:50px;padding-bottom:30px;margin-bottom:10px;}
div.left-column {padding-bottom:40px;}

div.page-content ul > li {margin:0;padding:0px;}
.page-content p, .page-content ul, .page-content ol {margin-top:16px;}
h1 {font-family: 'Open Sans', sans-serif; font-weight:bold;font-size:2.4em;margin-top:0px;margin-bottom:24px;}
h1.with-latin {margin-bottom:0;}
h1.without-latin {margin-bottom:14px;}
h2 {font-size:1.8em;margin-top:24px;}
h3 {line-height:1.2;}
h4 b.caret {vertical-align:middle;margin-bottom:2px;margin-left:4px;}
h5 {font-weight:bold;font-size:1.2em;}
p, ul, ol {font-size:1.2em;line-height:1.5;}
p.lead {line-height:1.2;}
img.align-right {float:right;padding-left:10px; padding-bottom:10px;}
p.right {text-align:right;}
p.latin {margin-top:8px;margin-bottom:32px;font-size:1.4em;font-style:italic;}
span.nowrap {white-space:nowrap;}
.sit {font-style:italic;font-size:1.2em;color:#777;}
ul.sit {padding-left:17px;}
p.author {padding-left:40%;margin-top:0px;margin-bottom:40px;border:1px solid red;}
p.indent {padding-left:20px;}
ol.breadcrumb {margin-top:5px;}

p.show_more_images, p.show_less_images {padding-top:10%;}
p.show_more_images a, p.show_less_images a {}
/* grey 70 % 707070 */

.navbar-default {z-index:1;}
.navbar-img-container {padding-left:0;padding-right:0;}
.navbar-img {width:100%;}
#navbar-texts {padding-left:0;padding-right:0;background-color:white;}
.navbar-collapse {background-color:white;}
.navbar-nav li a {padding-left:25px;text-decoration:none;letter-spacing:0.1em;}
.navbar a.pull-left img {height:50px;border-right:1px solid #ddd;}
.navbar a.navbar-brand {padding-left:10px;padding-right:10px;font-family:'Crimson Text',serif;color:black;font-size:1.4em;letter-spacing:0.04em;font-variant:small-caps;font-weight:400;text-decoration:none;}
.navbar a.navbar-brand:hover {color:#eee;text-decoration:underline;}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky { position: fixed; top: 0; width: 100% }
/* this is probably not necessary */
.sticky + .page-content {padding-top:60px;}

.socials {padding-left:10px;}

div#cart {
  padding:5px 6px 8px 5px;
  background-color:#a6e886;
/*  background-image: url(/local/images/cart_animation.jpg);
  background-repeat:repeat-x;
  background-position:0 -440px; */
  /* 0 -440px = blue, 0 0 = yellow */
}
div#cart p {font-size:120%;}
div#cart p a {text-decoration:none;}

div.framed {
  border:1px solid #ccc;
  -moz-box-shadow: 5px 5px 5px #eee;
  -webkit-box-shadow: 5px 5px 5px #eee;
  box-shadow: 5px 5px 5px #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
div.book-thumbnail      {
  min-height:180px;
  margin-bottom:15px;
  padding-right:5px;
}
div.thumbnail-img {padding-right:0;}
div.thumbnail-img img {padding:5px 12px 5px 5px;}
div.thumbnail-txt {padding-left:0;}
div.thumbnail-txt h5, div.thumbnail-txt p {line-height:1.1;}
div.thumbnail-txt h5 a {font-weight:bold;}
.thumbnail a { color:black;}
.shownfiles .thumbnail .caption h5 {text-align:center;font-size:1.1em;font-weight:normal;}
.accordion-group, .accordion-heading {border-width:0;padding:0;margin:0;}
.accordion-heading a.accordion-toggle {margin:0;padding:0;}
.accordion-body .accordion-inner     {margin-left:0;padding-left:0;border-width:0;margin-top:0;padding-top:0;}

div.fb-like {margin-top:30px;}

div.narrow-column {padding-top:4px;}
div.narrow-column img#banner {border:0;}
.newsstrip h3.bugcatlist-heading {margin-top:0;font-family:'Open Sans',sans-serif;font-weight:bold;}
.newsstrip h4 {    
  margin-top:20px;
padding:3px 0px 4px 9px;
        background-color:#028002;
color:white;
      font-size:1.0em;
      font-weight:bold;
      text-transform:uppercase;
      letter-spacing:1px;
}
.newsstrip h4 a {    
color:white;
      font-weight:bold;
      letter-spacing:1px;
      text-decoration:none;
}
.newsstrip h4.first {    
  margin-top:0;
  margin-bottom:0;
}

.newsstrip p { line-height:1.1;
margin:5px 0 6px 6px;
}
.newsstrip p.newsdate { font-weight:normal;font-style:italic;
color:#aaa;margin-bottom: 0px;
}
.newsstrip p.heading a {font-weight:bold;}

.newsstrip ol#buglist ul {display:none;}
.newsstrip ol#buglist li.selected ul {display:block;}
.newsstrip span.movetocat {padding-left:10px;}

.newsstrip div.leipis, .newsitem div.leipis {  
  padding-bottom:4px;
  border-bottom:2px dotted #83ce5f;
}
.newsstrip p.morenews {padding:10px 10px;;text-align:right;}
.newsitem p.newsdate { font-weight:normal;font-style:italic;
color:#aaa;margin-top:14px;margin-bottom: 0px;
}
.newsitem h3 {margin-top:0;}

.newsstrip div.fb-like-box {margin-top:20px;}
.newsstrip div.fb-like-box, 
  .newsstrip div.fb-like-box span, 
  .newsstrip div.fb-like-box span iframe[style] {
width: 100% !important;
  }


.navbar-img-container h1 {position:absolute;top:170px;right:50px;line-height:1;}
.navbar-img-container h1  a {
  font-family:'Crimson Text',serif;
  font-weight:400;
color:black;
margin:0;padding:0;
       text-decoration:none;
       text-shadow:none;
       letter-spacing:5px;
       font-variant:small-caps;
}
.navbar-img-container h1 a:hover {text-decoration:none;}

/* RESPONSIVE CSS
   -------------------------------------------------- 
   bootstrap 3 breakpoints
   min-width:320px;
   min-width:480px;
   min-width:768px;
   min-width:992px;
   min-width:1200px;
 */
@media only screen and (min-width: 320px) {
  .navbar-img-container h1 {top:10px;right:20px;}
  .navbar-img-container h1  a {font-size:0.7em;}
}
@media only screen and (min-width: 480px) {
  .navbar-img-container h1 {top:20px;right:40px;}
  .navbar-img-container h1  a {font-size:1em;}
  .navbar a.navbar-brand {font-size:1.6em;letter-spacing:0.12em;padding-left:20px;padding-right:20px;}
}
@media (min-width: 768px) {
  .navbar-img-container h1 {top:40px;right:80px;}
  h1 {font-size:2.8em;}
  .navbar a.navbar-brand {font-size:2.0em;letter-spacing:0.14em;padding-left:40px;padding-right:30px;}
  div.left-column {border-right:2px solid #eee;}
  #bs-navbar-collapse-1 {padding-left:0; padding-right:0;border-bottom:1px solid #f9f9f9;}
  .navbar-nav li a {padding-left:15px;}
}
@media (min-width: 992px) {
  h1 {font-size:3.0em;}
}
@media (min-width: 1200px) {
  h1 {font-size:3.2em;}
}

/* links */
/* a {color:#0645AD;text-decoration:none;} */
a {color:#3567ba;text-decoration:none;}

.modal-dialog {text-align:center;}
.modal-content {padding:10px;margin:0;border:1px solid green;}
.modal-body {padding-left:20px;}

/* editformtable - needed for forms, which use inc/editform */

form.editform {margin-left:17px;}
table.editformtable {margin:0 auto 20px auto;}
table.editformtable th {text-align:right;padding:2px 10px 2px 0;}
table.editformtable td {font-size:11pt; padding-top:4px;padding-bottom:4px;}
table.editformtable div.helptext {
display:inline-block;
        padding-left:10px;
        font-size:0.9em;
}

table.editformtable .iso {font-size:14pt; }
table.editformtable .isohko {font-size:12pt; }
table.editformtable .normaalikoko {font-size:11pt;}
table.editformtable .puolipieni {font-size:10pt; }
table.editformtable .pieni {font-size:9pt; }

/* uploads */
div.shownfiles img {vertical-align:top;padding:5px;}

@media screen {
  .screen-visible  { display: inherit !important; }
  .screen-hidden   { display: none !important; }
}
@media print {
  p, ul, ol {font-size:11pt;}
  .print-visible  { display: inherit !important; }
  .print-hidden   { display: none !important; }
  .maincontent p, .maincontent ul, .maincontent ol,.maincontent h2,.maincontent a, .maincontent td {color:black;}
}

/* AJAX field validations */

div.fieldval_error {
color:red;
      font-weight:bold;
}
div.fieldval_noerror {
color:green;
      font-weight:bold;
}
ul#langselect {text-align:right; margin-top:6px;}
ul#langselect li {display:inline;}
ul#langselect a {text-decoration:none; }

.footer {
  /*  position:fixed;
bottom:0; */
width: 100%;
       /* Set the fixed height of the footer here */
       margin-top:40px;
       background-color: #f5f5f5;
       text-align:left;
       padding-left:20px;
       font-size:0.9em;
}
.footer p {padding-top:10px;padding-bottom:10px;}


.page-content td, .page-content th {padding-right:20px;}
.page-content th {
  vertical-align:top;
  border-top:1px solid grey;
  border-bottom:1px solid grey;
  padding-bottom:2px;}
  .page-content td.r, .page-content th.r {text-align:right;}
  .page-content td.bb, .page-content th.bb {border-bottom:1px solid grey;}
  p.welcomepage {
    font-size:5em;
    text-align:center;
    letter-spacing:0.2em;

  }

/* buglist menu in newsstrip */

ol#buglist {margin-top:10px;}
ol#buglist li {
margin: 0 0 0 0;
padding: 0;
         font-size:0.9em;
}
/* sub-items (override values from above) */
ol#buglist ul {display:none;margin:0;padding-left:20px;list-style:none;}
ol#buglist ul li {
  font-size:0.8em;
  text-indent:-10px;
  padding-left:10px;

}
ol#buglist li.selected {font-weight:bold;}
ol#buglist li.selected ul {display:block;}

div.mythumb     {position:relative;}
div.mythumb img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/* removed min-height:100px; */
/* div.mythumb img {position:absolute;bottom:0;} */
div.thumbunit p   {margin-top:0;padding-top:4px;padding-bottom:10px;}

.display_none   {display:none;}
.display_inline {display:inline;}
.display_block {display:block;}

p.trafficlight img  {float:left;padding-top:6px;padding-right:10px;}

/* color, lighter than links */ 
form#searchform button, .back-to-top {background-color:#3a73d1;color:white;}

/* jquery-autocomplete */
form#searchform input {font-size:1.2em;}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; color: #000; display: block; border-bottom: 1px solid #000; }

/* searchresults page */
div#searchresults div.searchres-description{margin-left:4em;}
div#searchresults p {margin:0;}
div#searchresults p.metadata {font-size:90%;color:grey;}
div#searchresults span.type {font-weight:bold;}

ul.horizontalmenu {margin:40px 0 25px 0;padding:0;}
ul.horizontalmenu li {display:inline;}
span.bullet {font-weight:bold;}
.red {color:red;}
.yellow {color:yellow;}
h2 span.link-to-top {vertical-align:baseline;float:right;padding:6px 0 10px 20px;font-size:0.7em;}

/* speciesindex page */
div#speciesindex p {margin:0;font-size:1em;}
div#speciesindex h3 {font-weight:bold;}
div#speciesindex h3:first-child {margin-top:0;}

.back-to-top {
cursor: pointer;
position: fixed;
bottom: 20px;
right: 20px;
display:none;
}