/*
Table of Contents
-------------------------------------------------------------------------------
-NAMING CONVENTIONS
-CSS RESET <- moved to reset.css
-GRIDS
-BASE STYLES, HEADINGS, AND OTHER GENERAL STYLES
-GADGETS AND GLOBAL CLASSES
#global_login_box
#mpu
#mpu_placeholder
.ALERT (intended for global warnings above the header)
.BOX
.BUTTON
.CHECK_LINK
.CLEAR also img.tracking and img.absolute
.FILTER
.MODAL_BOX also #invite_form
.MODULE
.MORE_LESS
.NIFTY_PANEL
.NOTIFICATION (intended for global notification above the header)
.notifications (intended for growl-esque notifications)
.PAGINATOR and old .paginated_nav
.PANEL_CLOSE_BUTTON
.POINTER and .POINTER_LEFT
.PUMPKIN
.PUMPKIN_SMALL
.RATING_WIDGET
.SCREEN
.SEARCH_FORM
.TAB_LINKS
.THUMBNAIL
.TOOLTIP
.TOPSLOT_OVERLAY_BUTTON
.VOTE_WIDGET
-HEADER AND FOOTER
#footer
#tv_header
-MODULES
#about_tv_com
#abuse_panel
#actions
#aol-news-module
#around_the_web
#blog_summary
#capsule_reviews
#cast_crew_list
#comments
#episode_capsule
#episode_cast_summary
#episode_guide_list
#episode_list_header
#episode_listing
#episode_rating
#episode_recap
#episode_top_image
#facebook_login_box
.feature_inner
#feature_smallhead
#forum_highlights
#hd_videos
#latest_stories
#marquee
#mentioned_persons
#mentioned_shows
#most_commented_stories
#mpu
#nav_tabs
#newsmakers
#page_title
#page_title_link
#photo_grid
#photos_module
#poll
#poll_results_header
#printable_page
#pushdown_ad
#rate_it
#reg_page_help
.registration_box
#related_shows
#scrim
#show_bighead
#show_buzz_info
#show_listings
#show_news
#show_page_head
#show_photo_stream
#show_summary
#show_top_image
#show_trivia
#show_videos
#shows_hub_bighead
#shows_hub_categories
#shows_hub_title
#shows_hub_topnav
#shows_list
#shows_list_alpha
#signup_page
#smallhead
#sponsored_links
#spotlight
#story_comments
#story_page_back_link
#story_related_people
#story_related_shows
#subscribe
#tivo_info_page
#tivo_panel
#tivo_record
#tivo_promo
#todays_gallery
#top_contributors
#top_full_episodes
#top_ten_shows
#trivia_etc
#trivia_summary
#user_comments_new
#vid_carousel
#video_featured
#video_list
#video_page
#video_provider_logo
#video_table
#video_wall
#watchlist_module
.widget_navigation
#zimbio
-------------------------------------------------------------------------------
NAMING CONVENTIONS
-------------------------------------------------------------------------------
Top-level classes: UNDERSCORE_SEPARATED_ALL_UPPERCASE
IDs and all other classes: underscore_separated_lowercase.
-------------------------------------------------------------------------------
*/
/*************** GRIDS
*/
#container {
background-color: #FFFFFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 6px 0 #666666;
margin: 0 auto 20px!important;
min-height: 540px;
padding-bottom: 0;
position: relative;
width: 986px;
overflow:hidden;
}
.BENTO_BOX, #footerleader, #footer_content {
/* width and bg for the content-well */
width: 986px;
position:relative;
margin: 0 auto;
}
.BENTO_BOX {
padding: 20px 0;
background-color: transparent!important;
}
.BENTO_BOX.hd_gallery_watch {
padding-top: 0px;
}
/* default grid */
.COLUMN_A, .COLUMN_B, .COLUMN_A1, .COLUMN_A2 {
display: inline; /*for ie6 abs position bug*/
position: relative;
float: left;
}
.COLUMN_B {
width: 300px;
margin-left: 20px;
}
.COLUMN_A {
width: 620px;
margin-left: 23px;
}
.COLUMN_A.feature {
width: 640px;
padding-top: 16px;
}
.COLUMN_A1 {
width: 300px;
margin: 0;
z-index:10; /*stupid ie*/
}
.COLUMN_A2 {
width: 300px;
margin-left: 20px;
}
/* for the features tool */
.SINGLE_COLUMN .comments {
width: 955px;
margin: 0 auto;
}
/* Grid with skinny left column */
.GRID_MPU_2 .COLUMN_A1,
#mini .MODULE { /* <-- for old pages */
_z-index: 1001; /*ie stacking problems*/
width: 140px;
font-size: 11px;
line-height: 14px;
}
.GRID_MPU_2 .COLUMN_A2 {
width: 460px;
}
.COLUMN_A2 > h3 { font-weight:bold; }
/* add section head style to column a */
.COLUMN_A.section { margin:0; padding: 14px 0px 0px 23px; }
.COLUMN_A.section h2 {
border-bottom: 1px dotted #CCCCCC;
color: #2DA5E0;
font-size: 22px;
font-weight: normal;
letter-spacing: -1px;
line-height: 24px;
margin-bottom: 10px;
padding-bottom: 5px;
text-transform: uppercase;
font-family:'Open Sans','Lucida Grande',sans-serif;
}
body.PEOPLE .COLUMN_A.section { padding-top:0; }
.COLUMN_A.section h2 {
border-bottom: 1px dotted #CCCCCC;
color: #2DA5E0;
font-size: 22px;
font-weight: normal;
letter-spacing: -1px;
line-height: 24px;
margin-bottom: 10px;
padding-bottom: 5px;
text-transform: uppercase;
font-family:'Open Sans','Lucida Grande',sans-serif;
}
/* 3 Column Layout */
.three.equal.columns { overflow:hidden; padding:0 16px 24px 16px; }
.three.equal.columns .column { float:left; width:300px; }
.three.equal.columns .left { padding-right:27px; }
.three.equal.columns .center { padding-right:27px; }
.three.equal.columns .right { padding:0; }
.three.equal.columns h2 { margin-bottom:4px; padding-top:10px; border-top:1px solid #ccc; font-size:24px; line-height:26px; }
.three.equal.columns h2.first { padding-top:0; border-top:none; }
.three.equal.columns h2 a { color:#000; }
.three.equal.columns h3 { margin-bottom:22px; font-size:12px; line-height:14px; color:#666; }
.three.equal.columns h3.video_counter { font-weight:bold; color:#f60; }
/*-----------------------
VIDEO_HUB styles
-----------------------*/
.VIDEO_HUB .top_row { padding-top:4px; }
.VIDEO_HUB .more_link {
text-transform: uppercase;
color: #333;
font-size: 10px;
line-height: 12px;
font-weight: bold;
border-top: 1px dotted #CCC;
display: block;
margin-top: 14px;
padding-top: 8px;
}
/****** page background*/
#page_background {
position:absolute;
left:0;
top:0;
min-height:850px;
_height:850px;
width:100%;
background-position: center -40px;
background-repeat: no-repeat;
}
/****** page background*/
#page_background {
background-image: url(http://images.tvtome.com/tv/images/backgrounds/header_bg_us_light_07.png);
}
.au #page_background {
background-image: url(http://images.tvtome.com/tv/images/backgrounds/header_bg_au_light_07.png);
}
.uk #page_background {
background-image: url(http://images.tvtome.com/tv/images/backgrounds/header_bg_uk_light_07.png);
}
body {
background: #fff;
min-width:986px;
}
/****** lights out*/
.LIGHTS_OUT #page_background {
background-image: url(http://images.tvtome.com/tv/images/backgrounds/header_bg_us_dark_07.png);
}
.LIGHTS_OUT.au #page_background {
background-image: url(http://images.tvtome.com/tv/images/backgrounds/header_bg_au_dark_07.png);
}
.LIGHTS_OUT.uk #page_background {
background-image: url(http://images.tvtome.com/tv/images/backgrounds/header_bg_uk_dark_07.png);
}
body.LIGHTS_OUT {
background: #333 url(http://images.tvtome.com/tv/images/backgrounds/body_bg_dark_07.png) repeat-x 0px -40px;
}
.LIGHTS_OUT .MANTLE_SKIN {
background-color: #333;
}
/******* misc skin-related */
.MANTLE_SKIN {
position: relative;
width: 100%;
background: url('http://images.tvtome.com/tv/images/home/BgBlue2.jpg') repeat-x #46B4F2;
}
.HOME .MANTLE_SKIN {
padding-top: 0px;
}
.SHOWSPACE .MANTLE_SKIN {
padding-top: 0;
}
/************** BASE STYLES, HEADINGS, AND OTHER GENERAL STYLES
*/
/*base font is in reset.css*/
/*Links and colors*/
body {
color: #333;
}
h1,h2,h3,h4 {
color: #333;
}
a, a * {
color: #069;
text-decoration: none;
}
a:focus {
outline:0;
}
a:hover, a:hover * {
color: #000;
}
/* standard float clearer */
.CLEARFIX:after{
clear: both;
content: "\00a0";
display: block;
height: 0;
visibility: hidden;
font-size: 0;
}
* html .CLEARFIX{ /*ie6*/
height: 1%;
overflow: visible;
}
*+html .CLEARFIX{ /*ie7*/
min-height: 1%;
}
/*************GADGETS AND GLOBAL CLASSES
*/
.CLEAR {
clear:both;
font-size: 1px;
line-height: 1px;
}
img.tracking, img.absolute, #mskin a { /* mskin is for empty skin ads (UK) */
position:absolute;
top: 0px;
left: 0px;
width: 1px;
height: 1px;
}
.BOX {
width: 100%;
}
.BOX .corner, .BOX .side {
background-image: url(http://images.tvtome.com/tv/images/sprites/box_02.png);
position: absolute;
width: 50%;
height: 1000px;
}
.BOX .pole {
width: 100%;
height: 10px;
overflow: hidden;
position: relative;
}
.BOX .nw{
background-position: left top;
left: 0px;
top: 0px;
}
.BOX .ne{
background-position: right top;
right: 0px;
top: 0px;
}
.BOX .sw{
background-position: left bottom;
left: 0px;
bottom: 0px;
}
.BOX .se{
background-position: right bottom;
right: 0px;
bottom: 0px;
}
.BOX .midsection {
width: 100%;
position: relative;
overflow: hidden;
}
.BOX .side {
top: 0px;
}
.BOX .w {
left: 0px;
background-position: left -10px;
}
.BOX .e {
right: 0px;
background-position: right -10px;
}
.BOX .contents {
position: relative;
padding: 0px 7px 0px 6px;
}
.vspace10{
width: 1px;
height: 10px;
}
/**********BUTTON*************/
/*example markup:
OR
OR
click me
*/
.BUTTON {
display: block;
background-color: #9bcd38;
background: -moz-linear-gradient(center top, #9bcd38 0%, #6b9c07 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9bcd38), to(#6b9c07));
border-radius:5px; -webkit-border-radius:5px;
padding: 0px;
position: relative;
height: 27px;
text-align:center;
line-height: 24px;
color: #fff;
font-size: 11px;
font-weight: bold;
}
.BUTTON * {
color: #fff;
}
a.BUTTON {
padding: 0px 8px 0px 8px;
}
.BUTTON input,
.BUTTON button {
background:transparent none repeat scroll 0 0;
border: none;
cursor: pointer;
font-size: 11px;
padding: 4px 8px 0px 8px;
font-weight: bold;
text-shadow: none;
}
.BUTTON input{
*padding-right: 6px;
}
.BUTTON:hover, .BUTTON:hover *, a:hover .BUTTON {
background-color: #bcdd78;
background: -moz-linear-gradient(center top, #bcdd78 0%, #9ebe5d 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bcdd78), to(#9ebe5d));
text-decoration: none;
color: #fff;
}
.BUTTON.width100{ width:100px; }
.BUTTON.width60{ width:60px; }
/**********BIGGER BUTTON*************/
/*example markup:
OR
OR
click me
*/
.BUTTON.bigger {
padding: 0px;
height: 27px;
line-height: 26px;
font-size: 14px;
font-weight: bold;
}
a.BUTTON.bigger {
padding: 0px 12px 0px 12px;
}
.BUTTON.bigger input,
.BUTTON.bigger button {
font-size: 14px;
padding: 4px 12px 0px 12px;
font-weight: bold;
}
.BUTTON.bigger input{
*padding-right: 6px;
}
/**********GIANT BUTTON*************/
.BUTTON.giant {
padding: 0px 12px 0px 12px;
height: 56px;
line-height: 50px;
font-size: 16px;
font-weight: bold;
}
.BUTTON.giant input,
.BUTTON.giant button {
font-size: 14px;
padding: 4px 0px 0px 0px;
font-weight: bold;
}
.BUTTON.giant input{
*padding-right: 6px;
}
/* SPECIAL FEATURE LAYOUT TYPES */
.COLUMN_LEFT, .COLUMN_RIGHT {
width: 48%;
}
.COLUMN_LEFT {
margin-left: 15px;
float: left;
}
.COLUMN_RIGHT {
margin-right: 15px;
float: right;
}
.COLUMN_1, .COLUMN_2 {
width: 31%;
float: left;
margin-left: 10px;
}
.COLUMN_3 {
margin: 0 10px;
width: 31%;
float: right;
}
.BENTO_BOX.feature {
padding: 0;
}
.content.single {
margin: 0 10px;
}
.features .marquee_ad {
float: right;
}
.features .SINGLE_COLUMN .MODULE {
overflow: visible;
}
/* FILTER - left-column filters on shows and news pages */
.FILTER .toggle{
background: url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat 0px -1594px;
padding-left: 18px;
display:block;
color: #000;
}
.FILTER.off .toggle{
background-position: 0px -1618px;
}
.FILTER.off ul{
display: none;
}
.FILTER ul{
margin: 4px 0px -4px 0px;
clear:both;
}
.FILTER.toggles ul{
margin-left: 7px;
}
.FILTER li a {
line-height: 20px;
color: #069;
}
.FILTER.toggles li a{
padding-left: 12px;
}
.FILTER li a:hover {
color: #000;
}
.FILTER li a.selected {
color: #333;
font-weight: bold;
}
/* here's a generic loader style */
.LOADING { min-width:24px; min-height:24px; background:url(http://images.tvtome.com/tv/images/status/spinners/spinner_24_light.gif) no-repeat center center; text-indent:-999px; }
.feature_comments .actions{
margin-top:0 !important;
}
/* modal_box styles */
.MODAL_BOX { position:relative; z-index:99999; width:500px; max-height:80%; min-height:146px; overflow-y:auto; overflow-x:hidden; margin:68px auto; padding:24px 34px 30px; border:8px solid #000; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#fff url(http://images.tvtome.com/tv/images/backgrounds/bg-lt_blue_gradient.png) repeat-x scroll 0 0; }
.MODAL_BOX .close { position:absolute; top:12px; right:12px; height:22px; width:22px; display:block; overflow:hidden; background:transparent url(http://images.tvtome.com/tv/images/buttons/btn-close.png) no-repeat 0 0; text-indent:-999px; }
.MODAL_BOX div.loading { width:500px; height:200px; background:url(http://images.tvtome.com/tv/images/status/spinners/spinner_32_light.gif) no-repeat center center; }
.MODAL_BOX .button_container.loading { width:inherit; height:34px; background:url("http://images.tvtome.com/tv/images/status/loader-24x24.gif") no-repeat 162px 5px; }
.MODAL_BOX li.button_container.loading { background-position:288px 11px; }
.MODAL_BOX fieldset,.MODAL_BOX .panel { position:relative; }
.MODAL_BOX .panel.field { margin-bottom:24px; padding:0 0 24px 132px; border-bottom:1px dotted #CCCCCC; }
.MODAL_BOX .section_header { margin:0 0 10px 130px; font-size:16px; font-weight:bold; }
/* basic form/panel element styles */
.MODAL_BOX fieldset li { position:relative; padding:6px 12px; }
.MODAL_BOX legend { display:block; height:32px; *margin-left:-8px; }
.MODAL_BOX legend span, .MODAL_BOX h2 { display:block; margin-bottom:24px; font-size:24px; line-height:20px; color:#000; }
.MODAL_BOX legend.label { height:auto; }
.MODAL_BOX legend.label span,.MODAL_BOX .panel h3.label { position:absolute; top:2px; left:26px; width:90px; margin:0 0 16px 0; font-size:12px; line-height:12px; font-weight:bold; text-align:right; color:#333; }
.MODAL_BOX .radio_container legend.label span { left:15px; }
.MODAL_BOX .panel h3 { margin: 0 0 16px 54px; font-size:14px; color:#666; font-weight: bold;}
.MODAL_BOX label { width:106px; margin:6px 10px 0 0; display:block; clear:left; float:left; font-size:12px; font-weight:bold; text-align:right; }
.MODAL_BOX li input { width:292px; padding:4px 4px 3px; border:1px solid #ccc; background-color:#f7f7f7; font-size:14px; color:#333; }
.MODAL_BOX li input:focus { background-color:#fff; }
/* assorted paragraph styles */
.MODAL_BOX .panel p { margin-bottom:16px; padding:0 30px 0 54px; font-size:13px; line-height:18px; color:#666; }
.MODAL_BOX .panel.field p { padding:0 30px 0 0; }
.MODAL_BOX fieldset p { margin:0 50px 8px 130px; color:#666; font-size:13px; line-height:18px; }
.MODAL_BOX fieldset p a { font-weight:bold; }
/* assorted panel ul styles */
.MODAL_BOX .panel ul { margin:0 30px 0 54px; }
.MODAL_BOX .panel li { margin:12px; padding-left:4px; list-style-type:disc; color:#666; }
/* button styles */
.MODAL_BOX .button_container { width:200px; }
.MODAL_BOX ul.button_container { width:400px; list-style-type:none; }
.MODAL_BOX .panel ul.button_container { height:32px; *height:44px; margin-left:34px; }
.MODAL_BOX ul.button_container li { list-style-type:none; float:left; }
.MODAL_BOX ul.button_container li .facebook_login_button,.MODAL_BOX ul.button_container li #RES_ID_fb_login_image { margin-top:4px; }
.MODAL_BOX .panel ul.button_container .close_window, .MODAL_BOX .panel ul.button_container .primary.button { margin-left:0; }
.MODAL_BOX .button { width:160px; height:36px; overflow:hidden; margin:0 0 0 112px; padding:4px 0 8px; border:none; background:transparent url(http://images.tvtome.com/tv/images/buttons/btn-green_150x28.png) no-repeat 0 0; opacity:.95; *filter:alpha(opacity=95); color:#fff; font-weight:bold; cursor:pointer; font-size:14px; font-family:helvetica,arial,sans-serif; }
.MODAL_BOX .panel .button { margin-left:-4px; }
.MODAL_BOX .skip.button { font-weight:normal; }
.MODAL_BOX .panel .close_window,.MODAL_BOX .panel .primary.button { margin-left:50px; padding-bottom:6px; *position:static!important; }
.MODAL_BOX .panel a.button { float:left; padding:10px 0 0; text-align:center; }
.MODAL_BOX .secondary.button { width:120px; height:34px; margin-left:0; background:url(http://images.tvtome.com/tv/images/buttons/btn_secondary_sprite.png) no-repeat -3px -5px; color:#999; }
.MODAL_BOX .secondary.button:hover,.MODAL_BOX .secondary.button:active { background-position:-131px -5px; color:#666; }
.MODAL_BOX .button:hover { opacity:1; *filter:alpha(opacity=100); }
.MODAL_BOX .button.disabled { background:none #CCCCCC; height:26px; margin:4px 0 0; padding:5px 0 8px; width:150px; }
.MODAL_BOX form .button.disabled { margin-left:116px; }
/* stacked label/input */
.MODAL_BOX li.stacked { margin:0 0 0 116px; }
.MODAL_BOX li.stacked label { float:none; margin:6px 10px 2px 0; font-weight:normal; text-align:left; width:inherit; }
.MODAL_BOX li.stacked input { }
/* form selectbox styles */
.MODAL_BOX li.selectbox { }
.MODAL_BOX li.selectbox label { margin-top:4px; }
.MODAL_BOX li.selectbox select { padding:2px; }
.MODAL_BOX li.selectbox select optgroup { display:block!important; }
/* form checkbox styles */
.MODAL_BOX li.checkbox { padding:6px 0 6px 104px; }
.MODAL_BOX li.checkbox label { clear:left; float:none; width:280px; margin:0; text-align:left; line-height:16px; font-weight:normal; color:#666666; }
.MODAL_BOX li.checkbox input { clear:left; float:left; width:12px; height:12px; *width:14px; *height:14px; margin:0 10px 24px 0; }
/* form checkbox styles */
.MODAL_BOX li.radio { padding:2px 0 2px 126px; }
.MODAL_BOX li.radio label { clear:left; float:none; width:280px; margin:0; text-align:left; line-height:16px; font-weight:normal; color:#666666; font-size:13px; }
.MODAL_BOX li.radio input { clear:left; float:left; width:12px; height:16px; *width:14px; margin:0 8px 0 0; border: none; background-color: transparent }
/* form error styles */
.MODAL_BOX input.error { border:1px solid red; background-color:#faeaea; }
.MODAL_BOX label.error, #signup_form li.checkbox label.error, .MODAL_BOX p.error, #facebook_confirmation .error { float:none; width:300px; margin:3px 0 0 118px; text-align:left; line-height:15px; color:#bf0000; font-weight:normal; }
#facebook_confirmation h2 { margin-bottom:22px; padding-top:32px; }
#facebook_confirmation #fb_pic { float:left; width:50px; margin:0 14px 0 66px; }
#facebook_confirmation .error { margin:3px 0 16px 133px; }
#signup_form li.checkbox label.error { margin:3px 0 0 24px; }
.MODAL_BOX p.error { width:622px; margin:6px 0 0 0; font-weight:bold; }
/* form status styles */
.MODAL_BOX li.loading { background:url(http://images.tvtome.com/tv/images/status/loader-24x24.gif) no-repeat 438px 6px; }
.MODAL_BOX li.valid { background:url(http://images.tvtome.com/tv/images/status/check-green.png) no-repeat 438px 10px; }
.MODAL_BOX li.invalid { background:url(http://images.tvtome.com/tv/images/status/x-red.png) no-repeat 438px 10px; }
/* confirmation styles */
.MODAL_BOX.success .confirmation { min-height:32px; zoom:1; margin:0 0 16px 74px; padding:10px 0 0 44px; background:url(http://images.tvtome.com/tv/images/icons/icn_check.png) no-repeat 0 0; font-weight:bold; color:#404040; }
/* form/panel helper links */
.MODAL_BOX .helper_links { overflow:hidden; margin:0 0 0 130px; }
.MODAL_BOX .helper_links li { float:left; padding:0; color:#ccc; }
.MODAL_BOX .helper_links li.signup_link { margin-right:10px; border-right:1px solid #666; }
.MODAL_BOX .helper_links li a { padding-right:10px; font-size:14px; }
/* suggestive search box as seen in modals */
.MODAL_BOX li.autocomplete { *z-index:1000; }
.MODAL_BOX ul#search_suggestions { top:29px; left:123px; /* width:312px; */ }
.MODAL_BOX #facebook_confirmation #linkAccountForm legend { display:none; }
.mini_modal { position:relative; z-index:101; width:220px; max-height:80%; min-height:96px; overflow-y:auto; overflow-x:hidden; margin:24px auto; padding:20px 24px 16px; border:8px solid #000; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#fff url(http://images.tvtome.com/tv/images/backgrounds/bg-lt_blue_gradient.png) repeat-x scroll 0 0; }
.mini_modal h3 { margin-bottom:4px; text-align:center; font-size:22px; line-height:24px; }
.mini_modal p { margin-bottom:14px; font-size:12px; line-height:14px; }
.mini_modal .button { display:block; width:160px; height:26px; overflow:hidden; margin:0 auto; padding:9px 0 0; border:none; background:transparent url(http://images.tvtome.com/tv/images/buttons/btn-green_150x28.png) no-repeat 0 0; opacity:.95; *filter:alpha(opacity=95); text-align:center; color:#fff; font-weight:bold; cursor:pointer; font-size:14px; font-family:helvetica,arial,sans-serif; }
.mini_modal .button:hover { opacity:1; *filter:alpha(opacity=100); }
/* Blacks out the rest of the page */
#blackout,.blackout { width:100%; height:100%; position:fixed; top:0; left:0; background:transparent url(http://images.tvtome.com/tv/images/watchlist/blackout.png) repeat; z-index:99998; }
iframe#blackout { overflow:hidden; }
.mini_blackout { width:100%; height:100%; position:absolute; top:0; left:0; background:transparent url(http://images.tvtome.com/tv/images/watchlist/blackout.png) repeat; z-index:100; }
/* Whites out the rest of the page */
#whiteout,.whiteout { width:100%; height:100%; position:absolute; top:0; left:0; background:transparent url(http://images.tvtome.com/tv/images/watchlist/whiteout.png) repeat; z-index:99998; }
/* translucent scrim that covers the page for a panel etc. */
.SCREEN {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 200%;
_height: 10000px; /*ie6*/
background-color: #000;
filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
z-index: 25000;
}
/* search box in header and footer */
.SEARCH_FORM {
background:url(http://images.tvtome.com/tv/images/header-new/vs/search_share_drop_sprite_06.png) no-repeat 0 0;
width:302px;
height:27px;
display:block;
position:relative
}
.SEARCH_FORM:hover {
background-position:0 -54px;
}
.SEARCH_FORM .search_text{
border: none 0px transparent;
background-color: transparent;
width: 195px;
padding: 3px 0 0 7px;
float: left;
position: relative;
top: 1px;
left: 1px;
_left: 5px; /*ie6*/
color:#000;
font-size:14px;
height:18px;
_display:inline;
*padding: 2px 0 0 7px;
}
.SEARCH_FORM .search_text:focus { outline:0; }
.SEARCH_FORM .search_text.search_gray{
color:#808080;
}
#tv_header .SEARCH_FORM .submit {
width:25px;
height:25px;
position:absolute;
background:url(http://images.tvtome.com/tv/images/sprites/header_icons_005.png) no-repeat 0 -51px;
right: 2px;
top: 2px;
}
#tv_header .SEARCH_FORM:hover .submit {
background-position:-25px -51px;
}
#tv_header .SEARCH_FORM.on .submit {
background-position:-50px -51px;
}
.SEARCH_FORM .submit{
width: 34px;
height: 27px;
text-indent: -5000px;
position: absolute;
right: 0px;
top: 0px;
background:url(http://images.tvtome.com/tv/images/header-new/vs/search_share_drop_sprite_06.png) no-repeat -268px -162px;
display: block;
}
.SEARCH_FORM .submit:hover{
background-position: -268px -216px;
}
.SEARCH_FORM .submit:hover{
cursor:pointer;
}
/* to be applied to a ul */
.TAB_LINKS {
overflow:hidden;
*overflow:visible; /*ie*/
}
.TAB_LINKS li{
float: left;
margin-left: .6em;
border-left: 1px solid #ccc;
padding-left: .6em;
color: #999;
}
.TAB_LINKS li:first-child,
.TAB_LINKS li.first,
.TAB_LINKS li.number0 {
margin-left: 0px;
padding-left: 0px;
border-left: none;
}
.TAB_LINKS a.selected {
color: #000;
font-weight: bold;
}
/* video thumb on episodes page and videos hub */
.THUMBNAIL { position:relative; float:left; width:140px; height:80px; display:block; overflow:hidden; cursor:pointer;
margin-right: 12px;
}
.THUMBNAIL img {background:#999; width:140px; height:80px; }
.THUMBNAIL .video_type { position:absolute; bottom:0; left:0; z-index:5; width:134px; height:12px; padding:4px 0 4px 6px; overflow:hidden; text-indent:-999px; font-size:10px; line-height:12px; font-weight:bold; text-transform:capitalize; color:#fff; }
.THUMBNAIL .sponsor { position:absolute; top:3px; right:22px; width:48px; background:none; }
.THUMBNAIL .play_icon { position:absolute; bottom:0; right:0; z-index:10; width:20px; height:20px; overflow:hidden; background:url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat 0 -812px; text-indent:-999px;}
.THUMBNAIL.offsite .play_icon {background-position:0px -1080px;}
/*thumbnail hover*/
.THUMBNAIL:hover,
.THUMBNAIL.always_on { text-decoration:none; }
.THUMBNAIL:hover .video_type,
.THUMBNAIL.always_on .video_type { background:url(http://images.tvtome.com/tv/images/backgrounds/blackout.png) repeat; _background:#000; _filter:alpha(opacity=80); text-decoration:none; text-indent:0; }
.THUMBNAIL:hover .sponsor,
.THUMBNAIL.always_on .sponsor { display:block; }
.THUMBNAIL:hover .play_icon { background-position: 0px -932px}
.THUMBNAIL.offsite:hover .play_icon{background-position:0px -1200px;}
/*the 2-part video button on showpage topslot*/
.TOPSLOT_OVERLAY_BUTTON{
position: absolute;
height:30px;
overflow:hidden;
}
.TOPSLOT_OVERLAY_BUTTON .background{
position:absolute;
left: 0px;
top: 0px;
width: 100%;
height: 26px;
background: url(http://images.tvtome.com/tv/images/sprites/big_sprite_014.png) no-repeat 0px -598px;
filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
}
.TOPSLOT_OVERLAY_BUTTON .text{
position: relative;
display:block;
padding: 5px 100px 0px 15px;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #fff;
}
.TOPSLOT_OVERLAY_BUTTON .button{
position: absolute;
right: 0px;
top: 0px;
width: 92px;
height: 30px;
text-indent: -5000px;
background: url(http://images.tvtome.com/tv/images/sprites/big_sprite_014.png) no-repeat -202px -565px;
}
a:hover .TOPSLOT_OVERLAY_BUTTON,
a:hover .TOPSLOT_OVERLAY_BUTTON .text,
a:hover .TOPSLOT_OVERLAY_BUTTON .background,
a:hover .TOPSLOT_OVERLAY_BUTTON .button,
.TOPSLOT_OVERLAY_BUTTON:hover,
.TOPSLOT_OVERLAY_BUTTON:hover .text,
.TOPSLOT_OVERLAY_BUTTON:hover .background,
.TOPSLOT_OVERLAY_BUTTON:hover .button{
text-decoration: none;
cursor:pointer;
}
a:hover .TOPSLOT_OVERLAY_BUTTON .background,
.TOPSLOT_OVERLAY_BUTTON:hover .background{
filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
a:hover .TOPSLOT_OVERLAY_BUTTON .button,
.TOPSLOT_OVERLAY_BUTTON:hover .button{
background-position: -102px -565px;
}
/*------------
Tooltips
------------*/
.TOOLTIP { position:absolute; z-index:5001; display:none; width:400px; min-height:80px; }
a:hover .TOOLTIP { display:block; text-decoration:none!important; }
.TOOLTIP .container { position:relative; height:100%; width:100%; }
.TOOLTIP span.nw, .TOOLTIP span.ne, .TOOLTIP span.sw, .TOOLTIP span.se { position:absolute; height:50%; width:50%; display:block; overflow:hidden; background:url(http://images.tvtome.com/tv/images/tooltips/tooltips-box.png) no-repeat; _background-image:none; }
.TOOLTIP.horizontal span.tail { background-image:url(http://images.tvtome.com/tv/images/tooltips/tooltips-horizontal_tails.png); _background-image:none; }
.TOOLTIP.vertical span.tail { background-image:url(http://images.tvtome.com/tv/images/tooltips/tooltips-vertical_tails.png); _background-image:none; }
.TOOLTIP span.nw { top:0; left:0; background-position:0 0; }
.TOOLTIP span.ne { top:0; right:0; background-position:100% 0; }
.TOOLTIP span.sw { bottom:0; left:0; background-position:0 100%; }
.TOOLTIP span.se { bottom:0; right:0; background-position:100% 100%; }
.TOOLTIP .tooltip_content { position:relative; z-index:10; width:336px; padding:30px 32px; overflow:hidden; _padding:12px; _border:1px solid #ccc; _background-color:#fff; font-weight:normal; color:#333; }
.TOOLTIP .tooltip_content p { font-size:11px; line-height:16px; color:#333; }
.TOOLTIP .tooltip_content.two_column .first,.TOOLTIP .tooltip_content.two_column .second { float:left; }
.TOOLTIP .tooltip_content.two_column .first { width:140px; margin-right:12px; }
.TOOLTIP .tooltip_content.two_column .second { width:184px; }
.TOOLTIP .tooltip_content .image_container { width:140px; height:80px; margin:3px 0 8px; overflow:hidden; }
.TOOLTIP .tooltip_content img { width:140px; }
/* MODULE */
.MODULE {
display: block;
position: relative;
clear: both;
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
/*MODULE_FIRST was to support ie6 which doesn't support multiple classes*/
.MODULE_FIRST,
.MODULE.first {
padding-top: 0px;
border-top: none;
}
.MODULE .MODULE_HEAD {
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 4px;
padding-bottom: 3px;
overflow:hidden;
}
.MODULE .MODULE_HEAD h2,
.MODULE .MODULE_HEAD h3 {
color: #2DA5E0!important;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
line-height: 22px;
text-transform: uppercase;
float: left;
max-width: 246px;
}
.MODULE .MODULE_HEAD .SEE_MORE {
float:left;
font-size: 10px;
line-height: 12px;
margin:8px 0 0 8px;
text-transform:uppercase;
color:#999;
font-weight:bold;
}
.MODULE .MODULE_HEAD .SEE_MORE .pointer_medium { color:#999; }
.MODULE .MODULE_HEAD .SEE_MORE.no_pointer .pointer_medium {
display:none;
}
.MODULE .MODULE_HEAD .SEE_MORE.another {
/*if you have more than one SEE_MORE*/
border-right: solid 1px #999;
padding-right: 8px;
background: none;
}
.MODULE .MODULE_HEAD .SEE_MORE.right_margin {
margin-right: 5px;
}
.MODULE .MODULE_HEAD .SEE_MORE.reorder_link {
margin-left: 7px;
border-left: solid 1px #ddd;
}
.MODULE .CONTINUED {
/*this is the little "more" link at the bottom of some modules*/
font-size: 11px;
line-height: 44px;
clear:both;
}
.MODULE .NO_RESULTS {
/*when a module comes up empty*/
margin-top: 12px;
clear:both;
}
.MODULE .NO_RESULTS a {
font-weight: bold;
}
/* modules that go somewhere else (blue header treatment) */
.MODULE.off_topic{
border: none;
}
.MODULE.off_topic .MODULE_HEAD {
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 10px;
padding-bottom: 3px;
overflow:hidden;
}
.MODULE.off_topic .MODULE_HEAD h2, .MODULE.off_topic .MODULE_HEAD h3 {
color: #2DA5E0!important;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
line-height: 22px;
text-transform: uppercase;
font-family: 'Open Sans','Lucida Grande',sans-serif;
}
/* special styles for skinny LHC modules, e.g. on showspace */
/* "mini" is for backward compatibility with older grids */
.GRID_MPU_2 .COLUMN_A1 .MODULE h3,
.MINI .MODULE h3{
font-size: 12px;
line-height: 14px;
font-weight: bold;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 12px;
padding-bottom: 2px;
text-transform: uppercase;
}
.GRID_MPU_2 .COLUMN_A1 .MODULE h4,
.MINI .MODULE h4{
font-size: 12px;
line-height: 14px;
font-weight: bold;
padding-top: 12px;
padding-bottom: 2px;
}
.GRID_MPU_2 .COLUMN_A1 .MODULE,
.MINI .MODULE {
margin-bottom: 24px;
background: none;
}
.GRID_MPU_2 .COLUMN_A1 .MODULE_FIRST,
.MINI .MODULE_FIRST {
margin-top: 0px;
}
/* global_login_box */
#global_login_box {
display: none;
}
#global_login_box h2 {
font-size: 16px;
line-height: 18px;
font-weight: bold;
}
#global_login_box p {
padding-top: 6px;
}
#global_login_box .panel {
position: absolute;
top: 200px;
left: 40%;
width: 300px;
background-color: #fff;
border: solid 5px #666;
padding: 18px 18px 0px 18px;
z-index: 26000;
font-size: 14px;
}
#global_login_box .panel label {
display: block;
font-weight: bold;
padding-top: 8px;
padding-bottom: 3px;
}
#global_login_box .panel .email,
#global_login_box .panel .password {
padding: 4px;
}
#global_login_box .panel .email{
width: 240px;
}
#global_login_box .panel .password{
width: 120px;
}
#global_login_box .panel .submit,
#global_login_box .panel .cancel {
padding: 4px;
}
#global_login_box .panel a{
line-height: 50px;
}
#global_login_box .panel .lost_password {
padding-left: 24px;
}
/*See scripts/tv.js for an example of how to use this*/
.MORE_LESS span { display:none; }/*for the truncated text*/
.MORE_LESS span.truncater { display:inline; }/*for the more link & ellipses*/
.MORE_LESS .show_more,.MORE_LESS .show_less { font-weight: bold; }
/* popup panel used for tivo and faves */
/* floating panel used for tivo */
.NIFTY_PANEL {
position: fixed;
_position: absolute; /*ie6*/
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 25000;
}
.NIFTY_PANEL .screen {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
_height: 10000px; /*ie6*/
background-color: #000;
filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
z-index: 25000;
}
.NIFTY_PANEL .panel {
position:relative;
z-index:25001;
width:534px;
margin:0 auto;
padding:8px;
background:#000;
top: 100px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
.NIFTY_PANEL .content_area{
position:relative;
padding:20px 34px 72px 34px;
background:#fff url(http://images.tvtome.com/tv/images/backgrounds/bg-lt_blue_gradient.png) repeat-x scroll 0 0;
}
.NIFTY_PANEL .close {
position:absolute;
top:12px;
right:12px;
height:22px;
width:22px;
display:block;
overflow:hidden;
background:transparent url(http://images.tvtome.com/tv/images/buttons/btn-close.png) no-repeat 0 0; text-indent:-999px;
}
.NIFTY_PANEL h2{
color:#000000;
font-size:24px;
}
.NIFTY_PANEL h3 {
padding-top: 28px;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}
.NIFTY_PANEL .BUTTON{
float: left;
margin-top: 14px;
}
.NIFTY_PANEL p{
padding-top: 12px;
}
.NIFTY_PANEL .cancel {
margin-top: 14px;
float: left;
font-size: 14px;
line-height: 26px;
font-weight: bold;
padding-left: 36px;
}
/* old pagination widget */
.paginated_nav {
color:#00;
font-size: 12px;
line-height:16px;
margin:0pt;
}
.paginated_nav .pagination {
float:left;
width: 250px; /*because safari is loathsome*/
}
.paginated_nav .pagination span {
float:left;
font-weight: bold;
}
.paginated_nav ul li {
float:left;
padding:0pt 0pt 0pt 7px;
font-weight:bold;
}
.paginated_nav ul li a {
font-weight:normal;
}
.paginated_nav .jump_links {
float:right;
}
.paginated_nav .jump_links li {
font-weight:normal;
}
.PAGINATOR{
position:relative;
clear:both;
border-top: 1px solid #bfbfbf;
color: #404040;
font-size: 11px;
line-height: 12px;
padding-top: 12px;
height: 26px;
}
.PAGINATOR.no_border {
border-top: none;
}
.PAGINATOR label{
font-weight: bold;
float:left;
padding-right: 8px;
}
.PAGINATOR .prev_next{
float: right;
}
.PAGINATOR a.selected {
font-weight: bold;
color: #333;
}
.PANEL_CLOSE_BUTTON {
background:transparent url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) repeat-x scroll 0 -200px;
height:16px;
position:absolute;
overflow:hidden;
right:0;
text-indent:-5000px;
top:0;
width:16px;
}
/* add a little pointy on the right of a link*/
.POINTER {
padding-right: 8px;
background: #069 url(http://images.tvtome.com/tv/images/sprites/big_sprite_014.png) no-repeat right -757px;
}
.POINTER_LEFT {
padding-left: 8px;
background: #069 url(http://images.tvtome.com/tv/images/sprites/big_sprite_014.png) no-repeat 0px -777px;
}
.POINTER:hover,
.POINTER_LEFT:hover {
background-color: #333;
}
/*******************HEADER AND FOOTER
.leaderboard - ad at top of page
*/
.leaderboard {
width:970px !important;
margin:0 auto;
text-align:center;
}
.leaderboard .adHolder, #headerleader {
margin:0 auto 16px;
padding-top: 16px;
text-align:center;
}
/* ad above footer */
#footerleader {
text-align:center;
padding: 20px 0px 30px 0px;
clear:both;
}
#footerleader_wrap {
margin: 0 auto;
width: 742px;
position: relative;
}
/* Footer */
#footer {
display: block;
position: relative;
clear: both;
overflow: hidden;
border: none;
background: url('http://images.tvtome.com/tv/images/home/BgFooter.jpg') repeat-x;
}
#footer_content {
padding: 22px 30px;
width: 927px;
background-color: transparent;
}
#footer,
#footer a {
color: #fff;
font-size: 11px;
}
#footer a {
font-weight: bold;
}
#footer a:hover {
text-decoration: underline;
}
#footer #cbsi_f {
position: relative;
}
#footer #cbsi_f p, #footer .browse {
margin-bottom: 8px;
}
#footer #cbsi_f_pop a{
padding: 0 4px;
}
#footer #cbsi_f form{
position:absolute;
right: 0px;
bottom: 0px;
}
#footer #cbsi_f form label{
display: block;
line-height: 18px;
}
#footer #cbsi_f form input{
border: 0;
background: #222;
padding: 3px 7px;
color: #EEE;
font-weight: bold;
font-size: 12px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin-left: 5px;
position: relative;
top: 0px;
cursor:pointer;
}
#footer #cbsi_f form input:hover {
background: #111;
}
/******** header ***********/
#header_area {
width: 100%;
position: relative;
*z-index: 5000; /*ie7 stacking issues*/
}
#header_bar {
color: white;
background: url('http://images.tvtome.com/tv/images/home/BgTopBar.jpg') repeat-x;
height: 30px;
width: 100%;
}
#header_bar .fb_login {
background: url(http://images.tvtome.com/tv/images/sprites/header_icons_005.png) no-repeat 0 -125px;
width: 80px;
height: 20px;
text-indent: -9999px;
}
#header_bar .fb_login:hover {
background-position: 0 -150px;
}
#header_bar .fb_login:active {
background-position: 0 -175px;
}
/*begin login and user info */
#header_bar #sign_in_status{
position: relative;
/*right: 10px;
top: 3px;*/
width:986px;
margin:0 auto;
}
/*logged out*/
#header_bar .sign_in {
right: 0;
position: absolute;
}
#header_bar .sign_in a{
display: block;
float: left;
font-size: 11px;
font-weight: bold;
color:#bfdfff;
line-height: 9px;
}
#header_bar .sign_in a:hover {
color:#fff;
}
#header_bar .sign_in li {
float:left;
height:11px;
margin:9px 0 18px 10px;
padding-left:10px;
border-left:1px dotted #528dc6;
}
#header_bar .sign_in li.first {
margin-top:2px;
padding-left:0;
border:none;
}
#header_bar .user_info {
z-index:35;
margin:7px 0 0 0;
font-size: 9px;
float:right;
}
/*logged in*/
#header_bar .user_icon {
background:url(http://images.tvtome.com/tv/images/sprites/header_icons_005.png) no-repeat -2px -4px;
display:block;
float:left;
text-indent:-9999px;
width:25px;
height:25px;
}
#header_bar > a:hover .user_icon {
background-position:-27px -4px;
}
#header_bar .user_info > a {
text-decoration:none;
display: block;
float:left;
font-weight: bold;
font-size: 11px;
line-height: 9px;
}
#header_bar .user_info > a:hover {
color:#fff;
}
#header_bar .user_info .user_name {
color:#bfdfff;
display:block;
float:left;
margin:5px 5px 0 2px;
border-right: dotted 1px #528dc6;
padding:0 10px 0 0;
}
#header_bar .user_info a:hover .user_name {
color:#fff;
}
#header_bar .user_info > a img {
width: 18px;
height: 18px;
float: left;
padding-right: 6px;
}
#header_bar .user_info a.messages,
#header_bar .user_info a.mods,
#header_bar .user_info .menu_icon,
#header_bar a .count {
display: block;
float: left;
margin-left: 5px;
line-height: 16px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
min-width:18px;
min-height:16px;
text-decoration:none;
overflow:hidden;
font-size:11px;
}
#header_bar a .count {
margin-left:0;
}
#header_bar .count b {
color:#fff;
display:block;
padding:0 4px 0;
text-align:center;
height: 10px;
margin: 1px 0 0 0;
}
#header_bar .user_info a.messages,
#header_bar a.messages .count {
background-color:#00ccff;
}
#header_bar .user_info a.mods,
#header_bar a.mods .count{
background-color:#ff9900;
}
#header_bar .user_info .menu_icon {
text-indent:-9999px;
overflow:hidden;
background: url(http://images.tvtome.com/tv/images/sprites/header_icons_005.png) no-repeat -4px -29px;
}
#header_bar .user_info .menu_icon:hover {
background-position:-29px -29px;
}
#header_bar .user_info .menu_icon.down {
background-position:-54px -29px;
}
#header_bar .tv_social {
position: absolute;
top: 4px;
}
#header_bar .tv_social li {
display: inline;
}
#header_bar .tv_social .last {
position: relative;
right: 200px;
top: -15px;
}
#tv_module {
display:none;
padding:0;
position: absolute;
float:left;
top: 27px;
right: -1px;
box-shadow:0px 4px 8px rgba(136, 136, 136, 0.5);
-webkit-box-shadow:0px 4px 8px rgba(136, 136, 136, 0.5);
-moz-box-shadow:0px 4px 8px rgba(136, 136, 136, 0.5);
background-color:#fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
z-index: 1000001;
*width:185px;
}
#tv_module.has_favorites { *width:367px; *padding-bottom:10px;}
#tv_module ul { margin:10px; width:165px; float:right; }
#tv_module li { list-style:none; border:dotted #ccc; border-width:0 0 1px; }
#tv_module li.first { border-top:none; }
#tv_module li.last { border-bottom:none; }
#tv_module a {
display:block;
font-weight:normal;
font-size:12px;
padding:7px 0 7px 8px;
color:#9a9a9a;
}
#tv_module a:hover {
background:#e5f0ff;
color:#5587d1;
font-weight:bold;
text-decoration:none;
}
#tv_module a .count {
float:right;
margin:-1px 6px 0 0;
*margin:7px 6px 0 0;
background-color:#ccc;
color:#fff;
}
#tv_module a.logout {
border-bottom:none;
}
#tv_module .favorites {
width:165px;
float:left;
border:1px solid #dedede;
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background-color: #F2F2F2;
margin: 10px 5px 10px 10px;
padding-top:1px;
overflow: hidden;
min-height:146px;
}
#tv_module .favorites a {
padding-left:0;
font-size:11px;
}
#tv_module a.my_shows_link {
border-bottom: 1px dotted #c2c2c2;
background: url(http://images.tvtome.com/tv/images/sprites/header_icons_005.png) no-repeat 0 -99px;
margin:0 12px;
font-weight:bold;
padding-left:27px;
color:#666;
}
#tv_module ul.fave_shows {
float: none;
margin: 1px 0 0 12px;
padding:0 12px 0 0;
min-height:140px;
max-height:300px;
width:auto;
overflow-y:auto;
overflow-x:hidden;
}
#tv_module .fave_shows li {
border:none;
width:142px;
}
#tv_module .fave_shows li:first-child {
border-top: 1px dotted #c2c2c2;
}
#tv_module .fave_shows a {
padding-bottom:4px;
color:#8b8b8b;
}
#tv_module .fave_shows a:hover {
background-color:transparent;
}
/*end login and user info*/
#tv_header {
margin: 0 auto;
width:986px;
height:72px;
font-size: 13px;
overflow:visible;
position: relative;
clear: both;
z-index: 1000000;
height: 52px;
background: url('http://images.tvtome.com/tv/images/home/BgBlue2.jpg') repeat-x #46B4F2;
}
#tv_header .tv_logo {
display:block;
overflow:hidden;
background: url(http://images.tvtome.com/tv/images/home/TVcomLogo.png) no-repeat;
position: absolute;
top: 6px;
left: 19px;
width: 246px;
height: 55px;
text-indent: -5000px;
z-index: 10;
_position:relative;
_top:20px;
}
#tv_header .tv_logo.au {
background-image:url(http://images.tvtome.com/tv/images/home/LogoAU1.png);
}
#tv_header .tv_logo.uk {
background-image:url(http://images.tvtome.com/tv/images/home/LogoUK.png);
}
#tv_header .site_nav {
display:block;
position:absolute;
left:256px;
top:6px;
z-index:5001;
}
#tv_header .site_nav li{
float: left;
padding-right: 5px;
padding-top:3px;
position:relative;
}
#tv_header .site_nav li a {
font-size: 14px;
font-family: 'Open Sans', 'Lucida Grande', sans-serif;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
display:block;
line-height:15px;
padding:8px 13px 10px;
text-decoration: none;
text-transform: uppercase;
}
#tv_header .site_nav li a.on {
background-color:#145ea5;
background-color:rgba(1,75,146,0.5);
}
#tv_header .site_nav li a.on,
#tv_header .site_nav li a:hover {
color:#fff;
}
#tv_header .site_nav .more_link {
padding-right: 17px;
margin-left: -10px;
padding-left: 15px;
background: url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat right -1721px;
position: relative;
}
#tv_header .site_nav .more:hover .more_link{
background-position: right -1741px;
color: #000;
z-index: 50002;
}
#tv_header #headerleader {
position:absolute;
top: 38px;
right: 20px;
padding-right: 7px;
height: 90px;
z-index:500000;
}
#tv_header .special_features {
position: absolute;
right: 20px;
bottom: 50px;
}
#tv_header .special_features label {
display:none;
}
#tv_header .special_features li {
float:left;
padding-left: 8px;
margin-left: 8px;
font-size: 11px;
line-height: 13px;
}
#tv_header .special_features li a {
color: #808080;
background:url(http://images.tvtome.com/tv/images/header-new/special-feature-arrows.png) no-repeat 0 1px;
padding-left:10px;
*background:url(http://images.tvtome.com/tv/images/header-new/special-feature-arrows.png) no-repeat 0 3px;
}
.LIGHTS_OUT #tv_header .special_features li a {
background-position:0 -22px;
*background-position:0 -20px;
}
#tv_header .special_features li.first{
border-left: none;
padding-left: 0;
margin-left: 0;
}
#tv_header .SEARCH_FORM {
position: absolute;
top:11px;
right:10px;
width:302px;
background:none;
text-align:right;
}
#tv_header .search_text{
border: none;
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: white;
width: 200px;
padding: 4px 5px 4px 13px;
font-size: 12px;
float:none;
font-family:'Open Sans','Lucida Grande',sans-serif;
}
#tv_header .beta {
position: absolute;
top: 0;
left: 0;
font-size: 11px;
}
#tv_header .beta a{
padding-left: 3px;
}
#tv_header .beta .view_old{
padding-left: 4px;
border-left: solid 1px #666;
margin-left: 4px;
}
#tv_header .beta .selected{
color: #000;
font-weight: bold;
}
/*****************************************************/
/* MODULES */
/*****************************************************/
/* ABOUT page styles */
#about_tv_com .COLUMN_A { padding-top:4px; padding-bottom: 44px; }
#about_tv_com .COLUMN_A h2 { margin-bottom:16px; }
#about_tv_com .COLUMN_A p { margin-bottom:16px; font-size:14px; line-height:18px; color:#666; }
#about_tv_com .COLUMN_A p a { font-weight:bold; }
#about_tv_com #third_tier_nav { margin-top:4px; }
#about_tv_com #third_tier_nav h3 { border-bottom:1px dotted #CCCCCC; color:#2DA5E0; font-size:22px; font-weight:normal; letter-spacing:-1px; line-height:24px; margin-bottom:18px; padding-bottom:5px; text-transform:uppercase; font-family:'Open Sans','Lucida Grande',sans-serif; }
#about_tv_com #third_tier_nav li { margin-bottom:10px; margin-left:4px; }
#about_tv_com #third_tier_nav li a { font-size:12px; font-weight:bold; color:#333; }
/* abuse_panel -report abuse popup*/
#abuse_panel li {
clear:both;
position:relative;
margin-top: 10px;
}
#abuse_panel label{
float:left;
font-size:12px;
font-weight:bold;
margin-top:6px;
text-align:right;
width:106px;
}
#abuse_panel p.first {
padding-top: 12px;
}
#abuse_panel p {
font-size: 12px;
color: #666;
padding-top: 4px;
}
#abuse_panel .inputs{
position: relative;
overflow: hidden;
_float: left;
padding-top: 6px;
padding-left: 10px;
font-size: 12px;
color: #666;
}
#abuse_panel .radio div {
margin-top: 4px;
}
#abuse_panel .radio div.first {
margin-top: 0;
}
#abuse_panel .radio label {
position: relative;
top: -2px;
}
#abuse_panel input.text {
width: 90%;
}
#abuse_panel .buttons {
margin-left: 118px;
}
#abuse_panel .BUTTON {
margin-left: 12px;
}
/*AOL News Widget*/
#aol-news-module h3 a {
background:url(http://images.tvtome.com/tv/images/logos/aol-tv-logo-july-2011.png) no-repeat 0 0;
display:block;
height:20px;
width:178px;
text-indent:-999em;
margin-top: 6px;
border-bottom: 1px dotted #ccc;
padding-bottom: 6px;
}
#aol-news-module ul {
margin-top:12px;
}
#aol-news-module ul li a{
padding:0px 20px 8px 0px;
display:block;
}
#aol-news-module p {
margin-top:10px;
font-size:11px;
color:#666;
}
/* around_the_web */
#around_the_web .story {
clear: both;
padding-top: 12px;
padding-right: 12px;
}
#around_the_web .headline {
display:block;
font-size: 12px;
line-height: 14px;
}
#around_the_web .story.first{
*padding-top: 0;
}
#around_the_web .provider {
font-weight: bold;
color: #404040;
font-size: 11px;
line-height: 20px;
}
#around_the_web .provider:hover {
color: #999;
}
#around_the_web .date {
color: #808080;
padding-left: 4px;
font-size: 11px;
}
/* special for lefthand column */
.MINI #around_the_web .headline {
font-size: 11px;
}
.MINI #around_the_web .provider {
font-weight: normal;
}
/* for the cast.tpl module used by show and episode */
#cast_crew_list {
clear:both;
overflow: hidden;
position: relative;
width: 100%;
font-size: 12px;
line-height: 15px;
margin-bottom: 46px;
border-top:none;
}
.SHOWSPACE #cast_crew_list {
padding-top: 0px;
}
#cast_crew_list .filter_nav {
font-size: 14px;
line-height: 16px;
height: 32px;
}
#cast_crew_list .list{
margin-bottom: 20px;
}
#cast_crew_list .MODULE_HEAD{
border-top: 1px solid #cacaca;
margin-top: 8px;
padding-top: 6px;
clear:both;
}
#cast_crew_list .first .MODULE_HEAD {
border: none;
margin-top: 0px;
padding-top: 0px;
}
#cast_crew_list .person {
background: url(http://images.tvtome.com/tv/images/tv_wide/layout/dot_gray.gif) repeat-x left top;
position: relative;
clear: both;
padding-top: 6px;
margin-top: 6px;
width: 100%;
}
#cast_crew_list .person.first {
background: none;
}
#cast_crew_list .thumb {
float:left;
width: 80px;
text-align: center;
padding-bottom: 16px;
margin-top: 3px;
}
#cast_crew_list .info {
position: relative;
overflow: hidden;
_float: left; /*ie6*/
top: -2px;
padding-left: 10px;
}
#cast_crew_list .full_name{
font-weight: bold;
font-size: 14px;
line-height: 16px;
padding-top: 3px;
}
#cast_crew_list .full_name a{
color: #963;
}
#cast_crew_list .role {
width: 65%;
font-size: 11px;
line-height: 13px;
font-weight: bold;
padding-top: 2px;
color: #333;
}
#cast_crew_list .bio {
font-size: 11px;
line-height: 15px;
color: #666;
padding-top: 4px;
margin: 0;
padding-right: 120px;
}
#cast_crew_list .various_links{
float: left;
font-size: 11px;
padding-top: 6px;
height: 24px;
}
#cast_crew_list .PUMPKIN_SMALL {
float: left;
padding-right: 7px;
}
#cast_crew_list .global_score {
float:left;
position: relative;
top: -3px;
}
#cast_crew_list .score_label{
font-size: 10px;
font-weight: normal;
color: #666;
}
#cast_crew_list .rating {
font-weight: bold;
font-size: 12px;
position: absolute;
left: 75%;
top: 12px;
}
#cast_crew_list .PAGINATOR{
font-size:11px;
line-height:16px;
}
#cast_crew_list .NO_RESULTS {
padding: 10px 40px 80px 0px;
}
/* previous episode on show page */
#episode_capsule .grid{
clear: both;
padding-top: 12px;
_padding-top: 0; /*ie6*/
}
#episode_capsule .column_a{
float: left;
width: 100px;
margin-right: 12px;
}
#episode_capsule .column_b {
_float:left; /*ie6*/
overflow: hidden;
position: relative;
}
#episode_capsule .column_b1 {
_float:left; /*ie6*/
overflow: hidden;
position: relative;
}
#episode_capsule .column_b2 {
float: right;
width: 106px;
margin-left: 12px;
}
#episode_capsule h4 {
font-size: 14px;
line-height: 14px;
font-weight: bold;
width: 100%;
}
#episode_capsule h5 {
font-weight: bold;
padding-top: 8px;
padding-bottom: 4px;
font-size:11px;
}
#episode_capsule h5 a{
color: #996633; /*brown*/
}
#episode_capsule .thumb img {
width: 100px;
height: 75px;
}
#episode_capsule .PUMPKIN_SMALL {
float: left;
padding-right: 7px;
}
#episode_capsule .global_score .number {
font-weight: bold;
color: #000;
display: block;
line-height: 13px;
}
#episode_capsule .global_score .description {
font-size: 11px;
line-height: 12px;
color: #666;
display: block;
}
#episode_capsule .links {
clear: both;
padding-top: 7px;
}
#episode_capsule .links li {
float: left;
padding-left: 8px;
margin-left: 8px;
border-left: solid 1px #ccc;
font-size: 12px;
font-weight: normal;
color: #999;
_padding-top: 0; /*ie6*/
}
#episode_capsule .links li.first {
padding-left: 0;
margin-left: 0;
border-left: none;
}
#episode_capsule .links li a {
font-size: 12px;
font-weight: bold;
}
#episode_capsule .airdate{
font-size: 11px;
color: #999;
padding-top: 4px;
}
#episode_capsule .synopsis {
width: 90%;
padding-top: 4px;
color: #404040;
line-height: 18px;
font-size: 12px;
}
#episode_capsule .synopsis a {
font-weight: bold;
}
#episode_capsule .watch_video_link{
display: block;
position: relative;
left: 0px;
top: 0px;
width: 100px;
height: 30px;
text-indent: -5000px;
background: url(http://images.tvtome.com/tv/images/sprites/big_sprite_014.png) no-repeat -202px -565px;
}
#episode_capsule .watch_video_link:hover{
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}
#episode_capsule .watch_prompt{
display: block;
text-align: center;
font-weight: bold;
font-size: 11px;
padding-top: 4px;
padding-right: 4px;
}
/* shorter cast list on episode summary page */
#episode_cast_summary .category {
clear:both;
background: transparent url(http://images.tvtome.com/tv/images/tv_wide/layout/dot_gray.gif) repeat-x left top;
padding-top: 10px;
margin-top: 16px;
}
#episode_cast_summary .firstcategory {
background: none;
}
#episode_cast_summary .category_name {
float:left;
padding-right: 20px;
width: 95px;
font-weight: bold;
}
#episode_cast_summary .persons {
position: relative;
overflow:hidden;
_float:left; /*ie6*/
}
#episode_cast_summary .person {
padding-top: 4px;
}
#episode_cast_summary .firstperson {
padding-top: 0;
}
#episode_cast_summary .role {
font-size: 11px;
padding-left: 3px;
}
#episode_cast_summary .person a {
font-weight: bold;
}
#episode_cast_summary .no_result{
clear: both;
}
/* list of episodes on episode guide page */
#episode_guide_list {
clear:both;
overflow: hidden;
position: relative;
width: 100%;
padding-top: 13px;
font-size: 12px;
line-height: 15px;
margin-bottom: 46px;
}
#episode_guide_list .episode {
border-top: solid 1px #ddd;
position: relative;
clear: both;
padding-top: 12px;
width: 100%;
}
#episode_guide_list .info {
position: relative;
overflow: hidden;
_float: left; /*ie6*/
top: -2px;
padding-left: 10px;
}
#episode_guide_list .meta {
font-size: 11px;
color: #666;
position: relative;
line-height: 12px;
}
#episode_guide_list h3{
font-weight: bold;
font-size: 14px;
line-height: 16px;
padding-top: 3px;
padding-right: 132px;
}
#episode_guide_list h3 a{
color: #963;
}
#episode_guide_list .synopsis {
font-size: 12px;
line-height: 16px;
color: #333;
padding-top: 2px;
padding-right: 40px;
}
#episode_guide_list .various_links{
float: left;
font-size: 11px;
font-weight: bold;
padding-bottom: 17px;
padding-top: 5px;
line-height: 24px;
}
#episode_guide_list .play_video {
display:block;
background: url(http://images.tvtome.com/tv/images/sprites/big_sprite_014.png) no-repeat -200px -600px;
_width: 142px; /*ie6*/
height: 24px;
line-height: 24px;
text-indent: 76px;
color: #666;
}
#episode_guide_list .PUMPKIN_SMALL {
float: left;
padding-right: 7px;
}
#episode_guide_list .global_score {
float:left;
}
#episode_guide_list .rating {
font-weight: bold;
font-size: 12px;
position: absolute;
left: 496px;
top: 11px;
}
#episode_guide_list .rating .ratings_count{
display: block;
font-weight: normal;
color: #666;
font-size: 11px;
line-height: 12px;
}
#episode_guide_list .PAGINATOR{
border-top: solid 1px #ddd;
font-size: 12px;
line-height: 16px;
}
#episode_guide_list .no_results {
padding: 40px 40px 80px 40px;
font-weight: bold;
font-size: 14px;
}
/* the header for an individual episode */
/* the header in the episode space */
#episode_header {
border-top: none;
padding: 0px;
margin: 0px;
}
#episode_header .CLEAR {
padding-top: 8px;
}
#episode_header.topslot .CLEAR {
border-bottom: none;
padding-top: 0px;
}
#episode_header h1{
position:relative;
overflow:hidden;
_float:left; /*ie6*/
padding-top: 8px;
padding-bottom: 16px;
font-size: 24px;
font-weight: normal;
line-height: 26px;
color: #000;
}
#episode_header .crumbs {
position:relative;
font-size: 12px;
line-height: 16px;
color: #666;
}
#episode_header .subsections{
position:relative;
clear:both;
font-size: 14px;
line-height: 16px;
padding-bottom: 12px;
padding-top: 12px;
}
#episode_header .prev_next{
position:absolute;
top: 0px;
right: 18px;
font-size: 12px;
line-height: 16px;
color: #999;
}
#episode_header .watch_now {
float:right;
padding-right: 10px;
width: 100px;
height: 36px;
background: url(http://images.tvtome.com/tv/images/sprites/big_sprite_014.png) no-repeat -200px -560px;
text-align: center;
position: relative;
top: 6px;
}
#episode_header .watch_now span {
color: #333;
font-size: 11px;
line-height: 11px;
font-weight: bold;
position: relative;
top: 35px;
}
#episode_header .watch_now:hover,
#episode_header .watch_now:hover * {
filter:-moz-opacity:.70;opacity:.70;
text-decoration: none;
}
/* the header in the episode space */
#episode_list_header {
overflow:visible;
margin-bottom: 15px;
}
#episode_list_header .PAGINATOR{
clear: none;
padding: 0px;
height: 16px;
font-size: 12px;
line-height: 15px;
border: none;
}
#episode_list_header .more_links {
position:relative;
float: right;
font-size: 12px;
line-height: 16px;
padding-right: 16px;
z-index:2;
}
#episode_list_header .switch_to_guide,
#episode_list_header .switch_to_list{
position:absolute;
top: 30px;
right: 14px;
width: 60px;
height: 23px;
background: url(http://images.tvtome.com/tv/images/sprites/big_sprite_014.png) no-repeat 0px -128px;
text-indent: -5000px;
}
#episode_list_header .switch_to_guide {
background-position: -80px -128px;
}
/* the big list on the episode listings page */
#episode_listing {
padding-top: 13px;
margin-bottom: 46px;
padding-bottom: 24px;
}
#episode_listing tr {
vertical-align:top;
}
#episode_listing .headings{
border-bottom: solid 1px #ddd;
}
#episode_listing th{
font-weight: bold;
text-align: left;
white-space: nowrap;
padding-bottom: 11px;
padding-right: 18px;
width: 1%;
}
#episode_listing td{
text-align: right;
white-space: nowrap;
padding-top: 11px;
padding-right: 18px;
width: 1%;
}
#episode_listing td.title {
width: 100%;
font-size: 12px;
padding-right: 12px;
text-align: left;
white-space: normal;
}
#episode_listing td.title a{
color: #963;
}
#episode_listing th.number {
text-align: right;
}
#episode_listing td.number {
padding-left: 0;
}
#episode_listing .videos{
text-align: left;
padding-right: 36px;
}
#episode_listing .videos a{
padding: 5px 0px 2px 20px;
color: #333;
background: url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat 0px -664px;
}
#episode_listing .videos a:hover{
background-position: 0px -703px;
}
#episode_listing .videos a.offsite{
background-position: 0px -1414px;
}
#episode_listing .videos a.offsite:hover{
background-position: 0px -1454px;
}
#episode_listing .no_results {
padding: 40px 40px 80px 40px;
font-weight: bold;
font-size: 14px;
}
/* recap module on episode page */
#episode_recap {
font-size: 12px;
line-height: 16px;
margin-bottom: 26px;
}
#episode_recap br{
display:block;
margin-top: 4px;
}
#episode_recap h4 {
clear:both;
font-weight: bold;
padding-top: 8px;
font-size: 13px;
}
#episode_recap p {
clear: both;
width: 85%;
}
#episode_recap .spoiler_warning {
color: #666;
font-size: 11px;
padding-left: 6px;
}
/* episode_top_image */
#episode_top_image {
margin-bottom: 12px;
margin-top: 2px;
position:relative;
overflow:hidden;
}
#episode_top_image .TOPSLOT_OVERLAY_BUTTON{
left: 284px;
top: 165px;
}
/* facebook_login_box - similar to global_login_box
#facebook_login_box {
display: none;
}
#facebook_login_box .panel {
position: absolute;
top: 200px;
left: 27%;
width: 514px;
background-color: #fff;
border: solid 5px #666;
padding: 16px;
z-index: 26000;
font-size: 12px;
line-height: 16px;
}
body.facebook #facebook_login_box .panel {
top:20px;
left:13%;
}
#facebook_login_box .BUTTON {
float: left;
margin: 10px 4px 0px 0px;
}
#facebook_login_box h2 {
font-size: 24px;
line-height: 28px;
margin-left: 60px;
padding: 16px 0px 6px 0px;
border-bottom: 1px solid #ddd;
margin-bottom: 14px;
}
#facebook_login_box .thumb {
position: absolute;
top: 10px;
left: 10px;
width: 50px;
height: 50px;
}
#facebook_login_box h3 {
font-weight: bold;
}
#facebook_login_box .new_guy {
float: left;
width: 190px;
padding-right:16px;
}
#facebook_login_box .already_a_member {
overflow:hidden;
position: relative;
_float: left;
padding-left: 16px;
border-left: 1px solid #ddd;
}
#facebook_login_box p {
padding-top: 6px;
font-size: 11px;
color: #666;
clear:both;
}
#facebook_login_box .facebook_login {
font-size: 11px;
}
#facebook_login_box label {
display: block;
font-weight: bold;
padding-top: 8px;
padding-bottom: 3px;
}
#facebook_login_box .email,
#facebook_login_box .password {
padding: 4px;
}
#facebook_login_box .email{
width: 240px;
}
#facebook_login_box .password{
width: 120px;
}
#facebook_login_box .submit {
padding: 4px;
}
/* facebook_prompt_panel - similar to global_login_box */
#facebook_prompt_panel {
display: none;
}
#facebook_prompt_panel .panel {
position: absolute;
top: 200px;
left: 35%;
height: 240px;
width: 368px;
background-color: #fff;
border: solid 5px #666;
padding: 16px;
z-index: 26000;
font-size: 12px;
line-height: 16px;
}
#facebook_prompt_panel h2 {
font-size: 24px;
line-height: 28px;
padding: 16px 0px 6px 0px;
border-bottom: 1px solid #ddd;
margin-bottom: 14px;
}
#facebook_prompt_panel h3 {
font-weight: bold;
font-size: 13px;
}
#facebook_prompt_panel p {
padding-top: 6px;
font-size: 12px;
color: #666;
}
#facebook_prompt_panel .connect{
text-align: center;
padding: 12px;
}
#facebook_prompt_panel .never_bother_me_again{
position: absolute;
bottom: 12px;
right: 16px;
text-align: right;
color: #999;
font-size: 10px;
}
#facebook_prompt_panel .no_thanks {
position: absolute;
left: 16px;
bottom: 12px;
font-size: 14px;
font-weight: bold;
color: #666;
}
.features .COLUMN_A.feature{
padding-top:0px;
}
.features .COLUMN_B{
padding-top:9px;
margin-left:15px;
}
/* Special Features inner header*/
.feature_inner {
width: 955px;
margin: 0 auto;
position: relative;
padding: 37px 8px 0 23px;
background: #fff;
min-height: 64px;
}
.feature_inner .widget_sharing {
height: 45px;
position:relative;
}
.feature_inner .widget_text {
margin: 0 !important;
padding-bottom: 10px;
}
.features .bg_layer {
background:none!important;
}
.feature_inner h1, .feature_inner h2, .feature_inner h3, .feature_inner h4 {
line-height: 1.3;
font-weight: bold;
}
.feature_inner h1 {
font-size: 31px;
line-height:60px;
font-family: 'Open Sans','Lucida Grande',sans-serif;
color: #333;
}
.feature_inner h2 {
font-size: 27px;
}
.MODULE.feature {
border-top: 0;
padding-top: 0px;
}
/* Special Features comments */
.feature_comments {
margin-top:30px;
padding: 0 5px;
}
/* something on the new special features page on labs */
#feature_smallhead .bg_layer {
/* separate layer so we can make translucent to allow show bgs if we want */
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top:0px;
/* background: url(http://images.tvtome.com/tv/images/backgrounds/smallhead_bg_01.png) repeat-x; */
background-color: #333;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0d0d0d), to(#4c4c4c)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(center top, #0d0d0d, #4c4c4c); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(center top, #0d0d0d, #4c4c4c); /* FF3.6 */
background-image: -ms-linear-gradient(center top, #0d0d0d, #4c4c4c); /* IE10 */
background-image: -o-linear-gradient(center top, #0d0d0d, #4c4c4c); /* Opera 11.10+ */
background-image: linear-gradient(center top, #0d0d0d, #4c4c4c); /* The prefix-less future */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0d0d0d', EndColorStr='#4c4c4c'); /* IE6ÐIE9 */
}
#feature_smallhead {
width: 100%;
position: relative;
}
/* forums on hub page */
#forum_highlights .topic_title a{
font-size: 14px;
line-height: 14px;
font-weight: bold;
color: #069;
}
#forum_highlights .topic {
clear:both;
padding-left: 52px;
padding-top: 10px;
border-top: solid 1px #ddd;
margin-top: 19px;
position: relative;
}
#forum_highlights .topic.index0{
margin-top: 0;
border-top: none;
}
#forum_highlights .meta {
font-size: 11px;
margin-top: 6px;
color: #666;
}
#forum_highlights .meta a.add_comment{
font-size: 11px;
margin-left:4px;
border-left:1px solid #ccc;
padding-left:6px;
}
#forum_highlights .topic_text {
padding-top: 4px;
width: 90%;
}
#forum_highlights .thumb {
position: absolute;
left: 0px;
_left: -52px; /*ie6*/
top: 13px;
width: 40px;
}
#forum_highlights .byline {
padding-top: 4px;
clear:left;
}
#forum_highlights .byline .USERNAME {
color: #669900;
font-weight: bold;
}
#forum_highlights .byline .date {
color: #666;
font-size: 11px;
padding-left: 2px;
}
#forum_highlights .byline .member_since {
color: #666;
font-size: 11px;
padding-left: 2px;
}
/* Marquee */
#marquee { width:100%; height:34px; padding:16px 0 0; background:#262626 url(http://images.tvtome.com/tv/images/backgrounds/marquee_bg.png) repeat-x; }
#marquee h1, #marquee .title { width:963px; margin: 0 auto; padding-left: 23px; font-size:24px; font-weight:bold; color:#fff; }
#marquee h1 a, #marquee .title a {color: #fff;}
#marquee h1 a:hover, #marquee .title a:hover {color: #fff;}
/* most_commented_storis module */
#most_commented_stories .story {
clear: both;
padding-top: 14px;
}
#most_commented_stories .story.first {
padding-top: 16px;
}
#most_commented_stories .title {
font-size: 12px;
line-height: 16px;
font-weight: bold;
}
#most_commented_stories .meta {
color: #999;
font-size: 11px;
padding-top: 2px;
}
#most_commented_stories .author {
font-weight: bold;
padding-right: 4px;
color: #333;
}
/* mpu ad */
#mpu {
position: relative;
z-index: 2; /* to prevent interference with video carousel*/
}
#mpu #mpu_wrap {
margin-bottom: 28px;
}
/* reserve space for ad to prevent page from jumping around*/
#mpu_box{
min-height: 260px;
margin-bottom: 24px;
font-size:0px;
line-height:1em;
}
/* nav_tabs */
#nav_tabs {
width: 986px;
height: 34px;
background-color: #1a1a1a;
margin: -34px auto 0 auto;
_margin-top: -32px; /*ie6*/
position: relative;
line-height: 15px;
}
#nav_tabs.has_subtabs{
height: 66px;
}
#nav_tabs li {
float: left;
height: 34px;
overflow:hidden;
}
#nav_tabs .section a{
font-size: 14px;
font-weight: bold;
padding: 8px 23px 0px;
margin: 0;
color: #606060;
background-color: #1a1a1a;
display:block;
height: 32px;
float:left;
}
#nav_tabs .section.on a {
color: #000;
background-color: #fff;
padding-top: 8px;
}
#nav_tabs .section a:hover {
color: #fff;
background-color: #333;
text-decoration:none;
}
#nav_tabs .section .subsections {
position: absolute;
z-index: 2;
left: 0px;
bottom: 0px;
height: 32px;
width: 100%;
background-color: #fff;
}
#nav_tabs .section .subsection a{
font-size: 14px;
font-weight: normal;
padding: 12px 15px 0px 15px;
margin: 0;
color: #069;
display:block;
background-color: #fff;
}
#nav_tabs .section .subsection.on a{
color: #333;
font-weight: bold;
}
#nav_tabs .section .subsection a:hover {
color: #000;
text-decoration:none;
background-color: #fff;
}
#smallhead .function_link {
float: left;
display: block;
display: inline-block;
background-color: #61B0FB;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 5px 10px 6px;
position: relative;
top: 4px;
left: 10px;
text-align: center;
line-height: 11px;
color: white;
font-size: 11px;
font-weight: bold;
cursor: pointer;
}
#smallhead .function_link.on_state {
background-color: white;
border: 1px solid #75BDF8;
color: #75BDF8;
}
#smallhead .function_link .link_label {
display:none;
position: absolute;
z-index: 11;
right: 0px;
bottom: 25px;
text-align: right;
}
#smallhead .function_link:hover {
/* for crazy ie6 bug */
visibility:visible;
}
#smallhead .function_link:hover .link_label {
display: block;
}
#smallhead .function_link .link_label .extra_div { /*reqd for ie6*/
white-space: nowrap;
font-weight: bold;
font-size: 11px;
padding: 6px 10px;
background-color: #fff;
cursor:pointer;
z-index: 12;
}
#smallhead .function_link:hover,
#smallhead .function_link *,
#smallhead .function_link:hover * {
text-decoration: none;
}
#smallhead .function_link .link_label .pointy {
position: absolute;
width: 30px;
height: 13px;
right: 12px;
bottom: -7px;
background: url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat 0 -990px;
_display:none; /*ie6*/
}
#smallhead .add_to_favorites, #smallhead .remove_from_favorites {
/* background-position: 0px 5px; */
padding: 5px 8px 6px 22px;
background-image: url(http://images.tvtome.com/tv/images/sprites/tall_sprite_19.png);
background-repeat: no-repeat;
background-position: 5px -212px;
border: 1px solid #61B0FB;
}
#smallhead .remove_from_favorites {
background-position: 5px -246px;
}
#smallhead .write_a_review{
background-position: 0px -29px;
}
#smallhead .tivo_me{
background-position: -3px -1320px;
}
#smallhead .add_to_watchlist{
background-position: 0px -1498px;
}
#smallhead .remove_from_watchlist{
background-position: 0px -1498px;
}
/* news_list_summary - contains news_list */
#news_list_summary #news_list,
#news_list_summary #news_list .first{
border: none;
}
#news_list_summary #news_list .stories{
background: none;
}
#news_list_summary #news_list h4 {
font-size: 14px;
line-height: 16px;
}
/* newsy - experimental module in LHC on news hub */
#newsy h5 {
font-size: 11px;
font-weight: bold;
padding: 8px 0 0 0;
}
/* page_title - used for h1 in showspace */
#page_title {
border-bottom: 1px dotted #CCCCCC;
color: #2DA5E0;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
line-height: 22px;
margin-bottom: 10px;
padding-bottom: 3px;
text-transform: uppercase;
font-family: 'Open Sans','Lucida Grande',sans-serif;
/*
font-size: 22px;
line-height: 23px;
font-weight: normal;
margin-bottom: 20px;
*/
}
#page_title a{
color: #000;
}
#page_title .counter {
font-size:16px;
color: #808080;
padding-left: 4px;
}
/* page_title_link - link floating next to page title */
#page_title_link {
float: right;
line-height: 28px;
padding-right: 6px;
}
/* photo grid */
.grid_head a { padding-bottom:8px; font-size:14px; font-weight:bold; line-height:15px; color:#000; }
.grid_head a:hover { text-decoration:underline; }
.photo_grid { clear:left; overflow:hidden; width:460px; *margin-bottom:60px; padding-top:16px; border-top:1px solid #BFBFBF; }
.PHOTOHUB .photo_grid { width:616px; padding-top:10px; border-top:none; }
.PHOTOSETS .photo_grid { width:616px; padding-top:0; border-top:none; }
.photo_grid li { float:left; width:123px; *height:170px; margin:0 0 30px 40px; }
.photo_grid li.new_row { clear:left; margin-left:0; }
.photo_grid .thumb { width:123px; height:123px; overflow:hidden; margin-bottom:4px; }
.photo_grid .thumb a { display:block; width:123px; height:123px; }
.photo_grid .thumb img { min-width:123px; min-height:123px; }
.photo_grid .details { position:relative; }
.photo_grid .title { font-weight:bold; width:102px; }
.photo_grid .credits_box { position:absolute; top:-4px; right:0; width:20px; height:20px; }
.photo_grid .info_button { display:block; width:20px; height:20px; overflow:hidden; background:url(http://images.tvtome.com/tv/images/watchlist/sprites/watchlist_icons.png) no-repeat 0px -406px; text-indent:-999px; cursor:pointer; line-height:24px; color:#666; }
.photo_grid .info_button:hover { background-position:0px -426px; }
.photo_grid .credits { display:none; position:absolute; bottom:11px; right:10px; width:80px; padding:6px 10px; background:#fff; border:1px solid #999; border-radius:6px 6px 0px 6px; -moz-border-radius:6px 6px 0px 6px; -webkit-border-radius:6px 6px 0px 6px; font-size:10px; line-height:12px; }
.photo_grid .selected .credits { display:block; }
/* regular photos module */
#photos_module .thumb {
display: block;
float: left;
width: 80px;
height: 80px;
overflow:hidden;
background-position: center top;
margin-left: 20px;
margin-top: 20px;
background: no-repeat;
}
.COLUMN_A2 #photos_module .thumb {
margin-left: 14px;
margin-top: 12px;
}
#photos_module .thumb.number1,
.COLUMN_B #photos_module .thumb.number4,
.COLUMN_B #photos_module .thumb.number7,
.COLUMN_A2 #photos_module .thumb.number6 {
margin-left: 0px;
clear: left;
}
#photos_module a.thumb:hover {
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}
/***********poll module*****************************/
#poll .question {
clear:both;
padding-top: 8px;
font-weight: bold;
font-size: 14px;
}
#poll .choice {
width: 100%;
margin-top: 8px;
position: relative;
}
#poll .choice .radio {
float: left;
margin: 0 6px 0 0;
}
#poll .choice p {
position: relative;
overflow:hidden;
_float: left; /*ie6*/
.top: 2px; /*ie*/
}
#poll .submit {
margin-top: 12px;
}
/*'survey says' graphic*/
#poll_results_header {
width: 986px;
margin: 0 auto;
position: relative;
}
#poll_results_header img {
width: 100%;
}
/* printable page used for news stories */
#printable_page .content_well {
width: 700px;
margin: 0 auto;
}
#printable_page .header .print_me{
float: right;
}
/* pushdown ad on homepage mostly */
#pushdown_ad {
width: 970px;
margin: 0 auto;
/* padding set in ads.tpl */
}
/* Module for rating different things */
#rate_it .global_rating {
padding-top: 8px;
height: 33px;
}
#rate_it .global_rating .PUMPKIN {
position: static;
float: left;
visibility: visible;
padding-right: 8px;
}
#rate_it .global_rating .global_score{
font-weight: bold;
font-size: 12px;
}
#rate_it .global_rating .global_score .description{
font-size: 11px;
font-weight: normal;
color: #666;
padding-left: 4px;
}
#rate_it .global_rating .num_votes {
font-size: 11px;
font-weight: normal;
color: #666;
}
/* Poll Widgets: Normal */
.poll_widget {
padding: 13px;
overflow: hidden;
background: #f4f4f4;
margin: 10px 0;
position: relative;
}
.poll_widget .poll_question {
font-size: 20px;
font-weight: bold;
color: #000;
line-height: 25px;
letter-spacing: -1px;
margin-top: 10px;
}
.poll_widget .poll_description {
font-size: 18px;
color: #000;
position: absolute;
right:15px;
top:25px;
line-height:25px;
}
.poll_widget .poll_answers {
margin: 7px 0 14px 0;
font-size: 12pt;
}
.poll_widget .poll_answers > li {
padding: 0;
margin: 10px 0;
background: #fff;
border-radius: 2px;
border: solid 1px #bbb;
position: relative;
min-height: 58px;
}
.poll_widget .poll_results .poll_answers > li {
min-height: 56px;
}
.poll_widget .poll_vote .poll_answers li > div {
display: block;
color: #000;
min-height: 58px;
}
.poll_widget .poll_answers > li.poll_answer_selected, .poll_answers > li a:hover {
background: #006BBD;
color: #fff;
}
.poll_widget .poll_answers > li a:hover .poll_answer, .poll_answers li > a:hover .poll_answer_description, .poll_answer_selected div {
color: #fff !important;
}
.poll_widget .poll_answer_selected .poll_answer, .poll_widget .poll_answer_selected .poll_answer_description {
color: #fff;
}
.poll_widget .poll_answer_description.noimg {
padding-left: 11px;
left: 0;
}
.poll_widget .poll_answer_selected * {
color: #fff !important;
}
.poll_widget .poll_answer {
color: #000;
height: 19px;
font-weight: bold;
color: black;
top: 50%;
margin-top: -10px;
position: absolute;
left: 95px;
}
.poll_widget .poll_results .poll_answer {
margin-top: -16px;
}
.poll_widget .poll_checkmark, .poll_checkmark_checked {
text-indent: -99999px;
overflow: hidden;
height: 24px;
width: 25px;
right: 14px;
position: absolute;
background: url('http://images.tvtome.com/tv/images/polls/poll_button.png');
cursor: pointer;
top: 50%;
margin-top: -12px;
}
.poll_widget .poll_share_answer{
position:absolute;
height: 20px;
width: 142px;
right: 5px;
top: 15px;
font-size:11px;
}
.poll_share_answer .text {
float:left;
line-height:21px;
height:23px;
width:87px;
color:#888;
}
.poll_share_answer .widget_twitter {
float: right;
}
.poll_widget .poll_checkmark_small {
top: -16px;
}
.poll_widget .poll_checkmark_tall {
top: -27px;
}
.poll_widget .poll_checkmark:active {
background-position: 0 -24px;
}
.poll_widget .poll_checkmark_checked {
background-position: 0 -48px;
}
.poll_widget .poll_answer_description {
font-size: 10pt;
color: black;
position: absolute;
top: 50%;
left: 95px;
margin-top: 8px;
}
.poll_widget .poll_answer_description.noimg {
margin-top: 3px;
}
.poll_widget .poll_image {
width: 77px;
float: left;
margin: 10px;
height: 55px;
overflow: hidden;
}
.poll_widget .poll_image > img {
width: 77px;
}
.poll_widget .poll_share {
background: #2B70CF;
color: white;
padding: 0 9px;
width: 128px;
border-radius: 3px 0 0 3px;
font-size: 9pt;
font-weight: bold;
margin-right: -1px;
height: 30px;
line-height: 30px;
position: relative;
float: right;
right: 0;
top: -40px;
}
.poll_widget .poll_share_images {
display: inline-block;
float: right;
margin-top: 4px;
position: relative;
right: 0;
}
.poll_widget .poll_answer_chosen { box-shadow: 0 0 6px black; }
.poll_widget .answer_bar_container {
width: 73%;
position: absolute;
top: 50%;
margin-top: 10px;
left: 95px;
}
.poll_widget .answer_bar_container > span { width: 88%; display: block; }
/* Poll Widgets: Large Image */
.poll_widget_large_image .poll_large_image { float: left; margin-top: 10px; }
.poll_widget_large_image .poll_large_image img { width: 300px; height: 405px; }
.poll_widget_large_image .poll_vote{ float: right; width: 305px; }
.poll_widget_large_image .poll_answer_container { width: 205px !important; }
.poll_widget_large_image .poll_back_to_poll { margin-top: 10px; float:left; display:none; }
.poll_widget_large_image .poll_see_results { margin-top: 10px; float:left }
.poll_widget_large_image .poll_back_to_poll.voted, .poll_widget_large_image .poll_see_results.voted {
display: block;
float: right;
}
.poll_widget_large_image .poll_results { float: right !important; width:305px; }
.poll_widget_large_image .poll_results .poll_answers { margin-top: 0 !important; }
.poll_widget_large_image .poll_buttons { clear:both; }
.poll_widget .answer_bar_container.noimg { margin-top: 4px; left: 10px; }
.poll_widget_large_image .answer_bar_container { width: 69%; }
.poll_widget_large_image .answer_bar_container > span { width: 70%; display: block; }
.poll_widget_large_image .answer_bar_container.noimg { width: 92%; }
.poll_widget_large_image .answer_bar_container.noimg > span { width: 80%; display: block; }
/* \End Poll Widgets */
.COLUMN_B .answer_bar_container {
width: 43%;
}
.COLUMN_B .poll_widget .answer_bar_container {
width: 72%;
}
.poll_widget .answer_bar {
height: 14px;
background: url('http://images.tvtome.com/tv/images/polls/answer_bar.png');
margin: 0 8px 8px 0;
border: solid 1px #aaa;
float: left;
}
.poll_widget .answer_bar .answer_percent {
float: right;
position: relative;
right: -43px;
color: #000;
font-weight: bold;
}
.poll_widget .poll_msg {
color:#999;
line-height:1.5em;
}
.poll_widget .poll_btns {
float:right;
text-align:right;
line-height:3em;
height:3em;
}
.poll_widget .poll_submit {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding: 9px 20px;
background:#5ae;
background: -moz-linear-gradient(
top,
#6cb0e8 0%,
#0768b8);
background: -webkit-gradient(
linear, left top, left bottom,
from(#6cb0e8),
to(#0768b8));
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #cccccc;
-moz-box-shadow:
0px 1px 3px rgba(115,115,115,0.5),
inset 0px 0px 1px rgba(255,255,255,0.6);
-webkit-box-shadow:
0px 1px 3px rgba(115,115,115,0.5),
inset 0px 0px 1px rgba(255,255,255,0.6);
text-shadow:
0px -1px 0px rgba(000,000,000,0.2),
0px 1px 0px rgba(255,255,255,0.2);
}
.poll_widget .poll_btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding: 9px 20px;
background:#777;
background: -moz-linear-gradient( top, #c3c3c3 0%, #a7a7a7);
background: -webkit-gradient(
linear, left top, left bottom, from(#c3c3c3), to(#a7a7a7));
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #cccccc;
-moz-box-shadow:
0px 1px 3px rgba(115,115,115,0.5),
inset 0px 0px 1px rgba(255,255,255,0.6);
-webkit-box-shadow:
0px 1px 3px rgba(115,115,115,0.5),
inset 0px 0px 1px rgba(255,255,255,0.6);
text-shadow:
0px -1px 0px rgba(000,000,000,0.2),
0px 1px 0px rgba(255,255,255,0.2);
}
.poll_widget .poll_btn.marginRt {
margin-right:10px;
}
.content.single #mpu_placeholder {
float: right;
margin: 0;
}
.content.single .widget_calendar {
clear: both;
}
.content.single .poll_answer_container {
width: 840px;
}
.poll_widget .poll_answer_container.noimg .poll_answer, .poll_widget .poll_answer_container.noimg .answer_bar_container {
left: 13px;
}
.poll_widget .poll_see_results, .poll_back_to_poll {
font-weight: bold;
font-size: 14px;
text-decoration: underline;
color: #5FAFE8;
}
.poll_widget .poll_answer.noimg {
left: 10px;
margin-top: -11px;
}
.poll_widget .poll_results .poll_answer.noimg {
margin-top: -15px;
}
.poll_widget .poll_answer_container.noimg {
width: 97%;
}
.poll_widget .poll_answer_container {
float: right;
}
.COLUMN_LEFT .poll_answer_container, .COLUMN_RIGHT .poll_answer_container {
width: 338px;
}
.COLUMN_A .poll_answer_container {
width: 485px;
}
.COLUMN_B .poll_answer_container {
width: 165px;
}
/*------------------------------
registration modal box styles
------------------------------*/
/* registration form/panel fieldset styles */
.registration_box #facebook_connect_fieldset { height:80px; margin:24px 0; border-top:1px dotted #ccc; }
.registration_box #facebook_connect_fieldset legend span { position:absolute; top:24px; left:26px; margin-bottom:16px; font-size:12px; color:#666; }
.registration_box #facebook_connect_fieldset legend span strong { color:#000; margin-right:6px; }
/* assorted paragraph styles */
.registration_box .panel p cite.email_address { color:#069; }
.registration_box .panel p.confirmation { font-size:14px; font-weight:bold; color:#690; }
.registration_box .panel p.complete { margin-bottom:30px; font-size:20px; }
.registration_box #password_recovery_fieldset p { margin-left:0; }
/* registration form/panel buttons */
.registration_box #facebook_connect_fieldset #fb_connect_button { position:absolute; top:54px; left:130px; }
/* registration form country styles */
.registration_box li.country { display:none; }
/* registration form checkbox styles */
.registration_box li.select { margin-top:2px; }
/* */
#signup_email_confirmation h3, #facebook_connect_confirmation h3 { font-weight:bold; color:#000; }
#signup_email_confirmation .watchlist_shows, #facebook_connect_confirmation .watchlist_shows{ overflow:hidden; margin-bottom:14px; }
#signup_email_confirmation .watchlist_shows li, #facebook_connect_confirmation .watchlist_shows li{ display:block; float:left; width:130px; margin:2px 14px; padding:2px; list-style-type:none; font-weight:bold; color:#963; }
body.uk #signup_email_confirmation .watchlist_confirmation,body.au #signup_email_confirmation .watchlist_confirmation { display:none; }
/* replaces oh so fragile the fbml buttons */
.MODAL_BOX button.facebook_login_button { *display:block; width:194px; height:25px; background:transparent url(http://images.tvtome.com/tv/images/facebook/8rc0izvz.gif) no-repeat; text-indent:-9999px; cursor:pointer; }
.registration_box #facebook_connect_fieldset button.facebook_login_button { position:absolute; top:54px; left:130px; }
/*rhc in reg page*/
#reg_page_help {
border: none;
color:#000000;
font-size:18px;
line-height:24px;
text-align:center;
}
#reg_page_help a {
display: block;
}
/* related_shows */
#related_shows {
font-size: 12px;
line-height: 15px;
}
#related_shows .show{
display: block;
padding-top: 6px;
clear: both;
_height: 1%;
font-size: 11px;
line-height: 12px;
}
#related_shows .show.number1{
clear: none;
}
#related_shows .show a{
display: block;
color: #996633;
}
#related_shows .show a:hover{
color: #000;
}
#related_shows .show a:hover img{
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}
#related_shows .show .thumb {
float: left;
padding-right: 4px;
padding-top: 3px;
}
/* last_fm */
#last_fm {
font-size: 12px;
line-height: 15px;
}
#last_fm p {
padding-top:11px;
}
#last_fm p span {
color:#999;
display:block;
}
/* scrim - for dim-the-lights feature */
#scrim a{
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
-moz-opacity:.70;opacity:.70;filter:alpha(opacity=70);
z-index: 30000;
*display:none; /*doesn't work in ie*/
}
/* show_buzz_info */
#show_buzz_info {
overflow: visible;
z-index: 20; /*ie stacking*/
color: #404040;
}
#show_buzz_info p {
padding-top: 4px;
}
#show_buzz_info .show_summary {
position: relative;
z-index: 30;/*ie stacking*/
}
#show_buzz_info .full_summary{
display: none;
position: absolute;
left: 0px;
top: 0px;
background-color: #fff;
border: solid 2px #333;
width: 400px;
height: 275px;
z-index: 40;/*ie stacking*/
}
#show_buzz_info .full_summary .panel_title{
padding: 2px 0 0 8px;
}
#show_buzz_info .full_summary .edit_show_summary{
font-weight: normal;
padding-left: 6px;
}
#show_buzz_info .full_summary .edit_show_summary a{
color: #069;
}
#show_buzz_info .full_summary .text {
position: absolute;
left: 0px;
bottom: 0px;
height: 88%;
width: 384px;
padding: 0 8px 0 8px;
overflow-x: hidden;
overflow-y: auto;
}
#show_buzz_info .full_summary .close_button{
position: absolute;
right: 0px;
top: 0px;
background: url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) repeat-x 0 -200px;
width: 16px;
height: 16px;
text-indent: -5000px;
}
#show_news .headline a{
font-size: 14px;
line-height: 14px;
font-weight: bold;
color: #069;
}
#show_news .story {
clear:both;
padding-top: 10px;
border-top: solid 1px #ddd;
margin-top: 19px;
}
#show_news .story.index0{
margin-top: 0;
border-top: none;
}
#show_news .story_text {
padding-top: 7px;
width: 90%;
}
#show_news .byline {
padding-top: 4px;
font-size: 11px;
}
#show_news .date {
color: #666;
}
#show_news .comments_link{
padding-left: 8px;
}
#show_news .add_comment_link{
padding-left: 7px;
border-left: solid 1px #ccc;
margin-left: 3px;
}
/* the title area at the top of the show page */
#show_page_head {
background: url(http://images.tvtome.com/tv/images/backgrounds/module_gradient.png) repeat-x;
margin-left: -16px;
text-indent: 15px;
width: 653px;
height: 40px;
padding-top: 12px;
font-size: 24px;
font-weight: normal;
line-height: 28px;
color: #000;
position: relative;
margin-top: 12px;
}
.COLUMN_A2 #show_page_head {
margin-left: -174px;
text-indent: 173px;
}
/* large single-photo viewer, as seen in Shows > Pictures > [photo] */
#show_photo_stream { }
#show_photo_stream .photo_navigation { position:absolute; top:55px; right:30px; }
#show_photo_stream .photo_navigation p { color:#3a3a3a; text-align:center; }
#show_photo_stream .photo_navigation p span { font-weight:bold; color:#000; }
#show_photo_stream .photo_navigation ul { overflow:hidden; margin:1px 10px 0; }
#show_photo_stream .photo_navigation li { float:left; }
#show_photo_stream .photo_navigation li a { background:url("http://images.tvtome.com/tv/images/sprites/big_sprite_014.png") no-repeat #006699; }
#show_photo_stream .photo_navigation li a.prev { padding:0 5px 0 10px; background-position:0 -779px; border-right:1px solid #999; }
#show_photo_stream .photo_navigation li a.next { padding:0 10px 0 5px; background-position:right -759px; }
#show_photo_stream .main_photo { margin-bottom:10px; }
#show_photo_stream .info_block { }
#show_photo_stream .info_block .headline { margin-bottom:4px; }
#show_photo_stream .info_block .caption { font-weight:bold; font-size:14px; }
#show_photo_stream .info_block .description { }
#show_photo_stream .info_block .stats { }
#show_photo_stream .info_block .stats .posted { }
#show_photo_stream .info_block .stats .credit { font-style:italic; }
/* show_summary */
#show_summary p{
color: #404040;
font-size: 12px;
line-height: 18px;
}
#show_summary .show_hide {
font-weight: bold;
}
.summary_wrapper {
clear: both;
}
.summary_wrapper p {
display: inline;
}
/* show_top_image */
#show_top_image {
margin-bottom: 4px;
position:relative;
overflow:hidden;
}
#show_top_image .TOPSLOT_OVERLAY_BUTTON{
left: 284px;
top: 165px;
}
/* show_trivia module on that page in showspace */
#show_trivia .episode {
margin-top: 30px;
clear: both;
}
#show_trivia .episode.first {
margin-top: 12px;
}
#show_trivia .episode .title a {
color: #404040;
}
#show_trivia .episode .title a:hover {
color: #666;
}
#show_trivia .blurb {
clear: both;
margin-top: 10px;
padding-top: 8px;
border-top: 1px solid #ddd;
}
#show_trivia .blurb.first {
border: none;
}
#show_trivia br {
line-height: 4px;
}
/* show_videos - mostly depends on .video_row*/
#show_videos .third_tier_navigation {
padding-bottom: 12px;
}
/* showcased_galleries (eg - related galleries, etc) */
.showcased_gallery { margin-bottom:24px; }
.showcased_gallery .MODULE_HEAD { margin-bottom:4px; }
.COLUMN_A .showcased_gallery .MODULE_HEAD { margin-bottom:0; }
.showcased_gallery ul { height:282px; overflow:auto; }
.COLUMN_A .showcased_gallery ul { height:inherit; overflow:inherit; }
.showcased_gallery li { overflow:hidden; padding:8px 12px; border-top:1px solid #ccc; }
.showcased_gallery li:first-child { border-top:none; }
.COLUMN_A .showcased_gallery li { padding:8px 0; }
.showcased_gallery .thumb { float:left; width:80px; height:80px; overflow:hidden; }
.showcased_gallery .thumb a { display:block; width:80px; height:80px; }
.showcased_gallery .thumb a img { min-height:80px; *zoom:1; }
.showcased_gallery .details { margin-left:90px; }
.showcased_gallery .title { font-weight:bold; }
.showcased_gallery .info { font-size:12px; }
/* shows_hub_bighead */
#shows_hub_bighead {
width: 100%;
padding-bottom: 46px;
position: relative;
_background: url(http://images.tvtome.com/tv/images/backgrounds/shows_hub_bighead_02.png) repeat-x; /* ie6*/
}
#shows_hub_bighead .bg {
/* separate layer to enable show-thru bgs if we want */
position: absolute;
left: 0px;
top:0px;
width: 100%;
height: 100%;
/* background: url(http://images.tvtome.com/tv/images/backgrounds/shows_hub_bighead_02.png) repeat-x; */
background-color: #333;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0d0d0d), to(#4c4c4c)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(center top, #0d0d0d, #4c4c4c); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(center top, #0d0d0d, #4c4c4c); /* FF3.6 */
background-image: -ms-linear-gradient(center top, #0d0d0d, #4c4c4c); /* IE10 */
background-image: -o-linear-gradient(center top, #0d0d0d, #4c4c4c); /* Opera 11.10+ */
background-image: linear-gradient(center top, #0d0d0d, #4c4c4c); /* The prefix-less future */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0d0d0d', EndColorStr='#4c4c4c'); /* IE6ÐIE9 */
}
#shows_hub_bighead .inner {
width: 986px;
margin: 0 auto;
position: relative;
color: #fff;
overflow:hidden;
z-index:5; /*ie*/
}
#shows_hub_bighead .bg_layer {
position:absolute;
width: 2000px;
height: 2000px;
top: 50px;
left: 0px;
background-color: #1a1a1a;
}
#shows_hub_bighead h1 {
font-size: 24px;
font-weight: bold;
line-height: 33px;
padding: 9px 0 0 23px;
color: #fff;
float:left;
position: relative;
}
#shows_hub_bighead .tagline {
float: left;
color: #606060;
padding-top: 21px;
padding-left: 13px;
position: relative;
}
#shows_hub_bighead #cool_iris {
clear:both;
position: relative;
height: 355px;
}
#shows_hub_bighead #cool_iris .filters {
float:left;
width:154px;
margin: 24px 0 0 23px;
}
#shows_hub_bighead #cool_iris .filters .caption {
color: #fff;
font-size: 23px;
line-height: 25px;
}
#shows_hub_bighead #cool_iris .filters ul {
margin-top: 30px;
}
#shows_hub_bighead #cool_iris .filters li {
height: 24px;
}
#shows_hub_bighead #cool_iris .filters a {
font-size: 14px;
color: #606060;
}
#shows_hub_bighead #cool_iris .filters a.selected {
font-weight: bold;
color:#fff;
}
#shows_hub_bighead #cool_iris .filters a:hover {
color:#fff;
}
#shows_hub_bighead object{
position: relative;
top: 8px;
}
/* shows_hub_categories - LHC on shows browse page */
#shows_hub_categories {
border: none;
padding-top: 8px;
}
#shows_hub_categories .check_link{
border-bottom: 1px solid #bfbfbf;
padding-bottom: 12px;
margin-bottom: 8px;
}
#shows_hub_categories .check_link a{
color: #000;
display: block;
padding-left: 18px;
padding-bottom: 4px;
background:transparent url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat 0px -1649px;
}
#shows_hub_categories .check_link.checked a {
background-position: 0px -1690px;
}
#shows_hub_categories .FILTER {
border-bottom: 1px solid #bfbfbf;
padding-bottom: 12px;
margin-bottom: 8px;
}
#shows_hub_categories h3{
padding-bottom: 4px;
}
/* shows_hub_title - also used on Newsmakers page (people hub)*/
#shows_hub_title{
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 16px;
overflow: hidden;
}
#shows_hub_title h1{
color: #2DA5E0;
font-size: 22px;
font-weight: normal;
letter-spacing: -1px;
line-height: 24px;
text-transform: uppercase;
font-family:'Open Sans','Lucida Grande',sans-serif;
float: left;
/*
font-size:24px;
line-height:26px;
margin-bottom:20px;*/
}
#shows_hub_title .date{
line-height: 36px;
font-size: 11px;
padding-left: 8px;
color: #808080;
}
/* shows_hub_topnav */
#shows_hub_topnav {
padding-bottom: 12px;
}
#shows_hub_topnav .network_logo {
padding-bottom: 14px;
}
#shows_hub_topnav h1{
margin-bottom: 10px;
font-size: 20px;
line-height: 22px;
width: 364px;
}
#shows_hub_topnav .add_show_link{
position: absolute;
right: 16px;
top: 3px;
}
#shows_hub_topnav .sort_select {
margin-top: 3px;
}
#shows_hub_topnav .sort_select li a {
color: #069;
}
#shows_hub_topnav .sort_select li a.selected {
color: #333;
}
#shows_hub_topnav .alpha_nav {
margin-top: 10px;
}
#shows_hub_topnav .alpha_nav li {
border: none;
margin-left: 0px;
padding-left:0.8em;
*padding-left:0.7em; /*ie*/
font-size: 11px;
line-height: 12px;
}
#shows_hub_topnav .alpha_nav li.first {
border-right: 1px solid #ccc;
padding: 0 8px 0 0;
}
#shows_hub_topnav .alpha_nav li a.selected {
color: #333;
font-weight: bold;
}
#shows_hub_topnav .alpha_nav li a:hover {
color: #333;
}
/* shows_list - the list on the shows hub */
/* 2 modes: wide (default) and narrow (.COLUMN_A2) */
#shows_list {
margin-top: 2px;
border-top: none;
}
.COLUMN_A2 #shows_list .list_top {
border-top: 1px solid #bfbfbf;
}
#shows_list .featured{
padding-bottom: 16px;
padding-top: 16px;
padding-left: 64px;
border-bottom:1px solid #e5e5e5;
margin-bottom: 10px;
}
.COLUMN_A2 #shows_list .featured{
padding-left: 0px;
border-bottom: none;
margin-bottom: 0px;
}
#shows_list .show {
clear: both;
padding-top: 8px;
margin-left: 64px;
}
#shows_list .show.second{
margin-left: 0px;
padding-left: 64px;
}
.COLUMN_A2 #shows_list .show {
margin-left: 0px;
padding-left: 0px;
padding-top: 7px;
border-top: 1px solid #E5E5E5;
margin-top: 10px;
}
.COLUMN_A2 #shows_list .show.first{
border-top: none;
}
#shows_list .PAGINATOR.bottom{
margin-top: 24px;
}
#shows_list .featured .thumb{
float: right;
padding-left: 56px;
margin-bottom: 10px;
padding-right: 12px;
}
#shows_list .featured .count{
float: left;
width: 32px;
font-size: 15px;
font-weight: bold;
text-align: right;
padding-right: 8px;
}
#shows_list .featured .info{
position: relative;
overflow: hidden;
*float:left;
}
#shows_list .featured .title {
font-size: 15px;
font-weight: bold;
color: #963;
}
#shows_list .featured .scheduled {
padding-top: 8px;
font-size: 11px;
line-height: 14px;
color: #808080;
}
#shows_list .featured .links{
margin-left: 40px;
margin-top: 11px;
clear:both;
}
#shows_list .featured .links .watch_new_episodes{
float: left;
margin-right: 20px;
top: -4px;
line-height: 25px;
}
#shows_list .summary {
font-size: 11px;
padding-top: 4px;
line-height: 16px;
color: #404040;
}
#shows_list .featured .TAB_LINKS {
margin-top: 8px;
*height: 20px; /*ie7*/
}
#shows_list .featured .TAB_LINKS a {
font-size: 11px;
}
#shows_list .featured .TAB_LINKS a:hover {
color: #000;
}
#shows_list .show .count {
float: left;
padding-right: 8px;
color: #000;
font-weight: bold;
text-align: right;
width: 32px;
}
#shows_list .show .title {
font-weight: bold;
color: #963;
padding-left: 2px;
}
#shows_list .title:hover {
color: #999;
}
#shows_list .show .title .new{
color: #F60;
padding-left: 4px;
}
#shows_list .show .meta {
display: inline;
font-size: 11px;
line-height: 14px;
color: #808080;
padding-left: 6px;
}
.COLUMN_A2 #shows_list .show .meta {
display:block;
padding-left: 43px;
margin-top: 2px;
}
#shows_list .show .watch_new_episodes {
padding-left: 4px;
}
/* shows_list_alpha - alphabetical 2-column list */
#shows_list_alpha {
border: none;
padding-top: 0px;
}
#shows_list_alpha .list_top{
border-top: 1px solid #bfbfbf;
}
#shows_list_alpha .column_0,
#shows_list_alpha .column_1{
float: left;
width: 218px;
}
#shows_list_alpha .column_1{
padding-left: 23px;
}
#shows_list_alpha h4{
font-size: 14px;
line-height: 14px;
font-weight: bold;
border-top: 1px solid #ccc;
padding-top: 8px;
margin-top: 24px;
}
#shows_list_alpha .first h4{
border-top: none;
padding-top: 0px;
margin-top: 12px;
}
#shows_list_alpha .bin h4 .contd{
font-size: 11px;
color: #808080;
padding-left: 8px;
font-weight: normal;
}
#shows_list_alpha .show{
padding-top: 8px;
}
#shows_list_alpha .show a{
color: #963;
}
#shows_list_alpha .show a:hover{
color: #000;
}
#shows_list_alpha .PAGINATOR a.POINTER,
#shows_list_alpha .PAGINATOR a.POINTER_LEFT{
background-color: #666;
}
#shows_list_alpha .PAGINATOR.bottom{
margin-top: 24px;
}
/* signup_page - this has a lot of old markup */
#signup_page .facebook_connect {
padding: 12px 0px 12px 0px;
border-top: solid 1px #ccc;
margin-top: 14px;
border-bottom: solid 1px #ccc;
margin-bottom: 20px;
}
#signup_page p {
line-height: 16px;
}
#signup_page .BUTTON {
float: right;
right: 4px;
width: 140px;
}
#signup_page #signup .BUTTON input {
border: none;
width: auto;
float: none;
}
.skin .adHolder {
height: 0;
}
/* smaller head on showpage */
#smallhead {
width: 100%;
/*min-height: 86px;
max-height: 140px;*/
position: relative;
padding:17px 14px 16px;
}
#smallhead .bg_layer {
display:none;
}
#smallhead .inner{
width: 986px;
margin: 0 auto;
/*min-height: 100px;
max-height: 140px;*/
position: relative;
color: #999;
overflow: hidden;
}
/*#smallhead h1,
#smallhead .title {
padding: 9px 10px 0 14px;
float:left;
position: relative;
max-width: 500px;
}*/
#smallhead h1,
#smallhead .title ,
#smallhead h1 a,
#smallhead .title a{
display: inline;
font-size: 32px;
letter-spacing: -1px;
line-height: 30px;
margin-bottom: 6px;
max-width: 800px;
color: #333333;
font-family: 'Open Sans','Lucida Grande',sans-serif;
font-weight: bold;
float:left;
}
#smallhead h1 a:hover,
#smallhead .title a:hover {
text-decoration: none;
}
#smallhead .tagline {
display:block;
clear: both;
font-weight: bold;
max-width: 800px;
font-size: 14px;
color: #999;
text-indent: 2px;
/*font: 12px/15px helvetica,arial,sans-serif;
color: #808080;
padding-top: 21px;
position: relative;*/
}
#smallhead .tagline a{
color: #09c;
}
#smallhead .tagline a:hover{
color: #fff;
}
#smallhead .tagline .take_me_back{
padding-left: 620px;
}
#smallhead .facebook_like {
width: 225px;
position: absolute;
top: 0;
right: 16px;
z-index:40;
height:70px;
}
#smallhead .videolink {
display: block;
padding: 20px 0 0 810px;
}
#smallhead .videolink .take_me_back {
color: #09c;
}
#smallhead .videolink .take_me_back:hover{
color: #fff;
}
#smallhead .tvcom_checkin_ifr {
position: absolute;
top: 0;
right: 250px;
margin:15px 20px 0 20px;
outline: 1px solid red;
}
#smallhead .tvcom_checkin_btn {
display:block;
position: absolute;
top: 0;
right: 250px;
width:160px;
height:30px;
overflow:hidden;
text-indent:-9999px;
}
/*New Special Features thing that appears below listings*/
#special_features_new label {
display: block;
font-weight: bold;
margin-bottom: 4px;
}
#special_features_new ul {
clear:both;
}
#special_features_new li {
line-height: 22px;
font-size: 12px;
}
/* sponsored_links */
.sponsored_links,#sponsored_links {
border: none;
margin-top: 48px;
margin-bottom: 24px;
}
/* spotlight (on news hub) */
#spotlight ul{
margin-top: -6px;
}
#spotlight li{
margin-top: 8px;
padding-right: 10px;
}
#spotlight a{
font-size: 11px;
line-height: 12px;
}
/*#spotlight .shows a{
color: #963;
}*/
/* story_comments - comments module on story page and also video page and anywhere else you want some comments */
#story_comments{
border-top: none;
padding-top: 0px;
}
#story_comments .MODULE_HEAD h3 .count{
color: #808080;
font-weight: normal;
padding-left: 4px;
}
#story_comments textarea {
width: 96%;
height: 60px;
padding: 4px;
border: solid 1px #99CC33;
color: #808080;
}
#story_comments .error {
color: red;
padding: 4px 0px;
font-weight: bold;
}
#story_comments textarea.active {
color: #000;
}
#story_comments .BUTTON{
float: right;
margin: 6px 12px 0px 0px;
}
#story_comments .BUTTON input {
padding-left: 16px;
padding-right: 16px;
}
#story_comments .comment {
clear:both;
overflow:hidden;
padding-top: 12px;
margin-top: 12px;
border-top: 1px solid #ddd;
}
#story_comments .thumb {
float:left;
}
#story_comments .thumb img {
max-width: 40px;
max-height: 40px;
}
#story_comments .comment .info {
font-size: 12px;
line-height:16px;
color:#404040;
overflow:hidden;
padding-left:16px;
position:relative;
top:-2px;
}
#story_comments .byline {
font-size: 11px;
color: #808080;
margin-top: 12px;
}
#story_comments .USERNAME {
font-weight: bold;
padding-right:4px;
}
#story_comments .mod_options {
display:block;
float:right;
width: 220px; /*height & width mainly for ie6*/
height: 24px;
text-align: right;
}
#story_comments .mod_options select {
width: 170px;
font-size: 11px;
}
/*story_page_back_link - top left of story page */
#story_page_back_link .POINTER_LEFT{
/* stupid blue gradient */
background: transparent url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat 0px -136px;
}
/* story_related_people and story_related_shows - related people and shows on story page */
#story_related_shows li,
#story_related_people li{
margin-top: 6px;
margin-right: 8px;
line-height: 12px;
}
#story_related_shows li.first,
#story_related_people li.first{
margin-top: 0px;
}
#story_related_shows li a:hover,
#story_related_people li a:hover{
color: #000;
}
/* generic "subscribe to tv.com" module */
#subscribe{
overflow: visible;
}
#subscribe .twit{
margin-top: 8px;
border-top: 1px solid #aaa;
padding-top: 10px;
}
#subscribe .fb{
padding-top: 8px;
clear: both;
}
#subscribe h4{
font-weight: bold;
font-size: 14px;
margin-top: 8px;
border-top: 1px solid #aaa;
padding-top: 10px;
padding-bottom: 8px;
}
#subscribe .newsletter .title {
float: left;
width: 144px;
}
#subscribe .newsletter a{
float: left;
font-size: 10px;
cursor: pointer;
}
#subscribe .newsletter a:last-child{
padding-left: 12px;
}
/* tivo_info_page styles are in the page template */
#tivo_panel h3 {
padding-top: 8px;
font-size: 16px;
font-weight: bold;
line-height: 20px;
margin-left:128px;
}
#tivo_panel .panel h3 {
margin-left:54px;
color:#000;
}
#tivo_panel .showtitle {
color: #963;
}
/*
#tivo_panel .BUTTON{
width:46px;
margin-top: 14px;
}
#tivo_panel button.button{
margin-left: -5px;
margin-top: 14px;
}
#tivo_panel p{
padding-top: 12px;
}
#tivo_panel .cancel {
margin-top: 14px;
float: left;
font-size: 14px;
line-height: 26px;
font-weight: bold;
padding-left: 36px;
}
#tivo_panel .showtitle {
color: #963;
}
#tivo_panel .error,
#tivo_panel .not_linked {
padding-left: 72px;
background: url(http://images.tvtome.com/tv/images/icons/icn_alert.png) no-repeat 21px 0;
}
#tivo_panel .not_linked a {
font-weight: bold;
}
#tivo_panel .success {
padding-left: 72px;
background: url(http://images.tvtome.com/tv/images/icons/icn_check.png) no-repeat 21px 24px;
}
#tivo_panel .recording_setup li {
border-bottom: solid 1px #aaa;
padding-bottom: 16px;
padding-top: 12px;
}
#tivo_panel .recording_setup li.last {
border-bottom: none;
}
#tivo_panel .recording_setup .type label {
padding-left: 4px;
padding-right: 73px;
}
#tivo_panel .dvr select {
display: block;
margin-top: 8px;
width: 244px;
}
#tivo_panel .email input {
display: block;
margin-top: 8px;
width: 244px;
}
/* module on showpage for record to tivo */
#tivo_record {
margin-bottom: 12px;
margin-top: -8px;
}
#tivo_record:hover {
opacity:.8;
*filter:alpha(opacity=80);
}
#tivo_record img {
float: left;
}
#tivo_record a {
display:block;
font-size: 12px;
font-weight: bold;
*font-weight:600;
line-height: 15px;
padding:0 10px;
}
#tivo_record sup {
vertical-align: super;
font-size: 8px;
}
/* module on homepage
#tivo_promo {
background: url(http://images.tvtome.com/tv/images/backgrounds/module_gradient.png) repeat-x 0 -4px;
border: none;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 30px;
}
#tivo_promo h2{
font-size: 14px;
font-weight: bold;
}
#tivo_promo img {
float: left;
padding-right: 8px;
}
#tivo_promo p {
padding-top: 2px;
padding-bottom: 3px;
color: #666666;
}
#tivo_promo sup {
vertical-align: super;
font-size: 8px;
}*/
/* todays_gallery */
#todays_gallery .gallery_image{
display:block;
margin-top: 18px;
clear:both;
}
#todays_gallery .caption {
margin-top: 8px;
line-height: 18px;
margin-bottom: 4px;
color: #404040;
}
#todays_gallery .CONTINUED {
line-height: 16px;
}
/* top contributors */
#top_contributors .contributor {
padding-top: 12px;
height: 40px;
padding-left: 48px;
position: relative;
clear: both;
}
#top_contributors .thumb {
display: block;
position: absolute;
top: 16px;
left: 0px;
}
#top_contributors .thumb img {
width: 40px;
height: 40px;
}
#top_contributors .user_name {
color: #669900;
font-weight: bold;
}
#top_contributors .role {
font-size: 11px;
color: #000;
font-weight: bold;
padding-left: 4px;
}
#top_contributors .stats {
color: #666;
font-size: 11px;
}
#top_contributors .CONTINUED {
background: none;
}
/*---------------------------------------------------------
Top Full Episodes module styles
(appears in sidebars of select pages)
- this inherits styles from .VIDEO_COLUMN as well
---------------------------------------------------------*/
#top_full_episodes { margin:24px 0; }
#top_full_episodes h3 { margin-bottom:16px; font-size:18px; }
/******************top shows module on homepage*******/
#top_ten_shows p.top_10_time {
display:block;
color:#999;
padding:0px 0 15px 12px;
font-size: 11px;
}
#top_ten_shows .subhead {
clear:both;
font-size: 12px;
line-height: 16px;
color: #333;
padding: 5px 0 6px 12px;
font-weight: bold;
}
#top_ten_shows .subhead .link {
font-weight: normal;
}
#top_ten_shows .subhead .divider {
border-right: solid 1px #ccc;
padding-right: 8px;
margin: 0 6px 0 0;
}
#top_ten_shows .thumb {
display: block;
width: 260px;
height: 92px;
margin-left: 40px;
margin-bottom: 8px;
}
#top_ten_shows .featured_show{
font-size: 15px;
line-height: 17px;
font-weight: bold;
clear: both;
padding-bottom: 6px;
}
#top_ten_shows .count{
float: left;
width: 30px;
text-align: right;
color: black;
}
#top_ten_shows .featured_show .info{
position: relative;
overflow: hidden;
_float:left; /*ie6*/
padding-left: 10px;
}
#top_ten_shows .featured_show .info .links li{
float: left;
font-size: 11px;
line-height:12px;
font-weight: normal;
border-left: solid 1px #ccc;
padding-left: 4px;
margin-left: 4px;
}
#top_ten_shows .featured_show .info .links {
padding-top: 2px;
}
#top_ten_shows .featured_show .info .links li.first{
border: none;
margin-left: 0px;
padding: 0;
}
#top_ten_shows .show_title {
color: #963;
font-weight:normal;
}
#top_ten_shows .show_title strong {
color:#963;
font-size: 12px;
}
#top_ten_shows .show{
padding-top: 4px;
font-weight: bold;
clear: both;
}
#top_ten_shows .show .show_title {
padding-left: 12px;
}
#top_ten_shows .SEE_MORE {
font-size: 11px;
line-height: 11px;
padding-left: 16px;
position: relative;
padding-top: 3px;
padding-right: 8px;
background: url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat right -115px;
}
#most_checked_in_shows_tab {
display: none;
}
/* trivia, quotes, and all that */
#trivia_etc {
font-size: 12px;
line-height: 16px;
}
#trivia_etc br{
margin-top: 4px;
}
#trivia_etc ul {
clear: both;
}
#trivia_etc li {
background: transparent url(http://images.tvtome.com/tv/images/tv_wide/layout/dot_gray.gif) repeat-x left top;
padding-top: 8px;
margin-top: 8px;
}
#trivia_etc .edit_link_wrap {
display: block;
}
#trivia_etc li.first {
margin-top: 4px;
background: none;
}
/* trivia for summary pages */
#trivia_summary h4 {
clear: both;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-top:12px;
}
#trivia_summary br{
display: block;
margin-top: 4px;
}
#trivia_summary ul {
clear: both;
}
#trivia_summary li {
background: transparent url(http://images.tvtome.com/tv/images/tv_wide/layout/dot_gray.gif) repeat-x left top;
padding-top: 8px;
margin-top: 8px;
}
#trivia_summary li.first {
margin-top: 4px;
}
/* reorder trivia, quotes, and all that */
.widget {
margin-top: 10px;
margin-bottom: 20px;
}
/* Calendar Widget */
.widget_calendar{
padding-top:20px;
padding-left:13px;
}
.widget_calendar .month{
border:1px solid #ccc;
border-width:1px 0 0 1px;
width:952px;
}
.widget_calendar .weekTitle{
width:952px;
}
.widget_calendar .weekTitle .dayTitle{
width:127px;
height:20px;
float:left;
position:relative;
font-size:11px;
padding-left:8px;
font-weight:bold;
font-size:13px;
border:1px solid #fff;
border-width:0 1px 0px 0;
}
.widget_calendar .month .day{
width:135px;
height:200px;
border:1px solid #ccc;
border-width:0 1px 1px 0;
float:left;
position:relative;
font-size:11px;
}
.widget_calendar .month .day.today{
border:3px solid #ff9700;
background: #fff2df;
height:194px;
width:130px;
}
.widget_calendar #premiereCalendar #monthName{
text-align:center;
font-size:22px;
font-weight:bold;
width:945px;
padding:10px 0 20px 0;
}
.widget_calendar .month {position:relative;}
.widget_calendar .month .day a{text-decoration:none;}
.widget_calendar .month .day .data{
padding: 30px 4px 4px 8px;
}
.widget_calendar .month .day .data a {
font-weight: bold !important;
}
.widget_calendar .month .day .data li{
padding-bottom:6px;
}
.widget_calendar .choose_month {
text-align: center;
font-size: 20px;
font-weight: bold;
width: 945px;
padding: 10px 0 25px 0;
font-family: 'Open Sans','Lucida Grande',sans-serif;
}
.widget_calendar .choose_month .arrow{
font-size:18px;
color:#000;
margin:0 20px;
}
.widget_calendar .choose_month .arrow:hover{
color:#069;
}
.widget_calendar .choose_month .prevMonthBtn, .choose_month .nextMonthBtn{
text-decoration:none;
font-weight:bold;
}
.widget_calendar .month .dayOfMonth{
position:absolute;
top:8px;
left:8px;
font-weight:bold;
font-size:16px;
color:#000;
}
.widget_calendar .month .day .hidden {
display: none;
}
.widget_calendar .month .day .seeMore{
color:#888;
font-style: italic;
margin: 0 0 0 5px;
}
.widget_calendar .month .day.disabled .dayOfMonth{
color:#ddd;
}
.widget_calendar .calOverlay{
box-shadow:0 5px 20px #999;
-moz-box-shadow:0 5px 20px #999;
padding: 30px 4px 4px 8px;
background:#fff;
position:absolute;
width:280px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
min-height: 185px;
font-size:11px;
line-height:1.2em;
border:2px solid #888;
border:2px solid rgba(255,255,255,1);
z-index:10000;
display: none;
left: 60px;
top: 10px;
}
.widget_calendar .calOverlay div {
border-bottom: 1px dotted #CCC;
font-weight: bold;
font-size: 14px;
padding-bottom: 6px;
}
.widget_calendar .calOverlay .data {
padding-top: 10px !important;
}
.widget_calendar .calOverlay .data li{
padding-bottom:8px;
}
.widget_calendar .calOverlay .closeBtn{
background:#ddd;
color:#fff;
text-decoration:none;
display:block;
width:22px;
height:20px;
text-align:center;
line-height:20px;
font-size:13px;
font-weight:bold;
position:absolute;
top:4px;
right:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.widget_calendar .calOverlay .closeBtn:hover{
background:#ccc;
}
/* Navigation Widget */
.widget_navigation {
border-bottom: solid 6px #E68600;
height: 27px;
}
.widget_navigation li {
float: left;
margin-right: 4px;
min-width: 104px;
}
.widget_navigation li a {
background: #F0F0F0;
color: #777;
padding: 7px 5px 5px 5px;
display: block;
font-size: 12px;
text-align: center;
text-decoration: none;
font-weight: bold;
text-shadow: 0 1px 0 white;
font-family: 'Open Sans','Lucida Grande',sans-serif;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, rgb(230,230,230)), color-stop(0.72, rgb(240,240,240)) );
background-image: -moz-linear-gradient( center bottom, rgb(230,230,230) 10%, rgb(240,240,240) 72% );
}
.widget_navigation li a:hover {
background: #C0C0C0;
color: #444;
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, rgb(200,200,200)), color-stop(0.72, rgb(240,240,240)) );
background-image: -moz-linear-gradient( center bottom, rgb(200,200,200) 10%, rgb(240,240,240) 72% );
}
.widget_navigation li.selected a {
background: #FE9900;
color: white;
text-shadow: 0 -1px 0 #D60;
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.20, rgb(230,134,0)), color-stop(0.72, rgb(254,152,0)) );
background-image: -moz-linear-gradient( center bottom, rgb(230,134,0) 20%, rgb(254,152,0) 72% );
}
/* Sharing Widget */
.widget_sharing {
margin:0 !important;
padding:0 !important;
}
.widget_sharing .widget_twitter {
float: left;
display: block;
position: relative;
}
.widget_sharing .widget_google {
display: block;
float: left;
width: 79px;
}
.widget_sharing .widget_facebook {
display: block;
float: left;
position: relative;
}
/* Single Gumball Widget */
.widget.single_gumball {
margin: 15px 0 20px 0;
}
.widget.single_gumball h2 {
font-size: 24px;
font-family: 'Open Sans','Lucida Grande',sans-serif;
letter-spacing:-1px;
font-weight: bold;
padding-bottom: 10px;
line-height: 1.2em;
font-weight:bold;
}
.widget.single_gumball h2.entry-title {
padding-top: 10px !important;
color: #E68600 !important;
}
.widget.single_gumball li {
margin: 0 0 10px
}
.widget.single_gumball .image_container {
float: left;
}
.widget.single_gumball .image_container img {
width: 237px;
height: 146px;
padding: 3px;
border: 1px solid #DDD;
}
.widget.single_gumball .gumball_copy {
float: right;
width: 385px;
}
.widget.single_gumball p {
font-size: 12px;
line-height:1.5em;
}
.widget.single_gumball .SEE_MORE, .widget.double_gumball .SEE_MORE, .widget.small_double_gumball .SEE_MORE, .widget.small_single_gumball .SEE_MORE {
color:#000 !important;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
}
/* Double Gumball Widget */
.widget.double_gumball {
border-top: 1px dotted #bbb;
padding-top: 10px;
}
.widget.double_gumball h2 {
font-family: 'Open Sans','Lucida Grande',sans-serif;
font-weight: bold;
font-size: 17px;
padding-bottom: 10px;
letter-spacing:-1px;
border-bottom: 1px dotted #ccc;
}
.widget_double_gumball li {
width: 310px;
float: left;
min-height: 150px;
margin: 10px 0;
}
.widget_double_gumball li a{ color: #333; }
.widget.double_gumball .image_container {
float: left;
padding-right: 8px;
}
.widget.double_gumball .image_container img {
width: 135px;
height: 135px;
border: 1px solid #EEE;
padding: 3px
}
.widget.double_gumball .gumball_copy {
float: left;
width: 158px;
}
.widget.double_gumball .gumball_copy p{
line-height:1.5em;
font-size:12px;
}
.widget.double_gumball .gumball_copy h3 a{
font-size:13px;
color:#333 !important;
padding-bottom:10px;
}
.widget_text {
margin: 0 11px;
}
.widget_text h2 {
font-size: 24px;
font-family: 'Open Sans','Lucida Grande',sans-serif;
font-weight: bold;
letter-spacing:-1px;
margin: 20px 0 20px;
}
.widget .gumball_copy a {
font-weight: bold;
font-family: "Helvetica Neue", "Arial", sans-serif;
}
.widget .gumball_copy h2 a {
color:#333;
letter-spacing:0;
}
/* Small Double Gumball Widget */
.widget.small_double_gumball {
border-top: 4px solid #CCC;
padding-top:10px;
}
.widget.small_double_gumball h2 {
font-family: 'Open Sans','Lucida Grande',sans-serif;
font-weight: bold;
font-size: 17px;
padding-bottom: 10px;
letter-spacing: -1px;
margin-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
.widget.small_double_gumball li {
width: 310px;
float: left;
min-height: 90px;
padding-right: 10px;
}
.widget_small_double_gumball li a{ color: #333; }
.widget.small_double_gumball .image_container {
float: left;
padding-right: 8px;
}
.widget.small_double_gumball .image_container img {
width: 120px;
height: 65px;
border: 1px solid #DDD;
padding: 2px
}
.features .COLUMN_B .widget_text{
margin:0px;
}
.features .COLUMN_A .widget_text {
margin-left: 0;
}
.features .COLUMN_B .widget_text h2{
letter-spacing:-1px;
font-weight:bold;
font-family: 'Open Sans','Lucida Grande',sans-serif;
font-size:17px;
padding:5px 0;
border-top: 1px solid #ccc;
}
.features .COLUMN_B .widget_text h3{
padding:4px 0;
font-size:14px;
font-weight:bold;
border:1px dotted #ccc;
border-width:1px 0;
color:#666;
}
.features .COLUMN_B li{
padding-top:4px;
}
.features .COLUMN_B li a{
font-weight:bold;
}
/* Small Single Gumball Widget */
.widget.small_single_gumball {
margin: 15px 0 10px 0;
}
.widget.small_single_gumball h2.entry-title {
padding-top: 10px !important;
color: #E68600 !important;
}
.widget.small_single_gumball li {
margin: 10px 0 10px
}
.widget.small_single_gumball .image_container {
float: left;
}
.widget.small_single_gumball .image_container img {
width: 135px;
height: 135px;
padding: 3px;
border: 1px solid #DDD;
}
.widget.small_single_gumball .gumball_copy {
float: right;
width: 480px;
}
.widget.small_single_gumball h2 {
font-size: 24px;
line-height: 1.2em;
font-weight: bold;
padding-bottom: 4px;
letter-spacing:-1px;
font-family: 'Open Sans','Lucida Grande',sans-serif;
}
.widget.small_single_gumball p {
font-size: 12px;
line-height:1.5em;
}
.widget.triple_vertical_gumball {
border-top: solid 6px #CCC;
padding-top: 10px;
}
.widget.triple_vertical_gumball ul li {
float: left;
width: 213px;
}
.widget.triple_vertical_gumball li .gumball_copy {
width:200px;
}
.widget.triple_vertical_gumball .SEE_MORE {
display: none;
}
.widget.triple_vertical_gumball .image_container {
margin-bottom: 4px;
}
.widget.triple_vertical_gumball .image_container img {
width: 192px;
height: 105px;
padding: 3px;
border: solid 1px #ccc;
}
.widget.triple_vertical_gumball > h2 {
font-weight: bold;
font-size: 17px;
border-bottom: dotted 1px #CCC;
margin-bottom: 8px;
padding-bottom: 8px;
letter-spacing:-1px;
font-family: 'Open Sans', 'Lucida Grande', sans-serif;
}
/* Widget Video Player */
.widget.video_player .bighead_video{
margin-bottom:15px;
background:#000;
}
.widget.video_player .bighead_video.isLoading{
text-align:center;
background:url(http://images.tvtome.com/tv/images/status/spinners/spinner_32_light.gif) no-repeat center center;
}
.widget.video_player .main_video .video_title{
font-weight:bold;
font-size:15px;
letter-spacing:-1px;
font-family: 'Open Sans', 'Lucida Grande', sans-serif;
}
.widget.video_player .video_copy{
padding:10px 0;
}
.widget.video_player .subvideo{
float:left;
margin:0 0px 30px 14px;
max-width:150px;
}
.widget.video_player .subvideo:first-child{
margin-left:0px;
}
.widget.video_player .subvideo .thumb{
padding:3px;
border:1px solid #999;
margin-bottom:7px;
width:140px;
}
.widget.video_player .subvideo .play_video_lnk .playbtn{
background: url("http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png") no-repeat scroll 0px -812px transparent;
width:20px;
height:20px;
position:absolute;
right:0px;
bottom:0px;
}
.widget.video_player .subvideo .play_video_lnk:hover .playbtn{
background: url("http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png") no-repeat scroll 0px -932px transparent;
}
.widget.video_player .subvideo .play_video_lnk{
display:block;
max-width:140px;
max-height:80px;
overflow:hidden;
position:relative;
}
.widget.video_player .subvideo .thumb img{
display:block;
max-width:140px;
}
.widget.video_player .subvideo .video_title{
font-weight:bold;
font-size:12px;
}
.widget.video_player .subvideo .video_airtime{
color:#666;
}
.widget.video_player .subheading{
border-top: 3px solid #ddd;
border-bottom:1px dotted #ccc;
padding:8px 0;
margin:24px 0 14px 0;
}
.widget.video_player .subheading h3{
font-size:18px;
font-weight:bold;
font-family: 'Open Sans', 'Lucida Grande', sans-serif;
}
.content .triple_vertical_gumball .gumball-1{
background:url('http://images.tvtome.com/tv/images/features/2011BestOf/bestof2011-votebtns-sprite.gif') no-repeat 0 0 transparent;
padding-top:65px;
}
.content .triple_vertical_gumball .gumball-2{
background:url('http://images.tvtome.com/tv/images/features/2011BestOf/bestof2011-votebtns-sprite.gif') no-repeat -222px 0 transparent;
padding-top:65px;
}
.content .triple_vertical_gumball .gumball-3{
background:url('http://images.tvtome.com/tv/images/features/2011BestOf/bestof2011-votebtns-sprite.gif') no-repeat -444px 0 transparent;
padding-top:65px;
}
.widget_twitter_feed h2 {
font-weight: bold;
font-size: 17px;
margin-bottom: 10px;
font-family: 'Open Sans', 'Lucida Grande', sans-serif;
letter-spacing:-1px;
border-top: 4px solid #ccc;
padding: 5px 0;
}
.widget_twitter_feed iframe {
position: relative;
top: 3px;
}
.widget_twitter_feed .twtr-doc {
margin-left: 10px;
}
.COLUMN_B .widget.single_gumball {
margin:0;
border-top: solid 4px #CCC;
padding-top: 5px;
}
.COLUMN_B .widget.single_gumball h2{
font-size:17px;
line-height:1.2em;
font-weight:bold;
padding-bottom:10px;
font-family: 'Open Sans', 'Lucida Grande', sans-serif;
letter-spacing:-1px;
border-bottom:1px dotted #ccc;
margin-bottom:5px;
}
.COLUMN_B .widget.single_gumball .image_container img {
width: 122px;
height: 67px;
}
.COLUMN_B .widget.single_gumball .gumball_copy {
width: 164px;
}
.COLUMN_B .widget.single_gumball .SEE_MORE {
display: none;
}
/* reorder nav */
.blurb_reorder_nav {
width: 620px;
height: 34px;
margin: 0 auto 0 auto;
}
.blurb_reorder_nav li {
display: inline;
background-color: #fff;
border-left: solid 1px #ddd;
margin-left: 0.6em;
padding-left: 0.6em;
}
.blurb_reorder_nav .first {
border: none;
margin-left: 0;
padding-left: 0;
}
.blurb_reorder_nav a{
font-size: 14px;
color: #069;
}
.blurb_reorder_nav li a:hover {
color: #000;
text-decoration:none;
}
/* reorder header */
.blurb_reorder h1{
padding-top: 8px;
font-size: 24px;
color: #000;
}
/* reorder list */
.blurb_reorder {
font-size: 12px;
line-height: 16px;
}
.blurb_reorder br {
display: block;
margin-top: 4px;
}
.blurb_reorder ul {
clear: both;
}
.blurb_reorder li {
border: solid 1px #ddd;
background: url("http://images.tvtome.com/tv/images/macgyver/drag-bar.png") no-repeat 6px center transparent;
background-color: #ECF7FF;
padding: 8px 0 8px 25px;
margin-top: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.blurb_reorder li:hover {
cursor: pointer;
}
.blurb_reorder li.first {
margin-top: 4px;
background: none;
}
.blurb_hidden {
visibility: hidden;
float: right;
}
.blurb_reorder_console {
float: right;
width: 140px;
}
.blurb_reorder_console p {
visibility: hidden;
font-size: 16px;
font-weight: bold;
color: #2582dc;
float: left;
margin-top: 15px;
}
.blurb_reorder_submit {
border: none;
line-height: 5px;
padding: 0 8px;
margin: 10px 0;
background: -moz-linear-gradient(center top , #40AAE8 0%, #2582DC 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40aae8), to(#2582dc));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#40aae8', EndColorStr='#2582dc')"; /* IE8 */
color: #FFF;
float: right;
}
.blurb_reorder_submit:hover {
background: none repeat scroll 0 0 #2582DC;
}
/* overwrites old user_comments styles */
/* TO DO: REMOVE THESE AND USE #story_comments MODULE INSTEAD */
#user_comments_new{
border-top: none;
padding-top: 0px;
}
#user_comments_new #user_comments .header,
#user_comments_new #user_comments .actions ul{
display:none;
}
#user_comments_new #user_comments .paginated_nav {
padding-top: 12px;
font-size: 12px;
line-height: 16px;
}
#user_comments_new #user_comments .actions {
float: right;
margin: 6px 55px 0 0;
_width: 100px; /*ie6*/
color: #999;
}
#user_comments_new #user_comments .posted_comments li {
clear:both;
overflow:hidden;
padding-top: 12px;
margin-top: 12px;
background: transparent url(http://images.tvtome.com/tv/images/tv_wide/layout/dot_gray.gif) repeat-x left top;
}
#user_comments_new #user_comments .thumb {
float:left;
}
#user_comments_new #user_comments .thumb img {
max-width: 40px;
max-height: 40px;
}
#user_comments_new #user_comments .mod_options {
display:block;
float:right;
width: 220px; /*height & width mainly for ie6*/
height: 24px;
text-align: right;
}
#user_comments_new #user_comments .mod_options select {
width: 170px;
}
#user_comments_new #user_comments .byline {
font-size: 11px;
color: #808080;
margin-top: 12px;
}
#user_comments_new #user_comments .comment .info {
overflow:hidden;
position: relative;
_float:left; /*ie6*/
padding-left: 16px;
top: -2px;
color: #404040;
line-height: 18px;
}
#user_comments_new #user_comments #msg_content {
width: 90%;
height: 60px;
padding: 4px;
border: solid 1px #99CC33;
color: #808080;
}
/*apply to old user_comments too */
#user_comments .comment .info {
font: 12px/16px helvetica,arial,sans-serif;
}
#user_comments .USERNAME {
font-weight: bold;
padding-right:4px;
}
#user_comments .mod_options select {
font-size: 11px;
}
/* video list e.g. on show pages */
#video_list {
font-size: 12px;
line-height: 15px;
border: none;
padding-top: 0px;
}
#video_list h4{
font-size: 14px;
line-height: 16px;
font-weight: bold;
}
#video_list .thumb {
float: left;
padding-right: 12px;
}
#video_list .provider {
font-weight: bold;
}
#video_list .details {
overflow: hidden;
position: relative;
}
#video_list .deck {
padding-right: 10%
}
#video_list .videos li {
clear: both;
padding-top: 12px;
margin-top: 16px;
}
/** video_page - used on the saved videos page **/
#video_page {
clear:both;
}
#video_page .sorter {
float: right;
padding-right: 16px;
font-size: 11px;
}
#video_page .sorter label {
font-weight: bold;
line-height: 30px;
}
#video_page .sorter select {
padding: 0;
width: 100px;
margin-left: 4px;
}
#video_page .video {
margin-bottom:20px;
padding:14px 70px 0 0;
overflow:hidden;
border-top:1px dotted #ccc;
}
#video_page .video.first {
border-top-style:solid;
}
#video_page .show_details {
position: relative;
overflow: hidden;
}
#video_page .show_details h4 {
margin-bottom:3px;
font-size:12px;
line-height:14px;
font-weight:bold;
}
#video_page .show_details h4 a {
color:#963;
}
#video_page .episode_name {
margin-bottom:5px;
font-size:11px;
line-height:13px;
}
#video_page .episode_name a {
color:#963;
}
#video_page .description {
margin-bottom:4px;
font-size:11px;
line-height:16px;
color:#666;
}
#video_page .meta_info {
margin:0 0 10px;
font-size:11px;
color:#999;
}
/* some slight craziness for the saved videos page */
#video_page .hide_unless_saved {
display: none;
}
#video_page .hide_unless_saved.saved {
display: block;
}
#video_page .unsave_button{
float:right;
margin-right: 12px;
}
/*---------------------------------------------------------
Video List styles
- on inside video pages
---------------------------------------------------------*/
/* Video list styles */
.VIDEO_INSIDE .video_list { clear:both; }
.VIDEO_INSIDE .video_list li { margin-bottom:20px; padding:14px 70px 0 0; overflow:hidden; border-top:1px dotted #ccc; }
.VIDEO_INSIDE .video_list li.first { border-top-style:solid; }
/*thumbnail*/
.VIDEO_INSIDE .video_list .thumbnail { position:relative; float:left; width:140px; height:80px; margin-right:12px; display:block; overflow:hidden; cursor:pointer; }
.VIDEO_INSIDE .video_list .thumbnail img { width:140px; background:#999; }
.VIDEO_INSIDE .video_list .thumbnail .video_type { position:absolute; bottom:0; left:0; z-index:5; width:134px; height:14px; padding:3px 0 3px 6px; overflow:hidden; text-indent:-999px; font-size:10px; *line-height:12px; font-weight:bold; text-transform:capitalize; color:#fff; }
.VIDEO_INSIDE .video_list .thumbnail .play_icon { position:absolute; bottom:0; right:0; z-index:10; width:20px; height:20px; overflow:hidden; background:url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat 0 -812px; text-indent:-999px; opacity:.9; *filter:alpha(opacity=90); }
/*thumbnail hover*/
.VIDEO_INSIDE .video_list .thumbnail:hover { text-decoration:none; }
.VIDEO_INSIDE .video_list .thumbnail:hover .video_type { background:url(http://images.tvtome.com/tv/images/backgrounds/blackout.png) repeat; _background:#000; _filter:alpha(opacity=80); text-indent:0; text-decoration:none; }
.VIDEO_INSIDE .video_list .thumbnail:hover .play_icon { opacity:1; *filter:alpha(opacity=100); }
/*show_details*/
.VIDEO_INSIDE .video_list .show_details { margin-left:150px; }
.VIDEO_INSIDE .video_list .show_details h4 { margin-bottom:3px; font-size:12px; line-height:14px; font-weight:bold; }
.VIDEO_INSIDE .video_list .show_details h4 a { color:#963; }
.VIDEO_INSIDE .video_list .show_details .episode_name { margin-bottom:5px; font-size:11px; line-height:13px; }
.VIDEO_INSIDE .video_list .show_details .episode_name a { color:#963; }
.VIDEO_INSIDE .video_list .show_details .description { margin-bottom:4px; font-size:11px; line-height:16px; color:#666; }
.VIDEO_INSIDE .video_list .show_details .meta_info { margin:0 0 10px; font-size:11px; color:#999; }
/* Show Meta Navigation */
.VIDEO_INSIDE .show_meta_navigation li { margin:0; padding:0; border:none; }
/* Pagination */
.VIDEO_INSIDE .paginated_nav { margin-bottom:8px; overflow:hidden; }
.VIDEO_INSIDE .pagination span { display:none; }
/* Fixes the Sponsored Links on Lights Out */
.VIDEO_INSIDE .sponsored_links { padding:0 16px; }
/*---------------------------------------------------------
Video row styles
---------------------------------------------------------*/
.video_row {overflow:hidden; clear:both}
.video_row li { width:140px; *height:150px; padding:12px 0 20px 20px; float:left; }
.video_row li.left { padding-left:0; clear:left; }
/*thumbnail*/
.video_row .thumbnail { position:relative; float:left; width:140px; height:80px; margin-right:10px; display:block; cursor:pointer; }
.video_row .thumbnail img { width:140px; height:80px; background:#999; }
.video_row .thumbnail .video_type { position:absolute; bottom:0; left:0; z-index:5; width:134px; height:12px; padding:4px 0 4px 6px; overflow:hidden; text-indent:-999px; font-size:10px; line-height:12px; font-weight:bold; text-transform:capitalize; color:#fff; }
.video_row .thumbnail .intel { position:absolute; bottom:0; right:40px; width:26px; background:none; }
.video_row .thumbnail .play_icon { position:absolute; bottom:0; right:0; z-index:10; width:20px; height:20px; overflow:hidden; background:url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat 0 -812px; text-indent:-999px; }
.video_row .thumbnail .play_icon.offsite { background:url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat scroll 1px -1080px; }
/*thumbnail hover*/
.video_row .thumbnail:hover { text-decoration:none; }
.video_row .thumbnail:hover .video_type { background:url(http://images.tvtome.com/tv/images/backgrounds/blackout.png) repeat; _background:#000; _filter:alpha(opacity=80); text-decoration:none; text-indent:0; }
/* tooltips */
.video_row .thumbnail .TOOLTIP { top:66px; left:-10px; width:200px; }
.video_row .thumbnail .TOOLTIP .tooltip_content { width:136px; }
.video_row li.right .thumbnail .TOOLTIP { left:-50px; }
.video_row li.right .thumbnail .TOOLTIP .tail { background:url(http://images.tvtome.com/tv/images/tooltips/tooltips-box.png) no-repeat; _background-image:none; }
.video_row li.right .thumbnail .TOOLTIP .ne { background-image:url(http://images.tvtome.com/tv/images/tooltips/tooltips-vertical_tails.png); _background-image:none; }
/*show_details*/
.video_row .show_details { margin-top:86px; _float:left; _display:block; }
.video_row .show_details h4 { margin-bottom:4px; font-size:12px; line-height:14px; font-weight:bold; }
.video_row .show_details h4 a { color:#963; }
.video_row .show_details .air_date,.video_row .show_details .duration { font-size:11px; line-height:13px; color:#999; }
/* video_provider_logo - not really a module, just a logo */
#video_provider_logo {
position: absolute;
width: 300px;
height: 60px;
background: url(http://images.tvtome.com/tv/images/sprites/cp-logos-15.png) no-repeat right -2000px;
}
#video_provider_logo.CBS {background-position: right 0px;}
#video_provider_logo.CBSNews {background-position: right 0px;}
#video_provider_logo.Showtime {background-position: right -60px;}
#video_provider_logo.CW {background-position: right -120px;}
#video_provider_logo.FOX {background-position: right -180px;}
#video_provider_logo.PBS {background-position: right -240px;}
#video_provider_logo.Sony {background-position: right -300px;}
#video_provider_logo.MTV {background-position: right -360px;}
#video_provider_logo.Sony_minisode {background-position: right -420px;}
#video_provider_logo.Sony_crackle {background-position: right -480px;}
#video_provider_logo.TLC {background-position: right -540px;}
#video_provider_logo.DiscoveryChannel {background-position: right -600px;}
#video_provider_logo.AnimalPlanet {background-position: right -660px;}
#video_provider_logo.WorldFocus {background-position: right -740px;}
#video_provider_logo.SmithsonianChannel {background-position: right -800px;}
/* video_table used in showspace videos page */
#video_table {overflow:visible}
#video_table .videos { width:100%; margin-top: 4px; clear:both;}
#video_table .videos th { padding-bottom: 6px; border-collapse:separate; border-bottom:solid 1px #e6e6e6; text-align:center; color:#000; font-weight:normal;
padding-top: 6px;
}
#video_table .videos td { text-align:center; vertical-align:top; color: #404040;
}
#video_table .videos tr.first td {
padding-top: 10px;
}
#video_table .videos th.title { text-align:left; width: 47% }
#video_table .videos th.season { padding-right:4px; width: 1%;}
#video_table .videos th.runtime { width: 26%;}
#video_table .videos th.air_date { text-align:right; white-space:nowrap;}
#video_table .videos th a { color:#069; }
#video_table .videos th .active { color:#000; padding-right:16px; font-weight: bold; }
/*this is for the episode th for when we are sorting by season (they are linked, but you can't filter by episode)*/
#video_table .videos th .ascending { background:black url(http://images.tvtome.com/tv/images/sprites/big_sprite_014.png) no-repeat right -818px; }
#video_table .videos th .descending { background:black url(http://images.tvtome.com/tv/images/sprites/big_sprite_014.png) no-repeat right -798px; }
#video_table .videos td.play { text-align:left; width: 5%;}
#video_table .videos td .play_icon { width:20px; height:20px; display:block; overflow:hidden; background:url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat 0 -669px; text-indent:-999px; }
#video_table .videos td.play .play_icon.offsite { background:url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat scroll 0 -1417px; }
#video_table .videos td.title { text-align:left; width:42%; padding-bottom: 12px;}
#video_table .videos td.season { padding-right:4px; white-space:nowrap; text-align:left;}
#video_table .videos td.air_date { text-align:right; }
#video_table .videos td:hover { *position:relative; *top:2px; *z-index:999999!important; }/* fixes tooltip zindex for stupid ie */
#video_table .videos td.title a { position:relative; font-weight: bold; color:#963;
line-height: 14px;
}
#video_table .videos td.title a:hover { text-decoration:none; color:#000; }
#video_table .videos .TOOLTIP { top:-38px; right:-400px; width:400px; }
#video_table .videos .TOOLTIP .tooltip_content { width:336px; }
#video_table .videos .TOOLTIP .first p { line-height:20px; }
#video_table .videos .TOOLTIP span.play_icon.offsite { position:static; float:left; width:20px; height:20px; padding-right:2px; display:block; overflow:hidden; background:url(http://images.tvtome.com/tv/images/sprites/tall_skinny_sprite_040.png) no-repeat scroll 0 -1417px; text-indent:-999px; }
#video_table .PAGINATOR { border-top:solid 1px #e6e6e6; margin-top: 4px;
padding-top: 12px;
}
/********* Stuff for pre-2009 pages *********/
#show_blog_entries p {
margin-bottom: 10px;
}
/* old image grid page */
.gallery_grid .body ul .wrap {
margin: 0;
}
.gallery_grid .body li {
width: 136px;
}
#favorite_collection .empty {
padding: 20px;
font-size: 14px;
font-weight: bold;
}
.listings_network table td.show .wrap {
line-height: 13px;
}
#content {
padding-top: 0px;
}
#half_layout {
/*fix for videos page*/
width: 986px;
}
.content_title { margin-bottom:16px!important; }
.content_title h1 {
color: #333333;
font-family: 'Open Sans','Lucida Grande',sans-serif;
font-size: 32px;
font-weight: bold;
letter-spacing: -1px;
line-height: 30px;
margin-bottom: 6px;
max-width: 800px;
}
.content_title h1 span {
color:#666;
}
#content #top .content_title h1, #content #top .content_title h1 a.forum_head {
color:#333;
}
.PERSONSPACE.forums #content.mini { padding-left:16px; }
/* for the cast.tpl module used by show and episode */
.FILTER_NAV {
font-size: 14px;
font-weight: bold;
padding-bottom: 6px;
padding-left: 12px;
padding-top: 4px;
height: 16px;
}
.FILTER_NAV a.active {
color: #000;
}
/*prev/next button in photo viewer */
.item_scroller .prev,
.item_scroller .next {
text-indent: -5000px;
}
/*** import form styles, most live in Godzilla ***/
/* Currently the input buttons don't have a click pointer */
.import_form input {
cursor: pointer !important;
}
/* Select all, deselect all buttons */
.import_form .select_all_button {
float: right !important;
}
.import_form .deselect_all_button {
float: right !important;
}
/* Submit button styles, godzilla override */
.user_submit_tabs .save {
background-position: left -32px !important;
border: 1px solid #0085CA !important;
display: inline !important;
float: right !important;
margin-top: 1px !important;
}
.user_submit_tabs .save a {
background-position: -2px -146px !important;
color: white !important;
height: 29px !important;
line-height: 29px !important;
}
/*** end import form styles ***/
/*cast sorter*/
#cast_sort li .wrap .input_wrap input {
border: none;
background:transparent;
font-weight: bold;
font-size: 18px;
height: 22px;
margin-top: 24px;
width: auto;
color: #666;
}
/* confirm page after edits */
.user_submission .body .intro .complete_links li {
padding: 6px;
font-weight: bold;
}
.cast_list .edit_add_btn {
float:right;
}
#eps_trivia {
font-size: 12px;
line-height: 15px;
}
#content_wrap {
width: 100%;
}
#todays_galleries .body .wrap .thumb {
margin-top: -300px;
}
#edit_message .BUTTON {
float: right;
}
/*HD Gallery tweaks*/
.hd-shell {
padding:0 8px;
overflow:hidden;
_width: 955px;
}
/* Generic Warning div that appears above the header */
.MESSAGE { position:relative; padding:6px 0 7px; background:#333 url(http://images.tvtome.com/tv/images/backgrounds/message_background.png) repeat; }
.MESSAGE .notification { width:560px; margin:0 auto; padding:7px 24px 8px; background-color:#fff; text-align:center; font-size:14px; line-height:16px; color:#fff; }
.ALERT.MESSAGE .notification { background-color:#cf0000; }
.ALERT.MESSAGE .notification.mobile { background-color:#0372ff; }
.MESSAGE .notification h2 { font-weight:bold; color:#fff; line-height:18px; }
.MESSAGE .notification a { color:#fff; font-weight:bold; text-decoration:underline; }
.MESSAGE .browser_icons { padding-top: 5px; }
.MESSAGE .browser_icons a { text-decoration: none; padding-right: 5px; }
/*------ GADGETS AND GLOBAL CLASSES ------*/
._nav_tabs {
height: 35px;
margin:0 14px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color: #d7d7d7;
background-image: -webkit-linear-gradient(bottom, #dcdcdc 10%, #f2f2f2 72%);
background-image: -moz-linear-gradient(bottom, #dcdcdc 10%, #f2f2f2 72%);
background-image: -ms-linear-gradient(bottom, #dcdcdc 10%, #f2f2f2 72%);
background-image: linear-gradient(bottom, #dcdcdc 10%, #f2f2f2 72%);
clear: both;
}
._nav_tabs li {
float: left;
height: 35px;
min-width: 86px;
text-align: center;
}
._nav_tabs li:last-child {
border-right: 1px solid #f2f2f2;
}
._nav_tabs li a {
display: block;
padding: 9px 20px 0 20px;
border-right:1px solid #dcdcdc;
border-left: 1px solid #f2f2f2;
height: 26px;
font-size: 12px;
font-weight: bold;
font-family: 'Open Sans','Lucida Grande',sans-serif;
color: #8c8d91;
text-shadow: 0 1px 0 #f1f1f1;
}
._nav_tabs li:first-child a {
display: block;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
._nav_tabs li.selected a {
border-left: 1px solid #BBB;
border-right: 1px solid #CCC;
background: #FE9900;
color: white;
text-shadow: 0 -1px 0 #D60;
background-image: -webkit-linear-gradient(bottom, #fe9800 20%, #e68600 72%);
background-image: -moz-linear-gradient(bottom, #fe9800 20%, #e68600 72%);
background-image: -ms-linear-gradient(bottom, #fe9800 20%, #e68600 72%);
background-image: linear-gradient(bottom, #fe9800 20%, #e68600 72%);
}
._nav_tabs li.selected:first-child a {
background: #FE9900;
color: white;
text-shadow: 0 -1px 0 #D60;
background-image: -webkit-linear-gradient(bottom, #fe9800 20%, #e68600 72%);
background-image: -moz-linear-gradient(bottom, #fe9800 20%, #e68600 72%);
background-image: -ms-linear-gradient(bottom, #fe9800 20%, #e68600 72%);
background-image: linear-gradient(bottom, #fe9800 20%, #e68600 72%);
}
._nav_tabs a:hover {
text-decoration: none;
background-color: #d7d7d7;
background-image: -webkit-linear-gradient(bottom, #f2f2f2 10%, #dcdcdc 72%);
background-image: -moz-linear-gradient(bottom, #f2f2f2 10%, #dcdcdc 72%);
background-image: -ms-linear-gradient(bottom, #f2f2f2 10%, #dcdcdc 72%);
background-image: linear-gradient(bottom, #f2f2f2 10%, #dcdcdc 72%);
}
/* JavaScript disabled warning */
noscript .notification h2 { font-weight:normal!important; }
/* Unsupported Browser warning */
.browser.notification h2 { font-size:16px; margin-bottom:4px; }
.browser.notification p { width:412px; margin:0 auto; }
/* Growl-esque notifications */
#notifications { position:fixed; top:20px; right:20px; z-index:9999999; }
#notifications li { position:relative; width:140px; min-height:20px; margin-bottom:8px; padding:8px 12px 6px 18px; border:2px solid #fff; *border:1px solid #fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:rgba(0,0,0,.65); *background-color:#000; box-shadow:0px 1px 6px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 1px 6px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 1px 6px 0px rgba(0, 0, 0, 0.5); color:#fff; }
#notifications li:hover { padding:8px 12px 6px 18px; border:2px solid #fff; }
#notifications li.success { min-height:28px; *zoom:1; padding-left:48px; background:rgba(0,0,0,.65) url(http://images.tvtome.com/tv/images/icons/icn_check.png) no-repeat 7px 7px; *background:#000 url(http://images.tvtome.com/tv/images/icons/icn_check.png) no-repeat 7px 7px; }
#notifications li.error { min-height:28px; *zoom:1; padding-left:48px; background:rgba(0,0,0,.65) url(http://images.tvtome.com/tv/images/icons/icn_x.png) no-repeat 7px 7px; *background:#000 url(http://images.tvtome.com/tv/images/icons/icn_x.png) no-repeat 7px 7px; }
#notifications p .show_name { font-weight:bold; }
#notifications .close { display:none; position:absolute; top:2px; left:2px; width:20px; height:20px; background:url(http://images.tvtome.com/tv/images/watchlist/sprites/watchlist_icons.png) no-repeat -8px -142px; overflow:hidden; text-indent:-999px; }
#notifications li:hover .close { display:block; }
/*Zimbio Link Stuff*/
.zimbio strong {font-size:14px; margin-bottom:5px; display:block;}
.zimbio a {font-size:13px; margin-bottom:3px; display:block;}
.zimbio span {color:#666;}
/* overlay on videos hub */
.extra_videos .thumb,
.extra_videos .thumb img{
width: 80px;
height: 53px;
position: relative;
}
.extra_videos .hd .video_overlay {
position:absolute;
left:0px;
top:0px;
width:80px;
height:53px;
background: url(http://images.tvtome.com/tv/images/video_page/intel_thumb_overlay_narrow.png) no-repeat bottom right;
}
.extra_videos .hd .video_overlay:hover {
filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
}
/*The new and improved autocomplete!*/
ul#search_suggestions{
position:absolute;
z-index:1000001;
background:white;
box-shadow: 3px 3px 3px rgba(0.4, 0,0,0);
right:-1px;
top:35px;
width:280px;
padding:0;
text-align:left;
border-radius:4px;
box-shadow:0px 4px 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 4px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0px 4px 8px rgba(0, 0, 0, 0.5);
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
ul#search_suggestions h4 {
color: #333;
font-weight: bold;
font-size: 12px;
padding-top:4px;
}
ul#search_suggestions li {
padding:1px 6px 0;
clear:left;
border-bottom:1px dotted #ccc;
}
ul#search_suggestions li:hover,
ul#search_suggestions li.selected {
border:none;
padding-bottom:1px;
margin-top:-1px;
background:#f3f3f3;
background:-webkit-gradient(linear, left top, left 20%, from(#e6e6e6), to(#f3f3f3));
background:-moz-linear-gradient(top, #e6e6e6, #f3f3f3);
-ms-filter:"filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f3f3f3')";
}
ul#search_suggestions li:hover a.showing,
ul#search_suggestions li.selected a.showing {
padding-top:10px;
}
ul#search_suggestions li a.showing {
padding:9px 0 0 4px;
}
ul#search_suggestions li:hover:first-child,
ul#search_suggestions li:first-child.selected
{
padding-top:0;
padding-bottom:1px;
margin-top:0;
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius: 4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius: 4px;
}
ul#search_suggestions li:last-child {
border:none;
}
ul#search_suggestions li.all_results {
background:-webkit-gradient(linear, left top, left 20%, from(#ccc), to(#ddd));
background:-moz-linear-gradient(top, #ccc, #ddd);
-ms-filter:"filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000')";
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
margin-top:-1px;
}
ul#search_suggestions li.all_results em {
background:url(http://images.tvtome.com/tv/images/sprites/header_icons_005.png) no-repeat 195px -196px;
color: black;
font-style:normal;
text-transform: uppercase;
text-align: center;
display: block;
font-weight: bold;
font-size: 10px;
cursor:pointer;
padding: 8px 0;
}
ul#search_suggestions li:hover.all_results,
ul#search_suggestions li.all_results.selected {
background:#555;
background:-webkit-gradient(linear, left top, left 20%, from(#444), to(#555));
background:-moz-linear-gradient(top, #444, #555);
-ms-filter:"filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#555')";
padding-bottom:0;
}
ul#search_suggestions li:hover.all_results em,
ul#search_suggestions li.all_results.selected em {
background-position:195px -218px;
color:white;
}
ul#search_suggestions li p a.videos { border-left: 1px dotted #ccc; margin-left:5px; padding-left: 5px; }
ul#search_suggestions li p { padding:10px 0; overflow:hidden;}
ul#search_suggestions li p a { color:#969696; font-size:11px; float:left; line-height:11px;}
ul#search_suggestions li a.showing { display:block; vertical-align:middle;}
ul#search_suggestions li a.showing img { float:left; padding-right:10px; }
.moderated_user { background:url(http://images.tvtome.com/tv/images/backgrounds/moderation-bg.png); padding:6px; text-align:center; }
.moderated_user p { background-color:#f00; font-size:14px; color:#fff; padding:12px; margin:0 auto; width:520px; }
.moderated_user.user_suspended p { background-color:#f90; }
/*Hack for HBO Ad*/
body.HOME .COLUMN_A1 {z-index:2 !important;}
/* something */
#error_message {width:986px;margin:0 auto}
/*Selectbox*/
#selectsource{display:none}
.main_search_box .dropdown{background:url(http://images.tvtome.com/tv/images/header-new/vs/search_share_drop_sprite_06.png) no-repeat 0 -27px; border:none; position:absolute; top:0px; right:34px; color:#fff; font-size:12px; height:26px; z-index:5007}
.main_search_box .dropdown:hover{background-position:0 -81px}
.main_search_box .dropdown dd, .dropdown dt, .dropdown ul{padding:0 0 0 5px}
.main_search_box .dropdown dd{position:relative}
.main_search_box .dropdown a, .dropdown a:visited, .LIGHTS_OUT #tv_header .dropdown a, .LIGHTS_OUT #tv_header .dropdown a:visited{color:#fff; text-decoration:none; outline:none}
.main_search_box .dropdown a:hover{color:#fff}
.main_search_box .dropdown dt a:hover, .dropdown dt a:focus{color:#fff; background-position:right -135px}
.main_search_box .dropdown dt a{display:block; color:#fff; background:url(http://images.tvtome.com/tv/images/header-new/vs/search_share_drop_sprite_06.png) no-repeat right -108px; padding:5px 18px 0 8px}
.main_search_box .dropdown dt a span{cursor:pointer; display:block; padding:5px; color:#fff}
.main_search_box .dropdown dd ul{z-index:5001; display:none; padding:5px 0px; position:absolute; top:0px; width:auto; list-style:none; text-align:left; width:119px; right:-34px}
.main_search_box .dropdown dd ul li{background:url(http://images.tvtome.com/tv/images/header-new/vs/search_share_drop_sprite_06.png) no-repeat 0 -200px}
.main_search_box .dropdown dd ul li.first-cat{padding-top:9px; background-position:0 -162px}
.main_search_box .dropdown dd ul li.last-cat{padding-bottom:10px; background-position:0 bottom}
.main_search_box .dropdown span.value{display:none}
.main_search_box .dropdown dd ul li a{padding:5px 10px; display:block; color:#069 !important; margin:0 10px}
.main_search_box .dropdown dd ul li a:hover{color:#000 !important; background:#f2f2f2}
.main_search_box .dropdown img.flag{border:none; vertical-align:middle; margin-left:10px}
.main_search_box .flagvisibility{display:none}
/*END Selectbox*/
/*Videosurf*/
#footer .videosurf-footer {position:absolute;top:18px;left:650px;color:#999 ;text-align:left;line-height:12px;font-size:9px !important;}
#footer .videosurf-footer a,#footer .videosurf-footer a strong,#footer .videosurf-footer a:hover{color:#999 !important;text-decoration:none;font-size:9px;}
#footer .videosurf-footer strong {font-size:11px !important;display: block;margin-top:-1px;}
.videosurf-hdr {position:absolute;top:17px;left:470px;color:#999 ;text-align:left;line-height:12px;font-size:9px;}
.videosurf-hdr a,.videosurf-hdr a strong,.videosurf-hdr a:hover{color:#999 !important;text-decoration:none}
.videosurf-hdr strong {font-size:11px;display: block;margin-top:-1px;}
#video_surf_listings {margin-top:10px}
#video_surf_listings ul li {width:100%;float:left;margin:10px 0}
#video_surf_listings .THUMBNAIL {float:left;width:120px;margin:0 12px;}
#video_surf_listings .THUMBNAIL img {width:120px}
#video_surf_listings p {float:left;width:150px}
#video_surf_listings p a {display:block;font-size:12px}
#video_surf_listings p a strong {display:block;font-size:14px}
#video_surf_listings p span {display: block;color:#666;font-size:11px;}
#video_surf_listings .THUMBNAIL .video_type {width:114px;}
#companion_ad_mpu_swf_pause, #companion_ad_mpu_pause,
#companion_ad_marquee_swf_pause, #companion_ad_marquee_pause
{position: absolute;top:0px;left:0px;z-index:5000}
#companion_ad_mpu_swf_related, #companion_ad_mpu_related,
#companion_ad_marquee_swf_related, #companion_ad_marquee_related
{position: absolute;top:0px;left:0px;z-index:5000}
/* Twitter Follow button on the home page */
.twitter_follow div{ margin:0 0 0 12px; }
.twitter_follow div.MODULE_HEAD{ margin:0 0 5px 0; }
/* godzilla.css overwrite */
.user_submission.js_on .body .button_wrap{width:148px !important;}
.user_submission .single_submit {
padding-left: 30px !important;
}
/* godzilla.css overwrite for listings page */
.col_wrap #leader {
padding: 0 0 10px;
}
.listings_ad {
padding: 10px 0;
}
#leader .wrap {
width: 100%;
}
/* godzilla.css overwrite for help center */
.col_wrap .related_nav {
border: none;
background: none;
font-size: 110%;
width: 180px;
}
.related_nav .side_nav_title {
width: 8em;
font-size: 130%;
padding-bottom: 2px;
border-bottom: 1px solid #888;
}
#legacy_layout .col {
margin-left: 20px;
}
#helpcenter {
font-size: 12px;
line-height: 1.4em;
padding: 9px 20px 0;
}
#helpcenter .helpcenter_header {
width: 210px;
}
#helpcenter h1 {
border-bottom: 2px solid #888;
padding-bottom: 6px;
font-size: 22px;
}
#helpcenter p {
padding-bottom: 20px;
}
/* godzilla overwrite for broken orange buttons */
.btn.orange .btn_wrap>span{
background: url("http://images.tvtome.com/tv/images/tv_wide/layout/bg_buttons.gif") repeat-x left -579px;
}
/* user submission add quote module */
.add_quote_list { list-style: none;}
.add_quote_list li { float: none; background: none; margin: 0 0 10px; padding: 0; border: 0 none;}
.add_quote_list input { width: 90px; margin: 0 10px 0 0; vertical-align: text-top; border: 1px solid #C7C7C7; padding: 0; height: 25px; font-size: 120%; }
.add_quote_list textarea { width: 350px; border: 1px solid #C7C7C7; margin: 0; padding: 0; vertical-align: text-top; height: 50px; overflow: auto; font-size: 120%; }
.add_quote_module h4 span { display: inline-block; margin: 10px 0; width: 105px; }
.dark_blue_tall{padding:0 0 0 4px}
.dark_blue_tall .btn_wrap{padding:0 3px 0 0}
.dark_blue_tall .btn_wrap span{text-align:center}
.dark_blue_tall .btn_wrap span a,.dark_blue_tall .btn_wrap span input,.dark_blue_tall .btn_wrap span button{height:30px;line-height:30px}
.dark_blue_tall{background-position:left -419px}
.dark_blue_tall .btn_wrap{background-position:right -449px}
.dark_blue_tall .btn_wrap span{background:url(http://images.tvtome.com/tv/images/tv_wide/layout/bg_buttons.gif) repeat-x left -479px !important}
.dark_blue_tall .btn_wrap span a,.dark_blue_tall .btn_wrap span input,.dark_blue_tall .btn_wrap span button{color:#fff}
/* Ratings */
p.show_rating.best { background-color:#68cc02; }
p.show_rating.good { background-color:#ffcc00; }
p.show_rating.bad { background-color:#bf2407; }
/* Search Page */
div#search_results.BENTO_BOX form { font-size:1.5em; float:left; margin:10px 0 18px;}
div#search_results.BENTO_BOX h1 { width:97%; font-size:20px; font-weight:700; float: left; padding: 10px 10px 20px; letter-spacing:-1px; background: url("http://images.tvtome.com/tv/images/backgrounds/blue_header_gradient.png") repeat-x scroll 0 0 #FFFFFF;}
div#search_results.BENTO_BOX h1.no_results_header { width:97%; font-size:20px; font-weight:400; float: left; padding: 20px 10px 40px; letter-spacing:-1px; background: url("http://images.tvtome.com/tv/images/backgrounds/blue_header_gradient.png") repeat-x scroll 0 0 #FFFFFF;}
div#search_results.BENTO_BOX form input { padding:4px; }
.dark_blue .btn_wrap span{background:url(http://images.tvtome.com/tv/images/tv_wide/layout/bg_buttons.gif) repeat-x left -395px !important}
/* User Reviews */
.cast_list .body ul li .wrap .score_data .score,.single_review .body .review_wrap .score,.user_reviews_list li .wrap .score{font-size:38px}
.user_reviews_list li .wrap .review_data .user_data .reg_date .date{font-weight:normal}
.user_reviews_list li .wrap .review_data .bottom_line_blurb span,.user_reviews_list li .wrap .score,.user_reviews_list li .wrap .username{font-weight:bold;}
.user_reviews_list li .wrap .review_data .user_data .reg_date{font:bold 9px/10px tahoma,geneva,sans-serif;}
.user_reviews_list li .wrap .score_data .rank{font:normal 10px/11px tahoma,geneva,sans-serif}
.user_reviews .header .wrap .add_link,.user_reviews_list form select,.user_submission .body .errors li{font:bold 10px/11px tahoma,geneva,sans-serif}
.user_reviews .header .wrap .add_link{float:left;height:12px;line-height:12px;padding:0 18px 0 0}
.user_reviews .body{padding:0}
.user_reviews .body .user_reviews_list li.last{border:0}
.user_reviews .subheader,.user_reviews .footer{padding:10px 10px 10px 88px}
.user_reviews .subheader .btn,.user_reviews .footer .btn{display:inline;margin:-4px 10px -4px -78px}
.user_reviews .footer{border-top:1px solid #c7c7c7;text-align:left}
#show_user_reviews .footer,#person_user_reviews .footer{text-align:right}
.user_reviews_list li{float:left}
.user_reviews_list li.last{border:0}
.user_reviews_list li .wrap{padding:0 80px 0 10px}
.user_reviews_list li .wrap .score_data{display:inline;float:right;margin:0 -70px 0 10px;text-align:center;width:60px}
.user_reviews_list li .wrap .score_data .score{height:60px;line-height:60px;letter-spacing:-2px;margin:0 0 2px 0;overflow:hidden}
.user_reviews_list li .wrap .score_data .rank{border:1px solid #c7c7c7;height:1%;overflow:hidden}
.user_reviews_list li .wrap .score_data .rank a{float:left;text-align:right;padding:4px 2px;width:25px}
.user_reviews_list li .wrap .score_data .rank .thumb_down a{float:right}
.user_reviews_list li .wrap .score_data .ajax_loader{display:none;height:18px;width:58px}
.user_reviews_list li .wrap .review_data{line-height:16px;padding:0 0 0 96px}
.user_reviews_list li .wrap .review_data .user_data{display:inline}
.user_reviews_list li .wrap .review_data .user_data .thumb{border:1px solid #c7c7c7;display:inline;float:left;margin:0 10px 0 -96px;width:84px}
.user_reviews_list li .wrap .review_data .user_data .thumb img{display:block;height:84px;width:84px}
.user_reviews_list li .wrap .review_data .user_data .username{margin:0 0 1px 0}
.user_reviews_list li .wrap .review_data .user_data .reg_date{display:block;margin:0 0 5px 0}
.user_reviews_list li .wrap .review_data .summary p{margin:0}
.user_reviews_list li .wrap .review_data .summary p .more_link{white-space:nowrap}
.user_reviews_list li.empty{text-align:center}
.user_reviews_list form select{margin-top:2px}
#indepth_block .body .user_reviews .body{padding:10px 0}
.user_reviews .header .wrap .add_link{background:url(http://images.tvtome.com/tv/images/tv_wide/layout/bg_icons.gif) no-repeat right -253px}
.user_reviews_list li{background:url(http://images.tvtome.com/tv/images/tv_wide/layout/bg_community.gif) repeat-x left bottom}
.user_reviews_list li .wrap .score_data .rank{background:#f9f9f9 url(http://images.tvtome.com/tv/images/tv_wide/layout/dot_gray02.gif) repeat-y center top}
.user_reviews_list li .wrap .score_data .rank.ajax_loading{background-image:none}
.user_reviews_list li .wrap .score_data .rank span a{background:url(http://images.tvtome.com/tv/images/tv_wide/layout/bg_icons.gif) no-repeat left -172px}
.user_reviews_list li .wrap .score_data .rank .thumb_down a{background-position:1px -192px}
.user_reviews_list li .wrap .score_data .ajax_loader{background:url(http://images.tvtome.com/tv/images/tv_wide/ajax/ajax_loader.gif) no-repeat center}
.user_reviews_list li .wrap .score{background:#d4d4d4;color:#fff}
.user_reviews_list li .wrap .review_data .report{color:#ff2b67}
.user_reviews_ajax {border-top:0px solid #fff;}
.user_reviews_ajax .body{float:left;clear:both;}
.user_reviews_ajax .footer{border:0px solid #fff !important;float:left;font-size:11px;}
.user_reviews_ajax .footer .paginated_nav{font-size:11px;}
.user_reviews_ajax .subheader {clear:both;border-bottom:1px solid #eee;float:left;}
.user_reviews_ajax .user_reviews_list li{float:left;width:100%;padding:10px 0;border-bottom:1px solid #eee;}
.user_reviews .btn.blue{background-position: left -598px;background-image:url("http://images.tvtome.com/tv/images/tv_wide/layout/bg_buttons.gif"); background-repeat:no-repeat;display:inline;padding:0 0 0 5px;float:left;}
.user_reviews .btn.blue .btn_wrap{background-position: right -617px;background-image:url("http://images.tvtome.com/tv/images/tv_wide/layout/bg_buttons.gif"); background-repeat:no-repeat;padding:0 5px 0 0;float:left;}
.user_reviews .btn.blue .btn_wrap span{background-position: left -636px;background-image:url("http://images.tvtome.com/tv/images/tv_wide/layout/bg_buttons.gif"); background-repeat:repeat-x;float:left;display:inline;}
.user_reviews .btn.blue .btn_wrap a{color:#fff;height:19px;line-height:19px;padding:0 10px;font-weight:700;float:left;}
.ajax_busy1{
background: url("http://images.tvtome.com/tv/images/icons/ajax_busy.gif") no-repeat scroll 200px center transparent;
}
/* features specific styles */
body.features .bg_layer { display:none; }