*{
  border:0;
  margin:0;
  padding:0;
  font-family:Arial;
}

html {
  height:100%;
}

body{
  text-align:center;
  background-color:#7C9E9A;
  height:100%;
}

embed{
  
}

#dataTd {
  background-image:url('/static/index/images/parasesitys/pageBackground.png');
  background-repeat:repeat-x;
  background-color:#cecec9;  
  width:633px;
  border-left:2px solid #0a524e;
  border-right:3px solid #0a524e;
  border-bottom:3px solid #0a524e;
}

div#main{
  margin:auto;
  width:804px;
}

div#container{
  float:left;
  width:829px;
  padding-left:1px;
  padding-top:1px;
  padding-bottom:1px;
  margin-top:15px;
  background-color:white;
}

div#extender {
 float:left;
 width:0px;
 border:0px solid red;
 height:600px;
}

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

td#top{
  border:0;
  width:656px;
  border-bottom:3px solid #0a524e;
  border-right:3px solid #0a524e;
  border-bottom:5px solid #0a524e;
  margin:0;padding:0;
  font-size:10px;
  vertical-align:top;
  background-color:#0a524e;
}

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

table#links a {
  margin:0;
  padding:0;
  border:0;
}

td#top img{
  border:0;
  border-left:3px solid #0a524e;
  background-color:#cdcdc8;
  margin:0;
  padding:0;
}

td#top img:hover{
  background-color:#fffce4;
}

td#top img.selected {
  background-color:#fffce4;
}

td#top img.mouseSelected {
  background-color:#fffce4;
}

img#logo{
  border:0;
  border-right:3px solid #0a524e;
  border-left:3px solid #0a524e;
  margin:0;
  padding:0;
  display:block;
}

div#banners{
  width:154px;
  padding-top:5px;
  height:auto;
  padding-left:5px;
  padding-right:5px;
  vertical-align:top;
}

div#banners div{
  width:154px;
  margin-bottom:5px;
}

div#page{
  margin:0;
  padding:0;
  width:639px;
  float:left;
  background-image:url('/static/index/images/parasesitys/pageBackground.png');
  background-repeat:repeat-x;
  background-color:#cecec9;
  text-align:left;
  padding-left:10px;
  padding-right: 10px;
  padding-top:10px;
  vertical-align:top;
}

div#page h3{
  font-size:15px;
  margin-bottom:5px;
}

div#page p{
  margin-left:10px;
  margin-bottom:10px;
  font-size:13px;
}

div#page hr {
  margin-top:20px;
  margin-bottom:10px;
  float:left;
  width:100%;
  height:2px;
  background-color:gray;
  clear:left;
}

div#videoPlayer {
 float:left;
 width: 405px;
 height: 320px;
}

div#videoList{
  float:right;
  width:220px;
}

div#videoPresentation {
 float:left;
 width:380px;
}

div#voteBox {
 background-color:white;
 margin-top:10px;
 padding:10px;
 font-size:13px;
}

div#voteBoxGray {
 margin-top:10px;
 padding:10px;
 font-size:13px;
}

div.left {
 float:left;
 clear:left;
}

.voteBtn {
 height:30px;
 margin-right:15px;
 margin-top:20px;
 background-color:#cecec9;
 border:1px solid white;
 padding:5px;
 cursor:pointer;
 font-size:11px;
}

img.videoThumb {
 width:105px;
}

div.results {
 float:left;
 padding-left:60px;
 width:560px;
}

div.resultTitle {
 float:left;
 padding-right:10px;
 border-right:2px solid #005248;
 clear:left;
 height:50px;
 text-align:right;
 font-size:15px;
 width:250px;
}

div.resultBar {
 float:left;
 margin-left:-1px;
}

div.resultValue {
 float:left;
 padding-left:20px;
 margin-top:5px;
}

/* Kommentit-sivu */

td.kommentit_esitys_kuva {
 width: 45px;
 height: 45px;
}

td.kommentit_esitys_tekstit {
 /*border-bottom: 1px solid #858378;*/
 vertical-align: top;
 padding-left: 5px;
}

td.kommentit_esitys_otsikko {
 width: 300px;
 font-weight: bold;
 font-family: arial;
 font-size: 14px;
}

a.kommentit {
 font-family: arial;
 font-size: 12px;
}

span.kommentit_esitys_kommentti {
 font-family: arial;
 font-size: 12px;
 padding-left: 5px;
}

span.kommentit_esitys_aika {
 font-family: arial;
 font-size: 12px;
}

#kommentointi input {
 border: 1px solid #737373;
 background-color: #E7E7E7;
}

#kommentointi textarea {
 border: 1px solid #737373;
 background-color: #E7E7E7;
}

#kommentointi {
 background-color: #FFFFFF;
 padding-top: 15px;
 padding-left: 20px;
 border: 1px solid #DDDDDD;
 border-top: 2px solid #BCBCBC;
}

td.kommentti_jarjestys {
 /*border-left: 1px solid #DDDDDD;*/
 font-size: 24px;
 font-weight: bold;
 text-align: center;
 background-color: #B1CFCF;
 border-top: 2px solid #BCBCBC;
 border-bottom: 1px solid #DDDDDD;
 width: 20px;
}

td.kommentti_tiedot {
 text-align: right;
 padding-right: 20px;
 background-color: #B1CFCF;
 border-top: 2px solid #BCBCBC;
 border-bottom: 1px solid #DDDDDD;
}

td.kommentti_kuva {
 background-color: #FFFFFF;
 vertical-align: top;
 padding-left: 3px;
 padding-top: 5px;
 border-bottom: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 width: 20px;
}

td.kommentti_kommentti {
 vertical-align: top;
 height: 100px;
 background: url('/static/index/images/parasesitys/kommentti_tausta.png');
 background-repeat: no-repeat;
 background-color: #FFFFFF;
 padding-left: 5px;
 padding-top: 2px;
 padding-right: 20px;
 text-align: justify;
 border-bottom: 1px solid #DDDDDD;
}