/* RealOne Music Services Radio CSS */
/* If you're looking for something and not finding it, try radio_extra_.css */

/* not provided by global.css */
.v8{font-size:8px; line-height:8px;}
.v5{font-size:5px; line-height:5px;}

/* common font colors for 11px Treb */
/* whites */
.radioLargerWhiteBold{font-size:18px; line-height:22px; font-family: Arial, Helvetica, sans-serif; color:#ffffff;}
.radioLargeWhiteBold{font-size:14px; line-height:17px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold;}
.radioWhiteBold1415{font-size:14px; line-height:15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold;}
.radioBuyTrack{font-size:11px; line-height:15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#99ccff; text-align:right; font-weight:bold;}
.radioWhite{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffffff;font-weight:normal;}
a.radioWhite:hover {text-decoration: underline; color: #ffffff;}
.radioWhiteArial{font-size:11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff;font-weight:normal;}
a.radioWhiteArial:hover {text-decoration: underline; color: #ffffff;}
.radioWhiteBold{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold;}
a.radioWhiteBold:hover {text-decoration: underline; color: #ffffff;}
/* grays */
.radio666666GrayBG{background-color:#666666;}
.radio666666Gray{color:#666666;}
.radio666666GrayBold{color:#666666;font-weight:bold;}
.radio999999Gray{color:#999999;}
.radioGray{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#cccccc;font-weight:normal; }
.radioGrayBold{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#cccccc;font-weight:bold; }
.radioLargeGray{font-size:14px; line-height:17px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#cccccc;}
.radioSmallGray{font-size:9px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#cccccc;}
.radioDarkGray{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#666666;font-weight:normal;}
.radioDarkGrayBold{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#666666; font-weight:bold;}
.radioLightGrayBold{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#333333; font-weight:bold;}
/* yellow and golds */
.radioYellow{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffff00;font-weight:normal;}
.radioYellowBold{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffff00;font-weight:bold;}
.radioGold{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffcc00; font-weight:normal;}
a.Gold:hover {text-decoration: underline; color: #ffcc00;}
.radioGoldBold{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffcc00; font-weight:bold;}
a.radioGoldBold:hover {text-decoration: underline; color: #ffcc00;}

/* general template styles */
.radioLayout{border:0px; padding:0px; width:765px; margin-left:10px; margin-right:10px;}
.radioHeader{width:765px; margin-bottom:15px;}
.radioNav{width:180px;}
.radioSpacerColumn{width:15px;}
.radioSpacerRow{height:1px; line-height:1px;}
.radioSpacerRowBig{height:15px; line-height:15px;}
.radioMain{width:570px;}
.radioFooter{width:765px;}
.footer{width:765px;}

.radioAudioIcon{height:13px; width:13px;}
.radioStationName{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; vertical-align:top;}

.radioHeaderLogo{width:240px; height:48px; background-color:#000000;}
.radioHeaderWideSpacer{width:15px; height:48px; background-color:#999999;}
.radioHeaderAccountArea{height:48px; width:269px; background-color:#999999; text-align:left; vertical-align:middle;}
.radioHeaderNarrowSpacer{width:10px; height:48px; background-color:#999999;}
.radioHeaderSearchBox{height:48px; width:216px; background-color:#999999; text-align:right; vertical-align:middle;}

/* breadcrumb */
#radioBreadCrumb{width:765px; position:relative; margin:10px 0px 0px 0px; padding:0; border-collapse: collapse; background-color:#333333; border-top:1px solid #666666;}
#radioBreadCrumb table{margin:0; padding:0; border:0px; border-collapse: collapse;}
#radioBreadCrumb td{font:11px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; margin:0; padding:0; border:0px; border-collapse: collapse; vertical-align: top; text-align: left;}
#radioBreadCrumb .radioGenreNavCell{padding:4px 0px 4px 10px;}
#radioBreadCrumb .radioBreadCrumbLink{font:11px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffcc00;}
#radioBreadCrumb .radioBreadCrumbArrow{font:11px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#cccccc;}
#radioBreadCrumb .radioNavBlueBox{ width:10px; background-color:#3D7EC0; }
#radioBreadCrumb .radioNavBlackBox{ width:10px; background-color:#000000; }
#radioBreadCrumb .radioNavItemCell{background-color:#333333; padding-left:10px; padding-right:10px; height:22px; vertical-align: middle;}
#radioBreadCrumb .radioNavTopBorder{ height:1px; background-color:#666666;}
#radioBreadCrumb .radioNavLink{font:11px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#ffcc00;}
radioBreadCrumbLink{text-decoration: none; color: #ffcc00;}

.radioHeaderButton{margin-top:2px; margin-left:5px;}
/* nav */
a.radioBreadCrumbLink:hover {text-decoration: underline;}
.radioNavItem{background-color:#333333; border-bottom:1px solid #666666; vertical-align:middle; padding-left:5px;}
.radioNavColorBox{width:5px; background-color:#3D7EC0; border-right:1px solid black; border-bottom:1px solid black;}
.radioNavItemCurrent{background-color:#999999; border-bottom:1px solid #666666; vertical-align:middle; padding-left:5px;}
.radioNavLink{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffcc00; font-weight:normal;}
.radioNavLink:hover{text-decoration:underline;}
a.radioNavLink:hover {text-decoration: underline; color: #ffcc00;}
.radioNavLinkCurrent{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#333333; font-weight:normal;}
.radioNavLinkBold{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold;}
.radioNavLinkBold:hover{text-decoration:underline;}
.radioNavLinkBoldCurrent{font-size:11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#333333; font-weight:bold;}

.radioGenreLinkCell{background-color:#333333; text-align:right; padding-right:5px; padding-bottom:}

.radioStationListHeader{width:570px; height:25px; background-color:#3D7EC0; border:0px 0px 1px 0px black solid;}
.radioStationListHeaderTitle{width:412px; background-color:#3D7EC0; font-size:14px; line-height:21px; font-family:Arial,Helvetica,sans-serif; color:#ffffff; font-weight:bold; padding-left:8px; padding-right:8px; vertical-align:bottom;}
.radioStationListHeaderTitleSearch{width:300px; background-color:#3D7EC0; font-size:14px; line-height:21px; font-family:Arial,Helvetica,sans-serif; color:#ffffff; font-weight:bold; padding-left:8px; padding-right:8px; vertical-align:bottom;}
.radioStationListHeaderGenre{width:121px; line-height:18px; background-color:#3D7EC0; padding-left:8px; padding-right:8px; vertical-align:bottom; border-left:1px black solid;}
/* this one used in search */
.radioStationListHeaderDisplay{line-height:18px; background-color:#3D7EC0; padding-left:4px; vertical-align:bottom;}
.radioStationListFooter{width:100%; height:18px; background-color:#333333; padding:0px 5px 0px 0px; text-align:right; vertical-align:middle;}
.radioStationListFooterSmall{width:100%; height:10px; background-color:#333333; padding:1px 5px 1px 0px; text-align:right; vertical-align:middle;}
.radioStationListItem{width:473px; background-color:#333333;}
.radioStationListItemImage{margin:6px 0px 8px 8px; border: 1px solid #999999;}
.radioStationListItemImageCell{width:96px; height:96px;}
.radioStationListItemBody{padding:6px 11px 7px 8px;}
.radioStationListItemDivider{background-color:#000000; width:1px;}
.radioStationListItemGenre{width:122px; padding:6px 7px 7px 8px; vertical-align:top;}
.radioStationListItemBottomBorder{background-color:#666666; height:1px;}
.radioStationListPremiumText{vertical-align:middle; text-align:left; height:21px; padding-top:1px;}
.radioStationListPremiumIcon{width:100px; height:21px;}
.radioMoreLink{width:100%; vertical-align:middle; text-align:right; height:21px; }
.radioMoreLinkIcon{ font-size:11px}
.radioMoreLinkIconPad{margin:4px 0px 0px 5px;}
.radioMoreLinkContainer{ padding-top:5px; width:100%;}

.radioFeatureHeader{width:473px; height:25px; background-color:#3D7EC0;}
.radioFeatureHeaderGrayStripe{width:473px; height:2px; background-color:#666666;}
.radioFeatureHeaderBlackStripe{width:473px; height:1px; background-color:#000000;}
.radioFeatureTitleText{font-size:20px; font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; line-height:20px; width:334px;}
.radioFeatureMain{padding:8px 8px 10px 8px; text-align:left; width:100%}
.radioFeatureList{padding:0px 42px 0px 0px; width:334px;}

.radioItemCell{width:100%; vertical-align:top; height:10px; }
.radioIconCell{font-size:11px}
.radioIconPad{margin:1px 5px 0px 0px;}
.radioGrayLine{color:#666666; background-color:#666666; margin:3px 0px 3px 0px; height:1px; line-height:1px; font-size:1px}
.radioHiLoLink{color:#999999; font-size:9px; font-weight:normal;}
a.radioHiLoLink:hover {text-decoration: underline; color: #999999;}
.radioItemTable{width:164px;}
/* search */
.radioSearchControlTop{text-align:right; background-color:#666666;}
.radioSearchControlSwitch{background-color:#666666; text-align:right; padding:0px 5px 3px 0px; vertical-align:bottom;}
.radioSearchControlSwitchImage{width:13px; background-color:#666666; text-align:right; padding:0px 5px 3px 0px; vertical-align:bottom;}
.radioSearchBlueBar{background-color:#3d7ec0; border-top:1px solid #000000; border-bottom:1px solid #000000;}
.radioSearchAdv{background-color:#333333;}
.radioSearchInputs{text-align:left; vertical-align:middle; border-top:solid 1px #000000; padding:2px 0px 2px 5px;}
.radioSearchButtonBox{background-color:#666666; vertical-align:middle; text-align:center;}
.radioSearchControlBottom{border-top:solid #000000 1px; background-color:#666666;}
.radioNoResults{padding:8px 8px 17px 8px; background-color:#333333; color:#cccccc; line-height:15px;}
.radioSearchTotals{padding-left:8px; background-color:#333333; text-align:left; line-height:20px;}
.radioSearchPagination{padding-right:8px; background-color:#333333;text-align:right; line-height:20px;}
.radioSearchFilter{font-size:11px; }
/* my radio/recently played (nav) */
.radioMRBholder{font-weight:bold; height:21px; line-height:21px; display:block; background-color:#333333; margin:0; text-align:center; width:178px; border:1px solid #666666;}
.radioMRHeader{height:21px; vertical-align:middle; padding:0px 8px 0px 8px; background-color:#3d7ec0; border-bottom:1px solid #000000;}
.radioMRStationEdge{height:21px; width:5px; background-color:#3d7ec0; border-right:1px solid #000000; border-bottom:1px solid #000000;}
.radioMRStationRow{font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; height:21px; padding-left:5px; background-color:#333333; border-bottom:1px solid #000000; vertical-align:middle;}
.radioRPStationRow{font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; height:21px; padding-left:5px; background-color:#666666; vertical-align:middle;}
.radioRPBlueBar{height:2px; width:180px; background-color:#3d7ec0; border-bottom:1px solid #000000;}
.radioRPHeader{height:21px; width:178px; vertical-align:middle; background-color:#333333; border:1px solid #666666;}
.radioRPList{padding-bottom:4px; height:21px; width:180px; background-color:#666666;}
.radioRPArrow{vertical-align:middle; padding:0px 5px 0px 5px;}
.radioRPBox{background-color:#666666;}
#radioRPBox{visibility:hidden;display:none;}
/* edit my radio */
.radioEMRHeader{font-size: 11px; padding:0px 40px 16px 0px;}
.radioEMRLine{border-top:1px solid #ffffff; background-color:#000000; height:1px; line-height:1px;}
.radioEMRContent{padding:12px 32px 0px 20px; border-bottom:1px solid #000000;}
.radioEMRListR{text-align:right;}
.radioEMRListC{text-align:center; padding:62px 4px 0px 4px;}
.radioEMRListL{text-align:left;}
.radioEMRBtns{text-align:left; padding:32px 0px 0px 4px;}
.radioEMRList{width:180px; height:190px; font-size:11px; }
.radioEMRSubRow{padding:5px 0px 0px 244px;}
.radioSIListL{width:179px; padding-right:20px; text-align:left;}
.radioSIListC{width:1px; background-color:#000000;}
.radioSIListR{padding-left:20px; padding-right:8px; text-align:left;}
.radioEMRCloseWin{vertical-align:bottom; text-align:right; padding-right:8px; }
/* context window */
.radioCWCPtop{height:20px; text-align:left; vertical-align:middle; background-color#333333; padding-left:38px; border-bottom:1px solid #000000;}
.radioCWUNtop{height:20px; text-align:left; vertical-align:middle; background-color#666666; padding:0px 8px 0px 8px; border-left:1px solid #000000; border-bottom:1px solid #000000;}
.radioCWAlbum{background-color#333333; padding:0px 25px 0px 38px;}
.radioCWArtist{background-color#333333; padding:0px 8px 0px 0px;}
.radioCWUpNext{background-color#666666; padding:0px 4px 8px 8px; border-left:1px solid #000000;}

.radioCWLeft{background-color#333333; padding:8px 25px 0px 38px; border-bottom:1px solid #000000;}
.radioCWCenter{background-color#333333; border-bottom:1px solid #000000;}
.radioCWGrayBar{height:4px; background-color:#666666; border-top:1px solid #000000; border-bottom:1px solid #000000;}
.radioCWInfoBar{padding-left:38px; height:20px; vertical-align:middle; border-bottom:1px solid #000000;}
.radioCWInfoBox{width:270px; padding:3px 8px 8px 38px; height:152px; border-bottom:1px solid #000000; }
.radioCWAboutBox{width:259px; padding:3px 8px 8px 8px; border:1px solid #000000; border-top:none;}
.radioCWErrorBar{padding-right:8px; text-align:right; height:22px; vertical-align:middle;}
.radioCWStationTitle{text-align:left; vertical-align:middle;}
.radioCWAddStation{padding-left:8px; text-align:left; vertical-align:bottom;}
.radioCWAllgenre{padding:2px 8px 0px 0px; text-align:right; vertical-align:top;}
.radioCWAlbumArt{border:1px solid #666666; width:70px; height:70px; margin-right:8px;}
.radioCWPresetButton{vertical-align:bottom;}

TD.highlight { background-color: #666666; }
TD.support { background-color: #999999; color: #ffffff; }
TD.line { background-color: #FF0000; border-bottom: 1px solid #000000; }
TD.hr { background-color: #999999; }
TD.muze { color: #999999; font-size: 10px; }
A.support { color: #FFFFFF; }
A.download { color: #FFFFCC; font-weight: bold; }
.default { color: #ffffff; }
.copyright { font-size: 11px; }