/* ---------- 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,
div#wrapper #box ul#editor-zone-1 li.major-heading h2,
body.series-index #box #content h2.first,
body.series-index div#wrapper #box div#content li.major-heading h2,
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
{
	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;
}


}