body
{
    background: url(kuvat/palkkitausta.ver3.png);
    background-repeat: repeat-x;
    background-color: #DBE1E7;
	font-family: Arial,Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	border: 0px;
	padding: 10px;
	margin: 0px;

}

#kokosivu {
  max-width: 788px;
  margin: auto;
  border: 1px solid #496FA1;
  /*background-image: url(palkkitausta.ver3.png);
  background-repeat: repeat-y;*/
  overflow: auto;
  background-color: #E8ECF0;
  background-image:  url(kuvat/valikkotausta.png);
  background-repeat: repeat-y;

}


#kielipalkki {
  max-width: 790px;
  margin: auto;
  /*border: 1px solid #0066FF;*/
  height: 20px;
  text-align: right;

}
#kielipalkki p{
    padding: 3px;
    margin: 0;
}
#kielipalkki .harva {
    padding: 3px;
}
#kielipalkki a {
  text-decoration: none;
}


#ylapalkki {
  max-width: 790px;
  margin: auto;
  /*border: 1px solid #0066FF;*/
  height: 130px;
}

#ylapalkki h1 {
    font-family: Arial,Helvetica, sans-serif;
    font-size: large;
}

#ylapalkki img {
    float: left;
}

#alapalkki {
  max-width: 788px;
  margin: auto;
  border-bottom: 1px solid #496FA1;
  border-left: 1px solid #496FA1;
  border-right: 1px solid #496FA1;
  height: 1.5em;
  /*background-image: url(palkkitausta.ver3.png);
  background-repeat: repeat-y;*/
  background-color: #869EBD;
}
#alapalkki p {
  font-size: small;
  padding: 2px;
  margin: 0;
}

#alapalkki .vasen {
   /*position: absolute;*/
   left: 0;
   width: 50%;
   }

#alapalkki .oikea {
   /*position: absolute;*/
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
   }

#hallintapalkki {
  border: 1px solid #496FA1;
  background-color: #CCCCFF;
  padding: 2px;
  margin-bottom: 2px;
  margin-top: 2px;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}

#valikko {
    float: left;
    width: 160px;
    /*border: 1px dotted black;*/
    /*background-color: #013880;*/
    height: 100%;
    display: inline;
    position: relative;
}

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 3px;
/*border-left: 2px solid #013880; /* thick left border of menu */
}

.slidedoormenu li{
border-bottom: 1px solid #496FA1; /* Gray border beneath each menu item */
background-image:  url(valikkotausta.png);
}

.slidedoormenu li a{
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid #496FA1; /* White border beneath each menu item link, to add depth */
padding: 7px 2px; /* Vertical (top/bottom) padding for each menu link */
text-decoration: none;
}

.slidedoormenu li a:hover{
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid #496FA1; /* White border beneath each menu item link, to add depth */
padding: 7px 2px; /* Vertical (top/bottom) padding for each menu link */
text-decoration: none;
background-image: url(http://www.kyyhky.net/dsh/kuvat/valikkopainike.png);;
}

.slidedoormenu li.avoin a{
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid #496FA1; /* White border beneath each menu item link, to add depth */
padding: 7px 2px; /* Vertical (top/bottom) padding for each menu link */
text-decoration: none;
background-image: url(http://www.kyyhky.net/dsh/kuvat/valikkopainike.png);;
}

#sisalto {
  max-width: 630px;
  /*border: 1px dashed black;*/
  margin-left: 162px;
  padding: 10px;
  /*background-color: #FFFFFF;*/
}

#inforuutu {
  padding: 10px;
}


ul {
  padding: 0.5em;
  list-style: square;
  padding-left: 1em;
}

h1 {
  font-size: 1.3em;
}

h2 {
  font-size: 1.2em;
}

h3 {
  font-size: 1em;
}

p {
  padding-bottom: 5px;
}

td >  p {
  padding: 0px;
  margin: 2px
}


.kuvalista_otsikko {
    background-color: #8FA6C2;
    background-image: url(../kuvat/otsikkotausta.png);
    background-position: bottom;
    font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
    margin: 2px 0;
}

.kuvalista_otsikko p{
    padding: 2px;
    margin: 2px;
    color: #01377F;
}

.kuvalista_otsikko a{
    color: #01377F;
}

.kuvalista {
    padding: 0;
    padding-top: 5px;
    margin: 0;
    display: none;
}

.kuvalista a{
    padding: 0;
    margin: 0;
}
.kuvalista img{
    border: 1px solid #666699;
    padding: 0;
    margin: 0;
}

.lomake {
    padding-bottom: 5px;;
}

.lomake h2{
    background-color: #8FA6C2;
    background-image: url(../kuvat/otsikkotausta.png);
    background-position: bottom;
    font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
    margin: 2px 0;
    padding: 2px;
}

.lomake label:hover {
    background-color: #FFFF82;
    padding: 1px 0;

}
.lomake input[type="text"] {
     border: 1px solid gray;
}

.lomake input[type="radio"] {
     background-color: transparent;
}


table.normal {
  border-color: #FFFFFF;
}

table.focus {
  border-color: #FFFF82;
}

table.error {
  border: 2px solid #FF9999;
  width: 99.8%;
}

input input[type="text"]{
  width: 325px;
  border: 1px solid gray;
}
input.normal {
  background-color: #FFFFFF;
}

input.focus {
  background-color: #FFFF82;
}

input.error {
  background-color: #FF9999;
}

select {
  width: 325px;
  border: 1px solid gray;
}

select.normal {
  background-color: #FFFFFF;
}

select.focus {
  background-color: #FFFF82;
}

select.error {
  background-color: #FF9999;
}

.tasaus {
    display:table;
    width:100%;
}

.tasaus div {
    display:table-cell;
}


.vasen {
    float:none;
    text-align:left;
}
.oikea {
    text-align:right;
}

.aakkoset a {
  background-color: #99CCFF;
}

table .otsikko{
    background-color: #8FA6C2;
    font-weight: 700;
}

.taulukko td{
    border-left: 1px solid #6699FF;
    border-right: 1px solid #6699FF;
    border-collapse: collapse;
}

.taulukko table{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

table {
    margin: 0;
    padding: 0;
    border-spacing:0;
    border: 0;
    border-collapse: collapse;
}

.widhth500px {
  width: 500px;
}

#painikkeet {
  background-color: #8FA5C1;
  margin-bottom: 5px;
}

.ebul_cbindex, .ebul_cbindex ul {
  background-color: #FFFFFF;
  border: 1px solid #646464;
  display: block;
  font-size: 1px;
  margin: 0px;
  overflow: auto;
  padding: 2px;
  position: absolute;
  visibility: hidden;
}

.ebul_cbindex_shadow {
  background-color: #777777;
  display: block;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
}

.ebul_cbindex table {
  border-collapse: separate;
}

.ebul_cbindex tr {
  background-color: #FFFFFF;
  cursor: pointer;
  font-size: 1px;
}

.ebul_cbindex td {
  border: 1px solid #FFFFFF;
  padding: 3px;
  text-align: left;
}

.ebul_cbindex td a {
  color: #000000;
  font-family: "Tahoma", serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

.ebul_cbindex tr.hot, .ebul_cbindex tr.expanded {
  background-color: #F0F0F0;
}

.ebul_cbindex tr.hot td, .ebul_cbindex tr.expanded td {
  border-color: #8C8C8C;
}
.ebul_cbindex tr.hot a, .ebul_cbindex tr.expanded a {
  color: #000000;
  font-family: "Tahoma", serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

ul.ebul_cbindex {
  position: absolute;
  visibility: hidden;
}

.cbindexebul_menulist .spaced_li {
  padding: 0px 1px 0px 0px;
}

.cbindexebul_menulist li {
  list-style-type: none;
  float: left;
}

.cbindexebul_menulist img {
  vertical-align: bottom;

}

.cbindexebul_menulist {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}

#albumi_dir_process {
    visibility: hidden;
    z-index: 100;
    position: absolute;
}

#albumi_dir_form label{
    float:left;
    width: 120px;
}

#albumi_dir_form input[type='text']{
    width: 300px;
}

#albumi_dir_form textarea{
    width: 300px;
}

#albumi_upload_process {
    visibility: hidden;
    z-index: 100;
    position: absolute;
}

#albumi_upload_form label{
    float:left;
    width: 120px;
}

#albumi_upload_form input[type='text']{
    width: 300px;
}

#albumi_upload_form textarea{
    width: 300px;
}

.kuvalohko {
  float: left;
 background-color: #DBE1E7;
  margin: 5px;
  vertical-align: bottom;
}

.kuvalohko input{
  float: right;
}
.lisaakuva{
  clear: both;
  background-color: #DBE1E7;
  padding: 5px;
}

.kuvaryhman_kuvaus {
  background-color: #DBE1E7;
  padding: 5px;
  font-family: helvetica, sans-serif, Arial;

}

#laskupohjat_form label{
  display: block;
  width: 120px;
  float: left;
}

#laskupohjat_form input[type='text'].kapea{
      width: 100px;
}
#laskupohjat_form input[type='text'].levea{
      width: 300px;
}
#laskupohjat_form textarea{
    width: 300px;
    height: 300px;
}

.peruslomake label{
  display: block;
  width: 120px;
  float: left;
}

.tabbar_inside {
  padding: 3px;
}

select .opt_otsikko {
  font-style: italic;
  background-color: #F5F5F5;
  font-weight: 700;
}