/* Base skin News - $Revision: 12789 $ $Date: 2012-01-27 14:13:38 +1100 (Fri, 27 Jan 2012) $ $Author: jstreet $ */
/*
 ____  _    _        ____ ____ ____  
/ ___|| | _(_)_ __  / ___/ ___/ ___| 
\___ \| |/ / | '_ \| |   \___ \___ \ 
 ___) |   <| | | | | |___ ___) |__) |
|____/|_|\_\_|_| |_|\____|____/____/  for base skin for News mastheads
Fairfax Digital CSS framework

Author:    Jens Korff
Born:      August 2008
Modified:  Updated automatically by SVN
-----------------------------------------------------------------------------------------
Skin only.

	!! Here go fonts, colours, backgrounds, background images, borders
	
	NOTES:
		- use shorthand whenever possible
		- only use 'em' for font-size (accessibility)
		- don't specify container widths. Specify percentages (usually 100%) so they fit into
		  the width you define in component.css.
	
Colour scheme:
--------------
links:				#005f96 (dark blue)
links, hovered:		#cc3300 (red)
links, active:		#cc3300 (red)
main nav bg:		#007cc3 (dark blue, main colour)
secondary colour:	#82b2cf (light blue)
tertiary colour:	#eaeeff (very light blue)
backgrounds:		#ededed (light grey)
text, secondary:	#666666 (mid grey)
text, captions:		#333333 (grey)
text, accentuated:	#860303 (dark red)
text, strap heading #222222 (blackish)
border:				#9eafb4 (blue grey)
*/
/* --------------------------------------------------------------------------------------
   NOTE: No masthead-specific code in this file! Use separate base-skin-[masthead] file.
   -------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------
   =Global
   -------------------------------------------------------------------------------------- */
/* Specify the font once in % here and in 'em' elsewhere to resize it easily.
   Browser default: 16px => 76%=12px => 1em=12px */
html {background-color:#fff}
body {font:76%/1.4 Arial, Helvetica, sans-serif;background:#fff url("img/sprite-base-skin-news.png") repeat-y -81px 0/*borders*/;margin:0 auto;width:1000px}
	/* ----- IE fixes ----- */
	* html body {position:relative}
	*+ html body {position:relative}

a/*,a:link*/ {color:#005f96;text-decoration:none}
a:visited {color:#484848}
a:hover {text-decoration:underline;color:#c30}
a:active {color:#c30}
img {vertical-align:bottom}
li {margin-left:20px}

/* Accessibility: Make focused element clearly visible: */
/*a:focus {background-color:#ff0!important;color:#000!important}
a:focus img {outline:5px solid #ff0}
textarea:focus,input:focus {background-color:#ff0}*/

.scriptable .messageNoJS {display:none} 


/* --------------------------------------------------------------------------------------
   =Layout
   -------------------------------------------------------------------------------------- */
.wrap {background-color:#fff}

   
/* --------------------------------------------------------------------------------------
   =Headings and header components
   -------------------------------------------------------------------------------------- */
h1 {font:normal 2.3em Georgia, "Times New Roman", Times, serif}
h2 {font:normal 2.3em Georgia, "Times New Roman", Times, serif}
h3 {font:normal 1.4em Georgia, "Times New Roman", Times, serif}
h4 {font-size:1em;font-weight:bold;text-transform:uppercase;color:#666}
.cN-headerRichContent img {margin-bottom:20px}
	.cN-headerRichContent h3 {margin-bottom:10px;font-size:2.4em}
.cN-headingPage {margin-bottom:.2em}
	.cN-headingPage span {font:normal .4em Arial, Helvetica, sans-serif}
.cT-mediaTypeHeading {font-size:1.5em;font-weight:normal;margin-bottom:.4em;color:#222;border-top:1px solid #ccc}
.cT-mediaTypeHeading a{color:#222}
/* cN-headerRichWide is a div that can contain HTML. We're adding support for an unordered link list here (used e.g. in Entertainment special index): */
.cN-headerRichWide {position:relative;margin:0 0 .2em}
	.cN-headerRichWide ul {position:absolute;right:0;top:1em}
	.cN-headerRichWide li {float:left;list-style-type:none;margin:0 .3em 0 0;padding:0 .3em 0 0;border-right:1px solid #ccc;line-height:1}
	.cN-headerRichWide .last {margin-right:0;padding-right:0;border:0}


/* --------------------------------------------------------------------------------------
   =Header
   -------------------------------------------------------------------------------------- */
.header {background-color:#fff;border-bottom:1px solid #ccc;margin-bottom:10px}
	.header .mh-logo {/*No height here to allow logo collapse on stand-alone sections (e.g. National Times). Height is set in masthead-specific styles.*/
	                  background:transparent url('img/sprite-base-skin-news.png') no-repeat -320px 0/*FD logo*/}
	.header .mh-logo a {display:block;height:57px;width:190px;text-indent:-9000px}
	.header h2 {background:#fff url('img/sprite-base-skin-news.png') no-repeat -9000px 0/*Section logo, default: hide*/;text-indent:-9000px}
	.header h2 a {height:55px;margin:0}
	/* ----- IE fixes ----- */
	* html .header {overflow:visible!important}

/* Multimedia header */
.mT-headerMultimedia h1 {display:block;position:absolute;top:0;left:50%;text-align:center;height:50px;font-size:1.85em;background:none;text-indent:0}
	.mT-headerMultimedia h1 a {margin:0 0 0 -50%}
	.mT-headerMultimedia .mh-logo {margin:0 0 1em;float:none}
	.mT-headerMultimedia p {float:right}
	/* ----- IE fixes ----- */
	* html .mT-headerMultimedia h1 a {position:relative}

	/* Main navigation */
	#nav {background-color:#007cc3/* Default */;font:bold 1em Arial, Helvetica, sans-serif}
		#nav a {line-height:.94;color:#fff}
		#nav .selected a {color:#005f96}
		/* Nav dropdown options */
		#nav li ul {border:1px solid #999;border-top:none}
		#nav ul li {background:#dedede}
		#nav ul li a {color:#005f96}
		#nav li {z-index:2/*dropdowns need to overlap secondary nav items*/}
		#nav li.selected a {background-color:#fff}/* Single main nav item selected = white bg */
		#nav .hasDropdown {padding-right:4px;margin-right:4px;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% -20px/*down arrow*/}
		/* Nav sub nav (<ol>, no dropdown) */
		#nav ol {height:1.9em;background-color:#ededed/* Sub nav item and sub nav background = grey */}
		#nav .selected ol a {padding:3px 8px 4px 7px;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% -78px/*vertical bar*/}
		#nav .selected ol .last a {background-image:none}
		#nav.hasSubNav {padding-bottom:1.9em}
		#nav.hasSubNav li.selected a {background-color:#ededed}

	/* Breadcrumb */
	.breadcrumb {color:#8a8c8f;font-size:.94em;line-height:2.6;height:28px}
		.breadcrumb li {display:inline;margin:0;list-style-type:none}
		.breadcrumb a {margin-right:2px;padding-right:9px;color:#444;background:url('img/sprite-base-skin-news.png') no-repeat 100% -189px/*breadcrumb separator*/}
	
	/* Alternative formats */
	.altFormats {height:28px;margin-left:20px}
		.altFormats li {line-height:2.6;font-size:.94em;list-style-type:none;margin:0 8px 0 0;padding-right:7px;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% -71px/*vertical bar*/}
		.altFormats .last {background:none;padding:0;margin:0}
		.altFormats .text a {color:#000}
		.altFormats .rss a {color:#cb6927}
/* End: Header module */


/* --------------------------------------------------------------------------------------
   =Images
   -------------------------------------------------------------------------------------- */
.cT-imageLandscape,.cT-imagePortrait {text-align:center/*Centers image if its width is below container width*/}
	.cT-imageLandscape p,.cT-imagePortrait p,.cT-imageMultimedia h4,.cT-imageGallerySnapshot .wof {clear:left;text-align:left;font-size:.94em;color:#333;background-color:#dedede;padding:.3em .5em .5em}
	.cT-imageLandscape em,.cT-imagePortrait em,.cT-imageGallerySnapshot em {font-style:italic}

.cT-imageGallerySnapshot {text-align:center}
	.cT-imageGallerySnapshot h4 {font-size:1em;text-transform:none;color:#333}
	.cT-imageGallerySnapshot .wof {margin:0}
	.cT-imageGallerySnapshot .play-video,.cT-imageGallerySnapshot .more-photos {display:block;float:none/*Allow smaller images to be centred*/}
	.cT-imageGallerySnapshot ul {background-color:#dedede;padding:0 0 6px 5px}
	/* activate to make all thumbs equal width: .cT-imageGallerySnapshot li {margin:2px 3px 0 0} */
	.cT-imageGallerySnapshot ul a {display:block;height:40px/*;width:56px - values make 7 images fit into one row*/;overflow:hidden}/*Ensure smaller image height does not affect link height;cut any overflow*/

/* Overlays ("More photos" or "Play video" icons)
   Icon scheme:
   x-coords: photos:320, photos hover:400, play:480, play hover:560
   y-coords: smallest:120, small:135, medium:152, large: 173
*/
.play-video,.more-photos {margin:0 9px 9px 0/*replicate margin from .cN-storyHeadlineLead img*/}
	a.play-video img,a.more-photos img {margin:0}
	/* Remove margin for images followed by caption: */
	.cT-imageGallerySnapshot .play-video,.cT-imageGallerySnapshot .more-photos,
	.cT-imageLandscape .play-video,.cT-imageLandscape .more-photos,
	.cT-imagePortrait .play-video,.cT-imagePortrait .more-photos,
	.cN-storyImageLead .play-video,.cN-storyImageLead .more-photos {margin:0}
	/* Default overlay button image: medium size */
	.play-video span,.more-photos span {text-indent:-9000px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -320px -152px/*overlay icon*/}
	/* tiny icon */
	span.size-tny {height:11px;width:14px}
		.more-photos .size-tny {background-position:-320px -120px}
		.more-photos:hover .size-tny {background-position:-400px -120px}
		.play-video .size-tny {background-position:-480px -120px}
		.play-video:hover .size-tny {background-position:-560px -120px}
	/* small icon */
	span.size-sml {height:14px;width:38px}
		.more-photos .size-sml {background-position:-320px -135px}
		.more-photos:hover .size-sml {background-position:-400px -135px}
		.play-video .size-sml {background-position:-480px -135px}
		.play-video:hover .size-sml {background-position:-560px -135px}
	/* medium icon */
	span.size-med {/* Same as defaults. */}
		.more-photos .size-med {background-position:-320px -152px}
		.more-photos:hover .size-med {background-position:-400px -152px}
		.play-video .size-med {background-position:-480px -152px}
		.play-video:hover .size-med {background-position:-560px -152px}
	/* large icon */
	span.size-lrg {height:22px;width:61px}
		.more-photos .size-lrg {background-position:-320px -173px}
		.more-photos:hover .size-lrg {background-position:-400px -173px}
		.play-video .size-lrg {background-position:-480px -173px}
		.play-video:hover .size-lrg {background-position:-560px -173px}
	/* ----- IE fixes ----- */
	* html .media-image .play-video,* html .media-image .more-photos,
	* html .cT-imageLandscape .play-video,* html .cT-imageLandscape .more-photos {height:1%;float:none;display:block}/* Remove "margin" IE6 shows below anchor */
	* html .play-video span,* html .more-photos span {overflow:hidden}
	*+ html .cT-imageLandscape .play-video,*+ html .cT-imageLandscape .more-photos {float:none}/* Remove "margin" IE7 shows below anchor */
	
/* Star rating */
.cN-rating em,.cN-rating em span,.cN-rating a {background:transparent url('img/sprite-base-skin-news.png') no-repeat -1204px -243px/*stars, small, empty*/;height:13px;width:65px}
	.cN-rating {overflow:hidden;line-height:13px/*small star height*/;font-size:.92em;color:#999}
	.cN-rating em {position:relative;float:left;display:inline-block;width:65px/*star row width*/}
	.cN-rating em span,.cN-rating a {display:block;text-indent:-9000px;font-size:0}
	.cN-rating em span {position:absolute;left:0;top:0;width:0;background-position:-1204px -230px/*stars, small, filled*/}
	.cN-rating cite {padding-left:1em}
	.cN-rating cite a {display:inline;float:none;font-size:1em;text-indent:0;background:transparent none}
	.cN-rating a {float:left;width:13px/*single star width*/}
	   .rValue-05 em span {width:6px}
	   .rValue-10 em span {width:13px}
	   .rValue-15 em span {width:19px}
	   .rValue-20 em span {width:26px}
	   .rValue-25 em span {width:32px}
	   .rValue-30 em span {width:39px}
	   .rValue-35 em span {width:45px}
	   .rValue-40 em span {width:52px}
	   .rValue-45 em span {width:58px}
	   .rValue-50 em span {width:65px}
	/* Rater */
	.rater .rSelected {opacity:.6;background-position:-1166px -182px/*stars, large, filled*/} /* Selected state */
	.rater .half.rSelected {background-position:-1155px -182px/*stars, large, filled*/}
	.rater .rFilled {opacity:1;background-position:-1166px -182px/*stars, large, filled*/} /* Hover state, must win over selected state. */
	.rater .half.rFilled {background-position:-1155px -182px/*stars, large, filled*/}
	/* Rater has larger stars: */
	.rater {background:transparent none;display:none/*display depends on JS enabled or not, see below*/}
	.rater a {width:11px;height:21px;padding-right:1px;background-position:-1166px -206px/*stars, large, empty*/}/*second half*/
	.rater a.half {padding-right:0;background-position:-1155px -206px/*stars, large, empty*/}/*first half*/
	/* ----- IE fixes ----- */
	* html .rater .rSelected {filter:alpha(opacity=60)}
	* html .rater .rFilled {filter:alpha(opacity=100)}
	* html .rater a.halfSelectedIE6 {background-position:-1155px -182px/*stars, large, filled*/}
	*+ html .rater .rSelected {filter:alpha(opacity=60);background-color:#fff}
	*+ html .rater .rFilled {filter:alpha(opacity=100);background-color:#fff}
	.rater .rSelected {filter:alpha(opacity=60)\0;background-color:#fff\0}/*IE8*/
	.rater .rFilled {filter:alpha(opacity=100)\0;background-color:#fff\0}/*IE8*/

/* cS-rateThis */
.cS-rateThis {position:relative}
	.cS-rateThis p {float:left;line-height:21px/*large star height*/}
	.cS-rateThis .cN-rating {padding:0}
	p.raterLegend {display:none/*display only to keyboard users*/;position:absolute;left:130px;top:-43px;width:137px;padding:2px 4px;line-height:1.5;z-index:1;border:1px solid #ccc;background:#fff}
	.cS-rateThis .show {display:block/*shows legend*/}
	.cS-rateThis p strong {clear:both;margin-right:1em}
	.cS-rateThis select,.cS-rateThis input {width:auto;float:left}
	.cS-rateThis label {position:absolute;left:-9000px;width:90px}/*for accessibility only*/
	.cS-rateThis .writeReview {clear:left;float:none;line-height:normal}
	/* Show JS elements if JS is enabled: */
	.scriptable .cS-rateThis .rater {display:block}
	/* Hide non-JS elements if JS is enabled: */
	.scriptable .cS-rateThis label,
	.scriptable .cS-rateThis select,
	.scriptable .cS-rateThis input {display:none}
	/* ----- IE fixes ----- */
	* html .cS-rateThis {height:1%}

/* cS-rated */
.cS-rated {margin:0 0 5px}
	.cS-rated .writeReview {font-weight:bold}

/* Logic to show/hide rate/rated state: */
.cS-rated {display:none}
.rated .cS-rated {display:block}
.rated .ratingSelection {display:none}

.strapReview .cS-rateThis .writeReview {margin-top:.5em}

/* Cross-promo news masthead icons */
span.xpromo {display:inline-block;width:16px;height:16px;background:url('img/sprite-base-skin-news.png') no-repeat/*reference*/;text-indent:-9999px}
	span.xpromo-brisbanetimes {background-position:-246px -180px/*content | icons | bt icon*/}
	span.xpromo-theage {background-position:-246px -164px/*content | icons | age icon*/}
	span.xpromo-smh {background-position:-246px -148px/*content | icons | smh icon*/}
	span.xpromo-watoday {background-position:-246px -196px/*content | icons | wa icon*/}
	span.xpromo-canberratimes {background-position:-246px -212px/*content | icons | canberratimes icon*/}
li.xpromo,h3.xpromo/*h3 covers elements such as '.cN-storyHeadlineOnly'*/ {margin-left:0;padding-left:20px;list-style-type:none;background:none}
	li.xpromo .xpromo,h3.xpromo .xpromo {margin:0 -20px;padding-right:20px}
	/* ----- IE fixes ----- */
	* html span.xpromo {overflow:hidden;margin-bottom:-4px;font-size:0;line-height:0;text-indent:0}
	* html li.xpromo .xpromo,* html h3.xpromo .xpromo {margin-bottom:-5px;padding:0;float:left}
	*+ html span.xpromo {overflow:hidden;margin-bottom:-4px;font-size:0;line-height:0;text-indent:0}
	*+ html li.xpromo .xpromo,*+ html h3.xpromo .xpromo {margin-bottom:-5px;float:left}

/* --------------------------------------------------------------------------------------
   =Story components
   -------------------------------------------------------------------------------------- */
	/* Story common styles */
	.cN-storyImageLead h3,
	.cN-storyHeadlineLead h3 {margin-bottom:.1em}
	.cN-storyImageLead cite,
	.cN-storyImageLead .category,
	.cN-storyHeadlineLead cite,
	.cN-storyHeadlineLead .category {margin-right:.2em;padding-right:.5em;font-size:.92em;color:#666;border-right:1px solid}
	.cN-storyImageLead .category,
	.cN-storyHeadlineLead .category,
	.cT-storyDetails .category {font-weight:bold;text-transform:uppercase}
	.cN-storyHeadlineLead .category,
	.cT-storyDetails .category {color:#444}
	.cN-storyImageLead .comments,
	.cN-storyHeadlineLead .comments {display:inline;margin-right:.5em;font-size:.92em}
	.comments span {display:inline-block;width:19px;height:15px;padding:1px 0 1px 2px;text-align:center;color:#333;font-size:.9em;cursor:pointer;background:#fff url('img/sprite-base-skin-news.png') no-repeat -115px -118px/*comment icon*/}
	.comments a:hover span {text-decoration:none}/* Remove hover effect from comment number bubble */
	.cN-storyImageLead dl,
	.cN-storyHeadlineLead dl,
	.cN-storyImageLead ul,
	.cN-storyHeadlineLead ul {font-size:.92em}
	.cN-storyImageLead dl,
	.cN-storyImageLead dt,
	.cN-storyImageLead dd,
	.cN-storyHeadlineLead dl,
	.cN-storyHeadlineLead dt,
	.cN-storyHeadlineLead dd {display:inline}
	/* in middle stories column */
	.span-5 .cN-storyImageLead {border-bottom:1px dotted #ccc}
	.span-5 .cN-storyImageLead.last {border-bottom:none}

	/* By adding media classes we can re-style so that each medium get an individual look: */
	/* Media = image: */
	.media-image .media {overflow:hidden}
	.media-image .wof {background-color:#ededed;padding:2%/*  To be independent of containing element's width we use percent. */}
	.media-image .comments span {background-position:-138px -118px;color:#fff;background-color:#ededed}
	/* ----- IE fixes ----- */
	* html .media-image .wof {height:1%/*IE6 doubles margin otherwise*/}
	
/* cN-storyHeadlineLead */
.cN-storyHeadlineLead h3 {font-size:1.67em}
	.cN-storyHeadlineLead img {float:left;margin:0 9px 9px 0}
	.cN-storyHeadlineLead cite,
	.cN-storyHeadlineLead .category {border-color:#ccc}
	.cN-storyHeadlineLead small {color:#860303}
	.cN-storyHeadlineLead.date small {color:#666}
	.cN-storyHeadlineLead ul {clear:both/*Let links always be below any image*/}
.storyRHS /*extends cN-storyHeadlineLead*/ {position:relative;min-height:60px/*image height*/;margin-right:99px/*img width + RHS img margin*/}
	.storyRHS h3 {font:bold 1em Arial, Helvetica, sans-serif}
	.storyRHS h4 {text-transform:none;font-size:.92em}
	.storyRHS img,
	.storyRHS .play-video,.storyRHS .more-photos {position:absolute;right:-99px;top:3px/*line up h4 with img*/;margin:0}
	.storyRHS .play-video img,.storyRHS .more-photos img {position:static;margin:0}
	.storyRHS p,.storyRHS ul {display:inline;line-height:1.3}
	.storyRHS li {display:inline;list-style-type:none;margin:0 0 0 .3em;padding:0 0 0 .5em;font-weight:bold;border-left:1px solid #ccc} 
	/* ----- IE fixes ----- */
	* html .storyRHS {height:60px/*=min-height*/;position:relative/*Avoid Big Mac ad reposition stories with overlay image*/}
	* html .storyRHS .more-photos,* html .storyRHS .play-video {width:90px}
	* html .storyRHS ul {clear:none}
	*+ html .storyRHS .more-photos,*+ html .storyRHS .play-video {width:90px}
	*+ html .storyRHS ul {clear:none}

/* cN-storyImageLead */
.cN-storyImageLead h3 {font-size:1.5em}
	.cN-storyImageLead cite,
	.cN-storyImageLead .category {border-color:#999;color:#000}
	.cN-storyImageLead small {color:#860303}
	.cN-storyImageLead.date small {color:#666}
	/* ----- IE fixes ----- */
	/* Problem: IE does misposition the bg image when the content of the <cite> tag is very long. There's no
	   fix for this in CSS2 (if we want to avoid additional markup or a Javascript fix) => put the bg image on
	   the <small> element: */
	*+ html .cN-storyImageLead cite {background-image:none;padding-right:0}
	* html .cN-storyImageLead cite {background-image:none;padding-right:0}
	*+ html .cN-storyImageLead small {display:inline-block;height:1%;padding-right:.6em/*replaces padding for <cite>*/;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% -79px/*vertical bar*/}
	* html .cN-storyImageLead small {display:inline-block;height:1%;padding-right:.6em/*replaces padding for <cite>*/;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% -79px/*vertical bar*/}
	
/* Special index lead image styling */
.storySpecialFeature {position:relative}
	.storySpecialFeature .wof {position:absolute;bottom:0;left:0;width:600px;margin-bottom:0;padding:5px 10px;color:#dedede;background:url('img/wof-transparency-darkgrey-90perCent.png') repeat scroll 0 0!important/*We use important here to override any defaults in section skins. Otherwise we'd need to re-declare this in each skin.*/}
	.storySpecialFeature .wof a,
	.storySpecialFeature .wof cite,
	.storySpecialFeature .wof small {color:#fff}
	.storySpecialFeature h3 {font-size:2.1em}
	.storySpecialFeature .wof h4 {margin:-21px 0 0 -10px;font-size:.92em;color:#fff;padding:0 .6em;position:relative;float:left;min-height:16px}
	/* If there was an overlay button it would be in the RHS corner, overlaid by the wof => move to top RHS */
	.storySpecialFeature .play-video span,
	.storySpecialFeature .more-photos span {bottom:auto;top:4px}
	/* If video HTML has been applied, stretch div to player height */
	.storySpecialFeature .videoWrap {height:376px}
	/* ----- IE fixes ----- */
	* html .storySpecialFeature .wof {position:relative}/*Degrade to wof below img because we cannot make it work with abs.pos. elements and a float.*/
	* html .storySpecialFeature .wof h4 {margin-left:-5px}

.cN-storyHeadlineOnly {font-size:1.35em}

.storyFeatured {clear:left}/*on subindex pages*/

.cN-storyHeadlineQuote blockquote {margin-top:.3em}
	.cN-storyHeadlineQuote p {font:italic 1.6em Georgia, "Times New Roman", Times, serif;text-indent:1.1em;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1483px -222px/*quotes, opening, large*/}
	.cN-storyHeadlineQuote p a {color:#444}
	.cN-storyHeadlineQuote span {display:inline-block;width:17px;height:14px;margin-left:.2em;background:transparent url('img/sprite-base-skin-news.png') no-repeat -190px -118px/*quotes, closing, large*/}
	/* ----- IE fixes ----- */
	* html .cN-storyHeadlineQuote p a:link {color:#444}
	* html .cN-storyHeadlineQuote span {font-size:0/*otherwise IE6 makes span too wide*/}
	*+ html .cN-storyHeadlineQuote span {height:20px}
	
/* storyFirst */
.storyFirst {overflow:hidden}
	.storyFirst h3 {font-size:1.83em}
	.storyFirst p {display:inline}
	.storyFirst img {margin-bottom:5px}

.cT-storyDetails {overflow:hidden;position:relative;color:#666;line-height:1.2}
	.cT-storyDetails h5 {font-weight:bold}
	.cT-storyDetails cite {display:block}
	.cT-storyDetails p {float:left}
	.cT-storyDetails ul {float:right;list-style-type:none}
	.cT-storyDetails li {float:left;margin:0;border-left:1px solid #666;padding-left:.4em}
	.cT-storyDetails li:first-child {border-left:0;padding-left:0}
	.cT-storyDetails .comments {padding-left:0;border-left:0}
	.cT-storyDetails .comments a {border-left:1px solid #666;padding-left:.4em} /* border set for anchor becayse comment icon increases line-height of the li */
	.cT-storyDetails .poll {margin-left:.3em;padding-left:.4em;margin-top:-1px;padding-top:1px;border-left:1px solid #666}
	.cT-storyDetails .single {border-left:1px solid #7d6947;padding-left:.3em}
	.cT-storyDetails .twitter {width:61px;display:block}
	/* Publication logos (size:16 x 70 px) */
	.publication {clear:left;/*for Twitter iframe*/height:16px;float:none!important;line-height:16px}
	.cT-storyDetails .category {float:none}
	.cT-storyDetails .print {position:absolute;right:0;top:14px}
	/* NOTE: This is implemented such that new publishers by default show text only. */
	/* NOTE: Keep class list below sorted alphabetically for better maintenance: */
	.pubA2       {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0    0}/* A2 */
	.pubBusinessD{text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0  -32px}/* BusinessDay */
	.pubCuisine  {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -272px}/* Cuisine */
	.pubDomain   {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0  -48px}/* Domain */
	.pubDrive    {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0  -64px}/* Drive */
	.pubEdu      {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0  -80px}/* Education */
	.pubEG       {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0  -96px}/* EG */
	.pubEpicure  {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -112px}/* Epicure */
	.pubGreenG   {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -128px}/* Green Guide */
	.pubInsight  {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -144px}/* Insight */
	.pubLivewire {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -160px}/* Livewire */
	.pubM        {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -176px}/* M */
	.pubMetro    {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -190px}/* Metro */
	.pubMyCareer {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -208px}/* MyCareer */
	.pubNext     {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -224px}/* Next */
	.pubSport    {text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -240px}/* Sport */
	.pubTraveller{text-indent:-9000px;background:transparent url('img/sprite_publication-logos.png') no-repeat 0 -256px}/* Traveller */
	/* NOTE: Keep class list above sorted alphabetically for better maintenance */
	
/* cT-storyTools */
.cT-storyTools .cT-strapHeading {background:none;color:#000;border-top:2px solid #ccc;padding:0;font-size:1.4em}
	.span-5 .cT-storyTools .cT-strapHeading {font-size:1.4em;border-color:#ccc}
	.cT-storyTools ul {list-style-type:none}
	.cT-storyTools li {border-bottom:1px solid #ececec;margin-left:4px;padding:3px 0;position:relative}
	.cT-storyTools li a {display:block;padding-left:25px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1500px 0/*default:no icon*/}
		.cT-storyTools .email a {background-position:-1444px -251px/*email*/}
		.cT-storyTools .facebook a {background-position:-1089px -274px}
		.cT-storyTools .print a {background-position:-1428px -267px/*printer*/}
		.cT-storyTools .reprints a {background-position:-1089px 2px/*icons | reprint-permissions*/}
	.cT-storyTools .ad {margin:10px 0 0}
.storyToolsCompact /*extends cT-storyTools*/ {margin:10px 0;padding-top:2px;font-size:.92em;border-top:1px dotted #c5d4d9}
	.storyToolsCompact .cT-strapHeading {float:left;padding:4px 0 0 0;color:#666;font-size:1em;bcolor:#666;border-top:0}
	.storyToolsCompact li {float:left;margin-left:6px;border-bottom:0}
	.storyToolsCompact li a {padding-left:22px;color:#006095}
	.storyToolsCompact .facebook a {background-position:-1089px -380px /*content | icons | Facebook-medium*/}
	.storyToolsCompact .twitter a {background-position:-1089px -360px /*content | icons | Twitter-medium*/}

/* cT-columnStrap (middle stories column) */
.span-5 .wof h3{font-size:1.2em}
	.span-5 p{font-size:.92em}
	
.cN-linkList {border-top:2px solid #ccc}
	.cN-linkList h3 {margin-bottom:.3em}
	.cN-linkList ol {margin-left:.7em;font-size:.94em}
	.cN-linkList .last {list-style-type:none;font-weight:bold;padding-left:15px;margin:.5em 0 0;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1332px -367px/*icons: plus*/}
	
/* Error pages */
.cN-storyErrorPage {margin-bottom:20px}
	.cN-storyErrorPage h2 {margin:1em 0 .5em;font-size:1.65em}
	.cN-storyErrorPage p {margin-bottom:.5em}
	.cN-storyErrorPage p,.cN-storyErrorPage ul {width:620px/*avoid long lines to read*/}

.storyRHSFeature /*extends cN-story*/ img {float:left;margin-right:9px}
	.storyRHSFeature h4 {font-size:.92em;color:#000;line-height:.9em;text-transform:none}
	.storyRHSFeature h3 {font:bold 1em Arial, sans-serif}
	.storyRHSFeature p {font-weight:bold;color:#666}
	
.cN-storyDeal {clear:both;overflow:hidden;margin-bottom:15px}
	.cN-storyDeal a {color:#0881cd}
	.cN-storyDeal h3 {float:left;width:202px;font:bold 1.166em Arial,sans-serif}
	.cN-storyDeal img {float:right}
	.cN-storyDeal .price {font-size:1.666em;font-weight:bold;color:#f99431}
	.cN-storyDeal .price span {font-size:.8em}
	.cN-storyDeal .location {clear:left;margin-bottom:4px;padding-top:3px;font:bold 1.1667em Arial,sans-serif;color:#000}
	.cN-storyDeal .discount {margin-bottom:5px;font:bold 1.08em/1 Arial,sans-serif;color:#666}
	.cN-storyDeal .discount em {font-weight:normal}
	.cN-storyDeal .action {font-size:1.166em;font-weight:bold}
	/* ----- IE fixes ----- */
	* html .cN-storyDeal {height:1%}
	

/* --------------------------------------------------------------------------------------
   =Straps
   -------------------------------------------------------------------------------------- */
.cT-strapHeading {clear:both;font-size:2.4em;font-weight:normal;color:#000;margin:0 0 .3em;border-top:2px solid #ccc}
	.cT-strapHeading a,.cT-strapHeading a:visited {color:#000}
	/* Secondary links in heading */
	.cT-strapHeading span {margin-top:4px}
	.cT-strapHeading span a {float:left;margin:2px .5em 0 0;padding-right:.5em;color:#000;font:normal .37em Arial, sans-serif;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% -79px/*vertical bar*/}
	.cT-strapHeading span .last {background-image:none;padding-right:0;margin-right:0}
	.cT-strapHeading .action {z-index:2;position:relative;margin-left:.5em;font:normal .37em Arial, sans-serif}
	.cT-strapHeading .action .actionLink {float:none;margin:0;padding:0;font-size:1em;border:0;background:none}
	.cT-strapHeading .action .actionLink:after {content:"\25BC"/*=down-pointing triangle*/}/* Degrades in IE6 and IE7: Characters not visible. */
	/* Note: Javascript inserts the <ul> element: */
	.cT-strapHeading .action ul {position:absolute;top:16px;left:-9999px/*hide initially*/;width:165px;padding:8px 4px 0;border:1px solid #c6d1d8;background:#f2f2f2;
		/*Drop shadow*/box-shadow:2px 2px 3px #969696/*standard way*/;-moz-box-shadow:2px 2px 3px #969696/*Firefox 3.5+*/;-webkit-box-shadow:2px 2px 3px #969696/*Webkit*/;
					   filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=145,Strength=3)}
	.cT-strapHeading .action ul.show {left:0/*show it*/}
	.cT-strapHeading .action li {list-style-type:none;margin:0 0 10px;padding-left:20px;background:none}
	.cT-strapHeading .action li a {float:none;margin:0;padding:0;font-size:1em;color:#444;background:none}
	.cT-strapHeading .action li a:hover {text-decoration:underline}
	.cT-strapHeading .action .selected {background:url('img/sprite-base-skin-news.png') no-repeat -1091px -161px/*icons: tick*/}
	.cT-strapHeading .action .selected a {font-weight:bold}
	/* in middle stories column */
	.span-5 .cT-strapHeading {font-size:1.8em}
	.span-5 .cT-strapHeading span a {font-size:.55em}
	/* ----- IE fixes ----- */
	* html .cT-strapHeading span a {margin-right:.15em}
	* html .cT-strapHeading .action .selected {display:inline-block}
	*+ html .cT-strapHeading {height:1%}
	*+ html .cT-strapHeading span {zoom:1}
	*+ html .cT-strapHeading {z-index:1/*needs to work with cN-popup*/}
	*+ html .cT-strapHeading ul {z-index:2}
	*+ html .cT-strapHeading .action .selected {display:inline-block}
	*+ html .cT-strapHeading span a {margin-right:.15em}
.strapHeadingTV /*extends cT-strapHeading*/ {border:0}
	.strapHeadingTV a {overflow:hidden;display:block;height:100%}
.strapHeadingDeal /*extends cT-strapHeading*/ {position:relative;padding-top:2px;margin-bottom:14px!important/*override homepage css*/;font-weight:normal;font-size:2em!important/*override skins*/}
	.strapHeadingDeal span {position:static;display:block;float:right;margin-top:3px;font:normal .5833em/29px/*align with em image*/ Arial,sans-serif;color:#000}
	.strapHeadingDeal em {float:left;display:block;width:66px;height:26px;margin-right:5px;background:url('img/sprite-base-skin-news.png') no-repeat -764px -25px/*LivingSocial logo small*/;text-indent:-9999px}
.strapHeadingDealPartner /*extends strapHeadingDeal*/ {height:15px;margin:0!important/*override homepage css*/;padding:0;border:0}
	.strapHeadingDealPartner span {margin:0;font-size:.46em;line-height:1;color:#959595}
	.strapHeadingDealPartner a,
	.strapHeadingDealPartner a:visited {position:absolute;left:0;top:17px;font:normal .75em/39px/*align with logo*/ Arial,sans-serif;color:#666!important/*override sections & homepage CSS*/}
	.strapHeadingDealPartner a:hover {text-decoration:none}
	.strapHeadingDealPartner em,
	.strapHeadingDealEscapes /*extends strapHeadingDealPartner*/ em {height:31px;width:85px;background:url('img/sprite-base-skin-news.png') no-repeat -740px -233px/*LivingSocial logo*/}
	.strapHeadingDealPartner + .cN-storyDeal h3 {margin-top:38px/*this pushes the story below the absolutely positioned strap heading*/}
	/* ----- IE fixes ----- */
	/* As IE6 does not understand the '+' operator we need to degrade: */
	* html .strapHeadingDealPartner {height:31px;margin-bottom:-5px}
	* html .strapHeadingDealPartner a,
	* html .strapHeadingDealPartner a:visited {position:static;display:block}
	* html .strapHeadingDealPartner span {position:absolute;right:0;bottom:11px;top:auto}
	*+ html .strapHeadingDealPartner + .cN-storyDeal {margin-top:3px}
.strapHeadingDealEscapes /*extends strapHeadingDealPartner*/ em {width:177px}
	.strapHeadingDealEscapes + .cN-storyDeal .location,
	.storyDealEscapes /* extends cN-storyDeal */ .location {color:#666;font-weight:normal}
	.strapHeadingDealEscapes + .cN-storyDeal .discount,
	.storyDealEscapes .discount {color:#000;font-weight:normal}
	.strapHeadingDealEscapes + .cN-storyDeal .discount em,
	.storyDealEscapes .discount em {font-weight:bold}
.cT-strapSubHeading{font:normal 2.0em Georgia, "Times New Roman", Times, serif;color:#222;margin:0 0 .3em;border-top:2px solid #ccc;text-transform:none}
	/* in middle stories column */
	.span-5 .cT-strapSubHeading{font-size:1.5em;color:#222}
	
.cT-strapFeature h2 {font-size:1.5em;margin-bottom:.5em}
	.cT-strapFeature h2 a {color:#000}
	.cT-strapFeature .more {font-size:.92em}
	.cT-strapFeature .wof {padding:2%;background-color:#ededed}
	.cT-strapFeature .videoWrap {height:236px/*=player height*/}
.strapFeaturePortrait /*extends cT-strapFeature*/ .media-image,
	.strapFeaturePortrait .media-video,
	.strapFeaturePortrait .storyColumn {width:300px}/*Re-format feature strap to use portrait images (300px wide). Default: landscape.*/
	
.cN-strapMultiImage .cT-strapHeading {font-size:2.333em}
	.cN-strapMultiImage .wof {position:absolute;bottom:0;left:0;width:182px;margin:0;padding:5px;background:#333}
	.cN-strapMultiImage .cN-story h3 {font:bold 1em Arial, Helvetica, sans-serif;display:inline}
	.cN-strapMultiImage a {float:left;margin:0 9px 0/*overlay links*/ 0}
	.cN-strapMultiImage .wof a {float:none;margin:0;color:#fff}
	.cN-strapMultiImage p {display:inline;font-size:.92em;margin-left:.3em;padding-left:.5em;border-left:1px solid #ccc}
	/* ----- IE fixes ----- */
	* html .cN-strapMultiImage a {display:inline;float:none}

.cT-weekendStrip {padding:4px 0;;margin-bottom:10px;background:#dedede}
	.cT-weekendStrip .cN-story,.cT-weekendStrip .cN-storyRated, .cT-weekendStrip .cT-scoreboard {overflow:hidden;position:relative;float:left;height:93px;width:308px;margin:0;border-left:4px solid #dedede}
	.cT-weekendStrip .wof {overflow:hidden;height:69px;margin:4px 4px 20px 0;line-height:1.2}
	.cT-weekendStrip img {float:left;margin-right:5px/*Same as for overlay links (see below) to keep margin consistent*/}
	.cT-weekendStrip h3 {margin-bottom:.1em;font:normal 1.5em/18px Georgia, "Times New Roman", Times, serif}
	.cT-weekendStrip h4 {position:absolute;bottom:5px;left:145px;color:#ececec}
	.cT-weekendStrip p {font-size:.92em;line-height:14px;color:#fff}
	.cT-weekendStrip a,.cT-weekendStrip a:hover,.cT-weekendStrip a:visited {color:#fff}
	.cT-weekendStrip .more-photos,.cT-weekendStrip .play-video {margin:0 5px 0 0}
	/* ----- IE fixes ----- */
	* html .cT-weekendStrip {margin-bottom:10px}
	* html .cT-weekendStrip h4 {white-space:pre}
.weekendStripCompact /*extends cT-weekendStrip*/ .cN-story,.weekendStripCompact .cN-storyRated {height:60px}
	.weekendStripCompact .wof {height:36px}
	.weekendStripCompact h4 {left:95px}
.weekendStripStrap /*extends weekendStripCompact*/ {clear:left;overflow:hidden;margin-bottom:35px}
	.weekendStripStrap .cN-story {width:202px;border-width:3px}
	.weekendStripStrap div.cN-story:first-child {border-width:4px}
	/* ----- IE fixes ----- */
	* html .weekendStripStrap {height:1%}
	
.cN-popup {position:relative}
	.cN-popup p {margin:9px 0 7px;padding:5px 25px 5px 10px;font-size:.916em;color:#333;border:1px solid #95bdd9;background-color:#e5ecf1;
		/* Rounded corners: */border-radius:3px/*future CSS3 browsers*/;-webkit-border-radius:3px/*current Safari*/;-moz-border-radius:3px/*current Firefox*/}
	.cN-popup a {display:none/*Don't show close button if JS is disabled.*/}
	.cN-popup .popup-tip {position:absolute;top:-1px;left:10px;display:block;width:17px;height:10px;margin-top:-8px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -206px -104px/*popup tip*/}
	.scriptable .cN-popup a {overflow:hidden;position:absolute;top:3px;right:5px;display:block;width:14px;height:14px;text-indent:-9000px;cursor:pointer;background:url('img/sprite-base-skin-news.png') no-repeat -334px -103px/*Close button*/}
	.scriptable .popup-closed {position:absolute;left:-9999px}
	/* ----- IE fixes ----- */
	* html .cN-popup {z-index:1}
	* html .cN-popup p {z-index:1;height:1%}
	*+ html .cN-popup {z-index:1}
	*+ html .cN-popup p {height:1%}
	

/* --------------------------------------------------------------------------------------
   =Article
   -------------------------------------------------------------------------------------- */
/* Auto refresh setting */
.autoRefreshSetting {display:none;overflow:hidden;position:relative;margin-bottom:15px;padding:4px 0;border:1px solid #ddd;border-width:1px 0;color:#666;font-weight:bold;font-size:.917em}
	.scriptable .autoRefreshSetting {display:block}
	.autoRefreshSetting em {padding-left:15px;text-transform:uppercase;background:url('img/sprite-base-skin-news.png') no-repeat -834px -24px}
	.autoRefreshSetting p {float:left}
	.autoRefreshSetting div {margin-left:5px;float:right}
	.autoRefreshSetting .btnFauxLink {line-height:1;font-weight:bold;border-left:1px solid #ddd}
	.autoRefreshSetting .selected.btnFauxLink {cursor:default}
	.autoRefreshSetting .selected.btnFauxLink,
	.autoRefreshSetting .btnFauxLink:hover,
	.autoRefreshSetting .btnFauxLink:focus {color:#000}
    .autoRefreshSetting .btnFauxLink:first-child {border-left:0}
	* html .autoRefreshSetting {zoom:1}
	* html .autoRefreshSetting .btnFauxLink {margin-left:4px;padding-left:3px}
	*+ html  .autoRefreshSetting .btnFauxLink {margin-left:4px;padding-left:3px}
	.autoRefreshSetting .btnFauxLink {margin-left:3px\0;padding-left:3px\0}
	@media screen and (-webkit-min-device-pixel-ratio:0){.autoRefreshSetting .btnFauxLink {margin:-3px 0 0 3px;padding:0 0 3px 5px}} /* Webkit */
   
.articleBody > ul {margin-bottom:0.8em;font-size:1.2em}/* IE6 ignores this rule */
	.articleBody > ul li {list-style:none;margin-left:0.5em;padding-left:1em;background:url("img/sprite-base-skin-news.png") no-repeat scroll -1325px -381px/*bg bullet point*/}
	.articleBody > p {margin-bottom:0.8em;font-size:1.2em}
	.articleBody > h2 {margin:0.6em 0 0.4em;font-size:1.6em}
	.articleBody > h3 {margin:0.6em 0 0.4em;font-size:1.4em}
	.articleBody strong {font-weight:bold}
	.articleBody em {font-style:italic}
	.articleBody ol li {margin-left:2em}
	/* ----- IE fixes ----- */
	* html .articleBody p {font-size:1.2em;margin-bottom:.8em}
	* html .articleBody div p {font-size:.94em}
	* html .articleBody ol li {margin-left:2.3em}
	*+ html .articleBody ol li {margin-left:2.3em}

.cT-reviewDetails {border-top:2px solid #ccc}
	.cT-reviewDetails dt {font-weight:bold;margin-top:.3em}
	.cT-reviewDetails dd {line-height:1.2}
	
.cS-ratings {overflow:hidden}
	.cS-ratings p {float:left;display:inline;line-height:13px/*small star height*/;font-weight:bold}
	.cS-ratings .last {margin-left:1em}
	.cS-ratings .cN-rating {margin-left:.5em;font-weight:normal;color:#999}
	
.cS-rateMetadata {overflow:hidden;margin:10px 0;padding:.3em 0;font-size:.92em;line-height:1.5;border:1px solid #ccc;border-width:1px 0}
	.cS-rateMetadata dt {clear:left;float:left;width:80px;font-weight:bold;color:#666}
	.cS-rateMetadata dd {float:left;width:340px/*420(middle col)-80(dt);need width to allow wrapping*/;color:#333}
	.cS-rateMetadata .hide {display:none/*shown by JS*/}
	.cS-rateMetadata .show {display:block}
	.cS-rateMetadata .more {clear:both;font-weight:bold;padding-left:15px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1332px -367px/*icons: plus*/}
	/* ----- IE fixes ----- */
	* html .cS-rateMetadata {height:1%}

.cN-quote {margin:1.5em 0}
	.cN-quote p {color:#666;font:italic 1.6em Georgia, "Times New Roman", Times, serif;text-indent:1.1em;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1483px -222px/*quotes, opening, large*/}
	.cN-quote span {display:inline-block;width:17px;height:14px;margin-left:.2em;background:transparent url('img/sprite-base-skin-news.png') no-repeat -190px -118px/*quotes, closing, large*/}
	/* ----- IE fixes ----- */
	* html .cN-quote span {overflow:hidden}

.cT-relatedCoverageContentPage,.cN-todayInSection {border-top:2px solid #ccc;padding-top:.4em}
	.cN-relatedCoverage h3,.cN-todayInSection h3 {margin-bottom:.2em;font-size:1.5em}
	.sidebar .cN-relatedCoverage h3,.sidebar .cN-todayInSection h3 {display:block;font-size:1.4em;margin-bottom:.4em}
	.sidebar .cN-story h3{display:inline}
	.cN-relatedCoverage img,.cN-todayInSection img {float:left;;margin:0 9px 9px 0}
	.cN-relatedCoverage h3,.cN-relatedCoverage h4 {display:inline}
	.sidebar .cN-relatedCoverage .cN-story h4,.cN-todayInSection .cN-story h4 {font-size:.94em;font-weight:normal;color:#666;display:inline}
	.sidebar .cN-relatedCoverage .cN-story h3,.cN-todayInSection .cN-story h3 {font:bold .92em Arial, Helvetica, sans-serif;margin-bottom:0}
	.sidebar .cN-relatedCoverage .cN-story p,.cN-todayInSection .cN-story p {font-size:.92em;color:#666}
	.cN-relatedCoverage .cN-story cite,.cN-todayInSection .cN-story cite {text-transform:uppercase;padding-right:.4em;margin-right:.2em;color:#666;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% -79px/*vertical bar*/}
	.cN-relatedCoverage .cN-story small,.cN-todayInSection .cN-story small {color:#860303}
	.cN-todayInSection .more {font-weight:bold;padding-left:15px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1332px -367px/*icons: plus*/}
	.cN-todayInSection .cN-story .wof {margin-bottom:0}
	/* ----- IE fixes ----- */
	*+ html .cN-relatedCoverage h3,*+ html .cN-todayInSection h3 {position:relative}
	* html .cN-relatedCoverage h4,* html .cN-todayInSection h4 {float:left;padding-right:.4em/* IE does not separate an inlined h4 & h3 with whitespace -> simulate it with padding. */}
	*+ html .cN-relatedCoverage h4,*+ html .cN-todayInSection h4 {float:left;padding-right:.3em/* dto. */}
	* html .sidebar .cN-relatedCoverage .cN-story h4,* html .cN-todayInSection .cN-story h4 {font-size:.85em}
	*+ html .sidebar .cN-relatedCoverage .cN-story h4,*+ html .cN-todayInSection .cN-story h4 {font-size:.85em}
	
.cN-storyCommentLatest {border-top:2px solid #ccc;padding-top:.7em}
	.cN-storyCommentLatest p {margin-bottom:.3em;font:bold 1.25em Georgia, "Times New Roman", Times, serif;color:#444;font-style:italic;text-indent:1.3em;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1460px -239px/*quotes, opening, small*/}
	.cN-storyCommentLatest span {display:inline-block;width:13px;height:11px;margin-left:.2em;background:transparent url('img/sprite-base-skin-news.png') no-repeat -215px -118px/*quotes, closing, small*/}
	.cN-storyCommentLatest cite,.cN-storyCommentLatest a {font-size:.92em}
	/* ----- IE fixes ----- */
	* html .cN-storyCommentLatest span {overflow:hidden}

.cT-articleMore {font-weight:bold}

.cT-disclaimer {color:#666;line-height:1.2;font-size:.92em}
	.statement {border-bottom:1px solid #ccc;padding-bottom:.3em;margin-bottom:.3em}
	.statement img {margin-right:1em}
	/* ----- IE fixes ----- */
	* html .statement {height:1%}
	*+ html .statement {vertical-align:bottom}
	
.cN-otherWebLinks {border-top:2px solid #ccc;padding-top:.4em}
	.cN-otherWebLinks h3 {font-size:1.5em}
	.cN-otherWebLinks li {font-weight:bold;list-style-type:none;color:#666;margin:5px 0 0;padding:0 0 5px;border-bottom:1px dotted #ccc}
	/* ----- IE fixes ----- */
	* html .cN-otherWebLinks li {height:1%}
	
.cT-relatedCoverageContentPage {margin-bottom:20px}
	.cT-relatedCoverageContentPage .more {font-weight:bold;padding-left:15px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1332px -367px/*icons: plus*/}
	/* ----- IE fixes ----- */
	*+ html .prepend-5.cT-relatedCoverageContentPage h4 {margin-top:.3em}

/* cT-headshot */
.cT-headshot {margin-bottom:2em}
	.cT-headshot div {border-bottom:2px solid #ccc;position:relative}
	.cT-headshot h3 {position:absolute;left:100px;bottom:.5em;width:80px;font-size:.92em;line-height:1;font-weight:bold;font-family:Arial,Helvetica,sans-serif} /* optional element */
	.cT-headshot p {clear:both;font-size:.92em;padding-top:.33em;color:#666} /* optional element */
	/* ----- IE fixes ----- */
	* html .cT-headshot div {height:1%} /* make sure the div has layout, otherwise the h3 inside will not be positioned correctly */
	
/* Fly-in */
.cN-flyIn {position:fixed;left:-9000em/*Avoid component to show up during page load*/}
	.scriptable .cN-flyIn {z-index:10;bottom:0;width:390px;margin:0 0 15px 15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:5px;background:#cbced0/*for browsers that don't support rgba, except IE6/7*/;background-color:rgba(152,158,162,.5)}
	.flyInContent {overflow:hidden;position:relative;margin:4px;padding:5px 10px;border:1px solid #a2a2a2;-moz-border-radius:4px;-webkit-box-shadow:4px;border-radius:4px;background:#fafafa}
	.flyInContent h4 {font-size:11px;color:#000;text-transform:none;border:0}
	.flyInContent .cN-storyHeadlineLead {margin-bottom:0}
	.flyInContent h3 {margin:1px 0 5px;font-size:1.666em;line-height:21px}
	.flyInContent p {font-size:.916em;color:#333}
	.flyInClose {position:absolute;top:5px;right:10px;color:#666;font-size:11px}
	/* Masthead logos */
	.flyInContent .masthead {margin-bottom:7px;padding-bottom:5px;font-weight:bold;font-size:1em;color:#808080;border-bottom:1px solid #dcdcdc}
	.flyInContent .masthead a {display:block;background:url('img/sprite-base-skin-news.png') -227px -4px/*powered by (SMH icon)*/;text-indent:-9999px}
	.flyInContent .brisbanetimes a {width:143px;height:19px;background-position:-408px -4px/*powered by (BT icon)*/}
	.flyInContent .smh a {width:102px;height:18px}
	.flyInContent .theage a {width:112px;height:19px;background-position:-227px -30px/*powered by (Age icon)*/}
	.flyInContent .watoday a {width:89px;height:23px;background-position:-406px -25px/*powered by (WAToday icon)*/}
	/* Image story */
	.flyInContent .wrapper div {width:172px/*image width*/;margin:0}
	.flyInContent .first {float:left;margin:0 17px 0 0}
	.flyInContent .last {float:right}
	.flyInContent .cN-storyImageLead .media {margin-bottom:5px}
	/* ----- IE fixes ----- */
	* html .cN-flyIn {position:absolute/*workaround for unsupported 'position:fixed';JS sets 'top'.*/;margin-left:0;background:#cbced0}
	* html .flyInContent {height:1%}
	*+ html .cN-flyIn {background:#cbced0}

/* --------------------------------------------------------------------------------------
   =Multimedia
   -------------------------------------------------------------------------------------- */
.storySpecialFeature.playerPlaying /*don't show wof during video (wof overlays video area)*/ .wof {position:absolute;left:-9999px}
   
.cN-multimediaGroup div li {position:relative;width:110px;height:140px;margin-right:6px;font-size:.94em;border:1px solid #ccc}
	.cN-multimediaGroup div a {display:block;text-align:center;margin:5px}
	.cN-multimediaGroup p {margin:0 5px}
	.cN-multimediaGroup div .more {position:absolute;right:2px;bottom:2px;margin:0}
	
.cT-multimediaMetadata cite {font-size:.92em;padding-right:.6em;margin-right:.4em;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% -79px/*vertical bar*/}
	.cT-multimediaMetadata small {color:#860303}
	.cT-multimediaMetadata.date small {color:#666}

/* cT-imageMultimedia, used mainly for video */
.cT-imageMultimedia h4 {text-transform:none;padding-bottom:0}
	.cT-imageMultimedia h4 em {text-transform:uppercase}
	.cT-imageMultimedia .videoWrap {background:#dedede;border-bottom:1px solid #aaa;height:236px/*=Player height*/}
	.cT-imageMultimedia .videoWrap p {padding-top:100px;text-align:center}
	.cT-imageMultimedia .videoWrap p strong {display:block;font-weight:bold;font-size:1.5em}
	.cT-imageMultimedia .videoWrap div {position:absolute;top:0;left:0/*Overlay message in .videoWrap*/}
	.cT-imageMultimedia .fdVideo {z-index:1}
	.cT-imageMultimedia .fdVideoWof {padding:.3em .5em;overflow:hidden}
	.cT-imageMultimedia .fdVideoWof h4 {padding:0}
	.cT-imageMultimedia .fdVideoWof p em {color:#666}
	.cT-imageMultimedia .fdVideoWof ul {float:right;margin-top:5px}
	.cT-imageMultimedia .fdVideoWof li {color:#333;font-weight:bold;list-style-type:none;float:left;padding-right:5px;margin:0 5px 0 0;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% 2px/*vertical bar*/}
		/* autoplay */
		.cT-imageMultimedia .fdVideoWof .autoplay {display:none;font-weight:normal;cursor:default}
		.scriptable .cT-imageMultimedia .fdVideoWof .autoplay {display:block}
		.cT-imageMultimedia .fdVideoWof .autoplay strong {margin:0 2px;font-weight:bold}
		.cT-imageMultimedia .fdVideoWof .autoplay a {padding:0 6px;border:1px solid #c3c3c3;border-radius:2px;font-weight:bold;background:#fff url('img/sprite-base-skin-news.png') no-repeat -115px -436px /* content alpha | button | button gradient */}
		.cT-imageMultimedia .fdVideoWof .autoplay a:hover,
		.cT-imageMultimedia .fdVideoWof .autoplay a:focus {color:#005f96;text-decoration:none;background-color:#dbe4ea}
	.cT-imageMultimedia .fdVideoWof .last {background-image:none;margin:0;padding:0}
	/* State when player is not yet loaded: Show static image and "Play video" overlay: */
	.cT-imageMultimedia .play-video {overflow:hidden;margin:0}
	/* Overlay screens: */
	.overlay {display:none/*displayed by Javascript*/;position:absolute;top:0;left:0;z-index:5;width:390px;height:88%/*percentage in order to capture case where wof goes over more than just one line*/;padding:4% 15px;color:#ccc;background:#000;overflow:hidden/*mainly for Safari/Chrome where you can expand textarea*/}
		.overlay.visible {display:block}
		.overlay h3 {margin-bottom:.2em;color:#1ca7ef}
		.cT-imageMultimedia .overlay h4 {padding:0;background:none}
		.cT-imageMultimedia .overlay p {background:none}
		.overlay .previous {position:absolute;right:15px;top:11px;color:#1ca7ef;font-size:.94em}
		.overlay .submit input {height:24px;padding:0;border:0;font-weight:bold;cursor:pointer;background:transparent url('img/sprite-base-skin-news.png') no-repeat -420px -80px/*bg button video overlay*/}
		/* Pre play */
		.overlayPrePlay {top:162px;padding:5px;width:410px;height:20px}
			.overlayPrePlay p {float:left;padding:0;color:#1ca7ef;line-height:20px;font-weight:bold;font-size:1.15em}
			.overlayPrePlay span {color:#fff;font-weight:bold}
			.overlayPrePlay li {margin:0;display:inline/*Only show 'Stop' button*/}
			.overlayPrePlay .last {display:none}/*Hide 'Play' button - not used*/
			.overlayPrePlay a {display:block;height:20px;padding:0 5px 0 27px;float:right;font-size:.94em;line-height:20px;border:1px solid #999;color:#fff;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1316px -220px/*video: stop button*/}
		.overlayAd {width:300px;height:86%/*percentage in order to capture case where wof goes over more than just one line*/;padding:4% 60px 6%}
			.overlayAd .ad {margin:0}
		.overlayFeedback p {font-size:.94em;font-weight:bold}
			.overlayFeedback li {margin:0 0 0 1em;font-size:.94em}
			.overlayFeedback form {margin-top:15px}
			.overlayFeedback form li {margin:0}
			.overlayFeedback label {float:left;width:63px}
			.overlayFeedback input {float:left;width:262px;margin-bottom:5px}
			.overlayFeedback select {float:left;width:266px;margin-bottom:5px}
			.overlayFeedback textarea {float:left;width:262px;height:38px;margin-bottom:5px}
			.overlayFeedback .submit input {width:114px}
		.overlayThanks {padding:17px 15px;height:203px}
			.overlayThanks h4 {margin-top:1em;padding:0;color:#ccc;font-size:1.2em}
			.overlayThanks p {font-weight:normal;margin-top:1em}
		.overlaySettings p {font-weight:bold;font-size:.94em}
			.overlaySettings form {margin-top:10px}
			.overlaySettings li {margin:0;font-size:.94em}
			.overlaySettings label {line-height:28px}
			.overlaySettings input {margin:3px 5px 0 0}
			.overlaySettings .button {float:left;margin-bottom:.8em}
			.overlaySettings .submit input {width:146px}
			.overlaySettings .submit p {clear:left;float:left;font-weight:normal}
		.overlayPostPlay {padding:17px 15px;height:203px}
			.overlayPostPlay ul {margin:10px 0 0 -7px}
			.overlayPostPlay li {float:left;width:92px;list-style-type:none;margin:0 0 0 7px;font-size:.94em}
			.overlayPostPlay li a {display:block;color:#fefefe}
			.overlayPostPlay .play-video {margin-right:0}
			.overlayPostPlay .replay {display:block;width:70px;height:20px;margin:40px auto 0;padding-left:27px;line-height:20px;color:#1ca7ef;;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1316px -242px/*video: play button*/}
			.overlayPostPlay .social {overflow:hidden;width:350px;margin:0 auto}
			.overlayPostPlay .social li {padding-left:17px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1090px -258px/*icons: email small*/}
			.overlayPostPlay .social .facebook {background-position:-1090px -276px}
			.overlayPostPlay .social .copy {background-position:-1090px -343px}
			.overlayPostPlay .social {overflow:hidden;width:350px;margin:0 auto}
			.overlayPostPlay .social li {padding-left:17px;background:transparent url('img/sprite-base-skin-news.gif') no-repeat -1090px -258px/*icons: email small*/}
			.overlayPostPlay .social .facebook {background-position:-1090px -276px}
			.overlayPostPlay .social .copy {background-position:-1090px -343px}
		.overlayHelp {height:94%;padding:2% 15px}/*Need to accommodate lots of text.*/
			.overlayHelp p {font-size:.87em}
		/* ----- IE fixes ----- */
		* html .overlay .previous {color:#1ca7ef!important}
		* html .overlaySettings .submit input {margin-top:1.5em}
		* html .overlaySettings .submit p {width:290px}
		* html .cT-imageMultimedia .fdVideoWof {height:1%}
		* html .overlayPostPlay ul {height:1%;width:397px/*IE6 needs width here - adjust for different column widths*/}
		* html .overlayPostPlay li {display:inline}
		* html .overlayPostPlay .social {height:16px}
		*+ html .overlayPostPlay ul {height:auto;overflow:hidden;width:448px/*IE7 needs width here*/}
		*+ html .overlaySettings .submit input {margin-top:1.5em}
		*+ html .overlaySettings .submit p {width:290px}
		
.featuredVideos {float:right;width:192px}
	.featuredVideos li {list-style-type:none;margin:0;overflow:hidden;font-size:.92em}
	/* ----- IE fixes ----- */
	* html .featuredVideos li {height:1%;margin-bottom:9px/*.play-video margin*/}
	*+ html .featuredVideos li {margin-bottom:9px/*.play-video margin*/}

.strapMultimedia /*extends cT-imageMultimedia*/ {float:left;width:408px;margin:0 0 15px}
	.strapMultimedia .videoWrap {height:230px}
	.strapMultimedia .fdVideoWof h4 {margin:6px 0;background:none}
	.strapMultimedia .fdVideoWof .ad {float:right;margin:0 0 5px}
	.strapMultimedia .overlay {padding:8px 9px;height:214px}
	.strapMultimedia .overlayPrePlay {width:398px}
	.strapMultimedia .overlayAd {width:300px;height:250px;padding:23px 54px}/*Have overlay MRec cover entire player & wof*/
	

/* --------------------------------------------------------------------------------------
   =Comments
   -------------------------------------------------------------------------------------- */
.cT-comments {overflow:auto;margin:0 0 20px 0;padding:20px;border:1px solid #e4e4e4;border-radius:2px}
	/* Global comment styles */
	.cT-comments h2 {font-size:1.5em}
	.cT-comments h3 {margin:4px 0 5px 0;font-size:14px}
	.cT-comments .hiddenVisually {position:absolute;clip:rect(1px, 1px, 1px, 1px);padding:0;border:none;margin:0;height:1px;width:1px;overflow:hidden}
	* html .cT-comments .hiddenVisually {clip:rect(1px 1px 1px 1px)} /* IE6 */
	*+ html .cT-comments .hiddenVisually {clip:rect(1px 1px 1px 1px)} /* IE7 */
	/* Generic comment styles */
	.cT-comments em, .cT-comments strong {font-weight:bold;font-style:normal}
	.cT-comments .note, .cT-comments .error{color:#cc3312}
	.cT-comments .error-screenName {padding:8px 0 6px 0}
	.cT-comments .note em, .cT-comments .error em {font-style:italic}
	.cT-comments ul, .cT-comments li {list-style:none}
	.more-comments {position:relative;margin:-10px 0 13px 0}
	.cT-comments .error {display:none}
	.cT-comments .errorSelected {display:block}
	/* Comment list styles */
	.comments {margin-bottom:16px;list-style:none}
	.comments li {overflow:hidden;zoom:1;margin:0;padding:15px 0 4px 0;clear:both;border-bottom:1px dotted #ccc;list-style:none}
	.comments li input {float:right;display:block}
	.comments li ul {float:left;width:100%;margin-top:6px}
	.comments li li {margin:4px 0 0 0;padding:9px 8px 8px 36px;padding-right:8px;border:0;background:#f6f6f6}
	.comments h3 {margin-bottom:10px;font-size:1.5em}
	.comments img {float:left;vertical-align:baseline}
	.comments p {margin-bottom:5px}
	.comments blockquote, .comments dl {margin-left:35px}
	.comments blockquote {position:relative;top:-3px;margin:0 0 0 35px;quote:"\201C" "\201D";color:#333}
	.comments blockquote:before {display:block;float:left;width:17px;height: 15px;content:"\201C";line-height:1;font-size:37px;font-family:Georgia,"Times New Roman",Times,serif;color:#cfcfcf }
	.comments blockquote:after {content:none}
	.comments dl {display:block;margin-top:3px;padding-bottom:4px;line-height:1;color:#666;font-size:11px}
	.comments dd {display:inline;margin-right:3px}
	.comments cite {padding-right:7px;border-right:1px solid #999;color:#999}
	.comments .latest {color:#cc3312}
	/* Commenting rating */
	.cT-comments .cN-rating {margin-left:35px}
		.cT-comments .frmSnippet .cN-rating {margin-left:0;clear:left}
		.cT-comments .cN-rating span {padding:0}
		.cT-comments .cN-rating cite {border-right:0}
	
/* Signin section */	
.comment-start {}
	*html .comment-start {height:75px}
	.comment-start .divider {position:absolute;top:0;left:197px;width:32px;height:61px;padding-top:40px;text-align:center;font-style:italic;font-family:georgia;font-size:14px;color:#999;background: url('img/sprite-base-skin-news.png') no-repeat -119px -470px}
	.comment-start {color:#333}
	.comment-signup {padding:12px;background:#f1f1f1}
	/* SMH standard button */
	.comment-signup .btn {display:block;width:168px;margin:2px 0 5px 0;padding:10px 0 11px 0;border:1px solid #0063A7;border-bottom:1px solid rgba(0,0,0,0.25);border-radius:3px;-moz-border-radius:3px;box-shadow: -1px 1px 0 0 #54a7d9 inset;line-height:1;text-align:center;font-weight:bold;color:#fff;background:#007CC3 url('img/sprite-base-skin-news.png') no-repeat -115px -366px}
	.comment-signup .btn:hover {text-decoration:none;box-shadow: -1px 1px 0 0 #5195c3 inset;background-color:#0063A7}
  	/* The Age */
	.theage .comment-signup .btn  {background-color:#004990;border-color:#003478;-moz-box-shadow:inset -1px 1px 0 0 #5182b3;-webkit-box-shadow:inset -1px 1px 0 0 #5182b3;box-shadow:inset -1px 1px 0 0 #5182b3}
	.theage .comment-signup .btn:hover,
	.theage .comment-signup .btn:focus {background-color:#003478} 
	/* Brisbane Times */
	.brisbanetimes .comment-signup .btn {background-color:#012d61;border-color:#001847;-moz-box-shadow:inset -1px 1px 0 0 #516f93;-webkit-box-shadow:inset -1px 1px 0 0 #516f93;box-shadow:inset -1px 1px 0 0 #516f93}
	.brisbanetimes .comment-signup .btn:hover,
	.brisbanetimes .comment-signup .btn:focus {background-color:#001847}
	/* WA Today */
	.watoday .comment-signup .btn  {background-color:#184992;border-color:#003378;-moz-box-shadow:inset -1px 1px 0 0 #6182b5;-webkit-box-shadow:inset -1px 1px 0 0 #6182b5;box-shadow:inset -1px 1px 0 0 #6182b5}
	.watoday .comment-signup .btn:hover,
	.watoday .comment-signup .btn:focus {background-color:#003378}
	

	.socialSignin {float:right;width:125px;padding-left:11px}
	.socialSignin ul {overflow:hidden;padding:0;list-style:none}
	.socialSignin li {float:left;margin:4px 13px 6px 0;background:url('img/sprite-base-skin-news.png') no-repeat -1089px -420px}
	.socialSignin li a {overflow:hidden;float:left;width:33px;height:33px;text-indent:-9999em}
	/* Social network social network backgrounds */
	.socialSignin .twitter {background-position:-1123px -420px}
	.socialSignin .linked_in {margin-right:0;background-position:-1156px -420px}
	
	/* Comments profile */
	.comments-profile {padding:15px 0 16px 0}
	.comments-profile img {float:left;position:relative;top:3px;margin:0 15px 20px 0;vertical-align:baseline}
	.comments-profile .social {padding:0 0 1px 19px;background:url("img/sprite-base-skin-news.png") no-repeat scroll -1090px -380px transparent /* facebook medium */}
	.comments-profile .twitter {background-position:-1090px -360px /* Twitter medium */}
	.comments-profile .linked_in {background-position:-1090px -400px /* linkedin mini */}
	
	/* Comments with no social sign in */
	.signUpAlt .btn,
	.signUpAlt p {display:inline-block;vertical-align:middle}
	.signUpAlt .btn {margin-right:10px}
	* html .signUpAlt p {display:inline}
	*+ html .signUpAlt p {display:inline;zoom:1}
		
/* Form styling */
.frmSnippet {width:374px;margin-bottom:16px}
	/* default form styling */
	.frmSnippetLast {margin-bottom:0}
	.frmSnippet .input-txt {width:364px;height:21px;padding-left:8px;border:1px solid #e7e7e7;border-top:1px solid #999;border-radius:3px;-moz-border-radius:3px;color:#666;font-family:Arial,Helvetica,sans-serif;font-size:1.0em;background:#fdfaf2}
	.frmSnippet .input-txt:focus, .frmSnippet textarea:focus, .frmSnippet textarea.focus,  .frmSnippet .input-txt.focus {border:1px solid #cc9900}
	.frmSnippet .placeholder {color:#999}
	.frmSnippet label {font-weight:bold}
	.frmSnippet label span {font-weight:normal;color:#333}
	.frmSnippet textarea {width:364px;height:122px;padding:8px;border:1px solid #e7e7e7;border-top:1px solid #999;border-radius:3px;-moz-border-radius:3px;color:#666;font-family:Arial,Helvetica,sans-serif;font-size:1.0em;background:#fdfaf2}
	/* input error success states*/
	.frmSnippet .input-error {background:#fdfaf2 url('img/sprite-base-skin-news.png') no-repeat -1132px -557px}
	.frmSnippet .input-success {background:#fdfaf2 url('img/sprite-base-skin-news.png') no-repeat -1132px -581px}
	.frmSnippet .disabled, .frmSnippet .disabled:focus {border:1px solid #e7e7e7;color:#999;background:#f6f6f6} /* Disabled input styling */
	/* targeted styling */	
	.optIn {margin:15px 0 20px 0;padding-top:7px;border-top:1px dotted #ccc}
	.frmSnippet .terms, .optIn input {float:left;margin-top:1px;font-weight:normal}
	.frmSnippet .lblTerms, .optIn label {display:inline;font-weight:normal}
	* html .frmSnippet .lblTerms, * html .optIn label {padding-top:5px}
	.frmSnippet .chars {float:right;font-weight:bold}

	.frmSnippet li {position:relative;margin-bottom:0}
	.frmSnippet li label, .socialSelect label {display:inline;width:auto;font-weight:normal}
	
	.cT-comments .screenNameOption, .cT-comments .terms, .cT-comments .submit, .cT-comments .social-select input {position:relative;width:auto}
	.cT-comments .screenNameOption {top:2px;margin-left:0}

	/* Button styling */
	input.btn {overflow:visible;display:block;padding:3px 9px;clear:both;border:1px solid #c3c3c3;color:#0d5f96;font-size:0.9em; font-weight:bold;cursor:pointer;background:#f6f6f6 url('img/sprite-base-skin-news.png') no-repeat -115px -412px}
	input.btn:hover {background-color:#e2ebf1}
	/* Social section */
	.socialSelect {position:relative;margin-top:-14px;border-bottom:1px dotted #ccc}
	.socialSelect dl  {height:21px;padding:4px 0 6px 0;border-bottom:1px solid #fff;background:#f6f6f6}
	.socialSelect dt, .socialSelect dd {float:left;}
	.socialSelect dt span {float:left;height:16px;margin:0px 10px 0 10px;line-height:16px;border:1px soild red}
	.socialSelect dd {margin-right:15px}
	.socialSelect input {float:left;height:15px;width:15px;margin:1px 3px 0 0}
	*+ html .socialSelect input {margin-top:2px}
	.socialSelect input {margin-top:-2px\9}
	.socialSelect label {float:left;position:relative;top:0px;height:16px;padding-left:21px;font-size:0.9em;color:#0d5f96;line-height:16px;background:url('img/sprite-base-skin-news.png') no-repeat -1089px -380px}
	.socialSelect .linked_in {background-position:-1089px -400px}
	.socialSelect .twitter {background-position:-1089px -360px}


/* Social commenting module. Needs JS routine _initSocialCommenting to work. */
.cT-socialCommenting {border-top:2px solid #ccc}
	.cT-socialCommenting p {color:#666;border-bottom:1px dotted #ccc;margin:.2em 0 .1em;padding-bottom:.1em}
	.cT-socialCommenting .people em {font-size:1.6em;font-weight:bold}
	.cT-socialCommenting .twitter em {padding-left:15px;color:#666;font-weight:bold;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1090px -310px/*Twitter*/}
	.cT-socialCommenting .comments em {padding-left:15px;color:#666;font-weight:bold;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1090px -292px/*comments*/}
	.cT-socialCommenting h4 {font-size:.94em;font-weight:normal;text-transform:none}
	.cT-socialCommenting ol li {position:relative;color:#333;margin-bottom:.2em;padding-right:45px/*create room for number (em)*/;font-size:.94em;border-bottom:1px dotted #ccc}
	.cT-socialCommenting ol li em {position:absolute;right:18px;top:0;color:#666}
	.cT-socialCommenting ol li span {position:absolute;right:0;top:0;width:13px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1090px -324px/*people reading this*/;text-indent:-9000px}
	.cT-socialCommenting ul li {list-style-type:none;margin:0 0 .3em;padding-left:15px;font-size:.94em;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1090px -258px/*email small*/}
	.cT-socialCommenting .facebook {background-position:-1090px -274px/*facebook*/}
	/* Javascript adds this list entry to both ul and ol: <li class="close"><a href="#">Close</a></li> */
	.cT-socialCommenting .close a {color:#666}
	.cT-socialCommenting .close {padding-right:0}
	.cT-socialCommenting ul .close {background:transparent none}
	.tellFriends a:visited,.cT-socialCommenting h4 a:visited {/*Masthead colour set here in masthead-specific code at the end of this file.*/}
	/* JS-enabled view: */
	.scriptable .cT-socialCommenting ol {width:289px;height:94px;padding:26px 5px 6px 13px;overflow:hidden;background:transparent url('img/sprite-base-skin-news.png') no-repeat -320px -234px/*bg social comments*/}
	.scriptable .cT-socialCommenting ul {width:158px;height:40px;padding:20px 5px 6px 13px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -115px -274px/*bg tell your friends*/}
	.scriptable .cT-socialCommenting ol li {border:0}
	/* ----- IE fixes ----- */
	* html .cT-socialCommenting p {background:#fff/*Otherwise some of the dotted lines disappear*/}
	/* All IE seem to have trouble rendering the injected link in the h4. Workarounds: */
	* html .scriptable .cT-socialCommenting h4 {text-decoration:underline;cursor:pointer;color:#00548C}
	*+ html .scriptable .cT-socialCommenting h4 {color:#00548C}
	*+ html .scriptable .cT-socialCommenting h4:hover {text-decoration:underline;cursor:pointer;color:#c30}
	.scriptable .cT-socialCommenting h4 {color:#00548C\0}/*IE8*/
	.scriptable .cT-socialCommenting h4:hover {text-decoration:underline\0;cursor:pointer\0;color:#c30}/*IE8*/
	
	   
/* --------------------------------------------------------------------------------------
   =Search
   -------------------------------------------------------------------------------------- */
/* cN-searchBox */	
.cN-searchBox form {background:transparent url('img/sprite-base-skin-news.png') no-repeat -115px -80px/*bg search box + bg search button*/;height:21px;width:300px}
	.cN-searchBox label {width:auto;display:inline}
	.cN-searchBox label input {padding:2px 3px 0;width:143px;height:18px;font-size:1em;border:0;background-color:transparent}
	.ddown {height:21px;top:0;left:1px;padding:0 3px;width:79px;font-size:.9em;line-height:19px;list-style-type:none}
		.ddown a {display:block;height:20px;width:100%}
		.ddown .selected {color:#999;width:77px;overflow:hidden}
		.ddown .srch-wrap {left:-1px;background-color:#fff;border:1px solid #ddd;border-width:0 1px 1px 0/*Create fake dropshadow*/}
		.ddown .srch-wrap div {position:absolute;left:1px;top:0;width:79px;border:1px solid #fff}
		.ddown ul {padding:0 5px;border:1px solid #b7b7b7;background-color:#fff}
		.ddown li {margin:0;list-style-type:none;white-space:nowrap}
		.ddown li li {padding-top:1px;border-top:1px dotted #ccc}
		.ddown .first {border:0}
		.cN-searchBox .open {border:1px solid #b7b7b7;width:75px;height:22px;border-bottom-width:0;background-color:#fff}
	.btnSubmit {position:absolute;right:0;top:0;width:auto;cursor:pointer;border:0;width:65px;height:22px;padding-bottom:3px;font-weight:bold;font-size:.92em;color:#666;background:transparent url('img/sprite-base-skin-news.png') no-repeat -351px -80px/*search button background*/}
	/* Search form in header: */
	.cN-searchBox form {bottom:3px}
	/* Search form in web search result page: */
	.searchResultWeb .cN-searchBox {clear:both;height:35px;background-color:#dedede}
	.searchResultWeb .cN-searchBox form {margin:0 0 0 200px;float:left;border:3px solid #fff;background-color:#fff}
	.searchResultWeb .cN-searchBox h2 {left:-86px;top:2px;color:#666;font:bold 1em Arial, Arial, sans-serif}
	/* ----- IE fixes ----- */
	* html .cN-searchBox .srch-wrap {top:20px}
	* html .cN-searchBox .open {height:20px}
	* html .cN-searchBox .ddown li {position:absolute;right:0;top:0}
	* html .cN-searchBox .ddown li li {position:static}
	* html .btnSubmit {padding-bottom:0}
	* html .cN-searchBox .selected {width:auto;color:#999}
	* html .cN-searchBox .selected:visited,
	* html .cN-searchBox .selected:hover {color:#999}
	*+ html .btnSubmit {padding-bottom:0}
	/*all IE*/ .ddown .selected {position:absolute\9}

.cN-indicatorResults {float:left;clear:left;margin:.8em 0 0;padding-bottom:.8em;font-size:.92em;color:#333;border-bottom:2px solid #ccc;width:100%}
	.cN-indicatorResults em,.cN-indicatorResults strong {font-size:1.4em;color:#005f96;font-weight:bold}
	.searchResultWeb .cN-indicatorResults {border:0;margin:0 0 .8em;background:transparent url('img/powered-by-Google.gif') no-repeat 100% 0}

.cT-matchingSections {float:left;width:100%;border-bottom:1px solid #ccc}
	.cT-matchingSections h3 {font-size:1.2em;color:#333;font-style:italic;font-weight:normal;background-color:#ededed;padding:.4em}
	.cT-matchingSections h3 strong {font-style:normal;font-weight:bold}
	.cT-matchingSections .more {font-weight:bold}
	/* Style width and padding of dl,dt,dd in percent: */
	.cT-matchingSections dl {float:left;width:98%;font-size:.92em;color:#666;background-color:#ededed;margin:1px 0 0;padding:1.1%/*To overcome browser rounding errors we need 1.1%, not 1%.*/}
	.cT-matchingSections dt {display:block;float:left;width:22%;font-weight:bold;margin:0}
	.cT-matchingSections dd {display:block;float:left;width:77.9%}
	/* ----- IE fixes ----- */
	* html .cT-matchingSections {float:none}
	*+ html .cT-matchingSections {float:none;overflow:hidden}
	
.cT-sortOptions {clear:both;float:right;color:#333;font-size:.92em}
	.cT-sortOptions em {font-weight:bold;color:#000}

.cT-searchResult {clear:both;margin-top:1em}
	.cT-searchResult h3 {font-size:1.5em;margin-bottom:.3em}
	.cT-searchResult img {float:left;margin:0 9px 9px 0}
	.cT-searchResult cite {font-size:.94em;color:#999;text-transform:uppercase}
	.cT-searchResult span {font-size:.94em;color:#999;text-transform:none}
	.cT-searchResult p {margin-bottom:.5em}
	.cT-searchResult em {background-color:#fffdd5;padding:0 .2em}/* Highlight search terms */
	
.cT-searchResultsEmpty {clear:both}

.cT-boxArchiveSearch {border-top:2px solid #ccc;padding-top:.4em}
	.cT-boxArchiveSearch p {font-size:.92em;margin-bottom:.4em}
	.cT-boxArchiveSearch p + p {font-weight:bold;color:#666}/* Degrades in IE6 and IE7: ignored */
	
/* Format search results for web search: */	
.searchResultWeb h3.results {clear:both;font-size:2em;border-top:2px solid #ccc}

.cN-searchResultsWeb h4 {text-transform:none;color:inherit;font-size:1.234em;font-weight:normal}
	.cN-searchResultsWeb {list-style-type:none}
	.cN-searchResultsWeb li {margin:10px 0}
	.cN-searchResultsWeb p {color:#000}
	.cN-searchResultsWeb .links {font-size:.94em;color:#666}
	.cN-searchResultsWeb em {font-weight:bold}/*Mark search term*/


/* --------------------------------------------------------------------------------------
   =Tabulator components
   -------------------------------------------------------------------------------------- */
/* cN-tabBox */
.cN-tabBox h4 {background-color:#dedede;text-align:center;text-transform:none}
	.cN-tabBox h4 a:hover {background-color:#ccc}
	.cN-tabBox .selected h4 {background-color:#007cc3}
	.cN-tabBox .selected h4 a, .cN-tabBox .selected h4 a:visited {color:#fff}
	/* Use % for padding and width so it works in columns of various widths: */
	.cN-tabBox div {padding:1%;width:98%/*subtract 2x padding!*/;border-top:2px solid #007cc3}
	.aside .cN-tabBox div {width:292px;padding:0}
	.aside .cN-tabBox .media-video {position:relative;width:auto;border:0;overflow:hidden}
	/* cS-latestArticlesVideos */
	.aside .cS-latestArticlesVideos div {width:auto}
	.cS-latestArticlesVideos .articles li {list-style-type:disc;margin-left:1.3em;color:#666}
	.aside .cS-latestArticlesVideos h3,.aside .cS-latestArticlesVideos p {border:0;padding:0}
	/* Video tab: To use standard code snippet which also uses a h4, reset previous h4 settings: */
	.cN-tabBox .media-video h4 {background:none;text-align:left;left:auto;width:auto;line-height:inherit;height:auto;padding:0}
	.cN-tabBox div.fdVideoWof {clear:left;padding:.4em;border:0}
	.cN-tabBox .fdVideoWof h4 a {color:inherit}
	/* Multimedia tab */
	.cN-multimediaGroup .cN-tabBox {margin:0}
		.cN-multimediaGroup .cN-tabBox h4 {background:transparent;text-transform:none;text-align:left;font-weight:normal}
		.cN-multimediaGroup .cN-tabBox h4 a {color:#000;background:transparent url('img/sprite-base-skin-news.png') no-repeat 101.5% -73px/*vertical bar*/}
		.cN-multimediaGroup .cN-tabBox .last h4 a {background-image:none}
		.cN-multimediaGroup .cN-tabBox h4 a:hover {background-color:transparent}
		.cN-multimediaGroup .cN-tabBox div {width:100%;border:0;padding:0}
		.cN-multimediaGroup .more {float:right}
	/* ----- IE fixes ----- */
	* html .cN-tabBox .selected h4 a:link {color:#fff}
	* html .cN-multimediaGroup .cN-tabBox div {position:relative}
	* html .cN-tabBox .fdVideoWof h4 span {line-height:normal}
	*+ html .cN-tabBox .fdVideoWof h4 span {line-height:normal}
	*+ html .cN-tabBox .fdVideoWof h4 a {color:#484848}

/* cN-tabPages */
.cN-tabPages {border:1px solid #ababab;border-width:1px 0;padding-bottom:5px}
	.cN-tabPages .nav {border-left:1px solid #ababab}
	.cN-tabPages .nav li {margin:0 0 0 -1px;border:1px solid #ababab}
	.cN-tabPages .nav a {line-height:22px;background-color:#f2f2f2}
	.cN-tabPages .nav .selected {border-bottom-color:#fff}
	.cN-tabPages .nav .selected a {background-color:#fff}
.tabPagesSettings /*extends cN-tabPages*/ {overflow:hidden;margin:0;padding:0;border:1px solid #9eafb4;background:#fff}
	.tabPagesSettings .nav {overflow:hidden;position:relative;top:0;float:left;height:auto;margin-right:20px}
	.tabPagesSettings .nav li {float:none;width:168px /* anchor width + anchor padding*/;height:43px /* anchor line-height*/;border:0}
	.tabPagesSettings .nav a {width:158px;padding:0 0 0 10px;font-weight:bold;font-size:1.17em;line-height:43px;color:#666}
	.tabPagesSettings .nav a:hover, .tabPagesSettings .nav .selected a {color:#222;text-decoration:none}
	.tabPagesSettings .nav .selected {width:186px;border-bottom-color:#9eafb4}
	.tabPagesSettings .nav .selected a {cursor:default}
	.tabPagesSettings .tab {clear:none;float:left;padding:10px 0;width:400px}
	/* ----- IE fixes ----- */
	* html .tabPagesSettings {zoom:1}


/* --------------------------------------------------------------------------------------
   =Pagination
   -------------------------------------------------------------------------------------- */
.cN-pagination .page,.cN-pagination .prev,.cN-pagination .next {border:1px solid #82b2cf}
	.cN-pagination a {padding:2px 6px 3px}
	.cN-pagination .page a:hover,.cN-pagination .prev a:hover,.cN-pagination .next a:hover {background-color:#007cc3;color:#fff}
	.cN-pagination .selected {color:#fff;padding:2px 6px 3px;background-color:#007cc3;border-color:#007cc3}
	.cN-pagination .gap {border:0;padding:5px 0}
	.cN-pagination .prev a {background:url('img/sprite-base-skin-news.png') no-repeat -862px 5px;padding-left:12px/*arrows | arrow: left #ccc*/}
	.cN-pagination .next a {background:url('img/sprite-base-skin-news.png') no-repeat -986px 5px;padding-right:12px/*arrow right*/}


/* --------------------------------------------------------------------------------------
   =Forms
   -------------------------------------------------------------------------------------- */
form legend {position:absolute;left:-9999px/*for accessibility only*/}
	form li {margin:0 0 1em}
	form label {display:block;width:100%;float:none}
	form label span {color:#666}
	form .checkbox {margin-left:0}
		form .checkbox label {width:100%}
		form .checkbox input {width:auto}
	.submit input {width:auto;float:left}
	.submit a {float:right;line-height:1.9}
	form .error {color:#900}

/* ----- Buttons ----- */
.button {display:inline-block;margin:0!important;padding:4px 12px 6px!important;outline:none;cursor:pointer;text-align:center;text-decoration:none;
	font: 1.0833em/100% Arial, sans-serif;vertical-align:baseline;text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2)}
	/* ----- IE fixes ----- */
	* html .button {overflow:visible/*fix padding*/;padding:3px 12px!important}
	*+ html .button {overflow:visible/*fix padding*/;padding:5px 12px 7px!important;zoom:1;display:inline/*hasLayout & display:inline = IE7 hack for display:inline-block*/}
	/*IE8*/ .button {padding:4px 12px 6px\9!important}
.button:hover {text-decoration:none}
.button:active {position:relative;top:1px}
/* ----- Default button colours ----- */
.button {color:#fff;border:solid 1px #026ba8;background:#1285c6;
	background:-webkit-gradient(linear, left top, left bottom, from(#69afd8), to(#007ec9));
	background:-moz-linear-gradient(top, #69afd8, #007ec9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#69afd8', endColorstr='#007ec9')}
.button:hover,
.button:focus,
.button:active {color:#fff;border-color:#0285c9;background:#c1561a;
	background:-webkit-gradient(linear, left top, left bottom, from(#83cfee), to(#009ce4));
	background:-moz-linear-gradient(top, #83cfee, #009ce4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83cfee', endColorstr='#009ce4')}

/* Membership forms */
	/* Comment form */
	.commentForm {margin-top:15px}
		.commentForm h4 {color:#333;font-size:1.167em;font-family:Georgia,"Times New Roman",Times,serif;text-transform:none}
		.commentForm input {width:350px}
		.commentForm .socialSelect input {width:15px}/*overriding inheritence */
		.commentForm .frmSnippetLast input.btn{width:auto}
		.commentForm textarea {width:356px;font:normal 1.1em Arial, Helvetica, sans-serif}
		.commentForm .comment .chars {float:right}
		.commentForm .frmCodeComment {width:83px;margin-top:3px}
		.commentForm img {display:block}
		.commentForm .note {margin-left:0}
		.commentForm .frmCond {float:left;width:auto;margin:0 5px 15px}
		.commentForm fieldset {clear:both}
	/* Thank you */
	.commentThanks strong {display:block;margin-bottom:.35em;font:bold 1em Georgia, "Times New Roman", Times, serif}
		.commentThanks a {font-size:.94em;display:block;margin-top:.7em}
	/* Display logic for comment screens (backend adds/removes class to/from container to show corresponding screen) */
	.commentStart,.commentLogin,.commentForm,.commentThanks,.commentRegister,.comment-start {display:none}
	.login .commentLogin, .form .commentForm,.thanks .commentThanks,.register .commentRegister{display:block} 
	
.cT-weddingForm {background:#f2f2f2 none repeat scroll 0 0;border:2px solid #ccc;margin:10px auto;padding:20px;width:455px}
	.cT-weddingForm fieldset {width:450px}
	.cT-weddingForm p {margin-bottom:16px}
	.cT-weddingForm .chars {float:right;color:#666;font-size:.9em}
	.cT-weddingForm textarea,.cT-weddingForm input {width:450px}
	.cT-weddingForm .button {display:block;height:24px;line-height:24px;text-align:center;text-decoration:none;font-weight:bold;color:#fff;
		/* Button bg colour and border: */background-color:#1e45ae;border:1px solid #006;
		/* Rounded corners: */border-radius:6px/*future CSS3 browsers*/;-webkit-border-radius:6px/*current Safari*/;-moz-border-radius:6px/*current Firefox*/}
		.cT-weddingForm .button {font-size:1em;cursor:pointer;line-height:normal}
		.cT-weddingForm .button, x:-moz-any-link {padding-bottom:3px/*Mozilla only*/}
		*+ html .cT-weddingForm .button, x:-moz-any-link {padding-bottom:0/*reset IE7 which also reads Mozialla-only code*/}
		.cT-weddingForm .button:hover {color:#fff;text-decoration:none/*make links consistent with input button hover behaviour*/}
	.cT-weddingForm.submit {margin-bottom:0;overflow:hidden}
	.cT-weddingForm .submit .button {width:auto!important}
	.cT-weddingForm .submit a {float:left;margin-left:1em}
	
.cN-searchFormModal {overflow:hidden;position:relative;margin-bottom:20px}
	.cN-searchFormModal h3 {padding-top:.1em;font-size:1.8em;border-top:2px solid #ccc}
	.cN-searchFormModal form {padding:8px}
	.cN-searchFormModal label {margin-bottom:.2em;font-size:.92em;color:#666}
	.cN-searchFormModal input {width:200px}
	.cN-searchFormModal fieldset label {display:inline-block;float:left;width:auto;margin:5px 20px 0 0}
	.cN-searchFormModal fieldset input {float:left;width:auto}
	.cN-searchFormModal .submit {position:absolute;right:8px;top:57px;top:4.7em;width:68px;height:22px;padding:0 0 1px;font:bold 1em Arial, Helvetica, sans-serif;text-transform:uppercase;border:1px solid #777;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
	.cN-searchFormModal .submit:hover {cursor:pointer;background-color:#aaa}
	/* ----- IE fixes ----- */
	* html .cN-searchFormModal {height:1%}
	* html .cN-searchFormModal form {height:1%}
	* .cN-searchFormModal .submit {top:4.8em}
	*+ html .cN-searchFormModal form {height:1%}
	*+ .cN-searchFormModal .submit {top:4.8em}
.searchFormModalWide /*extends cN-searchFormModal*/ input {width:320px}
	.searchFormModalWide fieldset input {width:auto}
	
/* Email A Friend form */
.cN-emailAFriend {width:400px;margin-left:-200px/*width/2*/;padding:7px;background:#aaa;/*fall-back for browsers who don't understand rgba*/background:rgba(85,85,85,.55);
	/* Rounded corners: */border-radius:7px/*future CSS3 browsers*/;-webkit-border-radius:7px/*current Safari*/;-moz-border-radius:7px/*current Firefox*/}
	.cN-emailAFriend form,.cN-emailAFriend .thankYou {position:relative;padding:7px 10px;background:#eee;
	/* Rounded corners: */border-radius:6px/*future CSS3 browsers*/;-webkit-border-radius:6px/*current Safari*/;-moz-border-radius:6px/*current Firefox*/}
	.cN-emailAFriend .thankYou {padding:7px 20px}
	.cN-emailAFriend legend {display:block;padding:.5em 0 1em;font:normal 1.5em Arial, sans-serif;color:#333}
	.cN-emailAFriend .form li {overflow:hidden}
	.cN-emailAFriend label {float:left;width:93px;margin-right:12px;text-align:right;color:#555}
	.cN-emailAFriend label span {font-size:.92em}
	.cN-emailAFriend input[type=text],.cN-emailAFriend textarea {width:220px}
	.cN-emailAFriend input[type=checkbox] {margin:0;vertical-align:middle}
	.cN-emailAFriend .indent,.cN-emailAFriend .error {margin-left:105px/*label width + label margins*/}
	.cN-emailAFriend .error {font-weight:normal;font-size:.92em;color:#900}
	.cN-emailAFriend .close {z-index:1;position:absolute;right:17px;top:14px;padding-left:20px;font-size:.92em;font-weight:bold}/*Javascript injects this element*/
	.cN-emailAFriend .thanks {margin:30px 0 20px;font-size:1.5em;color:#333}
	/* ----- IE fixes ----- */
	* html .cN-emailAFriend {background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55555555,endColorstr=#55555555)/*aarrggbb*/}
	*+ html .cN-emailAFriend {background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55555555,endColorstr=#55555555)/*aarrggbb*/}
	*+ html .cN-emailAFriend .form li {overflow:visible/*otherwise IE7 creates margin left of submit button*/}
	

/* --------------------------------------------------------------------------------------
   =Navigators
   -------------------------------------------------------------------------------------- */
.cT-refineGroups h3 {font:bold .92em Arial, Helvetica, sans-serif;color:#fff;padding-left:.4em;margin-bottom:.6em;height:23px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -640px -120px/*big arrow down*/}

.cN-groupNavigator {border-top:1px solid #ccc;padding-top:.2em}
	.cN-groupNavigator ul {list-style-type:none;color:#666}
	.cN-groupNavigator li {list-style-type:none;font-size:.92em;color:#666;line-height:1.5}
	.cN-groupNavigator li.more {margin-top:.3em}
	.cN-groupNavigator li.more:after {content:" \00BB"/*=&raquo;*/}/* Degrades in IE6 and IE7: Characters not visible. */
	.cN-groupNavigator li.less:after {content:""}/* Class 'less' is toggled by Javascript. */
	.cN-groupNavigator li.less:before {content:"\00AB\00A0"/*=&laquo;and &nbsp;*/}
	.cN-groupNavigator h4 {font-weight:bold;font-size:1em;color:#000;text-transform:none;border-bottom:1px solid #ececec;padding-bottom:.2em}
	.cN-groupNavigator h4 a {color:#000}
	.cN-groupNavigator.static h4 a {color:#005F96}
	.cN-groupNavigator h4 span {font-weight:normal;font-size:.92em;color:#89bcdb;padding-right:10px;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% -57px/*arrow left*/}
	/* Open state */
	.cN-groupNavigator.open h4 span,.cT-refineGroups .cN-groupNavigator.open h4 span/* Required to override same rule in section CSS and maintain media search page CSS. */
	{text-indent:-9000px;background-position:100% -24px}
	/* Simple group navigators (when no dropdown icon and no additional list items are required): */
	.cN-groupNavigator.simple {border-top:2px solid #ccc}
		.cN-groupNavigator.simple h4 {font:normal 1.4em Georgia, "Times New Roman", Times, serif;border:0;background:none}
		.cN-groupNavigator.simple h4 span {display:none}
	/* ----- IE fixes ----- */
	* html .cN-groupNavigator li.more {font-weight:bold/*Compensate for unsupported ':after' pseudo-style*/}
	*+ html .cN-groupNavigator li.more {font-weight:bold/*dto.*/}
	* html .cN-groupNavigator h4 a {width:100%;cursor:pointer}
	* html .cN-groupNavigator h4 a:link {color:#000}
	* html .cN-groupNavigator h4 a:visited {color:#000}
	* html .cN-groupNavigator h4 span {width:1%}
	*+ html .cN-groupNavigator h4 a {width:100%;cursor:pointer}
	/* IE6 did not display the bg image on the open state when 'text-indent' was -9000px => we use just
	   so much as to shrink the <span> so that only the bg image is visible: */
	* html .cN-groupNavigator.open h4 span {padding-right:15px;text-indent:-44px}
	
.cN-navigatorDateOption select,.cN-navigatorDateOption input {font-size:.94em}
	.cN-navigatorDateOption li {background-color:#ededed}
	.cN-navigatorDateOption .submit {background-color:transparent}
	
.cN-topicSelector h3 {border-top:2px solid #ccc;margin-bottom:.3em}
	.cN-topicSelector .cN-groupNavigator {border:0;padding:0;margin:0}
	.cN-topicSelector h4 {/*Make h4 look like li entry:*/border:0;font-weight:normal;font-size:.9em;padding:0;/*Indent for span:*/padding-left:1.5em}
	.cN-topicSelector h4 span {background-position:100% -138px/*arrow right*/}
	.cN-topicSelector ul {margin-left:2.2em}
	/* ----- IE fixes ----- */
	* html .cN-topicSelector h4 {height:1%}
	* html .cN-topicNavigator.open h4 span {padding-right:12px}
	
.cN-topicSelector.related h4 {padding:0;margin-top:1em;font-weight:bold}
	.cN-topicSelector.related span {display:none}
	.cN-topicSelector.related ul {margin-left:0}
	.cN-topicSelector.related li {display:inline}
	.cN-topicSelector.related li + li:before {content:"\0020\00B7\0020"}/*\00B7 = unicode for &middot;, \0020 = space | IE6, IE7 don't understand this rule.*/

.cT-callToActionSimple {background-color:#f2f2f2;padding:10px}


/* --------------------------------------------------------------------------------------
   =Buttons
   -------------------------------------------------------------------------------------- */
.btnFauxLink {margin:0;padding:0;background:none;font-size:100%;cursor:pointer;border:none;vertical-align:bottom /* Helps Firefox alignment*/}
   * html .btnFauxLink {overflow:visible;line-height:normal;vertical-align: middle}
   *+ html .btnFauxLink {overflow:visible;line-height:normal;vertical-align: middle}


/* --------------------------------------------------------------------------------------
   =Site-specific components
   -------------------------------------------------------------------------------------- */
.cS-latestVideo {margin-bottom:10px;overflow:hidden}
	.cS-latestVideo h3 {position:relative;font-size:1.8em;font-weight:normal;padding-bottom:.3em;border-top:2px solid #ccc}
	.cS-latestVideo h3 a {position:absolute;right:0;bottom:.8em;font:normal .5em Arial, Helvetica, sans-serif}
	.fdVideoWof {clear:left;background-color:#dedede;padding:.4em;font-size:.92em}
	.fdVideoWof h4 {color:#000;text-transform:none;position:relative}
	.fdVideoWof span {position:absolute;right:0;font-weight:normal}
	.fdVideoAd {position:absolute;left:-9000px}/*Leave-behind ad should be made visible by Javascript at end of video*/
	.videoWrap {height:170px/*Need to set height for Flowplayer as it has 'height:100%'.*/}
	.videoWrap .play-video {margin:0}
	.cS-latestVideo .media-video {position:relative}
		.cS-latestVideo ul {list-style-type:none;margin:7px -12px 0 0;width:auto/*Overrule class 'span-5' which only ensures correct 'Play video' icon size.*/}
		.cS-latestVideo li {float:left;margin:0 12px 3px 0;font-size:.9em;width:92px}
		.cS-latestVideo li a {display:block;height:52px;width:92px;text-align:center;margin:0}
		.cS-latestVideo p a {height:auto;text-align:left;width:auto}
	.aside .cS-latestVideo .postPlay {position:absolute;left:-9000px/*Javascript should set left to '0'*/;top:0;width:300px;height:178px;background:#000 none;text-align:center}
		.cS-latestVideo .postPlay a {color:#999}
		.cS-latestVideo .postPlay .nextAction {height:34px;margin:3px 0 8px}
		.cS-latestVideo .postPlay .nextAction li {float:none;width:auto}
		.cS-latestVideo .postPlay .nextAction a {display:inline;padding:0 0 0 15px;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1493px -139px/*arrow: right #89bcdb*/}
		.cS-latestVideo .postPlay .nextAction .last a {padding-left:20px;background-position:-1395px -301px/*share*/}
		.aside .cS-latestVideo .postPlay p {height:34px;margin:3px 0 8px;color:#ccc}/*error message*/
		.cS-latestVideo .postPlay p strong {display:block;color:#fff;text-transform:uppercase}
		.aside .cS-latestVideo .postPlay h4 {position:relative;text-align:center;color:#1d9ee2;background:#252525;padding:2px 0 3px}
		.aside .cS-latestVideo .postPlay .related {overflow:hidden;height:111px;margin:0;padding:0 50px;background:#252525}
		.cS-latestVideo .postPlay .related li {margin:0 7px 3px 0}
	/* ----- IE fixes ----- */
	* html .cS-latestVideo h3 {height:1%}
	* html .cS-latestVideo .media-video {overflow:hidden;height:1%}
	* html .cS-latestVideo ul {height:1%;width:312px/*width + neg offset*/}
	* html .cS-latestVideo .postPlay .related {position:absolute;top:66px;left:0}
	* html .aside .cS-latestVideo .postPlay p {margin-bottom:0}
	*+ html .cS-latestVideo ul {height:1%;width:312px/*width + neg offset*/}
	*+ html .cS-latestVideo .postPlay .nextAction {margin-bottom:0}
	*+ html .aside .cS-latestVideo .postPlay p {margin-bottom:0}


.cS-breakingNews {margin-bottom:10px}
	.cS-breakingNews h3 {font-size:1.8em;font-weight:normal;padding-bottom:.3em;color:#900;border-top:2px solid #900}
	.cS-breakingNews ul {list-style-type:none}
	.cS-breakingNews li {margin:0}
	.cS-breakingNews cite {color:#666;font-size:.92em;display:block;width:4.8em;float:left}

.cS-map {margin-bottom:10px}

.cS-mostViewed {margin-bottom:10px}
	.cS-mostViewed h3 {font-size:1.8em;font-weight:normal;padding-bottom:.3em;border-top:2px solid #ccc}
	.cS-mostViewed li {margin-left:2.5em;color:#666}

.cS-photoGalleryLinks {margin-bottom:10px}
	.cS-photoGalleryLinks h3 {font-size:1.8em;font-weight:normal;padding-bottom:.3em;border-top:2px solid #ccc}
	.cS-photoGalleryLinks h3 a {color:#000}
	.cS-photoGalleryLinks ul {list-style-type:none;margin-left:-3px}
	.cS-photoGalleryLinks li {position:relative;float:left;margin:0 0 3px 3px;padding:4px;width:90px;height:121px;font-size:.92em;background:transparent url('img/sprite-base-skin-news.png') no-repeat -640px -150px}
	/* Style the image anchor so that the wrapped image can be of smaller size yet the following <p> remains in position: */
	.cS-photoGalleryLinks ul a {display:block;height:60px;width:90px;overflow:hidden;text-align:center}
	.cS-photoGalleryLinks p {margin-top:3px;color:#333;line-height:1.2}
	/* Style the paragraph link so that it covers the entire <li> area (image and paragraph): */
	.cS-photoGalleryLinks p a {position:absolute;top:0;left:0;padding:67px/*padding li + image height + margin p*/ 4px 0;width:90px;height:62px}
	.cS-photoGalleryLinks .more-photos,.cS-photoGalleryLinks .play-video {margin:0}
	.cS-photoGalleryLinks a span {z-index:1}/*Overlay button: lift over paragraph link to allow hover effect*/
	/* ----- IE fixes ----- */
	* html .cS-photoGalleryLinks ul {height:1%;width:303px/*IE6/7 needs width here - adjust for different column widths*/}
	*+ html .cS-photoGalleryLinks ul {height:1%;width:303px/*IE6/7 needs width here - adjust for different column widths*/}
	* html .cS-photoGalleryLinks li {display:inline}/*Solves IE6 doubled float-margin bug*/

.cS-blogPosts {margin-bottom:10px}
	.cS-blogPosts img {float:right;margin-left:.3em}
	.cS-blogPosts blockquote {padding-top:1em;margin:.5em 0 1.8em}
	.cS-blogPosts blockquote a {font:italic 1.3em Georgia, "Times New Roman", Times, serif;color:#333;line-height:1.4}
	.cS-blogPosts cite {display:block;color:#666;font-size:.94em}
	.cS-blogPosts cite span {font-weight:bold;color:#333}
	.cS-blogPosts p {font-size:.94em}
	.cS-blogPosts .puff {position:relative;min-height:158px;padding:0 125px 0 0;margin:3em 0 1em}
		.cS-blogPosts .puff h4 {font-size:1.3em;text-transform:none;font-family:Georgia, "Times New Roman", Times, serif;top:-2em;margin-bottom:-1.8em;width:300px;border-top:1px solid #d6d6dc}
		.cS-blogPosts .puff h4,.cS-blogPosts .puff blockquote,.cS-blogPosts .puff cite {position:relative;z-index:2}
		.cS-blogPosts .puff img {position:absolute;right:0;bottom:0;z-index:1}
	.cS-blogPosts .wof {clear:both}
		.cS-blogPosts .wof img {margin:-1.4em 0 0 .3em}
		.cS-blogPosts .wof ul {margin-left:.2em}
	/* ----- IE fixes ----- */
	* html .cS-blogPosts .puff {height:158px/*same as min-height above*/;padding:0;width:180px}
	* html .cS-blogPosts .wof ul {margin-left:.4em}
	*+ html .cS-blogPosts .wof ul {margin-left:.4em}

/* cS-storyLinks */
.cS-storyLinks {margin-bottom:20px}
	.cS-storyLinks h3 {position:relative;border-top:2px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:5px;line-height:1.9}
	.cS-storyLinks .heading a, .cS-storyLinks .heading a:visited {color:#000}
	.cS-storyLinks h3 span {position:absolute;right:0;top:0}
	.cS-storyLinks .wof {margin-bottom:.25em}
		.cS-storyLinks .wof h4 {text-transform:none;font-size:1.4em;margin-bottom:.25em}
		.cS-storyLinks .wof img {float:left;margin-right:1.7em}
		.cS-storyLinks .wof ul {margin-bottom:.5em;line-height:1.6}
	.cS-storyLinks .more {float:right;margin-bottom:.25em}
	/* ----- IE fixes ----- */
	* html .cS-storyLinks h3 {height:1%}
	* + html .cS-storyLinks h3 {height:1%}

/* Rotators */
/* Common for all rotators: */
.rotator {margin-bottom:10px}
	.rotator .selected {display:block!important/*to keep class count low*/}
	.rotator ul {float:right;font-size:.94em;width:57px}
	.rotator li {float:left;list-style-type:none;margin:0}
	.rotator .next {float:right}
	.rotator .previous {border-right:1px solid #999;margin-right:-1px;padding-right:.5em}
	.rotator .last {padding-left:.5em}
	.rotator .hidden a {display:none}
	/* Accessibility: WCAG 6.3 (Javascript removes this class) */
	.accessibleRotator ul {display:none}/* If no JS, don't display navigation powered by JS */

.cS-blogPosts.rotator .puff {display:none;margin-bottom:0}
	.cS-blogPosts.rotator .more {padding:3px 5px;overflow:hidden}  /* overflow:hidden is required so .more doesn't collapse to zero-height when there is only floated content inside */
	/* Accessibility: WCAG 6.3 (Javascript removes this class) */
	.accessibleRotator .puff {display:block;margin-bottom:10px}
	/* ----- IE fixes ----- */
	* html .cS-blogPosts.rotator .more {height:1%}
	
.cS-storyImageLeadRotator {margin-bottom:10px}
	.cS-storyImageLeadRotator .cN-storyImageLead {display:none;margin-bottom:0}
	.cS-storyImageLeadRotator .selected {display:block}
	.cS-storyImageLeadRotator .wof {margin-bottom:0}
	/* Accessibility: WCAG 6.3 (Javascript removes this class) */
	.accessibleRotator .cN-storyImageLead {display:block;margin-bottom:10px}
	
/* cS-compare */
.cS-compare {margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ccc}
	.cS-compare h3 {border-top:2px solid #ccc;font-size:1.9em;margin-bottom:5px;position:relative}
	.cS-compare h3 a {color:#000}
	.cS-compare h3 span {margin-top:4px;position:absolute;top:0;right:0}
	.cS-compare .cN-tabBox {margin:0}
	.cS-compare .cN-tabBox div {width:300px}
	.cS-compare h4 {width:84px}
	.cS-compare .tab2 h4 {left:85px}
	.cS-compare .tab3 h4 {left:170px}
	.cS-compare h5 {font-size:1.167em;font-weight:bold}
	.cS-compare ol {color:#666;padding-bottom:.5em;border-bottom:1px dotted #ccc}
	.cS-compare div ol li {margin-left:2em;padding:0;list-style-type:decimal;font-weight:bold}
	.cS-compare ol a {font-weight:normal}
	.cS-compare form {position:relative;z-index:1}
	.cS-compare label {position:absolute;left:-9000px}/* Accessibility only */
	.cS-compare select {width:176px;margin-bottom:8px}
	.cS-compare input {float:left}
	.cS-compare img {float:right;position:relative;z-index:2;margin-left:10px}
	.cS-compare .more {display:block;font-size:.94em;line-height:1.2em;margin:.4em 0 0 76px}
	/* ----- IE fixes ----- */
	* html .cS-compare h3 span {margin-top:2px/* = border-width of h3 */}

/* [cS-tagCloud] Tag cloud */
.cS-tagCloud {border-top:2px solid #ccc;margin-bottom:15px;overflow:hidden;background:#dedede}
	/* heading */
	.cS-tagCloud h3 {font-size:1.92em;background:#fff;padding-bottom:.25em}
	/* toggle list view or tag bloud view */
	.cS-tagCloud .cloud {display:none}  /* hide the tag cloud by default (leave the list view visible) */
		.scriptable .cS-tagCloud.display-cloud .cloud {display:block}  /* show the tag cloud when explicitly requested */
		.scriptable .cS-tagCloud.display-cloud ol {display:none}  /* in which case, hide the list view */
	.cS-tagCloud .controller {display:none;float:right;margin-top:-1.59em/*same as .cS-tagCloud h3 font-size, plus a tiny bit for force round-up*/}
		.scriptable .cS-tagCloud .controller {display:block}
		.cS-tagCloud .controller li {display:inline;text-align:right;margin-left:1px;list-style:none;font-size:.92em}
		.cS-tagCloud .controller a {display:-moz-inline-block/*for Firefox 2*/;display:inline-block;padding:.13em .5em;background:#ccc;border-bottom:1px solid #fff}
		.cS-tagCloud.display-list .controller .cList a, .cS-tagCloud.display-cloud .controller .cCloud a {background:#dedede;border-bottom-color:#dedede;cursor:default;text-decoration:none}
		.cS-tagCloud.display-list .controller .cList a:focus, .cS-tagCloud.display-cloud .controller .cCloud a:focus {outline:none}
	/* list view */
	.cS-tagCloud ol {width:43%;padding:.5em .75em}
		.cS-tagCloud .col1 {float:left}
		.cS-tagCloud .col2 {float:right}
		.cS-tagCloud ol li {margin:0 0 .13em 2.5em;font-weight:bold}
		.cS-tagCloud ol li a {font-weight:normal}
	/* tag cloud view */
	.cS-tagCloud .cloud {clear:both;overflow:hidden;padding:4px}
		.cS-tagCloud .cloud li {float:left;margin:0;list-style:none}
		/* use pixels so it does not scale with the page (it is meaningless when the list view is available for accessibility) */
		.cS-tagCloud .weight-20 {font-size:10px}
		.cS-tagCloud .weight-19 {font-size:11px}
		.cS-tagCloud .weight-18 {font-size:12px}
		.cS-tagCloud .weight-17 {font-size:13px}
		.cS-tagCloud .weight-16 {font-size:14px}
		.cS-tagCloud .weight-15 {font-size:15px}
		.cS-tagCloud .weight-14 {font-size:16px}
		.cS-tagCloud .weight-13 {font-size:17px}
		.cS-tagCloud .weight-12 {font-size:18px}
		.cS-tagCloud .weight-11 {font-size:19px}
		.cS-tagCloud .weight-10 {font-size:20px}
		.cS-tagCloud .weight-9 {font-size:21px}
		.cS-tagCloud .weight-8 {font-size:22px}
		.cS-tagCloud .weight-7 {font-size:23px}
		.cS-tagCloud .weight-6 {font-size:24px}
		.cS-tagCloud .weight-5 {font-size:25px}
		.cS-tagCloud .weight-4 {font-size:26px}
		.cS-tagCloud .weight-3 {font-size:27px}
		.cS-tagCloud .weight-2 {font-size:28px}
		.cS-tagCloud .weight-1 {font-size:29px}
		.cS-tagCloud .cloud a {display:block;padding:0 8px;line-height:38px;height:38px}
	/* ----- IE fixes ----- */
	* html .cS-tagCloud, * html .cS-tagCloud .cloud {height:1%}  /* make sure it has layout and displays the background image */
	* html .cS-tagCloud .cloud a {display:inline-block}
	
/* cS-headingBio: Free-form heading for bio pages (used in textarea) */
.cS-headingBio {position:relative;min-height:90px/*image height*/;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #CCCCCC}
	.cS-headingBio .cN-headingPage {margin-left:100px/*90px image width + 10px margin*/}
	.cS-headingBio p {margin-left:100px;color:#333}
	.cS-headingBio img {position:absolute;left:0;top:0}
	/* ----- IE fixes ----- */
	* html .cS-headingBio {height:90px/*min-height*/;overflow:visible}

.cS-quoteRotator {position:relative;margin-bottom:20px}
	.cS-quoteRotator h3 {border-top:2px solid #ccc;font-size:1.8em;margin-bottom:.1em} 
	.cS-quoteRotator h3 span {display:block;float:right;font-family:Arial,Helvetica,sans-serif;font-size:0.5em;line-height:2.46}
	.cS-quoteRotator img {float:right}
	.cS-quoteRotator blockquote {margin:17px 0 0}
	.cS-quoteRotator blockquote p {background:url("img/sprite-base-skin-news.png") no-repeat -1483px -222px/*quotes, opening, large*/;color:#333333;font:italic 1.25em Georgia,"Times New Roman",Times,serif;text-indent:1.5em}
	.cS-quoteRotator blockquote span {background:url("img/sprite-base-skin-news.png") no-repeat -190px -118px/*quotes, closing, large*/;display:inline-block;height:14px;margin-left:0.2em;width:17px}
	.cS-quoteRotator .tab div {clear:both;overflow:hidden}
	.cS-quoteRotator cite {display:block;font-size:0.92em}
	.cS-quoteRotator .date {float:left}
	.cS-quoteRotator .comments {float:left;font-size:0.92em;margin-left:1em}
	.cS-quoteRotator .entryNav {display:none/*not used*/}
	.cS-quoteRotator .rotNav  {bottom:14px;position:absolute;right:0}
	.cS-quoteRotator li  {float:left;list-style-type:none;margin-left:1px}
	.cS-quoteRotator li a {background:url("img/sprite-base-skin-news.png") no-repeat scroll -227px -148px transparent;display:block;font-size:0;height:14px;text-indent:-9000px;width:18px}
	.cS-quoteRotator .pause a {background-position:-227px -163px}
	.cS-quoteRotator .next a {background-position:-227px -178px}
	.cS-quoteRotator .play a {background-position:-227px -193px}
	.scriptable .cS-quoteRotator .tab {display:none}
	.scriptable .cS-quoteRotator .selected {display:block}
	/* ----- IE fixes ----- */
	* html .cS-quoteRotator {height:1%}
	* html .cS-quoteRotator h3 a {float:left}
	* html .cS-quoteRotator .tab {clear:both}
	* html .cS-quoteRotator blockquote {height:1%;width:171px}
	* html .cS-quoteRotator blockquote span {overflow:hidden}
	* html .cS-quoteRotator .tab div {height:1%}
	*+ html .cS-quoteRotator {height:1%}
	*+ html .cS-quoteRotator h3 a {float:left}
	*+ html .cS-quoteRotator .tab {clear:both}

/* TV Guide .cS-tvGuideWidget */
.cS-tvGuideWidget {position:relative;margin:0 0 20px}
	.cS-tvGuideWidget .cT-strapHeading {color:#7c1356}
	.cS-tvGuideWidget .cN-story {margin-bottom:0}
	.cS-tvGuideWidget .cN-story h4 {color:#7c1356}
	.cS-tvGuideWidget .cN-story p {font-weight:bold; color:#666}
	/* tabs */
	.cS-tvGuideWidget .cN-tabPages {margin-bottom:0;padding-bottom:0;border-bottom:0}
	.cS-tvGuideWidget .cN-tabPages .nav {width:100%;border:0;background:#7a1456/*fall-back, e.g. Opera*/;
		background:-moz-linear-gradient(top,  #ac2983,  #9b2370) /*FF */;
		background:-webkit-gradient(linear, left top, left bottom, from(#ac2983), to(#9b2370));/*Webkit*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac2983', endColorstr='#9b2370');/*IE*/}
	.cS-tvGuideWidget .cN-tabPages .nav li {margin:4px 3px 0;line-height:20px;border:0;font-weight:bold;background:none!important}
	.cS-tvGuideWidget .cN-tabPages .nav a {padding:0 5px;line-height:20px;background:none}
	.cS-tvGuideWidget .cN-tabPages .nav a,
	.cS-tvGuideWidget .cN-tabPages .nav a:visited {color:#fff}
	.cS-tvGuideWidget .cN-tabPages .nav .selected a,
	.cS-tvGuideWidget .cN-tabPages .nav .selected a:visited {color:#7a1456}
	.cS-tvGuideWidget .cN-tabPages .nav .selected a {line-height:18px;border:1px solid #871f62;border-bottom-color:#fff;background:#fff}
	.cS-tvGuideWidget .cN-tabPages .tab {margin-bottom:10px;padding-bottom:0;border:1px solid #9eafb4}
	.cS-tvGuideWidget .sponsor {height:25px;padding:5px;font-size:.92em;line-height:2.2em;text-align:right;color:#999}
	.cS-tvGuideWidget .more {position:absolute;bottom:6px;left:5px;font-weight:bold;color:#7c1356}
	.scriptable .cS-tvGuideWidget .cN-tabPages .tab {margin-bottom:0;padding-top:5px;border:1px solid #9eafb4;border-width:0 1px 0}
	.scriptable .cS-tvGuideWidget .cN-tabPages table {border-top:1px solid #9eafb4}
	.scriptable .cS-tvGuideWidget .sponsor {border:1px solid #9eafb4;border-top:0}
	/* table */
	.cS-tvGuideWidget table {width:100%;border-top:1px solid #9eafb4}
	.cS-tvGuideWidget table thead th {position: absolute;left:-9999px;font-size:0}
	.cS-tvGuideWidget table td {padding:6px;border-bottom:1px solid #9eafb4;background:#eef3f4 /*fall-back, e.g. Opera, IE8*/;
		background: -moz-linear-gradient(top,  #eef3f4,  #ffffff) /*FF */;
		background: -webkit-gradient(linear, left top, left bottom, from(#eef3f4), to(#ffffff));/*Webkit*/;
		/* No filter for IE because IE8 as it won't display borders then. */}
	.cS-tvGuideWidget table .col-1 {width:24.6%;border-right:1px solid #9eafb4;background:#fff}
	.cS-tvGuideWidget .channel p {width:60px;height:30px;background:url('img/sprite-tv-channels-widget.png') no-repeat -9999px -9999px/*default*/;text-indent:-9999px}
		/* TV channel background images */
		.cS-tvGuideWidget .ch-1  p {background-position:-7px      0/*channels | ABC 1*/}
		.cS-tvGuideWidget .ch-2  p {background-position:-7px  -31px/*channels | ABC 2*/}
		.cS-tvGuideWidget .ch-3  p {background-position:-7px  -61px/*channels | ABC 3*/}
		.cS-tvGuideWidget .ch-4  p {background-position:-7px  -91px/*channels | ABC News*/}
		.cS-tvGuideWidget .ch-5  p {background-position:-7px -121px/*channels | SBS One*/}
		.cS-tvGuideWidget .ch-6  p {background-position:-7px -151px/*channels | SBS Two*/}
		.cS-tvGuideWidget .ch-7  p {background-position:-7px -181px/*channels | SBS HD*/}
		.cS-tvGuideWidget .ch-8  p {background-position:-7px -211px/*channels | 7*/}
		.cS-tvGuideWidget .ch-9  p {background-position:-7px -241px/*channels | 7 Two*/}
		.cS-tvGuideWidget .ch-10 p {background-position:-7px -271px/*channels | 7 Mate*/}
		.cS-tvGuideWidget .ch-11 p {background-position:-7px -301px/*channels | 9*/}
		.cS-tvGuideWidget .ch-12 p {background-position:-7px -331px/*channels | Gem*/}
		.cS-tvGuideWidget .ch-13 p {background-position:-7px -361px/*channels | Go*/}
		.cS-tvGuideWidget .ch-14 p {background-position:-7px -391px/*channels | One HD*/}
		.cS-tvGuideWidget .ch-15 p {background-position:-7px -421px/*channels | Ten*/}
		.cS-tvGuideWidget .ch-16 p {background-position:-7px -451px/*channels | Ten 11*/}
		.cS-tvGuideWidget .ch-17 p {background-position:-7px -481px/*channels | Prime7 */}
		.cS-tvGuideWidget .ch-18 p {background-position:-7px -511px/*channels | WIN */}
		.cS-tvGuideWidget .ch-19 p {background-position:-7px -481px/*channels | PRIME7 */}
		.cS-tvGuideWidget .ch-20 p {background-position:-7px -541px/*channels | SC 10 */}
	.cS-tvGuideWidget table .col-2 {width:49%; padding-top:5px; font-size:1em; font-weight:bold; color:#333}
	.cS-tvGuideWidget table .col-3 {font-size:.92em; color:#666}
	/* ----- Browser fixes ----- */
	* html .cS-tvGuideWidget table td {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eef3f4', endColorstr='#ffffff')}
	* html .cS-tvGuideWidget table .col-1 {filter:none}
	* html .cS-tvGuideWidget .more {position:relative;left:-35px;bottom:-5px}
	* html .cS-tvGuideWidget .cN-story .wof {margin-bottom:0}
	*+ html .cS-tvGuideWidget table td {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eef3f4', endColorstr='#ffffff')}
	*+ html .cS-tvGuideWidget table .col-1 {filter:none}
	*+ html .cS-tvGuideWidget .cN-story .wof {margin-bottom:0}

	
/* --------------------------------------------------------------------------------------
   =Polls
   -------------------------------------------------------------------------------------- */
/* Common poll parts  (used in several poll components, hence defined separately) */
/* Poll result bars */
.pollBars {overflow:hidden}
	.pollBars dt {clear:left;padding-top:.7em}
	.pollBars dd {padding-right:39px}
	.pollBars dd p {background-color:#7fbde1/*default bar colour*/;line-height:1.1;float:left}
	.pollBars dd span {position:relative;float:right;margin-right:-31px;color:#666;background:none}
	/* ----- IE fixes ----- */
	* html .pollBars dd span {padding-left:5px}
	*+ html .pollBars dd span {padding-left:5px}
/* Poll closing */
.cT-pollVoteNow .close span,
.cT-pollResultList .close span,
.cT-pollPageModule .close span,
.cT-pollArticle .close span,
.cN-pollHeadlineLead .close span,
.cS-poll .close span,
.s-mostVoted .close span
	{color:#860303}
/* Poll submit button */
.cT-pollPageModule .submit input,
.cT-pollArticle .submit input,
.cS-poll .submit input
	{padding:4px 12px;border:1px solid #00639b;background:#007cc3 none/*default vote button bg colour*/;color:#fff;font:bold 1em Arial, Helvetica, sans-serif;cursor:pointer/*set here and not on 'hover' to have IE6 display hand*/;
	/*Radius:*/-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
	.cT-pollPageModule .submit input:hover,
	.cT-pollArticle .submit input:hover,
	.cS-poll .submit input:hover
		{background:#00639b none}
	/* ----- IE fixes ----- */
	* html .cT-pollPageModule .submit input,
	* html .cT-pollArticle .submit input,
	* html .cS-poll .submit input {overflow:visible}
	*+ html .cT-pollPageModule .submit input,
	*+ html .cT-pollArticle .submit input,
	*+ html .cS-poll .submit input {overflow:visible}
/* Message if cookies are disabled: */
.pollCookiesNotEnabled {clear:both;font-size:.92em}
	.pollCookiesNotEnabled strong {font-weight:bold}

/* Big poll comment bubble: */
.pollCommentsVoted {position:absolute;right:17px;top:50px;width:75px;height:56px;text-align:center;background:transparent url('img/sprite-base-skin-news.png') no-repeat -150px -148px/*comment bubble, big*/}
	.pollCommentsVoted span {width:100%;padding:3px 0 0;height:auto!important;font-size:2em!important;color:#666!important;background:transparent none!important}/*"important" overrides skin-specific rules*/
	.pollCommentsVoted em {position:absolute;bottom:13px;left:5px}
	.pollNoComments em {top:7px;left:4px;display:block;width:68px;height:36px;text-align:center}/* requires also class 'commentsVoted' */
	.pollCommentsVoted a {display:block;height:45px}
	.pollCommentsVoted a:hover {text-decoration:none}
	.pollCommentsVoted a:hover em {text-decoration:underline}

/* cS-poll */
.cS-poll {position:relative;margin-bottom:10px}
	.cS-poll .heading {position:relative;border-top:2px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:5px}
	.cS-poll .heading a,.cS-poll .heading a:visited {color:#000}
	.cS-poll h3 span {position:absolute;right:0;top:0}
	.cS-poll h4 {border-top:1px dotted #ccc}
	.cS-poll strong {font-weight:bold;line-height:1.2}
	.cS-poll ul {overflow:hidden;margin:.4em 0}
	.cS-poll li {list-style-type:none;margin:0}
	.cS-poll .submit {margin-top:.5em}
	.cS-poll .submit input {margin-right:1em}
	.cS-poll .submit a {float:none}
	.cS-poll .submit p {padding-top:3px}
	.cS-poll .cT-disclaimer {clear:left;border-top:1px dotted #d6d6dc;padding-top:4px;margin:8px 0 .5em;color:#999}
	.cS-poll .statement {border:0;font-weight:bold;padding:0}
	.cS-poll h4 {clear:both;padding-top:3px;margin-bottom:.2em;text-transform:none;color:#000}
	.cS-poll .cN-storyHeadlineOnly {border:0;padding:0;margin-bottom:.2em;color:#666;text-transform:uppercase;font:bold 1em/normal Arial, Helvetica, sans-serif}
	.cS-poll .cN-storyHeadlineOnly a {text-transform:none}
	.cS-poll .total {float:left;padding:0 .3em 0 0;font-size:.92em;color:#666;border-right:1px solid #ccc}
	.cS-poll .total span {color:#333}
	.cS-poll .close {float:left;margin:0 .5em;padding-right:.3em;font-size:.92em;color:#666;border-right:1px solid #ccc}
	.cS-poll .closeVoted {padding-bottom:.5em;border:0}
	.cS-poll .comments {margin-bottom:.3em;font-size:.92em}
	.cS-poll .comments span {background-color:transparent}
	.cS-poll .pollCommentsVoted {top:76px;right:4px}/*Set bubble to allow question to be 2.5 lines long and maximise width of poll bars*/
	.cS-poll .add {position:absolute;top:131px;right:14px;font-size:.92em}
	/* Poll result bars */
	.cS-poll dl {width:77%;padding-bottom:1em;color:#444}
	.cS-poll dt {clear:left;padding-top:.5em}
	.cS-poll dd {padding-right:39px}
	.cS-poll dd p {background-color:#007cc3/*default bar colour*/;line-height:1.1;float:left}
	.cS-poll dd span {position:relative;margin-right:-31px;color:#3b444b;background:none;float:right;color:#000}
	/* ----- IE fixes ----- */
	* html .cS-poll dd span {padding-left:5px}
	* html .cS-poll .heading {height:1%}
	* html .cS-poll .submit p {float:left}
	* html .cS-poll .close {clear:left;margin-top:2px}
	* html .cS-poll .closeVoted {clear:none;margin-top:0}
	*+ html .cS-poll dd span {padding-left:5px}
	*+ html .cS-poll .heading {height:1%}
	*+ html .cS-poll .submit p {float:left}
	*+ html .cS-poll .close {clear:left;margin-top:2px}
	*+ html .cS-poll .closeVoted {clear:none;margin-top:0}
	
/* cT-pollPageModule */
.cT-pollPageModule {margin-bottom:20px}
	.cT-pollPageModule h1 span {font-size:.82em;color:#666}
	.cT-pollPageModule h2 {margin:20px 0 .2em;font-size:1.5em;border-top:2px solid #ccc}
	.cT-pollPageModule .wof {margin:0;padding:.5em;font-size:1.2em;line-height:1.2;background-color:#f2f2f2}
	.cT-pollPageModule form {padding:0 .5em .5em;background-color:#f2f2f2}
	.cT-pollPageModule form li {margin:0}
	.cT-pollPageModule .submit {margin-top:.7em}
	.cT-pollPageModule .submit a {float:left;margin-left:10px}
	.cT-pollPageModule .social {padding:.5em .8em;font-size:.92em;border-top:1px solid #fff;background-color:#ececec}
	.cT-pollPageModule .close {display:inline;margin-right:20px}
	.cT-pollPageModule .share {display:inline}
	.cT-pollPageModule .share li {margin:0 3px 0 4px;padding-left:14px;display:inline;list-style-type:none;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1090px -258px/*icons: email small*/}
	.cT-pollPageModule .share a span {position:absolute;left:-9000px;width:90px}
	.cT-pollPageModule .share .facebook {background-position:-1090px -276px/*Facebook*/}
	.cT-pollPageModule .share .twitter {background-position:-1090px -308px/*Twitter*/}
	.cT-pollPageModule .cT-disclaimer {margin:5px 0 0}
	.cT-pollPageModule .cT-disclaimer p {display:inline;color:#666}
	.cT-pollPageModule .cT-disclaimer .statement {margin:0;padding:0;font-weight:bold;border:0}
	.cT-pollPageModule .cN-storyHeadlineOnly {padding:0 0 0 11px;font:normal 1em Arial, Helvetica, sans-serif;color:#8a8c8f;border:0;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1325px -385px/*bg bullet point*/}
	.cT-pollPageModule dl {width:96%;padding:0 2%/*need % here to scale bars too*/;background-color:#f2f2f2}
	.cT-pollPageModule dt {padding-top:.5em}
	.cT-pollPageModule dd p {line-height:20px}
	.cT-pollPageModule dd span {font-weight:bold}
	.cT-pollPageModule .total {padding:1em 0 .5em .5em;font-style:italic;font-size:.92em;background-color:#f2f2f2}

/* cT-pollVoteNow */
.cT-pollVoteNow {margin-bottom:20px}
	.cT-pollVoteNow h3 {margin-top:1.8em;padding-top:.3em;font-size:1.4em;border-top:2px solid #ccc}
	.cT-pollVoteNow h4 {margin-top:.4em;font-size:.92em;line-height:1.2;text-transform:none}
	.cT-pollVoteNow .close {color:#666}

/* cT-pollResultList */
.cT-pollResultList {margin-bottom:20px}
	.cT-pollResultList h3 {margin-bottom:.3em;padding-top:.3em;font-size:1.4em;border-top:2px solid #ccc}
	.cT-pollResultList p {display:inline;line-height:1.2;font-size:1em}
	.cT-pollResultList .total {display:block;float:left;font-weight:normal;color:#666}
	.cT-pollResultList .total span {color:#333}
	.cT-pollResultList .comments {float:left;display:block;padding-left:10px;font-weight:normal;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1495px -79px/*vertical bar*/}
	.cT-pollResultList li {overflow:hidden;padding-bottom:.2em;margin:0 0 .5em;list-style-position:inside;font-size:.92em;font-weight:bold;border-bottom:1px solid #ccc}
	.cT-pollResultList dl {margin-bottom:.5em}
	.cT-pollResultList dt {line-height:1.2}
	.cT-pollResultList dd span {margin-right:-25px}
	.cT-pollResultList .more {display:block;margin-top:.5em;font-weight:bold;font-size:.92em}
	/* ----- IE fixes ----- */
	* html .cT-pollResultList dl {height:1%}
	* html .cT-pollResultList li {float:left;clear:left;width:100%;padding-bottom:.4em}
	* html .cT-pollResultList .votes,
	* html .cT-pollResultList .total {margin-top:4px}
	*+ html .cT-pollResultList li {float:left;clear:left;width:100%;padding-bottom:.4em}
	*+ html .cT-pollResultList .votes,
	*+ html .cT-pollResultList .total {margin-top:4px}

.cT-pollArticle {overflow:hidden;position:relative;margin-bottom:20px;border-top:2px solid #ccc;background-color:#f2f2f2}
	.cT-pollArticle h3 {padding:.5em;font:bold 1.2em/1.2 Arial, Helvetica, sans-serif}
	.cT-pollArticle h3 span {font-size:.82em;font-weight:normal;color:#666}
	.cT-pollArticle form {padding:0 .5em .5em;background-color:#f2f2f2}
	.cT-pollArticle form li {margin:0}
	.cT-pollArticle .submit {margin-top:.7em}
	.cT-pollArticle .submit a {display:block;float:left;margin-left:10px;line-height:27px}
	.cT-pollArticle .cT-disclaimer {clear:both;margin:0;padding-top:5px;background-color:#fff}
	.cT-pollArticle .cT-disclaimer p {display:inline;color:#666}
	.cT-pollArticle .cT-disclaimer .statement {margin:0;padding:0;font-weight:bold;border:0}
	.cT-pollArticle .close {float:left;margin:0 .5em;padding-right:.3em;font-size:.92em;color:#666;border-right:1px solid #ccc}
	.cT-pollArticle .closeVoted {padding-bottom:.5em;border:0}
	.cT-pollArticle .comments {margin-bottom:.3em;font-size:.92em}
	.cT-pollArticle .comments span {background-color:transparent}
	.cT-pollArticle dl {width:77%;padding:0 2%/*need % here to scale bars too*/ 1em;background-color:#f2f2f2}
	.cT-pollArticle dt {padding-top:0}
	.cT-pollArticle dd p {line-height:20px}
	.cT-pollArticle dd span {font-weight:bold}
	.cT-pollArticle .total {float:left;padding:0 .3em 0 .5em;font-size:.92em;color:#666;border-right:1px solid #ccc}
	.cT-pollArticle .total span {color:#333}
	.cT-pollArticle .add {position:absolute;top:104px;right:27px;font-size:.92em}
	.cT-pollArticle .related {clear:both;padding:.5em .8em;font-size:.92em;font-weight:bold;border-top:1px solid #fff;background-color:#ececec}
	/* ----- IE fixes ----- */
	* html .cT-pollArticle .close {position:relative}
	* html .cT-pollArticle .comments {margin-top:-2px}
	* html .cT-pollArticle dd span {top:33px;padding-left:15px}
	* html .cT-pollArticle .total {position:relative}
	* html .cT-pollArticle .related {display:inline-block}
	*+ html .cT-pollArticle .close {margin-top:2px}
	*+ html .cT-pollArticle .closeVoted {margin-top:0}
	*+ html .cT-pollArticle .related {display:inline-block}
	
/* cN-pollHeadlineLead */
.cN-pollHeadlineLead {overflow:hidden}
	.cN-pollHeadlineLead h3 {margin-bottom:.2em;font-size:1.5em}
	.cN-pollHeadlineLead img {float:left;margin:0 9px 9px 0}
	.cN-pollHeadlineLead .wof {margin-bottom:.3em}
	.cN-pollHeadlineLead .close {float:left;font-size:.92em}
	.cN-pollHeadlineLead .vote {float:left;margin-left:.3em;font-size:.92em}
	.cN-pollHeadlineLead .total,
	.cN-pollHeadlineLead .comments {float:left;margin-left:.2em;padding-left:.4em;font-size:.92em;background:transparent url('img/sprite-base-skin-news.png') no-repeat -1499px -78px/*vertical bar*/}
	.cN-pollHeadlineLead .total span {color:#333}
	.sidebar .cN-pollHeadlineLead h3 {font:bold .92em Arial, Helvetica, sans-serif}
	.sidebar .cN-pollHeadlineLead h4 {font-size:.94em}
	.sidebar .cN-pollHeadlineLead p {color:#666}
	/* ----- IE fixes ----- */
	* html .cN-pollHeadlineLead {height:1%}
	* html .sidebar .cN-pollHeadlineLead h4 {font-size:.85em}
	* html .cN-pollHeadlineLead .total {white-space:pre}
	*+ html .sidebar .cN-pollHeadlineLead h4 {font-size:.85em}
	*+ html .cN-pollHeadlineLead .total {white-space:pre}

/* Rules required by backend to handle different states (JS on/off, cookies on/off): */
.pollQuestions {display:none}
.pollResults {display:none}
.pollCookiesNotEnabled {display:none}
.noCookie .pollCookiesNotEnabled {display:block}
.notVoted .pollQuestions {display:block}
.voted .pollResults {display:block}


/* --------------------------------------------------------------------------------------
   =Clipping
   -------------------------------------------------------------------------------------- */
  
/* Animated clipping button 
-------------------------------------------------------*/
/* Global */
.clippingArea {position:relative}
	/* Clipping button wrapper */
	.clippingArea .clippingActionInner {overflow:hidden;width:80px;height:18px;position:absolute;right:1px;top:1px;margin:0;padding:0}
		.clippingArea .btnClipping {opacity:0;position:absolute;right:0;width:18px;padding:0 16px 0 0;margin:0;line-height:1.315;text-indent:-9999px;text-align:left;font-size:11px;color:#ccc;cursor:pointer;border:1px solid #ccc;border-radius:2px;background:#28323d url('img/sprite-base-skin-news.png') no-repeat 100% -522px  /* content | clipping | star dark matte */;/* border-box is used to match IE's box modal */ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
			* html .clippingArea .btnClipping {text-indent:0;filter:alpha(opacity=0)} /* IE6 */
			*+ html .clippingArea .btnClipping {padding-top:3px;line-height:.8;vertical-align:text-bottom;filter: alpha(opacity=0)} /* IE7 */	
			.clippingArea .btnClipping {padding-bottom:1px\9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\9"} /* IE8*/
			@media all and (min-width:0) {.clippingArea .btnClipping {padding-top:1px \0/;padding-bottom:0 \0/;line-height:1.29}} /* IE9 */
			@media screen and (-webkit-min-device-pixel-ratio:0){.clippingArea .btnClipping {padding-top:1px;padding-bottom:1px}} /* Webkit */
		.clippingArea .btnClipping:hover {padding-left:3px}
			@-moz-document url-prefix() {.clippingArea .btnClipping:hover {padding-left:0}} /* Firefox */
		.clippingArea .btnClipping:active {color:#fff;background-position:100% -539px /* content | clipping | star (active) */}
/* Background color on hover */
.cN-storyHeadlineLead.clippingArea:hover,
.cN-storyHeadlineOnly.clippingArea:hover,
.featuredVideos .clippingArea:hover {background-color:#f6f6f6}
/* Position wrapper */
.clippingArea .clippingAction,
.cT-promoStrip .clippingArea .clippingAction,
.promoStripITPro .clippingArea .wof.clippingAction  {position:relative}
.cT-weekendStrip .clippingAction {position:static}
.promoStripLarge .wof.clippingAction {position:absolute}
/* Component specific */
.promoStripMoney .clippingArea p {bottom:-20px}
.cN-multimediaGroup .clippingArea .clippingActionInner {top:74px}
.cN-storyHeadlineOnly.clippingArea.last {margin-bottom:.25em}


/* Article page clipping
-------------------------------------------------------*/
.cT-storyDetails .clipping {display:none}
	.scriptable .cT-storyDetails .clipping {display:block}
	@-moz-document url-prefix() {.cT-storyDetails .clipping {padding-right:0}} /* Firefox */
	.cT-storyDetails .btnClipping {padding:0 0 0 16px;margin:0;cursor:pointer;color:#005F96;background:url('img/sprite-base-skin-news.png') no-repeat -1484px -504px  /* content | clipping | star white matte */}
	@-moz-document url-prefix() {.cT-storyDetails .clipping .btnClipping {margin-top:-3px;padding:0 0 0 12px;background-position:-1484px -504px  /* content | clipping | star white matte */}} /* Firefox */
	*+ html .cT-storyDetails .btnClipping {position:relative;top:2px} /* IE7 */
	.cT-storyDetails .btnClipping:hover {color:#cc3300;text-decoration:underline}


/* --------------------------------------------------------------------------------------
   =Dialog boxes
   -------------------------------------------------------------------------------------- */
/* jQuery UI styles (These class names are given by the jQuery UI code.) */
/* Overlay for modal dialogues */
.ui-widget-overlay {position:fixed;top:0;left:0;background:#666;opacity:.5}
/* ----- IE fixes ----- */
/* IE6 does not support postion:fixed: */
* html .ui-widget-overlay {position:absolute;top:0;left:0}
/*all IE*/.ui-widget-overlay {filter:alpha(opacity=50)}
/* Dialog */
.ui-dialog {position:absolute/*avoid left-behind space if pos:rel*/;padding:5px;/*Rounded corners*/border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;color:#333;background:#dde7ea/*for browsers that don't support rgba, except IE6/7*/;background-color:rgba(158,175,180,.7)}
.ui-dialog h4 {clear:left}
.ui-dialog-titlebar,
.ui-dialog-content,
.ui-dialog-buttonpane {padding:10px 40px;background:#fff}
.ui-dialog-titlebar {position:relative;margin-bottom:-6px;/*Rounded corners*/border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;color:#000}
.ui-dialog-title {display:block;width:100%;padding-bottom:10px;font:2.17em Georgia, Times, "Times New Roman", serif;border-bottom:1px dotted #9eafb4}
.ui-dialog-titlebar-close {position:absolute;top:5px;right:15px;display:block;height:18px;font-size:.917em;text-decoration:underline;color:#333}
.ui-dialog-titlebar-close:hover {opacity:1;text-decoration:none;color:#666}
.ui-dialog-content {/*Rounded corners*/border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.ui-dialog-buttonpane {margin-top:-6px;/*Rounded corners*/border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px}
.ui-button {margin-right:6px;padding:3px 6px;border:1px solid #0069a9;/*Rounded corners*/border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:1.333em;color:#fff;background:#0079c5;background:-moz-linear-gradient(top, #009ed7 0%, #0079c5 100%)/*FF3.6+*/;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ed7), color-stop(100%,#0079c5))/*Chrome,Safari4+*/;background:-webkit-linear-gradient(top, #009ed7 0%, #0079c5 100%)/*Chrome10+,Safari5.1+*/;background:-ms-linear-gradient(top, #009ed7 0%, #0079c5 100%)/*IE10+*/;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ed7', endColorstr='#0079c5', GradientType=0 )/*IE6-9*/;background:linear-gradient(top, #009ed7 0%, #0079c5 100%)/*W3C*/ }
/* ----- IE fixes ----- */
* html .ui-dialog {background:#dde7ea}
* html .ui-dialog-titlebar-close {position:absolute;top:5px;right:15px }
*+ html .ui-dialog {background:#dde7ea}
*+ html .ui-dialog-titlebar-close {position:absolute;top:5px;right:15px}

.cN-dialog {display:none /*hide the dialog box onload*/} 
	.ui-dialog .cN-dialog {overflow:hidden;display:block}
	.cN-dialog fieldset {margin-bottom:10px}
	.cN-dialog legend {display:block;padding-bottom:5px;margin-left:-5px;font-weight:bold;color:#333}

.uiDialogNoHeading .ui-dialog-title /*extends .ui-dialog*/ {position:absolute;left:-9999px;font-size:0}

.dialogTVShow .ad {margin:0}

.dialogIpadDownloadApp {font-size:1.15em}
.dialogIpadDownloadApp blockquote {margin-top:1em;padding:6px 12px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;color:#666;background:#f2f2f2}
.dialogIpadDownloadApp blockquote p {font-family:Georgia, Times, "Times New Roman", serif;font-style:italic}
.dialogIpadDownloadApp blockquote cite {font-weight:bold}


/* --------------------------------------------------------------------------------------
   =Advertising
   -------------------------------------------------------------------------------------- */
.ad small {color:#999;font-size:.94em}
/* ----- IE fixes ----- */
* html #adSpot-bigadvertorial {float:none}

/* Vertical text ('Ad', 'Advert', 'Advertisement'): Default is "Advertisement". Use repeat-x to avoid having separate classes for each ad length. Must be usable for ad containers and iframes. */
.adVerticalText {clear:both;margin-right:-10px;padding-right:10px;background:transparent url('img/bg_ads.gif') no-repeat 0 center/*Advertisement (vertical)*/}
	.adVerticalAdvert /*extends .adVerticalText*/ {background-position:50% center/*Advert (vertical)*/}
	.adVerticalAd /*extends .adVerticalText*/ {background-position:100% center/*Ad (vertical)*/}

/* Google AdSense */
.adSpot-textBox {clear:both;margin:20px 0}
	.adSpot-textBox a:hover, .adSpot-textBox a:focus {text-decoration:none}
	.adSpot-textBox h4 {font-size:12px;margin:6px 0;text-transform:none}/* "Ads by Google" heading */
	.adSpot-textBox h4 a,.adSpot-textBox h4 a:visited {color:#666}
	.adSpot-textBox h4 a:hover,.adSpot-textBox h4 a:focus {color:#c30;text-decoration:underline}
	.adSpot-textBox div {margin-bottom:13px}
	.adSpot-textBox div h4 {display:inline;margin:0}
	.adSpot-textBox div h4 a,.adSpot-textBox div h4 a:visited {color:#07a;font-size:14px;text-decoration:underline;margin:0 0 1px}
	.adSpot-textBox div p {color:#000}
	.adSpot-textBox .url {display:inline;margin-left:.7em}
	.adSpot-textBox p a {color:#c30;font-size:1em}
	.adSpot-textBox p a:hover,.adSpot-textBox p a:focus {color:#8A8C8F}
	/* ----- IE fixes ----- */
	* html .adSpot-textBox div h4 a:hover {color:#c30}
	
/* Google ads for web search */
.adSpot-search {width:100%;position:relative;float:left;border:1px solid #ccc;margin-top:10px}
	.adSpot-search h3 {font:normal .94em Arial, sans-serif;background:#fff;display:block;position:absolute;left:5px;top:-9px;padding:0 4px}
	.adSpot-search h3 a,.adSpot-search h3 a:visited {color:#999}
	.adSpot-search h3 a:hover {color:#c30}
	.adSpot-search .cN-searchResultsWeb li {margin:10px}
	/* ----- IE fixes ----- */
	.adSpot-search h3 a,.adSpot-search h3 a:visited {color:#999!important}
	
.adPageTop {clear:left;float:left/*solve IE6/7 bug*/;margin:0}
	* html .adPageTop {height:0;width:940px}/*RHS floats left otherwise*/
	*+ html .adPageTop {height:0;width:940px}/*RHS floats left otherwise*/
	
/* Tools sponsor for article pages: */
#adSpot-toolsSponsor {float:right}
/* Polls */
.cS-poll .ad small {float:left;font-size:.5em;font-family:Arial, Helvetica, sans-serif;line-height:normal/*inherited from h3 otherwise*/}
	.cS-poll .ad iframe {clear:left;float:left;margin:0}
/* cS-storyLinks */
.cS-storyLinks .ad small {float:left;font-size:.5em;font-family:Arial, Helvetica, sans-serif;line-height:normal/*inherited from h3 otherwise*/}
	.cS-storyLinks .ad iframe {clear:left;float:left;margin:0}
	
/* =Gutter ads [cA-gutter] */
.hasGutter-full {width:auto;margin:0;background:none}
	.hasGutter-full .wrap {padding:0 26px} /* 25px (distance from edge of .wrap to page border) + 1px (page border) = 26px */
	

/* Helmet ad */
.cA-helmet {display:none}/* Default: Don't display Helmet element. */
.hasHelmetAd body {width:auto;margin-top:130px;background:#fff}
	.hasHelmetAd .wrap {position:relative;padding:0 25px;border:1px solid #999;border-width:0 1px}
	.hasHelmetAd .cA-helmet {overflow:hidden;position:relative;display:block;height:550px;margin:-130px 0 -420px}
	.hasHelmetAd .cA-helmet div {position:relative;left:50%;float:left}
	.hasHelmetAd .cA-helmet img {position:relative;left:-50%;float:left}


/* --------------------------------------------------------------------------------------
   =Masthead-specific code goes into the masthead-specific skin, e.g. 'skin-watoday.css'.
   -------------------------------------------------------------------------------------- */

/* Support lecacy image slider menu (does not exist in CT yet).
   -------------------------------------------------------------- */
h1.imageMenu {width:620px;height:69px;text-indent:-999em;margin-bottom:10px}
#imageMenu {position:relative;width:620px;height:257px;overflow:hidden;margin-bottom:20px}
#imageMenu ul {height:257px;width:1000px;margin:0}
#imageMenu li {list-style-type:none;float:left;background:none;padding-left:0;margin:0}
#imageMenu ul a {border-right:2px solid #fff;cursor:pointer;display:block;overflow:hidden;width:155px;height:257px;text-indent:-9000px}
body#subindex .writeoffs.advertorial {margin:0}
.writeoffs.advertorial .s1 {margin:0 20px 20px 0;width:300px;float:left;position:relative;overflow:hidden}
.writeoffs.advertorial .s2 {margin:0 0 20px;width:300px;float:left;position:relative;overflow:hidden}
.writeoffs.advertorial .caption {position:relative;padding:0 0 10px;
	/* rounded corners done using image instead of border-radius because having it work in IE is important
	   CSS3 alternative: -moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px */
	background:#eaf2f5 url("img/imagemenu-wof-bg.gif") no-repeat 0 100%}
.writeoffs.advertorial h3 {margin:0 10px;padding:7px 0 5px;font-size:1.5em;font-weight:normal}
.writeoffs.advertorial p {margin:0 10px;color:#000}
.writeoffs .promo h3 {font-family:Arial,sans-serif}
.writeoffs .promo h3 a {color:#302813}
.writeoffs .promo p {color:#483c1d}
.writeoffs .promo .caption {background-color:#ebe3cd;background-position:-300px 100%}


/* HACKS TO SUPPORT INCORRECT HTML OUTPUT FROM DCDS (2009-10-22)
   temporary only - remove as soon as HTML is fixed by Media tech
   -------------------------------------------------------------- */
/* support secondary links in subheadingings */
.cT-strapSubHeading span {margin-top:4px}
.cT-strapSubHeading span a {float:left;margin:2px .5em 0 0;padding-right:.5em;color:#000;font:normal .45em Arial, Helvetica, sans-serif;background:transparent url('img/sprite-base-skin-news.png') no-repeat 100% -79px/*vertical bar*/}
.cT-strapSubHeading span .last {background-image:none;padding-right:0;margin-right:0}

a.blog-twitter, a.blog-twitter:hover, a.blog-twitter:visited{-moz-border-radius: 5px;-webkit-border-radius: 5px;color:#FFFFFF;background:url("img/sprite-base-skin-news.png") no-repeat scroll -1090px -244px #33ccff;padding:1px 5px 1px 15px}
a.blog-facebook, a.blog-facebook:hover, a.blog-facebook:visited{-moz-border-radius: 5px;-webkit-border-radius: 5px;color:#FFFFFF;background:url("img/sprite-base-skin-news.png") no-repeat scroll -1090px -275px #015ba4;padding:1px 5px 1px 15px}
a.blog-rss, a.blog-rss:hover, a.blog-rss:visited{-moz-border-radius: 5px;-webkit-border-radius: 5px;color:#FFFFFF;background:#fd7419;padding:1px 5px 1px 5px}

