/*--------------------- RESET -----------------------*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; } body,textarea { font:100%/1em "Lucida Grande", Helvetica, sans-serif; color:#333; } pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; } em { font-style:italic; } ul,ol { list-style:none; } fieldset,img { border:none; } img, input, button { vertical-align:middle; } caption,th { text-align:left; } table { border-collapse:collapse; border-spacing:0; } /*--------------------- FIREFOX FIXES -----------------------*/ html { overflow-y:scroll; } input:focus, textarea:focus, select:focus, a:focus { outline:0; } button::-moz-focus-inner { border:0; border-style:0; } button:active:hover { /*border:0; border-style:0;*/ } input[type="hidden"] { display:none !important; visibility:hidden !important; } #frmRedirect { display:none; } /*------------------ CHORDC STYLE --------------------*/ html { background:#e9e4dc url(/img/site/backgrounds/gradient_tan.png) repeat 50% 0; } body { background:url(/img/site/backgrounds/topBackground.png) repeat-x 50% 0; } /* LINKS */ a, a:visited { color:#ee4923; text-decoration:none; } a:hover { color:#2b96c2; text-shadow:0 0 3px rgba(71,164,202,1);} /* HEADINGS */ h1, h2, h3, h4, h5, h6 { position:relative; font-weight:normal; } h1, h2, h3, h4 { font-family:"Georgia", serif; } h5, h6 { font-family:"Lucida Grande", Helvetica, sans-serif; } /* easier to read on smaller text */ h1 { color:#492c24; margin-bottom:.5em; line-height:normal; } h2 { margin-bottom:1.2em; text-shadow: #f9f9f9 0 1px 0;} h3 { margin-bottom:1em; color:#554430; text-shadow: #f9f9f9 0 1px 0; } h4 { margin-bottom:1em; color:#442700; text-shadow: #f9f9f9 0 1px 0;} p { margin-bottom:1em; font-size:13px; line-height:1.5em; text-shadow: #f9f9f9 0 1px 0;} hr { color:#d4d4d4; background-color:#d4d4d4; } ul.tos { margin-bottom:1em; font-size:13px; line-height:1.5em; } ul.tos li { margin:10px 20px; list-style:disc; } ul.tos li ul li { list-style:circle; } address { margin:10px; padding:5px; font-size:10px; } /* FORMS */ input[type="text"], input[type="password"], input[type="file"], select, textarea { padding:5px; border:1px solid #cec2bd; font-size:12px; background:#fff url(/img/share/backgrounds/case-shadow.png) repeat-x 0 0; border-color:#cec2bd #f8f8f8 #f8f8f8 #cec2bd; -webkit-border-radius:3px; -moz-border-radius:3px; } input[type="radio"], input[type="checkbox"], button { cursor:pointer; } input[type="checkbox"][disabled="disabled"] { cursor:auto; } select { padding:.5em; } legend { padding:.5em; font-size:.9em; } /*------------- SKIPPER ---------------*/ dl.skipper { position:absolute; top:-900px; left:10px; text-align:left; z-index:10; } dl.skipper dt a { display:block; padding:5px; width:200px; border:1px dotted #663300; background-color:#e8e8e8; } dl.skipper dt a:focus, .skipper dt a:active { display:block; position:absolute; top:110px; left:10px; z-index:3000; } /*------------- GENERAL ---------------*/ .clear { clear:both; `height:0; _height:auto; margin:0 !important; } .clearL { clear:left; } .clearR { clear:right; } .clearNone { clear:none !important; } .autoWidth { width:auto !important; } .strike { text-decoration:line-through; } .noWrap { white-space:nowrap; } .cursorDefault { cursor:default; } .floatL { float:left; } .floatR { float:right; } .hide { display:none; } .hideHard { display:none !important; } .show { display:block; } .showHard { display:block !important; } .txtReg { font-weight:normal; font-style:normal; } .txtCenter { text-align:center; } .txtSubColor1 { color:#666 !important; } .txtSubColor2 { color:#888 !important; } .txtSubColor3 { color:#999 !important; } .txtSubColor4 { color:#aaa !important; } .txtCapitalize { text-transform:capitalize; } .font10 { font-size:10px !important; } .font11 { font-size:11px !important; } .font12 { font-size:12px !important; } .font13 { font-size:13px !important; } .font14 { font-size:14px !important; } .font15 { font-size:15px !important; } .regFontFamily { font-family:"Lucida Grande", Helvetica, sans-serif !important; } .styledFontFamily { font-family:"Georgia", serif !important; } .noMarginTopBot { margin-top:0 !important; margin-bottom:0 !important; } .noPaddingTopBot { padding-top:0 !important; padding-bottom:0 !important; } .noMarginTop { margin-top:0 !important; } .noMarginBot { margin-bottom:0 !important; } .noMarginRight { margin-right:0 !important; } .noPaddingTop { padding-top:0 !important; } .noPaddingBot { padding-bottom:0 !important; } .noBorder { border:none !important; } .noScroll { overflow:hidden !important; } .abs { position:absolute; } .absTL { position:absolute; top:0; left:0; } .absTR { position:absolute; top:0; right:0; } .absBL { position:absolute; bottom:0; left:0; } .absBR { position:absolute; bottom:0; right:0; } .inline { display:inline !important; } .inlineBlock { display:inline-block !important; display:-moz-inline-box !important; } .hintHelper { color:#777; } /* element classes */ a.lnkSubColor { color:#2b96c2 !important; } a.lnkSubColor:hover { color:#1a6e8f !important; } input.btnSubmitHide { display:none !important; `display:block !important; `position:absolute !important; `width:1px !important; `border:none !important; `background:url(/img/share/common/blank.gif) repeat 0 0 !important; } p.info { padding:10px 11px 10px 12px; color:#463620; font-size:12px; background-color:#fff8cc; border:1px solid #ffe223; text-shadow:0 1px 0 #fff; -moz-border-radius:10px; -webkit-border-radius:10px; } iframe.hiddenIframe { display:none; background:transparent; } /* symbol classes */ .editSymbol { position:relative; top:3px; font-style:normal; } /*-------------------- MAIN FRAMEWORK ----------------------*/ .mainWrapper { position:relative; margin:0 auto; width:960px; } #Header, #Footer, #Content { clear:both; position:relative; } #Content { margin-bottom:41px; } #Content .mainWrapper { background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border:2px solid #d4d4d4; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.4); } .public #Content .mainWrapper { background:none; -webkit-border-radius:none; -moz-border-radius:none; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; } /*--------------------- BREADCRUMB AREA -----------------------*/ #Profile.profilePage .breadcrumb, div.breadcrumb { margin:0 10px; font-size:80%; color:#41392f; text-align:left; padding-bottom:10px; border-bottom:1px solid #efefef; text-transform:capitalize; } div.breadcrumb a { color:#2b96c2; } div.breadcrumb a.yourProfile { color:#ee4923; margin-right:10px; padding-right:12px; border-right:1px dotted #d4d4d4; } .profHeader div.breadcrumb .action { margin-top:-6px; } div.breadcrumb .action { position:relative; z-index:2; float:right; margin:-3px 10px 0; } div.breadcrumb .action > a, div.breadcrumb .action .divider, div.breadcrumb .action .addtoany_list { float:left; } div.breadcrumb .action .awesome { color:#fff; } div.breadcrumb .action .awesome.smallBtn { font-size:11px; font-weight:bold; } div.breadcrumb .action > a { margin-top:3px; } div.breadcrumb .action > a.awesome { margin-top:1px; } div.breadcrumb .action .divider { margin:2px 12px 0 10px; color:#aaa; } input.a2a_menu_find { background-image:none; } /*---------------- HEADER ------------------*/ #Header { position:relative; padding:0; color:#bdb2ac; z-index:1; } #Header .mainWrapper { background:url(/img/site/common/menuboard.png) no-repeat 50% 0; padding:2px; height:65px; } #Header .logo { position:absolute; top:7px; left:0; } #Header .logo img { width:231px; height:67px; } #Header a.logoLink { position:absolute; right:30px; top:1px; width:188px; height:48px; } h2.greeting { font-family:Helvetica, Arial, sans-serif; margin:0 230px 0 290px; padding-top:18px; font-size:18px; font-weight:normal; color:#fff; text-shadow:0 -1px 1px rgba(0,0,0,1); } h2.greeting strong { font-weight:bold; } h2.greeting a { font-size:12px; text-decoration:none; color:#6c5b56; } h2.greeting a:hover { color:#fff; } h2.greeting small { position:absolute; top:17px; right:10px; font-size:10px; color:#ddd; } h2.greeting small span.divider { margin:0 2px } h2.notLoggedIn { margin-left:305px; } /* main menu */ ul.mainMenu { position:absolute; top:0; left:35px; } ul.mainMenu li.main { position:relative; float:left; margin:0; padding:18px 40px 18px 20px; border-right:1px solid #261c18; border-left:1px solid #4e3f38; text-shadow:0 -2px 2px rgba(0,0,0,1); } ul.mainMenu li.noDropDown { padding-right:18px; } ul.mainMenu li.first { border-left:0; border-right:1px solid #261c18; } ul.mainMenu li.last { } ul.mainMenu li a.mainLink { float:left; color:#d1ccca; font-size:14px; text-decoration:none; text-transform:uppercase; } ul.mainMenu li a.mainLink:hover { color:#fff; } ul.mainMenu li a.more { position:absolute; top:18px; right:15px; width:16px; height:16px; background-color:#d1ccca; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; } ul.mainMenu li a.more:hover { background-color:#110a07; } ul.mainMenu li a.more img { position:relative; top:-2px; width:10px; height:10px; background:url(/img/share/sprites/menuArrow.png) no-repeat 0 -10px; } ul.mainMenu li a.more.sel { background-color:#ddd; } ul.mainMenu li a.more.sel:hover { background-color:#bbb; } ul.mainMenu li a.more.sel img { background-position:0 -10px; } /* main nav selector */ #Profile ul.mainMenu li.profile, #Chords ul.mainMenu li.chords, #Community ul.mainMenu li.community { background:#110a07 url(/img/site/common/menu_sel.png) no-repeat 50% 50%; text-shadow:0 2px 2px rgba(0,0,0,1); } #Profile ul.mainMenu li.profile a.mainLink, #Chords ul.mainMenu li.chords a.mainLink, #Community ul.mainMenu li.community a.mainLink { color:#fff; } #Chords ul.mainMenu li.chords a.more, #Community ul.mainMenu li.community a.more, #Profile ul.mainMenu li.profile a.more { background-color:#5e372a; } #Chords ul.mainMenu li.chords a.more:hover, #Community ul.mainMenu li.community a.more:hover, #Profile ul.mainMenu li.profile a.more:hover { background-color:#bbb; } #Chords ul.mainMenu li.chords a.more img, #Community ul.mainMenu li.community a.more img, #Profile ul.mainMenu li.profile a.more img { background-position:0 0; } /* Drop Down Menus */ ul.menuDD { display:none; padding:0 0 5px; position:absolute; z-index:90; min-width:180px; margin:0; background-color:#fff; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:5px; -moz-box-shadow:0 1px 10px rgba(0,0,0,0.8); -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.8); border:1px solid #d4d4d4; } ul.menuDD li:first-child { border-top:1px solid #d4d4d4;} ul.menuDD li { border-bottom:1px solid #d4d4d4; white-space:nowrap; } ul.menuDD li a { position:relative; display:block; _width:100%; _height:1%; padding:8px 15px 7px 8px; color:#333; font-size:13px; text-decoration:none; } ul.menuDD li a:hover { color:#fff; background:#2b96c2 url(/img/share/common/overlay.png) repeat-x 0 50%; } ul.menuDD li a img { position:absolute; top:2px; right:3px; } /*---------------- FOOTER ------------------*/ #Footer { position:relative;margin-top:20px; background:#000 url(/img/site/backgrounds/darkwood.jpg) repeat 0 0; } #Footer .mainWrapper { clear:both; margin:0 auto; padding:20px 0; font-size:.9em;z-index: 100; } #Footer .innershadow { position: absolute; height:100%;width:100%;z-index: 50; } .pFooter .wrapper { width:64em; } .pFooter .sections { float:left; width:29%; margin:0 0 10px; padding:20px; } .pFooter .sections ul { margin:0 0 1em; } .pFooter .sections ul li { margin:0 10px 5px; } .pFooter .links { clear:both; margin:0 0 20px; padding:10px; color:#d4d4d4; font-size:11px; } .pFooter .links img { float:left; margin:5px 10px 5px 5px; } .pFooter .links img.lang_icon { float:none; margin:-5px 5px -5px -5px; padding-right:5px; border-right:1px dotted #efefef; } .pFooter .links .left { float:left; margin:5px 10px 5px 5px; } .pFooter .links .right { float:right; margin:10px 10px 5px 5px; } .pFooter .links li { float:left; margin-right:.5em; padding:6px 10px 2px 0; } .pFooter p em { font-style:italic; } .pFooter h3 { margin:0 1em 1em 0; color:#7c6b5c; text-shadow: #000 0 -1px 0;} .pFooter p { clear:both; margin:0 0 .5em; line-height:1.2em; font-size:.9em; color:#999; text-shadow: #000 0 -1px 0;} /* language select */ .language { position:relative; } #languageSelect { position:absolute; bottom:35px; right:10px; width:180px; padding:5px 0; background-color:#fff; border:1px solid #d4d4d4; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3); } #languageSelect li:first-child { border-top:1px solid #efefef;} #languageSelect li { float:none; margin:0; padding:0; border-bottom:1px solid #efefef; white-space:nowrap; } #languageSelect li a { position:relative; display:block; padding:5px 5px 8px 10px; color:#333; font-size:13px; text-decoration:none; border:none; } #languageSelect li a.sel { color:#333; background:#999 url(/img/share/common/overlay.png) repeat-x 0 50%; } #languageSelect li a:hover { color:#fff; background:#2b96c2 url(/img/share/common/overlay.png) repeat-x 0 50%; } /*------------------------- PAGE CONTENT HEADER ---------------------------*/ #pContentHeader { position:relative; } /* Home Page */ #hero { text-align: center; } .pgHome #pContentHeader { margin:0 auto 20px; } .pgHome #pContentHeader h1 { margin-bottom:0; font-weight:normal; font-size:300%; text-align:center; } .pgHome #pContentHeader h2 { margin-bottom:35px; color:#666; text-align:center; line-height:1.5em;font-size:18px; } .pgHome #pContentHeader p.top { margin-bottom:0; border-bottom:1px dotted #999; } .pgHome #pContentHeader h1 em { color:#ee4923; } .pgHome #pContentHeader h1 a:link { text-decoration:none; color:#492C24;} .pgHome #pContentHeader h1 strong { font-weight:bold; } .testimonial { overflow:hidden; } .pgHome .testimonial h2 { font-size:18px; margin-bottom: 15px; padding:12px 0 25px; border-bottom:1px solid #F1F0ED; } .testimonial h2 { color:#554430; } .testimonial h4 { line-height:1em; margin-bottom:4pt; } .testimonial h4 small { color:#666; } .testimonial .bubble { margin:0 0 15px; } .testimonial .bubbleWrap { position:relative; } .testimonial .bubbleWrap .bubbleTip { position:absolute; top:-10px; left:18px; } .testimonial .bubbleWrap .iProfileS { position:absolute; top:8px; left:13px; } .testimonial .bubbleWrap blockquote { padding:0 15px 10px; font-size:8pt; color:#76726A; } /* Signup Page */ .signUp #pContentHeader { text-align:center; } /* My Guitar Chords, coming soon... */ .createChord #pContentHeader { text-align:center; } /* Profile Secondary Pages */ #Profile #pContentHeader { padding-bottom: 10px; border-bottom:1px solid #d4d4d4; } #Profile #pContentHeader div.content { float:left; } #Profile #pContentHeader img.pageImg { float:left; width:80px; height:80px; margin:0 10px 10px; } #Profile #pContentHeader h1 { width:650px; margin:-5px 260px 0 0; padding:12px 0 15px 15px; line-height:26px; overflow:hidden; } #Profile #pContentHeader h1 small { display:block; margin:2px 0 10px; font-size:15px; font-weight:normal; color:#888; line-height:24px; } #Profile #pContentHeader h1 .addRemoveSongWrap { position:absolute; z-index:3; bottom:7px; right:5px; } #Profile #pContentHeader h1 .addRemoveSongWrap a { padding-top:3px; font-size:10px; font-weight:bold; } #Profile #pContentHeader .toggleModeButton a.action { padding:2px 4px 3px 2px; line-height:15px; } #Profile #pContentHeader .toggleModeButton a.action strong { position:relative; top:-2px; right:-3px; font-size:10px; font-weight:normal; } #Profile #pContentHeader .infoBox { position:absolute; top:0; right:0; margin:0 10px; padding:8px 10px 12px; width:245px; height:70px; font-size:12px; border-left:1px dotted #d4d4d4; } #Profile.pgSong #pContentHeader .infoBox { width:254px; } #Profile #pContentHeader .infoBox li { color:#888; } /*#Profile.pgSong #pContentHeader .infoBox { padding-top:10px; }*/ #Profile #pContentHeader div.content input{ margin-bottom:5px; } #Profile #pContentHeader div.content textarea{ width:430px; } .friendRequested { margin:0; padding:5px 10px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#ebffc1; font-size:11px; color:#555; text-align:center; } /* private messages */ #Profile.message #pContentHeader h1 { width:auto; } /*------------------ PAGE CONTENT --------------------*/ .pageTitle { position:relative; overflow:hidden; margin:auto; margin-bottom:40px; padding:5px 10px 10px; text-align:center; border-bottom:1px solid #d4d4d4; } .public .bodyContent { clear:both; } .public .bodyContent h1 { font-size:300%; text-shadow: 0 1px 0 #f9f9f9; } .public .content h3 { font-size:180%; padding:10px 0; } .public .content h4 { font-size:130%; padding:10px 0; } /*----------------------------- HOMEPAGE -------------------------------*/ #Home .bodyContent { background:transparent; min-height:450px; } #Home .bodyContent .action { margin-bottom:20px; } #Home .bodyContent .action .grid_3 { margin:0 10px; } #Home .bodyContent .action h3 { margin-bottom:10px; } #Home .bodyContent .action p { font-size:12px;line-height:1.3em;color:#666; } #Home .bodyContent .action a.awesome { display:block; } #homeTabContent { position:relative; background:url(/img/site/home/splitter.png) no-repeat 100% 15%; } #homeTabContent .wrap { padding:0; height:350px; background:url(/img/site/home/splitter.png) no-repeat 0 15%; } #homeTabContent str]ong { font-weight:bold; } #homeTabContent .tabView { position:absolute; top:20px; left:0; height:480px; width:100%; display:none; } #homeTabContent .tabView .action { text-align:center; } #homeTabContent .tabView img { position:absolute; top:-40px; left:50px; } #homeTabContent #playSection img { top:-35px; } #homeTabContent .action { margin:0 auto 1em; padding:15px 0 5px; width:100%; font-size:.9em; text-align:center; overflow:hidden; } #homeTabContent .action a { position:relative; top:-1px; display:inline-block; padding:0; margin:0 2px; } #homeTabContent .action a.last { border:none; } #homeTabContent .action a.selected { color:#a29f98; } #Home .grid_6 { margin-left:30px; width:320px; } #Home .searchModule {margin:195px 125px 0 20px;} #Home .searchModule .listModule {margin:0;padding:10px 15px 0; border-bottom:1px solid #999; z-index:2; background:#c2c9d5 url(/img/share/common/overlay.png) repeat-x 0 0; text-shadow:0 1px 0 #fff;-webkit-border-radius:5px; -moz-border-radius:5px; } #Home .searchModule .search { top:5px; left:5px; } #Home .marketing { margin-top:20px; padding:20px; -webkit-border-radius:8px; -moz-border-radius:8px; border:2px solid #d4d4d4; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.4); } .marketing { background:#fff; } .marketing .case { margin-bottom:10px; padding-top:10px; } .marketing .wrapper { position:relative; margin:0; min-height:30px; padding:10px; width:auto; } .marketing .wrapper img { position:absolute; left:10px; top:0; } .marketing .wrapper img.smallicon { left:13px; top:0; } .marketing .top { height:10px; } .marketing h2 { margin:0 0 10px; font-weight:normal; font-size:25px; } .marketing h3 { margin:2px 0 0 50px; font-size:18px; font-weight:normal; color:#333;} .marketing p { margin:0 0 10px 60px; padding:0; } .marketing p a { margin:5px 10px; text-decoration:none; } .marketing ol { margin-top:25px; border-top:1px solid #f1f0ed;} .marketing ol li { margin:0 0 2px; padding:15px; font-size:9pt; color:#76726a; border-bottom:1px solid #f1f0ed; } .marketing .chord-finder { margin:0 0 1em; padding:10px; } .marketing .chord-finder .left { float:left; margin:-15px 5px 5px -10px; } /* PUBLIC PAGE */ .content.main { /*padding-left:40px;*/ } .content.subpanel { padding:15px; } #Help .content.main,#Static .content.main { padding-left:0; } /* BIO */ ul.who { position:relative; margin:0; padding:0;} ul.who li { border:1px solid #ccc6bc; display:block; margin:0 0 10px; padding:0; background-color:#fff; overflow:auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ul.who li .img { position:relative; float:left; margin:5px; border:1px solid #ccc6bc; } ul.who li img { display:block; } ul.who li blockquote { margin:7px 0 5px; padding:10px 0; color:#666; font-size:12px; line-height:1.2em; border-top:1px solid #ccc6bc; } ul.who li div { margin:10px; } ul.who li h4 { margin:0; color:#4c342a; } ul.who li em { display:block; margin-top:5px; color:#4c342a; font-size:.9em; } ul.who li p { margin:0 0 .5em; } ul.who li p.contact { clear:both; text-align:right; margin:0; padding:5px; font-size:.8em; border-top:1px solid #ccc6bc; } /* Sub Menu */ ul.staticMenu { position:relative; margin:0 0 20px; padding:5px; font-size:80%; background-color: #201919; -moz-border-radius:8px; -webkit-border-radius:8px; } ul.staticMenu li { border-bottom:1px solid #111;border-top:1px solid #222; display:block; margin:0; padding:0; overflow:hidden; } ul.staticMenu li a { display:block; padding:10px; color:#999; } ul.staticMenu li a:hover { background-color:#333; color:#fff; } ul.staticMenu li a.sel { color:#333; background:#e1d9ba url(/img/site/backgrounds/menu_sel_light.png) no-repeat scroll -100px 0; -moz-border-radius:4px; -webkit-border-radius:4px;} /*------------------ COMMUNITY -------------------*/ #Community .marketing { margin-top:0; width:auto; } #Community .marketing .case { padding:0 10px; width:auto; } #Community .marketing .wrapper img.smallicon { display:none; } #Community .marketing .wrapper { padding:7px 0; width:auto; } #Community #twitter_div .twitter-title { margin-left:0; font-size:14px; } #Community #twitter_div ol li { padding:5px 0; font-size:.7em; } #Community #twitter_update_list { margin-top:10px; } /*------------------ PROFILE PAGE -------------------*/ #Profile .pageTitle { margin-bottom:0; } #Profile div.memberName { margin:0 10px; padding:10px 15px 15px; border-bottom:2px solid #b9b1af; background-color:#6f3c2c; background:#6f3c2c url(/img/site/backgrounds/contentHeader.jpg) repeat 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; } #Profile div.memberName .wrap { width:100%; } #Profile div.memberName .wrap td { vertical-align:top; } #Profile div.memberName .wrap td:first-child { width:1%; border-right:1px dotted #888; } #displayMemberName { position:relative; float:left; margin-bottom:0; padding-right:15px; min-width:85px; white-space:nowrap; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,1); } #displayMemberName .iTick { margin-top:-3px; width:21px; height:14px; background-position:0 -680px; } #displayMemberName .friendRequested { position:absolute; bottom:-15px; left:1px; font-size:9px; font-weight:normal; color:#ffff00; font-family:Helvetica, Arial, sans-serif; letter-spacing:1px; } /* Status Update */ #statusQuote { position:relative; padding:0 4px 0 17px; } /* Status Display */ #statusQuote .displayWrap { position:relative; padding-right:26px; } #statusQuote .displayWrap blockquote { position:relative; top:1px; width:410px; float:left; color:#f1f1f1; font-style:italic; font-size:16px; font-family:Georgia,"Times New Roman",serif; text-shadow:0 -1px 0 rgba(0,0,0,1); } #statusQuote .displayWrap .btnStatus { position:absolute; top:2px; right:0; font-size:12px; } /* Status Form */ #statusQuote form textarea { width:98%; height:40px; } #statusQuote form textarea.question { color:#888; } /* Side Panel */ .sidePanel { padding:10px 0; } /* Body Content */ .bodyContent { min-height:450px; padding-top:10px; } .bodyContent.additional { margin-top:15px; min-height:inherit; } /* ex: chords/index.php (songs with chord) */ .bodySection { margin:0 10px; position:relative; } /* bodySection goes inside .bodyContent */ .bodyContent.additional .bodySection h2 { margin-bottom:12px; padding:10px 0; } /* Area Specifics */ #Profile .sidePanel, #Chords .sidePanel, #Community .sidePanel { padding-top:10px;} #Profile .bodyContent, #Chords .bodyContent, #Community .bodyContent { min-height:1128px; padding-top:10px; } #Chords .bodyContent { min-height:695px; } #Chords.pgChordFinder .bodyContent { min-height:725px; } #Chords.pgChordSearch .bodyContent { min-height:780px; } #Profile.pgMessage .bodyContent, #Profile.pgPhotoAlbum .bodyContent, #Profile.pgSong .bodyContent { min-height:450px; padding-bottom:10px; } #Chords .bodyContent.additional { min-height:545px; } #profilePic { position:relative; padding:10px 10px 15px; min-height:125px; text-align:center; } #profilePic img.profile { display:block; margin:0 auto; } #profilePic .iEdit { position:absolute; bottom:5px; right:5px; height:15px; text-indent:-9000em; } #profilePic p { padding:10px 0; margin:0 auto; } #profilePic p a { color:#2b96c2; text-decoration:none; } #profilePic p a:hover { color:#ee4923; } #avatarUploadFrame { width:100%; height:108px; background:transparent; } #frmProfilePicUpload .selectSlot { margin:5px; font-size:11px; } #frmProfilePicUpload .msg { float:right; padding:10px; width:150px; height:40px; border-left:1px dotted #888; } #frmProfilePicUpload .msg p { margin:0; line-height:1em; } #frmProfilePicUpload .error { color:#880000; font-size:12px; } form.personalInfoBox { margin:0; } .profHeader { text-align:left; } .profHeader h1 { position:relative; top:-5px; margin-bottom:0; font-size:17px; color:#333; } .profHeader .profImage { float:left; margin:-13px 10px -10px -10px; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; } .profHeader .profName { margin-top:8px; text-transform:capitalize; } .profHeader .profName .breadcrumb { margin:0; padding-bottom:0; border:none; } .areaMenu { margin:0 0 10px; border-top:1px solid #efefef; font-size:13px; } .areaMenu li { position:relative; border-bottom:1px solid #efefef; } .areaMenu li a { position:relative; display:block; padding:7px 28px 8px 38px; text-decoration:none; } .areaMenu li a.sel { color:#41392f; background:#e1d9ba url(/img/site/backgrounds/menu_sel_light.png) no-repeat -100px 0; } .areaMenu li a > img { position:absolute; top:3px; left:5px; } .areaMenu li .totMyMessagesNewWrap { position:relative; } .areaMenu li .totMyMessagesNewWrap .iNew { position:absolute; top:-5px; right:-24px; } .areaMenu li .badge { position:absolute; top:6px; right:6px; z-index:1; margin-left:5px; } /* .areaMenu li.separator { padding:5px 5px 5px; color:#41392f; font-size:11px; font-weight:bold; text-transform:uppercase; border-top:3px solid #d4d4d4; border-bottom:3px solid #d4d4d4; background-color:#efefef; } not using this .separator*/ .actionWrapper { position:relative; z-index:2; padding:10px 10px 5px; background-color:#ebebeb; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topright:0; -moz-border-radius-topleft:0; } /*.actionWrapper.aboveSectionSwitcher { border-bottom:1px solid #999; -moz-border-radius:0; -webkit-border-radius:0; }*/ .actionWrapper.belowSectionSwitcher { border-top:1px solid #999; top:-2px; } .actionWrapper .addAction { position:relative; top:1px; font-size:13px; font-weight:bold; text-shadow:0 1px 0 #fff; } .actionWrapper .addAction a { color:#333; } .actionWrapper .addAction .divider { padding:0 3px; } .actionWrapper .closeAll { float:right; margin-left:10px; padding:3px 0 3px 8px; font-size:11px; border-left:1px dotted #d4d4d4; } body.pgMessage .actionWrapper { margin-bottom:10px; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-topleft:4px; } /* ADMIN AREA */ #Admin h3.memberName { margin:10px 0; } #Admin .areaMenu li a { padding:5px; text-decoration:none; } #Admin .bodySection strong { font-weight:bold; } #Admin .bodySection form { margin-bottom:1px; border-bottom:1px solid #d4d4d4; background-color:#efefef; } #Admin .bodySection fieldset { padding:20px; } #Admin .bodySection .fileSave button { float:left; margin-right:15px; width:40%; height:35px; text-align:center; vertical-align:middle; line-height:30px; } #Admin .bodySection .fileSave p { margin-bottom:0; height:40px; line-height:30px; } #Admin .bodySection textarea { margin-bottom:10px; width:96%; height:200px; font-size:12px; font-family:'Courier New'; } /* AVATARS */ .avatar1 { width:50px; height:50px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #d4d4d4; background-color:#fff !important; } .avatar2 { width:60px; height:60px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #d4d4d4; background-color:#fff !important; } /* PHOTO ALBUMS */ .photoAlbumsView .imgWrapper { display:block; overflow:hidden; } .photoAlbumsView .imgWrapper a { display:block; margin:0 auto; padding:10px 20px 10px 10px; background:url(/img/site/backgrounds/photoAlbum.png) no-repeat 50% 50%; } .photoAlbumsView .imgWrapper img { display:block; width:70px; height:100px; background-position:50% 50%; } .photoAlbumsView div.photoThumbsWrap { clear:left; margin:13px 0 10px; overflow:hidden; } .photoAlbumsView div.photoThumbsWrap .listModule { border:none; } .photoAlbumsView div.photoThumbsWrap dd { float:left; clear:none; width:auto; margin:2px; padding:0; border:1px solid #d4d4d4; text-align:center; overflow:hidden; } .photoAlbumsView div.photoThumbsWrap dd img { display:block; width:50px; height:50px; background-position:50% 50%; } .photoAlbumsView div.photoThumbsWrap dd a { display:block; margin:0 !important; padding:0 !important; width:50px; height:50px; overflow:hidden; border:3px solid #fff; } .photoAlbumsView div.photoThumbsWrap dd a:hover { border-color:#ee4923; } .photoAlbumsView div.photoThumbsWrap dd a.sel { border-color:#ee4923; } .photoAlbumsView div.photoThumbsWrap .viewAll { border:0 !important; } .photoAlbumsView div.photoThumbsWrap .viewAll a { padding-top:25px !important; height:30px !important; font-size:10px !important; border:0 !important; } .photoAlbumsView div.photoThumbsWrap .viewAll a.hide { display:none; } .photoAlbumsView div.photoThumbsWrap .noRecs { border:none !important; font-size:13px; text-align:left; } .photoAlbumsView div.photoThumbsWrap .noRecs a { display:inline; width:auto; height:auto; border:none; } .photoAlbumsView div.photoThumbsWrap .noRecs .msg { display:block; margin-top:3px; color:#333; } /* FRIENDS */ .friendsView .imgWrapper { display:block; overflow:hidden; } .friendsView .imgWrapper a { display:block; margin:0 auto; } .friendsView .imgWrapper img { display:block; width:50px; height:50px; background-position:50% 50%; } .friendsView .contentInfo .title { padding-top:20px !important; } .friendsView ul.actionList { margin:0 0 10px; overflow:hidden; } .friendsView ul.actionList li { float:left; margin:2px 20px 2px 2px; } .friendsView ul.actionList li a { padding:0 !important; font-size:10px !important; } /* INFO */ .allInfo { margin-bottom:35px; } .allInfo .personalInfoBox:first-child { margin-top:22px; } .personalInfoBox { margin:10px 0 26px; } .personalInfoBox form { margin-bottom:32px; } .personalInfoBox h2 { margin-bottom:20px; padding-top:.5em; border-bottom:1px solid #efefef; font-size:15px; } .personalInfoBox h2 span.title { float:left; padding:0 10px 0 20px; margin-top:-.6em; background-color:#fff; color:#6f3c2c; } .personalInfoBox h2 a.edit { float:right; padding-left:10px; margin-top:-.8em; font-size:11px; border-left:1px dotted #d4d4d4; background-color:#fff; } .personalInfoBox form dl { padding-top:5px; } .personalInfoBox dl { margin:5px 0; padding:1px 0; overflow:hidden; } .personalInfoBox dl dt { float:left; clear:left; margin:2px 10px 5px 2px; padding-top:2px; width:11.6em; font-size:10px; text-align:right; color:#999; } .personalInfoBox dl dd { float:left; margin:2px 2px 5px; width:33em; font-size:16px; line-height:1.2em; color:#666; } .personalInfoBox dl dt.section { float:none; clear:both; margin-top:-5px; padding:15px; width:90%; text-align:left; color:#999; font-size:14px; } .personalInfoBox label { display:block; padding:2px 0 3px; } .personalInfoBox label.cb.single { width:280px !important; margin-bottom:4px; } .personalInfoBox label.cb.single input[type="checkbox"] { margin:-5px 3px 0 0; } .personalInfoBox input[type="text"], .personalInfoBox input[type="password"], .personalInfoBox input[type="file"], .personalInfoBox select, .personalInfoBox textarea { margin-bottom:6px; } .personalInfoBox input[type='radio'] { margin-right:8px; } .personalInfoBox .radios { display:block; margin:0 0 0 2px; } .personalInfoBox .radios label { float:left; width:auto; margin-right:12px; font-size:12px; } .personalInfoBox input.text { width:93%; } .personalInfoBox input.text:focus { border:1px solid #2b96c2; } .personalInfoBox textarea { width:93%; height:100px; } .personalInfoBox small { position:relative; top:-2px; font-size:10px; color:#999; } .personalInfoBox dl dd.username input { width:180px; } .personalInfoBox dl dd.username em { font-size:11px; } .personalInfoBox dl dd.empty { padding:4px; } /* PROFILE IMAGES */ #profileImages a { position:relative; float:left; margin:0 15px 5px 0; padding:5px; width:80px; height:80px; text-align:center; background:url(/img/site/backgrounds/profileImageCase.png) no-repeat 0 0; } #profileImages a.sel { background-position:0 -90px; } #profileImages a.empty b { display:block; margin-top:35px; font-size:10px; } #profileImages a .iconS { position:absolute; bottom:-25px; left:35px; } #profileImages .clear { padding-top:20px; } #profileImages span { position:absolute; top:0; left:0; padding-top:20px; width:90px; height:60px; font-size:30px; opacity:.5; filter:alpha(opacity=50); } #profileImages a:hover span { opacity:1; filter:alpha(opacity=100); } #profileImages a.sel span { opacity:1; filter:alpha(opacity=100); color:#2B96C2; } .uploadInput { padding:10px; width:95%; background-color:#ebebeb; -moz-border-radius:3px; -webkit-border-radius:3px; } .uploadInput #userfile { font-size:10px; } .uploadInput a { margin-left:5px; padding:5px 10px; font-size:11px; } .uploadInput a.save { border:1px solid #888; color:#fff; background-color:#ee4923; } .uploadInput a.save:hover { background-color:#888; } /* SIGNUP SIGN IN */ .logInForm { margin:10px 210px 0 315px; position:relative; } .logInForm a.closeMe { position:absolute; top:-23px; right:18px; } .logInForm div { position:relative; } .logInForm div label { position:absolute; top:5px; left:10px; font-size:10px; color:#888; } .logInForm input.text { padding:5px; width:155px; } .logInForm input[name="password"] { width:140px; } .resetPasswordForm input[name="email"] { width:178px; } .logInForm span.or { position:relative; top:2px; margin:0 1px 0 5px; font-size:10px; } .logInForm .btnSignUp { position:relative; top:2px; font-size:12px; } .logInForm input { vertical-align:middle; } .logInForm a { color:#fff; } .logInForm a:hover { color:#ddcf81; } .logInForm .floatL { margin-right:5px; } .logInForm .rememberMe, .resetPasswordMsg, .logInForm .lnkForgotPass { position:absolute; top:5px; right:7px; font-size:10px; text-align:right; color:#333; } .logInForm .rememberMe { margin-left:130px; } .logInForm .lnkForgotPass { margin-right:50px; top:0; right:auto; left:128px; padding:5px 10px; font-size:14px; } .loginMsg { color:#900400; padding:10px 5px; border:1px solid #ae5241; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#f1f8d4; } /* SIGNUP BUBBLE */ #signupBubble { display:none; position:absolute; top:0; left:0; z-index:1; width:418px; padding:10px 0 0; font-size:12px; } #signupBubble strong { font-weight:bold; } #signupBubble .innerWrapper { padding:5px 10px 8px; background:#eaf1f3 url(/img/share/backgrounds/bubble-seperator.png) repeat-y -50px 0; color:#554430; border:1px solid #a7c2ca; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -moz-box-shadow:0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2); overflow:hidden; } #signupBubble .bubbleTip { position:absolute; top:0; left:365px; z-index:1; } #signupBubble .iconS { float:left; margin:5px 20px 0 0; } #signupBubble .msg { display:block; margin-left:50px; } #signupBubble .innerWrapper a { color:#EE4923; } #signupBubble .innerWrapper a:hover { color:#2B96C2; } /* TOGGLE MODE BUTTONS ----------------------*/ /* default styles for the list module toggle mode button */ div.toggleModeButton { z-index:2; position:absolute; top:4px; right:5px; } div.toggleModeButton a.toggleMode { display:none; min-width:28px; min-height:24px; padding:0; border:none !important; } div.toggleModeButton a.sel { display:block; } div.toggleModeButton a.toggleMode img { position:relative; float:right; top:0 !important; left:0 !important; } .listModule div.toggleModeButton a.toggleMode img { left:-2px !important; } div.toggleModeButton a.display img { top:0 !important; } div.toggleModeButton a.toggleMode strong { position:relative; left:-1px !important; top:4px !important; font-size:10px; } div.toggleModeButton a.display strong { left:0 !important; } /* example toggle mode on the song display page */ #pContentHeader div.toggleModeButton { top:-5px; } #pContentHeader div.toggleModeButton a.toggleMode { display:block; padding-left:0 !important; } #pContentHeader div.toggleModeButton a.toggleMode strong { top:3px !important; } .content .signUpWrapper .closeMe { display:none; } /* LIST MODULE --------------*/ .viewWrap { position:relative; margin-top:8px; } .viewWrap.standAlone { top:-5px; } #Community .viewWrap { top:-5px; } #Chords .listModule { border-bottom:none; } .listModule { position:relative; border-top:1px solid #d4d4d4; } .listModule .contentWrap { position:relative; z-index:1; } .listModule .results { padding:10px; border-bottom:1px solid #d4d4d4; } .listModule .results h3 { margin-bottom:0; } .listModule .results p { margin-bottom:0; } .listModule .results .voice { padding:40px 0 18px; } .listModule .results .dia { position:relative; float:left; margin:5px 22px; } .listModule .search input.go, .listModule .search .listModuleSearchBtn { margin:0 5px 0 0; padding:5px; width:auto; border:none; background:transparent; color:#990000; font-weight:bold; font-size:12px; text-transform:uppercase; text-shadow:0 1px 0 #fff; } .lmDisplayMode .lmHideMe { display:none; } /* title */ .viewWrap h1 { margin:0 0 5px; padding:2px 2px 6px; color:#41392f; font-size:22px; line-height:1em; text-transform:capitalize; } .viewWrap h1 small { font-size:15px; text-transform:none; } .viewWrap h2 { color:#41392f; font-size:20px; } /* search results */ .viewWrap .content .filterTitle { padding:8px 10px 10px 8px; font-size:12px; font-weight:bold; color:#777; background-color:#f1f1f1; border-bottom:1px solid #d4d4d4; } .viewWrap .content .filterTitle a, .viewWrap .content .filterTitle span { display:inline; } .viewWrap .content .filterTitle a.showAll { padding:1px 8px; color:#fff; font-weight:normal; } .viewWrap .content .filterTitle span.divider { padding:0 4px 0 5px; color:#999; } /* section switch buttons */ .sectionSwitchBtns { position:relative; z-index:2; font-size:12px; min-height:36px; background:#ebebeb; -moz-border-radius:0 0 4px 4px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px;} .sectionSwitchBtns ul { position:relative; top:6px; left:10px; } .sectionSwitchBtns ul li { float:left; display:block; padding:1px 6px 6px; } .sectionSwitchBtns ul li:first-child { padding-left:2px; border-left:none; } .sectionSwitchBtns ul li.action { padding-bottom:0; } .sectionSwitchBtns ul li.action a { display:block; position:relative; top:-3px; left:-10px; padding:1px 10px 0; color:#333; /*color:#ee4923;*/ background-color:transparent; border:none; text-transform:none; } .sectionSwitchBtns ul li.action a:hover { color:#ee4923; /*color:#2b96c2;*/ } .sectionSwitchBtns ul li.action a strong { position:relative; top:1px; font-size:13px; font-weight:bold; text-shadow:0 1px 0 #fff; } .sectionSwitchBtns .msg { clear:left; padding:14px 15px 3px; font-size:12px; } .sectionSwitchBtns.standalone { margin:7px 0 15px; padding:6px 0 0; -moz-border-radius:8px; -webkit-border-radius:8px; } /* search */ .viewWrap .search { position:absolute; top:-2px; left:-5px; padding:5px 10px; } .viewWrap .search label { position:relative; top:2px; left:-2px; color:#444; font-size:14px; font-weight:bold; } .viewWrap .search input { width:140px; padding:4px; border-color:#aaa; -moz-border-radius:2px; -webkit-border-radius:2px; } .viewWrap .search a { position:relative; top:2px; left:3px; color:#ee4923; font-size:12px; letter-spacing:1px; } .viewWrap .search a:hover { color:#2b96c2; } .songsWithChords { position:absolute; top:2px; right:10px; } /* actions */ .viewWrap .actions { position:relative; z-index:1; height:34px; padding:0 10px 5px 5px; `padding-bottom:3px; font-size:10px; } .viewWrap .actions.header { border-bottom:1px solid #999; z-index:2; background:#c2c9d5 url(/img/share/common/overlay.png) repeat-x 0 0; text-shadow:0 1px 0 #fff; } .viewWrap .actions.footer { padding:5px 10px 10px; border-top:1px solid #f1f0ed; z-index:auto; } .viewWrap .actions .wrap { position:relative; top:4px; } /* pagination */ .listModuleFrm .pagiTitleBar { position:absolute; top:0; right:0; margin-right:7px; } .listModuleFrm .pagi { float:right; margin-top:5px; } .listModuleFrm .pagiBot { margin-top:8px; } .listModuleFrm .pagi * { float:left; } .listModuleFrm .pagi b { float:none; } .listModuleFrm .pagi a, .listModuleFrm .pagi span { height:20px !important; padding:0 5px !important; } .listModuleFrm .pagi a { color:#2b96c2; text-decoration:none; } .listModuleFrm .pagi .main { position:relative; top:-2px; font-size:19px; /*font-weight:bold;*/ } .listModuleFrm .pagi .main.prevIndicator { padding:0 7px 0 5px !important; } .listModuleFrm .pagi .main.nextIndicator { padding:0 5px 0 7px !important; } .listModuleFrm .pagi .main.firstIndicator, .listModuleFrm .pagi .main.lastIndicator { } .listModuleFrm .pagi span.sel { color:#333; } .listModuleFrm .pagi .nav img { position:relative; top:-2px; width:20px; } .listModuleFrm .pagi em, .listModuleFrm .cnt { font-style:normal; font-size:10px; color:#ccc; } .listModuleFrm .disabled { color:#ccc; } .listModuleFrm .pagi em { padding:0 6px 0 8px; float:none; } .listModuleFrm .pagi .nav { font-size:12px; } .listModuleFrm .cnt { float:left; } /* filter */ .listModule .filter { position:relative; top:-2px; left:7px; float:right;} .listModule .filter .selector { position:relative; float:left; border-left:1px solid #d4d4d4; } .listModule .filter h6 { position:relative; font-weight:normal; font-size:13px; } .listModule .filter h6 a { display:block; padding:9px 35px 10px 11px; color:#ee4923; text-decoration:none; text-transform:capitalize; white-space:nowrap; } .listModule .filter h6 a:hover { color:#2b96c2; } .listModule .filter h6 a img { position:absolute; top:2px; right:7px; } .listModule .filter h6 a.sel { color:#575757; } .listModule .filter h6 a.sel:hover { color:#333; } .listModule .filter .menu { display:none; position:absolute; top:38px; right:0; padding:5px 0; width:200px; background-color:#fff; z-index:200; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:0 1px 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.5); border:1px solid #d4d4d4; } .listModule .filter .menu dd { padding:0; border-bottom:1px solid #d4d4d4; } .listModule .filter .menu dd:first-child { border-top:1px solid #d4d4d4; } .listModule .filter .menu a { font-size:13px; display:block; padding:5px 30px 5px 10px; color:#333; text-decoration:none; text-transform:capitalize; } .listModule .filter .menu a:hover, .listModule .filter .menu a.sel { background:#2B96C2 url(/img/share/common/overlay.png) repeat-x 0 50%; color:#fff; } /* content */ .listModule .content dt.header { border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#f1f1f1; } .listModule .content dt strong { position:relative; float:left; font-size:12px; text-align:left; white-space:nowrap; border-right:1px solid #d4d4d4; } .listModule .content dt strong.sortBy { padding:8px 0; width:50px !important; text-align:left; } .listModule .content dt strong.checkbox { padding:8px 5px; width:15px !important; } .listModule .content dt strong.checkbox input { position:absolute; top:10px; left:6px; } .listModule .content dt strong.last { width:136px !important; } /*.listModule .content .headers4 dt strong { width:169px; } .listModule .content .headers5 dt strong { width:135px; } .listModule .content .headers6 dt strong { width:112px; } .listModule .content .headers7 dt strong { width:96px; }*/ .listModule .content dt a, .listModule .content dt span { display:block; padding:8px 25px 8px 10px; text-decoration:none; font-weight:bold; color:#2b96c2; } .listModule .content dt a:hover { color:#333 !important; background-color:#e4e4e4; } .listModule .content dt a.sel { color:#333; background:#e1e1e1 url(/img/share/backgrounds/top-shadow.png) repeat-x 0 0; } .listModule .content dt a .sortArrow { position:absolute; top:8px; right:5px; width:16px; height:15px; padding:0; background:url(/img/site/icons/sortArrow.png) no-repeat 1px 0; } .listModule .content dt a .asc { background-position:1px 0; } .listModule .content dt a .desc { background-position:1px -16px; } .listModule .content dd.noRecs {width:100%; color:#666; } body.pgSong .listModule .content dd.noRecs { width:100%; } .listModule .content dd { clear:both; float:left; width:100%; } .listModule .content dd.sel { background-color:#efefef; } .listModule .content dd a { text-decoration:none; } .listModule .content .contentGutter { position:relative; float:left; padding:1px 0; width:100px; text-align:center; } .listModule .content .contentGutter small { padding:5px 10px; color:#888; font-size:10px; } .listModule .content .contentGutter i { float:left; margin-top:30%; } .listModule .content .contentGutter .imgWrapper { float:right; } .listModule .content .contentGutter .rating { padding-top:8px; text-align:left; } .listModule .content .contentInfo { position:relative; float:right; width:580px; min-height:40px; border-bottom:1px solid #F1F0ED; border-top:1px solid #fff; } .listModule .content .contentInfo.full { width:100%; min-height:70px; } .listModule .content .contentInfo.full:hover { background-color:#ebebeb !important; } .listModule .content .contentInfo.noHover:hover { background-color:transparent !important; } .lmDisplayMode .listModule .content .contentInfo.full .rowWrap { padding-left:5px !important; } .listModule .content .contentInfo.full .rowWrap { padding:10px 0 15px 23px; overflow:auto; } .listModule .content .contentInfo .right { float:right; color:#d4d4d4; font-size:10px; } .listModule .content .contentInfo .title { display:block; padding:10px 10px 0 0; color:#41392F; font-size:13px; } .listModule .content .contentInfo .title .buttons { float:left; } .listModule .content .contentInfo .title .buttons a { } .listModule .content .contentInfo .title .buttons a:hover { border-bottom:1px solid #ee4923; } .listModule .content .contentInfo .title .buttons span.divider { margin:0 10px; border-right:1px dotted #888; } .listModule .content .contentInfo .title a { } .listModule .content .contentInfo .title a:hover { color:#ee4923; } .listModule .content .contentInfo .message { position:relative; padding:8px 15px 9px; margin-bottom:0; background-color:#fefefe; color:#666; font-size:12px; border:1px solid #efefef; -moz-border-radius:5px; -webkit-border-radius:5px; } .listModule .content .contentInfo .poster { display:block; padding:0; font-size:80%; } .listModule .content .contentInfo .poster small { color:#999; } .listModule .content .contentGutter .checkbox { position:absolute; top:10px; left:6px; } .listModule .content .contentInfo .checkbox { position:absolute; top:10px; left:5px; } .listModule .content .contentInfo .checkbox.iconS { top:30px; left:0; } .listModule .content .contentInfo .sub { font-size:11px; color:#999; } .listModule .content .contentInfo a { margin-bottom:5px; } .listModule .content .contentInfo .col1 { float:left; width:270px; } .listModule .content .contentInfo .col2 { float:left; width:210px; } .listModule .content .contentInfo .rating { clear:left; float:left; margin-left:8px; } .listModule .content .contentInfo .rating small { position:relative; font-size:11px; color:#999; } .listModule .content .contentInfo .memNameDate { text-align:right; top:5px; right:10px; } .listModule .content .contentInfo .memNameDate .creator { white-space:nowrap; } .listModule .content .contentInfo .memNameDate .creator a { display:inline; padding:0; font-size:12px; } .listModule .content .contentInfo .listTotComments { display:block; margin:1px 10px 0 155px; font-size:10px; } /* songs */ .listModule .content .contentInfo.full.songs { background:#fff url(/img/share/backgrounds/feed-seperator.png) repeat-x 0 0; } .lmDisplayMode .listModule .content .contentInfo.full.songs { background-position:-100px 0; } .listModule .content .contentInfo.full.songs .rowWrap { padding:8px 0 8px 23px; } .listModule .content .contentInfo.songs a { padding:0 10px; } .listModule .content .contentInfo.songs a.songTitle { font-size:14px; font-weight:bold; } .listModule .content .contentInfo .col2.songArtist { margin-bottom:0; padding:1px 10px 6px; color:#777; font-size:12px; } /* members */ .listModule .content .contentInfo.members { background:#fff url(/img/share/backgrounds/feed-seperator.png) repeat-x 0 0; } .listModule .content .contentInfo.members .avatarLnk { position:absolute; top:8px; left:28px; padding:0; margin:0; } .lmDisplayMode .listModule .content .contentInfo.members .avatarLnk { left:10px; } .listModule .content .contentInfo.members .friendRequested { position:absolute; z-index:1; right:10px; width:75px; font-size:9px; border:none; -webkit-border-radius:5px;-moz-border-radius:5px; } .listModule .content .contentInfo.members span.friendRequested { color:#777; } .listModule .content .contentInfo.members { min-height:68px; } .listModule .content .contentInfo.members a.memberName { font-size:16px; text-transform:capitalize; padding:0; } .listModule .content .contentInfo.members a.songCollection { margin:0; padding:0; color:#2B96C2; } .listModule .content .contentInfo.members a.songCollection:hover { color:#888; } .listModule .content .contentInfo.members .col1 { width:190px; } .listModule .content .contentInfo.members .info { position:relative; margin-left:70px; } .listModule .content .contentInfo.members .location { display:block; float:left; margin-bottom:5px; font-size:11px; color:#666; } .listModule .content .contentInfo.members .location .lbl { display:block; float:left; padding-right:5px; } .listModule .content .contentInfo.members .location .val { display:block; float:left; width:150px; } .listModule .content .contentInfo.members .location .val.state { width:75px; } .listModule .content .contentInfo.members .info .date { position:relative; top:-3px; left:10px; } /* private messages */ .listModule .content .contentInfo.members.messages { min-height:25px; } .listModule .content .contentInfo.messages .iNew { position:absolute; top:55px; left:38px; } .lmDisplayMode .listModule .content .contentInfo.messages .iNew { left:21px; } .listModule .content .contentInfo.messages .avatarLnk { top:8px; } .listModule .content .contentInfo.messages .outerLinks { position:relative; font-size:10px; text-align:right; } .listModule .content .contentInfo.messages .outerLinks .btns { float:none; margin:17px 7px 0 0; } .listModule .content .contentInfo.messages .outerLinks .btns .divider { padding:0 3px; } .listModule .content .contentInfo.messages .subject { display:block; margin-bottom:8px; } .listModule .content .contentInfo.messages .lbl { display:block; float:left; width:50px; } .listModule .content .contentInfo.messages .info { top:-5px; } .lmDisplayMode .listModule .content .contentInfo.messages .info { margin-left:70px; } .listModule .content .contentInfo.messages .dateReceived { right:8px; } /* friend requests */ .listModule .content .contentInfo.friendRequests { min-height:60px; } .listModule .content .contentInfo.friendRequests .avatarLnk { position:absolute; top:6px; left:15px; margin-bottom:0; } .listModule .content .contentInfo.friendRequests .info { float:left; margin-left:85px; } .listModule .content .contentInfo.friendRequests .info .msg { display:-moz-inline-box; display:inline-block; margin:4px -1px 4px; color:#666; } .listModule .content .contentInfo.friendRequests .info a { display:-moz-inline-box !important; display:inline-block !important; } .listModule .content .contentInfo.friendRequests .info .date { position:absolute; top:15px; right:15px; } .listModule .content .contentInfo.friendRequests .info .awesome { margin:2px 5px 0; } /* feeds */ .listModule .content .contentInfo.feeds { background:#fff url(/img/share/backgrounds/feed-seperator.png) repeat-x 0 0; } .listModule .content .contentInfo.feeds .wrap { margin:25px 0 0 75px; } .listModule .content .contentInfo.feeds .avatarLnk { position:absolute; top:9px; left:11px; padding:0; margin:0; } .listModule .content .contentInfo.feeds h6.type, .listModule .content .contentInfo.feeds .date { position:absolute; top:8px; left:70px; font-size:11px; color:#444; } .listModule .content .contentInfo.feeds h6.type { top:5px; font-weight:bold; } .listModule .content .contentInfo.feeds h6.type b { font-size:13px; } .listModule .content .contentInfo.feeds h6.type small a { padding:0; font-size:10px; } .listModule .content .contentInfo.feeds .date { left:auto; top:10px; right:10px; font-size:10px; text-align:right; line-height:13px; color:#999; text-shadow:0 1px 0 #fff; } .listModule .content .contentInfo.feeds .date a { padding:0; font-size:10px; } .listModule .content .contentInfo.feeds p.msg { margin-bottom:5px; width:490px; font-size:12px; color:#666; } .lmDisplayMode .listModule .content .contentInfo.feeds p.msg { margin-left:18px; } .listModule .content .contentInfo.feeds p.msg span.msg { display:block; float:left; color:#666; } .listModule .content .contentInfo.feeds p.msg a { font-size:12px; } .lmDisplayMode .listModule .content .contentInfo.feeds p.msg.photo { margin-left:95px; } .listModule .content .contentInfo.feeds p.msg.photo { padding:10px; min-height:60px; margin-left:77px; } .listModule .content .contentInfo.feeds a.photo { position:absolute; left:81px; top:34px; padding:3px; border:2px solid #d4d4d4; background-color:#fff; } .listModule .content .contentInfo.feeds a.photo:hover { background-color:#ee4923; } .listModule .content .contentInfo.feeds a.photo img { height:75px; } /* photo albums */ #lmPhotoAlbums .listModule .content .contentInfo { min-height:108px; border:0; } #lmPhotoAlbums .listModule .content .contentInfo .title { padding-left:5px; } /* videos */ #lmMyVideos .listModule .content dd { clear:none; width:50%; position:relative; } #lmMyVideos .listModule .content dd input.checkbox { position:absolute; top:10px; left:6px; } #lmMyVideos .listModule .content dd a.edit { position:absolute; bottom:22px; right:30px; } #lmMyVideos .listModule .content dd.noRecs { width:100%; } #lmMyVideos .listModule .content div.video { float:left; margin:10px 10px 15px 22px; min-height:315px; text-align:center; border:1px solid #d4d4d4; } #lmMyVideos .listModule .content div.video object, #lmMyVideos .listModule .content div.video embed { width:322px !important; height:281px !important; margin:0 0 8px; } #lmMyVideos .listModule .content div.video a, #lmMyVideos .listModule .content div.video strong { display:block; margin:1px 0 15px; font-size:12px; } #lmMyVideos .listModule .content div.video small.date { position:relative; top:-10px; color:#888; font-size:11px; } #lmMyVideos .listModule .content div.video .videoPlaceHolder { width:322px !important; height:281px !important; background-color:#ccc; /*-moz-border-radius:5px; -webkit-border-radius:5px;*/ } /* band land */ .bandLandInfo .personalInfoBox dl dt { /*width:13.6em;*/ } #lmBandLand .bandList .rowWrap { padding:12px 0 4px 23px; } #bandLand { padding:5px 0; overflow:hidden; } .membersJoin { margin-bottom:25px; float:left; width:338px; } .membersNeeded { margin-bottom:25px; float:right; width:338px; } .membersJoin h2, .membersNeeded h2 { margin-bottom:10px; font-size:18px; } .bandList { margin:10px 0 0; padding:0; } .bandList .member { margin:0; padding:10px 0 0; } .bandList .member .avatarLnk { float:left; width:60px; margin-right:2px; } .bandList .member .info { float:left; width:570px; margin-bottom:25px; padding:0 10px 0 20px; background:url(/img/site/common/bubbleMiddle_2.png) repeat-y 0 0; } .bandList .member .info h4 { font-size:16px; margin:-15px -20px 4px; padding:10px 20px; background:url(/img/site/common/bubbleTip_2.png) no-repeat 0 0;} .bandList .member .info strong { font-size:10px; font-weight:bold; } .bandList .member .info p { margin-bottom:2px; } .bandList .member .info .bottom { margin:4px -20px -10px; height:10px; background:url(/img/site/common/bubbleBottom_2.png) no-repeat 0 100%; } .bandList .member .msg { clear:both; margin:10px 10px 10px 80px; padding:5px; } .howmany { text-align:center;margin:10px 0 20px; color:#888; } .howmany a { color:; text-decoration:underline; font-size:14px; } /* LIST POPUP MENU */ div.listPopup { position:absolute; top:0; left:0; z-index:2; padding:5px 0; min-width:220px; background-color:#e2e2de; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-box-shadow:0 1px 20px rgba(0,0,0,0.8); -webkit-box-shadow:0 1px 20px rgba(0,0,0,0.8); } div.listPopup h6 { position:relative; padding:5px 10px; color:#463620; font-size:11px; font-weight:bold; } div.listPopup a.closeMe { position:absolute; top:0; right:-2px; } div.listPopup dl { margin-top:0; background-color:#fff; } div.listPopup dd { border-bottom:1px solid #d4d4d4; } div.listPopup dd:first-child { border-top:1px solid #d4d4d4; } div.listPopup dd a { display:block; padding:5px 30px 5px 10px; color:#333; font-size:13px; background-color:#fff; } div.listPopup dd a:hover { background:#2B96C2 url(/img/share/common/overlay.png) repeat-x 0 50%; color:#fff; } /*--------------------- FORMS (general) -----------------------*/ .form br { clear:left; } .form.altBG1 { background-color:transparent; /*-moz-box-shadow:inset 1px 1px 10px #ddd; -webkit-box-shadow:inset 1px 1px 10px #ddd;*/ } .form.altBG1 input[type="text"], .form.altBG1 input[type="password"], .form.altBG1 input[type="file"], .form.altBG1 select, .form.altBG1 textarea { border-color:#cec2bd #ddd #ddd #cec2bd; } .form label.cb { cursor:pointer; } .form label.cb.single { width:125px; white-space:nowrap; } .form img.captcha { margin-right:5px; border:1px solid #d4d4d4; } .form .successDisplayMsg { padding:25px 0; text-align:center; font-size:15px; color:#666; } /*--------------------------------------------------- FLYOUT FORMS (structure, inherits from .form) -----------------------------------------------------*/ .flyoutForm { position:relative; z-index:1; top:-3px; margin:0 0 15px; padding:20px 20px 20px; background-color:#ebebeb; -moz-border-radius:8px; -webkit-border-radius:8px; } .flyoutFormInline { top:0; height:auto; margin:0; padding:0; } /* ex: stand alone song edit page */ .flyoutForm.belowSectionSwitcher { top:0; } .flyoutForm.aboveSectionSwitcher { top:0; margin:0 10px; padding-top:12px; border-bottom:1px solid #d4d4d4; -moz-border-radius:0; -webkit-border-radius:0; } .flyoutForm.inSectionSwitcher { padding-top:14px; } .flyoutForm.single textarea { width:96%; height:100px; } .flyoutForm.noBg { background:none; } .flyoutForm.noRndBrds { -moz-border-radius:0; -webkit-border-radius:0; } .flyoutForm.noTopRndBrds { -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; } .flyoutForm label { display:block; float:left; width:100px; margin-top:5px; padding:0; font-size:14px; color:#555; } .flyoutForm label img { padding:2px; background-color:#fff; border:1px solid #aaa; } .flyoutForm .wideLbl { width:320px; } .flyoutForm .name { float:left; padding:5px; } .flyoutForm textarea { width:82%; height:105px; margin-bottom:5px; line-height:14px; } .flyoutForm input, .flyoutForm select { display:block; float:left; width:182px; margin:0 0 12px; } .flyoutForm select { width:194px; margin-bottom:13px; } .flyoutForm .wideFld { width:82%; } .flyoutForm input[type='checkbox'] { width:15px; } .flyoutForm2 label { margin-top:4px; } .flyoutForm2 textarea { margin-bottom:11px; } .flyoutForm2 input, .flyoutForm2 select { margin-bottom:17px; } .flyoutForm.horizontalFields input, .flyoutForm.horizontalFields select { margin-right:18px; } /* date picker */ .flyoutForm .datePicker.labelLeft { } .flyoutForm .datePicker label.date { } .flyoutForm .datePicker.labelLeft label.date { position:relative; top:-9px; } .flyoutForm .datePicker .wrap label.month { width:60px; } .flyoutForm .datePicker .wrap label.day { width:40px; } .flyoutForm .datePicker .wrap label.year { width:47px; } .flyoutForm .datePicker .wrap select { margin-right:10px; } .flyoutForm .datePicker .wrap select.month { width:66px; } .flyoutForm .datePicker .wrap select.day { width:47px; } .flyoutForm .datePicker .wrap select.year { width:60px; } .flyoutForm .datePicker .wrap select { width:100px; } /*-------------------------------- FLYOUT FORMS (individuals) ----------------------------------*/ /* song creation */ body.pgSong .frmSongCreate { display:block; } .frmSongCreate a.addArtistBtn { top:12px; right:10px; width:30px; } .frmSongCreate p.info { display:inline; margin-left:20px; } /* new message */ .frmNewMsg input[name='subject'] { width:82%; } /* feedback */ .frmFeedback { margin-top:0; padding:20px; min-height:405px; } .frmFeedback input[name='name'], .frmFeedback input[name='email'] { width:250px; } .frmFeedback input[name='subject'] { width:79%; } .frmFeedback textarea { width:79%; height:175px; } .frmFeedback input[name='captcha'] { float:none; display:inline-block; margin:0; } .frmFeedback label.captcha { width:320px; margin-bottom:15px; } /* quick message */ .frmQuickMsg { height:105px; margin:10px 0 0; padding-bottom:10px; } .frmQuickMsg textarea { height:45px; width:96%; } /* album creation */ .frmAlbum { height:252px; } .frmAlbum .comments { height:120px; width:82%; } /* video creation */ .frmVideo { top:-6px; height:258px; } .frmVideo label { width:148px; margin-right:6px; text-align:right; } .frmVideo input[name="title"], .frmVideo textarea[name="video"] { width:465px; } .frmVideo select[name="songId"] { width:477px; } .frmVideo textarea[name="video"] { height:75px; font-size:10px; } .flyoutForm.frmVideo .datePicker.labelLeft label.date { top:-1px; } /* video edit */ .frmVideo.frmVideoEdit { top:auto; top:354px; left:-228px; position:absolute; width:535px; padding-top:26px; } .frmVideo.frmVideoEdit input[name="title"], .frmVideo.frmVideoEdit textarea[name="video"] { width:365px; } .frmVideo.frmVideoEdit select[name="songId"] { width:377px; } /* community wall post */ #Community .frmWallPost { padding-top:10px; } #Community .frmWallPost { margin:10px 0; padding-bottom:8px; } #Community .frmWallPost label { width:70px; } #Community .frmWallPost .avatar { position:relative; top:0; } #Community .frmWallPost textarea[name="feed"] { float:left; width:74%; height:57px; } /* all forms and edit page adjustments */ /* edit album */ body.pgPhotoAlbum .frmAlbum { display:block; height:auto; } body.pgPhotoAlbum .frmAlbum #pContentHeader { padding-bottom:10px; } body.pgPhotoAlbum .frmAlbum #pContentHeader a.addPhoto { position:absolute; bottom:12px; right:10px; font-size:13px; } body.pgPhotoAlbum .frmAlbum #pContentHeader .content { padding-top:10px; } body.pgPhotoAlbum .frmAlbum #pContentHeader .content .wideFld { width:350px; } body.pgPhotoAlbum .frmAlbum #pContentHeader .content textarea { width:85%; height:68px; } /* edit photo */ body.pgPhotoAlbum #bigPhoto .frmAlbumPhoto { position:relative; top:0; padding:10px; height:auto; font-size:14px; background-color:#efefef; -moz-border-radius:10px; -moz-border-radius:10px; } body.pgPhotoAlbum #bigPhoto .frmAlbumPhoto label[for='caption'] { width:75px; } body.pgPhotoAlbum #bigPhoto .frmAlbumPhoto #caption { width:545px; } body.pgPhotoAlbum #bigPhoto .frmAlbumPhoto .photoPrivacySelect { width:260px; } body.pgPhotoAlbum #bigPhoto .frmAlbumPhoto .photoPrivacy { margin:10px 0; } body.pgPhotoAlbum #bigPhoto .frmAlbumPhoto .datePicker { margin:10px 0; } body.pgPhotoAlbum #bigPhoto .frmAlbumPhoto label.albumCoverFld { margin:-2px 0 8px; font-size:12px; font-weight:bold; } body.pgPhotoAlbum #bigPhoto .frmAlbumPhoto label.albumCoverFld input[type="checkbox"] { margin:1px 6px 2px 0; } /* upload photo */ body.pgPhotoAlbum #uploadPhoto .frmAlbumPhoto { top:auto; margin:0 0 10px; } body.pgPhotoAlbum #uploadPhoto .frmAlbumPhoto .photoDate { float:left; margin-left:20px; } /* album edit */ .frmAlbumEdit { height:255px; top:10px; } .frmAlbumEdit .wideFld { width:427px; } .frmAlbumEdit .comments { width:79%; } /* photo upload (uses a hidden iframe) */ .frmAlbumPhoto { height:292px; top:10px; } .frmAlbumPhoto .wideFld { width:426px; } .frmAlbumPhoto .wideLbl { display:block; width:190px; margin-bottom:5px; font-size:14px; } .frmAlbumPhoto input.upload { height:32px; width:400px; margin-bottom:15px; font-size:19px; } .frmAlbumPhoto .info { position:relative; top:-4px; } .frmAlbumPhoto select.photoPrivacySelect { width:175px; } .frmAlbumPhoto a.submitButton { position:relative; } .frmAlbumPhoto .picRights { position:absolute; z-index:1; bottom:22px; right:27px; width:340px; font-size:10px; color:#999; } /*--------------------- BUTTONS WRAPPER -----------------------*/ /* general */ .form .btns { margin:6px 0 5px; } .form .btns .awesome { margin-left:6px; } .form .btns .awesome:first-child { margin-left:0; } .form .btns.btnsLeft { padding-left:5px; } /* flyout forms */ .flyoutForm .btns { padding-left:100px; } .flyoutForm2 .btns { margin-top:10px; } /* list module action buttons */ .listModule .btns { float:left; } .listModule .btns .awesome { margin-left:10px; } .listModule .btns .awesome:first-child { margin-left:0; } /* feed buttons */ div.feedBtns { position:absolute; bottom:20px; right:15px; } div.feedBtns a { width:80px; padding:5px 10px; font-size:11px; background-color:#d4d4d4; color:#fff; -webkit-border-radius:10px;-moz-border-radius:10px; } div.feedBtns a:hover { background-color:#ee4923; } .lmDisplayMode div.feedBtns a { display:none; } /* individuals forms */ .frmFeedback .btns { margin-top:22px; } .frmVideo .btns { padding-left:155px; } .frmEditProfile .btns { padding-left:128px; } .frmNewMsg .btns { padding-left:100px; } #Community .frmWallPost .btns { float:left; margin-top:8px; padding-left:20px; } #statusQuote .form .btns { margin:10px 0 0 0; } /*----------------------------------- SEND MESSAGE BUTTONS AND FORM -------------------------------------*/ .dhtmlFrmAndBtns { } .dhtmlFrmAndBtns .toggleBtns { padding:0 0 0 15px; font-size:13px; } .dhtmlFrmAndBtns .toggleBtns.iconBtns { } .dhtmlFrmAndBtns .toggleBtns .iconS { margin-top:-4px; } .dhtmlFrmAndBtns .form { margin-top:14px; } /* individuals forms */ .allInfo .dhtmlFrmAndBtns { margin:12px 0 30px; } .commentsWrap .dhtmlFrmAndBtns .form { margin-top:20px; } .commentsWrap .dhtmlFrmAndBtns .toggleBtns.iconBtns { position:absolute; z-index:2; right:40px; top:12px; } .bandList .dhtmlFrmAndBtns { clear:both; margin:0 0 15px; } .bandList .dhtmlFrmAndBtns .toggleBtns { padding:0 0 0 85px; } .bandList .dhtmlFrmAndBtns .form { margin-bottom:20px; } /*------------------ SIGN UP FORM --------------------*/ .signUpWrapper fieldset > div { position:relative; margin-bottom:10px; padding:5px 5px 6px; min-height:24px; background-color:#efefef; font-size:12px; -moz-border-radius:5px 5px 0 5px; -webkit-border-radius:5px; -webkit-border-bottom-right-radius:0; } .signUpWrapper fieldset > .oneLineWrap { padding:6px 14px 9px; } .signUpWrapper fieldset > .oneLineWrap label { float:left; margin:3px; } .signUpWrapper fieldset > .oneLineWrap input[type="checkbox"] { margin:-3px 3px 0 4px; } .signUpWrapper div em { clear:both; display:block; margin:0; padding:5px 10px; font-size:12px; text-align:right; color:#888; } .signUpWrapper .withAboveText { padding-top:30px; } .signUpWrapper .withAboveText .aboveText { position:absolute; top:-32px; left:-2px; white-space:nowrap; } .signUpWrapper label.wrap { display:block; float:none; margin:5px 0; padding:5px; width:auto; font-size:12px; } .signUpWrapper legend { margin:0 0 15px; font-size:10px; color:#777; } .signUpWrapper label { position:relative; float:left; margin:0 10px 0 0; padding:5px; font-size:10px; text-align:right; } .signUpWrapper label.captcha { padding:0 5px; } .signUpWrapper label.captcha img { display:block; border:1px solid #d4d4d4 } .signUpWrapper input { vertical-align:middle; position:relative; z-index:5; } .signUpWrapper select, .signUpWrapper input[type='text'], .signUpWrapper input[type='password'] { padding:4px; font-size:14px; font-weight:normal; } .signUpWrapper input[type='radio'] { margin-right:8px; } .signUpWrapper select { font-weight:normal; } .signUpWrapper .radios { float:left; margin:5px 0 4px; } .signUpWrapper .radios label { float:none; width:auto; margin-right:5px; font-size:12px; } .signUpWrapper .alreadyMember { padding:10px; font-size:12px; } .signUpWrapper a:hover { border-bottom:1px dotted #2b96c2; } .signUpWrapper a.extraLink { position:relative; top:-1px; margin:0 5px; font-size:9px; } .signUpWrapper .btns { margin:0; padding:1px 0; text-align:right; background-color:transparent; } .signUpWrapper .cb.wrap.tos { padding-left:50px; } /* double */ .signUpWrapper .double { padding-bottom:9px; } .signUpWrapper .double label { margin:0 10px 0 8px; } .signUpWrapper .double label:first-child { margin-left:0; } .signUpWrapper .double .radios label { margin:0 5px 0 0; } .signUpWrapper .double select, .signUpWrapper .double input[type='text'], .signUpWrapper .double input[type='password'] { float:left; } .signUpWrapper .double.oneLineWrap label { float:left; } .signUpWrapper .double.withSelects { padding-bottom:11px; } .signUpWrapper .double.withBtns { padding-bottom:14px; } .signUpWrapper .double.withBtns .btns { float:right; padding:1px 3px 1px 0; } /* widths */ .signUpWrapper { width:615px; } .signUpWrapper label { width:94px; } .signUpWrapper select, .signUpWrapper input[type='text'], .signUpWrapper input[type='password'] { width:472px; } .signUpWrapper select { width:481px; } .signUpWrapper .double select, .signUpWrapper .double input[type='text'], .signUpWrapper .double input[type='password'] { width:170px; } .signUpWrapper .double select { width:180px; } /*--------------------- SECONDARY PAGES -----------------------*/ /* private message */ #pMsg { background-color:#fefefe; } #pMsg .msgWrap:first-child { border-top:none; } #pMsg .msgWrap { position:relative; padding:25px 25px 15px; border-top:1px solid #F1F0ED; } #pMsg .msgWrap p.msg { margin:10px 0 10px 60px; padding:10px; background-color:#fefefe; border-left:2px solid #999; } #pMsg .msgWrap.mine p.msg { margin:10px 60px 10px 0; background-color:#fff; border-left:2px solid #F1F0ED;} #pMsg .msgWrap .avatarLnk { position:absolute; left:10px; top:10px; } #pMsg .msgWrap.mine .avatarLnk { right:15px; left:auto; } #pMsg .msgWrap .date { position:absolute; left:85px; top:10px; font-size:11px; color:#999; } #pMsg .msgWrap.mine .date { right:90px; left:auto; } #Profile .content.floatL { padding:10px; width:655px; } #Profile .content.floatR { padding:12px; width:250px; border-left:1px solid #d4d4d4; } #Profile .content.floatL h2 { margin-bottom:10px; padding:15px; font-size:20px; } #Profile.pgMessage .content.floatL { width:98%; } /* photo display */ .photoAlbumsView.floatR { margin:10px 0; } .photoAlbumsView.floatR h4 { margin-bottom:0; font-size:15px; } .photoAlbumsView.floatR h4 a { font-size:12px; } #bigPhoto { min-height:550px; width:100%; } #bigPhoto.loaderMedium { background-position:50% 35%; background-repeat:no-repeat; } #bigPhoto .photoPrivateMsg { text-align:center; margin:58px 10px 0 0; font-size:14px; } #bigPhoto .photoInfo { margin:10px 0; } #bigPhoto .photoInfo h3.photoTitle { margin:0; margin-right:155px; padding:0; line-height:1em; } #bigPhoto .photoInfo small.date { float:right; margin-top:2px; color:#888; font-size:11px; } #photoWrap { width:660px; height:500px; text-align:center; background-position:center; background-repeat:no-repeat; } #photoWrap img { width:660px; height:500px; border:0; } #frmAlbumEdit #photoWrap { height:350px; } #frmAlbumEdit #photoWrap img { width:509px; height:349px; } /* SONG STUFF */ /* song display */ #songTabWrap { padding:10px; min-height:315px; overflow:auto; font-size:12px; } #songTabWrap.edit { clear:left; padding:0; border:none; background-color:#efefef; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; } /* song edit */ form.frmSongCreate #pContentHeader div.content { margin:12px 10px 1px; } #pContentHeader div.content a.addArtistBtn { top:12px; right:180px; } #songTabControls { width:96.4%; padding:10px; font-size:12px; } #songTabControls label { margin-top:0; font-size:17px; } #songTabControls div.controls { float:right; } #songTabControls span { margin:0 5px; color:#999; } #tablature { height:1145px; margin:0 10px 10px; padding:15px 0 15px 15px; width:94.5%; line-height:14px; font-size:12px; font-family:'Courier New',Courier,monospace; } div.videoList textarea { width:93%; height:65px; margin:0 0 15px; font-size:10px; } div.videoList textarea:last-child { margin-bottom:20px; } /* community song ratings */ #Profile.pgSong #pContentHeader h1 .rating { position:absolute; bottom:-2px; left:12px; } #Profile.pgSong #pContentHeader h1 .rating small { position:relative; top:-3px; left:-8px; display:inline; font-size:11px; } /* song rater */ #songRatingMine { margin-top:0; padding:0 0 5px; } #songRatingMine h4 { margin-bottom:0; text-align:center; font-style:normal; font-size:.85em; font-weight:bold; color:#444; white-space:nowrap; } #songRatingMine #frmSongRating { position:relative; margin:10px 0 2px; overflow:visible; } #songRatingMine #frmSongRating a { position:absolute; top:-1px; z-index:1; display:block; width:19px; height:20px; cursor:pointer; } #songRatingMine #frmSongRating a.star5 { left:74px; } #songRatingMine #frmSongRating a.star4 { left:56px; } #songRatingMine #frmSongRating a.star3 { left:38px; } #songRatingMine #frmSongRating a.star2 { left:20px; } #songRatingMine #frmSongRating a.star1 { left:1px; } #songRatingMine #frmSongRating strong { position:absolute; top:1px; right:-145px; color:#888; font-weight:normal; font-size:12px; text-indent:0; } #songRatingMine #frmSongRating.Update strong { right:-105px; } #songRatingMine .staticStars { position:relative; margin:10px 0 2px; overflow:visible; } #songRatingMine a.rerate { position:relative; top:12px; right:10px; float:right; font-size:11px; font-weight:normal; } /* song page right side */ body.pgSong div.content.col2 { margin:10px 10px 10px 0; } body.pgSong div.content.col2 .videoList.display { margin-bottom:1em; } body.pgSong div.content.col2 .videoList.display > div { margin-top:15px; } body.pgSong div.content.col2 .videoList.display > div:first-child { margin-top:0; } body.pgSong div.content.col2 .videoList.display > div * { width:250px !important; height:209px !important; } /* diagrams */ div#songChords { position:relative; left:-15px; float:left; width:101%; /*margin-top:2px;*/ } div#songChords div.chord { position:relative; float:left; margin:0 0 25px 36px; `padding:1px; } div#songChords div.chord h4 { margin-bottom:20px; font-size:14px; color:#000; } div#songChords div.chord h4 a { color:#000; text-decoration:none; } div#songChords div.chord h4 a:hover { color:#ee4923; text-decoration:none; } div#songChords div.chord h4 a.action { display:block; width:75px; text-align:center; } div#songChords div.chord h4 a.action:hover { text-decoration:underline; } div#songChords div.chord h4 a.action.remove { position:absolute; top:18px; right:-10px; width:auto; } div#songChords div.chord h4 a.action.locateChord { text-decoration:underline; } div#songChords div.chord h4 a.action.locateChord:hover { text-decoration:none; } div#songChords .matchedImg { top:35px; left:-27px; right:auto; } div#songChords div.chord div.matchedPhoto { top:-178px; right:45px; } /* songs for chord */ #songsForChord ul li { padding:0; border-top:1px solid #d4d4d4; } #songsForChord .msgError { padding:8px 10px; color:#333; } /* COMMENT AREA */ div.commentArea { margin:10px; padding:0; font-size:12px; } div.commentArea h3 { margin-bottom:10px; padding:10px; background-color:#efefef; font-size:22px; -moz-border-radius:4px; -webkit-border-radius:4px; } div.commentArea .frmPostComment { padding:0 10px 10px; } div.commentArea .frmPostComment label { display:block; margin-bottom:5px; } div.commentArea .frmPostComment textarea { width:98%; height:100px; margin:5px 0; } div.commentArea h4 { top:4px; left:5px; font-size:17px; } div.commentArea .listModule { border-bottom:none; } /* comments */ .commentsWrap { margin-top:2px; } .commentsWrap .contentDL > dd .msgWrap { position:relative; padding:25px 25px 15px; border-bottom:1px solid #f1f0ed; } .commentsWrap .contentDL > dd .msgWrap div.msg { min-height:20px; margin:10px 0 10px 60px; padding:10px; background-color:#efefef; -moz-border-radius:8px; -webkit-border-radius:8px; } .commentsWrap .contentDL > dd .msgWrap.mine div.msg { background-color:#fff; border:2px solid #efefef;} .commentsWrap .contentDL > dd .msgWrap div.msg p { margin-bottom:0; } .commentsWrap .contentDL > dd .msgWrap .avatarLnk { position:absolute; left:15px; top:25px; right:auto; } .commentsWrap .contentDL > dd .msgWrap .date { position:absolute; left:90px; top:10px; font-size:11px; color:#999; } .commentsWrap .contentDL > dd .msgWrap .quickReplyFormWrap { height:250px; margin-top:20px; } .commentsWrap .contentDL > dd .msgWrap .quickReplyFormWrap label { display:block; float:left; font-size:15px; margin:6px 8px 0 2px; } .commentsWrap .contentDL > dd .msgWrap .quickReplyFormWrap input[name="subject"] { display:block; float:left; width:89%; } .commentsWrap .contentDL > dd .msgWrap .quickReplyFormWrap textarea { margin-top:10px; height:58%; } .commentsWrap .contentDL > dd .msgWrap div.msg div.commentEdit { display:none; } .commentsWrap .contentDL > dd .msgWrap div.msg div.commentEdit textarea { width:98%; height:100px; margin-bottom:10px; } /* MODAL - OLD SAUCE - NOT USED */ table.modal { position:absolute; display:none; z-index:2001; } table.modal .bodyWrap { position:relative; } table.modal .body { position:relative; } table.modal thead td, table.modal tfoot td { background:url(/img/site/modals/rndCornerShadowBig.png) no-repeat 0 0; padding:13px 19px; `padding:15px 18px; } table.modal thead td.l { background-position:0 0; } table.modal thead td.m { background:url(/img/site/modals/rndCornerCapsBig.png) repeat-x 0 0; } table.modal thead td.r { background-position:100% 0; } table.modal tbody td.l { background:url(/img/site/modals/rndCornerSidesBig.png) repeat-y 0 0; } table.modal tbody td.m { background:#fff; } table.modal tbody td.r { background:url(/img/site/modals/rndCornerSidesBig.png) repeat-y 100% 0; } table.modal tfoot td.l { background-position:0 100%; } table.modal tfoot td.m { background:url(/img/site/modals/rndCornerCapsBig.png) repeat-x 100% 100%; } table.modal tfoot td.r { background-position:100% 100%; } table.modal .iClose { position:absolute; top:-20px; right:-15px; `top:-25px; z-index:1; } table.modal .iCloseSec { position:absolute; top:-20px; right:-15px; `top:-25px; z-index:1; } /* MODAL MINI - OLD SAUCE - NOT USED */ table.modalMini { position:absolute; display:none; width:465px; } table.modalMini .bodyWrap { position:relative; } table.modalMini .body { position:relative; } table.modalMini thead td, table.modalMini tfoot td { background:url(/img/site/modals/rndCornerShadowSmall.png) no-repeat 0 0; padding:2px 7px; } table.modalMini thead td.l { background-position:0 0; } table.modalMini thead td.m { background:url(/img/site/modals/rndCornerCapsSmall.png) repeat-x 0 0; } table.modalMini thead td.r { background-position:100% 0; } table.modalMini tbody td.l { background:url(/img/site/modals/rndCornerSidesSmall.png) repeat-y 0 0; } table.modalMini tbody td.m { background:#eef4e5; position:relative; } table.modalMini tbody td.r { background:url(/img/site/modals/rndCornerSidesSmall.png) repeat-y 100% 0; } table.modalMini tfoot td.l { background-position:0 100%; } table.modalMini tfoot td.m { background:url(/img/site/modals/rndCornerCapsSmall.png) repeat-x 100% 100%; } table.modalMini tfoot td.r { background-position:100% 100%; } table.modalMini .iClose { position:absolute; top:-9px; right:-18px; `top:-10px; z-index:1; } table.modalMini h6 { border-bottom:1px solid #d4d4d4; color:#666; font-size:14px; font-weight:bold; } table.modalMini h6 small { font-size:12px; font-weight:normal; } /*-------------- MESSAGES ----------------*/ .msgPopup { position:absolute; z-index:2001; display:none; padding:10px 10px 11px; font-size:13px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 6px 1px #999; -webkit-box-shadow:0 1px 6px 1px #999; } .msgConfirm { background-color:#fff7b2; border:1px solid #ffde84; color:#429dba; } .msgError { background-color:#fff7b2; border:1px solid #ffde84; color:#ff3333; } .systemMsg { padding:5px 10px; background-color:#fff7b2; border:1px solid #ffde84; color:#b62507; } /*------------- LOADERS ---------------*/ .loader, .loaderMedium { z-index:1002; text-indent:-2000em; `text-indent:0; `font-size:0; `line-height:2000px; } .loader { width:18px; height:18px; background:transparent url(/img/site/loaders/small.gif) no-repeat 2px 2px; } .loaderMedium { width:39px; height:39px; background:transparent url(/img/site/loaders/medium.gif) no-repeat 2px 2px; } /*---------------------- COVER ME & MODAL ------------------------*/ #coverMe { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; } #modoCase { position:absolute; top:-9000px; left:0; padding:10px; z-index:2000; } #modoCase .systemMsg { margin-bottom:2px; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:20; } .modo { margin:auto; padding:15px; border:1px solid #999; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 0 40px #666; -webkit-box-shadow:0 0 40px #666; } .modo .closeMe { position:absolute; top:5px; right:5px; border:0 !important; text-decoration:none; } .modo h1 { margin-bottom:20px; padding:10px 0 7px; color:#554430; font-size:28px; line-height:12px; text-align:center; } /* not a true modal, goes inside the #Content area */ #Content .modo { padding-top:20px; } /*---------------------------------------- AWESOME BUTTONS AND CUSTOM BUTTONS ------------------------------------------*/ .awesome, .awesome:visited { position:relative; display:inline-block; padding:5px 12px 6px 13px; color:#fff; background:#ee4923 url(/img/share/common/overlay.png) repeat-x 0 50%; text-decoration:none; -moz-border-radius:15px; -webkit-border-radius:15px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border:none; border-bottom:1px solid rgba(0,0,0,0.25); cursor:pointer; font-size:12px; line-height:15px; } .awesome.smallBtn, .awesome.smallBtn:visited { padding:2px 8px 3px 9px; } .awesome:hover { background-color:#2b96c2; color:#fff; -moz-box-shadow:0 0 5px rgba(71,164,202,1); -webkit-box-shadow:0 0 5px rgba(71,164,202,1);} .awesome.saveBtn { background-color:#ee4923; } .awesome.saveBtn:hover { background-color:#2b96c2; } .awesome.deleteBtn { background-color:#666; } .awesome.deleteBtn:hover { background-color:#888; } .awesome.removeBtn { background-color:#888; } .awesome.removeBtn:hover { background-color:#666; } .awesome.cancelBtn { background-color:#666; } .awesome.cancelBtn:hover { background-color:#888; } .awesome.sectionSwitchBtn, .awesome.sectionSwitchBtn:visited { padding:2px 10px; background-color:#6c5b56; color:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; } .awesome.sectionSwitchBtn:hover { background-color:#666; } .awesome.sectionSwitchBtn.sel { background-color:#fff; color:#41392f; border:none; border-top:1px solid #b9b1af; cursor:default; } .awesome.badge, .awesome.badge:visited { padding:1px 5px 2px; background-color:#ee4923; color:#fff; font-weight:bold; line-height:13px; -moz-border-radius:8px; -webkit-border-radius:8px; } .awesome.badge:hover { background-color:#dfe1ff; color:#ee4923; border:1px solid #888; } .awesome.largeBtn { margin-bottom:10px; padding:10px 15px; background:#ee4923; font-size:16px; text-align:center; text-shadow:0 1px 0 #000; -moz-box-shadow:none; -webkit-box-shadow:none; border-bottom:none; } .awesome.largeBtn:hover { color:#222; text-shadow:none; } /* custom buttons */ .button { padding:5px; margin:0 2px; vertical-align:middle; cursor:pointer; white-space:nowrap; } .button1 { color:#fff; border:1px solid #cec2bd; -moz-border-radius:5px; -webkit-border-radius:5px; background:#b3400b url(/img/site/backgrounds/input_button.png) repeat-x 0 0; } .button1:hover { background-color:#ee4923; } .button1:active { border:1px solid #999 !important; } /* list popup buttons */ a.popupBtn { padding:3px 6px 4px; color:#fff; font-size:10px; font-weight:bold; text-align:center; line-height:10px; border:1px solid #bbb; background:#97cf81 url(/img/share/common/overlay.png) repeat-x 0 50%; text-shadow:0 -1px 1px rgba(0,0,0,0.25); -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); } a.popupBtn:hover { border:2px solid #999; color:#444; background-color:#fff; } a.popupBtn span.action { position:absolute; top:0; left:2px; } /* privacy button and notice */ .editPrivacy { padding:1px 8px 2px; font-size:11px; color:#2b96c2 !important; text-shadow:0 1px 0 #fff; background-color:#fff8cc; border:1px solid #ffe223; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; } .editPrivacy:hover { color:#ee4923 !important; text-shadow:0 1px 0 #fff; } /*----------------------------------------------- SITE MAP LAYOUT -------------------------------------------------*/ .chordLinksContainer { overflow:auto; } .chordLinksContainer h3 { margin-bottom:2px; font-size:1.3em !important; } .chordLinks { float:left; margin:0 10px 20px 0; padding-left:3px; width:23%; } .chordLinks li { padding:5px; } .chordLinks a { color:#333; } .chordLinks a:hover { color:#2b96c2; border-bottom:1px dotted #2b96c2; } /* MISC */ .pgChordFinderApp #Content .mainWrapper { border:none; -moz-box-shadow:none; -webkit-box-shadow:none;background:none; } .pgChordFinderApp .bodyContent .left { float:left; padding:20px;margin-top:15%;width:58%;} .pgChordFinderApp .bodyContent .right { position:relative; float:right; border:none; background:none; } .pgChordFinderApp #screens { position:absolute; top:93px; left:28px; height:375px; width:250px; overflow:hidden; } .pgChordFinderApp #screens img { display:none; position:absolute; top:0; left:0; height:375px; width:250px; } .noRecs .wrap { padding:40px; } .noRecs h2 { font-weight:bold; font-size:25px; color:#666; } .noRecs .main p {color:#999;margin-bottom:4em;} .noRecs p { color:#888; margin-bottom:1.5em; } .noRecs h2,.no-results p { margin-bottom:.5em; font-family:"Lucida Grande", sans-serif; } .noRecs .sub { overflow:hidden; } .noRecs .sub h2 { font-size:100%; } .noRecs .sub ul { margin-left:13px; color:#999; list-style-type:disc; } .noRecs .sub li { margin-bottom:3px; } .noRecs .sub p, .noRecs .sub li { font-size:75%; } .noRecs .sub .left { float:left;width:80px; } .noRecs .sub .right { float:right;width:200px; } .no-results { padding:270px 40px 20px; text-align:center; } .no-results strong { font-weight:bold; } .no-results.chords { background:url(/img/site/common/no-chords.png) no-repeat 50% 25%; } .no-results.feeds { background:url(/img/site/common/no-feeds.png) no-repeat 50% 25%; } .no-results.songs { background:url(/img/site/common/no-songs.png) no-repeat 50% 25%; } .no-results.songsForChords { background:url(/img/site/common/no-songs.png) no-repeat 50% 0; padding-top:215px; } .no-results.photos { background:url(/img/site/common/no-photos.png) no-repeat 50% 25%; } .no-results.videos { background:url(/img/site/common/no-videos.png) no-repeat 50% 25%; } .no-results.friends { background:url(/img/site/common/no-friends.png) no-repeat 50% 25%; } .no-results.messages { background:url(/img/site/common/no-messages.png) no-repeat 50% 25%; } .no-results.private { background:url(/img/site/common/no-entry.png) no-repeat 50% 25%; } .no-results.peopleLookingToJoinBand { background:url(/img/site/common/no-people-looking-to-join-a-band.png) no-repeat 50% 25%; } .no-results.bandsThatNeedMember { background:url(/img/site/common/no-bands-that-need-a-member.png) no-repeat 50% 25%; } /*------------------------- FORM ERROR HANDLING ---------------------------*/ i.frmFldError, input.frmFldError, textarea.frmFldError { border:1px solid #ff3333 !important; } i.errorLbl, i.fldErrorBorder { position:absolute; z-index:2001; color:#ff3333; font-style:normal; font-size:10px; } div.errorMsgsWrap { max-width:260px; min-width:165px; min-height:15px; position:absolute; z-index:2001; display:none; padding:15px 15px 15px 5px; background-color:#fff7b2; color:#af0000; font-size:12px; font-style:normal; font-weight:normal; border:1px solid #ee4923; -moz-border-radius:5px; -webkit-border-radius:5px; } div.errorMsgsWrap a.errorMsgClose { position:absolute; top:1px; `top:0; right:2px; padding:1px 2px 5px 5px; color:#af0000; font-size:7px; text-decoration:underline; } div.errorMsgsWrap a.errorMsgClose:hover { text-decoration:none; } div.errorMsgsWrap ul { padding:0 !important; } div.errorMsgsWrap ul li { margin:0 0 0 10px !important; list-style-type:none !important; } div.errorMsgsWrap ul.bullets { padding-left:7px !important; } div.errorMsgsWrap ul.bullets li { list-style-type:disc !important; } /*--------- ADS -----------*/ .adWrap { margin:10px 0; padding:25px 0; text-align:center; /*background-color:#fff; -moz-border-radius:8px; -webkit-border-radius:8px;*/ } .adWrap.skyscraper { min-height:602px; } .adWrap.leaderboard { min-height:92px; } /*----------------- CHROME FRAME -------------------*/ #chromeFrame { position:fixed; _position:absolute; top:50%; left:50%; z-index:2002; border:10px solid #492f29; `zoom:1; } /*--------------- PHP DEGUG -----------------*/ pre.print_r { background-color:#fff !important; color:#333 !important; text-align:left !important; } pre.print_r.fixed { position:fixed; top:0; left:0; z-index:2; } /*------------------ PRINT STYLES --------------------*/ @media print { html, body { background:none; font-size:10pt; } #Header, #Footer, #pContentHeader img, #pContentHeader .infoBox, .addRemoveSongWrap, #commentAreaSong, .adWrap,.pageTitle, .videoListWrap, .songRatingsWrap,#songRatingCommunity, .sidePanel, .breadcrumb, .songsWithChords, .additional, #Public .grid_5 { display:none; } #Content .mainWrapper { border:none; -moz-box-shadow:none; -webkit-box-shadow:none; } #songWrap .floatR { position: absolute; right:0; } }