* { font-family : Tahoma, Geneva, sans-serif; font-style : normal; font-size : 10px; color: #FFFFFF; } a { color: White; text-decoration : none; } a:hover { text-decoration : underline; } body { width: 720px; height: 540px; margin: 0px; padding: 0px; // background-image: url(/sitewide/apps/mediaplayer/images/bodyBG.gif); background-position: top left; background-repeat: repeat-x; background-color : #000000; } form { margin: 0px; padding: 0px; } #preload { position : absolute; top : -100px; left : -100px; visibility : hidden; } /* header */ div#header { width: auto; height: auto; position: absolute; top: 0px; left: 12px; margin: 0px; padding: 0px; } /* title */ div#title { width: 329px; height: 24px; position: absolute; top: 67px; left: 21px; overflow: hidden; z-index : 1000; font-size : 12px; } div#title, div#title a { font-size : 12px; } div#title a:hover { } /* player */ div#player { width: 365px; height: 480px; position: absolute; top: 57px; left: 6px; background-image: url(/sitewide/apps/mediaplayer/images/player_background.jpg); background-position: top left; background-repeat: no-repeat; padding: 44px 17px; overflow: hidden; } /* player prefs */ div#player div#playerprefs { width: 320px; height: 311px; font-family: Verdana, sans-serif; font-size: 12px; color: rgb(255,255,255); background-color: rgb(58,70,84); text-align: center; } div#player div#playerprefs a:link, div#player div#playerprefs a:visited, div#player div#playerprefs a:active { color: rgb(255,255,255); } div#player div#playerprefs a:hover { color: rgb(221,64,2); } div#player div#playerprefs form { padding-top: 60px; } /* player embed error */ div#player div#playerembed { width: 320px; height: 311px; font-family: Verdana, sans-serif; font-size: 12px; color: rgb(255,255,255); text-align: center; } div#player div#playerembed a:link, div#player div#playerembed a:visited, div#player div#playerembed a:active { color: rgb(255,255,255); } div#player div#playerembed a:hover { color: rgb(221,64,2); } div#player div#playerembed form { padding-top: 60px; } /* Age Gate form */ #ageGate { width: 320px; height: 290px; border: 1px solid #3b3b3b; // 7DA9B2 } .blk { color: Black; } #ageGate form { padding-top: 0px; } /* windows media test */ div#player div#wmtest { width: 320px; height: 304px; font-family: Verdana, sans-serif; font-size: 12px; color: rgb(255,255,255); background-color: rgb(58,70,84); text-align: left; padding : 12px 12px 12px 12px; line-height : 20px; } div#player div#wmtest a:link, div#player div#wmtest a:visited, div#player div#wmtest a:active { color: rgb(255,255,255); background : url(/sitewide/apps/mediaplayer/images/icon_triangle.gif) no-repeat left; padding-left : 10px; } div#player div#wmtest a:hover { color: rgb(221,64,2); } /* realone player download slate */ div#player div#needplugin { width: 320px; height: 311px; font-family: Verdana, sans-serif; font-size: 12px; color: rgb(255,255,255); background-color: rgb(58,70,84); text-align: center; } div#player div#needplugin p { margin: 0px; padding: 125px 5px 0px 5px; } /* info panel */ div#info_panel { height: 98px; position: absolute; top: 435px; width: 308px; left: 34px; padding: 2px; } div#info_panel table { border-collapse: collapse; width: 308px; } div#info_panel td.fieldlabel { width: 45px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; vertical-align: top; height : 14; font-weight : bold; } div#info_panel td.fieldvalue { vertical-align: top; height : 14; width : 245px; padding: 0px 0px 0px 3px; } div#info_panel td.heading { font-weight: bold; letter-spacing: 2px; vertical-align: bottom; line-height : 10px; visibility : hidden; } /* prefs/help links */ div#prefslinks { width: auto; height: auto; position: absolute; top: 30px; left: 624px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background : url(/sitewide/images/icn_arrow_pk.gif) left center; padding-left : 9px; background-repeat : no-repeat; font-weight : bolder; visibility : hidden; } div#helplinks { width: auto; height: auto; position: absolute; top: 30px; left: 674px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background : url(/sitewide/images/icn_arrow_pk.gif) left center; padding-left : 9px; background-repeat : no-repeat; font-weight : bold; visibility : hidden; } div#prefslinks, div#prefslinks a, div#helplinks, div#helplinks a { color: rgb(161,156,186); } div#prefslinks a:hover, div#helplinks a:hover { color: rgb(255,0,120); } /* advertisement */ div#ad { width: 336px; height: 280px; position: absolute; top: 44px; left: 371px; overflow: visible; } #adHolder { border : 1px solid #3b3b3b; // 5D8B96 } /* related content/links area */ div#related { width: 338px; height: 194px; position: absolute; top: 343px; left: 371px; background-image: url(/sitewide/apps/mediaplayer/images/related_background.jpg); background-position: top left; background-repeat: no-repeat; } div#related_content { width: 177px; height: 188px; position: absolute; top: 5px; left: 5px; } div#related_links { width: 148px; height: 188px; position: absolute; top: 5px; left: 184px; } /* scrolling content */ div#rel_content_clip { width: 174px; height: 159px; overflow: auto; position: absolute; scrollbar-3dlight-color : #AFADBF; scrollbar-arrow-color : White; scrollbar-base-color : #C1BFD1; scrollbar-darkshadow-color : #3D3B4D; scrollbar-face-color : #AFADBF; scrollbar-highlight-color : White; scrollbar-shadow-color : #3D3B4D; scrollbar-track-color : Gray; margin-top : 4px; left : 0px; } div#rel_content_content { margin: 0px; padding: 0px; width: 100%; position: absolute; top: 0px; left: 0px; } div#rel_links_clip { padding: 0px; width: 147px; height: 159px; overflow: auto; position: absolute; scrollbar-3dlight-color : #AFADBF; scrollbar-arrow-color : White; scrollbar-base-color : #C1BFD1; scrollbar-darkshadow-color : #3D3B4D; scrollbar-face-color : #AFADBF; scrollbar-highlight-color : White; scrollbar-shadow-color : #3D3B4D; scrollbar-track-color : Gray; margin-top : 4px; } div#rel_links_content { margin: 0px; padding: 0px; width: 100%; position: absolute; top: 0px; } div.scrollbuttons { margin: 0px; padding: 3px 3px 0px 0px; text-align: right; visibility:hidden; } /* subheadings */ .subhead { padding: 0px; margin: 0px; } .subhead-fake { padding: 2px 0px 0px 7px; width: 100%; height: 14px; color: #CFDDE0; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: bolder; overflow: visible; margin : 0px 0px 5px 0px; } /* item lists */ ul.itemlist { padding: 5px 4px 0px 4px; margin: 0px; list-style: none; } ul.itemlist li { position: relative; line-height: 10px; margin: 0px; padding: 2px 0px 2px 15px; background : url(/sitewide/apps/mediaplayer/images/icn_tv_white.gif) no-repeat top left; } ul.itemlist li, ul.itemlist li a { } ul.itemlist li, ul.itemlist li a:hover { } ul.itemlist li.first { padding-top: 0px; } ul.itemlist li img { display : none; } ul.itemlist.right { padding-left: 4px; } ul.itemlist.right li { padding: 2px 0px 2px 10px; background : url(/sitewide/apps/mediaplayer/images/icn_arrow_white.gif) no-repeat top left; } /* listening party album info */ div#player-audiocontent { width: 328px; height: 210px; overflow: hidden; } div#album-info { margin: 1px 35px 5px 35px; text-align: center; } div#album-info td.albumcover { text-align: center; vertical-align: top; padding-right: 5px; } .albuminfo-artistname, .albuminfo-albumtitle, .albuminfo-artistname a, .albuminfo-albumtitle a { font-weight: bold; } .albuminfo-details { color: rgb(205,205,205); font-size: 9px; } div.albuminfo-ecom { margin-top: 20px; font-size: 10px; } div.albuminfo-ecom .listPrc { color: rgb(205,205,205); font-weight: bold; } div.albuminfo-ecom .buyinfo-saleprice { font-weight: bold; } /* listening party record label opt-in */ div#recordlabel-optin { color: rgb(205,205,205); font-family: Verdana, sans-serif; font-size: 10px; padding: 2px 4px; margin: 0px 5px; } div#recordlabel-optin p { margin: 5px 0px; } div#recordlabel-optin .itemlist { color : Black; } /* listening party track title */ div#tracktitle-clip { width: 200px; height: 12px; overflow: hidden; } div #tracktitle-content { width: 100%; position: relative; top: 0; left: 0; } div#tracktitle-clip div.tracktitle { width: 100%; height: 12px; margin: 0px; padding: 0px; } /* add to favorites*/ div#add_to_fav { width: 150px; height: 18px; position: absolute; top: 411px; left: 63px; z-index : 1; } #add_to_fav_image { width: 112px; height: 16px; background : url(/sitewide/apps/mediaplayer/images/add_to_favorites.gif) no-repeat top left; } #add_to_fav_image a { width: 112px; height: 16px; background : url(/sitewide/apps/mediaplayer/images/add_to_favorites_on.gif) no-repeat -100px -100px; } #add_to_fav_image a:hover { width: 112px; height: 16px; background-position : top left; } /* buy now button*/ div#buy_now { width: 82px; height: 75px; position: absolute; top: 443px; left: 34px; z-index : 1; } #buy_now_image { width: 72px; height: 16px; background : url(/sitewide/apps/mediaplayer/images/buy_now.gif) no-repeat bottom left; } #buy_now_image a { width: 72px; height: 16px; background : url(/sitewide/apps/mediaplayer/images/buy_now_on.gif) no-repeat -100px -100px; } #buy_now_image a:hover { width: 72px; height: 16px; background-position : bottom left; } /* email to friend link*/ div#email_to_friend { width: 100px; height: 16px; position: absolute; top: 411px; left: 199px; z-index : 1; } #email_to_friend_image { width: 100px; height: 16px; background : url(/sitewide/apps/mediaplayer/images/send_to_friend.gif) no-repeat top left; } #email_to_friend_image a { width: 100px; height: 16px; background : url(/sitewide/apps/mediaplayer/images/send_to_friend_on.gif) no-repeat -100px -100px; } #email_to_friend_image a:hover { width: 100px; height: 16px; background-position : top left; } div#email_to_friend, div#email_to_friend a { color: White; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; font-style: normal; text-decoration: none; } div#email_to_friend a:hover { color: rgb(255,0,120); }