/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body {
 background-attachment: fixed;
 background-position: top center;
 background-repeat: no-repeat;
}
abbr {
 border: 0;
}
div, p, h1,h2,h3,h4,h5,h6, form, table {
 cursor: default;
}
h1,h2,h3,h4,h5,h6 {
 font-weight: bold;
}
a:link,
a:visited {
 text-decoration: none; 
}
a:link:hover,
a:visited:hover,
a:active
a:focus {
 text-decoration: underline;
}
a.image:link,
a.image:visited,
button.image {
 background-color: transparent;
 background-image: none;
 border: 0;
 display: block;
 padding: 0;
 margin: 0;
 text-decoration: none;
}
a.image:link:hover,
a.image:link:focus,
a.image:link:active,
a.image:visited:hover,
a.image:visited:focus,
a.image:visited:active {
 text-decoration: none;
}
a:link,
a:visited,
a:link img,
a:visited img,
a:link:hover,
a:visited:hover,
a:link:hover img,
a:visited:hover img,
a:link img:hover,
a:visited img:hover {
 cursor: pointer;
}
a.button:link,
a.button:visited,
a.button:link img,
a.button:visited img,
a.button:link:hover,
a.button:visited:hover,
a.button:link:hover img,
a.button:visited:hover img
a.button:link img:hover,
a.button:visited img:hover,
button:hover,
button:hover img,
button img:hover {
 cursor: default;
} 
button.disabled,
button:disabled,
button.disabled:hover,
button:disabled:hover,
a.button.disabled:link,
a.button.disabled:visited,
a.button.disabled:link img,
a.button.disabled:visited img,
a.button.disabled:link:hover,
a.button.disabled:visited:hover,
a.button.disabled:link:hover img,
a.button.disabled:visited:hover img
a.button.disabled:link img:hover,
a.button.disabled:visited img:hover {
 cursor: auto;
} 
/* 
 * Adapted from sriley:
 *
 * http://produce.yahoo.com/sriley/examples/cta/
 * http://produce.yahoo.com/sriley/examples/cta/javascript.html
 * 
 * Modifications:
 * * Use cursor: default to match other normal buttons.
 * * Target hyperlinks anchors specifically.
 */
/* create a small margin on the button/anchor then positions the child spans on to this margin allowing for a solid background color to be applied */
.cta {
 margin: 1em 0;
 overflow:hidden; /* contain floats */
 zoom:1; /* contain for ie6 */
}
.cta button,
.cta a:link,
.cta a:visited {
 border:0; /* remove the border on the button */
 overflow:visible; /* fix a bug in ie where buttons have extended horizontal spacing */
 padding:0; /* make sure no padding - dont think this is needed */
 margin:5px; /* these 5px will be for the internal spans to overlap on to */
 text-decoration:none; /* ctas dont normally have underlined text so remove it from the anchors */
 font:100% Arial,helvetica,sans-serif; /* reset the font as fonts.css doesnt appear to reset fonts on buttons */
 cursor:default;
 float:left; /* this will contain block elements so allow this while keeping it shrink wrapped, inline-block could be used here instead */
 *white-space:nowrap; /* fix bug in ie - temp fix need to look in to problem closer*/
}
.cta a:hover {zoom:1;} /* fix a bug in ie where the hover state doesnt reset when roll back off */
.cta button {*margin-top:3px;} /* bad browser handling of buttons in ie */
/* Hack for Opera 9 */
html:first-child .cta button {
 float:none; /* opera rendering issue, but since button shouldnt really need to be floated just remove it */
}
/* End hack */
.cta button:focus,
.cta a:link:focus,
.cta a:visited:focus,
.cta button:hover,
.cta a:link:hover,
.cta a:visited:hover {
 text-decoration:none; /* ensure no hover styles */
}
/* Hack for firefox 3 - Overflowing buttons does not work, https://bugzilla.mozilla.org/show_bug.cgi?id=433478 */
.cta button,
x:-moz-any-link,
x:default {
 margin:0;
 padding:4px 2px;
 background:none;
 *padding:0;
 *margin:5px;
 *background:#39c;
}
.cta button:hover,
x:-moz-any-link,
x:default {
 background:none;
 *background:#c5e490;
}
/* End hacks */
.cta span {
 float:left; /* shrink wrap and take out of flow */
 position:relative; /* move the spans out on to the margin */
 top:5px; /* bottom */
 left:5px; /* right */
}
.cta span span {
 background-position:0 100%; /* bottom left */
 top:0; /* no change to vertical placement, but set to override the previous spans top */
 left:-10px; /* shift to the left 10px to place it on the margin the other side */
}
.cta span span span {
 background-position:0 0; /* top left */
 top:-10px; /* shift up 10px to place on margin top side */
 left:0; /* no change here */
 margin-bottom:-5px; /* fix the verical positioning of the text */
}
.cta span span span span {
 background-position:100% 0; /* top right */
 top:0; /* no change as its at the top already */
 left:10px; /* left 10px to other margin */
 padding:5px 23px 0 12px; /* correct the positioning of the text */
 margin-bottom:0; /* override the previous span */
}
a {
 color: #4d5666;
}
a:visited {
 color: #2a3e63;
}
.game-title {
 font-weight: bold;
}
/* Frame */
#yeug-body {
 /* Original DTK: 982px */
 width: 950px;
 padding: 6px 10px;
 margin: 0 auto;
}
/*HACK: Center #yeug-body in IE*/
body {
 text-align: center;
}
#yeug-body {
 text-align: left;
}
/*Head area drop shadow*/
#yeug-header {
 padding: 0;
}
#yeug-content {
 /* Original DTK: 668px; */
 /*width: 668px;*/
 width: 640px;
 margin: 0;
 padding-bottom: 0;
 float: left;
}
#yeug-content div {
 /*HACK: Pad top and crop bottom of #yeug-content wrapper to cater for margin: 0 ? 10px; on modules*/
/* Disable for now: */
/* padding: 9px 4px 0;
 margin-bottom: -8px;
*/
}
#yeug-content div div {
/* Disable for now: */
/* padding: 0;
 margin-bottom: 0;
 background: none;
*/
}
#yeug-related {
/* margin-left: 678px;
 margin-right: 4px;
 margin-top: 6px;
 width: 300px;*/
 float: left;
 margin-left: 10px;
 width: 300px;
}
#yeug-related .lrec {
 overflow: hidden;
}
#yeug-property-masthead, 
#yeug-network {
 float: left;
}
#yeug-header .ad {
 margin: 0 auto;
 text-align: center;
}
#yeug-header #ad-north {
 padding-top: 10px;
}
#yeug-header #ad-spon {
 margin: 0 -10px;
}
#yeug-navigation {
 clear: both;
 margin-top: 76px;
}
#yeug-property-masthead, 
#yeug-network {
 float: left;
}
#yeug-header .ad {
 margin: 0 auto;
 text-align: center;
}
#yeug-navigation {
 clear: both;
 margin-top: 76px;
}
/* Masthead */
#yeug-corelinks, 
#yeug-network {
 font-size: 85%;
}
/* TODO: Enforce negative hit-area around the core links for branded sites. */
#yeug-corelinks {
/* padding-right: 80px; */
 float: left;
 /* Remove since was making search tabs unclickable with JS off */
 /* Give back to IE6: */
 _width: 100%;
 padding-bottom: 3px;
 position: relative;
 z-index: 1;
/* *zoom: 1;*/
}
#yeug-corelinks li {
 display: inline;
 padding-right: 10px;
}
#yeug-network {
 line-height: 1.5em;
}
#yeug-network ul li {
 display: inline;
}
#yeug-property-masthead {
 margin-right: 30px;
 clear: left;
}
#yeug-network .action, 
#yeug-network span {
 font-weight: bold;
}
#ad-north {
 clear: both; 
 text-align: center; 
 margin-bottom: -65px;
 *margin-bottom: 0;
}
 
#yeug-masthead {
 /* Need some extra room because of the background gradient on #yeug-header */
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
} 
/* Search */
#yeug-search {
 float: right;
 margin-top: -1.2em;
 /* HACK: IE6: Halve doubled right margin. */
 _display: inline;
}
/*
#yeug-search,
#yeug-search * {
 _display: inline-block;
}
#yeug-search,
#yeug-search * {
 _display: block;
}
*/
/* 
 * TODO: Styling a SPAN inside LEGEND might avoid needing to set font-size: 0;
 */
#yeug-search legend { 
 text-indent: -999999px;
 font-size: 0;
 left: -999999px;
 line-height: 0;
 height: 0;
 position: absolute;
}
#yeug-search .types {
 margin-bottom: 2px;
}
/* 
 * HACK: IE6 and IE7: Force hasLayout to get the gap between the types and the
 * input-box.
 */
/*
#yeug-search .types {
 *display: inline-block;
}
#yeug-search .types {
 *display: block;
}
*/
#yeug-search fieldset {
 float: left;
}
#yeug-search .types li {
 display: block;
 float: left;
 padding: 0 6px 0 5px;
}
#yeug-search .types li label {
 text-transform: capitalize;
 cursor: pointer;
 font-size: 85%;
}
/* Initial articles and prepositions in label text (e.g. "The" in "The web", "For" in "For images"). */
#yeug-search .types li label span {
 position: absolute;
 left: -999999px;
/* text-indent: -999999%; */
}
#yeug-search fieldset div {
 border: 1px solid;
 padding: 1px;
 float: left;
 clear: left;
}
#yeug-search fieldset div label {
 position: absolute;
 left: -999999px;
}
#yeug-search fieldset div input {
 width: 370px;
}
#yeug-search .submit {
 float: left;
 margin: -5px 0 0 6px;
}
/* Interactive (JS-enabled) style */
/* Shift tabs left along the texbox a little. */
#yeug-search.interactive .types {
 margin-left: 10px;
}
/* HACK: Make the border the same height as the type: */
#yeug-search.interactive .types,
#yeug-search.interactive .types * {
 line-height: 1;
}
/* Hide radio-buttons! */
#yeug-search.interactive li input {
 position: absolute;
 /* If specified in %, WebKit puts this on the far right! */
 left: -999999px;
}
#yeug-search.interactive li {
 border-left: 1px solid;
 margin-top: 10px;
 padding: 0 9px;
}
#yeug-search.interactive li.first-child {
 border-left: 0;
}
#yeug-search.interactive li label {
 cursor: pointer;
 display: block;
 margin: 0;
 padding: 0;
 /* HACK: IE6: Ensures it has the right width to cover the border behind it */
 _position: relative;
 /* margin: 0 -8px;*/
 /*padding: 0 8px;*/
}
#yeug-search.interactive li label:hover {
 cursor: pointer;
 text-decoration: underline;
}
/* Checked item */
/*
 * TODO: A bug in the JS leaves "arrow" class on previously checked items.
 * This CSS prevents the item being hidden off-screen, and can be removed
 * when that bug is fixed.
 */
#yeug-search.interactive .types li label span.arrow {
 position: static;
 left: auto;
}
#yeug-search.interactive .types li.checked {
 border: 0;
 /* Cover borders of surrounding tabs: */
 margin: 0;
 /* HACK: IE6: Allow space for left border: */
 padding: 0;
 position: relative;
 z-index: 1; 
}
#yeug-search.interactive .types li.checked label {
 /* 
 * HACK: IE6 and IE7: Setting to inline-block prevents IE6 and IE7
 * expanding LABEL with its background-color around SPAN.arrow with its
 * background-image.
 */
 *display: inline-block;
 border: 0;
 cursor: default;
 padding: 0 0 8px;
 /* Cover borders of surrounding tabs: */
 margin: 0 -2px 0 0;
 text-decoration: none;
 border-top: 1px solid;
 border-right: 1px solid;
 border-left: 1px solid;
 border-bottom: 0;
}
#yeug-search.interactive .types li.checked label:hover {
 text-decoration: none;
}
/* 
 * Other tabs:
 * TV: http://l.yimg.com/eur.yimg.com/i/eu/tv/schs2.gif
 */
#yeug-search.interactive .types li.checked label span.arrow {
 display: block;
 padding: 10px 9px 11px;
 margin-bottom: -11px;
 background-repeat: no-repeat;
 background-position: center bottom;
 left: auto;
 position: relative;
 z-index: 2;
 text-indent: 0;
}
/* HACK: Easy clearing without IE5 support (mac+win) */
/*#yeug-search .types::after { 
 content: "."; 
 display: block; 
 height: 0; 
 font-size: 0;
 clear: both; 
 visibility: hidden; 
}*/
/* HACK: Don't easy-clear for IE, as it causes .types to have 100% width
 Instead, specify a top margin on the following div, as this acheives the desired effect. */
 
 
/*#yeug-search fieldset div {
 border-color: #c7721f;
}
#yeug-search.interactive li {
 border-left-color: #000;
 border-right-color: #fff;
}
#yeug-search.interactive li.first-child {
 border-color: #fff;
}
#yeug-search.interactive li label {
 color: #4d5666;
}
#yeug-search.interactive li.checked {
 border-color: #fff;
}*/
/*
#yeug-search.interactive li.checked label {
 background: #f5ab2e;
 color: #fff;
 border-color: #c7721f;
}
#yeug-search.interactive li.checked span.arrow {
 background: #aaa;
 background: transparent url(http://l.yimg.com/eur.yimg.com/i/eu/ga/schs2.gif) no-repeat bottom center;
}
*/
/*Navigation*/
#yeug-navigation {
 padding-top: 10px;
}
/* Easy clearing: */
#yeug-navigation {
 display: inline-block;
}
#yeug-navigation {
 display: block;
}
#yeug-navigation:after {
 content:" ";
 display: block;
 clear: both;
}
#yeug-navigation,
#yeug-navigation .main, 
#yeug-navigation .sub,
#yeug-navigation .editorial {
 clear: both;
}
/* Main navigation */
#yeug-navigation .main {
/* padding-left: 10px;
 padding-right: 10px;*/
 /* HACK: Force the following .sub element to collapse in IE */
 zoom: 1;
}
#yeug-navigation .main li {
 float: left;
 margin-right: 5px;
 display: inline;
 border-bottom: 1px solid;
 /* HACK: Stay on top for drop-downs, dagnamnit! */
 position: relative;
 z-index: 100;
}
#yeug-navigation .main li span {
 /* Round corners in CSS3: */ 
/* -moz-border-radius-topright: 5px; 
 -webkit-border-top-right-radius: 5px; 
*/
}
/* Throw 'rogue' items to the opposite side of the page */
#yeug-navigation .main li.rogue {
 float: right;
 margin-left: 5px;
}
/* Rounded corner tabs */
#yeug-navigation .main li.current,
#yeug-navigation .main a,
#yeug-navigation .main a span,
#yeug-navigation .main li.current span,
#yeug-navigation .main li.current h1,
#yeug-navigation .main li.rogue a,
#yeug-navigation .main li.rogue a span {
 background-repeat: no-repeat;
 background-position: top right;
}
#yeug-navigation .main li {
 /* Round corners in CSS3: */
/* -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px; */
}
#yeug-navigation .main li.current,
#yeug-navigation .main li.rogue a,
#yeug-navigation .main a {
 display: block;
 padding-left: 9px;
 background-position: top left;
 /* TODO: Work out why font-size: 102%-~147% causes IE6/7 to lose top 1px of bg when pos: rel is applied. (Not urgent, as our fonts fall outside this range now)*/
 font-size: 92%;
 font-weight: bold;
 text-transform: uppercase;
 /* HACK: Right-edge of tab disappears when adding drop-down cue in IE6 */
 position: relative;
}
#yeug-navigation .main li.current h1 {
 font-weight: bold;
}
/* Size tabs */
#yeug-navigation .main span,
#yeug-navigation .main h1 {
 display: block;
 padding: 7px 10px 7px 1px;
}
#yeug-navigation .main li.first-child a:hover,
#yeug-navigation .main li.first-child a:focus {
 margin-left: 1px;
 padding-left: 8px;
}
/* Apply square left corner to first-child */
/*#yeug-navigation .main li.first-child {
 border-left: 1px solid;
}
#yeug-navigation .main li.first-child,
#yeug-navigation .main li.first-child a {
 background-position: top right;
}
#yeug-navigation .main li.first-child span {
 padding-right: 15px;
}
*/
/* HACK: Force selected/current tabs to overlay sub-nav */
#yeug-navigation .main li.selected,
#yeug-navigation .main li.current {
 border-bottom: 0;
}
#yeug-navigation .main li.selected span,
#yeug-navigation .main li.current span,
#yeug-navigation .main li.selected h1,
#yeug-navigation .main li.current h1 {
 padding-bottom: 8px;
}
/* TODO: Insert dropdown CSS! */
/* Sub navigation */
#yeug-navigation .sub {
 padding: 8px 21px;
 border-top: 1px solid;
 font-size: 92%;
 font-weight: bold;
 /* HACK: Make selected tabs blend into the secondary nav*/
 position: relative; 
 top: -1px;
 /* HACK: Counteract the relative position for tab-blending */
 margin-bottom: -1px;
}
#yeug-navigation .sub li {
 float: left;
 padding: 0px 15px 4px 0;
}
/*HACK: Easy clearing without IE5 support (mac+win) */
#yeug-navigation .sub::after
{ 
 content: "."; 
 display: block; 
 height: 0; 
 font-size: 0;
 clear: both; 
 visibility: hidden; 
}
#yeug-navigation .sub { 
 display: inline-block; 
}
#yeug-navigation .sub { 
 display: block; 
}
/* Editorial 'Buzz' navigation */
#yeug-navigation .editorial {
 padding: 7px 20px;
 /* HACK: Counteract the relative position for tab-blending */
 margin-bottom: -1px;
 font-size: 85%;
}
#yeug-navigation .editorial h2,
#yeug-navigation .editorial li {
 display: inline;
 margin: 0 14px 0 0;
}
#yeug-navigation .editorial h2 {
 margin: 0 7px 0 0;
 font-weight: normal;
}
#yeug-navigation .editorial ul {
 display: inline;
}
/* Shifted #yeug-header out for background, so need to shift navigation
 inwards */
#yeug-navigation {
 margin-left: 10px;
 margin-right: 10px;
 *margin-top: 0;
} 
#yeug-navigation .sub {
 border-width: 1px;
 border-style: solid;
 margin-left: -10px;
 margin-right: -10px;
}
#yeug-crest {
 margin-bottom: 10px;
}
#yeug-crest div {
/* overflow: hidden;
 position: relative;
 padding: 0 4px 0 19px;
 margin-top: -2px;
*/
}
#yeug-crest div span,
#yeug-crest h1 {
 font-size: 2em;
 padding: 0.3em 0;
}
#yeug-crest .sponsor {
 float: right;
 padding: 0;
 margin: 0 0 0 5px;
}
#yeug-crest .nav {
 padding: 10px;
 margin: 0;
/* width: 668px;
 float: left;
 position: relative;
 top: -4px;*/
}
#yeug-crest ul {
/* width: 644px; */
 font-size: 107%;
 /padding: 0 4px 0.7em 20px;*/
}
#yeug-crest li {
 display: inline;
 margin: 0 0.5em 0 0;
}
#yeug-crest div {
 background-repeat: no-repeat;
 background-position: bottom center;
}
#yeug-crest div span,
#yeug-crest h1 {
 padding: .3em 0 .5em 0;
}
#yeug-crest ul {
 background-repeat: no-repeat;
 background-position: bottom left;
}
#yeug-crest div img {
 /* Center the crest image, if any: */
 margin-left: -10px;
 margin-right: -10px;
 width: 970px;
}
#yeug-crest div span,
#yeug-crest div h1 {
 padding: 0;
 margin: 0 0;
 font-weight: bold;
}
.feature #yeug-crest div div {
 padding: 0;
 margin: 0 0;
}
#yeug-crest .nav {
 background-repeat: no-repeat;
 background-position: top left;
 -moz-border-radius-bottomleft: 10px;
 -webkit-border-bottom-left-radius: 10px;
 border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-bottom-right-radius: 10px;
 border-bottom-right-radius: 10px;
 margin: 0 0 10px 0;
 padding: 8px 0 0 0;
 top: auto;
 width: 640px;
}
#yeug-header {
 *zoom: 1;
}
#ad-spon {
 margin-left: -10px;
 margin-right: -10px;
}
#yeug-footer .elsewhere {
/* padding: 10px;*/
 margin: 10px 0;
}
#yeug-footer .elsewhere h2 {
 margin-bottom: 10px;
 font-size: 107%;
 text-transform: uppercase;
 font-weight: bold;
}
#yeug-footer .elsewhere ul,
#yeug-footer .elsewhere ol {
 float: left;
}
#yeug-footer .elsewhere a,
#yeug-footer .elsewhere li {
 line-height: 1.3em;
}
#yeug-footer .elsewhere li {
 background: transparent no-repeat left center;
 padding-left: 10px;
 font-size: 92%;
 text-indent: -.5em;
}
#yeug-footer .elsewhere > div {
 /*padding-left: 290px;*/
}
#yeug-footer .elsewhere div div {
 padding: 10px;
}
#yeug-footer .property {
/* float: left; */
 width: 280px;
 padding: 10px;
 margin-right: 10px;
 min-height: 100%;
 /* NEW */
 overflow: hidden;
 display: inline-block;
 float: left;
}
#yeug-footer .property ul,
#yeug-footer .property ol {
 width: 50%;
}
#yeug-footer .also {
/* float: left;*/
 width: 420px;
 margin-right: 10px; 
 
 /* NEW */
 overflow: hidden;
 display: inline-block; 
}
#yeug-footer .also ul,
#yeug-footer .also ol {
 /*width: 33%; */
 /* NEW */
 width: 140px;
}
#yeug-footer,
#yeug-footer div,
#yeug-footer .property,
#yeug-footer .also, 
#yeug-footer .functions {
 zoom: 1;
}
#yeug-footer .property,
#yeug-footer .also, 
#yeug-footer .functions {
 float: left;
 vertical-align: top;
}
#yeug-footer .elsewhere .functions {
/* float: left; */
 border-left: 1px solid;
 
 /* NEW */
 overflow: hidden;
 display: inline-block;
 width: 155px;
 
}
/* HACK: Equal-height columns
 Based on http://www.positioniseverything.net/articles/onetruelayout/equalheight*/
/*#yeug-footer .elsewhere div {
 overflow: hidden;
}
#yeug-footer .elsewhere .property,
#yeug-footer .elsewhere .functions {
 padding-bottom: 32767px;
 margin-bottom: -32767px;
}
 */
/* HACK: Easy clearing */
/*#yeug-footer .elsewhere div::after { 
 content: "."; 
 display: block; 
 height: 0; 
 font-size: 0;
 clear: both; 
 visibility: hidden; 
} */
/*#yeug-footer .elsewhere div { 
 display: inline-block; 
}
#yeug-footer .elsewhere div { 
 display: block; 
} */
/* HACK: Easy clearing */
#yeug-footer .elsewhere div::after { 
 content: "."; 
 display: block; 
 height: 0; 
 font-size: 0;
 clear: both; 
 visibility: hidden; 
}
#yeug-footer .ad {
 font-size: 85%;
 margin: 10px 0;
 padding: 6px 10px;
}
#yeug-footer div.legal {
 font-size: 85%;
 line-height: 1.3;
 margin: 0;
}
#yeug-footer .legal a {
 font-weight: bold;
}
#yeug-footer .legal em {
 text-transform: uppercase;
}
#yeug-footer .legal em.new {
 text-transform: none;
 font-style: normal;
}
#yeug-footer .legal a:hover em.new {
 text-decoration: underline;
}
#yeug-footer .legal .copy,
#yeug-footer .legal ul,
#yeug-footer .legal li {
 display: inline;
}
#yeug-footer .legal li {
 padding: 0 3px 0 6px;
 border-left: 1px solid;
}
#yeug-footer .legal li.first-child {
 border: 0;
 padding-left: 0;
}
#yeug-footer .partner {
 font-size: 85%;
}
#yeug-footer {
 clear: both;
 margin: 0 4px;
 padding-bottom: 5px;
}
/* HACK: IE6 and IE7: Force hasLayout: */
.mod {
 display: inline-block;
}
.mod {
 display: block;
}
.mod {
 margin-bottom: 10px;
 padding: 10px;
}
/* Easy clearing: */
.mod,
.mod .hd,
.mod .bd,
.mod .ft,
.mod .top,
.mod .content,
.mod .bottom {
 display: inline-block;
}
.mod,
.mod .hd,
.mod .bd,
.mod .ft,
.mod .top,
.mod .content,
.mod .bottom {
 display: block;
}
.mod:after,
.mod .hd:after,
.mod .bd:after,
.mod .ft:after,
.mod .top:after,
.mod .content:after,
.mod .bottom:after {
 content:" ";
 display: block;
 clear: both;
}
.mod .hd {
 padding-bottom: 10px;
}
.mod .ft {
 padding-top: 10px;
}
.mod img {
 border: 1px solid;
}
.uvp .bd {
 margin-left: -10px;
 margin-right: -10px; 
}
/* Center the viewport: */
.uvp #y_embed {
 margin: 0 auto;
 text-align: center;
}
.uvp #y_up_embedSwf {
 /* Hide superfluous up next message: */
 height: 27px;
 /* Do not allow 8px extra: */
 width: 100%;
}
/* Remove superfluous spacing round the viewport: */
.uvp .yup-T1,
.uvp .yup-T2,
.uvp .yup-T3,
.uvp .yup-T4,
.uvp .yup-T5,
.uvp .yup-T6,
.uvp .yup-M1,
.uvp .yup-M2,
.uvp .yup-MW {
 display: none;
}
/* HACK: Override #ffffff background set with STYLE attribute: */
/* TODO: Remove the STYLE attribute in the JS layer. */
.uvp .yup-traycontent {
 background-color: transparent !important;
}
.uvp .playlist-container {
 text-align: center;
}
.uvp .playlist-container table {
 margin: 0 auto;
 text-align: left;
}
/* Styles for transcript links overlay. */
.yup-playercontent .overlay caption,
.yup-playercontent .overlay .title a span,
.yup-playercontent .overlay .title span span,
.yup-playercontent .overlay thead,
.yup-playercontent .overlay thead tr,
.yup-playercontent .overlay th {
 height: 1px;
 left: -99999%;
 margin: 0;
 padding: 0;
 position: absolute;
}
.yup-playercontent .overlay .title a {
 display: block;
}
.yup-playercontent .overlay .transcript {
 width: 25px;
 vertical-align: bottom;
}
.yup-playercontent .overlay .transcript a {
 margin-bottom: 2px;
}
.yup-playercontent .overlay caption {
 border: none;
 display: block;
 font-size: 0px;
 left: -9999%;
 position: absolute;
}
.yup-playercontent {
 position: relative;
}
.yup-playercontent .overlay {
 position: absolute;
}
/** 
 * HACK: Safari: WebKit does not respect off-screen positioning of THEAD:
 * https://bugs.webkit.org/show_bug.cgi?id=15845
 * So we hide it with "display: none;".
 * VoiceOver doesn't read thead when positioned off-screen anyhow, so
 * this doesn't currently reduce the accessibility of the table.
 * We do the right thing and make sure "display: none;" is only set for
 * on-screen media types.
*/
/* TODO: Test in Safari 3. */
 .yup-playercontent .overlay.webkit-off-screen-hack caption,
 .yup-playercontent .overlay.webkit-off-screen-hack thead {
 display: none;
 }
}
/* HACK: IE6 and IE7: Force hiding of CAPTION: */
 .yup-playercontent .overlay caption {
 *color: transparent;
 }
}
.uvp .playlist-container table caption {
 font-size: 108%;
 margin: 0 0 8px 0;
}
.uvp .playlist-container table th {
 font-weight: bold;
}
.uvp .playlist-container table .title,
.uvp .playlist-container table .duration,
.uvp .playlist-container table .description,
.uvp .playlist-container table .status {
 padding: .2em 10px;
 border-right: 1px solid;
}
.uvp .playlist-container table .title {
/* padding-left: 0;*/
}
.uvp .playlist-container table .status {
 border-right: none;
}
/* Round corners: */
.uvp .playlist-container .cta,
.uvp .playlist-container a.cta,
.uvp .playlist-container .cta span {
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.uvp .playlist-container .cta {
 font-weight: bold;
 padding-right: 6px;
 white-space: nowrap;
}
/* HACK: IE6 and IE7: Force pointer cursor over CTA. */
.uvp .playlist-container a.cta {
 cursor: pointer;
}
.uvp .playlist-container .cta,
.uvp .playlist-container .cta span {
 /* TODO: Move IE hack to IE hacks. */
 zoom: 1;
 position: relative;
 display: block;
}
/* Now Playing indicator: */
.uvp .playlist-container .cta,
.uvp .playlist-container .cta span {
 background-repeat: no-repeat;
 background-position: bottom right;
}
.uvp .playlist-container a.cta:active,
.uvp .playlist-container a.cta:focus,
.uvp .playlist-container a.cta:hover {
 text-decoration: underline;
}
.uvp .playlist-container .cta span {
 background-position: bottom left;
 padding-bottom: 4px;
}
.uvp .playlist-container .cta span span {
 background-position: top right;
 padding-bottom: 0;
 padding-right: 4px;
 margin-right: -4px;
}
.uvp .playlist-container .cta span span span {
 background-position: top left;
 margin-right: 0;
 padding: 4px 0 2px 32px;
}
.mod.videos .bd {
 margin-left: -10px;
 margin-right: -10px;
}
.mod.videos .player-chrome p {
 padding-left: 10px;
 padding-right: 10px;
}
.mod.videos th {
 border-bottom: 1px dotted #fff;
 color: #00ccff;
 font-weight: bold;
 font-size: 110%;
 padding: .5em 10px;
 vertical-align: top; 
}
.mod.videos th.item span.label {
 position: absolute;
 left: -99999em;
}
.mod.videos th.title {
 padding-left: 90px;
}
.mod.videos td {
 border-bottom: 1px dotted #fff;
 padding: .5em 10px;
 vertical-align: top; 
}
.mod.videos td.title {
 width: 175px;
}
.mod.videos td.title a,
.mod.videos td.title span.linkless {
 display: inline-block;
}
.mod.videos td.title a,
.mod.videos td.title span.linkless {
 display: block;
 padding-left: 80px;
 min-height: 51px;
 min-width: 175px;
 _width: 175px;
 position: relative;
}
.mod.videos table.playlist tr td.title button,
.mod.videos table.playlist tr td.title button.focus,
.mod.videos table.playlist tr td.title button:focus,
.mod.videos table.playlist tr td.title button:active,
.mod.videos table.playlist tr td.title button.active,
.mod.videos table.playlist tr td.title button:hover,
.mod.videos table.playlist tr td.title button.hover
.mod.videos table.playlist tr td.title button.disabled,
.mod.videos table.playlist tr td.title button:disabled, 
.mod.videos table.playlist tr.paused td.title button,
.mod.videos table.playlist tr.paused td.title button.focus,
.mod.videos table.playlist tr.paused td.title button:focus,
.mod.videos table.playlist tr.paused td.title button:active,
.mod.videos table.playlist tr.paused td.title button.active,
.mod.videos table.playlist tr.paused td.title button:hover,
.mod.videos table.playlist tr.paused td.title button.hover
.mod.videos table.playlist tr.paused td.title button.disabled,
.mod.videos table.playlist tr.paused td.title button:disabled, 
.mod.videos table.playlist tr.playing td.title button,
.mod.videos table.playlist tr.playing td.title button.focus,
.mod.videos table.playlist tr.playing td.title button:focus,
.mod.videos table.playlist tr.playing td.title button:active,
.mod.videos table.playlist tr.playing td.title button.active,
.mod.videos table.playlist tr.playing td.title button:hover,
.mod.videos table.playlist tr.playing td.title button.hover
.mod.videos table.playlist tr.playing td.title button.disabled,
.mod.videos table.playlist tr.playing td.title button:disabled {
 -moz-appearance: hyperlink;
 -webkit-appearance: hyperlink;
 background-color: transparent;
 color: #fdbb2f;
 cursor: pointer;
}
#yeug-content .mod.videos table.playlist tr td.title button.disabled,
#yeug-content .mod.videos table.playlist tr td.title button:disabled,
#yeug-content .mod.videos table.playlist tr.paused td.title button.disabled,
#yeug-content .mod.videos table.playlist tr.paused td.title button:disabled,
#yeug-content .mod.videos table.playlist tr.playing td.title button.disabled,
#yeug-content .mod.videos table.playlist tr.playing td.title button:disabled {
 cursor: auto;
}
#yeug-content .mod.videos table.playlist tr td.title button.disabled,
#yeug-content .mod.videos table.playlist tr td.title button:disabled, 
#yeug-content .mod.videos table.playlist tr.paused td.title button.disabled,
#yeug-content .mod.videos table.playlist tr td.title button.disabled, 
#yeug-content .mod.videos table.playlist tr.playing td.title button.disabled,
#yeug-content .mod.videos table.playlist tr.playing td.title button:disabled {
 color: #fff;
}
.mod.videos td.title button:after,
.mod.videos td.title a:after,
.mod.videos td.title span:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.mod.videos td.title a img,
.mod.videos td.title span.linkless img {
 position: absolute;
 top: 0;
 left: 0;
}
.mod.videos table {
 background-color: #202020;
 margin-top: 1em;
}
.mod.videos table button {
 display: inline-block;
}
.mod.videos table button {
 display: block;
 font-family: arial,helvetica,clean,sans-serif;
 font-size: 100%;
 font-weight: normal;
 border: 1px solid green;
/* position: relative;*/
 background: transparent;
 padding: 0;
 margin: 0;
 border: 0;
 -moz-box-sizing: content-box;
 text-align: left;
 vertical-align: top;
 white-space: normal;
 overflow: visible;
}
.mod.videos td.title button span {
 display: block;
 float: left;
}
.mod.videos td.title button span span {
}
.mod.videos tr.last td {
 border-bottom: 0;
}
.mod.videos table .title button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
.mod.videos table button.enabled.focus,
.mod.videos table button.enabled.hover,
.mod.videos table button.enabled:focus,
.mod.videos table button.enabled:hover,
.mod.videos table button.enabled:active {
 text-decoration: underline;
 
}
.mod.videos table button.disabled {
 color: #fff;
}
.mod.videos table .title button {
 padding-left: 23px; /* 20px icon + 3px padding */
 background-repeat: no-repeat;
 background-position: top left;
}
.mod.videos table button img {
 cursor: pointer;
 margin-right: 10px;
 float: left;
}
.mod.videos tr.playing td {
 background: #000
}
.mod.videos .off-screen {
 width: 0;
 height: 0;
}
.mod.videos .preroll {
 border: 0;
 margin: 0;
 padding: 0;
 zoom: 1;
}
.mod.videos .preroll button {
 border: 1px solid white;
 margin: 0;
 padding: 0;
 color: white;
 display: block;
 font-family: arial,helvetica,clean,sans-serif;
 font-size: 100%;
 font-weight: normal;
 background: transparent;
 -moz-appearance: normal;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 text-align: left;
 vertical-align: top;
 white-space: normal;
 overflow: visible;
 position: relative;
 width: 638px;
 zoom: 1;
}
.mod.videos .preroll button::-moz-focus-inner {
 border: 0;
 padding: 0;
} 
.mod.videos .preroll button.focus {
 outline-width: 1px;
 outline-style: solid;
}
.mod.videos .preroll img {
 border: 0;
 display: block;
 margin: 0;
 padding: 0;
}
.mod.videos .preroll button span {
 border: 0;
 margin: 0;
 padding: 10px 10px 10px 36px; /* +23px for button + 3px for extra padding. */
 background-repeat: no-repeat;
 background-position: 10px 10px;
 background-color: black;
 font-size: 130%;
 opacity: .8;
 /* Vendor specific opacity: */
 -moz-opacity: .8;
 -webkit-opacity: .8;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
 /* HACK: IE6 and IE7: Filter: */
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
 display: block;
 position: absolute;
 bottom: 0;
 left: 0;
 zoom: 1;
}
.mod.videos .preroll button.focus,
.mod.videos .preroll button.hover,
.mod.videos .preroll button.active,
.mod.videos .preroll button:focus,
.mod.videos .preroll button:hover,
.mod.videos .preroll button:active
 {
 cursor: pointer;
 border: 1px solid #fdbb2f;
 color: #fdbb2f;
 text-decoration: underline;
}
.mod.videos p {
 margin-top: 1em;
}
 
.mod.videos .slot {
 color: #00ccff;
}
 
.mod.poll legend,
.mod.poll legend span {
 position: absolute;
 left: -9999em;
 text-indent: -9999em;
}
/*Poll results*/
#yeug-content .mod.poll-results p.summary {
 text-align: right;
 font-weight: bold;
 margin: 1em 0;
}
#yeug-content .mod.poll-results dt,
#yeug-content .mod.poll-results dd {
 float: left;
 margin: 8px 8px 0 0;
 line-height: 175%;
}
#yeug-content .mod.poll-results dt {
 width: 200px;
 text-align: right;
 clear: both;
}
#yeug-content .mod.poll-results dd {
 width: 300px;
 font-weight: bold;
}
#yeug-content .mod.poll-results dd.votes {
 float: right;
 margin-right: 0;
 width: auto;
}
.mod.poll-results .bar {
 float: left;
 height: 23px;
 margin-right: 8px;
 background-repeat: repeat-x;
 position: relative;
}
#yeug-content .mod.poll-results .bar .left, 
#yeug-content .mod.poll-results .bar .right {
 height: 23px;
 width: 2px;
 position: absolute; left: -1px;
}
.mod.poll-results .bar .left {
 background-repeat: no-repeat;
}
.mod.poll-results .bar .right {
 position: absolute; right: -1px; left: auto;
 background-repeat: no-repeat;
}
/* YSM Sponsored Links */
#ysm-links {
 overflow:hidden;
}
#ysm-links dt {
 border-top:1px solid;
 margin-top:5px;
 padding-top:5px;
}
#ysm-links dt.first {
 padding-top:0;
 margin-top:0;
 border-top:0;
}
#ysm-links dd, 
#ysm-links dt,
#ysm-links dd a {
 font-size: 93%; 
}
#ysm-links dd.desc a {
 font-size:100%;
}
#ysm-links dd.desc a:hover {
 text-decoration:none;
}
/* Gallery slide info module: */
.slide-info {
 float: right;
}
.slide-info .related-galleries ul {
 float: left;
 background: #000;
 color: #fff;
 padding: 10px 3px;
}
.slide-info .related-galleries li {
 float: left;
 margin: 0;
 width: 137px;
 padding: 75px 0 0 0;
 position: relative;
} 
.slide-info .related-galleries li ul {
 float: left;
 position: absolute;
 margin: 0; 
 padding: 0;
 top: 10px;
 left: 0;
}
.slide-info .related-galleries li li {
 float: left;
 padding: 0 3px;
 position: static;
 width: 55px;
}
.slide-info .related-galleries li h4 {
 padding-left: 3px;
 padding-right: 3px;
}
.mod.slide-info {
 margin-left: -10px;
}
 
/* Default to no chrome: */
#yeug-content .chrome {
 padding: 0;
 margin: 0;
}
#yeug-content {
 margin-bottom: 10px;
}
#yeug-content .mod h2 {
 font-size: 120%;
}
#yeug-related .mod h2 { 
 font-size: 108%;
}
#yeug-related .mod h3 {
 font-size: 100%;
} 
/* Base module*/
#yeug-content .mod {
 clear: both;
/* padding: 8px; */
}
/*#yeug-content .mod .hd,
#yeug-content .mod .bd,
#yeug-content .mod .ft {
 padding: 0 8px;
}*/
#yeug-content .mod .ft { 
 clear: both;
}
/* Half-width modules */
#yeug-content .mod.mini,
#yeug-content .mod.related {
 /* Old DTK: 312px */
 width: 295px;
 float: left;
 clear: none;
}
/* HACK: IE float margin doubling fix */
#yeug-content .mod.mini,
#yeug-content .mod.related {
 display: inline;
}
/* Columns: */
#yeug-content .column div.mod {
 margin-bottom: 10px;
}
#yeug-content .column {
 margin-left: 8px;
}
/* TODO: IE6 misreads this as #yeug-content .first :( */
/*#yeug-content .column.first {
 margin-left: 0;
}
*/
/* HACK: Force IE to render .hd and .ft even when they have no conten: */
#yeug-content .mod .hd, 
#yeug-content .mod .ft,*/
/*HACK: IE crops floated boxes pulled outside the content area using -ve margins.*/
#yeug-content .ft a.more {
 position: relative;
}
/* Cross-browser rounded corners: */
/*
#yeug-content .mod {
 padding-right: 8px;
}
#yeug-content .mod .hd { 
 margin-right: -8px;
 padding-right: 8px;
 background-position: top right;
}
#yeug-content .mod .hd div {
 padding: 7px 0 0 8px;
 background-position: top left;
}
#yeug-content .mod .hd div div {
 padding: 0;
 background: none;
}
#yeug-content .mod .bd {
 padding-left: 8px;
 margin-top: -4px;
 border-left: 1px solid;
}
#yeug-content .mod .ft { 
 padding: 0 0 8px 8px;
 background-position: bottom left;
}
*/
/*#yeug-content div.chrome div.mod {
 padding: 8px;
}*/
#yeug-content .mod h1,
#yeug-content .mod h2 {
 font-size: 123.1%;
}
/* Images */
#yeug-content .mod .hd div img {
 border: 0;
 float: right;
}
#yeug-content .mod .full-image {
 margin-top: 20px;
 text-align: center;
}
#yeug-content .mod .full-image .meta {
 font-size: 77%;
}
#yeug-content .mod.mini h2 img.promo {
 margin-right: 8px;
}
#yeug-content .column {
 float: left;
 width: 313px;
}
/* HACK: IE6 */
/** html #yeug-content .column {
margin-left: -8px;
}*/
/* Combined rules for corners: */
/*#yeug-content .column .hd,
#yeug-content .column .bd p,
#yeug-content .column .ft,
#yeug-content .column .mini .hd,
#yeug-content .column .mini .bd,
#yeug-content .column .mini .ft {
 padding: 8px;
}*/
/*#yeug-content .column .bd,
#yeug-content .column .mini .bd,
#yeug-content .column .ft,
#yeug-content .column .mini .ft {
 padding-top: 0;
}*/
#yeug-content .column img {
 float: left;
 border: none;
}
#yeug-content .column .bd ul {
 margin: 8px 8px;
 padding: 0 0 0 16px;
}
#yeug-content .column .bd ul li {
 list-style: disc;
 margin: 4px 0;
}
/* Read more arrow: */
#yeug-content .column .ft a {
 padding-left: 10px;
 background-repeat: no-repeat;
 background-position: center left;
}
#yeug-content .column .mini {
 border-top: 1px solid;
}
 
#yeug-content .column .mini h2 {
 font-size: 116%;
 
}
#yeug-content .column .mini img {
 margin: 0 8px 8px 0;
}
#yeug-content .column .mini .bd {
 border-top: 0;
}
/* HACK: IE lte 8 force hasLayout: */
#yeug-content .column .mini .bd {
 *display: inline-block;
}
#yeug-content .column .mini .bd {
 *display: block;
}
#yeug-content .column .mini .bd:after { 
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
} 
#yeug-content .column .mini .bd p {
 padding: 0;
}
#yeug-content .column .promo .bd {
 border-top: 1px solid;
}
#yeug-content .column .promo .ft {
 margin-top: -8px;
 padding: 8px;
}
 
#yeug-content div.first {
 margin-left: 9px;
}
/* HACK: IE6 */
* html #yeug-content div.first {
 margin-left: 0;
}
#yeug-content .mod div.first {
 margin-left: 0;
}
#yeug-content div.first .promo .bd,
#yeug-content div.first .promo .ft,
#yeug-content div.first .mini .hd,
#yeug-content div.first .mini .bd {
 border-right: 1px solid;
}
.feature #yeug-content {
 padding-bottom: 12px;
}
#yeug-content #flashpromo.mod {
 padding-left: 0;
 padding-right: 0;
}
/*Related content links */
#yeug-content .related li {
 padding: 3px 0;
}
#yeug-content .related li.last-child {
 border-bottom: 0;
}
/* Corners */
/*.feature #yeug-content .mod,
.feature #yeug-content .mod .hd,
.feature #yeug-content .mod .hd div,
.feature #yeug-content .mod .bd,
.feature #yeug-content .mod .bd .top,
.feature #yeug-content .mod .bd .top div,
.feature #yeug-content .mod .bd .bottom,
.feature #yeug-content .mod .ft {
 background: none;
 border: none;
}
*/
/*.feature #yeug-content div.chrome {
 padding: 9px 12px 0;
 margin-bottom: 0;
 background: #000 no-repeat top center;
}*/
#yeug-content .mod.promo h2 a {
 display: block;
}
#yeug-content h2,
#yeug-content .promo.mini h2 {
 font-size: 122%;
}
#yeug-content .promo h2 {
 font-size: 152%;
}
#yeug-content .mod.promo .hd img.promo,
#yeug-content .mod.promo .hd .promo img {
 border: 1px solid;
}
.feature #yeug-content .image-promo .content img {
 border: none;
}
#yeug-content .mod.promo .bd {
 padding-top: 0;
}
/*!TODO: Fix IE7 .mod.promo.mini headers*/
#yeug-content .mod.promo .hd div::after {
 clear: none;
}
#yeug-content .mod.promo h2 {
 padding-top: 8px;
 margin-bottom: 10px;
}
#yeug-content .mod.promo.mini h2 {
 margin-bottom: 0;
}
#yeug-content .mod.promo h2 a {
 display: block;
}
#yeug-content .mod.promo .promo {
 float: left;
 margin-right: 16px;
}
#yeug-content .mod.promo ul.more {
 margin-top: 5px;
}
#yeug-content .mod.promo ul.more {
 /*HACK: Force IE to render li borders within ul, not behind floats */
 display: inline-block;
}
#yeug-content .mod.promo ul.more li {
 border-bottom: 1px dotted; 
}
#yeug-content .mod.promo ul.more li.last-child {
 border-bottom: 0;
}
/* Content footers */
#yeug-content .ft {
 overflow: hidden;
}
#yeug-content .ft a.more {
 float: right;
 /* margin: 10px 0 -7px;*/
 padding: 8px 9px 6px 8px;
 font-size: 92%;
}
#yeug-content .uvp #y_embed {
 margin-top: 10px;
}
#yeug-content .uvp #y_embed .yup-table {
 margin: 0 auto;
}
#yeug-content .uvp .playlist-container table {
 /* Old DTK: 638px */
 width: 640px;
}
.uvp .playlist-container table .title {
 min-width: 200px;
}
#yeug-content .article p,
#yeug-content .article ul,
#yeug-content .article ol {
 margin: 1.5em 0;
 line-height: 1.5;
}
#yeug-content .article img {
 float: right;
 margin: 8px 0 10px 8px;
}
#yeug-content .article img.alt {
 float: left;
 margin: 8px 10px 8px 0;
}
#yeug-content .article p.first img,
#yeug-content .article p.first img.alt {
 margin-top: 0;
}
#yeug-content .article p,
#yeug-content .article ul,
#yeug-content .article ol {
 margin: 1.5em 0;
 line-height: 1.5;
}
#yeug-content .article img {
 float: right;
 margin: 0 0 4px 8px;
}
#yeug-content .article img.alt {
 float: left;
 margin: 0 12px 4px 0;
}
/* Read more arrow: */
#yeug-content .article li a {
 padding-left: 10px;
 background: transparent no-repeat center left;
}
#yeug-content .hentry p,
#yeug-content .hentry ul,
#yeug-content .hentry ol {
 margin: 1.5em 0;
 line-height: 1.5;
}
#yeug-content .hentry img {
 float: right;
 margin: 8px 0 10px 8px;
}
#yeug-content .hentry img.alt {
 float: left;
 margin: 8px 10px 8px 0;
}
#yeug-content .hentry p.first img,
#yeug-content .hentry p.first img.alt {
 margin-top: 0;
}
#yeug-content .hentry p,
#yeug-content .hentry ul,
#yeug-content .hentry ol {
 margin: 1.5em 0;
 line-height: 1.5;
}
#yeug-content .hentry img {
 float: right;
 margin: 0 0 4px 8px;
}
#yeug-content .hentry img.alt {
 float: left;
 margin: 0 12px 4px 0;
}
/* Read more arrow: */
#yeug-content .hentry li a {
 padding-left: 10px;
 background: transparent no-repeat center left;
}
#yeug-content .amazon {
 clear: both;
 padding: 16px 0 8px;
 text-align: center;
}
#yeug-content .amazon img {
 border: 0;
}
#yeug-content #ytv-listings {
/* margin: 0 8px 8px;*/
}
/*#yeug-content #ytv-listings.mod {
 margin: 0 5px 10px;
}
*/
#yeug-content #ytv-listings.mod .bd {
 margin-left: -10px;
 margin-right: -10px;
}
#yeug-content #ytv-listings 
/* Style focus same as hover. */
#yeug-content #ytv-listings h1 a:focus,
#yeug-content.showing h2 a:focus {
 text-decoration: underline;
}
#yeug-content #ytv-listings .now-links .now a:focus {
 text-decoration: underline;
}
#yeug-content #ytv-listings .slices a:focus {
 text-decoration: underline;
}
#yeug-content #ytv-listings.find-channels .jump-nav li a:focus {
 text-decoration: underline;
}
#yeug-content #ytv-listings.find-channels .bd div li a:focus {
 text-decoration: underline;
}
#yeug-content #ytv-listings a.back:focus {
 text-decoration: underline;
}
#yeug-content #ytv-listings .hd {
 background-repeat: repeat-x;
 background-position: center top;
 margin: 0 -7px 8px;
 padding: 0 7px;
 position: relative;
}
#yeug-content #ytv-listings.mod .hd {
 margin: 0 -8px 0 0;
 padding: 0 8px 0 0;
}
#yeug-content #ytv-listings .hd h1,
#yeug-content #ytv-listings .hd h2 {
 float: left;
 font-size: 100%;
 margin: 9px 0;
 padding: 0 0 6px;
}
#yeug-content #ytv-listings.mod .hd h2 {
 color: inherit;
 font-size: 122%;
 margin: 0;
 padding: 8px 0 0;
}
#yeug-content #ytv-listings h1 .group,
#yeug-content #ytv-listings h1 .channel,
#yeug-content.showing h2 .channel {
 font-size: 128%;
 font-weight: bold;
}
#yeug-content #ytv-listings h1 .date,
#yeug-content.showing h2 .date {
 font-size: 107.4%;
 font-weight: bold;
}
#yeug-content #ytv-listings .hd .channel .region {
 font-weight: normal;
 font-size: 78.125%;
}
#yeug-content #ytv-listings .hd img {
 border: 0;
 float: left;
 margin-right: 3px;
}
#yeug-content #ytv-listings .back {
 background-repeat: no-repeat;
 background-position: center left;
 float: right;
 font-size: 85%;
 margin: 1px 0;
 padding-left: 16px;
}
#yeug-content #ytv-listings .now-links h2,
#yeug-content #ytv-listings .days h2,
#yeug-content #ytv-listings .slices h2 {
 left: -9999em;
 position: absolute;
}
#yeug-content #ytv-listings .now-links {
 float: right;
 margin-top: 6px;
}
#yeug-content #ytv-listings.mod .now-links {
 margin-top: 0.2em;
}
#yeug-content #ytv-listings .controls .current {
 border-bottom: 2px solid;
}
#yeug-content #ytv-listings .now-links a {
 border-top: 1px solid transparent;
 border-radius: 3px;
 /* HACK: Fx2 needs an extra 1px in order to curve the top-right border. */
 -moz-border-radius: 4px;
 -webkit-border-radius: 3px;
 display: block;
 margin: 0;
 padding: 2px 4px 3px;
}
#yeug-content #ytv-listings .now-links .now a {
 background-repeat: repeat-x;
 background-position: 0% 50%;
}
#yeug-content #ytv-listings .days,
#yeug-content #ytv-listings .find-modes {
 clear: both;
}
#yeug-content #ytv-listings .days li,
#yeug-content #ytv-listings .find-modes li {
 border-bottom: 1px solid transparent;
 display: block;
 float: left;
}
#yeug-content #ytv-listings .days a,
#yeug-content #ytv-listings .days .current span,
#yeug-content #ytv-listings .find-modes a,
#yeug-content #ytv-listings .find-modes .current span {
 border: 1px solid transparent;
 border-bottom-width: 0;
 border-top-left-radius: 4px;
 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 -moz-border-radius-topright: 4px;
 -webkit-border-top-right-radius: 4px;
 display: block;
 margin: 0 2px -1px;
 padding: 2px 4px 5px;
}
#yeug-content #ytv-listings .days a:hover,
#yeug-content #ytv-listings .days a:focus,
#yeug-content #ytv-listings .find-modes a:hover,
#yeug-content #ytv-listings .find-modes a:focus {
 border-bottom: 1px solid;
 margin-bottom: -2px;
 padding-bottom: 4px;
}
#yeug-content #ytv-listings .days .first-child a,
#yeug-content #ytv-listings .days .last-child a {
 background-repeat: no-repeat;
 background-position: center left;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 display: block;
 height: 1.3em;
 margin-top: 0.2em;
 padding: 0;
 text-indent: -9999em;
 width: 1.3em;
 
}
#yeug-content #ytv-listings .days .first-child a,
#yeug-content #ytv-listings .days .last-child a,
#yeug-content #ytv-listings .days .first-child a,
#yeug-content #ytv-listings .days .last-child a {
 border-bottom: 1px solid transparent;
 padding: 0;
 margin-bottom: -1px;
}
/* Counter first-child's border */
#yeug-content #ytv-listings .days .first-child a {
 margin-left: 0;
}
#yeug-content #ytv-listings .days .last-child a {
 background-position: center right;
}
#yeug-content #ytv-listings .slices a,
#yeug-content #ytv-listings .slices .current {
 display: block;
 border: 1px solid transparent;
 border-top-left-radius: 3px;
 -webkit-border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 -webkit-border-top-right-radius: 3px;
 font-size: 85%;
 float: left;
 margin: 3px 6px 0 0;
 padding: 3px 5px;
}
/* Groups/regions */
#yeug-content #ytv-listings .groups,
#yeug-content #ytv-listings .regions {
 margin: 4px 0 4px;
}
#yeug-content #ytv-listings .groups h2,
#yeug-content #ytv-listings .regions h2 {
 color: inherit;
 display: inline;
 font-size: 100%;
 font-weight: normal;
 line-height: 1.6;
}
#yeug-content #ytv-listings .regions h2 {
 display: block;
 margin-top: -1px;
}
#yeug-content #ytv-listings .groups ol,
#yeug-content #ytv-listings .regions ol {
 display: inline;
}
#yeug-content #ytv-listings .groups li,
#yeug-content #ytv-listings .regions li {
 display: inline;
 line-height: 1.6;
 margin: 0;
 padding: 0 16px 0 0;
}
#yeug-content #ytv-listings .groups .find {
 border-left: 1px solid;
 margin: 0;
 padding: 0 16px;
}
/* Grid */
/*#yeug-content #ytv-listings.mod .bd {
 margin: 0 -6px 0 -5px;
}*/
#yeug-content #ytv-listings .controls {
 margin: -2em 2px 0 0;
 padding: 0 4px;
 position: relative;
 top: 5.7em;
}
/* 
 * HACK: Fx: Force the "Find a channel link" to clear the floats
 * of the days.
 */
#yeug-content #ytv-listings .controls {
 clear: left;
}
/* 
 * HACK: Opera: Force the "Find a channel link" to clear the floats
 * of the days.
 */
#yeug-content #ytv-listings .controls {
 overflow: hidden;
 width: 631px; /* Old DTK: 634px */
}
#yeug-content #ytv-listings.mod .controls {
 top: 3.9em;
}
#yeug-content #ytv-listings .controls a {
 font-size: 93%;
 line-height: 2.2;
}
#yeug-content #ytv-listings .controls h2 {
 left: -9999em;
 position: absolute;
}
#yeug-content #ytv-listings .controls .modes {
 position: absolute;
 right:0;
 top: 0;
}
#yeug-content #ytv-listings .controls li,
#yeug-content #ytv-listings .controls li a {
 float: left;
}
#yeug-content #ytv-listings .controls li a {
 background-repeat: no-repeat;
 background-position: 4px 7px;
 border: 1px solid transparent;
 margin: 0 4px;
 padding: 0 6px 0 24px;
}
#yeug-content #ytv-listings .controls li.by-hour {
 background-position: -182px -84px;
}
#yeug-content #ytv-listings .controls li.by-hour a {
 background-position: 4px -82px;
}
#yeug-content #ytv-listings .controls .current {
 background-repeat: no-repeat;
 background-position: -182px 5px;
 border: 1px solid transparent;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 -moz-border-radius-topleft: 3px;
 -webkit-border-top-left-radius: 3px;
 -moz-border-radius-topright: 3px;
 -webkit-border-top-right-radius: 3px;
 font-size: 93%;
 line-height: 1.7;
 margin: 2px 4px 0;
 padding: 0 6px 0.2em 24px;
}
#yeug-content #ytv-listings .grid h2,
#yeug-content #ytv-listings .grid-by-hour .channel th,
#yeug-content #ytv-listings.mod .grid h3,
#yeug-content #ytv-listings.find-channels .bd div li {
 background-repeat: repeat-x;
 background-position: bottom center;
 /* Old DTK: 102px */
 width : 97px;
}
#yeug-content #ytv-listings.find-channels .bd div li {
 width : 98px;
}
#yeug-content #ytv-listings .grid h2,
#yeug-content #ytv-listings.mod .grid h3,
#yeug-content #ytv-listings.find-channels .bd div li {
 clear: left;
 float: left;
 font-size: 100%;
 height: 3.90em;
}
#yeug-content #ytv-listings .grid h2 img,
#yeug-content #ytv-listings .grid-by-hour h2 img,
#yeug-content #ytv-listings.mod .grid h3 img,
#yeug-content #ytv-listings.mod .grid-by-hour h3 img,
#yeug-content #ytv-listings.find-channels .bd div li img {
 border: 0;
 display: block;
 margin-bottom: 4px;
}
#yeug-content #ytv-listings.find-channels .bd div li {
 clear: none;
 margin: 0 1px 1px 0;
}
#yeug-content #ytv-listings.mod .grid h3,
#yeug-content #ytv-listings.find-channels .bd div li {
/* font-size: 122%;*/
}
#yeug-content #ytv-listings .grid h2 .channel-name,
#yeug-content #ytv-listings .grid-by-hour .channel th .channel-name,
#yeug-content #ytv-listings.mod .grid h3 .channel-name,
#yeug-content #ytv-listings.find-channels .bd div li a {
 display: block;
 font-size: 85%;
 font-weight: bold;
 height: 100%;
 padding: 5px 3px 0;
}
#yeug-content #ytv-listings .grid h2 .channel-name span,
#yeug-content #ytv-listings .grid-by-hour .channel th .channel-name span,
#yeug-content #ytv-listings.mod .grid h3 .channel-name span,
#yeug-content #ytv-listings.find-channels .bd div li a span {
 display: block;
 margin: 2px 0;
 overflow : hidden;
 text-overflow: ellipsis;
 white-space : nowrap;
 width: 96px;
}
#yeug-content #ytv-listings .grid .channel {
 margin: 2px 0 2px;
}
#yeug-content #ytv-listings .grid .channel ol {
 margin-right: 2px;
}
#yeug-content #ytv-listings .grid li {
 background-repeat: repeat-x;
 background-position: bottom center;
 /*HACK: Fix IE6 float margin doubling*/
 display : inline;
 float : left;
 height : 3.90em;
 position : relative;
}
#yeug-content #ytv-listings .grid li a {
 border : 1px solid;
 border-width: 0 1px;
 display: block;
 height: 95%;
 line-height: 1.25;
 margin-left: -1px;
 overflow : hidden;
 padding-top: 4px;
 z-index: 1;
}
#yeug-content #ytv-listings .grid li a .wrap {
 display: block;
 height: 100%;
 margin: 0 4px 4px;
 overflow: hidden;
}
#yeug-content #ytv-listings .grid li a:hover,
#yeug-content #ytv-listings .grid li a:focus {
 border-width: 1px;
 margin-top: -1px;
 overflow: visible;
 position: relative;
 text-decoration: none;
 z-index: 2;
}
#yeug-content #ytv-listings .grid li .chrome,
#yeug-content #ytv-listings .grid li .times {
 left: -9999px;
 line-height: inherit;
 position: absolute;
}
#yeug-content #ytv-listings .grid li .summary {
 display: block;
 font-size: 93%;
 font-weight: bold;
 line-height: 1.25;
 position: static;
}
#yeug-content #ytv-listings .grid li a:hover .summary,
#yeug-content #ytv-listings .grid li a:focus .summary {
 text-decoration: underline;
}
#yeug-content #ytv-listings .grid li a span {
 line-height: inherit;
}
#yeug-content #ytv-listings .grid li a:focus .times,
#yeug-content #ytv-listings .grid li a:hover .times {
 border: 1px solid;
 border-bottom: 0;
 left: -1px;
 padding: 0.3em 0.4em 0 0.3em;
 top: -1.75em;
}
#yeug-content #ytv-listings .grid li a:focus .times .chrome,
#yeug-content #ytv-listings .grid li a:hover .times .chrome {
 position: static;
}
#yeug-content #ytv-listings .grid li .times,
#yeug-content #ytv-listings .grid li .category {
 font-size : 85%;
 line-height: 1.37;
}
#yeug-content #ytv-listings .grid li .times {
 font-weight: bold;
}
#yeug-content #ytv-listings .grid li .category {
 position : static;
}
#yeug-content #ytv-listings .grid li.short-show {
 overflow: visible;
}
#yeug-content #ytv-listings .grid li.short-show a {
 background-repeat: no-repeat;
 background-position: 50% 1em;
}
#yeug-content #ytv-listings .grid li.short-show .wrap {
 text-indent: -999em;
}
#yeug-content #ytv-listings .grid li.short-show a:focus .wrap,
#yeug-content #ytv-listings .grid li.short-show a:hover .wrap {
 border: 1px solid;
 border-bottom: 0;
 height: 1em;
 left: -5px;
 overflow: visible;
 padding: 0.3em 0.3em 0.5em;
 position: absolute;
 text-indent: 0;
 top: 0;
 white-space: nowrap;
 width: auto;
}
#yeug-content #ytv-listings .grid li.short-show a .chrome {
 font-size: 85%;
}
#yeug-content #ytv-listings .grid li.short-show a .wrap .times .chrome {
 color: inherit;
 font-size: 100%;
}
#yeug-content #ytv-listings .grid li.short-show a .chrome,
#yeug-content #ytv-listings .grid li.short-show a .wrap .times .chrome,
#yeug-content #ytv-listings .grid li.short-show a .category {
 background: transparent;
 border: 0;
 display: inline;
 margin: 0;
 padding: 0;
 position: static;
}
#yeug-content #ytv-listings .grid li.short-show a .wrap span .chrome {
 position: absolute;
}
#yeug-content #ytv-listings .grid li.short-show a .summary {
 display: inline;
}
#yeug-content #ytv-listings .time {
 clear: left;
}
#yeug-content #ytv-listings .time-first {
 margin-top: -4px;
 border-bottom: 2em solid;
}
#yeug-content #ytv-listings tr.time {
 border-bottom-width: 2.2em;
}
#yeug-content #ytv-listings .time h2 {
 left: -9999em;
 position: absolute;
}
#yeug-content #ytv-listings .grid .time ol {
 margin: 4px 0 2px 0;
}
#yeug-content #ytv-listings .time li,
#yeug-content #ytv-listings .grid-by-hour .time th,
#yeug-content #ytv-listings .grid-by-hour .time-alt a {
 background-repeat: repeat-x;
 background-position: bottom center;
 border-right: 1px solid;
 font-size: 93%;
 font-weight: bold;
 height: auto;
 padding: 0;
 width: 179px;
}
#yeug-content #ytv-listings .time li.first-child,
#yeug-content #ytv-listings .time th.first-child {
 padding-left: 101px;
 width: 175px; /* Old DTK: 180px */
}
#yeug-content #ytv-listings .time li.last-child,
#yeug-content #ytv-listings .time th.last-child {
 width: 175px; /* Old DTK: 180px */
}
#yeug-content #ytv-listings .grid .time a:hover,
#yeug-content #ytv-listings .grid .time a:focus {
 background: none;
}
#yeug-content #ytv-listings .grid .time a:hover,
#yeug-content #ytv-listings .grid .time a:focus,
#yeug-content #ytv-listings .grid-by-hour .time-alt a:focus,
#yeug-content #ytv-listings .grid-by-hour .time-alt a:hover {
 text-decoration: underline;
}
#yeug-content #ytv-listings .grid .time li span,
#yeug-content #ytv-listings .grid .time a,
#yeug-content #ytv-listings .grid-by-hour .time th span,
#yeug-content #ytv-listings .grid-by-hour .time a,
#yeug-content #ytv-listings .grid-by-hour .time-alt a {
 border: 0;
 display: inline;
 line-height: 2;
 margin : 0 4px;
 padding: 0;
 position: static;
}
#yeug-content #ytv-listings .grid .time .prev {
 border-right: 1px solid;
 height: 100%;
 left: 0;
 margin: 0;
 padding: 0 4px;
 position: absolute;
 text-align: right;
 top: 0;
 width: 93px;
}
#yeug-content #ytv-listings .grid .time .next {
 float: right;
 margin: 0;
 padding: 0 4px;
 position: absolute;
 right: 0;
 text-align: right;
 top: 0;
}
#yeug-content #ytv-listings .grid .time .prev span,
#yeug-content #ytv-listings .grid .time .next span,
#yeug-content #ytv-listings .grid-by-hour .time-alt span {
 font-weight: normal;
 left: -9999em;
 position: absolute;
}
#yeug-content #ytv-listings .grid .time .prev .summary,
#yeug-content #ytv-listings .grid .time .next .summary,
#yeug-content #ytv-listings .grid-by-hour .time-alt li .summary {
 background-repeat: no-repeat;
 background-position: -5px 0.45em;
 font-size: 100%;
 line-height: 2;
 padding: 0 0 0 9px;
 position: static;
}
#yeug-content #ytv-listings .grid .time .next .summary,
#yeug-content #ytv-listings .grid-by-hour .time-alt .next .summary {
 background-position: 124% 0.45em;
 padding: 0 9px 0 0;
}
.fr #yeug-content #ytv-listings .grid .time .next .summary,
.fr #yeug-content #ytv-listings .grid-by-hour .time-alt .next .summary,
.es #yeug-content #ytv-listings .grid .time .next .summary,
.es #yeug-content #ytv-listings .grid-by-hour .time-alt .next .summary {
 background-position: 109% 0.45em;
}
.it #yeug-content #ytv-listings .grid .time .next .summary,
.it #yeug-content #ytv-listings .grid-by-hour .time-alt .next .summary {
 background-position: 107% 0.45em;
}
/* Grid by-hour */
#yeug-content #ytv-listings .grid-by-hour .time-alt {
 position: relative;
 text-align: right;
 width: 100%;
}
#yeug-content #ytv-listings .grid-by-hour .time-alt a {
 display: block;
 position: absolute;
 width: 94px;
}
#yeug-content #ytv-listings .grid-by-hour .time-alt .summary {
 line-height: 2;
}
#yeug-content #ytv-listings .grid-by-hour .time-alt .prev {
 left: -4px;
 padding-right: 8px;
}
#yeug-content #ytv-listings .grid-by-hour .time-alt .next {
 padding-right: 8px;
 right: 0;
}
#yeug-content #ytv-listings .grid-by-hour table {
 clear: both;
 margin-right: 2px;
}
#yeug-content #ytv-listings .grid-by-hour .time th {
 border: 1px solid;
 border-width: 0 0 2px 1px;
 padding: 0;
}
#yeug-content #ytv-listings .grid-by-hour .time .first-child {
 padding: 0 4px;
}
#yeug-content #ytv-listings .grid-by-hour .channel th {
 border: 1px solid;
 border-width: 2px 0;
 vertical-align: top;
}
#yeug-content #ytv-listings .grid-by-hour tbody td {
 background-repeat: repeat-x;
 background-position: bottom center;
 border: 1px solid;
 border-width: 2px 1px;
 padding: 4px 4px 4px 2px;
 vertical-align: top;
}
#yeug-content #ytv-listings .grid-by-hour tbody td ol {
 padding-left: 4em;
}
#yeug-content #ytv-listings .grid-by-hour tbody td li {
 margin-bottom: 4px;
}
#yeug-content #ytv-listings .grid-by-hour .continuing-vevent a {
 font-weight: normal;
}
#yeug-content #ytv-listings .grid-by-hour .continuing {
 font-size: 85%;
 display: block;
 text-transform: lowercase;
}
#yeug-content #ytv-listings .grid-by-hour .continuing .dtstart {
 float: none;
 font-size: 100%;
 margin: 0;
}
#yeug-content #ytv-listings .grid-by-hour .continuation,
#yeug-content #ytv-listings .grid-by-hour .dtstart {
 float: left;
 font-size: 93%;
 margin: 0 5px 0 -4em;
 text-align: right;
 width: 3.7em;
}
#yeug-content #ytv-listings .grid-by-hour .summary {
 font-size: 93%;
 font-weight: bold;
}
#yeug-content #ytv-listings .grid-by-hour .chrome {
 left: -9999em;
 position: absolute;
}
#yeug-content #ytv-listings .grid-by-hour .category {
 display: block;
 font-size: 85%;
}
/* Channel list */
#yeug-content #ytv-listings .slice h2 {
 background-repeat: repeat-x;
 background-position: top center;
 clear: both;
 font-size: 93%;
 font-weight: normal;
 padding: 4px 6px;
}
#yeug-content #ytv-listings .slice h2 span {
 font-weight: bold;
}
#yeug-content #ytv-listings .slice ol {
 padding-left: 70px;
}
#yeug-content #ytv-listings .slice li {
 border-bottom: 1px solid;
 border-top: 1px solid;
 font-size: 93%;
 padding: 6px 100px 5px 4em;
}
#yeug-content #ytv-listings .slice li.first-child {
 border-top: 0;
}
#yeug-content #ytv-listings .slice .dtstart {
 float: left;
 margin-left: -3.4em;
 margin-right: 10px;
}
#yeug-content #ytv-listings .slice .summary {
 float: left;
 font-weight: bold;
}
#yeug-content #ytv-listings .slice .full .summary {
 margin-bottom: 3px;
}
#yeug-content #ytv-listings .slice .chrome {
 left: -9999em;
 position: absolute;
}
#yeug-content #ytv-listings .slice .category {
 float: right;
 font-size: 91.3%;
 margin: 1px -90px 0 0;
 overflow: visible;
 width: 170px;
}
#yeug-content #ytv-listings .slice li p {
 clear: left;
 margin-right: 100px;
}
/* Showing */
#yeug-content.showing .body {
 border-bottom: 1px solid;
 margin: 0 0 8px;
 padding: 0 158px 50px 108px;
}
#yeug-content.showing h1 {
 font-size: 123.1%;
 font-weight: bold;
 margin-top 1.2em;
}
#yeug-content.showing h1 .time {
 float: left;
 margin-left: -4.5em;
 text-align: right;
 width: 4em;
}
#yeug-content.showing h1 .end-time {
 display: block;
 font-size: 81.2%;
 font-weight: normal;
 margin: 0.3em 0;
}
#yeug-content.showing h1 .chrome {
 left: -9999em;
 position: absolute;
}
#yeug-content.showing .category {
 margin: 0.3em 0;
}
#yeug-content.showing h2 {
 font-size: 100%;
 font-weight: bold;
 margin: 0.5em 0 0.5em;
}
#yeug-content.showing .description img {
 float: right;
 margin: 0 -158px 0 8px;
}
#yeug-content.showing .relative-showings {
 margin: 8px 0;
}
#yeug-content.showing .relative-showings .chrome {
 left: -9999em;
 position: absolute;
}
#yeug-content.showing .relative-showings a {
 background-repeat: no-repeat;
 background-position: left 4px;
 display: block;
 float: left;
 font-weight: bold;
 margin: 0 0 4px -2px;
 padding: 0 14px;
 text-decoration: none;
}
#yeug-content.showing .relative-showings .next {
 background-position: right 4px;
 float: right;
 margin: 0 -2px 0 0;
 text-align: right;
}
#yeug-content.showing .relative-showings .time {
 border-bottom: 0;
 font-size: 93%;
 font-weight: normal;
}
#yeug-content.showing .relative-showings a:focus .title,
#yeug-content.showing .relative-showings a:hover .title {
 text-decoration: underline;
}
#yeug-content.showing .relative-showings .relationship,
#yeug-content.showing .relative-showings .category {
 display: block;
 font-size: 93%;
 font-weight: normal;
 line-height: 1.324;
 margin: 0;
}
#yeug-content.showing .relative-showings .category {
 font-size: 85%;
 line-height: 1.448;
}
#yeug-content #ytv-listings.find-channels .bd {
 clear: left;
}
#yeug-content #ytv-listings.find-channels .jump-nav {
 font-size: 93%;
 margin: 0.5em;
}
#yeug-content #ytv-listings.find-channels .jump-nav li {
 width: 1.5em;
}
#yeug-content #ytv-listings.find-channels .bd .group {
 border-top: 1px solid;
 clear: left;
 padding: 6px 0 6px 50px;
}
#yeug-content #ytv-listings.find-groups .bd .group {
 padding-left: 149px;
}
#yeug-content #ytv-listings.find-groups .first-of-type {
 border-top: 0;
}
#yeug-content #ytv-listings.find-channels h2,
#yeug-content #ytv-listings.find-channels li {
 float: left;
}
#yeug-content #ytv-listings.find-channels .group .group-head {
 border: none;
 float: left;
 margin: 0;
 margin-left: -43px;
 padding: 0;
 width: 43px;
}
#yeug-content #ytv-listings.find-groups .group .group-head {
 margin-left: -142px;
 width: 130px;
}
#yeug-content #ytv-listings.find-channels h2 {
 margin-bottom: 5px;
 width: 100%;
}
#yeug-content #ytv-listings.find-channels .group .group-head a {
 clear: left;
 font-size: 85%;
}
#yeug-content #ytv-listings-provider {
 margin: 0 -4px;
}
#yeug-content #ytv-listings-provider img {
 border: none;
}
/* Easy clearing */
#yeug-content #ytv-listings .grid:after,
#yeug-content #ytv-listings .channel ol:after,
#yeug-content #ytv-listings .time ol:after,
#yeug-content #ytv-listings .days:after,
#yeug-content #ytv-listings .slices:after,
#yeug-content #ytv-listings .find-modes:after,
#yeug-content #ytv-listings .slice li:after,
#yeug-content #ytv-listings.find-channels .group:after,
#yeug-content #ytv-listings.find-channels .jump-nav:after,
#yeug-content.showing .body:after {
 clear : both;
 content : ".";
 display : block;
 height : 0;
 visibility: hidden;
}
#yeug-content #ytv-listings .grid,
#yeug-content #ytv-listings .channel ol,
#yeug-content #ytv-listings .time ol,
#yeug-content #ytv-listings .days,
#yeug-content #ytv-listings .slices,
#yeug-content #ytv-listings .find-modes,
#yeug-content #ytv-listings .slice li,
#yeug-content #ytv-listings.find-channels .group,
#yeug-content #ytv-listings.find-channels .jump-nav,
#yeug-content.showing .body {
 display: inline-block;
}
#yeug-content #ytv-listings .grid,
#yeug-content #ytv-listings .channel ol,
#yeug-content #ytv-listings .time ol,
#yeug-content #ytv-listings .days,
#yeug-content #ytv-listings .slices,
#yeug-content #ytv-listings .find-modes,
#yeug-content #ytv-listings .slice li,
#yeug-content #ytv-listings.find-channels .group,
#yeug-content #ytv-listings.find-channels .jump-nav,
#yeug-content.showing .body {
 display: block;
}
/*.blog #yeug-content .chrome div {
 border: 1px solid;
}
*/
.blog #yeug-content .chrome div ul {
 border-top-width: 1px;
 border-top-style: solid;
}
.blog #yeug-content .chrome .hentry {
 overflow: hidden;
}
.blog #yeug-content .chrome .hentry h2 {
 float: left;
 padding: 8px 0 0 8px;
}
.blog #yeug-content .chrome .article h2 {
 float: none;
}
.blog #yeug-content p {
 margin: 1em 0;
}
.blog #yeug-content .chrome div .subscribe {
 border-width: 0;
 padding: 8px 8px 0 0;
 text-align: right; 
 margin-bottom: 1em;
}
.blog #yeug-content .chrome div .subscribe li {
 display: inline;
}
.blog #yeug-content .chrome div div,
.blog #yeug-content .comments div,
.blog #yeug-content .article .links div {
 border-width: 0;
}
/* First item on the index is highlighted */
.blog #yeug-content div.chrome div.hentry,
.blog #yeug-content div.chrome div.article,
.blog #yeug-content div.chrome div.report {
 margin: 0;
 margin-bottom: 10px;
/* padding: 8px;*/
}
/* First item on the index is highlighted */
/*.blog #yeug-content div.chrome div.hentry,
.blog #yeug-content div.chrome div.article,
.blog #yeug-content div.chrome div.report {
 border: 1px solid;
} */
.blog #yeug-content div.hentry .entry-title,
.blog #yeug-content div.hentry h2.entry-title {
 float: none;
 padding: 0;
}
.blog #yeug-content .chrome div.article h1,
.blog #yeug-content .chrome div.report h1 {
 font-size: 197%;
 float: none;
 padding: 0;
}
.blog #yeug-content .hentry {
 margin: 0 8px;
 padding: 8px 0 ;
 border-top-width: 1px;
 border-top-style: solid;
}
.blog #yeug-content .hentry p,
.blog #yeug-content div.report p {
 line-height: 1.3;
}
.blog #yeug-content .first-child {
 border-top-width: 0;
}
.blog #yeug-content .entry-title,
.blog #yeug-content div.article h1 {
 font-family: Georgia;
 font-size: 136%;
}
.blog #yeug-content .hentry div {
 border-width: 0;
}
.blog #yeug-content .hentry .meta,
.blog #yeug-content div.article .meta {
 font-size: 85%;
 margin: 4px 0 8px;
}
.blog #yeug-content .hentry .meta {
 clear: left;
}
.blog #yeug-content .hentry .entry-summary a {
 display: block;
 margin-top: 1em;
}
.blog #yeug-content .hentry a.user-comments {
 border-top-width: 1px;
 border-top-style: solid;
 padding-top: .5em;
 margin-top: 6px;
 display: block;
}
.blog #yeug-content .article .video-overlay {
 display: inline;
}
.blog #yeug-content .article .primary {
 float: right;
 clear: both;
 margin: 0 5px 8px 8px;
}
.blog #yeug-content .article .links {
 float: right;
 clear: right;
 width: 250px;
 border-top-width: 1px;
 border-top-style: solid;
 margin: 5px 0 5px 8px;
}
.blog #yeug-content .chrome .links h2 {
 padding: 8px 8px 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}
.blog #yeug-content .chrome .links ul {
 border-width: 0;
 margin: 4px 8px 8px;
}
.blog #yeug-content .links li {
 margin: 4px 0;
}
.blog #yeug-content .hentry .body {
 clear: left;
 float: left;
 width: 350px;
 margin-bottom: 6px;
}
.blog #yeug-content .hentry .thumb {
 margin-top: 4px;
 float: right;
 text-align: left;
 margin-bottom: 6px;
}
.blog #yeug-content li.hentry .body {
 float: right;
 /* Old DTK: 480px */
 width: 452px;
}
.blog #yeug-content li.hentry .thumb {
 float: left;
}
.blog #yeug-content .hentry .thumb .video,
.blog #yeug-content .hentry .thumb .photo {
 background: transparent no-repeat center left;
 padding: 4px 0 2px 20px;
 display: block;
}
/* HACK: EPT Comments*/
.blog #yeug-content .chrome .comments {
 border-width: 1px;
 border-style: solid;
 padding: 8px 6px;
 clear: both;
 margin-bottom: 5px;
}
.blog #yeug-content .chrome .comments h2 {
 float: none;
 clear: none;
 margin: 0 0 8px;
 padding: 0;
 font-weight: bold;
 font-size: 100%;
}
.blog #yeug-content .comments h2.comments {
 margin: 10px 0 8px;
 border-width: 0;
 background: transparent;
 padding: 0;
}
.blog #yeug-content .comments form {
 margin-bottom: 8px;
}
.blog #yeug-content .comments form div {
 margin: 0 0 2px;
}
.blog #yeug-content .comments form p {
 margin: 0; padding: 0;
}
.blog #yeug-content .comments textarea {
 width: 100%;
 margin: 8px 0;
}
.blog #yeug-content .comments input {
 float: right;
}
.blog #yeug-content .chrome .comments ul {
 border-width: 0;
}
.blog #yeug-content .comments ul em {
 font-size: 85%;
}
.blog #yeug-content .comments ul p,
.blog #yeug-content .comments .comment p {
 margin: 0;
 padding: 6px 20px 6px 8px;
 background-repeat: no-repeat;
 background-position: top left;
}
.blog #yeug-content .comments ul cite,
.blog #yeug-content .comments .comment cite {
 display: block;
 background-repeat: no-repeat;
 background-position: bottom left;
 font-size: 85%;
 padding: 6px 0 9px 54px;
}
.blog #yeug-content .comments select {
 margin: 8px 0;
}
.blog #yeug-content .paging {
 clear: both;
 text-align: center;
 position: relative;
 padding: 1em 10px;
}
.blog #yeug-content .paging li {
 display: inline;
 padding: 0 0.25em;
}
.blog #yeug-content .paging li,
.blog #yeug-content .paging li a {
 background-repeat: no-repeat;
 background-position: left center;
}
.blog #yeug-content li.first,
.blog #yeug-content li.last {
 position: absolute;
 left: 0;
 top: 1em;
 padding-left: 10px;
}
.blog #yeug-content .paging .prev,
.blog #yeug-content .paging .next {
 padding: 0 10px;
}
.blog #yeug-content li.last {
 left: auto;
 right: 0;
 padding-right: 10px;
}
.blog #yeug-content .paging .first a,
.blog #yeug-content .paging .prev a {
 margin-left: -10px;
 padding-left: 10px;
}
.blog #yeug-content .paging .next,
.blog #yeug-content .paging .last {
 background-position: right center;
}
.blog #yeug-content .paging .next a,
.blog #yeug-content .paging .last a {
 background-position: right center;
 margin-right: -10px;
 padding-right: 10px;
}
/*HACK: Easy clearing without IE5 support (mac+win) */
.blog #yeug-content.hentry::after,
.blog #yeug-content.article:after,
.blog #yeug-content.comments::after {
 content: "."; 
 display: block;
 height: 0; 
 font-size: 0;
 visibility: hidden; 
 clear: both; 
}
.blog #yeug-content .hentry,
.blog #yeug-content .article,
.blog #yeug-content .comments {
 *display: inline-block; 
}
.blog #yeug-content .hentry,
.blog #yeug-content .article,
.blog #yeug-content .comments {
 *display: block;
}
.blog #yeug-content .chrome .links h2 {
 border-bottom-width: 0;
}
.blog #yeug-content .chrome .links li {
 display: block;
}
.blog #yeug-content .chrome .links li a {
 padding-left: 0;
}
.blog #yeug-content .chrome .comments {
 margin-top: 1em;
 overflow: hidden;
}
.blog #yeug-content .chrome .comments div {
 padding-top: 2em 10px .5em 10px;
}
.blog #yeug-content .comments ul em {
 padding-top: 6px;
 padding-right: 8px;
 float: left; 
}
.blog .article .content {
 overflow: hidden;
}
.blog .hentry {
 overflow: hidden;
} 
.blog #yeug-content li.hentry {
 clear: both;
}
#yeug-content li.hentry .thumb img {
 *float: left;
}
.blog #yeug-content .chrome div .subscribe {
 float: right;
}
.blog #yeug-content .chrome div .subscribe li {
 float: right;
}
.blog #yeug-content .comments li {
 zoom: 1;
}
/* HACK: IE6: Prevent "First" link in pagin overlaying "Previous" link */
.blog #yeug-content .paging {
 _zoom: 1;
}
.blog .article .content p,
.blog .article .content dl,
.blog .article .content blockquote,
.blog .article .content ul {
 line-height: 1.4;
 font-size: 116%;
}
.blog .article .content em {
 font-style: italic;
}
.blog .article .content em.roman {
 font-style: normal;
}
.blog .article .content em.small-capitals {
 font-variant: small-caps;
} 
.blog .article .content em.italic {
 font-style: italic;
}
.blog .article .content em.all-capitals {
 text-transform: uppercase;
}
.blog .article .content strong {
 font-weight: bold;
}
.blog #yeug-content .chrome .article div.content ul li {
 display: list-item;
 list-style-type: disc;
}
.blog #yeug-content .chrome .article div.content div.links ul li {
 display: block;
}
.blog #yeug-content .chrome .article div.content ol {
 padding-left: 30px;
} 
.blog #yeug-content .chrome .article div.content ol li {
 display: list-item;
 list-style-type: decimal;
}
.blog .article .content strike {
 text-decoration: line-through; 
}
.blog .article .content .program-title {
 font-style: italic;
}
.blog .article .content .episode-title {
 font-weight: bold;
}
.blog .article .content .game-title {
 font-weight: bold;
} 
.blog .article .content .film-title {
 *font-style: bold;
}
.blog .article .content .film-title:before {
 content: "'";
 content: open-quote;
}
.blog .article .content .film-title:after {
 content: "'";
 content: close-quote;
} 
.blog .article .content {
 quotes: "'" "'" "'" '"';
}
.blog .article .content .person-name {
 font-weight: bold;
}
.blog .article .content .interview dt.interviewer,
.blog .article .content .dialog dt.interviewer-dictum:after {
 position: absolute;
 left: -99999em;
}
.blog .article .content dl.dialog {
 padding-left: 30px;
}
.blog .article .content dl.dialog dt,
.blog .article .content dl.dialog dd.interviewer-dictum {
 font-weight: bold;
}
.blog .article .content dl.dialog dd {
 margin: 1em 0;
}
.blog .article .content dl.dialog dt {
 clear: left;
 float: left;
 *background-image: url(http://l.yimg.com/i/i/eu/mov/white1.png);
 *background-repeat: no-repeat;
 *background-position: center 60%;
 *margin-right: .5em;
 padding-right: 7px;
}
.blog .article .content dl.dialog dt:after {
 display: inline;
 content: ":";
 font-weight: bold;
 padding-right: 7px;
}
.blog .article .content dl.dialog .interpolation {
 font-style: italic;
}
.blog .article .content .celebrity-name.first-mention {
 font-weight: bold;
}
.blog .article blockquote {
 padding-left: 30px;
}
.blog #yeug-content .chrome .article div.content ul {
 border-width: 0;
 float: none;
 display: block;
 padding-left: 30px;
}
.blog #yeug-content .chrome .article div.content li {
 float: none;
 display: block;
}
.blog #yeug-content .chrome .article div.content .links ul {
 padding-left: 0;
 font-size: 100%;
}
 
/* FAIL styles */
.blog .article .content b {
 font-weight: bold;
}
.blog .article .content i {
 font-style: italic;
} 
.blog .article .content br:before {
 content: "\A";
}
.blog .article .content br {
 *display: block;
} 
 
 
/*Gallery */
#yeug-content .paging {
 text-align: center;
 position: relative;
}
#yeug-content .paging li {
 display: inline;
 padding: 0 0.25em;
}
#yeug-content .mod.gallery .paging li,
#yeug-content .mod.gallery .paging li a {
 background: transparent no-repeat left center;
}
#yeug-content .mod.gallery .first,
#yeug-content .mod.gallery .last {
 position: absolute;
 left: 0;
 top: 0;
 padding-left: 10px;
}
#yeug-content .mod.gallery .paging .prev,
#yeug-content .mod.gallery .paging .next {
 padding: 0 10px;
}
#yeug-content .mod.gallery .last {
 left: auto;
 right: 0;
 padding-right: 10px;
}
#yeug-content .mod.gallery .paging .first a,
#yeug-content .mod.gallery .paging .prev a {
 margin-left: -10px;
 padding-left: 10px;
}
#yeug-content .mod.gallery .paging .next,
#yeug-content .mod.gallery .paging .last {
 background-position: right center;
}
#yeug-content .mod.gallery .paging .next a,
#yeug-content .mod.gallery .paging .last a {
 background-position: right center;
 margin-right: -10px;
 padding-right: 10px;
}
#yeug-content .gallery .bd ul {
 margin: 0 -4px;
}
#yeug-content .gallery .bd li {
 float: left;
 margin: 4px 4px;
 /*HACK: Force li sizes to ensure lining images, need to find out what this should be */
 width: 96px;
 text-align: center;
 /*HACK: Fix IE float margin doubling*/
 display: inline;
}
#yeug-content .gallery .bd li.left {
 clear: left;
}
#yeug-content .gallery .bd {
 text-align: center;
}
#yeug-content .other-galleries p,
#yeug-content .other-galleries ol,
#yeug-content .other-galleries li {
 display: inline;
}
/* Gallery grid module */
.gallery-grid * {
 *zoom: 1;
} 
.gallery-grid .grid {
 display: block;
 margin-top: 1em;
}
.gallery-grid img {
 -ms-interpolation-mode: bicubic;
} 
/* HACK: IE6 and IE7: Force hasLayout: */
.gallery-grid .grid ul {
 display: inline-block;
}
.gallery-grid .grid ul {
 display: block;
}
.gallery-grid .grid ul:after {
 clear: both; 
 content: "."; 
 display: block; 
 height: 0; 
 visibility: hidden;
}
.gallery-grid .grid li { 
 display: block;
 position: relative;
 float: left;
 margin: 1em 5px;
 /* 142px to allow 1px border on img */
 min-height: 142px; 
 /* HACK: IE6 treats height as min-height: */
 _height: 142px; 
 *position: relative;
 text-align: center;
 text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 -webkit-text-overflow: ellipsis;
 width: 140px;
} 
/* HACK: IE6 */
.gallery-grid .grid li a {
 _width: 100%;
 _display: block;
} 
/* Don't underline mouseover captions: */
.gallery-grid .grid li a:link:hover,
.gallery-grid .grid li a:link:focus,
.gallery-grid .grid li a:link:active,
.gallery-grid .grid li a:visited:hover,
.gallery-grid .grid li a:visited:focus,
.gallery-grid .grid li a:visited:active {
 text-decoration: none;
}
.gallery-grid .grid li a img {
 display: block;
 margin: 0 auto;
 max-width: 140px;
 height: 140px;
 position: relative;
} 
.gallery-grid .grid li a:hover img {
 position: absolute;
 /* Center it. */ 
 left: 0;
 right: 0;
 z-index: 1;
}
.gallery-grid .grid li a:hover span.text,
.gallery-grid .grid li a:focus span.text,
.gallery-grid .grid li a:hover span.text {
 bottom: 0; 
 display: block;
 left: auto;
 padding: 10px;
 min-width: 120px; 
 _width: 120px;
 z-index: 2;
 /* HACK: IE6 and IE7: Filter: */
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 -moz-opacity: .8;
 -webkit-opacity: .8;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
 opacity: .8;
}
/* TODO: Check if span.outer can still exist? */
.gallery-grid .grid li.postroll span.outer {
 display: block;
 height: 138px;
 width: 138px;
 position: relative;
}
.gallery-grid .grid li.preroll a:hover,
.gallery-grid .grid li.preroll a:focus,
.gallery-grid .grid li.preroll a:active,
.gallery-grid .grid li.postroll a:hover,
.gallery-grid .grid li.postroll a:focus,
.gallery-grid .grid li.postroll a:active {
 text-decoration: underline;
 *height: auto;
 _height: 140px;
 *min-height: none;
 *padding: 0;
}
.gallery-grid .grid li.preroll a:hover span,
.gallery-grid .grid li.postroll a:hover span {
 *height: auto;
 _height: 120px;
 *min-height: none; 
 *padding: 10px; 
 *min-width: 120px;
 *width: auto; 
}
.gallery-grid .pagination {
 clear: left;
}
.gallery-grid .pagination ul {
 display: block;
 text-align: center;
 margin: 0 auto;
}
.gallery-grid .pagination li {
 display: inline;
 margin: 1em 5px;
 padding: 1em 5px;
}
.gallery-grid .grid li a span.text {
 font-size: 77%; /* 10px */
 position: absolute; /* Relative to li */
 left: -9999px;
}
.gallery-grid .grid li a:hover img {
 position: absolute;
 /* Center it: */
 left: 0;
 right: 0;
 z-index: 1;
}
.gallery-grid .grid li a:hover span.text,
.gallery-grid .grid li a:focus span.text,
.gallery-grid .grid li a:hover span.text {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.gallery-grid .grid li a:hover,
.gallery-grid .grid li a:focus,
.gallery-grid .grid li a:active {
 *text-align: center;
 *position: static;
 *min-height: 140px;
}
.gallery-grid .grid li a img,
.gallery-grid .grid li a:hover img,
.gallery-grid .grid li a:focus img,
.gallery-grid .grid li a:active img {
 *display: inline;
 *position: static;
 *text-align: center;
}
.gallery-grid .grid li a:hover span.text,
.gallery-grid .grid li a:focus span.text,
.gallery-grid .grid li a:active span.text {
 *bottom: 0;
 *left: 0;
 *right: 0;
 *position: absolute;
}
.gallery-grid .grid li.preroll a, 
.gallery-grid .grid li.postroll a {
 display: block;
 border: 1px solid #fff;
 min-height: 120px;
 /* HACK: IE6: Fake min-height: */
 _height: 120px;
 padding: 10px;
 min-width: 120px;
 /* HACK: IE6: Use width instead: */
 _width: 118px; 
 background-color: #202020;
 overflow: hidden;
 position: relative;
 text-transform: uppercase;
}
/* Move above preceeding/proceeding items: */
.gallery-grid .grid li.preroll a:hover,
.gallery-grid .grid li.preroll a:focus,
.gallery-grid .grid li.preroll a:active,
.gallery-grid .grid li.postroll a:hover,
.gallery-grid .grid li.postroll a:focus,
.gallery-grid .grid li.postroll a:active {
 float: left;
 z-index: 1;
 text-decoration: underline;
 /* HACK: IE6: Reduce fake min-height to allow for padding: */
 _height: 120px;
 /* HACK: IE6: Force hasLayout: */
 _zoom: 1; 
} 
.gallery-grid .grid li.preroll a:hover span,
.gallery-grid .grid li.preroll a:focus span,
.gallery-grid .grid li.preroll a:active span,
.gallery-grid .grid li.postroll a:hover span,
.gallery-grid .grid li.postroll a:focus span,
.gallery-grid .grid li.postroll a:active span { 
 _display: block;
 _height: 120px;
 _zoom: 1;
} 
.gallery-grid .grid li.preroll a span,
.gallery-grid .grid li.postroll a span {
 _zoom: 1;
 _height: 120px;
} 
.gallery-grid .pagination {
 clear: left;
}
.gallery-grid .pagination ul {
 display: block;
 text-align: center;
 margin: 0 auto;
}
/* Gallery slide module: */
#yeug-content .mod.gallery-slide img {
-ms-interpolation-mode: bicubic;
}
#yeug-content .mod.gallery-slide .overview-link {
float: right; 
min-height: 24px;
/* HACK: IE6: Fake min-height: */
_height: 24px;
padding-left: 26px;
background-position: top left;
background-repeat: no-repeat;
}
#yeug-content .mod.gallery-slide .content {
position: relative;
}
#yeug-content .mod.gallery-slide .slide {
display: block;
margin: 10px auto;
 /* 2px extra to allow for border round img */
 height: 386px;
width: 512px;
}
#yeug-content .mod.gallery-slide a.index {
float: right;
text-align: right;
}
#yeug-content .mod.gallery-slide .adjacent-pagination {
clear: right;
}
#yeug-content .mod.gallery-slide .adjacent-pagination img {
border-width: 0;
}
#yeug-content .mod.gallery-slide .adjacent-pagination li {
display: block;
min-height: 43px;
 /* HACK: IE6 treats height as min-height:
 TODO: Reenable: */
 _height: 43px;
 /* Center vertically: */
 /* Step 1: Position absolutely relative to .content: */
 position: absolute;
 /* Step 2: Shift top down to center of .content: */
 top: 50%; 
 /* Step 3: Shift top up by half own min-height, rounded up: */
 margin-top: -22px;
 /* Put on top of image if necessary: */
 z-index: 3;
}
#yeug-content .mod.gallery-slide .adjacent-pagination li a {
display: block;
overflow: hidden;
width: 26px;
}
#yeug-content .mod.gallery-slide .adjacent-pagination li.previous-slide a {
text-align: left;
}
#yeug-content .mod.gallery-slide .adjacent-pagination li.next-slide a {
text-align: right;
}
#yeug-content .mod.gallery-slide .adjacent-pagination .previous-slide {
left: 0;
}
#yeug-content .mod.gallery-slide .adjacent-pagination .next-slide {
right: 0;
}
/*
#yeug-content .mod.gallery-slide .adjacent-pagination li a:hover,
#yeug-content .mod.gallery-slide .adjacent-pagination li a:focus,
#yeug-content .mod.gallery-slide .adjacent-pagination li a:active {
background-color: #000;
margin-top: -5px;
overflow: visible;
width: auto; 
}
*/
#yeug-content .mod.gallery-slide .adjacent-pagination li.previous-slide a {
padding: 5px 5px 5px 0;
}
#yeug-content .mod.gallery-slide .adjacent-pagination li.next-slide a {
padding: 5px 0 5px 5px;
}
#yeug-content .mod.gallery-slide .slide img {
display: block;
margin: 0 auto;
}
#yeug-content .mod.gallery-slide .content .count {
clear: both;
margin-bottom: 1em;
text-align: center;
}
#yeug-content .mod.gallery-slide .slide .preroll {
min-height: 384px;
_height: 384px;
position: relative;
}
#yeug-content .mod.gallery-slide .slide .postroll li {
display: inline;
clear: both;
}
#yeug-content .mod.gallery-slide .slide .preroll .backdrop {
display: block;
background-color: #000;
color: #fff;
min-height: 384px;
*height: 384px;
-moz-opacity: .4;
opacity: .4;
-webkit-opacity: .4;
width: 260px;
position: absolute;
left: 0;
top: 0;
/* 
HACK: IE7: Use a background-image as fallback for opacity, so that it works even without JS.
The preroll background is itself an image, so if user backgrounds are enforced the text should be visible against the black background of the slide:
*/
*background-repeat: repeat;
*background-color: transparent;
*background-image: url(http://l.yimg.com/i/i/eu/mov/trans2.png);
/* HACK: IE6: Won't show any transparent pixels, so we need to depend on a filter fix */
_background-image: none;
_background-color: #000;
_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}
#yeug-content .mod.gallery-slide .slide .preroll .inner {
position: absolute;
left: 0;
top: 0;
padding: 10px;
min-height: 384px;
 *height: 384px;
width: 240px;
}
#yeug-content .mod.gallery-slide .slide .preroll p {
margin-bottom: 1em;
}
#yeug-content .mod.gallery-slide .slide .postroll {
width: 490px;
padding: 20px;
min-height: 364px;
 *height: 364px;
position: relative;
}
#yeug-content .mod.gallery-slide .slide .postroll li {
display: block;
margin-bottom: 1em;
}
#yeug-content .mod.gallery-slide .slide .postroll li img {
float: left;
margin-right: 10px;
}
#yeug-content .mod.gallery-slide .slide .postroll li:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
 h
#yeug-content .mod.generic-404-message h1 {
 font-size: 138.5%;
}
#yeug-content .mod.generic-404-message p {
 margin-bottom: 1em;
}
/* Galleries common styles */
/* Galleries require the nicest image resizing: */ 
.gallery-grid img,
.gallery-slide img,
.gallery-slides img,
.gallery-slide-info img,
.gallery-slide-promo img {
 -ms-interpolation-mode: bicubic;
} 
/* Galleries share the same styles for carousels: */
.gallery-slides {
 clear: both;
 min-height: 77px;
 /* HACK: IE6: Fake min-height: */
 _height: 77px;
 padding: 10px 10px 10px 10px;
 position: relative; 
}
.gallery-slides.carousel-container {
 padding: 10px 0 10px 0;
}
.gallery-slides .carousel {
 position: relative;
 overflow: auto;
 *overflow: hidden;
 padding: 0;
 margin: 0 auto;
 width: 552px;
}
.gallery-slides .carousel .clip {
 min-height: 77px;
 /* HACK: IE6: Fake min-height: */
 _height: 77px;
 text-align: left;
 width: 100%;
} 
.gallery-slides ol {
 overflow: hidden;
}
.gallery-slides.carousel-container ol {
 min-height: 77px;
 /* HACK: IE6: Fake min-height: */
 _height: 77px;
 position: relative;
 width: 100000px;
}
 .gallery-slides li {
 display: block;
 float: left;
 min-height: 77px;
 _height: 77px;
 text-align: left;
 width: 85px;
 }
 .gallery-slides li.last-child {
 width: 77px;
 }
 .gallery-slides li img {
 height: 75px;
 width: 75px;
 } 
 
 
 
 .gallery-slides li a {
 border-width: 1px;
 display: block;
 height: 75px;
 overflow: hidden;
 margin: 1px;
 white-space: nowrap;
 width: 75px;
 }
 .gallery-slides li a:focus {
 outline-width: 1px;
 }
 .gallery-slides li a span {
 border-width: 0;
 display: block;
 min-height: 75px;
 _height: 75px;
 width: 100%;
 }
 .gallery-slides li.preroll,
 .gallery-slides li.postroll {
 text-transform: uppercase;
 }
 .gallery-slides li.preroll a,
 .gallery-slides li.postroll a {
 text-align: center; 
 }
 
 .gallery-slides li.preroll a,
 .gallery-slides li.postroll a {
 height: auto;
 min-height: 75px;
 _height: 75px; 
 }
 
 .gallery-slides li a img {
 border: 0;
 }
 
 .gallery-slides li.preroll a span,
 .gallery-slides li.postroll a span {
 background: #000;
 min-height: 55px;
 _height: 55px;
 padding: 10px;
 }
 
 .gallery-slides li a,
 .gallery-slides li a span {
 border-color: #fdbb2f;
 border-style: solid;
 outline-style: solid;
 outline-color: white;
 outline-width: 0;
 }
 .gallery-slides li a:visited,
 .gallery-slides li a:visited span {
 border-color: #826320;
 }
 .gallery-slides li.preroll a:focus,
 .gallery-slides li.postroll a:focus {
 outline-width: 0;
 }
 .gallery-slides li.preroll a:focus span,
 .gallery-slides li.postroll a:focus span {
 border-color: #fdbb2f;
 outline-color: #fff;
 outline-style: solid;
 outline-width: 1px;
 } 
 
 /* On hover/focus on preroll/postroll, we:
 - Allow the inner span to overflow the anchor.
 - Absolutely position the span relative to the anchor.
 - Swap the border from the anchor to the span.
 */
 .gallery-slides li.preroll a:focus,
 .gallery-slides li.preroll a:hover,
 .gallery-slides li.preroll a:active,
 .gallery-slides li.postroll a:focus,
 .gallery-slides li.postroll a:hover,
 .gallery-slides li.postroll a:active {
 border-width: 0;
 min-height: 77px;
 _height: 77px; 
 overflow: visible;
 width: auto;
 position: relative;
 z-index: 1; 
 }
 .gallery-slides li.postroll a:focus span, 
 .gallery-slides li.postroll a:hover span,
 .gallery-slides li.postroll a:active span,
 .gallery-slides li.postroll a span:hover,
 .gallery-slides li.preroll a:focus span, 
 .gallery-slides li.preroll a:hover span,
 .gallery-slides li.preroll a:active span,
 .gallery-slides li.preroll a span:hover {
 border-width: 1px;
 border-style: solid; 
 position: absolute;
 left: 0;
 right: auto;
 width: auto;
 overflow: visible;
 }
 
 .gallery-slides li.last-child a:focus span, 
 .gallery-slides li.last-child a:hover span,
 .gallery-slides li.last-child a:active span,
 .gallery-slides li.last-child a span:hover {
 left: auto;
 right: 0;
 }
 .gallery-slides .carousel li.last-child a:focus span, 
 .gallery-slides .carousel li.last-child a:hover span,
 .gallery-slides .carousel li.last-child a:active span,
 .gallery-slides .carousel li.last-child a span:hover { 
 right: 17px;
 } 
.gallery-slides.carousel-container .controls {
 display: inline;
}
.gallery-slides.carousel-container button {
 position: absolute;
 top: 36px;
 z-index: 2; 
}
.gallery-slides.carousel-container button::-moz-inner-focus {
padding: 0;
}
.gallery-slides.carousel-container button:focus,
.gallery-slides.carousel-container button.focus {
margin: 2px;
outline: 1px solid green;
}
.gallery-slides.carousel-container button img {
border: 0 none transparent;
}
.gallery-slides.carousel-container button.previous {
left: 7px;
}
.gallery-slides.carousel-container button.next {
right: 7px;
} 
#yeug-content .mod.videos table.playlist {
 _width: 640px;
}
#yeug-content .mod.videos .preroll {
 width: 640px; 
}
#yeug-content .mod.videos .preroll img {
 width: 638px;
}
#yeug-content .mod.videos .preroll button span {
 width: 592px; /* 618px - 26px for button */ 
}
#yeug-content .mod.videos table button { 
 width: 193px; 
}
#yeug-content .mod.videos td.title button span {
 width: 170px;
}
/*@import "content/modules.css";
#yeug-content .article p,
#yeug-content .article ul,
#yeug-content .article ol {
 margin: 1.5em 0;
 line-height: 1.5;
}
#yeug-content .article img {
 float: right;
 margin: 8px 0 10px 8px;
}
#yeug-content .article img.alt {
 float: left;
 margin: 8px 10px 8px 0;
}
#yeug-content .article p.first img,
#yeug-content .article p.first img.alt {
 margin-top: 0;
}
#yeug-content .article p,
#yeug-content .article ul,
#yeug-content .article ol {
 margin: 1.5em 0;
 line-height: 1.5;
}
#yeug-content .article img {
 float: right;
 margin: 0 0 4px 8px;
}
#yeug-content .article img.alt {
 float: left;
 margin: 0 12px 4px 0;
}
/* Read more arrow: */
#yeug-content .article li a {
 padding-left: 10px;
 background: transparent no-repeat center left;
}
#yeug-content .hentry p,
#yeug-content .hentry ul,
#yeug-content .hentry ol {
 margin: 1.5em 0;
 line-height: 1.5;
}
#yeug-content .hentry img {
 float: right;
 margin: 8px 0 10px 8px;
}
#yeug-content .hentry img.alt {
 float: left;
 margin: 8px 10px 8px 0;
}
#yeug-content .hentry p.first img,
#yeug-content .hentry p.first img.alt {
 margin-top: 0;
}
#yeug-content .hentry p,
#yeug-content .hentry ul,
#yeug-content .hentry ol {
 margin: 1.5em 0;
 line-height: 1.5;
}
#yeug-content .hentry img {
 float: right;
 margin: 0 0 4px 8px;
}
#yeug-content .hentry img.alt {
 float: left;
 margin: 0 12px 4px 0;
}
/* Read more arrow: */
#yeug-content .hentry li a {
 padding-left: 10px;
 background: transparent no-repeat center left;
}
#yeug-content .uvp #y_embed {
 margin-top: 10px;
}
#yeug-content .uvp #y_embed .yup-table {
 margin: 0 auto;
}
#yeug-content .uvp .playlist-container table {
 /* Old DTK: 638px */
 width: 640px;
}
.uvp .playlist-container table .title {
 min-width: 200px;
}
#yeug-content .amazon {
 clear: both;
 padding: 16px 0 8px;
 text-align: center;
}
#yeug-content .amazon img {
 border: 0;
}
/*.blog #yeug-content .chrome div {
 border: 1px solid;
}
*/
.blog #yeug-content .chrome div ul {
 border-top-width: 1px;
 border-top-style: solid;
}
.blog #yeug-content .chrome .hentry {
 overflow: hidden;
}
.blog #yeug-content .chrome .hentry h2 {
 float: left;
 padding: 8px 0 0 8px;
}
.blog #yeug-content .chrome .article h2 {
 float: none;
}
.blog #yeug-content p {
 margin: 1em 0;
}
.blog #yeug-content .chrome div .subscribe {
 border-width: 0;
 padding: 8px 8px 0 0;
 text-align: right; 
 margin-bottom: 1em;
}
.blog #yeug-content .chrome div .subscribe li {
 display: inline;
}
.blog #yeug-content .chrome div div,
.blog #yeug-content .comments div,
.blog #yeug-content .article .links div {
 border-width: 0;
}
/* First item on the index is highlighted */
.blog #yeug-content div.chrome div.hentry,
.blog #yeug-content div.chrome div.article,
.blog #yeug-content div.chrome div.report {
 margin: 0;
 margin-bottom: 10px;
/* padding: 8px;*/
}
/* First item on the index is highlighted */
/*.blog #yeug-content div.chrome div.hentry,
.blog #yeug-content div.chrome div.article,
.blog #yeug-content div.chrome div.report {
 border: 1px solid;
} */
.blog #yeug-content div.hentry .entry-title,
.blog #yeug-content div.hentry h2.entry-title {
 float: none;
 padding: 0;
}
.blog #yeug-content .chrome div.article h1,
.blog #yeug-content .chrome div.report h1 {
 font-size: 197%;
 float: none;
 padding: 0;
}
.blog #yeug-content .hentry {
 margin: 0 8px;
 padding: 8px 0 ;
 border-top-width: 1px;
 border-top-style: solid;
}
.blog #yeug-content .hentry p,
.blog #yeug-content div.report p {
 line-height: 1.3;
}
.blog #yeug-content .first-child {
 border-top-width: 0;
}
.blog #yeug-content .entry-title,
.blog #yeug-content div.article h1 {
 font-family: Georgia;
 font-size: 136%;
}
.blog #yeug-content .hentry div {
 border-width: 0;
}
.blog #yeug-content .hentry .meta,
.blog #yeug-content div.article .meta {
 font-size: 85%;
 margin: 4px 0 8px;
}
.blog #yeug-content .hentry .meta {
 clear: left;
}
.blog #yeug-content .hentry .entry-summary a {
 display: block;
 margin-top: 1em;
}
.blog #yeug-content .hentry a.user-comments {
 border-top-width: 1px;
 border-top-style: solid;
 padding-top: .5em;
 margin-top: 6px;
 display: block;
}
.blog #yeug-content .article .video-overlay {
 display: inline;
}
.blog #yeug-content .article .primary {
 float: right;
 clear: both;
 margin: 0 5px 8px 8px;
}
.blog #yeug-content .article .links {
 float: right;
 clear: right;
 width: 250px;
 border-top-width: 1px;
 border-top-style: solid;
 margin: 5px 0 5px 8px;
}
.blog #yeug-content .chrome .links h2 {
 padding: 8px 8px 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}
.blog #yeug-content .chrome .links ul {
 border-width: 0;
 margin: 4px 8px 8px;
}
.blog #yeug-content .links li {
 margin: 4px 0;
}
.blog #yeug-content .hentry .body {
 clear: left;
 float: left;
 width: 350px;
 margin-bottom: 6px;
}
.blog #yeug-content .hentry .thumb {
 margin-top: 4px;
 float: right;
 text-align: left;
 margin-bottom: 6px;
}
.blog #yeug-content li.hentry .body {
 float: right;
 /* Old DTK: 480px */
 width: 452px;
}
.blog #yeug-content li.hentry .thumb {
 float: left;
}
.blog #yeug-content .hentry .thumb .video,
.blog #yeug-content .hentry .thumb .photo {
 background: transparent no-repeat center left;
 padding: 4px 0 2px 20px;
 display: block;
}
/* HACK: EPT Comments*/
.blog #yeug-content .chrome .comments {
 border-width: 1px;
 border-style: solid;
 padding: 8px 6px;
 clear: both;
 margin-bottom: 5px;
}
.blog #yeug-content .chrome .comments h2 {
 float: none;
 clear: none;
 margin: 0 0 8px;
 padding: 0;
 font-weight: bold;
 font-size: 100%;
}
.blog #yeug-content .comments h2.comments {
 margin: 10px 0 8px;
 border-width: 0;
 background: transparent;
 padding: 0;
}
.blog #yeug-content .comments form {
 margin-bottom: 8px;
}
.blog #yeug-content .comments form div {
 margin: 0 0 2px;
}
.blog #yeug-content .comments form p {
 margin: 0; padding: 0;
}
.blog #yeug-content .comments textarea {
 width: 100%;
 margin: 8px 0;
}
.blog #yeug-content .comments input {
 float: right;
}
.blog #yeug-content .chrome .comments ul {
 border-width: 0;
}
.blog #yeug-content .comments ul em {
 font-size: 85%;
}
.blog #yeug-content .comments ul p,
.blog #yeug-content .comments .comment p {
 margin: 0;
 padding: 6px 20px 6px 8px;
 background-repeat: no-repeat;
 background-position: top left;
}
.blog #yeug-content .comments ul cite,
.blog #yeug-content .comments .comment cite {
 display: block;
 background-repeat: no-repeat;
 background-position: bottom left;
 font-size: 85%;
 padding: 6px 0 9px 54px;
}
.blog #yeug-content .comments select {
 margin: 8px 0;
}
.blog #yeug-content .paging {
 clear: both;
 text-align: center;
 position: relative;
 padding: 1em 10px;
}
.blog #yeug-content .paging li {
 display: inline;
 padding: 0 0.25em;
}
.blog #yeug-content .paging li,
.blog #yeug-content .paging li a {
 background-repeat: no-repeat;
 background-position: left center;
}
.blog #yeug-content li.first,
.blog #yeug-content li.last {
 position: absolute;
 left: 0;
 top: 1em;
 padding-left: 10px;
}
.blog #yeug-content .paging .prev,
.blog #yeug-content .paging .next {
 padding: 0 10px;
}
.blog #yeug-content li.last {
 left: auto;
 right: 0;
 padding-right: 10px;
}
.blog #yeug-content .paging .first a,
.blog #yeug-content .paging .prev a {
 margin-left: -10px;
 padding-left: 10px;
}
.blog #yeug-content .paging .next,
.blog #yeug-content .paging .last {
 background-position: right center;
}
.blog #yeug-content .paging .next a,
.blog #yeug-content .paging .last a {
 background-position: right center;
 margin-right: -10px;
 padding-right: 10px;
}
/*HACK: Easy clearing without IE5 support (mac+win) */
.blog #yeug-content.hentry::after,
.blog #yeug-content.article:after,
.blog #yeug-content.comments::after {
 content: "."; 
 display: block;
 height: 0; 
 font-size: 0;
 visibility: hidden; 
 clear: both; 
}
.blog #yeug-content .hentry,
.blog #yeug-content .article,
.blog #yeug-content .comments {
 *display: inline-block; 
}
.blog #yeug-content .hentry,
.blog #yeug-content .article,
.blog #yeug-content .comments {
 *display: block;
}
.blog #yeug-content .chrome .links h2 {
 border-bottom-width: 0;
}
.blog #yeug-content .chrome .links li {
 display: block;
}
.blog #yeug-content .chrome .links li a {
 padding-left: 0;
}
.blog #yeug-content .chrome .comments {
 margin-top: 1em;
 overflow: hidden;
}
.blog #yeug-content .chrome .comments div {
 padding-top: 2em 10px .5em 10px;
}
.blog #yeug-content .comments ul em {
 padding-top: 6px;
 padding-right: 8px;
 float: left; 
}
.blog .article .content {
 overflow: hidden;
}
.blog .hentry {
 overflow: hidden;
} 
.blog #yeug-content li.hentry {
 clear: both;
}
#yeug-content li.hentry .thumb img {
 *float: left;
}
.blog #yeug-content .chrome div .subscribe {
 float: right;
}
.blog #yeug-content .chrome div .subscribe li {
 float: right;
}
.blog #yeug-content .comments li {
 zoom: 1;
}
/* HACK: IE6: Prevent "First" link in pagin overlaying "Previous" link */
.blog #yeug-content .paging {
 _zoom: 1;
}
.blog .article .content p,
.blog .article .content dl,
.blog .article .content blockquote,
.blog .article .content ul {
 line-height: 1.4;
 font-size: 116%;
}
.blog .article .content em {
 font-style: italic;
}
.blog .article .content em.roman {
 font-style: normal;
}
.blog .article .content em.small-capitals {
 font-variant: small-caps;
} 
.blog .article .content em.italic {
 font-style: italic;
}
.blog .article .content em.all-capitals {
 text-transform: uppercase;
}
.blog .article .content strong {
 font-weight: bold;
}
.blog #yeug-content .chrome .article div.content ul li {
 display: list-item;
 list-style-type: disc;
}
.blog #yeug-content .chrome .article div.content div.links ul li {
 display: block;
}
.blog #yeug-content .chrome .article div.content ol {
 padding-left: 30px;
} 
.blog #yeug-content .chrome .article div.content ol li {
 display: list-item;
 list-style-type: decimal;
}
.blog .article .content strike {
 text-decoration: line-through; 
}
.blog .article .content .program-title {
 font-style: italic;
}
.blog .article .content .episode-title {
 font-weight: bold;
}
.blog .article .content .game-title {
 font-weight: bold;
} 
.blog .article .content .film-title {
 *font-style: bold;
}
.blog .article .content .film-title:before {
 content: "'";
 content: open-quote;
}
.blog .article .content .film-title:after {
 content: "'";
 content: close-quote;
} 
.blog .article .content {
 quotes: "'" "'" "'" '"';
}
.blog .article .content .person-name {
 font-weight: bold;
}
.blog .article .content .interview dt.interviewer,
.blog .article .content .dialog dt.interviewer-dictum:after {
 position: absolute;
 left: -99999em;
}
.blog .article .content dl.dialog {
 padding-left: 30px;
}
.blog .article .content dl.dialog dt,
.blog .article .content dl.dialog dd.interviewer-dictum {
 font-weight: bold;
}
.blog .article .content dl.dialog dd {
 margin: 1em 0;
}
.blog .article .content dl.dialog dt {
 clear: left;
 float: left;
 *background-image: url(http://l.yimg.com/i/i/eu/mov/white1.png);
 *background-repeat: no-repeat;
 *background-position: center 60%;
 *margin-right: .5em;
 padding-right: 7px;
}
.blog .article .content dl.dialog dt:after {
 display: inline;
 content: ":";
 font-weight: bold;
 padding-right: 7px;
}
.blog .article .content dl.dialog .interpolation {
 font-style: italic;
}
.blog .article .content .celebrity-name.first-mention {
 font-weight: bold;
}
.blog .article blockquote {
 padding-left: 30px;
}
.blog #yeug-content .chrome .article div.content ul {
 border-width: 0;
 float: none;
 display: block;
 padding-left: 30px;
}
.blog #yeug-content .chrome .article div.content li {
 float: none;
 display: block;
}
.blog #yeug-content .chrome .article div.content .links ul {
 padding-left: 0;
 font-size: 100%;
}
 
/* FAIL styles */
.blog .article .content b {
 font-weight: bold;
}
.blog .article .content i {
 font-style: italic;
} 
.blog .article .content br:before {
 content: "\A";
}
.blog .article .content br {
 *display: block;
} 
 
 
*/
#yeug-related {
 float: right;
}
#yeug-related.crest-hack {
 margin-top: -1.5em;
}
#yeug-related #ad-lrec {
 margin-bottom: 10px;
}
 
#yeug-related .mod {
 clear: right;
 width: 280px;
} 
#yeug-related .mod .bd p {
 margin-bottom: 1em;
}
#yeug-related .mod .bd li {
 margin-bottom: 1em;
} 
#yeug-related .mod h3 {
 margin-bottom: 1em;
}
 
#yeug-related .promo .item {
 margin-bottom: 8px;
 overflow: hidden;
}
#yeug-related .promo p {
 font-size: 100%;
 line-height: 1.3;
}
#yeug-related .promo .bd .bottom {
 clear: left;
}
#yeug-related .promo .item h3 {
 font-weight: bold;
 margin-bottom: 4px;
}
#yeug-related .promo img {
 float: left;
 margin-right: 8px;
}
#yeug-related .promo .ft {
 border-top: 0 none transparent;
}
/*#yeug-related .promo .ft a {
 border: 0;
 border-top: 1px solid;
 display: block;
 margin-left: -8px;
 padding: 6px 8px;
}*/
/* HACK: Answers badge manky styling hooks */
/* Clear old styles */
#yeug-related .answers #y-hd-0 {
 display: none;
}
#yeug-related .answers #y-answers-badge-0,
#yeug-related .answers #y-answers-badge-0 .y-answers-inner,
#yeug-related .answers #y-bd-0,
#yeug-related .answers #y-answers-badge-0 .y-answer,
#yeug-related .answers .y-answer-avatar,
#yeug-related .answers .y-answer-link,
#yeug-related .answers .y-h-av,
#yeug-related .answers h2,
#yeug-related .answers p,
#yeug-related .answers #y-answers-badge-0 p,
#yeug-related .answers span {
 border: none;
 padding: 0;
 margin: 0;
 font-size: 100%;
}
#yeug-related .answers #y-answers-badge-0 .y-answer {
 margin: -2px 10px 3px 0;
 padding: 4px 0 0;
 border-top: 1px solid;
}
#yeug-related .answers img {
 border: 4px solid;
}
#yeug-related .answers #y-answers-badge-0 h2 a {
 font-size: 100%;
 font-weight: bold;
 height: auto;
}
#yeug-related .answers #y-answers-badge-0 p {
 font-size: 85%;
 line-height: 1.3;
}
#yeug-related .answers #y-answers-badge-0 #y-ol {
 position: static;
 left: 0;
}
#yeug-related .answers .bd {
 padding: 3px 6px 0;
}
#yeug-related .uvp {
 margin: 6px 0 10px 0;
}
#yeug-related .uvp #y_up_embedSwf {
 /* Remove 8px added to the controls width by the embedding script: */
 width: 282px;
}
#yeug-related .author-info h3 {
 font-weight: bold;
 margin-bottom: 4px;
}
#yeug-related .author-info li {
 margin: 8px 0 0;
 padding-top: 4px;
 border-top: 1px solid;
}
#yeug-related .author-info li.first-child {
 margin-top: 0;
}
#yeug-related .author-info img {
 float: left;
 margin: 0 8px 6px 0;
}
#yeug-related .author-info p {
 font-size: 85%;
 line-height: 1.3;
}
/* Messageboards module */
#yeug-related .message-boards {
 float: right;
}
#yeug-related .message-boards li {
 position: relative;
 padding-left: 56px;
 margin: 6px 0;
 padding-top: 6px; 
 border-top: 1px dotted;
 clear: left;
/* HACK: Force layout in IE so stuff renders correctly. 
 This doesn't seem to bother anything else*/
 height: 1%;
}
#yeug-related .message-boards li.first-child {
 border-top: 0;
 padding-top: 0;
}
#yeug-related .message-boards h3 {
 margin-right: 85px;
}
#yeug-related .message-boards h3,
#yeug-related .message-boards h3 a {
/* TODO: Specify font-family fallbacks for Georgia*/
 font-family: Georgia;
 line-height: 139%;
}
/* Visually hide some supporting content */
#yeug-related .message-boards dt.rating {
 position: absolute;
 left: -9999px;
}
/* Flatten content */
#yeug-related .message-boards dt.author {
 display: block;
 text-indent: -999em;
 font-size: 0;
 height: 0;
}
#yeug-related .message-boards .forum,
#yeug-related .message-boards dd.author,
#yeug-related .message-boards .latest {
 display: inline;
 font-size: 85%;
 line-height: 126%;
}
/* Other layout */
#yeug-related .message-boards .avatar {
 float: left;
 margin-left: -56px;
 margin-bottom: 6px;
}
#yeug-related .message-boards .avatar img {
 display: block;
 border: 1px solid;
}
#yeug-related .message-boards dd.rating {
 position: absolute;
 top: 6px;
 right: 0;
}
#yeug-related .message-boards .first-child dd.rating {
 top: 0;
}
#yeug-related .message-boards .bd .bottom {
 clear: left;
}
#yeug-related .slide-info .related-galleries li {
 margin: 0;
}
/* Mobilise module */
#yeug-related .mobilise {
 clear: right;
}
#yeug-related .mobilise p {
 line-height: 1.3;
 padding: 0;
}
#yeug-related .mobilise .content {
 background-repeat: no-repeat;
 background-position: 10px 10px;
 /*margin: 0 8px;*/
 /*padding: 3px 8px 12px 48px;*/
 padding-left: 48px;
}
#yeug-related .mobilise a {
 padding-right: 8px;
 background-repeat: no-repeat;
 background-position: 100% 55%;
}
.mod.headlines div.meta {
 margin-bottom: 1em;
}
.event-countdown .hd {
 text-align: center;
}
.event-countdown .bd {
 text-align: center;
}
.event-countdown img {
 display: block;
 margin: 0 auto 10px auto;
}
#yeug-related .mod.event-countdown .bd p.countdown {
 margin-bottom: 0;
 /* HACK: Firefox 2: Workaround for lack of display: inline-block; */
 display: -moz-box;
 -moz-box-orient: horizontal;
 -moz-box-align: center;
}
.event-countdown .countdown .segment {
 /* 
 * HACK: Firefox 2: Workaround for lack of display: inline-block; 
 * Forces .segment to surround .value and .units blocks.
 */
 display: block;
 /* A-grade browsers other than Firefox 2: */
 display: inline-block;
 margin: 0 10px 1em 10px;
}
.event-countdown .countdown .segment .value {
 display: block;
 background: #000;
 color: #fff;
 font-size: 200%;
 font-family: monospace;
 line-height: 1;
 margin-bottom: 10px;
 padding: 10px;
}
.event-countdown .countdown .punctuation {
 left: -99999em;
 position: absolute;
} 
.event-countdown .countdown .units {
 display: block;
 text-transform: uppercase;
}
 
/*@import "skin.css";*/
