/* BASIC ELEMENTS
-------------------------------------------------------------- */

* {
	margin: 0; 
	padding: 0;
}
	
a {
	cursor: pointer;
	outline: none; 
	text-decoration: none; 	
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

input, 
textarea {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

body { 
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px; 
	line-height: 1.1em;
}

h2 {
	font-size: 23px;
	line-height: 1.2em;
}

h2.titleThin { 
	font-weight: normal;
}

h3 {
	font-size: 17px;
	font-weight: normal;
	line-height: 1.2em;
}

h3.whiteTitle {
	color: #fff;
	font-size: 21px;
}

h3.whiteTitle a {
	color: #fff;
}

h4 {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.2em;
}

h5 {
	font-size: 13px;
	line-height: 1.2em;
}

#wrap { 
	width: 992px;
	margin:auto;
	position:relative; 
}

#navOnly #wrap {
	width: 100%;
}

/* TOP SEGMENT
-------------------------------------------------------------- */
#topSegment {
	float: left; 
	width: 992px;
}

#navOnly #topSegment {
	width: 100%;	
	display: block;
}

.topBannerHolder,
#topBannerHolder {
	float: left;
	padding: 0 6px;
	width: 980px;
}

#header {
	float: left;
	position: relative;
	width: 980px;
	padding: 0px 6px 10px 6px;
	background: url(../img/box-content-slice.png) repeat-y 1px bottom;
}

#navOnly #header {
	width: 100%;
	padding: 0;
	display: block;
}

#sideTab { 
	position: absolute;
	top: 2px;
	right: -22px;
	width: 28px;
	height: 104px;
}

#sideTab a {
	display: block;
	width: 28px;
	height: 104px;
	text-indent: -9999px;
}

#headerContentHolder {
	float: left; 
	width: 954px;
	padding: 12px 13px 0 13px;
}

#headerContent {
	float: left;
	/* width set in custom.css to allow resizing of main navigation. */
	background-position: left top;
	background-repeat: no-repeat;
	width: 945px;
	padding: 8px 0 0 9px;
	height: 72px;
}

.logoHolder {
	height: 64px;
	left: 28px;
	position: absolute;
	right: 0;
	/* width set in custom.css to allow resizing of main navigation. */	
}

.logoHolder h1 {
	/* moved to custom.css */
}

.logoHolder h1 a {
	display : block;	
	/* width set in custom.css to allow resizing of main navigation. */	
	height: 64px;
}
						
.headerRightBox {
	float: right;
	/* width set in custom.css to allow resizing of main navigation. */
}

.loggedStatus {
	color:#fff;
	float: left;
	font-size:11px;
	font-weight: bold;
	padding: 3px 0 0 0;
}	

.loggedStatus span {
	display: block;
	height: 32px;
	float: left;
	padding: 1px 0 0 0;
	line-height: 19px; 
}

.loggedStatus a {
	color: #fff;
}

a.button { 
	color: #fff; 
	display: inline;
	float: left;
	height: 18px;
	line-height: 16px;
	margin: 0 0 0 7px;
	padding: 2px 0 0 0;
	position: relative;
}

a.button span { 
	background:url(../img/buttonLogOut.png) top left no-repeat;
	float: left;
	height: 18px;
	line-height: 16px;
	padding: 0px 3px 0 8px; 
}

a.button img  {
	float: left;
}												

a.button span img { 
	margin: 2px 5px 0 0;
}

#search2 {
	float: right; 
	position: relative; 
	width: 186px; 
	height: 40px;
}

.searchBoxStyle {
	float: right; 
	position: relative; 
	width: 186px; 
	height: 40px;
}

.searchBoxStyle fieldset {
	float: left; 
	width: 175px; 
	padding: 4px 0 0 0; 
	border: 0;
}

.searchBoxStyle fieldset input {
	float: left; 
	width: 134px; 
	height: 22px; 
	background: url(../img/search-field-bgr.png) 0 0 no-repeat; 
	border: 0; 
	color: #898989; 
	font-size: 12px; 
	padding: 3px 5px 0 9px;
}

.searchBoxStyle fieldset button {
	float: left; 
	width: 25px; 
	height: 25px; 
	background: url(../img/search-button-bgr.png) 0 0 no-repeat; 
	text-indent: -9999px; 
	border: 0; 
	cursor: pointer;
}

#searchTipHolder,
#searchTipHolder2 {
	position: absolute; 
	display: none; 
	top: 172px; 
	left: 0px; 
	color: #000; 
	width: 345px; 
	z-index: 50;
}

#searchTipBox {
	position: relative;
	margin-top: -5px;
}

#searchTipBox2 {
	position: relative;
	margin-top: -5px;
}

.searchTipMark2 {
	position: absolute; 
	top: -9px; 
	left: 299px; 
	display: block; 
	width: 22px; 
	height: 12px; 
	z-index: 70; 
	background: url(../img/search-tip-mark.png) 0 0 no-repeat;
}

#searchTipInner {
	float: left; 
	position: relative; 
	width: 331px; 
	padding: 0px 7px 0px 7px; 
	margin-top: 5px;
}


.searchTop {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 100px;
	height: 10px;
	float: left;
	width: 100%;
}

.searchBottom {
	background-color: transparent;
	background-position: 0 -55px;
	background-repeat: no-repeat;
	width: 100px;
	height: 10px;
	float: left;
	width: 100%;
}

#searchContent {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0px 9px 5px 9px;
	float: left;
	width: 335px;
}

#searchContent2 {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0px 9px 5px 9px;
	float: left;
	width: 335px;
}

.searchTipBoxCategory {
	float: left; 
	display: block; 
	padding: 5px 0 5px 10px; 
	color: #fff; 
	font-weight: bold; 
	position: relative; 
	width: 320px;
	margin-left: 3px;
}

.searchTipContent {
	float: left; 
	width: 330px; 
	margin: 1px 0 0 3px; 
	background: url(../img/search-tip-box-bgr.png) top left repeat-x; 
	padding: 0 0px 2px 0px;
}

.searchTipBoxStyle { 
	float: left; 
	width: 305px; 
	line-height: 14px;
	padding: 6px 13px 6px 10px;
}

.searchTipBoxStyle { 
	float: left; 
	width: 305px; 
	line-height: 14px;
	padding: 6px 13px 6px 10px;
}

#allresults a {
	font-size: 11px;
	float: right;	
}

#allresults.searchTipBoxStyle {
	padding-bottom: 0px;
}

#noHits.searchTipBoxStyle {
	margin-top: 8px;
}

.searchTipSeparator {
	background: url(../img/search-tip-separator.gif) bottom left repeat-x; 
}

.searchTipBoxStyle img {
	float: left; 
	margin-top: 2px;
}

.searchTipBoxStyle p {
	float: right; 
	width: 260px;
	padding: 0;
	font-size: 11px; 
	line-height: 14px;
}

.searchTipBoxHover { 
	background: #fff; 
}

#allresults.searchTipBoxHover { 
	background: transparent !important; 
	font-weight: bold; 
}

			
.mainNavHolder {
	float: right;
	height: 32px;
	/* width defined in custom.css to allow changing the size of main menu per site */
}

ul#languageList {
	float:right; 
	position:relative; 
	z-index:1; 
	width:auto; 
	padding:9px 0 0 0; 
	list-style-type:none;
}

ul#languageList li {
	float:left;
}

ul#languageList li a {
	float:left; 
	padding:0 12px 0 0; 
	color:#fff; 
	font-size:11px; 
	font-weight:bold;
}

ul#languageList li a:hover {
	text-decoration:underline;
}

ul#languageList a.button span {  
	text-transform: uppercase; 
}

ul#mainNav {
	float: left;
	width: 500px;
	height: 32px;
	list-style-type: none;
}

#navOnly #mainNav {
	width: auto;
}

ul#mainNav li {
	float: left;
	height: 32px;
}

ul#mainNav li a {
	float: left;
	height: 32px;
	display: block;
	padding: 0 0 0 5px;
	text-align: center;
	background-image: url(../img/tab-normal-left.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

ul#mainNav li a span {
	float: left;
	display: block;
	padding: 11px 13px 0 8px;
	text-align: center;
	background-image: url(../img/tab-normal-right.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 21px;
	font-weight: bold;
	color: #fff;
}
			
ul#mainNav li a:hover {
	float: left;
	background-image: url(../img/tab-over-left.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 32px;
	display: block;
	padding: 0 0 0 5px;
	text-align: center;
	text-decoration: none;
} 

ul#mainNav li a:hover span {
	text-indent: 0;
	background-image: url(../img/tab-over-right.png);
	backgroun-position: right bottom;
	background-repeat: no-repeat;
	float: left;
	padding: 11px 13px 0 8px;
	text-align: center;
	height: 21px;
	font-weight: bold;
} 

ul#mainNav li a.activeMainNav, ul#mainNav li a.activeMainNav:hover {
	float: left;
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 32px;
	display: block;
	padding: 0 0 0 5px;
	text-align: center;
	text-decoration: none;
}

ul#mainNav li a.activeMainNav span, ul#mainNav li a.activeMainNav:hover span {
	text-indent: 0;
	background-position: right bottom;
	background-repeat: no-repeat;
	float: left;
	padding: 11px 5px 0 0;
	text-align: center;
	height: 21px;
	font-weight: bold;
	margin-left: -1px;
}
							
#subNavHolder {
	float: left;
	width: 954px;
	padding: 23px 13px 0 13px;
	background-color: transparent;
	background-image: url(../img/subnavbgr.png);
	background-position: top left;
	background-repeat: no-repeat;
}

ul#subNav {
	float: left;
	list-style-type: none;
}

ul#subNav li {
	float: left;
}

ul#subNav li a {
	float: left;
	display: block;
	padding: 2px 13px 2px 12px;
	height: 29px;
	margin-bottom:-20px;
}

ul#subNav li a.firstSubNav {
	padding: 2px 20px 2px 0;
}

ul#subNav li a.activeSubNav {
	background-image: url(../img/subnav-mark.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	color:#000;
}

ul#subNav li a:hover {
	color: #000;
	text-decoration: none;
}

#subNavHolder a.specialNav {
	float: right;
}
					
#subnavBoxHolder { 
	height: 1%;
	overflow: hidden;
	width: 954px;
}

.subnavBox {
	float: left;
	width: 318px;
}

.subnavBox p {
	width: 300px;
	padding: 0 18px 8px 0;
}

.subnavBox b { 
	font-weight: normal;
	text-transform: uppercase;
}

.subnavBox a {
	margin-top: 5px;
	display: block;
}

/* 4th level navigation */
#pageNavHolder {
	background-color: transparent;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#pageNavHolder.horizontal {
	background-image: url(../img/fourthlevelnavbgr.png);
	background-position: center bottom;
	border-bottom: solid #ccc 1px;
}

#pageNavHolder.vertical {
	background-image: url(../img/fourthlevelnavbgr-vertical.png);
	background-position: left center;
	border-left: solid #ccc 1px;
}

#pageNavHolder ul {
	list-style-type: none;	
}

#pageNavHolder.horizontal ul {
	height: 1%;
	overflow: hidden;
	border-bottom: solid white 1px;
}

#pageNavHolder.vertical ul {
	height: 1%;
	overflow: hidden;
	border-left: solid white 1px;
}

#pageNavHolder.horizontal li {
	float: left;
}

#pageNavHolder.horizontal li a {
	display: block;
	padding: 5px 8px 12px 8px;
	text-decoration: none;	
}

#pageNavHolder.vertical li a {
	display: block;
	padding: 5px 0px 5px 14px;
	text-decoration: none;	
}

#pageNavHolder li a:hover {
	color: #000000;
}

#pageNavHolder.horizontal li a.activeNodeHorizontalNav {
	background: transparent url(../img/fourth-level-active-horizontal.gif) no-repeat scroll center bottom;
	color: #000000;	
}

#pageNavHolder.vertical li a.activeNodeVerticalNav {
	background: transparent url(../img/fourth-level-active-vertical.gif) no-repeat scroll left center;
	color: #000000;	
}

/* FOOTER
-------------------------------------------------------------- */
#footerHolder {
	float: left;
	position: relative;
	width: 100%;
	background-image: url(../img/footer-bgr.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 12px;
}

.footerContent {
	width: 992px;
	margin: auto;
}

#footerFlashHolder {
	float: left;
	width: 989px;
	padding: 0 0 0 3px;
}


#footerNav {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

#footerNav ul {
	float: left;
	list-style: none;
	padding: 22px 6px;
}

#footerNav ul li {
	display: inline;
}

#footerNav li a {
	float: left;
	padding: 0 11px 0 0;
	font-size: 13px;
}

.block-nelonen_utils {
	display: none;
}

/***Nav only page***/
#navOnly {
	padding: 10px;
	background-image: none;
	background-color: #fff;
}

#navOnlyOuter {
	position: relative;
	background-color: #fff	
}

#navOnlyInner {
	background-image: url(../img/head-bgr-nav-only.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 8px 0 0 9px;
	height: 72px;
	background-color: #0481C6;
	clear: both;
	overflow: hidden;
	position: relative;
}

#navOnlyInner .mainNavHolder {
	width: auto;
	margin: 40px 0 0 19px;
}

#btn_programguide {
	display: block;
	width: 110px;
	height: 27px;
	background-image: url(../img/ohjelmaopas.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	clear: both;
	text-indent: -9999px;
}

.smalltopnavi {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../img/small_top_navi_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 1%;
	overflow: hidden;
	line-height:30px;
	width: 100%;
	text-align:center;
}

.smalltopnavi,
.smalltopnavi ul,
.smalltopnavi ul li,
.smalltopnavi ul li a {
	margin:0px;
	padding:0px;
}

.smalltopnavi ul {
	list-style-type: none;
	width: 460px;
	margin: 0 auto;
	padding: 0;
}

.smalltopnavi ul li {
	float: left;
	line-height:30px;
	margin-right:18px;
}

.smalltopnavi li.firstLink {
	margin-right: 0px;
}

.smalltopnavi ul li a img {
	border:0px solid;
	margin:1px 10px 0px 0px;
	vertical-align:top;
}

.smalltopnavi ul li a {
	text-decoration:none;
	color:#387fbd;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.smalltopnavi ul li a:hover {
	text-decoration:underline;
}