BODY { 
  font: normal 12px "Verdana", "Georgia", "Times New Roman", Times, serif;
  background-color: #f1f1f1; 
  background: transparent url(kuvat/bgliuku.jpg); 
  background-repeat: repeat-x;
  margin-top: 0px;
}

A { 
   text-decoration: none;
   color: gray;
   cursor: pointer;
 }

IMG { 
  border: 0px;
 }
input {
        border: #bdb08e;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        font-weight: normal;
        padding: 2px;

}
input.radio {
        border: 1px solid white;
        padding: 1px;
        display: inline;
}

textarea {
        border: #bdb08e;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        font-family : Arial, Verdana, Helvetica;
        padding: 1px;
}

select {
        font-size: 11px;
        font-weight: bold;
        border: #bdb08e;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;         
        padding: 1px;
}

 
 
table.modern {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid outset outset solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: rgb(255, 250, 250);
}
th.modern {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted solid dotted;
	border-color: gray gray gray gray;
	background-color: #ffe;
	-moz-border-radius: 0px 0px 0px 0px;
}
td.modern {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 5px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: #ffe;
	-moz-border-radius: 0px 0px 0px 0px;
}


div#bg {
   padding-top: 230px;
   background-image: url(kuvat/bgleft2.jpg);
   background-repeat: no-repeat;
   width: 960px;
   margin: 0 auto;
   text-align: left;
   height: 255px;

}
div#ylanavi {
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  margin-left: 30px;
  margin-right: 30px;
  
}
DIV#main {
  background-color: #cccccc;
  padding: 10px;
  margin-top: 0px;
  margin-left: 11px;
  margin-right: 19px;
  border-left: solid 1px gray;
  border-right: solid 1px gray;
  border-bottom: solid 1px gray;
}
DIV#apunavi {
  width: 150px;
  float: right;
  left: 10px;
  border: dotted 1px lime;
  background-color: #f1f1f1;
}
#zoom {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}

.jutunheader {
  color:#7B7B7B;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  margin: 10px 25px -5px;
  text-transform:uppercase;
}

.preview {
  margin: 5px 5px 0px 0px;
  padding: 10px 10px 10px 10px ;
  background-color: #f1f1f1;
  font-weight: bold;
  float: left;
  width: 188px;
  height: auto; 
  background-repeat: no-repeat;
  background-position: 0% 100%;
  border: solid 1px #c2c2c2;
}

.bigpic {
  margin: 5px 5px 0px 0px;
  float: left;
  width: 600px;
  height: 400px;
  background-repeat: no-repeat;
  border: solid 1px black;
}


.previewtxt {
  text-align: center;
  background-color: #c2c2c2;
  font-weight: bold;
  font-size: 0.75em;
  color: gray;
}
.browserbutton {
  width: 150px;
  text-align: center;
  font-weight: bolder;
  font-size: 1.5em;
  color: blue;
}
.kommentti {
  border-top: dotted 1px #c2c2c2;
  margin-top: 3px;
  font-size: 0.75em;  
}
.lehtikuva { 
  border: solid 1px black;
 }
#mediaplayer {
  border: solid 1px #c2c2c2;
  float: right;
  padding: 10px;
  margin-left: 5px;  
  margin-right: 5px;  
  clear: right;
  color: black;
  z-index: 10;
 }

#etuads {
  background-color: #f1f1f1;
  float: right;
  clear: right;
  width: 380px;
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 5px;
  margin-bottom: 15px;
  padding: 10px;
  border: solid 1px #999;
  font-size: 14px; 
  color: #666;
}

#footer {
  clear: left;
  clear: right;
  padding: 5px 10px 15px 50px;
  background-color: white;
  border: solid 1px #999;
  margin: 5px;
  padding-top: 10px;
}
#fpstory { 
  border: solid 1px #666;
  margin: 5px;
  padding: 10px;
  padding-left: 30px;
  padding-bottom: 30px; 
  background-color: white;
}
#tedit { 
  float: left;
  font-size: 12px;
  width: auto;
}

#prw {
  padding: 2px;
  float: left;
  font-size: 11px;
  font-weight: normal;
}

.adlink {
  margin-left: 35px;
  list-style-type: square;
  list-style-image: url(kuvat/redbox.jpg);
  display: list-item;
  padding-bottom: 5px;
  font-size: 12pt;
  font-weight: bold;
  color: #444; /* #b20036;  */
  cursor: pointer;
}
#subnavi {
  font-size: 11px;
  
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.ilink {
  font-weight: bold;
  background-color: #f1f1f1;
  padding: 5px 10px 5px 10px;
  border-right: solid 1px gray;
  border-left: solid 1px #c2c2c2;
  border-top: solid 1px #c2c2c2;

}

#v1 * .adlink, #hinnasto > .adlink {
  font-size: 12px;
  font-weight: bold;
  margin-left: -10px;
  padding: 10px 0px 10px 0px; 
}

.medialink {
  margin-left: 25px;
  list-style-type: square;
  list-style-image: url(kuvat/redbox.jpg);
  display: list-item;
  padding-bottom: 5px;
  font-size: 10pt;
  font-weight: bold;
  color: #444; /* #b20036;  */
  cursor: pointer;
}

.boxhd {
  color: #444;
  text-align: right;
  font-weight: normal;
  margin-right: 30px;
  border-bottom: dotted 1px #666;
}
.mkuva {
  font-weight: bold;
  color: gray;
}
.nimi {
  color: gray;
  text-decoration: underline;
}
.aika {
  color: gray;
}
.pisteet {
  padding: 10px;
  background-color: #f1f1f1;
  font-size: 1.25em;
  color: black;
  font-weight: bolder;
}
.ok {
  padding: 2px 10px 2px 10px;
  color: green;
}
.virhe {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px 2px 10px;
  color: red;
}

.hotline {
  display: list-item;
  margin-left: 10px;
  color: #b01d1d;
  list-style-type: square;
  line-height: 1.2; 
}
.hotsikko {
  cursor: pointer;
  color: #333;
  font-style: italic;
}
.htoimittaja {
  font-size: 10px;
  color: grey;
  font-style: italic;
  margin-left: 10px;
}
.haika {
  display: block;
  font-weight: normal;
  margin-left: 20px;
  text-align: left;
  font-size: 10px;
  color: grey;
  font-style: normal;
}
.bank {
  cursor: pointer;
  float: left;
  width: 90px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.blue {
  color: blue;
  text-decoration: underline;
}
#xf {
  border: solid 1px gray;
  margin-right: 25px;
  width: 380px;
  height: 265px;
  float: right;
  clear: right;
}


/*
 *
 *   ADS iques.
 *
 */

#page_ads {
  margin-top: 10px;
  padding-left: 9px; 
  margin-left: 9px;
  border-left: solid 2px #f1f1f1;
  float: left;
}

div#kalenteri {
  float: left;
  margin-bottom: 3px;
  padding: 3px;
  width: 195px;
  font:  bold 7pt Verdana, Arial, sans-serif;
  cursor: pointer;
 }
.day {
  border-right: solid 1px gray;
  border-bottom: solid 1px gray;
  float: left;
  text-align: right;
  padding-right: 2px;
  margin: 0px;
  display: block;
  font:  bold 8pt Arial, sans-serif;
  width: 20px;
  height: 20px;
  background-color: white;
 }
.weekn {
  border-right: solid 1px gray;
  border-bottom: 1px solid gray;
  float: left;
  text-align: center;
  vertical-align: middle;
  padding-right: 2px;
  margin: 0px;
  display: block;
  font:  bold 8pt Arial, sans-serif;
  width: 20px;
  height: 20px;
  background-color: #b5cdef;
 }

.ilhd {

  float: left;
  clear: left;
  font:  bold 8pt Arial, sans-serif;
  width: 160px;
  height: 16px;
 }

.ildb {

  float: left;
  text-align: right;
  padding-right: 2px;
  margin: 0px;
  font:  bold 8pt Arial, sans-serif;
  height: 16px;
  width: 160px;
 }

table.port {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid outset outset solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;	
}
table.port th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted solid dotted;
	border-color: gray gray gray gray;
}
table.port td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 5px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;	
}
table.port caption {

        font-weight: bold;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
}