/*default body color*/
body {
color : #000000;
font-family : Verdana, arial, helvetica, Sans-serif;
background: #ffffff url(/staticarchive/78b6980df1e985cd8dfd9816e3102df53cc68149.gif) repeat-x; }
table, td {font-family : verdana, arial, helvetica, sans-serif;}
a:link {color : #336633; font-weight: bold; text-decoration: none;}
a:visited {text-decoration: none; font-weight: bold; color:#336633;}
a:hover {color : #339933; text-decoration: underline;}
a:active {text-decoration:underline; color:#336633;}
a {text-decoration:none; color:#336633;}
/*end default body color*/
/* GENERAL CLASSES FOR FLEXIBLE TEMPLATE SEPERATING ALL CLASSES FOR FULL FUTURE FLEXIBILITY */
/* font properties */
.showname-rm { color: #ffffff}
.showname-rm a { color: #ffffff}
.missed-prog-rm { color: #ffffff}
.missed-prog-rm a { color: #ffffff}
.missed-prog-rm a:hover { color: #cccccc}
.rhn-title-font-rm { color: #ffffff; font-weight: bold;}
.rhn-title-font-rm a { color: #ffffff; font-weight: bold;}
.rhn-title-font-rm a:link { color: #ffffff; font-weight: bold;}
.rhn-title-font-rm a:active { color: #ffffff; font-weight: bold;}
.rhn-title-font-rm a:visited { color: #ffffff; font-weight: bold;}
.rhn-title-font-rm a:hover { color: #cccccc; font-weight: bold;}
.subbanner-font-rm { color: #000000; font-weight: bold;}
.subbanner-font-rm a { color: #336633; font-weight: bold;}
.subbanner-font-rm a:link { color: #336633; font-weight: bold;}
.subbanner-font-rm a:active { color: #336633; font-weight: bold;}
.subbanner-font-rm a:visited { color: #336633; font-weight: bold;}
.subbanner-font-rm a:hover { color: #339933; font-weight: bold;}
.form-subbanner-font-rm { color: #ffffff; font-weight: bold;}
.form-subbanner-font-rm a { color: #ffffff; font-weight: bold;}
.form-subbanner-font-rm a:link { color: #ffffff; font-weight: bold;}
.form-subbanner-font-rm a:active { color: #ffffff; font-weight: bold;}
.form-subbanner-font-rm a:visited { color: #ffffff; font-weight: bold;}
.form-subbanner-font-rm a:hover { color: #cccccc; font-weight: bold;}
.prog-details-font-rm { color: #ffffff; font-weight: bold;}
.prog-details-font-rm a { color: #ffffff; font-weight: bold;}
.prog-details-font-rm a:link { color: #ffffff; font-weight: bold;}
.prog-details-font-rm a:active { color: #ffffff; font-weight: bold;}
.prog-details-font-rm a:visited { color: #ffffff; font-weight: bold;}
.prog-details-font-rm a:hover { color: #cccccc; font-weight: bold;}
.rhn-sub-subbanner-font-rm { color: #000000; font-weight: bold;}
.rhn-sub-subbanner-font-rm a { color: #000000; font-weight: bold;}
.rhn-sub-subbanner-font-rm a:link { color: #000000; font-weight: bold;}
.rhn-sub-subbanner-font-rm a:active { color: #000000; font-weight: bold;}
.rhn-sub-subbanner-font-rm a:visited { color: #000000; font-weight: bold;}
.rhn-sub-subbanner-font-rm a:hover { color: #000000; font-weight: bold;}
.dont-miss-font-rm { color: #000000 ;}
/* bgcolor properties MAIN CONTENT AREA */
.genre-colour01-rm { background: #336633}
.main-content-area-bg-rm { background: #f2f2e6}
.promo-1-subbanner-bg-rm, .tickets-subbanner-bg-rm, .presenter-subbanner-bg-rm, .contact-us-subbanner-bg-rm, .transcripts-subbanner-bg-rm, .webchat-subbanner-bg-rm, .gallery-subbanner-bg-rm { background: #cccc9a}
.top-text-bg-rm, .promo-1-bg-rm, .promo-2-bg-rm, .tickets-bg-rm, .webcast-bg-rm, .presenter-bg-rm, .feature-bg-rm, .webchat-bg-rm, .contact-us-bg-rm, .transcripts-bg-rm, .gallery-bg-rm { background: #e0e0c8}
.prog-details-bg-rm { background: #336666}
.spacer-rm { background: #ffffff}
.form-subbanner-bg-rm { background: #336633}
/* padding MAIN CONTENT AREA */
.general-pad-rm, .tickets-pad-rm, .form-pad-rm, .webchat-pad-rm, .gallery-pad-rm { padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px;}
.date-and-listen-icon { padding: 5px 0px;}
.subbanner-pad-rm { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px;}
.promo-1-pad-rm, .contact-us-pad-rm { padding-left: 5px; padding-right: 5px; padding-bottom: 1px; padding-top: 5px;}
.promo-2-pad-rm, .presenter-pad-rm, .feature-pad-rm { padding-left: 5px; padding-right: 2px; padding-bottom: 5px; padding-top: 5px;}
.promo-3-pad-rm { padding-left: 7px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px;}
.top-links-pad-rm { padding-left: 2px; padding-right: 0px; padding-bottom: 5px; padding-top: 5px;}
.comments-pad-rm { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; padding-top: 5px;}
.txt-box-rm { width: 200px;}
.txt-area-rm { width: 200px;}
/* bgcolor properties RIGHT HAND NAVIGATION and PROGDETAILS SUBBANNER */
.audio-help-rm { background: #cccccc}
.mini-nav-general-rm{ background: #f2f2e6}
.mini-nav-title-rm { background: #336666}
.mini-nav-top-line-rm { background: #e7e7e7}
.mini-nav-bottom-line-rm { background: #999999}
.prog-details, .rhn-subbanner-listen-to-rm, .rhn-subbanner-prog-archive-rm, .rhn-subbanner-vote-rm, .rhn-subbanner-mess-board-rm, .rhn-subbanner-newsletter-rm, .rhn-subbanner-transcripts-rm, .rhn-subbanner-related-links-rm, .rhn-subbanner-dont-miss-rm { background: #336666}
.rhn-listen-to-rm, .rhn-prog-archive-rm, .rhn-vote-rm, .rhn-mess-board-rm, .rhn-newsletter-rm, .rhn-transcripts-rm, .rhn-related-links-rm, .rhn-dont-miss-rm { background: #e0e0c8}
.rhn-listen-to-title-rm, .rhn-prog-archive-title-rm, .rhn-best-of-title-rm { background: #cccc9a}
/* padding RIGHT HAND NAVIGATION */
.rhn-general-pad-rm, .dont-miss-pad-rm { padding-left: 5px; padding-right: 5px; padding-bottom: 4px; padding-top: 4px;}
.listen-links-pad-rm { padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px;}
.rhn-subbanner-pad-rm { padding-left: 5px; padding-right: 5px; padding-bottom: 4px; padding-top: 4px;}
.mini-nav-pad-rm { padding-left: 5px; padding-right: 5px; padding-bottom: 1px; padding-top: 1px;}
.rhn-list-to-pad-rm, .rhn-best-of-pad-rm, .rhn-highlights-pad-rm { padding-left: 5px; padding-right: 5px; padding-bottom: 1px; padding-top: 1px;}
.rhn-prog-archive-rm .promo-image-rm { margin-right:5px;}
/* END GENERAL CLASSES FOR FLEXIBLE TEMPLATE */
.centrallinks {
color : #336633;}
a:hover.centrallinks {
color : #336633;}
.bodylink { color : #336633; text-decoration : none;}
a.bodylink {color : #336633; text-decoration : underline;}
a:active.bodylink {color : #336633; text-decoration : underline;}
a:visited.bodylink {color : #336633; text-decoration : underline;}
a:hover.bodylink { color : #339933; text-decoration : underline;}
.black {color : #000000; }
a.black {color : #336633; }
a:visited.black {color : #336633; text-decoration:none; font-weight: bold;}
a:hover.black { color : #339933; text-decoration: underline;}
.darkgrey {
color : #333333;}
a.blue { color : #336633;}
.blue { color : #000000;}
a:visited.blue {color : #336633; text-decoration:none; font-weight: bold;}
a:hover.blue { color : #339933; text-decoration: underline;}
.turquoise {
color : #336666;}
a.lightblue {
color : #336666;}
a:hover.lightblue {
color : #669999;}
a.global {
color : #ffffff; }
.red { color : #660000; }
a.red { color : #660000; }
a:visited.red { color : #660000; text-decoration:none; font-weight: bold;}
a:hover.red { color : #CC0000; text-decoration: underline;}
.white { color : #ffffff; }
a.white { color : #ffffff; }
a:visited.white { color : #ffffff;text-decoration:none; font-weight: bold;}
a:hover.white { color : #cccccc; text-decoration: underline;}
.whiteonmissedprog { color : #ffffff; }
a.whiteonmissedprog { color : #ffffff; }
a:visited.whiteonmissedprog { color : #ffffff;text-decoration:none; font-weight: bold;}
a:hover.whiteonmissedprog { color : #cccccc; text-decoration: underline;}
.navcolor { background : #336633}
.whitebg {
background : #ffffff; }
/*column1 classes*/
.column1 {
background : #e7e7e7; }
.column1header {
color : #ffffff;
background : #669999;
line-height : 14px ; }
.column1greyheader {
background : #cccccc;
line-height : 14px ; }
/*end column1 classes*/
/*column2 classes*/
.column2header {
color : #ffffff;
background : #336666;
line-height : 14px ; }
.column2sub {
background : #e7e7e7; }
a.column2sub {
color : #000000;}
a:hover.column2sub {
color : #666666;}
.liteheader {
color : #000000;
background : #cccccc;
line-height : 14px ; }
/*end column2 classes*/
/*column3 classes*/
.column3 {
background : #cccccc; }
.column3header {
color : #ffffff;
background : #669999;
line-height : 14px ; }
/*end column3 classes*/
/*credit card*/
.creditcell {
background : #999999; }
/*end credit card*/
/*programme pages*/
.subheader {
background : #cccccc;
line-height : 14px }
.proginfobg {
background : #e7e7e7; }
.relatedlinkbox {
background : #e7e7e7;
color : #336666;}
.proginfobg2 {
background : #cccccc; }
/*programme pages*/
.missed-prog-rm a, .missed-prog-rm a:visited {
color:#fff
}
/* Download trial CSS May 2005 */
#threeways { /* this is the container that sets default width, font, font color & bg color */
width: 159px;
font-family: verdana, sans serif;
color: #000000;
background-color: #cccccc;
padding-bottom: 5px;
}
#threeways h2 { /* format the header */
font-family: verdana, sans serif;
font-weight: bold;
font-size: 65%; /* make this 65 for size 1 or 80 for size 2 */
color: #ffffff;
text-transform: uppercase;
padding: 2px 5px 2px 5px;
margin: 0px;
background-color: #669999;
border-bottom: 1px solid #ffffff;
}
#threeways a { /* format the link style */
font-weight: bold;
text-decoration: none;
color: #336633;
}
#threeways a:hover { /* format the link hover style */
font-weight: bold;
text-decoration: underline;
color: #336633;
}
#threeways p { /* format the p style */
margin: 5px;
padding: 0px;
font-size: 65%; /* make this 65 for size 1 or 80 for size 2 */
}
#threeways ul#threeways-list { /* format content margins based on the design */
list-style: none;
margin: 5px;
padding: 0px;
}
#threeways ul#threeways-list li {
font-size: 65%; /* make this 65 for size 1 or 80 for size 2 */
margin-bottom: 2px; /* sets the space between each item */
vertical-align: bottom; /* this fixes the IE5 Win gap! */
}
/* Hides from IE-mac \*/
* html #threeways ul#threeways-list li a, * html #threeways ul#threeways-list li#podcast {
height: 1%;
}
/* End hide from IE-mac */
#threeways ul#threeways-list li#radioplayer a,
#threeways ul#threeways-list li#download a,
#threeways ul#threeways-list li#podcast {
padding-top: 2px; /* aligns text line 1 with button - if list font size 1 make 2px, if size 2 make 1px */
padding-bottom: 4px; /* ensures button is visible - if list font size 1 make 4px, if size 2 make 1px */
padding-left: 30px; /* set according to icon width and icon to text space */
display: block;
}
#threeways ul#threeways-list li#radioplayer a {
background: url(/staticarchive/28d5a3a9a48a5c27cf9b696cdf5c7530a70bcea7.gif) no-repeat 0px 0px;
}
#threeways ul#threeways-list li#download a {
background: url(/staticarchive/36d04a9908e31ca3984149d5ee81014d9ffe790d.gif) no-repeat 0px 0px;
}
#threeways ul#threeways-list li#podcast a {
background: url(/staticarchive/3c61fee4ce2022032ce874cfdc915b47d10e0cb8.gif) no-repeat 0px 0px;
margin-left: -30px; /* set according to icon width and icon to text space */
margin-top: -2px; /* set as negative of li padding top */
float: left;
width:26px; /* set according to icon width */
height:18px; /* set according to icon height */
}
#threeways ul#threeways-list li#podcast a:hover {
text-decoration: none; /* removes the hover style off the podacst icon holding text */
}
#threeways ul#threeways-list li input { /* set the width as threeways container width - (2(ul margin) + li paddingleft) */
width: 119px;
font-size: 100%;
margin-top: 3px;
}
/* Hides from IE-mac - make the negative input margins equal to ul margins \*/
* html #threeways ul#threeways-list li input {
margin-left: -5px;
margin-right: -5px;
}
/* End hide from IE-mac */
#threeways-disclaimer { /* this is the disclaimer container that sets default width, padding & colors */
font-family: verdana, sans serif;
width: 237px;
color: #000000;
background-color: #e7e7e7;
padding: 0px;
}
#threeways-disclaimer h3 { /* format the disclaimer heading */
font-weight: bold;
color: #336666;
text-transform: uppercase;
margin: 0px;
padding: 5px 5px 6px 5px;
font-size: 65%; /* make this 65 for size 1 or 80 for size 2 */
}
#threeways-disclaimer p { /* format the p */
margin: 0px;
padding: 0px 5px 6px 5px;
color: #666666;
font-size: 65%; /* make this 65 for size 1 or 80 for size 2 */
}