*{margin:0;padding:0}

html{height:100%}
body{height:100%;background:#5C9DDD url('../images/tausta.jpg') no-repeat left bottom;; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:arial}
img{border:0px none;}
table{border-collapse:collapse}

#potti{position:absolute;left:570px;top:132px;}
#potti h5{color:white;font-size:30px;font-weight:bold;}

/* page layout */

#content-main{width:524px;margin-right:15px;margin-bottom:40px;float:left;}
#content-sub{width:266px;float:left}
#content{clear:left;width:920px;}
#content-email{clear:left;}
#front-container{margin-left:110px;} 
#email-container{margin-left:10px;}
 
  
#header{background:#EBF3FB url('../images/header_raita.gif') repeat-x;height:47px}
#header .logo{margin:10px 0 0 15px;}
#navi-background{background:url(../images/navi_raita.gif) repeat-x;height:105px;width:100%}
#navi-container{height:105px;width:960px;}

#navi ul{display:none}
#navi{width:540px;float:left;margin-left:20px;}
#navi img{border:0px none;margin:0;float:left}
.saaveikkaus{float:left;}

.finnmatkat-link{float:left;padding-left:10px;}
.copy{float:right;padding-right:10px;}
.saatiedot{text-align:center}
.toppad{padding-top:20px;}

/* hack to keep footer at the bottom of the screen */
#page-container{position:relative;min-height:100%;}
* html #page-container{height:100%}
#footer{clear:left;padding-top:5px;position:relative;margin-top:-32px;background-color:#99CCFF;height:25px;border:1px solid #EAF5FF;font:normal 11px arial;color:#3366CC;}
#footer a{text-decoration:underline;color:#3366CC}




/* rounded corners */
.box-large{
	background:url('../images/box_large_top.gif') no-repeat;
	width:524px;
	padding-top:3px;
	padding-bottom:3px
}

.box-content{
	background:url('../images/box_large_content.gif') repeat-y;
	padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:10px
}

.box-bottom{
	background:url('../images/box_large_bottom.gif') no-repeat;
	height:3px;
	font-size:1px	
}

.box-small{
	background:url('../images/box_small_top.gif') no-repeat;
	width:266px;
	padding-top:3px;
	padding-bottom:3px
}

.box-small-content{
	background:url('../images/box_small_content.gif') repeat-y;
	padding:0
}

.box-small-bottom{
	background:url('../images/box_small_bottom.gif') no-repeat;
	height:3px;
	font-size:1px	
}


.box-wide{
	background:url('../images/box_wide_top.gif') no-repeat;
	width:686px;
	padding-top:3px;
	padding-bottom:3px
}

.box-wide-content{
	background:url('../images/box_wide_content.gif') repeat-y;
	padding:0
}

.box-wide-bottom{
	background:url('../images/box_wide_bottom.gif') no-repeat;
	height:3px;
	font-size:1px	
}

.rules{
	padding:20px;
}
.rules p{
	line-height:17px;
	margin:10px 0;
	color:#606060;
}
.rules ul{
	margin:10px 20px;
}
.rules li{
		color:#606060;
}

.form-txt, .form-txt2{
	float:left;
	margin-bottom:5px;
	margin-top:0;
}
.form-txt2{
	width:220px;
}
.form-txt{
	width:240px;
}
.form-txt3{
	margin-top:20px;
}
.kerro {padding:20px;}
.kerro-info{
	position:relative;
	color:#606060;
	font-weight:bold;
}
.kerro input.txt{border:1px solid #3366CC;background:url('../images/input_raita.gif') repeat-x;width:214px;font-size:12px; padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px}
.kerro label{padding-left:5px;font-size:12px}
.kerro p{margin:10px 0;color:#606060;}
.kerro textarea{width:460px;height:95px;border:1px solid #3366CC;background:url('../images/input_raita2.gif') repeat-x; }

/* text formatting etc. */

.ots{margin:23px 0;}

h1{font:bold 24px verdana;color:white;}
h2{font:bold 20px verdana;color:#3366CC;}
h3{font:bold 15px arial;color:#3366CC;margin:0px 0;}
h4{font:bold 15px arial;color:#3366CC;margin:10px 0;}


/* bannerit */
.tarjous-hinta{position:absolute;top:60px;left:22px;font:bold 38px arial;color:white}
#ban1, #ban2{margin-bottom:15px}
.fiilis{margin:5px 5px 5px 7px}
.banner-content{padding:10px;	position:relative;}
.banner-voittaja-content{padding:5px 5px 5px 8px;}



/* tarjoukset */
#tarjoukset{padding-left:13px;}
#tarjoukset h1{margin:8px}
.back a{color:#3366CC;font-size:12px;text-decoration:none}
.back{margin-bottom:20px;padding-top:10px;}

#tarjous-navi strong{color:#666666; padding-right:10px;}
#tarjous-navi input {margin-left:6px;}
#tarjous-navi {width:100%;margin:10px 0;}
.tpages{text-align:right;padding-right:15px;}
.tpages a{text-decoration:none;color:#3366CC;margin-right:2px;margin-left:2px}
.tnavi{width:100px;}
.toptiot{width:380px;}

#tarjous-listaus{width:660px;margin:10px 0 0 0;}
#tarjous-listaus th{text-align:left;background-color:#99CCFF;color:white;padding:6px 4px;}
#tarjous-listaus td{padding:4px 4px 10px 4px;}
#tarjous-listaus tr.hili {background-color:#E8F3FF}
.thinta{color:#CC0000}
.tvaraa{width:140px;}
.tkesto{}
.tkohde{}
.taika{}


/* 1X2, pennit miljoonax */
.veikkaus-ruudut{margin:0 8px 0 10px}
.veikkaus-ruudut td{padding:2px;}
tr.hili{background-color:#EBF5FF}
.v1, .v2, .v3{width:40px;height:25px;text-align:center;font:normal 20px arial;border-left:1px solid #99CCFF;color:#3366CC;border-bottom:1px solid #99CCFF;}
.v3{border-right:1px solid #99CCFF;background-color:#FFEBCC}
.v2{background-color:#E0EBFF}
.v1{background-color:#D6F5CC}
.v1 a, .v2 a, .v3 a{display:block;width:21px;margin:0 auto;}
.veikkaus-ruudut td a{text-decoration:none;color:#cecece}
.veikkaus-ruudut td.td1{text-align:right;padding-right:10px;}
.veikkaus-ruudut td.td2{padding-left:10px;}
td.td0{color:#3366CC;text-align:left;padding:10px 5px 5px 10px;width:186px;}
td.td1, td.td2{width:186px;color:#3366CC;font:normal 12px arial;border-bottom:1px solid #99CCFF;}
td.td1a{font:bold 12px arial; color:#3366CC;text-align:left;padding-left:10px;width:186px;border-bottom:1px solid #99CCFF;}
td.td2a{font:bold 12px arial; color:#3366CC;text-align:right;width:186px;border-bottom:1px solid #99CCFF;}
td.td1 a, td.td2 a{color:#3366CC;font:bold 12px arial; text-decoration:none}
td.td1 a:hover, td.td2 a:hover{text-decoration:underline}

.veikkaus-ruudut td.vborder-left{padding:0;background:url('../images/veikkaus_shadow_left.gif') repeat-y top left;font-size:1px;width:3px}
.veikkaus-ruudut td.vborder-right{padding:0;background:url('../images/veikkaus_shadow_right.gif') repeat-y top right;font-size:1px;width:3px}




#yhteystiedot{border:1px solid #CCCCCC; padding:17px;margin:10px 10px 0 10px;font:normal 11px arial;color:#5F6062;line-height:20px;}
#yhteystiedot .yhteys_intro{font-size:14px;margin:10px 0 15px 0;font-weight:bold}
#yhteystiedot p{margin:5px 0;}
#yhteystiedot input.txt{border:1px solid #3366CC;background:url('../images/input_raita.gif') repeat-x;width:160px;font-size:12px; padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px}
#yhteystiedot td{padding-right:6px;padding-bottom:6px;}
#yhteystiedot input{margin-right:8px;}
#yhteystiedot p.errorFld {color:#F00;margin:0;}
#yhteystiedot p.errorMsg {font-weight:bold;}
p.submi{text-align:center;margin:15px 0;padding-top:10px;}






/* 1x2, vahvistus */
.h-va{padding:15px 30px;}
.va-va{text-align:center;color:black;font-weight:bold;font-size:12px;margin-bottom:5px;}
.va-va-email{color:black;font-weight:bold;font-size:12px;margin-bottom:10px;margin-left:30px;}
.veikkaus-vahvistus{margin-left:4px;}
.veikkaus-vahvistus td{padding:2px;}
.veikkaus-vahvistus a{color:#3366CC;font:normal 12px arial; text-decoration:none}
.veikkaus-vahvistus a:hover{text-decoration:underline}
.va1, .vax, .va2{width:36px;height:25px;text-align:center;font:normal 20px arial;border-left:1px solid #99CCFF;border-right:1px solid #99CCFF;color:#3366CC;border-bottom:1px solid #99CCFF;}
.va2{background-color:#FFEBCC}
.vax{background-color:#E0EBFF}
.va1{background-color:#D6F5CC}
.va-td1, .va-td2{border-bottom:1px solid #99CCFF;}
td.va-td1{text-align:right;padding-right:10px;width:220px;border-bottom:1px solid #99CCFF;}
td.va-td2{ padding-left:10px;text-align:left;width:220px;border-bottom:1px solid #99CCFF;}
.buttons{text-align:center;margin:10px 0;}


/* 1X2, results small*/
#veikkaus-tulos-small{margin-bottom:5px;}
#veikkaus-tulos-small td{border-bottom:1px solid #99CCFF;border-right:1px solid #99CCFF;padding:2px 4px}
.t1, .tx, .t2{width:7px;text-align:center;font:bold 11px arial;color:#3366CC;}
.t1{background-color:#D6F5CC;}
.tx{background-color:#E0EBFF;}
.t2{background-color:#FFEBCC;}
.kohde{padding:0 0 0 7px;width:166px;color:#666666;font:normal 10px arial;border-left:1px solid #99CCFF;}
.temp1{text-align:right;width:20px;font:normal 11px arial;color:#3366CC;}
.temp2{text-align:right;width:20px;font:normal 11px arial;color:#3366CC;}
p.voittajat{font:normal 11px arial;color:#EF0000;margin:4px 0;}
#veikkaus-tulos-small td.hdr{border-right:0px;color:#3366CC;font:normal 11px arial;border-bottom:0px solid white}
#veikkaus-tulos-large a{color:#3366CC;font:normal 12px arial; text-decoration:none}
#veikkaus-tulos-large a:hover{text-decoration:underline}


/* 1x2 results large */
#veikkaus-tulos-large{margin:0 10px 10px 10px;border-top:1px solid #99CCFF;border-left:1px solid #99CCFF;}
#veikkaus-tulos-large td{font:normal 12px arial;color:#3366CC;border-bottom:1px solid #99CCFF;}
#veikkaus-tulos-large .kohde1{width:183px;color:#3366CC;font:normal 12px arial;text-align:right}
#veikkaus-tulos-large .kohde2{width:183px;color:#3366CC;font:normal 12px arial;text-align:left;border-right:1px solid #99CCFF;}
#veikkaus-tulos-large .jako {width:20px;text-align:center;}
#veikkaus-tulos-large .temp1, #veikkaus-tulos-large .temp2 {width:40px;text-align:center;border-right:1px solid #99CCFF;}
#veikkaus-tulos-large .t1, #veikkaus-tulos-large .tx, #veikkaus-tulos-large .t2{width:40px;text-align:center;font:normal 20px arial;border-right:1px solid #99CCFF;}
p.voittajat-l{font:normal 12px arial;color:#EF0000;margin:4px 0;border:1px solid #CCCCCC; padding:10px 15px;margin:10px 10px 0 10px;}
.tulokset-header{padding:20px 30px 10px 30px;}
#weeknro{width:120px;float:left;padding-left:30px;font:bold 18px arial;color:#5E5E60}
#resultlist{width:350px;float:left;text-align:right;margin-bottom:15px;font-weight:bold}
#resultlist select{width:120px;margin-left:5px}

.rivisi{text-align:right;margin-bottom:5px;font-weight:bold;padding-top:35px;margin-right:15px;color:#3366CC;}
.weekinfo{font:bold 15px arial;color:#3366CC;width:160px;float:left;padding-top:15px;padding-left:15px;margin-bottom:7px;}

/* MISC */
.clear{clear:left}