/* (c) 2005 RealNetworks */

/* basic */
body{font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; margin-top: 0px; color:#000; background-color:#fff;}
div{font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; }
table{font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; }
td{color:#000; }
a:link, a:visited {font-size:11px; color:#0094DE; font-weight:bold; text-decoration:none;}
a:hover, a:active {font-size:11px; color:#0094DE; font-weight:bold; text-decoration:underline;}
#nonBoldLink a:link, #nonBoldLink a:visited {font-size:11px; color:#0094DE; font-weight:normal; text-decoration:none;}
#nonBoldLink a:hover, #nonBoldLink a:active {font-size:11px; color:#0094DE; font-weight:normal; text-decoration:underline;}
#bigLink a:link, #bigLink a:visited {font-size:16px; color:#0094DE; font-weight:bold; text-decoration:none;}
#bigLink a:hover, #bigLink a:active {font-size:16px; color:#0094DE; font-weight:bold; text-decoration:underline;}
form { padding:0; margin:0; }

/* layouts */
.header{padding:0px 10px 0px 10px;}
#layout1, #layout2, #layout3, #layout4, #layout5, #radioHome{background-color:#ebebeb;}

#layout1 .mainCol{padding:0px 10px 0px 10px;}
#layout2 .leftCol, #layout3 .leftCol{width:173px; padding:0 0 0 10px;}
#layout5 .leftCol{width:173px; padding:0 0 0 10px;}
#layout2 .mainCol{width:540px; padding:0 10px 0 10px;}
#layout3 .mainCol{width:358px; padding:0 10px 0 10px;}
#layout3 .rightCol{width:173px; padding:0 10px 0 0;}
#layout4 .leftCol{padding:0 0 0 10px;}
#layout4 .mainCol{padding:0 10px 0 10px;}
#layout5 .mainCol{width:550px; padding:0 10px 0 10px;}
#innerTable .leftCol{width:360px; padding:0 10px 0 0;}
#layout3 .lastCol, #layout5 .lastCol{width:180px; padding-right: 10px;}

/* images */
.playSm{height:20px; width:20px; border:0; margin:2px 1px;}
.playBig{height:32px; width:32px; border:0; margin:2px 1px; vertical-align:middle;}
.album170x170{height:170px; width:170px; border:1px solid #999; vertical-align:middle;}
.album70x70{margin-left:4px; height:70px; width:70px; border:1px solid #999; vertical-align:middle;}
.album70x70NoMargin{height:70px; width:70px; border:1px solid #999; vertical-align:middle;}
.album40x40{height:40px; width:40px; border:1px solid #999; vertical-align:middle;}
.artist150x100{height:100px; width:150px; border:1px solid #999;}
.spotLight150x100{height:100px; width:150px; border:1px solid #999; vertical-align:middle;}
#spotlight{margin:2px 4px 0; position:relative; display:block;}
#spotblurb{width:220px; padding:0px 6px 4px 6px; margin-right:8px; float:left; border-right:1px solid #999; }

.posRelBottom4px{position: relative; bottom: 4px;}

/*breadcrumb*/
#crumbtrail { font-size:11px; }

/* padding */
.nopadding{padding:0;}
.nomargin{margin:0;}

.padding5px{padding:5px;}
.padding10px{padding:10px;}

.paddingTop2px{ padding-top: 2px; }
.paddingTop4px{ padding-top: 4px; }
.paddingTop5px{ padding-top: 5px; }
.paddingTop10px{ padding-top: 10px; }

.paddingRight2px { padding-right: 2px; }
.paddingRight3px { padding-right: 3px; }
.paddingRight5px { padding-right: 5px; }
.paddingRight7px { padding-right: 7px; }
.paddingRight8px { padding-right: 8px; }
.paddingRight9px { padding-right: 9px; }
.paddingRight10px { padding-right: 10px; }
.paddingRight11px { padding-right: 11px; }
.paddingRight12px { padding-right: 12px; }
.paddingRight13px { padding-right: 13px; }
.paddingRight16px { padding-right: 16px; }
.paddingRight20px { padding-right: 20px; }
.paddingRight30px { padding-right: 30px; }

.paddingBottom1px{ padding-bottom: 1px; }
.paddingBottom2px{ padding-bottom: 2px; }
.paddingBottom3px{ padding-bottom: 3px; }
.paddingBottom5px{ padding-bottom: 5px; }
.paddingBottom6px{ padding-bottom: 6px; }
.paddingBottom8px{ padding-bottom: 8px; }
.paddingBottom10px{ padding-bottom: 10px; }
.paddingBottom15px{ padding-bottom: 15px; }
.paddingBottom20px{ padding-bottom: 20px; }

.paddingLeft1px { padding-left: 1px; }
.paddingLeft2px { padding-left: 2px; }
.paddingLeft3px { padding-left: 3px; }
.paddingLeft4px { padding-left: 4px; }
.paddingLeft5px { padding-left: 5px; }
.paddingLeft8px { padding-left: 8px; }
.paddingLeft9px { padding-left: 9px; }
.paddingLeft10px { padding-left: 10px; }
.paddingLeft11px { padding-left: 11px; }
.paddingLeft15px { padding-left: 15px; }
.paddingLeft20px { padding-left: 20px; }

/* margins */
.bottomMarg10{margin-bottom:10px;}
.bottomMarg5{margin-bottom:5px;}
.bottomMarg2{margin-bottom:2px;}
.topMarg2{margin-top:2px;}
.topMarg5{margin-top:5px;}
.topMarg10{margin-top:10px;}

/* borders */
.border{border:1px solid #999;}
.border333{border:1px solid #333;}
.border666{border:1px solid #666;}
.borderfff{border:1px solid #fff;}
.bordertop999{border-top:1px solid #999;}
.borderright999{border-right:1px solid #999;}
.borderright666{border-right:1px solid #666;}
.borderleft999{border-left:1px solid #999;}
.borderrightffffff{border-right:1px solid #ffffff;}
.borderbottom999{border-bottom:1px solid #999;}

/* background colors */
.background666{background-color:#666;}
.backgroundfff{background-color:#fff;}
.background999{background-color:#999;}
.backgroundebebeb{background-color:#ebebeb;}
.backgroundccc { background-color: #ccc; }

/* List Headers */
.mainListHeaderBackgroundColor {background-color:#999;}
.mainListHeaderPadding {padding:2px 5px 2px 5px;}
.sideListHeaderBackgroundColor {background-color:#B3DFF5;}
.sideListHeaderPadding {padding:2px 5px 2px 5px;}

/* font-sizes */
.fontSize9{ font-size:9px; }
.fontSize10{ font-size:10px; }
.fontSize11{ font-size:11px; }
.fontSize12{ font-size:12px; }
.fontSize13{ font-size:13px; }
.fontSize14{ font-size:14px; }
.fontSize16{ font-size:16px; }

.lineHeight16 {line-height: 16px; }

/* font-weight */
.boldText{ font-weight:bold; }

/* font color */
.whiteText{ color: #fff; }
.blackText{ color: #000; }
.linkColorText {color:#0094DE;}
#buyLink {color:#FF6600 !important;}
.color005E8d{ color: #005E8d; }

.displayInline{ display:inline; }
.width100Percent { width: 100%; }
.width10{width:10px;}
.width140{ width: 140px; }
.width153{ width: 153px; }
.width172{ width: 172px; }
.width173{ width: 173px; }
.width339{ width: 339px; }
.width346{ width: 346px; }
.width350{ width: 350px; }
.width356{ width: 356px; }
.width360{ width: 360px; }
.width361{ width: 361px; }
.width426{width:426px;}
.width522 { width: 522px; }
.width523 { width: 523px; }
.width543 { width: 543px; }
.height237{ height: 237px; }
.height115{ height: 115px; }
.textAlignRight{ text-align: right; }
.height16px{ height: 16px; }

.verticalBottom{ vertical-align: bottom; }
.verticalMiddle{ vertical-align: middle; }

/* font stuff */
.moduleTitle{font-weight:bold; color:#005E8D; font-family:Arial,sans-serif; font-size:16px;}
.notBold{font-weight:normal;}
.s{font-family:"Trebuchet MS",Arial,sans-serif;font-size:9px;}
.grayText{color:#333;}
.lighterGrayText{color:#999;}
.listTitle{color:black; font-weight: bold; font-size:12px;}

h1{font-family:"Trebuchet MS",Arial,sans-serif; font-size:21px; margin:0px 0px 10px 0px; padding:5px 10px 5px 10px; color:#005E8D; background-color:#fff; border:1px solid #999;}
.labelNonEmph { font-size:9px; color:#999; }

/* for vertical lists of text */
ul{list-style-type:none; margin:0; padding:0;}
li{padding:2px 0 3px 0;}

/* decorations */
.line999{margin:4px 0px 4px 0px; height:1px; font-size:1px; line-height:1px; background-color:#999; color:#999;}

.v3{line-height:3px; font-size:3px;}
.v5{line-height:5px; font-size:5px;}
.v8{line-height:8px; font-size:8px;}
.v10{line-height:10px; font-size:10px;}
ol {margin:0; padding:0; margin-left:3em;}
ol li {color:#000; font-weight:bold;  position:relative; left:-10px;}
select { font-family:"Trebuchet MS",Arial,sans-serif; font-size:11px; }

.contentUnAvail a{font-weight:bold; color:#999 !important;}
.contentUnAvail {color:#999 !important;}
.contentUnAvailVideo {font-weight:bold; color:#999;}
.breadcrumb a{font-weight:bold;}

.footer, .footer a{text-align:right; color:#7C7C7C; font-weight:normal;}

/* tracks */
.toptrackHeader{padding:2px 5px 2px 5px; color: #fff; line-height: 19px;}
.toptrackHeaderBorder{padding:2px 5px 2px 5px; border-right:1px solid #fff; color: #fff; line-height: 19px;}
.toptrackRow{padding:2px 5px 2px 5px;}
.toptrackRowBorder{padding:2px 5px 2px 5px; border-left:1px solid #999;}
.toptrackRowSlim{padding:2px 5px 2px 0px;}

/* albums scrolly */
#albumSelectorHead{}
#albumSelectorBody{width:100%; height:600px;}

/* Radio Station Stuff */
.radioTopStationsNameWidth { width: 100px; }
.radioStationFilterList { display:inline; }
.smallPlayButtonPadding { padding: 3px 5px 2px 5px; }
.searchSmallPlayButtonPadding { padding: 1px 5px 1px 5px; }
.radioSmallSpotlightPadding { padding:10px 10px 50px 10px; }

.nobead { padding:0; margin:0; border:0; }

/* DoubleClick ad space required classes.  The class names are provided by DoubleClick via javascript */
.contentBox { text-align:center; color:#005E8D; background-color:#fff; border:1px solid #999; margin-bottom:10px; }
.fatPad { /* padding:5px; */ }
.image40, .image54, .image70, .image170, .imageborder { border:solid 1px #999; vertical-align:top; }
.image40 { height:40px; width:40px; }
.image54 { height:54px; width:54px; }
.image70 { height:70px; width:70px; }
.image170 { height:170px; width:170px; }
.stackedAlbTitle { text-align:center; width:150px; overflow:hidden; margin-bottom:10px; }
.secondaryLink a:link, .secondaryLink a:active, .secondaryLink a:visited { font-weight:normal; }

/* Ads, homepage 4th column */
.adTall { width:60px; height:400px }
.adCol, lastColumn {width:162px; padding:0px 10px 0px 0px; }

/* Playlist */
.plist40 { height:40px; width:40px; }
.plist54 { height:54px; width:54px; }
.plist70 { height:70px; width:70px; }
.plist40, .plist54, .plist70 { border-right:2px solid #333; border-bottom:2px solid #333; }
.plistimgarraybox { border-left:2px solid #333; border-top:2px solid #333; }

/* Top Navbar */
.navBarHeight { height: 111px; }
.navLink:link, .navLink:visited {font-size:11px; color:#01B3F4; font-weight:normal; text-decoration:none;}
.navLink:hover, .navLink:active {font-size:11px; color:#01B3F4; font-weight:normal; text-decoration:underline;}
.searchButton a:link, .searchButton a:visited { color:#fff; text-decoration:none; font-weight:normal; }
.searchButton a:hover, .searchButton a:active { color:#fff; text-decoration:none; font-weight:normal; }
.whiteButton a:link, .whiteButton a:visited { color:#000; text-decoration:none; font-weight:normal; }
.whiteButton a:hover, .whiteButton a:active { color:#000; text-decoration:none; font-weight:normal; }
.buttonBlock{ display:block; height: 23px; position: relative; top: 4px; }
.whiteLink:link, .boldWhiteLink:visited {font-size:11px; color:#FFF; font-weight:bold; text-decoration:none;}
.whiteLink:hover, .boldWhiteLink:active {font-size:11px; color:#FFF; font-weight:bold; text-decoration:underline;}
.boldWhiteLink:link, .boldWhiteLink:visited {font-size:11px; color:#FFF; font-weight:bold; text-decoration:none;}
.boldWhiteLink:hover, .boldWhiteLink:active {font-size:11px; color:#FFF; font-weight:bold; text-decoration:underline;}
.blackLink:link, .blackLink:visited {font-size:11px; color:#000; text-decoration:none; font-weight: normal;}
.blackLink:hover, .blackLink:active {font-size:11px; color:#000; text-decoration:underline; font-weight: normal;}
.boldBlackLink:link, .boldBlackLink:visited {font-size:11px; color:#000; font-weight:bold; text-decoration:none;}
.boldBlackLink:hover, .boldBlackLink:active {font-size:11px; color:#000; font-weight:bold; text-decoration:underline;}
.boldBlueLink:link, .boldBlueLink:visited {font-size:11px; color:#000; font-weight:bold; text-decoration:none;}
.boldBlueLink:hover, .boldBlueLink:active {font-size:11px; color:#000; font-weight:bold; text-decoration:underline;}
.smallBlackLink:link, .smallBlackLink:visited {font-size:10px; color:#000; font-weight:normal; text-decoration:none;}
.smallBlackLink:hover, .smallBlackLink:active {font-size:10px; color:#000; font-weight:normal; text-decoration:underline;}
.topNavMenu{ position:absolute; visibility: hidden; border-bottom-width: 0;
    font-weight:normal; font-size: 12px; line-height: 20px; z-index: 100; background-color: #999; width: 157px;}
.topNavMenu a{ width: 100%; display: block; text-indent: 3px;
    padding: 1px 0; text-decoration: none; font-weight: normal; text-indent: 5px;}
.topNavMenu a:hover{ background-color: #FFF; color: #000;}
.topNavMenuLink:link, .topNavMenuLink:visited {font-size:11px; color:#FFF; font-weight:normal; text-decoration:none;}
.topNavMenuLink:hover, .topNavMenuLink:active {font-size:11px; color:#000; font-weight:normal; text-decoration:none;}
#topNavbarMessages DIV{line-height: 13px; margin: 0; padding: 0;}
#popUpBlockMessage{ padding:15px; background-color:#fefe9a; color:#ff0000; }
#popUpBlockMessage A{ color:#ff0000; text-decoration:underline; font-weight:normal; }
#popUpBlockMessage A:hover{ color:#ff0000; text-decoration:underline; font-weight:normal; cursor:pointer; }


/* Step Table for mygenres page */
TABLE .step { border-top: 1px solid #999;}
.stepHeader {padding:2px 5px 2px 5px; color: #fff; background-color: #999; }

.navBarMenuLinkon:link, .navBarMenuLinkon:visited {font-size:11px; color:#000; font-weight:bold; text-decoration:none;}
.navBarMenuLinkon:hover, .navBarMenuLinkon:active {font-size:11px; color:#000; font-weight:bold; text-decoration:underline;}
.navBarMenuLinkoff:link, .navBarMenuLinkoff:visited {font-size:11px; color:#005E8D; font-weight:bold; text-decoration:none;}
.navBarMenuLinkoff:hover, .navBarMenuLinkoff:active {font-size:11px; color:#000; font-weight:bold; text-decoration:underline;}

.whiteFooterBorder{padding:2px 5px 2px 5px; border-right:1px solid #fff;}
.footerBlueLink:link, .footerBlueLink:visited {font-size:11px; color:#049DDC; font-weight:normal; text-decoration:none;}
.footerBlueLink:hover, .footerBlueLink:active {font-size:11px; color:#049DDC; font-weight:normal; text-decoration:underline;}

.moreCornerBorder{border-bottom:1px solid #999; }
.moreCorner5p{width:60px; background-color:#fff; position:relative; bottom:-6px; right:-6px; z-index:5; text-align:right;}
.moreCorner{width:60px; background-color:#fff; position:relative; bottom:-11px; right:-11px; z-index:5; text-align:right;}

.whtBtnCenterA{color:#000; font-size:11px; font-weight:bold; font-family:"Trebuchet MS",Arial, sans-serif;}
.whtBtnCenterA:hover{color:#09e; text-decoration:none;}

.listBorder{  border-bottom:1px solid #999; }

.trendUp{color:green;}
.trendDown{color:red;}


a.searchResultAvail{color:#0094DE; font-size:11px; font-weight:bold; text-decoration:none;}
a.searchResultAvail:hover{color:#0094DE; font-size:11px; font-weight:bold; text-decoration:underline;}
a.searchResultNotAvail{color:#999; font-size:11px; font-weight:bold; text-decoration:none;}
a.searchResultNotAvail:hover{color:#999; font-size:11px; font-weight:bold; text-decoration:underline;}
searchResultNotAvail{color:#999; font-size:11px; font-weight:bold; text-decoration:none;}

.xmlImage { border:0; padding:0px 3px 2px 0px; }

/* layouts (homepage) */
#homepageSlideshow { width: 585px; float: left; padding-left:20px;}
#homepageBillboardAd { width: 331px; float: left; padding: 12px 0; }

/* Music Videos */
#videoHomepageSlideshow { width: 589px; float: left; padding-left:10px;}
#videoHomepageBillboardAd { width: 319px; float: left; padding: 12px 0;}
#dartColumn {
text-align:left;
width:160px;
height:600px;
margin-top:32px;
margin-left:auto;
margin-right:auto;
padding-left: 0px;
background-color:#ffffff;
}
TD.icon{padding-right: 3px;}
TD.arrow{padding: 7px 8px 7px 7px;}
.photoAttribution {font-size: 9px; font-weight: normal; color: #999; line-height: 10px; height: 9px; float: right;}

p.subTitle {
	clear:both;
	width:200px;
	text-transform:uppercase;
	font-weight:bold;
}

p {margin:0px 0px 10px 0px;}

          .navBarTopBackground { background-image: url(http://static.realone.com/rotw/images/topnav/RW_header_topBkgd.gif); background-repeat: repeat-x; }
          .navBarBottomBackground { background-image: url(http://static.realone.com/rotw/images/topnav/RW_header_bot_bkgd.gif); background-repeat: repeat-x; }
          .navBarBottomBackgroundon { background-image: url(http://static.realone.com/rotw/images/nav_bg.gif); background-repeat: repeat-x; }
          .navBarBottomBackgroundoff {}
          .navBarBottomDropdownBackground { background-image: url(http://static.realone.com/rotw/images/topnav/RW_header_bot_tabBkgd.gif); background-repeat: repeat-x; }
          .homepageTopRowBg { background-image: url(http://static.realone.com/rotw/images/hp_toprow_bg.gif); background-repeat: repeat-x; }
          .footerBackground { background-image: url(http://static.realone.com/rotw/images/footer_bg.gif); background-repeat: repeat-x; }
          .searchButton { color:#fff; font-size:11px; background-image:url(http://static.realone.com/rotw/images/buttons/btn_src_hdr_mid_off.gif); background-repeat:repeat-x; }
          .searchButtonLeft { font-size:11px; background-image:url(http://static.realone.com/rotw/images/buttons/btn_src_hdr_lt_off.gif); background-repeat:repeat-x; }
          .searchButtonRight { font-size:11px; background-image:url(http://static.realone.com/rotw/images/buttons/btn_src_hdr_rt_off.gif); background-repeat:repeat-x; }
          .whiteButton { color:#000; font-size:11px; background-image:url(http://static.realone.com/rotw/images/buttons/btn_wht_mid_off.gif); background-repeat:repeat-x; }
          .whiteButtonLeft { font-size:11px; background-image:url(http://static.realone.com/rotw/images/buttons/btn_wht_lt_off.gif); background-repeat:repeat-x; }
          .whiteButtonRight { font-size:11px; background-image:url(http://static.realone.com/rotw/images/buttons/btn_wht_rt_off.gif); background-repeat:repeat-x; }
          #srchCenter { background-image:url(http://static.realone.com/rotw/images/buttons/btn_src_hdr_mid_off.gif); background-repeat:repeat-x; }