/* NOTE All CSS is valid here except for the use of cursor:hand; Although this is not recognised as valid, it is required by Internet Explorer, please don't remove. ========================================================================*/ #popup {padding:0 10px; background:none url(/entertainment/images/callingTunes/popups/mainBg.jpg) left top repeat-x;} /* promo column callingTunes */ #callingTunes #promoColumn #downloadLink h3, #callingTunes #promoColumn #downloadLink h3 em {background:url(/entertainment/images/music/promoDownloadLinkTitle.gif) left top no-repeat;} /* ========= GENERIC STYLES ========= */ #callingTunes #contentArea {padding-top:28px;} #callingTunes #promoColumn {background:url(/entertainment/images/generic/promoPhoneSelectorTop.gif) left top no-repeat} #callingTunes ul#faqLinks {margin-top:10px;} * html>body#callingTunes ul#faqLinks li a {float:none;} #callingTunes .daggerListSpaced li {margin:0 0 12px 0 !important; padding:0;} /* FEATURE IMAGE */ #callingTunes #feature .graphic {background:url(/entertainment/images/callingTunes/featureCallingTunes.jpg) left top no-repeat;} #listTitle {margin-bottom:15px;} /* HOMEPAGE SECTION DROP DOWN */ #contentSelectForm {display:block; margin-bottom:35px;} #contentSelect {clear:both; display:block; width:auto;} #contentSelect li {float:left; padding-right:15px;} #contentSelect select {width:140px; margin-bottom:12px;} /* SECONDARY NAV */ #secondaryNav li a {height:23px;} #secondaryNav li.home a, #secondaryNav li.home em {width:58px; background:url(/entertainment/images/nav/level2Home.gif) left top no-repeat;} #secondaryNav li.ringtones a, #secondaryNav li.ringtones em {width:79px; background:url(/entertainment/images/nav/level2Ringtones.gif) left top no-repeat;} #secondaryNav li.pictures a, #secondaryNav li.pictures em {width:73px; background:url(/entertainment/images/nav/level2Pictures.gif) left top no-repeat;} #secondaryNav li.games a, #secondaryNav li.games em {width:64px; background:url(/entertainment/images/nav/level2Games.gif) left top no-repeat;} #secondaryNav li.callingTunes a, #secondaryNav li.callingTunes em {width:97px; background:url(/entertainment/images/nav/level2CallingTunes.gif) left top no-repeat;} #secondaryNav li.help a, #secondaryNav li.help em {width:50px; background:url(/entertainment/images/nav/level2Help.gif) left top no-repeat;} #callingTunes #primaryNav li.downloads a {background-position:0 -27px !important;} /* selected states */ #callingTunes #generic #secondaryNav li.callingTunes em, #help #secondaryNav li.help em {background-position:0 -46px !important;} /* ========= MAIN NAVIGATION ========= */ #callingTunes #mainNav {width:399px; height:28px; padding-bottom:0; background:url(/entertainment/images/callingTunes/mainNavBg.gif) left top no-repeat;} #callingTunes #mainNav li {float:left; height:19px; padding-top:1px;} #callingTunes #mainNav li a {height:19px; display:block;} * html>body#callingTunes #mainNav li a {float:left;} #callingTunes #mainNav li.dance a {width:56px; background:url(/entertainment/images/callingTunes/mainNavDance.gif) left top no-repeat;} #callingTunes #mainNav li.indie a {width:47px; background:url(/entertainment/images/callingTunes/mainNavIndie.gif) left top no-repeat;} #callingTunes #mainNav li.nostalgia a {width:69px; background:url(/entertainment/images/callingTunes/mainNavNostalgia.gif) left top no-repeat;} #callingTunes #mainNav li.pop a {width:44px; background:url(/entertainment/images/callingTunes/mainNavPop.gif) left top no-repeat;} #callingTunes #mainNav li.rock a {width:46px; background:url(/entertainment/images/callingTunes/mainNavRock.gif) left top no-repeat;} #callingTunes #mainNav li.urban a {width:52px; background:url(/entertainment/images/callingTunes/mainNavUrban.gif) left top no-repeat;} #callingTunes #mainNav li.soundtracks a {width:86px; background:url(/entertainment/images/callingTunes/mainNavSoundtracks.gif) left top no-repeat;} #callingTunes #mainNav li.tvThemes a {width:77px; background:url(/entertainment/images/callingTunes/mainNavTVThemes.gif) left top no-repeat;} #callingTunes #mainNav li.sounds a {width:59px; background:url(i/entertainment/images/callingTunes/mainNavSounds.gif) left top no-repeat;} #callingTunes #mainNav li.voiceAndComedy a {width:111px; background:url(/entertainment/images/callingTunes/mainNavVoiceAndComedy.gif) left top no-repeat;} #callingTunes #mainNav li.sport a {width:59px; background:url(/entertainment/images/callingTunes/mainNavSport.gif) left top no-repeat;} /* selected states */ #callingTunes #mainNav li a:hover {background-position:0 -19px !important;} #callingTunes #mainNav li a.selected {background-position:0 -38px !important;} /* LEFT NAVIGATION */ #leftNavigation li {padding:0; display:inline;} #leftNavigation li.selected span {background:url(/entertainment/images/generic/leftNavBgSelected.gif) left bottom no-repeat;} #leftNavigation li.selected a {background:url(/entertainment/images/callingTunes/leftNavArrowDownWhite.gif) left top no-repeat;} #leftNavigation li.selected ul li span {padding-left:22px; background:url(/entertainment/images/generic/leftNavBgOut.gif) left bottom no-repeat;} #leftNavigation li.selected ul li a {background:none; padding:0;} #leftNavigation li.selected ul li.selected a {color:#FF6600;} /* ========= DOWNLOAD LISTS ========= */ /* TITLE AREA */ #callingTunes #downloadList {float:left; width:399px; padding:20px 0 0 16px;} #callingTunes #downloadList .title {display:block; width:399px; padding:9px 0 0 0; background:url(/entertainment/images/callingTunes/downloadListTitleTop.gif) left top no-repeat;} #callingTunes #downloadList .title h2 {float:left; width:399px; w\idth:364px; padding:0 13px 6px 22px; background:url(/entertainment/images/callingTunes/downloadListTitleBottom.gif) left bottom no-repeat;} #callingTunes #downloadList .title span {float:left; position:static; height:auto; width:auto;} #callingTunes #downloadList .title span.track {width:123px; w\idth:118px; padding-right:5px;} #callingTunes #downloadList .title span.trackNoArtist {width:244px; w\idth:234px; padding-right:5px;} #callingTunes #downloadList .title span.artist {width:121px; w\idth:116px; padding-right:5px;} #callingTunes #downloadList .title span.code {width:58px; w\idth:53px; padding-right:5px;} #callingTunes #downloadList .title span.listen {width:56px; overflow:visible;} #callingTunes #downloadList .title strong {display:block;} #callingTunes #downloadList .title h2:after, #callingTunes #downloadList .title strong:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* DOWNLOAD LIST */ #callingTunes #downloadList #callingTunesList div {display:block; width:399px; w\idth:372px; min-height:13px; padding:5px 5px 5px 22px; text-decoration:none; background:url(/entertainment/images/callingTunes/callingTunesListBgLight.gif) left bottom no-repeat;} * html>body #callingTunes #downloadList #callingTunesList div {padding:5px 5px 7px 22px;} * html #callingTunes #downloadList #callingTunesList div {float:left;} #callingTunes #downloadList #callingTunesList div:after, #callingTunes #downloadList #callingTunesList li:after, #callingTunes #downloadList #callingTunesList strong:after, #callingTunes #downloadList #callingTunesList a:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} #callingTunes #downloadList #callingTunesList .dark div {background:url(/entertainment/images/callingTunes/callingTunesListBgDark.gif) left bottom no-repeat;} #callingTunes #downloadList #callingTunesList span {display:block; float:left; position:static; height:auto; width:auto;} #callingTunes #downloadList #callingTunesList span.track {width:123px; w\idth:118px; padding-right:5px;} #callingTunes #downloadList #callingTunesList span.trackNoArtist {width:244px; w\idth:234px; padding-right:5px;} #callingTunes #downloadList #callingTunesList span.artist {width:121px; w\idth:116px; padding-right:5px;} #callingTunes #downloadList #callingTunesList span.code {width:63px; w\idth:58px; overflow:visible;} #callingTunes #downloadList #callingTunesList span.copyright {width:63px; w\idth:66px; overflow:visible;} /* DOWNLOAD LIST WITH POPUP LINKS */ #callingTunes #downloadList #callingTunesList a {display:block; width:399px; w\idth:384px; color:#666; min-height:13px; padding:5px 5px 5px 10px; text-decoration:none; background:url(/entertainment/images/callingTunes/callingTunesListHearBgLight.gif) left bottom no-repeat;} * html>body #callingTunes #downloadList #callingTunesList a {padding:5px 5px 7px 22px;} * html #callingTunes #downloadList #callingTunesList a {float:left;} #callingTunes #downloadList #callingTunesList a:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} #callingTunes #downloadList #callingTunesList .dark a {background:url(/entertainment/images/callingTunes/callingTunesListHearBgDark.gif) left bottom no-repeat;} #callingTunes #downloadList #callingTunesList a:hover {background-position:0 -276px !important; color:#FF6600;} #callingTunes #downloadList #callingTunesList a span.number {width:20px; color:#FF6600;} #callingTunes #downloadList #callingTunesList a span.track {width:110px; w\idth:105px;} #callingTunes #downloadList #callingTunesList a span.artist {width:102px; w\idth:97px;} #callingTunes #downloadList #callingTunesList a span.code {width:50px; w\idth:45px;} /* titles */ #callingTunes #downloadList .title span.trackPopup {width:110px; w\idth:97px; padding-right:5px; padding-left:8px;} #callingTunes #downloadList .title span.artistPopup {width:110px; w\idth:105px; padding-right:5px;} #callingTunes #downloadList .title span.codePopup {width:50px; w\idth:45px; overflow:visible;} /* PAGINATION LINKS */ #callingTunes #downloadList .paginationTop strong {display:block; text-align:right; width:399px; w\idth:364px; font-weight:normal; float:left; padding:3px 13px 5px 22px; background:url(/entertainment/images/callingTunes/callingTunesListBgHeadings.gif) left bottom no-repeat; color:#9E9E9E;} #callingTunes #downloadList .paginationBottom strong {display:block; text-align:right; width:399px; w\idth:364px; font-weight:normal; float:left; padding:3px 13px 13px 22px; background:url(/entertainment/images/callingTunes/callingTunesListBgHeadingBottom.gif) left bottom no-repeat; color:#9E9E9E;} #ringtones #callingTunes #downloadList .paginationBottom strong {background:none;} #pictures #callingTunes #downloadList .paginationBottom strong {padding-top:6px; background:url(/entertainment/images/callingTunes/paginationBottomBg.gif) left top no-repeat;} #callingTunes #downloadList .paginationTop strong em, #callingTunes #downloadList .paginationBottom strong em {font-weight:bold; color:#000; font-style:normal;} #callingTunes #downloadList .paginationTop a, #callingTunes #downloadList .paginationBottom a {display:inline; color:#FF6600 !important; width:auto; padding:0; text-decoration:none; background:none;} #callingTunes #downloadList .paginationTop a:hover, #callingTunes #downloadList .paginationBottom a:hover {color:#666 !important;} #callingTunes #downloadList .paginationTop a:after, #callingTunes #downloadList .paginationBottom a:after {content:"";} #callingTunes #downloadList .paginationTop:after, #callingTunes #downloadList .paginationBottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /*========================================================================; POPUP ========================================================================*/ /* ========= GENERAL POPUP STYLES ========= */ #popup #mainContainer {width:462px; color:#666; font-size:65%; margin:0px auto; padding-bottom:15px; background:none; text-align:left;} #popup a {color:#FF6600;} #popup a:hover {text-decoration:underline;} /* ========= TOP AREA ========= */ /* TOP ORANGE BAR */ #popup #orangeTopBar {color:#FFF; margin-bottom:4px; background:url(/entertainment/images/callingTunes/popups/orangeTopBg.gif) left bottom repeat-x; font-size:110%;} #popup #orangeTopBar:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html #popup #orangeTopBar {float:left;} #popup #orangeTopBar h1 {float:left; padding:3px 0 6px 18px; background:url(/entertainment/images/callingTunes/popups/orangeTopLeft.gif) left bottom no-repeat;} #popup #orangeTopBar strong {float:right; font-weight:normal; padding:3px 17px 6px 0; background:url(/entertainment/images/callingTunes/popups/orangeTopRight.gif) right bottom no-repeat;} /* TOP TITLE AREA */ #popup #topArea {clear:both; background:url(/entertainment/images/callingTunes/popups/topAreaBg.gif) left top repeat-y;} #popup #topArea .topBorder {background:url(/entertainment/images/callingTunes/popups/topAreaTopBorder.gif) left top no-repeat;} #popup #topArea .bottomBorder, #downloadErrorPage #popup #topArea .bottomBorder {padding-bottom:15px; background:url(/entertainment/images/callingTunes/popups/bottomBorderError.gif) left bottom no-repeat;} /* titles */ #popup #topArea .title {float:left; font-size:110%; padding:14px 0 4px 18px; width:401px; w\idth:389px; background:url(/entertainment/images/callingTunes/popups/bgImgPhone.jpg) 270px 0 no-repeat;} #popup #topArea h2 {color:#FF6600; font-weight:normal; font-size:170%;} #popup #topArea .minHeight {float:left; height:58px; width:1px;} /* ========= PLAY AREA ========= */ /* PLAY AREA */ #popup #topArea #playArea {clear:both; display:block; width:462px; background:url(/entertainment/images/callingTunes/popups/playAreaTopSeperator.gif) left top no-repeat;} #popup #topArea #playArea li {display:block; float:left; floa\t:none; width:100%; padding:6px 10px 6px 10px; background:url(/entertainment/images/callingTunes/popups/playAreaBg.gif) left bottom no-repeat;} * html>body #popup #topArea #playArea li {float:left; width:100%; display:block;} #popup #topArea #playArea li:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} #popup #topArea #playArea li div {float:left; padding:0 9px; vertical-align:middle; background:url(/entertainment/images/callingTunes/popups/playAreaSeperator.gif) 0 2px no-repeat;} #popup #topArea #playArea li .code {width:118px; w\idth:100px; color:#000; background:none;} #popup #topArea #playArea li .copyright {width:138px; w\idth:120px; color:#999; font-style:normal; font-weight:normal;} #popup #topArea #playArea li .buttons {display:inline; width:182px; w\idth:166px; padding:2px 6px 0 12px;} #popup #topArea #playArea li .noneAvailable {width:182px; w\idth:166px; padding:0 6px 0 12px;} #popup #topArea #playArea li .noFlashText {margin-top:-2px; width:161px; height:10px; background:none; padding:0;}