@CHARSET "ISO-8859-1";

 * { margin: 0; padding: 0; }
   body {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 62.5%; }
   p { margin: 1em 0; }
   #wrap {
      width: 460px;
      height: 290px;
      font-size: 1.2em;
      /*margin: 3em auto;*/
      margin:0;
      }
   .tabbed-box {
      width: 460px;
      height: 100%;
      border: 1px #fff solid;
	margin:0;
	padding:0;
      }
   .tabbed-box .tabs li {
      list-style: none;
      float: left;
      margin:0;
      padding:0;
	width:
      }

   .tabbed-box .tabs li a {
      display:block;      
      padding: 5px 0 0 5px;
      margin:0;
      font-weight: bold;
      text-align: left;
      text-decoration: none;
      color: #fff;
      }

   .tabbed-box .tabs li:first-child a {
      border-left: none;
      padding-left: 5px;
       }
	  
	.etuovi-logo-vaaka {
    background-image:url(../img/etuovi_valilehti_vaaka_.png);
    display:block;
    height:249px;
    text-indent:-9999px;
    width:445px;
}

   .tabbed-content {
   	margin-top: 0px;
	margin-left:0px;
      	padding: 0;
      	display: none;
      	/*height: 252px;
	width:460px;*/
	clear:both;
	padding:48px 0 0 15px;
	height:216px;
	width:445px;
	position:relative;
      	}

	
	
   li#etuovitab a{
	/* background-image: url('../img/etuovi_passiivinen.gif');
	background-repeat:no-repeat; */
	background-color: #cc0033;
	width:86px;
        height:19px;
   	}

   li#etuovitab a.active, li#etuovitab a.active:hover {
	/* background-image: url('../img/etuovi_aktiivinen.gif');
	background-repeat:no-repeat; */
	background-color: #cc0033;
        width:86px;
        height:19px;
	}

   li#autotallitab a{
	background-image: url('../img/autotalli_passiivinen.gif');
        background-repeat:no-repeat;
        width:98px;
        height:19px;
   	}

   li#autotallitab a.active, li#autotallitab a.active:hover {
        background-image: url('../img/autotalli_aktiivinen.gif');
	background-repeat:no-repeat;
        width:98px;
        height:19px;
	}

   li#vuokraovitab a{
	background-image: url('../img/vuokraovi_passiivinen.gif');
        background-repeat:no-repeat;
        width:109px;
        height:19px;
	}

   li#vuokraovitab a.active, li#vuokraovitab a.active:hover {
	background-image: url('../img/vuokraovi_aktiivinen.gif');
        background-repeat:no-repeat;
        width:109px;
        height:19px;
	}

   li#mikkotab a{
	background-image: url('../img/mikko_passiivinen.gif');
        background-repeat:no-repeat;
        width:74px;
	height:19px;
  	}

    li#mikkotab a.active, li#mikkotab a.active:hover {
        background-image: url('../img/mikko_aktiivinen.gif');
        background-repeat:no-repeat;
        width:74px;
        height:19px;
	}

    .tabLeft {
	width:203px;
	height:190px;
	float:left;
	display:inline;
	margin-top:5px;
	}
    .tabLeft form select {
	float:right;
	width:113px;
	padding-left:5px;
	font-size:11px;
	border:1px solid #666666;
	}
    .tabLeft form div {
	border-bottom:1px dotted gray;
	font-size:11px;
	font-weight:bold;
	color:#343434;
	height:18px;
	clear:both;
	padding:6px 0;
	width:194px;
	}
    .tabLeft form div.check span {
	float:right;
	line-height:16px;
	display:inline;
	width:112px;
	height:32px;
	}
    .tabLeft form div.check {
	height:31px;
	}
    .tabLeft form label {
	/*width:40px;
	float:left;
	display:inline;*/
	font-weight:normal;
	padding-left:3px;
	}
    .tabLeft form table {
	width:112px;
	height:34px;
	margin:0;
	padding:0;
	}
    .tabLeft form td, .tabLeft form tr {
	font-weight:normal;
	margin:0;
	padding:0;
	}
    .tabLeft form .checkbox {
	float:left;
	display:inline;
	line-height:15px;
	height:15px;
	}
    .tabLeft form span.euro {
	color:#000;
	}
    .tabLeft form input.text {
	width:63px;
	height:13px;
	font-size:11px;
	border:1px solid #666666;
	}
    .tabLeft .submit {
	border:none;
	text-align:right;
	margin-top:5px;
	}

	.tabLeft ul.options {
	list-style-type:none;
	padding:0;
	margin:0;
	width:125px;
	float:right;
	}
	.tabLeft ul.options li {
	float: left;
	/*height: 1.4em;*/
 	margin-bottom: 0.2em;
 	width: 62px;
	}

	.tabRight {
	float: left;
	height: 188px;
	margin-top: 11px;
	width: 230px;
	overflow:hidden;
	}
	.tabRight .item {
	margin-bottom:6px;
	}
	.tabRight .item .img {
	float:left;
	width:103px;
	height:77px;
	overflow:hidden;
	}
	.tabRight .item .img img {
	border:none;
	}
	.tabRight .item p {
	float:left;
	margin:5px 0 0 5px;
	display:inline;
	font-size:11px;
	color:#1f1f21;
	width:120px;
	}
	.tabRight .item p a {
	color:#1f1f21;
	}
	.tabRight .redLink {
	margin:0;
	padding:0;
	font-size:11px;
	}
	.tabRight .redLink a {
	color:#cd0000;
	font-weight:bold;
	text-decoration:none;
	}
.vo-footer p, .eo-footer p {
    color: #FFFFFF;
    font-size: 10px;
    padding-right: 8px;
    text-align: right;
    margin-bottom:0;
}

#eo-count {
	position:absolute;
	top:15px;
	left:145px;
}

#vo-count {
	position:absolute;
	top:15px;
	left:155px;
}

#eo-count p, #vo-count p {
	color:#fff;
	font-size:14px;
	font-weight:bold;
}