body { background:url(../images/body_portal_raita.gif) repeat-x; }

#navi2{	border-bottom:1px solid #1BB6F1; }

#content-container{
	width: 960px;
	padding-top:5px;
}

#content ol, #content ul {margin-left:20px; margin-top: 10px; margin-bottom: 10px;}
#content p, #content h1, #content blockquote {margin-bottom:10px;}

#content .img-right {float: right; margin-left: 15px; margin-bottom: 15px;}
#content .img-left {float: left; margin-right: 15px; margin-bottom: 15px;}

#logo h1 {background:url(../images/lumo_p_logo.gif) left top no-repeat;text-indent:-3000em;}
#content{
	background:url(../images/content_white_top.gif) left top no-repeat;
	padding:10px 0 20px 0;	
}
#content-tv{
	background:url(../images/content_white_top_wide.gif) no-repeat;
	padding:10px 0 20px 0;
}
#content-a{
	width:390px;
	float:left;
	padding-left:7px;
	margin-right:5px;
}
#content-a-wide{
	width:560px;
	float:left;
	padding-left:7px;
	margin-right:5px;
}
#content-a-wide2{
	width:560px;
	padding-left:7px;
	margin-right:5px;
}
#content-b{
	width:177px;
	float:left;
}

.pelikuvat h3{
	color:#33CCFF;
	background:url(../images/content_header_bg.jpg) no-repeat;
	padding:3px 2px 10px 9px;
	margin-bottom:5px;
}
.keskustelu h3{
	color:black;
	background:url(../images/content_header_bg.jpg) no-repeat;
	padding:3px 2px 10px 9px;
	margin-bottom:5px;
}
.keskustelu{
	margin:10px 0;
}
.keskustelu strong{
	color:black;
}
.keskustelu-item{
	padding:10px 7px 20px 7px;	
	border-bottom:1px solid #CCCCCC;
}
.keskustelu-item p{
	margin:10px 0;
}
.keskustelu-item img{
	float:right;
}
.keskustelu-item small{
	color:#666;
}
.keskustelu-navi{
	background:url(../images/content_header_bg.jpg) no-repeat;
	padding:0px 4px 10px 4px;
	margin-top:10px;
}
.keskustelu-navi a{
	color:black;
	/* font:bold 12px Arial, Helvetica, sans-serif; */
}
.next{
	float:right;
	background:url(../images/nuoli_vinkit.gif) top right no-repeat;
	padding-right:30px;
	height:24px;
	padding-top:3px;
}
.prev{
	background:url(../images/nuoli_vinkit_left.gif) top left no-repeat;
	padding-left:30px;
	height:24px;
	padding-top:3px;
}

.pelikuvat img{
	margin:4px;
}
.keskustelu .saannot{
	margin-bottom:10px;
	padding:4px;
	width:360px;
}

.pelikuvat{
	border-top:1px solid #57C9F4;
	padding-top:8px;
	margin-top:10px;
}
.kommentoi{
	background-color:#E5F7FD;
	padding:2px;
	border:1px solid #20B7F1;
	margin-bottom:5px;
}
.kommentti-form textarea{
	width:360px;
}

.keskustelu-buttons { padding-left:10px; }
.keskustelu-buttons-top { margin-top: 10px; }
.keskustelu-buttons-bottom { margin-top: 20px; }

.line{
	float:left;
}
.l1{
	width:10em;
}
.l2{
	width:12em;
}
.l3{
	width:14em;
}
.linkbutton { display:block; float:left; background:url(../images/link_blue_start.gif) top left no-repeat; height:23px; }
.linkbutton a { background:url(../images/link_blue_end.gif) top right no-repeat; padding:3px 20px 3px 11px; display:block; color:white;	font-size:10px;	height:23px; }
.linkbutton a:hover { text-decoration:none; }
.linkbutton-kirjoita { width: 160px; }
.linkbutton-kerro { width: 140px; }
.linkbutton-ilmoita { width: 200px; margin-bottom: 20px; }
.arvostelu-buttons { margin-top:10px; }
.vinkkeja .hili { background-color:#ECF9FE; }
.generic .hili { background-color:#ECF9FE; }


#content p{
	margin-bottom:10px;
	margin-right:10px;
	color:black;
}
/* no margin for <p> tags inside box structures*/
#content .nosto p, #content .nosto-arrow p, #content .keskustelu_nosto p{
	margin: 0;
}


h1{
	color:black;
	margin-bottom:10px;
}



#navi{
	background:url(../images/navi_raita.gif) repeat-x;
	height:65px;
	border-bottom:6px solid #007AC9;
}


#main1 a{
	background:url("../images/navi_p_portaali.gif");
	width:120px;
}
#main2 a{
	background:url("../images/navi_p_internet.gif");
	width:115px;
}
#main3 a{
	background:url("../images/navi_p_digitv.gif");
	width:126px;
}

.box-blue-arrow h3, .box-blue-plain h3{
	color:white;
	padding:5px 6px 6px 6px;
}

.box-lumo-is h3{
	color:white;
	padding:5px 6px 6px 102px;
}

#content .box-blue-arrow h2, #content .box-lumo-is h2, #content .box-blue-plain h4 { margin: 2px; padding: 4px; }
#content .box-blue-arrow h3, #content .box-lumo-is h3, #content .box-blue-plain h3 { padding: 5px 6px 6px; color: white;  font-size: 12px; }
#content .box-blue-arrow h4, #content .box-lumo-is h4, #content .box-blue-plain h4 { margin: 2px; padding: 4px; }
#content .box-blue-arrow p, #content .box-lumo-is p, #content .box-blue-plain p { font-size: 11px; margin: 2px; padding: 4px; }

#content .box-side h2 { margin: 2px; padding: 4px; }
#content .box-side h3 { padding: 5px 6px 6px; color: white;  font-size: 12px; }
#content .box-side h4 { margin: 2px; padding: 4px; }
#content .box-side p { font-size: 11px; margin: 2px; padding: 4px; }


.box-blue-arrow{
	background:url(../images/box_blue_top_arrow.gif) no-repeat;
	width:290px;
	margin-bottom:5px;
}
.box-lumo-is{
	background:url(../images/box-lumo-is.jpg) no-repeat;
	width:290px;
	margin-bottom:5px;
}

.box-blue-plain{
	background:url(../images/box_blue_top_plain.gif) no-repeat;
	width:290px;
	margin-bottom:5px;
}

.box-blue-content{
	background:url(../images/box_blue_content.gif) repeat-y;
	padding: 3px 0;
}

.box-blue-bottom{
	background:url(../images/box_blue_bottom.gif) bottom left no-repeat;
	text-align:right;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
}

.box-blue h3{
	color:white;
}

.box-side h3{
	color:white;
	padding:5px 6px 5px 6px;
}

.box-side h4 {
	padding:4px 0;
}


.box-side{
	width:167px;
	background:url(../images/box_pelit_top.gif) no-repeat;
	margin-bottom:8px;
}
.box-side-content{
	background:url(../images/box_pelit_content.gif) repeat-y;
	padding:0px 2px;	
	overflow:hidden;
}
.box-side-bottom{
	background:url(../images/box_pelit_bottom.gif) bottom left no-repeat;
	height:14px;
}

.box-news h3{
	color:white;
	padding:5px 6px 5px 6px;
}
.box-news{
	width:194px;
	background:url(../images/box_news_top.gif) no-repeat;
	margin-bottom:8px;
}
.box-news-content{
	background:url(../images/box_news_content.gif) repeat-y;
	padding:0px 7px 10px 7px;	
	overflow:hidden;
}
.box-news-bottom{
	background:url(../images/box_news_bottom.gif) bottom left no-repeat;
	height:14px;
}

.box-huom h3{
	color:white;
	padding:5px 6px 5px 6px;
}
.box-huom{
	width:194px;
	background:url(../images/box_huom_top.gif) no-repeat;
	margin-bottom:8px;
	display: none;
}
.box-huom-content{
	background:url(../images/box_huom_content.gif) repeat-y;
	padding:10px 7px 0px 7px;	
	overflow:hidden;
}
.box-huom-bottom{
	background:url(../images/box_huom_bottom.gif) bottom left no-repeat;
	height:14px;
}





.box-tv h3{
	color:white;
	padding:5px 6px 4px 6px;
}
.box-tv{
	width:194px;
	background:url(../images/box_tv_top.gif) no-repeat;
	margin-bottom:5px;
	margin-left:1px;
}

.box-tv-content { border-left:solid 2px #007ac9; border-right:solid 2px #007ac9; overflow:hidden; padding:0; width:190px }


/* .box-tv-content{
	background:url(../images/box_tv_content.gif) repeat-y;
	padding:0px 2px;	
		overflow:hidden;
}*/


.box-tv-bottom{
	background:url(../images/box_tv_bottom.gif) bottom left no-repeat;
	text-align:right;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:4px;
	height:12px;
}
.box-tv-content table.tv-small { width:190px }
.tv-small td{
	padding:4px 2px;
}
.tv-kanava{
	font-size:9px;
	border-right:1px solid #21B8F1;
	text-align:center;
}
.tv-aika{
	font-size:9px;
	border-right:1px solid #21B8F1;
	font-weight:bold;
}
.tv-ohjelma {
	font-size:9px;
}
.tv-small .hili{
	background-color:#E0E0E0;
}


.nosto{
	background:url(../images/header_grey_plain.gif) no-repeat;
	padding:7px 2px 7px 7px;
}
.nosto-arrow {
	background:url(../images/header_grey_arrow.gif) no-repeat;
	padding:7px 2px 7px 7px;
}
.keskustelu_nosto {
	background:url(../images/header_grey_arrow_281.gif) no-repeat;
	margin-left:10px;
	padding:7px 2px 7px 7px;
}
.nosto h3, .nosto-arrow h3, .keskustelu_nosto h3 {
	color:#21B8F1;
	margin-bottom:10px;
}

.nosto p, .nosto-arrow p, .keskustelu_nosto p{
	padding:4px 2px 4px 2px;
}
.nosto p.hili, .nosto-arrow p.hili, .keskustelu_nosto p.hili{
	background-color:#ECF9FE;
}



#footer{
	padding:3px 10px;
	background-color:#007AC9;	
	color:white;
}
#footer a{
	color:white;
	text-decoration:none;
}

.arvostelu{
	background:url(../images/arvostelu_tausta2.jpg) no-repeat;
	padding:5px;
}
.arvostelu-bottom{
	background:url(../images/arvostelu_tausta_bottom2.jpg) no-repeat;
	height:8px;
}
.arvostelu td{
	padding:0 0  0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#A0A0A0;
}
.arvostelu td.c1{
	width:86px;
}
.arvostelu td img{
	margin:1px;
}
.arvostelu td.spc{
	height:12px;
}
.arvosana a{
	margin-right:10px;
	color:black;
	font-weight:bold;
	font-size:12px;
}
p.arvosana{
	padding-bottom:20px;
}

#content-b p.arvosteluasteikko img { margin-left: -10px; }
#arvostelu-sidebar .arvosteluasteikko img { margin-left: -10px; }
#arvostelu-sidebar .kuvat img.img-left  { margin: 0 0 15px; float:none; }
#arvostelu-sidebar .box-side-bottom { margin-top: -10px; margin-bottom: 20px;}

.lataa-demo{
	float:right;
	width:76px;
	padding:4px;
}
.lataa-demo a{
	font-size:10px;
	color:black;
	display:block;
	background:url(../images/button_lataa_demo.gif) top right no-repeat;
}

.uutisetjasaa { background:url(/system/modules/fi.lumo.frontend/resources/images/content_white_top.gif) left top no-repeat; }
.uutisetjasaa #col2b-news { margin-top: 10px; margin-left: -2px; }
.uutisetjasaa .uutiset { margin-top: 10px; }
.uutisetjasaa .uutiset h3{
	color:#33CCFF;
	background:url(../images/header_news_370px.gif) no-repeat;
	padding:5px 30px 6px 6px;
	margin-left: 10px;
}
.uutisetjasaa .uutiset p{ margin-left:13px; margin-right:13px; }

/*-- tv --*/

#content-tv{
	
}

#channel-selectors {font-weight:bold;color:#000;}
#channel-selectors ul {list-style:none;display:inline;}
#channel-selectors ul li {display:inline;}
#channel-selectors ul li a {padding:0.5em;color:#000;}
/*#channel-selectors #channels ul li a {padding:0;padding-right:0.3em;}*/
#channel-selectors ul li.active a {background-color:#5FCCF5;color:#FFF;}
#channel-selectors #date {float:left;margin-left:7px;}
#channel-selectors #channels {float:left;margin-left:80px;}
#channel-selectors #channels label {display:inline;}

#channel-selectors #channel-dates {float:right;margin-right:5px;}

#tv-programs {margin:20px 5px 0 5px;color:#000;}
#tv-programs .tv-channel-info {float:left;width:147px;}
#tv-programs #morning .tv-channel-info {background:url(../images/tv_raita.gif) repeat-x;}
#tv-programs label {font-size:12px;text-align:center;}

#tv-programs #morning, #tv-programs #noon {border-bottom:1px solid blue;}


#tv-programs .tv-channel-info dl {margin-top:5px;}
#tv-programs .odd {background-color:#E5F7FD;}

#tv-programs .tv-channel-info dt {width:37px;float:left;margin-top:0.4em;}
/*#tv-programs .tv-channel-info dt.noon, #tv-programs .tv-channel-info dd.noon,#tv-programs .tv-channel-info dt.evening, #tv-programs .tv-channel-info dd.evening {}*/

#tv-programs #noon label, #tv-programs #evening label {display:none;}
#tv-programs .tv-channel-info dd {width:110px;float:left;margin-top:0.4em;}
#tv-programs .tv-channel-info dt.active, #tv-programs .tv-channel-info dd.active {background-color:#5FCCF5;}


#content-tv .nav{
	color:black;
	text-transform:uppercase;
}
.tvdow{
	color:black;
	font-weight:bold;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
}
.tvselected{
	background-color:#5FCCF5;
	padding:4px 6px;
	color:white;
	margin-left:10px;
	font-weight:bold;
}

.tv2, .tv4{
	background-color:#E5F7FD;
}
.tvtime{
	color:black;
}
.tvchannel{
	background:url(../images/tv_raita.gif) repeat-x;
	color:black;
	font-size:12px;
	text-align:center;
	width:147px;
}

.tvprogram a{
 	color:#5133D0;
}
.tvcurrent{
	background-color:#5FCCF5;
}

.weather-sel select{
	width:100px;
}

.weather-sel{
	margin:10px 7px;
	color:black;
	padding-bottom:10px;
	border-bottom:1px solid #21B8F1;
}

#pelihalli div { display:block; width: 100%; border-bottom:1px solid #21B8F1; margin-left:9px; width: 562px; margin-bottom: 15px; }
#pelihalli p { display:block; font-size:11px;}
#pelihalli img { float:left; margin-right: 10px;}
#pelihalli p.pelihalli-link { display:block; width:100%; text-align:right; }
#pelihalli p.pelihalli-link img { float:none; }

.fileinformationbox, .filedownloadbox {
	padding:0;
}
.filedownloadbox th {
	font-weight:bold;
	text-align:left;
	padding-bottom:5px;
	font-size:12px;
}
.fileinformationbox td, .filedownloadbox td {
	padding-right:10px;
	padding-bottom:5px;
	font-size:12px;
}

/* palautesivu */
.palautesivu h1 { background:url(../images/header_grey_long.gif) no-repeat; padding:0px 4px 10px 4px; color:#33CCFF; }
.palautesivu { padding:2px 5px; }
#palaute-lomake { padding: 0px; margin-top: 10px; font-size:12px; }
#palaute-lomake td { color: black; background-color: #fff !important; padding: 5px 10px 0 0; vertical-align:top; padding-top:10px; }
#palaute-lomake input.onlineform { width: 300px;}
#palaute-lomake input.formbutton {  }
#palaute-lomake textarea { width:300px; height: 150px;}