/*
========== BROWSER RESETS AND GLOBAL OVERRIDES ==========
*/
@import url("http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css");
@import url("/i/o/globalnav/v10/css/globalnav.css");
@import url("/includes/ads/ads.css");

article,
aside, dialog,
figure,
footer,
header,
hgroup,
nav,
section{
display: block;
margin: 0;
padding: 0;
zoom: 1;
}

.lt-ie9.lt-ie8 .site-wrapper li,
.lt-ie9.lt-ie8.lt-ie7 .site-wrapper li,
.lt-ie9.lt-ie8 .site-wrapper dt,
.lt-ie9.lt-ie8.lt-ie7 .site-wrapper dt,
.lt-ie9.lt-ie8 .site-wrapper dd,
.lt-ie9.lt-ie8.lt-ie7 .site-wrapper dd{
display: inline !important;
}

.global-header a,
.global-footer a{
transition:none !important;
}

#gnwrap,
#footer.v10,
.cbcwrap{
display: block;
position: relative;
font-size: 0.75em;
margin: 0 auto;
padding: 0;
}

.canvas{
overflow: auto !important;
}

#cbc-mobile-header{
display: none;
}

header.global-header{
display: block;
position: relative;
width: 100%;
height: auto;
background-color: #1a1a1a;
}

footer.global-footer{
display: block;
position: relative;
width: 100%;
height: auto;
background-color: #1e1e1e;
}

/*clearfix*/
.clearfix:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

/* IE7 Fix */
.clearfix{
zoom: 1;
}

/* Hides from IE-mac \*/
* html .clearfix{
height: 1%;
}

/* End hide from IE-mac */

/* ========= TV TEMPLATE WEB FONTS ========= */
/*
font-family:'DIN Next W01 Bold';
font-family:'DIN Next W01 Italic';
font-family:'DINNextW01-BoldItalic';
font-family:'DINNextW01-CondensedReg';
font-family:'DIN Next W01 Light';
font-family:'DINNextW01-LightItalic';
font-family:'DIN Next W01 Regular';
*/


/*
========== MAIN CSS ==========

font-size of 16px means 1em = 16px

*/

body{
font: 16px "Myriad Pro","Myriad Web","Myriad",Frutiger,Calibri,sans-serif;
}

body.home{}

.clear{
clear: both;
float: none;
}

img{
width: 100%;
}

.gig-share img{
width: auto;
}

.lt-ie9.lt-ie8 img,
.lt-ie9.lt-ie8.lt-ie7 img{
display: inline !important;
}

.site-wrapper{
display: block;
position: relative;
overflow: hidden;
width: 986px;
margin: 0 auto;
height: auto;
}

.main-content{
display: block;
position: relative;
overflow: hidden !important;
width: 960px;
height: auto;
padding: 10px 13px;
}

.inner-page{
width: 64.584%;
float: left;
margin: 1.0417%;
}

.inner-page-header{
display: block;
position: relative;
overflow: hidden;
width: auto;
padding: 20px;
}

.inner-page-header .tagline{
float: right;
}

.inner-page-header h1{
display: block;
position: relative;
overflow: hidden;
width: 75%;
height: auto;
float: left;
}

a{
/* display: inline-block; */
}

a img{
display: inline-block;
}

.lt-ie9.lt-ie8 a img,
.lt-ie9.lt-ie8.lt-ie7 a img{
display: inline !important;
}

a.header-button{
display: block;
position: relative;
width: 21%;
padding: 5px 1%;
float: right;
}

a.header-button:hover{}

figure img{
display: block;
position: relative;
width: 100%;
height: auto;
}

figure figcaption{
display: block;
position: relative;
height: auto;
z-index: 2;
padding: 0;
margin-top: 0.5em;
}

h3{}

/*
========== SITE HEADER ===========
*/

header#site-header{
/* height: 185px; */
margin: .5em 0 1em;
overflow: hidden;
padding: 0;
position: relative;
}

.lt-ie8 header#site-header{
/* height: 239px; */
}

header#site-header .top-bar aside img{
display: inline-block;
margin-right: 2%;
vertical-align: middle;
}

.lt-ie9.lt-ie8 header#site-header .top-bar aside img,
.lt-ie9.lt-ie8.lt-ie7 header#site-header .top-bar aside img{
display: inline !important;
}

/*========== NAVIGATION ===========*/

nav#main{
display: block;
height: auto;
left: 1%;
margin: 0 auto;
overflow: hidden;
width: 98%;
}

nav#main .social-media-links{
display: block;
position: absolute;
overflow: hidden;
top: 50%;
right: 0;
margin: -11px 0 0 0;
z-index: 2;
}

nav#main .social-media-links a{
display: inline-block;
position: relative;
margin: 0 7px 0 0;
}

.lt-ie9.lt-ie8 nav#main .social-media-links a,
.lt-ie9.lt-ie8.lt-ie7 nav#main .social-media-links a{
display: inline !important;
}

header#site-header.home .site-header-showtime{
display: none;
position: absolute;
width: auto;
height: auto;
}

ul#site-nav{
display: block;
height: 51px;
list-style: none;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2;
}

header#site-header nav#lang li,
ul#site-nav li{
display: inline-block;
position: relative;
height: auto;
padding: 0;
margin: 0;
}

.lt-ie9.lt-ie8 header#site-header nav#lang li,
.lt-ie9.lt-ie8.lt-ie7 header#site-header nav#lang li,
.lt-ie9.lt-ie8 ul#site-nav li,
.lt-ie9.lt-ie8.lt-ie7 ul#site-nav li{
display: inline !important;
}

header#site-header nav#lang li{
vertical-align: middle;
width: auto;
}

header#site-header nav#lang li:last-child{
margin-left: -3px;
}

ul#site-nav li{
margin-left: -3px;
vertical-align: top;
width: 12%;
}

ul#site-nav li#nav-link1,
ul#site-nav li#nav-link6{
width: 16%;
}

ul#site-nav li#nav-link3,
ul#site-nav li#nav-link5{
width: 8%;
}

header#site-header nav#lang li a,
ul#site-nav li a{
display: block;
position: relative;
width: auto;
}

header#site-header nav#lang li a{
height: auto;
overflow: hidden;
padding: 1em;
}

ul#site-nav li a{
height: 51px;
line-height: 51px;
text-align: center;
}

header#site-header nav#lang li a span,
ul#site-nav li a .nav-text{
display: block;
position: relative;
}

header#site-header nav#lang li a span,
ul#site-nav li a .nav-subhead{
display: block;
position: relative;
clear: left;
padding: 0;
}

iframe#app-anchor{
overflow: hidden;
}

/*
========== SIDEBAR ==========
*/

#site-sidebar{
display: block;
position: relative;
width: 31.25%;
height: auto;
overflow: hidden;
float: left;
margin: 1.0417%;
}

#site-sidebar .widget{
display: block;
position: relative;
width: auto;
height: auto;
float: left;
margin: 0 0 1em 0;
padding: 0;
}

#site-sidebar .widget .widget-body{
height: auto;
min-height: 0px;
}

#site-sidebar .widget-wrapper{
width: 90%;
margin: 0 0 1em 0;
}

#site-sidebar #facebook-page,
#site-sidebar #big-box-ad{
width: 300px;
padding: 0;
}

#site-sidebar #big-box-ad .widget-tab{
/* 	display: none; */
width: 100%;
}

#site-sidebar #facebook-page h2{
padding: 0 3.333%;
}

#site-sidebar #twitter-widget #twitter-feed{
width: 300px;
height: auto;
}

#site-sidebar #twitter-widget #twitter-feed .feed-window{
width: 280px;
height: 140px;
}

#site-sidebar #twitter-widget #twitter-feed .twitter-fail{
width: 280px;
}

#site-sidebar #twitter-widget #twitter-feed .twitter-item{
width: inherit;
height: inherit;
}

#site-sidebar #twitter-widget .twitter-item .twitter-text{
width: 220px;
height: auto;
}

#site-sidebar #twitter-widget .twitter-item footer{
clear: left;
width: inherit;
}

#site-sidebar #twitter-widget aside{
width: 100%;
}

#site-sidebar #twitter-widget aside a.twitter-button{
width: 90px;
padding: 10px 15px 10px 65px;
}

#site-sidebar #twitter-widget aside .feed-controls{
width: 80px;
padding: 5px 25px 4px 25px;
margin: 0;
}

/*
========== WIDGETS ==========
*/

.main-content .widgets{
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: auto;
list-type: none;
margin: 0;
padding: 0;
}

.widget{
display: block;
position: relative;
float: left;
margin: 0 1.0417% 2.083% 1.0417%;
width: auto;
height: auto;
}

.widget .widget-tab{
display: inline-block;
position: relative;
width: auto;
height: auto;
padding: .25em 1em;
margin-left: 0.75em;
}


.lt-ie9.lt-ie8 .widget .widget-tab,
.lt-ie9.lt-ie8.lt-ie7 .widget .widget-tab{
display: inline !important;
}

.widget .widget-body{
display: block;
position: relative;
width: auto;
vertical-align: top;
overflow: hidden;
}

.widget h2{
display: block;
position: relative;
width: auto;
padding: 0.25em 0.5em 0 0.5em;
}

.widget-body p{
display: inline-block;
position: relative;
width: 100%;
height: auto;
padding: 0 0 0.5em 0;
}

.lt-ie9.lt-ie8 .widget-body p,
.lt-ie9.lt-ie8.lt-ie7 .widget-body p{
display: inline !important;
}

.widget-body figure{
display: inline-block;
position: relative;
width: 100%;
margin: 0 0 0.5em 0;
height: auto;
}

.lt-ie9.lt-ie8 .widget-body figure,
.lt-ie9.lt-ie8.lt-ie7 .widget-body figure{
display: inline !important;
}

.widget-body figure img{
display: block;
position: relative;
width: 96%;
height: auto;
padding: 1.3%;
}

.widget-body figure.borderless{
display: inline-block;
position: relative;
width: auto;
height: auto;
margin: 0 0 0.5em 0;
}

.lt-ie9.lt-ie8 .widget-body figure.borderless,
.lt-ie9.lt-ie8.lt-ie7 .widget-body figure.borderless{
display: inline !important;
}

.widget-body figure.borderless img{
display: block;
position: relative;
width: auto;
height: auto;
padding: 0;
}

.widget-body figure figcaption{}

a.widget-button{
display: inline-block;
position: relative;
padding: 0.5em 1em;
float: right;
}

.lt-ie9.lt-ie8 a.widget-button,
.lt-ie9.lt-ie8.lt-ie7 a.widget-button{
display: inline !important;
}

a.widget-button:hover{}

.widget.full{
width: 97.917%;
}

.widget.full figure{
width: 48%;
margin-right: 2%;
display: inline-block;
}

.lt-ie9.lt-ie8 .widget.full figure,
.lt-ie9.lt-ie8.lt-ie7 .widget.full figure{
display: inline !important;
}

.widget.full p{
width: 48%;
display: inline-block;
vertical-align: top;
}

.lt-ie9.lt-ie8 .widget.full p,
.lt-ie9.lt-ie8.lt-ie7 .widget.full p{
display: inline !important;
}

.widget.double{
width: 64.58%;
}

.widget.double figure{
width: 48%;
margin-right: 2%;
display: block;
float: left;
}

.widget.double p{
width: 48%;
display: block;
vertical-align: top;
float: left;
}

.widget.single{
width: 47%;
}

.widget.call-to-action{
height: auto;
}

.widget.call-to-action .widget-body{
min-height: 180px;
}

.widget.call-to-action .widget-body img{
width: 280px;
height: auto;
max-height: 180px;
}

.widget.left{
margin-right: 0;
width: 32.292%;
clear: both;
}

.widget.middle{
margin-left: 0;
margin-right: 0;
width: 33.33%;
}

.widget.right{
margin-left: 0;
width: 32.292%;
}

.widget.left .widget-body,
.widget.middle .widget-body,
.widget.right .widget-body{
padding: 0px 0px 10px 0px;
height: auto;
min-height: 280px;
}

.widget.left .widget-body p,
.widget.middle .widget-body p,
.widget.right .widget-body p{
padding: 1em 1.5em;
width: auto;
}

.widget.left .widget-body figure,
.widget.middle .widget-body figure,
.widget.right .widget-body figure{
margin: 1em 1.5em 0 1.5em;
width: inherit;
}

.widget.left h2,
.widget.middle h2,
.widget.right h2{
padding: 0 1em;
width: auto;
}

.widget.left a.widget-button,
.widget.middle a.widget-button,
.widget.right a.widget-button{
margin-right: 1.5em;
}

.widget.left .widget-body{}

.widget.left h2{}

.widget.middle .widget-body{
width: 99.375%;
}

.widget.middle h2{}

.widget.right .widget-body{}

.widget.right h2{}

.widget.left .widget-tab,
.widget.middle .widget-tab,
.widget.right .widget-tab{
display: none;
}

.widget.half{
width: 44%;
}

.widget-body .video-clip-item{
display: block;
position: relative;
width: 33.333%;
height: auto;
overflow: hidden;
float: left;
margin-bottom: 5px;
}

.widget-body .video-clip-item a{
display: block;
position: relative;
width: 94%;
height: 155px;
padding: 5px 3%;
overflow: hidden;
}

.widget-body .video-clip-item a:hover{}

.widget-body .video-clip-item figure{
display: inline-block;
position: relative;
width: 100%;
margin: 0 0 0.5em 0;
height: auto;
}

.lt-ie9.lt-ie8 .widget-body .video-clip-item figure,
.lt-ie9.lt-ie8.lt-ie7 .widget-body .video-clip-item figure{
display: inline !important;
}

.widget-body .video-clip-item figure img{
display: block;
position: relative;
width: 96%;
height: auto;
padding: 1.3%;
}

.widget-body .video-clip-item figure figcaption{
margin-top: 5px;
font-size: 0.9375em;
line-height: 100%;
}

.widget.recent-post footer{
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: auto;
margin-top: 0;
padding-top: 10px;
}

.widget.recent-post footer .post-date{
display: block;
position: relative;
float: left;
font-size: 0.875em;
width: 60%;
line-height: 200%;
}

.widget.recent-posts.double figure{
width: 20%;
}

.widget.recent-posts.double h3{
width: 75%;
}

.widget.recent-posts.double p{
width: 74%;
}

.widget.recent-posts.double footer{
padding-top: 5px;
width: 77%;
}

.widget.recent-posts.double a.widget-button{
float: right;
margin-top: 5px;
}

#facebook-page .widget-body{
padding: 10px 0;
}

#big-box-ad{
overflow: hidden;
padding: 0;
width: 300px;
}

#big-box-ad .widget-body{
padding: 0px;
min-height: 390px;
}

#big-box-ad .widget-tab{}

#big-box-ad .air-time{
display: block;
position: relative;
overflow: hidden;
width: 300px;
height: 140px;
}

#big-box-ad .air-time-overlay{
display: block;
position: absolute;
overflow: hidden;
width: 300px;
height: 140px;
top: 0px;
left: 0px;
z-index: 2;
}

#big-box-ad .air-time-message{
display: block;
position: absolute;
overflow: hidden;
top: 0px;
left: 0px;
z-index: 7;
width: 280px;
height: 116px;
padding: 10px 10px 14px 10px;
}

#big-box-ad .air-time-message .show-name{
display: block;
position: relative;
overflow: hidden;
width: 100%;
text-align: center;
margin-top: 0.5em;
}

#big-box-ad .air-time-message .show-time{
display: block;
position: relative;
overflow: hidden;
width: 100%;
text-align: center;
}

#big-box-ad .air-time-message a.watch-button{
display: block;
position: relative;
overflow: hidden;
margin: 0.5em auto;
padding: 0;
width: 90%;
}

#big-box-ad .air-time-message a.watch-button:hover{}

#big-box-ad .ad-300x250{
margin: 0px;
padding: 0px;
}

#rotator .widget-body{}

#rotator .rotator-window{
width: 100%;
height: 56.25%;
display: block;
position: relative;
overflow: hidden;
}

#rotator .rotator-item{
display: block;
position: absolute;
height: auto;
width: 100%;
}

#rotator .rotator-item a{}

#rotator .rotator-item.hidden{}

#rotator figure{
width: 100%;
margin: 0;
padding: 0;
}

#rotator figure img{
width: 100%;
margin: 0;
padding: 0;
}

#rotator figure figcaption{
margin-top: -7em;
height: 6em;
padding: 0.5em;
}

#rotator figure figcaption .item-title{
width: auto;
display: block;
position: relative;
float: left;
}

#rotator figure figcaption .item-description{
width: auto;
display: block;
position: relative;
clear: left;
float: left;
}

#rotator figure figcaption .item-cta{
width: auto;
display: block;
position: relative;
clear: left;
float: left;
}

#rotator .rotator-nav{
display: block;
position: relative;
width: 100%;
height: auto;
margin: 8px 0 0 0;
overflow: hidden;
}

#rotator .rotator-nav #nav-items{
display: block;
position: relative;
margin: 0 auto;
padding: 4px 0;
min-width: 16px;
height: 16px;
}

#rotator #nav-items .nav-item{
display: block;
position: relative;
width: 16px;
height: 16px;
margin: 0 4px;
float: left;
overflow: hidden;
cursor: pointer;
}

#rotator #nav-items .nav-item .navblock{
display: block;
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}

#rotator #nav-items .nav-item.selected,
#nav-items .nav-item:hover{}

/* TWITTER WIDGET */
#twitter-widget .widget-body{
padding: 0;
overflow: hidden;
height: auto;
min-height: 36px;
}

#twitter-widget #twitter-feed{
display: block;
position: relative;
overflow: hidden;
width: 70.0%;
height: 70px;
float: left;
}

#twitter-widget #twitter-feed .feed-window{
display: block;
position: relative;
overflow: hidden;
height: 60px;
width: 620px;
margin: 10px 0 0 10px;
float: left;
}

#twitter-widget #twitter-feed .twitter-fail{
display: block;
position: relative;
overflow: hidden;
height: auto;
width: 620px;
}

#twitter-widget #twitter-feed .twitter-fail p{
width: auto;
padding: 0;
float: left;
}

#twitter-widget aside{
display: block;
position: relative;
width: 30%;
float: right;
}

#twitter-widget aside .feed-controls{
display:block;
position: relative;
overflow: hidden;
height: 60px;
width: auto;
padding: 5px 20px;
float: left;
}

#twitter-widget aside .feed-controls a{
display:block;
position: relative;
overflow: hidden;
width: 40px;
height: 60px;
float: left;
cursor: pointer;
}

#twitter-widget aside .feed-controls a.disabled{
cursor: default;
}

#twitter-widget #twitter-feed #feed-holder{
display: block;
position: relative;
width: auto;
height: inherit;
overflow: visible;
}

#twitter-widget .twitter-item{
display: inline-block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 620px;
height: 60px;
}

.lt-ie9.lt-ie8 #twitter-widget .twitter-item,
.lt-ie9.lt-ie8.lt-ie7 #twitter-widget .twitter-item{
display: inline !important;
}

#twitter-widget .twitter-item .twitter-avatar{
display: block;
position: relative;
width: 48px;
height: 48px;
float: left;
margin: 0 12px 0 0;
padding: 0;
}

#twitter-widget .twitter-item .twitter-text{
display: block;
position: relative;
width: 550px;
height: auto;
overflow: hidden;
float: left;
}

/*
#twitter-widget .twitter-item .twitter-text:after{ content:"\A"; white-space:pre; }

*/
#twitter-widget .twitter-item a{}

#twitter-widget .twitter-item a:hover{}

#twitter-widget .twitter-item footer{
display: block;
position: relative;
width: 550px;
margin: 0.5em 0 0 0 ;
padding: 0.25em 0;
float: left;
}

#twitter-widget .twitter-item footer a{
font-weight: normal;
}

#twitter-widget a.twitter-button{
display: block;
position: relative;
width: auto;
height: 50px;
float: right;
padding: 10px 10px 10px 60px;
}

#twitter-widget a.twitter-button:hover{}

.fb-like-box{
width: 300px;
height: 500px;
overflow: hidden;
}

.fb_iframe_widget span{
margin: -1px 0 0 -1px;
}

/* CHARACTER ROTATOR */
#cr-info{
display: block;
position: relative;
width: 100%;
height: 390px;
overflow: hidden;
padding: 0;
}

#cr-info .cr-item{
display: block;
position: absolute;
overflow: hidden;
height: inherit;
width: auto;
margin: 10px;
}	
#cr-info .character-image{
display: block;
position: relative;
overflow: hidden;
width: 96%;
padding: 1.3%;
height: 150px;
}

#cr-info .character-image figure{
width: 100%;
height: inherit;
overflow: hidden;
margin: 0;
padding: 0;
}

#cr-info .character-image figure img{
width: 100%;
padding: 0px;
margin: 0px;
}

#cr-info h3{
margin-top: 0.25em;
}

#cr-info .cr-item.hidden{}


/*
========== CATEGORY PAGES ==========
*/

.inner-page-content{
display: block;
position: relative;
width: auto;
height: auto;
padding: 10px 10px 40px 10px;
min-height: 500px;
vertical-align: top;
overflow: hidden;
}

.inner-page-content h2{}

.inner-page-content p{
display: block;
position: relative;
margin-bottom: 1em;
}

.inner-page-content figure{
margin-bottom: 1em;
}

.seasons-spacer{
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 2em;
}

.season-holder{
display: block;
position: relative;
overflow: hidden;
width: inherit;
height: auto;
margin-bottom: 2em;
}

.season-header{
display: block;
position: relative;
overflow: hidden;
padding: 0.35em 0.75em;
}

.season-header h2{
width: 60%;
float: left;
}

.season-header h2 .episodecount{}

.season-header a.season-show-hide{
display: block;
position: relative;
overflow: hidden;
width: 100px;
height: auto;
padding: 0.25em 1em;
float: right;
cursor: pointer;
}

.season-header a.season-show-hide.collapsed{}

.season-header a.season-show-hide.collapsed:hover{}

.season-header a.season-show-hide.expanded{}

.season-header a.season-show-hide.expanded:hover{}

.season-episode-links{
display: block;
position: relative;
overflow: hidden;
height: auto;
float: left;
width: 45.9%;
padding: 2%;
}

.episodes-page{
display: block;
position: relative;
float: left;
width: 100%;
height: inherit;
}

.episodes-page.hidden{}

.episodes-window{
display: block;
height: auto;
position: relative;
width: 100%;
overflow: hidden;
}

.episodes-pagination{
display: block;
position: relative;
height: auto;
float: left;
width: 100%;
overflow: hidden;
margin-bottom: 0.5em;
}

.episodes-pagination.hidden{}

.pagination-button{
display: block;
position: relative;
width: 20%;
text-align: center;
cursor: pointer;
float: left;
}

.pagination-button.selected,
.pagination-button:hover{}

.pagination-button.disabled{
cursor: auto;
}

.pagination-pagenum{
display: block;
position: relative;
width: 60%;
float: left;
}

a.season-episode-link{
display: block;
position: relative;
overflow: hidden;
width: auto;
height: auto;
padding: 0.25em 1em;
margin-bottom: 0.5em;
cursor: pointer;
}

a.season-episode-link:hover{}

.episode-item{
display: block;
position: relative;
overflow: hidden;
clear: left;
float: left;
width: 45.9%;
padding: 2%;
height: auto;
}

.episode-item.hidden{}

.episode-item figure figcaption{
display: block;
position: relative;
height: auto;
z-index: 2;
padding: 0;
margin-top: 1em;
}

.episode-item a.watch-episode{
display: inline-block;
position: relative;
overflow: hidden;
width: auto;
height: auto;
padding: 0 1em;
cursor: pointer;
margin: 1em 0 0 0;
}

.lt-ie9.lt-ie8 .episode-item a.watch-episode,
.lt-ie9.lt-ie8.lt-ie7 .episode-item a.watch-episode{
display: inline !important;
}

.episode-item a.watch-episode:hover{}

.episode-item a.watch-episode img{
width: 100%;
height: auto;
}

.episode-item a.thumbnail-link{
display: block;
position: relative;
width: 100%;
height: auto;
}

.episode-description{
margin-top: 0.5em;
display: block;
position: relative;
width: 100%;
height: auto;
}

/*
========== ENTRY PAGES ===========
*/

#gigya_share_bar{
padding: 5px 0;
margin-bottom: 10px;
}

.entry-info{
display: block;
position: relative;
margin: 1em 0;
}

.recent-entries{
display: block;
position: relative;
overflow: hidden;
width: 100%;
margin: 10px 0;
padding: 9px 0;
}

a.entry-blurb{
display: block;
position: relative;
overflow: hidden;
margin: 0 5px 5px 5px;
padding: 5px;
float: left;
}

a.entry-blurb:hover{}

a.entry-blurb figure{
display: block;
position: relative;
overflow: hidden;
width: 25%;
float: left;
margin-right: 2%;
}

a.entry-blurb h3{
display: block;
position: relative;
overflow: hidden;
float: left;
width: 73%;
}

a.entry-blurb p{
display: block;
position: relative;
overflow: hidden;
width: 71%;
float: left;
height: auto;
margin: 5px 0 5px 2%;
}

a.entry-blurb footer{
display: block;
position: relative;
overflow: hidden;
float: left;
width: 73%;
margin: 0;
padding: 5px 0 0 0;
}

.entry-blurb footer .post-date{}

.entry-blurb footer .widget-button{
float: right;
}

a.entry-blurb.no-image{
padding: 10px;
margin: 5px;
}

a.entry-blurb.no-image:hover{}

a.entry-blurb.no-image h3{
margin: 0;
width: 100%;
}

a.entry-blurb.no-image footer{
margin: 0;
padding: 5px 0 0 0;
width: 100%;
}

a.entry-blurb.no-image p{
width: 98%;
margin: 2px 0 2px 2%;
}


.video-wrapper{
display: block;
position: relative;
width: 640px;
height: 412px;
}

.video-article figure{
display: block;
position: relative;
width: 100%;
height: auto;
}

.video-article figure figcaption{}

#seasons-wrapper.more-videos{
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: auto;
margin-top: 20px;
}

/* iPad stuff */

.video-article figure img{
display: block;
position: relative;
width: 100%;
height: auto;
z-index: 7;
}

#mobileVideoList{
display: none !important;
}

#mobileOverlay{
display: block;
position: absolute;
overflow: hidden;
width: inherit;
height: inherit;
top: 0;
left: 0;
z-index: 17;
color: #fff;
text-decoration: none;
}

#mobileOverlay img{
width: 100%;
height: auto;
}

#mobileVideoList dl{
display: none;
}

#mobileOverlay img{
display: block;
position: absolute;
width: inherit;
height: auto;
z-index: 1;
top: 0;
left: 0;
}

#mobileOverlay h2{
display: block;
position: relative;
width: inherit;
height: auto;
z-index: 4;
padding: 0 10px;
margin-top: 10px;
}

#mobileOverlay p{
display: block;
position: relative;
width: inherit;
height: auto;
z-index: 4;
padding: 0 10px;
}


/*
========== CHARACTERS ==========
*/

.character-article{
display: block;
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}

.character-article hr{}

.character-article .character-image,
.character-article .character-thumb{
display: block;
position: relative;
width: 38%;
padding: 2%;
margin-right: 2%;
height: auto;
float: left;
z-index: 2;
}

.character-article .character-image figcaption{
margin-top: 10px;
padding-top: 10px;
}

.character-article .character-info,
.character-article .actor-info{
display: inline;
position: relative;
padding-top: 0.15em;
}

.character-article .actor-info .actor-name{}

.character-article .character-name,
.character-article .actor-name{
display: block;
position: relative;
width: 100%;
margin-bottom: 0.5em;
}

.character-article .character-info p,
.character-article .actor-info p{
display: block;
position: relative;
margin-bottom: 1em;
}

a.actor-social-link{
display: block;
position: relative;
clear: none;
float: left;
width: auto;
height: auto;
overflow: hidden;
min-height: 14px;
margin: 2px 15px 5px 0px;
}

a.actor-social-link:hover{}

a.actor-social-link.facebook{
padding-left: 20px;
}

a.actor-social-link.twitter{
padding-left: 20px;
}

.character-item{
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: auto;
padding-bottom: 15px;
margin-bottom: 20px;
}

.character-thumb-wrapper{
display: block;
position: relative;
width: 120px;
height: 120px;
overflow: hidden;
float: left;
margin-right: 5px;
padding: 4px;
}

.character-thumb-wrapper figure{
width: inherit;
height: inherit;
overflow: hidden;
}

.character-thumb-wrapper .character-thumb{
display: block;
position: relative;
width: 100%;
height: auto;
}

.character-item .character-name,
.character-item .character-bio,
.character-item .actor-info{
display: block;
position: relative;
width: 75%;
margin: 0 0 0 24%;
float: none;
}

.character-item .character-name a{}

.character-item .character-name a:hover{}

.character-item .actor-info{
height: auto;
padding-top: 10px;
margin-top: 10px;
}

.character-item .actor-info .actor-name{
float: left;
width: auto;
margin-right: 20px;
}

.character-item .actor-info .widget-button{
float: left;
margin: 0 20px 0px 0px;
}

.character-item h2.character-name{
margin-bottom: 10px;
}


/*
========== SOCIAL MEDIA ITEMS ==========
*/

#gigya-comments{
display: block;
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}

.advisory_board,
nav#nav-footer{
margin-bottom: 1em;
text-align: center;
}

.advisory_board a,
nav#nav-footer li{
display: inline-block;
margin-right: 3%;
vertical-align: middle;
}

.lt-ie9.lt-ie8 .advisory_board a{
display: inline !important;
}

.advisory_board a:last-child,
nav#nav-footer li:last-child{
margin-right: 0;
}

.advisory_board a{
max-width: 120px;
}

.lt-ie9 .advisory_board img[alt="Canadian Obesity Network"],
.lt-ie9 .advisory_board img[alt="YMCA Canada"]{
max-height: 39px;
}

nav#nav-footer li a{
color: rgb(39,39,39);
font-size: .8em;
}

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

.home .main-content object,
.Accueil .main-content object{
margin-bottom: 1em;
}

/* 
========== TABLET SIZES ==========
screen sizes that where 960 > screensize > 600
*/
@media only screen and (max-width:960px){
.site-wrapper{width: 100%;}
.main-content{margin: 0;width: 100%;}
}

#dfc-myths.widget{
background: rgb(0,156,217);
color: rgb(0,156,217);
min-height: 254px;
/* width: 268px; */
}

.fr #dfc-myths.widget{
min-height: 286px;
}

#dfc-myths .widget-body{
background: none;
}

#dfc-myths.widget h1{
background: none;
color: rgb(255,255,255);
}

/* Liquid Slider Kevin Batdorf GPL license */
.no-js .liquid-slider{
height: 350px;
overflow: scroll;
}

/* Preloader
Use this to apply styles when Javascript is disabled,
and be sure to include the ".no-js" class in your html markup. */
.liquid-slider-wrapper .liquid-slider-preloader{
background: url(images/loading.gif) #f2f2f2 no-repeat center 75px;
opacity: .9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
/* Do not edit below this line */
width: 100%;
height: 200%;
position: absolute;
top: 0;
left: 0;
}

.liquid-slider-wrapper{
margin: 0 auto;
/* Do not edit below this line */
clear: both;
overflow: auto;
position: relative;
}

.liquid-slider-wrapper .liquid-slider{
width: 1030px;
/* Do not edit below this line */
float: left;
overflow: hidden;
position: relative;
}

.liquid-slider-wrapper .panel-container{
/* Do not edit below this line */
position: relative;
}

.liquid-slider-wrapper .liquid-slider .panel-container .fadeClass{
/* Do not edit below this line */
position: absolute;
top: 0; 
left: 0;
display: none;
}

.liquid-slider-wrapper .liquid-slider .panel{  
width: 1030px;
/* Do not edit below this line */
display: block;
float: left;
}

.liquid-slider-wrapper .liquid-slider .panel img{
/* width: 100%;
height: auto;  
margin: 0 5px; */
}

.liquid-slider-wrapper .liquid-slider .panel video{
/* width: 100%;  
height: auto; */
}

.liquid-slider-wrapper .liquid-slider .panel-wrapper{
/* Do not edit below this line */
position: relative;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper{
border: 1px solid;
border-bottom-color: rgb(237,237,237);
border-left-color: rgb(234,233,233);
border-right-color: rgb(226,226,226);
border-top-color: rgb(240,239,239);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0 0 1px 1px rgba(39,39,39,0.3);
-moz-box-shadow: 0 0 1px 1px rgba(39,39,39,0.3);
-webkit-box-shadow: 0 0 1px 1px rgba(39,39,39,0.3);
padding: 2%;
}

.lt-ie9.lt-ie8 #dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper{
filter: progid: DXImageTransform.Microsoft.Shadow(enabled=false);
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper p{
width: auto;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper h2,
#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper section,
#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper p{
color: rgb(0,156,217);
font-size: 1em;
line-height: 1.3em;
/* text-transform: uppercase; */
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper h2{
background: none;
border-bottom: 2px solid rgb(0,156,217);
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
margin-bottom: 1em;
overflow: hidden;
padding: 0 0 .5em;
text-shadow: none;
text-transform: none;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper h2 span,
#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper section span{
color: rgb(248,172,62);
margin-right: .2em;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper h2 span,
#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper h2 p,
#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper section#dfc-answer span,
#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper section#dfc-answer p{
float: left;
}

.lt-ie8 #dfc-myths.widget #dfc-answer{
display: none !important;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper h2 span,
#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper section#dfc-answer span{
width: 6%;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper h2 p,
#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper section#dfc-answer p{
width: 92%;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper #dfc-arrow{
border-left: 0em solid transparent;
border-right: 2em solid transparent;
border-top: 2.5em solid rgb(255,255,255);
display: none;
width: 0;
height: 0;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper section#dfc-answer{
margin-bottom: .5em;
overflow: hidden;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper section#dfc-answer p{
font-size: 1em;
text-transform: none;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper section#dfc-answer p:first-child{
display: inline;
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper #dfc-full-answer a{
color: rgb(248,172,62);
}

#dfc-myths .liquid-slider-wrapper .liquid-slider .panel-wrapper #dfc-full-answer a:hover{
color: rgb(39,39,39);
}

#dfc-myths.widget #dfc-learn-more{
color: rgb(255,255,255);
list-style: none;
text-align: center;
text-shadow: 0 1px 1px rgb(39,93,39);
}

.lt-ie8 #dfc-myths.widget #dfc-learn-more{
position: relative;
}

#dfc-myths.widget #dfc-learn-more #dfc-top{
border-left: 8em solid transparent;
border-right: 8em solid transparent;
border-top: 2.5em solid rgb(248,172,62);
display: inline-block;
width: 0;
height: 0;
}

.lt-ie9.lt-ie8 #dfc-myths.widget #dfc-learn-more #dfc-top,
.lt-ie9.lt-ie8.lt-ie7 #dfc-myths.widget #dfc-learn-more #dfc-top{
display: inline !important;
}

#dfc-myths.widget dl.Zebra_Accordion dt.Zebra_Accordion_Expanded #dfc-learn-more #dfc-top{
border-bottom: 2.5em solid rgb(248,172,62);
border-top: none;
}

#dfc-myths.widget #dfc-learn-more #dfc-bottom{
margin-bottom: 1em;
margin-top: -2em;
}

.lt-ie8 #dfc-myths.widget #dfc-learn-more #dfc-bottom{
margin-top: 0;
position: absolute;
left: 90px;
top: 10px;
}

#dfc-myths.widget dl.Zebra_Accordion dt.Zebra_Accordion_Expanded #dfc-learn-more #dfc-bottom{
margin-top: -1.5em;
}

.liquid-slider-wrapper .liquid-nav a{
background: rgb(255,255,255);
border: 1px solid rgba(72,40,18,0.5);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
box-shadow: inset 0 1px 2px 1px rgba(72,40,18,0.5);
-moz-box-shadow: inset 0 1px 2px 1px rgba(72,40,18,0.5);
-webkit-box-shadow: inset 0 1px 2px 1px rgba(72,40,18,0.5);
margin: 0 .25em .25em;
text-indent: -9999px;
width: .75em;
height: .75em;
}

.liquid-slider-wrapper .liquid-nav a:hover,
.liquid-slider-wrapper .liquid-nav .current{
background: rgb(199,199,199);
border: 1px solid rgba(72,40,18,0.5);
box-shadow: inset 0 -4px 7px 1px rgba(72,40,18,0.5);
-moz-box-shadow: inset 0 -4px 7px 1px rgba(72,40,18,0.5);
-webkit-box-shadow: inset 0 -4px 7px 1px rgba(72,40,18,0.5);
}

.currentCrossLink{
font-weight: bold;
}

.liquid-slider-wrapper .liquid-nav ul{
padding: 0;
text-align: center;
/* Do not edit below this line */
clear: both;
display: block;
/* margin: auto; */
margin: .5em 0 .5em 1em;
overflow: hidden;
}

.liquid-slider-wrapper .liquid-nav ul li{
/* Do not edit below this line */
display: inline;
}

.liquid-slider-wrapper .liquid-nav ul li a{
/* Do not edit below this line */
display: inline-block;
text-decoration: none;
}

.lt-ie9 .liquid-slider-wrapper .liquid-nav ul li a{
display: inline !important;
}

/* Mobile Menu */
.liquid-slider-wrapper .liquid-nav{
overflow: hidden;
clear: both;
}

.liquid-slider-wrapper .liquid-slider-select-box{  
/* Delete these if you want the standard select box.
Also delete the rules below */
width: 100%;
height: 35px;
overflow: hidden;
background: url(images/menu.png) no-repeat right #ddd;
}

.liquid-slider-wrapper .liquid-slider-select-box select{  
/* If you want the standard select box,
use width: 100% And delete the rest of the styling here */
width: 150%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
padding: 5px;
font-size: 110%;
border: 1px solid #bbb;
height: 35px;
cursor: pointer;
}

/* Arrows */
.liquid-slider-wrapper .liquid-nav-left,
.liquid-slider-wrapper .liquid-nav-right{
/* Do not edit below this line */
float: left;
}

.liquid-slider-wrapper .liquid-nav-left a,
.liquid-slider-wrapper .liquid-nav-right a{
/* non-graphical arrows */
background: #000;
color: #fff;
padding: 5px;
width: 100px;
/* Do not edit below this line */
display: block;
text-align: center;
text-decoration: none;
}

.liquid-slider-wrapper .liquid-nav-left-arrow,
.liquid-slider-wrapper .liquid-nav-right-arrow{
cursor: pointer;
/* Do not edit below this line */
float: left;
}

.liquid-slider-wrapper .liquid-nav-left-arrow a,
.liquid-slider-wrapper .liquid-nav-right-arrow a{
/* Do not edit below this line */
display: block;
}

.liquid-slider-wrapper .liquid-nav-left,
.liquid-slider-wrapper .liquid-nav-left-arrow{
/* Do not edit below this line */
clear: both;
}

.liquid-slider-wrapper .liquid-nav-right-arrow{
width: 25px;
height: 25px;
background: url(images/arrow.png) no-repeat top right;
margin-top: 50px;
margin-right: 5px;
/* Do not edit below this line */
position: relative;
}

.liquid-slider-wrapper .liquid-nav-left-arrow{
width: 25px;
height: 25px;
background: url(images/arrow.png) no-repeat top left;
margin-top: 50px;
margin-left: 5px;
/* Do not edit below this line */
position: relative;
}

.liquid-slider-wrapper .liquid-nav-left-arrow:hover{
/* Left graphical arrows hover */
background: url(images/arrow.png) no-repeat bottom left;
}

.liquid-slider-wrapper .liquid-nav-left-arrow: active{
/* Left graphical arrows click */
}

.liquid-slider-wrapper .liquid-nav-right-arrow:hover{
/* Right graphical arrows hover */
background: url(images/arrow.png) no-repeat bottom right;
}

.liquid-slider-wrapper .liquid-nav-right-arrow: active{
/* Right graphical arrows click */
}

.arrows .liquid-slider{
/* Margin between slider and arrows */
margin: 0 10px;
}

/* Responsive Styles */
.liquid-responsive .liquid-slider{
/* Do not edit below this line */
width: 100%;
margin: 0;
}

.liquid-responsive .liquid-slider .panel .panel-wrapper{
background: rgb(255,255,255);
}

#dfc-myths .liquid-responsive .liquid-slider .panel .panel-wrapper{
margin: 0 .5em .5em;
padding: 2%;
}

.liquid-responsive .liquid-nav-left{
/* Left non-graphical arrows */
/* Do not edit below this line */
position: absolute;
left: 0;
z-index: 1;
}

.liquid-responsive .liquid-nav-left a{
/* Left non-graphical arrows */
background: #9A9A9A;
width: 80px;
}

.liquid-responsive .liquid-nav-left a:hover{
/* Left non-graphical hover */
background: #747474;
}

.liquid-responsive .liquid-nav-right{
/* Right non-graphical arrows */
/* Do not edit below this line */
position: absolute;
right: 0;
z-index: 1;
}

.liquid-responsive .liquid-nav-right a{
/* Right non-graphical arrows */
background: #9A9A9A;
width: 80px;
}

.liquid-responsive .liquid-nav-right a:hover{
/* Right non-graphical arrows hover */
background: #747474;
}

.liquid-responsive .liquid-nav-left-arrow{
/* Do not edit below this line */
position: absolute;
left: .5em;
z-index: 1;
}

.liquid-responsive .liquid-nav-right-arrow{
/* Do not edit below this line */
position: absolute;
right: .5em;
z-index: 1;
}

/* Larger Mobile Devices */
@media only screen and (min-width: 481px){
.liquid-slider-wrapper .liquid-slider .panel img{
/* Example */
/*margin: 2px;
width: 24%;*/
}
}

/* Tablet & Smaller Laptops */
@media only screen and (min-width: 768px){
.liquid-slider-wrapper .liquid-slider .panel img{
/* Example */
/* width: 24%; */
}
.liquid-responsive .liquid-slider .panel .panel-wrapper{
/* padding: .5em; */
}
#dfc-myths .liquid-responsive .liquid-slider .panel .panel-wrapper{
/* padding: 2%; */
}
}

/* DESKTOP */
@media only screen and (min-width: 1030px){}

/* LARGE VIEWING SIZE */
@media only screen and (min-width: 1240px){}

/* RETINA (2x RESOLUTION DEVICES) */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){}

/********** Zebra Accordian **********/

dl.Zebra_Accordion{}

dl.Zebra_Accordion .main-wrapper{
width: 960px;
margin: 0 auto;
text-align: left;
}

dl.Zebra_Accordion dt{
cursor: pointer;
color: rgb(255,255,255);
text-shadow: 0 1px 1px rgb(39,93,39);
}

dl.Zebra_Accordion dd{
padding: .25em;
}

dl.Zebra_Accordion dt.Zebra_Accordion_Expanded{}

dl.Zebra_Accordion h3{}

dl.Zebra_Accordion h3,
dl.Zebra_Accordion p,
dl.Zebra_Accordion pre{}

dl.Zebra_Accordion .syntaxhighlighter{
padding: 5px 0;
}

/********** MISCELLANEOUS **********/
dl.Zebra_Accordion .align-center{
text-align: center;
}

dl.Zebra_Accordion .align-left{
text-align: left;
}

dl.Zebra_Accordion .align-right{
text-align: right;
}

dl.Zebra_Accordion .block{
display: block;
}

dl.Zebra_Accordion .bottom{
margin-bottom: 0;
padding-bottom: 0;
}

dl.Zebra_Accordion .center{
text-align: center;
}

dl.Zebra_Accordion .clear{
clear: both;
}

dl.Zebra_Accordion .first{
margin-left: 0;
padding-left: 0;
}

dl.Zebra_Accordion .hidden{
visibility: hidden;
}

dl.Zebra_Accordion .highlight{
background: #ccf;
}

dl.Zebra_Accordion .inline{
display: inline;
}

dl.Zebra_Accordion .last{
margin-right: 0;
padding-right: 0;
}

dl.Zebra_Accordion .left{
float: left;
}

dl.Zebra_Accordion .none{
display: none;
}

dl.Zebra_Accordion .nowrap{
white-space: nowrap;
}

dl.Zebra_Accordion .right{
float: right;
}

dl.Zebra_Accordion .stretch{
width: 100%;
}

dl.Zebra_Accordion .top{
margin-top: 0;
padding-top: 0;
}

dl.Zebra_Accordion .visible{
visibility: visible;
}

/* DFC Get Enough Article */
#dfc-get-enough-article .widget-body{}


/* 30x30 Calendar */
.Calendar .block.page,
.calendar .block.page,
.Calendar.block.page,
.calendar.block.page{
padding: 0;
}

#calendar-30x30{
background: url(images/dsf-calendar-bg.jpg) no-repeat left top;
height: 790px;
margin-top: 1em;
position: relative;
}

.Calendar .block.page h1,
.calendar .block.page h1,
.Calendar.block.page h1,
.calendar.block.page h1{
color: rgb(161,204,58);
}

#calendar-30x30 a{
display: block;
position: absolute;
}

#calendar-30x30 a[title="Challenge #1"],
#calendar-30x30 a[title="Défi no 1"]{
left: 0px;
top: 0px;
}

#calendar-30x30 a[title="Challenge #2"],
#calendar-30x30 a[title="Défi no 2"]{
left: 175px;
top: 0px;
}

#calendar-30x30 a[title="Challenge #3"],
#calendar-30x30 a[title="Défi no 3"]{
left: 347px;
top: 0px;
}

#calendar-30x30 a[title="Challenge #4"],
#calendar-30x30 a[title="Défi no 4"]{
left: 428px;
top: 0px;
}

#calendar-30x30 a[title="Challenge #5"],
#calendar-30x30 a[title="Défi no 5"]{
left: 428px;
top: 97px;
}

#calendar-30x30 a[title="Challenge #6"],
#calendar-30x30 a[title="Défi no 6"]{
left: 517px;
top: 97px;
}

#calendar-30x30 a[title="Challenge #7"],
#calendar-30x30 a[title="Défi no 7"]{
left: 0px;
top: 97px;
}

#calendar-30x30 a[title="Challenge #8"],
#calendar-30x30 a[title="Défi no 8"]{
left: 0px;
top: 197px;
}

#calendar-30x30 a[title="Challenge #9"],
#calendar-30x30 a[title="Défi no 9"]{
left: 87px;
top: 197px;
}

#calendar-30x30 a[title="Challenge #10"],
#calendar-30x30 a[title="Défi no 10"]{
left: 87px;
top: 246px;
}

#calendar-30x30 a[title="Challenge #11"],
#calendar-30x30 a[title="Défi no 11"]{
left: 175px;
top: 197px;
}

#calendar-30x30 a[title="Challenge #12"],
#calendar-30x30 a[title="Défi no 12"]{
left: 260px;
top: 197px;
}

#calendar-30x30 a[title="Challenge #13"],
#calendar-30x30 a[title="Défi no 13"]{
left: 347px;
top: 197px;
}

#calendar-30x30 a[title="Challenge #14"],
#calendar-30x30 a[title="Défi no 14"]{
left: 0px;
top: 296px;
}

#calendar-30x30 a[title="Challenge #15"],
#calendar-30x30 a[title="Défi no 15"]{
left: 87px;
top: 296px;
}

#calendar-30x30 a[title="Challenge #16"],
#calendar-30x30 a[title="Défi no 16"]{
left: 175px;
top: 296px;
}

#calendar-30x30 a[title="Challenge #17"],
#calendar-30x30 a[title="Défi no 17"]{
left: 260px;
top: 296px;
}

#calendar-30x30 a[title="Challenge #18"],
#calendar-30x30 a[title="Défi no 18"]{
left: 347px;
top: 296px;
}

#calendar-30x30 a[title="Challenge #19"],
#calendar-30x30 a[title="Défi no 19"]{
left: 517px;
top: 296px;
}

#calendar-30x30 a[title="Challenge #20"],
#calendar-30x30 a[title="Défi no 20"]{
left: 0px;
top: 396px;
}

#calendar-30x30 a[title="Challenge #21"],
#calendar-30x30 a[title="Défi no 21"]{
left: 175px;
top: 396px;
}

#calendar-30x30 a[title="Challenge #22"],
#calendar-30x30 a[title="Défi no 22"]{
left: 260px;
top: 396px;
}

#calendar-30x30 a[title="Challenge #23"],
#calendar-30x30 a[title="Défi no 23"]{
left: 347px;
top: 396px;
}

#calendar-30x30 a[title="Challenge #24"],
#calendar-30x30 a[title="Défi no 24"]{
left: 517px;
top: 396px;
}

#calendar-30x30 a[title="Challenge #25"],
#calendar-30x30 a[title="Défi no 25"]{
left: 0px;
top: 496px;
}

#calendar-30x30 a[title="Challenge #26"],
#calendar-30x30 a[title="Défi no 26"]{
left: 175px;
top: 496px;
}

#calendar-30x30 a[title="Challenge #27"],
#calendar-30x30 a[title="Défi no 27"]{
left: 175px;
top: 596px;
}

#calendar-30x30 a[title="Challenge #28"],
#calendar-30x30 a[title="Défi no 28"]{
left: 260px;
top: 496px;
}

#calendar-30x30 a[title="Challenge #29"],
#calendar-30x30 a[title="Défi no 29"]{
left: 260px;
top: 596px;
}

#calendar-30x30 a[title="Challenge #30"],
#calendar-30x30 a[title="Défi no 30"]{
left: 428px;
top: 496px;
}

#calendar-30x30 a[title="Challenge #31"],
#calendar-30x30 a[title="Défi no 31"]{
left: 0px;
top: 693px;
}

#calendar-30x30 img[alt="Challenge #1"],
#calendar-30x30 img[alt="Défi no 1"]{}

#calendar-30x30 img[alt="Challenge #2"],
#calendar-30x30 img[alt="Défi no 2"]{}

#calendar-30x30 img[alt="Challenge #3"],
#calendar-30x30 img[alt="Défi no 3"]{}

#calendar-30x30 img[alt="Challenge #4"],
#calendar-30x30 img[alt="Défi no 4"]{}

#calendar-30x30 img[alt="Challenge #5"],
#calendar-30x30 img[alt="Défi no 5"]{
height: 98px;
width: 87px;
}

#calendar-30x30 img[alt="Challenge #6"],
#calendar-30x30 img[alt="Défi no 6"]{
height: 98px;
}

#calendar-30x30 img[alt="Challenge #7"],
#calendar-30x30 img[alt="Défi no 7"]{}

#calendar-30x30 img[alt="Challenge #8"],
#calendar-30x30 img[alt="Défi no 8"]{}

#calendar-30x30 img[alt="Challenge #9"],
#calendar-30x30 img[alt="Défi no 9"]{
height: 47px;
width: 86px;
}

#calendar-30x30 img[alt="Challenge #10"],
#calendar-30x30 img[alt="Défi no 10"]{
height: 48px;
width: 86px;
}

#calendar-30x30 img[alt="Challenge #11"],
#calendar-30x30 img[alt="Défi no 11"]{
height: 97px;
width: 83px;
}

#calendar-30x30 img[alt="Challenge #12"],
#calendar-30x30 img[alt="Défi no 12"]{}

#calendar-30x30 img[alt="Challenge #13"],
#calendar-30x30 img[alt="Défi no 13"]{
width: 254px;
}

#calendar-30x30 img[alt="Challenge #14"],
#calendar-30x30 img[alt="Défi no 14"]{}

#calendar-30x30 img[alt="Challenge #15"],
#calendar-30x30 img[alt="Défi no 15"]{
height: 98px;
width: 86px;
}

#calendar-30x30 img[alt="Challenge #16"],
#calendar-30x30 img[alt="Défi no 16"]{
height: 98px;
width: 83px;
}

#calendar-30x30 img[alt="Challenge #17"],
#calendar-30x30 img[alt="Défi no 17"]{}

#calendar-30x30 img[alt="Challenge #18"],
#calendar-30x30 img[alt="Défi no 18"]{}

#calendar-30x30 img[alt="Challenge #19"],
#calendar-30x30 img[alt="Défi no 19"]{}

#calendar-30x30 img[alt="Challenge #20"],
#calendar-30x30 img[alt="Défi no 20"]{}

#calendar-30x30 img[alt="Challenge #21"],
#calendar-30x30 img[alt="Défi no 21"]{
height: 98px;
width: 83px;
}

#calendar-30x30 img[alt="Challenge #22"],
#calendar-30x30 img[alt="Défi no 22"]{}

#calendar-30x30 img[alt="Challenge #23"],
#calendar-30x30 img[alt="Défi no 23"]{}

#calendar-30x30 img[alt="Challenge #24"],
#calendar-30x30 img[alt="Défi no 24"]{}

#calendar-30x30 img[alt="Challenge #25"],
#calendar-30x30 img[alt="Défi no 25"]{}

#calendar-30x30 img[alt="Challenge #26"],
#calendar-30x30 img[alt="Défi no 26"]{
width: 83px;
}

#calendar-30x30 img[alt="Challenge #27"],
#calendar-30x30 img[alt="Défi no 27"]{
height: 95px;
width: 83px;
}

#calendar-30x30 img[alt="Challenge #28"],
#calendar-30x30 img[alt="Défi no 28"]{
width: 166px;
}

#calendar-30x30 img[alt="Challenge #29"],
#calendar-30x30 img[alt="Défi no 29"]{
height: 95px;
width: 166px;
}

#calendar-30x30 img[alt="Challenge #30"],
#calendar-30x30 img[alt="Défi no 30"]{
height: 195px;
width: 173px;
}

#calendar-30x30 img[alt="Challenge #31"],
#calendar-30x30 img[alt="Défi no 31"]{
width: 601px;
}

#calendar-30x30 .calendar-30x30-date{
background-color: rgb(255,255,255);
display: block;
font-size: 5.4em;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 100%;
height: 100%;
transition: all .17s ease-in-out;
-moz-transition: all .17s ease-in-out;
-ms-transition: all .17s ease-in-out;
-o-transition: all .17s ease-in-out;
-webkit-transition: all .17s ease-in-out;
}

#calendar-30x30 a:hover .calendar-30x30-date{
opacity: .8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}

#healthy-week-calendar{
margin-bottom: 1em;
}

#healthy-week-calendar #header{
background: url(images/calendar-rings.png) repeat-x transparent;
padding-top: 40px;
}

#healthy-week-calendar #header a{
display: inline-block;
padding-top: .5em;
text-align: center;
width: 50%;
}

.lt-ie9.lt-ie8 #healthy-week-calendar #header a,
.lt-ie9.lt-ie8.lt-ie7 #healthy-week-calendar #header a{
display: inline !important;
}

#healthy-week-calendar #header a,
#healthy-week-calendar li.row-2{
background: rgb(101,45,144);
color: rgb(255,255,255);
}

#healthy-week-calendar li{
background: rgb(255,255,255);
list-style: none;
}

#healthy-week-calendar li#icon-heart h1{
background: url(images/heart.png) no-repeat right center;
}

#healthy-week-calendar li#icon-apple h1{
background: url(images/apple.png) no-repeat right center;
}

#healthy-week-calendar li#icon-dancing{
background: url(images/dancing.png) no-repeat right bottom;

}

#healthy-week-calendar h1,
#healthy-week-calendar p{
display:inline-block;
padding: 1% 2%;
vertical-align: middle;
}

.lt-ie9.lt-ie8 #healthy-week-calendar h1,
.lt-ie9.lt-ie8.lt-ie7 #healthy-week-calendar h1,
.lt-ie9.lt-ie8 #healthy-week-calendar p,
.lt-ie9.lt-ie8.lt-ie7 #healthy-week-calendar p{
display: inline !important;
}

#healthy-week-calendar h1{
text-transform: lowercase;
width: 27%;
}

#healthy-week-calendar p{
width: 64%;
}

#healthy-week-calendar #footer{
text-align: center;
}

#healthy-week-calendar #footer a{
display: inline-block;
margin: 1%;
text-align: center;
vertical-align: middle;
width: 27%;
}

.lt-ie9.lt-ie8 #healthy-week-calendar #footer a,
.lt-ie9.lt-ie8.lt-ie7 #healthy-week-calendar #footer a{
display: inline !important;
}

#healthy-week-calendar #footer img{
display: inline-block;
width: 100px;
}

.lt-ie9.lt-ie8 #healthy-week-calendar #footer img,
.lt-ie9.lt-ie8.lt-ie7 #healthy-week-calendar #footer img{
display: inline !important;
}

article#june-10-rotator,
article#june-10-rotator .liquid-slider-wrapper .liquid-nav ul{
float: none !important;
}

article#june-10-rotator a.more{
color: rgb(1,174,240);
margin-top: 0;
position: static;
text-shadow: 0 1px 1px rgb(255,255,255);
}

/* Poll: Do you have plans for dinner? */
.poll{
margin-left: 0;
margin-right: 0;
}

#poll-shape h1{
font-size: 1.8em;
text-align: center;
}

.PDS_Poll{
width: 618px;
height: 410px;
}

#poll-dinner .PDS_Poll{
background: url(images/poll-bg.jpg) no-repeat center center;
}

#poll-room .PDS_Poll{
background: url(images/poll-room-bg.jpg) no-repeat center center;
}

#poll-shape .PDS_Poll{
background: url(images/poll-shape-bg.jpg) no-repeat center center;
overflow: hidden;
}

#poll-budget .PDS_Poll{
background-image: url(images/poll-budget-bg.jpg);
}

.PDS_Poll .pds-box{
margin: 0 auto !important;
padding-top: 100px !important;
width: 370px !important;
/* height: 390px; */
}

#poll-shape .PDS_Poll .pds-box{
float: right;
width: 305px !important;
}

#poll-budget .PDS_Poll .pds-box{
margin-left: 0 !important;
margin-right: 0 !important;
}

.fr .PDS_Poll .pds-box{
padding-top: 80px !important;
}

.PDS_Poll .pds-box-top{
background: rgba(255,255,255,.8);
border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 10px !important;
}

#poll-shape .PDS_Poll .pds-box-top,
#poll-budget .PDS_Poll .pds-box-top{
background: none;
padding: 0 !important;
}

.PDS_Poll .pds-input-label{
width: 255px !important;
}

#poll-shape .PDS_Poll .pds-input-label{
color: rgb(255,255,255) !important;
text-align: right;
width: 235px !important;
}

.fr .PDS_Poll .pds-input-label{
width: 260px !important;
}

.PDS_Poll .pds-view-results{
padding-left: 10px !important;
}

.PDS_Poll .pds-question-top,
.PDS_Poll .pds-pd-link{
display: none !important;
}

.PDS_Poll .pds-answer-group{
margin-bottom: 2em;
}

.pds-answer-input{
margin: 0 10px 0 25px;
width: 15px !important;
}

#poll-shape .pds-answer-input{
float: right !important;
margin: 0;
}

.fr .pds-answer-input{
margin-left: 20px;
}

.pds-radiobutton{
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 2px solid rgb(237,29,36);
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
transition: all .17s ease-in-out;
-moz-transition: all .17s ease-in-out;
-ms-transition: all .17s ease-in-out;
-o-transition: all .17s ease-in-out;
-webkit-transition: all .17s ease-in-out;
width: 15px;
height: 15px;
}

.pds-radiobutton:hover{
background: rgba(237,29,36,.5);
}

.pds-radiobutton:checked{
background: rgb(237,29,36);
}

.pds-input-label:hover{
color: rgb(237,29,36);
}

.pds-answer-span{
font-size: 1.2em;
font-weight: 600;
}

#poll-shape .pds-answer-span{
display: inline-block;
margin-right: -40px;
}

.lt-ie9.lt-ie8 #poll-shape .pds-answer-span{
display: inline !important;
}

.pds-vote{
padding: 0 !important;
}

.pds-vote-button{
background: rgb(237,29,36) !important;
color: rgb(255,255,255) !important;
margin-left: 10px !important;
}

.pds-links{
float: right;
margin-right: 10px;
}

#poll-budget .pds-links{
float: left;
}

.pds-view-results,
.pds-answer-text,
.pds-feedback-per,
.pds-return-poll{
font-size: .9em !important;
font-weight: 600 !important;
}

.pds-view-results,
.pds-return-poll{
color: rgb(237,29,36) !important;
}

#poll-shape .pds-view-results,
#poll-shape .pds-return-poll{
color: rgb(255,255,255) !important;
}

.pds-feedback-group{
margin-bottom: 10px !important;
}

#poll-shape .pds-answer-text,
#poll-shape .pds-total-votes,
#poll-shape .pds-feedback-votes,
#poll-shape .pds-feedback-per{
color: rgb(255,255,255) !important;
}

.pds-answer-feedback{
margin-top: 0 !important;
}

.pds-answer-feedback-bar{
background: rgb(237,29,36) !important;
}

.pds-total-votes{
margin-right: 10px !important;
}

.PDS_Poll #pds-sharing div{
display: inline-block;
margin: 5px 10px 0 0 !important;
width: 100px;
}

.lt-ie9.lt-ie8 .PDS_Poll #pds-sharing div{
display: inline !important;
}

.caption.poll{
text-align: center;
}

.caption.poll a{
color: rgb(237,29,36) !important;
}

#left-rail-1,
#left-rail-2{
margin-left: 0;
width: 49%;
}

#left-rail-2{
margin-right: 0;
}

/* 31 Day Challenge */
#the-31-day-challenge{
background: url(images/the-31-day-challenge-bg.jpg) no-repeat center bottom;
height: 1118px;
margin-left: 0;
margin-right: 0;
}

#the-31-day-challenge article,
#the-31-day-challenge a{
background: rgb(255,255,255);
}

#the-31-day-challenge header{
background-color: rgb(1,174,240);
margin-bottom: 0;
padding-top: 5%;
padding-bottom: 5%;
padding-left: 1%;
padding-right: 1%;
position: relative;
text-align: center;
}

#the-31-day-challenge header h1,
#the-31-day-challenge header h3{
color: rgb(255,255,255);
}

#the-31-day-challenge header h1{
border: none;
margin: 0;
padding: 0;
}

#the-31-day-challenge header h3{
font-size: 1.3em;
}

#the-31-day-challenge header aside{
padding: 2% 0 !important;
width: auto !important;
position: absolute;
right: 0;
top: 0;
}

#the-31-day-challenge header aside span{
color: rgb(39,39,39);
display: block;
}

#the-31-day-challenge header aside img{
background: rgb(255,255,255);
padding: 2%;
width: 70%;
}

#the-31-day-challenge a,
#the-31-day-challenge article{
display: inline-block;
height: 180px;
/* margin-bottom: -1px; */
margin-right: -4px;
position: relative;
text-align: center;
vertical-align: top;
width: 14.1%;
}

.lt-ie9.lt-ie8 #the-31-day-challenge a,
.lt-ie9.lt-ie8 #the-31-day-challenge article,
.lt-ie9.lt-ie8.lt-ie7 #the-31-day-challenge a,
.lt-ie9.lt-ie8.lt-ie7 #the-31-day-challenge article{
display: inline !important;
}

.lt-ie9.lt-ie8 #the-31-day-challenge a,
.lt-ie9.lt-ie8.lt-ie7 #the-31-day-challenge a{
width: 14.5%;
}

#the-31-day-challenge a.box-border,
#the-31-day-challenge article.box-border{
border-radius: 0px;
border-top-color: rgb(255,255,255);
}

#the-31-day-challenge .count-1,
#the-31-day-challenge .count-7,
#the-31-day-challenge .count-13,
#the-31-day-challenge .count-19,
#the-31-day-challenge .count-25,
#the-31-day-challenge .count-31{
color: rgb(231,0,140);
}

#the-31-day-challenge .count-2,
#the-31-day-challenge .count-8,
#the-31-day-challenge .count-14,
#the-31-day-challenge .count-20,
#the-31-day-challenge .count-26{
color: rgb(162,202,67);
}

#the-31-day-challenge .count-3,
#the-31-day-challenge .count-9,
#the-31-day-challenge .count-15,
#the-31-day-challenge .count-21,
#the-31-day-challenge .count-27{
color: rgb(1,174,240);
}

#the-31-day-challenge .count-4,
#the-31-day-challenge .count-10,
#the-31-day-challenge .count-16,
#the-31-day-challenge .count-22,
#the-31-day-challenge .count-28{
color: rgb(234,18,41);
}

#the-31-day-challenge .count-5,
#the-31-day-challenge .count-11,
#the-31-day-challenge .count-17,
#the-31-day-challenge .count-23,
#the-31-day-challenge .count-29{
color: rgb(103,49,147);
}

#the-31-day-challenge .count-6,
#the-31-day-challenge .count-12,
#the-31-day-challenge .count-18,
#the-31-day-challenge .count-25,
#the-31-day-challenge .count-31{
color: rgb(252,191,41);
}

#the-31-day-challenge article,
#the-31-day-challenge aside span{
color: rgb(199,199,199);
}

#the-31-day-challenge article{
/* border-bottom-color: rgb(255,255,255); */
/* margin-bottom: -1px; */
height: auto;
padding: 2% 0;
z-index: 2;
}

#the-31-day-challenge section{
font-size: 3.8em;
line-height: 180px;
}

#the-31-day-challenge .count aside,
#the-31-day-challenge aside.no-count{
background: rgb(245,245,245);
padding: 10%;
}

#the-31-day-challenge .count aside{
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
position: absolute;
top: 0;
left: 0;
text-align: left;
transition: all .17s ease-in-out;
-moz-transition: all .17s ease-in-out;
-ms-transition: all .17s ease-in-out;
-o-transition: all .17s ease-in-out;
-webkit-transition: all .17s ease-in-out;
width: 179%;
height: 90%;
}

.en #the-31-day-challenge .count aside{
height: 63%;
padding-top: 65%;
}

#the-31-day-challenge a:hover > aside{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}

#the-31-day-challenge aside.no-count,
.en #the-31-day-challenge aside.no-count{
background: none;
color: rgb(1,174,240);
height: auto;
padding-top: 10%;
text-align: left;
width: 80%;
}

#the-31-day-challenge a:hover > aside{
left: -100%;
}

#the-31-day-challenge a:hover > aside.no-count,
#the-31-day-challenge .count-1:hover aside,
#the-31-day-challenge .count-8:hover aside,
#the-31-day-challenge .count-15:hover aside,
#the-31-day-challenge .count-22:hover aside,
#the-31-day-challenge .count-29:hover aside{
left: 0;
z-index: 1000;
}

#the-31-day-challenge .count-7:hover aside,
#the-31-day-challenge .count-14:hover aside,
#the-31-day-challenge .count-21:hover aside,
#the-31-day-challenge .count-28:hover aside{
left: -100%;
}