div.whole {
  background: url('body-bg.png') repeat-y #CCDDFF;
}

div.navi {
  float: left;
  width: 150px;
  background: #CCDDFF;
  padding-top: 4px;
  text-align: left;
}

div.navi h1 {
  background: blue;
  color: white;
  font: bold 11px/15px Tahoma;
  margin: 0;
  margin-top: 3px;
  border-left: 7px solid #9999FF;
  border-bottom: 1px solid darkblue;
  border-right: 1px solid darkblue;
  border-top: 1px solid #9999FF;
  padding: 2px 10px 2px 10px;
  display: block;
}

div.navi a {
  background: #999999;
  font: bold 9px/13px Tahoma;
  text-align: left;
  color: white;
  text-decoration: none;
  display: block;
  border-left: 7px solid #BBBBBB;
  border-bottom: 1px solid #555555;
  border-right: 1px solid #555555;
  border-top: 1px solid #BBBBBB;
  padding-left: 5px;
}

div.navi a:hover {
  color: black;
  background: #BBBBBB;
  border-left: 7px solid #999999;
}

div.navi_ad {
  margin: 10px 10px 15px 13px;
}

div.content {
  margin-left: 150px;
}

div.text select {
  font: 11px/11px Verdana;
  border: 1px solid #9999FF;
  margin: 0;
}

div.text table {
  width: 400px;
}

div.text table td {
  padding: 1px 5px 1px 5px;
  border-bottom: 1px solid #FF9900;
}

div.text table th {
  padding: 1px 5px 1px 5px;
  border-bottom: 1px solid #FF9900;
  text-align: left;
  font-weight: bold;
  background: #FFDDCC;
}

div.text table.viinainfo { }
div.text table.viinainfo tr { }
div.text table.viinainfo td { }
div.text table.viinainfo th { text-align: left; width: 100px; }
div.text table.viinainfo img { float: left; margin: 1px 4px 0px 0px; }
div.text table.viinainfo a { border: 0; }
div.text table.lista { width: 410px; }

div.text table.lista tr:hover {
  background: #FFF3EE;
}

div.text table.lista th { text-align: right; width: 20px; }
div.text table.user  th { width: 100px; }

div.text table.sorts { width: 475px; }
div.text table.sorts tr:hover { background: #FFF3EE; }
div.text table.sorts tr.title { background: #FFDDCC; }
div.text table.sorts tr.title img { margin: 0px 3px 0px 0px; float: right; }

div.text table.sorts th {
  width: 45px;
  text-align: right;
}

div.text table.sorts2 th {
  width: 85px;
  text-align: right;
}

div.text table.sorts2 tr:hover { background: #FFF3EE; }

div.text table.pullo {
  width: auto;
  border-collapse: separate;
  border: 0;
  margin: 2px;
}

div.text table.pullo tr {
  background: #CCDDFF;
  border: 0;
}

div.text table.pullo td {
  border: 0;
}

div.text ul {
  font: 11px/15px Verdana;
  text-align: left;
}

div.text a {
  color: blue;
  text-decoration: none;
}

div.text a:hover {
  text-decoration: underline;
}

div.text form {
  width: 375px;
  border: 1px dashed #FF9900;
  background: #FFDDCC;
  font: 11px/11px Verdana;
  margin: 5px;
  padding: 5px 5px 10px 10px;
  text-align: left;
}

div.text h6 {
  color: black;
  font: 11px/11px Verdana;
  margin: 0;
  margin-top: 2px;
  margin-bottom: 2px;
  display: block;
}

div.text img.kuva {
  float: right;
  margin-right: 0px;
  height: 185px;
  border: 0;
//  position: absolute;
//  right: 0px;
}

div.text input.text {
  font: 11px/11px Verdana;
  border: 1px solid #FF9900;
  margin: 0;
  padding: 0;
}

div.text select {
  font: 11px/11px Verdana;
  border: 1px solid #FF9900;
  margin: 0;
}