.searchBox {
    font-family: verdana;
    font-size: 0.8em;
    text-align: right;
    padding-right: 5px;
    padding-top: 10px;
    width: 250px;
    /*margin: 5px;
    margin-top: 10px;
    border:solid 1px green;*/
    background-color: #009;
    color: #eee;
  }

div.kasikirjahaku .searchBox {
    font-family: verdana;
    font-size: 0.8em;
    text-align: right;
    padding-right: 5px;
    padding-top: 10px;
    width: 250px;
    background-color: #363;
    color: #eee;
  }

div.motvhaut .searchBox {
    /*font-family: verdana;*/
    font-size: 0.8em;
    text-align: right;
    padding-right: 5px;
    padding-top: 1px;
    width: 250px;
    background-color: transparent;
    color: #eee;
  }

.hae {
    background-color: #000099;
    font-weight: bold;
    font-size: 12px;
    color: #eee;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
  }

/* huomaa, että hakunapin taustaväri voidaan määritellä sivukohtaisessa tyylissä */
div.motvhaut .hae {
    background-color: transparent;
    font-weight: bold;
    font-size: 12px;
    color: #eee;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
  }

.hae_hakusivulla {
    background-color: silver;
    font-weight: bold;
    font-size: 12px;
    color: #333;
    border-top: 0px solid white;
    border-left: 0px solid white;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
  }


#hakuelementti {
    border: 1px solid #666;
    margin-top: 10px;
    padding: 15px;
    font-size: 10pt;
    line-height: 1,9pt;
  	max-width: 720px;
  }

.legend {
	  color: navy;
	  font-weight: bold;
  }

.hakuinput {
  	margin-top: 5px;
	  margin-bottom: 5px;
	  font-family: arial, helvetica, sans-serif;
	  background: #eee;
  }
  
/* hakutulosten esityskehys, näkyy lähinnä virheilmoituksessa. (muut erillään: gs.css) */

#tulokset {
	  color: red;
  }