body { background: #444 url(../i/bg.jpg); font: 12px Arial, sans-serif; color: #000; } body.empty { background: #fff; margin-bottom: 0px; } .loginInfo { position: absolute; right: 15px; top: 5px; font-size: 11px; text-align: right; color: #000; } .loginInfo a { color: #000 !important; } .loginInfo li { float: left; margin-left: 3px; } a { text-decoration: none; color: #000; } p { margin-bottom: 6px; line-height: 18px; } p a { font-weight: bold; border-bottom: 1px dotted #000; } p a:hover, h4 a:hover { /* background: #ddd; */ border-bottom: 1px solid black; } h1 { color: #fff; font-size: 27px; clear: left; background: #444; margin: 0 0 15px 0; padding: 5px 10px; position: relative; font-weight: normal; } h1 small { font-size: 16px; } h2 { font-size: 18px; margin-bottom: 10px; font-weight: normal; } h3 { font-size: 18px; margin-bottom: 5px; font-weight: normal; } h4 { font-size: 13px; font-weight: bold; font-weight: normal; } h4 a { font-weight: bold; } h4 small a { font-weight: normal; } small { font-size: 11px; font-weight: normal; } input, select, textarea { border: 1px solid #bbb; padding: 3px; color: #666; font: 12px arial, sans-serif; } input:focus, textarea:focus, select:focus { color: #000; border: 1px solid #000; background: #fff; } input.error:focus, select.error:focus { color: #000; border: 1px solid #f00; background: #fff; } input.submit { border:0;padding:0;} input.error, select.error { border: 1px solid #f00; background: #ffd8d8; } button, p a.button, a.button { font: 12px Arial, sans-serif; font-weight: bold; border:0; height: 32px; line-height: 32px; background: #444 url(../i/buttonBg.png); color: #fff; padding: 0 10px; cursor: pointer; } /* TESTING NON-IMPORTANT COLOR */ button:hover, a.button:hover { background-position: 0 -32px; } button:active, a.button:active { background-position: 0 -64px; } a.button, p a.button { padding: 9px 10px 8px; } a.button.small, p a.button.small { padding: 3px 5px; } label { display: block; margin: 10px; margin-left: 0; } label a { font-weight: bold; border-bottom: 1px dotted #000; } label a:hover { /* background: #ddd; */ border-bottom: 1px solid black; } label.inline { display: inline; float: left; } #top { position: absolute; height: 42px; top: 0; left:0; width: 100%; background: transparent url(../i/topShadow.png) repeat-x bottom; padding-bottom: 7px; } .topContent { width: 987px; margin: 0 auto; position: relative; } #navibar { height: 42px; background: #313131; width: 100%; position: absolute; left:0; top: 0; } #general { line-height:42px; display:inline-block; float:left; z-index: 9999; position: relative; } #general a, #personal a { color:#fff; padding: 0 12px; display: block; } #general > li, #personal > li { cursor:pointer; float:left; position:relative; } #general > li a:hover { background: #333; } #general ul, #personal ul { display:block; display:inline;} #general li ul { position:absolute; top:0px; margin-top:42px; width:150px; line-height:42px; background: #444; display:none; } #general li:hover ul, #personal li:hover ul { display:block; } #general li ul li { display:block; border-top: 1px solid #555; } #general li ul li a, #personal li ul li a { display:block; } #personal { line-height:42px; display:inline-block; float:left; z-index: 9999; position: relative; float: right; background: #313131; } #personal > li a:hover { background: #333; } #personal li ul { position:absolute; top:0px; margin-top:42px; width:150px; line-height:42px; background: #444; display:none; } #personal li#language:hover ul { display:block; left: -110px; text-align: right; } #personal li#language { height: 42px; } #personal li ul li { display:block; border-top: 1px solid #555; } #signInForm { position: absolute; display: none; text-align: left; width: 150px; padding: 10px; background: #333; color: white; cursor:default; } #signInForm input { font-size: 11px; width: 140px; } #signInForm a { display: inline; padding:0;margin:0; font-weight: bold; } #signInForm p { line-height: 22px; } #signInForm button { font-size: 11px; line-height: 20px; height: 20px; } #naviSearch form { position: absolute; right: 45px; text-align: right; } #naviSearch button { background: none; position: absolute; right: -40px; top: 3px; text-align: right; } #personal li ul#searchFor { text-align: left; background: #f60; color: #fff; } #personal li ul#searchFor li { border-color: #f70; } #content { width: 987px; background: #fff; margin: 60px auto 15px auto; z-index: 1; position: relative; } #content #padding { padding: 15px; overflow: hidden; } #footer { width: 957px; padding: 5px 15px; background: #fff; margin: 15px auto 40px; /* 210px;*/ } #footer ul { overflow: auto; } #footer li { float: left; line-height: 35px; color: #666; } #footer li:first-child { margin-right: 15px; } #footer li a { float: left; padding: 0 15px; } #footer a:hover { background: #ddd; } #footer li#digitallogo { float: right; } #footer li#digitallogo a { padding: 0; } #footer li#digitallogo a img { margin-left: 5px; } #footer li#digitallogo a:hover { background: none; } #contactus { display: none; width: 100%; overflow: auto; clear: left; border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; } .contactall .floating { float: left; width: 49%; } .contactall ul { margin-bottom: 15px; } .contactall form textarea { width: 300px; height: 80px; } .contactall li { float: none !important; padding: 0 10px; line-height: 20px; } .contactall li.business { padding-top: 10px; } #modulesRight { float: right; } #modulesLeft { float: left; width: 633px; margin-top: 15px; } .module.didyouknow p { margin: 5px; } .module.didyouknow ul { list-style-type: disc; padding-left: 25px; } #infoGraph { clear: both; margin: 30px 0; padding: 30px 0; /* border-bottom: 3px solid #222;*/ border-top: 3px solid #222; } #infoGraph h1 { background: none; padding:0; color: #000; } #infoBar { position: relative; background: url(../i/infoGraphBg.png) no-repeat; height: 403px; } #infoGraphCause { position: absolute; top: 165px; } #infoGraphSong { z-index: 9; position: absolute; top: 165px; left: 744px; } #infoGraphEd { width: 433px; position: absolute; top:-9px; right:0; } #infoGraphEd h2 { color: #fff; margin: 18px 0 8px 80px; } #infoGraphEd p { position: absolute; width: 550px; line-height: 33px; left:-520px; top: 26px; font-size: 18px; font-style: italic; } #infoGraphEd ul { color: #fff; font-size: 18px; margin-left: 80px; line-height: 38px; } #infoGraphRecordlabel { z-index: 10; display: none; background: url(../i/infoGraphRecordlabel.png) no-repeat; width: 336px; height: 201px; position: absolute; top:-8px; right:81px; } #infoGraphRecordlabel h2 { margin: 0 0 0 10px; color: #fff; line-height: 30px; } #infoGraphRecordlabel ul { margin-left: 10px; padding-top: 2px; color: #fff; line-height: 22px; } #infoGraphTax { z-index: 10; display: none; background: url(../i/infoGraphTax.png) no-repeat; width: 307px; height: 244px; position: absolute; top:-51px; right:43px; } #infoGraphTax h2 { margin: 0 0 0 10px; color: #fff; line-height: 30px; } #infoGraphTax ul { margin-left: 10px; padding-top: 1px; color: #fff; line-height: 22px; } #infoGraphCollection { z-index: 10; display: none; background: url(../i/infoGraphCollection.png) no-repeat; width: 283px; height: 159px; position: absolute; top:34px; right:29px; } #infoGraphCollection h2 { margin: 0 0 0 10px; color: #fff; line-height: 32px; } #infoGraphCollection ul { margin-left: 10px; padding-top: 1px; color: #fff; line-height: 22px; } #infoGraphAid { z-index: 10; display: none; background: url(../i/infoGraphAid.png) no-repeat; width: 346px; height: 115px; position: absolute; top:78px; right:213px; } #infoGraphAid h2 { margin: 0 0 0 20px; color: #fff; line-height: 31px; } #infoGraphAid ul { margin-left: 20px; padding-top: 1px; color: #fff; line-height: 22px;} .infoGraphHover { cursor: hand; cursor: pointer; } #infoGraphAidHover { display: block; top: 193px; position: absolute; height: 106px; width: 739px; } #infoGraphRecordlabelHover { display: block; top: 193px; left: 746px; position: absolute; height: 106px; width: 126px; } #infoGraphTaxHover { display: block; top: 193px; left: 872px; position: absolute; height: 106px; width: 38px; } #infoGraphCollectionHover { display: block; top: 193px; left: 910px; position: absolute; height: 106px; width: 13px; } #infoGraphEdHover { display: block; top: 193px; left: 923px; position: absolute; height: 106px; width: 30px; } .badgePic { z-index: 9999; display: block; position: absolute; top: 0px; left: 4px; display: block !important; } li.loggedin { display: none; } .module#privacyPolicy p { margin: 5px; } img { vertical-align: middle; } .picture { background: #444 url(../i/defaultPic.png) center no-repeat; } .picture img { display: none; } .dummyLink img { display: block; } .dummyLink:hover { background: none !important; border:0; } #msgs div { display: none; } .infook { border: 2px solid #668907; margin: 0 0 15px; padding: 10px 10px 10px 40px; background: #f5ffb5 url(../i/iconOk.png) no-repeat; background-position: 5px 5px; font-size: 14px; color: #043800; } .infook.inline, .infoerror.inline, .infonotice.inline { border:0; color: #000; padding: 10px; font-size: 12px; margin: 10px; } .infook.inline { background: #90ee90; } .infoerror.inline { background: #fe6f6f; } .buyingnotice { display: none; float: left; max-width: 200px; margin-top: 15px; } .infonotice { border: 2px solid #ff9c00; margin: 0 0 15px; padding: 10px 10px 10px 40px; background: #ffeed2 url(../i/iconNotice.png) no-repeat; background-position: 5px 5px; font-size: 14px; color: #542800; } .infoerror { border: 2px solid red; margin: 0 0 15px; padding: 10px 10px 10px 40px; background: #ffd8d8 url(../i/iconError.png) no-repeat; background-position: 8px 8px; font-size: 14px; color: #210000; } .infonotice p, .infoerror p, .infook p { margin: 0 0 5px; } .hr hr { display: none; } .hr { border-bottom: 1px solid #ddd; clear: both; height: 5px; width: 100%; margin: 10px auto; } .progressBarContainer { height: 20px; margin: 10px auto; background: gray url(../i/progressBarLeft.gif); } .progressBarDone { width: 42%; height: 20px; background: #ff6600 url(../i/progressBarDone.gif); } .iconLink { padding: 5px; border:0 !important; } .hidden { display: none; } .mandatoryfields { background: #f60; color: #fff; float: right; font-size: 16px; padding:15px; } .optionalfields { background: #b6cd2d; color: #fff; float: right; font-size: 16px; margin: 14px 10px 0 0; padding:15px; } .songeditinfobox { display: inline-block; float: left; background: #444; color: #fff; margin-left:20px; padding:10px; line-height: 1.7; } blockquote, cite { background: #eee; border-left: 2px solid #444; padding: 10px; display: block; } cite { font-weight: bold; } dt { font-weight: bold; } dd { margin: 0 0 15px 10px; } #playerdiv { position: absolute; } input[att=radio] { border: 0; width: auto !important; } .ajaxLoading { margin: 5px; } #help { padding: 10px; } #help h3 { margin: -11px -11px 10px; } #equalshare #projects .picture { width: 135px; height: 135px; float: left; margin-right: 5px; } #equalshare #projects small { display: block; } #equalshare #projects h4 { font-size: 18px; font-weight: normal; } #equalshare #projects li { overflow: auto; margin: 15px 0; width: 49%; float: left; } .module#posts { background: none; border:0; } .module#posts #createPost { float: right; padding: 0 10px; } .module#posts h3 { background: none; color: #000; font-size: 14px; margin:0 0 5px 0; padding:0; } .module#posts h3 a { color: #000; font-weight: bold; } .module#posts h3 small { margin: 3px 0; } .module#posts h3 small a { border-bottom: 1px dotted #000; } .module#posts h3 a:hover { border-bottom: 1px solid #000; } .module#posts h3:first-child { font-size: 18px; margin-bottom: 15px; } .module#posts h4 { margin-bottom: 5px; } .module#posts .picture { width: 78px; height: 78px; float: left; margin: 1px 0 1px -82px; } #start .module small { display: block; } .module#posts ul { overflow: auto; } .module#posts ul li { float: left; } .module#posts ul li a { float: left; padding: 0 10px; line-height: 35px; margin-right: 5px; font-size: 14px; } .module#posts ul li a:hover { border:0; } .module#posts ul li a.current { background: #444; color: #fff; } .module#posts ol { overflow: auto; margin-bottom: 10px; clear: both; } .module#posts ol li { overflow: auto; padding-left: 83px; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-top: 15px; } .module#posts ol li .actions { margin-bottom: 5px; width: 250px; height: 20px; } .module#posts ol li .actions .buybutton { float: right; } .module#posts ol li .actions a:hover { background:none; border: none; } .module#posts ol li ul { list-style-type: disc; padding-left: 25px; } .module#posts ol li li { border:0;padding:0;margin:0; overflow: visible; float: none; } .module#posts ol li li a { padding:0; float: none; font-size: 12px; } .module#posts ol li br { display: none; } .module#posts ol p br { display: inline; } .module#posts table td { padding: 2px; } #start #modulesRight .module .picture { height: 78px; width: 78px; float: left; } #start #modulesRight .module .showMore { text-align: right; padding: 5px 10px; clear: both; border-top: 1px solid #ddd; } #start #modulesRight .inline { clear: both; } #start #modulesRight table { margin: 5px 0; } #start #modulesRight td { vertical-align: top; } .module .releaseList { margin: 0 5px; } .releaseList li { width: 282px; } .releaseList { overflow: auto; } .releaseList li { width: 282px; float: left; overflow: auto; margin-bottom: 15px; padding-right: 15px; } .releaseList .odd { clear: left; } .releaseList .picture { width: 50px; height: 50px; float: left; margin-right: 5px; } .releaseList h4 { margin-bottom: 5px; } .releaseList small { display: block; } .releaseList .actions { float: right; } .releaseList .formats { margin: 0 5px; } .releaseList button { float: right; padding:0 3px 1px; height: 20px; line-height: 21px; } .releaseList .infonotice, .releaseList .infoerror, .releaseList .infook { float: left; width: 100%; clear: both; } .releaseList h3 { margin-bottom: 15px; } .module#followus li { padding: 0 5px 10px; overflow: auto; } .module#followus li img { float: left; margin: 0 5px; } .playSample { float: left; } .playSample a { border:0;background:none; } .releaseList .playSample a:hover { border:0;background:none; } .editable h3 { cursor: move; } .module h3 span.move { font-size: 12px; } #profileMain { float: left; width: 633px; } .profilePage h1 { padding-right: 145px; } h1 #fanclubmessage { margin: 0; font-size: 14px; } h1 .tools { position: absolute; top: 0; right: 0;} h1 .tools li { float: right; margin: 5px; } h1 .edTools a { display: block; margin: 0; padding:0 5px; height: 30px; line-height: 30px; } h1 .fbShare { line-height: 20px; } .profileTabContent { background: #eee; border: 1px solid #ddd; padding: 5px; } .profileEditDisallowed { display: none !important; } #profileNavi { margin: -15px 0 15px 0; } #profileNavi ul { overflow: auto; } #profileNavi ul a { float: left; padding: 0 15px; line-height: 25px; background: #eee; border-right: 1px solid #ddd; } #profileNavi ul a#last { border-right: 0; } #profileNavi ul a.selected { background: #444; color: white; } #profileNavi ul a.selected:hover { background: #444; } #profileNavi ul a:hover { background: #aaa; text-decoration: none; } #profileNavi ul li { float: left; } #modulesRight .module { width: 307px; } #modulesLeft .module { width: 630px; } .module { border: 1px solid #ddd; background: #eee; margin: 0 0 15px 0; position: relative; } .module h3 { background: #444; padding: 5px 10px; margin: -1px -1px 10px -1px; color: white; } .module h3 a { color: white; } .module h3 a:hover { color: #999; } .module .viewMore { text-align: right; margin: 5px; clear: both; } .module img.delete { cursor: pointer; } /* .moduleIcons { position: absolute; z-index: 9; height: 30px; line-height: 28px; right: 6px; } .moduleIcons img { margin: 0 3px; } */ .moduleIcons { float:right; z-index: 9; height: 30px; line-height: 28px; margin: 0 2px 0 10px; } .moduleIcons img { margin: 0 3px; } .moduleIcons a:hover { background: #ddd; padding: 6px 0 8px 0; } .module#profileInfo p { margin: 6px 10px 10px 5px; } .module#profileInfo label, .module#profileInfo button { margin: 3px 0; } .module#profileInfo #profileInfoEditForm { display: none; margin: 5px; } #profileInfo .picture { float: right; margin: 5px 5px 15px 15px; width: 300px; height: 300px; } #profileInfo .profileTabContent { overflow: auto; } .profilePage #infoTags { display: none; font-size: 11px; margin: -5px 5px 10px; padding-bottom: 10px; } .profilePage #infoTags a { font-weight: normal; } .profilePage #infoTags span { position: relative; } .profilePage #infoTags span:hover .deleteTag { display: inline; } .profilePage #infoTags .deleteTag { display: none; background: #ddd; position: absolute; top: -20px; width: 60px; padding: 3px; } .profilePage #infoTags .deleteTag { border:0; } .profilePage #infoTags .deleteTag:hover { color: white; } .profilePage #infoTags button { height: 22px; line-height: 22px; } #profileInfoPage .module#profileInfo { clear: both; margin-top: 30px; } .module#tags #locationText { font-size: 18px; } .module#tags h4 a { background: none !important; } .module#tags h4 a:hover { border-bottom: 1px solid #000; } .module#tags form { margin: 0 5px 15px 5px; } .module#tags h4 { margin: 5px; } .module#tags #charitySupportText { padding:5px 0 5px 5px; } a#toggleInfoTags { color: #000; } #profileInfo h3 a:hover { text-decoration: underline; } .module#profileInfo .deletePrimaryTag { display: none; } .module#profileInfo .deletePrimaryTag { border:0; } .profilePage#profileInfo .deletePrimaryTag { display: none; } .profilePage#profileInfo .deletePrimaryTag { border:0; } .module#gallery #galleryImage { margin: 0 auto 0; display: block; } /* margin: 0 auto 9px; */ #gallery.module #galleryImage { max-width: 307px; } #profileMain #gallery.module #galleryImage { max-width: 630px; } .module#gallery table { width: 100%; display: none; position: absolute; left:0; top: 31px; background: #eee; } .module#gallery table tr.tools a { display: block; padding: 5px 0; text-align: center; } .module#gallery table tr.tools a:hover { background: #ddd; border:0; } .module#gallery .arrow a { padding: 5px 15px; } .module#gallery button { margin: 10px 0; } .module#gallery #galleryEdit { margin: 5px; display: none; } .module#videos #addVideoForm { margin: 5px; } .module#videos p { margin: 5px; } .module#events .eventDay { margin: 0 5px; } .module#events .eventDay h4 { font-size: 14px; font-weight: bold; } .module#events h4 small { display: block; } .module#events ul { font-size: 11px; overflow: hidden; } .module#events ul a { font-weight: bold; font-size: 12px; } .module#events ul a:hover { background: #ddd; border-bottom: 1px solid black; } .module#events .eventsPic { height: 78px; width: 78px; float: left; margin: 0 5px; } .module#events li { margin: 5px 0; padding: 5px 10px; border-bottom: 1px solid #ddd; } .module#events li li { display: none; } .module#events #eventsEdit { display: none; margin: 5px; } .module#events #eventsEdit #date input { width: 40px; } .module#events #eventsEdit #time input { width: 40px; } .module#events #eventsEdit textarea { width: 90%; } .module#recommendations p { margin: 5px; } .module#recommendations .releaseList { margin: 0; } .module#recommendations .releaseList li { width: 282px; float: left; overflow: hidden; margin-top: 0; padding: 6px 0 0 10px; position: relative; margin-bottom: 5px; } .module#recommendations .releaseList .odd { width: 300px; } .module#recommendations .releaseList #logoinBigMode { padding:0px; width:309px; margin-top:0; } .module#recommendations .releaseList #logoinBigMode img { float: left; } .module#recommendations .releaseList #logoinSmallMode { padding:0px; width:100%; margin-top:0; } .module#recommendations .releaseList #logoinSmallMode img { width:100% } .module#recommendations .releaseList ul li.odd.supportbigmode { min-height:90px; } .module#recommendations .releaseList ul li.odd.recommendationbigmode { min-height:70px;margin-top:10px; } .module#recommendations .releaseList ul li.smallmode { min-height:70px;margin-top:10px; } .module#recommendations .releaseList ul li .picture { background-position: -14px 0; margin-left:5px; } .module#recommendations .releaseList ul li .picture.support { margin-left:10px; margin-top:10px; } .module#recommendations .releaseList ul li#JrecTable { width:100%; margin:0; padding:0; } .module#recommendations h3 { margin: -1px -1px 0; } .module#recommendations #linkPackage { font-size:12px; } .module#recommendations #recTable table, .module#recommendations #recTable table tr, .module#recommendations #recTable table tr td { background: transparent; border: none; } .module#recommendations #recTable table tr td { vertical-align: top; padding:10px 2px 20px 4px; text-align: left; } .module#recommendations #recTable table tr td.google-visualization-table-th { padding: 5px 2px 5px 4px; border-bottom-style: solid; border-width: 2px; font-weight: normal; } .module#recommendations #recTable table tr td h4, .module#recommendations #recTable table tr td h4 a { padding: 0; } .module#recommendations #recTable table a:hover { border-bottom: 1px solid black; } .module#recommendations #recTable table td a.pictureLink { border-bottom:none; float: left; padding: 0; } .module#recommendations #recTable table tr td.albumPicture img { width: 100%; padding: 0; } .module#recommendations #recTable table tr td.songName { width:50%; } .module#recommendations #recTable table tr td.songName button { float: left; margin-left: 10px; } .module#recommendations #recTable table tr td.albumPicture { width:25%; } .module#recommendations #recTable table tr td.artistName { width:20%; } .module#recommendations #recTable span.info a { vertical-align: baseline; } .module#fans ul { overflow: auto; } .module#fans li { width: 30%; height: 110px; float: left; text-align: center; overflow: hidden; } .module#fans .picture { width: 78px; height: 78px; margin: 0 auto; } .module#fans span#fanclubmessage { margin: 0; font-size: 12px; } .module#fans h3 span { display: inline; width: auto; float: none; margin: 0 0 0 0; } .module#shop { border: 1px solid #fff; background: #fff; } .module#shop .album { clear: both; padding: 0 5px 0 0; /* FIX110811 140px; */ } .module#shop .album .picture { margin: 0 5px 0 5px; /* FIX110811 -135px; */ } .module#shop .album h3 { background:0; background: transparent; color: black; margin-bottom: 0px; width: 90%;} .module#shop .album p { margin:0;padding:0; } .module#shop #shopContent h4.titleinModule { font-weight: bold; font-size: 14px; margin-left: 5px; } .module#shop #shopContent #addalbumForm { padding:10px; } .module#shop #shopContent #addalbumForm #noProfiles { margin-top:10px; } .module#shop #shopContent #addalbumForm #profileList { margin: 10px 0 25px; } .module#shop #shopContent #addalbumForm textarea { float:left; } .module#shop #shopContent #addalbumForm button { float:left; clear: left; margin: 5px 0; } .module#shop #shopContent #addalbumForm ul li { margin-bottom: 15px; } .module#shop #shopContent .album .providedby7d { float: left; /* FIX110811 right;*/ clear:left; margin: 5px; } .module#shop #shopContent .albumComment { margin: 10px; } .module#shop #shopContent .productList li .albumComment { display:none; } .module#shop #shopContent .albumComment h4 { font-weight: bold; } .module#shop #shopContent #trackList .blogcomments { margin: 10px; } .module#shop #shopContent #trackList p.showBlogComments { margin: 10px; } .module#shop #shopContent #trackList #albumSongList #facebooklike { height: 20px; } a#linktobasketinMessage { display:none; } .module#blog h4 { margin: 0 10px 0 5px; font-weight: bold; } .module#blog small { margin-left: 5px; } .module#blog p { margin: 6px 10px 10px 5px; } .module#blog .picture { width: 78px; height: 78px; float: left; margin: 0 5px; } .module#blog .blogComments .picture { width: 50px; height: 50px; margin: 5px 5px 0 5px; float: left; } .module#blog .blogComments { display: none; } .module#blog .blogComments li { border-bottom: 1px solid #ddd; overflow: auto; padding: 10px 0; } #modulesLeft .module#blog textarea { margin: 10px 0 10px 10px; width: 600px; } #modulesRight .module#blog textarea { margin: 10px 0 10px 10px; width: 275px; } .module#blog .blogComments button { margin: 0 0 10px 10px; } .module#blog .blogComments h4 { margin-top: 10px; } .module#blog .blogComments p a { border:0; } .module#blog .blogComments p a:hover { border-bottom: 1px solid #000; } .module#blog #blogEdit { padding: 10px; display: none; } .module#blog #blogEdit h4 { margin-bottom: 5px; } .module#blog #blogEdit textarea { width: 95%; } .module#blog #blogEdit h4, .module#blog #blogEdit textarea { margin-left: 0; } .module#blog .loadingIcon { margin-left: 5px; } .module#bandmembers .picture { height: 78px; width: 78px; margin: 0 5px; float: left; } .module#bandmembers .picture a.dummyLink img { height: 78px; width: 78px; } .module#bandmembers #bandmemberContent { overflow: hidden; } .module#bandmembers ul { overflow: auto; } .module#bandmembers h4 { margin: 0 10px 0 90px; } .module#bandmembers p { margin: 5px 10px 5px 90px; } .module#bandmembers li.bandmemberItem { float: left; width: 300px; margin-bottom: 20px; clear: left; } .module#bandmembers ul ul { list-style-type: circle; margin: 0 10px 0 105px; overflow: visible; padding: 0 0 5px 0; } .module#bandmembers ul ul a:hover { background: #ddd; border-bottom: 1px solid #000; } .module#bandmembers .iconLink:hover { background: #444; } #bandmemberEdit { margin: 5px; display: none; } .module#links .picture { height: 78px; width: 78px; margin: 0 5px; float: left; } .module#links .picture a.dummyLink img { height: 78px; width: 78px; } .module#links #linksContent { overflow: hidden; } .module#links ul { overflow: auto; } .module#links h4 { margin: 0 10px 0 10px; } .module#links p { margin: 5px 10px 5px 90px; } .module#links li.linkItem { float: left; width: 300px; margin-bottom: 20px; clear: left; } .module#links ul ul { list-style-type: circle; margin: 0 10px 0 105px; overflow: visible; padding: 0 0 5px 0; } .module#links ul ul a:hover { background: #ddd; border-bottom: 1px solid #000; } .module#links .iconLink:hover { background: #444; } .module#links ul#linksContent small { display: block; } .module#links #linksEdit { margin: 5px; display: none; } .module#shop .picture { float: left; margin-right: 10px; margin-left: 5px; } .module#shop .album .picture { width: 135px; height: 135px; } .module#shop .product .picture { width: 135px; height: 135px; } .module#shop .picture.artist, .module#shop .productList .picture { width: 78px; height: 78px; } .module#shop #searchNavi { display: none; margin-bottom:10px; font-size:16px; margin-left:5px; } .module#shop #searchNavi a#shopSearch { border-bottom: 1px dotted; } .module#shop #searchNavi a#shopSearch #searchTerm { display:inline; } .module#shop #shopSearchmore { display:none; padding: 0px 5px; text-align: center; } .module#shop #searchResultsinWidget { overflow: hidden; } .module#shop #searchResultsinWidget small { display: block; } .module#shop #searchResultsinWidget li { overflow: hidden; margin-bottom: 10px; } .module#shop #searchResultsinWidget .artists li { margin-bottom: 24px; } .module#shop #searchResultsinWidget .picture { width: 50px; height: 50px; float: left; margin-right: 5px; } .module#shop #searchResultsinWidget .picture a.dummyLink img { width: 50px; height: 50px; } .module#shop #searchResultsinWidget h4 { margin-left: 15px; font-size: 13px; } .module#shop #searchResultsinWidget .artists h4 { margin: 0 0 15px 0; font-size: 18px; } .module#shop #searchResultsinWidget .albums h4 { margin: 0 0 15px 0; font-size: 18px; } .module#shop #searchResultsinWidget .songs h4 { margin: 0 0 15px 0; font-size: 18px; } .module#shop #searchResultsinWidget .artists h5 { font-size: 12px; } .module#shop #searchResultsinWidget .albums h5 { font-size: 12px; } .module#shop #searchResultsinWidget .songs h5 { font-size: 12px; } .module#shop #searchResultsinWidget h3 { font-size: 16px; } .module#shop #searchResultsinWidget p { margin-left: 55px; } .module#shop #searchResultsinWidget p a { font-weight: normal; } .module#shop #searchResultsinWidget .artists, .songs, .albums { float: left; width: 190px; margin-left: 10px; } .module#shop #searchResultsinWidget .actions { position: relative; margin-left: 55px; overflow: hidden; } .module#shop #searchResultsinWidget .actions li { float: left; } .module#shop #searchResultsinWidget .actions .buybutton { float: right; padding: 2px 0; overflow: hidden; } .module#shop #searchResultsinWidget .actions .buybutton a { float: none; line-height: 20px; padding: 0; } .module#shop #searchResultsinWidget .actions li a { float: left; line-height: 25px; padding: 0; } .module#shop #shopContent #trackList #albumSongList td#buyButton { width: 150px; text-align: right; } .module#shop #shopContent #alternativeTitle { float: left; padding: 7px; } .module#shop #shopContent p#shippingFees { font-size: 12px; margin-left: 5px; clear: left; } .module#shop #shopContent #sellerInfo { clear:left; float:left; /* FIX110811 right;*/ overflow: hidden; margin:5px; border-bottom: 1px dotted; } .module#shop #widgetbasket { float:right; margin-left: 60px; } .module#shop #supportInfo { float:right; z-index: 1000; line-height: 24px; font-size:14px; position:relative; } .module#shop #supportInfo #explainsupport { position:absolute; left: 50px; top: 0; z-index: 1000; padding: 5px; width: auto; color: #000; background: #eee; border: 1px solid #ddd; font-size: 12px; line-height: 18px; font-weight: normal; width: 120px; display: none; } .module#shop #shopContent .productList { overflow: auto; margin-bottom: 10px; } .module#shop #shopContent .productList li { overflow: hidden; width: 300px; float: left; margin: 15px 10px 0 0; position: relative; padding-bottom: 5px; } .module#shop #shopContent .productList .odd { clear: left; } /* .module#shop #shopContent .productList .picture { height: 78px; width: 78px; } */ .module#shop #shopContent .productList small { display: block; } .module#shop #shopContent .productList .odd .button { margin-right: 10px; } .module#shop #shopContent .productList .playLink { float: left; margin: 5px 0 0 -5px; } .module#shop #shopContent .productList .actions { margin-top: 10px; } /* .module#shop #shopProductList { overflow: auto; margin-bottom: 10px; } .module#shop #shopProductList li { overflow: hidden; width: 300px; float: left; margin: 15px 10px 0 0; position: relative; padding-bottom: 5px; } .module#shop #shopProductList .odd { clear: left; } .module#shop #shopProductList .picture { height: 78px; width: 78px; } .module#shop #shopProductList small { display: block; } .module#shop #shopProductList .odd .button { margin-right: 10px; } .module#shop #shopProductList .playLink { float: left; margin: 5px 0 0 -5px; } .module#shop #shopProductList .actions { margin-top: 10px; } .module#shop #shopProductList .actions li { position: static !important; } */ .module#shop .showMore, .module#shop .showAll { padding-left: 5px; overflow: auto; } .module#shop #navi { border-bottom: 2px solid #444; margin-bottom: 15px; font-size: 14px; position: relative;} .module#shop #navi span { position: absolute; right: 10px; top:0; line-height: 36px; font-size: 12px; } .module#shop #navi ul { overflow: auto; margin-top: -10px; } .module#shop #navi li { float: left; } .module#shop #navi a { float: left; padding: 10px 15px; } .module#shop #navi a:hover { background: #ddd; border: 0; } .module#shop .itemNavi { overflow: visible; font-size: 14px; border-top: 2px solid #444; padding-top: 10px; } .module#shop .itemNavi li { float: left; } .module#shop .itemNavi li#sellAlbumInProfile { float: right; margin-right: 8px; } .module#shop .itemNavi li.sellProductInProfile { width: 100%; } .module#shop .itemNavi li.sellProductInProfile a { float: right; margin-right: 8px; margin-bottom: 5px; } .module#shop .itemNavi li.current a { background: #444; color: #fff; } .module#shop .itemNavi a { float: left; padding: 0 10px; line-height: 35px; margin: 0 5px; } .module#shop .itemNavi .itemLink a:hover { border: 0; } .module#shop .itemNavi a.fb_button { line-height: 10px; padding: 0 0 0 1px; } .module#shop .itemNavi a.fb_button:hover { border-bottom: 0; } .module#shop .itemNavi .fb_share_count_hidden { position: absolute; padding-top: 8px; } .module#shop #removeLinkDiv { float: right; margin: 0 5px 5px } .module#shop .itemNavi div, .songShare { display: none; position: absolute; z-index: 9999; margin:0; right: 100px; width: 132px; background: #eee; border: 1px solid #ddd; } .module#shop .itemNavi div a, .songShare a { width: 109px; font-size: 12px; display: block; line-height: 24px; margin:0; padding: 5px 10px; } .songShare a:hover { border:0 !important; } .module#shop .fb_share_count_hidden a:hover { text-decoration: none; } .module#shop .shortinfo { padding-left: 5px; } .module#shop .shortinfo li { font-size: 13px; margin: 3px 0; } .module#shop .shortinfo li:first-child { font-size: 11px; margin: 0 0 10px 0; } .module#shop .shortinfo a { border-bottom: 1px dotted #000; } .module#shop .songTitle a:hover { /* background: #ddd;*/ border-bottom: 1px solid #000; } .module#shop .album h4 { margin:0; padding:0; font-size: 18px; font-weight: bold; } .module#shop table.songList { width: 98%; margin: 15px auto; line-height: 26px; } .module#shop table.songList td { border-bottom: 1px solid #ddd; padding: 0 5px; } /* .module#shop table.songList td#sharemenu { width: 40px; } */ .module#shop table.songList tr:hover td { background: #ddd; } .module#shop .buy, .module#shop .icons { text-align: right; } .module#shop .play { width: 25px; } .module#shop .play a:hover, .module#shop .icons a:hover { border:0;background-color:transparent; } .module#shop .buy { width: 100px; } .module#shop .profile.songTitle { width: 400px; position: relative; } /* OLD { width: 392px; position: relative; } */ /*.module#shop .icons { width: 100px; }*/ a.fb_button_simple:hover .fb_button_text, a.fb_button_simple_rtl:hover .fb_button_text, .fb_button_simple:hover .fb_button_text, .fb_button_simple_rtl:hover .fb_button_text { text-decoration:none !important; } .module#shop .icons li { float: right; margin: 0 3px; height: 15px;} .module#shop .icons a { float: right; width: 22px; height: 22px; background: url(../i/iconSongInfoIcons.png) no-repeat; } .module#shop .icons a span { display: none; } .module#shop .icons a:hover { border: 0; background-color: transparent; } .module#shop .icons a.comments { background-position: -43px 0; } .module#shop table.songList tr:hover .icons a.comments { background-position: -43px -22px; } .module#shop table.songList tr:hover .icons a.equalshare { background-position: -20px -22px; } .module#shop table.songList tr:hover .icons a.equalaid { background-position: 1px -22px; } .module#shop .icons a.equalshare { background-position: -21px 0; } .module#shop #songDetails, .module#shop #albumInfo { margin: 5px; } .module#shop #songDetails .itemNavi { border:0; margin: 0 0 10px; } .module#shop .itemShare { font-weight: normal; } .module#shop #trackList, .module#shop #albumInfo { min-height: 300px; } .module#shop .infook, .module#shop .infonotice { margin: 10px; clear: both; } .module#shop .itemInfo { padding: 5px; display: none; margin-top: 15px; } .module#shop #songDetails h4 { font-size: 18px; } .module#shop #songDetails h3 { background: none !important; padding: 0 !important; } .module#shop #latestReleases > h4 { font-size: 18px; padding: 0 5px 10px 5px; } .module#shop #albumSongList .songDetailRow { width: 630px; } .module#shop #albumSongList .songDetailRow h3 { font-size: 13px; background: none !important; padding: 0 !important; } .module#moduleTitle h3 { display:block; font-size: 27px; margin: -1px; padding: 5px 10px; } .module#twitter #twitterContent { overflow: auto; } .module#twitter #twitterItems { margin: 5px; clear: both; padding-top: 10px; } .module#twitter li { border-top: 1px solid #ddd; padding: 10px 0; } .module#twitter form { margin: 0 5px 15px 5px; } .module#twitter li a { border-bottom: 1px dotted #000; font-weight: bold; } .module#twitter li a:hover { border-style: solid; } .module#twitter #twitterUser { margin: 5px; } .module#twitter #twitterUser img { float: left; margin-right: 5px; } .module#twitter #twitterEdit { margin: 5px; display: none; } .module#supportTarget { overflow: hidden; } #modulesLeft #moduleLocation #moduleLocationCanvas { width: 100%; height: 500px; } #modulesRight #moduleLocation #moduleLocationCanvas { width: 100%; height: 300px; overflow: hidden; } #moduleLocation { padding-bottom: 9px; } #moduleLocationButtons { margin: 10px 5px 0; } .notDraggable h3 { cursor: default; } .playalbum, .buyalbum { float: left; font-size: 18px; margin: 10px 25px 0 0; position: relative; z-index: 9; } .playalbum a, .buyalbum a { height: 35px; line-height: 35px; } .fans .picture {width: 78px; height: 78px; float: left; margin-right: 5px;} .fans .picture .dummyLink img {width: 78px; height: 78px;} .fans { overflow: auto; } .fans li { float: left; width: 32%; margin: 15px 0; } ul#gallery li { position: relative; width: 307px; margin: 6px; height: 307px; float: left; } ul#gallery li p { margin: 0; padding: 5px; position: absolute; top: 0; text-align: right; width: 297px; color: white; background: #444; } ul#gallery li p.uneditable { display: none; } ul#gallery li p.editable { display: none; } ul#gallery li small a { color: #fff; border-bottom: 1px dotted #fff; } ul#gallery li .iconLink { padding: 10px 5px; } ul#gallery li .iconLink img { display: inline; } #profileGallery .arrow { float: left; line-height: 78px; width: 15px; margin: 15px; } #profileGallery #thumbs { float: left; } #profileGallery #thumbs .picture { height: 78px; width: 78px; float: left; margin: 15px; } #profileGallery #bigPic { text-align: center; clear: both; padding-top: 15px; } #profileGallery #comments { border-top: 1px solid #ddd; margin: 15px 0 0 0; padding: 15px 0; } #profileGallery #comments .picture { width: 50px; height: 50px; float: left; } #profileGallery #comments h4, #profileGallery #comments p { margin-left: 55px; } #profileGallery #comments li { overflow: auto; margin: 15px 0; } #pictureUploadForm, #videoUploadForm { margin: 15px 0; } #pictureUploadForm button, #videoUploadForm button { margin: 10px 0; } #galleryBigPic { margin: 30px auto; } .eventList .eventDay { border-bottom: 2px solid #444; margin-top: 15px; padding-bottom: 10px; } .eventList .item { position: relative; padding: 0 0 5px 15px;} .eventList .item h3 { margin-right: 150px; padding-bottom: 10px; } .eventList .item p a:hover { background-color: #ddd; border-bottom: 1px solid black; } .eventList .item .picture { width: 135px; height: 135px; margin: 0 15px 0 0; float: left; } #blogPosts .post { padding-bottom: 15px; position: relative; overflow: auto; padding-left: 83px; border-bottom: 1px solid #ddd; margin-top: 15px; } #blogPosts .post .picture { width: 78px; height: 78px; float: left; margin-left: -83px; } #blogPosts .post .picture a.dummyLink img { width: 78px; height: 78px; } #blogPosts .post ul { list-style-type: disc; padding-left: 25px; } #blogPosts .post h3 { margin-bottom: 15px; } #blogPosts .post h2 a:hover, .module li a.iconLink:hover { background: #ddd; border-bottom: 1px solid #000; } #blogPosts .comment { padding-bottom: 15px; position: relative; overflow: auto; padding-left: 83px; border-bottom: 1px solid #ddd; margin-top: 15px; } #blogPosts .comment .picture { width: 78px; height: 78px; float: left; margin-left: -83px; } #blogPosts .comment .picture a.dummyLink img { width: 78px; height: 78px; } #blogPosts .tools { position: absolute; right: 0; top: 0; } #blogPosts form, #modulesRight form { margin-bottom: 15px; } #blogPosts .post h2 small { display: block; } #blogPosts .post h2 small a { font-weight: bold; } #modulesRight.blog .module li, #profileBlog .module li { margin: 5px 10px; } #blogPosts #showmore { margin: 10px 0 0 83px; } #blogPosts form#create input { width: 250px; } #blogPosts form#create textarea { width: 99%; margin-bottom: 10px; } #blogPosts #comments li { overflow: auto; margin-bottom: 20px; padding-bottom: 10px; padding-left: 55px; border-bottom: 1px solid #ddd; } #blogPosts #comments h3 { padding: 10px 0; } #blogPosts #comments textarea { height: 90px; margin: 15px 0 0; } #blogPosts #comments .picture { width: 50px; height: 50px; float: left; margin-left: -55px; } #blogPosts #comments .picture a.dummyLink img { width: 50px; height: 50px; } #blogRss { position: absolute; right: 20px; top: 20px; } #basket table { width: 100%; clear: both; border-top: 1px solid #ddd; } #basket table tbody tr td { border-bottom: 1px solid #ddd; } #basket table tfoot tr td { border-top: 1px solid #ddd; font-weight: bold; } #basket table tbody tr:hover td { background: #eee; } #basket table .check { width: 30px; } #basket table .picture { width: 78px; height: 78px; } #basket table .picture .dummyLink img { width: 78px; height: 78px; } #basket table h3 { margin:0; } #basket table td { vertical-align: top; padding: 5px; } #basket table small { display: block; margin-top: 5px;} #basket table h3 small { display: inline; margin-top: 0px;} #basket table .iconLink { padding: 5px; } #basket table .iconLink:hover { background: #ddd; } #basket table .info a:hover { background: #ddd; border-bottom: 1px solid #000; } #basket table .pic { width: 78px; } #basket table .play { width: 35px; } #basket table .del { width: 80px; } #basket table .price, #basket table .del { text-align: right; } #basket table .price { font-size: 16px; } #basket table .download button { display: block; float: right; clear: right; margin: 5px 0; } #basket #checkout { text-align: right; margin: 15px 0; clear: both; } #basket #creditcards { float: right; } #basket #clearAll { float: right; margin-bottom: 15px; } #basket ul { overflow: auto; } #basket ul h3 { margin: 10px 0; } #basket ul input { border:0; } #basket table#depositmethods { border-top: none; } #basket table#depositmethods td { width: 309px; padding: 0 30px 0 20px; } #basket table#depositmethods td#total { width: 154px; } #basket table#depositmethods td#button { width: 155px; text-align: right;} #basket table#depositmethods thead td { font-weight: bold; font-size: 16px; padding-bottom: 2px; border-bottom: 2px solid #ddd; } #basket table#depositmethods tbody td { font-size: 16px; vertical-align: middle; } #basket table#depositmethods tbody tr { height: 80px; } #basket table#depositmethods tr:hover td { background: none; } #basket table#depositmethods a.button { padding: 9px 15px 8px; } #basket table#choosepayment tr:hover td { background: none; } #basket table#choosepayment td:hover { border: none; } #basket table#choosepayment { padding: 20px 0; } #basket table#choosepayment td { text-align: center; vertical-align: middle; width: 25%; } #basket table#choosepayment td#Nordea { padding-top: 23px; } #basket table#choosepayment td#POP { padding-top: 33px; } #basket table#choosepayment td#Sampo { padding-top: 53px; } #basket table#choosepayment td#OKO { padding-top: 0; } #basket table#choosepayment td input { border: none; display:block; margin:auto; } #basket table#choosepayment tbody td { border-bottom: none; } #content #padding #linkDownload { clear:both; margin:50px 0; } #content #padding #linkDownload a { font-size:18px; background:url(/ed/i/downloadButton.png) no-repeat; padding-left: 85px; display: block; color: #fff; width: 294px; line-height: 88px; } thead td { font-weight: bold; } #basket li { float: left; width: 225px; margin: 7px; text-align: center; } #basket li li, #basket li li img { float: none; margin: 0 5px 10px 5px; } #basket li li { float: none; width: 97%; } #basket #tools { margin: 15px 0 0 0; padding: 15px 0; border-top: 1px solid #ddd; } #buyasgift #giftMessage { width: 600px; } #buyasgift textarea { width: 100%; } #buyasgift input { width: 250px; } #buyasgift button { display: block; margin: 10px 0; } #coupon .module p { padding: 0 10px; } #coupon .module ul { list-style-type: disc; margin-left: 15px; line-height: 20px; padding: 10px; } #coupon form input { width: 250px; } #couponcode { border: 2px solid #ddd; font-size: 16px; margin: 10px 0; } #couponcode:focus { border: 2px solid #000; } #giftContent { list-style-type: decimal; padding-left: 25px; } #giftContent li { margin-bottom: 10px; } #giftContent small { display: block; } .aboutUs #modulesLeft h3 { margin-top: 15px; } .aboutUs #modulesLeft .teamItem h3 { margin-top:0; } .aboutUs .teamItem { overflow: auto; margin-bottom: 15px; clear: left; } .aboutUs .picture { width: 172px; height: 172px; float: left; margin-right: 10px; } .aboutUs .teamItem li { float: left; margin-top: 5px; } .aboutUs .teamItem li a { float: left; line-height: 35px; padding: 0 10px; } .aboutUs .teamItem li a:hover { background: #ddd; } .aboutUs .module fieldset { padding: 0 10px 10px; } .aboutUs .module ul { padding: 10px; border-top: 1px solid #ddd; line-height: 20px; } .aboutUs .module textarea { width: 95%; height: 100px; } #agreement #navi { list-style: none; padding: 0; overflow: auto; } #agreement #navi li { float: left; } #agreement #navi a { float: left; display: block; padding: 0 15px; line-height: 35px; font-size: 16px; } #agreement #navi a:hover { background: #ddd; } #agreement ul { list-style-type: disc; padding-left: 25px; } #agreement ol { list-style-type: decimal; padding-left: 25px; } #agreement li { margin: 5px 0; } #forum #searchform { position: absolute; right: 15px; top: 15px; text-align: right; width: 300px; } #forum table { width: 100%; margin: 15px 0; } #forum textarea { width: 95%; height: 100px; margin-bottom: 15px; } #forum .picture { width: 78px; height: 78px; } #forum table td { padding: 10px; } #forum table small { display: block; } #forum table small.edited { margin-top: 15px; font-style: italic; } #forum table a { font-weight: bold; border-bottom: 1px dotted #000; } #forum table a:hover { background-color: #ddd; border-bottom: 1px solid #000; } #forum table thead td { font-size: 16px; border-bottom: 2px solid #ddd; } #forum table tbody td { border-bottom: 1px solid #ddd; vertical-align: middle; } #forum table.topic tbody td { vertical-align: top; } #forum .post { padding-left: 83px; } #forum .post .picture { float: left; margin-left: -83px;} #forum .post .number { float: right; } #forum .post .actions { margin: 10px 0; text-align: right; } #forum .post .actions .button { margin: 0 2px; border:0; } #errorPage { background: url(../i/bg404.png) 670px 10px no-repeat; min-height: 500px; } #errorPage h1 { background: none; color: #000; padding:0; } #tryThese { margin-top: 30px; } #tryThese li { margin: 10px; float: left; } #tryThese li a { height: 127px; padding-top: 20px; width: 192px; display: block; text-align: center; font-size: 16px; } #tryThese li a img { display: block; margin: 0 auto 10px; } #tryThese li a:hover { color: #fff; } #tryThese li a#start { background: #c0d72f url(../i/trytheseboxes.png) no-repeat; } #tryThese li a#browse { background: #ff6600 url(../i/trytheseboxes.png) 0 -147px no-repeat; } #tryThese li a#blog { background: #3099ff url(../i/trytheseboxes.png) 0 -294px no-repeat; } #player { width: 100%; margin: 0 auto; background: #fff; } #player .picture { width: 78px; height: 78px; float: left; margin: 0 10px 0 0; } #player a img { border: 0; } #player table { width: 210px; font-size: 12px !important; padding-bottom: 15px; float:left; clear:left; margin-top: 10px; } #player table tr td:first-child { width: 20px; } #player table tr td { border-bottom: 1px solid #ddd; padding: 5px; } #player table .buy { text-align: right; } #player h3 { padding:0; width: 210px; font-size: 14px; } #player #buyAlbum { margin: 10px; float: right; font-size: 16px; } #player #buyAlbum a { padding: 10px; float: right; } #player #buyAlbum a:hover { background: #ddd; } #player .infook, #player .info, #player .infonotice { clear: both; margin: 15px; } .aboutUs .picture { position:relative; } .hover { display: none; position: absolute; top: 0; left: 0; height: 172px; width: 172px; } #kimmo .hover { background-image: url(/ed/images/kimmopicA.jpg); } #timo .hover { background-image: url(/ed/images/timopicA.jpg); } #anders .hover { background-image: url(/ed/images/anderspicA.jpg); } #heidi .hover { background-image: url(/ed/images/heidipicA.jpg); } #juha-matti .hover { background-image: url(/ed/images/juhispicA.jpg); } #sampsa .hover { background-image: url(/ed/images/sampsapicA.jpg); } #jaakko .hover { background-image: url(/ed/images/jaakkopicA.jpg); } #michelle .hover { background-image: url(/ed/images/michellepicA.jpg); } #lari .hover { background-image: url(/ed/images/laripicA.jpg); } #equalaid #modulesLeft h3 { background: #3099ff; } #equalaid h1 { background: #3099ff; margin-bottom:25px; padding-left: 85px; } #equalaid h1 img { position: absolute; left:5px; top: -12px; } .module#equalaidhelp p { margin: 10px 200px 10px 15px; } #equalaid .module h4 { margin-left: 10px; } #equalaid .module ol { list-style-type: decimal; padding-left: 25px; margin-top: 10px; line-height: 18px; } #equalaid .module ol li { margin-bottom: 10px; } #equalaid #video { width: 480px; height: 270px; margin: 15px auto 30px; } #equalaidperson { float: right; margin: -56px 30px 0 0; position: relative; z-index: 10; } #equalaid #modulesRight .module { border: 2px solid #444; background: #444; } #equalaid #modulesRight .module a { margin: 10px; color: white; border:0; } #equalaid #modulesRight .module a:hover { color: #000; } #equalaid #modulesRight .module h3 { background: url(../i/charitylogos.png); text-indent: -9999px; margin: 0 0 8px; } #equalaid #modulesRight .module h3 a { position: absolute; margin:-20px 0 0 0; display: block; width: 99%; height: 99%; } #equalaid #modulesRight #amnesty h3 { height: 88px; } #equalaid #modulesRight #savethechildren h3 { background-position: 0 -102px; height: 85px; } #equalaid #modulesRight #soslapsikyla h3 { background-position: 0 -202px; height: 80px; } #equalaid #modulesRight #sll h3 { background-position: 0 -315px; height: 60px; } #equalaid #modulesRight #worldvision h3 { background-position: 0 -395px; height: 100px; } #equalaid #modulesRight #mtkl h3 { background-position: 0 -528px; height: 120px; } #equalaid #modulesRight #yad h3 { background: #fff url(../i/charityYad.png) no-repeat center; height: 120px; } #equalaid #modulesRight #sey h3 { background: #fff url(../i/charity-sey.png) no-repeat center; height: 98px; } #equalaid #modulesRight #naistenpankki h3 { background: #fff url(../i/charity-naistenpankki.png) no-repeat center; height: 88px; } #promos li { overflow: auto; width: 49.9%; float: left; margin-bottom: 15px; } #promos li .picture { width: 78px; height: 78px; float: left; margin-right: 5px; } #charity #links ul { list-style-type: disc; line-height: 18px; padding-left: 25px; margin-bottom: 15px; } #charity .module ul { line-height: 35px; } h1#amnesty { text-indent: -9999px; height: 99px; background: #fff url(../i/amnestylogo2.png) no-repeat; } h1#worldvision { text-indent: -9999px; height: 105px; background: #fff url(/ed/images/wv2.png) no-repeat; } h1#sll { text-indent: -9999px; height: 65px; background: #fff url(../i/slllogo.png) no-repeat; } h1#sos { text-indent: -9999px; height: 151px; background: #fff url(../i/soslogo.png) no-repeat; } h1#stc { background: #fff url(/ed/images/stc2.png) no-repeat; text-indent: -9999px; height: 64px; } h1#mtkl { background: #fff url(../i/mtkllogo.png) no-repeat; text-indent: -9999px; height: 150px; } #browse #type a#music.current { background-position: 0 -27px; } #browse #type a#community { background-position: 0 -54px; } #browse #type a#events { background-position: 0 -108px; margin-right:0; } #browse #type a#events.current { background-position: 0 -135px; } #browse #relateds { width: 600px; float: left; } #browse .actions.events { margin-left: 0px; } #browse #googleAd { margin: 0 auto; width: 300px; float: right; } /*#browseBox p { clear: both; padding: 15px; }*/ #browseBox h3 { padding-top: 10px; clear: both; border-bottom: 1px solid #000; } .eventsItem { margin-bottom: 15px; } #browse a:hover { background-color: #ddd; } #browse a.current { background-color: #444; color: #fff; } #browse li { float: left; } #browse ul { overflow: auto; } #browse #type { position: absolute; bottom: 0; margin-bottom: 0; } #browse #type li { font-size: 16px; margin: 10px 10px 10px 0; } #browse #type a { padding: 0 5px; line-height: 35px; background-repeat: no-repeat; float: left; margin-right: 0; } #browse #browseTopContainer { position: relative; float: left; } #browse #itemSelection { clear: left; overflow: auto; float: left; } #browse #sortBy a, #browse #itemSelection a { padding: 5px; float: left; font-size: 16px; border: 0; } #browse #sortBy a span, #browse #itemSelection a span { display: inline; vertical-align: middle; } #browse #sortBy a span { line-height: 26px; } #browse #itemSelection li, #browse #sortBy li { margin: 0 10px 10px 0; } #browse #tags { padding-bottom: 60px; } #browse #tags a { padding: 7px; float: left; font-size: 14px; } #browse #tags img { padding-left: 5px; float: left; } #browse #tags #relatedTitle { padding: 0 7px 0 7px; line-height: 30px; font-size: 15px; font-weight: bold; vertical-align: middle; clear: left; } #browse #tags #br { clear: both; height: 10px; width: 100%; } #browse #sortBy { position: absolute; left: 33%; margin-left: 6px; line-height: 30px; } #browse #view { float: right; margin: 0 10px; } #browse .mapView#view { margin-bottom: 15px; } #browse #view a { float: left; padding: 5px; margin: 0 5px; font-size: 16px; } #browse #resultsTwoColumn { clear: both; overflow: visible; padding-top: 10px; } #browse #resultsTwoColumn li { width: 46%; margin: 10px; } #browse #resultsTwoColumn li .picture { width: 78px; height: 78px; float: left; margin-right: 5px; } #browse #resultsTwoColumn li .picture a.dummyLink img { width: 78px; height: 78px; } #browse #resultsTwoColumn li small { display: block; margin-bottom: 10px; } #browse #resultsTwoColumn li .iconLink { font-size: 14px; } #browse #resultsTwoColumn .odd { clear: both; } #browse #resultsTwoColumn p { clear: none; padding:0; } #browse #resultsThreeColumn { clear: both; overflow: visible; padding-top: 10px; } #browse #resultsThreeColumn li { width: 30%; margin: 10px; position: relative; } #browse #resultsThreeColumn li .picture { width: 78px; height: 78px; float: left; margin-right: 5px; } #browse #resultsThreeColumn li .picture a.dummyLink img { width: 78px; height: 78px; } #browse #resultsThreeColumn li small { display: block; margin-bottom: 10px; } #browse #resultsThreeColumn li .iconLink { font-size: 14px; } #browse #resultsThreeColumn .odd { clear: both; } #browse #resultsThreeColumn .actions { margin-left: 0px; width: 200px; } #browse #resultsThreeColumn .infonotice, #browse #resultsThreeColumn .infoerror, #browse #resultsThreeColumn .infook { float: left; width: 100%; clear: both; } #browse .actions, .productList .actions, shopProductList .actions { margin-left: 78px; width: 200px; overflow: auto; } #browse .actions li, .productList .actions li, #shopProductList .actions li { width: auto !important; margin: 0 5px !important; float: left; } #browse .actions li a.iconLink, .productList .actions li a.iconLink, #shopProductList .actions li a.iconLink { float: left; padding: 0 5px; } #browse .actions button { padding:0 3px 1px; height: 20px; line-height: 21px; } #browseBox .hr, #browse .hr { border-bottom: 2px solid #444; height: 0; margin-bottom: 11px; } p#mapBubbleText { padding: 5px 0 0; margin: 0; clear: none; } #map_canvas { width: 100%; height: 500px; clear: both; } #map_canvas .multiProfile ul { list-style-type: disc; padding-left: 25px; } #map_canvas .multiProfile ul li { float: none; } #searchResults small { display: block; } #searchResults li { overflow: auto; margin-bottom: 10px; } #searchResults .picture { width: 50px; height: 50px; float: left; margin-right: 5px; } #searchResults .picture a.dummyLink img { width: 50px; height: 50px; } #searchResults h4 { margin-bottom: 5px; } #searchResults p { margin-left: 5px; } #searchResults p a { font-weight: normal; } #searchResults .artists, #searchResults .songs, #searchResults .albums { float: left; width: 304px; margin-right: 5px; } #searchResults .actions { position: relative; margin-left: 55px; overflow: hidden; } #searchResults .actions li { float: left; } #searchResults .actions .buybutton { float: right; padding-right: 10px; overflow: hidden; } #searchResults .actions .buybutton a { float: none; line-height: 20px; padding: 0; } #searchResults .actions li a { float: left; line-height: 25px; padding: 0 10px; } .eventResult { margin-bottom: 15px; } .searchResultProfile { overflow: auto; margin-bottom: 15px; } #searchResults .infook { clear: left; } #noResults p { margin-left:0; } #noResults ul { list-style: disc; padding: 15px 0 15px 35px; line-height: 25px; } #noResults li { overflow: visible; } #noResults ul a { font-weight: bold; border-bottom: 1px dashed #000; } .equalAidInfo h3 { background: none; color: #000; padding:0; } .equalAidInfo h3:first-child { margin-top: 15px; border-bottom: 1px solid #000; } #trackInfo h4 { font-size: 18px; } #trackInfo .itemNavi { border: 0 !important; margin-bottom: 15px; } .songinfo { margin: 5px 0; font-size: 11px; width: 300px; } .songinfo h3 { font-size: 14px; } div.album { overflow: auto; margin-bottom: 10px; } .album a:hover { border-bottom: 1px solid black; } input.loginsubmit { display: none !important; } /* FIXME rename to input.hidden */ .hidden { display: none; } div.autocomplete { position: absolute; display: none; border: solid #ddd 1px; border-bottom:0; background-color: #fff; z-index: 1111; } div.autocomplete div { padding: 5px; border-bottom: 1px solid #eee; } div.autocomplete div.bg { background-color: white; } div.autocomplete div.hilite { background-color: #444; color: #fff; } .productList a.current { background-color: #444; color: #fff; } #shopProductList a.current { background-color: #444; color: #fff; } #swagOrders a.current { background-color: #444; color: #fff; } #swagOrders .feeColumn { float:left; width:240px; border-right: 1px solid #444; } #swagOrders .feeColumn select { width: 200px; } #swagOrders .feeColumn .feeRow { margin:20px; } #swagOrders .feeColumn .feeRow input { width:50px; } #swagOrders .explainColumn { float:right; width:220px; padding-top:75px; } #swagOrders p#save { float: left; clear:left; margin-top:30px; } .notificationFloat { background: #ff6600; color: #fff; font-size: 14px; border: 1px solid #fff; width: 170px; height: 80px; z-index: 9999; padding: 10px; } .translatebox { position: absolute; background-position: 2px 50% ! important; background-repeat: no-repeat ! important; height: 140px ! important; position: fixed ! important; text-indent: -9000px; top: 45% ! important; left: 0px; width: 35px ! important; z-index: 100001 ! important; background-image: url("../i/iconTranslate.png"); } .translatebottombox { position: absolute; background-repeat: no-repeat ! important; display: block ! important; position: fixed ! important; text-indent: 0px; top: 80% ! important; left: 3px; z-index: 100001 ! important; background-image: url("../i/iconTranslateSmall.png"); } .translatetopbox { position: absolute; background-repeat: no-repeat ! important; height: 80px ! important; position: fixed ! important; text-indent: -9000px; top: 3px ! important; left: 3px; width: 25px ! important; z-index: 100001 ! important; background-image: url("../i/iconTranslateSmall.png"); } .translatetopbox { position: absolute; background-repeat: no-repeat ! important; display: block ! important; height: 80px ! important; padding: 0pt ! important; position: fixed ! important; text-indent: -9000px; top: 3px ! important; left: 3px; width: 25px ! important; z-index: 100001 ! important; background-image: url("../i/iconTranslateSmall.png"); } #aboutBoxes { margin-right: -15px; } #aboutBoxes>li { color: #fff; float: left; width: 309px; height: 264px; margin-right: 15px; background: #444 url(../i/aboutGradientBg.png); } #aboutBoxes h3 { margin: 15px; font-size: 24px; } #aboutBoxes ul { list-style-type: disc; padding-left: 25px; } #aboutBoxes ul li { margin: 15px; font-size: 18px; } #watchTools, #watchEqualaid, #readEqualaid { margin-left: 15px; font-size: 18px; line-height: 25px; float: left; width: 209px; padding: 30px 15px 30px 85px; background: url(../i/iconFilm.png) no-repeat left center; } #usersSay { float: left; width: 573px; font-size: 18px; margin: 15px; } #usersSay li { margin: 15px; } #about table { line-height: 40px; width: 100%; clear: both; background: #b6cd2d; font-size: 14px; } #about table td { padding: 0 10px; position: relative; } #about thead td { font-size: 20px; text-align: center; } #about thead td:first-child { text-align: left; } #about tbody td { background: #d3e181; } #about tbody tr.odd td { background: #f0f5d5; } #about .middle { border-left: 3px solid #b6cd2d; border-right: 3px solid #b6cd2d; } #about .checked { background: url(../i/iconOk.png) no-repeat center; } #about .checked, #about .unchecked { text-indent: -9999px; display: block; } #nowFree { position: absolute; margin-top:-85px; right: 0; display: block; height: 104px; width: 105px; z-index: 10; text-indent: -9999px; background: url(../i/nowfree-en.png); } #aboutSignup { display: block; width: 279px; margin: 15px; height: 231px; background: url(../i/aboutSignup.png); } #aboutPayment { text-indent: -9999px; background: url(../i/aboutPayments.png) no-repeat left top; padding-bottom: 15px; margin: 15px 0 50px; } #aboutCharities { clear: both; margin-right: -15px; overflow: auto; } #aboutCharities li { text-indent: -9999px; background: url(../i/aboutCharities.png); float: left; margin: 0 15px 15px 0; width: 305px; height: 96px; border: 2px solid #eee; } #aboutCharities a { display: block; height: 96px; width: 305px; } #aboutCharities #mtkl { background-position: 0 -96px; } #aboutCharities #stc { background-position: 0 -192px; } #aboutCharities #wv { background-position: 0 -288px; } #aboutCharities #sll { background-position: 0 -384px; } #aboutCharities #sos { background-position: 0 -480px; } #simplemodal-overlay {background-color:#000; } .modal-about { width: 633px; background-color: #FFF; display: none; padding: 10px; } .modal-about #about ul { padding:0; } .modal-about #about li { width: 250px; margin-right: 15px; } #modal-login { width: 653px; height: 350px; background-color: #FFF; display: none; padding: 10px; } #modal-login iframe, #modal-login div.simplemodal-data { width: 653px; height: 330px; } #modal-login div.simplemodal-data { } .modalScroll { max-height: 530px; overflow: auto; } a.img { border-bottom: none; } a.img:hover { border-bottom: none; background: none; } button.ok { background-color: #668907; } button.notice { background-color: #ff9c00; } button.error { background-color: #fe6f6f; } #browse #resultsThreeColumn li.buybutton, .productList li.buybutton, #shopProductList li.buybutton { float: none !important; position: absolute !important; right:0; margin:0; } /* container */ .buybutton .info { background: #444 url(../i/buttonBg.png); /* height: 19px;*/ line-height: 20px; float: right; padding: 0 5px 2px; /*color: #fff !important; */} /* included in 'ok', 'notice' and 'error' class elements */ .buybutton .ok { padding-bottom: 0px; background: #668907; } /* padding-bottom is 0 because of loading image proper alignment */ .buybutton .notice { padding-bottom: 0px; background: #ff9c00; } .buybutton .error { padding-bottom: 0px; background: #fe6f6f; } .buybutton a { text-decoration: none; color: #fff; border-bottom: 1px dotted #fff; float: none; padding: 0;} .buybutton a:hover { /* background: #ddd;*/ border-bottom: 1px solid #fff; } .buybutton button { height: 20px; line-height: 20px; padding: 0 3px; cursor: pointer; } .buybuttonLarge button { height: 32px; line-height: 32px; font-size: 14px; } .buybuttonLarge .info { height: 30px; line-height: 32px; padding-bottom: 2px;} .songList .buybutton .ok, .songList .buybutton .notice, .songList .buybutton .error { width: 150px; } #questions h1 { background: url(../i/8-questions-banner.png); height: 157px; padding:0; text-indent: -9999px; margin-bottom: 30px; } #questions .question { font-weight: bold; font-size: 14px; } #questions ol li { margin: 30px 0; background: #fff url(../i/QuestionOne.png) no-repeat 0 3px; padding-left: 50px; } #questions ol li.q_2 { background-image: url(../i/QuestionTwo.png); } #questions ol li.q_3 { background-image: url(../i/QuestionThree.png); } #questions ol li.q_4 { background-image: url(../i/QuestionFour.png); } #questions ol li.q_5 { background-image: url(../i/QuestionFive.png); } #questions ol li.q_6 { background-image: url(../i/QuestionSix.png); } #questions ol li.q_7 { background-image: url(../i/QuestionSeven.png); } #questions ol li.q_8 { background-image: url(../i/QuestionEight.png); } #questionsPaleface h2 { background: url(../i/teaserPaleface.jpg); height: 229px; text-indent: -9999px; } #questionsIrina h2 { background: url(../i/teaserIrinaSmall.jpg); height: 229px; text-indent: -9999px; } .likenotice { position: absolute; top: -10px; right: 26px; z-index: 10; padding: 5px; width: auto; color: #000; background: #eee; border: 1px solid #ddd; font-size: 12px; line-height: 18px; font-weight: normal; width: 120px; display: none; } .checkoutBubble { float: right; height: 239px; padding-right: 100px; background: url(../i/checkoutPerson.png) top right no-repeat; width: 209px; } .receiptItems { width: 633px; border-bottom: 1px solid #ddd; } .receiptItems tr:hover td { background: #eee; } .receiptItems td { padding: 10px 5px; font-size: 18px; vertical-align: top; border-top: 1px solid #ddd; } .receiptItems .FBshare { width: 100px; } #boughtItemsTitle { margin-bottom: 100px; } #shareReceipt { position: absolute; width: 109px; height: 69px; background: url(../i/shareArrow.png); margin: -80px 0 0 430px; text-indent: -9999px; } a.dp-choose-date, a.dp-choose-date:hover { width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(../i/calendarPopup.png) no-repeat; border: none; } a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; } /* makes the input field shorter once the date picker code * has run (to allow space for the calendar icon */ input.dp-applied { width: 140px; float: left; } #sellAlbumInProfile .addOk { background-color: #668907; } #blogContent .blogcomments { margin: 5px; padding: 15px; background-color: #fff; } #artistProgram { background: url(../i/artistProgramBg.png) no-repeat; padding: 15px 15px 40px; overflow: auto; } #artistProgramLeft { width: 598px; float: left; margin-right: 50px; } #artistProgramLeft #moreInfo { margin-left: 35px; } #artistProgram h1 { background: none; color: #000; padding:0; font-size: 30px; font-weight: bold; width: 600px; } #artistProgram li { min-height: 40px; font-size: 16px; margin: 30px 0; padding-left: 35px; line-height: 26px; background-position: 0 5px; background-repeat: no-repeat; } #artistProgram form { margin: 40px 0; } #artistProgram form, #artistProgram input { font-size: 16px; line-height: 26px; } #artistProgram h3 { font-size: 30px; margin-bottom: 30px; } #artistProgram button { background-color: #b6cd2e; } #overload { margin-bottom: 100px; font-size: 30px; text-align: center; padding-top: 400px; background: url(../i/overload.png) no-repeat top center;} #overload p { line-height: 50px; }