@font-face {  
  font-family: 'taile';  
  src: url('taile.eot'); /* IE */  
  src: local('taile'), url('taile.ttf') format('truetype'); /* non-IE */  
}

@font-face {  
  font-family: 'bgothl';  
  src: url('bgothl.eot'); /* IE */  
  src: local('bgothl'), url('bgothl.ttf') format('truetype'); /* non-IE */  
}

body {
  background: #e2e2e2 url('dark/tausta.png') repeat-x;
  font-size: 100%;
  font-family: taile, Arial, sans-serif;
  color: #1d1c1a;
  margin-bottom: 40px;
  }
  
a { 
  color:#0a1661; 
  text-decoration:underline;
  }

a:hover { 
  color: #424A65;
  text-decoration:none;
  }

h1 { 
  text-transform:uppercase; 
  font-size:1.2em; 
  color:#FFFFFF;
  font-family: bgothl, Arial, sans-serif;
  }

h2 {
  font-size:1.1em; 
  color:#000000;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: Arial, sans-serif;
  }

h3 {
  font-size:0.95em; 
  color:#000000; 
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: Arial, sans-serif;
  }
  
li {  
  padding-top: 3px;
  padding-bottom: 1px;
  }

iframe {
  background-color: transparent;
}

.taulukko {
  border-style:solid;
  border-width:1px;
  border-color: #736B21;
  margin: 5px;
  padding: 0px;
  width: 98%;
}

.otsikko {
  padding-left: 20px;
  padding-top: 4px;
  padding-bottom: 0px;
  font-weight: bold;
  font-size: 1.2em;
  background-color: #E3E3E3;
  color: #05055F;
  text-align: left;
}

.paiva {
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: text-top;
  text-align: right;
  font-style: italic;
  font-family: "Times New Roman", serif;
  font-size: 11px;
  color: #808080;
  width: 50px;
  background-color: #E0E0E0;
  }
  
.day {
  font-style: italic;
  font-family: "Times New Roman", serif;
  font-size: 12px;
  color: #333333;
}

.teksti {
  background-color: #E1E1E5;
  padding-top: 3px;
  padding-left: 4px;
  padding-right: 4px;
  color: #5C5C71;
  font-size: 0.9em;
  }

.peli td {
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  }

.nowrap {
  white-space:nowrap;
}

#googlemaps {
  border-style:solid;
  border-width:1px;
  border-color: #808080;
}

#ylapalkki {
  position: fixed;
  left:0px;
  top:0px;
  width: 100%;
  background: #000000 url('dark/ylapalkki_tausta2.png');
  }
  
#ylapalkkikuva {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-style: none;
  }
  
#ylapalkkikuvaimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-style: none;
  }

#logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
  padding-bottom: 8px;
  }

#keskitys {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: static;
  width: 1065px;
  }

#keski_yla {
  display: block;
  float: left;
  width: 1065px;
  height: 23px;
  background-image: url('dark/keski_yla2.png');
  margin:0;
  padding:0;
  }

#keski {
  display: block;
  float: left;
  background-image: url('dark/keski_tausta2.png');
  }

#vasen {
  padding-left: 25px;
  padding-right: 25px;
  float:left;
  width: 735px;
  min-height: 350px;
  font-size:0.95em;
  }
    
#oikea {
  padding-left: 25px;
  padding-right: 25px;
  float:right;
  width: 230px;
  min-height: 350px;
  background-image: url('dark/keski_oikea2.png');
  background-repeat: no-repeat;
  font-size:0.85em;
  }
  
#oikea a {
  text-decoration: none;
}

#keski_ala {
  display: block;
  float: left;
  width: 1065px;
  height: 26px;
  background-image: url('dark/keski_ala2.png');
  margin:0;
  padding:0;
}

#alapalkkikuva {
  position: fixed;
  left:0px;
  bottom:0px;
  z-index:100;
  }
  
#alapalkki {
  position: fixed;
  left:0px;
  bottom:0px;
  width: 100%;
  height: 19px;
  background: #000000 url('dark/alapalkki_tausta2.png');
  padding-top: 5px;
  padding-bottom: 0px;
  text-align: right;
  color: white;
  font-size: 10px;
  font-family :Arial, sans-serif;
  }
  
#alapalkki input {
  font-family :Arial, sans-serif;
  border-color: #d6d6d6;
  border-style: solid;
  background-color: #000000;
  padding: 1px 2px 1px 2px;
  margin: 0px 4px 0px 4px;
  border-width: 1px;
  font-size:10px;
  color: #d6d6d6;
}

#alapalkki a {
  color: #d6d6d6;
  text-decoration: none;
}

input, textarea {
  font-family :Arial, sans-serif;
  border-color: #000000;
  border-style: solid;
  background-color: #dad4bf;
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  font-size:12px;
  color: #000000;
}

hr {
  border: 1px solid #90886b;
  }

.hide {
  display : none;
  }
  
a.do { 
  display: block; 
  height: 59px; 
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(img/misako.png); 
  }

a.in:hover { 
  display: block; 
  height: 59px; 
  width: 200px; 
  background-image: url(img/misako2.png); 
  }

#ruleslabel {
  width: 1066px;
  }
 
#design{
  display : none;
  }

.toiminta {
  font-size:12px;
  width: 99%;
  border-style:solid;
  border-width:1px;
  border-color: #736B21;
  background-color: #DEDCCA;
  vertical-align: text-top;
  border-radius: 6px;
}

.toiminta th {
  font-weight: bold;
  background-color: #B0A754;
  color: #05055F;
  text-align: left;
  padding:2px 5px 2px 5px;
  border-radius: 6px;
  }
  
.toiminta tr {
  background-color: #E8E8E8;
  vertical-align: text-top;
  }

.toiminta td {
  padding:2px 5px 2px 5px;
  border-radius: 6px;
 border-style:solid;
  border-width:1px;
}

.kavijatiedot {
  font-size:11px; 
  width: 100%;
  border-style:solid;
  border-width:1px;
  border-color: #736B21;
  background-color: #DEDCCA;
  vertical-align: text-top;
  table-layout:fixed;
  word-wrap:break-word;
  }
  

.kavijatiedot th {
  font-weight: bold;
  background-color: #B0A754;
  color: #05055F;
  text-align: left;
  }
  
.kavijatiedot tr {
  background-color: #E8E8E8;
  vertical-align: text-top;
  }
    
.poller{	/* The poller box */	
	width:90%;
	border:3px double #000000;
	background-image:url(images/question.gif);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #cdcec7;
  padding: 10px;
	}
	
/* Poller title above radio buttons */
.pollerTitle{
	margin-bottom:6px;
	font-weight:bold;
	font-variant:small-caps;
	}
	
/* Label for each radio button */
.pollerOption{
	margin:1px;
	font-size:0.9em;
	}
	
/* Label for each option above graph - i.e. results */
.result_pollerOption{
	margin:0px;
	font-size:0.8em;
  }
  
/* Title of poller - when ajax shows the results */
.result_pollerTitle{
	margin-bottom:5px;
	font-weight:bold;
	font-size:0.9em;
	}
	
	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img{
	float:left;
	}
	
/* The <div> tag where the percentage result is shown */
	.result_pollGraph div{
	float:left;
	height:16px;
	background-repeat:repeat-x;
	color:#FFF;
	font-size:0.9em;
	line-height:16px;
	}
	
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{	
	height:16px;
	}
	
	/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{
	display:none;	
	}	
	
.result_totalVotes{
	display:none;
	}