/*
    telkkucom_base.css
    Jadecon Oy, 2000-2007
*/



/* -- style defaults -- */
* { 
    margin: 0; 
    padding: 0; 
}


html {
    height: 100%;
    margin-bottom: 1px;     /* force scrollbar */
}

body {
    background: #ffffff;
    color: #000000;
    padding: 2px 5px 8px 5px;
    font-family: verdana, arial, sans-serif;
    font-size: 13px;   
}

a, label {
    /*color: #1375e0;*/
    color: #214ca5;
    text-decoration: none;
}

a:hover {
    color: #0a3a6e;    
}


a img {
    border: none;
}


h1 {
    display: none;
}

h3 {
    background: #c7dfff; 
    margin: 0px 0px 13px 0px; 
    padding: 6px;     
    font-weight: normal;
    font-size: 110%;
}


ul, ol {
    list-style: none;
}

input {
    font-family: tahoma, verdana, arial, sans-serif;
}

fieldset {
    border: none;
}

.error {
    color: #ff0000;
}

a#frontpageLink {
    position: absolute; 
    top: 10px;
    left: 20px;
    width: 220px;
    height: 60px;
}

a#jadeconLink {
    position: absolute;
    top: 2px;
    left: 10px;
    width: 84px;
    height: 16px;    
}




/* -- rounded input fields -- */
.searchInputWrapper, .loginInputWrapper {
    width: 111px;
    height: 17px;    
    margin: 4px; 
    display: inline;        /* IE6 double-margin bug */
}
.loginInputWrapper {
    width: 80px;
    margin: 0px 2px;
}
.searchInputWrapper input, .searchInputWrapper .left, .searchInputWrapper .right,
.loginInputWrapper input, .loginInputWrapper .left, .loginInputWrapper .right {
    float: left;
    height: 17px;
    display: block;
}
.searchInputWrapper input,
.loginInputWrapper input {    
    padding: 2px 0px 0px 3px;
    width: 82px;    
    border: none;
    background: url('../images/input_bar_bg.gif') top left repeat-x;
    font-size: 80%;
    color: #4f4f4f;
}
.loginInputWrapper input {    
    width: 61px;
}
.searchInputWrapper .left,
.loginInputWrapper .left {    
    background: url('../images/search_bar_left.gif') top left no-repeat;
    width: 18px;    
}
.loginInputWrapper .left {
    background: url('../images/login_input_left.gif') top left no-repeat;
    width: 8px;    
}
.searchInputWrapper .right,
.loginInputWrapper .right {    
    background: url('../images/search_bar_right.gif') top left no-repeat;
    width: 8px;    
}
.loginInputWrapper .right {
    background: url('../images/login_input_right.gif') top left no-repeat;
}



/* -- submit button -- */
.submitButtonWrapper {
    height: 17px;    
    width: auto;    
    font-size: 90%;
    float: left;      
}
.submitButtonWrapper .left, .submitButtonWrapper .right {    
    width: 8px;
    height: 17px;
    display: block;    
    float: left;
}
#loginArea .submitButtonWrapper .left  { background: url('../images/login_button_left.gif') transparent top left no-repeat;  }
#loginArea .submitButtonWrapper .right { background: url('../images/login_button_right.gif') transparent top left no-repeat; }
#loginArea .submitButtonWrapper:hover .left  { background: url('../images/login_button_left_hover.gif') transparent top left no-repeat;  }
#loginArea .submitButtonWrapper:hover .right { background: url('../images/login_button_right_hover.gif') transparent top left no-repeat; }
.submitButtonWrapper .left  { background: url('../images/button_left.gif') transparent top left no-repeat;  }
.submitButtonWrapper .right { background: url('../images/button_right.gif') transparent top left no-repeat; }
.submitButtonWrapper:hover .left  { background: url('../images/button_left_hover.gif') transparent top left no-repeat;  }
.submitButtonWrapper:hover .right { background: url('../images/button_right_hover.gif') transparent top left no-repeat; }
.submitButtonWrapper input {
    color: #ffffff;
    background: url('../images/login_button_bg.gif') #2cabf0 top left repeat-x;    
    float: left;   
    border-width: 0px !important;
    height: 17px !important;
    padding: 0px 2px !important;    
    width: auto !important;
}
.submitButtonWrapper:hover input {
    background: url('../images/login_button_bg_hover.gif') #35c5fb top left repeat-x;    
}


/* --- basic structures --- */
#header, #header #topShelf, #header #headerContent, #header #contextMenu, #footer, .separatorLine {
    float: left;
    clear: left;    
    width: 100%;    
    min-width: 1030px;
    position: relative;
}
#mainContent {
    height: 400px;  /* for IE */
    position: static;
}
#jello-content > #mainContent {
    height: auto;
    min-height: 400px;  /* standards compliant browsers */
}
#wideContentPage #mainContent {
    height: auto;    
}
#wideContentPage #jello-content > #mainContent {
    min-height: 0;
}

.separatorLine {
    height: 1px;
    background: #a7c8ff;
    margin: 4px 0px;
    overflow: hidden;
}
body#wideContentPage .separatorLine {
    display: none;
}


/* --- header --- */
#header {
    font-family: tahoma, verdana, arial, sans-serif;    
}


#header #topShelf ul {    
    float: left;    
    width: 525px;    
}
#header #topShelf ul li {
    float: left;
    margin: 7px 10px 0px 4px;
}
#header #topShelf ul li #top_shelf_ad {
	color: red;
	font-weight: bold;
	padding-left: 25px;
}
#header #topShelf #loginArea {
    float: right;    
    /*width: 35em;*/
    width: 460px;
    background: url('../images/login_bg_left.gif') top left no-repeat #1a558d;
    padding: 4px 10px 4px 0px; /*padding: 4px 10px 4px 5px;*/
}
#header #topShelf #loginArea.loggedIn {
    width: 22.5em;
}
#header #topShelf #loginArea fieldset {
    float: right;
    border: none;    
}
#header #topShelf #loginArea a, #header #topShelf #loginArea label {
    color: #ffffff;
    float: left;
    margin: 0px 5px 0px 5px;
    white-space: nowrap;
}
#header #topShelf #loginArea a:hover {
    color: #e1f0fa;
}
#header #topShelf #loginArea a.right {
    float: right;
}
#header #topShelf #loginArea input.checkbox {
    float: left;
    margin: 2px -1px 0px 5px;        
    width: 13px;
    height: 13px;
}
#header #topShelf #loginArea .loginInputWrapper { 
    float: left;
}
#header #topShelf #loginArea #loginAreaRight {
    float: right;
    position: relative;
    top: -4px;
    right: -10px;
    width: 9px;
    height: 10px;
    background: url('../images/login_bg_right.gif') top right no-repeat;
}
#header #headerContent {
    background: url('../images/main_bg_new.gif') top left repeat-x #4882e7;    
    height: 73px;
    min-width: 978px;
    overflow: hidden;
    margin-top: 0px;
}
#header #headerContent a {
    color: #ffffff;
}
#header #headerContent ul#mainMenu {
    float: left;
    background: url('../images/main_bg_left_new.gif') top left no-repeat;
    height: 100%;
    width: 690px;
    min-width: 690px;
    padding-left: 11px;    
}
#header #headerContent ul#mainMenu li {
    float: left;    
    margin: 75px 0px 0px -1px;       
}

#header #headerContent ul#mainMenu li a {
    display: block;
    float: left;
    background: url('../images/main_button.gif') top left no-repeat;
    width: 83px;
    height: 25px;        
    text-align: center;
    padding-top: 9px;
    font-size: 110%;
}
#header #headerContent ul#mainMenu li a:hover, #header #headerContent ul#mainMenu li.selected a {
    background: url('../images/main_button_selected.gif') top left no-repeat;
}
#header #headerContent #leaderboardContainer {    
	position: absolute;
	left: 265px;
	top: 10px;
	height: 99px;
	width: 100%;
	overflow: visible;
}



#header #contextMenu {
    background: url('../images/submenu_bg.gif') top left repeat-x #ffcc63;
    float: left;
    clear: left;
    height: 32px;
    position: relative;
    white-space: nowrap;
}
#header #contextMenu a {
    color: #FFFFFF;
}
#header #contextMenu #contextMenuLeft, #header #contextMenu #contextMenuRight {
    float: left;
    width: 9px;
    height: 32px;
    background: url('../images/submenu_bg_left.gif') top left no-repeat;
}
#header #contextMenu #contextMenuRight {
    float: right;
    background: url('../images/submenu_bg_right.gif') top left no-repeat;    
}
#header #contextMenu .rightSection {
    float: right;
    /*background: url(http://images.telkku.com/img/theme_default/2008/new/submenu_bg_right.gif) top right no-repeat;*/
    height: 32px;
    width: 130px;
}
#header #contextMenu .searchInputWrapper {
    float: right;
    margin: 7px 10px 0px 0px;
}
#header #contextMenu ul {
    float: left;       
}
#header #contextMenu ul li {
    float: left;
    background: url('../images/erotin.gif') center left no-repeat;
    padding: 6px 10px;
}
#header #contextMenu ul li.first {
    background: none;
    padding-left: 10px;
}
#header #contextMenu form {
    float: left;
}
#header #contextMenu table.contextMenuSelectors {
    height: 17px;
    margin: 5px 10px 0px 10px;
}
#header #contextMenu table.contextMenuSelectors td {
    vertical-align: top;
}
#header #contextMenu table.contextMenuSelectors td.previous {
    padding-left: 5px;
}
#header #contextMenu table.contextMenuSelectors td.next {
    padding-right: 4px;
}
#header #contextMenu table.contextMenuSelectors select {
    font-size: 90%;    
    height: 100%;
    border: 1px solid #ffffff;    
}
#header #contextMenu a#naytaMenneetLink {
    margin: 4px 5px 0px 4px;            
    padding: 2px 0px 2px 15px;
    display: block;
    background: url('../images/radiobutton.gif') center left no-repeat;     
    float: left;
}
#header #contextMenu a#naytaMenneetLink.active {
    background-image: url('../images/radiobutton_selected.gif');     
}


/* -- main content area -- */
#mainContent {
    float: left;
    clear: left;    
    width: 850px;
    min-width: 0px;
    margin: 10px 0px 20px 93px;    
    padding: 6px 0px 8px 0px;  
    display: inline;    /* IE6 double-margin bug */
}
body#wideContentPage #mainContent {
    width: 100%;    
    margin: 0;
    padding: 0;
}


/* -- footer -- */
#footer #footerBar {
    float: left;
    clear: both;
    color: #ffffff;    
    height: 21px;    
    width: 100%;
    margin-bottom: 10px;
    background: url('../images/footer_bg.gif') #39a5e9 top left repeat-x;
    position: relative;
}
#footer #footerBar a {
    color: #ffffff;
}
#footer #footerBar a:hover {
    color: #e1f0fa;
}
#footer #footerBar ul {
    float: left;
}
#footer #footerBar ul li {
    float: left;
    background: url('../images/footer_separator.gif') center left no-repeat;
    padding: 0px 8px;
}
#footer #footerBar ul li.first {
    background: none;
}
#footer #footerBar .left {
    float: left;
    background: url('../images/footer_left.gif') top left no-repeat;    
    padding-left: 100px;  
    height: 19px;
    padding-top: 2px;
}
#footer #footerBar .right {
    float: right;
    background: url('../images/footer_right.gif') top right no-repeat;    
    height: 19px;
    padding-top: 2px;
    padding-right: 10px;
}
#footer #textAdSlotLeft a,
#footer #textAdSlotRight a {
    color: #ff0000;
    font-weight: bold;    
    padding: 0px 2px 7px 2px;
    font-size: 85%;
}
#footer #textAdSlotLeft a {
    float: left;
}
#footer #textAdSlotRight a {
    float: right;
}
#footer #textAdSlotLeft {
    width: 49%;
    float: left;
    text-align: left;
    height: 19px;
}
#footer #textAdSlotRight {
    width: 49%;
    float: right;
    text-align: right;
    height: 19px;
}
#footer #silverScreenSlot {
	position: relative;
	float: left;

	height: 500px;
	margin-bottom: 10px;
	width: 100%;
}

#footer > #silverScreenSlot {
	height: auto;
	min-height: 500px;
}

#footer #il {
	position: absolute;
	
	width: 427px;
	height: 322px;
	
	top: 0px;
	left: 0px;
	
	z-index: 3;
}

#footer #silverScreenSlot #bss {
	position: absolute;
	
	top: 0px;
	right: 0px;
	
	width: 100%;
	height: 400px;
	
	text-align: right;
	
	z-index: 2;
}

#footer #silverScreenSlot > #bss {
	min-height: 400px;
	height: auto;
}

/* -- page headings -- */
.pageHeading_search { 
	background: url('../images/icon_search.gif') center left no-repeat; 
}
.pageHeading_mobile { 
	background: url('../images/icon_mobile.gif') center left no-repeat; 
}
.pageHeading_movie { 
	background: url('../images/icon_movie.gif') center left no-repeat; 
}
.pageHeading_error { 
	background: url('../images/icon_error.gif') center left no-repeat; 
}
.pageHeading_user { 
	background: url('../images/icon_user.gif') center left no-repeat; 
}
.pageHeading_settings { 
	background: url('../images/icon_settings.gif') center left no-repeat; 
}
.pageHeading_tv { 
	background: url('../images/icon_tv.gif') center left no-repeat; 
}
.pageHeading_news { 
	background: url('../images/icon_news.gif') center left no-repeat; 
}
.pageHeading_favourites { 
	background: url('../images/icon_favourites.gif') center left no-repeat; 
}
.pageHeading_magazine { 
	background: url('../images/icon_magazine.gif') center left no-repeat; 
}

.pageHeading_favmarker {
	background: url(http://images.telkku.com/img/theme_default/icons/2008/icon_favmarker.gif) center left no-repeat;
}

#pageHeading {
	float: left;		
	width: 100%;        
    padding: 20px 10px 20px 65px;
    position: relative;
    left: -70px;
}	
#pageHeading h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #1b75c6;
	width: 100%;
	margin: 0px;
	padding: 5px;
	background: url('../images/heading_underline.gif') bottom left repeat-x;		
}




/* -- javascript drop menus -- */
.dropMenuContainer {
    position: absolute;                            
    background: url('../images/shadow.png');
    z-index: 99;    
}
#channelPagesDropMenuContainer {
    top: 2.5em;
    left: -10em;                                                               
}
#calendarDropMenuContainer {                    
    top: 2.5em;
    left: -6em;    
}
.dropMenu a {  
    color: #000000 !important;
}   
.dropMenu {                
    position: relative;
    top: -5px;
    left: -5px;
    border-collapse: collapse;   
    border-top: 2px solid #109ce3;   
    border-left: 2px solid #109ce3;
    border-bottom: 2px solid #006699;    
    border-right: 2px solid #006699;
    background: #fcfcff;        
    color: #000000; 
    font-size: 85%;
}
#channelPagesDropMenu {
    width: 47.5em;  /* 5 x 9.5em */
}
#calendarDropMenu {
    width: 17.5em;  /* 7 x 2.5em */    
}
#channelPagesDropMenu td {
    border: 1px solid #109ce3;  
    text-align: left;                
    vertical-align: top;
}
#calendarDropMenu td, 
#calendarDropMenu th {
    border: 1px solid #109ce3;  
    text-align: center;                
    vertical-align: middle;    
}
.dropMenu a, .dropMenu span.selectedItem, .dropMenu span.disabled {
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer;                    
    overflow: hidden;    
    white-space: nowrap;    
}         
.dropMenu a:hover {
    background: #dcf3ff;   
}
.dropMenu span.selectedItem {
    background: #ffdf92;   
    cursor: default;
}            
#channelPagesDropMenu a, #channelPagesDropMenu span.selectedItem {
    height: 10em;
}
#calendarDropMenu a, 
#calendarDropMenu span.selectedItem, 
#calendarDropMenu span.disabled {
    height: 2em;
    font-weight: normal;
    color: #000000;
    padding-top: 1em;    
}
#calendarDropMenu span.disabled {
    color: #cfcfcf;
    cursor: default;
}
#calendarDropMenu a.today, 
#calendarDropMenu span.today {
    color: #ff0000 !important;
}
#calendarDropMenu a:hover {
    color: #000000;
}
#channelPagesDropMenu span.title, 
#calendarDropMenu span.title {
    display: block;
    font-weight: normal;     
    color: #ffffff;
    margin: 0;       
    background: #008CD3;                
    white-space: nowrap;                
    overflow: hidden;
}
#channelPagesDropMenu span.title {    
    width: 9.5em;
    padding: 3px 5px;
}
#calendarDropMenu span.title {    
    width: 2.5em; 
    padding: 2px;
}
#channelPagesDropMenu a:hover span.title {
    background: #0071ab;
    color: #ffffff;                        
}         
#channelPagesDropMenu a.newChannelsGroup span.title {
    background: #FFF701;
    color: #000000;
}
#channelPagesDropMenu a.newChannelsGroup:hover span.title {
    background: #0071ab;
    color: #ffffff;
}   
#channelPagesDropMenu span.selectedItem span.title {
    background: #ffbe40; 
    color: #523600;                
}
#header #contextMenu #channelPagesDropMenu p.tinyNotice {
    padding: 4px 2px 4px 25px;
    background: url('../images/miniicon_error.gif') top left no-repeat;
}
#header #contextMenu #channelPagesDropMenu p.tinyNotice a, #channelPagesDropMenu p.tinyNotice a:hover {
    display: inline;    
    background: none;
    color: #1375e0 !important;
    
}
#channelPagesDropMenu span.channelPageChannels {
    padding: 5px 8px 0px 5px;
    width: 9.5em;
    overflow: hidden;
    display: block;       
}
div.dropMenuHandleContainer {
    position: relative;     
    background: #ffffff; 
    height: 17px;
}
#header #contextMenu div#channelPagesDropMenuHandleContainer a.dropMenuHandle {
    width: 115px;
}

#header #contextMenu div#calendarDropMenuHandleContainer a.dropMenuHandle {
    width: 65px;
}
#header #contextMenu div.dropMenuHandleContainer a.dropMenuHandle {
    display: block; 
    height: 16px; 
    padding: 1px 10px 0px 5px; 
    background: #ffffff; 
    color: #064F86;    
    font-size: 90%;
    overflow: hidden;
    text-align: center;
    width: 100px;
}
#header #contextMenu div.dropMenuHandleContainer:hover a.dropMenuHandle {
    background: #f8f8f8;
}



/* -- program table -- */
#ohjelmataulu {
    font-size: 11px;
    line-height: 125%;
    border-collapse: collapse;
    width: 100%;
}

#ohjelmataulu th {
    vertical-align: bottom;
    text-align: center;
    border: none;
    padding: 7px 0px 4px 0px;
}

#ohjelmataulu td {
    vertical-align: top;
    border: 1px solid #74a9e8;
    padding: 2px;
    text-align: left;
}

#ohjelmataulu td table {
    width: 100%;
}

#ohjelmataulu td table td {
    border: none;
    padding: 1px;
    vertical-align: top;
    text-align: left;
}

/*#ohjelmataulu a {    
    color: #0365d0;    
}
#ohjelmataulu a:hover {    
    color: #0a3a6e;
}*/

#ohjelmataulu th a {    
    font-weight: bold;
}

#ohjelmataulu td a {
    text-decoration: none;
    font-weight: normal;
}

#ohjelmataulu tr.bottomRow {
    height: 150px;
}

/* -- parhaillaan tulevan ohjelman korostus -- */
#ohjelmataulu tr.tuleeNyt td {
    background: #c7dfff;
}
#ohjelmataulu tr.tuleeNyt td a {
    font-weight: bold;
    color: #000000;
}

/* -- suosikkien tyylit -- */
#ohjelmataulu a.s {
    color: #ff0000 !important;
}
#ohjelmataulu.suosikit_boldilla a.s {
    color: #ff0000 !important;
    font-weight: bold;
}

/* -- huippuohjelmien tyylit -- */
#ohjelmataulu a.h {
    color: #ff0000 !important;
    font-weight: bold !important;
}
#ohjelmataulu.suosikit_boldilla a.h {
    color: #ff0000 !important;
    font-weight: bold;
    text-decoration: underline;
}

/* -- elokuvien tyylit -- */
#ohjelmataulu.elokuvat_boldilla a.e {
    font-weight: bold;
}

#tickerBanner {
    float: left;
    margin: 0px;    
    padding: 5px 0px;        
    width: 100%;     
}

#tickerBanner table {
    margin: 0px;
    padding: 0px;
	width: 100%;
}

#tickerBanner table td {
    vertical-align: top;
    /*background: #e3eBFF;*/
    background: #c7dfff;
}

#tickerBanner table td a {
    /*color: #0701ad;*/
    display: block;
    font-size: 85%;
    font-weight: normal;
    font-family: verdana, arial, sans-serif;
    padding: 8px 5px;
    text-decoration: none;    
}

/* -- old styles for canal plus -- */
.canal_heading {
	float: left;
	
	width: 100%;
	height: auto;
	
	background-color: #000000;
	
	border-bottom: 1px solid black;
}

.canal_data {
	clear: left;
	float: left;
	
	width: 100%;
	height: auto;
	
	background-color: #ffffff;
}

.canal_data p {
	padding: 4px;
}

.canal_heading .canal_channel_logo{
	float: left;
	
	padding: 4px;
	border: none;
}

.canal_heading .canal_order_btn{
	float: right;
	
	padding: 4px;
	border: none;
}

/* -- new styles for canal plus -- */
#tickerBanner .canalPlusBanner {
    min-width: 970px;
}

#tickerBanner .canalPlusBanner td {
    width: 20%;                          
    border: 1px solid #000000;
    background: #ffffff;        
}
        
#tickerBanner .canalPlusBanner td div.head {
    background: #000000;
    width: 100%;           
    float: left;    
    min-width: 185px;
}

#tickerBanner .canalPlusBanner td div.head .canal_channel_logo {
    float: left;
    padding: 3px;
    background: url('../images/canalplus_upper_left.gif') top left no-repeat;
    position: relative;
    top: -1px;
    left: -1px;
}

#tickerBanner .canalPlusBanner td div.head .canal_order_btn {
    float: right;
    padding: 4px;
    background: url('../images/canalplus_upper_right.gif') top right no-repeat;
    position: relative;
    top: -1px;
    right: -1px;
}
        
#tickerBanner .canalPlusBanner div.content {    
    clear: left;
    float: left;        
    width: 100%;
    min-width: 185px;
}

#tickerBanner .canalPlusBanner div.content a {
    margin: 0px;
    padding: 2px 5px;        
}


/* -- Nokia BKL -- */

#tickerBanner .nokiaBKL {
    min-width: 970px;
}

#tickerBanner .nokiaBKL td {
    width: 20%;                          
    border: 1px solid #000000;
    background: #ffffff;        
}
        
#tickerBanner .nokiaBKL td div.head {
    width: 100%;           
    float: left;    
    min-width: 185px;
    text-align: center;
    background: url('../images/bg.gif') top left repeat-x #ffffff;
}

#tickerBanner .nokiaBKL td div.head .logo {
    padding: 1px;
    position: relative;
    top: -1px;
    left: -1px;
}

        
#tickerBanner .nokiaBKL div.content {    
    clear: left;
    float: left;        
    width: 100%;
    min-width: 185px;
}

#tickerBanner .nokiaBKL div.content a {
    margin: 0px;
    padding: 2px 5px;
}

/* -- General BKL -- */

#tickerBanner .generalBKL {
    min-width: 970px;
}

#tickerBanner .generalBKL td {
    width: 20%;                          
    background: #ffffff;        
}
        
#tickerBanner .generalBKL td div.head {
    width: 100%;           
    float: left;   
    border: 0px; 
    min-width: 185px;
    text-align: center;
    background: #3B73B9;
}


#tickerBanner .generalBKL td div.head .logoright {
    float: right;        
    padding: 0px;
    border: 0px; 
    position: relative;
    left: 2px;
}

#tickerBanner .generalBKL td div.head .logoleft {
    float: left;        
    padding: 0px;
    border: 0px; 
    position: relative;
}
        
#tickerBanner .generalBKL div.content {    
    clear: left;
    float: left;        
    width: 100%;
    border: 1px solid #3B73B9;
    min-width: 185px;
}

#tickerBanner .generalBKL div.content a {
    margin: 0px;
    padding: 2px 5px;
}


/* -- tv movies -- */
h3.tvMovieDate {
    float: left;
    clear: left;
    margin: 20px 0px;
    width: 712px;
}

.tvMovieDetails {
    width: 700px;
    margin: 10px;
    float: left;
    clear: left;
}

.tvMovieDetails p {
    width: 400px;
    float: left;
    clear: left;
    text-align: justify;
}

.tvMovieDetails a.programLink {
    font-weight: bold;
}

.tvMovieDetails img.programImage {
    float: right;
    padding: 2px;
    border: 1px solid #afafaf;
}

.tvMovieDetails img.channelLogo {
    float: right;
    margin: 2px 0px 2px 20px;
}



/* -- channelsView -- */
#channelsView {    
    width: 100%; 
    float: left; 
    clear: left; 
    margin: 0px 0px 20px 0px; 
    display: inline;            /* fix for IE double-margin bug */
}

#channelsView #listingCol {
    width: 210px; 
    padding: 0px; 
    float: left;
}

#channelsView #dataCol {
    width: 560px; 
    float: left; 
    margin-left: 20px;    
}

#channelsView #dataCol a {    
    font-weight: bold;
}

#channelsView #listingCol ul {
    margin: 0px 0px 10px 5px;
    padding: 0px;
    list-style: none;        
}    

#channelsView #listingCol ul li {
    padding: 0px;
    margin: 0px;    
}

#channelsView #listingCol ul li a, #channelsView #listingCol ul li span {
    font-weight: bold;    
    padding-left: 11px;
}
#channelsView #listingCol ul li span {    
    color: #df9300;
    background: url('../images/arrow_right.gif') center left no-repeat;    
}


/* -- searchResults -- */
.searchResults a.programLink {
    font-weight: bold;
}

.searchResults b {
    background: #efefef;
}


/* -- faq -- */
#faq h3 {
    margin-top: 10px;
}


/* -- spotlight -- */
.spotlight {
	clear:left;
	float: left;
	width: 427px;
    
	margin-bottom: 10px;
}
        
.spotlight p {
    float: left;
    width: 100%;
    font-size: 90%;
    margin: 0;
    padding: 0;
}

.spotlight strong {
    display: block;
    margin-bottom: 10px;
}

.spotlight img {
    float: left;
    margin-right: 5px;
}

.spotlight ul {    
    margin-top: 5px;    
    padding-bottom: 10px;
    float: left;
    clear: left;
    width: 100%;
}

.spotlight ul li {
    margin: 0px 0px 5px 0px;    
    padding: 0;            
    width: 100%;    
}

.spotlight ul li a {
    background: url('../images/arrow_right.gif') no-repeat 0px 4px;
    display: block;
    padding-left: 12px;    
    font-weight: normal;  
    height: 1%;     /* workaround for added spacing IE6 */
}

.spotlight h3 {
    float: left;
    width: 95%;
    margin-top: 10px;
    padding-bottom: 1px;
    padding-left: 0px;
    background: #ffffff;    
    font-size: 120%;
    font-weight: bold;    
    border-bottom: 2px solid #a7c8ff;    
    color: #1b75c6;
}


/* -- widsetsTable (admin) -- */
.widsetsTable {
    float: left;
    width: 300px;
    margin: 20px 40px;
    border-bottom: 2px solid #6386c6;
}

.widsetsTable th {
    background: url('../images/logo_widsets.gif') top left no-repeat;                
    padding: 5px 5px 10px 150px;    
    font-weight: normal;
    font-size: 120%;
    height: 60px;
    border-bottom: 2px solid #6386c6;
    text-align: right;
}

.widsetsTable td, .widsetsTable td a {
    font-size: 110%;
}

.widsetsTable td {
  padding: 4px;
}

.widsetsTable td.value {
    text-align: right;
}

/* -- register form -- */
form#register label.registerLoginCookie, 
form#register label.registerNewsletter {
    color: #000000;
    font-size: 80%;
}

form#register p {
    float: left;
    clear: left;    
}

form#register label, form#activationForm label {
    color: #0052a2;    
    width: 160px;
    display: block;
    float: left;
    clear: left;
}

form#register label.registerNewsletter, form#register label.registerLoginCookie  {    
    color: #000000; 
    font-weight: normal; 
    font-size: 80%; 
    float: left; 
    clear: none;         
    padding-left: 5px; 
    padding-bottom: 5px;
    width: 220px;
}

form#register input {
    float: left;
    margin-bottom: 4px;
    width: 200px;
}
form#register input#registerNewsletter, form#register input#registerLoginCookie {
    width: auto;
}

div#registerContainer ul.registerBenefits {
    float: left;     
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
    margin: 5px 20px;
}
div#registerContainer ul.registerBenefits li {
    list-style: url('../images/arrow_right.gif');
    width: 270px;            
}
    
form#register input {
    font-size: 13px;
    padding: 2px;
}

form#register td {
    font-size: 13px;
    vertical-align: top;
}

form#register p.error, form#register p.notice {
    font-size: 80%;
    font-weight: bold;
    padding: 0px 0px 0px 17px;
    margin: 0px 0px 10px 0px;  
    width: 290px;    
    border: none;
}

form#register p.error {
    background: url('../images/icon_tiny_error.gif') top left no-repeat;
    color: #ff0000;
}

form#register p.notice {
    background: url('../images/icon_tiny_ok.gif') top left no-repeat;
    color: #0052a2;
}



/* -- settings list --*/
ul#settingsList {
    list-style: none;
    font-size: 16px;
    margin: 0;
}
ul#settingsList li {
    background: url('../images/icon_settings.gif') center left no-repeat;
    padding: 5px 5px 5px 65px;
    margin-bottom: 10px;
}
ul#settingsList li#basicSettings {
    background: url('../images/icon_settings.gif') 0px 5px no-repeat;        
}    
ul#settingsList li#channelSettings {
    background: url('../images/icon_tv.gif') 0px 5px no-repeat;        
}    
ul#settingsList li#profileSettings {
    background: url('../images/icon_user.gif') 0px 5px no-repeat;        
}    
ul#settingsList li#favouriteSettings {
    background: url('../images/icon_favourites.gif') 0px 5px no-repeat;        
}
ul#settingsList li a {        
    font-size: 110%;
    display: block;
    width: 90%;
    background: none;        
    padding: 3px;
    white-space: normal;
    font-family: arial, verdana, sans-serif;
}
ul#settingsList li a:hover {
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
    padding: 2px;
    color: #222d91;
}
ul#settingsList li a span {
    display: block;
    color: #000000;
    font-size: 90%;
    font-weight: normal;            
} 


/* -- channelGroupsOrganizer -- */
div#channelGroupsOrganizer {
    width: 100%;
    margin: 20px auto;
    float: left;
}

div#channelGroupsOrganizer div.channelGroup input {
    width: 105px;                               
    margin: 3px 0px 10px 0px;       
    padding: 2px 4px;
    cursor: default;     
    background: #548cea;
    color: #ffffff;
    border: none;
}

div#channelGroupsOrganizer div.channelGroup {                                   
    float: left;                   
    width: 142px;   
    height: 255px;
    padding: 0px;                                
    margin: 3px;  
    background: #dfdfdf;
    text-align: center;  
}   

div#channelGroupsOrganizer div.channelGroup ul {                               
    list-style: none;
    padding: 0px;                                
    margin: 0px;  
    overflow: auto;
    overflow-x: hidden;    
    /*overflow-y: scroll;
    overflow-x: hidden;   */
    height: 220px;
}
     

div#channelGroupsOrganizer div.channelGroup li.channelItem {
    background: url('../images/channelitem_bg.gif') top left no-repeat;     /* 113 x 37 */                
    width: 105px;                
    height: 24px;
    padding: 5px 4px 8px 4px;
    cursor: move;                
    margin: 3px auto;                
    
    text-align: center;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;    
    
    z-index: 99;
}

div#channelGroupsOrganizer div.titleBar {
    background: url('../images/channelgroup_bg.gif') #ffffff top left no-repeat;     /* 142 x 31 */                
    margin: 0px;
    padding: 5px 5px 0px 5px;
    width: 132px;
    cursor: move;
    height: 25px;
}


#saveButtonContainer {
    margin: 10px 10px 30px 50px;
    float: left;
    display: inline;    /* workaround for IE double-margin bug */
}
    
#saveButtonContainer p {
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
    margin: 0px 0px 10px 0px;
    float: left;
    width: 450px;        
}

#saveButtonContainer form {
    float: left;
    margin: 0px 10px 0px 0px;
}

.smallBox {
    background: url('../images/smallbox_left_bg.gif') top left no-repeat;
    height: 65px;
    width: 200px;
    float: left;
    padding: 0px 0px 0px 5px;    
}

.smallBox a {
    display: block;
    background: url('../images/smallbox_right_bg.gif') top right no-repeat;
    padding: 15px 5px 5px 0px;
    height: 45px;
    color: #000000;
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
}

.smallBox a:hover {
    color: #4f4f4f;
}



/* -- channelsForm -- */
form#channelsForm div#channelGroupsContainer {
    width: 900px;
    float: left;    
    padding: 5px;
    margin-top: 20px;
}

form#channelsForm div.channelGroup {
    width: 190px; 
    border: 1px solid #c6cbff; 
    float: left;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    padding: 5px;
    margin: 5px 5px 5px 0px;
    min-height: 160px;   
}

form#channelsForm div.channelGroup span {
    display: block;
    width: 100%;
    text-align: center;
    padding: 4px 0px;
    background: #d6dbff;
}

form#channelsForm div.channelGroup a {
    display: block;
    background: url('../images/arrow_right.gif') center left no-repeat;
    padding-left: 10px;
}

form#channelsForm div.channelGroup label {
    position: relative;
    top: -3px;
}

form#channelsForm p {
    margin-bottom: 0px;
}

form#channelsForm a {
    font-family: verdana, arial, sans-serif;
}


/* -- progressBar -- */
ul.progressBar {
    float: left;
    list-style: none;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;        
    margin: 0;
    padding: 0;
}

ul.progressBar li span { 
    font-size: 120%;
    font-weight: bold;
}

ul.progressBar li {
    float: left;
    width: 112px;
    height: 35px;
    background: url('../images/progressbar_item.gif') top left no-repeat #afafaf;  
    padding: 3px 8px 3px 8px;
    color: #6f6f6f;
}
        
ul.progressBar li.ready {
    background: url('../images/progressbar_item_ready.gif') top left no-repeat #5F7DFF;  
    color: #2b3680;        
}

ul.progressBar li.first, ul.progressBar li.last {
    width: 117px;
}

ul.progressBar li.first {
    background: url('../images/progressbar_first.gif') top left no-repeat;
}

ul.progressBar li.first_ready {
    background: url('../images/progressbar_first_ready.gif') top left no-repeat;
    color: #2b3680; 
}

ul.progressBar li.last {
    background: url('../images/progressbar_last.gif') top left no-repeat;
}

ul.progressBar li.last_ready {
    background: url('../images/progressbar_last_ready.gif') top left no-repeat;
    color: #2b3680; 
}


/* -- activation -- */
#activationForm {
    float: left;
    width: 400px;        
}

#activationForm a {
    font-size: 100%;
}

#activationForm fieldset {
    border: 1px solid #c6cbff;
    padding: 10px;
    margin: 20px 0px;
}   

#activationForm legend {
    color: #0052A2;
    font-size: 14px;
    font-weight: bold;
}

#activationForm label {
    font-size: 12px;
}

#activationForm p.error {
    margin: 0px 0px 2px 0px;
    padding: 0;
}

#activationForm img.capcha {
    margin: 4px 0px;
}

#activationTips {
    width: 250px; 
    float: left;
    padding-left: 35px;         
    padding-top: 25px;
    font-size: 12px;
}

#activationTips ul {
    margin: 0;
    padding: 0;
}

#activationTips li {
    margin-bottom: 5px;
}



/* -- mobile page -- */
#widgetLink {
    background: url('../images/button_lataa.gif') top left no-repeat;
    width: 222px;
    height: 33px;            
    display: block;
    margin-top: 10px;
}
#widgetLink:hover {
    background: url('../images/button_lataa_hover.gif') top left no-repeat;
}

ul#widgetSteps {
    list-style: none;
    float: left;
    width: 290px;
    margin: 0;
    padding: 10px 5px 5px 5px;        
}

ul#widgetSteps li {
    background: url('../images/step_bg.gif') top left no-repeat;
    float: left;
    margin-bottom: 5px;
    width: 100%;
    padding-top: 3px;        
}

ul#widgetSteps li span {
    display: block;
    width: 23px;
    height: 31px;
    color: #ffffff;
    font-weight: bold;
    font-size: 150%;
    padding: 2px 0px 0px 10px;
    float: left;
    margin-right: 7px;        
}  


/* -- TV-lehti -- */
#magazineSpotlight {
    width: 400px;
    float: left;
    text-align: center;
}

#magazineList {
    width: 275px; 
    height: 500px; 
    overflow: auto; 
    float: right
}

#magazineList a {
    float: left;
    clear: left;
    display: block;
    width: 98%;
}

#magazineList a:hover {
    background: #efefef;
}

#magazineList a img {
    float: left;
    margin: 6px;
}

#magazineList a strong {
    float: left;
    font-weight: bold;
    font-size: 110%;
    padding: 2px;
}

#magazineList span {        
    float: left;
    display: block;
    padding: 2px;
    width: 120px;
    font-size: 80%;
    color: #000000;
    cursor: pointer;
}

/* -- relogin form for the settings section -- */
#reloginForm label {
    width: 150px;    
    float: left;
}

#reloginForm .submitButtonWrapper {
    margin-left: 150px;
    display: inline;
    clear: left;
}

/***************
* New header
***************/

div#goldenFlash{
	margin-top: 25px;
	margin-left: 520px;
}

div#goldenTop{
	background: url('../images/golden_top.gif') bottom left no-repeat #FFFFFF;
	height: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#loginArea{
    float: right;
    width: 35em;
    /*width: 420px;*/
    background: url('../images/login_bg_corner.gif') top left no-repeat #0580BE;
    padding: 4px 10px 4px 0px; /*padding: 4px 10px 4px 5px;*/
}

#loginArea label{
	color: #FFFFFF;
	margin-left: 4px;
}

#loginArea.loggedIn {
    width: 22.5em;
}

#loginArea fieldset {
    float: right;
    border: none;    
}
#loginArea a, #header #topShelf #loginArea label {
    color: #ffffff;
    float: left;
    margin: 0px 5px 0px 5px;
    white-space: nowrap;
}
#loginArea a:hover {
    color: #e1f0fa;
}
#loginArea a.right {
    float: right;
}
#loginArea input.checkbox {
    float: left;
    margin: 2px -1px 0px 5px;        
    width: 13px;
    height: 13px;
}
#loginArea .loginInputWrapper { 
    float: left;
}
#loginArea #loginAreaRight {
    float: right;
    position: relative;
    top: -4px;
    right: -10px;
    width: 9px;
    height: 10px;
    background: url('../images/login_bg_right.gif') top right no-repeat;
}

.widgets{
	/*float: right;*/
	margin-right: 10px;
	margin-top: 5px;
	margin-left: 5px;
}

.widgets li{
	display: inline;
	margin-right: 5px;
}

li.community{
	padding-left: 20px;

	
	background-image: url('../images/community_icon.gif'); 
	background-position: top left;
	background-repeat: no-repeat;
}

a.communityLink {
	color: #FDE463;
	font-weight: bold;
}

div#gcBg{
	background-image: url('../gc-bg-stripe.gif');
	background-repeat: repeat-x;
}

div#trailerWindow{
	display: none;
	
	width: 980px;
	height: 430px;
	
	margin: 130px auto 0px 25%;
	background-color: #FFFFFF;
}

a#playerLink{
	background-color: white;
}

a#createAccount{

}