/**********************************************************************************
Copyright 2011 E! Entertainment Television, LLC.
A Division of NBCUniversal.
To remove web dev comments use CSS Minifier at:
http://www.minifycss.com/css-compressor/
Widget Examples:
...
...
...
...
...
Here is how to create 2 or 3 column widgets. Add another class name to the end of this chain.
GOOD: ...
Don't replace "lp-widget" with "two-column" nor "three-column" or you will remove the reset styles
and the font styles from your widget!
BAD: ...
**********************************************************************************/
/******************************************************************************************************************/
/* Front Door's "More" link, which Ajax loads 30 more widgets per click. Max 3 clicks, for 90 additional widgets. */
/******************************************************************************************************************/
.lp_wrap .add-more-bttn-wrap {
background-color: #FFFFFF;
padding: 15px 0px 15px 0px;
text-align: center;
}
#dynamic-widgets-bttn a {
text-decoration: none;
}
#dynamic-widgets-bttn a:hover {
text-decoration: underline;
}
.lp_wrap .add-more-bttn-wrap .add-more-bttn,
.lp_wrap .add-more-bttn-wrap .max-add-more-bttn {
background: url("/resources/images/sprite_maps/ui_elements.png") no-repeat 0px 0px; /* Black */
color: #FFFFFF;
display: block;
height: 39px;
margin: 0px auto 0px auto;
padding-top: 9px;
text-transform: uppercase;
width: 192px;
font-size: 13pt;
}
.lp_wrap .add-more-bttn-wrap .max-add-more-bttn a,
.lp_wrap .add-more-bttn-wrap .add-more-bttn a {
text-decoration: none!important;
}
.lp_wrap .add-more-bttn-wrap .add-more-bttn:hover {
background-position: -192px 0px; /* Purple */
}
.lp_wrap .add-more-bttn-wrap .add-more-bttn:active {
background-position: -384px 0px; /* Green */
}
.lp_wrap .add-more-bttn-wrap .max-add-more-bttn {
/* background-position: -576px 0px; */ /* Red */
/* cursor: default; */
display: none;
}
.lp_wrap .add-more-bttn-wrap .add-more-bttn.loading {
background: url("/resources/images/misc/icon.loading.gif") no-repeat center 15px transparent;
}
.lp_wrap .add-more-bttn-wrap .add-more-bttn.loading span {
display: none;
}
/******************************************************/
/* Sectional Page Widget Styles - Right Rail Widgets. */
/******************************************************/
body.photos .one-column.rail {
margin-top: 19px;
}
body.category .lp_layout .lp-widget, /* News Landing Page */
body.news .lp-widget, /* News Detail Page */
body.photos .one-column.rail .lp-widget, /* Photo Detail Page */
.vd-contentRight .lp-widget {
margin-bottom: 20px;
}
/* Turns off the bottom-border for landing & detail pages: */
/* Doesn't work: .category .lp_layout .lp-widget:last-child, News Landing Page */
/* body.news .lp-widget:last-child, News Detail Page
.right-column .lp-widget:last-child, */
body.photos .one-column.rail #Div6 .lp-widget, /* Photo Detail Page */
.vd-contentRight .lp-widget:last-child {
border-bottom: none;
}
/**************************************************/
/* Global Widget Styles - Applies to all widgets. */
/**************************************************/
.lp-widget,
.lp-widget.one-column,
.lp-widget.two-column,
.lp-widget.three-column { /* Required for every div which is a widget. */
/* Arial will be use for body copy, time stamps and everything that isn't a primary nor secondary header. */
margin-bottom:20px;
color: #333333;
font-family: Arial, Sans-Serif;
font-size: 14pt;
/* min-height: 30px; Removed this line to prevent extra space when category banner is null*/
overflow: hidden;
}
.lp-widget a,
.lp-widget a:hover {
text-decoration: none;
}
/* .lp-widget .highlight {
padding-bottom: 7px;
} */
/* Don't use this, or it will shrink all of the links in the widgets.
.lp-widget a {
font-size: 16pt;
line-height: 18pt;
}
*/
.lp_right_ad,
.lp-widget,
.lp-widget.one-column,
.lp-widget.two-column,
.lp-widget.three-column {
margin-top: 5px; /* Prevents widgets with images + without "Presented By" ads, from touching the silver border that separates the current widget from the last widget on landing + detail pages. */
}
/* ... but removes it from the home page. */
.lp_right_ad,
.lp-widget,
.lp-widget.one-column,
.lp-widget.two-column,
.lp-widget.three-column {
margin-top: 0px;
}
.lp_right_ad {
padding-bottom: 10px;
}
.lp-widget.no-border {
border-bottom: none;
}
.lp-widget.a1,
.lp-widget.b1,
.lp-widget.b2,
.lp-widget.e12,
.lp-widget.b3,
.lp-widget.c1,
.lp-widget.d1,
.lp-widget.d2,
.lp-widget.d3,
.lp-widget.f1,
.lp-widget.g1,
.lp-widget.g3,
.lp-widget.v1,
.lp-widget.v10,
.lp-widget.vl1
/*, Don't use X1 here, since it has to override this in the iFrame: .lp-widget.x1 */
{
width: 300px;
}
.lp-widget.a2,
.lp-widget.v2,
.lp-widget.b11,
.lp-widget.b12,
.lp-widget.vl2
/*, Don't use X1 here, since it has to override this in the iFrame: .lp-widget.x2 */
{
width: 610px;
}
.lp-widget.c3,
.lp-widget.c33,
.lp-widget.h1,
.lp-widget.v3,
.lp-widget.vl3
/*, Don't use X3 here, since it has to override this in the iFrame: .lp-widget.x3 */
{
width: 920px;
}
/*******************/
/* BRANDED CONTENT */
/*******************/
.item-branded-content {
font-size:11px;
color:#999999;
font-family: "Helvetica","Arial Narrow",sans-serif;
clear:both;
padding-top: 4px;
}
.rebrand .item-branded-content {
font-family: "Lato", "Arial Narrow", Sans-serif;
font-size: 12px;
}
.skin-group-dark .item-branded-content {
color:#e1e1e1;
}
.b10 .item-branded-content {
margin-left:10px;
}
.highlight .item-branded-content {
padding-top:10px;
}
.highlight .item-branded-content-b1-highlight {
font-family: "Helvetica","Arial Narrow",sans-serif;
font-size: 13px;
line-height: 10px;
height: 10px;
text-transform: capitalize;
margin-bottom: 7px;
letter-spacing: 0px;
padding-top: 9px;
}
.skin-group-dark .highlight .item-branded-content-b1-highlight {
margin-bottom: 11px;
}
/*****************/
/* Sponsored Ads */
/*****************/
.lp-widget .ad-banner-bkgd {
border: 1px solid #CCCCCC;
float: none;
height: 35px;
width: 298px;
}
.lp-widget.a2 .ad-banner-bkgd,
.lp-widget.x2 .ad-banner-bkgd,
.lp-widget.b11 .ad-banner-bkgd,
.lp-widget.b12 .ad-banner-bkgd {
width: 608px;
}
.lp-widget.h1 .ad-banner-bkgd,
.lp-widget.x3 .ad-banner-bkgd {
width: 918px;
}
.lp-widget .presented-by {
padding: 2px 0px 2px 0px;
}
.lp-widget .presented-by,
.lp-widget .presented-by a {
color: #999999;
float: right;
font-size: 10pt;
margin-right: 8px;
margin-top: 6px;
}
.lp-widget p.presented-by { /* Prevents padding below the "Presented By" / sponsors ad, when a tag is used in a widget which has
padding in each paragraph. The snipe was being pushed down 18px, below the top edge of the main photo. */
margin-bottom: 0px;
}
.lp-widget .micro-ad {
height: 31px;
float: right;
margin: 2px 2px 2px 0px;
width: 88px;
}
.lp-widget.white .micro-ad {
padding: 0px 0px 0px 0px;
}
/* ************* */
/* Division Line */
/* ************* */
.lp-widget.division-line {border-bottom:1px solid #CCCCCC;}
/**************/
/* Main Image */
/**************/
.lp-widget .main-image {
border: 0px;
width: 300px;
}
/*******************/
/* Text Copy Block */
/*******************/
.lp-widget .text-copy { /* Headline Wrapper Div*/
padding-left: 1px; /* Without this, titles in Firefox have a pinched 1st letter. */
}
.lp-widget .widget-sub-headline,
.lp-widget .widget-sub-headline a,
.lp-widget .widget-sub-headline p { /* Secondary Headline */
font-size: 16pt;
line-height: 18pt;
}
/* REBRAND2016-153, -154, -173 *********************************************/
.rebrand .lp-widget .widget-sub-headline,
.rebrand .lp-widget .widget-sub-headline a,
.rebrand .lp-widget .widget-sub-headline p {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 17.33px;
font-weight: 400;
letter-spacing: .33px;
}
.lp-widget .no-image .hidden { display: none; }
/************************/
/* Snipes = Decorations */
/************************/
.lp-widget .super-snipe-link {
display: block;
}
.lp-widget .super-snipe {
}
.lp-widget .super-snipe-link img,
.lp-widget .snipe-link img {
float: left; /* Prevents a problem with an 11px margin-border underneath the image, when it has a hyperlink around it. */
}
.lp-widget .snipe {
/* These are now inherited globally:
background: none;
color: #000000; #FFFFFF;
*/
display: block;
float: left;
font-size: 21pt;
font-family: "Din Web Condensed", "Arial Narrow", Sans-Serif;
font-weight: normal;
height: 18pt;
letter-spacing: 0;
line-height: 17pt;
margin: 0;
max-width: 284px;
overflow: hidden;
padding: 7px 8px 1px 8px;
position: absolute; /* Most snipes are inside of photos & can use position: absolute. */
text-transform: uppercase;
white-space: nowrap;
z-index: 1;
}
/* REBRAND2016-127 *********************************************************/
/* Can be modified if another comp has spec */
.rebrand .lp-widget .snipe {
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size: 16pt;
padding: 4px 8px;
}
.lp-widget .no-image.snipe { position: relative; float:left;}
/*****************/
/* Widget Titles */
/*****************/
/* Overrides the sectional headlines in landing & detail pages, which are now setup in fonts.css. Widget headlines behave
differently than page headlines, but they use the same HTML code. */
.lp-widget .hgroup {
margin-bottom: 3px;
padding: 0px 0px 3px 1px; /* Without padding-left = 1px, titles in Firefox have a pinched 1st letter. */
}
.lp-widget.b1 .hgroup.title-padding-small,
.lp-widget.b2 .hgroup.title-padding-small,
.lp-widget.e12 .hgroup.title-padding-small {
margin-top: 7px;
}
/*.lp-widget.b3 .hgroup.title-padding-small {
margin-top: 3px;
}*/
.lp-widget .hgroup .widget-section-types,
.lp-widget .hgroup .widget-titles {
clear: none;
display:inline;
margin-top: 0px;
}
.lp-widget .hgroup .widget-section-types { /* H5 Tags */
text-transform: uppercase;
}
/* REBRAND2016-215 *********************************************************/
.rebrand .lp-widget .hgroup .widget-section-types {
display: none;
}
.lp-widget .hgroup .widget-titles { /* H4 Tags */
/* margin-left: 5px; Editing this line will affect Google Chrome. See the Chrome overrides section at the bottom of this script. */
}
/***************************/
/* User Interface Elements */
/***************************/
.lp-widget .dots {
background: url('/resources/images/sprite_maps/list_widgets_border_dots.png') repeat left top transparent;
height: 1px;
margin: 0px 0px 0px 3px;
width: 100%;
}
.lp-widget .dots1 {background-position: 0px 0px;} /* 1 blank dot between each gray dot. */
.lp-widget .dots2 {background-position: 0px -2px;} /* 2 blank dots between each gray dot. */
.lp-widget .dots3 {background-position: 0px -4px;} /* 3 blank dots between each gray dot. */
.lp-widget .dots4 {background-position: 0px -6px;} /* 4 blank dots between each gray dot. */
.lp-widget .dots5 {background-position: 0px -8px;} /* 5 blank dots between each gray dot. */
.lp-widget .image,
.lp-widget .images {
/* Images DO NOT get borders here. If an image needs a border, it must be added to the image via Photoshop! Otherwise, it will either force
the images to shrink by 4 pixels (from 300x300 to 298x298) or it will widen the widget by 2 pixels (from 300 to 302), thus breaking the layout.
border-top: 1px solid #B50017; .eonline-red
border-left: 1px solid #B50017; .eonline-red
border-right: 1px solid #B50017; .eonline-red */
background-color: #EEEEEE;
overflow: hidden;
z-index: 1;
}
.lp-widget .image,
.lp-widget .image-large,
.lp-widget .image-medium {
width: 300px;
}
.lp-widget .image-large {
/* height: 473px; */
}
/*.lp-widget .image-medium {
/x* height: 300px; *x/
}*/
.lp-widget .image-small {
height: 100px;
width: 100px;
}
.lp-widget .social-links {
margin-top: 15px;
margin-bottom: 10px;
}
.lp-widget.polls .social-links {
margin-bottom: 20px;
}
.lp-widget.polls .social-links .fb_iframe_widget span {
display: block;
}
.lp-widget .social-links.horizontal {
height: 24px;
white-space: nowrap;
}
.lp-widget .social-links li {
list-style-type: none;
float: left;
width: 90px;
}
.lp-widget .facebook-like {
margin-left: -15px;
}
.lp-widget .facebook-like iframe {
border: none;
height: 63px;
overflow: hidden;
width: 47px;
}
.lp-widget .social-links .google-plus {
width: 72px;
}
.lp-widget .thumbs,
.lp-widget .thumbnails {
height: 60px;
width: 60px;
}
/****************/
/* WIDGET SKINS */
/****************/
/* SKINS - Moves the smaller title away from the edge of the widget, when it has a background color. */
.lp-widget .skin-group-light .hgroup,
.lp-widget .skin-group-dark .hgroup {
/* margin-left: 10px; */
padding: 0px 10px 0px 10px;
}
/* REBRAND2016-215 *********************************************************/
.rebrand .lp-widget .skin-group-light .hgroup,
.rebrand .lp-widget .skin-group-dark .hgroup {
padding: 0px 10px 0px 8px;
}
/* SKINS - Moves the large news headline away from the edge of the widget, when it has a background color. */
.lp-widget .skin-group-light .news-headline,
.lp-widget .skin-group-dark .news-headline {
margin-left: 10px;
}
/* SKINS - Prevents having the text touch the edge of the widget, when there is a background color applied to that widget. */
.lp-widget .skin-group-light .widget-sub-headline,
.lp-widget .skin-group-dark .widget-sub-headline {
margin: 10px 10px 0px 10px;
}
/* SKINS - Prevents having the text touch the edge of the widget, when there is a background color applied to that widget. */
.lp-widget .skin-group-light .text-copy,
.lp-widget .skin-group-dark .text-copy {
/* margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding-top: 10px; */
padding-bottom: 10px;
}
.lp-widget.lists .text-copy,
.lp-widget.lists .headline.text-link-first {
padding-bottom: 0px;
}
/* SKINS - Moves the image away from the left of the widget, when it has a background color. */
.lp-widget .skin-group-light .widget-sub-headline img,
.lp-widget .skin-group-dark .widget-sub-headline img {
margin-left: 10px;
}
.lp-widget.lists .skin-group-light .widget-sub-headline img,
.lp-widget.lists .skin-group-dark .widget-sub-headline img {
margin-left: 0px;
}
/* SKINS - Shortens the width of the text box from 240px, down to 210px, when it has a background color. */
.lp-widget .skin-group-light .widget-sub-headline p,
.lp-widget .skin-group-dark .widget-sub-headline p {
display: block;
width: 210px;
}
.lp-widget.lists .skin-group-light .widget-sub-headline p,
.lp-widget.lists .skin-group-dark .widget-sub-headline p {
width: 190px;
}
/* SKINS - Switches section type color to white, when there is a background color applied to that widget. */
/* .skin-group-light .widget-section-types, */
.lp-widget .skin-group-dark,
.lp-widget .skin-group-dark a,
/*.lp-widget .skin-group-dark .widget-section-types,
.lp-widget .skin-group-dark .headline.separator, */
.lp-widget .skin-group-light .newsAlert,
.lp-widget .skin-group-dark .newsAlert { /* Ex. Bright Blue background switches from light gray text, to white text. */
color: #FFFFFF;
}
/* Ad banner background is transparent when the widget background is set to none */
.lp-widget .transparent .ad-banner-bkgd {background: none repeat scroll 0 0 transparent;}
/* SKINS - Switches section type color to black, when there is a background color applied to that widget to make it legible. */
/*.lp-widget .skin-group-light .?? {*/ /* Ex. Yellow background switches from light gray text, to black text to make it legible. */
/*color: #000000;
}*/
/* SKINS - Switches section type color to white, when there is a background color applied to that widget.
.lp-widget .skin-group-light .widget-section-types,
.lp-widget .skin-group-light .headline.separator,
.lp-widget .skin-group-dark .widget-section-types,
.lp-widget .skin-group-dark .headline.separator {
font-weight: bold;
} */
/****************/
/* More Buttons */
/****************/
.lp-widget .more-bttn {
color: #000000;
cursor: pointer;
float: right;
font-family:"Din Web Condensed", "Arial Narrow", Sans-Serif;
font-size: 14pt;
letter-spacing: 0;
line-height: 18pt;
text-transform: uppercase;
}
.rebrand .lp-widget .more-bttn {
font-family: "Lato", "Arial Narrow", Sans-serif;
}
.rebrand .lp-widget .widget-headlines a {font-weight: inherit;}
/* SKINS - Moves the more button away from the right & bottom edges of the widget, when it has a background color. */
.lp-widget .more-bttn {
margin: 10px 10px 3px 0px;
}
/* SKINS - Moves the more button away from the right & bottom edges of the widget, when it has a background color. */
/* .skin-group-light .more-bttn, */
.lp-widget .skin-group-dark .more-bttn {
color: #FFFFFF;
}
/***********************************/
/* Shared Widget Lists: B1, B2, B3 */
/***********************************/
.lp-widget.lists article section a{
display: block;
}
.lp-widget.lists .widget-article{position:relative;overflow:hidden;}
.lp-widget.lists .snipe{left:0px;overflow:hidden;line-height:24px;}
.lp-widget.lists .widget-sub-headline {
margin: 0px;
padding: 10px 0px 10px 0px;
}
.lp-widget.lists .skin-group-white .widget-sub-headline a p {
width: 100%;
}
.lp-widget.lists .text-link-first {
float: left;
font-family: "Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif;
margin: 0px 0px 5px 0px;
padding-bottom: 10px;
text-rendering: optimizeLegibility; /* FF, Safari & Chrome only. */
text-transform: uppercase;
}
.lp-widget.lists .text-link-first i,
.lp-widget.lists .text-link-first em{
font-family: "Ostrich Sans Pro Italics", "Arial Narrow", Sans-Serif;
text-rendering: optimizeLegibility; /* FF, Safari & Chrome only. */
text-transform: uppercase;
}
.lp-widget.lists .text-link {
float: left;
font-family: "Din Web Condensed", "Arial Narrow", Sans-Serif;
margin: -2px 0px 0px 10px;
}
.lp-widget.lists .dots {
clear: both;
}
/* SKINS: */
.lp-widget.lists .skin-group-light .widget-sub-headline,
.lp-widget.lists .skin-group-dark .widget-sub-headline {
margin-top: 0px;
}
.lp-widget.lists .skin-group-light .text-link-first,
.lp-widget.lists .skin-group-dark .text-link-first {
margin: 0px 0px 0px 10px;
}
.lp-widget.lists .skin-group-light .img-link,
.lp-widget.lists .skin-group-dark .img-link {
margin: 0px 0px 0px 10px;
}
.lp-widget.lists .skin-group-white .no-thumbnails .text-link {
width: 299px;
padding-right: 1px;
}
.lp-widget.lists .skin-group-light .no-thumbnails .text-link,
.lp-widget.lists .skin-group-dark .no-thumbnails .text-link {
width: 280px;
}
.lp-widget.lists .widget-sub-headline img,
.lp-widget.lists .widget-sub-headline p {
float: left;
}
/***********************************/
/* Shared Widget Polls: G1, G2, G3 */
/***********************************/
.lp-widget.polls {
overflow: visible; /* Allows Facebook Like & Google popups to appear in the Polls widgets. */
}
/* SKINS: Design Change: "Polls should be dark gray with the "News" section type blue text color." */
.lp-widget.polls .skin-group-dark .main-contents {
background-color: #000000;
}
/* SKINS: Design Change: "Polls should be dark gray with the "News" section type blue text color." */
.lp-widget.polls .skin-group-dark .widget-sub-headline {
color: #FFFFFF;
}
/* .lp-widget.polls .skin-group-dark .widget-section-types,
.lp-widget.polls .skin-group-dark .headline.separator, */
.lp-widget.polls .skin-group-dark .widget-sub-headline {
font-family: "Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif;
letter-spacing: 2px;
margin: 0px 10px 10px 10px;
text-rendering: optimizeLegibility; /* FF, Safari & Chrome only. */
text-transform: uppercase;
}
/* SKINS - Prevents having the text touch the edge of the widget, when there is a background color applied to that widget. */
/* .lp-widget.polls .skin-group-light .question-set input, */
.lp-widget.polls .skin-group-dark .question-set input, .lp-widget.polls .skin-group-dark .question-set a {
background: url('/resources/widgets/images/G1/polls_button_background.png') repeat-x left top;
border: medium none;
/* -moz-border-radius: 5px; 13px */
/* border-radius: 5px; 13px */
color: white;
cursor: pointer;
/* Removed so button text will wrap to next line if text is long
height: 25px; */
background-color:#000;
}
.lp-widget.g1.polls .skin-group-dark .question-set input, .lp-widget.g1.polls .skin-group-dark .question-set a{margin: 10px auto 0px auto;width: 93%;}
.lp-widget.polls .question-set input,.lp-widget.polls .question-set a,
.lp-widget.g1 .thank-you-screen .poll-results-text-labels {
font-family: "Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif;
font-weight: bold;
letter-spacing: 1px;
text-rendering: optimizeLegibility; /* FF, Safari & Chrome only. */
text-transform: none;
}
/***************/
/* Form Fields */
/***************/
/*.lp-widget.polls .poll-question {}
.lp-widget.polls .poll-result {}
.lp-widget.polls .radio-box {}*/
/***********/
/* Buttons */
/***********/
/*.lp-widget.polls .bttn,
.lp-widget.polls .bttns,
.lp-widget.polls .button,
.lp-widget.polls .buttons {}*/
.lp-widget.polls .bttn-separator-label {
margin-top: 30px;
margin-left: 24px;
}
.lp-widget.polls .more-bttn a {
margin-left: 15px;
}
/*.lp-widget.polls .bttn-share {}
.lp-widget.polls .bttn-submit {}
.lp-widget.polls .bttn-video-play-arrow {}
.lp-widget.polls .thank-you-screen {
}*/
/********************************/
/* Social Media Links & Buttons */
/********************************/
.lp-widget .social-links {
margin: 7px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
.lp-widget .social-links .facebook-like {
margin: 0px 0px 0px 15px;
}
.lp-widget .social-links .twitter {
margin-left: 5px;
width: 105px;
}
.lp-widget .social-links .twitter .twitter-share-button {
height: 62px;
width: 59px;
}
.lp-widget .social-links .google-plus .plus-one-wrap {
background: none repeat scroll 0% 0% transparent;
border-style: none;
display: inline-block;
float: none;
font-size: 1pt;
height: 60px;
line-height: normal;
margin: 0pt;
padding: 0pt;
text-indent: 0pt;
vertical-align: baseline;
width: 50px;
}
.lp-widget .social-links .google-plus .plus-one-wrap iframe {
border-style: none;
height: 60px;
left: 0pt;
margin: 0px;
position: static;
top: 0pt;
visibility: visible;
width: 50px;
}
/*************************************/
/* Shared Widget IFrames: X1, X2, X3 */
/*************************************/
.lp-widget.iframes iframe {
/* Fixes Disappearing iFrames in IE 8, Safari & Chrome. But it breaks Chrome's X1 widgets. */
position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px;
}
.lp-widget.x1.iframes iframe,
.lp-widget.x2.iframes iframe,
.lp-widget.x3.iframes iframe {
position: relative;
}
/**********************************************************************/
/* Widget UI Layout Tuning. This will create a tighter UI layout. */
/* These are necessary because of the differences in the font-size */
/* and the line-heights of each anchor link. Since the section types */
/* are supposed to be to the left of the titles, which should wrap */
/* then they can't be floated left. Doing that would cause the titles */
/* to hard-break-wrap, which is not what we want. So we can't easily */
/* normalize the divs with the .text-copy class. */
/**********************************************************************/
/* .lp-widget .skin-group-white {
background-color: wheat;
margin-bottom: 3px;
} */
/* .lp-widget.a1.no-ad.no-image.no-background-color { /x* Don't use .text-copy here! This is for the front-door layout spacing, not all widgets test tool. *x/
background-color: lime;
} */
.lp-widget .skin-group-light,
.lp-widget .skin-group-dark {
/* background-color: pink; */
margin-bottom: 10px;
}
.lp-widget.has-image .text-copy /*,
.lp-widget.has-image.has-small-title .text-copy*/ {
margin-top: 9px;
}
.lp-widget.has-image.has-medium-title .text-copy {
margin-top: 8px;
}
.lp-widget.has-image.has-background-color .text-copy,
/* .lp-widget.has-image .text-copy,*/
.lp-widget.d1.has-image .text-copy,
.lp-widget.has-video-image.has-small-title .text-copy,
.lp-widget.c1.has-video-image.has-small-title.has-background-color .text-copy,
.lp-widget.d1.has-image.has-background-color .text-copy {
margin-top: 6px;
}
.lp-widget.has-image.has-large-title.has-background-color .text-copy {
margin-top: 1px;
}
.lp-widget.b3.has-video-image.has-small-title.has-background-color .text-copy,
.lp-widget.has-video-image.has-medium-title.no-background-color .text-copy,
.lp-widget.d1.has-image.has-medium-title .text-copy {
margin-top: 8px;
}
.lp-widget.b3.has-video-image.has-small-title.no-background-color .text-copy {
margin-top: 11px;
}
.lp-widget.c1.has-video-image.has-small-title.no-background-color .text-copy,
.lp-widget.d1.has-image.no-background-color .text-copy {
margin-top: 9px;
}
.lp-widget.has-video-image.has-medium-title.has-background-color .text-copy {
margin-top: 5px;
}
.lp-widget.has-video-image.has-large-title.has-background-color .text-copy {
margin-top: 1px;
}
.lp-widget.has-video-image.has-large-title.no-background-color .text-copy {
margin-top: 4px;
}
.lp-widget.has-image.has-medium-title.has-background-color .text-copy,
.lp-widget.has-ad.no-image.has-medium-title.has-background-color .text-copy {
margin-top: 5px;
}
.lp-widget.no-image.has-small-title .text-copy {
margin-top: 0px;
}
.lp-widget.has-image.has-large-title.has-background-color .text-copy,
.lp-widget.has-ad.no-image.has-large-title.has-background-color .text-copy,
.lp-widget.has-image.has-large-title .text-copy { /* Large Headlines */
margin-top: 1px;
}
.lp-widget.has-image.has-large-title.no-background-color .text-copy{
margin-top: 4px;
}
.lp-widget.lists.has-image.no-title .text-copy {
margin-top: 4px;
}
.lp-widget.has-snipe.no-image.has-title .snipe {
margin-bottom: 6px;
}
.lp-widget.polls .skin-group-white {
margin-bottom: 0px;
padding-bottom: 5px;
}
.lp-widget.polls.no-ad.no-background-color .text-copy {
margin-top: 0px;
}
.lp-widget.polls.no-ad.has-large-title.has-background-color .hgroup {
margin-top: -5px;
}
.lp-widget.polls.has-ad.has-large-title .hgroup {
margin-top: -6px;
}
.lp-widget.has-ad.no-image.has-large-title.no-background-color .text-copy,
.lp-widget.polls.has-ad.has-large-title.no-background-color .text-copy {
margin-top: 0px;
padding-top: 4px;
}
.lp-widget.polls.has-ad.has-medium-text.has-background-color .text-copy {
margin-top: -1px;
}
.lp-widget.has-ad.no-image.has-small-title .text-copy,
.lp-widget.no-image.has-small-title.has-background-color .text-copy,
.lp-widget.polls.has-background-color .text-copy {
margin-top: 0px;
padding-top: 6px;
}
.lp-widget.polls.has-medium-title.has-background-color .text-copy {
margin-top: 0px;
padding-top: 5px;
}
.lp-widget.polls.no-ad.has-large-title.no-background-color .text-copy {
margin-top: 4px;
}
.lp-widget.has-ad.no-image.has-medium-title.no-background-color .text-copy {
margin-top: 0px;
padding-top: 8px;
}
.lp-widget .skin-group-light .text-copy,
.lp-widget .skin-group-dark .text-copy {
padding-bottom: 3px;
}
.lp-widget.no-ad.no-snipe.no-image.has-large-title.has-background-color .text-copy {
padding-top: 1px;
}
/* .lp-widget.no-ad.no-snipe.no-image.has-small-title.no-background-color .text-copy, */
.lp-widget.no-ad.no-snipe.no-image.has-medium-title.no-background-color .text-copy {
margin-top: -4px;
}
/*.lp-widget.no-ad.no-snipe.no-image.has-small-title.has-background-color .text-copy {
margin-top: 0px;
padding-top: 3px;
}*/
.lp-widget.no-ad.no-snipe.no-image.has-medium-title.has-background-color .text-copy {
margin-top: 0px;
padding-top: 5px;
}
.lp-widget.has-ad.no-image.has-small-title.no-background-color .text-copy {
margin-top: 0px;
padding-top: 9px;
}
.lp-widget.no-ad.no-snipe.no-image.has-large-title.no-background-color .text-copy {
margin-top: -8px;
}
.lp-widget.x1.no-ad.no-snipe.no-image #bkg-color-wrap.white,
.lp-widget.x2.no-ad.no-snipe.no-image #bkg-color-wrap.white,
.lp-widget.x3.no-ad.no-snipe.no-image #bkg-color-wrap.white {
/* background-color: GreenYellow; */
margin-top: 0px;
}
.lp-widget.no-ad.no-snipe.no-image #bkg-color-wrap.skin-group-light,
.lp-widget.no-ad.no-snipe.no-image #bkg-color-wrap.skin-group-dark,
.lp-widget.no-ad.has-snipe.no-image #bkg-color-wrap.white,
.lp-widget.no-ad.has-snipe.has-image #bkg-color-wrap.white,
.lp-widget.no-ad.has-snipe.has-video-image #bkg-color-wrap.white {
/* background-color: orange; */
margin-top: 1px;
}
.lp-widget.no-ad.no-snipe.no-image.has-sub-headline {
/* background-color: fuschia; */
margin-bottom: 0px;
}
/*.lp-widget.no-ad.no-snipe.no-image.has-sub-headline.has-background-color {
padding-top: 5px;
}*/
.lp-widget.no-ad.no-snipe.no-image.has-sub-headline.has-background-color .text-copy {
/* background-color: gold; */
padding-bottom: 0px;
}
.lp-widget.no-ad.no-snipe.no-image.no-sub-headline #bkg-color-wrap.white .hgroup {
/* background-color: yellow; */
margin-bottom: 0px;
}
.lp-widget.no-ad.no-snipe.no-image.no-sub-headline #bkg-color-wrap.white {
/* background-color: cyan; */
margin-bottom: 0px;
padding-bottom: 1px;
}
.lp-widget.polls.no-snipe.no-background-color .main-contents {
padding-top: 3px;
}
.lp-widget.no-background-color .hgroup {
/* margin-top: -3px;*/
}
.lp-widget.polls.no-background-color .hgroup {
/* margin-top: -6px; */
padding-bottom: 2px;
}
.lp-widget.polls.has-ad.has-image.has-small-title.no-background-color .text-copy {
margin-top: 6px;
}
.lp-widget.polls.no-ad.has-large-title .text-copy {
margin-top: 0px;
}
.lp-widget.polls.has-ad.no-snipe.has-medium-title .text-copy {
margin-top: 5px;
}
/* .lp-widget.polls.has-ad.has-image.has-large-title.no-background-color .text-copy {
margin-top: 1px;
} */
.lp-widget.polls.has-ad.has-snipe .no-image.snipe {
/* margin-top: -9px;*/
}
/*.lp-widget.polls.has-ad.has-medium-title .text-copy {
margin-top: 5px;
}*/
.lp-widget.polls.no-ad.no-snipe.has-small-title.no-background-color .text-copy {
margin-top: -7px;
}
.lp-widget.polls.no-ad.no-snipe.has-medium-title.no-background-color .text-copy {
margin-top: -8px;
}
.lp-widget.polls.no-ad.no-snipe.has-large-title.no-background-color .text-copy {
margin-top: -12px;
}
/*.lp-widget.polls.no-background-color .hgroup .widget-titles {
display: inline-block;
}*/
.lp-widget.lists.has-image.has-small-title .text-copy {
margin-top: 8px;
}
.lp-widget.lists #bkg-color-wrap,
.lp-widget.c1 #bkg-color-wrap,
.lp-widget.d1 #bkg-color-wrap {
margin-bottom: 0px;
padding-bottom: 0px;
}
.lp-widget.lists #bkg-color-wrap,
.lp-widget.c1.no-more-button #bkg-color-wrap {
padding-bottom: 1px;
}
/* Some widgets don't have bottom-borders. */
.lp-widget.h1,
.lp-widget.x2 {
margin-bottom: 0px;
}
.lp-widget.x1,
.lp-widget.x2,
.lp-widget.x3 {
/* background-color: #1E90FF; */
margin-bottom: 0px;
padding-bottom: 10px;
}
#e_social_central .lp-widget.x1 .custom-widget{padding-bottom:0;height:350px;}
#e_social_central .lp-widget,
#e_social_central .lp-widget.one-column,
#e_social_central .lp-widget.two-column,
#e_social_central .lp-widget.three-column {border:medium none;}
/********************************************/
/*** Shared Video Play Buttons Sprite Map ***/
/********************************************/
.lp-widget.b3 .video-overlay .video-play-bttn,
.lp-widget.b3 .sm-video-overlay,
.lp-widget.c1 .video-overlay .video-play-bttn,
.lp-widget.c11 .thumbnails.large .video-play-bttn,
.lp-widget.c11 .thumbnails.small .video-play-bttn {
background: url('/resources/widgets/images/sprite_maps/white_video_player_arrows.png') no-repeat left top transparent;
}
/* Large */
.lp-widget.b3 .video-overlay .video-play-bttn,
.lp-widget.c1 .video-overlay .video-play-bttn,
.lp-widget.c11 .thumbnails.large .video-overlay .video-play-bttn {
background-position: 0px -25px;
height: 45px;
width: 45px;
}
/* Medium */
.lp-widget.c11 .thumbnails.small .video-overlay,
.lp-widget.c11 .thumbnails.small .video-overlay .video-play-bttn{
background-position: 0px 0px;
height: 25px;
width: 21px;
}
/* Small */
.lp-widget.b3 .sm-video-overlay {
background-position: -21px -4px;
height:20px;
width:15px;
}
/** Individual Widgets Begin Here **/
/***************************************************/
/* A1 "News Teaser" / "Photo Teaser" Widget Styles */
/***************************************************/
.lp-widget.a1 .super-snipe{margin-bottom:-5px; height:auto;}
/***************************************************/
/* A2 "News Teaser" / "Photo Teaser" Widget Styles */
/***************************************************/
/* .lp-widget.a2 {
border-bottom: none;
} */
.lp-widget.a2 .main-image,
.lp-widget.a2 .image,
.lp-widget.a2 .image-medium {
width: 100%;
}
.lp-widget.a2 .super-snipe {
/* removes 10px space */
font-size:0px;
}
/********************************/
/* B1 "News List" Widget Styles */
/********************************/
/* .lp-widget.b1 {
} */
.lp-widget.b1 h6 {
margin-left: 0;
}
.lp-widget.b1 p {
width: 232px;
}
lp-widget.b1 .super-snipe {font-size:0px;}
.lp-widget.b1.has-super-snipe.no-image .super-snipe {
margin-bottom: 0px;
}
.lp-widget.lists.no-thumbnails .skin-group-white .text-link {
margin: 0px 0px 0px 0px;
}
.lp-widget.b1.has-thumbnails .skin-group-white .text-link,
.lp-widget.b2.has-thumbnails .skin-group-white .text-link,
.lp-widget.e12.has-thumbnails .skin-group-white .text-link {
margin: 0px 0px 0px 10px;
width: 209px; /* News & Photos have a smaller thumbnail width, than Videos. */
padding-right: 1px;
}
/*.lp-widget.b1 .skin-group-light .text-link,
.lp-widget.b1 .skin-group-dark .text-link {
margin: 0px 0px 0px 10px;
width: 190px;
}*/
.lp-widget.b1 .skin-group-light .img-link img,
.lp-widget.b1 .skin-group-dark .img-link img {
float: left;
}
.lp-widget.b1 .news-headline,
.lp-widget.b1 .news-headline a {
font-family: "Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif;
font-size: 54pt;
line-height: 48pt;
margin: 2px 0px 12px 0px;
padding-left: 1px; /* Without this, titles in Firefox have a pinched 1st letter. */
text-rendering: optimizeLegibility; /* FF, Safari & Chrome only. */
text-transform: uppercase;
}
/* SKINS - Moves the large news headline away from the edge of the widget, when it has a background color. */
.lp-widget.b1 .skin-group-light .news-headline a,
.lp-widget.b1 .skin-group-dark .news-headline a {
margin-left: 10px;
}
.lp-widget.b1 .widget-sub-headline {
/* border-top: 1px dotted silver; Design Change: "List widgets need more spacing between each dot." So using a sprite map instead of this, since CSS won't allow for border dot spacing. */
margin-top: 0px;
}
.lp-widget.b1 .widget-sub-headline.adBlock{
padding:0px !important;
margin:0px !important;
}
.b1 .skin-group-dark .widget-article .mps-ad {
margin-left:10px;
}
/* .lp-widget.b1 .widget-sub-headline:last-child {
border-bottom: none;
} */
/* SKINS - Overrides the widget-sub-headline's margin for the B2 widget & prevents wrapping. */
.lp-widget.b1 .skin-group-light .widget-sub-headline,
.lp-widget.b1 .skin-group-dark .widget-sub-headline {
margin-left: 0px;
}
/* DE font size adjustment, since they have 21 char words */
.de .lp-widget.b1 .first-item-size-medium {font-size:28pt;}
.lp-widget.b1 .b1_infeed_ad{
color:#469fd7;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
font-family: "Arial Narrow", Arial;
letter-spacing:0.8px;
line-height:10px;
margin-top:3px;
white-space:nowrap;
text-overflow:ellipsis;
height:9px;
height:12px\9;
overflow:hidden;
font-strech:condensed;}
.lp-widget.b1 .article_timestamp{
font-size: 11px;
margin-left: 0px;
line-height: 10px;
font-family:"Helvetica", "Arial Narrow", Sans-serif;
width:190px;
}
.lp-widget.b1 .white .article_timestamp,
.lp-widget.b1 .yellow .article_timestamp,
.lp-widget.b1 .grey-light .article_timestamp,
.lp-widget.b1 .grey-medium .article_timestamp
{
color:#999;
}
.lp-widget.b1 .black .article_timestamp,
.lp-widget.b1 .grey-dark .article_timestamp,
.lp-widget.b1 .red .article_timestamp,
.lp-widget.b1 .purple .article_timestamp,
.lp-widget.b1 .blue .article_timestamp
{
color:#e1e1e1;
}
.lp-widget.b1.lists .widget-sub-headline{ padding:8px 0;}
.lp-widget.b1.lists .text-link{width:200px;}
.rebrand .lp-widget.b1.lists hgroup .title-font-size-small {
font-size: 20pt;
line-height: 20pt;
}
.rebrand .lp-widget.b1 a#widget-section-type-link, .rebrand .lp-widget.b1 .widget-headlines a {
font-size: 20pt;
line-height: 20pt;
font-family: "Oswald","Arial Narrow",Sans-serif;
}
.rebrand .lp-widget.b1 .widget-headlines {
font-family: "Oswald","Arial Narrow",Sans-serif;
font-weight: 200;
}
.rebrand .lp-widget.b1.lists .text-link-first {
font-family: "Oswald","Arial Narrow", Sans-serif;
font-size: 30pt;
line-height: 35pt;
}
.rebrand .lp-widget.b1.lists .text-link-first i {
font-family: "Oswald","Arial Narrow",Sans-serif;
font-style: italic;
}
.rebrand .lp-widget.b1 .widget-sub-headline i{
font-style: italic;
}
.rebrand .lp-widget.b1 .widget-sub-headline i, .rebrand .lp-widget.b1 .widget-sub-headline p {
font-size: 13pt;
line-height: 17pt;
font-family: "Lato", "Arial Narrow", Sans-serif;
}
.rebrand .lp-widget.b1 .more-bttn{
margin: 10px 10px 3px 0;
font-family: "Lato", "Arial Narrow", Sans-serif;
}
.rebrand .lp-widget.b1 .hgroup .widget-titles {
margin-left: 0;
}
.rebrand .lp-widget.b1.lists hgroup #widget-section-type {
display: none;
}
/*********************************/
/* B2 "Photo List" Widget Styles */
/*********************************/
/* .lp-widget.b2 {
} */
.lp-widget.b2 .widget-sub-headline,
.lp-widget.e12 .widget-sub-headline {
/* border-top: 1px dotted silver; Design Change: "List widgets need more spacing between each dot." So using a sprite map instead of this, since CSS won't allow for border dot spacing. */
/*margin-top: 4px;*/
}
.lp-widget.b2 .skin-group-white .text-link,
.lp-widget.e12 .skin-group-white .text-link {
margin: 0px 10px 0px 10px;
width: 200px; /* News & Photos have a smaller thumbnail width, than Videos. */
}
/*.lp-widget.b2 .skin-group-light .text-link,
.lp-widget.b2 .skin-group-dark .text-link {
margin: 0px 0px 0px 10px;
width: 190px;
}*/
/* SKINS - Overrides the widget-sub-headline's margin for the B2 widget & prevents wrapping. */
.lp-widget.b2 .skin-group-light .widget-sub-headline,
.lp-widget.b2 .skin-group-dark .widget-sub-headline,
.lp-widget.e12 .skin-group-light .widget-sub-headline,
.lp-widget.e12 .skin-group-dark .widget-sub-headline {
margin-left: 0px;
}
.lp-widget.b2 .widget-sub-headline:last-child,
.lp-widget.e12 .widget-sub-headline:last-child {
border-bottom: none;
}
/*********************************/
/* B3 "Video List" Widget Styles */
/*********************************/
/* .lp-widget.b3 {
} */
.lp-widget.b3 .video-overlay {
z-index: 100;
}
.lp-widget.b3 .skin-group-white .text-link {
margin: 0px 0px 0px 10px;
width: 186px; /* Videos have a wider thumbnail, than News & Photos. */
padding-right: 1px;
}
.lp-widget.b3 .skin-group-light .text-link,
.lp-widget.b3 .skin-group-dark .text-link {
margin: 0px 10px 0px 10px;
/*width: 167px;*/
}
/* SKINS - Shortens the width of the text box from 240px, down to 167px, when it has a background color. */
.lp-widget.b3 .skin-group-light .widget-sub-headline p,
.lp-widget.b3 .skin-group-dark .widget-sub-headline p {
display: block;
width: 167px;
}
.lp-widget.b3 article{width:300px;}
/* .lp-widget.b3 .text-copy {padding-top:10px;} */
.lp-widget.b3 .widget-sub-headline{margin-left:0}
/*.lp-widget.b3 .main-image{height:167px}*/
.lp-widget.b3 section{position:relative}
.lp-widget.b3 .widget-sub-headline img{width:103px;height:60px;margin-left:0}
.lp-widget.b3 .video-overlay{position:relative;right:10px;top:110px}
.lp-widget.b3 .video-overlay .video-play-bttn {position: absolute; right: -10px;}
.lp-widget.b3 .sm-video-overlay{position:absolute;left:85px;top:38px}
/*********************************/
/* B5 "Video List" Widget Styles */
/*********************************/
.lp-widget.b5 {
}
/*********************************/
/* B10 "Related News" Widget Styles */
/*********************************/
.lp-widget.b10 .super-snipe {font-size:0px; width:300px;}
.lp-widget.b10 .hgroup {margin:0; padding:0 0 0 10px;}
.lp-widget.b10 .highlight {padding:5px 0;}
.lp-widget.b10 .title-font-size-small,
.lp-widget.b10 .title-font-size-small a {line-height:26pt !important;}
.lp-widget.b10 .title-font-size-medium,
.lp-widget.b10 .title-font-size-medium a {line-height:37pt !important;}
.lp-widget.b10 .title-font-size-large,
.lp-widget.b10 .title-font-size-large a {line-height:53pt !important;}
.lp-widget.b10.no-thumbnails .skin-group-white .text-link {margin:0 0 0 10px;}
/* ************************************** */
/* B11 "News List" 2 column Widget Styles */
/* ************************************** */
.lp-widget.b11 .widget-headlines {font-size:36pt; letter-spacing:1px; line-height: 32pt;}
.lp-widget.b11 .super-snipe-link, .lp-widget.b11 .snipe-link {font-size:0px;}
.lp-widget.b11 .super-snipe-link img, .lp-widget.b11 .snipe-link img {float:none;}
.lp-widget.b11 .img-link {display:block; float:left; font-size:0px; line-height:0px; overflow:hidden;}
.lp-widget.b11 .img-link img {float:none;}
.lp-widget.b11 .article_timestamp {font-family: "Helvetica", "Arial Narrow", Sans-serif; font-size:11px; margin-left:0px; line-height:10px;}
.rebrand .lp-widget.b11 .article_timestamp {
font-family: "Lato", "Arial Narrow", Sans-serif;
letter-spacing: .17pt;
margin-top: 2px;
line-height: 15px;
}
.lp-widget.b11 .white .article_timestamp,
.lp-widget.b11 .yellow .article_timestamp,
.lp-widget.b11 .grey-light .article_timestamp,
.lp-widget.b11 .grey-medium .article_timestamp
{
color:#999;
}
.lp-widget.b11 .black .article_timestamp,
.lp-widget.b11 .grey-dark .article_timestamp,
.lp-widget.b11 .red .article_timestamp,
.lp-widget.b11 .purple .article_timestamp,
.lp-widget.b11 .blue .article_timestamp
{
color:#e1e1e1;
}
.lp-widget.b11 .highlight {position:relative;}
.lp-widget.b11 .highlight a.img-link {margin-left:0px; width:300px;}
.lp-widget.b11 .highlight .text {float:left; margin-left:15px; width:280px;}
.lp-widget.b11 .highlight .text a {
display:block;
font-family:"Ostrich Sans Pro Regular", Arial, Sans-Serif;
font-size:54px;
letter-spacing:.3px;
line-height:44px;
margin-bottom:10px;
text-rendering:optimizeLegibility;
text-transform:uppercase;
}
.lp-widget.b11 ul .img-link {width:100px;}
.lp-widget.b11 ul .text {float:left; margin-left:15px; width:480px;}
.lp-widget.b11 ul .no-thumbnails .text {width:580px;}
.lp-widget.b11 ul .text a {
display:block;
font-family:"DIN Web Condensed", "Arial Narrow", Sans-Serif;
font-size:28px;
line-height:28px;
}
.rebrand .lp-widget.b11 ul .text a {
font-family: "Lato", "Arial Narrow", Sans-serif;
font-size: 22px;
line-height: 27px;
}
/* ***************************************** */
/* B12 "Gallery List" 2 column Widget Styles */
/* ***************************************** */
.lp-widget.b12 .widget-headlines {font-size:36pt; letter-spacing:1px; line-height: 32pt;}
.lp-widget.b12 .super-snipe-link, .lp-widget.b12 .snipe-link {font-size:0px;}
.lp-widget.b12 .super-snipe-link img, .lp-widget.b12 .snipe-link img {float:none;}
.lp-widget.b12 .img-link {display:block; float:left; font-size:0px; line-height:0px; overflow:hidden;}
.lp-widget.b12 .img-link img {float:none;}
.lp-widget.b12 .time {font-family:"Arial"; font-size:14px; font-weight:normal; line-height:14px;}
.lp-widget.b12 .highlight {position:relative;}
.lp-widget.b12 .highlight a.img-link {margin-left:0px; width:300px;}
.lp-widget.b12 .highlight .text {float:left; margin-left:15px; width:280px;}
.lp-widget.b12 .highlight .text a {
display:block;
font-family:"Ostrich Sans Pro Regular", Arial, Sans-Serif;
font-size:54px;
letter-spacing:.3px;
line-height:44px;
margin-bottom:10px;
text-rendering:optimizeLegibility;
text-transform:uppercase;
}
.lp-widget.b12 ul .img-link {width:100px;}
.lp-widget.b12 ul .text {float:left; margin-left:15px; width:480px;}
.lp-widget.b12 ul .no-thumbnails .text {width:580px;}
.lp-widget.b12 ul .text a {
display:block;
font-family:"DIN Web Condensed", "Arial Narrow", Sans-Serif;
font-size:28px;
line-height:28px;
}
/***************************************************/
/* C1 "Video Teaser" & "Video Stack" Widget Styles */
/***************************************************/
/* .lp-widget.c1 {
} */
.lp-widget.c1 .widget-sub-headline {
padding: 2px 0px 2px 0px;
}
.lp-widget.c1 .video-overlay {
z-index: 9;
position: absolute;
margin-left: 255px;
margin-top: 110px;
}
.lp-widget.c1 .video-overlay .video-play-bttn {
height: 45px;
width: 33px;
}
/* Remove font-size, otherwise there is 5px space below image */
.lp-widget.c1 .super-snipe {font-size:0px;}
/***************************************************/
/* C3 "Gift Guide" Widget Styles */
/***************************************************/
.lp-widget.c3{height:auto;background:transparent;}
.lp-widget.c3 .ad-banner-bkgd{float:right;margin-bottom:10px;}
.lp-widget.c3 .super-snipe{font-size:0px;}
.lp-widget.c3 div.giftGuideGrids{width:930px;height:auto;margin-top:10px;padding-right:10px;}
.lp-widget.c3 ul.giftGuideList{width:930px;height:auto;padding-right:10px;}
.lp-widget.c3 li.giftGuideItem{float:left;width:300px;height:250px;background-color:#ccc;list-style:none;margin:0 10px 10px 0;}
.lp-widget.c3 li.giftGuideItem.rowlast{margin:0 0 10px 0;}
.lp-widget.c3 li.giftGuideItem .gg_itemImg img{width:300px;height:250px;}
/*.lp-widget.c3 a.gift_button {position: absolute;bottom: 20px;}*/
.lp-widget.c3 .gg_content-block {position: absolute;bottom: 20px;width:260px;}
.lp-widget.c3 li .gg_tophighlight{border-top:3px solid #ff3fca;width:300px;height:3px;position:absolute;}
.lp-widget.c3 li .gg_numlabel_bg{
width: 0; height: 0;
border-top: 27.5px solid #ff3fca;
border-left: 27.5px solid #ff3fca;
border-right: 27.5px solid transparent;
border-bottom: 27.5px solid transparent;
position:absolute;
margin:0;
}
.lp-widget.c3 li .gg_numlabel{
margin:2px 7px 7px 7px;
margin:4px 7px 7px 7px\9;
height:50px;
width:20px;
position:absolute;
font-family:"DIN Web Condensed Italic","Arial Narrow",sans-serif;
font-size:24px;
color:#fff;
letter-spacing:1px;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .lp-widget.c3 li .gg_numlabel {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 200;
margin: 3px 7px 7px;
}
.lp-widget.c3 li .gg_overlay{
cursor:pointer;
display:none;
width:300px;
height:250px;
position:absolute;
margin-top:-254px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(140%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.lp-widget.c3 li .gg_desc_cont{
height: 110px;
width: 260px;
margin-top: 140px;
position: absolute;
padding: 0 20px 10px 20px;
}
.lp-widget.c3 li .gg_itemName{
font-family: "Ostrich Sans Pro Regular", "Arial Narrow", sans-serif;
font-size: 30px;
color: #fff;
text-align: left;
letter-spacing: 1px;
line-height: 31px;
height: 36px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .lp-widget.c3 li .gg_itemName {
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size: 30px;
font-weight: 200;
}
.lp-widget.c3 li .gg_itemDesp{
font-family: "DIN Web Condensed Bold", "Arial Narrow", sans-serif;
font-size: 14px;
color:#fff;
text-align:left;
letter-spacing:1px;
line-height:17px;
height:35px;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .lp-widget.c3 li .gg_itemDesp {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 15px;
}
.lp-widget.c3 li a .gg_itemBtn, .lp-widget.c3 li .gg_itemBtn{
font-family: "DIN Web Condensed Bold", "Arial Narrow", sans-serif;
font-size: 20px;
color: #ff3fca;
text-align: left;
letter-spacing: 1px;
line-height: 29px;
height: 25px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .lp-widget.c3 li a .gg_itemBtn, .lp-widget.c3 li .gg_itemBtn {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 20px;
font-weight: 700;
}
.c3_gg_detail_backdrop{
display:none;
position:absolute;
top:0;
z-index:900000;
background-color:#000;
width:100%;
height:100%;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/* IE 5-7 */
filter: alpha(opacity=70);
/* Netscape */
-moz-opacity: .7;
/* Safari 1.x */
-khtml-opacity: .7;
/* Good browsers */
opacity: .7;
}
.c3.gg.modal{
display:none;
z-index:990000;
position:absolute;
width:875px;
height:auto;
margin:0 auto;
top:50px;
left:0;
right:0;
bottom:0;
}
.c3 .gg_modal_box{
width:875px;
height:auto;
margin:0 auto;
}
.c3 .gg_modal_main_box, .c3 .gg_modal_main_box_detail{float:left;width:795px;height:auto;}
.c3 .gg_modal_box_main, .c3 .gg_modal_box_main_detail{
float:left;
width:735px;
height:auto;
margin:0 auto;
background-color:#fff;
padding:32px 30px 32px 30px;
}
.c3 .gg_modal_box_main_detail{
padding-top:0px;
margin-bottom:10px;
width:824px;
margin: 10px 18px;
padding-bottom:0px;
}
.c3 .gg_modal_details_box{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.c3 .gg_modal_left_box, .c3 .gg_modal_left_box_detail{float:left;width:305px;height:auto;margin-right:30px;}
.c3 .gg_modal_left_box_detail{margin-right:108px;width:296px;}
.c3 .gg_modal_right_box, .c3 .gg_modal_right_box_detail{float:left;width:400px;height:auto;}
.gg_noSelect{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.c3 .gg_modal_lb_title, .c3 .gg_modal_lb_title_detail{
color: #000;
font-family: "Ostrich Sans Pro Regular","Arial Narrow",sans-serif;
font-size: 47px;
font-weight: bold;
height: 40px;
line-height: 33px;
margin-bottom: 7px;
overflow: hidden;
padding-left: 2px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c3 .gg_modal_lb_title,
.rebrand .c3 .gg_modal_lb_title_detail {
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size: 38px;
font-weight: 400;
height: 45px;
line-height: 38px;
}
.c3 .gg_modal_lb_brand_name, .c3 .gg_modal_lb_brand_name_detail{
font-family: "DIN Web Condensed", "Arial Narrow", sans-serif;
font-size:22px;
color:#000;
margin-bottom:12px;
text-overflow: ellipsis;
overflow: hidden;
height: 20px;
width: 100%;
white-space: nowrap;
text-transform:uppercase;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c3 .gg_modal_lb_brand_name,
.rebrand .c3 .gg_modal_lb_brand_name_detail {
color: #404040;
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 20px;
font-weight: 400;
height: 23px;
}
.c3 .gg_modal_lb_price, .c3 .gg_modal_lb_price_detail{
color: #ff3fca;
font-family: "DIN Web Condensed","Arial Narrow",sans-serif;
font-size: 24px;
height: 25px;
line-height: 26px;
margin-bottom: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c3 .gg_modal_lb_price,
.rebrand .c3 .gg_modal_lb_price_detail {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 20px;
}
.c3 .gg_modal_lb_desp{
font-family: "DIN Web Condensed BOLD", "Arial Narrow", sans-serif;
font-size: 14px;
color: #999;
margin-bottom: 30px;
height: 84px;
line-height: 16px;
width:100%;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c3 .gg_modal_lb_desp {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 16px;
line-height: 21px;
}
.c3 .gg_modal_lb_desp_detail{
font-family: "DIN Web Condensed BOLD", "Arial Narrow", sans-serif;
font-size: 14px;
color: #999;
margin-bottom: 45px;
height: 84px;
line-height: 17px;
width:100%;
}
.c3 .gg_modal_lb_socials, .c3 .gg_modal_lb_socials_detail{
margin-bottom:30px;
height:30px;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c3 .gg_modal_lb_socials,
.rebrand .c3 .gg_modal_lb_socials_detail {
margin-bottom: 25px;
}
.c3 .gg_modal_lb_purchase_box, .c3 .gg_modal_lb_purchase_box_detail{
height:43px;
width:292px;
}
.c3 a .gg_modal_lb_purchase, .c3 a .gg_modal_lb_purchase_detail{
cursor:pointer;
}
.c3 .gg_modal_lb_purchase, .c3 .gg_modal_lb_purchase_detail{
background-color:#ff3fca;
height:43px;
width:285px;
line-height:43px;
text-align:center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
/* for IE8 */
behavior: url(/resources/roundCornerIE8/border-radius.htc);
border-radius: 3px;
}
.c3 .gg_modal_lb_purchase .gg_modal_btntxt, .c3 .gg_modal_lb_purchase_detail .gg_modal_btntxt_detail{
font-family: "Ostrich Sans Pro Italics", "Arial Narrow", sans-serif;
font-size:23px;
color:#fff;
text-overflow:ellipsis;
width:265px;
height:33px;
overflow:hidden;
white-space:nowrap;
letter-spacing: 1px;
padding-left:10px;
padding-right:10px;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c3 .gg_modal_lb_purchase .gg_modal_btntxt,
.rebrand .c3 .gg_modal_lb_purchase_detail .gg_modal_btntxt_detail {
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size: 24px;
letter-spacing: 1.25px;
width: 265px;
}
.c3 .gg_modal_close, .c3 .gg_modal_close_detail{
background: url('/resources/images/misc/email-close.png') no-repeat scroll 0 0 transparent;
height:27px;
width:27px;
text-indent: 999px;
float: right;
margin-top: -45px;
margin-right: -45px;
cursor:pointer;
}
.c3 .gg_modal_lb_socials .cs-container .cs-embed,
.c3 .gg_modal_lb_socials_detail .cs-container .cs-embed{display:none;}
.c3 .gg_modal_lb_socials .cs-item,
.c3 .gg_modal_lb_socials_detail .cs-item,
.c3 .gg_modal_lb_socials .cs-container .cs-fb,
.c3 .gg_modal_lb_socials_detail .cs-container .cs-fb,
.c3 .gg_modal_lb_socials .cs-container .cs-ts,
.c3 .gg_modal_lb_socials_detail .cs-container .cs-ts,
.c3 .gg_modal_lb_socials .cs-container .cs-pinterest,
.c3 .gg_modal_lb_socials_detail .cs-container .cs-pinterest,
.c3 .gg_modal_lb_socials_detail .cs-item, .gg_modal_lb_socials_detail .cs-item{
background: none;width:63px;
height:31px;
margin-right:11px;
margin-left: 0 !important;
}
.c3 .gg_modal_lb_socials .cs-share, .c3 .gg_modal_lb_socials .cs-share:hover,
.c3 .gg_modal_lb_socials_detail .cs-share, .c3 .gg_modal_lb_socials_detail .cs-share:hover,
.c3 .gg_modal_lb_socials .cs-ts .cs-share, .c3 .gg_modal_lb_socials .cs-ts .cs-share:hover,
.c3 .gg_modal_lb_socials_detail .cs-ts .cs-share, .c3 .gg_modal_lb_socials_detail .cs-ts .cs-share:hover,
.c3 .gg_modal_lb_socials .cs-fb .cs-share, .c3 .gg_modal_lb_socials .cs-fb .cs-share:hover,
.c3 .gg_modal_lb_socials_detail .cs-fb .cs-share, .c3 .gg_modal_lb_socials_detail .cs-fb .cs-share:hover,
.c3 .gg_modal_lb_socials .cs-ts .cs-share, .c3 .gg_modal_lb_socials .cs-ts .cs-share:hover,
.c3 .gg_modal_lb_socials_detail .cs-ts .cs-share, .c3 .gg_modal_lb_socials_detail .cs-ts .cs-share:hover,
.c3 .gg_modal_lb_socials .cs-pinterest .cs-share, .c3 .gg_modal_lb_socials .cs-pinterest .cs-share:hover,
.c3 .gg_modal_lb_socials_detail .cs-pinterest .cs-share, .c3 .gg_modal_lb_socials_detail .cs-pinterest .cs-share:hover{
background-image: url('/resources/widgets/images/C3/gg_c3_socials_sprite.png');
width:63px;
height:31px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
/* for IE8 */
behavior: url(/resources/roundCornerIE8/border-radius.htc);
border-radius: 3px;
}
.c3 .gg_modal_lb_socials .cs-fb .cs-share, .c3 .gg_modal_lb_socials_detail .cs-fb .cs-share{background-color:#3B5998;background-position:0 0;}
.c3 .gg_modal_lb_socials .cs-fb:hover .cs-share, .c3 .gg_modal_lb_socials_detail .cs-fb:hover .cs-share{background-color: #5372B3;background-position:0 31px;}
.c3 .gg_modal_lb_socials .cs-ts .cs-share,.c3 .gg_modal_lb_socials_detail .cs-ts .cs-share{background-color:#0692C7;background-position:-71px 0}
.c3 .gg_modal_lb_socials .cs-ts:hover .cs-share, .c3 .gg_modal_lb_socials_detail .cs-ts:hover .cs-share{background-color:#2db6ef;background-position:-72px 31px;}
.c3 .gg_modal_lb_socials .cs-pinterest .cs-share, .c3 .gg_modal_lb_socials_detail .cs-pinterest .cs-share{background-color:#F40D2F;text-indent:-999px;background-position:-145px 0;}
.c3 .gg_modal_lb_socials .cs-pinterest:hover .cs-share, .c3 .gg_modal_lb_socials_detail .cs-pinterest:hover .cs-share{background-color:#f7505c;background-position:-145px 31px;}
.c3 .gg_modal_lb_socials .cs-email .cs-share, .c3 .gg_modal_lb_socials_detail .cs-email .cs-share{background-color:#4E4E4E;background-image:none;width:63px;}
.c3 .gg_modal_lb_socials .cs-email:hover .cs-share, .c3 .gg_modal_lb_socials_detail .cs-email:hover .cs-share{background-color:#797878;background-image:none;width:63px;}
.c3 .gg_modal_previous{
width:30px;
height:60px;
margin-right:10px;
text-indent: 999px;
float:left;
}
.c3 .gg_modal_next{
width:30px;
height:60px;
padding-leftt:10px;
text-indent: 999px;
float:right;
}
.c3 .gg_modal_aw_sprite{
width:30px;
height:100px;
background-color: #ff3fca;
text-indent: -999px;
position:absolute;
background-image: url('/resources/widgets/images/C3/gg_bwarrowssprite.png');
background-repeat: no-repeat;
cursor:pointer;
}
.c3 .gg_prev_arrow{
background-position: 8px 40px;
}
.c3 .gg_next_arrow{
background-position: -37px 40px;
}
.c3 .gg_prev_arrow:hover{
background-position: 8px -89px;
}
.c3 .gg_next_arrow:hover{
background-position:-37px -89px;
}
.c3 .gg_prev_inner_arrow{
border-color: transparent #444 transparent transparent;
border-style: solid;
border-width: 25px;
height: 0;
margin-left: -20px;
margin-top: -39px;
margin-top: -40px\9;
position: absolute;
width: 0;
}
.c3 .gg_next_inner_arrow{
border-color: transparent transparent transparent #444;
border-style: solid;
border-width: 25px;
height: 0;
margin: -39px 0 0 -30px;
margin-top:-40px\9;
position: absolute;
width: 0;
}
.c3 .gg_modal_last_box{
display:none;
height:206px;
width:295px;
}
.c3 .gg_modal_last_header{
color: #959595;
font-family: "Ostrich Sans Pro Regular","Arial Narrow",sans-serif;
font-size: 57px;
font-weight: bold;
letter-spacing: 0;
line-height: 56px;
text-align: center;
text-transform: uppercase;
height:122px;
width:295px;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c3 .gg_modal_last_header {
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size: 48px;
height: 197px;
line-height: 57px;
}
.c3 .gg_modal_last_title{
color: #959595;
font-family: "DIN Web Condensed","Arial Narrow",sans-serif;
font-size: 80px;
letter-spacing: -4px;
line-height: 75px;
text-align: center;
text-transform: uppercase;
}
.c3 .gg_modal_back_btn{
width:295px;
height:49px;
margin-top:35px;
text-align:center;
line-height:24px;
font-family:"DIN Web Condensed Italic", "Arial Narrow", sans-serif;
font-size:24px;
color:#fff;
line-height:50px;
letter-spacing: 0.5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
/* for IE8 */
behavior: url(/resources/roundCornerIE8/border-radius.htc);
border-radius: 3px;
overflow: hidden;
padding: 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 275px;
cursor:pointer;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c3 .gg_modal_back_btn {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-weight: 200;
line-height: 50px;
text-transform: uppercase;
}
.c3 .gg_modal_lb_purchase .gg_modal_btntxt{
font-family: "Ostrich Sans Pro Italics", "Arial Narrow", sans-serif;
font-size: 23px;
color: #fff;
text-overflow: ellipsis;
width: 265px;
height: 33px;
overflow: hidden;
white-space: nowrap;
letter-spacing: 1px;
padding-left: 10px;
padding-right: 10px;
height: 43px;
width: 285px;
position: absolute;
}
.c3 .opacityLayer{
background-color: #000;
height: 43px;
width: 285px;
position: absolute;
opacity: 0;
}
.c3 .gg_modal_lb_purchase:hover > .opacityLayer{opacity:0.3;}
.c3 .gg_modal_last_box a:hover > .opacityLayerEndBtn{
opacity: 0.3;
}
.c3 .gg_modal_back_btn{margin-top:0;}
.c3 .opacityLayerEndBtn {
background-color: #000;
height: 49px;
width: 295px;
position: absolute;
opacity: 0;
}
.c3 .gg_modal_last_box a{
position: absolute;
height: 49px;
width: 295px;
display: block;
}
/***************************************************/
/* c33 "Talent Grid" Widget Styles */
/***************************************************/
.lp-widget.c33{height:auto;background:transparent;}
.lp-widget.c33 .ad-banner-bkgd{float:right;margin-bottom:10px;}
.lp-widget.c33 .super-snipe{font-size:0px;}
.lp-widget.c33 div.giftGuideGrids{width:930px;height:auto;margin-top:10px;padding-right:10px;}
.lp-widget.c33 ul.giftGuideList{width:930px;height:auto;padding-right:10px;}
.lp-widget.c33 li.giftGuideItem{float:left;width:300px;height:250px;background-color:#ccc;list-style:none;margin:0 10px 10px 0;}
.lp-widget.c33 li.giftGuideItem.rowlast{margin:0 0 10px 0;}
.lp-widget.c33 li.giftGuideItem .gg_itemImg img{width:300px;height:250px;}
/*.lp-widget.c33 a.gift_button {position: absolute;bottom: 20px;}*/
.lp-widget.c33 .gg_content-block {position: absolute;bottom: 20px;width:260px;}
.lp-widget.c33 li .gg_tophighlight{border-top:3px solid #ff3fca;width:300px;height:3px;position:absolute;}
.lp-widget.c33 li .gg_numlabel_bg{
width: 0; height: 0;
border-top: 27.5px solid #ff3fca;
border-left: 27.5px solid #ff3fca;
border-right: 27.5px solid transparent;
border-bottom: 27.5px solid transparent;
position:absolute;
margin:0;
}
.lp-widget.c33 li .gg_numlabel{
margin:2px 7px 7px 7px;
margin:4px 7px 7px 7px\9;
height:50px;
width:20px;
position:absolute;
font-family:"DIN Web Condensed Italic","Arial Narrow",sans-serif;
font-size:24px;
color:#fff;
letter-spacing:1px;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .lp-widget.c33 li .gg_numlabel {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 200;
}
.lp-widget.c33 li .gg_overlay{
cursor:pointer;
display:none;
width:300px;
height:250px;
position:absolute;
margin-top:-254px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(140%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.lp-widget.c33 li .gg_desc_cont{
height: 110px;
width: 260px;
margin-top: 140px;
position: absolute;
padding: 0 20px 10px 20px;
}
.lp-widget.c33 li .gg_itemName{
font-family: "Ostrich Sans Pro Regular", "Arial Narrow", sans-serif;
font-size: 30px;
color: #fff;
text-align: left;
letter-spacing: 1px;
line-height: 31px;
height: 36px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .lp-widget.c33 li .gg_itemName {
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-weight: 200;
}
.lp-widget.c33 li .gg_itemDesp{
font-family: "DIN Web Condensed", "Arial Narrow", sans-serif;
font-size: 16px;
color:#fff;
text-align:left;
letter-spacing:1px;
line-height:18px;
height:37px;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .lp-widget.c33 li .gg_itemDesp {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 15px;
height: 35px;
line-height: 17px;
}
.lp-widget.c33 li a .gg_itemBtn, .lp-widget.c33 li .gg_itemBtn{
font-family: "DIN Web Condensed", "Arial Narrow", sans-serif;
font-size: 20px;
color: #ff3fca;
text-align: left;
letter-spacing: 1px;
line-height: 29px;
height: 25px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .lp-widget.c33 li a .gg_itemBtn,
.rebrand .lp-widget.c33 li .gg_itemBtn {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-weight: 700;
}
.c33_gg_detail_backdrop{
display:none;
position:absolute;
top:0;
z-index:900000;
background-color:#000;
width:100%;
height:100%;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/* IE 5-7 */
filter: alpha(opacity=70);
/* Netscape */
-moz-opacity: .7;
/* Safari 1.x */
-khtml-opacity: .7;
/* Good browsers */
opacity: .7;
}
.c33.gg.modal{
display:none;
z-index:990000;
position:absolute;
width:875px;
height:auto;
margin:0 auto;
top:50px;
left:0;
right:0;
bottom:0;
}
.c33 .gg_modal_box{
width:875px;
height:auto;
margin:0 auto;
}
.c33 .gg_modal_main_box, .c33 .gg_modal_main_box_detail{float:left;width:795px;height:auto;}
.c33 .gg_modal_box_main, .c33 .gg_modal_box_main_detail{
float:left;
width:735px;
height:auto;
margin:0 auto;
background-color:#fff;
padding:32px 30px 32px 30px;
}
.c33 .gg_modal_box_main_detail{
padding-top:0px;
margin-bottom:10px;
width:824px;
margin: 10px 18px;
padding-bottom:0px;
}
.c33 .gg_modal_details_box{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.c33 .gg_modal_left_box, .c33 .gg_modal_left_box_detail{float:left;width:305px;height:auto;margin-right:30px;}
.c33 .gg_modal_left_box_detail{margin-right:108px;width:296px;}
.c33 .gg_modal_right_box, .c33 .gg_modal_right_box_detail{float:left;width:400px;height:auto;}
.gg_noSelect{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.c33 .gg_modal_lb_title, .c33 .gg_modal_lb_title_detail{
color: #000;
font-family: "Ostrich Sans Pro Regular","Arial Narrow",sans-serif;
font-size: 47px;
font-weight: bold;
height: 40px;
line-height: 33px;
margin-bottom: 7px;
overflow: hidden;
padding-left: 2px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c33 .gg_modal_lb_title,
.rebrand .c33 .gg_modal_lb_title_detail {
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size: 38px;
font-weight: 400;
height: 45px;
line-height: 38px;
}
.c33 .gg_modal_lb_brand_name, .c33 .gg_modal_lb_brand_name_detail{
font-family: "DIN Web Condensed", "Arial Narrow", sans-serif;
font-size:22px;
color:#000;
margin-bottom:12px;
text-overflow: ellipsis;
overflow: hidden;
height: 20px;
width: 100%;
white-space: nowrap;
text-transform:uppercase;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c33 .gg_modal_lb_brand_name,
.rebrand .c33 .gg_modal_lb_brand_name_detail {
color: #404040;
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 20px;
height: 23px;
}
.rebrand .c33 .gg_modal_lb_brand_name span {
height: 100px;
width: 300px;
}
.c33 .gg_modal_lb_price, .c33 .gg_modal_lb_price_detail{
color: #ff3fca;
font-family: "DIN Web Condensed","Arial Narrow",sans-serif;
font-size: 24px;
height: 25px;
line-height: 26px;
margin-bottom: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c33 .gg_modal_lb_price,
.rebrand .c33 .gg_modal_lb_price_detail {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 20px;
}
.c33 .gg_modal_lb_desp{
font-family: "DIN Web Condensed", "Arial Narrow", sans-serif;
font-size: 17px;
color: #999;
margin-bottom: 20px;
height:auto;
min-height: 84px;
line-height: 22px;
width:100%;
letter-spacing:.25px;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c33 .gg_modal_lb_desp {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 16px;
height: 84px;
line-height: 21px;
margin-bottom: 30px;
}
.c33 .gg_modal_lb_desp_detail{
font-family: "DIN Web Condensed BOLD", "Arial Narrow", sans-serif;
font-size: 14px;
color: #999;
margin-bottom: 20px;
height: auto;
line-height: 17px;
width:100%;
}
.c33 .gg_modal_lb_socials, .c33 .gg_modal_lb_socials_detail{
margin-bottom:10px;
height:30px;
}
.c33 .gg_modal_lb_purchase_box, .c33 .gg_modal_lb_purchase_box_detail{
height:43px;
width:292px;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c33 .gg_modal_lb_purchase_box,
.rebrand .c33 .gg_modal_lb_purchase_box_detail {
margin-top: 25px;
}
.c33 a .gg_modal_lb_purchase, .c33 a .gg_modal_lb_purchase_detail{
cursor:pointer;
}
.c33 .gg_modal_lb_purchase, .c33 .gg_modal_lb_purchase_detail{
background-color:#ff3fca;
height:43px;
width:285px;
line-height:43px;
text-align:center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
/* for IE8 */
behavior: url(/resources/roundCornerIE8/border-radius.htc);
border-radius: 3px;
}
.c33 .gg_modal_lb_purchase:hover,.c33 .gg_modal_lb_purchase_detail:hover{
background-color:#e107a5;
}
.c33 .gg_modal_lb_purchase .gg_modal_btntxt, .c33 .gg_modal_lb_purchase_detail .gg_modal_btntxt_detail{
font-family: "Ostrich Sans Pro Italics", "Arial Narrow", sans-serif;
font-size:23px;
color:#fff;
text-overflow:ellipsis;
width:265px;
height:33px;
overflow:hidden;
white-space:nowrap;
letter-spacing: 1px;
padding-left:10px;
padding-right:10px;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c33 .gg_modal_lb_purchase .gg_modal_btntxt,
.rebrand .c33 .gg_modal_lb_purchase_detail .gg_modal_btntxt_detail {
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size: 24px;
font-weight: 200;
letter-spacing: 1.25px;
padding: left: 0;
width: 265px;
}
.c33 .gg_modal_close, .c33 .gg_modal_close_detail{
background: url('/resources/images/misc/email-close.png') no-repeat scroll 0 0 transparent;
height:27px;
width:27px;
text-indent: 999px;
float: right;
margin-top: -45px;
margin-right: -45px;
cursor:pointer;
}
.c33 .gg_modal_lb_socials .cs-container .cs-embed,
.c33 .gg_modal_lb_socials_detail .cs-container .cs-embed{display:none;}
.c33 .gg_modal_lb_socials .cs-item,
.c33 .gg_modal_lb_socials_detail .cs-item,
.c33 .gg_modal_lb_socials .cs-container .cs-fb,
.c33 .gg_modal_lb_socials_detail .cs-container .cs-fb,
.c33 .gg_modal_lb_socials .cs-container .cs-ts,
.c33 .gg_modal_lb_socials_detail .cs-container .cs-ts,
.c33 .gg_modal_lb_socials .cs-container .cs-pinterest,
.c33 .gg_modal_lb_socials_detail .cs-container .cs-pinterest,
.c33 .gg_modal_lb_socials_detail .cs-item, .gg_modal_lb_socials_detail .cs-item{
background: none;width:63px;
height:31px;
margin-right:11px;
margin-left: 0 !important;
}
.c33 .gg_modal_lb_socials .cs-share, .c33 .gg_modal_lb_socials .cs-share:hover,
.c33 .gg_modal_lb_socials_detail .cs-share, .c33 .gg_modal_lb_socials_detail .cs-share:hover,
.c33 .gg_modal_lb_socials .cs-ts .cs-share, .c33 .gg_modal_lb_socials .cs-ts .cs-share:hover,
.c33 .gg_modal_lb_socials_detail .cs-ts .cs-share, .c33 .gg_modal_lb_socials_detail .cs-ts .cs-share:hover,
.c33 .gg_modal_lb_socials .cs-fb .cs-share, .c33 .gg_modal_lb_socials .cs-fb .cs-share:hover,
.c33 .gg_modal_lb_socials_detail .cs-fb .cs-share, .c33 .gg_modal_lb_socials_detail .cs-fb .cs-share:hover,
.c33 .gg_modal_lb_socials .cs-ts .cs-share, .c33 .gg_modal_lb_socials .cs-ts .cs-share:hover,
.c33 .gg_modal_lb_socials_detail .cs-ts .cs-share, .c33 .gg_modal_lb_socials_detail .cs-ts .cs-share:hover,
.c33 .gg_modal_lb_socials .cs-pinterest .cs-share, .c33 .gg_modal_lb_socials .cs-pinterest .cs-share:hover,
.c33 .gg_modal_lb_socials_detail .cs-pinterest .cs-share, .c33 .gg_modal_lb_socials_detail .cs-pinterest .cs-share:hover{
background-image: url('/resources/widgets/images/C3/gg_c3_socials_sprite.png');
width:63px;
height:31px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
/* for IE8 */
behavior: url(/resources/roundCornerIE8/border-radius.htc);
border-radius: 3px;
}
.c33 .gg_modal_lb_socials .cs-fb .cs-share, .c33 .gg_modal_lb_socials_detail .cs-fb .cs-share{background-color:#3B5998;background-position:0 0;}
.c33 .gg_modal_lb_socials .cs-fb:hover .cs-share, .c33 .gg_modal_lb_socials_detail .cs-fb:hover .cs-share{background-color: #5372B3;background-position:0 31px;}
.c33 .gg_modal_lb_socials .cs-ts .cs-share,.c33 .gg_modal_lb_socials_detail .cs-ts .cs-share{background-color:#0692C7;background-position:-71px 0}
.c33 .gg_modal_lb_socials .cs-ts:hover .cs-share, .c33 .gg_modal_lb_socials_detail .cs-ts:hover .cs-share{background-color:#2db6ef;background-position:-72px 31px;}
.c33 .gg_modal_lb_socials .cs-pinterest .cs-share, .c33 .gg_modal_lb_socials_detail .cs-pinterest .cs-share{background-color:#F40D2F;text-indent:-999px;background-position:-145px 0;}
.c33 .gg_modal_lb_socials .cs-pinterest:hover .cs-share, .c33 .gg_modal_lb_socials_detail .cs-pinterest:hover .cs-share{background-color:#f7505c;background-position:-145px 31px;}
.c33 .gg_modal_lb_socials .cs-email .cs-share, .c33 .gg_modal_lb_socials_detail .cs-email .cs-share{background-color:#4E4E4E;background-image:none;width:63px;}
.c33 .gg_modal_lb_socials .cs-email:hover .cs-share, .c33 .gg_modal_lb_socials_detail .cs-email:hover .cs-share{background-color:#797878;background-image:none;width:63px;}
.c33 .gg_modal_previous{
width:30px;
height:60px;
margin-right:10px;
text-indent: 999px;
float:left;
}
.c33 .gg_modal_next{
width:30px;
height:60px;
padding-leftt:10px;
text-indent: 999px;
float:right;
}
.c33 .gg_modal_aw_sprite{
width:30px;
height:100px;
background-color: #ff3fca;
text-indent: -999px;
position:absolute;
background-image: url('/resources/widgets/images/C3/gg_bwarrowssprite.png');
background-repeat: no-repeat;
cursor:pointer;
}
.c33 .gg_prev_arrow{
background-position: 8px 40px;
}
.c33 .gg_next_arrow{
background-position: -37px 40px;
}
.c33 .gg_prev_arrow:hover{
background-position: 8px -89px;
}
.c33 .gg_next_arrow:hover{
background-position:-37px -89px;
}
.c33 .gg_prev_inner_arrow{
border-color: transparent #444 transparent transparent;
border-style: solid;
border-width: 25px;
height: 0;
margin-left: -20px;
margin-top: -39px;
margin-top: -40px\9;
position: absolute;
width: 0;
}
.c33 .gg_next_inner_arrow{
border-color: transparent transparent transparent #444;
border-style: solid;
border-width: 25px;
height: 0;
margin: -39px 0 0 -30px;
margin-top:-40px\9;
position: absolute;
width: 0;
}
.c33 .gg_modal_last_box{
display:none;
height:206px;
width:295px;
}
.c33 .gg_modal_last_header{
color: #959595;
font-family: "Ostrich Sans Pro Regular","Arial Narrow",sans-serif;
font-size: 57px;
font-weight: bold;
letter-spacing: 0;
line-height: 56px;
text-align: center;
text-transform: uppercase;
height:122px;
width:295px;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c33 .gg_modal_last_header {
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size: 48px;
line-height: 57px;
height: 197px;
width: 295px;
}
.c33 .gg_modal_last_title{
color: #959595;
font-family: "DIN Web Condensed","Arial Narrow",sans-serif;
font-size: 80px;
letter-spacing: -4px;
line-height: 75px;
text-align: center;
text-transform: uppercase;
}
.c3 .gg_modal_back_btn{margin-top:0;position:absolute;}
.c33 .gg_modal_back_btn{
width:295px;
height:49px;
margin-top:35px;
text-align:center;
line-height:24px;
font-family:"DIN Web Condensed Italic", "Arial Narrow", sans-serif;
font-size:24px;
color:#fff;
line-height:50px;
letter-spacing: 0.5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
/* for IE8 */
behavior: url(/resources/roundCornerIE8/border-radius.htc);
border-radius: 3px;
overflow: hidden;
padding: 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 275px;
cursor:pointer;
}
/* REBRAND2016-157 *********************************************************/
.rebrand .c33 .gg_modal_back_btn {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-weight: 200;
text-transform: uppercase;
}
.c33 .gg_modal_lb_purchase .gg_modal_btntxt{
font-family: "Ostrich Sans Pro Italics", "Arial Narrow", sans-serif;
font-size: 23px;
color: #fff;
text-overflow: ellipsis;
width: 265px;
height: 33px;
overflow: hidden;
white-space: nowrap;
letter-spacing: 1px;
padding-left: 10px;
padding-right: 10px;
height: 43px;
width: 285px;
position: absolute;
}
.c33 .opacityLayer{
background-color: #000;
height: 43px;
width: 285px;
position: absolute;
opacity: 0;
}
.c33 .gg_modal_lb_purchase:hover > .opacityLayer{opacity:0.3;}
.c33 .gg_modal_last_box a:hover > .opacityLayerEndBtn{
opacity: 0.3;
}
.c33 .gg_modal_back_btn{margin-top:0;position:absolute;}
.c33 .opacityLayerEndBtn {
background-color: #000;
height: 49px;
width: 295px;
position: absolute;
opacity: 0;
}
.c33 .gg_modal_last_box a{
position: absolute;
height: 49px;
width: 295px;
display: block;
}
/****************************************************/
/* C11 "Video Teaser" & "Video Stack" Widget Styles */
/****************************************************/
.lp-widget.c11 {
overflow: visible;
width: 300px;
}
.lp-widget.c11.has-snipe.has-video-image .snipe {
margin-bottom: -32px;
position: relative;
}
.lp-widget.c11 .thumbnail-links.small {
margin-top: 2px;
}
.lp-widget.c11 .thumbnail-links.small.right {
margin-left: 5px;
}
.lp-widget.c11 .thumbnails {
border: 1px solid black;
display: block;
float: left;
height: 82px;
margin: 2px 0px 0px 0px; /* Don't set margin-right or margin-left here! It will cause the thumbnails to auto-wrap. */
width: 145px;
}
.lp-widget.c11 .thumbnails.large {
height: 167px;
margin-top: 0px;
width: 298px;
}
.lp-widget.c11 .thumbnails.small {
}
.lp-widget.c11 .thumbnails:hover {
border: 1px solid #46BA37;
}
.lp-widget.c11 .video-overlay {
position: absolute;
z-index: 100;
}
.lp-widget.c11 .thumbnails.large .video-overlay {
margin: 110px 0 0 255px;
}
.lp-widget.c11 .thumbnails.small .video-overlay {
margin: 50px 0 0 120px;
}
.lp-widget.c11 .thumbnails.left.column {
float: left;
}
.lp-widget.c11 .thumbnails.right.column {
float: right;
}
.lp-widget.c11 .thumbnails.last.row {
margin-bottom: 0px;
}
.lp-widget.c11 .thumbnails .titles {
display: none;
}
/* Widget Styles Tuning */
.lp-widget.c11.no-ad.has-video-image .text-copy {
margin-top: 0px; /* Resets the widget tuning on the .has-video-image widget class. This way all of the widget styles are flush-top-aligned in our widget testing tool. */
}
.lp-widget.c11.no-ad.has-video-image.has-small-title.no-background-color .text-copy {
padding-top: 9px;
}
.lp-widget.c11.has-ad.has-video-image.has-small-title.no-background-color .text-copy {
padding-top: 3px;
}
.lp-widget.c11.no-ad.has-video-image.has-medium-title.no-background-color .text-copy {
padding-top: 8px;
}
.lp-widget.c11.has-ad.has-video-image.has-medium-title.no-background-color .text-copy {
padding-top: 0px;
}
.lp-widget.c11.no-ad.has-video-image.has-large-title.no-background-color .text-copy {
padding-top: 4px;
}
.lp-widget.c11.has-ad.has-video-image.has-large-title.no-background-color .text-copy {
padding-top: 0px;
}
.lp-widget.c11.no-ad.has-video-image.has-small-title.has-background-color .text-copy {
padding-top: 6px;
}
.lp-widget.c11.has-ad.has-video-image.has-small-title.has-background-color .text-copy {
padding-top: 0px;
}
.lp-widget.c11.no-ad.has-video-image.has-medium-title.has-background-color .text-copy {
padding-top: 5px;
}
.lp-widget.c11.has-ad.has-video-image.has-medium-title.has-background-color .text-copy {
padding-top: 0px;
}
.lp-widget.c11.no-ad.has-video-image.has-large-title.has-background-color .text-copy {
padding-top: 1px;
}
.lp-widget.c11.has-ad.has-video-image.has-large-title.has-background-color .text-copy {
padding-top: 0px;
}
.lp-widget.c11.no-more-button .text-copy {
padding-bottom: 3px;
}
/********************************/
/* D1 "Show Page" Widget Styles */
/********************************/
/* .lp-widget.d1 {
} */
.lp-widget.d1 .overlay {
position: relative;
}
.lp-widget.d1.has-small-title .hgroup,
.lp-widget.d1.has-medium-title .hgroup {
margin-bottom: 2px;
}
.lp-widget.d1 .video-overlay {
margin-left: 240px;
margin-top: 110px;
}
.lp-widget.d1 .widget-sub-headline {
min-height: 23px;
margin: -5px 0px 0px 0px;
padding: 5px 0px 0px 8px;
width: 292px;
position:relative;
}
.lp-widget.d1 .widget-sub-headline a {
float: left;
font-family: "Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif;
font-size: 18pt;
font-weight: bold;
letter-spacing: 0;
line-height: 17pt;
margin: -1px 0px 0px 0px;
text-rendering: optimizeLegibility; /* FF, Safari & Chrome only. */
text-transform: uppercase;
}
/************************************/
/* D2 & D3 "Schedule" Widget Styles */
/************************************/
.tiny-scrollbar .viewport {height:350px; overflow:hidden; position:relative; width:280px;}
.tiny-scrollbar .overview {position:absolute; left:0; top:0;}
.tiny-scrollbar .thumb .end,
.tiny-scrollbar .thumb {background-color:#525252;}
.tiny-scrollbar .scrollbar {float:right; position:relative; width:15px;}
.tiny-scrollbar .track {background-color:#dedede; height:100%; position:relative; width:15px;}
.tiny-scrollbar .thumb {cursor:pointer; height:20px; overflow:hidden; position:absolute; top:0; width:15px;}
.tiny-scrollbar .thumb .end {overflow:hidden; height:5px; width:15px;}
.tiny-scrollbar .disable {display:none;}
.tiny-scrollbar .no-user-select {
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;
}
.lp-widget.d2-3 .scrollbar-wrapper {border:1px solid #ccc; border-left:none; border-right:none;}
.lp-widget.d2-3 .snipe-group {position:relative;}
.lp-widget.d2-3 .snipe-group .snipe {background-color:#000; color:#fff; left:0px; top:0px;}
.lp-widget.d2-3 .widget-titles a {color:#000;}
.lp-widget.d2-3 .time {
color:#2d2d2d;
float:left;
font-family:"Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif;
font-size:24px;
line-height:22px;
padding-right:10px;
text-align:right;
width:55px;
}
.lp-widget.d2-3 .description {
color:#000;
float:left;
font-family:"Din Web Condensed", "Arial Narrow", Sans-Serif;
width:220px;
}
.lp-widget.d2-3 .description p {font-size:20px; line-height:24px;}
.lp-widget.d2-3 .description p.title {font-size:24px; line-height:28px;}
/* D2 Specific Styles */
.lp-widget.d2 ul li {border-bottom:1px solid #e5e5e5; padding:5px 0;}
.lp-widget.d2 ul li:last-child {border:none;}
/* D3 Specific Styles */
.lp-widget.d3 .tabs {border:1px solid #b4b4b4;}
.lp-widget.d3 .tabs li {
border-left:1px solid #b4b4b4;
color:#b4b4b4;
cursor:pointer;
float:left;
font-family:"Din Web Condensed", "Arial Narrow", Sans-Serif;
font-size:27px;
height:33px;
line-height:39px;
text-align:center;
width:42px;
}
.lp-widget.d3 .tabs li:first-child {border:none; width:40px;}
.lp-widget.d3 .tabs li.disabled {background-color:#8e8e8e; color:#fff; cursor:default;}
.lp-widget.d3 .tabs li.active {background-color:#1e1e1e; color:#fff;}
.lp-widget.d3 .overview li {display:none;}
.lp-widget.d3 .overview li li {border-bottom:1px solid #e5e5e5; display:block; padding:5px 0;}
.lp-widget.d3 .overview li li:last-child {border:none;}
.lp-widget.d2-3 .overview li.no-data {
border:none;
font-family: "DIN Web Condensed Italic", "Arial Narrow", Sans-Serif;
}
.lp-widget.d3 .overview li.active {display:block;}
.lp-widget.d3 .current-date {
background-color:#000;
color:#fff;
font-family:"Din Web Condensed", "Arial Narrow", Sans-Serif;
font-size:24px;
height:34px;
line-height:38px;
margin-top:2px;
padding:0 3px;
text-transform:uppercase;
}
/* Skins */
.lp-widget.d2-3 .skin-group-light .viewport,
.lp-widget.d2-3 .skin-group-dark .viewport {margin-left:5px;}
.lp-widget.d2-3 .skin-group-dark .widget-titles a,
.lp-widget.d2-3 .skin-group-dark .time,
.lp-widget.d2-3 .skin-group-dark .description {color:#FFF;}
.lp-widget.d2-3 .skin-group-light .description,
.lp-widget.d2-3 .skin-group-dark .description {width:200px;}
.lp-widget.d3 .skin-group-light .current-date,
.lp-widget.d3 .skin-group-dark .current-date {padding-left:7px;padding-right:7px;}
/************************************/
/* D2 & D3 "Schedule" Widget Styles */
/************************************/
.lp-widget.d3{margin-bottom: 0px;padding-bottom: 10px;overflow: hidden;}
/*********************************/
/* E1 "Video List" Widget Styles */
/*********************************/
.lp-widget.e1 {
}
/************************************/
/* E90 Newsletter Widget Styles */
/************************************/
.lp-widget.e90{width:300px;}
.lp-widget.e90 .text-copy {margin: 0 19px 10px 19px !important;padding-top:0 !important;padding-bottom:0px;padding-left:0;}
.lp-widget.e90 .text-copy #widget-headline-group {padding:15px 0px 15px 0px !important;margin-bottom:0;}
.lp-widget.e90 .text-copy .widget-headlines{font-family: Arial;font-size:15px;text-transform:none;line-height:10px;}
.lp-widget.e90 .e90_newsletter_email_box{height:35px;width:262px;margin-bottom:25px;}
.lp-widget.e90 .skin-group-white.white .e90_newsletter_email_box{border:1px solid #000;}
.lp-widget.e90 .e90_newsletter_email_box input{border:none; height:35px;width:260px;margin-bottom:3px;color:gray;}
.edition_de .lp-widget.e90 .e90_newsletter_email_box{height:45px;}
.lp-widget.e90 .e90_newsletter_agreement{margin:5px 0 5px 0;height:50px;margin-bottom:15px;}
.edition_it .lp-widget.e90 .e90_newsletter_agreement{height:60px;}
.edition_fr .lp-widget.e90 .e90_newsletter_agreement{height:65px;}
.edition_de .lp-widget.e90 .e90_newsletter_agreement{height:65px;}
.lp-widget.e90 .e90_newsletter_agreement input{visibility:hidden;float:left;margin-top:-1px;}
.lp-widget.e90 .e90_newsletter_agreement .e90_agreement_label{float:left;font-size:15px;width:232px;margin-left:3px;margin-bottom:3px;}
.lp-widget.e90 .e90_newsletter_agreement .e90_agreement_label a{color:#00ECFF;}
.lp-widget.e90 .e90_newsletter_agreement .e90_agreement_label a:hover{text-decoration:underline;}
.lp-widget.e90 .e90_subscribe_button{height:47px;width:262px;}
.lp-widget.e90 .e90_subscribe_button input{cursor:pointer;width:262px;height:47px;background-color:#00ecff;border-top:none;border-left:none;border-right:none;border-bottom:2px solid #444;color:#474343;font-size:22px;}
.lp-widget.e90 .e90_subscribe_button input:hover{color:#fff;background-color:#03c0cf;}
.lp-widget.e90 .e90_subscribe_button input:active{border-left:2px solid #333;border-right:2px solid #ccc;border-top:2px solid #333;border-bottom:2px solid #ccc;}
.lp-widget.e90 .e90_error{color:red;font-size:12px;display:none;}
.lp-widget.e90 .e90_newsletter_agreement .e90_error{margin-left:22px;}
.lp-widget.e90 .e90_submitting_wait{
display:none;height:120px;width:300px;padding-top:80px;background-color:#000;color:#ccc;z-index:5;
position:absolute;margin-top:-210px;text-align:center;
}
.lp-widget.e90 .custom_checkbox{background:url('/resources/newsletter/images/newsletter-checkbox_20.png') no-repeat;}
.lp-widget.e90 .e90_custom_checkbox{
height:20px;
width: 20px;
float:left;
z-index: 20;
margin-left:-14px;
background-position:0 7px;
background-position:0 4px \9;
margin-top:-6px;
margin-top:-4px \9;
background-size:20px 32px;
float:left;
cursor:pointer;
}
.lp-widget.e90 .e90_custom_checkbox.checked{
height:20px;
width: 20px;
background-size:20px 32px;
background-position:0 -14px;
background-position:0px -17px \9;
margin-top:-5px;
margin-top:-4px\9;
float:left;
cursor:pointer;
}
.lp-widget.e90 .skin-group-white.white .e90_custom_checkbox{border:1px solid #000;}
.lp-widget.e90 .skin-group-white.white .e90_custom_checkbox.checked{border:1px solid #000;}
.lp-widget.e90 .error_subscribing{font-size:12px;color:red;}
/****************************/
/* F1 "Quote" Widget Styles */
/****************************/
/* .lp-widget.f1 {} */
.lp-widget.f1 {
overflow: visible;
padding: 0px;
text-align: left;
z-index:91;
/* since this widget has social buttons, it has to have a z-index > 90 so the facebook like popup will display over the ad/other wisgets */
}
.lp-widget.f1 #bkg-color-wrap {
margin-bottom: 0px;
padding-bottom: 0px;
}
.lp-widget.f1.has-snipe .content {
padding-top: 0px;
}
.lp-widget.f1.no-snipe .content {
padding-top: 1px;
}
.lp-widget.f1 .headline{
overflow: hidden; /* Keeps words like "Kardashianmania" from touching the edge of the widget. */
}
.lp-widget.f1 .headline {
padding-bottom: 5px;
}
.lp-widget.f1 .headline.title-font-size-large,
.lp-widget.f1 .headline.title-font-size-large a{
line-height: 50pt;
}
.lp-widget.f1 .headline,
.lp-widget.f1 .headline a {
padding-left: 10px;
}
.lp-widget.f1 .headline a {
display: block;
}
.lp-widget.f1 .subhead {font-family: "Din Web Condensed", "Arial Narrow", Sans-Serif;font-size:14pt; margin-top:20px;}
.lp-widget.f1 .widget-sub-headline {
margin-left: 0;
padding: 5px 0 0 5px;
width: 270px;
}
.lp-widget.f1 .widget-sub-headline p {
padding: 10px 0px 10px 0px;
}
.lp-widget.f1 .social-links {float:right; margin-top:20px;}
.lp-widget.f1 .social-links li {margin-left:5px; margin-right: 0px; width:90px;}
.edition_it .lp-widget.f1 .social-links li.facebook-like{margin-top:-2px;width:110px;}
.edition_it .lp-widget.f1 .social-links li.twitter{margin-left:0px;margin-right:10px;}
.lp-widget.f1 .social-links li.facebook-like {margin-top:-2px;}
.lp-widget.f1 .social-links .twitter {margin-right:5px;}
.lp-widget.f1 .social-links .google-plus {width:80px;}
/********************************************/
/* G1 "Multiple Choice Polls" Widget Styles */
/********************************************/
/* .lp-widget.g1 {
} */
.lp-widget.g1 .snipe { position: absolute; z-index: 1;background-color: #000 !important;color: #fff !important;}
.lp-widget.g1 .snipe-multiple-choice-poll {
position: relative;
}
/*.lp-widget.g1 .main-contents {
padding-bottom: 20px;
}*/
.lp-widget.g1 .question-set {
margin: 0px;
}
.lp-widget.polls.g1 .question-set input:hover{background-color: #999 !important;background-image: none !important;}
.lp-widget.polls.g1 .question-set a:hover{background-color: #000 !important;background-image: none !important;}
.lp-widget.g1.has-image.has-small-title .question-set {
margin-top: 5px;
margin-bottom: 10px;
}
.lp-widget.g1 .thank-you-screen .poll-results-wrap {
margin: 10px 0px 0px 0px;
}
.lp-widget.g1 .question-set .poll a{
height: 31px;
width: 285px;
line-height: 31px;
overflow:hidden;
}
.lp-widget.g1 .question-set .headline{
line-height: 32pt;
}
.lp-widget.g1 .widget-polls-sub-headline,
.lp-widget.g1 .widget-polls-sub-headline a,
.lp-widget.g1 .widget-polls-sub-headline p { /* Secondary Headline */
display: block;
font-family: "DIN Web Condensed","Arial Narrow",Sans-Serif;
font-size: 16pt;
letter-spacing: 0.1px;
line-height: 16pt;
text-transform: none;
margin-left:0;
}
.lp-widget.g1 a#widget-section-type-link{color:#999;}
/*.lp-widget.g1 .widget-headlines a{color:#fff;}*/
.lp-widget.g3 .widget-section-types a, .lp-widget.g3 .widget-section-types, .lp-widget.g1 .widget-section-types a, .lp-widget.g1 .widget-section-types{color:#4F4F4F !important;}
.lp-widget.g1 .widget-polls-sub-headline a{color:#fff;}
.lp-widget.g3 .widget-section-types a, .lp-widget.g3 .widget-section-types, .lp-widget.g1 .widget-section-types a, .lp-widget.g1 .widget-section-types{color:#4F4F4F;}
.lp-widget.g1 .skin-group-light .widget-polls-sub-headline,
.lp-widget.g1 .skin-group-light .widget-polls-sub-headline a,
.lp-widget.g1 .skin-group-light .widget-polls-sub-headline p {margin-left:5px;}
.lp-widget.polls.g1 .question-set input,.lp-widget.polls.g1 .question-set a {
display: block;
margin: 6px auto 6px;
width: 95%;
border-left: none;
border-right:none;
border-bottom: none;
font-size:24px;
font-family: "DIN Web Condensed", "Arial Narrow", sans-serif;
cursor:pointer;
text-align:center;
padding-top: 7px;
}
.lp-widget.g1 .thank-you-screen {
display: none;
}
.lp-widget.g1 .thank-you-screen{
font-size: 24px;
font-family: "DIN Web Condensed", "Arial Narrow", sans-serif;
cursor: pointer;
text-align: center;
}
.lp-widget.g1 .thank-you-screen .poll-results{
width:95%;
height:auto;
background: #000;
margin-left: auto;
margin-right: auto;
color: #000;
margin-bottom:5px;
}
.lp-widget.g1 .skin-group-dark .thank-you-screen .poll-results{
color:#fff;
}
.lp-widget.g1 .thank-you-screen .poll-results-percentage,
.lp-widget.g1 .thank-you-screen .poll-results-text-labels {
display: block;
float: left;
color:#41CAEC;
}
.lp-widget.g1 .thank-you-screen .poll-results-percentage {
font-family: "DIN Web Condensed", "Arial Narrow", Sans-Serif;
height: 30px;
margin: 3px 0px 0px 10px;
min-width: 40px;
line-height:40px;
}
.lp-widget.g1 .thank-you-screen .poll-results-text-labels {
color: #FFFFFF;
font-family: 'DIN Web Condensed', 'Arial Narrow', sans-serif;
margin: 10px 0 0 10px;
width: 75%;
font-weight:normal;
}
/*
.lp-widget.g1 #bkg-color-wrap{background-color: #262626;col"src/main/webapp/services"or: #FFFFFF;}
.lp-widget.g1 #bkg-color-wrap:hover{background-color: #262626;color: #FFFFFF;}
*/
.lp-widget.g1 .thank-you-screen .social-links {
margin-top: 15px;
margin-bottom: 18px;
}
.lp-widget.g1.polls.has-ad.has-snipe .no-image.snipe{
margin-top:0;
}
.lp-widget.g1 .question-set input,.lp-widget.g1 .question-set a, .lp-widget.g1 .thank-you-screen .poll-results-text-labels{font-weight:normal !important;}
.lp-widget.g1 .super-snipe-link img, .lp-widget.g1 .snipe-link img{ float:none;}
.lp-widget.g1 .ad-banner-bkgd {float:none;}
/*.lp-widget.g1 .super-snipe-link{height:70px;}*/
.lp-widget.g1 .super-snipe-link{margin-bottom:-5px;}
.lp-widget.g1 .skin-group-dark .main-contents {background: none;}
.lp-widget.g1 .skin-group-dark .widget-polls-sub-headline,
.lp-widget.g1 .skin-group-dark .widget-polls-sub-headline a,
.lp-widget.g1 .skin-group-dark .widget-polls-sub-headline p { color:#fff;margin-left:5px; }
.lp-widget.g1 .skin-group-dark.purple .widget-polls-sub-headline,
.lp-widget.g1 .skin-group-dark.purple .widget-polls-sub-headline a,
.lp-widget.g1 .skin-group-dark.purple .widget-polls-sub-headline p {color:#000;}
.lp-widget.g1 .skin-group-dark.red .widget-polls-sub-headline,
.lp-widget.g1 .skin-group-dark.red .widget-polls-sub-headline a,
.lp-widget.g1 .skin-group-dark.red .widget-polls-sub-headline p {color:#000;}
.lp-widget.g1 .skin-group-dark.blue .widget-polls-sub-headline,
.lp-widget.g1 .skin-group-dark.blue .widget-polls-sub-headline a,
.lp-widget.g1 .skin-group-dark.blue .widget-polls-sub-headline p {color:#fff;}
.lp-widget.g1 .skin-group-dark.grey-dark .widget-section-types a, .lp-widget.g1 .skin-group-dark.grey-dark .widget-section-types{color:#ccc !important;}
.lp-widget.g1 .skin-group-dark.grey-medium .widget-section-types a, .lp-widget.g1 .skin-group-dark.grey-medium .widget-section-types{color:#000;}
.lp-widget.g1 .skin-group-light.grey-light .widget-section-types a, .lp-widget.g1 .skin-group-light.grey-light .widget-section-types{color:#666 !important;}
.lp-widget.g1 .skin-group-dark.purple .widget-section-types a, .lp-widget.g1 .skin-group-dark.purple .widget-section-types
.lp-widget.g1 .skin-group-dark.red .widget-section-types a, .lp-widget.g1 .skin-group-dark.red .widget-section-types,
.lp-widget.g1 .skin-group-dark.blue .widget-section-types a, .lp-widget.g1 .skin-group-dark.blue .widget-section-types{color:#fff;}
.lp-widget.g1 .skin-group-light.yellow .widget-section-types a, .lp-widget.g1 .skin-group-light.yellow .widget-section-types,
.lp-widget.g1 .skin-group-dark.black .widget-section-types a, .lp-widget.g1 .skin-group-dark.black .widget-section-types{ color: #999 !important;}
.lp-widget.g1 .skin-group-dark.purple .widget-titles a, .lp-widget.g1 .skin-group-dark.red .widget-titles a,
.lp-widget.g1 .skin-group-light.yellow .widget-titles a{color:#000;}
.lp-widget.g1 .skin-group-light.grey-light .widget-titles a{color:#000;}
.lp-widget.g1 .skin-group-dark.blue .widget-titles a{color:#000;}
.lp-widget.g1 .skin-group-dark.black .thank-you-screen .poll-results{ background: #fff;}
.lp-widget.g1 .skin-group-dark.purple .thank-you-screen .poll-results {background: #000;}
.lp-widget.g1 .skin-group-dark.black .thank-you-screen .poll-results-text-labels {color:#000;}
.lp-widget.polls.g1 .skin-group-dark.blue .question-set input, .lp-widget.polls.g1 .skin-group-dark.blue .question-set a, .lp-widget.polls.g1 .skin-group-dark.red .question-set input, .lp-widget.polls.g1 .skin-group-dark.red .question-set a,
.lp-widget.polls.g1 .skin-group-white .question-set input, .lp-widget.polls.g1 .skin-group-white .question-set a, .lp-widget.polls.g1 .skin-group-light.yellow .question-set input,.lp-widget.polls.g1 .skin-group-light.yellow .question-set a,
.lp-widget.polls.g1 .skin-group-dark.purple .question-set input, .lp-widget.polls.g1 .skin-group-dark.red .questions-set input,.lp-widget.polls.g1 .skin-group-dark.purple .question-set a, .lp-widget.polls.g1 .grey-light .question-set a, .lp-widget.polls.g1 .skin-group-dark.red .questions-set a,
.lp-widget.polls.g1 .skin-group-dark.black .question-set input, .lp-widget.polls.g1 .skin-group-dark.black .question-set a{color:#fff;}
.lp-widget.g1 .skin-group-dark.black .thank-you-screen .poll-results-percentage {color:#666;}
.lp-widget.g1 .skin-group-dark.blue .thank-you-screen .poll-results-percentage { color: #41CAEC; }
.lp-widget.g1 .skin-group-dark.purple .thank-you-screen .poll-results-percentage {color: #8282FE;}
.lp-widget.g1 .skin-group-dark.red .thank-you-screen .poll-results-percentage {color: #AB1F2A;}
.lp-widget.g1 .skin-group-light.yellow .thank-you-screen .poll-results-percentage {color: #FFED4D;}
.lp-widget.g1 .skin-group-white .thank-you-screen .poll-results-percentage {color:#fff;}
.lp-widget.polls.g1 .skin-group-white .text-copy {padding-top:6px;margin-top:0;}
.lp-widget.polls.g1 .question-set input{background: url("/resources/widgets/images/G1/polls_button_background.png") repeat scroll left top transparent;}
.lp-widget.polls.g1 .question-set a{background: url("/resources/widgets/images/G1/polls_button_background.png") repeat-x scroll left top transparent;background-color:#000;}
.lp-widget.polls.g1.no-ad.no-snipe.has-small-title.no-background-color .text-copy{margin-top:0 !important;}
/***************************/
/* G2 "Quiz" Widget Styles */
/***************************/
.lp-widget.g2 {
}
/***********************************/
/* G3 "Voting Polls" Widget Styles */
/***********************************/
/* .lp-widget.g3 {
} */
.lp-widget.g3 .snipe { position: absolute; z-index: 1;background-color: #000 !important;color: #fff;}
/*.lp-widget.g3 .super-snipe-link {height:70px;}*/
.lp-widget.g3 .super-snipe-link{margin-bottom:-5px;}
.lp-widget.g3 .super-snipe-link img, .lp-widget.g3 .snipe-link img {float:none;}
.lp-widget.g3 .text-copy{}
.lp-widget.g3.polls.no-ad.no-background-color .text-copy {margin-top:7px;}
.lp-widget.g3.polls.no-ad.no-snipe.has-small-title.no-background-color .text-copy {margin-top:7px;}
.lp-widget.g3 .poll-buttons,
.lp-widget.g3 .poll-results {
display: block;
float: left;
font-family: "DIN Web Condensed", "Arial Narrow", Sans-Serif;
text-align: center;
width: 110px;
}
.lp-widget.g3 a#widget-section-type-link{color:#999;}
/*.lp-widget.g3 #bkg-color-wrap{background-color: #262626;color: #FFFFFF;}*/
/*.lp-widget.g3 #bkg-color-wrap:hover{background-color: #262626;color: #FFFFFF;}*/
.lp-widget.g3 .question-set .poll-button-a:hover{background-color: #000 !important;background-image: none !important;}
.lp-widget.g3 .question-set .poll-button-b:hover{background-color: #000 !important;background-image: none !important;}
.lp-widget.g3 .question-set {
text-align: center;
margin-left:10px;
}
.lp-widget.g3 .question-set .question-text {
margin-top: 10px;
margin-left: 5px;
text-align: left;
}
.lp-widget.g3 .question-set .question-text a {
color: #000000;
margin-top: 10px;
font-size: 25px;
}
.lp-widget.g3 .widget-section-types{color:#999 !important;}
.lp-widget.g3 .question-set .poll-buttons {
font-size: 16pt;
line-height: 16pt;
margin-top: 10px;
margin-bottom: 20px;
padding: 11px 0px 3px 0px;
height:29px;
width:135px;
text-transform: none;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#515151), to(#000)); /*safari 4+, chrome 1-9 */
background-image: -webkit-linear-gradient(top, #515151, #000); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
background-image: -moz-linear-gradient(top, #515151, #000); /* Firefox 3.6+ */
background-image: -ms-linear-gradient(top, #515151, #000); /* IE 10+ */
background-image: -o-linear-gradient(top, #515151, #000); /* Opera 11.10+ */
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
startColorstr=#515151,
endColorstr=#000,
GradientType=0);
}
.lp-widget.g3 .question-set .poll-buttons,
.lp-widget.g3 .thank-you-screen .poll-results {
}
.lp-widget.g3 .question-set .poll-button-a {
color: #FFFFFF;
}
.lp-widget.g3 .question-set .poll-button-b {
color: #fff;
margin-left: 10px;
}
.lp-widget.g3 .thank-you-screen {
display: none;
margin-left:20px;
}
.lp-widget.g3 .thank-you-screen .poll-results {
font-weight: bold;
margin-top: 10px;
width: 130px;
}
.lp-widget.g3 .thank-you-screen .poll-results-text-labels {
color: #999;
font-family: "Ostrich Sans Pro Regular","arial",sans-serif;
font-size: 25pt;
font-weight: normal;
line-height: 25pt;
/* white-space: nowrap; */
}
.lp-widget.g3 .thank-you-screen .poll-results-percentage {
font-weight: normal;
font-size: 40pt;
line-height:55px;
}
.lp-widget.g3 .thank-you-screen .poll-results-a {
}
.lp-widget.g3 .thank-you-screen .poll-results-b {
}
.lp-widget.g3 .thank-you-screen .social-links {
float: right;
margin-left: -20px;
margin-top: 7px;
}
.lp-widget.g3 .skin-group-dark .widget-titles a {color: #fff;}
.lp-widget.g3 .widget-sub-headline {}
.lp-widget.g3 .widget-sub-headline a {font-family: "DIN Web Condensed","Arial Narrow",Sans-Serif;letter-spacing: 1px; }
.lp-widget.g3 .skin-group-dark .widget-sub-headline {text-transform: none;}
.lp-widget.g3 .skin-group-dark .widget-sub-headline a {color: #fff;}
.lp-widget.g3 .social-links .li {float:none;}
.lp-widget.g3 .skin-group-dark .main-contents {background: none;}
.lp-widget.g3 .skin-group-dark.black .thank-you-screen .poll-results-text-labels,
.lp-widget.g3 .skin-group-dark.blue .thank-you-screen .poll-results-text-labels,
.lp-widget.g3 .skin-group-dark.grey-dark .thank-you-screen .poll-results-text-labels,
.lp-widget.g3 .skin-group-dark.purple .thank-you-screen .poll-results-text-labels,
.lp-widget.g3 .skin-group-dark.red .thank-you-screen .poll-results-text-labels {color:#fff;}
.lp-widget.g3 .skin-group-light.grey-light .thank-you-screen .poll-results-text-labels,
.lp-widget.g3 .skin-group-dark.grey-medium .thank-you-screen .poll-results-text-labels{color:#000;}
.lp-widget.g3 .skin-group-dark.grey-medium .thank-you-screen .poll-results-percentage {color:#000;}
.lp-widget.g3 .skin-group-dark.blue .widget-section-types a, .lp-widget.g3 .skin-group-dark.blue .widget-section-types,
.lp-widget.g3 .skin-group-dark.purple .widget-section-types a, .lp-widget.g3 .skin-group-dark.purple .widget-section-types,
.lp-widget.g3 .skin-group-dark.red .widget-section-types a, .lp-widget.g3 .skin-group-dark.red .widget-section-types {color:#fff;}
.lp-widget.g3 .skin-group-dark.grey-medium .widget-section-types a, .lp-widget.g3 .skin-group-dark.grey-medium .widget-section-types{color:#000;}
.lp-widget.g3 .skin-group-dark.grey-dark .widget-section-types a, .lp-widget.g3 .skin-group-dark.grey-dark .widget-section-types,
.lp-widget.g3 .skin-group-light.yellow .widget-section-types a, .lp-widget.g3 .skin-group-light.yellow .widget-section-types {color:#ccc;}
.lp-widget.g3 .skin-group-dark.blue .widget-titles a,
.lp-widget.g3 .skin-group-dark.purple .widget-titles a,
.lp-widget.g3 .skin-group-dark.red .widget-titles a{color: #000;}
.lp-widget.g3 .skin-group-dark.blue .widget-sub-headline a,
.lp-widget.g3 .skin-group-dark.purple .widget-sub-headline a,
.lp-widget.g3 .skin-group-dark.red .widget-sub-headline a {color:#000;}
/**********************************/
/* H1 "News Alerts" Widget Styles */
/**********************************/
.lp-widget.h1 {
border-bottom: none;
}
.lp-widget.h1 .snipe,
.lp-widget.h1 .newsAlert {
z-index: 0;
}
.lp-widget.h1 .snipe {
background-color: #000000; /* Design Change: The snipe on the breaking news widget (H1) should always be black with white text. */
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding-top: 10px;
padding-bottom: 2px;
position:relative;
}
.lp-widget.h1 #bkg-color-wrap {
margin-bottom: 0px;
}
.lp-widget.h1 #bkg-color-wrap,
.lp-widget.h1.no-background-color {
padding-top: 0px;
}
/*.lp-widget.h1.no-background-color .headline {
padding: 0px;
}*/
.lp-widget.h1 .headline {
cursor: pointer;
display: block;
font-size: 39pt;
line-height: 37pt;
overflow: hidden;
white-space: nowrap;
}
.lp-widget.h1 .headline .tz,
.lp-widget.h1 .headline .tz-letter,
.lp-widget.h1 .headline .time-zone,
.lp-widget.h1 .headline .time-zone-letter,
.lp-widget.h1 .headline .eastern-time,
.lp-widget.h1 .headline .central-time, /* Editors should be using this class with tags in the CMS. */
.lp-widget.h1 .headline .mountain-time,
.lp-widget.h1 .headline .pacific-time,
.lp-widget.h1 .headline font { /* Editors are adding tags in the CMS. */
font-size: 28px;
line-height: 28px;
}
.lp-widget.h1.no-snipe .headline {
margin: 0px 0px 9px 10px;
padding: 8px 0px 0px 0px;
}
.lp-widget.h1.has-snipe .headline {
margin: 0px 0px 9px 0px;
padding: 0px 0px 0px 0px;
}
.lp-widget.h1 .headline a {
display: block;
font-size: 39pt;
line-height: 37pt;
overflow: hidden;
padding-bottom: 1px;
}
.lp-widget.h1.no-link {
cursor: none;
}
.lp-widget.h1 .more-bttn {
display: block;
float: right;
width: 35px;
}
.lp-widget.h1.has-snipe .newsAlert {
padding-left: 10px;
}
/**********************************/
/* J1 "Advertorial" Widget Styles */
/**********************************/
.lp-widget.j1 {
}
/*************************************/
/* K1 "Major Story K1" Widget Styles */
/*************************************/
.lp-widget.k1 {
}
/*************************************/
/* K2 "Major Story K2" Widget Styles */
/*************************************/
.lp-widget.k2 {
}
/* ****************************** */
/* L3 "Footer List" Widget Styles */
/* ****************************** */
.lp-widget.l3 .super-snipe {
background-color:#000;
color:#fff;
font-family: "Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif;
font-size:29pt;
height:53px;
letter-spacing:1px;
line-height:53px;
padding:0 15px;
text-rendering: optimizeLegibility; /* FF, Safari & Chrome only. */
text-transform: uppercase;
}
.lp-widget.l3 .super-snipe.has-image {font-size:0pt; line-height:0px; padding:0;width:920px;}
.lp-widget.l3 .super-snipe.has-text {height:53px; letter-spacing:1px;}
.lp-widget.l3 ul {padding-bottom:12px; padding-top:7px;}
.lp-widget.l3 li {float:left; height:130px; margin-top:25px; overflow:hidden; width:306px;}
.lp-widget.l3 a.thumbnail {display:block; height:130px; float:left; width:130px;}
.lp-widget.l3 .wrapper {float:left; margin:0 13px; width:150px;}
.lp-widget.l3 .wrapper a {display:block;}
.lp-widget.l3 a.title {font-family:"Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif; font-size:40px; line-height:30px;}
/* REBRAND2016-128 *********************************************************/
.rebrand .lp-widget.l3 a.title {
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size: 20pt;
font-weight: 100;
letter-spacing: 0.3pt;
line-height: 26pt;
text-rendering: optimizeLegibility;
text-transform: uppercase;
}
.lp-widget.l3 a.call-to-action {color:#515151; font-family:"DIN Web Condensed", "Arial Narrow", sans-serif; font-size:18px; margin-top:11px;}
/* REBRAND2016-128 *********************************************************/
.rebrand .lp-widget.l3 a.call-to-action {
font-family: 'Lato', 'Arial Narrow', sans-serif;
font-size: 14px;
}
.lp-widget.l3 a.call-to-action:hover {color:#000; text-decoration:underline;}
/********************************/
/* L10 "TV Scoop" Widget Styles */
/********************************/
/* Use the capitalized L letter, since l10 looks too similar to 110. */
.lp-widget.L10.use-highlight .skin-group-dark.black .highlight:hover{background-color:#F4F4F4;}
.lp-widget.L10 {width:300px;}
.lp-widget.L10 .highlight {padding-bottom: 0px;}
.lp-widget.L10 #bkg-color-wrap {margin: 0 0 10px 0;}
.lp-widget.L10 .widget-article{clear:both;padding:5px 10px 10px 10px;}
.lp-widget.L10 .snipe {z-index:2;position:absolute;}
.lp-widget.L10 .hgroup {padding-top: 10px;padding-left: 0px;}
.lp-widget.L10 .highlight:hover{background-color:#F4F4F4 !important;color:#000;}
.lp-widget.L10 b {font-family:"DIN Web Condensed" !important;}
.lp-widget.L10.use-highlight .skin-group-white .highlight:hover{background-color:#F4F4F4;color:#000;}
.lp-widget.L10 ul li {
background-color:#FFFFFF;
border-bottom:dotted thin #CCC;
font-family:"DIN Web Condensed";
margin:0;
padding:10px 0 0px 0;
}
/* need some overwrites due to while list background */
.lp-widget.L10 ul li,
.lp-widget.L10 ul li .item-title,
.lp-widget.L10 ul li .item-title a {color:#000;}
.lp-widget.L10 ul li:hover .item-title,
.lp-widget.L10 ul li:hover .item-title a {color:#000;}
.lp-widget.L10 .skin-group-dark li a {color:#000;}
.lp-widget.L10 .skin-group-dark li:hover a {color:#fff;}
.lp-widget.L10 td {font-size:25px; height:55px; line-height:25px; padding-right:10px;}
.lp-widget.L10 td.count {
font-family:"DIN Web Condensed";
font-size:40px;
height:55px;
line-height:55px;
padding-left:10px;
text-align:center;
width:35px;
}
.lp-widget.L10 .no-thumbnails {padding-left:20px;}
.lp-widget.L10 .blue li:hover,
.lp-widget.L10.use-highlight .blue li:hover {background-color:#F4F4F4; color:#000;}
.lp-widget.L10 .yellow li:hover,
.lp-widget.L10.use-highlight .yellow li:hover {background-color:#F4F4F4; color:#000;}
.lp-widget.L10 .purple li:hover,
.lp-widget.L10.use-highlight .purple li:hover {background-color:#F4F4F4; color:#000;}
.lp-widget.L10 .red li:hover,
.lp-widget.L10.use-highlight .red li:hover {background-color:#F4F4F4; color:#000;}
.lp-widget.L10 .grey-dark li:hover,
.lp-widget.L10.use-highlight .grey-dark li:hover {background-color:#F4F4F4; color:#000;}
.lp-widget.L10 .grey-medium li:hover,
.lp-widget.L10.use-highlight .grey-medium li:hover {background-color:#F4F4F4; color:#000;}
.lp-widget.L10 .grey-light li:hover,
.lp-widget.L10.use-highlight .grey-light li:hover {background-color:#F4F4F4; color:#000;}
.lp-widget.L10 .black li:hover,
.lp-widget.L10.use-highlight .black li:hover {background-color:#F4F4F4; color:#000;}
.lp-widget.L10 li:hover.no-link,
.lp-widget.L10.use-highlight li:hover.no-link {background-color:#F4F4F4 !important;}
.lp-widget.L10 li:hover.no-link .item-title,
.lp-widget.L10.use-highlight li:hover.no-link .item-title {color:#000 !important;}
/***************************************/
/* L30 "Horizontal List" Widget Styles */
/***************************************/
/* This is for Liquid Pages:
The fixed height & min-height overrides are a hack to remove the 20px margin-bottom from the L30 widget,
when it's on the Front Door. The three-column class adds the 20px margin-bottom. This is for the front door
& also for show package landing pages, which have L30 widgets... but not show package video detail pages.
The total height is 34px = 5px margin-top + 24px height + 5px margin-bottom. */
.lp-widget.L30 {height:24px !important;min-height:24px !important;overflow:visible !important;width:920px;}
/* These are for Non-Liquid Pages:
This will fix the Kardashians Show Packages' Video Detail Page UI Layout. Otherwise, the Video Box tries
to append itself to the end of the "Home | News | Photos | Videos" line, in the L30 Widget. */
#articles.shows .lp-widget.L30 {min-height:34px !important;overflow:hidden !important}
#galleries.shows .lp-widget.L30 {min-height:34px !important;overflow:hidden !important}
#videoDetail.shows .sub-banner .lp-widget.L30 {min-height:29px !important;margin-top:5px;margin:auto;}
#detail .sub-banner .lp-widget.L30 {min-height:29px !important;margin-top:5px;margin:auto;}
.video-detail-layout #sub-banner{margin-top:5px;}
#galleryDetail.shows .lp-widget.L30{margin-top:10px;height:34px !important;min-height:34px !important;overflow:hidden !important;margin-bottom:10px;}
.lp-widget.L30 li {float:left; padding:0 14px; white-space:nowrap;}
.lp-widget.L30 li.widget-nav-title {border:none; font-weight:bold;}
.rebrand .lp-widget.L30 li.widget-nav-title {
font-weight:normal;
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size:12pt;
letter-spacing:2px;
line-height:30pt;
}
.rebrand .lp-widget.L30.news .widget-section-types a{
font-weight:normal;
font-family: 'Oswald', 'Arial Narrow', sans-serif;
font-size:12pt;
letter-spacing:2px;
line-height:30pt;
}
.lp-widget.L30 .widget-nav-wrapper{height: 40px;overflow: hidden;}
.lp-widget.L30 li.item-1 {border-left:none;}
.lp-widget.L30 li,
.lp-widget.L30 li a {
font-family: "Din Web Condensed", "Arial Narrow", Sans-Serif;
font-size:14pt;
font-weight:normal;
letter-spacing:2px;
line-height:34pt;
text-rendering:optimizeLegibility;
text-transform:uppercase;
}
.lp-widget.L30 .logoImage{
height: 34px;
width: 118px;
float: left;
}
.lp-widget.L30 .logoImage img{
height: 40px;
width: 118px;
}
/**************************************************/
/* M-Series Slideshow Widget Styles (All: M2, M3) */
/**************************************************/
.lp-widget.slideshow {
overflow: visible;
padding-bottom: 10px;
}
.lp-widget.slideshow #bkg-color-wrap,
.lp-widget.slideshow .gradients,
.lp-widget.slideshow .widget-section-type-gradients {
background-color: #000000;
}
/* To debug the section tabs without seeing the photos, turn this set of CSS selectors on.
Remember to turn it off when finished testing! But don't remove it! Simply comment it back out for future testing purposes!
.lp-widget.slideshow .thumbs {background-color:pink!important;}
.lp-widget.slideshow img{display:none!important;}
.lp-widget.slideshow #bkg-color-wrap{background-color:whitesmoke!important;}
.lp-widget.slideshow #text-copy-gradient{background-color:cyan!important;}
.lp-widget.slideshow #widget-title{background-color:red!important;}
.lp-widget.slideshow #widget-sub-headline{background-color:yellow!important;}
.lp-widget.slideshow #ad-banner-bkgd {background-color:yellow!important;}
.lp-widget.slideshow #social-media-icons-wrap {background-color:white!important;}
.lp-widget.slideshow .arrows {background-color:green!important;opacity:1.0!important;}
.lp-widget.slideshow .front-curtains {background-color:blue!important;opacity:1.0!important;}
.lp-widget.slideshow .back-curtains {background-color:purple!important;}
*/
.lp-widget.slideshow .widget-section-type-gradient-triangles {
background: url("/resources/widgets/images/M2/folder_tab_triangle.png") no-repeat scroll 0px 0px transparent;
float: left;
height: 33px;
width: 21px;
}
/* Arrows. These buttons have to be absolutely positioned, since the M2 widget's main image is 610px wide... which is the exact width of the widget. They tend to wrap when floated left. */
.lp-widget.slideshow .arrows,
.lp-widget.slideshow .buttons, /* <- Front Curtains */
.lp-widget.slideshow .back-curtains {
display: block;
position: absolute;
}
.lp-widget.slideshow .arrows { /* Image Arrows */
cursor: pointer;
height: 54px;
top: 218px;
width: 29px;
z-index: 7;
}
.lp-widget.slideshow .eol-carousels .arrows.disabled,
.lp-widget.slideshow .eol-carousels .buttons.disabled {
cursor: default;
}
.lp-widget.slideshow .arrows.left { /* left arrow */
left: 28px;
}
.lp-widget.slideshow .arrows.right { /* right arrow */
}
.lp-widget.slideshow .buttons { /* Arrow's Background Gradient Areas = Front Curtains */
z-index: 6;
}
.lp-widget.slideshow .buttons:hover { /* <- Front Curtains */
background-color: #000000;
cursor: pointer;
}
.lp-widget.slideshow .back-curtains {
z-index: 5;
}
/* Carousel of Images */
.lp-widget.slideshow .viewport {
overflow: hidden;
}
.lp-widget.slideshow .viewport,
.lp-widget.slideshow .thumbs {
float: left;
height: 490px;
}
.lp-widget.slideshow .slide-container {
float: left;
position: relative;
margin: 0;
}
/* Video */
.lp-widget.slideshow .video-engine-players .evp-thumbnails { /* This will crop the 16:9 662x372 image, so that it won't overlap the top of the Videos Section Type Tab. */
display: block;
overflow: hidden;
}
.lp-widget.slideshow video {
-webkit-transform-style: preserve-3d; /* iPad z-Index fix for dynamically inserted