/* GLOBAL ELEMENTS COLORS
-----------------------------------------------------------------------------*/
/* TAUSTAKUVA */
body {

	background-position: center -200px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	color:#000000;}/* Body background and body font color */
	
body.custom {
	background-image:url(/sites/default/files/images/ccdd989a8076d98cf5a18fb505f8f257_inno_peruspohja_bg.jpg);
}
	
/* LOGO */
.contentTabsTitle {background:url(/sites/default/files/images/blanco_logo.png) left center no-repeat;  height:220px; text-indent:-9999px;} /* Show title */
/* YLÄPALKIN REUNUKSET JA SISÄLTÖPALSTAN TAUSTAVÄRI */
.boz, .boz .sb-inner, #headerContentHolder {background:#ffffff;}								/* Global Boxes background color */
/* YLÄPALKIN VAALEAMPI TAUSTAVÄRI */
#headerContent {background-color:#565656;}														/* Header box background color */
.boz .sb-shadow { background:#000000;}																/* Global Boxes shadow color */

.boz2 {background:#ffffff;}																		/* Content box, works also for Rating engine background! */
.boz3 {background:none;}																		/* Content box - no shadow */
.broadcastDate { border:none; background:#ffffff}													/* Broadcast date content */


/* 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:transparent url(/sites/default/files/images/tab-dark-right.png) no-repeat scroll right bottom;}
ul#mainNav li a, ul#tabNav li a{color:#ffffff;background:transparent url(/sites/default/files/images/tab-dark-left.png) no-repeat scroll left bottom;}



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


												
/* SUBNAVIGATION (4th level navigation)
-----------------------------------------------------------------------------*/
#pageNavHolder.horizontal {background-image:url(/sites/default/files/images/fourthlevelnavbgr.png); background-position:center bottom; border-bottom:1px solid #5dbdfd;} 
a.activeNodeHorizontalNav {background:transparent url(/sites/default/files/images/fourth-level-active-horizontal.gif) no-repeat scroll center bottom;color:#000000;} /*Active link 4th level navigation */
#pageNavHolder {background-color:transparent;background-repeat:no-repeat;margin-bottom:10px;} 	
#pageNavHolder li a:hover {color:#000000;}														

/* TEXT STYLES
Text styles are always common if not otherwise declared within another content area.
Try use these common text attributes to maintain pages all around style.
-----------------------------------------------------------------------------*/
a {color:#565656;}																				/* Link color */
.column1 h1,.column1 h2,.column1 h3,.column1 h4,.column1 h5 {color:#565656;line-height:1.2em;}	/* Titles for Column 1 and margin */
.column2 h1,.column2 h2,.column2 h3,.column2 h4,.column2 h5 {color:#565656;line-height:1.2em;}	/* Titles for Column 2 and margin */
.column3 h1,.column3 h2,.column3 h3,.column3 h4,.column3 h5 {color:#565656;line-height:1.2em}	/* Titles for Column 3 and margin */
.column1 p																						/* Left side column p */
{
	font-size:13px;
	line-height:18px;
	padding:10px 0 10px 0;
}
.column1 img {margin-bottom:1em;}
.latestCommentBox p span {color:#9a9999;} 														/* 'Comment date' text color */
.thumbBox p {color:#898989;} 																	/* 'Small Thumb Box' text color */
.featuredPostBox p span, .sideTabBoxWide dd {color:#959595;}						
.sideTabBoxWide dt a {color:#ffffff;}															/* 'Show list' link color */


/* BORDER COLORS
-----------------------------------------------------------------------------*/
.thumbBox images {border-color:#cfcfcf;}														/* 'Small Thumb' image border */
.latestCommentBox p {border-bottom-color:#ccc;}													/* 'Latest Comment' bottom border */
.videoThumbsBottomLinks span {border-top-color:#e5e5e5;}										/* 'Video Thumb' bottom link border top */
.categoryBox {border-bottom-color:#e5e5e5;}														/* 'Category box' bottom border */


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

/*#sideTab a {background:url(../images/side-tab-rooma.png) 0 0 no-repeat;}				*/		/* Side tab 'Mediatiedot' background image remove comment and upload new image if you need to use custom image */
.latestCommentBox {background:url(/sites/default/files/images/cloud-icon.png) 0 3px no-repeat;}					/* 'Latest Comment' icon */
.latestWideCommentBox h4 {background:url(/sites/default/files/images/cloud-icon.png) 0 3px no-repeat;}		/* 'Latest Wide Comment' icon */


.twoColumnSplit, .latestWideCommentBox, .latestWideCommentBox h4 {  } /* IE6 PNG Fiz */

/* RATING ENGINE
-----------------------------------------------------------------------------*/
#topCarouselNavigation .galleryCarouselNav li a, #topCarouselNavigation .galleryCarouselNav li a:visited {
color:#000000;																								/* Navigation item text color */
}
#topCarouselNavigation .galleryCarouselNav .itemSortSelected 
{	
font-size:17px;																								/* Navigation selected item font size */
font-weight:bold;																							/* Navigation selected item font weight */
color:#000000;																								/* Navigation selected item text color */
}

.galleryMainDetails h2 { color:#000000; font-size:21px; font-weight:normal; }								/* Picture title */
.galleryMainDetails p { color:#000000; }																	/* Picture description */
.starVoatingInfo {color:#000000 !important; font-size:11px; line-height:20px; }								/* Vote count */
.galleryMainDetailsRight a, .galleryMainDetailsRight a:visited { color:#000000; }							/* Right side edit links */
.galleryCarouselNav li {color:#000000;}																		/* Color and font for carousel links (All, Latest, Best of the week...) */
.galleryCarouselNav li.itemSortSelected {color:#000000;}													/* For selected item in the carousel */
.arrowright {background:transparent url(../images/arrow-right.gif) no-repeat scroll 4px 40px;}					/* Carousel images arrow right */
.arrowright {background:transparent url(../images/arrow-right.gif) no-repeat scroll 4px 40px;}					/* Carousel images arrow left */
galleryMainDetails > h2 {color:#000000;font-size:21px;font-weight:normal;}									/* Font and color for item header */
ul.starRate li, ul.starRated li {background:transparent url(/sites/default/files/images/star.gif) no-repeat scroll 0 0;}			/* Star CSS sprite file */
#linkIt{color:#000000;}																						/* Link here link */
p.starVoatingInfo {color:#2A2A2A;}																			/* Star voting info */
galleryMainDetails > p {color:#2A2A2A;}																		/* Selected item information text */

/* PROMO BOX (Video listing page)
-----------------------------------------------------------------------------*/
#ruutuVideoInfo .name a, #ruutuVideoInfo .name a:visited  { color:#ffffff; text-decoration:none;}			/* Video title */
#ruutuVideoInfo .description { color:#ffffff; font-size:11px; }												/* Video description */
#ruutuVideoInfo .commentCount a, #ruutuVideoInfo .commentCount a:visited { color:#ffffff; }					/* Comment video link / comment count */
a.addThisLink { color:#565656 !important; }																	/* Send link */

#nettiTvBrowser #filterControls { color:#565656; }															/* Sort filter main color */
#nettiTvBrowser #filterControls a { color:#565656; }														/* Sort filter item color */
#nettiTvBrowser #filterControls a.active
{
color:#565656; 																								/* Sort filter selected item */
font-size:17px;																								/* Sort filter selected item font size */
font-weight:bold;																							/* Sort filter selected item font weight */
}
#nettiTvBrowser h4 { color:#ffffff; }																		/* Listing titles */
#nettiTvBrowser ul.nettiItemDesc li.name {background-color:transparent;}									/* Description background, change only if different color needed */
#nettiTvBrowser ul.nettiItemDesc li.timeStamp span.time { color:#818181; }									/* List item airdate */
#nettiTvBrowser ul.nettiItemDesc li.name a, #nettiTvBrowser ul.nettiItemDesc li.name a:visited				/* List item title */
{
text-decoration:none;
color:#565656;
}
/* Individual video thumbnail setting */
#nettiTvBrowser ul.nettiItems li {
/*background:transparent url(/sites/default/files/images/netti-tv-item-background.png) no-repeat scroll 0 0;*/
float:left;
/*height:176px;*/
margin:0 4px 8px;
width:230px;
}


/* Individual video thumbnail setting hover */
#nettiTvBrowser ul.nettiItems li:hover {
/*background:transparent url(/sites/default/files/images/netti-tv-item-background-hover.png) no-repeat scroll 0 0;*/
}

/* PROMO BOX (VIDEO PLAYER)
-----------------------------------------------------------------------------*/
div.ruutuPlayer > div.ruutuPlayerTop{background:transparent url(/sites/default/files/images/ruutu-player-nelonen-background-top-black.png) no-repeat scroll center bottom;height:8px;} /* Top of the videoplayer, already uploadet are white and black colors */
div.ruutuPlayer > div.ruutuPlayerMiddle{background:transparent url(/sites/default/files/images/ruutu-player-nelonen-background-slice-black.png) repeat-y scroll 0 0;} /* Middle area background image */
div.ruutuPlayer > div.ruutuPlayerBottom{background:transparent url(/sites/default/files/images/ruutu-player-nelonen-background-bottom-black.png) no-repeat scroll 0 0;} /* Bottom margin background image */

/* POLL ENGINE
Note: Notice that poll engine uses the common text values the header. These values can be found under the title: TEXT STYLES
-----------------------------------------------------------------------------*/
.pollBoxContent fieldset div {border-bottom:1px solid #CCCCCC;}                                             /*Color for the line between seperate questions */
.bottomPollBox {background:transparent url(/sites/default/files/images/box_bottom_wide.png) no-repeat scroll left bottom;}       /*Background image for the bottom part where the buttons are */
.pollBoxContent p, .pollBoxContent #former-question p {font-size:15px;}               /*Font declaration for questions. If you need to override the common color add "color:#dddddd;" attribute with your color here. */
.pollResultBar span{background-color:##565656 !important;}                               /*Background color for polls answered percantage */
.pollResultReport p {font-size:11px;}
.pollBoxResults p {font-size:15px;}                                                     /*Font declaration for results. */


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

/* Next air date styles 
-----------------------------------------------------------------------------*/
.sideTabBox { float:left; padding:5px 0 10px 35px; width:235px; }
.showTime { background:transparent url(/sites/default/files/images/icon-time.png) no-repeat scroll 0 5px; }						/* Next airdate image */ 
.showTime p { color:#000000; }																				/* Next airdate text color */
.showSchedule { background:transparent url(/sites/default/files/images/icon-schedule.png) no-repeat scroll 0 5px; }				/* Next airdate list image */
.showSchedule li {	color:#000000; }																		/* Next airdate list text color */	

/* Video comments*/

#videoComments.ruutu {
	background:#FFFFFF none repeat scroll 0 0;
	margin:10px 10px 0 200px;
	padding-left:10px;
	width:567px;
}
#videoComments .commentBox {
width:567px;
}