/* GLOBAL ELEMENTS COLORS
-----------------------------------------------------------------------------*/

/* TAUSTAKUVA */
body {
	background-color: #000000;
	color:#000000;
	background-position: center -200px;
	background-repeat: no-repeat;
}


body.custom {
	background-image: url(/sites/nelonen.fi/files/images/bb857c72504fe71b062ec227021d9e33_lost_tausta.jpg);
}




/* LOGO */
/* Tämä toimii vain kun alinavigaatiot puuttuu, kommentoi tämä muussa tapauksessa */
/* Toimii vain sivuilla joissa ei ole alinavigaatiota */
.headerBottom.bozBottom {
	margin-bottom:68px;
}


/* Tämä toimii vain kun käytössä on alinavigaatio tabit, kommentoi tämä muussa tapauksessa */
/* Show title */
.contentTabsTitle {
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(/sites/default/files/images/dot.gif);
	height:180px;
	text-indent:-9999px;
} 


/* YLÄPALKIN REUNUKSET JA SISÄLTÖPALSTAN TAUSTAVÄRI */
/* Global Boxes background color */
.boz,
.boz .sb-inner,
#headerContentHolder { 			
	background:#ffffff; 
}


/* YLÄPALKIN  TAUSTAVÄRI */
/* Header box background color */
#headerContent { 				
	background-color:#1b1b1b;
}	

/* Global Boxes shadow color */								
.boz .sb-shadow { 				
	background:#000000; 
}		
							
/* Content box, works also for Rating engine background! */
.boz2 { 						
	background:#ffffff; 		
}

/* Content box - no shadow */
.boz3 {							
	background:none; 	
}

/* Broadcast date content */
.broadcastDate { 				 
	border:none;
	background:#ffffff; 
}



/* NAVIGATION ACTIVE TAB BACKGROUND IMAGES AND TEXT
-----------------------------------------------------------------------------*/
ul#mainNav li a.activeMainNav,
ul#mainNav li a.activeMainNav:hover,
ul#tabNav li a.activeTabNav  {
	color:#ffffff;
	background-image:url(../images/tab-active-left.png);
}									

ul#mainNav li a.activeMainNav span,
ul#mainNav li a.activeMainNav:hover span,
ul#tabNav li a.activeTabNav span {
	color:#ffffff;
	background-image:url(../images/tab-active-right.png);
}					


/* NAVIGATION BACKGROUND IMAGES AND TEXT
-----------------------------------------------------------------------------*/
ul#mainNav li a span,
ul#tabNav li a span {
	color:#ffffff;
	background-image:url(/sites/default/files/images/tab-dark-right.png);
	background-color:transparent;
	background-position:right bottom;
	background-attachment:scroll;
	background-repeat:no-repeat;
}

ul#mainNav li a,
ul#tabNav li a {
	color:#ffffff;
	background-image:url(/sites/default/files/images/tab-dark-left.png);
	background-color:transparent;
	background-attachment:scroll;
	background-position:left bottom;
	background-repeat:no-repeat;
}



/* NAVIGATION HOVER IMAGES AND TEXT
-----------------------------------------------------------------------------*/
ul#mainNav li a:hover span,
ul#tabNav li a:hover span {
	color:#ffffff;
	background-image:url(/sites/default/files/images/tab-over-right.png);
	background-color:transparent;
	background-attachment:scroll;
	background-position:right bottom;
	background-repeat:no-repeat;
}

ul#mainNav li a:hover,
ul#tabNav li a:hover {
	color:#ffffff;
	background-image:url(/sites/default/files/images/tab-over-left.png);
	background-color:transparent;
	background-attachment:scroll;
	background-position:left bottom;
	background-repeat:no-repeat;
}


												
/* SUBNAVIGATION (4th level navigation)
-----------------------------------------------------------------------------*/
#pageNavHolder.horizontal { 
	background-image:url(/sites/default/files/images/fourthlevelnavbgr.png);
	background-position:center bottom;
	border-bottom:1px solid #5dbdfd;
} 

/*Active link 4th level navigation */
a.activeNodeHorizontalNav {  
	background-image:url(/sites/default/files/images/fourth-level-active-horizontal.gif);
	background-color:transparent;
	background-position:center bottom;
	background-attachment:scroll;
	background-repeat:no-repeat; 
	color:#000000;
}
	
#pageNavHolder {
	background-color:transparent;
	background-repeat:no-repeat;
	margin-bottom:10px;
} 	

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

/* TEXT STYLES
-----------------------------------------------------------------------------*/
/* Link color */
a {    						
 	color:#1b1b1b;
}

/* Titles for Column 1 and margin */
.column1 h1,
.column1 h2,
.column1 h3,
.column1 h4,
.column1 h5 { 				
	color:#1b1b1b;
	line-height:1.2em;
}

/* Titles for Column 2 and margin */
.column2 h1,
.column2 h2,
.column2 h3,
.column2 h4,
.column2 h5 { 				
	color:#1b1b1b;
	line-height:1.2em;
}

/* Titles for Column 3 and margin */
.column3 h1,
.column3 h2,
.column3 h3,
.column3 h4,
.column3 h5 {				
	color:#1b1b1b;
	line-height:1.2em
}

/* 'Show list' link color */
.column1 p	{				
	font-size:13px;
	line-height:18px;
	padding:10px 0 10px 0;
}

.column1 img {
	margin-bottom:1em;
}

/* 'Comment date' text color */
.latestCommentBox p span { 	
	color:#9a9999;
}

/* 'Small Thumb Box' text color */
.thumbBox p { 				
	color:#898989;
} 	
																
.featuredPostBox p span,
.sideTabBoxWide dd { 
	color:#959595;
}
	
/* 'Show list' link color */					
.sideTabBoxWide dt a { 		
	color:#ffffff;
}


/* BORDER COLORS
-----------------------------------------------------------------------------*/
/* 'Small Thumb' image border */
.thumbBox images { 			
	border-color:#cfcfcf;
}	

/* 'Latest Comment' bottom border */
.latestCommentBox p {		
	border-bottom-color:#ccc;
}

/* 'Video Thumb' bottom link border top */
.videoThumbsBottomLinks span {	
	border-top-color:#e5e5e5;
}

/* 'Category box' bottom border */
.categoryBox {				
	border-bottom-color:#e5e5e5;
}


/* BACKGROUND IMAGES
-----------------------------------------------------------------------------*/

/* 'Latest Comment' icon */
.latestCommentBox {			
	background-image:url(/sites/nelonen.fi/files/images/3506b80126429daf6afe85e4060ab758_cloud-icon-dark_0.png);
	background-position:0 3px;
	background-repeat:no-repeat;
}

/* 'Latest Wide Comment' icon */
.latestWideCommentBox h4 {	
	background-image:url(/sites/nelonen.fi/files/images/3506b80126429daf6afe85e4060ab758_cloud-icon-dark.png);
	background-position:0 3px;
	background-repeat:no-repeat;
}



/* RATING ENGINE
-----------------------------------------------------------------------------*/
/* Navigation item text color */
#topCarouselNavigation .galleryCarouselNav li a,
#topCarouselNavigation .galleryCarouselNav li a:visited { 
	color:#1b1b1b;
}

/* Navigation selected */
#topCarouselNavigation .galleryCarouselNav .itemSortSelected {	
	font-size:17px;			
	font-weight:bold;		
	color:#1b1b1b;			
}
/* Picture title */
.galleryMainDetails h2 { 	
	color:#1b1b1b;
	font-size:21px;
	font-weight:normal;
}

/* Picture description */
.galleryMainDetails p { 	
	color:#000000;
}

/* Vote count */
.starVoatingInfo { 			
	color:#2A2A2A!important;
	font-size:11px;
	line-height:20px;
}

/* Right side edit links */
.galleryMainDetailsRight a,
.galleryMainDetailsRight a:visited {	
	color:#1b1b1b;
}	

/* Color and font for carousel links (All, Latest, Best of the week...) */
.galleryCarouselNav li { 	
	color:#1b1b1b;
}

/* For selected item in the carousel */
.galleryCarouselNav li.itemSortSelected { 
	color:#1b1b1b;
}

/* Carousel images arrow right */
.arrowright {				
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/arrow-right.gif);
	background-position:4px 40px;
	background-repeat:no-repeat;
}

/* Carousel images arrow left */
.arrowright {				
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/arrow-right.gif);
	background-position:4px 40px;
	background-repeat:no-repeat;
}

/* Font and color for item header */
galleryMainDetails > h2 { 	
	color:#000000;
	font-size:21px;
	font-weight:normal;
}

/* Star CSS sprite file */
ul.starRate li,
ul.starRated li {			
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/sites/default/files/images/star.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	
}

/* Link here link */
#linkIt{					
	color:#1b1b1b;
}

/* Selected item information text */
galleryMainDetails > p {	
	color:#2A2A2A;
}

/* PROMO BOX (Video listing page)
-----------------------------------------------------------------------------*/
/* Video title */
#ruutuVideoInfo .name a,
#ruutuVideoInfo .name a:visited  {	
	color:#ffffff;
	text-decoration:none;
}

/* Video description */
#ruutuVideoInfo .description {		
	color:#ffffff;
	font-size:11px;
}

/* Comment video link / comment count */
#ruutuVideoInfo .commentCount a,
#ruutuVideoInfo .commentCount a:visited {	
	color:#ffffff;
}

/* Send link */
a.addThisLink { 					
	color:#1b1b1b !important;
}

/* Sort filter main color */
#nettiTvBrowser #filterControls {	
	color:#1b1b1b;
}

/* Sort filter item color */
#nettiTvBrowser #filterControls a {	
	color:#1b1b1b;
}

/* Sort filter selected item */
#nettiTvBrowser #filterControls a.active {
	color:#1b1b1b; 					
	font-size:17px;					
	font-weight:bold;
}

/* Listing titles */
#nettiTvBrowser h4 {				
	color:#1b1b1b;
}

/* Description background, change only if different color needed */
#nettiTvBrowser ul.nettiItemDesc li.name {
	background-color:transparent;
}

/* List item airdate */
#nettiTvBrowser ul.nettiItemDesc li.timeStamp span.time {	
	color:#818181;
}

/* List item title */
#nettiTvBrowser ul.nettiItemDesc li.name a,
#nettiTvBrowser ul.nettiItemDesc li.name a:visited {	
	text-decoration:none;
	color:#1b1b1b;
}

/* Individual video thumbnail setting */
#nettiTvBrowser ul.nettiItems li {
	float:left;
	width:230px;
}


/* Individual video thumbnail setting hover */
#nettiTvBrowser ul.nettiItems li:hover {
	
}

/* PROMO BOX (VIDEO PLAYER)
-----------------------------------------------------------------------------*/
 /* Top of the videoplayer, already uploadet are white and black colors */
div.ruutuPlayer > div.ruutuPlayerTop {
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/sites/nelonen.fi/files/images/06bd62091b67af349f955e477a2af153_ruutu-player-nelonen-background-top-black_0.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:8px;
}

/* Middle area background image */
div.ruutuPlayer > div.ruutuPlayerMiddle { 
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/sites/nelonen.fi/files/images/e21c0c13d677205da5d2c1756f56a4ba_ruutu-player-nelonen-background-slice_black.png);
	background-position:0 0;
	background-repeat:repeat-y;
	
} 

/* Bottom margin background image */
div.ruutuPlayer > div.ruutuPlayerBottom {  
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/sites/nelonen.fi/files/images/684713724ef47fb666ad85701228b29a_ruutu-player-nelonen-background-bottom_black.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

/* POLL ENGINE
Note: Notice that poll engine uses the common text values the header. These values can be found under the title: TEXT STYLES
-----------------------------------------------------------------------------*/
/*Color for the line between seperate questions */
.pollBoxContent fieldset div {		
	border-bottom:1px solid #CCCCCC;
}

 /*Background image for the bottom part where the buttons are */
.bottomPollBox {  				   
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/sites/default/files/images/box_bottom_wide.png);
	background-position:left bottom;
	background-repeat:no-repeat;

}

/*Font declaration for questions. If you need to override the common color add "color:#dddddd;" attribute with your color here. */
.pollBoxContent p,
.pollBoxContent #former-question p { 
	font-size:15px;
}

/*Background color for polls answered percantage */
.pollResultBar span {				
	background-color:#1b1b1b !important;
}

.pollResultReport p {
	font-size:11px;
}

/*Font declaration for results. */
.pollBoxResults p {					
	font-size:15px;
}


/* Next airdate/episode listin title color 
-----------------------------------------------------------------------------*/
.sideTabHolder h4 {
	color:#000000;
}	

/* Next air date styles 
-----------------------------------------------------------------------------*/
.sideTabBox {
	float:left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left:35px;
	width:235px;
}

/* Next airdate image */ 
.showTime {							
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/sites/nelonen.fi/files/images/3c1d1fcb8a685a7c8ebb13824c02630d_icon-time_dark.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}

/* Next airdate text color */						
.showTime p {						
	color:#000000;
}

/* Next airdate list image */
.showSchedule { 					
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/sites/nelonen.fi/files/images/791fc93cf37364b322353dcf6fb71acf_icon-schedule_dark.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}

/* Next airdate list text color */	
.showSchedule li {					
	color:#000000;
}

/* Video comments text color*/

/* Video comments*/
.videoComments {
	color:#000000;
}
.videoComments.ruutu { 
	color:#FFFFFF;
}

/* Comment forms inner text color */
.commentFormInner{
color:#000000;
}