/* (c) 2008 RealNetworks */ /* the below block comes from the yui reset css. good idea...gives all browsers a nice even playing field http://developer.yahoo.com/yui/reset/. much commented out b/c it's too much pain to retrofit now but would like to gradually chip away at it. Main offender is table stuff in our older table based modules */ /* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } */ BODY { height:100%; overflow-y:auto; } * HTML BODY { overflow: visible; } TABLE { /* border-collapse:collapse; */ /* border-spacing:0; */ } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { /* list-style:none; */ } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; /* font-weight:normal; */ } q:before,q:after { content:''; } abbr,acronym { border:0; } strong { font-weight: bold; } /* basic */ body{font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; margin-top: 0; color:#000; background-color:#fff; overflow: visible;}/* This overflow visible is needed for fixing BZ240861*/ 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; } UL{ list-style-type: none; margin: 0; padding: 0; } LI{ padding: 2px 0 3px 0; } 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;} #boldLink a:link, #nonBoldLink a:visited {font-size:11px; color:#0094DE; font-weight:bold; text-decoration:none;} #boldLink a:hover, #nonBoldLink 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;} A.button:link, A.button:visited, A.button:hover, A.button:active {font-size:11px; color:#FFF; font-weight:bold; text-decoration:none;} form { padding:0; margin:0; } /* layouts */ .header{ padding:0 10px; } #layout1, #layout2, #layout3, #layout4, #layout5, #radioHome, #justChrome, .vidPlayBackMain { background-color: #ebebeb; } #layout2 .sponsHeader{width:726px; padding-left:10px;} #layout1 .mainCol{padding:0 10px;} #layout2 .leftCol, #layout3 .leftCol{width:173px; padding:0 0 0 10px;} #layout5 .leftCol{width:176px; padding:0 0 0 10px;} #layout2 .mainCol{width:540px; padding:0 10px;} #layout3 .mainCol{width:358px; padding:0 10px;} #layout3 .rightCol{width:173px; padding:0 10px 0 0;} #layout4 .leftCol{padding:0 0 0 10px;} #layout4 .mainCol{padding:0 10px;} #layout5 .mainCol{width:550px; padding:0 10px;} #layout6 .mainCol{ width:746px; padding-left: 10px; } #justChrome .leftCol{padding:0 10px;} .vidPlayBackMain .leftCol{width:720px; padding:0 0 0 10px;} .vidPlayBackMain .rightCol{width:173px; padding:0 10px;} .vidPlayBackMain .adspace{text-align:center;padding:30px 15px;} .vidPlayBackMain .meta{width:452px} .vidPlayBackMain .disco{ width: 430px; } #innerTable .leftCol{ width: 360px; padding: 0 10px 0 0; } #layout3 .lastCol, #layout5 .lastCol{ width: 180px; padding-right: 10px; } .spaceHolder { padding: 0; margin: 0; height: 1px; line-height: 1px; font-size: .1em; display: none; } #layout7, #myRhapsodyLayout, #layoutCSS-174-530-174, #layoutCSS-540-174-174, #homepageLayoutNewUser, #layoutCSS-200-378-300, #layoutCSS-736-162, #layoutCSSJustChrome, #layoutCSS-588-300, #layoutCSS-180-708, DIV.layout1_CSS, #layout2_CSS, #layout3_CSS, #layout4_CSS, #shareOverlayLayout { text-align: left; } #layout7, #myRhapsodyLayout, #layoutCSS-174-530-174, #layoutCSS-540-174-174, #homepageLayoutNewUser, #layoutCSS-200-378-300, #layoutCSS-736-162, #layoutCSSJustChrome, #layoutCSS-588-300, #layoutCSS-180-708, DIV.centerContentHolder, DIV.topRowHolder, DIV.layout1_CSS, #layout2_CSS, #layout3_CSS, #layout4_CSS, #layoutSignIn { background-color: #ebebeb; width: 918px; clear: left; overflow: hidden; } DIV.centerContentHolder { margin-bottom: 20px; } DIV.centerContentHolder DIV.leftCol { float: left; width: 174px; display: inline; margin-left: 10px; } DIV.centerContentHolder DIV.mainCol { float: left; width: 530px; margin: 0 10px; } DIV.centerContentHolder DIV.rightCol { float: left; width: 174px; margin-right: 10px; } DIV.centerContentHolder DIV.oneCol { float: left; width: 898px; padding: 0 10px; } #layoutCSSJustChrome DIV.centerContentHolder { width: 898px; margin: 0 10px; } #layoutCSS-540-174-174 DIV.centerContentHolder DIV.mainCol, #layout2_CSS DIV.centerContentHolder DIV.mainCol { width: 540px; display: inline; } #layoutCSS-540-174-174 DIV.centerContentHolder DIV.rightCol, #layout2_CSS DIV.centerContentHolder DIV.mainCol { margin-right: 0; } #layout4_CSS DIV.centerContentHolder DIV.leftCol { width: 370px; margin-right: 10px; } #layout4_CSS DIV.centerContentHolder DIV.rightCol { width: 346px; } #layout7 DIV.centerContentHolder DIV.rightCol { width: 300px; } #layout7 DIV.centerContentHolder DIV.mainCol { width: 400px; } #layoutCSS-200-378-300 DIV.header, #layoutCSS-588-300 DIV.header, #layoutCSSJustChrome DIV.header, #layoutCSS-180-708 DIV.header { overflow: hidden; margin-bottom: 10px; } #layoutCSSJustChrome DIV.centerContentHolder DIV.header, #layoutCSS-736-162 DIV.centerContentHolder DIV.mainCol DIV.header{ padding: 0; overflow: hidden; } #layoutCSS-736-162 DIV.centerContentHolder DIV.mainCol DIV.header DIV.pageHeaderRounded { margin-bottom: 10px; } #layoutCSS-200-378-300 DIV.leftCol { width: 200px; } #layoutCSS-200-378-300 DIV.mainCol { width: 378px; overflow: hidden; } #layoutCSS-200-378-300 DIV.rightCol { width: 300px; overflow: hidden; } #layoutCSS-736-162 DIV.centerContentHolder DIV.mainCol, #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol{ width: 726px; overflow: hidden; display: inline; } #layoutCSS-736-162 DIV.centerContentHolder DIV.rightCol, #layoutCSS-588-300 DIV.centerContentHolder DIV.rightCol{ width: 162px; overflow: hidden; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol{ width: 588px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.rightCol{ width: 300px; } #layoutCSS-180-708 DIV.centerContentHolder DIV.leftCol { width: 180px; } #layoutCSS-180-708 DIV.centerContentHolder DIV.mainCol { width: 708px; overflow: hidden; } #layoutCSS-540-174-174 DIV.centerContentHolder, #layout2_CSS DIV.centerContentHolder, #layout3_CSS DIV.centerContentHolder, #layout4_CSS DIV.centerContentHolder{ width: 746px; float: left; } DIV.layout1_CSS DIV.centerContentHolder DIV.header DIV.pageHeaderRounded DIV.centerContent, #layout3_CSS DIV.centerContentHolder DIV.header DIV.pageHeaderRounded DIV.centerContent, #layout4_CSS DIV.centerContentHolder DIV.header DIV.pageHeaderRounded DIV.centerContent { width: 696px; } #layout3_CSS DIV.centerContentHolder DIV.mainCol { width: 358px; overflow: hidden; } #layout3_CSS DIV.centerContentHolder DIV.mainCol H3.greyBlueGradientModuleTopCenter { width: 338px; } #layout4_CSS DIV.centerContentHolder DIV.leftCol H3.greyBlueGradientModuleTopCenter { width: 350px; } #layout4_CSS DIV.centerContentHolder DIV.rightCol H3.greyBlueGradientModuleTopCenter { width: 326px; } DIV.layout1_CSS DIV.centerContentHolder DIV.header, #layout3_CSS DIV.centerContentHolder DIV.header, #layout4_CSS DIV.centerContentHolder DIV.header, DIV.kmtNarrowTextList { margin-bottom: 10px; } #layout4_CSS DIV.centerContentHolder DIV.leftCol UL.navComponentList{ overflow: hidden; width: 368px; } #layout4_CSS DIV.centerContentHolder DIV.leftCol UL.navComponentList LI { float: left; width: 164px; } #layout4_CSS DIV.centerContentHolder DIV.leftCol UL.navComponentList LI.navComponentListOddCol { clear: left; } DIV.adCol { float: right; } /* old, for playlistbuilder promo */ #oldshareOverlayLayout{ background-color: #fff; width: 710px; clear: left; overflow: hidden; } #oldshareOverlayLayout DIV.centerContentHolder{width:710px; background-color:#fff; margin:0; padding:0;} #oldshareOverlayLayout DIV.centerContentHolder DIV.mainCol{ width: 710px; overflow: hidden; margin:0; padding:0;} #oldshareOverlayLayout DIV.centerContentHolder DIV.mainCol #sharePageTabbedOptionsHolder{width: 444px; height:543px;} #oldshareOverlayLayout DIV.centerContentHolder DIV.mainCol #sharePageTabbedOptionsMain{height:520px;} #oldshareOverlayLayout DIV.centerContentHolder DIV.mainCol #sharePageTabbedOptionsEmail{height:500px;} #oldshareOverlayLayout DIV.centerContentHolder DIV.mainCol #sharePageTabbedOptionsRhapinks{height:500px;} #oldshareOverlayLayout DIV.centerContentHolder DIV.mainCol #sharePageTabbedOptionsMain #sharePageTabbedOptionsEmail #sharePageEmailFrame{height:465px;} #oldshareOverlayLayout DIV.centerContentHolder DIV.mainCol #sharePageHighlights{width:244px; padding:10px; height:530px;} #oldshareOverlayIFrame{ margin:0 10px 5px 10px; width:730px; overflow:hidden; height:582px; } #shareOverlayLayout{ background-color: #0099CC; width: 375px; clear: left; overflow: hidden; } #shareOverlayLayout DIV.centerContentHolder{ width:375px; background-color:#0099CC; margin:0; padding:0; } DIV.shareOverlayPopoutFlashPlayer #shareOverlayLayout, DIV.shareOverlayPopoutFlashPlayer #shareOverlayLayout DIV.centerContentHolder, DIV.shareOverlayPopoutFlashPlayer #shareOverlayLayout DIV.centerContentHolder DIV.mainCol{ width: 300px; } #shareOverlayLayout DIV.centerContentHolder DIV.mainCol{ width: 375px; overflow: hidden; margin:0; padding:0;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayContainer em{font-style:italic;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayContainer{font-size:12px; margin:15px;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayContainer p{margin:0;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayContainer DIV.shareOverlayInnerSection {background-color: #0A2D43;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayContainer DIV.shareOverlayInnerSection #shareOverlayActionTitle {padding: 10px 0 0 13px; font-weight: bold; font-size: 14px;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayTitle{font-size: 24px; font-weight: bold; padding-bottom: 5px;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayTrackTitle{font-weight:bold; font-size:13px; margin-bottom:10px;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayTrackTitle SPAN.shareOverlayTrackName {color: #FFFF99; font-style: italic;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayBody{margin:5px 0 20px 0; padding:8px; font-size: 13px;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayButtonClose{text-align:center;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayContainer TEXTAREA.sharePageCopyPaste{ font-family: "Courier", monospace; font-size: 11px; height: 10em; width: 295px; border: 1px solid #999; color: #000; padding: 5px; margin: 5px 10px 5px 0; line-height: 13px; } #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayContainer TEXTAREA.sharePageCopyPasteShort{ overflow:hidden; font-family: "Courier", monospace; font-size: 11px; height: 1.5em; width: 305px; border: 1px solid #999; color: #000; padding: 5px; margin: 5px 10px 5px 0; line-height: 13px; } DIV.shareOverlayPopoutFlashPlayer #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayContainer TEXTAREA.sharePageCopyPaste{ width: 220px; } DIV.shareOverlayPopoutFlashPlayer #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayContainer TEXTAREA.sharePageCopyPasteShort{ width: 230px; } #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayBody #shareViewUrl, #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayBody #shareViewHtmlBlob{margin:8px 0 0 5px;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayContainer #shareOverlayBody #shareViewHtmlBlob{display:none;visibility:hidden;} #shareOverlayLayout DIV.centerContentHolder DIV.mainCol #shareOverlayBody #buttonForHtml{margin-left:10px;} #shareoverlaytmplBody {background-color: #0099CC; color: #FFF;} .myRhapsodyPlaylistsPlayButton { cursor:pointer; cursor:hand; } #homepageLayoutNewUser DIV.centerContentHolder DIV.leftCol{margin: 0;} .homepageSlideshowNewUser { width:998px; padding: 10px 10px 0 10px; } #homepageLayoutNewUser DIV.centerContentHolder DIV.leftCol{ width: 290px; float:left; padding: 10px 0 0 10px; } #homepageLayoutNewUser DIV.centerContentHolder DIV.centerCol, #homepageLayoutNewUser DIV.centerContentHolder DIV.rightCol { width: 290px;float:left; padding: 10px 0 0 9px; } #homepageSlideshow { width: 605px; float: left; padding-left: 3px; } #homepageBillboardAd { width: 300px; float: left; padding: 12px 10px 12px 0; } .bigBtnContainer{ width: 60px; } .playBtn{float: left;} /* images */ .playSm{height:20px; width:20px; border:0; margin:2px 1px;} .delSm{width: 11px; height: 14px; border:0;margin:2px 4px;} .smBtnVerticalContainer IMG.playlist{ border: 0; padding: 3px 1px 0 2px; } .smBtnContainer IMG.playlist, .noContentAvailable IMG.playlist{border:0; padding:4px 2px 3px; display: block;} .bigBtnContainer IMG.playlist{border:0; padding: 9px 2px 9px 5px;} SPAN.lyricSearchResultsButtonHolder IMG.playlist{ border: 0; padding: 0; margin-top: 1px; vertical-align: middle; line-height: 14px; } .playBig{height:32px; width:32px; 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;} #spotblurb{padding:0 6px; width: 345px;} .posRelBottom4px{position: relative; bottom: 4px;} /* Module Styles - lifted from chandler */ DIV.boxColumnsQuarter { float: left; height: auto; margin-right: 10px; width: 174px; overflow: hidden; border-bottom: 1px solid #E1E1E1; } DIV.boxColumnsQuarterLast{ margin: 0; } DIV.boxColumnsQuarter DIV.greyBlueGradientModuleTop H3.greyBlueGradientModuleTopCenter { width: 154px; } #layoutCSS-174-530-174 DIV.centerContentHolder DIV.leftCol DIV.boxColumnsQuarter { border-bottom: 0; } /* thus far just new user HP */ #layoutCSS-588-300 DIV.centerContentHolder DIV.rightCol DIV.boxColumnsQuarter { width: 300px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.rightCol DIV.boxColumnsQuarter DIV.greyBlueGradientModuleTop H3.greyBlueGradientModuleTopCenter { width: 280px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.rightCol DIV.boxColumnsQuarter DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder { width: 298px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.rightCol DIV.boxColumnsQuarter DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TD.narrowVerticalListMediaIndex { font-size: 2em; width: 25px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.rightCol DIV.narrowTabDisplay DIV.tabbedOptionsTabs DIV.tabbedOptionsTab { width: 90px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.rightCol DIV.narrowTabDisplay DIV.tabbedOptionsTabs DIV.tabbedOptionsTabText { width: 80px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.rightCol DIV.narrowTabDisplay DIV.tabbedOptionsTabs DIV.narrowTabDisplayLastTab { width: 90px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.rightCol DIV.narrowTabDisplay DIV.tabbedOptionsTabs DIV.narrowTabDisplayLastTab DIV.tabbedOptionsTabText { width: 80px; } /* Begin Default Color Boxes */ .background666Header{color: #fff; font-size: 14px; font-weight: bold; background-color: #666; padding: 2px 5px 5px 10px;} .xb2, .xb3, .xb4 { background: #666; border-left: 1px solid #666; border-right: 1px solid #666; } .xb1 { margin: 0 3px; background: #666; } .xtop, .xbottom { /*display:block; */ font-size: 1px; background-color: #666; } .xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; } .xb1, .xb2, .xb3 { height: 1px; } .xb2 { margin: 0 2px; border-width: 0 2px; } .xb3 { margin: 0 1px; } .xb4 { height: 2px; margin: 0; } .xbottom .xb1 { margin: 0 3px; background: #666; } .xbottom .xb2, .xbottom .xb3, .xbottom .xb4 { background: #666; border-left: 1px solid #666; border-right: 1px solid #666; } .backgroundLtGry, .backgroundLtGry .xb1, .backgroundLtGry .xb2, .backgroundLtGry .xb3, .backgroundLtGry .xb4 { background-color: #eaeaea; border-color: #eaeaea; } .backgroundLtGry .xb1{ background:#eaeaea; } .backgroundNavyHeader{color: #fff; font-size: 14px; font-weight: bold; background-color: #223d5a; padding: 2px 5px 5px 10px;} .backgroundNavy .xb2, .backgroundNavy .xb3, .backgroundNavy .xb4 { background: #223d5a; border-left: 1px solid #223d5a; border-right: 1px solid #223d5a; } .backgroundNavy .xb1 { background: #223d5a; } .backgroundNavy .xtop, #backgroundNavy .xbottom { background-color: #223d5a; } /* gray rounded curved boxes w/ white bgcolor */ .boxCBCBCB .xb1, .boxCBCBCB .xb2, .boxCBCBCB .xb3, .boxCBCBCB .xb4 { background: #cbcbcb; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; } .boxCBCBCB .xb1 { margin: 0 3px; background: #cbcbcb; } .boxCBCBCB .xtop, .boxCBCBCB .xbottom { /*display:block; */ font-size: 1px; background-color: #cbcbcb; } .box999 .xb2, .box999 .xb3, .box999 .xb4 { background: #999; border-left: 1px solid #999; border-right: 1px solid #999; } .box999 .xb1 { background: #999; } .box999 .xtop, #box999 .xbottom { background-color: #999; } .lightBlue .xb2, .lightBlue .xb3, .lightBlue .xb4 { background: #dee6eb; border-left: 1px solid #dee6eb; border-right: 1px solid #dee6eb; } .lightBlue .xb1 { background: #dee6eb; } .lightBlue .xtop, #lightBlue .xbottom { background-color: #dee6eb; } /* gray rounded curved boxes w/ white bgcolor */ .callOutBox .xb1, .callOutBox .xb2, .callOutBox .xb3, .callOutBox .xb4, .callOutBox .body { background: #f3f3f3; border-left: 1px solid #9F9F9F; border-right: 1px solid #9F9F9F; } .callOutBox .xb1 { margin: 0 3px; background: #9F9F9F; } .callOutBox .xtop, .callOutBox .xbottom { /*display:block; */ font-size: 1px; background-color: #f3f3f3; } /* gray rounded curved boxes w/ white bgcolor */ .grayLine .xb1, .grayLine .xb2, .grayLine .xb3, .grayLine .xb4 { background: #fff; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; } .grayLine .xb1 { margin: 0 3px; background: #dbdbdb; } .grayLine .xtop, .grayLine .xbottom { /*display:block; */ font-size: 1px; background-color: #fff; } /* gray rounded curved boxes w/ white bgcolor */ .ltGrayLine .xb1, .ltGrayLine .xb2, .ltGrayLine .xb3, .ltGrayLine .xb4 { background: #fdfdfd; border-left: 1px solid #fcfcfc; border-right: 1px solid #fcfcfc; } .ltGrayLine .xb1 { margin: 0 3px; background: #fcfcfc; } .ltGrayLine .xtop, .grayLine .xbottom { font-size: 1px; background-color: #fff; } .ltGrayLineContentHolder { background: #fdfdfd; border-width: 0 1px 0 1px; border-color: #FCFCFC; border-style: solid; } /* module headers a la chandler */ H2.boxHeader, H2.boxSubHeader, H3.boxDetailSubHeader, DIV.boxDetailSubHeaderNoText, DIV.boxDisplayContent, UL.componentList { border: 1px solid #666; border-top: 0; border-bottom: 0; } #layoutCSS-174-530-174 .boxDetailSubHeader{ cursor: pointer; } H2.boxHeader, H2.boxHeader a, H2.boxHeader a:link, H2.boxHeader a:active, H2.boxHeader a:visited, H2.boxHeader a:hover, H2.boxSubHeader, H2.boxSubHeader a, H2.boxSubHeader a:link, H2.boxSubHeader a:active, H2.boxSubHeader a:visited, H2.boxSubHeader a:hover { margin-left: 0; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; } H2.boxHeader, H2.boxSubHeader { height: 20px; padding: 2px 0 2px 10px; vertical-align: baseline; margin: 0; line-height: 14px; background-color: #666; } H2.boxSubHeader { height: 16px; } H3.boxDetailSubHeader { background-color: #999; padding: 2px 0 3px 10px; line-height: 18px; font-size: 11px; font-weight: normal; color: #fff; height: 18px; vertical-align: bottom; margin: 0; } UL.navComponentList, UL.navComponentListBlind{ background-color:#e5e5e5; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; } UL.navComponentList li{ border-bottom: 1px solid #d6d6d6; height: auto; margin: 0; padding: 3px 5px 3px 15px; width: auto; } UL.navComponentListBlind LI { border-top: 0; height: auto; margin: 0; padding: 3px 5px 3px 15px; width: auto; } UL.navComponentListBlind LI.topBorder{ border-top:1px solid #d6d6d6; } H3.navDetailSubHeader{ border: 1px solid #d6d6d6; border-top: none; background-color: #fff; padding: 2px 0 3px 10px; font-size: 11px; font-weight: bold; color: #000; height: 18px; vertical-align: bottom; margin: 0; border-bottom:0; } DIV.boxFooter { clear: both; } DIV.boxTagContent { background-color: #e5e5e5; color: black; } DIV.boxDisplayContent { border-color: #e1e1e1; background-color: white; color: black; } DIV.firstItemDisplayHolder DIV.listItemDisplay, DIV.listItemDisplayHolder DIV.listItemDisplay { text-align: left; line-height: 22px; } DIV.firstItemDisplayHolder, DIV.listItemDisplayHolder { vertical-align: bottom; } DIV.listItemDisplayHolder { width: 90px; } DIV.albumDisplay { padding: 10px 0; border-bottom: 2px #dadada solid; text-align: center; line-height: 15px; } DIV.albumDisplay DIV.displayHolder, DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder DIV.displayHolder { padding-right: 24px; margin-bottom: 5px; vertical-align: bottom; overflow: hidden; } DIV.displayHolder DIV.buttonHolder, DIV.listItemDisplay DIV.firstItemDisplayHolder IMG.playSm, DIV.listItemDisplay DIV.listItemDisplayHolder IMG.playSm, UL.albumListAlternate DIV.buttonHolder, DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemHolder DIV.buttonHolder { vertical-align: bottom; margin-right: 2px; padding-left: 23px; padding-top: 50px; display: block; float: left; } DIV.albumDisplay DIV.displayHolder DIV.buttonHolder, UL.albumListAlternate DIV.buttonHolder, DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemHolder DIV.buttonHolder { padding-top: 25px; } UL.albumListAlternate DIV.buttonHolder, DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemHolder DIV.buttonHolder { padding-left: 0; } DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemHolder DIV.albumStyleHorizontalItemAlbumImageHolder { height: 78px; overflow: hidden; } DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemHolder DIV.albumStyleHorizontalItemAlbumCopyHolder { clear: left; padding-left: 20px; } DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemHolder DIV.albumStyleHorizontalItemAlbumCopyHolder P { margin: 0; } /* One Column, Unordered list with row lines - lifted from Chandler */ UL.componentList { height: auto; margin: 0; padding: 0; border-color: #E1E1E1; } UL.componentList LI { border-bottom: 2px solid #dadada; height: auto; margin: 0; padding: 3px 5px 3px 15px; width: auto; } .sideNavMenus A, .sideNavMenus A:link, .sideNavMenus A:visited, .sideNavPartnerLink A, .sideNavPartnerLink A:link, .sideNavPartnerLink A:visited, #homeSpotlight #homeSpotlight A, #homeSpotlight A:link, #homeSpotlight A:visited, UL.navComponentListBlind LI A, UL.navComponentListBlind LI A:link, UL.navComponentListBlind LI A:visited, UL.componentList LI A, UL.componentList LI A:link, UL.componentList LI A:visited, DIV.firstItemDisplayHolder A, DIV.firstItemDisplayHolder A:link, DIV.firstItemDisplayHolder A:visited, DIV.listItemDisplayHolder A, DIV.listItemDisplayHolder A:link, DIV.listItemDisplayHolder A:visited { color: #09679A; } /* box component footer styles */ DIV.moduleBtm { padding-right:10px; text-align:right; background-color: white; height: 19px; border: 1px solid #666; border-top: 0; } DIV.moduleLeftLink { float: left; width: 180px; padding-left: 6px; } DIV.moduleBtmEmpty { background-color: white; height: 0; margin: 0; padding: 0; border: 1px solid #e1e1e1; border-top: 0; font-size: .1em; } .nowrapping{white-space:nowrap} /*breadcrumb*/ #crumbtrail { font-size:11px; line-height: 16px; } /* padding */ .nopadding{padding:0;} .nomargin{margin:0;} .padding5px{padding:5px;} .padding8px{padding:8px;} .padding10px{padding:10px;} .paddingTop2px{ padding-top: 2px; } .paddingTop4px{ padding-top: 4px; } .paddingTop5px{ padding-top: 5px; } .paddingTop10px{ padding-top: 10px; } .paddingTop15px{ padding-top: 15px; } .paddingTop20px{ padding-top: 20px; } .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; } .paddingBottom4px{ padding-bottom: 4px; } .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 */ .bottomMarg20{margin-bottom:20px;} .bottomMarg15{margin-bottom:15px;} .bottomMarg10{margin-bottom:10px;} .bottomMarg5{margin-bottom:5px;} .bottomMarg2{margin-bottom:2px;} .topMarg2{margin-top:2px;} .topMarg5{margin-top:5px;} .topMarg10{margin-top:10px;} .topMarg20{margin-top:20px;} .rightMarg20{margin-right:20px;} .rightMarg10{margin-right:10px;} .rightMarg5{margin-right:5px;} .rightMarg2{margin-right:2px;} /* borders */ .album150x100, .photo150x100, .border{border:1px solid #999;} .border333{border:1px solid #333;} .border666{border:1px solid #666;} .border999{border:1px solid #999;} .borderfff{border:1px solid #fff;} .borderE1E1E1 {border: 1px solid #E1E1E1;} .bordertop999{border-top:1px solid #999;} .borderright999{border-right:1px solid #999;} .borderright666{border-right:1px solid #666;} .borderrightE2E2E2 {border-right: 1px solid #E2E2E2;} .bordertop666{border-top:1px solid #666;} .borderleft666{border-left:1px solid #666;} .borderbottom666{border-bottom:1px solid #666;} .borderleft999{border-left:1px solid #999;} .borderleftfff{border-left:1px solid #fff;} .borderrightfff{border-right:1px solid #fff;} .bordertopfff{border-top:1px solid #fff;} .borderbottom999{border-bottom:1px solid #999;} .noborder{ border: 0; } .borderbottomfff{border-bottom:1px solid #fff;} /* background colors */ .background666{background-color:#666;} .backgroundfff{background-color:#fff;} .background999{background-color:#999;} .backgroundeaeaea{background-color:#eaeaea;} .backgroundebebeb{background-color:#ebebeb;} .backgroundccc{ background-color: #ccc; } .backgroundc1c1c1{background-color:#c1c1c1;} .backgrounddadada{background-color:#dadada;} .backgrounde6e6e6{background-color:#e6e6e6;} .backgroundeee{background-color:#eee;} /* List Headers */ .mainListHeaderBackgroundColor {background-color:#999;} .mainListHeaderPadding {padding:2px 5px;} .sideListHeaderBackgroundColor {background-color:#B3DFF5;} .sideListHeaderPadding {padding: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; } .lineHeight13, A.lineHeight13:link, A.lineHeight13:active, A.lineHeight13:hover, A.lineHeight13:visited {line-height: 13px; } /* font-weight */ .boldText{ font-weight:bold; } /* font color */ .whiteText{ color: white; } .blackText{ color: black; } .linkColorText {color:#0094DE;} #buyLink {color:#FF6600 !important;} .color005E8d{ color: #005E8d; } .color9e9e9e{color:#9E9E9E;} h2.innerTabTitle{margin-top:0; font-size:18px; color:#086699; position: relative;} .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;} .width523 { width: 523px; } .height237{ height: 237px; } .height115{ height: 115px; } .textAlignRight{ text-align: right; } .height16px{ height: 16px; } .verticalBottom{ vertical-align: bottom; } .verticalMiddle{ vertical-align: middle; } /* font stuff */ .moduleTitle, .moduleTitleBlack, .chartsModuleTitleAndDescriptionHolder .moduleTitle { font-weight: bold; color: #005E8D; font-family: Arial,sans-serif; font-size: 16px; } .moduleTitleBlack{ color: black; } H1.moduleTitle { border: 0; padding: 0; } H2.moduleTitle, .chartsModuleTitleAndDescriptionHolder H2.moduleTitle{ display: inline; } .notBold{font-weight:normal;} A.notBold:link, A.notBold:active, A.notBold:visited, A.notBold:hover{font-weight:normal;} .s{font-family:"Trebuchet MS",Arial,sans-serif;font-size:9px;} .grayText{color:#333;} .lighterGrayText{color:#999;} .text666{color:#666;} .listTitle{color:black; font-weight: bold; font-size:12px;} H1, DIV.pageHeadingHolder { font-family:"Trebuchet MS",Arial,sans-serif; font-size: 21px; margin: 0 0 10px 0; padding: 5px 10px; color: #005E8D; background-color: #fff; border: 1px solid #999; overflow: hidden; height: 100%; } .labelNonEmph { font-size:9px; color:#999; } DIV.pageHeaderRounded { overflow: hidden; height: 37px; } DIV.pageHeaderRounded DIV.leftCornerRound { float: left; height: 37px; width: 15px; } DIV.pageHeaderRounded DIV.centerContent { float: left; height: 37px; line-height: 37px; width: 868px; } DIV.pageHeaderRounded DIV.centerContent H1, DIV.pageHeaderRounded DIV.centerContent H2 { float: left; font-size: 20px; font-weight: bold; margin: 0; color: black; } DIV.pageHeaderRounded DIV.centerContent H1, #artistHeaderOverride H1.artistName{ margin: 0; padding: 0; background-color: transparent; border: 0; } DIV.pageHeaderRounded DIV.centerContent DIV.ratingsHolder { float: right; height: 37px; line-height: 37px; width: 160px; } DIV.pageHeaderRounded DIV.centerContent DIV.ratingsHolder TD.ratingsMessageHolder { padding-right: 5px; vertical-align: middle; text-align: right; line-height: 37px; } DIV.pageHeaderRounded DIV.centerContent DIV.ratingsHolder TD.ratingsStarsHolder { padding-top: 2px; vertical-align: middle; text-align: right; line-height: 37px; } DIV.pageHeaderRounded DIV.centerContent DIV.ratingsHolder TD.ratingsStarsHolder DIV, DIV.pageHeaderRounded DIV.centerContent DIV.ratingsHolder TD.ratingsStarsHolder DIV A { height: 12px; line-height: 12px; } DIV.pageHeaderRounded DIV.rightCornerRound { float: right; height: 37px; width: 15px; } #artistHeaderOverride{ margin: 0 0 10px 0; padding: 5px 10px; background-color: #fff; border: 1px solid #999; border-collapse:separate; } #artistHeaderOverride .artistName{ font-family:"Trebuchet MS",Arial,sans-serif; color: #005E8D; font-weight: bold; font-size: 21px; } #layoutCSS-736-162 DIV.centerContentHolder DIV.mainCol DIV.pageHeaderRounded DIV.centerContent { width: 696px; } #layoutCSSJustChrome DIV.centerContentHolder DIV.pageHeaderRounded DIV.centerContent { width: 868px; } /* for vertical lists of text */ DIV.narrowVerticalList DIV.firstItemImageHolder { margin: 5px auto 0 auto; text-align: center; } DIV.narrowVerticalList UL { height: auto; margin: 0; margin-top: 10px; padding: 0; } DIV.narrowVerticalList UL LI { height: auto; padding: 5px; padding-left: 10px; border-bottom: 2px solid #dadada; width: auto; } DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder { margin: 0; margin-top: 10px; border: 0; padding: 0; width: 172px; } DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TD { padding: 5px; border-bottom: 1px solid #DADADA; } DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TD.narrowVerticalListButtons { width: 27px; padding-left: 10px; } DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TD.narrowVerticalListButtonsEmpty { width: 0.1em; } DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TD.narrowVerticalListMediaIndex{ width: 15px; padding: 0; } DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TD.divider{ padding: 0; height: 2px; font-size: .1em; background-color: #dadada; overflow: hidden; } DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TR.narrowVerticalListLast TD { border: 0; } /* decorations */ .line999{ margin: 4px 0; height: 1px; font-size: .1em; line-height: 1px; background-color: #999; color: #999; } .lineCCC{ margin: 4px 0; height: 1px; font-size: .1em; line-height: 1px; background-color: #CCC; color: #CCC; } DIV.lineB5B5B5 { height: 1px; font-size: .1em; background-color: #B5B5B5; margin: 0; padding: 0; } DIV.lineB5B5B5 SPAN { display: none; } /* generic floaties */ .floatLeft{float: left;} .floatRight{float: right;} .clearLeft{clear: left;} .displayNone{ display: none; } .v2{line-height:2px; font-size:2px;} .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;} .v15{line-height:15px; font-size:15px;} .hz1{padding-left:1px; font-size:1px; line-height:1px; } .hz3{padding-left:3px; font-size:1px; line-height:1px; } .hz5{padding-left:5px; font-size:1px; line-height:1px; } 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; } INPUT { font-family:"Trebuchet MS",Arial,sans-serif; font-size:11px; } .contentUnAvail a, #otherAlbums A.unavailable{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; } #footerMenuHolder { clear: both; background-color: white; padding-left: 30px; font-family: "Trebuchet MS", Arial, sans-serif; } #footerMenuHolder TABLE { width: 100%; } #footerMiddleRow { clear: both; background-color: white;} DIV.footerSpacerDiv { background-color: white; line-height: 10px; font-size: 10px; } #footerMenuHolder TABLE TR TD { padding-right: 10px; } #footerMenuHolder TABLE TR TD H4.footerColumnHead { color: #606060; font-size: 18px; font-weight: bold; margin: 0; padding: 0; padding-bottom: 5px; } A.footerColumnLink { color: #086699 !important; font-weight: normal !important; } #footerMenuHolder TABLE TR TD A.footerColumnLink { display: block; padding-left: 2px; } #footerDisclaimer { padding-bottom: 5px; } #ad_footerAd { margin: 0 auto; } /* tracks & lists of my playlists */ TD.genericTrackHeader, .toptrackHeader, #playlistManager TD.header{padding: 2px 5px; color: #fff; line-height: 19px;} TD.genericTrackHeaderBorder, .toptrackHeaderBorder, #playlistManager TD.headerBord{padding: 2px 5px; border-right: 1px solid #fff; color: #fff; line-height: 19px;} TD.genericTrackRow, .toptrackRow, #playlistManager TD, TR.searchResultsItemHolder TD.searchResultItemTableColumn{ padding: 2px 5px; } #playlistManager TD.playIcon{ padding: 2px 0 2px 5px; margin: 0; } TD.genericTrackRow .checkBox, TD.genericTrackHeader .checkBox { margin: 8px 4px 8px 5px; padding: 0; } /* IE6 hack */ * html TD.genericTrackRow .checkBox, TD.genericTrackHeader .checkBox { margin: 14px 4px 0 5px; padding: 0; } /* IE7 hack */ *+html TD.genericTrackRow .checkBox, TD.genericTrackHeader .checkBox { margin: 14px 4px 0 5px; padding: 0; } #playlistManager TD.addIcon{ padding: 2px 0; margin: 0; } .toptrackRowBorder, TD.genericTrackRowBorder, #playlistManager TD.bord{padding: 2px 5px; border-left: 1px solid #999;} .toptrackRowSlim, #playlistManager TD.slim{padding: 2px 5px 2px 0;} #playlistManager IMG{border:0; border-collapse: collapse;} /* quad artist module */ DIV.artistQuadModuleHolder { width: 378px; overflow: hidden; } DIV.artistQuadModuleHolder DIV.artistQuadModule { width: 184px; height: 246px; float: left; } /* albums scrolly */ #albumSelector.albumSelectorAlternate { line-height: 16px; height: 20px; padding: 2px 5px; vertical-align: middle; border-top: 1px solid black; border-bottom: 1px solid #ccc; margin-top: 1px; text-align: right; } #albumSelectorHead{} #albumSelectorBody, #albumSelectorBodyAlternate { height: 590px; overflow: auto; overflow-x: hidden; position: relative; } * HTML #albumSelectorBody{ width: 174px; position: relative; } * HTML #albumSelectorBodyAlternate { width: 300px; position: relative; } /* album list alternate - new artist page */ UL.albumListAlternate { width: 300px; margin-bottom: 10px; overflow: hidden; } UL.albumListAlternate H4 { margin-bottom: 5px; } UL.albumListAlternate LI { width: 120px; height: 134px; padding: 15px 10px 0 10px; text-align: center; overflow: hidden; color: #666; } UL.albumListAlternate LI H5 { margin: 0; padding: 0; vertical-align: top; } DIV.albumSelectorModuleBottom { margin: 5px 0; } SPAN.giveHiddenLayout { font-size: .1em; visibility: hidden; } /* blue gradient module with border, no text in header */ DIV.blueGradientBorderedModuleCorner { width: 7px; float: left; line-height: .1em; } DIV.blueGradientBorderedModuleTop { overflow: hidden; height: 12px; } DIV.blueGradientBorderedModuleBottom { clear: both; margin: 0 0 10px 0; padding: 0; overflow: hidden; line-height: 4px; height: 8px; } DIV.blueGradientBorderedModuleTop DIV.blueGradientBorderedModuleCorner { height: 12px; } DIV.blueGradientBorderedModuleTop DIV.blueGradientBorderedModuleTopCenter, DIV.blueGradientBorderedModuleBottom DIV.blueGradientBorderedModuleBottomCenter { width: 186px; height: 12px; float: left; } DIV.blueGradientBorderedModuleBottom DIV.blueGradientBorderedModuleCorner, DIV.blueGradientBorderedModuleBottom DIV.blueGradientBorderedModuleBottomCenter { height: 8px; } DIV.blueGradientBorderedModuleContentHolder { width: 158px; clear: both; padding: 0 20px 5px; overflow: hidden; background-color: #d3e1e7; border: 1px solid black; border-width: 0 1px; } DIV.blueGradientBorderedModuleContentHolder P { clear: both; padding: 0; padding-bottom: 5px; overflow: hidden; margin: 0; } DIV.blueGradientBorderedModuleContentHolder IMG.ltBlueImage150by100 { margin-bottom: 5px; } /* grey shadow module bottom */ DIV.greyShadowModuleBottom { height: 10px; overflow: hidden; } DIV.greyShadowModuleBottom DIV.greyShadowModuleBottomCorner { width: 10px; height: 10px; float: left; line-height: .1em; } DIV.greyShadowModuleBottom DIV.greyShadowModuleBottomCenter { height: 10px; float: left; } /* light blue gradient subhead */ .ltBlueGradientSubhead { border-top: 1px solid black; } H4.ltBlueGradientSubhead { border-top: 1px solid black; margin: 1px 0 0 0; padding: 0 10px; line-height: 18px; font-size: 12px; } /* grey gradient module tops */ DIV.greyGradientModuleTop { margin: 0; padding: 0; height: 26px; overflow: hidden; } DIV.greyGradientModuleTop DIV.greyGradientModuleTopCorner { width: 5px; height: 26px; float: left; } DIV.greyGradientModuleTop .greyGradientModuleTopCenter, DIV.greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter, DIV.greyBlueGradientModuleBottom .greyBlueGradientModuleBottomCenter { margin: 0; padding: 0 5px; height: 28px; float: left; line-height: 29px; font-size: 13px; color: white; width: 368px; } .greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter { background-color: #ECF1F5; border-top: 1px solid #E1E1E1; } /* grey gradient module tops large */ DIV.greyGradientModuleLgTop { overflow: hidden; margin: 0; padding: 0; height: 30px; } DIV.greyGradientModuleLgTop DIV.greyGradientModuleLgTopCorner { width: 5px; height: 30px; float: left; } DIV.greyGradientModuleLgTop .greyGradientModuleLgTopCenter { margin: 0; padding: 0 5px; width: 180px; height: 30px; float: left; line-height: 30px; font-size: 13px; color: white; } /* grey-blue gradient module tops */ DIV.greyBlueGradientModuleTop, DIV.greyBlueGradientModuleBottom { margin: 0; padding: 0; height: 28px; overflow: hidden; } DIV.greyBlueGradientModuleTop DIV.greyBlueGradientModuleTopCorner, DIV.greyBlueGradientModuleBottom DIV.greyBlueGradientModuleBottomCorner { width: 5px; height: 28px; float: left; } DIV.greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter, DIV.greyBlueGradientModuleBottom .greyBlueGradientModuleBottomCenter { color: black; } /* blue gradient module border, text in header */ DIV.blueGradientModuleTop { overflow: hidden; height: 29px; border-bottom: 1px solid #ebebeb; } DIV.blueGradientModuleTop DIV.blueGradientModuleTopCorner { height: 29px; width: 5px; float: left; line-height: .1em; } DIV.blueGradientModuleTop .blueGradientModuleTopCenter { margin: 0; padding: 0 5px; font-size: 13px; height: 29px; line-height: 31px; float: left; } DIV.blueGradientModule DIV.blueGradientModuleContentHolder { padding: 10px; height: 197px; overflow: hidden; color: #666; } DIV.blueGradientModule DIV.blueGradientModuleContentHolder P { padding: 0 0 10px 0; margin: 0; color: #666; } DIV.blueGradientModule DIV.blueGradientModuleContentHolder DIV.image80by80NoImage { width: 84px; height: 84px; } #otherAlbums{ padding: 10px; border-top: 1px solid #999; border-bottom: 1px solid #999; } .artistLeftColumnModuleCenterWidth { width: 180px; } .albumRightColumnModuleCenterWidth { width: 280px; } DIV.albumCompilationArtistsHolder { margin-top: 1px; } DIV.albumInfoHolder DIV.albumInfoTopHolder { padding: 10px; background: white; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumInfoTopTableHolder { background: #EAEAEA; padding: 5px 10px 0 10px; height:100%; overflow: hidden; } DIV.albumInfoHolder DIV.albumInfoTrackTableHolder { padding: 0 10px; } DIV.albumInfoHolder DIV.greyShadowModuleBottom { margin: 10px 0; } DIV.albumReviewsHolder H3.greyBlueGradientModuleTopCenter, DIV.albumInfoHolder DIV.greyShadowModuleBottom DIV.greyShadowModuleBottomCenter { width: 568px; } DIV.albumInfoHolder DIV.albumInfoTrackTableHolder TR.selectedRow, DIV.purchaseHistory TR.selectedRow, DIV.artistPageTracksTableHolder TR.selectedRow { background-color: #B2DFF4; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumInfoTopTableHolder DIV.albumInfoPicHolder { width: 175px; height: 180px; float:left; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumInfoTopTableHolder DIV.albumInfoContentHolder { float: left; width: 360px; padding: 0 0 0 10px; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumInfoTopTableHolder DIV.albumInfoContentHolder DIV.albumInfoContentHolderTopLeft { width: 245px; float: left; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumInfoTopTableHolder DIV.albumInfoContentHolder DIV.albumInfoContentHolderTopRight { width: 115px; float: left; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumInfoTopTableHolder DIV.albumInfoContentHolder DIV.albumInfoContentHolderTopRight A.mp3AvailableLabel { margin-bottom: 5px; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumInfoTopTableHolder DIV.albumInfoContentHolder DIV.albumInfoContentHolderTopRight DIV.albumInfoContentRatingsHolder { float: right; text-align: right; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumInfoTopTableHolder DIV.albumInfoContentHolder P { margin: 0; clear: both; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumInfoTopTableHolder TABLE.albumInfoContentMiddleHolder { clear: both; margin: 2px 0 10px 0; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumShareHolder { text-align: right; background-color: #EAEAEA; padding: 0 0 10px 0; width:115px; clear:both;} /* Radio Station Stuff */ .radioTopStationsNameWidth { width: 100px; } .radioStationFilterList { display:inline; } .smallPlayButtonPadding { padding: 3px 5px 2px 5px; } .searchSmallPlayButtonPadding { padding: 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; } /* From Chandler - These image styles should be used like this:my image Note that the actual area used for the image will be 4 pixels wider on each border. */ IMG.image70by70, IMG.greyImage70by70, DIV.narrowVerticalList IMG.album, .defaultModuleBodyTreatment IMG.album, DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder IMG.album { border: 0; display: block; height: 70px; margin: 0 auto; padding: 4px; width: 70px; } DIV.narrowVerticalList IMG.artist, DIV.narrowVerticalList IMG.track, DIV.yourMusicListeningHistoryModuleTop IMG.track, DIV.artistStyleHorizontalHolder DIV.artistStyleHorizontalItemHolder IMG.artist, IMG.image150by100, IMG.grayImage150by100, IMG.ltBlueImage150by100 { border: none; display: block; height: 100px; margin: 0 auto; padding: 4px; width: 150px; } DIV.narrowVerticalList IMG { margin-top: 5px; } .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: 0; padding-right: 10px; } #myRhapsodyLayout .adCol{ margin: 0; padding: 0; padding-left: 10px; float: left; } /* 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; } DIV.plistimgarraybox { overflow: hidden; width: 84px; } DIV.plistimgarraybox A, DIV.plistimgarraybox IMG { overflow: hidden; float: left; display: block; padding: 0; margin: 0; } DIV.plistimgarraybox A { width: 42px; height: 42px; } /* Top Navbar */ .noSubNavLayout DIV.topNavStyle{ margin: 0; } #topNavTopRow, #topNavBarCobrandAd { height: 57px; overflow: hidden; border-bottom: 1px solid #BCBCBC; } #topNavLeaderboardAdHolder { overflow: hidden; border-bottom: 1px solid #D3D3D3; padding: 5px; } #topNavTopRowLeftCornerImage, #topNavTopRowRightCornerImage { width: 8px; height: 57px; font-size: .1em; } #topNavTopRowLeftCornerImage, #topNavTopRowLogo, #topNavTopRowMessaging { float: left; vertical-align: middle; overflow: hidden; } #topNavTopRowMessaging { width: 249px; height: 42px; text-align: right; padding: 15px 0 0 19px; } #topNavTopRowRightCornerImage { float: right; } #topNavTopRowLogo { width: 157px; text-align: left; padding-left: 20px; } #topNavTopRow DIV.topNavSearchContainer { width: 450px; float: left; padding-top: 6px; height: 51px; } #topNavTopRow DIV.topNavSearchContainer TABLE, #topNavTopRow DIV.topNavSearchButtonContainer { height: 42px; float: left; } #topNavTopRow DIV.topNavSearchContainer TABLE { height: 51px; border-collapse: collapse; } #topNavTopRow DIV.topNavSearchContainer TABLE INPUT.textInput, #topNavTopRow DIV.topNavSearchContainer TABLE SELECT { height:22px; border: 1px solid #B8C5E9; border-right:0; float:left; color: #333; font-size: 16px; width: 408px; font-weight: bold; outline:none; } #topNavTopRow DIV.topNavSearchContainer TABLE INPUT.textInput { padding: 0; padding-top: 1px; padding-left: 8px; margin: 0; outline:none; } #topNavTopRow DIV.topNavSearchContainer TABLE SELECT { width: 116px; font-size: 14px; height: 24px; margin-left: 2px; position: relative; } #topNavTopRow DIV.topNavSearchContainer TABLE TR TD DIV.headerSearchButton { height: 23px; border: 1px solid #B8C5E9; border-left: 0; } #topNavTopRow DIV.topNavSearchContainer TABLE TR TD DIV.headerSearchButton IMG { margin: 1px; cursor: pointer; cursor: hand; } .typeAheadSearchDialogClass { background-color: #fff; border: solid 1px #9f9f9f; } .typeAheadSearchHeading { font-weight:normal; font-size:12px; border-top:1px solid #000000; padding-left:4px; } .typeAheadSearchDialogResult { font-size:14px; color:#262626; background-color:#fff; padding-left: 8px; cursor: pointer; cursor: hand; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top:4px; padding-bottom:4px; } .typeAheadSearchDialogResult STRONG { font-weight: bold; color: #000; } .typeAheadDividerLine { background-color:#ededed; margin-left:8px; margin-right:8px; height:1px; line-height:1px; font-size:1px; } .typeAheadSearchSeeMoreDiv { font-size:14px; text-align:left; padding:10px 4px 10px 4px; } .typeAheadSearchSeeMoreDivLink { font-size:14px; text-align:left; padding:10px 4px 10px 4px; color:#0088dd; cursor: pointer; cursor: hand; decoration:underline; } .typeaheadGenre { font-size:12px; font-weight:normal; } .typeaheadUnbold { font-size:12px; font-weight:normal; } .typeaheadSubtext { font-size:11px; font-weight:bold; display:block; line-height:11px; margin-bottom:5px; color:#737373; } .typeAheadTypeLabel { font-size:11px; font-weight:bold; float:right; color:#737373; margin-right:8px; } .typeAheadSearchDialogResultError { } .typeaheadNoResultsDiv { color: #797979; background-color: #fff; cursor: pointer; cursor: hand; padding: 8px; } .typeaheadNoResultsDiv:hover { background-color: #D1E7F3; } .typeaheadNoResultsDivHighlight { font-weight:bold; color:#0088dd; font-size:12px; } #topNavTopRow { border-bottom: 1px solid #EFEFEF; } #topNavTopRow, #topNavTopRow DIV, #topNavTopRowMessaging DIV.topNavBarAccountActions, #topNavTopRowMessaging DIV.topNavBarUsername { font-family: Verdana, Arial, sans-serif; } /*Need to put in font info for shared header scenario...*/ #topNavTopRowMessaging DIV.topNavBarUsername { width: auto; text-align: right; color: #7B7B7B; font-size: 9px; font-weight: bold; line-height: 15px; } #topNavTopRowMessaging DIV.topNavBarAccountActions { width: auto; text-align: right; font-size: 9px; } #topNavTopRowMessaging DIV.topNavBarAccountActions A { padding: 0 4px 0 5px; border-left: 1px dotted #BBB; } #topNavTopRowMessaging DIV.topNavBarAccountActions A, #topNavTopRowMessaging DIV.topNavBarAccountActions A:link, #topNavTopRowMessaging DIV.topNavBarAccountActions A:visited, #topNavTopRowMessaging DIV.topNavBarAccountActions A:hover, #topNavTopRowMessaging DIV.topNavBarAccountActions A:active { font-size: 9px; text-decoration: none; font-weight: normal; } #layoutSignIn #topNavTopRowMessaging { display: none; } #layoutSignIn DIV.centerContentHolder { margin-bottom:0px; } #layoutSignIn #footerTopRowTable{ margin-top:0px; } #topNavBarCobrandAd { width: 68px; float: left; } #topNavBottomRow { height: 28px; clear: both; background-color: #FFF; border-top: 2px solid #D4D4D4; border-bottom: 1px solid white; overflow: hidden; } #topNavBottomRow UL { width: auto; height: 31px; padding-left: 5px; background-color: transparent; } #topNavBottomRow UL, #topNavBottomRow UL LI { float: left; margin: 0; background-color: #EFEFEF; vertical-align: top; } #topNavBottomRow UL LI { width: auto; text-align: center; padding: 0 24px 0 25px; line-height: 29px; vertical-align: middle; } #topNavBottomRow UL LI DIV.topNavMenuItem { border: 0; padding: 0; margin: 0; background-color: transparent; font-size: 12px;} #topNavBottomRow UL LI DIV.topNavMenuItem A.topNavLinksArrow { margin-top: 10px; background-position: 50%; } #shoppingCartStatusDiv { width: 75px; height: 16px; line-height: 15px; float: right; margin-top: 5px; text-align: center; clear: both; display: none; } #topNavTopRowMessaging DIV.topNavBarAccountActions A.topNavRedeemCouponContainer { float: right; height: 16px; display: block; padding-left: 11px; padding-right: 0; margin-top: 5px; border: 0; } #topNavTopRowMessaging DIV.topNavBarAccountActions #shoppingCartStatusDiv A.shoppingCartAnchor { border: 0; vertical-align: middle; text-align: right; padding-right: 20px; line-height: 14px; font-weight: bold; } #topNavBottomLine { background-color: #C1C1C1; height: 1px; clear: both; font-size: .1em; overflow: hidden; } #topNavSliderThing { display: block; position: absolute; visibility: hidden; opacity: .60; filter: alpha(opacity=60); border: solid 3px black; width: 0; height: 0; left: 0; top: 0; font-size: 10px; line-height: 10px; z-index: 500; } UL.topNavDropDownMenu { height: auto; margin: 0; padding: 0; border: 1px solid #CCC; border-bottom: 0; background-color: #EEE;; opacity: .97; filter: alpha( opacity=95 ) } UL.topNavDropDownMenu LI { padding: 0; margin: 0; line-height: 15px; vertical-align: middle; border-bottom: 1px solid #CCC; } UL.topNavDropDownMenu LI DIV.topNavSubMenuItem { margin: 0; padding: 0; } UL.topNavDropDownMenu LI DIV.topNavSubMenuItem A, UL.topNavDropDownMenu LI DIV.topNavSubMenuItem A:active, UL.topNavDropDownMenu LI DIV.topNavSubMenuItem A:link, UL.topNavDropDownMenu LI DIV.topNavSubMenuItem A:visited { display: block; padding: 4px 50px 3px 10px; margin: 0; background-color: #EEE; } UL.topNavDropDownMenu LI DIV.topNavSubMenuItem A:hover { color: black; text-decoration: none; background-color: white; } .navBarHeight { height: 111px; } .searchButtonLeft, .searchButton, .searchButtonRight { width: 6px; height: 26px; float: left; } .searchButton { width: 61px; text-align: center; } .searchButton A { line-height: 24px; vertical-align: middle; font-size: 13px; font-weight: bold; } .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 { font-size: 13px; color: white; text-decoration: none; } .searchButton A:hover, .searchButton A:active { font-size: 13px; color: white; text-decoration: none; } .whiteButton A:link, .whiteButton A:visited { color:#000; text-decoration:none; font-weight: bold; } .whiteButton A:hover, .whiteButton A:active { color:#000; text-decoration:none; font-weight: bold; } .orangeButton A, .orangeButton A:link, .orangeButton A:visited, .orangeButton A:active, .orangeButton A:hover{ color: black; text-decoration: none; font-weight: bold; } .buttonBlock{ display:block; height: 23px; position: relative; top: 4px; } .whiteLink:link, .whiteLink:visited, .boldWhiteLink:visited { font-size: 11px; color: #FFF; font-weight: bold; text-decoration: none; } .whiteLink:hover, .whiteLink:active, .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;} .grayLink:link, .grayLink:visited {font-size:11px; color:#333; text-decoration:none; font-weight: normal;} .grayLink:hover, .grayLink:active {font-size:11px; color:#333; text-decoration:underline; font-weight: normal;} .grayBoldLink:link, .grayBoldLink:visited {font-size:11px; color:#333; text-decoration:none; font-weight: bold;} .grayBoldLink:hover, .grayBoldLink:active {font-size:11px; color:#333; text-decoration:underline; font-weight: bold;} .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;} .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;} #popUpBlockHolder DIV.popUpBlockMessage { height: 70px; border: 1px solid #666; border-top: 0; padding: 10px; background-color: white; } #popUpBlockHolder DIV.popUpBlockMessage P { padding: 0; margin: 0; } DIV.defaultModuleBodyTreatment { padding: 10px; border: 1px solid #E1E1E1; background-color: white; overflow: hidden; margin-bottom: 10px; } DIV.defaultModuleBodyTreatment P { margin: 0; } DIV.defaultModuleBodyTreatment P.defaultModuleBodyTreatmentMore, DIV.narrowVerticalList P.narrowVerticalListMore { text-align: right; clear: both; padding-right: 10px; margin: 0; } DIV.albumStyleHorizontalHolder { overflow: hidden; } DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder { clear: left; margin: 0 auto; padding-bottom: 10px; overflow: hidden; } DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemHolder, DIV.artistStyleHorizontalHolder DIV.artistStyleHorizontalItemHolder { float: left; text-align: center; overflow: hidden; width: 108px; padding: 0 2px 10px 2px; } #layout4_CSS DIV.centerContentHolder DIV.leftCol DIV.albumStyleHorizontalHolder { width: 370px; } #layout4_CSS DIV.centerContentHolder DIV.leftCol DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemsRow { clear: left; } #layout4_CSS DIV.centerContentHolder DIV.leftCol DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemsRow DIV.albumStyleHorizontalItemHolder { width: 112px; } #layout4_CSS DIV.centerContentHolder DIV.rightCol DIV.artistStyleHorizontalHolder DIV.defaultModuleBodyTreatment { width: 324px; } #layout4_CSS DIV.centerContentHolder DIV.rightCol DIV.artistStyleHorizontalHolder DIV.artistStyleHorizontalItemHolder { text-align: left; width: 162px; padding: 0; padding-bottom: 20px; } #layoutCSS-588-300 DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemHolder { width: 109px; } DIV.albumStyleHorizontalHolder DIV.albumStyleHorizontalItemsHolder DIV.albumStyleHorizontalItemHolderFirstColumn, DIV.artistStyleHorizontalHolder DIV.artistStyleHorizontalItemHolderFirstColumn{ clear: left; } DIV.artistStyleHorizontalHolder DIV.artistStyleHorizontalItemHolder IMG.artist { padding-bottom: 10px; } #layout4_CSS DIV.artistStyleHorizontalHolder DIV.artistStyleHorizontalItemHolder DIV.artistStyleHorizontalItemArtistCopyHolder { padding-left: 7px; } /* Step Table for mygenres page */ TABLE .step { border-top: 1px solid #999; } .stepHeader { padding:2px 5px; color: #fff; background-color: #999; } #topNavBottomRow A, #topNavBottomRow UL LI DIV.navBarMenuLinkon A, #topNavBottomRow UL LI DIV.navBarMenuLinkoff A, UL.topNavDropDownMenu LI DIV.topNavSubMenuItem A, UL.topNavDropDownMenu LI DIV.topNavSubMenuItem A:hover, UL.topNavDropDownMenu LI DIV.topNavSubMenuItem A:active, UL.topNavDropDownMenu LI DIV.topNavSubMenuItem A:visited { font-size: 12px; } A.topNavLinksArrow, #topNavBottomRow UL LI DIV.navBarMenuLinkon A:hover, #topNavBottomRow UL LI DIV.navBarMenuLinkon A:active, #topNavBottomRow UL LI DIV.navBarMenuLinkon A:link, #topNavBottomRow UL LI DIV.navBarMenuLinkon A:visited, #topNavBottomRow UL LI DIV.navBarMenuLinkoff A:hover, #topNavBottomRow UL LI DIV.navBarMenuLinkoff A:active, #topNavBottomRow UL LI DIV.navBarMenuLinkoff A:link, #topNavBottomRow UL LI DIV.navBarMenuLinkoff A:visited { text-decoration: none; } #topNavBottomRow UL LI DIV.navBarMenuLinkon A:hover, #topNavBottomRow UL LI DIV.navBarMenuLinkon A:active, #topNavBottomRow UL LI DIV.navBarMenuLinkon A:link, #topNavBottomRow UL LI DIV.navBarMenuLinkon A:visited { color: black } #topNavBottomRow A:hover, #topNavBottomRow UL LI DIV.navBarMenuLinkoff A:hover { text-decoration: underline; } A.topNavLinksArrow, A.topNavLinksArrow:active, A.topNavLinksArrow:hover { text-decoration: none; } .whiteFooterBorder{ padding: 2px 5px; border-right: 1px solid white; } .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; } .whtBtnCenter A, .whtBtnCenterA{ color: #000; font-size: 11px; font-weight: bold; font-family: "Trebuchet MS",Arial, sans-serif; } .whtBtnCenterA:hover, .whtBtnCenterA:active, .whtBtnCenterA:visited, .whtBtnCenter A:hover, .whtBtnCenter A:active, .whtBtnCenter A:visited { 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;} /* Fast Search Results Pages */ DIV.greyBlueGradientModuleTop TABLE TD, DIV.greyBlueGradientModuleBottom TABLE TD { height: 29px; line-height: 29px; vertical-align: middle; } .searchResultsItemsLabel, .searchResultsItemsLabel TD { background-color: #666; line-height: 20px; height: 20px; padding: 0 5px; color: white; } DIV.searchResultsItemsLabel SPAN.searchResultsItemsLabelAlbum { padding-right: 318px; } DIV.searchResultsItemHolder, DIV.lyricSearchResultsHolder, TR.searchResultsItemHolder TD{ margin: 0; border: 1px solid #e1e1e1; border-top-color: #e3e3e3; border-bottom-color: #efefef; overflow: hidden; } .searchResultsItemHolder { background-color: white; } DIV.greyBlueGradientModuleTop P.searchResultsItemHeaderRight { width: 195px; text-align: right; margin: 0; padding: 0 5px 0 0; font-size: 11px; } TR.searchResultsItemHolder TD{ border-top: 0; border-right: 0; height: 30px; } TR.searchResultsItemFirstHolder TD{ border-top: 1px solid #e3e3e3; } TR.searchResultsItemHolder TD.searchResultItemLastColumn{ border-right: 1px solid #e1e1e1; } TR.searchResultsItemHolder TD TABLE TR TD { border: 0; } DIV.searchResultsItemHolder{ overflow: hidden; clear: both; height: 102px; } DIV.searchResultsItemHolder IMG.searchResultsItemArtistImage, DIV.searchResultsItemHolder IMG.searchResultsItemAlbumImage, DIV.searchResultsItemHolder IMG.album, DIV.searchResultsItemHolder IMG.artist, DIV.searchResultsItemHolder IMG.weblink, DIV.searchResultsItemHolder IMG.searchResultsItemEditorialPlaylistImage { border: 1px solid #a9bbe7; width: 150px; height: 100px; float: left; display: block; padding: 0; } DIV.searchResultsItemHolder IMG.searchResultsItemAlbumImage, DIV.searchResultsItemHolder IMG.album { width: 70px; height: 70px; margin: 0; margin-top: 19px; } DIV.searchResultsItemHolder IMG.searchResultsItemEditorialPlaylistImage { width: 129px; height: 86px; margin: 0; padding-top: 13px; border: 0; } DIV.searchResultsItemHolder DIV.searchResultsItemMetaData { padding: 5px 10px; float: left; width: 394px; } DIV.searchResultsItemHolder DIV.searchResultsItemMetaData H2, DIV.searchResultsItemHolder DIV.searchResultsItemMetaData H2 A, DIV.searchResultsItemHolder DIV.searchResultsItemMetaData H2 A:link, DIV.searchResultsItemHolder DIV.searchResultsItemMetaData H2 A:visited, DIV.searchResultsItemHolder DIV.searchResultsItemMetaData H2 A:hover, DIV.searchResultsItemHolder DIV.searchResultsItemMetaData H2 A:active, DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder H3, DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder H3 A, DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder H3 A:link, DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder H3 A:visited, DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder H3 A:hover, DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder H3 A:active, DIV.searchResultsFeaturedItemHolder DIV.searchResultsItemMetaData H3, DIV.searchResultsFeaturedItemHolder DIV.searchResultsItemMetaData H3 A, DIV.searchResultsFeaturedItemHolder DIV.searchResultsItemMetaData H3 A:link, DIV.searchResultsFeaturedItemHolder DIV.searchResultsItemMetaData H3 A:visited, DIV.searchResultsFeaturedItemHolder DIV.searchResultsItemMetaData H3 A:hover, DIV.searchResultsFeaturedItemHolder DIV.searchResultsItemMetaData H3 A:active { font-size: 1.11em; padding: 0; margin: 0; } DIV.searchResultsItemHolder DIV.searchResultsItemMetaData UL, DIV.searchResultsFeaturedItemHolder DIV.searchResultsItemMetaData P { margin-top: 5px; margin-bottom: 0; } DIV.searchResultsItemHolder DIV.searchResultsItemMetaData UL LI { padding: 0; margin: 0; padding-left: 5px; } DIV.searchResultsItemHolder DIV.searchResultsItemMetaData UL LI H3 { padding: 0; margin: 0; display: inline; color: black; } DIV.searchResultsItemHolder DIV.searchResultsKeywordAlbumItemsHolder { padding: 0; } DIV.searchResultsArtistItemHolder DIV.searchResultsItemMetaData UL LI { padding-left: 10px; } DIV.searchResultsItemHolder DIV.searchResultsItemMetaData UL LI, DIV.searchResultsItemHolder DIV.searchResultsItemMetaData .searchResultsItemMetaDataSecondary { color: #7a7a7a; font-weight: normal; } DIV.searchResultsItemHolder DIV.searchResultsItemMetaData UL LI A, DIV.searchResultsItemHolder DIV.searchResultsItemMetaData UL LI A:active, DIV.searchResultsItemHolder DIV.searchResultsItemMetaData UL LI A:hover, DIV.searchResultsItemHolder DIV.searchResultsItemMetaData UL LI A:link, DIV.searchResultsItemHolder DIV.searchResultsItemMetaData UL LI A:visited { font-weight: normal; color: #48a3d1; } DIV.searchResultsItemHolder DIV.searchResultsItemMetaData .searchResultsItemMetaDataSecondary { font-size: 0.9em; } DIV.searchResultsItemHolder DIV.smBtnVerticalContainer { float: left; padding-top: 25px; padding-right: 10px; } DIV.searchResultsAlbumItemHolder DIV.searchResultsItemMetaData { padding: 0; width: 462px; } DIV.searchResultsItemHolder DIV.searchResultsItemMetaData DIV.searchResultsItemAlbumMetaData { width: 210px; height: 84px; padding: 15px 10px; border-right: 1px solid #d6d6d6; float: left; } DIV.searchResultsArtistItemHolder, DIV.searchResultsFeaturedItemHolder { padding: 5px 10px;} DIV.searchResultsFeaturedItemHolder { margin-bottom: 20px; } DIV.searchResultsAlbumItemHolder, DIV.searchResultsPlaylistItemHolder { height: 112px; padding: 0 10px; } DIV.searchResultsKeywordItemsHolder, TABLE.searchResultsItemHolder { height: auto; margin-bottom: 20px; width: 586px; } DIV.searchResultsPlaylistItemHolder DIV.searchResultsItemMetaData { padding: 19px 10px; width: 428px; } DIV.searchResultsPlaylistItemHolder DIV.searchResultsItemMetaDataAlternate { padding: 19px 10px; width: 385px; } DIV.searchResultsKeywordItemsHolder DIV.searchResultsItemMetaData { padding: 0; float: none; width: auto; } DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder { float: left; width: 152px; padding: 15px 21px; } DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder DIV.buttonHolder { padding-top: 22px; padding-right: 3px; } DIV.searchResultsKeywordPlaylistItemsHolder DIV.searchResultsKeywordItemHolder DIV.buttonHolder { padding-left: 7px; padding-top: 36px; } DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder DIV.buttonHolderEmpty { padding-left: 12px; } DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder IMG.searchResultsItemArtistImage, DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder IMG.artist{ float: none; margin-bottom: 5px; } DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder IMG.searchResultsItemAlbumImage, DIV.searchResultsKeywordItemsHolder DIV.searchResultsKeywordItemHolder IMG.album { margin: 0; margin-bottom: 5px; padding: 0; } DIV.searchResultsKeywordAlbumItemsHolder DIV.searchResultsKeywordItemHolder DIV.displayHolder { height: 72px; } DIV.searchResultsLyricsTeaseItemHolder { padding: 15px; height: auto; } DIV.searchResultsItemHolder DIV.searchResultsKeywordItemHolder A.searchResultsKeywordVideosPlayButton { display: block; float: left; width: 25px; overflow: hidden; } DIV.searchResultsKeywordVideoItemsHolder DIV.searchResultsKeywordItemHolder DIV.searchResultsItemMetaData { float: left; width: 125px; } DIV.searchResultsKeywordPlaylistItemsHolder DIV.searchResultsKeywordItemHolder DIV.displayHolder { height: 86px; } DIV.searchResultsPlaylistItemHolder DIV.plistimgarraybox { float: left; width: 84px; margin-top: 13px; } DIV.searchResultsSuggestionsAndErrors { margin-bottom: 20px; height: auto; padding: 20px 10px; } DIV.searchResultsSuggestionsAndErrors UL { font-size: 1.3em; font-weight: bold; margin-bottom: 5px; } DIV.searchResultsSuggestionsAndErrors UL LI { display: inline; } DIV.searchResultsSuggestionsAndErrors UL LI A, DIV.searchResultsSuggestionsAndErrors UL LI A:active, DIV.searchResultsSuggestionsAndErrors UL LI A:hover, DIV.searchResultsSuggestionsAndErrors UL LI A:link, DIV.searchResultsSuggestionsAndErrors UL LI A:visited { font-size: inherit; } DIV.searchResultsSuggestionsAndErrors P { padding: 0; margin: 0; font-size: 1.15em; font-weight: normal; margin-top: 10px; } DIV.searchResultsSuggestionsAndErrors P A, DIV.searchResultsSuggestionsAndErrors P A:active, DIV.searchResultsSuggestionsAndErrors P A:hover, DIV.searchResultsSuggestionsAndErrors P A:link, DIV.searchResultsSuggestionsAndErrors P A:visited { font-size: 1.15em; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter, #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.greyBlueGradientModuleBottom .greyBlueGradientModuleBottomCenter{ width: 568px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.greyBlueGradientModuleTop H2.searchResultsItemHeaderLeft { width: 368px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.greyBlueGradientModuleTop P.searchResultsItemHeaderRight { width: 195px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.rhapsodyStreamHomeNewUserA1 { background-position: 0 -30px; background-repeat: no-repeat; height: 401px; overflow: hidden; margin-bottom: 10px; padding: 10px 20px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.rhapsodyStreamHomeNewUserA1 H2 { text-shadow: 2px 2px 2px #14546B; color: white; font-size: 1.8em; margin: 0; padding-bottom: 5px; font-size: 2.5em; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.rhapsodyStreamHomeNewUserA1 P { color: white; font-size: 1.3em; margin: 0; text-shadow: 2px 2px 2px #14546B; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.rhapsodyStreamHomeNewUserA1 P A { font-size: 1em !important; font-weight: normal !important; color: white !important; text-decoration: underline !important; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.rhapsodyStreamHomeNewUserA1 #navbarSearchForm { text-align: center; padding-top: 30px; margin: 0 auto; width: 400px; overflow: hidden; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.rhapsodyStreamHomeNewUserA1 #navbarSearchForm INPUT, #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.rhapsodyStreamHomeNewUserA1 #navbarSearchForm DIV.headerSearchButton { float: left; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.rhapsodyStreamHomeNewUserA1 #navbarSearchForm INPUT#nuhpSearchQuery { width: 347px; font-size: 2em; height: 1.5em; border: 1px solid #05354E; border-right: 0; padding: 4px 0 0 8px; } #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.rhapsodyStreamHomeNewUserA1 #navbarSearchForm DIV.headerSearchButton { width: 43px; border: 1px solid #05354E; border-left: 0; } .xmlImage { border: 0; padding: 0 2px 2px 2px; } .opmlImage { border: 0; padding: 0 3px 3px 0; } A.feedLink:link, A.feedLink:active, A.feedLink:visited, A.feedLink:hover { line-height: 24px; } A.mp3AvailableLabel { text-align: right; line-height: 20px; height: 19px; display: block; vertical-align: middle; } /* Music Videos */ .mainRow{padding:0 10px;} .videoHomepageSlideshow { width:563px; padding-left:10px; } .videoHomepageBillboardAd { width:304px; padding:12px 0;} #dartColumn { text-align: left; width: 160px; height: 600px; margin-top: 32px; margin-left: auto; margin-right: auto; padding-left: 0; background-color: #fff; } 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: 10px; float: right;} #photoGalleryMainHolder { overflow: hidden; } #photoGalleryMainHolder DIV.loadingSpin { height: 400px; padding-top: 50px; } #photoGalleryMainHolder IMG#photoGalleryMainImage { display: block; margin: 0 auto; } #photoGalleryMainHolder P.photoGalleryCaption { margin-bottom: 0; margin-top: 5px; } #photoGalleryMainHolder .photoAttributionLayer, #photoGalleryMainHolder .photoAttributionLayer .photoAttribution {font-size: 11px; font-weight: normal; color: #000; line-height: 13px; height: 13px; float: none;} #photoGalleryMainHolder .photoAttributionLayer { margin-bottom: 10px; margin-top: 5px; } #playerControls{width:338px;} #nowPlayingTabs{width:453px;} #relatedVideosTabs{width:453px; display:none; visibility:hidden;} #playListVideosTabs{width:453px; display:none; visibility:hidden;} #vtabNowPlaying{width:433px;} #vtabRelated{width:433px; display:none; visibility:hidden;} #vtabPlaylist{width:433px; display:none; visibility:hidden;} .nowPlayingVidTitle{font-size:18px;} .nowPlayingActiveTrackBG{background-color:#B2DFF4;} .videoTrackList{background-color:#999; height:28px;} #hasPlayerFalse{display:none; visibility:hidden;} #fedoraNote{display:none; visibility:hidden;} .statusBar{text-align:left; margin-left:4px; position:relative; background-color:#ccc; width:100px; height:3px; border:1px solid #999;} .posBar{position:absolute; left:0; background-color:#09e; width:0; height:3px; font-size:3px; line-height:3px;} h3.moduleTitle{font-size:14px; line-height: normal;} .rhaplinkResult{padding: 10px;} /* Music Video Archives */ #archiveResult TD.icon{text-align: left; white-space: nowrap; margin: 0; padding: 0 5px 0 0;} #archiveResult .genre{color:#000000;} #archiveResult TD.video{padding-top: 6px;} #archiveResult TD.screenshot{padding-right: 5px;} #videoPagination a:link, #videoPagination a:hover, #videoPagination a:visited, #videoPagination a:active{color: white; font-weight: bold;} #videoPagination {font-weight: bold;} /* Pagination */ .defaultPagination #next {float: right;} .defaultPagination #resultNum {float: left;} /* Rhaplink Tool */ #rhapBox A.large, #rhapBoxMini A.large{font-weight:bold; color:#005E8D; font-family:Arial,sans-serif; font-size:16px;} #rhapBox A.large:hover, #rhapBoxMini A.large:hover{text-decoration: none; font-weight:bold; color:#005E8D; font-family:Arial,sans-serif; font-size:16px;} #rhapBox A.medium, #rhapBoxMini A.medium{font-weight:bold; color:#005E8D; font-family:Arial,sans-serif; font-size:14px;} #rhapBox A.medium:hover, #rhapBoxMini A.medium:hover{text-decoration: none; font-weight:bold; color:#005E8D; font-family:Arial,sans-serif; font-size:14px;} /* Tabbed Display Widget */ DIV.loadingSpin { margin: auto; width: 100%; text-align: center; margin-top: 25px; margin-bottom: 25px; } #homepageReturningUserAlbumsRecommendationsBody DIV.loadingSpin { height: 403px; margin-bottom: 0; } DIV.tabbedOptionsTabs{ height: 25px; display: block; clear: both; padding: 0; margin: 0; overflow: hidden; } DIV.tabbedOptionsMain{ border-top: 0; padding: 10px; background-color: white; overflow: hidden; clear: both; } DIV.tabbedOptionsTabs DIV.tabbedOptionsTab{ width: auto; height: 25px; float: left; text-align: center; } DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabText, DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabText { width: auto; height: 24px; float: left; text-align: center; border-top: 1px solid #999; background-color: white; } DIV.defaultTabs DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabText { border-top:0; height: 25px; background-color: #fff; } DIV.defaultTabset { height: 1%; } .defaultTabset DIV.moduleBtmEmpty { border: 1px solid #e1e1e1; } .defaultTabs DIV.moduleBtm { border: 1px solid #e1e1e1; border-top: 0; border-bottom: 0; padding-bottom: 7px; } DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabText { padding-bottom: 1px; border: 0; height: 25px; background-color: transparent; } DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabText P, DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabText P { vertical-align: bottom; line-height: 15px; font-size: 12px; padding: 0 10px; margin: 0 auto; margin-top: 4px; } DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabText P { line-height: 15px; } DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabCornerLeft, DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabCornerRight, DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabCornerLeft, DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabCornerRight { width: 5px; height: 25px; float: left; font-size: .1em; } DIV.tabbedOptionsTabs DIV.tabbedOptionsTab A, DIV.tabbedOptionsTabs DIV.tabbedOptionsTab A:active, DIV.tabbedOptionsTabs DIV.tabbedOptionsTab A:hover, DIV.tabbedOptionsTabs DIV.tabbedOptionsTab A:link, DIV.tabbedOptionsTabs DIV.tabbedOptionsTab A:visited { color: black; text-decoration: none; } DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff A, DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff A:active, DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff A:hover, DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff A:link, DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff A:visited { color: #09679A; text-decoration: none; } DIV.narrowTabDisplay DIV.tabbedOptionsMain { padding: 10px 0; } DIV.narrowTabDisplay DIV.tabbedOptionsMain DIV.tabbedOptionsMainSub { visibility: hidden; } DIV.narrowTabDisplay DIV.tabbedOptionsTabs DIV.tabbedOptionsTab { width: 57px; } DIV.narrowTabDisplay DIV.tabbedOptionsTabs DIV.tabbedOptionsTabText { width: 47px; } DIV.narrowTabDisplay DIV.tabbedOptionsTabs DIV.narrowTabDisplayLastTab { width: 58px; } DIV.narrowTabDisplay DIV.tabbedOptionsTabs DIV.narrowTabDisplayLastTab DIV.tabbedOptionsTabText { width: 48px; } DIV.narrowTabDisplay DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabText P, DIV.narrowTabDisplay DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabText P { padding: 0; } DIV.narrowTabDisplay DIV.loadingSpin { height: 450px; margin-bottom: 0; } DIV.narrowTabDisplay DIV.tabbedOptionsMainSub DIV.narrowVerticalList DIV.firstItemImageHolder IMG.image150by100 { margin: 0 auto; } DIV.yourMusicHomepageModule, DIV.tabbedEditorialModule { overflow: hidden; background-color: white; } DIV.tabbedEditorialModule DIV.tabbedOptionsTabs { background-color: #BDD4D8; } DIV.yourMusicHomepageModule DIV.loadingSpin, DIV.tabbedEditorialModule DIV.loadingSpin { height: 350px; margin-bottom: 0; } DIV.yourMusicHomepageModule DIV.noContentAvailable { height: 200px; margin-bottom: 0; } DIV.yourMusicListeningHistoryModuleTop { margin: 10px 0; overflow: hidden; width: auto; overflow: hidden; } DIV.yourMusicListeningHistoryModuleTop DIV, DIV.yourMusicListeningHistoryModuleTop A.trackLink, DIV.yourMusicListeningHistoryModuleTop IMG.track { float: left } DIV.pipedTabbedDisplayModule DIV.tabbedOptionsTabs, DIV.defaultTabs DIV.pipedTabbedDisplayModule DIV.tabbedOptionsTabs { background-color: white; } DIV.pipedTabbedDisplayModule DIV.tabbedOptionsMain { padding: 0; height: auto; } /* tabs a la tracks on revised artist page */ DIV.tabbedTracksModule, DIV.tabbedTracksModule DIV.tabbedOptionsMain { background-color: transparent; } DIV.tabbedTracksModule DIV.tabbedOptionsTabs{ background-image: none; overflow: hidden; padding: 10px; background-repeat: no-repeat; height: 22px; } DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTab { margin-right: 3px; height: 22px; } DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabCornerLeft, DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabCornerRight, DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabCornerLeft, DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabCornerRight { width: 6px; height: 22px; } DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabText, DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabText { height: 22px; border: 0; background-color: transparent; } DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabText { border-top: 1px solid white; height: 19px; background-color: #ebebeb; background-image: none; overflow: hidden; } DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabText P, DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabText P { margin: 0; line-height: 22px; vertical-align: middle; } DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTabOff DIV.tabbedOptionsTabText P { line-height: 20px; } DIV.tabbedTracksModule DIV.tabbedOptionsTabs DIV.tabbedOptionsTabText P SPAN.mustHearTab { width: 14px; height: 10px; padding-left: 20px; } DIV.tabbedPlayModuleNewUserHomePage DIV.tabbedOptionsTabs { background-image: none; background-color: transparent; } #playnow DIV.tabbedOptionsTabs { background: #EDEDED; } #playnow DIV.tabbedOptionsTabs DIV.tabbedOptionsTabText { width: 86px;} #playnow DIV.tabbedOptionsTabs DIV.tabbedOptionsTabText P { padding: 0;} #playnow DIV.tabbedOptionsMain { background-color: white; height: 122px; overflow: hidden; } DIV.ajaxError{ padding: 10px; padding-top: 5px; } DIV.playlistDialogBox { border: 1px solid black; background: white; padding-top: 6px; } DIV.playlistDialogBox DIV.playlistSignInPrompt { color: #666; padding: 10px; padding-bottom: 20px; } DIV.playlistDialogBox .playlistMenuItem { padding: 2px 5px 2px 10px; font-weight: bold; color: black; line-height: 15px; } DIV.playlistDialogBox A.playlistMenuItem { display: block; } DIV.playlistDialogBox DIV.playListsDialogBoxListOfPlaylists { overflow: auto; height: 200px; overflow-x: hidden; } DIV.playlistDialogBox DIV.playListsDialogBoxListOfPlaylists .playlistMenuItem { padding-left: 20px; background-color: transparent; font-weight: normal; } DIV.playlistDialogBox A.playlistMenuItem, DIV.playlistDialogBox A.playlistMenuItem:active, DIV.playlistDialogBox A.playlistMenuItem:hover, DIV.playlistDialogBox A.playlistMenuItem:link, DIV.playlistDialogBox A.playlistMenuItem:visited, DIV.playlistDialogBox DIV.playListsDialogBoxListOfPlaylists A.playlistMenuItem, DIV.playlistDialogBox DIV.playListsDialogBoxListOfPlaylists A.playlistMenuItem:active, DIV.playlistDialogBox DIV.playListsDialogBoxListOfPlaylists A.playlistMenuItem:hover, DIV.playlistDialogBox DIV.playListsDialogBoxListOfPlaylists A.playlistMenuItem:link, DIV.playlistDialogBox DIV.playListsDialogBoxListOfPlaylists A.playlistMenuItem:visited { color: black; font-weight: normal; text-decoration: none; } DIV.playlistDialogBox A.playlistMenuItem, DIV.playlistDialogBox A.playlistMenuItem:active, DIV.playlistDialogBox A.playlistMenuItem:hover, DIV.playlistDialogBox A.playlistMenuItem:link, DIV.playlistDialogBox A.playlistMenuItem:visited { font-weight: bold; } DIV.playlistDialogBox DIV.addToNewPlaylistContentHolder { height: 90px; border: 1px solid black; border-top: 0; padding: 10px; background-color: white; } DIV.playlistDialogBox DIV.addToNewPlaylistContentHolder H3 { font-size: 11px; margin: 0; padding: 0; padding-bottom: 5px; } DIV.playlistDialogBox DIV.loadingSpin { margin: 15px auto; } DIV.playlistDialogBox DIV.playlistSignInPrompt P { padding: 2px 0; margin: 0; line-height: 12px; } DIV.playlistDialogBox DIV.playlistSignInPrompt H4 { font-size: 11px; padding: 0; padding-bottom: 3px; margin: 0; color: black; } DIV.playlistDialogBox DIV.errorMessage, DIV.errorMessageDialog, DIV.confirmDelete { overflow: hidden; width: 258px; background-color: white; border: 1px solid black; padding: 10px; } DIV.playlistDialogBox DIV.errorMessage TD { color: red; font-weight: bold; } IMG.share{ border: 0; padding-right: 10px; padding-left: 5px; padding-top: 4px; } IMG.shareTrack{ border: 0; margin: 0; padding-top: 3px; padding-bottom: 2px; } DIV.albumInfoHolder IMG.share { padding-right: 0; } TD.result{ padding-left: 5px; height: 27px; line-height: 17px; } DIV.text{ padding: 10px 0; } /* ICONS FOR TABLES */ DIV.play{ float:left; width: 20px; } DIV.addToList{ float:left; padding-left: 20px; width: 20px; } .cursor{cursor:pointer;cursor:hand;} .libraryHeader{ height: 32px; width: 898px; padding: 5px 0 5px 10px; vertical-align: baseline; margin: 5px 0 0 0; font-size: 16px; font-weight: bold; line-height: 18px; } A.largeBlueLink:link, A.largeBlueLink:active, A.largeBlueLink:visited, A.largeBlueLink:hover{font-size: 16px; line-height: 18px; color: #086699;} A.blueLink:link, A.blueLink:active, A.blueLink:visited, A.blueLink:hover, .blueLink A, .blueLink A:link, .blueLink A:active, .blueLink A:visited, .blueLink A:hover, #layoutCSS-588-300 DIV.centerContentHolder DIV.mainCol DIV.albumStyleHorizontalHolder DIV.defaultModuleBodyTreatment A { color: #086699 !important; } #libraryContext a:link, #libraryContext a:active, #libraryContext a:visited, #libraryContext a:hover{color: #086699;} DIV.layout1_CSS .blueLink A, DIV.layout1_CSS .blueLink A:link, DIV.layout1_CSS .blueLink A:active, DIV.layout1_CSS .blueLink A:visited, DIV.layout1_CSS .blueLink A:hover, #layout3_CSS .blueLink A, #layout3_CSS .blueLink A:link, #layout3_CSS .blueLink A:active, #layout3_CSS .blueLink A:visited, #layout3_CSS .blueLink A:hover, #layout4_CSS .blueLink A, #layout4_CSS .blueLink A:link, #layout4_CSS .blueLink A:active, #layout4_CSS .blueLink A:visited, #layout4_CSS .blueLink A:hover { color: #0094DE; } #libraryDiv .blue086699 a:link, #libraryDiv .blue086699 a:active, #libraryDiv .blue086699 a:visited, #libraryDiv .blue086699 a:hover{color: #086699;} .spotlightlinks TD{background-color: #e5e5e5; padding: 5px;} .spotlightlinks A:link, .spotlightlinks A:active, .spotlightlinks A:hover, .spotlightlinks A:visited {color: #086699;} .ratingLabel {font-size: 9px; font-weight: normal; color: #000; line-height: 10px; height: 9px;} DIV.galleryThumbnailHolder{ text-align:center; vertical-align:middle; border: 0; display: block; height: 80px; margin: 0; padding: 0; width: 80px; overflow: hidden; } .callOutBox{margin: 0; padding: 10px;} .image80by80 {margin: 0; padding: 0; width: 88px; height: 88px; position: relative; overflow: hidden;} .squareThumbnail{margin: 4px; padding: 0; width: 80px; height: 80px;position: relative; overflow: hidden;} .image80by80NoImage { margin: 0; padding: 0; width: 84px; height: 90px; position: relative; overflow: hidden; } /* playlist edit page */ #edithelper{width:425px; background-color:#fff;} #edithelper .bottomarea{ border-bottom:1px solid #333; border-right:1px solid #333; border-left:1px solid #333; } .yellowhl{ background-color:#ffc;} .playlistTitle{font-family:"Trebuchet MS", Arial, sans-serif; font-size:21px; border:0; width:485px; background-color:transparent;} .playlistTitleEdit{font-family:"Trebuchet MS", Arial, sans-serif; font-size:21px; line-height:25px; height:25px; border:0; width:485px; background-color:#ffc;} .playlistItemDiv {position:relative; width:705px; height:30px; background-color:#fff} .playDiv {text-align:center; height:25px; position:absolute; left:5px; width:40px; padding:5px 0 0 0;} .trackDiv {height:22px; position:absolute;left:55px; width:260px; border-left:1px solid #ccc; padding:8px 0 0 10px;} .artistDiv {height:22px; position:absolute; left:330px; width:270px; border-left:1px solid #ccc; padding:8px 0 0 10px;} .shareDiv {height:27px; position:absolute; left:600px; width:70px; border-left:1px solid #ccc; padding:3px 0 0 10px;} .removeDiv {height:24px; position:absolute; left:670px; width:30px; border-left:1px solid #ccc; padding:6px 0 0 12px;} .playlistHeader{ color:#fff; width:500px; height:30px; background-color:#999} .playlistNamesDiv { background-color:#e0e0e0; height:20px; width:133px; border-style: solid; border-right-width:1px; border-left-width:1px; border-top-width: 0; border-bottom-width:0; border-color:#999; padding:4px; vertical-align: middle } .playlistManagerTopChrome { font-size:12px; color:#fff; } .playlistedit {position:relative; width:705px; height:25px; background-color:#999; color:#fff;} .playlistedit .playDiv {vertical-align:middle; text-align:center; position:absolute; left:5px; height:25px; width:40px; padding:5px 0 0 0;} .playlistedit .trackDiv {position:absolute;left:55px; height:25px; width:300px; border-left:1px solid #fff; padding:5px 0 0 10px;} .playlistedit .artistDiv {position:absolute; left:330px; height:25px; width:270px; border-left:1px solid #fff; padding:5px 0 0 10px;} .playlistedit .shareDiv {position:absolute; left:600px; height:25px; width:70px; border-left:1px solid #fff; padding:5px 0 0 10px;} .playlistedit .removeDiv {position:absolute; left:670px; height:25px; width:30px; border-left:1px solid #fff;} /* end playlist edit page */ DIV.playlistDetailHolder { border: 1px solid #D6D6D6; background-color: white; padding: 10px; position: relative; } DIV.playlistDetailHolder TABLE.listBorder { margin-top: 10px; } #layoutCSS-174-530-174 DIV.centerContentHolder DIV.playlistDetailHolder { margin: 0 10px; } /*lyrics page*/ .lyricLine{line-height: 22px; font-size: 12px; margin: 0; padding: 0;} textarea.theLyricsBox{width: 365px; font-family:'Trebuchet MS', Arial, sans-serif; border: 0; color: #000; overflow:hidden; background-color: #fff; padding: 0; margin: 0;} #screenLyricsContainer .loaded{visibility: visible; padding: 5px 5px 10px 5px;} #screenLyricsContainer .loading{visibility: hidden; padding: 5px 5px 10px 5px;} .lyricsHighlight { background-color:#ffffaa; } .lyricsHide{display: none;} .lyricsShow{display: block;} SPAN.lyricsHighlight{ background-color: #DCF3FF; } A:hover SPAN.lyricsHighlight{ text-decoration: underline; } iframe.lyricsHide{width: 365px; font-family:'Trebuchet MS', Arial, sans-serif; border: 0; color: #000; overflow:hidden; background-color: #fff; padding: 0; margin: 0; display: none; line-height: 22px; font-size: 12px;} iframe.lyricsShow{width: 365px; font-family:'Trebuchet MS', Arial, sans-serif; border: 0; color: #000; overflow:hidden; background-color: #fff; padding: 0; margin: 0; display: block; line-height: 22px; font-size: 12px;} #theLyrics, #theLyricsSrc{font-family:'Trebuchet MS', Arial, sans-serif; border: 0; color: #000; overflow:hidden; background-color: #fff; padding: 0; margin: 0; display: block; line-height: 22px; font-size: 12px; } /* end lyrics page */ /* share page */ #sharePageTabbedOptionsHolder{ width: 444px; float: left; } #sharePageTabbedOptionsTabs{ width: 444px; height: 21px; display: block; } #sharePageTabbedOptionsMain{ border: 1px solid #999; border-right: 0; border-top: 0; height: 700px; padding: 10px; padding-top: 20px; } #sharePageTabbedOptionsEmail, #sharePageTabbedOptionsRhapinks, #sharePageTabbedOptionsEmbedMedia{ height: 690px; display: none; } #sharePageTabbedOptionsMain DIV DIV{ margin-top: 5px; margin-bottom: 20px; } #sharePageTabbedOptionsMain DIV DIV.indent{ padding-left: 10px; } #sharePageTabbedOptionsMain DIV DIV H3{ font-size: 13px; margin: 0; } #sharePageTabbedOptionsMain DIV DIV TEXTAREA.sharePageCopyPaste{ font-family: "Courier", monospace; font-size: 11px; height: 10em; width: 350px; border: 1px solid #999; color: #999; padding: 10px; margin: 5px 10px 20px 0; line-height: 13px; } #sharePageTabbedOptionsMain DIV DIV TEXTAREA.sharePageCopyPasteShort{ overflow:hidden; font-family: "Courier", monospace; font-size: 11px; height: 2.5em; width: 350px; border: 1px solid #999; color: #999; padding: 5px; margin: 5px 10px 20px 0; line-height: 13px; } #sharePageHighlights{ width: 250px; height: 710px; float: left; margin-top: 20px; border: 1px solid #999; padding-right: 20px; } #sharePageHighlightsEmail, #sharePageHighlightsRhapinks, #sharePageHighlightsEmbedMedia{ display: none; padding-top: 10px; } #sharePageHighlights H4{ font-size: 11px; color: #01B3F4; font-weight: bold; margin: 10px 0 5px 0; padding: 0; } #sharePageHighlights DIV DIV{ margin-top: 5px; margin-bottom: 20px; } #sharePageHighlights DIV DIV P { margin: 0; margin-bottom: 10px; padding: 0; } #sharePageHighlights DIV DIV UL { padding-left: 20px; list-style: disc outside; } #sharePageEmailFrame{ width: 390px; height: 600px; margin-top: 5px; } #sharePageTabBufferLeft{ width: 10px; height: 20px; float: left; } #sharePageTabBufferRight{ width: 232px; height: 20px; float: left; } .sharePageTab P{ margin-top: 5px; line-height: 11px; } .notaBene{ font-size: .95em; color: #999 } /* end share page */ /* upsell */ #upsell .secondaryLink a{ color: #005E8D; } #upsell{height: 658px; margin-bottom: 20px; background-color: #fff;} #upsell IMG{ border: 0px; } #upsell .lightBlue .xb2, #upsell .lightBlue .xb3, #upsell .lightBlue .xb4 { background-color: #dbdfea; border-right: 1px solid #dbdfea; } #upsell .lightBlue .xtop, #upsell #lightBlue .xbottom, #upsell .lightBlue .xb1, #upsell .lightBlue .title { background-color: #dbdfea; } #upsell .lightBlue .title{padding: 4px 10px; color: #434d66; font-weight: bold;} #upsell .lightBlueContent{padding: 15px 10px;} #upsell .lightBlueContent{ border-right: 1px solid #dbdfea; border-bottom: 1px solid #dbdfea; } #upsell .lightBlueBorder{ border-right: 1px solid #dbdfea; border-bottom: 1px solid #dbdfea; border-left: 1px solid #dbdfea; } #upsell TD{vertical-align: top;} #upsell P { padding: 3px 0; margin: 0; line-height: 14px; } /* end upsell */ /* editorial layout 1 */ #editorialLayout1 .leftCol{width: 184px; padding: 0 0 0 10px;} #editorialLayout1 .middleCol{width: 378px; padding: 0 10px;} #editorialLayout1 .rightCol{width: 320px; padding: 0 10px 0 0;} /* end editorial layout 1 */ /* visibility stuff */ .totallyHidden { border-width: 0; visibility: hidden; position: absolute; width: 0; height: 0; } /* Stuff to override/fix videos search module */ .musicVideosSearchForm .xtop, .musicVideosSearchForm .xbottom{ display: none; } .musicVideosSearchForm .boxTop{padding: 7px 7px 0 7px; border: 1px solid #999; border-bottom:none; background-color:#fff;} .musicVideosSearchForm .boxBottom{ padding: 10px 7px; margin-bottom: 10px; border: 1px solid #999; border-top: none; background-color: #fff; } .musicVideosSearchForm h2{margin:0; padding-bottom:5px; font-size:18px; color:#086699; position: relative; border-bottom:1px solid #666;} .homeSpotlightStyle{border:1px solid #d7d7d7; background-color:#fff;} /* left nav menus*/ .boxTagContent, .boxTagContent .xb1, .boxTagContent .xb2, .boxTagContent .xb3, .boxTagContent .xb4 { background-color: #fff; border-color: #d6d6d6; } .boxTagContent .xtop .xb1{ background: #d6d6d6; } .boxTagContent .xbottom .xb1{ margin: 0 3px; background: #d6d6d6; } .boxTagContent .xbottom .xb2, .boxTagContent .xbottom .xb3, .boxTagContent .xbottom .xb4 { background: #e5e5e5; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; } .sideNavPartnerLink{ padding: 8px 0 0 70px; border: 1px solid #d6d6d6; border-top: none; border-bottom: none; height: 20px; } .sideNavMenus{margin-bottom:15px;} .sideNavMenus .xbottom .xb1, .sideNavMenus .xbottom .xb2, .sideNavMenus .xbottom .xb3, .sideNavMenus .xbottom .xb4 { background: #fff; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; } .sideNavMenus .xbottom .xb1 { margin: 0 3px; background: #e6e6e6; } .sideNavMenus .xtop, .sideNavMenus .xbottom { /*display:block; */ font-size: 1px; background-color: #fff; } .sideNavMenus .topBorder{ border-top:1px solid #d6d6d6; line-height: 18px; vertical-align: middle; } .sideNavMenus .bottomBorder{ border-bottom:1px solid #d6d6d6; } /* ed spotlight mod */ .bigSpotlightImage{width:362px; height:auto} .editorialSpotlight .moduleTitle{margin-bottom:4px; font-weight: bold; color: #005E8D; font-family: Arial,sans-serif; font-size: 16px; border:0;} .editorialSpotlight .description{margin-bottom:8px;} .editorialSpotlight IMG.album{width:70px; height:70px;} .groupTitle{font-weight:bold; color:#856208;} .groupTitleBorder{border-top:1px solid #ccc;} /* left hand editorial spotlight ticker */ DIV.leftHandEditorialSpotlight { margin-bottom: 10px; } DIV.leftHandEditorialSpotlight H3 { margin: 0; font-size: 16px; padding-bottom: 5px; } DIV.leftHandEditorialSpotlight H3.greyBlueGradientModuleTopCenter { width: 154px; } DIV.leftHandEditorialSpotlight DIV.leftHandEditorialSpotlightHolder { text-align: center; } /* genre spotlight module */ DIV.genreSpotlightHolder P.genreSpotlightLeftCol { float: left; width: 71%; border-right: 1px solid #999; padding-right: 5px; } DIV.genreSpotlightHolder UL.genreSpotlightRighttCol { float: right; padding-left: 5px; } /* genre sampler module */ DIV.genreSamplerHolder TABLE.genreSamplerHolderListTable { margin: 5px 0; border-bottom: 1px solid #999; width: 100%; } DIV.genreSamplerHolder TABLE.genreSamplerHolderListTable TR.oddRow { background-color: #EBEBEB; } /* Fast search module with search shortcuts */ DIV.searchShortcuts { width: 300px; } DIV.searchShortcuts DIV.searchShortcutsHeader, DIV.searchShortcuts UL.searchShortcutsBody { font-weight: bold; background-color: #ecf1f5; padding: 5px; border: 1px solid #e1e1e1; border-top: 0; } DIV.searchShortcuts DIV.searchShortcutsHeader { font-size: 14px; } DIV.searchShortcuts DIV.searchShortcutsHeader .searchTerm { color: #666; } DIV.searchShortcuts UL.searchShortcutsBody { line-height: 16px; background-color: #fff; padding-left: 20px; } DIV.searchShortcuts UL.searchShortcutsBody LI { padding: 0; margin: 0; } DIV.searchShortcuts UL.searchShortcutsBody LI, DIV.searchShortcuts A, DIV.searchShortcuts A:hover, DIV.searchShortcuts A:visited, DIV.searchShortcuts A:link, DIV.searchShortcuts A:active { font-weight: normal; } DIV.searchShortcuts UL.searchShortcutsBody LI.menuSelected { color: #333; font-weight: bold; } DIV.searchShortcuts .greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter { width: 280px; } DIV.searchShortcuts .greyBlueGradientModuleTop, DIV.searchShortcuts .greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter, DIV.searchShortcuts .greyBlueGradientModuleTop .greyBlueGradientModuleTopCornerRight{ background-color: #ecf1f5; height: 5px; } #cartReminderDiv{display:none; margin:5px; font-weight: bold; font-size: 1.2em; padding: 6px 10px; background-color: #FDCA55; color: #FFF; text-align:center; } .cartButton { float: left; margin-left: 2px; display: block; } A.cartButtonAddsmall{ width: 51px; height: 19px; } A.cartButtonAddmedium { width: 80px; height: 19px; } DIV.albumInfoHolder DIV.albumInfoTopHolder DIV.albumInfoTopTableHolder DIV.albumInfoContentHolder DIV.albumInfoContentHolderTopRight A.cartButtonAddmedium { float: right; margin-bottom: 5px; } /* MP3 store callout */ .MP3storeCallOut{ display: block; margin: 3px; } .MP3storeCallOut SPAN { font-size: 1.3em; float: left; cursor: pointer; padding: 2px 2px 2px 0; } .MP3storeCallOut IMG { float: left; padding: 2px; } DIV.kmtNarrowTextList { margin-bottom: 10px; } .artistPageTracksTableHolder{background-color:#fff; border: 1px solid #999; padding:10px; border-top:none;} .chartsModuleTitleAndDescriptionHolder{background-color:#fff; border: 1px solid #999; padding:10px; border-bottom:none;} .buyalbumsbadge{display:none;} /* artist discography */ #artistdisco DIV.storeSideBySideAlbumDisplay {overflow: hidden;} #artistdisco DIV.storeSideBySideAlbumDisplay {float: left; width: 220px; padding-right: 5px; margin-bottom: 20px; } #artistdisco DIV.storeSideBySideAlbumDisplay P{line-height:14px;} #artistdisco DIV.storeSideBySideAlbumDisplay IMG.album { float: left;} #artistdisco DIV.storeSideBySideAlbumDisplay .oddColumn { clear: both; padding-left: 0; padding-right: 0; } #artistdisco DIV.storeSideBySideAlbumDisplay .albumCopy{float:left; clear:right; margin-left:7px; width:130px;} #artistdisco DIV.storeSideBySideAlbumDisplay .albumType{display:block; color:#252525; font-weight:bold;} #artistdisco DIV.storeSideBySideAlbumDisplay .releaseDate{display:block; color:#666;} #artistdisco .clearBoth{clear:both;} DIV.artistFiledUnderHolder UL LI { display: inline; } /* artist discography vertical display */ .artistPageDiscographyModuleHolder .errorDiv { border:solid 1px #c7c7c7; font-size:20px; font-weight:normal; padding:25px; } .artistPageDiscographyModuleHolder .errorDiv STRONG { font-weight:bold; } .artistPageDiscographyModuleHolder .errorDiv A { font-weight:bold; font-size:20px; } .artistPageDiscographyModuleHolderVertical #artistdisco DIV.storeSideBySideAlbumDisplay {overflow: hidden;} .artistPageDiscographyModuleHolderVertical #artistdisco DIV.storeSideBySideAlbumDisplay {text-align:center; float: left; width: 125px; padding-right: 10px; padding-bottom: 10px; } .artistPageDiscographyModuleHolderVertical #artistdisco DIV.storeSideBySideAlbumDisplay IMG.album { float: none; clear: both; } .artistPageDiscographyModuleHolderVertical #artistdisco DIV.storeSideBySideAlbumDisplay .albumCopy{ float:none; clear:both; margin: 0 auto;} .artistPageDiscographyModuleHolderVertical #artistdisco DIV.storeSideBySideAlbumDisplay .price { padding-right: 0; float: none; } .artistPageDiscographyModuleHolderVertical #artistdisco DIV.storeSideBySideAlbumDisplay .cartButton { float: none; margin: 0 auto; } .artistPageDiscographyModuleHolderVertical #artistdisco DIV.storeSideBySideAlbumDisplay .centeredButton { text-align: center; } .artistPageDiscographyModuleHolderVertical #artistdisco DIV.storeSideBySideAlbumDisplay .oddColumn { clear: both; padding-left: 0; padding-right: 8px; } .artistPageDiscographyModuleHolderVertical #artistdisco DIV.storeSideBySideAlbumDisplay .releaseDate{display:none;} .artistPageDiscographyModuleHolderVertical #artistdisco DIV.storeSideBySideAlbumDisplay .albumType{ display: block; font-weight: normal; color: #252525; } /* end artist discography vertical display */ #theRandomPlaylistFormBody { border: 1px solid #E1E1E1; padding: 10px; } /* Profile page defaults */ #profileStatusModule { margin-bottom: 10px; } #profileStatusModule DIV.defaultModuleBodyTreatment { border-width: 0 1px; margin: 0; } DIV.profileUserInformation DIV.defaultModuleBodyTreatment { padding: 10px 0 0 0; } DIV.profileListeningHistory DIV.defaultModuleBodyTreatment { padding: 10px 0; } DIV.profileListeningHistory DIV.defaultModuleBodyTreatment #listeningHistoryAjaxDivContainer DIV.listenHistoryNotVisible, DIV.profileListeningHistory DIV.defaultModuleBodyTreatment DIV.listeningHistoryAjaxNoHistory { padding: 0 10px; } DIV.profileUserInformation DIV.greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter, DIV.profileListeningHistory DIV.greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter, DIV.profileUserList DIV.greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter { width: 115px; } DIV.profileUserInformation DIV.greyBlueGradientModuleTop P.greyBlueGradientModuleTopCenter, DIV.profilePlaylistDisplayModule DIV.greyBlueGradientModuleTop P.greyBlueGradientModuleTopCenter, DIV.profileListeningHistory DIV.greyBlueGradientModuleTop P.greyBlueGradientModuleTopCenter, DIV.profileUserList DIV.greyBlueGradientModuleTop P.greyBlueGradientModuleTopCenter{ width: 29px; height: 20px; padding-top: 7px; } DIV.profileRatingsModule DIV.greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter { width: 154px; } DIV.profileVitals { margin-bottom: 10px; height: 100%; overflow: hidden; } DIV.profileVitals DIV.greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter { width: 509px; } DIV.profilePlaylistDisplayModule DIV.greyBlueGradientModuleTop .greyBlueGradientModuleTopCenter { width: 471px; } DIV.profileUserInformation DIV.defaultModuleBodyTreatment UL { padding: 10px; } DIV.profileUserInformation DIV.defaultModuleBodyTreatment UL LI { padding-bottom: 1em; } DIV.profileUserInformation DIV.defaultModuleBodyTreatment UL LI.profileUserInformationSectionEnd { border-bottom: 1px solid #999; margin-bottom: 10px; } DIV.profileVitals DIV.profileVitalsTrends P { margin: 0; margin-bottom: 10px; position: relative; } DIV.profileVitals DIV.profileVitalsTrends A.profileTrendsGenreName { height: 1%; display: block; clear: left; width: auto; margin-bottom: 5px; } DIV.profileVitals DIV.profileVitalsTrends DIV.profileTrendsBarContainer { float: left; clear: left; } DIV.profileVitals DIV.profileVitalsTrends { padding: 5px 0 10px; overflow: hidden; } DIV.profileVitals DIV.profileVitalsTrends DIV.profileVitalsTrendContainer { padding: 0 10px; clear: left; } DIV.profileVitals DIV.profileVitalsTrends DIV.profileVitalsTrendContainer DIV.profileVitalsTrendsExpand { float: left; text-align: right; width: 19px; line-height: 19px; } DIV.profileVitals DIV.profileVitalsTrends DIV.profileVitalsTrendContainer DIV.profileVitalsTrendsCloud { padding-bottom: 10px; overflow: hidden; width: 488px; clear: left; } DIV.profileVitals DIV.profileVitalsTrends DIV.profileVitalsTrendContainer DIV.profileVitalsTrendsExpand A IMG { margin-top: 5px; } DIV.profileListeningHistory #historyEditMenuDiv { color: #666; padding: 0 10px; } DIV.profileListeningHistory #listeningHistoryEditForm P, DIV.profileUserList #myFriendsEditDiv P { padding: 10px 0; margin: 0; } DIV.profileListeningHistory DIV.narrowVerticalList DIV.listeningHistoryAjaxNoHistory { padding: 0 10px; } DIV.profileListeningHistory DIV.narrowVerticalList TR.narrowVerticalListLast TD { padding-bottom: 10px; } DIV.profileListeningHistory DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TD.smBtnContainer { padding-left: 0; }DIV.profileListeningHistory DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TD.smBtnContainer IMG.playlist { padding-top: 3px; } DIV.profileListeningHistory DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TD IMG { margin-top: 0;} /* for fixing Bug #230762 */ DIV.profileListeningHistory DIV.narrowVerticalList TABLE.narrowVerticalListMediaHolder TD A.sublink { font-weight:normal; } DIV.profileUserInformation H3.greyBlueGradientModuleTopCenter, DIV.profilePlaylistDisplayModule H3.greyBlueGradientModuleTopCenter, DIV.profileUserList H3.greyBlueGradientModuleTopCenter, DIV.profileRatingsModule H3.greyBlueGradientModuleTopCenter, DIV.profileVitals H3.greyBlueGradientModuleTopCenter, DIV.profileListeningHistory H3.greyBlueGradientModuleTopCenter {padding-top: 5px;} /* for fixing Bug #230770 */ DIV.profileUserInformation .greyBlueGradientModuleTopCenter, DIV.profilePlaylistDisplayModule .greyBlueGradientModuleTopCenter, DIV.profileUserList .greyBlueGradientModuleTopCenter, DIV.profileRatingsModule .greyBlueGradientModuleTopCenter, DIV.profileVitals .greyBlueGradientModuleTopCenter, DIV.profileListeningHistory .greyBlueGradientModuleTopCenter {line-height: 20px;} /* for fixing Bug #230770 */ DIV.profilePlaylistDisplayModule DIV.defaultModuleBodyTreatment #playlistEditMenu P { margin: 0; padding: 10px; background-color: #EBEBEB; } DIV.profilePlaylistDisplayModule DIV.profilePlaylistList { border: 1px solid #E1E1E1; border-width: 1px 0; padding: 0 10px; margin: 10px 0; } DIV.profilePlaylistDisplayModule DIV.profilePlaylistList DIV.profilePlaylistListItem { padding: 10px 0; overflow: hidden; height: 1%; } DIV.profilePlaylistDisplayModule DIV.profilePlaylistList DIV.profilePlaylistListItem DIV.plistimgarraybox { float: left; } DIV.profilePlaylistDisplayModule DIV.profilePlaylistList DIV.profilePlaylistListItem DIV.smBtnVerticalContainer { float: left; padding: 5px 10px 0 20px; } DIV.profilePlaylistDisplayModule DIV.profilePlaylistList DIV.profilePlaylistListItem DIV.profilePlaylistListItemMetaData { float: left; margin: 0; width: 350px; } DIV.profilePlaylistDisplayModule DIV.profilePlaylistList DIV.profilePlaylistListItem DIV.profilePlaylistListItemMetaData H4 { margin: 0; font-size: 1.4em !important; font-weight: bold; } DIV.profilePlaylistDisplayModule DIV.profilePlaylistList DIV.profilePlaylistListItem DIV.profilePlaylistListItemMetaData P { margin: 0; padding: 5px 0 10px; } DIV.profilePlaylistDisplayModule DIV.profilePlaylistList DIV.profilePlaylistListItem DIV.profilePlaylistListItemMetaData P SPAN { color: #666; } DIV.profileUserList DIV.defaultModuleBodyTreatment { border-top: 0; } DIV.profileUserList DIV.defaultModuleBodyTreatment TR.profileUserListFriendHolder TD { padding: 5px 0; } DIV.profileUserList DIV.defaultModuleBodyTreatment TR.profileUserListFriendArtistHolder TD { border-bottom: 1px solid #E1E1E1; padding-bottom: 5px; } DIV.profileUserList DIV.defaultModuleBodyTreatment TR.profileUserListFriendArtistHolder TD H4, DIV.profilePlaylistDisplayModule DIV.profilePlaylistList DIV.profilePlaylistListItem DIV.profilePlaylistListItemMetaData H5 { margin: 0; padding: 5px 0 2px; } DIV.profileUserList DIV.defaultModuleBodyTreatment TR.profileUserListFriendArtistHolder TD UL LI, DIV.profilePlaylistDisplayModule DIV.profilePlaylistList DIV.profilePlaylistListItem DIV.profilePlaylistListItemMetaData UL LI { display: inline; } DIV.profileUserList #myFriendsEditDiv { background-color: white; color: #666; border: 1px solid #E1E1E1; border-width: 1px 1px 0 1px; } DIV.profileUserInformation DIV.defaultModuleBodyTreatment H4.profileDarkBackground, DIV.profileUserList #myFriendsEditDiv H4.profileDarkBackground { font-weight: bold; margin: 0; padding-left: 10px; border-bottom: 1px solid #E1E1E1; line-height: 16px; } DIV.profileUserList #myFriendsEditDiv DIV { padding: 10px; padding-bottom: 0; } DIV.profileUserList #myFriendsEditDiv DIV#friendsSearchResultsDiv { padding: 0; } /* Artist Fan page defaults */ DIV.artistFanList DIV.blueGradientModule DIV.blueGradientModuleContentHolder { padding: 10px 0 10px;} DIV.artistFanList DIV.blueGradientModule DIV.blueGradientModuleTop H4.blueGradientModuleTopCenter { width: 358px;} DIV.artistFanList DIV.blueGradientModule DIV.blueGradientModuleTop DIV.blueGradientModuleTopCornerRight { float: right;} DIV.artistFanList DIV.blueGradientModule DIV.blueGradientModuleContentHolder LI.navComponentListOddCol { clear: left; border-right: 1px solid rgb(168, 168, 168);} DIV.artistFanList DIV.blueGradientModule UL.navComponentList LI { float: left; border-top: none; width: 168px; padding: 5px 10px;} DIV.artistFanList DIV.blueGradientModule DIV.blueGradientModuleContentHolder IMG { width: 20px; height: 20px; vertical-align: middle; padding-right: 10px; border: 0;} DIV.artistFanList UL.navComponentList{ background-color:#ebebeb; border-left:none; border-right: 1px solid #ebebeb; } /* Home page My Rhapsody Teaser Module - Signed In and Signed Out */ DIV.teaserModuleCreateProfile .whiteButton A:link, DIV.teaserModuleCreateProfile .whiteButton A:visited, DIV.teaserModuleCreateProfile .whiteButton A:hover, DIV.teaserModuleCreateProfile .whiteButton A:active { color:#086699; } DIV.teaserModuleCreateProfile DIV.greyBlueGradientModuleTop H3.greyBlueGradientModuleTopCenter { width: 154px; } DIV.teaserModuleCreateProfile P { font-weight: normal; font-size: 11px;} DIV.teaserModuleCreateProfile DIV.subTitle { border-bottom: 1px solid #DBDBDB; font-weight: bold; padding-bottom: 3px; } DIV.teaserModuleCreateProfile IMG { padding: 0; width: 20px; height: 20px; border: 0;} DIV.teaserModuleCreateProfile TD.aboutMeText { color: #333; background-color: #FFF; padding-bottom: 13px;} DIV.teaserModuleCreateProfile TABLE.gotomyprofilepageButton { border: 1px solid #E1E1E1; border-width: 0 1px 1px; width: 174px; padding: 0 10px 25px 10px; background-color: #FFF;} DIV.teaserModuleCreateProfile TABLE.avatarAndScreenName { padding: 0 10px; background-color: #FFF; border: 1px solid #E1E1E1; border-width: 1px 1px 0; width: 174px; } DIV.teaserModuleCreateProfile TABLE.avatarAndScreenName TD.avatar { width: 20%;} DIV.teaserModuleCreateProfile TABLE.avatarAndScreenName TD.screenName { width: 80%; padding: 16px 0 18px 0; } DIV.teaserModuleCreateProfile TABLE.gotomyprofilepageButton TD.whiteButtonLeft, DIV.teaserModuleCreateProfile TABLE.gotomyprofilepageButton TD.whiteButtonRight { width: 6px;} DIV.teaserModuleCreateProfile TABLE.gotomyprofilepageButton TD.whiteButton { vertical-align: middle; height: 23px; } DIV.teaserModuleCreateProfile DIV.welcomeToCommunity { border: 1px solid #E1E1E1; padding: 10px 10px 25px 10px; background-color: #FFF; } DIV.teaserModuleCreateProfile DIV.welcomeToCommunity P { margin: 0; padding: 15px 10px 3px 10px; } DIV.teaserModuleCreateProfile DIV.welcomeToCommunity TABLE.createProfilePageButton { margin: 10px auto 0 auto; } DIV.teaserModuleCreateProfile DIV.welcomeToCommunity TABLE.createProfilePageButton TD.whiteButtonLeft, DIV.teaserModuleCreateProfile DIV.welcomeToCommunity TABLE.createProfilePageButton TD.whiteButtonRight { width: 6px; } DIV.teaserModuleCreateProfile DIV.welcomeToCommunity TABLE.createProfilePageButton TD.whiteButton { vertical-align: middle; height: 23px; } /* Artist Photo Gallery Digg Links */ H1.galleryHeaderH1 {padding-right: 0; height: 25px;} H1.galleryHeaderH1 DIV.headerText { float: left; font-size: 21px; vertical-align: middle; } H1.galleryHeaderH1 DIV.galleryDiggLink { float: right; padding-top: 5px; } DIV.gallerySingleImageDiggLink { float: left; padding: 0 80px; text-align: center;} #signInOutDialogDiv DIV.signInOutDialogDivNoFlash { text-align: center; padding: 11px 20px 10px 20px; border: 2px solid black; background-color: white; } /* Photo Gallery Hub Page */ DIV.photoGalleryItemHolder{ width: 125px; height: 150px; float: left; padding: 10px 5px; margin-bottom: 5px; text-align: center; } DIV.photoGalleryContainer { display: block; clear: left; } DIV.photoGalleryContainer DIV.oddColumn { clear: left; } DIV.photoGalleryTextLink { margin: 3px 0; } DIV.photoGalleryModule IMG{ border: 1px solid #999; } /* Embedded Player --> perhaps I should move these styles to the embeddedplayer.css */ DIV#topNavEmbeddedPlayerContainer { clear: both; text-align: left; } DIV#topNavEmbeddedPlayerContainer DIV { overflow: hidden; } DIV#topNavEmbeddedPlayerContainer DIV.chicklet { position: absolute; width: 124px; z-index: 9997; } DIV#topNavEmbeddedPlayerContainer DIV.bigBrother{ position: absolute; padding-left: 124px; text-align: right; width: 773px; z-index: 9996; } DIV#sliverMessage{ margin: 0 0.3%; background: #999; } DIV#greyBorderAroundSliver{ margin: 0 0.45%; background: #999; } SPAN.rtop, SPAN.rbottom{ display: block; background: #999; } SPAN.rtop SPAN, SPAN.rbottom SPAN{ display: block; height: 1px; overflow: hidden; background: #999; } SPAN.r0{margin: 0 7px} SPAN.r1{margin: 0 5px} SPAN.r2{margin: 0 3px} SPAN.r3{margin: 0 2px} SPAN.rtop SPAN.r4, SPAN.rbottom SPAN.r4{ margin: 0 1px; height: 2px; } SPAN.rtopOutter, SPAN.rbottomOutter{ display: block; background: #EBEBEB; } SPAN.rtopOutter SPAN, SPAN.rbottomOutter SPAN{ display: block; height: 1px; overflow: hidden; background: #CCC; } SPAN.rtopOutter SPAN.r4, SPAN.rbottomOutter SPAN.r4{ margin: 0 1px; height: 2px; } SPAN.rtopGreyBorder, SPAN.rbottomGreyBorder{ display: block; background: #CCC; } SPAN.rtopGreyBorder SPAN, SPAN.rbottomGreyBorder SPAN{ display: block; height: 1px; overflow: hidden; background: #A0A0A0; } SPAN.rtopGreyBorder SPAN.r4, SPAN.rbottomGreyBorder SPAN.r4{ margin: 0 1px; height: 2px; } DIV.embPlayerEngine{ position: absolute; z-index: -2; height: 0.001px; } DIV.embPlayerErrorDialogClose{ text-align: right; vertical-align: middle; padding: 9px 15px 5px; font-family: Arial; } DIV.embPlayerErrorDialogClose A{ color: #FFF; font-size: 12px; font-family: Arial; font-weight: normal; } DIV.embPlayerErrorDialogClose A SPAN{ font-weight: bold; } DIV.embPlayerErrorDialogBody{ vertical-align: middle; height: auto; width: auto; background-color: #0099CC; color: #FFF; font-weight: bold; font-size: 16px; text-align: left; margin: 0 15px 15px; padding: 18px 12px 0; font-family: Arial; } DIV.embPlayerErrorDialogBody DIV.upsellHeader, DIV.embPlayerErrorDialogBody DIV.upsellHeaderNoPlaysLeft, DIV.embPlayerErrorDialogBody DIV.flashNotInstalledHeader, DIV.embPlayerErrorDialogBody DIV.geoBlockedHeader, DIV.embPlayerErrorDialogBody DIV.popupTipHeader{ font-weight: bold; font-size: 24px; color: #FFF; text-align: left; font-family: Arial; } DIV.embPlayerErrorDialogBody DIV.upsellHeaderNoPlaysLeft, DIV.embPlayerErrorDialogBody DIV.flashNotInstalledHeader{ padding-bottom: 22px; } DIV.embPlayerErrorDialogBody DIV.upsellHeader, DIV.embPlayerErrorDialogBody DIV.geoBlockedHeader, DIV.embPlayerErrorDialogBody DIV.popupTipHeader{ padding-bottom: 18px; } DIV.embPlayerErrorDialogBody SPAN.numUpsellLeft{ color: #FFCC33; font-weight: bold; font-size: 24px; font-family: Arial; } DIV.embPlayerErrorDialogBody DIV.upSellMsgSubheader{ white-space: nowrap; } DIV.embPlayerErrorDialogBody DIV.upSellMsgSubheader{ padding-bottom: 12px; } DIV.embPlayerErrorDialogBody DIV.upSellMsgSubheader, DIV.embPlayerErrorDialogBody DIV.flashNotInstalledSubheader, DIV.embPlayerErrorDialogBody DIV.geoBlockedContent, DIV.embPlayerErrorDialogBody DIV.popupTipContent, DIV.embPlayerErrorDialogBody DIV.popupTipContent DIV{ font-size: 14px; font-weight: bold; font-family: Arial; } DIV.embPlayerErrorDialogBody DIV.upSellMsgDetail{ font-family: Arial; font-size: 12px; color: #FFF; padding: 0 0 18px; font-weight: normal; } DIV.embPlayerErrorDialogBody DIV.upSellMsgPricing{ padding: 0 0 8px; font-family: Arial; font-weight: bold; font-size: 12px; color: #FFF; } DIV.embPlayerErrorDialogBody DIV.rhapMember, DIV.embPlayerErrorDialogBody DIV.upSellLearnMoreLink, DIV.embPlayerErrorDialogBody DIV.doNotShowTip A{ font-family: Arial; font-size: 11px; font-weight: normal; } DIV.embPlayerErrorDialogBody A{ color: #FFF; } DIV.embPlayerErrorDialogBody DIV.upsellPolicyTerms{ padding-bottom: 8px; text-align: center; } DIV.embPlayerErrorDialogBody DIV.upSellLearnMoreLink A, DIV.embPlayerErrorDialogBody DIV.upsellPolicyTerms A, DIV.embPlayerErrorDialogBody DIV.rhapMember A, DIV.embPlayerErrorDialogBody DIV.geoBlockedContent A, DIV.embPlayerErrorDialogBody DIV.doNotShowTip A{ text-decoration: underline; font-weight: normal; } DIV.embPlayerErrorDialogBody DIV.geoBlockedContent A{ font-size: 14px; } DIV.embPlayerErrorDialogBody DIV.upsellUnlimitedAcc{ font-family: Arial; font-size: 14px; font-weight: bold; padding-bottom: 8px; } DIV.embPlayerErrorDialogBody DIV.flashNotInstalledSubheader A.getLatestFlash{ font-weight: normal; text-decoration: underline; font-family: Arial; font-size: 14px; } DIV.embPlayerErrorDialogBody UL.upsellBullet{ list-style-position: inside; list-style-type: disc; font-family: Arial; padding-bottom: 11px; } DIV.embPlayerErrorDialogBody UL.upsellBullet LI { margin-left: 6px; padding: 0 0 2px; font-size: 11px; font-weight: normal; } DIV.embPlayerErrorDialogBody DIV.popupTipContent{ display: block; clear: left; padding-bottom: 18px; } DIV.embPlayerErrorDialogBody DIV.popupTipContent DIV.popupTipWords{ float: left; width: 187px; padding-bottom: 18px; } DIV.embPlayerErrorDialogBody DIV.popupTipContent DIV.popupTipImg { float: left; width: 35px; padding-left: 26px; padding-right: 28px; } DIV.embPlayerErrorDialogBody DIV.embPlayerImg{ padding-bottom: 53px; } DIV.embPlayerErrorDialogBody DIV.doNotShowTip{ padding-bottom: 8px; text-align: center; } /* End of Embedded Player styles*/ TABLE.viralLinks { clear: both; margin-bottom: 10px; } TABLE.viralLinks TR TD { padding: 3px 1px; } .maskElement{ position: absolute; background-color: white; } /* The following is for fixing BZ235394: fix the misalignment of the play all/ add all buttons in Tracks module of artist page*/ #topTracksPlusLink IMG.playlist, #staffPicksPlusLink IMG.playlist{ padding-top: 1px; } /* The following is for fixing BZ232960: to fix the footer broken UI*/ #homepageLayout #footerTopRowTable #footerTopRow DIV.leftCol{ width: 320px; } DIV.pageHeadingHolder H1 { border: 0; background-color: transparent; margin: 0; padding: 0; float: left; } DIV.pageHeadingHolder A.createPlaylist { display: block; float: right; line-height: 27px; } /* Playlist widget Share overlay */ DIV.shareOverlayClose, DIV.shareOverlayCloseBottom{ text-align: right; vertical-align: middle; padding: 9px 15px 5px; font-family: Arial; } DIV.shareOverlayClose A, DIV.shareOverlayCloseBottom A{ color: white; font-size: 12px; font-family: Arial; font-weight: normal; } DIV.shareOverlayCloseBottom{margin:0 10px 0 10px; text-align:center; background-color:#fff; font-weight:bold;} DIV.shareOverlayCloseBottom A{color:#333;} DIV.shareOverlayClose A SPAN, DIV.shareOverlayCloseBottom A SPAN{ font-weight: bold; } #make_public{margin-bottom:5px;} #make_public input{padding: 0; margin: 0;} label.disabledText{color:#999;} /* Playlist builder */ #sharePageTabbedOptionsHolder{width:auto;} #playlistSearchPiecesContainer{position:relative;} /* default hidden states on these elements */ #playlistArtistInfo, #playlistTabContainer, #playlistAlbumViewContainer, #playlistResultContainer{visibility:hidden; display:none;} #playlistHeader{background-color:#fff; margin-bottom:10px; padding:10px; font-size:20px;} #playlistHeader .note{font-size:12px; color:#ccc;} /* left side */ #playlistLeftSide{width:566px; float:left;} #playlistSearchControlContainer{background-color:#fff; margin-bottom:10px; padding:10px 10px 0 10px;} #playlistSearchControlContainer P {font-size:20px; margin:0; padding:0;} #playlistSearchControlContainer DIV.topNavSearchContainer { padding-top: 6px; height: 30px; } #playlistSearchControlContainer DIV.topNavSearchContainer TABLE, #playlistSearchControlContainer DIV.topNavSearchButtonContainer { height: 42px; float: left; } #playlistSearchControlContainer DIV.topNavSearchContainer TABLE { height: 30px; border-collapse: collapse; } #playlistSearchControlContainer DIV.topNavSearchContainer TABLE INPUT.textInput, #playlistSearchControlContainer DIV.topNavSearchContainer TABLE SELECT { border: 1px solid #B8C5E9; color: #333; font-size: 16px; width: 340px; font-weight: bold; } #playlistSearchControlContainer DIV.topNavSearchContainer TABLE INPUT.textInput { height: 23px; padding: 0; padding-top: 1px; padding-left: 8px; margin: 0; } #playlistSearchControlContainer DIV.topNavSearchContainer TABLE SELECT { width: 116px; font-size: 14px; height: 24px; margin-left: 2px; position: relative; } #playlistSearchControlContainer DIV.topNavSearchContainer DIV.topNavSearchButtonContainer { padding-top: 2px; padding-left: 4px; height: 39px; } #playlistDefaultContent{background-color:#fff; height:700px; padding:0 10px 10px 10px;} #playlistDefaultContent P{color:#ccc; font-weight:bold; font-size:40px; margin:0;} #playlistArtistInfo{padding:10px; margin-bottom:10px; border:#ccc; background-color:#d1e0e7; height:100px; overflow: hidden; } #playlistArtistName DIV.loadingSpin { margin: 0; } #playlistArtistTextContainer{ float:left; width:360px;} #playlistArtistName{font-size:20px; border:none; padding:0; margin:0; background-color:transparent;} #playlistArtistGenre{color:#333;} #playlistArtistImage{float:left; margin-right:10px;} #playlistArtistImage IMG { width: 150px; height: 100px; border: 1px solid #ccc; } #playlistTabContainer{padding:10px; background-color:#fff; height:550px; margin-bottom:10px; clear: both;} #playlistTabContainer .tabsTitle{font-size:20px;} #playlistTabContainer DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabCornerLeft, #playlistTabContainer DIV.tabbedOptionsTabs DIV.tabbedOptionsTab DIV.tabbedOptionsTabCornerRight{ background-color: transparent; } .addToListButton{float:left; margin-right:10px; border: none; } .addToListButton:hover{background-position: 0 -19px;} .addToListButton SPAN{ display: none;} /* tabs */ .playlistTabtitle{font-size:13px;} #playlistTopTracks, #playlistAlbums{height:450px; overflow:auto;} #playlistResultContainer{height:730px; background-color:#fff; padding:10px; margin-bottom:10px;} #playlistPaginationHeader, #playlistPaginationFooter{background-color:#d1e0e7; padding:2px; border-right:1px solid #ccc; border-left:1px solid #ccc;} #playlistPaginationHeader{border-top:1px solid #ccc} #playlistPaginationFooter{border-bottom:1px solid #ccc} #playlistResultContainer p{font-size:20px; margin:5px 0 10px 0;} #playlistBuilderResultsDiv{/*overflow: hidden; */ height:730px;} #paginationHeader{background-color:#d1e0e7;} #playlistLeftSide .fullSearchResult{padding:8px 5px; border-top:1px solid #ccc;} #playlistLeftSide .oddResult{background-color:#f3f3f3;} #playlistLeftSide .highlightedTrack{background-color:#ffc;} #playlistAlbumViewContainer{height:510px; position:absolute; top:173px; width:545px; border-top:1px solid #ccc; background-color:#fff; padding:10px; margin-bottom:10px;} #playlistAlbumViewContainer .backLink{position:absolute; top:10px; right:10px; text-align:right;} #playlistAlbumInfoContainer{margin-bottom:10px;} #playlistAlbumInfo{float:left; margin-left:10px;} #playlistLeftSide .albumName{font-size:14px;} #playlistLeftSide .artistName{font-size:12px; color:#ccc;} #playlistLeftSide .albumReleaseDate{font-size:11px;} #playlistAlbumImage{float:left;} #playlistAlbumImage img{height:70px; width:70px;} #playlistAlbumTracks{font-weight:bold; overflow: auto; height:360px;} #playlistLeftSide .addToPlaylistButton{margin-right:4px;} #playlistLeftSide .clearBoth{clear:both; font-size:1px; line-height:1px;} /* right side */ .bbad{padding:5px; background-color:#FFF; margin-bottom:10px; } #playlistRightSide{margin-left:15px; float:left; width:316px;} #playlistMetaDataContainer{padding:5px 10px 10px 10px; background-color:#FFF;} #playlistTitle{font-size:16px;} #playlistTitle .s{font-size:12px; color:#666;} #playlistTitleEdit{display:none;} #playlistTitleInput{border: 1px solid #B8C5E9; color: #333; font-size: 16px; width: 290px; font-weight: bold; } #playlistTitleSaveOrCancel{border:1px solid #ccc; border-top:none; background-color:#efefef; padding:2px; font-size:11px; width: 286px; display:none; } #playlistTitlecontainer{height:45px;} #newSaveShareControlContainer{margin-top:5px;} #newSaveShareControlContainer .leftSide{float:left; width:49%;} #newSaveShareControlContainer .rightSide{float:left; text-align:right; width:49%;} #fullEmbeddedPlayerDiv{height:408px;} DIV.signInUpDialogClass{ background-color:#FFF; border:1px solid #CCC; } #shareOverlayIFrame{ margin:0 10px; width:375px; overflow:hidden; height:280; } .sampleModeInnards{margin:10px 20px 20px 20px; padding:10px; background-color: #0099CC; color: #FFF;} .sampleModeInnards p{margin:0 0 20px 0;} .sampleModeInnardsTitle{font-size:28px;} .sampleModeInnardsHeading{font-size:18px;} .sampleModeInnardsBodyText{font-size:14px;} .sampleModeInnardsOfferText{font-size:14px; font-weight:bold;} .sampleModeInnardsButtons{margin-bottom:8px;} .sampleModeInnardsButtons img{margin-right:15px;} .sampleModeInnards a, .sampleModeInnards a:link, .sampleModeInnards a:visited .sampleModeInnards a:active, .sampleModeInnards a:hover{text-decoration:underline; color:#fff;} /* .shareTwitter_sm, .shareFacebook_sm,.shareRhapcom_sm, .shareTwitter_med, .shareFacebook_med, .shareRhapcom_med, .shareTwitter_lg, .shareFacebook_lg, .shareRhapcom_lg, .shareTwitter_sm_disabled, .shareFacebook_sm_disabled, .shareRhapcom_sm_disabled, .shareTwitter_med_disabled, .shareFacebook_med_disabled, .shareRhapcom_med_disabled, .shareTwitter_lg_disabled, .shareFacebook_lg_disabled, .shareRhapcom_lg_disabled{margin-right:2px;} */ .shareTwitter_lg, .shareFacebook_lg, .shareRhapcom_lg, .shareTwitter_lg_disabled, .shareFacebook_lg_disabled, .shareRhapcom_lg_disabled{margin-left:2px;} /* share icons active*/ .shareTwitter_sm{padding: 0 4px;} .shareFacebook_sm{} .shareRhapcom_sm{} .shareTwitter_med{padding: 0 5px;} .shareFacebook_med{} .shareRhapcom_med{} .shareTwitter_lg{padding: 0 6px;} .shareFacebook_lg{} .shareRhapcom_lg{} /* share icons disabled*/ .shareTwitter_sm_disabled{} .shareFacebook_sm_disabled{} .shareRhapcom_sm_disabled{} .shareTwitter_med_disabled{} .shareFacebook_med_disabled{} .shareRhapcom_med_disabled{} .shareTwitter_lg_disabled{} .shareFacebook_lg_disabled{} .shareRhapcom_lg_disabled{} DIV.signInAccountCreationDialog #inPageSignInDivElement{ padding-left: 70px; } #SignInDialogWrapper { width:288px; height:265px; } #SignInDialogWrapper H3 { font-family:Trebuchet MS,Arial; font-size:16px; color:#2e2e2e; text-align:left; padding:0px 0px 0px 15px; margin:0px; } #SignInDialogWrapper FORM { border:0; padding:0; margin:0; } .SignInDialogError { color: red; font-family:Trebuchet MS,Arial; font-size:10px; line-height:12px; text-align:left; padding-bottom: 3px} .SignInDialogError a:link, .SignInDialogError a:visited {color: red; text-decoration: underline} #SignInDialogSpinner_s { padding-top:40px; padding-right:30px; float:right; } .signInDialogSignInButtonDiv { float:right; } .signInDialogFormFieldFootnote { font-family:Trebuchet MS,Arial; font-size:10px; color:#6a6a6a; font-weight:normal; text-align:left; } .signInDialogFormFieldLabel { font-family:Trebuchet MS,Arial; font-size:13px; color:#2e2e2e; font-weight:bold; text-align:right; vertical-align:bottom; padding-bottom:18px; } .signInDialogUpgradeWrapper { width: 288px; height: 82px; padding-top: 20px; } .signInDialogUpgradeTextDiv { float: left; padding-top: 8px;} .signInDialogUpgradeButtonDiv { float: right; cursor: pointer; cursor: hand; } #AccountCreationDialogWrapper { background-color:#dfeef3; border:solid 1px #000000; width:300px; padding:5px; margin-bottom:10px; } #SignInAccountCreationDialog_s_username, #SignInAccountCreationDialog_s_password, #SignInAccountCreationDialog_a_username, #SignInAccountCreationDialog_a_password, #SignInAccountCreationDialog_a_password2 { width:180px; } #signinOverlayClose { background-color: #fff; border-bottom:solid 1px #dfeef3; text-align:right; padding-right:10px; } .SignInDialogNoFlashDetectedError { color: blue; font-family:Trebuchet MS,Arial; font-size:11px; line-height:12px; text-align:left; padding: 15px 15px 0;} .SignInDialogNoFlashDetectedError a:link, .SignInDialogNoFlashDetectedError a:visited {color: red; text-decoration: underline}