/* GENERIC STYLES ========================================================= */
html, body {
    background-color: #EBEBEB;
    color: #333;
}

/* WARNING: textual elements hidden with this class will be inaccessible to 
screen readers - use with care */
.hidden {
    display: none;
}
p {
    font-size: 85%;
    line-height: 1.4;
}
img {
    display: block;
}
strong {
    font-weight: bold;
}
a, a:link, a:visited {
    text-decoration: none; 
}
a:focus {
    background: #ccc; /* implemented via active psuedo class in ie6/7.css */
}
a:hover {
    text-decoration: underline;  
}
h1,
p.sub_title,
div.row h2 .sub_header {
    font-size: 197%;
    color: #007797;
    font-weight: bold;
    padding: 0.5em 0;
    line-height: 1.231;
}
#header h1 {
    padding: 0;
}
#commercial {
    position: absolute;
    top: 11px;
    right: 10px;
}
h2 {
    font-size: 93%;
    font-weight: bold;
}

/*= 2. Structure (donut) */
/* 2.1 - Main container (#page) */
#page {
    width: 960px;
    margin: 0 auto;
    background: #EBEBEB;
    position: relative;
}

/* 2.2 - Header */
#header {
    border-bottom: 6px solid #007797;
    margin-bottom: 12px;
    background: #f5821f url(/017694/d/capitalradio.co.uk/img/s_header.png) no-repeat right top;
}
#header div.logo {
    margin-bottom: 8px;
    line-height: 1;
}
p.skip_container {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 40;
}
p.skip_container a {
    display: block;
    padding: 12px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    left: -999em;
}
p.skip_container a:focus,
p.skip_container a:active {
    text-decoration: underline;
    background-color: #0090b1;
    border-bottom: 2px solid #FFF;
    left: 0;
}

/* user logged-in/logged out functionality */
#user_status {
    position: absolute;
    right: 10px;
    top: 108px;
    color: #d5ebf8;
}

#user_status .hd,
#user_status .bd,
#user_status .bd li {
    display: inline;
    font-weight: normal;
}

#user_status .hd {
    font-size: 85%;
    margin: 0;
}

#user_status a {
    font-size: 85%;
    color: #d5ebf8;
    font-weight: bold;
    text-decoration: underline;
}


/* 2.2.1 - search box */
#listen_info {
    width: 49%;
    overflow: hidden; 
    float: left;
}
#listen_info div {
    overflow: hidden;
    position: relative;
    height: 2em;
    margin-top: 12px;
    left: -24px;
}
/* we are refering to the "listen liove button here"*/
#listen_info a { 
    z-index: 20;
    position: relative;
}
a#listen_live_btn {
    display: block;
    color: #FFF;
    font-size: 131%;
    line-height: 1;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_cta.png) no-repeat right 50%;
    padding: 0 1.4em 0 0;
    position: relative;
    float: left;
}
a#listen_live_btn em {
/*   background: transparent url(/017694/d/capitalradio.co.uk/img/s_cta.png) no-repeat -4846px 50%;*/
   background: transparent url(/017694/d/capitalradio.co.uk/img/s_cta.png) no-repeat -5684px 50%;
   padding-left: 35px; 
   font-weight: bold;
}
a#listen_live_btn span {
    display: block;
    padding: 0.8em 0;
    border-top: 1px solid #095467;
}
/* and here we are refering to the links inside the now-playing ticker */
#listen_info li a {
    color: #025682;
    font-weight: normal;
}

#listen_info ul {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_header.png) no-repeat right center;
    height: 2.3em;
    z-index: 10;
    font-size: 85%;
    border: 0;
}
#listen_info li {
    color: #025682;
    font-weight: bold;
    line-height: 2.3em;
    position: absolute;
    top: 2em;
    padding-left: 30px;
}

#listen_info .static li.current {
    top: 0;
    display: block;
}
#listen_info .static li {
    display: none;
}
/* 2.2.2 - search box */
#search {
    float: right;
    text-align: right;
    overflow: hidden; 
    padding-top: 12px;
    margin-right: 12px;
}
#search div {
    overflow: hidden;
}
#search label {
    position: absolute;
    left: -9999em;
    display: block;
}
#search input {
    float: left;
}
#search input#q {
    padding: 4px 6px;
    color: #333;
    background: #FFF;
    padding-right: 20px;
    width:190px;
    font-size: 85%;
}


#search button.cta{
    font-weight: bold;
    font-size: 100%;
    width: 6em;
    float: left; /* for FF2 */
    margin-left: 5px;
}

/* 2.2.3 - global nav */
#global_nav {
    text-transform: uppercase;
    overflow: hidden;
    width: 100%;
    background: #333 url(/017694/d/capitalradio.co.uk/img/s_header.png) no-repeat right bottom;
    font-size: 77%;
    font-weight: bold;
    clear: both;
    border-top: 5px solid #000;
}
#global_nav li {
    float: left;
    margin-bottom: 1px;
    display: block;
    border-left: 2px solid #000;
}
#global_nav li.first {
    border-left: none;
}

#global_nav a {
    display: block;
    padding: 12px 20px;
    color: #CCC;
    float: left;
}
#global_nav a:hover,
#global_nav a:focus,
#global_nav a:active {
    background: #000;
    color: #fff;
}
#global_nav em a {
    padding-bottom: 7px;
    margin-bottom: -1px;
    border-bottom: 6px solid #007797;
    background: #999 url(/017694/d/capitalradio.co.uk/img/s_header.png) no-repeat -844px -510px;
}
/* 2.4 - Main container */
#main {
  overflow: hidden;  
}
/* 2.5 - Section nav */
#section_nav {
    background: #fff;
    float: left;
    width: 168px;
    background: url(/017694/d/capitalradio.co.uk/img/s_subnav.png) no-repeat left top;
}
body.error #section_nav, body.rules #section_nav {
    margin-bottom: 20px;
}
#section_nav ul {
    margin: 0 12px 30px 0;
    overflow: hidden;
}
#section_nav ul ul {
    margin: 0;
    display: none;
}
#section_nav li ul.selected {
    display: block;
}
#section_nav li {
    display: block;
}
#section_nav a, 
#section_nav em {
    display: block;
    font-size: 85%;
    line-height: 2;
    padding: 0 12px;
}
#section_nav strong {
    text-transform: uppercase;
    padding-right: 12px;
    color: #C9243F;
}
#section_nav em {
    border: 1px solid #00A5DF;
    border-bottom: none;
    color: #FFF;
    background: url(/017694/d/capitalradio.co.uk/img/s_subnav.png) no-repeat -1160px 50%;
}
#section_nav li li em {
    padding-left: 24px;
}
#section_nav em strong {
    color: #FFF;
}
#section_nav a {
    background-color: #FFF;
    border-bottom: 1px solid #EBEBEB;
    color: #666;
}
#section_nav em a {
    color: #FFF;
    background: none;
    font-size: 100%;
    border-bottom: 0;
    padding: 0;
}
#section_nav a:hover, 
#section_nav a:focus,
#section_nav a:active {
    text-decoration: none;
    background-color: #CCC;
    color: #FFF;
}
#section_nav ul ul a {
    background: #F4F4F4 url(/017694/d/capitalradio.co.uk/img/s_subnav.png) no-repeat -178px 50%;
    padding-left: 24px;
}
#section_nav ul ul em a {
    padding-left: 0;
    background: none;
}    
#section_nav ul em a:hover {
    background: none;
}
#section_nav ul ul a:hover,
#section_nav ul ul a:focus, 
#section_nav ul ul a:active {
    background-position: -368px 50%
}
#section_nav .commercial {
    margin: 18px 0 18px 18px;
}

#section_nav .commercial a {
    padding: 0;
    width: 120px;
}

/* 2.6 - Footer */
#footer {
    background-color: #333;
    border-top: 3px solid #000;
    clear: both;
    color: #999999;
}
#footer_content {
    width: 940px;
    margin: 0 auto;
    padding: 18px 12px 100px;
    position: relative;
}
#footer p {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 85%; /* 11px */
    width: 150px;
}
#footer ul {
    margin-left: 160px;
    width: 21em;
    float: left;
}
#footer ul li {
    font-size: 93%; /* 11px */
    line-height: 1.6;
    width: 10em;
    float: left;
}
#footer li a {
    color: #999999;
    text-decoration: underline;
}
#footer li a:hover {
    text-decoration: none;
}

/*= 3. Main content */
#content {
    float: right;
    width: 792px;
    overflow: hidden;
}
p.byline {
    font-style: italic;
    margin-top: -6px;
}
p.lead_paragraph {
    font-weight: bold;
}
/* main content grid */
div.row {
    width: 768px;
    padding: 12px 12px 20px;
    margin-bottom: 12px;
    background: #FFF url(/017694/d/capitalradio.co.uk/img/s_header.png) no-repeat -1px bottom;
    float: left;
    /* fix for IE6 magic bumber margin bug */
    margin-right: -3px;
}
/* additional mark-up used by the sponsorship app - containing floats */
.row .spony_wrap {
    overflow: hidden;
}
/* using float: left to contain floats as using overflow: hidden cut off rossettes */
.row .pod_wrap {
    float: left;
}
#sponsor_top {
    margin-bottom: 10px;
}
div.inner_row {
    clear: left;
}
div.pod,
div.highlight,
div.supplimentary,
div.feature {
    margin-right: 12px;
    margin-top: 12px;
    float: left;
    position: relative;
}
div.pod {
    width: 144px;
}
div.double,
div.supplimentary {
    width: 300px;
}
div.triple {
    width: 456px;
}
div.quad {
	width: 588px;
}
div.super {
    width: 768px;
    margin-right: 0;
}
div.last {
    margin-right: 0;
}
div.offer div {
	border: 1px dashed #CCC;
	background-image: url(/017694/d/capitalradio.co.uk/img/s/bg_div_offers.gif);
	background-position: right 116px;
	background-repeat: no-repeat;
}
div.double div {
	background-position: right 204px;	
}
div.offer div h3 span, 
div.offer div p {
	margin-right: 12px;
	margin-left: 12px;
}
div.offer div p {
	margin-bottom: 12px;
}
.pod em.marker,
.search-results em.marker {
	position: absolute;
	top: -18px;	
	right: -6px;
	text-indent: -999em;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 43px;
	height: 43px;
}
.pod em.competition,
.search-results em.competition {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -2100px 0;
}
div.pod em.new {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -2400px 0;
}
div.pod em.video,
.search-results div.row em.video {
    top: 50px;
    left: 5px;
	background-image: url(/017694/d/capitalradio.co.uk/img/video_badge.png); /* IE6 */ 
}
div.double em.video {
    top: 154px;
}
/* commercial container */
.row .commercial {
    margin-top: 48px;
}
.double .commercial {
    margin-top: 0;
}
div.row div.commercial p {
    text-transform: uppercase;
    text-align: center;
    color: #999;
    border-top: none;
    padding-top: 0;
    display: none;
}
.js div.row div.commercial p {
    display: block;
}
/* pod content styles*/
div.pod h3 {
	margin-top: 0;
    margin-bottom: 6px;
    font-weight: bold;
}
.download h3 span {
    padding-left: 15px;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -900px 1px; /* capital */
}

div.pod h3 img {
	margin-bottom: 5px;
}
div.pod h3 a:hover {
	text-decoration: none;
}	
div.pod h3 a:hover span {
	text-decoration: underline;
}
div.pod h3 span {
	display: block;
	font-weight: bold;
	overflow: hidden;
	word-wrap: break-word;
}
div.pod h3 span span {
    color: #333;
    font-weight: normal;
    font-size: 85%;
    margin-top: 3px;
}
div.pod ul.temperature {
    padding-left: 0;
    clear: left;
}	
div.pod ul.temperature li {
    list-style: none;
    font-size: 85%;
    line-height: 1.4;
}
div.pod p {
    border-top: 1px solid #CCC;
    padding-top: 6px;

}
.register .row p {
    padding-top: 6px;
    line-height: 1.4;
}
div.pod .comments {
    border-top: none;
}
div.pod .comments a {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -300px -1000px;
    padding-left: 22px;
    display: block;
    line-height: 1.5;
}
div.pod ol li {
    padding-left: 10px;
    line-height: 1.6;
    font-size: 85%;
}

div.pod h3 {
    min-height: 20px;
}
.pod ol h3.default a, 
.pod ol h3.download a, 
.pod ol h3.competition a, 
.pod ol h3.offer a,
.pod ol h3.video a {
    padding-left: 16px;
}

.pod ol h3.default a {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -1496px 0;
}
.pod ol h3.download a {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -900px 0;
}
.pod ol h3.video a {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -600px 1px;
}
.pod ol h3.competition a {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -1496px 0;
}
.pod ol h3.offer a {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -1496px 0;
}


.on-air .pod h3.default a {
    background-position: -1496px -696px;
}
.london-guide .pod h3.default a {
    background-position: -1496px -296px;
}
.music-showbiz .pod h3.default a {
    background-position: -1496px -496px;
}
.news-travel .pod h3.default a {
    background-position: -1496px -396px;
}
.offers-competitions .pod h3.default a {
    background-position: -1496px -596px;
}
.charity .pod h3.default a {
    background-position: -1496px -96px;
}

.on-air .pod h3.download a {
    background-position: -900px -700px;
}
.london-guide .pod h3.download a {
    background-position: -900px -300px;
}
.music-showbiz .pod h3.download a {
    background-position: -900px -500px;
}
.news-travel .pod h3.download a {
    background-position: -900px -400px;
}
.offers-competitions .pod h3.download a {
    background-position: -900px -600px;
}
.charity .pod h3.download a {
    background-position: -900px -100px;
}

.on-air .pod h3.video a {
    background-position: -600px -699px;
}
.london-guide .pod h3.video a {
    background-position: -600px -299px;
}
.music-showbiz .pod h3.video a {
    background-position: -600px -499px;
}
.news-travel .pod h3.video a {
    background-position: -600px -399px;
}
.offers-competitions .pod h3.video a {
    background-position: -600px -599px;
}
.charity .pod h3.video a {
    background-position: -600px -99px;
}

.on-air .pod h3.offer a {
    background-position: -1496px -696px;
}
.london-guide .pod h3.offer a {
    background-position: -1496px -296px;
}
.music-showbiz .pod h3.offer a {
    background-position: -1496px -496px;
}
.news-travel .pod h3.offer a {
    background-position: -1496px -396px;
}
.offers-competitions .pod h3.offer a {
    background-position: -1496px -596px;
}
.charity .pod h3.offer a {
    background-position: -1496px -96px;
}

.on-air .pod h3.competition a {
    background-position: -1496px -696px;
}
.london-guide .pod h3.competition a {
    background-position: -1496px -296px;
}
.music-showbiz .pod h3.competition a {
    background-position: -1496px -496px;
}
.news-travel .pod h3.competition a {
    background-position: -1496px -396px;
}
.offers-competitions .pod h3.competition a {
    background-position: -1496px -596px;
}
.charity .pod h3.competition a {
    background-position: -1496px -96px;
}


div.pod ol li a:hover {
    text-decoration: underline;
}
div.pod ol li.even {
    background-color: #E3E3E3;
}

.row img {
    border-bottom: 5px solid #007797;
}

/* megapod */
div.megapod {
    border: 1px solid #CCC;
    padding: 0;
}
div.megapod, .megapod .segment {
	width: 792px;
	height: 280px;
	position: relative;
	/*    cursor: pointer;*/
    overflow: hidden;
	background-image: url(/banners/Kabaka.jpg);
}
div.megapod {
    width: 790px;   
}
.megapod #segment1:target {
    top: 0;
}
.megapod #segment2:target {
    top: -280px;
}.j
.megapod #segment3:target {
    top: -560px;
}
body.js .megapod #segment1:target,
body.js .megapod #segment2:target,
body.js .megapod #segment3:target {
    top: auto;
}
.megapod .inner {
    overflow: hidden;
    width: 792px;
    height: 280px;
}
.megapod ol li { 
    float: left;
    display: block;
    position: relative;
}
.megapod ol li.first { 
    left: 0;
    z-index: 40;
}
#content .megapod ol li.first a { 
    padding-left: 10px
}
.megapod ol li.second {
    left: -18px;
    z-index: 30;
}
.megapod ol li.third { 
    left: -36px;
    z-index: 20;
}
#content div.megapod ol a { 
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    padding: 0 18px 0 24px;
    font-size: 93%;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s/ul.section_nav_a_hover.gif) no-repeat 100% 50%;
    line-height: 2em;
    color: #666;
    outline: 0;
}
.megapod ol a:hover {
    background-image: url(/017694/d/capitalradio.co.uk/img/s/ul.section_nav_a_hover.gif);
    color: #FFF;
}
.megapod ol {
    margin: 0;
    padding: 0;
    position: absolute;
    top : 10px;
    left: 10px;
    float: left;
    z-index: 2;
}
.megapod .segment {
    background-color: #FFF;
}
.megapod .segment img {
    width: 792px;
    height: 280px;
}
.megapod .segment div {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 180px;
    height: 280px;
    background-color: #F9F9F8;
    opacity: 0.8;
}
.megapod .segment ul {
    padding: 0;
}
.megapod .segment ul li {
    border-bottom: 1px solid #D0CFCE;   
    list-style: none;
    padding: 0;     
}
#content .megapod .segment ul li a {
    display: block;
    color: #888;
    line-height: 1.4;
    font-weight: bold;
    padding: 8px;
    text-decoration: none;
}
#content .megapod .segment ul li a:hover { 
    background: #DDD;
}
.megapod .segment h3 {
    position: absolute;
    top: 40px;
    left: 10px;
    color: #FFF;
    float: left;
    padding: 3px 5px;
    font-size: 197%; /* 26px */
    font-weight: bold;
    margin: 0;
    margin-right: 190px;
    max-width: 590px;
}
.megapod .segment p {
    position: absolute;
    bottom: 25px;
    left: 10px;
    width: 16em;
    color: #FFF;
    line-height: 1.4;
    font-weight: bold;
    font-size: 116%; /* 17px */
}

.megapod .inner .alt1 p a,
.megapod .alt1 p {
    color: #FFF;
}
.megapod .inner .alt2 p a,
.megapod .alt2 p {
    color: #CCC;
}
.megapod .inner .alt3 p a,
.megapod .alt3 p {
    color: #888;
}
.megapod .inner .alt4 p a,
.megapod .alt4 p {
    color: #666;
}
.megapod .inner .alt5 p a,
.megapod .alt5 p {
    color: #444;
}
.megapod .inner .alt6 p a,
.megapod .alt6 p {
    color: #222;
}
.megapod .inner .alt7 p a,
.megapod .alt7 p {
    color: #000;
}
.megapod .segment p a{
    color: #FFF;
    text-decoration: none;
    display: block;
}
.megapod .segment p a:active{
    background: none;
}

.megapod .segment a.change {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    padding: 5px 10px 5px 23px;
    background-position:  10px 50%;
}
.megapod .segment h3 {
    background-color: #666;
}       
.megapod .on-air h3 {
    background-color: #F16D21;
}
#content .on-air a.current,
#content .megapod ol li.selected a.on-air,
#content .megapod ol a.on-air:hover {
    background-image: url(/017694/d/capitalradio.co.uk/img/s/megapod_on_air.gif);
    color: #FFF;
}
.megapod .london-guide h3 {
    background-color: #B90D33; 
}      
#content .london-guide a.current,
#content .megapod ol li.selected a.london-guide,
#content .megapod ol a.london-guide:hover
{
    background-image: url(/017694/d/capitalradio.co.uk/img/s/megapod_guide.gif);
    color: #FFF;
}
.megapod .music-showbiz h3 {
    background-color: #718C3A;         
}
#content .music-showbiz a.current,
#content .megapod ol li.selected a.music-showbiz,
#content .megapod ol a.music-showbiz:hover      
{
    background-image: url(/017694/d/capitalradio.co.uk/img/s/megapod_music.gif);
    color: #FFF;
}
.megapod .offers-competitions h3 {
    background-color: #00A5DF;         
}
#content .offers-competitions a.current,
#content .megapod ol li.selected a.offers-competitions,
#content .megapod ol a.offers-competitions:hover
{
    background-image: url(/017694/d/capitalradio.co.uk/img/s/megapod_offers.gif);
    color: #FFF;
}
.megapod .news-travel h3 {
    background-color: #570835;         
}
#content .news-travel a.current,
#content .megapod ol li.selected a.news-travel,
#content .megapod ol a.news-travel:hover
{
    background-image: url(/017694/d/capitalradio.co.uk/img/s/megapod_news.gif);
    color: #FFF;
}
.megapod .do-your-bit h3 {
    background-color: #C53D96;         
}
#content .charity a.current,
#content .megapod ol li.selected a.charity,
#content .megapod ol a.charity:hover
{ 
    background-image: url(/017694/d/capitalradio.co.uk/img/s/megapod_participate.gif);
    color: #FFF;
}
.megapod .my-capital h3 {
    background-color: #CCC;        
}
#content .my-capital a.selected,
#content .megapod ol li.selected a.my-capital,
#content .megapod ol a.my-capital:hover
{
    background-image: url(/017694/d/capitalradio.co.uk/img/s/megapod_my_capital.gif);
    color: #FFF;
}
.segment1 #segment2,
.segment1 #segment3,
.segment2 #segment1,
.segment2 #segment3,
.segment3 #segment1,
.segment3 #segment2 {
    display: none;
}
/* special heading style for <h2>'s  */
.row h2 {
    color: #FFF;
    font-size: 93%;
    line-height: 1.6;
}
.row h2 span {
    background-color: #007797;
    display: block;
    padding-left: 12px;
    padding-top: 5px;
    width: 24em;
}
.row h2 em {
	border-bottom: 6px solid #007797;
    display: block;
	text-transform: uppercase;
}
.row h2 .sub_header {
    background: none;
    color:#007797;
    width: auto;
}
.row a {
    color: #007797;
    outline: none;
}
/* sectional navigation */
.section_navigation {
    padding-left: 0; 
    overflow: hidden;
}
.section_navigation li { 
    float: left;
    display: block;
    position: relative;
}
/* setting the stacking order correctly - from front to back */
.section_navigation li.item1 { 
    left: 0;
    z-index: 40;
}
.section_navigation li.item2 {
    left: -18px;
    z-index: 30;
}
.section_navigation li.item3 { 
    left: -36px;
    z-index: 20;
}
.section_navigation li.item4 { 
    left: -66px;
    z-index: 10;
}
.section_navigation a { 
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    padding: 0 18px 0 24px;
    font-size: 93%;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s/section_nav_default.gif) no-repeat 100% 50%;
    line-height: 2em;
    color: #666;
}
.section_navigation a:hover {
    background-image: url(/017694/d/capitalradio.co.uk/img/s/ul.section_nav_a_hover.gif);
    color: #FFF;
}
#content .section_navigation li.item1 a { 
    padding-left: 6px;
    color: #FFF;
}
/* article specifics */
#article h2 {
    font-size: 123.1%;
}
#article h2 span {
    background: transparent;
    padding: 0;
    width: auto;
}
#article h2,
#article h3 {
    color: #007797;
    padding-top: 6px;
}
#article .last img.related, #article .last .irn_video_player {
    margin-bottom: 20px;
}
#archive h2 {
    border-bottom: 1px solid #CCC;
    color: #666;
    padding-bottom: 3px;
    margin-top: 10px;
    margin-bottom: 3px;
}
#archive .pager {
    margin-top: 20px;
    text-align: center;
    position: relative;
}
#archive .pager li {
    display: inline;
    padding: 2px 4px;
    margin: 0;
}

#archive .pager li.current {
    border: 1px solid #E5E5E5;
}

#article p {
    border-top: none;
    line-height: 1.4;
}

#article acronym {
    border-bottom: 1px dotted #333;
}
#article em {
    font-style: italic;
}
/*
    tinyMCE puts in some rather weird classes things not in HTML
    CSS makes it obvious what they do
*/

#article ul,
#article ol,
div.vevent ul {
    margin-left: 24px;
    padding-top: 6px;
}
#article #heading ol {
    padding-top: 0;
    font-size: 100%;
    margin-left: 0;
    background: #F7F7F7;
    width: 100%;
}
#article #heading p {
    line-height: 1.6;
}
#article #heading blockquote {
    margin: 10px;
}
#article .user_content h3 {
    padding-top: 12px;
    color: #7B7B7B !important;
}
#article li{
    font-size: 85%;
}

#article li,
div.vevent ul li {
    list-style-type: disc;
    padding-left: 0;
    line-height: 1.6;
}
#article ol li {
    list-style-type: decimal;
}
#article table {
    width: 100%;
}
#article caption {
    font-size: 85%;
    font-weight: bold;
    color: #007797;
    margin: 6px 0;
}
#article thead {
   color: #FFF;
   font-size: 93%; 
   font-weight: bold;
}
#article thead tr {
    background-color: #007797;
}
#article th,
#article td {
    padding: 6px;
}
#article tbody {
    font-size: 85%;
}
#article tbody .alt {
    background-color: #F4F4F4;
}
#list_of_dates li {
    font-size: 85%;
}
/* primary content */
.primary_content {
    float: left;
    width: 300px;
}
.primary_content p {
    padding: 6px 0;
}
/* styles needed for local guide pages */
div.row p.rate_line, 
div.row p.event_date {
    font-size: 100%;
    margin-bottom: 10px;
}
div.vcard h2, 
div.vevent h2 {
    color: #333;
    font-size: 93%;
    border-bottom: 1px solid #CCC;
    margin: 6px 0;
    text-transform: none;
}
div.vcard h2 span, 
div.vevent h2 span {
    background: none;
    width: auto;
    padding: 0;
    font-weight: normal;
    display: inline;
}
div.vcard .pod p, 
div.vevent .pod p {
    border-top: none;
}
div.vcard .adr p, 
div.vevent .adr p {
    padding: 0;
}
div.vevent p.org {
    font-size: 100%;
    font-weight: bold;
}
div .adr p.tube {
    font-weight: normal;
    margin-top: 12px;
}
div .adr p.tube span {
    font-weight: bold;
}

div.vcard .contacts, 
div.vevent .contacts {
    font-size: 85%;
    font-weight: bold;
    margin-top: 12px;
}
div.vcard .photo {
    float: right;
    border-bottom: 4px solid #b90d33;
}
.venue_info {
    clear: both;
}
.venue_info div {
    width: 220px;
    float: left;
    margin-right: 12px;
    padding-top: 12px;
}
.venue_info .venue_suggestions {
    margin-right: 0;
}
.expanded div {
    width: auto;
    float: none;
}
.venue_info .further_guide_info li {
    border-top: none;
}
/* we use the awesome expando widget on this page - so here is the CSS for it... */
.js .truncated li {
    display: none;
}
.js .truncated li.displayed {
    display: list-item;
}
.js a.show_all {
    font-size: 85%;
    margin-top: 6px;
    padding-top: 6px;
    display: block;
}
/* class to expand col if no related content - applied to div.primary_content */
.no_related {
    width: 444px;
}
/* related content */
.related_content {
	float: left;
	width: 144px;
	margin-left: 12px;
}
#article .related_content {
    float: right;
    background: #fff;
}
.related_content div {
	background-color: transparent;
	margin-bottom: 12px;
	
}
/* specific sizes for WLL venue pages in local guide */
div.vcard div.primary_content {
    width: 218px;
}
div.vcard div.related_content {
    width: 225px;
}
#content .related_content div h2 {
	background-color: transparent;
	margin: 0;
	padding: 6px 0;
	font-size: 93%;
	color: #333;
}
#content .related_content div ul,
#content .related_content div ol,
ul.further_guide_info  {
	padding: 0;
	font-size: 85%;
	margin: 0;
}
#article .related_content div ul,
#article .related_content div ol {
    font-size: 100%;
}
#content .related_content div li,
.further_guide_info li {
	padding: 6px 4px 6px 12px;
	border-top: 1px solid #CCC;
	list-style-type: none;
	line-height: 1.231;
}
.related_content div li a {
	padding-left: 16px;
	background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -1496px 5px;
	color: #007797;
	font-weight: bold;
	position: relative;
	left: -12px;
	width: 100%;
	overflow: hidden;
	display: block;
}
.further_guide_info li {
   background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -1500px -290px; 
}
.further_guide_info a {
    font-weight: bold;
    color: #B90D33;
}
.further_guide_info span {
    display: block;
}
.related_content div li.external-blank a,
.related_content div li.external-self a,
.related_content div li.amazon a {
    background-position: 0 0;
}
.related_content div li.itunes a {
    background-position: -900px 0;
}
.related_content div li.video a {
    background-position: -600px 0;
}
.related_content div li.audio a {
    background-position: -1200px 0;
}
.related_content a span {
    position: absolute;
    left: -9999em;
}
ul.further_guide_info p {
    font-size: 100%;
    padding: 0;
}
.related_content .map {
    border: 1px solid #CCCCCC;
}
.related_content .map img {
    display: block;
}
.related_content .map h2 {
	font-size: 85%;
	padding: 6px;
	background-color: #CCC;
	text-transform: none;
	color: #333;
	border-bottom: none;
	line-height: 1.2;
	margin: 0;
}
.related_content .map a {
    display: block;
    font-size: 0;
}
.related_content .near_venue {
	border: none;
}
.related_content .near_venue li p {
	padding: 0;
	padding-left: 18px;
	margin: 0;
}
.related_content .near_venue p {
	margin: 0 6px;
	padding-top: 0;
}
#content p.image_caption {
    padding: 0 6px 6px 6px;
    color: #FFF;
    background: #007797;
    margin-bottom: 12px;
}
#content p.image_caption a {
    color: #fff;
}
/*= WLL call out box styles - used on venue pages */
div.wll_callout {
    background-color: #fffbce;
}

div div.wll_callout h3 {
    text-transform : none;
    margin: 12px;
    padding: 0;
    color: #000;
}

div.wll_callout p {
    margin: 12px;
    border-top: 0;
}

div.wll_callout div {
    margin: 12px;
    overflow: hidden;
}
div.wll_callout div a img {
    float: left;
    border-bottom: none;
}
div.wll_callout div a.logo img {
    float: right;
}
/* distribution - send to a friend/social bookmarking ======================*/
#distribution {
    float: left;
	width: 100%;
	margin-top: 24px;
/*  padding: 5px 12px;*/
}
#distribution .tabcontent{
    clear: left;
    border: 1px solid #ccc;
    border-top: 3px solid #007797;
    overflow: hidden;
    padding: 12px;
    background: #FFF;
}
#distribution .tabs li,
#distribution .tabs {
    float: left;
    background:  #EFEFEF;
    font-size: 100%;
    margin-left: 0;
    padding-top: 0;
}
#distribution .tabs li {
    list-style-type: none;
    line-height: 1.231;
}
.row #distribution h2.share,
#distribution .tabs li a{
    float: left;
    padding: 4px 10px;
    font-size: 85%;
    color: #fff;
    background: #007797;
}
#distribution .tabs li a {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -2095px -795px;
    padding-left: 24px;
}
#distribution .tabs li.last a {
    background-position: -1795px -795px;
}
#distribution .tabs li a:hover,
#distribution .tabs li.current,
#distribution .tabs li.current a{
    background-color: #007797;
    color: #fff;
}
#distribution span.share{
    background: #d6d6d6;
/*    padding: 3px 0; */
}

#distribution h2 {
	font-size: 85%;
	border-bottom: none;
	background-color: #CCC;
	padding: 6px;
	margin: 0;
	color: #007797;
	text-transform: none;
}
#distribution p {
    clear: left;
	padding: 0;
	padding: 0 0 6px 0;
	border-top: none;
}
#distribution .tabcontent {
    float: left;
    width: 94%;
}
#distribution .bookmark_sites {
    clear: left;
    overflow: hidden;
    float: left;
    margin-left: 10px;
}
#distribution .bookmark_sites li {
    float: left;
    list-style-type: none;
    width: 135px;
    margin-bottom: 6px;
}

#distribution .bookmark_sites a {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat 2px -800px;
    padding: 4px 0px 4px 24px;
}
#distribution .bookmark_sites a span {
    position: absolute;
    left: -9999em;
    font-size: 0;
}
#distribution .bookmark_sites .facebook {
    background-position: -900px -800px;
}
#distribution .bookmark_sites .digg {
    background-position: -1200px -800px;
}
#distribution .bookmark_sites .google {
    background-position: -1500px -800px;
}
#distribution .bookmark_sites .delicious {
    background-position: -600px -800px;
}
#distribution .bookmark_sites .myspace {
    background-position: -300px -800px;
}

/* UGC lists - comments/reviews */
.user_content ol li {
    margin-bottom: 12px;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s/bg_user_content.gif) left bottom no-repeat;
    padding:  12px;
    position: relative;
}
.user_content p.comment_message {
    border-bottom: 4px solid #01c501;
    border-top: none;
    padding-left: 30px;
    padding-top: 0;
    background: transparent url(/017694/d/capitalradio.co.uk/img/message.gif) no-repeat 0 0;
    line-height: 2;
}
.user_content p.comment_message em {
    font-weight: bold;
}
.user_content ol li.moderating {
    background: #ffffcb;
}
#reviews ol li, #article_comment_list li {
    font-size: 100%;   
    padding-left: 12px;
}
.user_content ol li p {
    border-top: none;
    padding: 0 12px;
    margin-bottom: 6px;
}
.user_content ol li div p {
    font-style: italic;
    margin: 0 12px;
    padding: 3px 0;
    overflow: hidden;
}
.user_content ol li div p.report {
    text-align: right;
    font-size: 77%;
    padding: 0;
    line-height: 1.231;
}
.user_content ol li p.report a {
    color: #999;
    font-style: normal;
    text-decoration: none;
}
.user_content ol li button {
    float: left;
}
.user_content ol li div .reviewed_info {
    float: right;
}
.user_content .hreview p.reviewer {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s/bg_hreview.gif) no-repeat 20px top;
    padding-top: 16px;
    position: relative;
    top: -1px;
}
.user_content .hreview img.photo {
    margin-right: 6px;
    float: none;
    border-bottom: 0;
    display: inline;
}
.user_content ol li .corners {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s/crns_user_content.gif) top right no-repeat;
    position: relative;
    overflow:hidden;
}
.user_content ol li .tl {
    background-position: left top;
    height: 100%;
    width: 6px;
    position: absolute;
    left: 0;
    top: 0;
}
.user_content ol li .b {
    position:relative;
}

.user_content ol li .b,
.user_content ol li .b div {
    height:6px; 
    font-size:1px;
}
.user_content ol li .b {
    background-position:bottom right;
}
.user_content ol li .b div {
    position:relative;
    width:6px; 
    background-position:bottom left;
}
/* stuff for the non-JS abuse report */
div.report_abuse p {
    border-top: none;
}
div.report_abuse blockquote {
    font-style: italic;
    margin: 0 12px; 
}
div.report_abuse blockquote p {
    font-size: 100%;
}
.section li p.lead_paragraph {
  text-transform :uppercase;
  font-style: normal;
  font-size: 100%;
}
/* UGC - comment form/errors,  */
#comments h1 {
    color: #7B7B7B;
}
#comments h2 em {
    border-bottom-color: #7B7B7B;
}
#comments h2 em span {
    background-color: #7B7B7B;
}
#comments h2 .sub_header {
    color: #7B7B7B;
}
#comments .comment_intro {
    margin-bottom: 12px;
}
#comments .commercial {
    margin-top: 24px;
}
.user_content form,
#article_comments,
#article_mobile_comments {
    border: 1px solid #CCC;
    padding-bottom: 12px;
    background-color: #efefef;
    overflow: hidden;
}
#article_mobile_comments {
    margin-top: 12px;
}
div.user_content h3,
#article_comments h3 a {
    text-transform: uppercase;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 93%;
    margin-bottom: 12px;
    padding: 12px 12px 0 12px;
    margin-top: 0;
}
.user_content form h3,
#article_comments h3 a {
    color: #7b7b7b;
}
#article_comments h3 a {
    padding: 0;
}
.user_content form p,
#article_comments p,
#article_mobile_comments p {
    font-size: 85%;
    color: #666;
    margin-bottom: 6px;
    padding: 0 12px;
    border-top: 0;
}
.form_message {
    background-color: #7b7b7b;
    border: 2px solid #efefef;
    border-width: 2px 0;
    margin-bottom: 12px;
    color: #efefef;
    padding: 12px;
}
.form_message h4 a {
    font-weight: bold;
    padding-bottom: 6px;
    color: #FFF !important; 
    text-decoration: none;
    cursor: default;
}
.form_message h4 a:focus {
    background: transparent;
    text-decoration: underline;
}
#article_comments img {
    background-color: transparent;
    padding-top: 6px;
    margin-left: 24px;
    border-bottom: none;
}
.form_message ul {
    padding-left: 12px;
}
#article_comment_list .form_message li {
    background: none;
    line-height: 1.23;
    padding: 0;
    margin-bottom: 0;
}
ol .form_message ul {
    margin-left: 0;
}
.form_message ul a {
    color: #efefef !important;
    font-size: 93%;
}
.user_content form input,
.user_content form textarea {
    border: 1px solid #CCC;
    margin: 0;
    padding: 3px;
    font-size: 100%;
    font-weight: normal;
    font-family: Arial;
}
.user_content form p.submit_button {
    float: right;
    margin-top: -2.5em;
    border: auto;
    margin-bottom: 0;
}
#report_abuse p {
    font-style: normal;
}
#report_abuse p.submit_button {
   padding-top: 0;
   padding-bottom: 0; 
}
.user_content form p.submit_button input {
    border: none;
    padding: 0;
}
.user_content form fieldset {
    position: relative;
    
}

.user_content form fieldset p {
    overflow: hidden;
    float: left;
    position: relative;
}
.user_content form fieldset input,
.user_content form fieldset textarea {
    width: 265px;
}
.user_content form fieldset p.inline_label input {
    width: auto;
}
.user_content form fieldset textarea {
    height: 100px;
}
#report_abuse fieldset textarea {
    width: 375px;
}
div#comments.user_content form a {
    color: #666;
    font-weight: normal;
    text-decoration: underline; 
}
.user_content form label {
    font-weight: bold;
    display: block;
    color: #333;
    cursor: pointer;
    padding-bottom: 4px;
}

.user_content form legend  {
    text-indent: -999em;
    font-size: 0;
    height: 0;
    line-height: 0;
}
.user_content form label span {
    position: absolute;
    left: -9999em;
}
.user_content form label em {
    color: #333;
    font-weight: normal;
}
.user_content form label strong {
    color: #7B7B7B;
    font-weight: normal;
    text-transform: none;
}

.user_content form p.inline_label {
    overflow: hidden;
}
.user_content form p.inline_label input {
    padding: 0;
    display: inline;
    border: none;
}
.user_content form p.inline_label label {
    font-weight: normal;
    color: #666;
    display: inline;
}
div#comments.user_content form button {
    font-size: 85%;
    width: 11em;
    margin-left: 12px;
    color: #FFF;
}
/* over specifying for comment forms - so they always appear dark grey */
.user_content #report_abuse .cont,
.user_content #article_comments .cont { 
    background-position: -2520px 50%;
}
.user_content #report_abuse .t,
.user_content #article_comments .t { 
    background-position: 100% -455px;
}
.user_content #report_abuse .t span,
.user_content #article_comments .t span { 
    background-position: -2520px -200px;
}
.user_content #report_abuse .b,
.user_content #article_comments .b { 
    background-position: 100% -460px;
}
.user_content #report_abuse .b span,
.user_content #article_comments .b span { 
    background-position: -2520px -395px; 
}

#report_abuse {
    margin-top: 4px;
}
#report_abuse li {
    background: transparent;
    margin-bottom: 0;
    padding: 0 12px 0 0;
}
#report_abuse a {
    color: #333;
    background: transparent;
}
#report_abuse a:focus {
    text-decoration: underline;
}
#report_abuse p {
    font-style: normal;
}
.user_content li #report_abuse img {
    margin-left: 24px;
    border-bottom: none;
}
/* comment pagination */
.pagination {
	text-align: center;
	border-top: 1px solid #CCC;
	margin-top: 12px;
	padding-top: 12px;
}
.pagination * {
	display: inline;
}
.row .pagination p {
    border-top: none;
}
.pagination ul {
	font-size: 85%;
}
.pagination li {
	margin: 0;
	padding: 0;
}
.pagination li.last {
	border-right: none;
}
.pagination li span  {
	position: absolute;
	left: -9999em;
}
.pagination a,
.pagination li strong {
	text-decoration: none;
	color: #666 !important;
	padding: 3px;
	margin: 0;
}
.pagination a {
	border: 1px solid #CCC;
}
.pagination a:hover {
	background-color: #666;
	color: #FFF !important;
}
.pagination li strong {
	color: #000;
	font-weight: bold;
	font-size: 116%;
}
.pagination p span {
	position: absolute;
	left: -9999em;
	font-size: 0;
	height: 1%;
}

/* CSS for the local guide (london guide in this incarnation) */
#guide_container {
    overflow: hidden;
}
#guide_container h3 {
    text-transform: uppercase;
    color: #B90D33;
    font-size: 93%;
    clear: both;
}

.js #guide_container h3 {
    font-size: 85%;
    color: #fff;
    background: #B90D33;
    margin-bottom: 0;
    padding: 4px 8px;
}

/* heading row */

#heading {
    background: #FFF url(/017694/d/capitalradio.co.uk/img/heading_row_bg.gif) bottom left repeat-x;
    padding: 8px;
}
body.error #heading {
    padding-bottom: 20px;
}
#article #heading {
    background: none;
    padding: 0;
    margin-bottom: 0;
}
#heading h1 {
    font-weight: normal;
    clear: left;
    padding: 5px;
}
#article #heading h1, .event #heading h1, .venue #heading h1 {
    padding: 10px 0;
}
#article #heading h1 {
    font-weight: bold;
}
.row #heading h1 {
    color: #007797;
}
#archive h1 {
    padding-top: 15px;
    clear: left;
}
#archive ol.articles li {
 	background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -1500px -192px;  
 	padding-left: 12px;
 	font-size: 93%;
 	line-height: 1.8; 
}
#archive .pod {
    margin-top: 0;
}
#heading p {
    font-weight: bold;
    padding: 5px;
    font-size: 108%;
}
.error #heading p {
    font-weight: normal;
    font-size: 85%;
    padding: 0;
}
ol.bread {
    margin: 0;
    padding: 0;
    float: left;
}
ol.bread li {
    float: left;
    display: block;
    position: relative;
}
#article ol.bread li {
    font-size: 100%;
}
.pod ol.bread li {
    padding-left: 0;
}
ol.bread li a, ol.bread li span {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    padding: 7px 18px 7px 24px;
    font-size: 93%;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s/ul.section_nav_a_hover.gif) no-repeat 100% 50%;
    line-height: 1em;
    color: #666;
    outline: 0; 
}
ol.bread li.last a, ol.bread li.last span {
    background: #007797;
    padding-right: 10px;
    color: #fff;
}
ol.bread li.item1 { 
    left: 0;
    z-index: 40;
}
ol.bread li.item1 a, ol.bread li.item1 span { 
    padding-left: 10px;
}
ol.bread li.item2 {
    left: -18px;
    z-index: 30;
}
ol.bread li.item3 { 
    left: -36px;
    z-index: 29;
}
ol.bread li.item4 {
    left: -52px;
    z-index: 28;
}
ol.bread li.item5 { 
    left: -68px;
    z-index: 27;
}
ol.bread li.item6 {
    left: -84px;
    z-index: 26;
}
ol.bread li.item7 { 
    left: -100px;
    z-index: 25;
}
ol.bread li.item8 {
    left: -116px;
    z-index: 24;
}
ol.bread li.item9 { 
    left: -132px;
    z-index: 23;
}

/*= search form */
#guide_search {
    margin-bottom: 12px;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_tabs_search.png) repeat-x 0 -2226px;
    padding: 12px 0;
}
#guide_search legend {
    text-indent: -9999em;
    font-size: 0;
}
#guide_search input,
#guide_search option {
    font-weight: bold;
    padding: 3px;
}
#guide_search input {
    width: 225px;
}
.js #guide_search .select_container {
    position: relative;
    padding-right: 30px;
    margin-right: 12px;
}
#guide_search .dp-choose-date {
    float: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
#guide_search p {
    border-top: none;
    float: left;
    width: auto;
    margin-left: 12px;
    display: inline;
    padding-top: 0;
}
#guide_search button {
    width: 6em;
    float: left;
    margin-top: 1em;
}
.london-guide #guide_search button .t {
    background-position: 100% -15px;
}
.london-guide #guide_search button .t span {
    background-position: 0 -200px;
}
.london-guide #guide_search button .cont {
    background-position: 0 50%;
}
.london-guide #guide_search button .b {
    background-position: 100% -20px;
}
.london-guide #guide_search button .b span {
    background-position: 0 -395px;
}
#guide_search label {
    display: block;
    font-weight: bold;
}
#guide_search .labelled {
  color: #999;
}
/* search messages */
div p.results_summary {
   font-size: 108%;
   border-top: none;
   padding-top: 0;
   background: transparent url(/017694/d/capitalradio.co.uk/img/s_tabs_search.png) no-repeat left bottom;
   padding-bottom: 17px;
}
div p.results_summary em {
    background: #fceef0;
    padding: 12px;
    color: #B90D33;
    border: 1px solid #f8d0d4;
    border-bottom: none;
    display: block;
}
div p.introduction {
    border-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
}
div p.search_error {
  font-size: 108%;
  background: #ffffcc;
  color: #333;
  border: 1px solid #ffcc00;
  margin: 1em 13px;
  padding: 0.5em;
}
/*= tabbed navigation system - for inclusion with JS */
#row_tabs {
    border-bottom: 6px solid #B90D33;
    font-size: 85%;
    overflow: hidden;
}
#row_tabs li {
    text-transform: uppercase;
    float: left;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_tabs_search.png) no-repeat right -2175px;
    padding-right: 20px;
    z-index: 10;
    position: relative;
    margin-left: -12px;
}
#row_tabs .current {
    z-index: 20;
}
#row_tabs .first-child {
    margin-left: 0;
}
#row_tabs a {
    font-weight: bold;
    color: #7e7e7e;
    padding: 6px 12px;
    display: block;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_tabs_search.png) no-repeat 0 -989px;
}
#row_tabs .current a {
    color: #fff;
}
.js #search_results, .js #capital_recommendations {
    height: 300px;
    overflow: auto;
}
/*= listing styles */
ul.guide_listing {
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
}
.guide_listing li {
    border-bottom: 1px solid #CCC;
    padding: 6px 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}
.guide_listing li.odd {
    background-color: #F7F6F3;
}
.guide_listing li.map_results_over {
    background: #ECEBE8;
    cursor: pointer;
}
.guide_listing li.map_results_selected {
    background: #F0D7D8;
}
.list_type {
    background: url(/017694/d/capitalradio.co.uk/img/s_guide_icons.png) no-repeat -180px -340px;
    text-indent: -9999em;
    width: 20px;
    height: 20px;
    font-size: 0;
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
}
.bars_pubs { background-position: -180px -520px; } 
.cinema { background-position: -180px -160px; } 
.clubs { background-position: 0 -1780px; } 
.comedy { background-position: 0 -1420px; } 
.competition { background-position: 0 -1240px; } 
.outings { background-position: 0 -880px; } 
.eating { background-position: 0 -520px; } 
.kids { background-position: 0 -1600px; } 
.music { background-position: 0 -700px; } 
.offers { background-position: 0 -340px; } 
.shopping { background-position: 0 -1060px; } 
.theatre_arts { background-position: 0 -160px; }

/* when they are in a list we want the icons floated to avoid a IE6 display bug */
li .list_type {
    float: left;
    position: static;
    top: 0;
    left: 0;
    margin-left: 6px;
}

.guide_listing h4 {
    font-size: 85%;
    font-weight: bold;
    width: 150px;
    float: left;
    padding-left: 6px;
    display: inline;
}

.guide_listing a {
    color: #B90D33;
}

.guide_listing li p {
    border: none;
    padding-top: 0;
    float: left;
}

.rated {
    width: 83px;
    height: 14px;
    text-indent: -9999em;
    font-size: 0;
    background: url(/017694/d/capitalradio.co.uk/img/s_ratings.gif) no-repeat top left;
    margin-left: 12px;
}
p .rated {
    display: block;
    float: left;
    height: 18px;
    margin-right: 6px;
}
li p .rated {
    height: 14px;
    margin-right: 0;
    display: static;
}
.rated_lg_0 { background-position: 0 -318px; } 
.rated_lg_0-25 { background-position: 0 -338px; } 
.rated_lg_0-50 { background-position: 0 -358px; } 
.rated_lg_0-75 { background-position: 0 -378px; } 
.rated_lg_1 { background-position: 0 -398px; }
.rated_lg_1-25 { background-position: 0 -418px; } 
.rated_lg_1-50 { background-position: 0 -438px; } 
.rated_lg_1-75 { background-position: 0 -458px; } 
.rated_lg_2 { background-position: 0 -478px; } 
.rated_lg_2-25 { background-position: 0 -498px; } 
.rated_lg_2-50 { background-position: 0 -518px; } 
.rated_lg_2-75 { background-position: 0 -538px; } 
.rated_lg_3 { background-position: 0 -558px; } 
.rated_lg_3-25 { background-position: 0 -578px; } 
.rated_lg_3-50 { background-position: 0 -598px; } 
.rated_lg_3-75 { background-position: 0 -618px; } 
.rated_lg_4 { background-position: 0 -638px; } 
.rated_lg_4-25 { background-position: 0 -658px; } 
.rated_lg_4-50 { background-position: 0 -678px; } 
.rated_lg_4-75 { background-position: 0 -698px; } 
.rated_lg_5 { background-position: 0 -718px; } 
/* small markers */
.rated_sml_0 { background-position: 0 0; } 
.rated_sml_0-25 { background-position: 0 -14px; }
.rated_sml_0-50 { background-position: 0 -28px; }
.rated_sml_0-75 { background-position: 0 -42px; }
.rated_sml_1 { background-position: 0 -56px; }
.rated_sml_1-25 { background-position: 0 -70px; }
.rated_sml_1-50 { background-position: 0 -84px; }
.rated_sml_1-75 { background-position: 0 -98px; } 
.rated_sml_2 { background-position: 0 -112px; }
.rated_sml_2-25 { background-position: 0 -126px; }
.rated_sml_2-50 { background-position: 0 -140px; }
.rated_sml_2-75 { background-position: 0 -154px; } 
.rated_sml_3 { background-position: 0 -168px; }
.rated_sml_3-25 { background-position: 0 -182px; }
.rated_sml_3-50 { background-position: 0 -196px; }
.rated_sml_3-75 { background-position: 0 -210px; }
.rated_sml_4 { background-position: 0 -224px; }
.rated_sml_4-25 { background-position: 0 -238px; }
.rated_sml_4-50 { background-position: 0 -252px;}
.rated_sml_4-75 { background-position: 0 -266px; } 
.rated_sml_5 { background-position: 0 -280px; } 

.guide_listing p.venue_info,
.guide_listing p.adr,
.guide_listing p.vcard {
    clear: left;
    width: 150px;
    padding-left: 30px;
}
.guide_listing p.adr {
    color: #666;
}
.guide_listing p.recommended {
    background: url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -900px -900px;
    height: 25px;
    width: 25px;
    text-indent: -9999em;
    font-size: 0;
    display: block;
    padding-right: 6px;
    float: right;
    margin-top: -12px;
}

.guide_listing p.marker_info {
    clear: left;
    width: 150px;
    padding-left: 30px;
}

.js .guide_listing p.marker_info {
    display: none;
}

.guide_listing p.more_info {
    clear: left;
    float: right;
    margin-left: 140px;
    margin-right: 40px;
}

.guide_listing .more_info a {
    font-weight: bold;
}

.guide_listing .more_info span {
    position: absolute;
    left: -9999em;
}

#search_results,
#capital_recommendations {
    width: 316px;
    border: 1px solid #CCC;
    float: left;
    height: 300px;
    overflow: auto;
    position: relative;
}

#rec_map,
#map {
    float: right;
    height: 300px;
    width: 450px;
}

.loading_search #search_results, 
.loading_search #capital_recommendations {
    overflow: hidden;
}
.load_indicator {
    width: 100%;
    height: 300px;
    background: #F7F6F3;
    position: absolute;
    z-index: 999;
    left: 0;
    border: 1px solid #CCC;
}
#guide_container div.load_indicator a {
    display: block;
    font-weight: bold;
    text-align: center;
    cursor: default;
    height: 300px;
    padding-top: 140px;
    background: transparent url(/017694/d/capitalradio.co.uk/img/ajax-loader.gif) no-repeat center 100px;
    color: #666;
    text-decoration: none;
}
#guide_container .load_indicator {
    display: none;
}
#guide_container.loading_search .load_indicator {
    display: block;
}

.js #search_results,
.js #capital_recommendations {
    border-top: none;
}

#search_results p.fail,
#capital_recommendations p.fail {
    border-top: none;
    padding: 6px;
}

#search_results ul.fail,
#capital_recommendations ul.fail {
    font-size: 85%;
    padding: 6px;
}

#search_results ul.fail li,
#capital_recommendations ul.fail li {
    margin-left: 24px;
    list-style-type: square;
}

#search_results p.more {
    padding:6px 6px 12px 6px;
    border-top: none;
}

#search_results p.more a {
    color: #B90D33;
    font-weight: bold;
}

#search_results p.search_numbers {
    border-top: none;
    padding-top: 0;
    background: #b90d33;
    padding: 3px;
    color: #fff;
}

#search_results p.search_numbers strong {
    text-transform: uppercase;
}

#search_results ul {
    border-left-width: 0;
    border-right-width: 0;
    float: none;
}

#search_results .pagination {
    clear: both;
    border-top: none;
    margin: 0;
    padding: 6px;
    background-color: #fceef0;
}

#search_results .pagination li {
    margin: 3px;
}

#search_results .pagination a {
    border-width: 0;
    color: #B90D33;
    font-weight: bold;
    cursor: pointer;
}

#search_results .pagination a:hover,
#search_results .pagination a:active {
    background-color: #B90D33;
    color: #FFF;
}

.row .google_static {
    float: right;
    border-bottom: none;
}
.js .google_static {
    display: none;
}
/*= map marker styles */
#map_marker_title {
    width: 100px;
    text-align: center;
    font-weight: bold;
    background: #fff;
}
#map_marker_details {
  width: 250px;
  background: #fff;
}

#map_marker_cameras {
  width: 360px;
  background: #fff;
}

#map_marker_title_contents,
#map_marker_details_contents,
#map_marker_cameras_contents {
  background: #FFF;
  border: 1px solid #7a7a7a;
  border-top: 4px solid #B90D33;
  padding: 6px;
  height: auto;
}

.news-travel #map_marker_details_contents,
#map_marker_cameras_contents {
    border-top-color: #570835;
}

/* 
    very important fix - the size of this is rendered before being placed on the map so it's really
    require to declare bold here as it effects the offsetHeight of the JS calcualtions
*/
#map_marker_title_contents {
    font-weight: bold;
}

#map_marker_details_contents h4 {
    font-weight: bold;
}

#map_marker_details_contents a {
    font-weight: bold;
}

#map_marker_details_contents h4,
#map_marker_details_contents p.address_info,
#map_marker_details_contents p.rated,
#map_marker_details_contents p.venue_info {
    margin-left: 25px;
}

#map_marker_details_contents h4 {
    margin-right: 20px;
}

#map_marker_details_contents p.map_reviews {
    float: left;
    padding-left: 30px;
    margin-top: 12px;
    line-height: 1.5;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -300px -900px;
}

#map_marker_details_contents p.more {
    float: right;
    padding: 3px;
    margin-top: 12px;
}

#map_marker_details_contents p.description {
    padding: 12px 0;
}

#map_marker_title_contents p,
#map_marker_details_contents p {
    border-top: none;
    padding-top: 0;
}
#map_marker_title_beak,
#map_marker_details_beak,
#map_marker_cameras_beak {
  width: 15px;
  height: 13px;
  z-index: 50;
  background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) -1200px -900px no-repeat;
}
#map_marker_details_close,
#map_marker_cameras_close {
  width: 12px;
  height: 12px;
  background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) -600px -900px no-repeat;
  cursor: pointer;
  margin: 10px 6px;
  z-index: 40;
}
/*
currently the JS includes all these crazy divs (for rounded corners)
*/
#map_marker_title_tl, 
#map_marker_details_tl {
  width: 0;
  height: 0;
}

#map_marker_title_tr,
#map_marker_details_tr {
  width: 0;
  height: 0;
}

#map_marker_title_l,
#map_marker_details_l {
  width: 0;
}

#map_marker_title_r,
#map_marker_details_r {
  width: 0;
}

#map_marker_title_bl, 
#map_marker_details_bl {
  width: 0;
  height: 0;
}

#map_marker_title_b,
#map_marker_details_b {
  height: 0;
}

#map_marker_title_br,
#map_marker_details_br {
  width: 0;
  height: 0;
}

#map_marker_title_close {
    width: 0;
    height: 0;
}

/* 7 day schedule */
#on-air_schedule h3 {
    color: #fff;
    background: #F16D21;
    font-size: 100%;
    padding: 8px;
    margin-bottom: 0;
}
#schedule_list {
    border: 1px solid #999;
    border-top-width: 0;
}
#schedule_list li {
    border-bottom: 1px solid #CCC;
    padding: 12px 168px 12px 82px;
    overflow: hidden;
    position: relative;
    min-height: 94px;
    font-size: 100%;
}
#schedule_list a {
    font-weight: bold;
}
#schedule_list ul {
    background: #FEF4EE url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -900px -1000px;
    float: right;
    width: 175px;
    margin: 0 12px;
    padding-top: 12px;
}
#schedule_list ul li {
    border-bottom: none;
    min-height: 1em;
    padding: 0;
    font-size: 85%;
    padding: 0 12px;
}
#schedule_list li span {
    font-weight: bold;
}
#schedule_list li.last-child {
    border-bottom: none;
}
#schedule_list .alt {
    background: #FEF4EE;
}
#schedule_list .more_info {
    font-size: 85%;
}
#schedule_list .now_live .more_info {
    clear: left;
}
#schedule_list .played {
    min-height: 1.5em;
    padding: 12px;
}
#schedule_list .played .more_info {
    float: right;
}
#schedule_list h4 {
    color: #333;
    overflow: visible;
    margin-bottom: 0;
    margin-left: -70px;
    position: relative;
}
#schedule_list h4 em {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 2em;
    display: block;
    text-indent: -9999em;
    left: 0;
    cursor: pointer;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat 0 -1000px;
}
#schedule_list p {
    border-top: 0;
    padding-top: 0;
    margin-bottom: 12px;
}
#schedule_list .now_live p {
    width: 310px;
    float: left; 
}
#schedule_list .played h4 {
    color: #999;
    float: left;
    margin-left: 0;
}
#schedule_list h4 span {
    width: 70px;
    display: block;
    float: left;
}
#schedule_list img {
    border: 1px solid #dfdfdf;
    border-bottom: 5px solid #f16d21;
    position: absolute;
    top: 6px;
    right: 6px;
}
#onair_now,
#onair_listing {
    margin-right: 12px;
}
#onair_now {
    background: #f3f3f3 url(/017694/d/capitalradio.co.uk/img/s_subnav.png) no-repeat left bottom;
    padding-bottom: 5px;
}
#onair_listing {
    background: #FFF;
    width: 156px;
}
#onair_now h2 {
    text-transform: uppercase;
    background: #848484;
    color: #FFF;
    font-size: 85%;
    padding: 3px 9px;
}
#onair_now a,
#onair_listing a {
    color: #007797;
    font-weight: bold;
    margin: 0 1px;
    background: transparent;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: none;
    padding: 6px 12px;
    font-size: 100%;
}
#onair_listing a {
    font-size: 85%;
}
#onair_now a:hover span,
#onair_listing a:hover {
    text-decoration: underline;
    background-color: transparent;
    color:  #007797;
}
#onair_now a:hover {
    background-color: transparent;
}
#onair_now a:hover img {
   text-decoration: none;
}
#onair_now a {
    margin: 0;
    padding: 0;
}
#onair_now a span {
    padding-left: 12px;
    border: 1px solid #FFF;
    border-width: 0 1px;
    color: #007797;
    font-size: 85%;
}
#onair_now span,
#onair_listing span {
    display: block;
    font-size: 85%;
    line-height: 1.5;
    padding: 6px 12px;
}
#onair_now span {
    color: #000;
    border: 1px solid #FFF;
    border-width: 0 1px;
    margin: 0;
    padding-top: 0;
}
#onair_listing h2 {
    background: #f3f3f3;
    color: #656565;
    font-size: 85%;
    padding: 12px;
    margin: 0 1px;
}

#onair_listing a {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_subnav.png) no-repeat -1788px 50%;
    padding-right: 26px;
    display: block;
}
#onair_listing ol {
    margin-right: 0;
    margin-bottom: 48px;
}
#onair_listing li {
    margin-bottom: 1px;
}
#onair_listing li a {
    border-bottom: 1px solid #EBEBEB;
}

#onair_listing span {
    margin: 0 1px;
}
#onair_listing a span,
#onair_listing span span {
    font-size: 100%;
    padding: 0;
    border: none;
}
#onair_listing .download {
    position: absolute;
    left: -9999em;
}

/*= on-air now - custom row */
#on-air_now_row {
    background: #cdcdcd url(/017694/d/capitalradio.co.uk/img/on_air_row_bg.jpg) repeat-x left top;
}
#on-air_now_row .pod {
    margin-top: -3em;
}
#on-air_now_row h2 span {
    background-color: #d2d2d2;
    color: #555;
}
#on-air_now_row h2 .sub_header {
    color: #FFF;
    width: 300px;
    background: none;
}
#on-air_now_row h2 em {
    border-color: #d2d2d2;
}
#on-air_now_row img {
    position: absolute;
    right: 0;
    top: 0;
}
#on-air_now_row span {
    font-weight: bold;
}
#on-air_now_row h3 {
    color: #666;
    font-size: 93%;
    padding: 5px 12px 3px;
    margin-bottom: 0;
}
#on-air_now_row h3.currently_playing {
    font-size: 138.5%;
}
#on-air_now_row ol{
    margin-top: 3px;
}
#dj_info {
    position: relative;
    padding-top: 3em;
}
#dj_info div {
    overflow: hidden;
}
#dj_info ul  {
    margin-top: 2em;
    font-size: 85%;
    width: 120px;
    float: left;
}
#dj_info .phone_numbers {
    width: 180px
}
#dj_info ul li {
    line-height: 1.4;
    padding-left: 0;
}
#dj_info .phone_numbers li {
    padding-right: 6px;
}
#dj_info ul li a {
    color: #333;
    text-decoration: underline;
}
#track_list {
    background: #cdcdcd;
}
#track_list p {
    font-weight: bold;
    font-size: 93%;
    padding-left: 12px;
}
#track_list li {
    padding-left: 0;
}
#track_list a,
#track_list span {
    font-size: 85%;
    line-height: 2;
    padding-left: 18px;
    margin-left: 12px;
    font-weight: normal;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -1496px -192px;
    display: block;
}
#track_list a {
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -900px -694px;
    font-weight: bold;
}
#track_list li a,
#track_list li span {
    font-size: 100%;
}
#on-air_now_row a.cta {
    font-size: 131%;
    text-transform: lowercase;
    display: block;
    color: #FFF;
    background: none;
    padding: 0;
    margin-top: 1em;
    width: 8em;
}
#on-air_now_row a.cta .cont span {
    padding-left: 40px;
}
/* traffic and travel - refactor, use if !important until I can find where the old CSS file is coming from */
#eyewitness_travel .super {
    margin-top: 0;
}
#eyewitness_travel .trafficWrapper {
    margin-top: 12px;
    overflow: hidden;
    position: relative;
}
#eyewitness_travel h3 {
    background-color: #570835;
    font-size: 85%;
    color: #fff;
    padding: 4px 8px;
    text-transform: uppercase;
    margin-bottom: 0;
    min-height: 0;
    zoom: 1;
}
#eyewitness_travel p {
    border-top: none;
}
#eyewitness_travel p span {
    font-weight: bold;
}
#trafficSortBy {
    background: #F9F9F9;
    font-size: 85% !important;
}
#trafficSortBy a {
    font-weight: bold;
}
#trafficSidebar p {
    padding-top: 0;
    margin: 4px 12px;
}
#trafficIncidents {
    height: 436px !important;
}
#trafficHandle {
    right: auto !important;
}
.incident {
   border-left-width: 0 !important;
   margin: 0 !important;
}
#trafficOptions {
    height: auto !important;
    width: auto !important;
    top: 6px !important;
    font-size: 85%;
    font-weight: bold; 
}

body.js #trafficSidebar {
    float: none;
    position: absolute;
    width: 317px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    _display: block;
    /* remember IE box model problems */
}
body #trafficMapWrapper {
    width: 450px;
    border: none;
    float: right;
}
#trafficFooter {
    clear: both;
    float: left;
    width: 100%;
}

/* rounded corner buttons - sandles had better not given me fail */
.cta {
    cursor: pointer;
    border: none;
    width: 10em;
}
button.cta  {	/* IE Bugs if this is on the anchor */
    background: none;
    padding: 0;
    position: relative;
}
.cta span{
    display:block;
    position:relative;
    background: url(/017694/d/capitalradio.co.uk/img/s_cta.png);
}
/* Fix IE Hover State */
.cta a:hover{
    background:none;
    text-decoration: none;
}
.cta .t{
    margin-left:5px;
	background-position:100% -495px;
}
.cta .t span{
    left:-5px;
	background-position:-2940px -200px;
    padding:5px 0 0 0;
}
.cta .cont {
    background-position: -2940px 50%;
    width: 100%;
}
.cta .cont span{
    background: none;
    padding: 0 10px;
    color: #fff;
}
.cta .b{
    margin-left:5px;
	background-position:100% -500px;
	font-size:0;
}
.cta .b span{
    position:relative;
    left:-5px;
	background-position:-2940px -395px;
	padding:0 0 5px 0;
}

/* Special aliased to Blue Sprite styles */
#search .cont{ background-position: -4199px 50%;}
#search .t {background-position:100% -575px;}
#search .t span{background-position:-4199px -200px;}
#search .b {background-position:100% -580px;}
#search .b span{background-position:-4199px -395px;}

/* by default we want buttons inside a form to be light-grey, use this... */
#content form .cont{ background-position: -2520px 50%; }
#content form .t { background-position: 100% -455px; }
#content form .t span{ background-position: -2520px -200px; }
#content form .b { background-position: 100% -460px; }
#content form .b span{ background-position: -2520px -395px; }

/* Blue buttons for registration form  */
.register #content form .cont   { background-position: -2940px 50%; }
.register #content form .t      { background-position: 100% -495px; }
.register #content form .t span { background-position: -2940px -200px; }
.register #content form .b span { background-position:-2940px -395px; } 
.register #content form .b      { background-position:100% -500px; }

.register #content form .secondary .cont{background-position: -3360px 50%;}
.register #content form .secondary .cont span {color:#000;}
.register #content form .secondary .t {background-position:100% -535px;}
.register #content form .secondary .t span{background-position:-3360px -200px;}
.register #content form .secondary .b {background-position:100% -540px;}
.register #content form .secondary .b span{background-position:-3360px -395px;}

/* Search results */
#content .search_again_wrapper form .cont    { background-position: -4618px 50%; }
#content .search_again_wrapper form .t       { background-position: 100% -555px; }
#content .search_again_wrapper form .t span  { background-position: -4618px -200px; }
#content .search_again_wrapper form .b       { background-position: 100% -560px; } 
#content .search_again_wrapper form .b span  { background-position: -4618px -395px; }




/*= Date picker calendar widget CSS -  I didn't actually write this */
table.jCalendar {
	border: 1px solid #FFF;
	background: #FFF;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #d12944;
	color: #FFF;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #999;
	color: #FFF;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #e5e5e5;
	color: #999;
}
table.jCalendar td.today {
	background: #fceef0;
	color: #000;
	border: 1px solid #d12944;
}
table.jCalendar td.jcselected {
	background: #fceef0;
	color: #d12944;
}
table.jCalendar td.jcselected:hover {
	background: #fceef0;
	color: #d12944;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fceef0;
	color: #d12944;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #e5e5e5;
	color: #999;
}
/* For the popup */
div.dp-popup {
	position: relative;
	background: #FFF;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
	border: 1px solid #d6d6d6;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 10px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	color: #666;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
	border: 1px solid #d6d6d6;
	color: #666;
}
div.dp-popup a.dp-nav-prev-year {
    display: none;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
	color: #FFF;
	border: 1px solid #d6d6d6;
	background: #999;
}
div.dp-popup a.dp-nav-next-year {
    display: none;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
  float: right;
	width: 24px;
	height: 22px;
	padding: 0;
	padding: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat 0 -900px; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* STYLES FOR THE PLAYLIST ROW LAYOUT */
div.playlist h2 em {
    border-bottom-color:#F16D21; 
}
div.playlist h2 span {
    background-color:#F16D21;
}    
div.tracklist {
    width: 768px;
}
div.tracklist ol li {
    overflow: hidden;
    margin-bottom: 0.7em;
    padding-left:0;
    clear:left;
}
div.playlist p {
    border:none;
    padding-top:0;
    font-size:100%;
    float:left;
    width: 250px;
}
div.tracklist img{
    float: left;
    margin-right: 5px;
}
div.tracklist ul li.first-child{
    background:none;
    padding-left:.5em;
}
div.tracklist ul li a{
    padding: 0 .5em;
    line-height:1.4em;
    float:left;
}
div.tracklist ul li span, div.pagination p span {
    position: absolute;
    left: -9999px;
}
div.tracklist ul li{
    float: left;
    width: auto;
    clear: none;
    margin: 0;
    background: url(/017694/a/playlist/img/list_bullet.gif) no-repeat left center; 
    padding-left: 5px;
}
div.tracklist li li {
    font-size: 100%;
}
div.tracklist ul{
    float: right; 
    overflow: hidden;
}
div.tracklist div.pagination{
    font-size:85%;
    border:none;
    padding:1em 0 2em 0;
    margin: 0pt auto;
}
div.tracklist div.pagination p{
    float: none;
}
div.tracklist div.pagination ul{
    float: none;
}
div.tracklist div.pagination ul li{
    float: none;
    padding: 0 5px 0 12px;
    font-size:100%;
}
div.tracklist div.pagination ul {
    font-size:100%;
}
div.tracklist div.pagination ul li a{
    float: none;
    padding: 0;
    border:none;
    color: #f16d21 !important;
}
div.tracklist div.pagination ul li a:hover {
    background-color:#fff;
    text-decoration:underline;
    color: #f16d21 !important;
}
.on-air .pagination a:hover{
    color: #F16D21;
    text-decoration:underline;
    
}
/* end STYLES FOR THE PLAYLIST ROW LAYOUT */

/* Gallery preview */
div.gallery_preview {
    margin-right: 0;
    width: 768px;
}
div.gallery_preview ul {
    margin: 0;
}
div.gallery_preview li {
    float: left;
    width: auto;
    margin-right: 6px;
}
div.gallery_preview img {
    border-bottom: 5px solid #CCCCCC;
}
div.gallery_preview p {
    border: 0;
    padding: 0;
}
/* webcams */
div.cam_info p {
    border-top: none;
    padding-top: 0;
    padding-bottom: 6px;
}
div.cam_info div {
    font-size: 85%;
    margin-bottom: 6px;
}


/*= 4. Skins - for each of the sections (using class on body) 

COLOUR KEY (colour for each section)
    On Air - #F16D21, #FEF4EE (orange)
    London Guide/Home - #B90D33, #FCEEF0 (red)
    Music & Entertainment - #718C3A, #F3FBE1 (green)
    Offers & Competitions - #00A5DF, #E8F8FE (blue)
    News & Travel - #570835, #F2D7E7 (purple)
    Charity - #C53D96, #FDDCF2 (pink, horrid pink)
    My Capital - #CCC, #E3E3E3 (grey)
    Capital - #C9E1E7 (blue)
*/

/** On Air **/
/* takes colour from the body only */
.on-air h1,
.on-air .row #heading h1,
.on-air #article h2,
.on-air #article h3,
.on-air #article caption {
   color: #F16D21; 
}
.on-air #header,
.on-air #global_nav em a {
   border-bottom-color: #F16D21; 
}
.on-air #article thead tr {
 	background-color: #F16D21;  
}
.on-air #section_nav em {
    background-position: -780px 50%;
}
.on-air #archive h1,
.on-air #heading h1,
.on-air #section_nav em {
	border-color: #F16D21;
}
.on-air .row #distribution h2.share {
    background: #F16D21;   
}
/* takes colour from the div only */
div.on-air #row_tabs {
    border-bottom-color: #F16D21;
}
div.on-air ul#row_tabs li.current a {
    background-position: 0 -749px;
}
div.on-air #row_tabs li.current {
    background-position: right -1939px;
}
div.on-air .cont{ background-position: -420px 50%;}
div.on-air .t {background-position: 100% -55px;}
div.on-air .t span{background-position: -420px -201px;}
div.on-air .b {background-position: 100% -60px;}
div.on-air .b span{background-position: -420px -396px;}
/* extra specifity for the listen live button which uses a different bit of the sprite */
div.on-air .new_window .cont{ background-position: -3780px 50%;}
/* takes colour from body or div - div wins */
.on-air a,
div.on-air a,
.on-air .related_content div li a,
div.on-air .related_content div li a {
     color: #F16D21; 
}
.on-air h2 span,
div.on-air h2 span,
.on-air #content p.image_caption,
div.on-air #content p.image_caption {
 	background-color: #F16D21;  
}
.on-air ol.bread li.last a,
div.on-air ol.bread li.last a,
.on-air ol.bread li.last span,
div.on-air ol.bread li.last span {
    background: #F16D21;  
}
.on-air div.pod ol li.even,
div.on-air div.pod ol li.even {
    background-color: #FEF4EE;
}
.on-air h2 span.sub_header,
div.on-air h2 span.sub_header,
.on-air h3,
div.on-air h3 {
	color: #F16D21;
}
.on-air h2 em,
div.on-air h2 em,
.on-air .pod img,
div.on-air .pod img {
	border-color: #F16D21;
}
.on-air em.competition,
div.on-air em.competition { 
	background-position: -2100px -700px; 
}
.on-air em.new,
div.on-air em.new { 
	background-position: -2400px -700px; 
}
.on-air #distribution .tabcontent,
div.on-air #distribution .tabcontent {
    border-top-color: #F16D21;
}
.on-air #distribution .tabs li a:hover,
div.on-air #distribution .tabs li a:hover,
.on-air #distribution .tabs li.current,
div.on-air #distribution .tabs li.current,
.on-air #distribution .tabs li.current a
div.on-air #distribution .tabs li.current a {
    background-color: #F16D21;
}

.on-air .related_content div li a,
div.on-air .related_content div li a {
	background-position: -1496px -695px;
}
.on-air .related_content div li.external-blank a,
div.on-air .related_content div li.external-blank a,
.on-air .related_content div li.external-self a,
div.on-air .related_content div li.external-self a,
.on-air .related_content div li.amazon a,
div.on-air .related_content div li.amazon a {
    background-position: 0 -700px;
}
.on-air .related_content div li.itunes a,
div.on-air .related_content div li.itunes a {
    background-position: -900px -700px;
}
.on-air .related_content div li.video a,
div.on-air .related_content div li.video a {
    background-position: -600px -700px;
}
.on-air .related_content div li.audio a,
div.on-air .related_content div li.audio a {
    background-position: -1200px -700px;
}
.on-air .download h3 span {
    background-position: -900px -699px; /* on air */
}
/** Local Guide **/
/* takes colour from the body only */
.london-guide h1,
.london-guide .row #heading h1,
.london-guide #article h2,
.london-guide #article h3,
.london-guide #article caption {
   color: #B90D33; 
}
.london-guide #header,
.london-guide #global_nav em a {
   border-bottom-color: #B90D33; 
}
.london-guide #article thead tr {
 	background-color: #B90D33;  
}
.london-guide #section_nav em {
    background-position: -570px 50%;
}
.london-guide #archive h1,
.london-guide #heading h1,
.london-guide #section_nav em {
	border-color: #B90D33;
}
.london-guide .row #distribution h2.share {
    background: #B90D33;   
}
/* takes colour from the div only */
div.london-guide #row_tabs {
    border-bottom-color: #B90D33;
}
div.london-guide ul#row_tabs li.current a {
    background-position: 0 -869px;
}
div.london-guide #row_tabs li.current {
    background-position: right -2057px;
}
div.london-guide .cont{ background-position: 0 50%;}
div.london-guide .t {background-position: 100% -15px;}
div.london-guide .t span{background-position: 0 -201px;}
div.london-guide .b {background-position: 100% -20px;}
div.london-guide .b span{background-position: 0 -396px;}

/* takes colour from body or div - div wins */
.london-guide a,
div.london-guide a,
.london-guide .related_content div li a,
div.london-guide .related_content div li a {
     color: #B90D33; 
}
.london-guide h2 span,
div.london-guide h2 span,
.london-guide #content p.image_caption,
div.london-guide #content p.image_caption {
 	background-color: #B90D33;  
}
.london-guide ol.bread li.last a,
div.london-guide ol.bread li.last a,
.london-guide ol.bread li.last span,
div.london-guide ol.bread li.last span {
    background: #B90D33;  
}
.london-guide div.pod ol li.even,
div.london-guide div.pod ol li.even {
    background-color: #FCEEF0;
}
.london-guide h2 span.sub_header,
div.london-guide h2 span.sub_header,
.london-guide h3,
div.london-guide h3 {
	color: #B90D33;
}
.london-guide h2 em,
div.london-guide h2 em,
.london-guide .pod img,
div.london-guide .pod img {
	border-color: #B90D33;
}
.london-guide em.competition,
div.london-guide em.competition { 
	background-position: -2100px -300px; 
}
.london-guide em.new,
div.london-guide em.new { 
	background-position: -2400px -300px; 
}
.london-guide #distribution .tabcontent,
div.london-guide #distribution .tabcontent {
    border-top-color: #B90D33;
}
.london-guide #distribution .tabs li a:hover,
div.london-guide #distribution .tabs li a:hover,
.london-guide #distribution .tabs li.current,
div.london-guide #distribution .tabs li.current,
.london-guide #distribution .tabs li.current a
div.london-guide #distribution .tabs li.current a {
    background-color: #B90D33;
}

.london-guide .related_content div li a,
div.london-guide .related_content div li a {
	background-position: -1496px -295px;
}
.london-guide .related_content div li.external-blank a,
div.london-guide .related_content div li.external-blank a,
.london-guide .related_content div li.external-self a,
div.london-guide .related_content div li.external-self a,
.london-guide .related_content div li.amazon a,
div.london-guide .related_content div li.amazon a {
    background-position: 0 -300px;
}
.london-guide .related_content div li.itunes a,
div.london-guide .related_content div li.itunes a {
    background-position: -900px -300px;
}
.london-guide .related_content div li.video a,
div.london-guide .related_content div li.video a {
    background-position: -600px -300px;
}
.london-guide .related_content div li.audio a,
div.london-guide .related_content div li.audio a {
    background-position: -1200px -300px;
}
.london-guide .download h3 span {
    background-position: -900px -299px; /* london guide */
}

/* Music & Entertainments */
/* takes colour from the body only */
.music-showbiz h1,
.music-showbiz .row #heading h1,
.music-showbiz #article h2,
.music-showbiz #article h3,
.music-showbiz #article caption {
   color: #718C3A; 
}
.music-showbiz #header,
.music-showbiz #global_nav em a {
   border-bottom-color: #718C3A; 
}
.music-showbiz #article thead tr {
 	background-color: #718C3A;  
}
.music-showbiz #section_nav em {
    background-position: -960px 50%;
}
.music-showbiz #archive h1,
.music-showbiz #heading h1,
.music-showbiz #section_nav em {
	border-color: #718C3A;
}
.music-showbiz .row #distribution h2.share {
    background: #718C3A;   
}
/* takes colour from the div only */
div.music-showbiz #row_tabs {
    border-bottom-color: #718C3A;
}
div.music-showbiz ul#row_tabs li.current a {
    background-position: 0 -619px;
}
div.music-showbiz #row_tabs li.current {
    background-position: right -1817px;
}
div.music-showbiz .cont{ background-position: -840px 50%;}
div.music-showbiz .t {background-position: 100% -95px;}
div.music-showbiz .t span{background-position: -840px -201px;}
div.music-showbiz .b {background-position: 100% -100px;}
div.music-showbiz .b span{background-position: 840px -396px;}

/* takes colour from body or div - div wins */
.music-showbiz a,
div.music-showbiz a,
.music-showbiz .related_content div li a,
div.music-showbiz .related_content div li a {
     color: #718C3A; 
}
.music-showbiz h2 span,
div.music-showbiz h2 span,
.music-showbiz #content p.image_caption,
div.music-showbiz #content p.image_caption {
 	background-color: #718C3A;  
}
.music-showbiz ol.bread li.last a,
div.music-showbiz ol.bread li.last a,
.music-showbiz ol.bread li.last span,
div.music-showbiz ol.bread li.last span {
    background: #718C3A;  
}
.music-showbiz div.pod ol li.even,
div.music-showbiz div.pod ol li.even {
    background-color: #F3FBE1;
}
.music-showbiz h2 span.sub_header,
div.music-showbiz h2 span.sub_header,
.music-showbiz h3,
div.music-showbiz h3 {
	color: #718C3A;
}
.music-showbiz h2 em,
div.music-showbiz h2 em,
.music-showbiz .pod img,
div.music-showbiz .pod img {
	border-color: #718C3A;
}
.music-showbiz em.competition,
div.music-showbiz em.competition { 
	background-position: -2100px -500px; 
}
.music-showbiz em.new,
div.music-showbiz em.new { 
	background-position: -2400px -500px; 
}
.music-showbiz #distribution .tabcontent,
div.music-showbiz #distribution .tabcontent {
    border-top-color: #718C3A;
}
.music-showbiz #distribution .tabs li a:hover,
div.music-showbiz #distribution .tabs li a:hover,
.music-showbiz #distribution .tabs li.current,
div.music-showbiz #distribution .tabs li.current,
.music-showbiz #distribution .tabs li.current a
div.music-showbiz #distribution .tabs li.current a {
    background-color: #718C3A;
}

.music-showbiz .related_content div li a,
div.music-showbiz .related_content div li a {
	background-position: -1496px -495px;
}
.music-showbiz .related_content div li.external-blank a,
div.music-showbiz .related_content div li.external-blank a,
.music-showbiz .related_content div li.external-self a,
div.music-showbiz .related_content div li.external-self a,
.music-showbiz .related_content div li.amazon a,
div.music-showbiz .related_content div li.amazon a {
    background-position: 0 -500px;
}
.music-showbiz .related_content div li.itunes a,
div.music-showbiz .related_content div li.itunes a {
    background-position: -900px -500px;
}
.music-showbiz .related_content div li.video a,
div.music-showbiz .related_content div li.video a {
    background-position: -600px -500px;
}
.music-showbiz .related_content div li.audio a,
div.music-showbiz .related_content div li.audio a {
    background-position: -1200px -500px;
}
.music-showbiz .download h3 span {
    background-position: -900px -499px; /* music */
}

/* Offers & Competitionsions */
/* takes colour from the body only */
.offers-competitions h1,
.offers-competitions .row #heading h1,
.offers-competitions #article h2,
.offers-competitions #article h3,
.offers-competitions #article caption {
   color: #00A5DF; 
}
.offers-competitions #header,
.offers-competitions #global_nav em a {
   border-bottom-color: #00A5DF; 
}
.offers-competitions #article thead tr {
 	background-color: #00A5DF;  
}
.offers-competitions #section_nav em {
    background-position: -1160px 50%; 
}
.offers-competitions #archive h1,
.offers-competitions #heading h1,
.offers-competitions #section_nav em {
	border-color: #00A5DF;
}
.offers-competitions .row #distribution h2.share {
    background: #00A5DF;   
}
/* takes colour from the div only */
div.offers-competitions #row_tabs {
    border-bottom-color: #00A5DF;
}
div.offers-competitions ul#row_tabs li.current a {
    background-position: 0 -499px;
}
div.offers-competitions #row_tabs li.current {
    background-position: right -1687px;
}
div.offers-competitions .cont{ background-position: -1260px 50%;}
div.offers-competitions .t {background-position: 100% -135px;}
div.offers-competitions .t span{background-position: -1260px -200px;}
div.offers-competitions .b {background-position: 100% -140px;}
div.offers-competitions .b span{background-position: -1260px -395px;}

/* takes colour from body or div - div wins */
.offers-competitions a,
div.offers-competitions a,
.offers-competitions .related_content div li a,
div.offers-competitions .related_content div li a {
     color: #00A5DF; 
}
.offers-competitions h2 span,
div.offers-competitions h2 span,
.offers-competitions #content p.image_caption,
div.offers-competitions #content p.image_caption {
 	background-color: #00A5DF;  
}
.offers-competitions ol.bread li.last a,
div.offers-competitions ol.bread li.last a,
.offers-competitions ol.bread li.last span,
div.offers-competitions ol.bread li.last span {
    background: #00A5DF;  
}
.offers-competitions div.pod ol li.even,
div.offers-competitions div.pod ol li.even {
    background-color: #e8f8fe;
}
.offers-competitions h2 span.sub_header,
div.offers-competitions h2 span.sub_header,
.offers-competitions h3,
div.offers-competitions h3 {
	color: #00A5DF;
}
.offers-competitions h2 em,
div.offers-competitions h2 em,
.offers-competitions .pod img,
div.offers-competitions .pod img {
	border-color: #00A5DF;
}
.offers-competitions em.competition,
div.offers-competitions em.competition { 
	background-position: -2100px -600px; 
}
.offers-competitions em.new,
div.offers-competitions em.new { 
	background-position: -2400px -600px; 
}
.offers-competitions #distribution .tabcontent,
div.offers-competitions #distribution .tabcontent {
    border-top-color: #00A5DF;
}
.offers-competitions #distribution .tabs li a:hover,
div.offers-competitions #distribution .tabs li a:hover,
.offers-competitions #distribution .tabs li.current,
div.offers-competitions #distribution .tabs li.current,
.offers-competitions #distribution .tabs li.current a
div.offers-competitions #distribution .tabs li.current a {
    background-color: #00A5DF;
}

.offers-competitions .related_content div li a,
div.offers-competitions .related_content div li a {
	background-position: -1496px -595px;
}
.offers-competitions .related_content div li.external-blank a,
div.offers-competitions .related_content div li.external-blank a,
.offers-competitions .related_content div li.external-self a,
div.offers-competitions .related_content div li.external-self a,
.offers-competitions .related_content div li.amazon a,
div.offers-competitions .related_content div li.amazon a {
    background-position: 0 -600px;
}
.offers-competitions .related_content div li.itunes a,
div.offers-competitions .related_content div li.itunes a {
    background-position: -900px -600px;
}
.offers-competitions .related_content div li.video a,
div.offers-competitions .related_content div li.video a {
    background-position: -600px -600px;
}
.offers-competitions .related_content div li.audio a,
div.offers-competitions .related_content div li.audio a {
    background-position: -1200px -600px;
}
.offers-competitions .download h3 span {
    background-position: -900px -599px; /* offers and competitions */
}

/* News & Travel */
/* takes colour from the body only */
.news-travel h1,
.news-travel .row #heading h1,
.news-travel #article h2,
.news-travel #article h3,
.news-travel #article caption {
   color: #570835; 
}
.news-travel #header,
.news-travel #global_nav em a {
   border-bottom-color: #570835; 
}
.news-travel #article thead tr {
 	background-color: #570835;  
}
.news-travel #section_nav em {
    background-position: -1330px 50%;
}
.news-travel #archive h1,
.news-travel #heading h1,
.news-travel #section_nav em {
	border-color: #570835;
}
.news-travel .row #distribution h2.share {
    background: #570835;   
}
/* takes colour from the div only */
div.news-travel #row_tabs {
    border-bottom-color: #570835;
}
div.news-travel ul#row_tabs li.current a {
    background-position: 0 -379px;
}
div.news-travel #row_tabs li.current {
    background-position: right -1557px;
}
div.news-travel .cont{ background-position: -1680px 50%;}
div.news-travel .t {background-position: 100% -175px;}
div.news-travel .t span{background-position: -1680px -200px;}
div.news-travel .b {background-position: 100% -180px;}
div.news-travel .b span{background-position: 1680px -395px;}

/* takes colour from body or div - div wins */
.news-travel a,
div.news-travel a,
.news-travel .related_content div li a,
div.news-travel .related_content div li a {
     color: #570835; 
}
.news-travel h2 span,
div.news-travel h2 span,
.news-travel #content p.image_caption,
div.news-travel #content p.image_caption {
 	background-color: #570835;  
}
.news-travel ol.bread li.last a,
div.news-travel ol.bread li.last a,
.news-travel ol.bread li.last span,
div.news-travel ol.bread li.last span {
    background: #570835;  
}
.news-travel div.pod ol li.even,
div.news-travel div.pod ol li.even {
    background-color: #f2d7e7;
}
.news-travel h2 span.sub_header,
div.news-travel h2 span.sub_header,
.news-travel h3,
div.news-travel h3 {
	color: #570835;
}
.news-travel h2 em,
div.news-travel h2 em,
.news-travel .pod img,
div.news-travel .pod img {
	border-color: #570835;
}
.news-travel em.competition,
div.news-travel em.competition { 
	background-position: -2100px -400px; 
}
.news-travel #distribution .tabcontent,
div.news-travel #distribution .tabcontent {
    border-top-color: #570835;
}
.news-travel #distribution .tabs li a:hover,
div.news-travel #distribution .tabs li a:hover,
.news-travel #distribution .tabs li.current,
div.news-travel #distribution .tabs li.current,
.news-travel #distribution .tabs li.current a
div.news-travel #distribution .tabs li.current a {
    background-color: #570835;
}

.news-travel .related_content div li a,
div.news-travel .related_content div li a {
	background-position: -1495px -395px;
}
.news-travel .related_content div li.external-blank a,
div.news-travel .related_content div li.external-blank a,
.news-travel .related_content div li.external-self a,
div.news-travel .related_content div li.external-self a,
.news-travel .related_content div li.amazon a,
div.news-travel .related_content div li.amazon a {
    background-position: 0 -400px;
}
.news-travel .related_content div li.itunes a,
div.news-travel .related_content div li.itunes a {
    background-position: -900px -400px;
}
.news-travel .related_content div li.video a,
div.news-travel .related_content div li.video a {
    background-position: -600px -400px;
}
.news-travel .related_content div li.audio a,
div.news-travel .related_content div li.audio a {
    background-position: -1200px -400px;
}
.news-travel .download h3 span {
    background-position: -900px -399px; /* news */
}

/* Charity */
/* takes colour from the body only */
.charity h1,
.charity .row #heading h1,
.charity #article h2,
.charity #article h3,
.charity #article caption {
   color: #C53D96; 
}
.charity #header,
.charity #global_nav em a {
   border-bottom-color: #C53D96; 
}
.charity #article thead tr {
 	background-color: #C53D96;  
}
.charity #section_nav em {
    background-position: -1525px 50%;
}
.charity #archive h1,
.charity #heading h1,
.charity #section_nav em {
	border-color: #C53D96;
}
.charity .row #distribution h2.share {
    background: #C53D96;   
}
/* takes colour from the div only */
div.charity #row_tabs {
    border-bottom-color: #C53D96;
}
div.charity ul#row_tabs li.current a {
    background-position: 0 -259px;
}
div.charity #row_tabs li.current {
    background-position: right -1427px;
}
div.charity .cont{ background-position: -2100px 50%;}
div.charity .t {background-position: 100% -415px;}
div.charity .t span{background-position: -2100px -200px;}
div.charity .b {background-position: 100% -420px;}
div.charity .b span{background-position: -2100px -395px;}

/* takes colour from body or div - div wins */
.charity a,
div.charity a,
.charity .related_content div li a,
div.charity .related_content div li a {
     color: #C53D96; 
}
.charity h2 span,
div.charity h2 span,
.charity #content p.image_caption,
div.charity #content p.image_caption {
 	background-color: #C53D96;  
}
.charity ol.bread li.last a,
div.charity ol.bread li.last a,
.charity ol.bread li.last span,
div.charity ol.bread li.last span {
    background: #C53D96;  
}
.charity div.pod ol li.even,
div.charity div.pod ol li.even {
    background-color: #fddcf2;
}
.charity h2 span.sub_header,
div.charity h2 span.sub_header,
.charity h3,
div.charity h3 {
	color: #C53D96;
}
.charity h2 em,
div.charity h2 em,
.charity .pod img,
div.charity .pod img {
	border-color: #C53D96;
}
.charity em.competition,
div.charity em.competition { 
	background-position: -2100px -100px; 
}
.charity #distribution .tabcontent,
div.charity #distribution .tabcontent {
    border-top-color: #C53D96;
}
.charity #distribution .tabs li a:hover,
div.charity #distribution .tabs li a:hover,
.charity #distribution .tabs li.current,
div.charity #distribution .tabs li.current,
.charity #distribution .tabs li.current a
div.charity #distribution .tabs li.current a {
    background-color: #C53D96;
}
.charity .related_content div li a,
div.charity .related_content div li a {
	background-position: -1496px -95px;
}
.charity .related_content div li.external-blank a,
div.charity .related_content div li.external-blank a,
.charity .related_content div li.external-self a,
div.charity .related_content div li.external-self a,
.charity .related_content div li.amazon a,
div.charity .related_content div li.amazon a {
    background-position: 0 -100px;
}
.charity .related_content div li.itunes a,
div.charity .related_content div li.itunes a {
    background-position: -900px -100px;
}
.charity .related_content div li.video a,
div.charity .related_content div li.video a {
    background-position: -600px -100px;
}
.charity .related_content div li.audio a,
div.charity .related_content div li.audio a {
    background-position: -1200px -100px;
}
.charity .download h3 span {
    background-position: -900px -99px; /* do your bit */
}
/* custom forms */
#article .customform_results {
    margin-left: 0;
    padding-left: 0;
}
.customform_results li.winner {
    font-weight: bold;
}
#article .customform_results li {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}
.customform_results li span.valuename {
    display: block;
    float: left;
    clear: left;
    width: 15%;
    text-align: right;
    margin-right: 12px;
}
table.customform_results thead {
    position: absolute;
    left: -9999em;
}
table.customform_results tbody span {
    font-weight: bold;
}
table.customform_results th {
    text-align: right;
    font-weight: bold;
    width: 50%;
}

table.customform_results img {
    border-bottom: none;
}
.customform_results img {
    background: url(/017694/d/capitalradio.co.uk/img/resultbar.png) top left repeat-x;
    display: inline;
}
#article h2.cform{
    border-bottom: 1px solid #ccc;
    color: #333;
}

form.customform{
    padding: 10px;
}
div form.customform a {
    text-decoration: underline;
}
form.customform label {
    display: block;
    font-weight: bold;
    margin-top: 0.6em;
    color: #333;
    font-size: 100%;
}
form.customform label.has_error {
    color: red;
}
form.customform label.has_error span.has_error {
    color: white;
    background-color: red;
    padding: 5px;
    margin-left: 6px;
    position: absolute;
    left: -9999em;
}
form.customform label.has_error a {
    color: red;
}
form.customform p.help_text{
    display: block;
    color: #666;
    padding-top: 3px;
}
form.customform .text_input input{
    width: 300px;
}
form.customform .integer_field input{
    width: 100px;
}
form.customform textarea {
    width: 300px;
    height: 100px;
}
form.customform select{
    margin-top: 3px;
}
#article form.customform ul{
    margin-left: 0;
}
form.customform li label{
    margin-top: 0;
    font-size: 85%;
}
#article form.customform li label{
    font-size: 100%;
}
form.customform .checkbox input{
    margin-right: 5px;
}
#article .customform h3.error_head{
    color: #fff;
}
#article div .error_head {
    background: red;
    font-weight: bold;
    font-size: 85%;
    margin-bottom: 0;
    color: #fff;
    padding: 0 12px;
    min-height: 0;
    line-height: 2;
}
#article .error_list span.error{
    text-decoration: underline;
    color: #333;
    font-weight: normal;
}
#article .error_list {
    border: 1px solid red;
    padding: 6px 12px;
    color: red;
    padding-top: 0;
    margin-left: 0;
}
#article .error_list li {
    list-style-type: disc !important;
    margin-left: 6px;
}
#article .error_list span {
    color: red;
    font-weight: bold;
}
#article .error_list a {
    color: #333;
    font-weight: normal;
    text-decoration: none;
}
#article .vip_forms span.error{
    text-decoration: underline;
}
.warning {
    background: #F2F2F2;
    border: 1px solid #ccc;
    padding: 10px; 
}
div.warning h4,
div.warning h3{
    text-transform: uppercase;
    color: #8C8C8C;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
div.warning p{
    margin-top: 0;
    border: none;
}

/*form.customform .checkbox label,*/
form.customform .checkbox input{
    float: left;
}
form.customform p{
    overflow: hidden;
}

#article form.customform ul li,
form.customform ul li{
    padding-left: 0;
    list-style-type: none;
}

.message {
    margin: 0.46em 0;
    border-bottom: 4px solid #58bf00;
    font-weight: bold;
    padding: 0.46em 0 0.46em 25px;
    background: url(/017694/d/capitalradio.co.uk/img/message.gif) no-repeat 0 50%;
}


/* gallery rows */
div.gallery-row div.pod {
    float: left;
    margin-top: 12px;
    position: relative;
}
div.gallery-row div.pod {
    margin-right: 0;
    width: 768px;
}
div.gallery_preview ul li img{
    border-bottom: 5px solid;
}
div.gallery .gallery_main{
    width: 450px;
    float: left;
}
div.gallery-row #main_image{
    width: 450px;
    position: relative;
    overflow: hidden;
}
div.gallery-row #main_image img{
    margin: 0 auto 1em auto;
    border-bottom-width: 5px;
    border-bottom-style: solid;
}
div.gallery-row #main_image a{
    position: absolute;
    padding: 0;
    top: 60px;
}
div.gallery-row #main_image a img{
    border: 0;
    padding: 0;
    margin: 0;
}
div.gallery-row #main_image .previous_image, 
div.gallery-row #main_image .next_image{
    display: none;
    position: absolute;
}
div.gallery-row #main_image .previous_image{
    left: 0;
}
div.gallery-row #main_image .next_image{
    right: 0;
}
div.gallery .further_info{
    width: 300px;
    float: right;
}
div.gallery-row .further_info .more_photos{
    font-weight: bold;
    margin-bottom: 10px;
}
div.gallery-row span.photo_count {
    display:inline;
    color: #CCC;
}
div.gallery-row .further_info p{
    font-size: 93%;
}
div.gallery-row .further_info ul{
    margin-top: 10px;
    float: none;
    overflow: hidden;
}
div.gallery-row .further_info li{
    width: 144px;
    float: left;
    font-size: 85%;
}
div.gallery-row .further_info li img{
    border-bottom-width: 5px;
    border-bottom-style: solid;
    margin-right: 0;
    margin-bottom: 4px;
}
div.gallery-row .further_info li.last-child{
    float: right;
    text-align: right;
}
div.gallery-row .further_info li.last-child img {
    float: right;
}

div.gallery-row .further_info span.navigation { 
    clear: both;
    display: block;
    font-weight: bold;
}
.search-results #content h1 {
    position:absolute; left:-9999em
}
div.search_again_wrapper {
    background: #dedede url(/017694/d/capitalradio.co.uk/img/s/bg_search_results_search.png) repeat-x;
    width:768px;
    padding:1.5em 12px; /* IE6 */
    margin-bottom:1em;
    clear:both;
}
.search_again_wrapper button{
    float: left; /* FF2 */
}

.search_again {
    width: 698px;
    margin: 0 auto;
    padding-left: 30px;
    /* contain floats */
    overflow: hidden;
}
.search_again div, .search_again fieldset {
    float: left;
    line-height: 1.5;
    margin: 0 0.5em;
}
div.search_again_wrapper legend span {
    position:absolute;
    left:-9999em;
    font-size:0;
}
form.search_again div label {
    font-weight: bold;
}
form.search_again input.term {
    margin:0 1em 0 .5em;
}
form.search_again label span {
    position:absolute;
    left:-9999em
}
form.search_again fieldset label { /* IE overrides */
    padding:0 .75em 0 1.3em;
    position:relative;
    top:.25em;
}
form.search_again fieldset label input {
    position:absolute;
    left:0;
    top:0; /* overridden for IE */
}

.search-results div.row {
    width:600px
}
.search-results div.no-query {
    min-height:439px
}
.search-results div.row p.search-details {
    font-weight:bold;
    font-size:85%;
    margin:.7em 0;
    clear:left
}
.search-results div.row p.search-details span {
    font-weight:normal;
}
.search-results div.row li {
    margin-bottom: 1.5em
}
.search-results div.row li img {
    float:left;
    margin: 0 .75em 1.5em 0
}
.search-results div.row h3,
.search-results div.row p a {
    font-weight:bold;
    font-size:100%
}
.search-results div.row p a span {
    position: absolute;
    left:-9999em;
}
.search-results div.row .search-text-and-pics li {
    position:relative;
    min-height:92px; /* IE6 */
}
.search-results div.row .search-text-and-pics li h3,
.search-results div.row .search-text-and-pics li p {
    margin-left:104px
}
.search-results div.row .search-text-and-pics li p.audio,
.search-results div.row .search-text-and-pics li p.video {
    padding-left:18px;
    margin-top:.25em;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s/bg-av-search-links.gif) no-repeat 0 2px;
    /* s_icons_capital.png not used because of deficient width */
}
.search-results div.row .search-text-and-pics li p.video {
    background-position:-502px 2px;
}
.search-results div.row li img {
    position:absolute;
    left:0;
    top:0
}
div#side-column {
    clear:both;
    float:right;
    width:134px;
    margin-right: 0;
    word-break: break-all;
}
div#side-column h2 {
    background-color:#535353;
    color:#fff;
    text-transform: uppercase;
    padding:.5em 2px;
    font-size:77%;
    width:131px;
    text-align:center;
    margin-bottom:1em
}
div#side-column p {
    margin-bottom: 1em;
}
div#side-column li {
    margin-bottom:1em;
}
div#side-column li p {
    margin-bottom: 0;
}

/* ============ podcast list styles =============== */
#article ul.podcast_list{
    margin-left: 0;
}
#article ul.podcast_list li{
    list-style-type: none;
}
ul.podcast_list li a{
    overflow: hidden;
    background: transparent url(/017694/d/capitalradio.co.uk/img/s_icons_capital.png) no-repeat -1496px 4px;
    padding-left: 16px;
    margin-bottom: 0.3em;
    
}
.podcast_list li a.podcast_download { background-position: -900px 2px;}
.podcast_list li a.podcast_play {     background-position: -600px 2px; margin-bottom:1.8em;}

/* On Air Overrides */
.on-air .podcast_list li a{          background-position: -1496px -695px;}
.on-air .podcast_list li a.podcast_download { background-position: -900px -698px;}
.on-air .podcast_list li a.podcast_play {     background-position: -600px -698px;}
/* News Travel Overrides */
.news-travel .podcast_list li a {          background-position: -1496px -400px;}
.news-travel .podcast_list li a.podcast_download { background-position: -900px -400px;}
.news-travel .podcast_list li a.podcast_play {     background-position: -600px -400px;}
/* Music Entertainment Overrides */
.music-showbiz .podcast_list li a {          background-position: -1496px -496px;}
.music-showbiz .podcast_list li a.podcast_download { background-position: -900px -500px;}
.music-showbiz .podcast_list li a.podcast_play {     background-position: -600px -500px;}
/* Charity Overrides */
.charity .podcast_list li a, 
.do-your-bit .podcast_list li a {              background-position: -1496px -100px;}
.charity .podcast_list li a.podcast_download, 
.do-your-bit .podcast_list li a.podcast_download {     background-position: -900px -100px;}
.charity .podcast_list li a.podcast_play, 
.do-your-bit .podcast_list li a.podcast_play {         background-position: -600px -100px;}
/* Offers Competitions Overrides */
.offers-competitions .podcast_list li a {          background-position: -1496px -596px;}
.offers-competitions .podcast_list li a.podcast_download { background-position: -900px -600px;}
.offers-competitions .podcast_list li a.podcast_play {     background-position: -600px -600px;}
/* London Guide  Overrides */
.london-guide .podcast_list li a {          background-position: -1496px -296px;}
.london-guide .podcast_list li a.podcast_download { background-position: -900px -298px;}
.london-guide .podcast_list li a.podcast_play {     background-position: -600px -298px;}


/* ============ capital member forms ============== */
.vip_forms div.errors {
    border: 1px solid #f00;
    margin: 0.46em 0;
    font-size: 100%;
}
#article .vip_forms div.errors .hd,
.vip_forms div.errors .hd {
    background: #f00;
    color: #fff;
    padding: 0 0 0 5px;
    line-height: 1.8em;
    font-weight: bold;
    font-size: 85%;
}
.vip_forms div.errors .bd {
    padding: 0.2em 5px;
}
#article .errors ul{
    list-style: disc;
    padding-top: 0;
}

#article .vip_forms div.errors .bd li,
.vip_forms div.errors .bd li {
    color: #f00;
    list-style: disc;
    margin-left: 15px;
}
#article .vip_forms div.errors .bd li a,
.vip_forms div.errors .bd li a{
    color: #333;
    text-decoration: none;
}
.vip_forms div.errors .bd .field_name {
    font-weight: bold;
    color: #f00;
}
.vip_forms label, .vip_forms legend span {
    padding-top: 2px;
    font-weight: bold;
}
.vip_forms .privacy label,
.vip_forms .radios label {
    font-weight: normal;
    font-size: 85%;
    display: inline;
}
.vip_forms label.required {
    background: url(/017694/a/vip_user/img/required.png) no-repeat 98% 2px;
}
.vip_forms fieldset.required legend span {
    background: url(/017694/a/vip_user/img/required.png) no-repeat 98% 0;
}
/* help for required fields */
.register .row .required_help {
    background: url(/017694/a/vip_user/img/required.png) no-repeat 0 0;
    padding-top: 0;
    padding-left: 7px;
    margin: 0.5em 0;
    line-height: 1;
}
.required_help span {
    position: absolute;
    left: -5000em;
}
.js .vip_forms .other {
    position: absolute;
    left: -5000em;
    /* Fix for Opera - life-1716*/
    overflow: hidden;
}
.vip_forms fieldset legend span {
    position: absolute;
    left: -5000em;
}
.vip_forms .radios,
.vip_forms .date_field {
    /* this padding is the total of a regular label's width + padding */
    padding-left: 160px;
    position: relative;
}
.vip_forms .radios legend span,
.vip_forms .date_field legend span {
    left: 0; /* again same as above */
    width: 150px;
    padding-right: 10px;
    text-align: right;
    font-size: 85%;
    color: #333; /* same as body color */
    display: block;
    padding-top: 2px;
}
/* this is horrific, sorry - Firefox 2 only */
.vip_forms .radios legend span, .vip_forms .date_field legend span, x:-moz-any-link {left: -160px;} /* corresponding hack in IE CSS files */

.vip_forms .radios li {
    display: inline;
}
.vip_forms select {
    display:block;
    float: left;
    margin-right: 3px;
}
.js .vip_forms .date_field label {
    position: absolute;
    left: -5000em;
}
.vip_forms .form_row,
.vip_forms .radios ul {
    /* contain floats */
    overflow: hidden;
    padding: 0.4em 0;
}
.vip_forms .form_row input {
    width: 200px;
}
.vip_forms .checkbox input {
    width: auto;
}
.vip_forms .form_row label {
    text-align: right;
    float: left;
    display: block;
    width: 150px;
    padding-right: 10px;
    font-size: 85%;
}
.vip_forms .form_row label span {
    position: absolute;
    left: -5000em;
}
.vip_forms .form_row p.help_text {
    padding-left: 160px;
}
.vip_forms .submit_row,
.vip_forms #registration_details {
    /* contain floats */
    overflow: hidden;
}
.vip_forms #registration_details .first,
.vip_forms #registration_details fieldset.address {
    float: left;
    width: 45%;
}
.vip_forms #registration_details fieldset.address {
    width: 54%;
}
.vip_forms #vip_edit .form_row label {
    width: 100px;
}
.vip_forms #vip_edit .submit_row {
    padding-left: 110px;
}
.vip_forms #registration_details .address label {
    width: 80px;
}
.vip_forms #registration_details .radios,
.vip_forms #registration_details .date_field,
.vip_forms #contact_preferences .radios {
    /* this padding is the total of a regular label's width + padding */
    padding-left: 110px;
}
.vip_forms #registration_details .radios legend span,
.vip_forms #registration_details .date_field legend span,
.vip_forms #contact_preferences .radios legend span {
    width: 100px;
}
/* this is horrific, sorry - Firefox 2 only */
.vip_forms #registration_details .radios legend span,
.vip_forms #registration_details .date_field legend span,
.vip_forms #contact_preferences .radios legend span,
x:-moz-any-link {left: -110px;*left:0;}

/* hide errors off-screen for screen readers only */
.vip_forms .form_row .errors {
    position: absolute;
    left: -5000em;
}
.vip_forms .has_errors label {
    color: #f00;
}
.vip_forms form .section {
    padding: 0.8em 0;
}
.vip_forms .section {
    border-top: 1px solid #e8e8e8;
}
.vip_forms #registration_details {
    border: 0;
}
.vip_forms .section h3 {
    font-weight: bold;
    margin-bottom: 0.8em;
}
/* PAF */
.vip_forms #id_postcode {
    float: left;
    width: 100px;
    margin-right: 5px;
}
.vip_forms #l_auto_fill,
.vip_forms #id_auto_fill { /*!IE6 */
    clear: left;
    margin-left: 160px;
    text-align: left;
}
.vip_forms #vip_edit #l_auto_fill,
.vip_forms #vip_edit #id_auto_fill {
    margin-left: 0;
    width: auto;
}
.vip_forms #l_auto_fill {
    padding: 0.76em 0;
}
.vip_forms .postcode_not_found {
    clear: left;
    padding: 0.45em 0 0.45em 160px;
    width: 21em;
}
.vip_forms #paf_loading {
    clear: left;
    margin-left: 160px;
    width: 200px;
    height: 100px;
    background: transparent url(/017694/d/capitalradio.co.uk/img/ajax-loader.gif) no-repeat 0 35px;
}
.vip_forms .submit_row, 
.vip_forms .privacy {
    padding: 0.45em 0 0.45em 160px;
}

.vip_forms .cta {
    width: 12em;
    float: left;
    font-size: 87%;
}

.vip_forms a.cta, #vip_cancel .cta {
    margin-right: 1em;
}

#vip_cancel {
    margin-top: 10px;
}

.vip_forms #vip_cancel .section p {
    padding-left: 105px;
    float: left;
    width: 340px;
    padding-right: 10px;
    line-height: 1;
}
/* display user details */
.vip_forms dl {
    /* contain floats */
    overflow: hidden;
    margin: 1em 0;
}
.vip_forms dt {
    font-size: 85%;
    font-weight: bold;
    display: block;
    text-align: right;
    width: 150px;
    float: left;
    padding-right: 10px;
    margin-bottom: 0.6em;
    clear: left;
}
.vip_forms dd {
    font-size: 85%;
    margin-bottom: 0.6em;
    display: block;
}
/* ============ modal dialogue login ============= */
.js #modalOverlay {
    background: #000;
    cursor: wait;
}
.js #modalContainer {
    width: 422px;
    left: 50%;
    top: 50%;
    margin-left: -221px; /* half of width */
    background: #fff;
    padding: 11px;
}
.js #user_login {
    padding: 8px;
}
.js #user_login #vip_cancel {
    position: absolute;
    right: 10px;
    z-index:1;
    top: 10px;
    background: transparent url(/017694/a/vip_user/img/cancel.gif) no-repeat 100% 2px;
    border: none;
    font-size: 85%;
    color: #007797;
    font-weight: bold;
    padding-right: 18px;
    height: 18px;
    text-align:right;
    font-family: Arial, Helvetica, sans-serif;
}
.js #user_login .hd {
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: 1px solid #efefef;
}
.js #user_login form {
    padding: 1em 0;
}
.js #user_login .form_row,
.js #user_login .submit_row {
    clear: left;
    padding: 0.5em 0;
    /* contain floats */
    overflow: hidden;
}
.js #user_login .checkboxes,
.js #user_login .submit_row {
    padding-left: 150px;
}
.js #user_login .form_row input {
    display: block;
    float: left;
}
.js #user_login fieldset legend span {
    position: absolute;
    left: -5000em;
}
.js #user_login label {
    font-weight: bold;
    font-size: 85%;
    width: 140px;
    text-align: right;
    display: block;
    float: left;
    padding-right: 10px;
}
.js #user_login .checkboxes label {
    width: auto;
    text-align: left;
    font-weight: normal;
}
.js #user_login .checkboxes input {
    margin-right: 3px;
}
.js #user_login .ft {
    clear: left;
}
.js #user_login .ft a,
.js #user_login .ft a:link,
.js #user_login .ft a:visited {
    font-weight: bold;
    color: #007797;
    text-decoration: none;  
}
.js #user_login .ft a:focus {
    background: #ccc; /* implemented via active psuedo class in ie6/7.css */
}
.js #user_login .ft a:hover {
    text-decoration: underline;  
}

/* we only have skynews copyright logo for third party news stories */
p.copyright, p.copyright-sky {
    margin-top: 10px;
    background: transparent url(/017694/d/capitalradio.co.uk/img/skynews_logo.jpg) no-repeat 0 5px;   
    padding-left: 90px; 
}
#sky_news_video_player {
    margin: 20px 0 15px;
}
.narrow .inner p,
.narrow p.lead_paragraph {
    width: 512px;
}