/** * This is all of the profile CSS files in one */ body {background: #fff;} .content {height: 100%; padding-top: 20px; overflow: visible; margin: 0 auto; width: 980px; color: #333} .content-wrapper {width: 100%; min-height: 450px;} a {cursor: pointer} a:link, a:active, a:visited {color: #333; text-decoration: none} a:hover {text-decoration: none;} .footer-wrapper p a {color: #bdbdbd} /*when needing to highlight a link in body copy*/ a.highlight:link, a.highlight:active, a.highlight:visited, .bodyCopy a {color: #14a6c0} a.highlight:hover, .bodyCopy a:hover {text-decoration: underline} .frame .top h2 {width: 140px; border:0; float: left; font: normal 25px arial; color: #666; margin-bottom: 10px} .frame .content {overflow: visible;} .bundle {overflow: hidden} .bundleImage {width: 60px} .bundleImage img {width: 60px; height: 60px; display: block; border: 1px solid #d1d1d1;} .bundlePlay {width: 20px; height:20px; text-align: center; margin: 1px 6px;} .bundleMeta {width: 190px; margin: 3px 0} .bundleMeta h3 {font:13px Arial; white-space: nowrap; overflow: hidden; padding:0 0 2px} .bundleMeta h4 {font:bold 10px Arial;text-transform:uppercase; padding: 1px 0px; white-space: nowrap; overflow: hidden} .bundleMeta div.smallStars {width: auto;} .bundleMeta .edit a {font-weight: bold} .bundleMeta .smallCom, .bundleMeta .smallUser {margin-top: 1px} /*global*/ td {font: 12px arial, helvetica, sans-serif;} #profileWrapper {padding: 20px} #profileHeaderWrapper {width: 917px; } #profileFrame {background-color: #eee; border-bottom: 3px solid #eee; position: relative} #profileFrame .content {min-height: 100px} .top h2 {padding-left: 5px; padding-top: 10px;} #profileHeader {font: bold 11px helvetica, arial; padding: 2px;} #profileHeader h3 {font: 20px georgia; color: #242323; margin: 0 0 10px 0; float: left; width: 550px; white-space: nowrap} #profileHeader h3 span {font: bold 11px helvetica, arial;} #profileHeader .helpArea {padding: 12px 10px 0 10px; float: right; width: 125px; text-align: right} #profileHeader .addArea {float: left; width: 100px;} #profileNav {float: left; width: 640px; margin: 10px 0 0 0} #profileNav ul {overflow: hidden} #profileNav li {display: block; float: left; border-right: 0px solid #c9cac8; height: 26px; margin: 0 3px 0 0} #profileNav li a {display: block; font-size: 12px; line-height: 26px; font-weight: bold; padding: 0 7px; color: #5685a7; text-decoration: none} #profileNav li a:hover, #profileNav li a.active, #profileBody #navHome a, #editProfileBody #navEdit a, #sflBody #navSFL a, #downloadsBody #navDownloads a, #friendsBody #navFriends a, #neighborsBody #navNeighbors a, #reviewsBody #navReviews a, #ratingsBody #navRatings a, #listBody #navLists a {color: #454343; background: url(/images/core/backgrounds/bkrnd-pinkhiliter-left.gif) no-repeat} #profileNav li.last {border-right: 0 none} #loadingBar {float: left; width: 120px; height: 19px; margin: 15px 0 0 0; position: relative; left: 20px} #profileInfo {margin: 20px 0} #profileArea {} #profileData, #profileBigIcon, #profileBracket, #profileAbout {float: left; margin: 10px; font-size: 12px} #profileData, #profileAbout {padding: 20px 0 0 0} #profileData {width: 200px;} #profileAbout {width: 400px; font: 16px georgia, trebuchet, 'times new roman', times, serif; font-style: italic;} .tabNavBar {width: 917px; padding: 6px 0 0 4px; background: #e2e2e2;} .tabNavBar ul {margin: 0 0 0 30px; overflow: hidden} .tabNavBar li {width: 61px; height: 21px; float: left; text-align: center; margin: 0 5px 0 0;} .tabNavBar li a {display: block; font: bold 10px/21px arial;} .tabNavBar li a:hover {text-decoration: underline;} .tabNavBar .active {background: url('/images/profile/tab_white.gif') no-repeat;} .tabNavBar .active a {color: #000;} .tabNavBar .inactive {background: url('/images/profile/tab_gray.gif') no-repeat;} .tabNavBar .inactive a {color: #666 ;} #profileMain {min-height: 150px; padding-bottom: 20px; background: #fff; margin: 0 3px; font-size: 12px;} #profileMain p {margin: 0 0 10px 0;} #profileMain h3 {display: block; font: bold 14px helvetica, arial; margin: 0 auto 20px; width: 300px;} #profileNavLegend {padding: 20px;} #profileMain form .errors p {font-weight: bold; margin: 3px 0} button span {white-space: nowrap} hr.profile {height: 1px; line-height: 1px; color: #ccc; background: #ccc; border: 0 none} .form_error {color: #70c80c; margin: 10px 0} #staticATL {padding: 30px} .notificationWrapper {display: none} .player-bar-container {color: #d1d1d1} #profileFrame .bundle h4 a, #profileFrame .bundle h5 a, #profileFrame a.comment_item {color: #333} #profileFrame .bundle h4 a:hover, #profileFrame .bundle h5 a:hover, #profileFrame a.comment_item:hover {color: #14A6C0;} #editProfileForm {padding: 20px;} #editProfileForm form {} #editProfileForm form td {padding: 5px 8px 5px 0; vertical-align: middle} #editProfileForm form .label {text-align: right; font-weight: bold;} #editProfileForm form .up {text-align: right; vertical-align: top; font-weight: bold;} #editProfileForm form textarea {width: 250px; height: 120px} .profileIcon {padding: 10px; float: left; width: 95px; _width: 115px; height: 70px; _overflow: hidden;} .profileIcon img {float: left} .profileIcon input {float: right; margin: 20px 5px 0 0} .label span, .up span {font-weight: normal; font-style: italic} #changeIcon {padding: 0 5px; text-decoration: underline} #changeIconForm {padding: 20px} #profileMain #changeIconForm h3 {width: 760px; _width: 800px} /*-- Even more rounded corners with CSS: Base stylesheet -- from schillermania.com*/ .dialog {position:relative; margin: 0 auto; color: #000; z-index: 1; margin-left: 12px; /* default, width of left corner */ margin-bottom: 0.5em; /* spacing under dialog */ width: 178px; min-height: 67px; _height: 100% } .dialog .content, .dialog .t, .dialog .b, .dialog .b div { background: transparent url(/images/core/dialog800x600.png) no-repeat top right; _background-image: url(/images/core/dialog800x600.gif); } .dialog .content {position: relative; zoom: 1; _overflow-y: hidden; padding: 11px 12px 0 0; _height: 100%;} .dialog .t {/* top+left vertical slice */ position: absolute; left: 0; top: 0; width: 12px; /* top slice width */ margin-left: -12px; height: 100%; _height: 1600px; /* arbitrary long height, IE 6 */ background-position: top left; } .dialog .b {/* bottom */position: relative; width: 100%;} .dialog .b, .dialog .b div {min-height: 30px; _height: 30px; /* height of bottom cap/shade */ font-size: 1px;} .dialog .b {background-position: bottom right;} .dialog .b div {position: relative; width: 12px; /* bottom corner width */margin-left: -12px; background-position: bottom left;} .dialog .hd, .dialog .bd, .dialog .ft {position: relative;} .dialog .wrapper {/* extra content protector - preventing vertical overflow (past background) */ position: static; max-height: 1000px; } .dialog h1, .dialog p {margin:0; /* margins will blow out backgrounds, leaving whitespace. */} .dialog h1 {padding-bottom: 0;} #profileFriends {padding: 20px;} #profileMain #profileFriends h3 {width: 600px} #profileFriends p {font-size: 14px} .removeBox {position: absolute; z-index: 4; display: none; left: -11px; top: -8px; height: 109px; } .bookmarkedFriend {display: block; height: 30px; min-width: 165px; max-width: 265px; font-size: 18px; line-height: 24px; float: left; margin-right: 34px} body.ie6 .bookmarkedFriend {width: 200px} .bookmarkedFriend.removed {border: 1px dotted #59a49e} .bookmarkedFriend img {position: relative; top: 3px; padding: 0 3px 0 0} .remove:link, .remove:visited, .removeBox h4, .bookmarkedFriend h4 {background: url(/images/core/icons/icon-remove.png) no-repeat 0 0; color: #8b8c90; font: bold 10px/19px arial, sans-serif; text-transform: uppercase; height: 20px; width: 20px; text-indent: -9000px; display: inline-block; padding-left: 25px; position: relative; top: -3px } a.remove:hover, .dropShadowBox a.remove, .removeBox h4 {background-position: 0 -20px; text-indent: 0; text-decoration: none} .removeBox h4 {padding-left: 26px} .bookmarkedFriend h4 {background: none; display: block; padding-left: 0; text-indent: 0; width: auto} div.removeBox {font-size: 11px; width: 177px; height: 77px; } .removeBox .dropShadowBox {padding: 20px 0 0 12px; height: 55px; width: 165px} #profileMain .removeBox p {display: inline; margin: 10px 0 10px 4px;} .options {font-weight: bold; margin-top: 4px} .error {font-weight: normal;} .removeBox a {margin: 0 2px 0 4px} .removeBox a.close {margin: 0} body.ie #allFriends p {zoom: 1;} #profileNeighbors h3 {padding: 20px 0 0 20px} .neighbor {width: 225px; float: left; height: 120px; border: 1px solid #000} .neighborsAlert {padding: 0 20px;} .defective strong {color: #454343; font-size: 12px;} .rat_form, .rat_confirm {width: 607px; display: none; padding: 20px 10px 10px 10px; margin-bottom: 2px; font: 12px helvetica, arial; color: #333} .rat_form table {width: 500px;} .rat_form p {margin: 10px 0;} .rat_form td {width: 500px} .rat_form input {margin: 3px 0; width: 500px} .rat_form select {margin: 3px 0; width: 500px} .rat_form textarea {width: 500px; height: 150px} .rat_form td.label {text-align: left; padding: 8px 0 0 0; vertical-align: middle; font-weight: bold} .tracks_error, .email_error, .mp3_error, .desc_error, .type_error, .artist_error, .album_error {display: none; color: #f00;} .tracks_bang, .email_bang, .mp3_bang, .desc_bang, .type_bang, .artist_bang, .album_bang {display: none; color: #f00; font-weight: bold} .tracks_count, .email_count, .desc_count {display: none; color: #f00; padding: 0 0 0 5px} .getemail {color: #f00} #profileRATArea {margin: 0 0 0 20px} #albumListLabel, #tracksLabel, #userAlbums, #userTracks {display: none;} /*#albumListLabel, #tracksLabel {visibility: hidden}*/ #profileDownloads h3 {padding: 5px 0 0 10px} #downloadHistory {width: 917px; background: #fff; color: #000; padding: 0 0 0 4px} #downloadHistory #artistsColumn, #loadAllArtists {width: 300px;} #downloadHistory #albumsColumn, #loadAllAlbums {width: 300px;} #downloadHistory #tracksColumn, #loadAllTracks {width: 300px; position: relative;} #artistsColumn, #albumsColumn, #tracksColumn {float: left; margin: 10px 5px 0 0;} #downloadHistory strong {color: #70c80c; font-size: 12px; padding: 0 40px 0 0} #downloadHistory select {margin: 0 0 5px 0} #downloadHistory .trOdd {display: block; width: 278px; _width: 272px; height: 26px; line-height: 26px; background-color: #fff; cursor: pointer; padding: 0 0 0 3px; overflow: hidden;} #downloadHistory .trEven {display: block; width: 278px; _width: 272px; height: 26px; line-height: 26px; background-color: #f7f7f7; cursor: pointer; padding: 0 0 0 3px; overflow: hidden;} #downloadHistory li:hover, #downloadHistory .selectedRow {background: url(/images/core/backgrounds/bkrnd-pinkhiliter-left.gif) no-repeat} #downloadHistory .bookTrackOdd {display: block; width: 278px; background-color: #fff; cursor: pointer; padding: 2px 0 2px 3px; overflow: hidden;} #downloadHistory .bookTrackEven {display: block; width: 278px; background-color: #f7f7f7;cursor: pointer; padding: 2px 0 2px 3px; overflow: hidden;} #loadAllArtists #ltrAll, #loadAllAlbums #allAlbumsList, #loadAllTracks #allTracksList {border: 1px solid #666; border-width: 1px 0 0 1px; height: 425px; .height: 425px; _height: 425px; overflow-x: hidden; overflow-y: auto; _width: 272px} #loadAllArtists #ltrAll { margin: 4px 0 0 0; } .all ul {display: block;} .some ul {display: none;} .some ul.showing {display: block;} #artistsColumn {.width: 292px; _width: 292px; _overflow: hidden; padding: 3px 0 0 0;} #loadAllArtists { _margin-top: -2px; _width: 272px;} #loadAllArtists select {_margin-top: 2px} #albumsColumn {padding: 3px 0 0 0; .width: 292px; _width: 292px} #albumsColumn strong {padding: 0 5px 0 0} #albumsColumn .trOdd, #albumsColumn .trEven {width: 294px} #allAlbumsList {margin: 7px 0 0 0;} .historySample {float:left; width:25px; margin-top:2px} #tracksColumn {padding: 3px 0 0 0; .width: 292px; _width: 280px; overflow-y: auto; overflow-x: hidden;} #tracksColumn strong {padding: 0 5px 0 0} #tracksColumn .trOdd, #tracksColumn .trEven {width: 294px; _width: 270px;} #allTracksList {margin: 7px 0 0 0; padding: 0; height: 425px; overflow-y: auto; overflow-x: hidden;} #tracksColumn ul {list-style: none; padding: 0; margin: 0; width: 297px; _width: 270px; .height: 425px; .overflow-y: scroll; .overflow-x: hidden} #tracksColumn li {list-style: none; padding: 0; margin: 0; width: 297px; _width: 270px; overflow: hidden} /* .trackName {float: left; width: 250px; _width: 220px; overflow-x: hidden; white-space: nowrap} .trackName a {float: left; display: block;} .trackName a.trackText {white-space: nowrap; width: 225px; _width: 200px; overflow-x: hidden} */ .bookTrackName {float: left; position: relative; .position: static; top: 5px; width: 235px} .bookTrackName a {float: left; display:block;} // .trackName img {margin-top: 4px; margin-right:2px} .downloadTrack {float: left; width: 42px} .downloadTrack img {margin-bottom: -2px; _margin-bottom: 0} #profileMain li.bookTrackEven, #profileMain li.bookTrackOdd {display: block; margin: 0} #profileMain .rat_form p {margin: 10px 0} .ratModule .retry {background-image: url(/images/core/buttons/download/singleDownload_093010.png); background-position: -12px -255px; width:25px;height:22px; margin-top:-7px; position:relative; top:6px; width:24px;} .ratModule p {line-height: 17px} ._samplePlayButton {float: left; margin-right: 5px; margin-bottom: 40px} /*This is a short term hack for EMU-9309, since this is all going away*/ .downloadHelp a, .ratModule a {text-decoration: underline} #profileSFL {padding: 20px} #profileSFL h3#listNameHeader {width: 400px} #profileSFL .dek {margin: 5px 0 10px 0; border: 1px solid #e8e8e9; border-width: 1px 0; width: 870px} #profileSFL .dek p {color: #a2a5a5; padding: 10px 20px; margin: 0; font: 14px georgia, trebuchet, 'times new roman', times, serif; font-style: italic;} #sflPaging, #reviewsPaging, .listPaging {margin: 5px 0 20px 0; zoom: 1} #sflPaging p, #reviewsPaging p, .listPaging p {line-height: 125%} #sflSorter {margin: 8px 0} #items {margin: 20px 0; z-index: 0} body.win.ff3 .padLists {padding-bottom: 95px} .headerIcon {margin: 0 0 10px 0; _zoom: 1} .itemWrapper {float: left; width: 287px; height: 105px; margin: 0 7px 15px 0; background: #fff; position: relative} .content .bundle {display: block; width: 287px; height: 104px; top: 0; left: 0; background: #fff; position: absolute; z-index: 0; overflow: hidden} .content .ciOpen {height: 330px; padding: 10px; top: -20px; left: -20px; z-index: 5000; background: #fff; border: 10px solid #eee} .content #profileSFL form fieldset button strong span { color: #000; } .bundle .bundleImage, .bundle .bundlePlay, .bundle .bundleMeta {float: left} .bundle form {overflow: hidden; display: none} .ciOpen form {overflow: visible; display: block} .ciOpen .comments {display: none} .bundle form textarea {height: 180px; width: 260px} .comments {color: #a2a5a5; padding: 6px 10px; margin: 6px 0; font: 12px georgia; font-style: italic;} .comments a {font-style: normal; font-weight: bold; padding: 0 5px;} .ciExpanded .shortComments {display: none} #editListForm {padding: 20px} #profileMain #editListForm h3 {width: 150px} #editListForm form td {padding: 5px 8px 5px 0; vertical-align: middle} #editListForm form .label {text-align: right; font-weight: bold;} #editListForm form .up {text-align: right; vertical-align: top; font-weight: bold;} #editListForm p {margin: 10px 0} #profileLists {padding: 20px;} #profileMain h3 {font: 20px georgia; color: #242323; margin: 0 0 10px 0; float: left; width: 300px;} #profileSFL h3 {width: 600px;} #profileMain #profileLists h3 {width: 250px;} #profileMain h3 span {font: bold 11px helvetica, arial;} #profileLists ul {float: left; width: 130px; text-align: right; font-weight: bold; margin: 3px 0 0 0} #profileLists strong {color: #ccc} #profileLists p strong {color: #333} #profileLists table {width: 400px} #profileLists table tr td {padding: 2px 10px 2px 0} #profileLists table tr td span {padding: 0 5px; color: #ccc} #profileLists table tr td a.list_name {display: block; width: 180px;} #profileLists a.edit_list, #profileLists a.delete_list {color: #70c80c;} #listsPaging a, #listsPaging span {padding: 0 10px 0 0;} #sflPaging a, #sflPaging span {padding: 0 10px 0 0;} #sflSortPaging a, #sflSortPaging span {padding: 0 10px 0 0;} .listPaging a, .listPaging span {padding: 0 10px 0 0;} #profileMain p.defective {float: right; margin: 0 20px 0 0} #profileMain .bundleMeta h3 {font: normal 13px helvetica, arial, sans-serif; margin: 0 auto; width: 300px; float: none;} #listNav {float: left; width: 300px; margin: 6px 0 0 0} #profileMain #listNav li {float: left; margin: 0 10px 0 0; font-weight: bold} #profileMain #listNav li a {color: #70c80c;} .list_alert {color: #70c80c; margin: 0 0 5px 0 !important} #dartSFL {width: 316px; height: 80px; position: absolute; top: 65px; right: 25px;} .defaultText {width: 500px;} #expanded-player-bar .left-panel .expanded-content .expanded-song-title { color: #D1D1D1 } #profileReviews h3 {padding: 10px 0 0 10px; width: 500px} #profileReviews p {margin: 10px 0} #reviewsArea {padding: 20px} #profileReviews .aFullReview h3 {padding: 0; width: 400px} .aFullReview ul {float: left; width: 200px} .aFullReview ul li {float: left;} .aFullReview .reviewImg {float: left;} .aFullReview .reviewMeta {float: left; margin: 0 20px 10px 20px} .aFullReview .dek {margin: 5px 0 10px 0; border-bottom: 1px solid #e8e8e9; width: 800px} .aFullReview .dek p {color: #a2a5a5; padding: 0 20px 10px 20px; margin: 0; font: 18px georgia, trebuchet, 'times new roman', times, serif; font-style: italic;} #editReviewForm {padding: 20px} #editReviewForm .reviewImg {float: left;} #editReviewForm .reviewMeta {float: left; margin: 0 20px 10px 20px} #editReviewForm form td {padding: 5px 8px 5px 0; vertical-align: middle} #editReviewForm form .label {text-align: right; font-weight: bold;} #editReviewForm form .up {text-align: right; vertical-align: top; font-weight: bold;} #profileMain #editReviewForm h3 {width: 150px;} #communityGuidelines {float: left; width: 135px; margin-top: 8px} #backToReviews {float: left; width: 170px; margin-top: 8px} #communityGuidelines a, #backToReviews a {color: #70c80c;} #profileRatings h3 {padding: 10px 0 0 10px} #profileRatings p {margin: 20px;} .allRatings {margin-top: 8px; .margin-top: 16px; _margin-top: 16px;} .allRatings .ratingOdd {background: #dfecef; padding: 5px 20px; width: 881px; display: block;} .allRatings .ratingEven {background: #fff; padding: 5px 20px; width: 881px; display: block;} .profileRatingLink {float: left; width: 600px;} .profileRatingItem {float: right; width: 210px;} .profileRatingItem p {display: inline; position: inherit !important} .profileRatingItem p.rate {position: inherit !important} .tabBarArea ul {height: 21px; .margin-top: 0; .margin-bottom: -6px; _margin-top: 0; _margin-bottom: -6px;} body.safari #tabBarReviews ul {position: relative; top: 0px} body.safari #tabBarRatings ul {position: relative; top: 0px} #ratingsPaging {margin: 10px 20px;} #ratingsPaging a, #ratingsPaging span {padding: 0 10px 0 0;} #DLMInstallCheck {background-color: #fff} #downloadDialog .dlm-install-check {background-color: #fff; padding: 20px 28px 12px 28px; text-align: left; width: 503px; overflow: hidden} body.ie8 #downloadDialog .dlm-install-check, body.ie7 #downloadDialog .dlm-install-check {width: auto;} .dlm-install-check h1 {text-indent: -9999px; width: 441px; height: 28px; background: transparent url(/images/dlm/lightbox-headers.png) no-repeat top left; margin-bottom: 8px;} .dlm-install-check .step-one {background-position: 0 0; height: 57px;} .dlm-install-check .step-two {background-position: 0 -57px; margin-bottom: 37px} .dlm-install-check .step-three {background-position: 31px -89px; margin-top: 51px; width: 100%} .fancyBoxContent .dlm-install-check p {font: normal 12px/16px Helvetica, Arial, sans-serf; color: #333; width: 210px} .dlm-install-check .col {width: 250px; float: left; padding-top: 11px} .dlm-install-check .right {width: 224px; padding-left: 25px; border-left: 1px solid #c7c7c7; height: 200px;} .fancyBoxContent .dlm-install-check .view-second p {width: 520px} .dlm-install-check .right a {text-transform: uppercase; font-size: 10px; font-weight: bold; margin-top: 14px; display: block} .view-second {text-align: center} #install-mac, #install-win {display: none;} #view-second {display: none;} a.install-button {display: block; float: left; font: bold 12px arial; padding: 0 12px 0 0; text-transform: uppercase; background: #fff url(/images/dlm/button-no-ornament.png) no-repeat scroll right 0; margin: 18px 0 10px 0; } a.install-button span {background: #fff url(/images/dlm/button-no-ornament.png) no-repeat scroll left 0; color: #FFFFFF; display: block; line-height: 18px; margin: 0; padding: 8px 1px 6px 14px; } .view-second a.install-button {margin: 47px 0 23px 212px} a.install-button:hover {color: #fff;} p#skip-more-info {font: normal 11px/14px Arial, sans-serif; color: #666; margin-top: 2px;} p#skip-more-info a, .dlm-install-check .right a {color: #14a6c0;} p#skip-more-info a:hover, .dlm-install-check .right a:hover {color: #14a6c0; text-decoration: underline;} /*sample play buttons*/ .samplePlayButton {width:22px;height:22px; background: url(/images/core/sprites/icons_master_031511.png) -247px -154px no-repeat;} ._samplePlayButton {display:block; width:20px; height:20px; background:url(/images/core/sprites/icons_master_031511.png) -82px -154px no-repeat; text-indent:-12000px} ._samplePlaying {background-position:-82px -188px} ._samplePause {background-position:-246px -409px} ._samplePauseHover {background-position:-246px -440px} ._samplePlayHover {background-position:-82px -188px} ._samplePlayingHover {background-position:-246px -440px} #downloadBook span { background: url(/wp-content/themes/dark/images/legacy-profile/btn-download.gif) center center no-repeat transparent; display: inline-block; width: 23px; height: 23px; overflow: hidden; text-indent: -9999px; position: absolute; top: 0; right: 38px; }