/*

o------o-------o-------o-------o-------o--------o-------o--------o--------o



PBS TV SCHEDULES MODULES : WHAT'S ON STYLE SHEET

VERSION 1.0





I. GLOBAL STYLES : WHAT'S ON MODULE



II. HEADER STYLES



III. STATION / CHANNEL STYLES



IV. PROGRAMMING DATA STYLES



V. FOOTER STYLES



o------o-------o-------o-------o-------o--------o-------o--------o--------o

*/





/*

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

I. GLOBAL STYLES : WHAT'S ON MODULE

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

*/





/*

MODULE CONTAINER

==============================================================================

whatson module 

==============================================================================

*/



.pbs_tvschedules_modules-whatson-module_container 

{

    width: 100%;

    font-family: arial,helvetica,sans-serif;

    /*font-size: 1.4em;this seems to effect the size of everything*/

    color: #444;

    text-align: left;

}



.pbs_tvschedules_modules-whatson-module_container img

{

    border: none;

}









/*

LINKS

==============================================================================

default link style for all modules

==============================================================================

*/



.pbs_tvschedules_modules-whatson-module_container a

{

    font-size: 1.2em;

    font-weight: bold;

    font-style: normal;

    text-transform: none;

}



.pbs_tvschedules_modules-whatson-module_container a:link, .pbs_tvschedules_modules-whatson-module_container a:visited, .pbs_tvschedules_modules-whatson-module_container a:active

{

    color: #444;

    text-decoration: none;

}



.pbs_tvschedules_modules-whatson-module_container a:hover 

{

    color: #444;

    text-decoration: underline;

}





/*

LINKS : NOT ACTIVE (OFF STATE)

------------------------------------------------------------------------------

default style for inactive links for all modules

------------------------------------------------------------------------------

*/



.pbs_tvschedules_modules-whatson-link_off_state

{

    font-size: 1.2em;

    font-weight: bold;

    color: #9f9f9f;

    text-transform: uppercase;

    white-space: nowrap;

}







/*

FORMS and FORM ELEMENTS

==============================================================================

default form and form element styles

==============================================================================

*/



.pbs_tvschedules_modules-whatson-module_container form

{

    padding: 0px;
    margin:0px;
	display:none;/*added to remove teh annoying "no filter" which is persistent on PCs even when disabled*/

}



.pbs_tvschedules_modules-whatson-module_container input 

{

    font-size: 1.2em;

    border: 1px solid #dfdfdf;

}



.pbs_tvschedules_modules-whatson-module_container input.submit

{

    padding: .2em;

    background-color: #648bcb;

    border: 1px solid #dfdfdf;

    font-family: verdana,arial,helvetica,sans-serif;

    font-size: 1.2em;

    color: #fff;

    text-transform: uppercase;

    cursor: pointer;

}



.pbs_tvschedules_modules-whatson-module_container input.checkbox

{

    border: none;

}



.pbs_tvschedules_modules-whatson-module_container select

{

    border: 1px solid #dfdfdf;

    font-size: 1.2em;

}







/*

LABELS

==============================================================================

default item label styles for all modules

including RSS labels and links

==============================================================================

*/



/*ITEM LABELS*/

.pbs_tvschedules_modules-whatson-content_header_label 

{

    font-size: 1.0em;

    color: #999999;

    text-transform: uppercase;

}



.pbs_tvschedules_modules-whatson-content_header_label_large 

{

    font-size: 1.2em;

    color: #666;

    font-weight: bold;

    text-transform: capitalize;

}





.pbs_tvschedules_modules-whatson-whats_this

{

    margin: 0em;

    font-size: 1.2em;

    padding: .5em 0em;

}











/*

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

II. HEADER STYLES

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

*/



/*

==============================================================================

HEADER : DATE COMPONENT 

==============================================================================

*/



.pbs_tvschedules_modules-whatson-module_header_date_container

{

   /* border-bottom: 1px dotted #444;*/

    padding-bottom: .1em;

    margin-bottom: .2em;

}





.pbs_tvschedules_modules-whatson-module_day/*day of the week*/

{

    /*font-size: 1em;*//*not needed once we removed the font size in .pbs_tvschedules_modules-whatson-module_container */

    font-weight: normal;

    line-height: 1.0em;

}





.pbs_tvschedules_modules-whatson-module_date/* and year*/

{

    /*font-size: 1em;*//*not needed once we removed the font size in .pbs_tvschedules_modules-whatson-module_container */
	
	font-family: verdana,arial,helvetica,sans-serif;

    font-weight: bold;

    white-space: nowrap;

}







/*

==============================================================================

HEADER : LINEUP COMPONENT

==============================================================================

*/





.pbs_tvschedules_modules-whatson-module_header

{

    padding: .2em .3em;

   /* border-bottom: 1px dotted #666;*/

    font-weight: bold;

    text-transform: capitalize; 

}



.pbs_tvschedules_modules-whatson-module_header_lineup/*over-the-air lineup*/

{
	
   	font-size: .8em;
   	
	border-top: 1px dotted #444;
	border-bottom: 1px dotted #444;

    padding-bottom: 0;

    margin-bottom: 0.1em;
	
	

}



.pbs_tvschedules_modules-whatson-module_header_lineup a:link, .pbs_tvschedules_modules-whatson-module_header_lineup a:visited, .pbs_tvschedules_modules-whatson-module_header_lineup a:active

{

    font-size: 1.0em;

    font-weight: bold;

    font-style: normal;

    text-transform: uppercase;

}



.pbs_tvschedules_modules-whatson-module_header_lineup a:hover

{

    font-size: 1.0em;

    font-weight: bold;

    font-style: normal;

    text-transform: uppercase;

    text-decoration: underline;

}









/*

==============================================================================

TABS : NOW , TONIGHT 

==============================================================================

*/



.pbs_tvschedules_modules-whatson-station_feeds_container

{

    width: 100%;

    margin-bottom: 2px;
	
}



.pbs_tvschedules_modules-whatson-timeblock_tabs

{

    width: 100%;

   /* border-collapse: collapse;*/

    background-color: #f5f5f5;

    color: #666;

    /*font-size: 0.7em;*//*not needed once we removed the font size in .pbs_tvschedules_modules-whatson-module_container */

    cursor: pointer;

}





.pbs_tvschedules_modules-whatson-timeblock_tab

{

    width: 50%;

    padding: .4em;

    color: #999;

    text-align: center;

    vertical-align: middle;

}



.pbs_tvschedules_modules-whatson-timeblock_tab_over

{

    width: 50%;

    padding: .4em;

    background-color: #fff;

    color: #999;

    text-align: center;

    vertical-align: middle;

}





.pbs_tvschedules_modules-whatson-timeblock_tab_on

{

    width: 50%;

    padding: .4em;

    background-color: #fff;

    color: #444;

    text-align: center;

    vertical-align: middle;

}









/*

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

III. STATION / CHANEL STYLES

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

*/







/*

==============================================================================

INDIVIDUAL STATION 

==============================================================================

*/





.pbs_tvschedules_modules-whatson-station_container

{

}



.pbs_tvschedules_modules-whatson-station_container_content

{}





.pbs_tvschedules_modules-whatson-station_header

{

    width: 100%;

    margin-top: 2px;

    cursor: pointer;

}



.pbs_tvschedules_modules-whatson-station_header_single

{

    width: 100%;

    margin-top: 2px;

    background-color: #fff;

}





.pbs_tvschedules_modules-whatson-station_header td

{

    background-color: #fff;

}





.pbs_tvschedules_modules-whatson-station_header_logo

{

    width: 57px;

    padding: .2em;

}





.pbs_tvschedules_modules-whatson-station_header_stationid

{

    padding-left: .3em;

    font-size: 4.2em;

    line-height: 1.4em;

}





.pbs_tvschedules_modules-whatson-station_feed_container

{

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;



}







/*

==============================================================================

INDIVIDUAL CHANNEL / FEED 

==============================================================================

*/





.pbs_tvschedules_modules-whatson-feed_id/*20 WPT; 38.2 Wis Channel; 28.3 WPT Create*/

{

    padding: .3em .3em .3em .4em;

    background-color: #5D92B0;

    color: #fff;

    font-family: verdana,arial,helvetica,sans-serif;

    /*font-size: .7em;*//*not needed once we removed the font size in .pbs_tvschedules_modules-whatson-module_container */

    cursor: pointer;

}





.pbs_tvschedules_modules-whatson-feed_id_over/*20 WPT; 38.2 Wis Channel; 28.3 WPT Create*/

{

    padding: .3em .3em .3em .4em;

    background-color: #35586C;

    color: #fff;

    font-family: verdana,arial,helvetica,sans-serif;

    /*font-size: .7em;*//*not needed once we removed the font size in .pbs_tvschedules_modules-whatson-module_container */

    cursor: pointer;

}







.pbs_tvschedules_modules-whatson-feed_id_open/*20 WPT; 38.2 Wis Channel; 28.3 WPT Create*/

{

     padding: .3em .3em .3em .4em;

    background-color: #35586C;

    color: #fff;

    font-family: verdana,arial,helvetica,sans-serif;

    /*font-size: .7em;*//*not needed once we removed the font size in .pbs_tvschedules_modules-whatson-module_container */

    font-weight: bold;

}





.pbs_tvschedules_modules-whatson-feed_id_name

{

    font-size: 1.0em;

}









/* 

INDIVIDUAL FEED : FAVORITE ICON STYLES 

--------------------------------------

*/



.pbs_tvschedules_modules-whatson-favorites_addremove_icon 

{

    width: 15px;

    height: 15px;

    background: url('http://www.pbs.org/modules/dtv/images/1.0/favorite_icon_off.gif') center no-repeat;

    cursor: pointer;

}



.pbs_tvschedules_modules-whatson-favorites_addremove_icon_over 

{

    width: 15px;

    height: 15px;

    background: url('http://www.pbs.org/modules/dtv/images/1.0/favorite_icon_over.gif') top left no-repeat;

    cursor: pointer;

}



.pbs_tvschedules_modules-whatson-favorites_addremove_icon_on 

{

    width: 15px;

    height: 15px;

    background: url('http://www.pbs.org/modules/dtv/images/1.0/favorite_icon_on.gif') top left no-repeat;

    cursor: pointer;

}



.pbs_tvschedules_modules-whatson-favorites_addremove_icon_no_cookie

{

}









/*

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

IV. PROGRAMMING DATA STYLES

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

*/



.pbs_tvschedules_modules-whatson-feed_programs

{

    width: 100%;

    padding: .4em;

    border-collapse: collapse;

    background-color: #EEF3F7;

}



.pbs_tvschedules_modules-whatson-feed_programs td

{

    padding: .35em;

}





.pbs_tvschedules_modules-whatson-feed_program_id

{

    width: 85%;

    vertical-align: top;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

}



.pbs_tvschedules_modules-whatson-feed_program_time/*time*/

{

    width: 15%;

    vertical-align: top;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

   /* font-size: .8em;*/

    font-weight: bold;

    color: #444;

}



.pbs_tvschedules_modules-whatson-feed_program_title/*title*/

{

	font-size: .7em;

    font-weight: bold;

    color: #545454;

}



.pbs_tvschedules_modules-whatson-feed_program_episode/*episode description*/

{

    /*font size removed; not needed once we removed the font size in .pbs_tvschedules_modules-whatson-module_container */

    /*font-style: italic;*/

    color: #666;

}









/*

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

V. FOOTER STYLES

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

*/







.pbs_tvschedules_modules-whatson-footer_links

{

    margin-top: 2px;

    padding: .3em;

   /* border-top: 1px dotted #666;*/

}





.pbs_tvschedules_modules-whatson-footer_links a:link, .pbs_tvschedules_modules-whatson-footer_links a:visited, .pbs_tvschedules_modules-whatson-footer_links a:active

{

    font-size: .73em;/*view Full TV Schedules; edit preferences*/

    text-transform: uppercase;

    font-weight: normal;

}



.pbs_tvschedules_modules-whatson-footer_links a:hover

{

    font-size: .73em;/*view Full TV Schedules; edit preferences*/

    text-transform: uppercase;

    font-weight: normal;

}



.pbs_tvschedules_modules-whatson-footer_links div

{

    padding: .1em 0em;

}