#play-queue {
	position:fixed;
	width:100%;
	bottom:0;
	z-index:102;
}

#play-queue-top {
	width:100%;
	height:40px;
	border-top:solid 1px #7e7d7d;
	border-bottom:solid 1px #7e7d7d;
	background-color:rgba(74, 74, 74, 0.9);
}

#play-queue.iefix #play-queue-top, #play-queue.iefix #bottom-bar{
  background: transparent url(/multimedia/template/ui/solid_gray_4a4a4a.90.png) repeat 0 0; /* for IE 7-8 */
}

#play-queue.iefix #play-queue-expanded {
  background: transparent url(/multimedia/template/ui/solid_gray_333.90.png) repeat 0 0; /* for IE 7-8 */
}

#play-queue-expanded {
	width:100%;
	height:128px;
	background-color:rgba(54, 54, 54, 0.9);
	position:relative;
	display:none;
}

#bottom-bar {
	width:100%;
	height:40px;
	background-color:rgba(74, 74, 74, 0.9);
	position:fixed;
	bottom:0;
}

#play-queue-expand-btn {
	background: transparent url('/multimedia/template/ui/queue_toggle_icon.png') right top;
	display:block;
	width:20px;
	height:13px;
	text-indent:-1000px;
	overflow:hidden;
	margin-top:15px;
	margin-left:20px;
	float:left;
}

#play-queue-expand-btn.open {
	background: transparent url('/multimedia/template/ui/queue_toggle_icon.png') right 13px;
}

#play-queue-top span {
	color:#fff;
	float:left;
}

#play-queue-title {
	font-weight:bold;
	font-size:16px;
	margin:10px 5px 0 20px;
}

#play-queue-count {
	font-size:14px;
	margin-top:12px;
}

#play-queue-watch-all {
	display:block;
	width:137px;
	height:30px;
	background: transparent url('/multimedia/template/ui/queue_katso_kaikki_btn.png');
	float:right;
	text-indent:-1000px;
	overflow:hidden;
	margin:5px 60px 0 60px;
}

#addedByUser {
	float:right;
	margin-top:13px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

#play-queue.empty #addedByUser {
	display:none;
}

.play-queue-sort-link {
	color:#fff;
	font-size:12px;
	margin:14px 0 0 20px;
	float:right;
}

.play-queue-sort-link:hover {
	color:#fff;
}

.play-queue-sort-link.selected {
	font-weight:bold;
}

#play-queue-control-left, #play-queue-control-right {
	display:block;
	width:53px;
	height:53px;
	position:absolute;
	top:35px;
}

#play-queue-control-left {
	background: transparent url('/multimedia/template/ui/queue_buttons_sprite.png') top left;
	left:10px;
}

#play-queue-control-right {
	background: transparent url('/multimedia/template/ui/queue_buttons_sprite.png') top right;
	right:10px;
}

#play-queue-control-left.disabled {
	background: transparent url('/multimedia/template/ui/queue_buttons_sprite.png') bottom left;
}

#play-queue-control-right.disabled {
	background: transparent url('/multimedia/template/ui/queue_buttons_sprite.png') bottom right;
}

#play-queue-content {
	width:auto;
	margin:0 65px 0 65px;
	height:128px;
}

#play-queue-programs {
	position:relative;
	padding-top:10px;
	width:100%;
	overflow:hidden;
	background: transparent url('/multimedia/template/ui/queue_backround_item.png') repeat-x left 10px;
	height:89px;
}

#play-queue-programs.background-offset {
	background: transparent none;
}

#play-queue-programs-list {
	float:left;
	background: transparent url('/multimedia/template/ui/queue_backround_item.png') repeat-x left 10px;
}

#play-queue-programs-list li {
	display: block;
	width:159px;
	height:89px;
	background: transparent url('/multimedia/template/ui/queue_empty_item.png');
	margin: 0 10px 0 0;
	float:left;
	position:relative;
}

#play-queue-program-info {
	color:#b6b5b2;
	font-size:12px;
	padding:5px 0 0 5px;
	float:left;
}

#play-queue-program-info span {
	float:left;
	margin-right:10px;
}

#play-queue-program-info .program-name {
	color:#fff;
	font-weight:bold;
}

#play-queue-channel-logo {
	display: block;
	float:left;
	background: transparent url(/multimedia/template/ui/channel-logo-sprite.png) no-repeat 0 0;
	margin-top:2px;
}

#play-queue-channel-logo.channel_1,
#play-queue-channel-logo.channel_2,
#play-queue-channel-logo.channel_7,
#play-queue-channel-logo.channel_9,
#play-queue-channel-logo.channel_10,
#play-queue-channel-logo.channel_11,
#play-queue-channel-logo.channel_12{
	background-position: -200px -25px;
	width: 47px;
	height: 12px;
}

#play-queue-channel-logo.channel_2{
        background-position: -200px -150px;
        width: 51px;
        height: 12px;
}

#play-queue-channel-logo.channel_3{
        background-position: -200px -50px;
        width: 26px;
        height: 12px;
}

#play-queue-channel-logo.channel_4,
#play-queue-channel-logo.channel_13{
        background-position: -200px -75px;
        width:47px;
        height:12px;
}

#play-queue-channel-logo.channel_6{
        background-position: -200px -100px;
        width:36px;
        height:12px;
}

#play-queue-channel-logo.channel_7{
        background-position: -200px -125px;
        width:50px;
        height:12px;
}

#play-queue-channel-logo.channel_14,
#play-queue-channel-logo.channel_15,
#play-queue-channel-logo.channel_9999{
        background-position: -200px 0px;
        width:66px;
        height:10px;
}

#play-queue-programs-list .item-hover-content {
	background-color: transparent;
	background-image: url('/multimedia/template/ui/episode_hover_bg.png');
	position:absolute;
	border: #ccc solid 3px;
	width:153px;
	height:83px;
	top:0px;
	left:0px;
	display:none;
}

#play-queue-programs-list .not-free .item-hover-content {
	background-image: url('/multimedia/template/ui/episode_star_hover_bg.png');
	background-position: 156px top;
}

#play-queue-programs-list .play-link {
	background-color: transparent;
	background-image: url('/multimedia/template/ui/katso.png');
	text-indent:-9999px;
	display:block;
	width:89px;
	height:27px;
	float:left;
}

#favourites-remove {
	position:absolute;
	right:60px;
	font-size:12px;
	font-weight:bold;
	margin-top:4px;
}

#favourites-remove a {
	float:left;
	margin-top:2px;
}

#favourites-remove span {
	color:#fff;
	float:left;
	margin:2px 8px 0 20px;
}

#favourites-remove #play-queue-remove-all-link {
	display:block;
	height:19px;
	width:19px;
	background-image: url('/multimedia/template/ui/queue_remove_btn.png');
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0;
}

#play-queue.empty #empty-text {
	display:block;
	position:absolute;
	top:10px;
	left:338px;
	color:#fff;
	font-size:14px;
	background: transparent url('/multimedia/template/ui/queue_empty_item_example.png') no-repeat;
        height:89px;
        padding: 30px 0 0 200px;
}

#play-queue.empty #favourites-remove {
	display:none;
}

#play-queue.empty #play-queue-program-info {
	display:none;
}

#play-queue.empty #empty-text a {
	font-weight:bold;
}

#play-queue #empty-text {
	display:none;
}

#play-queue.empty #empty-example {
	background-image: url('/multimedia/template/ui/queue_empty_item_example.png');
}

#play-queue.empty #play-queue-watch-all {
	background: transparent url('/multimedia/template/ui/queue_katso_kaikki_btn_disabled.png');
	cursor:default;
}

#play-queue.empty a.play-queue-sort-link {
	color:#6d6d6d;
	cursor:default;
}

#queue-help-article {
	background-color:#f0f0f0;
	float:left;
	width:100%;
}

.play-queue-program.hidden {
	display:none !important;
}

.play-queue-program .remove-link {
	background-image: url('/multimedia/template/ui/queue_remove_btn.png');
	display:block;
        height:19px;
        width:19px;
	float:left;
	margin:4px 0 0 5px;
}

.play-queue-program .item-links {
	margin:29px 0 0 15px;
}

#queueFilterNavi {
	width:220px;
	float:right;
	position:relative;
	margin-top:5px;
	height:30px;
	cursor:pointer;
	z-index:10;
}


#play-queue.empty #queueFilterNavi {
	cursor:default;
}

#queueFilterTitle {
	background: transparent url(/multimedia/template/ui/show_more.png) no-repeat 10px; center;
	padding-left:27px;
	color:#fff;
	font-size:14px;
	margin-top:8px;
}

#play-queue.empty #queueFilterTitle {
	color:#6D6D6D;
	background: transparent;
}

#queueFilterNavi a {
	color:#fff;
	font-size:13px;
}

#queueFilterNavi ul.dropdown {
	width:220px;
	display:none;
	position:absolute;
	z-index:100;
	background-color:rgba(54, 54, 54, 0.9);
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:1px solid #7E7D7D;
	top:25px;
	left:5px;
	padding:10px;
}

#queueFilterNavi ul.dropdown li {
	padding:5px;
}

#queueFilterNavi ul.dropdown li:hover {
        background-color:rgba(50, 50, 50, 0.9);
}

#queueFilterNavi ul.dropdown li.selected {
        display:none;
}

#play-queue.iefix #queueFilterNavi ul.dropdown {
  background: transparent url(/multimedia/template/ui/solid_gray_333.90.png) repeat 0 0; /* for IE 7-8 */
}

#play-queue span.hidden {
	display:none;
}

#emptyQueueDialog {
	background-color:#f0f0f0;
	float:left;
	width:100%;
}

#emptyQueueDialog .btn {
	margin:20px 20px 0 20px;
}

.katsottavissa {
	position:absolute;
	top:3px;
	left:3px;
	font-size:12px;
	line-height:12px;
	color:#fff;
}

#play-queue-program-info .program-title {
        max-width:500px;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*
	Videogrid sizes and layout
*/
div.videogrid-950 {
	width:940px;
	overflow:hidden;
	margin-left:5px;
}

div.videogrid-700 {
	width:700px;
	overflow:hidden;
}

.videogrid .content {
	float:left;
	width:100%;
	overflow:hidden;
	height:0px;
	background-color:#333;
}

.videogrid-950 .content {
	padding-left:4px;
}

/*
	Videogrid top navigation
*/
.videogrid .grid-navi {
	height:auto;
	width:100%;
	float:left;
}

.videogrid .grid-navi .row1 {
	float:left;
	height:40px;
	width:100%;
	border-bottom:1px solid #E1E1E1;
}

.videogrid .grid-navi .row2 {
	float:left;
	padding-bottom:10px;
	width:100%;
	overflow:hidden;
	height: 85px;
}

.videogrid .grid-navi .row3 {
	float:left;
	height:50px;
	width:100%;
	background-color:#333;
}

/*
	Videogrid navi: category popup
*/
.videogrid ul.category-navi {
	position:absolute;
	list-style: none;
	margin:26px 0 0 21px;
	padding:0;
	z-index:10;
}
/*
.videogrid ul.categories-list {
list-style: none;
  left:15px;
  top:35px;
  padding:10px;
  display:none;
  background-color:#f0f0f0;
}

.videogrid ul.categories-list {
	padding-top:15px;
	padding-bottom:20px;
}

.videogrid ul.categories-list a {
	text-decoration:none;
	font-size:12px;
	outline:none;
	color:#333;
	display:block;
	padding: 4px 10px 4px 10px;
}
*/
.videogrid ul.categoryList a:hover {
	background-color:#e6edec;
}

.videogrid ul.categoryList a.highlight {
	font-weight:bold;
}

#categoryNavi {
	display:none;
	position:absolute;
	left:0;
  	top:50px;
	margin:0;
	width:254px;
}

#categoryNavi .all_programs_content {
	padding:0;
}

#categoryNavi .all_programs_wrap {
        margin:0;
}

.videogrid ol.categoryList {
	list-style: none;
  padding:10px;
  background-color:#f0f0f0;
}

.videogrid ol.categoryList a {
	text-decoration:none;
	font-size:12px;
	outline:none;
	color:#333 !important;
	display:block;
	padding: 4px 15px 4px 10px;
	white-space:nowrap;
}

.videogrid ol.categoryList a:hover {
	background-color:#e6edec;
}

.videogrid li.head-link {
	margin:8px 0 0 0;
	float:left;
	cursor:pointer;
	/*border-left:1px solid #E1E1E1;*/
	padding-left:10px;
	background: url("http://www.katsomo.fi/multimedia/template/ui/category-navi-bg.png") no-repeat scroll 0 0 transparent;
        width: 254px;
        height: 32px;
        padding-top:10px;
}

.videogrid li.head-link span, .videogrid li.head-title span {
	font-size:22px;
	font-weight:normal;
	color:#333;
}

.videogrid li.notDrop {
        background:none;
        cursor:text;
        padding-left:0;
        margin-left:0;
}

.videogrid li.notDrop span#gridTitle {
        font-size: 28px;
}

.videogrid li.head-title {
	margin:8px 0 0 5px;
	float:left;
}

.videogrid li.head-link span {
        font-family: Arial;
        font-size: 17px;
}

/*
	Videogrid navi: other filters
*/
.videogrid ul.filters {
	list-style: none;
	padding: 0;
	margin:10px 0 0 15px;
	float:left;
	display:none;
}

.videogrid .row3 ul.filters a {
        color: #fff;
}

#horizontalFilters {
	display:block;
}

.videogrid ul.filters li {
	float: left;
	border-left:#b8b8b8 solid 1px;
	padding: 4px 10px 4px 10px;
}

.videogrid ul.filters li.first {
	border:none;
}

.videogrid ul.filters li a {
	color:#595959;
	text-decoration:none;
	font-size:14px;
}

.videogrid ul.filters li.selected a {
	color:#fff;
	font-weight:bold;
}

.videogrid .grid-navi .row3 a#play-all-button {
	text-decoration:none;
	float:right;
	margin:15px 30px 0 0;
	background-color: transparent;
	background-image: url('/multimedia/template/ui/play_small.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:19px;
}

.videogrid .grid-navi a span {
	line-height:20px;
}

.videogrid .link-green {
	font-size:13px;
	font-weight:bold;
	color:#00ffbf !important;
	text-decoration:none;
	border:none;
}

.videogrid .link-green:hover {
	color:#00cc99 !important;
}

/* star for not-free items */
.videogrid .episode .not-free .link-green {
	background-color: transparent;
	background-image: url('/multimedia/template/ui/star_small.png');
	background-repeat:no-repeat;
	background-position:left -1;
	padding-left:15px;
}

.videogrid .text4 {
	color:#dbdbdb;
}

.videogrid .time {
	font-size:11px;
}

/*
	Videogrid episode item layout
*/
.videogrid .episode .row1, .videogrid .episode .row2, .videogrid .episode .row3 {
	float:left;
	width: 204px;
	margin: 10px 10px 0 10px;
}

.videogrid .episode .row2 {
	margin-top:10px;
	margin-bottom:10px;
	/*padding-left:6px;*/
}

.videogrid .episode .row3 {
	/*padding-left:6px;*/
	margin: 0 10px 0 10px;
	/*min-height: 14px;*/
}

.videogrid .episode .row1 span.time {
	float:left;
	/*margin-top:3px;*/
	font-weight:normal;
	/*margin-left:6px;*/
	color: #C3CAC8;
        font-family: Arial;
        font-size: 11px;
}

.videogrid .episode a.title {
	font-size:14px;
	margin:0px 0px 3px 0px;
	float:left;
	width:100%;
}

.videogrid .episode .item {
	float:left;
	width:224px;
	height:250px;
	margin:0 0 0 0px;
	padding-left:7px;
	border-top:#453d3d solid 7px;
}

/*
	Videogrid episode hover container
*/

.item-hover-content {
	cursor:pointer;
}

.videogrid .episode .item-hover-content {
	background-color: transparent;
	background-image: url('/multimedia/template/ui/episode_hover_bg.png');
	position:absolute;
	border: #ccc solid 3px;
	width:218px;
	height:120px;
	top:0px;
	left:7px;
	display:none;
}

.videogrid .episode .not-free .item-hover-content {
        background-image: url('/multimedia/template/ui/episode_star_hover_bg.png');
}

.videogrid .episode .not-free .star-label {
	background-color: transparent;
        background-image: url('/multimedia/template/ui/star_label.png');
	position:absolute;
	top:0;
	left:0;
	height:46px;
	width:46px;
	display:block;
	z-index:2000;
}

.videogrid .episode .item-hover-content .links {
	margin:45px 0 0 60px;
	float:left;
}
/*
.videogrid .episode .not-free .links .play-link {
	float:left;
	background-color: transparent;
	background-image: url('/multimedia/template/ui/osta.png');
	text-indent:-9999px;
	display:block;
	width:89px;
	height:27px;
	margin-right:4px;
}
*/
.videogrid .episode .links .play-link {
	float:left;
	background-color: transparent;
	background-image: url('/multimedia/template/ui/katso.png');
	text-indent:-9999px;
	display:block;
	width:89px;
	height:27px;
	margin-right:4px;
}

.videogrid .links .queue-link {
	float:left;
	background-color: transparent;
	background-image: url('/multimedia/template/ui/add_to_queue.png');
	text-indent:-9999px;
	/*display:none;*/
	width:26px;
	height:25px;
}

/*
	Videogrid clip item layout
*/
.videogrid .clip .item {
	float:left;
	width:302px;
	height:70px;
	padding-left:7px;
	margin-top: 7px;
}

.videogrid .clip img.gridImage {
	width:97px;
	height:58px;
}

.videogrid .clip span.description {
	width:100%;
	float:right;
	font-size:10px;
}

.videogrid .clip .channel-logo {
	float:right;
}

.videogrid .clip span.time {
	font-size:11px;
	font-weight:normal;
}

.videogrid .item img.galleryImg {
	float:left;
	margin: 0px 3px 3px 0;
}

.videogrid .clip a.title {
	font-size:11px;
	margin:0px 0px 3px 0px;
	float:left;
}

.videogrid .clip .row1, .videogrid .clip .row2, .videogrid .clip .row3 {
	float:left;
	width:193px;
	margin-left:5px;
}

.videogrid-700 .clip .row1, .videogrid-700 .clip .row2, .videogrid-700 .clip .row3 {
	float:left;
	width:230px;
	margin-left:5px;
}

.videogrid-700 .clip .item {
	width:340px;
}

/*
	Videogrid clip hover container
*/
.videogrid .clip .item-hover-content {
	background-color: transparent;
	background-image: url('/multimedia/template/ui/episode_hover_bg.png');
	position:absolute;
	border: #ccc solid 3px;
	width:91px;
	height:52px;
	top:0px;
	left:7px;
	display:none;
}

.videogrid .clip .item-hover-content .links {
	margin:20px 0 0 5px;
	float:left;
}

.videogrid .clip .play-link {
	float:left;
	background-color: transparent;
	background-image: url('/multimedia/template/ui/katso_small.png');
	text-indent:-9999px;
	display:block;
	width:60px;
	height:18px;
	margin-right:4px;
}
/*
.videogrid .clip .not-free .play-link {
	float:left;
	background-color: transparent;
	background-image: url('/multimedia/template/ui/osta_small.png');
	text-indent:-9999px;
	display:block;
	width:60px;
	height:18px;
	margin-right:4px;
}
*/
.videogrid .clip .queue-link {
	float:left;
	background-color: transparent;
	background-image: url('/multimedia/template/ui/add_to_queue_small.png');
	text-indent:-9999px;
	/*display:none;*/
	width:16px;
	height:15px;
}

/*
	Expand tab
*/
.videogrid .show-more {
	float:left;
	width:100%;
	height:35px;
}

.videogrid .show-more .background {
	background-color: transparent;
	background-image: url('/multimedia/template/ui/show_more_bg.png');
	height:31px;
	width:167px;
	margin-left:auto;
	margin-right:auto;
}

.videogrid .show-more a {
	float:left;
	margin:5px 0 0 20px;
	color:#ddd !important;
	text-decoration:none;
	font-size:14px;
	outline:none;
	font-weight:bold;
}

/*
	Videogrid pagination
*/
.videogrid .pagination {
	width:100%;
	height:40px;
	float:left;
	margin-top: 10px;
}

.videogrid .pagination ul {
	list-style: none;
	padding: 0;
	text-align: center;
	margin:0;
}

.videogrid .pagination li {
	display: inline;
	border-right:#ddd solid 1px;
	padding: 5px 5px 5px 5px;
	color:#dbdbdb;
}
.videogrid .pagination li a {
	font-size:13px;
	color:#dbdbdb;
	font-weight:bold;
	text-decoration:none;
 }
 
.videogrid .pagination li a:hover {
	text-decoration:underline;
 }

.videogrid .pagination li.navi, .videogrid .pagination li.last {
	border:none;
}

.videogrid .pagination li.current span {
	color:#00ffbf;
}

/*
	Program info-popup
*/

.videogrid .popup h4 {
	margin:5px 0 0 0;
/*
	Juha koittaa pikselileveytta
	width:70%;
*/
	width:170px;
}

.videogrid .popup p {
	font-size:13px;
	color:#333;
	margin-top:10px;
	margin-bottom:10px;
}

.videogrid .popup a {
	text-decoration:none;
}

/*
	Other styles
*/
.videogrid img.link-icon {
	margin-right:4px;
	margin-bottom:2px;
}

.videogrid .head-link img.link-icon {
	margin-right:4px;
	margin-bottom:5px;
}

/*
	Channel logos
*/
.videogrid span.channel_logo {
	margin-top:2px;
}

.videogrid .channel_1 .row1 span.channel-logo,
.videogrid .channel_2 .row1 span.channel-logo,
.videogrid .channel_7 .row1 span.channel-logo,
.videogrid .channel_9 .row1 span.channel-logo,
.videogrid .channel_10 .row1 span.channel-logo,
.videogrid .channel_11 .row1 span.channel-logo,
.videogrid .channel_12 .row1 span.channel-logo {
	background-image: url('/multimedia/template/ui/logos/mtv3_small_bw.png');
	width:71px;
	height:19px;
}

.videogrid .channel_3 .row1 span.channel-logo {
	background-image: url('/multimedia/template/ui/logos/sub_small_bw.png');
	width:38px;
	height:18px;
}

.videogrid .channel_4 .row1 span.channel-logo {
	background-image: url('/multimedia/template/ui/logos/canal_small_bw.png');
	width:69px;
	height:19px;
}

.videogrid .channel_6 .row1 span.channel-logo {
	background-image: url('/multimedia/template/ui/logos/ava_small_bw.png');
	width:37px;
	height:13px;
}

.videogrid .channel_7 .row1 span.channel-logo {
	background-image: url('/multimedia/template/ui/logos/juniori_small_bw.png');
	width:74px;
	height:19px;
}

.videogrid .channel_13 .row1 span.channel-logo {
	background-image: url('/multimedia/template/ui/logos/canal_small_bw.png');
	width:69px;
	height:19px;
}

.episode .image-area {
	float:left;
	background-image: url('/multimedia/template/ui/loader.jpg');
	height:126px;
	width:224px;
}

.clip .image-area {
	float:left;
	background-image: url('/multimedia/template/ui/loader.jpg');
	height:58px;
}

.age-limit-0, .age-limit-7, .age-limit-12, .age-limit-16 {
	position:absolute;
	display:block;
	width:25px;
	height:25px;
	bottom:10px;
	right:20px;
	background-color: transparent;
}

.age-limit-0 {
	background-image: url('/multimedia/template/ui/age_limit_s.png');
}

.age-limit-7 {
	background-image: url('/multimedia/template/ui/age_limit_7.png');
}

.age-limit-12 {
	background-image: url('/multimedia/template/ui/age_limit_12.png');
}

.age-limit-16 {
	background-image: url('/multimedia/template/ui/age_limit_16.png');
}

.videogrid .popup-description {
	display:none;
}

#item-selector {
	width:188px;
	height:30px;
	float:right;
	margin:46px 30px 0 0;
}

#item-selector a {
	display:block;
	width:94px;
	height:30px;
	text-indent:-1000px;
}

.select-episodes {
	background: transparent url('/multimedia/template/ui/item_selector_episodes.png');
}
.select-clips {
	background: transparent url('/multimedia/template/ui/item_selector_clips.png');
}

#episodes-link {
	float:left;
}

#clips-link {
	float:right;
}

span.live {
	float:left;
	font-style:italic;
	font-weight:bold;
	margin: 0 5px 0 0;
	color:#fff;
	font-size:11px;
}

ol.categoryList li.primary a {
	font-weight:bold;
}

.videogrid .no-content {
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin:10px 30px; 0 0;
}

/* LIVE-SELECTOR */
.videogrid #live-selector {
	float: right;
	margin: 12px 12px 0 0;
}
.videogrid #live-selector #live-box {
	display: none;
}
.videogrid #live-selector #live-box-bg {
	background-image: url("/multimedia/template/ui/login/checkbox.png");
	display: block;
	height: 17px;
	width: 18px;
	float: left;
	cursor: pointer;
}
.videogrid #live-selector label {
	font-size: 12px;
	margin-left: 5px;
}

.episode p.addedToQueue {
	color:#fff;
	font-weight:bold;
	font-size:18px;
	margin-left:-12px;
}

.clip p.addedToQueue {
        color:#fff;
        font-weight:bold;
        font-size:12px;
        margin-left:0px;
}

p.addedToQueue a {
	color:#fff !important;
}

.videogrid span.hidden {
	display: none;
}

.register #navigation { 
    position: static !important;
}

.register #main {
    background: url("/multimedia/template/ui/register/register_bg.png") no-repeat scroll center top transparent;
    height: 1242px;
}

.register #main #foot {
    position: absolute;
    bottom: 0;
}

#register_form {
    float: left;
    margin-bottom: 30px;
}
.clear {
    clear: both;
}
#register_wrapper {
    padding: 90px 80px 20px 80px;
    overflow: hidden;
}
#register_wrapper hr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}
#register_wrapper .formrow {
    margin-bottom: 10px;
    clear: both;
    float: left;
    width: 100%;
}
#register_wrapper .formrow.bottom-margin {
    margin-bottom: 30px;
}
#register_wrapper .rowname {
    display: block;
    font-size: 14px;
    font-weight: bold;
    width: 150px;
    float: left;
    line-height: 27px;
    height: 27px;
}
#register_wrapper input.text108 {
    padding-left: 12px;
    line-height: 24px;
    color: #333333;
}
#register_wrapper input.fullwidth {
    width: 252px;
    height: 27px;
    background-image: url("/multimedia/template/ui/register/fullwidth_bg.png");
}
#register_wrapper input#firstname {
    width: 102px;
    height: 27px;
    background-image: url("/multimedia/template/ui/register/fname_bg.png");
    margin-right: 4px;
}
#register_wrapper input#lastname {
    width: 130px;
    height: 27px;
    background-image: url("/multimedia/template/ui/register/lname_bg.png");
}
#register_wrapper .rowtext {
    float: right;
    display: block;
    width: 380px;
}
#register_wrapper .checkbox {
    width: 18px;
    height: 17px;
    background-image: url("/multimedia/template/ui/register/checkbox.png");
    display: block;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
#register_wrapper #disclaimer, #mtv3byemail {
    display: none;
}
#register_wrapper a.button118,
#dlgMySumo a.button118,
#dlgConfirmEmailForm a.button87 {
    background-image: url("/multimedia/template/ui/register/continue.png");
    background-repeat: no-repeat;
    display: block;
    width: 97px;
    height: 26px;
}
#register_wrapper .hiddenSubmit {
    background: none;
    border: 0 none;
    height: 1px;
    left: 0;
    top: 0;
    position: absolute;
    width: 1px;
}
#register_wrapper #morehelp {
    margin-top: 15px;
}
#register_wrapper a,
#faq_lista a {
    color: #1d8d70;
    text-decoration: none;
}
#register_wrapper a, #register_wrapper .rowtext {
    font-size: 14px;
}
#register_wrapper .margin-top {
    margin-top: 15px;
}
#register_wrapper p.bold {
    font-weight: bold;
    margin-bottom: 5px;
}
#register_wrapper .right p {
    font-size: 12px;
}

#register_wrapper .left {
    float: left;
    width: 415px;
    margin-right: 20px;
    height: 100%;
}

#register_wrapper .right {
    float: left;
    width: 220px;
    /*margin-top: 10px;*/
    height: 100%;
}

#register_inner_wrapper {
    padding: 45px 50px 0 80px;
}

#regform_wrapper {
    margin-top: 30px;
    position: relative;
    float: left;
}

#register_inner_wrapper .right h2 {
    font-size: 18px;
    margin-bottom: 15px;
}

#register_inner_wrapper .right p.ingressi {
    font-weight: bold;
}

#register_inner_wrapper .right p.teksti {
    margin-bottom: 10px;
}

#regform_wrapper p.formError {
    width: 260px;
    line-height: 16px;
    font-size: 12px;
    position: absolute;
    left: 425px;
    top: -7px;
    background: url('/multimedia/template/ui/login/reg_error_wide_bg.png') no-repeat;
    padding: 6px 17px;
    height: 32px;
}

#regform_wrapper .formError strong {
    font-weight: normal;
}

/*FAQ*/
#faq_wrapper {
    padding: 20px 0px 20px 80px;
    overflow: hidden;
    font-size: 14px;
    width: 415px;
    margin-right: 20px;
    height: 100%;
}
#faq_wrapper h2 {
    margin-bottom: 15px;
}
#faq_lista a {
    display: block;
}
#faq_lista .faq_vastaus a {
    display: inline;
}
#faq_lista a.faq_kysymyslinkki {
    margin-bottom: 5px;
}
#faq_lista .faq_vastaus {
    padding: 5px;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	//background-image: url('/js/fancybox/fancybox.png');
}
#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
	opacity: 0.9 !important;
	filter: alpha(opacity=90) !important;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	z-index: 1101;
	outline: none;
	display: none;
}
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	/*background: #fff;*/
}
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	/*overflow: hidden;*/
	z-index: 1102;
	border: 0px solid #f0f0f0;
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}
#fancybox-close {
	position: absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 1103;
	display: none;
 	background-image: url("/multimedia/template/images/login/close.png");
 	top: -20px;
 	right: -20px;
}
#fancybox-error {
	color: #444;
	font: normal 12px/20px "Trebuchet MS";
	padding: 14px;
	margin: 0;
}
#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}
#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/default/pixel.gif');
	z-index: 1102;
	display: none;
}
#fancybox-left {
	left: 0px;
}
#fancybox-right {
	right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	cursor: pointer;
	z-index: 1102;
	display: block;
 width: 49px;
 height: 49px;
 margin-top: -25px;
}
#fancybox-left-ico {
 /*background-image: url('/js/fancybox/fancybox-mtv3.png');
 background-position: left top;*/
}
#fancybox-right-ico {
 /*background-image: url('/js/fancybox/fancybox-mtv3.png');
 background-position: left -59px;*/
}
#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
 left: -15px;
}
#fancybox-right:hover span {
	left: auto;
 right: -15px;
}
.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 10px;
	height: 10px;
	z-index: 1001;
}
#fancybox-bg-n {
	top: -10px;
	left: 0;
	width: 100%;
	background-image: url('/multimedia/template/images/login/xt.png');
}
#fancybox-bg-ne {
	top: -10px;
	right: -10px;
	background-image: url('/multimedia/template/images/login/tr.png');
}
#fancybox-bg-e {
	top: 0;
	right: -10px;
	height: 100%;
	background-image: url('/multimedia/template/images/login/yr.png');
}
#fancybox-bg-se {
	bottom: -10px;
	right: -10px;
	background-image: url('/multimedia/template/images/login/br.png');
}
#fancybox-bg-s {
	bottom: -10px;
	left: 0;
	width: 100%;
	background-image: url('/multimedia/template/images/login/xb.png');
}
#fancybox-bg-sw {
	bottom: -10px;
	left: -10px;
	background-image: url('/multimedia/template/images/login/bl.png');
}
#fancybox-bg-w {
	top: 0;
	left: -10px;
	height: 100%;
	background-image: url('/multimedia/template/images/login/yl.png');
}
#fancybox-bg-nw {
	top: -10px;
	left: -10px;
	background-image: url('/multimedia/template/images/login/tl.png');
}
#fancybox-title {
	/* font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px; */
	z-index: 1102;
}
.fancybox-title-inside {
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
 padding-bottom: 15px;
}
.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}
.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}
#fancybox-title-over {
	padding: 10px;
	background-image: url('/js/fancybox/fancy_title_over.png');
	display: block;
}
.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}
#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}
#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}
#fancybox-title-float-left {
	padding: 0 0 0 15px;
	//background: url('/js/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/js/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
	padding: 0 0 0 15px;
	//background: url('/js/fancybox/fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.mtv3.fi/js/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.mtv3.fi/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.mtv3.fi/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.mtv3.fi/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.mtv3.fi/js/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.mtv3.fi/js/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.mtv3.fi/js/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.mtv3.fi/js/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/multimedia/template/images/login/xt.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/multimedia/template/images/login/tr.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/multimedia/template/images/login/yr.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/multimedia/template/images/login/br.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/multimedia/template/images/login/xb.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/multimedia/template/images/login/bl.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/multimedia/template/images/login/yl.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/multimedia/template/images/login/tl.png', sizingMethod='scale'); }


.sl_poster {
  width: 680px;
  height: 383px;
  position: inherit;
  left: 0;
  background-image: url("http://www.katsomo.fi/multimedia/webtv/images/sl_logo.jpg");
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 6% 22%;
  top: 0;
}

.sl_poster .sl_content {
  margin: 25px 20px 0 215px;
}

.sl_content h1 {
  font-size: 16px;
  font-weight: bold;
}

.sl_content p,
.sl_content li {
  line-height: 24px;
}

.sl_content .teksti {
  font-size: 13px;
  margin: 10px 0;
}

.sl_content li {
  list-style-type: disc;
  margin-left: 20px;
  color: #000000;
}

.sl_poster .sl_content a {
  color: #CC0000;
}

.playercontainer .sl_poster ul,
.playercontainer .sl_poster li,
.playercontainer .sl_poster p {
  margin: 10px 0;
}

.playercontainer .sl_poster {
  width: 512px;
  height: 325px;
  background-image: url("http://www.katsomo.fi/multimedia/webtv/images/sl_logo_embed.jpg");
}

.playercontainer .sl_poster .sl_content {
  margin: 0 10px 0 140px;
  padding-top: 10px;
}

.playercontainer .sl_content p {
  font-size: 9px;
}

.playercontainer .sl_content h1 {
  font-size: 14px;
}

.playercontainer .sl_content .teksti {
  font-size: 11px;
}

.playercontainer .sl_content p,
.playercontainer .sl_content li {
  line-height: 18px;
}

.playercontainer .sl_content li {
  margin-left: 15px;
}

.mn #player {
  position: relative;
}

#slinstall {
  background-color: #F0F0F0;
  width: 350px;
}

#slinstall .block {
  margin-top: 15px;
  width: 300px;
}

.valioliiga #main .valioliigaottelut {
margin-bottom:15px;
margin-top:5px;
line-height:16px;
}
.valioliiga #main .valioliigaottelut a.valioliigaottelutlinkki {
padding: 4px 5px;
color: white;
font-family: tahoma,"Lucida Grande",sans-serif
font-size: 11px;
}
.valioliiga #main #epg h4 {
display: none;
}

#popup {
    position: fixed;
    top: 184px;
    width: 100%;
    z-index: 103;
    display: none;
  }
  #fadedBg {
    z-index: 102;
    background-color: #000;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
    position: fixed;
  }
  #popupDialog,
  #dlgLoggedOut {
    background: #f0f0f0;
    width: 330px;
  }
  #dialogContent {
    width: 330px;
    margin: 0 auto 0 auto;
  }
  .dialogCloseButton {
    /*bottom: 285px;
    height: 30px;
    float: right;
    position: relative;
    right: 160px;
    width: 30px;
    background-image: url("/multimedia/template/images/login/close.png");*/
    display: none;
  }
  .dialogCloseButton span {
    display: none;
  }
  #dlgLoginForm {
    /*background-image: url("/multimedia/template/images/login/login_bg.png");
    width: 266px;
    height: 212px;
    padding: 30px;*/
  }
  a.button67 {
    background-image: url("/multimedia/template/images/login/login.png");
    background-repeat: no-repeat;
    display: block;
    width: 97px;
    height: 26px;
  }
  #dlgLoginForm h2,
  #dlgMySumo h2,
  #dlgLoggedOut h2,
  #dlgConfirmEmailForm h2 {
    color: #333333;
    margin-bottom: 15px;
  }
  #dlgLoginForm input.text133,
  #dlgLoginForm #password-clear,
  #resendPasswordForm input.text133 {
    width: 252px;
    height: 17px;
    background-image: url("/multimedia/template/images/login/loginField_bg.png");
    margin-bottom: 9px;
    line-height: 18px;
    font-size: 13px;
    padding: 5px 0 5px 12px;
    color: #333333;
  }
  .hiddenSubmit {
    background: none;
    border: 0 none;
    height: 1px;
    left: 0;
    top: 0;
    position: absolute;
    width: 1px;
  }
  #autologin_box {
    width: 18px;
    height: 17px;
    background-image: url("/multimedia/template/images/login/checkbox.png");
    display: block;
    float: left;
    margin-right: 10px;
  }
  #autologin {
    display: none;
  }
  #dlgLoginForm #resendPassword {
    color: #333333;
    font-size: 12px;
    padding-left: 40px;
    text-decoration: underline;
    font-weight: bold;
  }
  #dlgLoginForm label {
    color: #333333;
    font-size: 12px;
  }
  #dlgLoginForm #password {
    display: none;
  }
  .formRow {
    margin-bottom: 9px;
  }
  #notYetRegistered p, #notYetRegistered a,
  #dlgMySumo p, #dlgLoggedOut p {
    color: #333333;
    font-size: 12px;
  }
  #notYetRegistered a {
    text-decoration: underline;
    font-weight: bold;
  }
  #notYetRegistered {
    margin-top: 37px;
  }
  #login_error,
  #resendPasswordForm p.formError {
    width: 294px;
    line-height: 16px;
    font-size: 12px;
    position: absolute;
    right: 340px;
    top: 35px;
    background: url('/multimedia/template/images/login/login_error_wide_bg.png') no-repeat;
  }
  #resendPasswordForm p.formError {
    width: 270px;
    line-height: 16px;
    font-size: 12px;
    padding: 6px 12px;
    position: absolute;
    right: 340px;
    top: 88px;
  }
  #login_error p.formError {
    padding: 6px 12px;
  }
  #login_error .formError strong,
  #resendPasswordForm p.formError strong {
    font-weight: normal;
  }
  p.error_message {
    font-size: 12px;
    margin-left: 10px;
    width: 140px;
  }
  
  /* resend password */
  #resendPasswordForm {
    margin-top: 15px;
  }
  
  /* confirm email */
  #dlgConfirmEmail h2,
  #dlgConfirmEmail label {
    display: none;
  }
  #dlgConfirmEmailForm h2 {
    display: block;
  }
  #dlgConfirmEmail #confirmEmailValue {
    margin-top: 10px;
  }
  #dlgConfirmEmail p {
    font-size: 12px;
  }


/* */
#middle.rounded866 {
  margin: 0 auto;
  padding: 0;
  width: 866px;
  min-height: 500px;
}
.rounded866 .roundedmid {
  background: #f0f0f0 none;
  color: #333333;
  font-size: 13px;
  margin: 0;
  padding: 10px 20px;
}
.rounded866 .roundedtop,
.rounded866 .roundedbottom {
  margin: 0 auto;
  padding: 0;
  height: 8px;
  background: transparent url(/multimedia/template/ui/searchresult_bg_rounded.png) no-repeat 0 0;
}
.rounded866 .roundedbottom {
  height: 9px;
  background-position: 0 -8px;
}

/* info- ja errorisivun layouttia */
.infopage #main,
.errorpage #main {
  background: #2a2a2a url(/multimedia/template/ui/katsomo-bg_fade-to-2a2a2a.jpg) no-repeat;
}
.infopage .info_content,
.errorpage .error_content {
  padding: 20px 190px;
}
.info_content a,
.error_content a {
  font-weight: bold;
}
.infopage #top,
.errorpage #top {
  padding: 112px 40px 20px 40px;
}
.infopage h1,
.errorpage h1 {
  font-size: 32px;
  font-weight: normal;
  color: #fff;
}

/* searchpage */
.search2011 #main {
  background: #161c21 url(/multimedia/template/ui/search_bg.jpg) no-repeat;
}
.search2011 #top {
  padding: 112px 40px 20px 40px;
}
.search2011 h1 {
  font-size: 32px;
  font-weight: normal;
  color: #fff;
}
.search2011 #bottom {
  height: 40px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
  background: transparent none;
}
.searchruler {
  clear: both;
  margin: 20px 0;
  padding: 0;
  border-top: 1px solid #ddd;
  background-color: #fff;
  height: 1px;
  overflow: hidden;
}

#search_results {
  margin: 20px 0 40px 0;
}
#search_results .item {
  overflow: hidden;
}
#search_results .search_thumb {

}
#search_results .item_right a {
  color: #009973;
}
#search_results .item_right a:hover {
  color: #00cc99;
}
#search_results .item_left {
  width: 240px;
  min-height: 25px;
/*  height: 125px; */
  margin: 0;
  padding: 0;
  float: left;
}
#search_results .search_showmore {
  margin-left: 240px;
}
#search_results .item_left img {
  max-width: 224px;
  max-height: 125px;
}
#search_results .item_middle {
  width: 400px;
  margin: 0;
  padding: 0;
  float: left;
}
#search_results .item_middle h3 {
  margin: 0 0 5px 0;
}
#search_results .item_middle h3 span {
  display: inline-block;
  width: 10px;
  height: 14px;
  vertical-align: middle;
  background: transparent url(/multimedia/template/ui/search_product_arrow.png) no-repeat right 0;
}
#search_results .item_middle p {
  font-size: 13px;
  margin-bottom: 5px;
}
#search_results .product_info span {
  font-weight: bold;
  color: #009973;
}
#search_results .item_right {
  width: 180px;
  float: right;
}
#search_results .item_right h5 {
  clear: right;
  padding: 5px 0;
  margin-bottom: 2px;
}
#search_results .latest_episodes p,
#search_tvonly .item_right p {
  font-size: 12px;
}
#search_results .latest_episodes .date {
  font-size: 10px;
  margin-bottom: 5px;
  margin-top: 0;
}
#search_wrap .item_dim {
  color: #8a8787
}

#search_tvonly_wrap {
  clear: both;
  display: none;
}
#search_tvonly_wrap h2 {
  float: left;
}
#search_tvonly {
  margin: 0 0 0 240px;
}
#search_tvonly .item {
  overflow: hidden;
  margin: 0 0 10px 0;
}
#search_tvonly .item_left h3,
#search_tvonly .item_left p {
  margin: 0 0 5px 0;
}
#search_tvonly .item_left {
  width: 400px;
  float: left;
}
#search_tvonly .item_left p a {
  font-weight: bold;
}
#search_tvonly .item_right {
  width: 180px;
  float: right;
}
#search_tvonly .item_right .channel_logo {
  margin-bottom: 13px;
}
#search_tvonly .item_right p {
  clear: right;
}
#search_tvonly p {
  font-size: 13px;
}
#search_results .item_hidden,
#search_tvonly .item_hidden {
  display: none;
}

#search_episodes,
#search_clips {
  margin: 20px 0;
  padding: 15px 0 15px 60px;
  background-color: #333;
  color: #ddd;
  border-bottom: 1px solid #aaa;
  -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.5) inset;
  -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.5) inset;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.5) inset;
  overflow: hidden;

  max-height: 720px;
  overflow: auto;
}
#search_episodes a,
#search_clips a {
  color: #ddd;
}
#search_clips {
  padding-left: 65px;
}
#search_episodes .item {
  width: 224px;
  height: 224px;
  float: left;
  margin: 0 20px 10px 0;
}
#search_episodes .search_thumb {
  max-width: 224px;
  max-height: 126px;
  overflow: hidden;
}
#search_clips .item {
  width: 340px;
  height: 90px;
  float: left;
  margin: 0 20px 10px 0;
  background-color: #2e2e2e;
}
#search_clips .item {
  position: relative;
}
#search_episodes .channel_logo {
  float: right;
  margin: 5px 5px 0 0;
}
#search_clips .channel_logo {
  position: absolute;
  top: 5px;
  left: 5px;
}
#search_clips .search_thumb {
  float: left;
  margin: 25px 5px 0 5px;
  max-width: 105px;
}
#search_clips p,
#search_episodes p {
  font-size: 11px;
  max-height: 58px;
  overflow: hidden;
}
#search_clips .date,
#search_episodes .date {
  font-size: 11px;
  line-height: 25px;
}
#search_episodes h4,
#search_episodes h5,
#search_episodes h6 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
#search_episodes h4 a,
#search_episodes h5 a,
#search_episodes h6 a,
#search_episodes .search_showmore a,
#search_clips .search_showmore a {
  color: #00febe;
}
#search_episodes h4 a:hover,
#search_episodes h5 a:hover,
#search_episodes h6 a:hover,
#search_episodes .search_showmore a:hover,
#search_clips .search_showmore a:hover {
  color: #66ffd9;
}
#search_clips h4,
#search_clips h5,
#search_clips h6 {
  font-weight: normal;
  font-size: 11px;
  margin: 0 0 5px 0;
}

/* kanavalogot - mtv3 */
#search_clips .channel_1 .channel_logo,
#search_clips .channel_2 .channel_logo,
#search_clips .channel_7 .channel_logo,
#search_clips .channel_9 .channel_logo,
#search_clips .channel_10 .channel_logo,
#search_clips .channel_11 .channel_logo,
#search_clips .channel_12 .channel_logo,
#search_episodes .channel_1 .channel_logo,
#search_episodes .channel_2 .channel_logo,
#search_episodes .channel_7 .channel_logo,
#search_episodes .channel_9 .channel_logo,
#search_episodes .channel_10 .channel_logo,
#search_episodes .channel_11 .channel_logo,
#search_episodes .channel_12 .channel_logo {
	background-position: -200px -25px;
}

/* kanavalogot - mtv3 max */
#search_clips .channel_2 .channel_logo,
#search_episodes .channel_2 .channel_logo {
        background-position: -200px -150px;
}

/* kanavalogot - sub */
#search_clips .channel_3 .channel_logo,
#search_episodes .channel_3 .channel_logo {
	background-position: -200px -50px;
}

/* kanavalogot - canal+ */
#search_clips .channel_4 .channel_logo,
#search_clips .channel_13 .channel_logo,
#search_episodes .channel_4 .channel_logo,
#search_episodes .channel_13 .channel_logo {
	background-position: -200px -75px;
}

/* kanavalogot - ava */
#search_clips .channel_6 .channel_logo,
#search_episodes .channel_6 .channel_logo {
	background-position: -200px -100px;
}

/* kanavalogot - juniori */
#search_clips .channel_7 .channel_logo,
#search_episodes .channel_7 .channel_logo {
	background-position: -200px -125px;
}

/* kanavalogot - katsomo */
#search_clips .channel_14 .channel_logo,
#search_clips .channel_15 .channel_logo,
#search_clips .channel_9999 .channel_logo,
#search_episodes .channel_14 .channel_logo,
#search_episodes .channel_15 .channel_logo,
#search_episodes .channel_9999 .channel_logo {
	background-position: -200px 0px;
}

.search2011 #search_cms p {
	display: none;
}

.search2011 #search_cms p.cms {
	display: block !important;
}

.videoPanel {
  height: 534px;
  position: absolute;
  top: 60px;
  width: 100%;
  z-index: 103;
}

.playerWrapper {
  width: 950px;
  height: 534px;
  margin: 0 auto;
  position: relative;
}

#clockContainer,
#clock {
  width: 950px;
  height: 534px;
}

.playerCloseButtonWrapper {
  height: 30px;
}

.playerCloseButtonWrapper .playerCloseButton {
  background-image: url("/multimedia/template/images/login/close.png");
  height: 30px;
  width: 30px;
  position: absolute;
  cursor: pointer;
  top: -15px;
  right: -15px;
  z-index: 1;
}

.silverlightObject {
  background: none;
  /*height: 534px;
  width: 950px;*/
  height: 100%;
  width: 100%;
}

.videoObject {
  left: 0;
  position: absolute;
  top: 0;
}

/* MiniMode */
#videoPanel0.mini {
  top: 106px;
  height: 475px;
  z-index:99;
}
#videoPanel0.mini.with_globnav_open {
  top: 126px;
}
.mini #slWrapper {
  height: 475px;
  background-color: black;
}
.mini .playerCloseButton {
  top: 40px;
  right: 135px;
}
.mini #video0 {
  width: 640px;
  height: 360px;
  left: 160px;
  top: 55px;
  z-index: 1999;
}

/* MiniMode with subnav */
.withsubnav .playerCloseButton {
  right: 260px;
}
.withsubnav #video0 {
  left: 35px;
}

* {
	margin:0;
	border:0;
	padding:0;
}

body {
  background-color: #2a2a2a;
  background-image: url(/multimedia/template/ui/bg_dark_mask.jpg);
  background-repeat: no-repeat;
  background-position: center -40px;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
}

ul,ol { list-style-type: none; }
img { border-width: 0; vertical-align: bottom; }

a {
  color: #009973;
  text-decoration: none;
}

a:hover {
  color: #00cc99;
}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

h1, h2, h3, h4, h5 {
	font-weight:bold;
}

h1 {
	font-size:28px;
	font-weight:normal;
}

h2 {
	font-size:22px;
}

h3 {
	font-size:17px;
}

h4 {
	font-size:15px;
}

h5 {
	font-size:13px;
}

.text1, .text2, .text3, .text4 {
	font-weight:bold;
}

.text1 {
	font-size:17px;
	font-weight:normal;
}

.text2 {
	font-size:15px;
}

.text3 {
	font-size:13px;
}

.text4 {
	font-size:12px;
}

#head {
	background-color: #e6e7e6;
	height:36px;
	width:100%;
}

#interface .playerCloseButtonWrapper .playerCloseButton {
  z-index: 2000;
}

.videoPanel { display: none; }

#pngText .embedText {
-font-file: FF_Info_Semibold_MTV3.ttf;
      font-family: InfoDispSemibold-Roman;
      font-size: 24;
      font-weight: semi-bold;
      color: #ffffff;
      width: 497px;
      height: 26px;
      -font-width: default;
}

#main {
  width: 950px;
  background-color: #fff;
  position: relative;
  margin: 10px auto 40px auto;
}

#main-highlights {
	height:535px;
	width:100%;
	z-index:5;
}

.notification {
	width: 494px;
	padding-top: 6px;
	padding-left: 45px;
	margin: 12px 0 12px 188px;
	min-height: 33px;
}

#notification_error {
	background: #fff url(/multimedia/template/ui/notification_error.png) top left no-repeat;
}

.ohjelmasivu #notification_error {
	background-color: #F6F6F6;
}

#notification_failure {
	display: none;
	background: #fff url(/multimedia/template/ui/notification_failure.png) top left no-repeat;
}

#notification_failure a {
   font-weight:bold;
}

#notification_info {
	display: none;
	background: #fff url(/multimedia/template/ui/notification_info.png) top left no-repeat;
	padding-top:0px;
}

#notification_expire p {
	display: inline;
	line-height: 28px;
	margin-right: 28px;
}

#notification_close {
	float:right;
}

#promo-spots {
	height:200px;
	width:100%;
}

.right-col-news-top {
	background: transparent url(/multimedia/template/ui/bg_right_col_news_top.png) top left no-repeat;
	width:220px;
	height:37px;
}

.right-col-news-category {
    padding-left: 120px;
    padding-top: 17px;
}

.right-col-news-middle {
	background: #f8f8f8 url(/multimedia/template/ui/bg_right_col_news_middle.png) top left repeat-y;
	padding: 14px 0 26px 9px;
	width: 211px;
}

.right-col-news-middle p {
     font-size: 12px;
	padding: 4px 0 4px 0;
	border-bottom: 1px #e4e4e4 solid;
	margin-right: 8px;
}

.right-col-news-middle p a {
	color: #1d8d70;
}

.right-col-news-bottom {
	background: transparent url(/multimedia/template/ui/bg_right_col_news_bottom.png) top left no-repeat;
	width:220px;
	height:4px;
}

#bottom {
	background-color: #f6f6f6;
}

#bottom .left {
	width:710px;
	height:auto;
}

#bottom .right {
	width: 240px;
	height:auto;
}

#main #foot {
	width:100%;
	height:70px;
}

#foot {
	height:0;
	width:1240px;
}

#footer {
	background-color: #ffffff;
	padding: 10px;
	color: #000000;
	clear:both;
	text-align:left;
}

#footer .footercol {
	width: 200px;
	float: left;
}

#footer h3 {
	margin: 0 0 5px 0;
	padding: 0;
}

#footer h3 a {
	color: #000000;
}

#footer ol, #footer li {
	border-width: 0;
	text-align: left;
	padding: 0;
	margin: 0;
}

#footer li {
	padding-bottom: 3px;
	background-color: #ffffff;
}

#footer li a {
	color: #000000;
	text-decoration: none;
}

#footer li a:hover {
	color: #000000;
	text-decoration: underline;
}

/* Katsomo nav */
#navigation {
  /*
  background: transparent url(/multimedia/template/ui/navi_bg.png) no-repeat 0 0;
  height: 112px;
  */
  background: transparent url(/multimedia/template/ui/navi_bg_shadow.png) no-repeat 0 0;
  font-size: 14px;
  width: 100%;
  height: 60px;
  margin: 0;
  position: absolute;
  z-index: 80;
}
#navigation.suspended {
  z-index: 25;
}
#navigation:hover {
  z-index: 120;
}
#navi_shadow {
  background: transparent url(/multimedia/template/ui/navi_bg_shadow.png) no-repeat 0 -60px;
  position: absolute;
  top: 60px;
  height: 52px;
  left: 0;
  width: 100%;
  z-index: 30;
}
#main .colored_logo_navi {
	background: transparent url(/multimedia/template/ui/navi_bg_shadow_colored_logo.png) no-repeat 0 0;
}
#main.themebg {
	background-repeat: no-repeat;
	background-position: center top;
}
.themebg #bottom {
	background: transparent none;
}

#navigation,
#navigation a {
  color: #666666;
}
#navigation li a,
#navi_search_dropdown,
#navi_login a:hover {
  color: #333333;
}
#navigation a,
#navigation li a {
  font-weight: bold;
  text-decoration: none;
}

#navi_logo {
  float: left;
  margin: 0 20px 0 0;
}
#navi_logo a {
  display: block;
  width: 190px;
  height: 60px;
  text-indent: -1000px;

}

#navi_menu {
  line-height: 83px;
  height: 60px;
  float: left;
  background: transparent url(/multimedia/template/ui/navi_gradients.png) no-repeat left -160px;
}
#navi_menu li {
  display: block;
  float: left;
  background: transparent url(/multimedia/template/ui/navi_gradients.png) no-repeat right 0;
  padding: 0 2px 0 0;
}
#navi_menu .navi_item {
/* border-left: 1px solid #eeeeee;*/
}
#navi_menu li a {
  display: block;
  height: 60px;
  padding: 0 20px;
}
#navi_menu li a span {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#navi_menu li a:hover {
  background: transparent url(/multimedia/template/ui/navi_gradients.png) repeat-x 0 -60px;
}
#navi_menu li a:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* #navi_menu li a:active, */
#navi_menu li.current a {
  background: transparent url(/multimedia/template/ui/navi_gradients.png) repeat-x 0 -64px;
}
#navi_menu #navi_all_programs.active {
  height: 60px; /* gfx fix */
}
#navi_menu #navi_all_programs.active a {
  background: transparent url(/multimedia/template/ui/navi_gradients.png) repeat-x 0 -357px;
  color: #999999;
}
#navi_menu li a:active span,
#navi_menu #navi_all_programs.active a span {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*
#navi_all_programs a {
  background: transparent url(/multimedia/template/ui/navi_gradients.png) no-repeat 0 -120px;
  
}
*/
#navi_all_programs a img {
  width: 12px;
  height: 10px;
  background: transparent url(/multimedia/template/ui/show_more.png) no-repeat 0 0;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
#navi_all_programs.active a img {
  background: transparent url(/multimedia/template/ui/all_programs_layer_sprite.png) no-repeat 0 0;
}

#navi_right {
  float: right;
  width: 250px;
  line-height: 26px;
  margin: 2px 25px 0 0;
}
#navi_login {
  font-size: 12px;
  text-align: right;
}
#navi_login a {
  font-size: 12px;
  font-weight: normal;
}

/* KATSOMO SEARCH */
#navi_search {
  width: 250px;
  position: relative;
  z-index: 85;
  height: 26px;
  line-height: 26px;
}
#navi_search form {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 95;
  width: 100%;
  opacity: 0.9;
/*  filter: alpha(opacity=90); */
}
#navi_search form:hover,
#navi_search.active form {
  opacity: 1;
/*  filter: alpha(opacity=100); */
}
#navi_search,
#navi_search input[type='text'] {
  color: #fff;
}
#navi_search .navi_search_left {
  float: left;
  width: 34px;
  height: 26px;
}
#navi_search .navi_search_center {
  float: left;
  height: 26px;
  background: transparent url(/multimedia/template/ui/navi_gradients.png) repeat-x 0 -240px;
}
#navi_search .navi_search_right {
  height: 26px;
}
#navi_search input[type='text'] {
  font-size: 13px;
  width: 163px;
  border: 0 none;
  background: transparent none;
  font-family: Arial, Helvetica, sans-serif;
  height: 18px;
  line-height: 18px;
  margin-top: 4px;
}
#navi_search_dropdown {
  margin: 0;
  padding: 13px 0 13px 0;
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 90;
  width: 100%;
  background: transparent url(/multimedia/template/ui/search_dropdown_bg2.png) no-repeat 0 -13px;
}
#navi_search_dropdown .navi_search_dropbottom {
  height: 13px;
  background: transparent url(/multimedia/template/ui/search_dropdown_bg2.png) no-repeat 0 0;
  margin: 0;
}
#navi_search_dropdown ul {
  background: transparent url(/multimedia/template/ui/search_dropdown_bg_repeat.png) repeat-y 0 bottom;
  padding: 15px 18px 1px 18px;
  font-size: 12px;
  line-height: 18px;

}
#navi_search_dropdown li {
  display: block;
}
#navi_search_dropdown ul a {
  display: block;
  font-weight: normal;
  border-bottom: 1px solid #efefef;
}
#navi_search_dropdown ul a:hover,
#navi_search_dropdown ul a:active,
#navi_search_dropdown ul a:focus {
  background-color: #ecf4f2;
  border-bottom-color: #dee5e3;

}

/* ALL PROGRAMS LAYER*/
#all_programs {
  font-size: 12px;
  line-height: 16px;
  background-color: #333333; /* fallback for really old browsers */
  background-color: rgba(51,51,51,0.9); /* for modern browsers */
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
  height: 1000px; /* todo: get with javascript? */
  z-index: 101;
  color: #eeeeee;
}
#all_programs.iefix {
  background: transparent url(/multimedia/template/ui/solid_gray_333.90.png) repeat 0 0; /* for IE 7-8 */
}
#all_programs a {
  color: #eeeeee;
  text-decoration: none;
}

#all_programs_filter {
	display:block;
	position:absolute;
	right:50px;
	z-index: 62;
	width:175px;
}

#filter-header {
	height:42px;
	padding-right:10px;
	width:100%;
}

#all_programs_filter .filter-beak {
	background: url(/multimedia/template/ui/all_programs_layer_sprite.png) no-repeat scroll -30px 12px transparent; 
	height:20px;
	width:20px;
	display:block;
	float:right;
	margin-right:10px;
}

#all_programs_popup {
	display:none;
	float:right;
	width:175px;
	margin-top:-10px;
}

#all_programs_popup .all_programs_wrap {
	margin:0;
}

#all_programs_popup .all_programs_content {
	padding:5px 0 10px 12px;
}

#all_programs_filter li {
	height:42px;
}

#all_programs_popup li {
	width:150px;
	background-color: transparent;
	background-image: url(/multimedia/template/ui/channel_popup_fade_bg.png);
	background-repeat:repeat-x;
}

#all_programs_popup li:hover {
	background-color: #e6edec;
	background-image: none;
}

#all_programs_popup a {
	float:left;
	width:150px;
}

#all_programs_filter a {
	display:block;
	height:42px;
}

#all_programs_filter a.image-link span {
	display:block;
	text-indent:-9999px;
	margin-left: auto;
	margin-right:auto;
	height:100%;
	cursor:pointer;
}

#all_programs_filter span.channel_navi_logo,
#header-list span.channel_navi_logo {
	background: transparent url(/multimedia/template/ui/channel-navi-sprite.png) no-repeat 0 0;
}
#all_programs_filter span.mtv3 {
	background-position: 0 -38px;
	width: 69px;
}
#header-list span.mtv3 {
	background-position: -100px -38px;
	width: 69px;
}

#all_programs_filter span.sub {
	background-position: 0 -91px;
	width:47px;
}
#header-list span.sub {
	background-position: -100px -91px;
	width:47px;
}

#all_programs_filter span.canalplus {
	background-position: 0px -139px;
	width:74px;
}
#header-list span.canalplus {
	background-position: 0px -139px;
	width:74px;
}

#all_programs_filter span.ava {
	background-position: 0px -186px;
	width:44px;
}
#header-list span.ava {
	background-position: -100px -186px;
	width:44px;
}

#all_programs_filter span.juniori {
	background-position: 0px -240px;
	width: 90px;
}
#header-list span.juniori {
	background-position: -100px -240px;
	width: 90px;
}


#all_programs_filter span.katsomo {
	background-position: 0px 14px;
	width:90px;
}
#header-list span.katsomo {
	background-position: -100px 14px;
	width:90px;
}

#all_channels_link {
	display: block;
    	float: right;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
}

#header-list {
	width:100%;
}

#header-list li {
	width:100%;
}

#header-list .filter-beak {
	margin-right:10px !important;
}

#header-list .image-link .filter-beak {
	margin-top:5px;
}

#header-list .image-link span, #header-list #all_channels_link {
	float:right;
}

#popup-list .filter-beak {
	display:none !important;
}

#header-list #all_channels_link {
    height: 30px;
    line-height: 30px;
}

#header-list a.image-link {
	margin-right:10px;
	margin-top:-5px;
}

#popup-list #all_channels_link {
	background:transparent;
	color:#333;
	height: 42px;
	width:100%;
    line-height: 42px;
	text-align:center;
	margin:0;
	padding:0;
}

#all_programs_padding {
  height: 35px;
  margin: 0;
  padding: 0;
  background: transparent url(/multimedia/template/ui/all_programs_layer_sprite.png) repeat-x left -225px;
}
#all_programs_head {
  margin: 0 40px 15px 40px;
}
#all_programs_head h2 {
  padding: 0 0 0 45px;
  font-size: 28px;
  line-height: 35px;
  font-weight: normal;
  background: transparent url(/multimedia/template/ui/all_programs_layer_sprite.png) no-repeat 5px -120px;
  margin: 0 0 10px 0;
}
#all_programs_close {
  display: block;
  float: right;
  font-size: 13px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 32px 0 12px;
  background: transparent url(/multimedia/template/ui/all_programs_layer_sprite.png) no-repeat right -60px;
}

#all_programs_tab_nav {
  font-size: 15px;
  line-height: 26px;
  overflow: hidden;
}
#all_programs_tab_nav li {
  display: inline; /* fallback for old browsers */
  display: inline-block;
  float: left;
  border-left: 1px solid #777; /* fallback color etc */
  border-left-color: rgba(199,199,199,0.4);
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}
#all_programs_tab_nav li:first-child {
  border-left: 0 none;
  margin-left: 0;
}
#all_programs_tab_nav a {
  display: block;
}
#all_programs_tab_nav a:hover {
	color:#828383;
}
#all_programs_tab_nav .active a {
  border-bottom: 1px solid #00ffbf;
}
#all_programs_tabs {
  position: relative;
}
.all_programs_wrap {
  margin: 0 40px 15px 40px;
  padding: 0;
  overflow: hidden;
}
.all_programs_wrap .wrap_right {
  background: transparent url(/multimedia/template/ui/all_programs_layer_wrap_bg.png) no-repeat right top;
  height: 10px;
  width: 10px;
  float: right;
}
.all_programs_wrap .wrap_left {
  background: transparent url(/multimedia/template/ui/all_programs_layer_wrap_bg.png) no-repeat left top;
  height: 10px;
  width: 10px;
  float: left;
}
.all_programs_wrap .wrap_center {
  border-top: 1px solid #bbbbbb;
  margin: 0 10px;
  height: 9px;
  padding: 0;
  background: #f0f0f0;
}
.all_programs_wrap_bottom .wrap_right {
  background-position: right bottom;
}
.all_programs_wrap_bottom .wrap_left {
  background-position: left bottom;
}
.all_programs_wrap_bottom .wrap_center {
  border-bottom: 1px solid #bbbbbb;
  border-top: 0 none;

}
.all_programs_3col {
  margin: 0 34px;
  overflow: hidden;
}
.all_programs_3col .all_programs_wrap {
  margin: 0 0 0 6px;
  width: 32.5%;
  float: left;
}

.all_programs_content {
  color: #3a3a3a;
  background: #f0f0f0;
  padding: 5px 15px 10px 15px;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 0 1px;
  overflow: hidden; /* to clear floats */
}
#all_programs .all_programs_content a {
  color: #3a3a3a;
}
#all_programs .all_programs_content a:hover {
  color: #ffffff;
}
#all_programs_tabs .palsta {
  width: 24%;
  float: left;
  margin: 0 0 0 1%;
  overflow: hidden;
}
#all_programs_tabs .palsta:first-child {
  margin-left: 0;
}
#all_programs_tabs h2,
#all_programs_tabs h3,
#all_programs_tabs h4 {
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin: 5px 0 0 0;
}
#all_programs_tabs h4 {
  font-size: 13px;
}

#all_programs_tab1 h2, #all_programs_tab2 h2 {
/*	float:left;
	width:100%;
*/
	margin-top:7px;
}
#all_programs_tab2 .kategoria h2 a {
	color:#009973;
}
#all_programs_tab2 .kategoria h2 a:hover {
	color:#00CC99;
}

/* ALL PROGRAMS episode guide left and right arrow bars */
.all_programs_bar_left,
.all_programs_bar_right {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #5f6161;
  height: auto;
  min-height: 100%;
  width: 34px;
  -moz-border-radius: 0 9px 9px 0;
  border-radius: 0 9px 9px 0;
}
.all_programs_bar_right {
  left: auto;
  right: 0;
  -moz-border-radius: 9px 0 0 9px;
  border-radius: 9px 0 0 9px;
}
.all_programs_bar_left span,
.all_programs_bar_right span {
  display: block;
  width: 34px;
  height: 34px;
  background: transparent url(/multimedia/template/ui/all_programs_layer_sprite.png) no-repeat -27px -177px;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  overflow: hidden;
  text-indent: -1000px;
}
.all_programs_bar_right span {
  background-position: 11px -177px;
}

.all_programs_15col {
  margin: 0 34px;
  overflow: hidden;
  width:4500px;
}
.all_programs_15col .all_programs_wrap {
  margin: 0 0 0 7px;
  width: 285px;
  float: left;
}

#all_programs_tab3 {
	overflow:hidden;
}

.epg .tooltip {
	display:none;
}

.epg span.tooltip_name {
	font-size:16px;
	display:block;
	width:190px;
	margin-top:3px;
}

.epg span.tooltip_desc {
	display:block;
	margin-top:5px;
}

.epg span.time {
	float:left;
	display:block;
	width:35px;
	font-weight:bold;
}

.epg span.name {
	float:left;
	width:150px;
	display:block;
	color:inherit;
}

.epg li {
	display:block;
	width:100%;
	float:left;
}

.epg li a{
	cursor:pointer;
}

.epg li:hover {
	color:#fff !important;
	background-color: #383838 !important;
}

#all_programs_tab3 .epg li:hover {
	background: #383838 url(/multimedia/template/ui/play_small.png) no-repeat 10px center !important;
}

.epg li.future:hover {
	background: #383838 !important;
}

.epg li.future:hover a {
	color:#fff !important;
}



.epg li.program_odd {
	background-color:#f8f8f8;
}

#all_programs .epg li.future.program_odd {
	background-color:#ddd;
}
#all_programs .epg li.future {
	background-color:f0f0f0;
	color:#aaa;
}

#all_programs .epg li.future a {
	color:#aaa;
}

/* kanavalogot */
span.channel_logo, span.popup_channel_logo {
	display: block;
	float: right;
	background: transparent url(/multimedia/template/ui/channel-logo-sprite.png) no-repeat 0 0;
}

span.popup_channel_logo {
        float: left;
	margin-left:5px;
}

/* kanavalogot - mtv3 */
.channel_1 span.channel_logo,
.channel_2 span.channel_logo,
.channel_7 span.channel_logo,
.channel_9 span.channel_logo,
.channel_10 span.channel_logo,
.channel_11 span.channel_logo,
.channel_12 span.channel_logo,
.channel_1 span.tooltip_channel_logo {
	background-position: 0 -25px;
	width: 47px;
	height: 12px;
}
.channel_1 span.channel_logo_white,
.channel_2 span.channel_logo_white,
.channel_7 span.channel_logo_white,
.channel_9 span.channel_logo_white,
.channel_10 span.channel_logo_white,
.channel_11 span.channel_logo_white,
.channel_12 span.channel_logo_white {
	background-position: -100px -25px;
	width: 47px;
	height: 12px;
}
.channel_1 span.channel_logo_negative,
.channel_2 span.channel_logo_negative,
.channel_7 span.channel_logo_negative,
.channel_9 span.channel_logo_negative,
.channel_10 span.channel_logo_negative,
.channel_11 span.channel_logo_negative,
.channel_12 span.channel_logo_negative {
	background-position: -200px -25px;
	width: 47px;
	height: 12px;
}

.popup_channel_logo.channel_1,
.popup_channel_logo.channel_2,
.popup_channel_logo.channel_7,
.popup_channel_logo.channel_9,
.popup_channel_logo.channel_10,
.popup_channel_logo.channel_11,
.popup_channel_logo.channel_12 {
        background-position: 0 -25px;
        width: 47px;
        height: 12px;
}

/* kanavalogot - mtv3 max */
.channel_2 span.channel_logo {
        background-position: 0 -150px;
        width: 51px;
        height: 12px;
}
.channel_2 span.channel_logo_white {
        background-position: -100px -150px;
        width: 51px;
        height: 12px;
}
.channel_2 span.channel_logo_negative {
        background-position: -200px -150px;
        width: 51px;
        height: 12px;
}
.popup_channel_logo.channel_2 {
        background-position: 0 -150px;
        width: 51px;
        height: 12px;
}

/* kanavalogot - sub */
.channel_3 span.channel_logo {
	background-position: 0px -50px;
	width: 26px;
	height: 12px;
}
.channel_3 span.channel_logo_white {
	background-position: -100px -50px;
	width: 26px;
	height: 12px;
}
.channel_3 span.channel_logo_negative {
	background-position: -200px -50px;
	width: 26px;
	height: 12px;
}

.popup_channel_logo.channel_3 {
        background-position: 0px -50px;
        width: 26px;
        height: 12px;
}

/* kanavalogot - canal+ */
.channel_4 span.channel_logo,
.channel_13 span.channel_logo {
	background-position: 0px -75px;
	width:47px;
	height:12px;
}
.channel_4 span.channel_logo_white,
.channel_13 span.channel_logo_white {
	background-position: -100px -75px;
	width:47px;
	height:12px;
}
.channel_4 span.channel_logo_negative,
.channel_13 span.channel_logo_negative {
	background-position: -200px -75px;
	width:47px;
	height:12px;
}

.popup_channel_logo.channel_4,
.popup_channel_logo.channel_13 {
        background-position: 0px -75px;
        width:47px;
        height:12px;
}

/* kanavalogot - ava */
.channel_6 span.channel_logo {
	background-position: 0px -100px;
	width:36px;
	height:12px;
}
.channel_6 span.channel_logo_white {
	background-position: -100px -100px;
	width:36px;
	height:12px;
}
.channel_6 span.channel_logo_negative {
	background-position: -200px -100px;
	width:36px;
	height:12px;
}

.popup_channel_logo.channel_6 {
        background-position: 0px -100px;
        width:36px;
        height:12px;
}

/* kanavalogot - juniori */
.channel_7 span.channel_logo {
	background-position: 0px -125px;
	width:50px;
	height:12px;
}
.channel_7 span.channel_logo_white {
	background-position: -100px -125px;
	width:50px;
	height:12px;
}
.channel_7 span.channel_logo_negative {
	background-position: -200px -125px;
	width:50px;
	height:12px;
}
.popup_channel_logo.channel_7 {
        background-position: 0px -125px;
        width:50px;
        height:12px;
}

/* kanavalogot - katsomo */
.channel_14 span.channel_logo,
.channel_15 span.channel_logo,
.channel_9999 span.channel_logo {
	background-position: 0px 0px;
	width:66px;
	height:10px;
}
.channel_14 span.channel_logo_white,
.channel_15 span.channel_logo_white,
.channel_9999 span.channel_logo_white {
	background-position: -100px 0px;
	width:66px;
	height:10px;
}
.channel_14 span.channel_logo_negative,
.channel_15 span.channel_logo_negative,
.channel_9999 span.channel_logo_negative {
	background-position: -200px 0px;
	width:66px;
	height:10px;
}
.popup_channel_logo.channel_14,
.popup_channel_logo.channel_15,
.popup_channel_logo.channel_9999 {
        background-position: 0px 0px;
        width:66px;
        height:10px;
}

.epg .channel_14 span.name,
.epg .channel_15 span.name,
.epg .channel_9999 span.name {
	width:135px;
}

.popup .channel_logo {
	position:absolute;
	top:20px;
	right:20px;
}

.popup a {
	color:#009973 !important;
}

.popup a:hover {
	color:#00cc99 !important;
	background-color:transparent !important;
	padding-left:0 !important;
}

.epg a {
	display:block;
	width:95%;
	float:left;
	padding:5px;
	color:inherit !important;
}

.epg span.play_button {
	background-color: transparent;
	background-image: url(/multimedia/template/ui/play_small.png);
	width:16px;
	height:16px;
	position:absolute;
}

.popup {
	position:absolute;
	z-index:100000;
	margin:0;
	display:none;
	width:280px;
}

.popup h4 {
	width:180px;
}

.popup .all_programs_wrap {
	margin:0;
	width:100%;
}

.popup .all_programs_content {
  color: #3a3a3a;
  background: #f0f0f0;
  padding: 5px 15px 10px 15px;
  border-style: solid;
  border-color: #bbbbbb;
  border-width: 0 1px;
  overflow:hidden;
}

.popup .wrap_center {
	background-color:#f0f0f0;
}

.popup .popup-beak-left {
	background-color: transparent;
	background-image: url(/multimedia/template/ui/popup_beak_left_with_border.png);
	background-repeat:no-repeat;
	background-position: right center;
	width:22px;
	height:100%;
	position:absolute;
	display:block;
	top:0px;
	left:-20px;
	z-index:100000;
}

.popup .popup-beak-right {
	background-color: transparent;
	background-image: url(/multimedia/template/ui/popup_beak_right_with_border.png);
	background-repeat:no-repeat;
	background-position: left center;
	width:22px;
	height:100%;
	position:absolute;
	display:block;
	top:0px;
	right:-20px;
	z-index:10000;
}

#all_programs_tab1 .ohjelma, #all_programs_tab2 .ohjelma {
/*
	float:left;
	clear:both;
	width:100%;
*/
	color:#3A3A3A;
	clear:both;
}

#all_programs_tab1 .ohjelma a:hover, #all_programs_tab2 .ohjelma a:hover{
	background-color:#383838;
	color:#fff;
	padding-left: 3px;
/*	
	margin-left: -3px;
*/
}

#all_programs_tab1 .ohjelma a, #all_programs_tab2 .ohjelma a {
	white-space: nowrap;
	color:inherit;
	display:block;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 17px;
}

#all_programs_tab2 .kategoria {
	float:left;
	width:100%;
}

.ohjelma span.not-free {
	background: transparent url(/multimedia/template/ui/star_small.png) no-repeat right top;
	padding-right:16px;
	display: block;
	float: left;
	height: 17px;
}

.ohjelma span.geofree {
        background: transparent url(/multimedia/template/ui/katsomo_ulkomailla_ikoni.png) no-repeat right top;
        padding-right:16px;
        display: block;
        float: left;
        height: 17px;
}

.ohjelma span.not-free-geofree {
        background: transparent url(/multimedia/template/ui/not-free-geofree.png) no-repeat right top;
        padding-right:32px;
        display: block;
        float: left;
        height: 17px;
}

p.paid_content {
	background: transparent url(/multimedia/template/ui/star_bigger.png) no-repeat left center;
	padding-left:20px;
	position:absolute;
	right:70px;
	bottom:20px;
	font-size:13px;
	font-style:italic;
	height: 20px;
	line-height: 20px;
}

p.geofree_content {
	background: transparent url(/multimedia/template/ui/katsomo_ulkomailla_selite.png) no-repeat left center;
        padding-left:20px;
        position:absolute;
        right:280px;
        bottom:20px;
        font-size:13px;
        font-style:italic;
	height: 20px;
        line-height: 20px;
}

#all_programs_tab1 .all_programs_content, #all_programs_tab2 .all_programs_content {
	padding-bottom:30px;
}

/* katsomo footer */
#main #foot,
.f1_2010 #foot {
  background: #2e2e2e url(/multimedia/template/ui/footer_gradient_dark.png) repeat-x;
  height:62px;
}
#main #foot,
.f1_2010 #foot,
#main #foot a,
.f1_2010 #foot a {
  color: #f0f0f0;
}
#foot #footer-logo {
  float: left;
  background: transparent url(/multimedia/template/ui/footer_logo.png) no-repeat 0 0;
  width: 188px;
  height: 62px;
  text-indent: -2000px;
  margin-left:20px;
}
#footer-logo span {
}
#foot ul {
  float: right;
  font-size: 13px;
  line-height: 20px;
  margin: 20px 0 0 0;
  padding: 0 20px 0 0;
  font-weight: bold;
}
#foot li {
  float: left;
  display: inline;
  margin: 0 20px 0 0;
}
#foot ul a {
  text-decoration: none;
  background: transparent url(/multimedia/template/ui/footer_arrow.png) no-repeat 99% center;

}
#foot ul a span {
  font-size: 1px;
  visibility: hidden;
}

/* MAIN HIGHLIGHTS aka rotator */
#highlights {
  position: relative;
  min-height: 535px;
  z-index: 20;
}
.two-col #highlights {
  margin-right: 240px;
}
#highlights a {
  text-decoration: none;
}
#highlights .rotatorNavigator,
#highlights .rotatorTextContainer {
  position: absolute;
  bottom: 28px;
  right: 28px;
  height: 92px;
  display: block;
}
#highlights .rotatorNavigator {
  z-index: 22;
}
#highlights .rotatorTextContainer {
  z-index: 21;
  color: #ffffff;
  background: transparent url(/multimedia/template/ui/main_highlights.png) repeat-x 0 0;
  width: 894px;
}
.two-col #highlights .rotatorTextContainer {
  width: 654px;
}
#highlights .rotatorTextContainer .rotatorPlay,
#highlights .rotatorTextContainer .rotatorLogo {
  float: left;
  text-align: center;
  height: 92px;
  width: 100px;
  margin: 0 20px 0 10px;
  background: transparent url(/multimedia/template/ui/main_highlights_play_divider.png) no-repeat right center;
}
#highlights .notProg .rotatorTextContainer .rotatorPlay {
  background:none;
  width: 0px;
}
#highlights .rotatorTextContainer .rotatorLogo {
  width: 110px;
  margin-right: 10px;
  background-image: none;
}
#highlights .rotatorLogo img {
  margin-top: 10px;
}
#highlights .rotatorTextContainer span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
#highlights .rotatorTextContainer .rotatorTitle {
  font-size: 22px;
  margin: 20px 0 5px 0;
}
#highlights .rotatorAgeRating_S,
#highlights .rotatorAgeRating_0,
#highlights .rotatorAgeRating_K7,
#highlights .rotatorAgeRating_7,
#highlights .rotatorAgeRating_K12,
#highlights .rotatorAgeRating_12,
#highlights .rotatorAgeRating_K16,
#highlights .rotatorAgeRating_16 {
  position: absolute;
  width: 32px;
  height: 33px;
  background: transparent url(/multimedia/template/ui/age_limits_2012.png?1) no-repeat 0 0;
  top: 30px;
  right: 25px;
}
.two-col #highlights .rotatorAgeRating_S,
.two-col #highlights .rotatorAgeRating_0,
.two-col #highlights .rotatorAgeRating_K7,
.two-col #highlights .rotatorAgeRating_7,
.two-col #highlights .rotatorAgeRating_K12,
.two-col #highlights .rotatorAgeRating_12,
.two-col #highlights .rotatorAgeRating_K16,
.two-col #highlights .rotatorAgeRating_16 {
  display: none;
  background-image: none;
  width: 0;
  height: 0;
}
#highlights .rotatorAgeRating_K16,
#highlights .rotatorAgeRating_16 {
  background-position: 0 0;
}
#highlights .rotatorAgeRating_K12,
#highlights .rotatorAgeRating_12 {
  background-position: 0 -35px;
}
#highlights .rotatorAgeRating_K7,
#highlights .rotatorAgeRating_7 {
  background-position: 0 -70px;
}
#highlights .rotatorAgeRating_S,
#highlights .rotatorAgeRating_0 {
  background-position: 0 -105px;
}

#highlights .rotatorNavigator ul {
  display: block;
  line-height: 92px;
}
#highlights .rotatorNavigator li {
  display: inline-block;
  float: left;
}
#highlights .rotatorNavigator ul a {
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 140px;
  display: block;
  width: 20px;
  height: 92px;
  background: #333333 url(/multimedia/template/ui/main_highlights.png) no-repeat 0 -100px;
  overflow: hidden;
}
#highlights .rotatorNavigator ul a:hover {
  background-color: #484848;
  background-position: 0 -200px;
}
#highlights .rotatorNavigator ul .selected a {
  background-color: #00ffbf;
  background-position: 0 -300px;
}
#highlights img.rotatorImage {
  width: 950px;
  height: 534px;
}

/* FRONT PAGE / general layout styles */

#promo-spots {
  width: auto;
  background-color: #ffffff;
  height: auto;
  position: relative;
}

#promo-spots-wrapper {
  width: auto;
  background-color: #ffffff;
  height: auto;
  padding: 15px 0;
  margin: 0 14px;
  position: relative;
  overflow: hidden;
  height: 170px;
}



#promo-spots .promo-spots-container {
  height: 170px;
  position: absolute;
/*
  overflow: visible;
*/
  width: 19922px;
  margin-left: 0px;
}
#promo-spots .promo-spots-navi {
  width: 100%;
  text-align: center;
  padding: 170px 0 0 0;
}
#promo-spots .promo-spots-navi a {
  display: inline-block;
  width: 15px;
  height: 12px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #5f6161 url(/multimedia/template/ui/all_programs_layer_sprite.png) no-repeat -27px -177px;
  padding: 0;
  margin: 3px 5px;
  opacity: 0.5;
}
#promo-spots .promo-spots-navi a.active {
  opacity: 1;
}
#promo-spots .promo-spots-left,
#promo-spots .promo-spots-right {
  display: none;
  cursor: pointer;
  width: 42px;
  height: 64px;
  position: absolute;
  background: transparent url(/multimedia/template/ui/carousel_arrows.png) no-repeat 0 0;
  left: -2px;
  top: 72px;
}

#promo-spots .promo-spots-left:hover{
  background: transparent url(/multimedia/template/ui/carousel_arrows.png) no-repeat 0 -64px;
}

#promo-spots .promo-spots-right:hover{
  background: transparent url(/multimedia/template/ui/carousel_arrows.png) no-repeat -64px -64px;
}


#promo-spots .promo-spots-right {
  background: transparent url(/multimedia/template/ui/carousel_arrows.png) no-repeat -64px 0;
  left:auto;
  right: -4px;
}

#promo-spots .left-disabled {
  background: transparent url(/multimedia/template/ui/carousel_arrows.png) no-repeat 0 -128px !important;
}

#promo-spots .right-disabled {
  background: transparent url(/multimedia/template/ui/carousel_arrows.png) no-repeat -64px -128px !important;
}

#promo-spots ul {
  float: left;
  width: 933px;
/*  width: 19999px;
  position: absolute;
*/
}
#promo-spots ul li {
  float: left;
  margin: 0 11px 0 0;
}

/*
#promo-spots .promo_spot_cell {
  float: left;
  margin: 0 0 0 11px;
  overflow: hidden;
}
#promo-spots li:first-child {
  margin-left: 15px;
}
*/

#bottom {
  overflow: hidden;
  background-color:#f0f0f0;
  padding-top:6px;  
}
#bottom .left-col {
  width: 700px;
  float: left;
  margin: 0 0 10px 7px;
}
#bottom .right-col {
  width: 220px;
  float: right;
  margin: 37px 10px 10px 0;
}

.ohjelmasivu #bottom .right-col {
  margin-top: 0px;
}

div.right-col-block {
  margin: 10px 0;
  height: auto;
}

/* SUB NAVIGATION */

#sub-navigation {
	width:230px;
	position:absolute;
	z-index: 50;
	right:15px;
	top:75px;
}

#sub-navigation h2 {
	margin:0 0 3px 0;
}

#sub-navigation .all_programs_wrap {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#sub-navigation .all_programs_wrap .wrap_right {
  background: transparent url(/multimedia/template/ui/sub_navigation_corners.png) no-repeat right top;
}
#sub-navigation .all_programs_wrap .wrap_left {
  background: transparent url(/multimedia/template/ui/sub_navigation_corners.png) no-repeat left top;
}
#sub-navigation .all_programs_wrap .wrap_center {
  background: #fff;
}
#sub-navigation .all_programs_wrap_bottom .wrap_right {
  background-position: right bottom;
}
#sub-navigation .all_programs_wrap_bottom .wrap_left {
  background-position: left bottom;
}

#sub-navigation .all_programs_content {
	background:#fff;
}

#sub-navigation ol.categoryList {
	display:block;
	margin:5px 0 0 0;
	padding:0;
}

#sub-navigation li {
	border-bottom:solid 1px #efefef;
	padding:4px 0 3px 5px;
}

#sub-navigation li.not-free {
	background-color: transparent;
	background-image: url(/multimedia/template/ui/star_small.png);
	background-repeat:no-repeat;
	background-position:97% center;
	padding-right:15px;
}

#sub-navigation li:hover {
	background-color:#ecf4f2;
}

#sub-navigation a {
	display:block;
	text-decoration:none;
	color:#333;
	font-size:15px;
}

#sub-navigation span.divider {
	display:block;
	height:2px;
	width:230px;
	margin-left:-15px;
	background-color: transparent;
	background-image: url(/multimedia/template/ui/sub_navigation_fade.png);
	background-repeat:repeat-x;
}

#sub-navigation .jScrollPaneTrack {
	background: transparent url(/multimedia/template/ui/scrollbar_drag_track.png) repeat-y right 0;
}

#sub-navigation .jScrollPaneDrag {
	margin-left:2px;
	background: transparent url(/multimedia/template/ui/scrollbar_drag_track.png) no-repeat 0 50%;
	z-index:91;
	max-height:200px;
}

#sub-navigation .jScrollPaneDragTop {
	background: url(/multimedia/template/ui/scrollbar_drag_track_caps.png) no-repeat left top;
	height: 5px;
}
#sub-navigation .jScrollPaneDragBottom {
	background: url(/multimedia/template/ui/scrollbar_drag_track_caps.png) no-repeat left bottom;
	height: 5px;
}
#sub-navigation a.jScrollArrowUp {
	height: 9px;
	background: url(/multimedia/template/ui/scrollbar_drag_track_caps.png) no-repeat right top;
}

#sub-navigation a.jScrollArrowDown {
	height: 9px;
	background: url(/multimedia/template/ui/scrollbar_drag_track_caps.png) no-repeat right bottom;
}

/* EPG WIDGET */

#coming-up {
  font-size: 12px;
}

#coming-up a {
	text-decoration: none;
	color:#333;
}

#coming-up a:hover {
	color:#fff;
}

#coming-up span.name {
	width:120px;
}

#coming-up .channel_14 span.name,
#coming-up .channel_15 span.name,
#coming-up .channel_9999 span.name {
	width:105px;
	word-wrap: break-all;
}

#epg-link {
	float:right;
	font-weight:bold;
	width:auto;
	margin-right:5px;
	color:#009973 !important;
}

#epg-link:hover {
	color:#00cc99 !important;
}

#coming-up h2 {
  /*border-bottom: 1px solid #E1E1E1;
  padding:3px 0 10px 10px;
  margin-left:-10px;*/
  border:none;
}
#coming-up h3 {
	margin:17px 0 10px 5px;
}
/*
#coming-up ul.day_wrapper {
  border-top:1px solid #FFFFFF;
}*/

.right-col-first-row {
	margin:32px 0 0 5px;
}


/* MTV3 Global nav */

#globalnav {
  color: #a1b4b3;
  font-family: Calibri, Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  /*position:absolute;
  top:0px;
  left:0px;*/
  word-spacing: 0.05em;
  height: auto;
  width: 100%;
  margin: 0 auto 0 auto;
  text-align: center;
  border-bottom: 1px solid #4a5452;
/*
  background-color: #E6E7E6;
  -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 5px 3px rgba(0,0,0,0.1);
  box-shadow: 0 5px 3px rgba(0,0,0,0.3);
*/
}
#globalnav.globalnav_open,
#globalnav:hover {
  background: #272929;
}
/*
#globalnav.globalnav_open {
  margin-bottom: 0px;
}
*/
.mtv3_wrapper {
  margin: 0;
  padding: 6px 10px;
  overflow: hidden;
  text-align: left;
  float: left;
}
.globalnav_open .mtv3_wrapper {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
#globalnav #globlogo {
  display:block;
  float:left;
  padding:15px 16px 4px 14px;
}
#globalnav #globlogo img {
  background:none repeat scroll 0 0 transparent;
  border:0 none;
}
#globalnav ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#globalnav li {
  display: inline;
}
#globalnav #servicesnav {
  float:left;
  margin:5px 0 0 0;
}
#globlogo.wide {
  margin-bottom: 7px;
}
#globalnav #portalnav,
#globalnav #katsomonav {
  clear: both;
  display: none;
  margin: 0 auto;
  width: 950px;
  position: relative;
  text-align:center;
}
/*
#globalnav.globalnav_open #portalnav {
  display: block;
}
*/
#portalnav li,
#katsomonav li {
  margin-right:19px;
}
#globalnav a {
/*  color:#59595B; */
  color: #a1b4b3;
  text-decoration: none;
  font-weight: normal;
  font-size 17px; /* todo */
}
#globalnav a:hover {
  text-decoration:underline;
}
#globalnav .mtvlogo a {
  text-decoration: none;
}
#portalnav .active {
  color: #FE2300;
}

/* hide katsomo-navi */
#portalnav li.Katsomo {
	display:none;
}

/*
.mtv3_wrapper .right {
  float: right;
}
*/
.mtv3_wrapper .mtvlogo {
/*
  width:150px;
  float: left;
  padding: 0;
  width: 130px;
 */
}
.mtv3_wrapper .mtvlogo span,
.mtv3_wrapper .katsomologo span {
  background-color: transparent;
  background-image: url(/multimedia/template/ui/mtv3_logo_arrows.png);
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  width: 100px;
  height: 23px;
  text-indent: -2000px;
  margin: 0 10px 0 0;
}
.mtv3_wrapper .mtvlogo #globalarr,
.mtv3_wrapper .katsomologo #katsomoarr {
  margin: 0;
  width: 60px;
}
.mtv3_wrapper .arr {
  background-position: 0 -31px;
}
.globalnav_open .mtv3_wrapper .arr {
  background-position: -60px -31px;
}
/*
.mtv3_wrapper .arr:hover {
  background-position: 0 -31px;
}
.globalnav_open .mtv3_wrapper .arr:hover {
  background-position: -60px -31px;
}
*/

/*
.mtv3_wrapper .search {
  color:#6F6F71;
  width:455px;
}
*/

/*
#cse-search-box {
  float:right;
  margin-bottom:10px;
}
#haku .blocktitle {
  background:none repeat scroll 0 0 transparent;
  text-indent:0;
  width:auto;
}
div.search_select {
  float:right;
  margin:0 10px 0 0;
}
div.search_select span {
  font-weight:bold;
}
div.search_select input {
  margin:0 0 0 2px;
}
#cse-search-box input[type="text"], #cse-search-box input[type="submit"] {
  -moz-border-radius:5px 0 0 5px;
  background-color:transparent;
  background-image:url("http://static.mtv3.fi/default/ks_sprite.png");
  background-position:-40px -930px;
  border:1px solid #AEB8B5;
  font-family:Calibri,Helvetica,Arial,sans-serif;
  font-size:14px;
  height:18px;
  line-height:18px;
  margin:0;
  padding:2px;
  vertical-align:middle;
  width:170px;
}
#cse-search-box input[type="submit"] {
-moz-border-radius:0 5px 5px 0;
background-position:0 -585px;
font-weight:bold;
height:24px;
margin:0 0 0 -5px;
padding:0 5px;
text-shadow:1px 1px 1px #FFFFFF;
width:auto;
}
div.search_select {
float:right;
margin:0 10px 0 0;
}
div.search_select span {
font-weight:bold;
}
div.search_select input {
margin:0 0 0 2px;
}
#cse-search-box input[type="text"], #cse-search-box input[type="submit"], #cse-search-box input.s_text, #cse-search-box input.s_submit {
-moz-border-radius:5px 0 0 5px;
background-color:transparent;
background-image:url("http://static.mtv3.fi/default/ks_sprite.png");
background-position:-40px -930px;
border:1px solid #AEB8B5;
font-family:Calibri,Helvetica,Arial,sans-serif;
font-size:14px;
height:18px;
line-height:18px;
margin:0;
padding:2px;
vertical-align:middle;
width:170px;
}
.search_select input[type="radio"] {
margin:0 5px;
}
#cse-search-box input[type="submit"], #cse-search-box input.s_submit {
-moz-border-radius:0 5px 5px 0;
background-position:0 -585px;
font-weight:bold;
height:24px;
margin:0 0 0 -5px;
padding:0 5px;
text-shadow:1px 1px 1px #FFFFFF;
width:auto;
}
*/

.right-col-block #epgContent {
  font-size: 12px;
  margin: 3px 0;
  border-top: 1px solid #e4e4e4;
}
.right-col-block #epgContent div.program {
  display: block;
  margin-bottom: 3px;
}
.right-col-block #epgContent .program a,
.right-col-block #epgContent .program a span {
  display: block;
}
.right-col-block #epgContent .program a {
  padding: 2px 0;
}
.right-col-block #epgContent .program .time {
  float: right;
  padding: 0 0 3px 3px;
}
.right-col-block .right-col-news-middle {
  width: auto;
  padding-right: 5px;
}

#program_content h1,
h2.valiotsikko,
p.ingressi,
p.teksti {
  margin-bottom: 0.5em;
}

ul.uutislistaus {
  font-size: 12px;
  
}
.uutislistaus li {
  border-bottom: 1px solid #E4E4E4;
  
}
.uutislistaus li a {
  display: block;
  padding: 4px 0;
}

/*
	Button styles
*/
a.btn {
	background: url(/multimedia/template/ui/button_black_middle.png) repeat-x;
	position:relative;
	float:left;
	height:26px;
	margin:10px;
	padding-top:4px;
	outline:none;
	border:none;
	text-decoration:none;
}

a.btn .left {
	background-color: transparent;
	background-image: url(/multimedia/template/ui/button_black.png);
	background-position: 0px 0;
	position:absolute;
	height:26px;
	width:14px;
	top:0px;
	left:-14px;
}

a.btn .right {
	background-color: transparent;
	background-image: url(/multimedia/template/ui/button_black.png);
	background-position: 14px 0;
	position:absolute;
	height:26px;
	width:14px;
	top:0px;
	right:-14px;
}

a.btn .arrow {
	background: url(/multimedia/template/ui/button_black_arrow.png) no-repeat;
	position:absolute;
	height:14px;
	width:14px;
	top:6px;
	left:-6px;
}

a.btn span.text {
	margin-left:15px;
	margin-right:15px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	display:block;
	white-space: nowrap;
}

.error-box {
	position:absolute;
	width:284px;
}

.error-box .error-box-outer-wrap {
	background:transparent url(/multimedia/template/ui/error_box_top.png) no-repeat top;
	width:100%;
	padding-top:4px;
}

.error-box .error-box-inner-wrap {
	background:transparent url(/multimedia/template/ui/error_box_bottom.png) no-repeat bottom;
	width:100%;
	padding-bottom:4px;
}

.error-box .error-box-content{
	width:282px;
	border-left:1px solid #c7cacd;
	border-right:1px solid #c7cacd;
	background-color:#80f5d8;
}

.error-box .error-box-beak {
	height:100%;
	width:11px;
	position:absolute;
	left:-10px;
	background:transparent url(/multimedia/template/ui/error_box_beak.png) no-repeat center;
}

.error-box p {
	padding:5px 5px 5px 10px;
	font-size:13px;
	font-weight:bold;
}

.popup_channel_logo {
	position:relative;
	float:right;
}

.popup_channel_logo span {
	position:static;
}

.channel-collection {
	position:absolute;
	top:20px;
	right:20px;
}

.all_programs_bar_left.disabled, .all_programs_bar_right.disabled {
	cursor:default;
}

#fancybox-left, #fancybox-right {
        display:none !important;
}

input.text108, input.text133, #password-clear {
	background-color:transparent;
}