/*
 * $Id: main.css,v 1.42 2009/05/07 09:37:28 mtreinik Exp $
 */

body {
  margin: 0;
  color: black;
  background: #e7e7e7;
}

div.content {
  margin: 0em 1em 0em 1em;
}

/*
 * Erityyppiset tekstit ja otsikot
 */

h1,h2,h3,h4,h5,p,dl,ul,ol,textarea,blockquote {
  font-family: serif;
}

ul.laatikko {
  margin: 0.5em 0.5em 0em 1em;
  padding-left: 0em;
}

.strong {
  font-weight: bold;
}

p,dt {
  margin-left: 1em;
  margin-right: 1em;
}

ul.sivukartta {
  margin-right: 0.5em;
}

.keski {
  text-align: center;
}

table.keski {
  margin-left: auto;
  margin-right: auto;
}

p.virhe {
  color: red;
  background: #e7e7e7;
  font-size: large;
}

h1 {
  font-size: x-large;
  text-align: center;
  font-weight: bold;
  margin-top: 0.5em;
}

h2, span.h2font {
  font-size: x-large;
  font-weight: normal;
}

h3 {
  font-size: large;
  font-weight: normal;
}

h4 {
  font-size: medium;
  margin-left: 1,5em;
  font-weight: bold;
}

h5 {
  font-size: medium;
  margin-left: 3em;
  font-style: italic;
}

blockquote {
  margin-left: 4em;
  margin-right: 4em;
}

div.sanat {
  border: none;
  font-style: italic;
  margin-left: 4em;
}

div.viimeisinmuutos {
  clear: both;
  padding: 0.5em;
  text-align: center;
  font-style: italic;
  font-size: small;
}

.small {
  font-size: small;
}

div.mari {
  color: #060;
  background: white;
}

div.mikko {
  color: #660;
  background: white;
}

div.elli {
  color: #600;
  background: white;
}

div.other {
  color: #666;
  background: white;
}


/*
 * Päänavigaatioelementit
 */

div.navigaatio {
  margin: 0em 0em 0.3em 0em;
  padding: 1.2em 0.5em 1.2em 5em;
  text-align: center;
  clear: both;
  color: black;
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
}

div.prevnext {
  font-style: italic;
}

div.sivuhierarkia {
  font-style: italic;
  margin-left: 1em;
}

/* logon sijainti */
div.logo {
  position: absolute; 
  top: 0.3em; 
  left: 1.5em;
}

img {
  border-color: gray;  
}

/* logo-kuvan kehyksen määrittely */
img.logo {
  border: 1px solid; 
  border-color: #ccc;
}

div.navigaatiovasen {
  float: left;
  margin: 0px 0px 0px 0px;
}

div.navigaatiooikea {
  float: right;
  margin: 0px 0px 0px 0px;
}

div.sivunavi {
  padding: 0.5em 0.5em 0.5em 0.5em;
  clear: left;
  text-align: center;
  line-height: 2em;
}

span.sivu {
  margin: 0em 1em 0em 1em;
  padding: 0.25em;
}

/*
 * Kuvasivut
 */
div.kuvanavigaatio {
  padding: 0.5em;
  text-align: center;
}

div.kuvaus {
  margin: 1em 0em 0em 0em;
  text-align: center;
}

div.paivays {
  margin: 1em 0em 0em 0em;
  text-align: center;
}

div.tekniikka {
  text-align: center;
}

div.avainsanat {
  text-align: center;
  font-style: italic;
}

div.kuva {
  margin: 1em 0em 0em 0em;
  text-align: center;
}

div.yksityinenkuva {
  margin: 1em 0em 0em 0em;
  text-align: center;
  border: 15px solid;
  border-color: black;
  color: black;
  background: gray;
}

span.kuvakokovalittu {
  font-weight: bold;
}

div.copyright {
  margin-bottom: 1em;
  text-align: center;
  font-style: italic;
  font-size: small;
}

/*
 * Päiväkirja
 */
div.paivakirjasiirry {
  margin: 0em 0.5em 0.5em 0.5em;
  float: right;
  color: black;
  background: #efe;
  padding: 0.5em;
}

span.paivakirjamuokkaa {
  padding: 0em 1em 0em 2em;
}

/*
 * Asettelu
 */

div.clearleft {
  clear: left;
}

div.clearright {
  clear: right;
}

div.clearboth {
  clear: both;
}

div.muutkielet {
  position: absolute;
  top: 1.5em;
  left: auto;
  right: 1.5em;
}

div.private {
  font-size: small;
  padding: 0.5em;
  border: 1px solid;
  position: absolute;
  top: 1em;
  left: auto;
  right: 1em;
  color: black;
  background: #eee;
}

div.sanatoikea {
  padding: 0.5em;
  border: 1px solid;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: right;
  font-style: italic;
}

div.sanatvasen {
  padding: 0.5em;
  border: 1px solid;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: left;
  font-style: italic;
}

div.sanatkeski {
  font-style: italic;
}

div.inserttioikea {
  padding: 0.5em;
  border: 1px solid;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: right;
  font-style: italic;
  width: 40%;
}

div.inserttivasen {
  padding: 0.5em;
  border: 1px solid;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: left;
  font-style: italic;
  width: 40%;
}

div.vasen {
  margin: 0em 0.5em 0.5em 0.5em;
  float: left;
}

div.oikea {
  margin: 0em 0.5em 0.5em 0.5em;
  float: right;
}

div.vasenpalsta {
  margin: 0em 0em 0em 0em;
  float: left;
  width: 49%;
}

div.oikeapalsta {
  margin: 0em 0em 0em 0em;
  float: right;
  width: 49%;
}

div.kuvarivi {
  padding: 1em;
  clear: left;
  text-align: center;
}

div.kuvarivivieressa {
  padding: 1em;
  text-align: center;
}

span.kuva {
  padding: 0.5em;
/* seuraava saa vanhan IE:n laittamaan kuvat muun sisällön päälle: */
/*  line-height: 3em;*/
}

/*
 * Sekalaiset
 */

div.kuvalaatikko {
  float: left;
  padding: 1em;
  border: solid 1px;
  margin: 0.5em 0.5em 0.5em 0.5em;
  color: black;
  background: #eee;
  text-align: center;
}

h3.vieraskirjaotsikko {
  color: black;
  background: #ffd;
}

span.vieraskirjavastaus {
  color: #c60;
  background: white;
}

h3.uuttaotsikko {
  color: black;
  background: #ffd;
}

div.laatikko {
  padding: 0.5em;
  border: solid 1px;
  margin: 0.5em 0.5em 0.5em 0.5em;
  color: black;
  background: #eee;
}

div.laatikkovasen {
  padding: 0.5em;
  border: solid 1px;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: left;
  color: black;
  background: #eee;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}

div.laatikkooikea {
  padding: 0.5em;
  border: solid 1px;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: right;
  color: black;
  background: #eee;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}

pre {
  margin-left: 4em;
  margin-right: 1em;
  font-family: monospace;
  font-weight: bold;
  white-space: pre;
}

pre.code {
  border: none;
  color: black;
  background: #eff;
  padding: 0.5em;
}

pre.file {
  border: none;
  color: black;
  background: #eef;
  padding: 0.5em;
}

pre.esim {
  border: none;
  color: black;
  background: #eee;
  padding: 0.5em;
}

pre.huono {
  color: maroon;
  background: white;
}

span.good {
  color: green;
}

span.bad {
  color: red;
}

.done {
  background: #40e740;
}
.ongoing {
  background: #e7e740;
}
.pending {
  background: #e74040;
}

.error {
  text-decoration: line-through; 
}

li.done {
  background: #e7e7e7;
  text-decoration: line-through; 
}

table.taulukkovasen {
  text-align: left;
}

tr.even {
}

tr.odd {
  background: #f0f0ff;
}

table.taulukkovasen tr td {
  padding: 0.2em 0em 0.2em 0em;
}