/* ---------- accent.css starts here ---------- */


@media all{

/*front heading link colour set */

body.front #content .first ul#main-trailblock li.wide h3 a,
body.front #content #main-zone .first li.wide h3 a
{
    color: #036; /* $frontLink */
    background-color: #fff; /* $frontLinkReverse */
}

body.front #content .first ul#main-trailblock li.wide h3 a:focus,
body.front #content .first ul#main-trailblock li.wide h3 a:active,
#badge a,
#badge
{
    color:  #fff;/* $frontLink */
    background-color: #036; /* $frontLinkReverse */
}

}
          /* ----------  accent.css ends here ----------- */

/*
**********
Import all neutral colors from global section
**********
*/

          /* ---------- ../../../global/styles/wide/high-contrast-section.css starts here ---------- */
          /* ---------- accent.css starts here ---------- */


@media all{

/*front heading link colour set */

body.front #content .first ul#main-trailblock li.wide h3 a,
body.front #content #main-zone .first li.wide h3 a
{
    color: #036; /* $frontLink */
    background-color: #fff; /* $frontLinkReverse */
}

body.front #content .first ul#main-trailblock li.wide h3 a:focus,
body.front #content .first ul#main-trailblock li.wide h3 a:active,
#badge a,
#badge
{
    color:  #fff;/* $frontLink */
    background-color: #036; /* $frontLinkReverse */
}

}
          /* ----------  accent.css ends here ----------- */
@media all{

#box
{
	border-color: #a6d1e2; 
}

body.travel #wrapper div.first h2,
body.travel #wrapper #box #content div.first h2,
body.front #content div.first h1,
body.video-front div#wrapper #box ul.trail li.major-heading h2
{
	border-color: #999;
}

#footer,
#header,
div#box,
body.interactive-wide div#wrapper #box div#content li.major-heading h2,
body.interactive-wide div#content div#content-index-section ul li p.strap,
body.series-index div#wrapper #box #content ul.trail h2,
body.series-index div#wrapper #box #content h2,
body.series-index div#wrapper #box #related ul.trail li.major-heading h2,
body.series-index div#wrapper #box div#content li.major-heading h2, 
body.series-index div#wrapper #box #related ul.trail li.major-heading h2,
body.style-guide .atoz,
body.style-guide div#wrapper #box ul#editor-zone-1 li.major-heading h2,
body.style-guide div#wrapper #box #content h2

{
	border-color: #D3D3D3;
}

body.interactive-wide div#wrapper div#footer
{
	border-color: #FFF;
}

body.interactive-wide div#wrapper div#footer ul#footer-links
{
	border-color: #D3D3D3;
}

#nav a,
#nav li,
#nav a.first
{
	border-color: #ccc;
}

#nav a.current {
	color: #da0034;
}

#nav a.current:focus,
#nav a.current:active
{
    color: white
}

/*
Styling of almost live in the editor

--------------------------------------------------------------------------*/

li.draft a
{
	color: #ff9c00;
}

li.ready-to-live a
{
	background-color: #bfb;
}

li.unlaunched-changes a
{
	color: #f82bcf
}


a.open span.remaining,
a.shower span.first-selection,
a.closed span.first-selection
{
	display: none
}


a.open span.first-selection
{
	display: inline
}


/*
Front page border colors
------------------------------------------------------------------------------*/

div.jobsbox form,
.jobs li
{
	border-color: #999;
}

ul#offers li,
#content li.vertical,
#content li,
#also-on li,
ul.sublinks
{
	border-top-color: #999;
}

div#main-trailblock div.jobsbox h2,
div#content div#global-jobs h2
{
	border-color: #266f9b;
}

div#main-offers div.ed-zone
{
	color: #a6d1e2;
}

div#main-offers div.ed-zone h2
{
	color: #333;
}


/*
Some video styles
------------------------------------------------------------------------------*/
body.video-front div#content div.latest ul li.video-channel h2,
body.video-front div#promo div.capsule,
body.video div#promo div.capsule
{
	border-color: #999;
}

body.video-front .commercial ul.trailblock a, 
body.video-front #content a 
{
	color: #005689;
}

body.video-front .commercial ul.trailblock a:focus,
body.video-front .commercial ul.trailblock a:active
{
	color: #fff;
}

body.video-front #content a:focus, 
body.video-front #content a:active, 
body.video-front .commercial a:focus,
body.video-front .commercial a:active,
body.video-front #header a:focus, 
body.video-front #header a:active 
{
	background-color:#005689;
	color: white;
}

body.style-guide ul.letters,
body.article div#wrapper div#footer ul#footer-links
{
	border-color: #D3D3D3;
}

div.rating-container
{
	background-color: #4f4f4f;
}


}
          /* ----------  ../../../global/styles/wide/high-contrast-section.css ends here ----------- */

/*
**********
Apply special neutral colors for microsites
**********
*/

@media all{

body div#wrapper div#page-header
{
	width: auto;
}

body.article div#wrapper #content,
body.other div#wrapper #content,
body.publication div#wrapper #content,
form.quiz ol.first
{
	border: none;
}

body.article div#wrapper #box
{
	margin-top: 0;
}

body.cartoon #box .main-picture,
ul.article-attributes,
body.article #box ul#article-toolbox,
body.audio-canonical ul.article-attributes,
body.audio div#section-contents,
body div#wrapper div.results-table table.poll-results td,
body.gallery div#wrapper .portrait p.number,
body div#wrapper h2,
body div#wrapper h3,
body div#wrapper h2.first,
body div#wrapper div#box h2,
body div#wrapper div#box h3,
body div#wrapper div#content h2,
body div#wrapper div#content h3,
body div#wrapper div#related h2,
body div#wrapper div#related h3,
body.keyword-page #content h2.first,
boyd.keyword-page div#wrapper div#box div#related div.col h3,
body.beautiful-boss div#wrapper div#box  h2,
body.other div#box div#content #section-contents h2,
body div#wrapper div#box ul li.major-heading h2,
body div#wrapper div#box ul li.major-heading h3,
body.boss-tag div#content div#related div.tag-tag h3,
body div#wrapper ul li,
body div#wrapper div#content ul li,
body div#wrapper div#related ul li,
body div#wrapper div#content ul#main-trailblock  li.normal,
body div#wrapper div#content ul.auto-trail-block li,
div#beautiful-boss-trail div#main-trailblock h2.first,
body div#wrapper div#content,
div#second-trailblock,
body div#wrapper div#page-header,
div#relatedlinks h2.related-information,
div#more-trails div.sponsored-features,
body.audio #wrapper #footer #footer-links,
div#box ul#article-toolbox-side,
ul.trailblock li.wide div.trail-caption
{
	border-color: #D3D3D3;
}

body div#wrapper div.microsite
{
	background-color: #fff;
	padding-top: 5px;
	height: 1%;
	position:relative;
}

body.article div#related div.article-trailblock,
body div#wrapper div.sponsored-features
{
	clear: both;
}

div#wrapper div#box div#content ul.article-attributes
{
	height: auto;
	min-height: 0;
}

body.other #content ul li.wide
{
	width: auto;
}

body.other #content ul.auto-trail-block li.image
{
	border-top-style: dotted; 
	height: 1%;
}

body.beautiful-boss div#related div#recent li 
{
	overflow: hidden;
}

body.poll div#wrapper div#footer,
body.quiz div#wrapper div#footer
{
	border-color: #FFF;
}

body.poll div#wrapper div#footer ul#footer-links,
body.quiz div#wrapper div#footer ul#footer-links

{
	border-top: 10px solid #D3D3D3;
	padding-top: 5px;
}

/*Promo column in page with Badge*/

body.has-badge .promoInMicrosite,
body.competition .promoInMicrosite,
body.quiz .promoInMicrosite,
body.poll .promoInMicrosite,
body.people .promoInMicrosite
{
	margin-top: 138px;
}

body.keyword-page .promoInMicrosite,
body.other .promoInMicrosite
{
	margin-top: 155px;
}

body.article .promoInMicrosite
{
	margin-top: 139px;
}

body.cartoon .promoInMicrosite
{
	margin-top: 135px;
}

body.beautiful-boss .promoInMicrosite
{
	margin-top: 0px;
}

/*Article header in video pages*/

body.video #article-header
{
	margin-left: 0;
	overflow: hidden;
}

/*Article attributes */

ul.article-attributes
{
	min-height: 0;
}

/*Badging*/

body div#article-header
{
	min-height: 10px;
}

body div#wrapper div#page-header h1
{
	width: 460px;
}

body div#wrapper div.microsite p 
{
	float: left;
	width: 460px;
	font-weight: bold;
	margin-top: 5px;
}

body a.feed,
body.other a.feed,
body.video a.feed,
body.keyword-page a.feed,
body.other div.badged a.feed, 
body.special div#article-header a.feed,
body.keyword-page div.badged a.feed, 
body.series-index div.badged a.feed,
body.keyword-sponsored #article-header a.feed,
body div#wrapper div.micrositee a.feed,
body.boss-tag div#wrapper div#box div#content div#article-header div#page-header a.feed
{
	top: 5px;
	left: 867px;
	position: absolute;
	width: auto;
	margin-top: 0;
	margin-right: 0;
}

body div#wrapper div.microsite-has-badge
{
	height: 130px;
	padding-bottom: 10px;	
}

body div#wrapper div.microsite div.microsite-badge
{
	border-top: 1px solid #D3D3D3;
	position: absolute;
	top: 0;
	left: 0;
	width: 940px;
	background-color: #fff;
}

body div#wrapper div.microsite div.microsite-badge p
{
	height: 15px;
}

body div#wrapper div.microsite div.microsite-badge a.feed
{
	top: 5px;
}

body.gallery div#wrapper div.microsite div.microsite-badge
{
	width: 790px;
}

body div#wrapper div.microsite a.microsite-badge
{
	clear: both;
	display: block;
	padding-top: 10px;
}

}