body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #444;
	background-color: #ffffff;
	margin:0;
	padding:0;
	background-image: url(images/tausta.gif);
	background-repeat: repeat-y;
	background-position: center;
	overflow-y:scroll;
}
.adsit p { font-size:85%;}
.adsit p a {text-decoration: underline;}
hr {
  height: 1px; 
  color: #004c75;
  background-color: #ffffff;
}
ul, li, p, td {
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
#navitusta a {
	font-family: Arial, sans-serif;
	color: #006600;
	text-decoration: none;
}
#navitusta a:hover {
	color: #669900;
	text-decoration: none;
}
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #006600;
	font-weight: bold;
}
.tablehead {
  background-color: #006600;
  color: #FFFFFF;
}
.tablebottom {
  background-color: #004C75;
}
.bordercolor {
  background-color: #333300;
}
.tablebgcolor {
  background-color: #ffffff;
}
.navbar {
  background-color: #fcdc43;
  color: #004c75;
  font-size: 10pt;
}
.row1 {
  background-color: #e1e1e1;
  color: #444;
}
.row2 {
  background-color: #efefef;
  color: #444;
}
.row11 {
	color: #444;
	border-bottom: 1px solid green;
}
.row22 {
	color: #444;
	border-bottom: 1px solid green;
	;
}
.onliner {
	color: #666666;
	font-size: 11px;
}
.isolla {
	font-size: 140%;
}
.head_jatkuva {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(images/otsikko_tausta_jatkuva.gif);
	background-repeat: no-repeat;
	height: 43px;
}
.head_jatkuva_paate {
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(images/otsikko_paate.gif);
	text-align: right;
	background-position: top right;
}
.head_jatkuva_paate a {
	color: #C2F3CA;
	text-decoration: none;
}
.head_jatkuva_paate a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.head12 {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(images/otsikko_tausta.gif);
	background-repeat: no-repeat;
}
.head1 {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #28a200;
}

.head2 {
  background-color: #004C75;
  color: #221f04;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
.title {
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

.clickstream {
  color:#006633;
  font-family: Arial, sans-serif;
  font-size: 10pt;
}
.smalltext {
  color: #444;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.marktext {
  color: #FF0000;
  background-color: #ffffff;
}
.new {
  color: #000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
}
a {
	color: #006600;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #669900;
}
form {
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
.logininput {
  background-color: #ffffff;
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  width: 100px;
}
.searchinput {
  background-color: #FFFFFF;
  color: #444;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
  WIDTH: 130px;
  border:1px solid #e1d6c7;
  padding:2px;
  margin:4px 3px 0px 1px;
}
.textarea {
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  width: 230px;
}
.input {
  color: #444;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  width: 230px;
}

.select {
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
.setperpageselect {
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
.setperpageselect2 {
  color: #444;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.categoryselect {
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
.dropdownmarker {
  background-color: #EEEEEE;
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
.button {
  background-color: #CCC;
  color: #444;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
.ylasearch a {
	color:#ffe400;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
.ylasearch a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.footer a { color:#999; text-decoration:none;}
.footer a:hover { color:#999; text-decoration:underline;}
/*--Categories------------------------------------------------*/
.catbgcolor {
  background-color: #EFEFEF;
}
.maincat {
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
.subcat {
  color: #444;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 10pt;
  font-weight: bold;
}
/*--Images----------------------------------------------------*/
.imagerow1 {
  background-color: #FFFFFF;
  color: #004C75;
}
.imagerow2 {
  background-color: #FFFFFF;
  color: #004C75;
}
.thumppi img {
border: 2px solid #FFF;
}
.thumppi:hover img {
border: 2px solid #038100;
}
.thumppi:hover{
color: red; /* irrelevant definition to overcome IE bug */
}
/*--Comments--------------------------------------------------*/
.commentrow1 {
  border-bottom: 1px solid #66b9ff;
  color: #004c75;
}
.commentrow2 {
  border-bottom: 1px solid #999;  
  color: #004c75;
}
.commentspacerrow {
  background-color: #d1d1d1;
  color: #004c75;
}
.commenttextarea {
  color: #444;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
  width: 270px;
}
.commentinput {
  color: #444;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
  width: 270px;
}

/*-- Star rating ------------------------------------------------*/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:250px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:10%;
	z-index:11;
}
.star-rating a.two-stars{
	width:20%;
	z-index:10;
}
.star-rating a.three-stars{
	width:30%;
	z-index:9;
}
.star-rating a.four-stars{
	width:40%;
	z-index:8;
}
.star-rating a.five-stars{
	width:50%;
	z-index:7;
}
.star-rating a.six-stars{
	width:60%;
	z-index:6;
}
.star-rating a.seven-stars{
	width:70%;
	z-index:5;
}
.star-rating a.eight-stars{
	width:80%;
	z-index:4;
}
.star-rating a.nine-stars{
	width:90%;
	z-index:3;
}
.star-rating a.ten-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}