/* #################################### */
/* ## This is the global style sheet ## */
/* #################################### */


/* start genral global defaults for the flexible templates */

#ft-rm, #main-rm, #rh-rm {
    font-family:verdana,arial,helvetica,sans-serif;
    color:#333065;
}
a {
    font-family:verdana,arial,helvetica,sans-serif;
    font-weight:bold;
    color:333065;
}
#ft-rm a:link, #ft-rm a:visited {
    text-decoration:none;
}
#ft-rm a:hover, #ft-rm a:hover {
    text-decoration:underline;
}   
h2 {
    font-size:80%;
    margin:0;
    padding:5px 5px 5px 10px;
}
h4 {
    font-size:90%;
}
h5, h4 {
    margin:0;
    padding:0;
}
/* Hides from IE-mac \*/
* html .promo-rm .content-rm, * html .promo-mini-rm .content-rm {
    height: 1%;
}
/* End hide from IE-mac */
.clear-float-rm {
    clear:both;
}

/* start genral global defaults for the fleible templates */


/* ### start Mini nav section ### */

.presenter-mininav-rm { 
    margin:10px 0px 10px 0px;
}
#mini-nav-rm {
    width:205px;
    padding:0px 10px 0px 0px;
    float:right;
}
#mini-nav-rm ul {
    list-style:none;
    margin:0px;
    padding:0px;
    border:none;
}       
#mini-nav-rm li {
    margin:0px 0px 1px 0px;
    padding:0px;    
}
#mini-nav-rm li a {
    display:block;
    padding:3px 0px 3px 10px;
    text-decoration:none;
    width:100%;
    margin:0px;
    vertical-align:bottom; /* This fixes the IE5 Win gap! */
}
html>body #mini-nav-rm li a {
    width:auto;
}
#mini-nav-rm li a:hover {
    text-decoration:none;
}

/* ### end Mini nav section ### */


/* start all main-rm specfic defaults */

#main-rm {
}

/* start promo-rm styles */

.promo-rm {
    padding:0 10px 0 10px;
    margin:0;   
    line-height:1.3;    
}
.promo-rm .content-rm, .promo-rm .content-noline-rm {
    padding:10px 0 10px 0;
    margin:0;   
}
.promo-rm .image-lh-rm {
    float:left;
    margin-right:10px;
}
.promo-rm .image-rh-rm {
    float:right;
    margin-left:10px;
}
.promo-rm h5 {
    margin:0;
    padding:0;
}
.promo-rm p {
    margin:0;
    padding:0;
}
.promo-rm ul {
    padding:0;
    margin:2px 0 0 0;
}

/* end promo-rm styles */

/* start photostrip styles */

.promo-rm .content-rm .gallery_photostrip {
    margin:5px 0;
}

/* end photostrip styles */


/* start promo-mini-2col-rm styles */

.promo-mini-2col-rm {
    padding:10px 10px 0 10px;
    margin:0;   
    line-height:1.3;        
}
.promo-mini-2col-rm h5 {
    margin:0;
    padding:0;
}
.promo-mini-2col-rm table {
    width:400px;
    padding-bottom:10px;
}
.promo-mini-2col-rm table td.content-rm {
    padding:0 10px 0 10px;
}
.promo-mini-2col-rm table p {
    margin:0;
    padding:0;
}
.promo-mini-2col-rm ul {
    margin:2px 0 0 0;
    padding:0;
}

/* end promo-mini-2col-rm styles */


/* start promo-mini-rm styles */

.promo-mini-rm {
    padding:0 10px 0 10px;
    margin:0;   
    line-height:1.3;    
}
.promo-mini-rm .content-rm, .promo-mini-rm .content-noline-rm {
    padding:10px 0 10px 0;
    margin:0;   
}
.promo-mini-rm .image-rm {
    float:left;
    margin-right:10px;
}
.promo-mini-rm h5 {
    margin:0;
    padding:0;
}
.promo-mini-rm p {
    margin:0;
    padding:0;
}
.promo-mini-rm ul {
    margin:2px 0 0 0;
    padding:0;
}

/* end promo-mini-rm styles */

/* start 1col quote styles */

.quotebox-1col-rm {
    padding:10px;
    margin:10px 0 10px 0;   
    line-height:1.3;    
}
.quotebox-1col-rm h5 {
    margin-bottom:10px;
}
.quotebox-1col-rm table {
    width:400px;
}
.quotebox-1col-rm table p {
    text-align:left;    
    padding:10px;
    margin:0;   
}
.quotebox-1col-rm p {   
    text-align:right;
    padding:0;
    margin:10px 5px 0 0;
}
.quotebox-1col-rm p a {
    padding-left:20px;
}

/* end 1col quote styles */


/* start automated-comments styles */

.comments-users-rm, .comments-thankyou-rm, .comments-form-rm {
    padding:0 0 10px 0;
    margin:0;   
}
.comments-users-rm {
    margin-bottom:10px; 
}
.comments-users-rm p {
    padding:10px;
    margin:0;
}
.comments-thankyou-rm, .comments-form-rm {
    margin-top:10px;
}
.comments-thankyou-rm p {
    padding:10px 10px 0 10px;
    margin:0;
}
.comments-users-rm h2 a {
    padding-left:20px;
}
.comments-form-rm p.intro-rm {
    padding:10px;
    margin:0;
}
.comments-form-rm form {
    padding:0 10px 0 10px;
    margin:0;
}
.comments-form-rm form .name-rm {
    width:400px;
}
.comments-form-rm form .comment-rm {
    width:400px;
    height:100px;
}
.comments-form-rm form p {
    padding:0;
    margin:5px 0 5px 0;
}
.comments-form-rm p.disclaimer-rm {
    font-size:80%;
    padding:10px;
    margin:0;
}

/* end automated-comments styles */


/* start feedback form styles */

.feedback-rm {
    padding:0 0 10px 0;
    margin:0;
}
.feedback-rm  h2 {
    margin-top:10px;
}
.feedback-rm  p {
    padding:10px 10px 0 10px;
    margin:0;
}
.feedback-rm form {
    padding:10px;
    margin:0;
}
.feedback-rm form .textarea-rm, .feedback-rm form .textfield-rm, .feedback-rm form .select-rm {
    width:400px;
}
.feedback-rm form p {
    padding:10px 0 5px 0;
    margin:0;
}
.feedback-rm ul {
    padding:10px;
    margin:0;
}
.feedback-rm p.disclaimer-rm {
    padding:0;
    margin-top:10px;
}

/* end feedback form styles */


/* start gallery styles */

#main-gallery-rm {
    padding:0;
    margin:0;       
}
#main-gallery-rm .buttons-rm {
    padding:5px 10px 5px 10px;
    margin:0;   
}
#main-gallery-rm .buttons-rm .left-rm {
    float:left;
    width:30%;
}
#main-gallery-rm .buttons-rm .right-rm {
    float:right;
    width:30%;
    text-align:right;
}
#main-gallery-rm .buttons-rm .middle-rm {
    text-align:center;
}
#main-gallery-rm p.caption-rm { 
    padding:10px;
    margin:0;
}

/* end gallery styles */

/* end all main-rm specfic defaults */


/* start rh-rm module styles */

#rh-rm {
}

/* this adds margin to the exsisting r2 listenagain ssi */
#rh-rm .listenagain {
    margin-bottom:10px;
}
/* end this adds margin to the exsisting ssi */

.rh-listen-again-rm {
    padding:5px 10px 10px 10px;
    margin:0 0 10px 0;
}
.rh-listen-again-rm h4 {
    padding:0;
    margin:0 0 5px 0;
}
.rh-listen-again-rm p.intro-rm {
    margin:0 0 10px 0;
    padding:0;
}
.rh-listen-again-rm ul {
    padding:0;
    margin:0;
}
.rh-listen-again-rm li a {
    padding-left:20px;
}
.rh-listen-again-rm ul li p {
    margin:0 0 3px 20px;
    padding:0;
}
.rh-listen-again-rm p.ending-rm {
    margin:10px 0 0 0;
    padding:0;
}

.rh-1col-links-rm {
    padding:5px 10px 10px 10px;
    margin:0 0 10px 0;
}
.rh-1col-links-rm h4 {
    padding:0;
    margin:0 0 5px 0;
}
.rh-1col-links-rm p {
    padding:0;
    margin:0 0 5px 0;
}
.rh-1col-links-rm ul {
    margin:0;
    padding:0;
}
.rh-1col-links-rm p.disclaimer-rm {
    margin:0;
    padding:0;
}

.rh-2col-promo-rm {
    padding:5px 10px 0 10px;
    margin:0 0 10px 0;
}
.rh-2col-promo-rm h4 {
    margin:0 0 8px 0;
    padding:0;
}
.rh-2col-promo-rm table {
    width:185px;
    padding-bottom:10px;
}
.rh-2col-promo-rm table td.content-rm {
    padding:0 0 0 10px;
}
.rh-2col-promo-rm table p {
    margin:0;
    padding:0;
}
.rh-2col-promo-rm ul {
    margin:2px 0 0 0;
    padding:0;
}
.rh-2col-promo-rm li {
    margin:0;
    padding:0;
}
.rh-2col-promo-rm li a {
    padding-left:23px;
}

.rh-1col-rm {
    padding:5px 10px 10px 10px;
    margin:0 0 10px 0;
}
.rh-1col-nopad-rm {
    padding:0;
    margin:0 0 10px 0;
}
.rh-1col-rm h4, .rh-1col-nopad-rm h4 {
    padding:0;
    margin:0 0 5px 0;
}
.rh-1col-nopad-rm h4 {
    padding:5px 10px 0 10px;
}
.rh-1col-rm p {
    margin:0;
    padding:0;
}

.rh-muze-search-rm {
    padding:5px 10px 10px 10px;
    margin:0 0 10px 0;
}
.rh-muze-search-rm h4 {
    margin-bottom:5px;
}
.rh-muze-search-rm form label {
    font-size:80%;
}
.rh-muze-search-rm form #muze-search-text-rm {
    width:180px;
    margin-bottom:5px;
}
.rh-muze-search-rm form #submit-search-rm {
    margin-left:15px;
}
.rh-muze-search-rm p {
    font-size:80%;
    margin:5px 0 0 0;
    padding:0;
}

.rh-links-rm {
    padding:5px 10px 10px 10px;
    margin:0 0 10px 0;
    line-height:1.3;
}
.rh-links-rm h4 {
    margin-bottom:5px;
}
.rh-links-rm p {
    margin:0;
    padding:0;
}
.rh-links-rm ul {
    margin:3px 0 15px 0;
    padding:0;
}
.rh-links-rm ul li {
    margin:0 0 0 -12px;
    padding:0;
}
.rh-links-rm li a {
    padding-left:20px;
    display:block;
}
.rh-links-rm p.disclaimer-rm {
    margin:0;
    padding:0;
}

/* end rh-rm module styles */


/* styles added for voting results page for 'Voting2006' by Nat Darke 12/2005. e.g. http://www.bbc.co.uk/radio2/events/lennon/vote/index.shtml These styles are for basic layout etc, that will, hopefully, be acceptable for all votes of this type. More style/colour specific CSS will be added to the local style sheets e.g. flex_tmpl_local0.css   */

/*

<ol id="vtngResultsList">
<li class="vtngResult" id="vtngResult1">
<div class="vtngLabel" id="vtngLabel1">Imagine</div>
<div class="vtngBarContainer"><img src="/f/t.gif" alt="" class="vtngBar" id="vtngBar1" height="5" width="108"></div>
<div class="vtngPercent" id="vtngPercent1">
(25.5%)
</div>
</li>

*/


form#vtngForm #vtngQuestion, form#vtngForm label{
    color:  #424542;
}

#vtngResults .vtngText{
    color: #424542;
}

ol#vtngResultsList li{
    font-size: 75%;
    padding: 5px;
    color: #424542;
}

li.vtngResult{}
li#vtngResult1, li#vtngResult3, li#vtngResult5, li#vtngResult7, li#vtngResult9, li#vtngResult11, li#vtngResult13, li#vtngResult15, li#vtngResult17, li#vtngResult19, li#vtngResult20, li#vtngResult22, li#vtngResult24{
background: #f0f0f0;
}

div.vtngLabel{
    font-weight:bold;
}

div.vtngBarContainer{

}
img.vtngBar{
    background: #999999;
    height:12px;
    float:left;
    margin: 4px 3px 2px 0px;}
    
img#vtngBar1{}

div.vtngPercent{ margin: 3px 0px 2px 0px;}

div#vtngPercent1{}

p#vtngTotal{
    display:none;
}





/* == Easy clearing from positioniseverything ===== */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    
.clearfix {display: inline-table;}
    
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ================================================ */

/* top 40 chart */
#charttable         {width:420px; font-family: verdana, arial, helvetica, sans-serif;}
#charttable caption {text-align:left; background:#9CB6EF; padding:8px 5px 8px 5px;}
#charttable caption h2 { font-size:95%; font-weight:bold; font-family: verdana, arial, helvetica, sans-serif; margin:0px; background:#9CB6EF;}
#charttable abbr    {cursor: help}
#charttable th      {height:28px;}
#charttable th h3 {padding:0px; font-size:60%; margin:0px;font-weight:normal;}
#charttable th.col1 {background:#C0D1F5; width:30px; text-align:center;cursor: help}
#charttable th.col1 abbr {border-bottom:solid 1px #98B6EE;}
#charttable th.col2 {background:#DFE8FA; width:30px; text-align:center;cursor: help}
#charttable th.col2 abbr {border-bottom:solid 1px #DEE4EF;}
#charttable th.col3 {background:#EDEEF0; width:30px; text-align:center;cursor: help}
#charttable th.col3 abbr {border-bottom:solid 1px #EFF3FC;}
#charttable th.col4 {background:#CEDFFF; width:330px; text-align:right;}
#charttable th.col4 h3  {padding:0px 0px 0px 10px; float:left;color:#313063;}
#charttable th.col4 div {padding:0px 10px 0px 10px; font-size:60%;font-weight:normal;}
#charttable th.col4 div a {color:#313063;}
#charttable th.col4 div a:hover {text-decoration:underline;}
#charttable td.spacer   {height:12px; }
#charttable td.spacer-noborder {height:12px;}
#charttable td{border-bottom:1px solid ;border-bottom-style: dotted;border-bottom-color:black;}
#charttable tbody td {height:90px;vertical-align: top; font-family: verdana, arial, helvetica, sans-serif; }
* html #charttable tbody td {height:70px;}
#charttable td.col1 {background:#C0D1F5;color:#313063; font-size:90%; font-weight:bold; text-align:center;padding:5px;}
#charttable td.col2 {background:#DFE8FA;font-size:60%; text-align:center;padding:5px;}
#charttable td.col2 img {background: #DFE8FA url(/staticarchive/c1f6c7a56fcea7567296fb3f74e3db97978f74bf.gif) no-repeat;padding:5px;}
#charttable td.col3 {background:#EFF3FC;font-size:60%; text-align:center;padding:5px;}
#charttable td.col4 {background:#CEDFFF;padding:5px 0 5px 5px;}
#charttable td.col4 img {float:left; margin-right:5px;}
#charttable td.col4 h4  {margin:0px 0px 3px 0px;padding:0px;font-size:70%;color:#313063}
#charttable td.col4 h4  a {color:#313063;}
#charttable td.col4 h5  {margin:3px 0px 3px 0px; padding:0px; font-size:70%;font-weight:normal;}
#charttable td.col4 p   {margin:3px 0px 3px 0px; padding:0px; font-size:65%;}
#charttable td.col5 {background:#ffffff url(/staticarchive/6da2ea97602903d4cda231b7798d1dee63cf98b7.gif) bottom repeat-x;padding:7px 0px 10px 0px; text-align:center;}
#charttable td.disclaimer   {font-size:60%;padding:10px 0px 10px 0px;}
/* end top 40 chart */

/* Start of Flash Video Content */
.flash_video_text {text-align: left; margin: 0 10px 5px 10px;}
/* End of Flash Video Content */


/* Start of EMP Video Content and Playlist */

div.flash {padding:8px 0;}

.rh-emp-vids-rm {padding:0;margin:0 0 10px 0;}
.rh-emp-vids-rm h4 {
font-size: 80%;
margin: 0;
padding: 5px 5px 5px 10px;
}

.rh-emp-vids-rm ul {
padding:0;margin:0;  font-size:80%;
}


.rh-emp-vids-rm ul li {
background:transparent;
padding:8px 4px;
border-bottom:1px solid #ccc;
margin:0;
list-style:none;    
}

.rh-emp-vids-rm ul li.active {
background:#eee;
}

.rh-emp-vids-rm ul li .thumb-link {
float:left;
margin:4px 8px 4px 4px;
padding:0;
display:block;
height:50px;
width:90px;
}

.rh-emp-vids-rm ul li img {
border:0;
margin:0;
padding:0;
}

.rh-emp-vids-rm ul li div {
margin:0 0 0 102px;
}

.rh-emp-vids-rm ul li h5 {
    font-size:1em;
}

.rh-emp-vids-rm ul li p {
margin:0;
padding:4px 0 0 0;
}

.rh-emp-vids-rm ul li p span {
display:block;
font-weight:300;
padding:0 0 4px 0;
}



.rh-emp-vids-rm ul li p a {
display:block;
background: url(/staticarchive/fbfe2a570aab26c46a0a74bf0269c8b7bae7a145.gif) no-repeat 0 2px;
padding-left: 22px;
height:16px;
line-height:1.5;
}


.rh-emp-vids-rm ul li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.rh-emp-vids-rm ul li {display: inline-block;}

/* Start Photostrip Gallery Styles */
div.gallery_photostrip {
	text-align: center;
}

div.gallery_photostrip h2, div.gallery_photostrip p {
	text-align: left;
}

div.gallery_photostrip p {
	padding: 0 10px 5px;
}

div.gallery_photostrip h2 {
	margin-bottom: 10px;
}
/* End Photostrip Gallery Styles */
