body { margin: 0; font-size: 12px; color: #333333; } html.busy, html.busy * { cursor: wait !important; } input[type="text"], input[type="password"] { margin: 0; font-size: 12px; color: #333333; } /* ie6 doesn't understand this */ input[type="text"], input[type="password"] { font-family: arial, helvetica, sans-serif; } /* ie6 doesn't understand this */ input.text, input.password {margin: 0; font-size: 12px; color: #333333; font-family: arial, helvetica, sans-serif; } body, td, th { font-family: arial, helvetica, sans-serif; } td, th { font-size: 11px; } /* h1 is used by modules, h2 is the large sub-header immediately within a module */ h3 { font-size: 16px; font-weight: bold; margin: 0; } a { outline: none; } /* Align our MusicButtons with the surrounding text */ a img { vertical-align: middle; } input[type="text"], input[type="password"] { border: 1px solid #C8C8C8; padding: 2px; background-color: white; } /* #Body { background: url(/images/2009/site/full_background.png) white repeat-x; } */ /* Give IE6 a short gradient Background due to PNG Alpha Transparency issues */ body { background: url(/images/2010/site/bodyBackground.jpg) white repeat-x 0px 66px; _background: url(/images/2010/site/ie6_shortBackground.jpg) white repeat-x 0px 66px; } .showAffiliateHeaderOnly { background: url(/images/2010/site/bodyBackground.jpg) white repeat-x 0px 65px; _background: url(/images/2010/site/ie6_shortBackground.jpg) white repeat-x 0px 65px; } .showAffiliateHeader { background: url(/images/2010/site/bodyBackground.jpg) white repeat-x 0px 132px; _background: url(/images/2010/site/ie6_shortBackground.jpg) white repeat-x 0px 132px; } #Body a img { border: none; } #BodyAlign{ width: 979px; margin-left: auto; margin-right: auto; } #MusicHeader { height: 178px; color: white; width: 979px; } #MusicMiddle .LeftColumn { float: left; /* margin-left: 5px; */ width: 659px; min-height: 500px; } #MusicMiddle .RightColumn { /*float:right;*/ float: left; margin-left: 5px; /* margin-right: 5px; */ width: 300px; } #Body #FooterAd { width: 728px; margin: auto; margin-top: 50px; margin-bottom: 20px; } #MusicMiddle .RightColumn .IslandAd { width: 300px; position: relative; height: 250px; line-height: 0px; } #MusicMiddle .RightColumn .IslandAd .Tag { width: 300px; height: 250px; } #MusicMiddle .RightColumn .IslandAd .Tag iframe { float: left; } #MusicMiddle .RightColumn .IslandAd .Tag img { float: left; } #MusicMiddle .RightColumn .IslandAd .Caption { position: absolute; height: 72px; width: 9px; bottom: 0px; right: -12px; background: url(/images/2009/rightcolumn/ad_caption.png) no-repeat; } #MusicMiddle .RightColumn .Top10 { margin-top: 10px; padding: 45px 10px 10px 10px; width: 280px; height: 235px; background: url(/images/2009/rightcolumn/top10module/default.png) no-repeat; } #MusicMiddle .RightColumn .Top10 h1 { margin: 0px; } #MusicMiddle .RightColumn .Top10 .Tabs { height: 25px; } #MusicMiddle .RightColumn .Top10 .Tabs .Tab { float: left; height: 25px; width: 109px; cursor: pointer; cursor: hand; margin-right: 5px; } #MusicMiddle .RightColumn .Top10 .Tabs #AlbumsTab { background: url(/images/2009/rightcolumn/top10_tabs.png) no-repeat 0px 0px; } #MusicMiddle .RightColumn .Top10 .Tabs #AlbumsTab.Selected { background: url(/images/2009/rightcolumn/top10_tabs.png) no-repeat 0px -31px; } #MusicMiddle .RightColumn .Top10 .Tabs #TracksTab { background: url(/images/2009/rightcolumn/top10_tabs.png) no-repeat -109px 0px; } #MusicMiddle .RightColumn .Top10 .Tabs #TracksTab.Selected { background: url(/images/2009/rightcolumn/top10_tabs.png) no-repeat -109px -31px; } #MusicMiddle .RightColumn .Top10 .Panels { height: 210px; background: #ffffff; } #MusicMiddle .RightColumn .Top10 .Panels .Panel { position: absolute; padding: 10px; } #MusicMiddle .RightColumn .Top10 .Panels .Panel ul { margin: 0; padding: 0; list-style: none; width: 270px; overflow: hidden; } #MusicMiddle .RightColumn .Top10 .Panels .Panel ul li { padding-bottom: 5px; font-size: 11px; } #MusicMiddle .RightColumn .Top10 .Panels .Panel ul li .Dark { font-weight: bold; } #MusicMiddle .RightColumn .VoucherInput { margin-top: 9px; width: 300px; height: 60px; background: url(/images/sr/voucher-homepage.png) no-repeat; } #MusicMiddle .RightColumn .VoucherInput .Text input {border: 1px solid #AAAAAA; width: 130px;} #MusicMiddle .RightColumn .VoucherInput .Text { float: left; padding-left: 85px; } #MusicMiddle .RightColumn .VoucherInput .Button { float: left; padding-left: 5px; } #MusicMiddle .RightColumn .VoucherInput .Label { margin: 0 0 5px 87px; padding-top: 6px; } #MusicMiddle .RightColumn .SubPageVoucherInput { margin-top: 10px; width: 300px; height: 74px; background: url(/images/sr/voucher-subpage.png) no-repeat; } #MusicMiddle .RightColumn .SubPageVoucherInput .Text input {border: 1px solid #AAAAAA; width: 130px;} #MusicMiddle .RightColumn .SubPageVoucherInput .Text { float: left; padding-left: 85px; } #MusicMiddle .RightColumn .SubPageVoucherInput .Button { float: left; padding-left: 5px; } #MusicMiddle .RightColumn .SubPageVoucherInput .Label { margin: 0 0 5px 87px; padding-top: 12px; } #MusicMiddle .RightColumn .Specials { margin-top: 10px; width: 300px; height: 270px; } #MusicMiddle .HomepageCustom .Specials { margin-top: 0; } /*#MusicMiddle .RightColumn.HomepageCustom { background-color: #ff0000; }*/ #MusicMiddle .RightColumn .Promo { margin-top: 10px; width: 300px; height: 70px; background: url(/images/2009/rightcolumn/promo_sample.png) no-repeat; } #MusicMiddle .RightColumn .ImageFeature { padding-top: 10px; } #MusicMiddle .RightColumn .ImageFeature .Feature { position: absolute; } /* Cart Styles */ #ShoppingCartWrapper { padding: 5px 20px 0px 20px; color: #333333; width: 97%; } #ShoppingCartWrapper #LoginWrapper { margin-top: 20px; } #VoucherSelect, .VoucherSelect { padding: 10px; } #VoucherSelect ul { padding-left: 20px; } #ShoppingCartWrapper h1.Heading, #VoucherSelect h1.Heading { color: #116CB7; padding: 0; margin: 0; } #ShoppingCartWrapper #Header, #VoucherSelect #Header { border-bottom: 1px solid #a2b0bd; margin-bottom: 10px; padding-bottom: 5px; } #ShoppingCartWrapper #Left { float: left; width: 500px; } #ShoppingCartWrapper #Right { float: right; text-align: right; width: 200px;} #ShoppingCartWrapper #Footer { margin-top: 50px; width: 100%; height: 55px; position: relative;} #ShoppingCartWrapper #Footer .FooterBackground { width: 100%; position: absolute; top: 0; left: 0; } #ShoppingCartWrapper #Footer .FooterBackground img { width: 100%; height: 55px; } #ShoppingCartWrapper #Footer .FooterInner { height: 40px; padding-left: 14px; padding-top: 15px; position: relative; } #ShoppingCartWrapper #Footer .FooterInner a { padding-right: 5px; } #ShoppingCartWrapper .CartModule { padding-top: 5px; } #ShoppingCartWrapper .CartModule .StatusLabel { margin: 5px 10px 10px 10px; } #ShoppingCartWrapper form { padding: 0; margin: 0; } #ShoppingCartWrapper #VouchersRegistrationMessage, #ShoppingCartWrapper #PurchaseMessage { font-size: 0px; } #ShoppingCartWrapper #CartItemsTable, #ShoppingCartWrapper #VouchersTable, #ShoppingCartWrapper #PaymentTable { width: 100%; border-collapse:collapse; position: relative; } #ShoppingCartWrapper #CartItemsTable tr td, #ShoppingCartWrapper #VouchersTable tr td, #ShoppingCartWrapper #PaymentTable tr td { padding: 3px; border-top: 1px solid #f5f5f5; font-size: 12px; } #ShoppingCartWrapper #VouchersTable tr td { text-align: right; } #ShoppingCartWrapper #VouchersTable .Dark, #ShoppingCartWrapper #PaymentTable .Dark { font-weight: bold; } #ShoppingCartWrapper #PaymentTable input.Text, #ShoppingCartWrapper #VouchersTable input.Text, #ShoppingCartWrapper #PaymentTable select, #ShoppingCartWrapper #VouchersTable select { border: 1px solid #a2b0bd; } #ShoppingCartWrapper #CartItemsTable .CartName { font-weight: bold; padding-bottom: 10px; font-size: 15px; } #ShoppingCartWrapper #CartItemsTable tr.TopBorder td { border-top: 1px solid #a2b0bd; border-spacing: 5px; } #ShoppingCartWrapper #CartItemsTable tr td.Title { padding-left: 10px; } #ShoppingCartWrapper #CartItemsTable tr td.UnitVouchers { width: 1px; padding-left: 10px; } #ShoppingCartWrapper #CartItemsTable tr td.Price { font-size: 14px; font-weight: bold; width: 50px; text-align: right; } #ShoppingCartWrapper #CartItemsTable tr td.Remove { width: 70px; padding-right: 10px; } #ShoppingCartWrapper #CartItemsTable tr td.Gift { width: 60px; text-align: right; } #ShoppingCartWrapper #CartItemsTable tr td .TotalSmall { font-size: 12px; font-weight: bold; } #ShoppingCartWrapper #CartItemsTable tr td .TotalLarge { font-size: 20px; font-weight: bold; } #ShoppingCartWrapper #CartItemsTable tr td .Bold { font-weight: bold; } #ShoppingCartWrapper #VouchersTable tr.TopBorder td { border-top: 1px solid #a2b0bd; border-spacing: 5px; } #ShoppingCartWrapper #VouchersTable tr td.Right { width: 110px; text-align: left; padding-left: 10px; padding-right: 10px; } #ShoppingCartWrapper #PaymentTable tr td.BigpondSaving { text-align: right; } #ShoppingCartWrapper #PaymentTable tr.TopBorder td { border-top: 1px solid #a2b0bd; border-spacing: 5px; } #ShoppingCartWrapper #PaymentTable tr td.Right { width: 130px; text-align: left; padding-left: 10px; padding-right: 10px; } #ShoppingCartWrapper #PaymentTable tr td.PayNow { padding-right: 10px; } #ShoppingCartWrapper #PaymentTable tr td .Large { font-size: 20px; font-weight: bold; } #ShoppingCartWrapper #PaymentTable tr td.BigpondSaving .Large { color: #116CB7; } #ShoppingCartWrapper #PaymentTable tr td.PayButton { text-align: right; } #ShoppingCartWrapper #PaymentTable tr.Option td { padding-left: 10px; } #ShoppingCartWrapper #PaymentTable tr.Option td label { font-weight: bold; } #ShoppingCartWrapper #PaymentTable tr.Option td.Option { visibility: hidden; } #ShoppingCartWrapper #PaymentTable tr.Option.Selected td.Option { visibility: visible; } #ShoppingCartWrapper #PaymentTable tr td.PaymentType { width: 180px; } #ShoppingCartWrapper #PaymentTable tr.OptionRow td.PaymentType { padding-left: 20px; } #ShoppingCartWrapper #PaymentTable tr td.Expiry { width: 130px; } #ShoppingCartWrapper #PaymentTable tr td.Expiry select.Month { width: 55px; } #ShoppingCartWrapper #PaymentTable tr td.Expiry select.Year { width: 70px; } #ShoppingCartWrapper #PaymentTable tr td.CardNumber { width: 150px; } #ShoppingCartWrapper #PaymentTable tr td.CardCVC { width: 100px; } #ShoppingCartWrapper #PaymentTable tr td.CardCVC input { width: 50px; } #ShoppingCartWrapper #PaymentTable tr td.CardName input { width: 220px; } #ShoppingCartWrapper #PurchaseValidation { padding-left: 20px; } .ViewportTopWrapper { border-bottom: 1px solid #a2b0bd; } .ViewportBottomWrapper { border-top: 1px solid #a2b0bd; margin-top: 0.5em; } .ViewportTopWrapper, .ViewportBottomWrapper { width: 100%; position: relative; } .ViewportTopWrapper .Sorter { float: left; padding: 10px; position: absolute; top: 0; padding: 0.7em 2em 0.5em 0.5em; background: white; } .ViewportTopWrapper .Sorter label { padding-right: 5px; font-weight: bold; } .ViewportTopWrapper .Sorter select { width: 150px; border: 1px solid #AEAEAE; } .NumericPager { float: right; padding: 10px; } .ViewportBottomWrapper .NumericPager { padding-bottom: 0em; } .NumericPager .Caption { float: left; margin-right: 10px; padding: 0.1em; } .NumericPager .Spacer, .NumericPager .PageNumber, .NumericPager .PrevButton, .NumericPager .NextButton { cursor: pointer; cursor: hand; margin-right: 5px; float: left; height: 15px; padding: 0px 5px 0px 5px; font-weight: bold; } .NumericPager .PrevButton, .NumericPager .NextButton { padding: 0; width: 6px; margin-top: 3px; } .NumericPager .PrevButton { background: url(/images/2009/pager/prev.png) no-repeat; } .NumericPager .NextButton { background: url(/images/2009/pager/next.png) no-repeat; } .NumericPager .Spacer { padding-top: 3px; } .NumericPager .PageNumber { border: 1px solid #C3C8CB; color: #145D9B; } .NumericPager .PageNumber.Selected { background: #2A8FE3; border-color: #2A8FE3; color: #ffffff; } .ImageBanner { margin-top: 0; margin-bottom: 0.5em; } span.price i { font-style: normal; } span.price b { font-weight: normal; } span.price i, span.price .reg { display: inline; } span.price b, span.price .bp { display:none; } .clear { clear: both; height: 0px; overflow: hidden; } #MusicLabels { width: 645px; padding: 5px 0px 10px 0px; } #MusicLabels .LabelImage { float: left; display: inline; margin-left: 10px; margin-top: 10px; border: 1px solid #E7E7E7; height: 120px; width: 310px; } #ShoppingCartAlertsContainer { width: 600px; position: absolute; z-index: 999999; } #ShoppingCartAlertsContainer #Item-Template { display: none; } #ShoppingCartAlertsContainer #MixtapeItem-Template { display: none; } #ShoppingCartAlertsContainer .ShoppingCartAlert { height: 20px; padding: 10px; background: #ffffff; border: 1px solid #A2B0BD; position: relative; margin-top: -1px; overflow: hidden; } #ShoppingCartAlertsContainer .ShoppingCartAlert .Info { width: 100%; border-collapse: collapse; } #ShoppingCartAlertsContainer .ShoppingCartAlert .Info tr td { font-size: 1.0em; } #ShoppingCartAlertsContainer .ShoppingCartAlert .Info tr td.Icon { width: 18px; padding-bottom: 5px; } #ShoppingCartAlertsContainer .ShoppingCartAlert .MixtapeItem tr td.Icon { width: 30px; padding-bottom: 0px; } #ShoppingCartAlertsContainer .ShoppingCartAlert .Info tr td.Caption { font-weight: bold; color: #145D9B; } #ShoppingCartAlertsContainer .ShoppingCartAlert .Info tr td.Title { width: 250px; } #ShoppingCartAlertsContainer .ShoppingCartAlert .Info tr td.Price { font-weight: bold; width: 50px; padding-left: 10px; color: #145D9B; } #ShoppingCartAlertsContainer .ShoppingCartAlert .Info tr td.Button { width: 80px; } #ShoppingCartAlertsContainer .MixtapeAlert { background-color:#c1ed62; color:#0e2656; } #AffiliateHeader { width: auto; background-color: white; height: 66px; text-align: center; overflow: hidden; position: relative; } #BigpondHeaderWrapper { position: relative; z-index: 100; height: 67px;} #BigpondHeader { position: relative; } .AffiliateReturnButton { text-align: right; position: relative; z-index: 5; left: -10px; top:5px } .AffiliateHeaderLink {text-align: left; position: relative; z-index: 5; height: 66px; width:150px; cursor:pointer} .AffiliateWrapper { width: 987px; height: 66px; margin-left: auto; margin-right: auto; } .AffiliateTableMap { width: 987px; height: 66px; margin-left: auto; margin-right: auto; position: relative; top: -70px;} #NewReleasedTracks { margin-top: 1px; padding: 45px 10px 10px 10px; width: 280px; height: 235px; background: url(/images/2010/bptv/genre-new-music.png) no-repeat; } #NewReleasedTracks h1 { margin: 0px; } #NewReleasedTracks .Tabs { height: 25px; } #NewReleasedTracks .Tabs .Tab { float: left; height: 25px; width: 109px; cursor: pointer; cursor: hand; margin-right: 5px; } #NewReleasedTracks .Tabs #TracksTab { background: url(/images/2009/rightcolumn/top10_tabs.png) no-repeat -109px -31px transparent; } #NewReleasedTracks .Panels { height: 210px; background: #ffffff; } #NewReleasedTracks .Panels .Panel { position: absolute; padding: 10px; overflow: hidden; } #NewReleasedTracks .Panels .Panel ol { list-style: none; margin: 0px; overflow: hidden; padding: 0px; width: 270px;} #NewReleasedTracks .Panels .Panel ol li { padding-bottom: 5px; font-size: 11px; color:inherit; } #NewReleasedTracks .Panels .Panel ol li a { color:inherit; } #NewReleasedTracks .Panels .Panel .artist { font-weight: bold; } #bptvImageFeatures .ImageFeature { padding-top: 3px; } #bptv .leftContainer { float: left; width: 658px; } #bptv .newMusic { float: left; width: 300px; margin-bottom: 1.5em; } #bptv .newsAndGossip { float: right; width: 340px; } #bptv .rightContainer { float: right; width: 300px; margin-right: 5px; } #bptv .clear { clear: both; } #bptv #bptvAlbums { margin-bottom: 1em; } #bptv #bptvImageFeatures { margin-top: 1px; } #bptv #bptvAdvert { height: 113px; margin-bottom: 0.75em; } #bptv #bptvFeedback a { display: block; height: 113px; padding-top: 85px; padding-left: 10px; background: url(/images/2010/bptv/feedback.png) no-repeat; } #bptv #bptvFeedback a img { display: block; } #bptv #bptvPlayer { background-color: Black; margin-right: 5px; margin-bottom: 15px; padding-right: 14px; } #bptv #bptvPlayer .playerLeftContainer { float: left; background-color: Black; } #bptv #bptvPlayer .playerRightContainer { float: right; background-color: Black; } .guidebutton { clear: right; float: right; width: 160px; height: 21px; background-image: url(/images/2010/bptv/program_guide_black.png); background-repeat: no-repeat; } .guidebutton:hover, .guidebutton:active { background-image: url(/images/2010/bptv/program_guide_blue.png); text-decoration: none; } .guidebutton span { visibility: hidden; } .watchbpmbutton { clear: right; float: right; width: 160px; height: 21px; background-image: url(/images/2010/bptv/watch_bpm_black.png); background-repeat: no-repeat; } .watchbpmbutton:hover, .watchbpmbutton:active { background-image: url(/images/2010/bptv/watch_bpm_blue.png); text-decoration: none; } .watchbpmbutton span { visibility: hidden; }