@charset "utf-8";
/* CSS Document */

body
{
	background: #1396e4 url(../images/body_bg.gif) repeat left 28px;
	margin: 0;
	padding: 0 0 20px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666c73;
	text-align: center;
}


h1
{
	font-size: 13px;
	color: #ca0002;
	font-weight: bold;
	margin: .6em 0;
}

h2
{
	font-size: 12px;
	color: #255aa3;
	font-weight: bold;
	margin: .6em 0;
}

h3
{
	font-size: 12px;
	color: #666c73;
	font-weight: bold;
	margin: .6em 0;
}

p
{
	margin: .8em 0;
}

a img
{
	border: none;
}

a,
a:link,
a:visited
{
	color: #255aa3;
	text-decoration: underline;
}

a:hover,
a:active
{
	color: #f00;
	text-decoration: underline;
}






#outer_wrapper
{
	background: transparent url(../images/outer_wrapper_bg.gif) repeat-x left top;
	padding: 29px 0 0;
}

#inner_wrapper
{
	text-align: left;
	margin: 0 auto;
	width: 900px;
	background: #fff url(../images/inner_wrapper_top_bg.jpg) no-repeat left top;
}

#wrapper
{
	margin: 0;
	padding: 47px 0 0;
	background: transparent url(../images/inner_wrapper_bottom_bg.jpg) no-repeat left bottom;
}

#head
{
	width: 676px;
	padding: 0 0 0 214px;
	margin: 0;
	background: transparent url(../images/torvi.gif) no-repeat 135px 4px;
	overflow: hidden;
}

ul#top
{
	height: 59px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul#top li
{
	float: left;
	margin-right: 25px;
	height: 59px;
}

ul#top li a,
ul#top li a:link,
ul#top li a:visited,
ul#top li a:hover,
ul#top li a:active
{
	display: block;
	cursor: pointer;
	margin: 21px 0 0;
}

ul#top li#topli_1
{
	width: 89px;
}

ul#top li#topli_1 a,
ul#top li#topli_1 a:link,
ul#top li#topli_1 a:visited,
ul#top li#topli_1 a:hover,
ul#top li#topli_1 a:active
{
	width: 89px;
	height: 16px;
	background: transparent url(../images/lbl_jyvaskyla.gif) no-repeat left top;
}

ul#top li#topli_2
{
	width: 202px;
}

ul#top li#topli_2 a,
ul#top li#topli_2 a:link,
ul#top li#topli_2 a:visited,
ul#top li#topli_2 a:hover,
ul#top li#topli_2 a:active
{
	width: 202px;
	height: 59px;
	background: transparent url(../images/masthead.gif) no-repeat left top;
	margin: 0;
}

ul#top li#topli_3
{
	width: 49px;
}

ul#top li#topli_3 a,
ul#top li#topli_3 a:link,
ul#top li#topli_3 a:visited,
ul#top li#topli_3 a:hover,
ul#top li#topli_3 a:active
{
	width: 49px;
	height: 16px;
	background: transparent url(../images/lbl_lahti.gif) no-repeat left top;
}

ul#top li#topli_4
{
	width: 73px;
	margin-right: 0;
}

ul#top li#topli_4 a,
ul#top li#topli_4 a:link,
ul#top li#topli_4 a:visited,
ul#top li#topli_4 a:hover,
ul#top li#topli_4 a:active
{
	width: 73px;
	height: 16px;
	background: transparent url(../images/lbl_heinola.gif) no-repeat left top;
}






#navbar
{
	clear: both;
	width: 880px;
	height: 40px;
	margin: 8px 0 0 -204px;
	overflow: hidden;
	background: transparent url(../images/navbar_bg.gif) no-repeat right top;
}

#navbar form
{
	float: right;
	text-align: right;
	margin: 0;
	padding: 6px 20px 0 0;
}

#navbar form input.textinput
{
	width: 140px;
	padding: 3px 3px 3px 4px;
	background: #1f3a67 url(../images/searchinput_bg.gif) no-repeat left top;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #5958be;
	margin-right: 15px;
}


ul#navi
{
	width: 659px;
	height: 40px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#navi li
{
	float: left;
	margin: 0;
	padding: 0;
}

ul#navi li a,
ul#navi li a:link,
ul#navi li a:visited,
ul#navi li a:hover,
ul#navi li a:active
{
	display: block;
	cursor: pointer;
	height: 40px;
}


li#navitem_1,
li#navitem_1 a,
li#navitem_1 a:link,
li#navitem_1 a:visited
{
	width: 96px;
	background: transparent url(../images/navitems.gif) no-repeat left top;
}

li#navitem_1.active a,
li#navitem_1.active a:link,
li#navitem_1.active a:visited,
li#navitem_1 a:hover,
li#navitem_1 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat left -40px;
}

li#navitem_2,
li#navitem_2 a,
li#navitem_2 a:link,
li#navitem_2 a:visited
{
	width: 99px;
	background: transparent url(../images/navitems.gif) no-repeat -96px top;
}

li#navitem_2.active a,
li#navitem_2.active a:link,
li#navitem_2.active a:visited,
li#navitem_2 a:hover,
li#navitem_2 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat -96px -40px;
}

li#navitem_3,
li#navitem_3 a,
li#navitem_3 a:link,
li#navitem_3 a:visited
{
	width: 117px;
	background: transparent url(../images/navitems.gif) no-repeat -195px top;
}

li#navitem_3.active a,
li#navitem_3.active a:link,
li#navitem_3.active a:visited,
li#navitem_3 a:hover,
li#navitem_3 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat -195px -40px;
}

li#navitem_4,
li#navitem_4 a,
li#navitem_4 a:link,
li#navitem_4 a:visited
{
	width: 164px;
	background: transparent url(../images/navitems.gif) no-repeat -312px top;
}

li#navitem_4.active a,
li#navitem_4.active a:link,
li#navitem_4.active a:visited,
li#navitem_4 a:hover,
li#navitem_4 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat -312px -40px;
}

li#navitem_5,
li#navitem_5 a,
li#navitem_5 a:link,
li#navitem_5 a:visited
{
	width: 75px;
	background: transparent url(../images/navitems.gif) no-repeat -476px top;
}

li#navitem_5.active a,
li#navitem_5.active a:link,
li#navitem_5.active a:visited,
li#navitem_5 a:hover,
li#navitem_5 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat -476px -40px;
}

li#navitem_6,
li#navitem_6 a,
li#navitem_6 a:link,
li#navitem_6 a:visited
{
	width: 108px;
	background: transparent url(../images/navitems.gif) no-repeat -551px top;
}

li#navitem_6.active a,
li#navitem_6.active a:link,
li#navitem_6.active a:visited,
li#navitem_6 a:hover,
li#navitem_6 a:active
{
	background: transparent url(../images/navitems.gif) no-repeat -551px -40px;
}






#content
{
	clear: both;
	width: 873px;
	margin: 10px 0 79px 12px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
}

#content_head_wrapper
{
	background: #ca0002 url(../images/content_head_top.gif) no-repeat left top;
	padding: 3px 0 0;
	margin: 0 0 12px;
}

#content_head
{
	background: transparent url(../images/content_head_bottom.gif) no-repeat left bottom;
	font-size: 13px;
	color: #fff;
	padding: 0 0 3px 23px;
	margin: 0;
}

/*
#content_body
{
	height: auto !important;
	min-height: 400px;
	height: 400px;
}
*/

#footer
{
	padding: 0 200px 20px 30px;
}

#footer a,
#footer a:link,
#footer a:visited
{
	color: #666c73;
	text-decoration: none;
}

#footer a:hover,
#footer a:active
{
	color: #666c73;
	text-decoration: underline;
}








ul.list_generic
{
	list-style: none;
	margin: .6em 0;
	padding: 0;
}

ul.list_generic li
{
	padding: 2px 0;
	border-bottom: 1px solid #cecece;
}

ul.list_generic li a,
ul.list_generic li a:link,
ul.list_generic li a:visited
{
	text-decoration: none;
}

ul.list_generic li a:hover,
ul.list_generic li a:active
{
	text-decoration: none;
}

.ir
{
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}








/* Navigo specific styles */

/* NAVIGO DEFAULT TABLE */

.u4-table-default
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-default-header
{
	background-color: #255aa3;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 4px 5px;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-default-header2,
.u4-table-default-even,
.u4-table-default-odd
{
	background-color: #f4f4f4;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 2px 5px;
}

.u4-table-default-odd
{
	background-color: #eaeaed;
}




/* Table header w/ rounded corners (using JS) */

.u4-table-fancy
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-fancy-header
{
	background: #ca0002 url(../images/blt_arrow_right.gif) no-repeat 11px 8px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 4px 5px 4px 26px;
	border: none;
}

.u4-table-fancy-header2,
.u4-table-fancy-even,
.u4-table-fancy-odd
{
	background-color: transparent;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #cecece;
	padding: 2px 5px;
}

.u4-table-fancy-odd
{
	background-color: transparent;
}





/* Table w/o header row */

.u4-table-noheader
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-noheader-header
{
	background-color: #f4f4f4;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 4px 5px;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-noheader-header2,
.u4-table-noheader-even,
.u4-table-noheader-odd
{
	background-color: #eaeaed;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 2px 5px;
}

.u4-table-noheader-odd
{
	background-color: #f4f4f4;
}




/* UNSTYLED TABLE */

.u4-table-unstyled-header,
.u4-table-unstyled-header2,
.u4-table-unstyled-even,
.u4-table-unstyled-odd
{
	vertical-align: top;
	text-align: left;
}

/* TABLE CELL STYLES */

.u4-table-default-left
{
	text-align: left;
	padding: 4px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-unstyled-left
{
	text-align: left;
}

.u4-table-default-right
{
	text-align: right;
	padding: 4px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-unstyled-right
{
	text-align: right;
}

/*  bullet-listakohtien valeista ylimaaraiset marginaalit pois */

ul p.MsoNormal { margin-top:2px; margin-bottom: 2px; }
ul p { margin-top:2px; margin-bottom: 2px; }

.textInputTd, .selectInputTd, .senderInputTd{
    width : 183px;
}




/*
#home_dummy
{
	width: 880px;
	height: 736px;
	background: transparent url(../images/home_dummy.jpg) no-repeat left top;
}

#home_dummy2
{
	width: 880px;
	height: 80px;
	background: transparent url(../images/home_dummy.gif) no-repeat left top;
}
*/


#home_main
{
	width: 879px;
	background: #f00 url(../images/dotbg_red_vert.gif) repeat-y 209px 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#home_main_content
{
	background: transparent url(../images/home_main_top.gif) no-repeat left top;
}

#home_main_bottom
{
	clear: both;
	width: 879px;
	height: 3px;
	overflow: hidden;
	margin: 0;
	background: transparent url(../images/home_main_bottom.gif) no-repeat left top;
}

#musiclist
{
	display: inline;
	width: 197px;
	background: #070707 url(../images/musiclist_bottom.gif) no-repeat left bottom;
	margin: 6px 14px 3px 6px;
	padding: 0 0 145px;
	float: left;
}

#musiclist h2
{
	margin: 0;
	padding: 0;
	width: 197px;
	height: 80px;
	background: transparent url(../images/musiclist_top.gif) no-repeat left top;
	overflow: hidden;
	text-indent: -9999px;
}

#musiclist div.content
{
	padding: 0 4px;
	color: #f1e8e8;
	font-size:11px;
}

#musiclist ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: #192949 url(../images/musiclist_li_bg.gif) repeat-x left top;
}

#musiclist ul li
{
	margin: 0;
	padding: 1px 6px;
	border-bottom: 1px solid #070707;
	font-size: 11px;
	line-height: 1.1;
}

#main_banners
{
	width: 658px;
	overflow: hidden;
	float: left;
	margin: 6px 0 3px 0;
	padding: 0;
}




#home_cols
{
	margin: 5px 0;
	width: 879px;
	border-collapse: collapse;
}

#col_heads
{
	width: 100%;
	border-collapse: collapse;
}

#col_heads th
{
	font-weight: bold;
	color: #fff;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	width: 33%;
	padding-left: 9px;
	background: transparent url(../images/blt_arrow_right.gif) no-repeat left 5px;
	font-size: 11px;
}

#col_heads th.first
{
	padding-left: 0;
	background-image: none;
}

#home_cols td
{
	text-align: left;
	vertical-align: top;
}


td.col_content
{
	width: 289px;
	background: #070707 url(../images/home_tvlists_bottom.gif) no-repeat left bottom;
	padding: 0;
	color: #fff;
	font-size: 11px;
}

td.col_content div.col_top
{
	width: 289px;
	height: 3px;
	background: transparent url(../images/home_tvlists_top.gif) no-repeat left top;
	padding: 0;
	overflow: hidden;
}

td.col_content div.content
{
	width: 260px;
	padding: 14px 14px 30px;
}

/*
#home_cols td.separator
{
	width: 5px;
	overflow: hidden;
}
*/

#home_bottom
{
	width: 879px;
	overflow: hidden;
	margin: 5px 0;
	font-size: 11px;
}

#home_bottom #col_a,
#home_bottom #col_b,
#home_bottom #col_c
{
	width: 289px;
	margin: 0 6px 0 0;
	padding: 0;
	float: left;
}

#home_bottom #col_c
{
	margin-right: 0;
}

#home_bottom div.clearer
{
	width: 870px;
	height: 3px;
	clear: both;
}





table.list_tvgrid
{
	border-collapse: collapse;
	margin-bottom: 7px;
}

table.list_tvgrid td
{
	padding: 1px 5px 1px 0;
	vertical-align: top;
}

table.list_tvgrid td img
{
	vertical-align: middle;
}

table.list_tvgrid td.time
{
	color: #f00;
}

td.col_content div.content a,
td.col_content div.content a:link,
td.col_content div.content a:visited
{
	color: #fff;
	text-decoration: underline;
}

td.col_content div.content a:hover,
td.col_content div.content a:active
{
	color: #fff;
	text-decoration: none;
}




/* Reklanet form */

#reklanet_form th,
#reklanet_form td
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-weight: normal;
}

#reklanet_form th.bold
{
	color: #1f3d67;
	font-weight: bold;
	padding: 10px 5px;
	font-size: 14px;
}

#reklanet_form table
{
	border-collapse: collapse;
}

#reklanet_form #tmp1
{
	margin-bottom: 5px;
}

.hidden
{
	display: none;
}