/* reset paddings and margins */ body, h1, h2, h3, ul#menu, ul.submenu, ul.submenu li, ul.track-list, ul.track-list li, .profile-info .personal-info dl, .profile-info .personal-info dl dd, .profile-info .personal-info dl dt, form{ margin:0; padding:0; list-style:none} * {outline:none} /* restyle html elements */ body{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; color:#fff; } h2{font-size:1.33em; font-weight:normal;} #content h1{font-weight:bold; font-size:22px; margin:0px 0 8px 0; color:#fff} #content h1 a{color:#666666} #content h1 a:hover{color:#666666;background:none} #content h1 span{color:#ffffff} #content h1 a.white, #content h1 a.last {color:#fff} a img {border:none;} a {text-decoration:none; padding:0 3px;} a.button {display:block; width:138px; height:30px; text-indent:-9000px } a.button-wide {display:block; width:225px; height:30px; text-indent:-9000px;} #content h1.forum-title span.grey { color:#666666;} a.button-wide span, a.button span{display:block; height:16px; position:relative; top:6px} /* set ids */ #container {width:932px; margin:0 auto;} #container .imagelink{ padding:0; margin:0; background:none;} #sidebar {width:265px; overflow:hidden;} #content {width:638px} /* -- HEADER -- */ #header {height:185px; margin:0 0 29px; position:relative;} #header h1 {display:block;text-align:center; padding-top:25px; margin-bottom: 29px;} #header h1 a:hover, #header h1 a {display:inline; padding:52px 120px; background:none;} #header #personal {height:auto; width:225px; padding:10px; position:absolute; right:0; top:0; background:#121212} #header #personal img {margin-right:10px;} #header #personal span {font-size:16px; margin-bottom:3px; display:block} #header #personal em {color:#696969; font-size:11px; font-style:normal} #header #personal a.username {font-size:16px; background:none; color:#fff; text-decoration:none; padding:0; margin:0;} #header #personal a.username:hover {text-decoration:underline; background:none;} /* -- MENU -- */ ul#menu {display:block; height:43px; position:absolute; bottom:0;width:932px; z-index:50} ul#menu li {float:left; list-style:none; margin:0 0px; } ul#menu li a {display:block; height:43px; padding:0; margin:0; text-indent:-9000px;} .menubg {position:absolute;bottom:2px; width:925px; height:41px; background:#000;z-index:30;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4; opacity: 0.4;} /* -- FOOTER --*/ #footer {height:40px;height:65px; clear:both;width:916px; margin:10px auto; padding:2px 10px} #footer p {margin:0; padding:10px; line-height:13px; color:#333333; display:block; width:519px;} /* style blocks */ /* -- GENERAL BLOCKS STYLE -- */ .block{margin-bottom:30px; padding:2px 0px; clear:both} .block h2.block-title {color:#fff; display:block; float:left; font-size:20px; margin-bottom:2px;} .block h2.block-title em{ font-size:14px; font-style:normal} .block h2.block-title a { color:#696969; } .block h2.block-title a.white{ color:#fff;} .block h2.block-title a:hover {background:none; color:#fff;} .block.findfriends h2.block-title a:hover {background:none; color:#696969;} .block .top-links { float:right; padding:4px 0 6px 0;} .block .top-links a.left, .block .top-links span{ margin:0;} .block .content{ clear:both; border-top:1px solid #313131; padding: 16px 0 0; } .block .nopadding {padding: 0;} .block hr {height: 2px; border: none; border-top: 1px solid #121212; padding: 4px 0; clear: both;} .block .grey{color:#535353; } div.track-list .content{ padding-top:0;} .block .content ul.track-list{color:#535353;} .block .content ul.track-list li{ padding:3px 0 3px 27px;} .block .content ul.track-list li { background:url(/assets/img/feddelegrand/tracklist.png) no-repeat 8px 6px; cursor: pointer;} .block .content ul.track-list li:hover { background-color:#121212; color: #fff; cursor: pointer;} .block .content ul.track-list li.flamingo { background-position: 8px -95px;} .block .content ul.track-list li span.actions{ margin-left:15px; visibility:hidden} .block .content ul.track-list li:hover span.actions{ margin-left:15px; visibility:visible} .block .content ul.track-list a.username{ padding:1px;} .profile-info .profile-image { width:136px;} .profile-info .profile-image img { padding:2px; border-width:1px;} .profile-info .profile-image img.type-avatar { width: 138px; height: 138px;} .profile-info .profile-image span{ display:block} .profile-info .profile-image span.grey{ padding-top:10px;} .profile-info .grey{color:#535353; } .profile-info .profile-image span.online { margin-top:4px;} .profile-info .profile-image span.online span { display:inline; color:#666666; font-size:11px;} .profile-info .profile-image span.online img {padding:0px; margin-top:2px;} .profile-info .personal-info { width:472px} .profile-info .personal-info .spacetop{ margin-top:20px;} .profile-info .personal-info dl{ padding:2px 0} .profile-info .personal-info dl.bordertop{border-top:1px solid #313131;} .profile-info .personal-info dl dd { float:left; width:180px} .profile-info .personal-info dl dt { float:left; width:180px} .profile-info .personal-info div.definition-list { overflow: hidden; margin-bottom: 8px;} .profile-info .personal-info div.definition-list span.select {width: 300px;} .profile-info .personal-info div.definition-list #day { width: 30px;} .profile-info .personal-info div.definition-list td.grey { width: 120px; font-size: 13px;} .profile-info .personal-info div.definition-list input.std { width: 315px;} .profile-info .personal-info div.definition-list #month { width: 30px;} .profile-info .personal-info div.definition-list #year { width: 60px;} .profile-info .personal-info div.bordertop{border-top:1px solid #313131;} .profile-info .personal-info h3{ padding:30px 0 0 0; display:block;} .profile-info .personal-info .clear{ margin-top:30px;} .profile-info input.std {width: 272px;} .searchProcess { margin-left:12px; margin-top:5px; display:none} /* -- BLOKKEN -- */ #sidebar .block h2 {text-transform:uppercase;margin-top:5px;} #sidebar .block h2 em {font-size:0.75em; font-style:normal; color:#696969; text-transform:none; top:-2px;} #sidebar .block h2 a {font-size:0.75em; font-style:normal; text-transform:none; position:relative; top:-2px;} .content a img.online { border:none; float:none; padding:0; margin-top:2px;} #picturedescription {margin: 5px 15px;} .title .top-links a {margin-right:18px; font-size:0.92em}*/ /* -- PROFILE SUBMENU -- */ .profile-submenu{ height:99px; position:relative;} .profile-submenu ul.submenu{ position:absolute; bottom:0; left:0; background:url(/assets/img/feddelegrand/sub-menu-item.png) no-repeat left; padding-left:2px;} .profile-submenu ul.submenu li{ display:block; float:left; } .profile-submenu ul.submenu li a{ display:block; height:31px; line-height:32px; padding:0 18px; font-size:14px; font-weight:bold; text-decoration:none;background:url(/assets/img/feddelegrand/sub-menu-item.png) no-repeat right 5px} .profile-submenu ul.submenu li a:hover{ background-color:none; color:#fff;} .profile-submenu ul.submenu li.active { background:url(/assets/img/feddelegrand/sub-menu-active.png) no-repeat left 2px; color:#fff; margin-left:-2px;} .profile-submenu ul.submenu li.active a{ color:#fff;} .profile-submenu .info img{ margin-right:10px;} #content .profile-submenu .info h1{ margin-bottom: 0px;} .profile-submenu .info a.credits{ font-size:14px; font-weight:bold; text-decoration:none} .profile-submenu .links{ position:absolute; top:7px; right:10px;} .profile-submenu .links a{ margin:0 6px;} .profile-submenu .links a.white{ color:#fff} /* -- PROFILE SUBMENU -- */ .findfriends{} .profile-submenu .grey{ color:#696969} .findfriends .content .grey{ color:#696969} #content ul.tabs{margin:0; padding:0; display:block; height:50px; width:600px; float:left; } *+html #content ul.tabs { float:none} #content ul.tabs li{margin:0; padding:0;float:left; display:block; border:2px solid #1f1f1f; text-indent:0; background:#000 url(/assets/img/feddelegrand/signup/social.png) no-repeat; margin:-2px 2px 2px 2px;padding:5px 9px; } #content ul.tabs li.hotmail{ background-position:2px -130px;} #content ul.tabs li.yahoo{background-position:-2px -98px;} #content ul.tabs li.gmail{background-position:-2px -67px;} #content ul.tabs li.facebook{background-position:-2px -35px;} #content ul.tabs li.myspace{background-position:-2px -2px;} #content ul.tabs li.other{ background-image:none;} #content ul.tabs li.active.hotmail{ background-position:6px -125px;} #content ul.tabs li.active.yahoo{background-position:6px -95px;} #content ul.tabs li.active.gmail{background-position:6px -64px;} #content ul.tabs li.active.facebook{background-position:6px -31px;} #content ul.tabs li.active.myspace{background-position:6px 1px;} #content ul.tabs li.active{ border:2px #fff solid; border-bottom:none; z-index:999; height:26px; line-height:25px; margin:0 3px; position:relative} #content ul.tabs li.active a{ padding:0px 34px 0 34px; position:relative; padding-bottom:10px;} #content ul.tabs li a{ padding:0 6px 0 20px; margin:0; color:#696969; } #content ul.tabs li a:hover{ background:none; text-decoration:underline} #content ul.tabs li.active.other a{ padding:0 27px 0 27px; margin:0; color:#696969;} #content ul.tabs li.other a{ padding:0 5px 0 5px; margin:0; color:#696969;} div.tab .red{ color:#ff0000} div.tab p{ padding:0 0 15px 0 ; } div.tab{ border:2px solid #fff; margin-top:-4px; position:relative; z-index:99; margin:-14px 3px 20px 3px;; padding:20px; width:530px} /*+html div.tab{ margin-top:-33px;}*/ /* html div.tab{ margin-top:103px;}*/ /* #slider{ height:100px; width:700px; overflow:hidden; } #slider .container { float:left; width:500px;} #slider .container ul{ margin:0; padding:0; width:2000px;} #slider .container li { display:block; float:left; margin:0 5px;} #slider .next{ width:20px; height:100px; background:yellow} #slider .previous{ width:20px; height:100px; background:red;} */ div.tab #personal_info input {width:246px; } #personal_info {color:#fff;} #personal_info span.xtrainfo {color:#696969; font-size: 0.8em;} #personal_info td {padding-right:15px;} /*#personal_info input {width:266px; background:#000; border:2px #1e1e1e solid; padding:5px; color:#fff; margin-bottom:15px;}*/ #personal_info.invite input {margin-bottom: 0} #personal_info input.focused {border:2px #fff solid;} #personal_info input.textboxlist-bit-editable-input {width: auto; border:0; padding:0px; color:#fff; margin-bottom:0px;} #personal_info input.day {width:22px; margin-right:4px;} #personal_info input.month { width:22px;margin-right:4px;} #personal_info input.year {width:64px;} #personal_info .male {display:block; margin:0; padding:0; width:36px; height:32px; background:blue; float:left; background:url(/assets/img/feddelegrand/registration_sprite.png) -0px -124px; position:relative; top:-8px; cursor: pointer;} #personal_info .male.active {background-position: -36px -124px;} #personal_info .female {display:block; margin:0; padding:0;width:36px; height:32px; background:red; float:left; margin-left:10px;background:url(/assets/img/feddelegrand/registration_sprite.png) -36px -156px;position:relative; top:-8px; cursor: pointer;} #personal_info .female.active {background-position: -0px -156px;} #recaptcha_widget_div {margin:20px 0;} #personal_info .genderradio {visibility: hidden;} #personal_info input.validation-failed { border: 2px solid red;} #content div.friends{ border:2px solid #b6d300; padding:12px; height:345px; width:545px; overflow:auto} #content div.friends ul{margin:0;padding:0; padding-bottom:10px; } #content div.friends ul li{margin:0;padding:0; display:block; background:#121212;height:64px; padding:2px 1px; margin:10px 0; position:relative;cursor: pointer;} *+html #content div.friends ul li{ position:static} #content div.friends ul li.active{ background:#c5e500; color:#000} #content div.friends ul li.active span.email{ color:#000} #content div.friends ul li img{ float:left; margin:0 15px 0 10px} #content div.friends ul li span{ display:block; font-size:18px; padding-top:10px;} #content div.friends ul li span.email{ color:#696969; font-size:12px; padding-top:0;} #content div.friends ul.invite li span{ display:inline; line-height:34px; padding:0; margin-right:15px; margin-left:25px;font-size:14px;} #content div.friends ul.invite li span.email{font-size:12px;} #content div.friends ul.invite li { height:34px; padding:2px 5px; position:relative;cursor: pointer;list-style:none} *+html #content div.friends ul.invite li {position:static} #content div.friends ul.invite li input{ left:3px; top:3px;} #content div.friends ul.invite li span.input{left:5px; top:11px;} #content div.friends ul li span.input{ display:block; height:14px; width:14px; padding:0;left:3px; top:3px; margin:0; } #content div.friends ul.invite li.active{ background:#c5e500; color:#000;} #content div.friends ul.invite li.active span.email{ color:#000} input.focused {border: 2px #fff solid;} span.input{display:block; height:14px; width:14px; padding:0;} .unchecked{ background:url(/assets/img/feddelegrand/checkbox.png) no-repeat left top} .checked{ background:url(/assets/img/feddelegrand/checkbox.png) no-repeat left bottom} .errorresponse {border: solid 2px red; padding: 8px; background-color: #222; margin-bottom: 8px; display: none;} .errorresponse ul {list-style-type: circle;} #personal_info input.validation-failed { border: 2px solid red;} .selectall{ color:#c4e400; margin-bottom:6px; margin-top:6px; } .selectall input{ margin:0; margin-top:2px; margin-right:15px;} .selectall span.input{ margin-top:2px; margin-right:3px; margin-left:4px;} html body #registerstep2 img{ padding:0; border:none;} html body #registerstep2 div.friends{ margin-bottom:20px;} .findfriends .buttons a.skip{ display:block; float:left;margin-top:5px; margin-left:10px;} ul.existingcontact li { list-style:none;} /* -- GENERAL CLASSES */ .banner{ margin-left:15px; margin-bottom:15px;} .right {float:right } .left {float:left } .clear {clear:both; padding:0; } /* -- BIOGRAPHY -- */ .bio-left{width:233px; float:left; color:#696969;} .bio-left img {margin-bottom:25px} .bio-left h3 {color:#fff;margin-bottom:0;padding-bottom:0;font-size:15px;font-weight:bold} .bio-left p {margin:0 0 1em 0} .bio-right p {margin:0 0 1em 0} .bio-right p.intro{color:#fff;} .bio-right{color:#696969; width:385px; float:right; margin-left:20px;} .bio-right img{margin-top:17px;} .bio-right h3{color:#fff; font-size:18px; margin:17px 0 5px 0; border-bottom:1px solid #0e0e0e; padding-bottom:3px;} /* -- COMMENTS -- */ .forum-topic-title{font-weight:bold; font-size:20px;} span.reply{margin-left:30px;} .forum-comments{ width:636px; margin-top:5px;!important} .forum-comments p, .inbox p{margin:0; word-wrap: break-word;} .forum-comments #nocomments p{padding: 0px;} .forum-comments a.name {font-weight: bold; font-size: 12px;} .forum-comments span.posts{margin-left:2px; color:#696660;} .forum-comments .comment{background:#000; padding: 15px 0; clear:both; } .forum-comments .image, .inbox .image{text-align:center;} .forum-comments .postinfo, .inbox .postinfo{ float:left; width:519px; background:url(/assets/img/feddelegrand/comments-top.png) no-repeat; padding:15px 0 15px 5px;} .forum-comments .comment-text, .inbox .comment-text{background:#171717; padding:0 15px;width:488px} .inbox .comment-text blockquote {background:url(/assets/img/feddelegrand/quotes.png) no-repeat 10px 64px; padding:10px 10px 10px 22px; width:455px; color:#8f8f8f; background-color:#282828; margin:0; display:block; margin-top:15px; font-size:12px;} .forum-comments .comment-text blockquote{background:url(/assets/img/feddelegrand/quotes.png) no-repeat 10px 26px; padding:10px 10px 10px 22px; width:455px; color:#8f8f8f; background-color:#282828; margin:0; display:block; margin-top:15px; font-size:12px;} .forum-comments .comment-text blockquote .quoteend, .inbox .comment-text blockquote .quoteend{background:url(/assets/img/feddelegrand/quotes.png) no-repeat 0 6px; padding:6px; display:inline; margin-left:2px;} .forum-comments .comment-first{ padding:15px 0 0 0; border-top: solid 1px #313131; margin-bottom:15px; min-height:120px;} .forum-comments span.date{ color:#696969; display:block; margin-bottom:5px; display:block;clear:left} .forum-comments span.actions { display:block; text-align:right;text-transform: lowercase;} .inbox span.date{color:#696969; display:block; margin-bottom:20px; } .inbox .comment{margin-top:10px;} .forum-comments div.postinfo div.comment-text span.title { color:#fff; float:left; width:360px; clear: right;font-size:14px;font-weight:bold} .forum-comments .image, .inbox .image{ float:left; width:93px; margin-right:19px;} .forum-comments .comments-bottom, .inbox .comments-bottom{ background:url(/assets/img/feddelegrand/comments-bottom.png) no-repeat -1px 0; width:519px; height:24px;} .forum-comments .image .imagelink { padding:0; margin:0; background:none;} .forum-comments .pages { text-align:right} .forum-comments .toolbar, #sbox-content .toolbar { height:22px; float:left; padding-top:8px; padding-left:20px; } .forum-comments .toolbar span, #sbox-content .toolbar span, .photo-detail .toolbar span, .video-detail .toolbar span{ cursor:pointer; margin-right:4px;} .forum-comments h3, .photo-detail h3, .video-detail h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold;} .forum-comments h3 em, .photo-detail h3 em, .video-detail h3 em{ color:#696969; font-style:normal; font-size:12px;} #content .comment-text h1 {margin:0; font-size:14px} .comment-text hr {height: 2px; border: none; border-top: 1px solid #666666; margin:0px; padding: 0; clear: both;} .forum-comments .smilies, #sbox-content .smilies, .photo-detail .smilies, .video-detail .smilies{ padding-top:10px; margin-left:40px; float:left; height: 20px;} .forum-comments .smilies img, #sbox-content .smilies img, .photo-detail .smilies img, .video-detail .smilies img{ margin:0 7px; cursor: pointer;} .forum-comments .links, #sbox-content .links, .photo-detail .links, .video-detail .links{ margin-bottom:15px; margin-top:5px} .wysiwyg {background:url(/assets/img/feddelegrand/comments.png) no-repeat; } .forum-comments .wysiwyg textarea, #sbox-content .wysiwyg textarea {width: 610px; margin-bottom: 15px; height: 80px; border-top: none; margin-top: 2px; border: 2px solid #333; border-top: none;} .forum-comments .wysiwyg textarea:focus, #sbox-content .wysiwyg textarea:focus {border: 2px solid #696969; border-top: none;} .forum-comments #postbutton {margin-bottom: 15px; background-position:-3px -73px; padding: 0; margin-left: 8px;} .forum-comments #postbutton:hover {margin-bottom: 15px; background-position:-3px -105px; padding: 0;} /* -- INBOX -- */ .inbox h2{width:100%; display:block; border-bottom: solid 1px #313131; font-size:18px; padding-bottom:3px;} /*.inbox .create{margin-top:-20px; position:absolute; background-position:2px -418px;padding:0 5px 0 22px; margin-top:5px; } */.inbox .create:hover{background-position:2px -980px; background-color:#c6e600;} .inbox .create{ margin-top:-20px;} .inbox .actions a, .inbox .toolbar a, .inbox .message-actions a{border-right:1px solid #fff; color:#c3e300; font-size:12px; margin:5px 0px;} .inbox .actions a:hover{color:#000;} .inbox .actions a, .inbox .delete a{padding:0px 0px 0px 25px;} .inbox .actions a.last, .inbox .toolbar a.last, .inbox .message-actions a.last{border:none;} .inbox .actions a.mark:hover{color:#000;} .inbox .actions a{padding:3px 5px; border:none;} .inbox .toolbar a, .inbox .toolbar a:hover{padding:0px 10px; background-image:none;} .inbox .toolbar label {margin:0px; padding:0} .inbox .toolbar .showtrans, .inbox .toolbar .show{color:#696969; margin:0px 0px 5px 0px; padding:2px 0px 0px 10px; font-size:12px;} .inbox .toolbar .showtrans {filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4; opacity: 0.4;} .inbox .toolbar{margin-bottom:10px; display:block; border-bottom:1px solid #121212; width:100%; padding: 10px 0px} .inbox .toolbar a.last:hover{color:#000;} .inbox .bottomtoolbar {margin-top:15px;border-bottom:none; padding:0px} .inbox .replied .message {background:url(/assets/img/feddelegrand/bulletinboxreplied.png) no-repeat 0px 5px;} .inbox .new .message {background:url(/assets/img/feddelegrand/bulletinbox.gif) no-repeat 0px 5px;} .inbox .item .message a.title{color:#9b9b9b; font-size:14px; font-weight:bold; margin:0 0 5px 0; padding:0; border:0;} .inbox .item .message a.title:hover{background:none;} .inbox .item .message p{margin:0; border:0; color:#8a8989;} .inbox .new .message p, .inbox .new .message a.title {color:#fff;} .inbox .new .message , .inbox .item .message {padding-left:20px;width:315px;} .inbox .message-actions{margin:5px 0px;} .inbox .comment .date{font-size:10px;} .inbox .item .item-actions{visibility:hidden;} .inbox .item:hover .item-actions{visibility:visible;} .inbox .item:hover {background:none; background-color:#121212; } .inbox .message .date{color:#696660;} .inbox .forum-comments .toolbar{width:auto;} .inbox .forum-comments .smilies{margin-left:20px;} /*.inbox .new {background:url(/assets/img/feddelegrand/inbox_new_bg.png);}*/ .inbox .checkbox-container{padding:15px 5px; width:20px;} .inbox .item div{padding-right:10px;} .inbox .item .avatar{position:relative; text-align:center; width:55px;} .inbox .item .avatar .checkbox{position:absolute; top:0; left:0;} .inbox a.selected{color:#fff;} .inbox a.selected:hover {color:#fff;} .inbox a.send:hover{color:#000;} .inbox .send-to{ width:432px; border:1px solid #171717; position:absolute; top:475px; border-top:none; background:url(/assets/img/feddelegrand/inbox_popup_bg.png); margin-left:110px;} .inbox .send-to ul,.inbox .send-to li{margin:0; padding:0; list-style:none;} .inbox .send-to li{ display:block; clear:both; padding:0px 8px; height:53px;} .inbox .send-to li img{margin:8px 10px 8px 8px;} .inbox .send-to a{color:#fff; font-weight:bold; padding-top:10px; display:block;} .inbox .send-to a .selected{color:#c1e200;} .inbox .send-to a:hover{background:none;} .inbox .send-to li:hover {background:url(/assets/img/feddelegrand/inbox_new_bg.png);} .inbox .item{padding:15px 0px; border-bottom:1px solid #0E0E0E;} .inbox .item .name{width:90px; padding-top:10px; margin-left: 16px;} .inbox .item .name .date{padding:0; color:#696969; display:inline; margin:0;} .inbox .create-form {background-color:#121212; margin-top:8px; padding:3px;} .inbox span.reply-message{background-position:45px -688px;} a:hover span.reply-message{background-position:45px -706px;} .bookings input.textfield, .inbox input.textfield{background:#000; margin-bottom:15px; padding:4px; width:600px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; color:#fff; border:2px solid #1e1e1e; outline:0; background:#000; font-size:16px;} .inbox .smilies {padding-top:10px; margin-left:20px; float:left;} .inbox .smsilies img{ margin:0 7px;} .inbox .wysiwyg {background:url(/assets/img/feddelegrand/comments.png) no-repeat; } .inbox .wysiwyg textarea{ background:#000; margin-bottom:15px; padding:10px; width:605px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; color:#fff; border:2px solid #1e1e1e; border-top:none; outline:0; background:#000; font-size:16px;} .inbox .title{display:block; margin-top:20px;} .inbox input.textfield {float:left; width:424px;} .inbox .create-title{ width:200px; display:block; margin-top:10px; font-size:16px; font-weight:bold;} /* -- BOOKINGS -- */ .bookings input.textfield{width:263px; margin-right:25px;} .bookings td{padding:0 0 20px 0;} .bookings form td{padding:0;} .bookings textarea { background:#000; margin-bottom:15px; padding:10px; width:558px !important; height:103px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; border:2px solid #1e1e1e; outline:0;} .bookings .company{color:#656565;} .bookings a.mail{color:#c4e500;} .bookings a.mail:hover{background:none; background:url(/assets/img/feddelegrand/icons.png) 0px -132px no-repeat;} .bookings .promo img{margin-right:20px; margin-top:15px;} .bookings .promo-tekst{width:460px;} .bookings .promo-tekst p{margin:0; padding:0;} .bookings .promo-tekst a{margin:0; padding:0;} /* -- SOCIAL NETWORKS -- */ .social ul {display:block; height:1%; margin-bottom:15px;} .social ul:after {display:block; height:1px; content:"."; visibility:hidden; clear:both} .social .share {background:#000; width:220px; padding:5px 0} .social .share li {float:left; list-style:none; margin:3px} .social .share li span {float:left;} .social .share li a:hover {background:none; color:#fff} .social ul.networks li {display:block; height:30px; width:104px; background:#000; float:left; margin:3px 3px;} .social ul.networks li a {display:block; height:30px;text-indent:-9000px} /* -- UPLOAD PICTURES -- */ .file-list {border: 1px solid #121212; min-height: 100px; background-color: #000; padding: 8px;} .file-list-description span.name{display:block; width:550px } .file-list-description span.size{display:block; width:50px; } .file-list-description span.delete{display:block; } .file-list-info{padding:5px 10px;background:#121212; height:18px; margin-bottom:15px;} .file-list-info span{width:450px;display:block} .file-list-info a{margin-left:15px;} .file-list-info span.total-size{width:135px} #file-list li{ border-bottom:1px dotted #121212; display:block; color:#696969; background:none; padding: 5px 0; overflow: hidden;} #file-list li span.file{ display:block; width:445px; padding-left:5px;} #file-list li span.size{ display:block; width:105px; } #content h1.forum-title {margin-bottom:8px} .pages {text-align:center} .pages a {margin:0 1px;line-height:15px} .pages a.prevpage {background:url(/assets/img/feddelegrand/paginationsprite.png) no-repeat -8px 13px;padding:10px 0 0 4px;margin-right:20px;overflow:hidden} .pages a.prevpage.disabled {visibility:hidden} .pages a.nextpage {background:url(/assets/img/feddelegrand/paginationsprite.png) no-repeat 0px 13px;padding:10px 0 0 4px;margin-left:20px;overflow:hidden} .pages a.nextpage.disabled {visibility:hidden} .pages a.page {padding:0 5px} .pages a.page.current {border:1px solid #fff;color:#fff} .pages a:hover.page.current {color:#fff;background:none} .forum-comments .pages, .photo-detail .pages, .topic-list .pages, .video-detail .pages{ text-align:center; margin-top:10px} .forum-comments .comment-text blockquote {margin:15px 0; word-wrap:break-word;} .forum-list a {color:#C6E600;padding:0;margin:0} .forum-list a:hover {color:#C6E600;background:none;padding:0;margin:0} /* forum list */ .block.forum-list .content {padding:0} #content h1.forumoverview {border-bottom:1px solid #313131;padding-bottom:8px;margin-bottom:26px} .forum-list .item{ color:#696969;padding:10px 0; border-bottom:solid 1px #121212} .forum-list h2 {font-size:18px;margin:0 0 0 3px} .forum-list h2 a, .forum-list h2 a:hover {color:#fff} .forum-list .top-column-title span{ display:block; float:left; width:70px; color:#fff; margin-bottom:7px; font-size:14px; font-weight:normal;} .forum-list .top-column-title span.description{ width:340px;font-weight:bold} .forum-list .top-column-title span.threads, .forum-list .top-column-title span.posts{ width:70px; text-align:center;margin-top:4px;} .forum-list .top-column-title span.last-post {width:150px;margin-top:4px;} .forum-list .item .description{ float:left; width:340px; min-height:57px; } .forum-list .item .description a{ margin:0 0 0 3px; padding:0;font-size:14px; float:left; color:#fff;font-weight:bold} .forum-list .item .description a:hover {background:none;color:#fff;padding:0;margin:0 0 0 3px} .forum-list .item .description p{ margin:0 0 0 3px; padding:0; clear:both;} .forum-list .item .threads{ float:left; width:70px; text-align:center; font-size:14px;font-weight:normal;margin-top:0px;} .forum-list .item .posts{ float:left;width:70px; text-align:center;font-size:14px;font-weight:normal;margin-top:0px;} .forum-list .item .last-post{ width:150px; float:left; color:#696660 } .backgroundnewtopic {background: #121212; border:2px solid #121212} .backgroundnewtopic a.button {margin:0 0 15px 8px} .forum-comments span.title {width:100px;margin-bottom:5px} .block.forum-comments h2.createtopic {display:block;width:638px;font-size:20px;margin:0 0 15px 0px;font-weight:bold;padding-left:3px;padding-top:0px;padding-bottom:4px;border-bottom:1px solid #313131} .block.forum-comments h2.createtopic a, .block.forum-comments h2.createtopic a:hover {color:#fff} #content h1.forum-title.createtopic {padding-bottom:20px;border-bottom:1px solid #313131;margin-bottom:0px} #newtopic .textfield, #newpoll .textfield {background:#000; margin-bottom:15px; padding:4px; width:624px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; color:#fff; border:2px solid #1e1e1e; outline:0; background:#000; font-size:16px;} /* topic list */ .block.topic-list {border-top:1px solid #313131; padding-top:4px} .block.topic-list .content {padding:0} .block.topic-list .content a {color:#c6e600;margin:0;padding:0} .block.topic-list .content a:hover {color:#c6e600;background-color:transparent;} .topic-list span.links{ overflow:hidden;margin-top: 2px;text-align:right;margin-left:0px;margin-bottom:5px} #container #content h2.forum-topic-title {border-top:1px solid #313131;padding-top:10px;padding-bottom:10px} #container #content h2.forum-topic-title span {width:500px;display:block;float:left;margin-bottom:5px} #container #content h2.forum-topic-title a.favorite {float:right;display:block; clear:right;font-size:12px;margin-bottom:5px} *+html body #container #content h2.forum-topic-title a.favorite{ display:block; width:90px;} #container #content h2.forum-topic-title a.replybutton{float:right;clear:right;font-size:12px;margin-bottom:5px} .block.forum-comments .comment-first {border-top:none;} .topic-list .top-column-title span {display:block; float:left;color:#fff;} .topic-list .top-column-title span.replies, .topic-list .top-column-title span.views{width:60px; text-align:center;margin: 4px 0 7px; font-size:14px; font-weight:normal;} .topic-list .top-column-title span.topic {font-size:18px; width:357px; text-align:left; margin: 0 0 0 3px;} .topic-list .top-column-title span.threads, .topic-list .top-column-title span.posts{width:60px; text-align:center;margin-top:4px;} .topic-list .top-column-title span.last-post { margin-top:4px;font-size:14px} .topic-list .top-column-title span.links {display:block;width:638px} .topic-list .item{color:#696969;padding:11px 0; border-bottom:solid 1px #121212} .topic-list .item .title{ float:left; width:310px; margin:0; padding:0; font-size:12px; } .topic-list .item .title a{ padding:0; font-size:14px; color:#5c5c5c;font-weight:bold} .topic-list .item .title a:hover{ color:#5c5c5c;} .block.topic-list .title a.sublink {color:#c6e600;margin:0;padding:0;font-weight:normal} .block.topic-list .title a:hover.sublink {color:#c6e600;background-color:transparent;} .topic-list .item.bold .title a{ font-weight:bold;} .topic-list .item .threads, .topic-list .item .posts{ float:left; width:60px; text-align:center; font-size:14px;font-weight:normal} .topic-list .item .created-by small {float:left;clear:left; margin-right:3px; padding-top:2px; } .topic-list .item .last-post a, .topic-list .item .created-by a{font-size:12px; font-weight:normal; padding:0} .topic-list .item .last-post{ float:left; width:155px; } .topic-list .item .status {height:18px; float:left; width:28px; background-position:2px -1242px;margin-left:2px;} .topic-list .item .status.poll {background-position:2px -1675px;} .topic-list .item.unread .status {background-position:2px -1201px} .topic-list .item.unread .status.poll {background-position:2px -1655px} .topic-list .new .status{ background-position:2px -1202px;} .topic-list .poll .status{ background-position:2px -1674px;} .topic-list .poll.unread .status{ background-position:2px -1655px;} .topic-list .closed .status{ background-position:2px -1122px;} .topic-list .closed.unread .status {background-position:2px -1140px;} .topic-list .deleted .status{} .topic-list .sticky {background: #090909} .topic-list .sticky .status{ background-position:2px -1163px;} .topic-list .sticky.unread .status { background-position:2px -1182px;} .topic-list .item.unread .title a {color:#fff} .topic-list .item.unread .title a:hover {color:#fff} .topic-list .item.unread .title a.sublink {color:#c6e600;margin:0;padding:0;font-weight:normal} .topic-list .item.unread .title a:hover.sublink {color:#c6e600;background-color:transparent;} /* --- EDIT TOPIC --- */ .forum-post-edit .toolbar { height:22px; float:left; padding-top:8px; padding-left:20px; } .forum-post-edit .toolbar span, .photo-detail .toolbar span, .video-detail .toolbar span{ cursor:pointer; margin-right:3px;} .forum-post-edit h3, .photo-detail h3, .video-detail h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold;} .forum-post-edit h3 em, .photo-detail h3 em, .video-detail h3 em{ color:#696969; font-style:normal; font-size:12px;} .forum-post-edit .smilies, .photo-detail .smilies, .video-detail .smilies{ padding-top:10px; margin-left:40px; float:left; height: 20px;} .forum-post-edit .smilies img, .photo-detail .smilies img, .video-detail .smilies img{ margin:0 7px; cursor: pointer;} .forum-post-edit .links, .photo-detail .links, .video-detail .links{ margin-bottom:15px; margin-top:5px} .forum-post-edit .wysiwyg, .photo-detail .wysiwyg, .video-detail .wysiwyg{background:url(/assets/img/feddelegrand/comments.png) no-repeat; } .forum-post-edit .wysiwyg textarea {width: 618px; margin-bottom: 15px; height: 80px; border-top: none; margin-top: 2px; border: 2px solid #000; border-top: none;} .forum-post-edit .wysiwyg textarea:focus {border: 2px solid #696969; border-top: none;} .forum-post-edit #postbutton {margin-bottom: 15px; background-position:-3px -73px; padding: 0; margin-left: 8px;} .forum-post-edit #postbutton:hover {margin-bottom: 15px; background-position:-3px -105px; padding: 0;} .block.forum-post-edit h2.createtopic {display:block;width:638px;font-size:20px;margin:0 0 15px 0px;font-weight:bold;padding-left:3px;padding-top:0px;padding-bottom:4px;border-bottom:1px solid #313131} .block.forum-post-edit h2.createtopic a, .block.forum-comments h2.createtopic a:hover {color:#fff} .comment-text h4 {margin:3px 0 3px 0} /* -- FORMS -- */ /*input.std, textarea.std {background: url(/assets/img/feddelegrand/input-bg.png) no-repeat left top; width: 340px; height: 18px; padding:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; border:2px solid #3a3a3a; outline:0; font-size:14px;}*/ /*input.std, textarea.std {background-color: #000; width: 340px; height: 18px; padding:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; border:2px solid #121212; outline:0; font-size:14px;}*/ input.std, textarea.std {background-color: #161616; width: 332px; height: 20px; padding:8px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; border:2px solid #333333; outline:0; font-size:14px; margin: 8px 0;} input.std:focus, textarea.std:focus {border:2px solid #FFF;} input.nonactive, textarea.nonactive {color: #999;} input.validation-failed {border:2px solid red;} input.submitbutton {display: none;} input.inlineEditTitle{ float:left; width:410px; background-color: #000; height: 18px; padding:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; border:2px solid #fff; outline:0; font-size:14px;} textarea.inlineedit{ float:left;width:410px; background-color: #000; padding:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; border:2px solid #fff; outline:0; font-size:14px;} /* search form */ .searchdiv {width: 253px; background: url(/assets/img/feddelegrand/input-bg.png) no-repeat left top; height: 18px; padding:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; border:2px solid #3a3a3a; outline:0; font-size:14px;} .searchdiv input {background-color: transparent; background: none; border:none; width: 180px;} div.search {margin-bottom: 10px;} #musicplayercontainer {background-color: #121212; /*height:50px; overflow:hidden;*/} #header #personal {background: transparent url(/assets/img/feddelegrand/personal-bg.png) repeat left top; border-left: 1px #121212 solid; border-right: 1px #121212 solid; border-bottom: 1px #121212 solid;} /* -- COMMENTS -- */ .forum-comments #commentform {background-color: #121212; padding: 3px; margin-top: 8px;} /* -- PICTURES -- */ #slideshowcontainer {width:636px;height:434px;display:block;padding:10px 0 0 0;margin-left:0;border-top:solid 1px #313131} .pictures .photoalbumoverview {border-collapse:collapse;} .pictures .photoalbumoverview tr {height: 130px; border-bottom: 1px #121212 solid;} .pictures .photoalbumoverview tr:hover {background-color: #121212; cursor: pointer;} .pictures .photoalbumoverview a {background-color:transparent;color:#c4e500; padding:0;} .pictures .photoalbumoverview a em{ font-style:normal;} .pictures .photoalbumoverview a:hover {background:transparent;} .pictures .photoalbumoverview th {text-align: left;} .pictures .photoalbumoverview th {padding:5px} .pictures .photoalbumoverview td {padding-top:6px;padding-bottom:5px;width:510px} .pictures .photoalbumoverview .picturecontainer {width: 127px; height: 127px; clear: none; float: left;} .pictures #albumpictures {height:1%} .pictures #albumpictures .links { margin-top:10px;} .pictures #albumpictures .picturecontainer {width: 150px; height: 150px; clear: none; float: left; margin-left: 8px; cursor: pointer;} .photo-detail #detail .picture {position: relative; height: 425px;} .photo-detail #detail .pictureLoader {background:url(/assets/img/feddelegrand/searchProcess.gif) no-repeat center center; } .photo-detail #detail .picture #overview {position: absolute; width: 638px; height: 133px; bottom: 0;} .photo-detail #detail .picture #overview table {height: 133px; width: 638px; background: transparent url(/assets/img/feddelegrand/personal-bg.png) repeat scroll left center; visibility: hidden;} .photo-detail #detail .picture #overview .activepicture {border: 2px solid #fff;} .photo-detail #detail #pictureinfo {padding: 20px 12px; width: 612px;} .photo-detail #detail #pictureinfo .currentrating { margin-left: 8px;} .photo-detail #detail .pictureLoader .navigation{ background:black; padding:3px; margin:10px 10px 0 0;} .photo-detail div#picturedescription{ margin-top:15px;} #sendtofriend {display: none; padding: 20px 12px;} #sendtofriend input {width: 292px;} #sendtofriend textarea {width: 600px; height: 80px; margin-bottom: 8px;} .inlineedit {background: none; width: 400px; border: none; color: #fff; padding: 0px; overflow: auto; margin: 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} .content .inlineedit {height: 22px;} .content #pictureinfo .inlineedit {margin-top: 8px;} .title .content h3 #picturetitle {font-size:18px;margin-bottom:3px;display:block; width:450px} /* -- UPLOAD PICTURES -- */ #browsebutton {margin: 16px 8px 16px 0;} /* -- EDIT PROFILE -- */ .profile-settings dl, .profile-edit .personal-info dl {overflow: hidden; height: 0px; padding: 16px 0 0;} .profile-settings h3, .profile-edit .personal-info h3 {cursor: pointer; padding: 8px 0 0; margin: 0px; font-size: 16px;} /* -- FRIEND REQUESTS -- */ #requestscontainer {background-color: #121212; padding: 16px;} .request {float: left; width: 280px; margin: 0 20px 10px 0;} .requestinfo {margin-left: 16px;} .errorresponse {border: solid 2px red; padding: 8px; margin-bottom: 8px; display: none;} .errorresponse ul {list-style-type: circle;} .bookings input.validation-failed, .bookings textarea.validation-failed { border: 2px solid red;} .bookings .promo-tekst a, .bookings .promo-tekst a:hover {color:#C6E600;background:none} .bookings a.thanks, .bookings a:hover.thanks {background:none;} .bookings a.thanks h2 {color:#666;} .bookings a.thanks h2 span {color:#fff;font-weight:bold} html{ background:url(/assets/img/feddelegrand/background-output.jpg) no-repeat top center #000} body{ background:url(/assets/img/feddelegrand/grunge_bg.gif) no-repeat center 1300px;} a{color:#c6e600;} a:hover{background:#c6e600; color:#000;} h2 span.grijs {color:#666} h2 span.grijs a {color:#666;padding:0;} h2 span.grijs a:hover {color:#666;background:black} /* -- MENU -- */ body ul#menu li a {background-image:url(/assets/img/feddelegrand/menu.png);} body ul#menu li.menustart a {background-position:0 0;width:18px;} body ul#menu li.home a {background-position:-18px 0;width:35px;} body ul#menu li.feddelegrand a {background-position:-53px 0; width:129px;} body ul#menu li.events a {background-position:-182px 0;width:75px} body ul#menu li.news a {background-position:-257px 0;width:62px;} body ul#menu li.releases a {background-position:-319px 0;width:87px} body ul#menu li.photos a {background-position:-406px 0;width:80px} body ul#menu li.videos a {background-position:-486px 0;width:75px;} body ul#menu li.specials a {background-position:-561px 0;width:91px;} body ul#menu li.bookings a {background-position:-652px 0;width:92px;} body ul#menu li.forum a {background-position:-744px 0;width:70px;} body ul#menu li.community a {background-position:-814px 0;width:101px} body ul#menu li.communitymenu a {background-position:-814px 0;width:101px} body ul#menu li.menuend a {background-position:-915px 0;width:17px;} /* -- MENU HOVER -- */ body ul#menu li a:hover {background-color: transparent;} body ul#menu li.home a:hover {background-position:-18px -43px;} body ul#menu li.feddelegrand a:hover {background-position:-53px -43px;} body ul#menu li.events a:hover {background-position:-182px -43px;} body ul#menu li.news a:hover {background-position:-257px -43px;} body ul#menu li.releases a:hover {background-position:-319px -43px;} body ul#menu li.photos a:hover {background-position:-406px -43px;} body ul#menu li.videos a:hover {background-position:-486px -43px;} body ul#menu li.specials a:hover {background-position:-561px -43px;} body ul#menu li.bookings a:hover {background-position:-652px -43px;} body ul#menu li.forum a:hover {background-position:-744px -43px;} body ul#menu li.community a:hover {background-position:-814px -43px;} body ul#menu li.communitymenu a:hover {background-position:-814px -86px;} /* -- MENU ACTIVE -- */ body.home ul#menu li.home a {background-position:-18px -43px;} body.fedde ul#menu li.feddelegrand a {background-position:-53px -86px;} body.events ul#menu li.events a {background-position:-182px -86px;} body.news ul#menu li.news a {background-position:-257px -86px;} body.releases ul#menu li.releases a {background-position:-319px -86px;} body.photos ul#menu li.photos a {background-position:-406px -86px;} body.videos ul#menu li.videos a {background-position:-486px -86px;} body.specials ul#menu li.specials a {background-position:-561px -86px;} body.bookings ul#menu li.bookings a {background-position:-652px -86px;} body.forum ul#menu li.forum a {background-position:-744px -86px;} body.community ul#menu li.community a {background-position:-814px -86px;} body.usertracks ul#menu li.community a {background-position:-814px -86px;} /* -- MENU ACTIVE HOVER -- */ body.fedde ul#menu li.feddelegrand a:hover {background-position:-53px -129px;} body.events ul#menu li.events a:hover {background-position:-182px -129px;} body.news ul#menu li.news a:hover {background-position:-257px -129px;} body.releases ul#menu li.releases a:hover {background-position:-319px -129px;} body.photos ul#menu li.photos a:hover {background-position:-406px -129px;} body.videos ul#menu li.videos a:hover {background-position:-486px -129px;} body.specials ul#menu li.specials a:hover {background-position:-561px -129px;} body.bookings ul#menu li.bookings a:hover {background-position:-652px -129px;} body.forum ul#menu li.forum a:hover {background-position:-744px -129px;} body.community ul#menu li.community a:hover {background-position:-814px -129px;} body.usertracks ul#menu li.community a:hover {background-position:-814px -129px;} /* icons.png */ a.edit,a.edit:hover,a.back,a.back:hover,a.remove,a.remove:hover, a.move-up,a.move-up:hover,a.move-down,a.move-down:hover,a.reply,a.reply:hover,a.forward,a.forward:hover,a.delete,a.delete:hover,a.save,a.save:hover,a.create,a.create:hover, a.trash,a.trash:hover,a.next,a.next:hover, .releases .releasetrack span.flamingoicon, .releases .releasetrack span.icon, a.create-newtopic, a.create-newtopic:hover, a.create-newtopic2, a.create-newtopic2:hover, a.newtopic, a.newtopic:hover, div.status, a.search, a.search:hover, a.login, a.logout, a.register, a.editprofile, a.addfriend, a.addcomment,a.external,a.upload, a.spam, a.spam:hover, a.mail, a.mail:hover, a.upload:hover {background:url(/assets/img/feddelegrand/icons.png) no-repeat; padding-left:20px} /* sprite.png */ a.button-wide,a.button-wide:hover,span.arrow ,.widget div.referenties, #hero-container .events-hero ul li span.arrow,a.button,a.button:hover, .member-carousel .next span,.member-carousel .previous span, .media-carousel .previous span, .media-carousel .next span, .welcome li{background:url(/assets/img/feddelegrand/sprite.png) no-repeat;} /* buttons.png */ a.button-wide span, a.button span{background-image:url(/assets/img/feddelegrand/buttons2.png); background-repeat:no-repeat} a.button-grey{ margin-top:-25px;} a.button-grey:hover{ background:none;} a.button-grey span{background:url(/assets/img/feddelegrand/buttons-grey.png) no-repeat; display:block; height:33px; width:127px} a.button-grey span.buy-on-itunes{ background-position:-4px -43px; text-indent:-99999px; margin-right:10px} a.button-grey:hover span.buy-on-itunes{ background-position:-4px -3px;} a.button-grey span.buy-on-beatport{ background-position:-143px -43px; text-indent:-99999px} a.button-grey:hover span.buy-on-beatport{ background-position:-143px -3px;} a.newtopic { padding:0 5px 0px 20px; background-position:2px -1281px;text-indent:-500px; float:left; width:auto; overflow:hidden} a.newtopic:hover { background-position:2px -1301px; background-color:#c6e600} a.create-newtopic { padding:0 5px 0px 20px; background-position:2px -1281px;text-indent:-500px;float:left; overflow:hidden} a.create-newtopic:hover { background-position:2px -1301px; background-color:#c6e600} a.create-newtopic2 { padding:0 5px 5px 23px; background-position:2px -1281px} a.create-newtopic2:hover { background-position:2px -1301px; background-color:#c6e600} a.search {padding:0 5px 0px 20px; background-position:2px -1440px;} a.search:hover {background-position:2px -1461px; background-color:#c6e600} a.login {padding:0 5px 0px 20px; background-position:2px -1359px;} a.login:hover {background-position:2px -1379px; background-color:#c6e600} a.logout {padding:0 5px 0px 20px; background-position:2px -1400px;} a.logout:hover {background-position:2px -1420px; background-color:#c6e600} a.external {padding:0 20px 0px 0px; background-position:right -1569px;} a.external:hover {background-position:right -1590px; background-color:#c6e600} a.register {padding:0 5px 0px 20px; background-position:2px -1319px;} a.register:hover {background-position:2px -1339px; background-color:#c6e600} a.editprofile {padding:0 5px 0px 20px; background-position:2px -1484px;} a.editprofile:hover {background-position:2px -1505px; background-color:#c6e600} a.addfriend {padding:0 5px 0px 20px; background-position:2px -160px;} a.addfriend:hover {background-position:2px -722px; background-color:#c6e600} a.addcomment {padding:0 5px 0px 25px; background-position:2px -1526px;} a.addcomment:hover {background-position:2px -1547px; background-color:#c6e600} a.edit { padding-left:18px; background-position:0 -2px} a.edit:hover { background-position:0 -564px; background-color:#c6e600} a.back { padding-left:18px; background-position:0 -27px} a.back:hover { background-position:0 -590px; background-color:#c6e600} a.next{ padding-left:0; background-position:23px -1122px; padding-right:13px; } a.next:hover{background-position:23px -1150px;} a.remove { padding:0 5px 0px 23px; background-position:2px -478px} a.remove:hover { background-position:2px -1040px; background-color:#c6e600; color:#000;} a.move-up { padding:0 5px 5px 15px; background-position:0 -78px} a.move-up:hover { background-position:0 -641px; background-color:#c6e600} a.move-down { padding:0 5px 5px 19px; background-position:0 -107px} a.move-down:hover { background-position:0 -670px; background-color:#c6e600} a.reply { padding:2px 10px 0px 23px; background-position:2px -503px} a.reply:hover { background-position:2px -1068px; background-color:#c6e600; color:#000;} a.delete { padding:2px 5px 2px 23px; background-position:2px -52px} a.delete:hover { background-position:2px -615px; background-color:#c6e600; color:#000;} a.quote { padding:2px 5px 2px 5px; } a.quote:hover { background-color:#c6e600; color:#000;} a.messagereply { padding:0 5px 5px 23px; background-position:2px -505px} a.messagereply:hover { background-position:2px -1067px; background-color:#c6e600; color:#000;} a.forward { padding:0 5px 0px 23px; background-position:2px -531px} a.forward:hover { background-position:2px -1094px; background-color:#c6e600; color:#000;} a.messagedelete { padding:0 5px 0px 23px; background-position:2px -476px} a.messagedelete:hover { background-position:2px -1040px; background-color:#c6e600; color:#000;} a.messagesave, a.save { padding:0 5px 0px 20px; background-position:0px -363px} a.messagesave:hover, a.save:hover { background-position:0px -925px; background-color:#c6e600; color:#000;} a.messagecreate { padding:0 5px 0px 22px; background-position:2px -419px} a.messagecreate:hover { background-position:2px -980px; background-color:#c6e600;} a.messagetrash, a.trash { padding:0 5px 0px 20px; background-position:2px -184px} a.messagetrash:hover, a.trash:hover { background-position:2px -747px; background-color:#c6e600; color:#000;} a.spam { padding:0 5px 0px 20px; background-position:2px -1610px} a.spam:hover { background-position:2px -1632px; background-color:#c6e600; color:#000;} a.mail{ /*padding:0 5px 0px 18px; */ background-position:0px -132px} /* -- BUTTONS -- */ a.button {background-position:0 -5px;} a.button:hover {background-position:0 -37px;} a.button-wide {background-position:0 -73px;} a.button-wide:hover {background-position:0 -105px;} a.button span, a.button-wide span {cursor:pointer;} /* -- TEXT BLOCK -- */ a span.buy-on-itunes {background-position:45px -37px;} a:hover span.buy-on-itunes {background-position:45px -55px;} a span.buy-on-beatport {background-position:45px -1px;} a:hover span.buy-on-beatport {background-position:45px -19px;} a span.login {background-position:45px -73px;} a:hover span.login {background-position:45px -91px;} a span.post-comment {background-position:45px -289px;} a:hover span.post-comment {background-position:45px -307px;} a span.search {background-position:35px -109px;} a:hover span.search {background-position:35px -127px;} a span.upload {background-position:35px -145px;} a:hover span.upload {background-position:35px -163px;} a span.save {background-position:45px -181px;} a:hover span.save {background-position:45px -199px;} a span.savechanges {background-position:50px -362px;} a:hover span.savechanges {background-position:50px -380px;} a span.deleteaccount {background-position:30px -977px;} a:hover span.deleteaccount {background-position:30px -995px;} a span.editcomment {background-position:50px -1013px;} a:hover span.editcomment {background-position:50px -1031px;} a span.send {background-position:40px -217px;} a:hover span.send {background-position:40px -235px;} a span.addphotos {background-position:15px -326px;} a:hover span.addphotos {background-position:15px -344px;} a span.free-signup {background-position:40px -399px;} a:hover span.free-signup {background-position:40px -417px;} a span.invitefriends {background-position:40px -471px;} a:hover span.invitefriends {background-position:40px -489px;} a span.addfriends {background-position:10px -0px;} a:hover span.addfriends {background-position:10px -18px;} a span.add-tracks {background-position:15px -580px;} a:hover span.add-tracks {background-position:15px -598px;} a span.add-videos {background-position:15px -543px;} a:hover span.add-videos {background-position:15px -561px;} a span.search-for-friends {background-position:20px -435px;} a:hover span.search-for-friends {background-position:20px -453px;} a span.add-more-friends {background-position:30px -37px;} a:hover span.add-more-friends {background-position:30px -55px;} a span.resetpassword {background-position:44px -724px;} a:hover span.resetpassword {background-position:44px -742px;} a span.downloadliveset {background-position:35px -761px;} a:hover span.downloadliveset {background-position:35px -779px;} a span.download {background-position:25px -833px;} a:hover span.download {background-position:25px -851px;} a span.uploadremix {background-position:25px -870px;} a:hover span.uploadremix {background-position:25px -888px;} a span.addremix {background-position:25px -907px;} a:hover span.addremix {background-position:25px -926px;} a span.startvoting {background-position:25px -942px;} a:hover span.startvoting {background-position:25px -960px;} a span.sign-up {background-position:45px -1012px;} a:hover span.sign-up {background-position:45px -1031px;} a span.gotoprofile {background-position:35px -1050px;} a:hover span.gotoprofile {background-position:35px -1069px;} /* RATE */ a.up, a.down, span.up, span.down,span.votedup,span.voteddown{background:url(/assets/img/feddelegrand/rate.png); float:left; margin-left:7px} span.rate,span.currentrating{ display:block; float:left; margin-top:3px;} a.up{ width:24px; height:24px; display:block; padding:0; background-position:0 -24px} a.down{ width:24px; height:24px; display:block; padding:0; background-position:24px -24px} a.up:hover{ background-position:0 -0px} a.down:hover{ background-position:24px -0px} span.up{ width:24px; height:24px; display:block; padding:0; background-position:0 -24px} span.down{ width:24px; height:24px; display:block; padding:0; background-position:24px -24px} span.votedup{ width:24px; height:24px; display:block; padding:0; background-position:0 -0px} span.voteddown{ width:24px; height:24px; display:block; padding:0; background-position:24px -0px} a.buyremixesbutton, a.buysinglebutton{text-indent:-9999px; float:left; display:block; height:45px; width:174px; background:url(/assets/img/feddelegrand/buy-buttons.png) no-repeat} a.buysinglebutton{ background-position:0 0;margin-left:145px;} a.buysinglebutton:hover{background:url("/assets/img/feddelegrand/buy-buttons.png") no-repeat scroll 0 0 transparent; background-position:1px -47px;} a.buyremixesbutton{background-position:-196px 0;} a.buyremixesbutton:hover{background:url("/assets/img/feddelegrand/buy-buttons.png") no-repeat scroll 0 0 transparent; background-position:-195px -47px;} .clean:hover, .clean {background:none; margin:0px; padding:0px; color:none} /* -- BLOCKS -- */ .block h2 { color:#c5e500;} .title h2 {color:#fff; float: left; } .title h2.member {color:#5f5f5f; float: left; font-weight: bold; } .title h2.member span {color:#fff; font-size:20px} .title h2.member span.grey{color:#5f5f5f;} .title h2.member span.white a{color:#fff;} .title h2.member span a:hover{ background:none} .title h2.member a {color:#5f5f5f; text-decoration: none;} .title h2.member a:hover {background:#000} .title .content h3 {color:#fff; font-size: 14px; padding: 8px 0 4px;} .content #detail {background-color: #121212;} /* -- PROFILE SUBMENU -- */ .profile-submenu{ background:url(/assets/img/feddelegrand/sub-menu.png) repeat-x left bottom; position: relative; height: 110px; } .photo-detail .largepicture {display: block; margin: 0 auto 12px;} /* -- FOOTER -- */ #footer {background:url(/assets/img/feddelegrand/menu.png) 0 -172px no-repeat;} /* -- GENERAL CLASSES */ .noimage {border: 3px solid #c1e200;} .red{ color:#FF0000} /* -- ROAR NOTIFICATIONS STYLING -- */ .roar-body { position: absolute; color: #fff; text-align: left; z-index: 999; } .roar { position: absolute; width: 310px; height: 106px; cursor: pointer;} .roar-bg {position: absolute; z-index: 1000; width: 305px; height: 108px; left: 0; top: 0; background: url(/assets/img/feddelegrand/alert-bg.png) right bottom no-repeat;} .roar-body-ugly .roar-bg {display: none;} .roar h3 { position: relative; padding: 16px 10px 0 75px; margin: 0; border: 0; font-size: 16px; color: #000; z-index: 1002;} .roar p {position: relative; padding: 10px 10px 15px; margin: 0; font-size: 12px; color: #fff; z-index: 1002; display: none;} /* -- SQUEEZEBOX STYLING -- */ #sbox-overlay { position: absolute; background-color: #000; left: 0px; top: 0px; zoom: 1; } #sbox-window { position: absolute; background-color: #000; border: 1px solid #fff; text-align: left; overflow: visible; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url(/assets/img/squeezebox/closebox.png) no-repeat center; border: none; } .sbox-window-ie6 #sbox-btn-close { background-image: url(/assets/img/squeezebox/closebox.gif); } .sbox-loading #sbox-content { background-image: url(/assets/img/squeezebox/spinner.gif); background-repeat: no-repeat; background-position: center; } #sbox-content { clear: both; overflow: auto; background-color: #000; height: 100%; width: 100%; } .sbox-content-image#sbox-content { overflow: visible; } #sbox-image { display: block; } .sbox-content-image img { display: block; width: 100%; height: 100%; } .sbox-content-iframe#sbox-content { overflow: visible; } img.type-avatar {border: 1px solid #C3E300; padding: 2px; width: 64px; height: 64px;} img.noborder {border: none; padding: 0px;} .twitter {background-color: #121212;} .twitter ul li {background:url(/assets/img/feddelegrand/twitter.png) no-repeat;} .twitter li a span.date {background:url(/assets/img/feddelegrand/twitter.png) 0 -8px no-repeat;} .social {background-color: #121212;} .social span {margin: 0 0 0 25px;} .social ul.networks {padding: 0 0 0 25px;} .social ul.networks li a {background:url(/assets/img/feddelegrand/sprite.png) no-repeat;} .social ul.networks li a.myspace {background-position:7px -138px;} .social ul.networks li a.facebook {background-position:7px -170px;} .social ul.networks li a.hyves {background-position:7px -200px;} .social ul.networks li a.twitter {background-position:7px -235px;} .social ul.networks li a.flickr {background-position:7px -265px;} .social ul.networks li a.beatport {background-position:7px -298px;} .social ul.networks li a.youtube {background-position:7px -330px;} .social ul.networks li a.itunes {background-position:7px -360px;} .share {padding: 0; margin: 0; width: 230px;} .share li {float: left; list-style: none;} .share li{ background:none;} .share li a{ display:block; width:22px; height:22px; overflow:hidden; text-indent:-9999px; background:url(/assets/img/feddelegrand/socialicons.png) no-repeat; padding:0; margin:0;} .share li a:hover{ background:url(/assets/img/feddelegrand/socialicons.png) no-repeat;} .share li a.addthis_button_twitter{ background-position:0 -154px;} .share li a.addthis_button_stumbleupon{ background-position:0 -176px;} .share li a.addthis_button_myspace{ background-position:0 -198px;} .share li a.addthis_button_facebook{ background-position:0 -220px;} .share li a.addthis_button_digg{ background-position:0 -242px;} .share li a.addthis_button_delicious{ background-position:0 -264px;} .share li a.addthis_button_expanded{ background-position:0 -286px;} .share li a.addthis_button_twitter:hover{ background-position:0 -0;} .share li a.addthis_button_stumbleupon:hover{ background-position:0 -22px;} .share li a.addthis_button_myspace:hover{ background-position:0 -44px;} .share li a.addthis_button_facebook:hover{ background-position:0 -66px;} .share li a.addthis_button_digg:hover{ background-position:0 -88px;} .share li a.addthis_button_delicious:hover{ background-position:0 -110px;} .share li a.addthis_button_expanded:hover{ background-position:0 -132px;} .share li a span {display: none;} .mytracks .content ul.track-list{ } p.no-videos { margin-top:5px;} p.no-videos a.button { margin-top:-5px} h3.postcomment{ padding-top:15px; display:block;} #file-listcontainer {display: none;} #status {display: none;} #uploadbutton {visibility: hidden;} #scrollloader { height: 40px; width: 636px;} #scrollloader.active {background-color: #121212; border: 1px solid #696969;} #albumpictures {height: auto;} /* -- SPECIALS -- */ div.special{padding-bottom:20px;margin-bottom:5px;display:block; } div.specialborderbottom{border-bottom:1px solid #313131;margin-bottom:15px} /* -- PAGINATION LINKS -- */ #pagination {margin-top: 16px; float: right;} span.activepage { width: 10px; height: 10px; border: 1px solid #fff; color: #fff; padding: 0 6px; margin: 0 1px;} a span.activeprevpage, a span.activenextpage, span.nonactiveprevpage, span.nonactivenextpage {margin: 1px 4px; display: block; background:url(/assets/img/feddelegrand/paginationsprite.png) no-repeat; height: 15px; width: 15px;} a span.activenextpage {background-position: 0px 0px;} a span.activeprevpage {background-position: 0px -15px;} span.nonactivenextpage {background-position: 0px -30px;} span.nonactiveprevpage {background-position: 0px -45px;} /* -- FRIENDS -- */ #friendscontainer {margin-left: -30px;} .friendcontainer {height: 163px; width: 102px; margin-left: 30px;} #friendscontainer .friendname {width: 108px; text-align: center;} /* -- PROFILE -- */ .profile-edit .personal-info .content dt {padding-top: 4px; margin-bottom: 8px;} .profile-edit .personal-info .content dd {margin-bottom: 8px; width:292px} .profile-edit .personal-info .content dd input.day {width: 30px;} .profile-edit .personal-info .content dd input.month {width: 30px;} .profile-edit .personal-info .content dd input.year {width: 40px;} .profile-edit .personal-info .content dd input.postalcode {width: 50px;} .genderradio {visibility: hidden;} .profile-edit .male {display:block; margin:0; padding:0; width:36px; height:32px; float:left; background:url(/assets/img/feddelegrand/registration_sprite.png) -0px -124px; cursor: pointer;} .profile-edit .male.active {background-position: -36px -124px;} .profile-edit .female {display:block; margin:0; padding:0;width:36px; height:32px; float:left; margin-left:10px;background:url(/assets/img/feddelegrand/registration_sprite.png) -36px -156px; cursor: pointer;} .profile-edit .female.active {background-position: -0px -156px;} /* -- PROFILE settings-- */ .profile-settings .content dl {margin:0px;} .profile-settings .content dt div {} .profile-settings .content dd {padding-top: 0px; margin: 0px; color:#505050; font-weight:bold;} .profile-settings .content dd h4.borderbottom{color:#ffffff;border-bottom:1px solid #313131; padding-top:20px; margin-bottom:10px; font-size:12px; } .profile-settings .content .column {width:70px; padding:35px 0px 0px 60px; text-align:center; float:left; font-size:12px; font-weight:bold;} .profile-settings .content dt {margin: 0px;} .profile-settings .content dt input.cb {width:70px; margin-left:55px; margin-top:5px; text-align:center} .profile-settings .content .definition-list dt {float:left; width:100px} .profile-settings .content .definition-list dd input {width:275px; margin-bottom:10px; margin-right:200px;} /* -- TWITTER SIDEBAR -- */ #sidebar h2 {margin-bottom:2px} .block.twitter {padding-top: 15px;} .twitter ul {margin:0; padding:0;} .twitter li {margin:0; padding:0; list-style:none; display:block; padding-top:10px;margin: 0 0 5px 15px;} .twitter li div {width:235px;overflow:hidden;background:#000;display:block;margin:0;padding:0} .twitter li a {display:block; padding:0; position:relative; background:#000; width: 235px;} a:hover.external.nobg {background:none;color:#C6E600; background:url(/assets/img/feddelegrand/icons.png) no-repeat right -1569px;} a:hover.nobg, a:hover.nobg img {background:none} .twitter li strong {display:block; color:#fff; padding:0 10px;} .twitter li strong a {display:inline;padding:0;margin:0} .twitter li strong a:hover {background:none;color:#c6e600} .twitter li a span.date {display:block; color:#696969; width:215px; height:35px; padding:0 10px; position:relative;z-index:99;background-color:#121212;} .twitter li a span.arrow{background-position: -229px 0; display:block; height:9px; width:5px; position:absolute; right:10px; top:12px;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3; z-index:999;} div.clear.twittermargin {padding-bottom:30px} .block.twitter {margin-bottom:2px} .twitterlogo {margin-top:3px;} .twitter a.inlinelink {padding:0 10px;width:auto;width:215px; overflow:hidden} .twitter a:hover.inlinelink {color:#c6e600;background:#000;} /* -- PARTNERS SIDEBAR -- */ .partners {background:#121212;padding-bottom:13px;padding-top:13px} .partners ul {list-style-type:none;width:245px;padding:0 0px 0 15px;margin-top:0;margin-bottom:0} .partners ul li {list-style-type:none;margin:0 1px 1px 0} .partners ul li {background:#000;float:left;width:117px;height:46px;margin:0 1px 1px 0;overflow:hidden} .partners ul li a {background:#000;width:117px;height:46px;display:block;text-indent:-9999px} .partners ul li a span {background:url(/assets/img/feddelegrand/sprite.png) no-repeat 0 0;display:block} .partners ul li a.myspace span {width:58px;height:16px;margin-left:29px;margin-top:15px;background-position:-18px -148px} .partners ul li a:hover.myspace span {background-position:-117px -148px} .partners ul li a.facebook span {width:57px;height:13px;margin-left:30px;margin-top:16px;background-position:-17px -179px} .partners ul li a:hover.facebook span {background-position:-116px -179px} .partners ul li a.hyves span {width:43px;height:16px;margin-left:37px;margin-top:15px;background-position:-25px -209px} .partners ul li a:hover.hyvese span {background-position:-121px -209px} .partners ul li a.twitter span {width:61px;height:14px;margin-left:28px;margin-top:16px;background-position:-17px -242px} .partners ul li a:hover.twitter span {background-position:-116px -242px} .partners ul li a.flickr span {width:51px;height:16px;margin-left:33px;margin-top:15px;background-position:-22px -272px} .partners ul li a:hover.flickr span {background-position:-122px -272px} .partners ul li a.beatport span {width:61px;height:19px;margin-left:28px;margin-top:13px;background-position:-16px -306px} .partners ul li a:hover.beatport span {background-position:-115px -306px} .partners ul li a.youtube span {width:56px;height:23px;margin-left:30px;margin-top:11px;background-position:-18px -335px} .partners ul li a:hover.youtube span {background-position:-117px -335px} .partners ul li a.itunes span {width:61px;height:22px;margin-left:28px;margin-top:12px;background-position:-16px -366px} .partners ul li a:hover.itunes span{background-position:-115px -366px} h3.comments{ font-size:20px;font-weight:normal; margin-bottom:2px;} .free-sign-up{ border-top:1px solid #313131;} .free-sign-up h3{ font-size:20px;} .free-sign-up p{ padding:10px 0 15px 0} .free-sign-up a.button-wide{} /* LOGIN */ .login-box{} .login-box h2{ color:#fff; font-size:18px; font-weight:bold} .login-box .register{ width:275px; padding:10px 10px 10px 20px;font-size:14px;} .login-box .register a{ margin-top:15px;} .login-box .register ul{ padding:0; margin:0;} .login-box .register ul li{ padding:0 0 0 23px; margin:7px 0 0 0px; background:url(/assets/img/feddelegrand/login-arrow.png) no-repeat 0 2px; list-style:none } .login-box div.login{ width:275px;padding:10px 0px 10px 30px; border-left:1px solid #333333; } form#loginform span.title{ margin-top:15px; display:block } form#loginform .remember{ padding-top:2px; float:left; display:block;} form#loginform .dosignup {padding-top:5px; float:left; display:block;} .login-box div.login input#password{ margin-bottom:15px;} .login-box div.login input{ width:230px} #footer span { display: block; float: left; font-size: 12px; width: 450px; color: #767676; font-weight: bold; margin-right: 0; } #footer a { display: block; clear: none; text-indent: -99999px; float: right; margin-right: 10px; outline:none; } a.dance4life{ background:url(/assets/img/feddelegrand/footer/dance4life.png) left -10px no-repeat; width:90px; height:50px; } a.dance4life:hover{ background:url(/assets/img/feddelegrand/footer/dance4life.png) left -62px no-repeat; } a.fedde { background:url(/assets/img/feddelegrand/footer/fedde.gif) left center no-repeat; margin-top:7px; width: 55px; height: 39px; } a.fedde:hover { cursor: pointer; background:url(/assets/img/feddelegrand/footer/fedde_over.gif) left center no-repeat; } a.websdesign { margin-top:10px; margin-left:14px; background:url(/assets/img/feddelegrand/footer/websdesign.png) left top no-repeat; width: 27px; height: 27px; } a.websdesign:hover { cursor: pointer; background:url(/assets/img/feddelegrand/footer/websdesign.png) left bottom no-repeat; } a.flamingo { margin-top:5px; background:url(/assets/img/feddelegrand/footer/flamingo.gif) left center no-repeat; width: 46px; height: 39px; } a.flamingo:hover { cursor: pointer; background:url(/assets/img/feddelegrand/footer/flamingo_over.gif) left center no-repeat; } a.circle { background:url(/assets/img/feddelegrand/footer/circle.gif) left center no-repeat; margin-top:5px; width: 44px; height: 39px; } a.circle:hover{ cursor: pointer; background:url(/assets/img/feddelegrand/footer/circle_over.gif) left center no-repeat; } span.select { position: absolute; border: 2px solid #333; width: 255px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ padding: 8px 24px 8px 8px; color: #fff; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:14px; background: #161616 url(/assets/img/feddelegrand/listdropdownarrow.gif) center right no-repeat; overflow: hidden; margin-top: 0px; cursor: pointer; } span.formerror { border: 2px solid red; } select.styled { height: 30px; } } /* -- RELEASE HIGHLIGHT -- */ .release-highlight{} .release-highlight .content{ padding:30px 0} .release-highlight .content h3{ font-size:20px; display:block;} .release-highlight .content h3 a {font-size:20px;display:block;margin:0;padding:0;color:#fff} .release-highlight .content h3 a:hover {background:none;color:#fff} .release-highlight .content img{ margin-right:8px;} .release-highlight .content div.info{ width:395px;min-height:225px;position:relative} .release-highlight .content div.info ul { padding:20px 0 32px} .release-highlight .content div.info div.alignbottom {bottom:0px;position:absolute} .release-highlight .content div.info a{ margin-right:20px;} /* -- RELEASES -- */ .releases .content{ padding:10px 0 ;} .releases .content h3{ font-size:18px} .releases .content ul.track-list{ padding-top:10px;} .releases .item{ width:200px; margin-bottom:15px; filter: alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity: 0.7; cursor:pointer;} .releases .item:hover{filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity: 1; cursor:pointer;} .releases .middle{ margin:0 19px} .releases .item span.artist{ color:#9e9c9c; display:block; margin:0; padding:0;} .releases .item span.title{ color:#696969; display:block;margin:0; padding:0;margin-top:-2px} .releases .releasedate {color:#535353} /* -- RELEASE DETAIL -- */ .releases-detail .info{ width:395px;} .releases-detail .release-sidebar{ width:233px; font-size:10px} .releases-detail .release-sidebar .owner{ display:block} .releases-detail .release-sidebar a.button-wide{ margin-top:10px;} .releases-detail .info p{ color:#696969} .releases-detail .intro p{ color:#fff} .releases-detail .info .movie{ margin:50px 0 20px;} .releases-detail .info ul {margin-bottom: 40px;} /* -- NEWS HIGHLIGHT -- */ .news-highlight{} .news-highlight .content{ padding:30px 0} .news-highlight .content h3{ font-size:20px; display:block;} .news .news-highlight .content h3 {display:block} .news-highlight .content h3 a {margin:0;padding:0;color:#fff} .news-highlight .content h3 a:hover {margin:0;padding:0;color:#fff;background:none} .news-highlight .content img{ margin-right:8px;} .news-highlight .content div.info{ width:395px; min-height:193px;padding-bottom:32px;position:relative} .news-highlight .content span.date{ color:#696969; margin:0; display:block} .news .news-highlight .content span.date {margin:0} .news-highlight .content div.info p{ margin:0 0 10px 0;} .news-highlight .content div.info div.alignbottom {bottom:0px;position:absolute} /* -- NEWS -- */ .news .content{ padding:10px 0 ;} .news .content h3{ font-size:18px;font-weight:normal} .news .content h3 a {color:#fff;margin:0;padding:0;font-weight:normal} .news .content h3 a:hover {color:#fff;background:none;margin:0;padding:0;font-weight:normal} .news .content ul.track-list{ padding-top:10px;} .news .item{ background:url(/assets/img/feddelegrand/yellowarrow.png) no-repeat 180px 200px; margin-bottom:25px; border-top:1px solid #0d0d0d; padding-top:25px;} .news .first{ border:none; padding-top:10px;} .news .middle{ margin:0 26px} .news .info.left {width:500px; } .news img{ margin-right:8px} .news .content span.date{ color:#696969; margin:0 0 0 6px; display:inline} .news .content h3{ font-size:20px; display:inline;} .news .content .descriptionShort{ display:block;} /* -- EVENTS -- */ .events .content{ padding:10px 0 20px 0 } .events .content hr{ padding:0; margin:25px 0; font-size:1px; line-height:1px; height:1px; overflow:hidden; color:#0c0c0c; border:none; border-top:solid 1px #0c0c0c} .events .content hr.last{ margin-bottom:10px} .events .content a.imagelink {color:#000;font-size:1px} .events .content .share {margin-left: 242px; margin-bottom: 50px;} .events .content a:hover.imagelink {color:#000;font-size:1px;background:none} .events .content .item{ width:385px; position:relative; min-height:193px; padding-bottom:32px; padding-right:10px;margin-bottom:8px} .events .content .item h3{ font-size:18px;} .events .content .item h3 a {color:#fff;margin:0;padding:0} .events .content .item h3 a:hover {background:none;color:#fff} /* .events .content div.eventsimage {display:block;width:225px;height:225px;margin:0;float:left;margin-right:8px;padding:0} .events .content div.eventsimage a {display:table-cell;width:225px;height:225px;vertical-align:middle;text-align:center} */ .events .content table.eventsimage {width:225px;height:225px;border:none;border-collapse:collapse;float:left} .events .content table.eventsimage tr {vertical-align:middle} .events .content table.eventsimage tr td {text-align:center;vertical-align:middle} .events .content img.eventsimage{ margin-bottom:0px;float:none} .events .content .item span{ display:block; margin:2px 0;} .events .content .item .location{color:#696969;margin:-3px 0;} .events .content .item .extrainformation {margin-top:8px} .events .content .item .navigation{ position:absolute; bottom:0; left:0;} h3.eventmonth {font-size:18px;margin-top:15px;border-bottom:solid 1px #313131;display:block;padding-bottom:2px} .events .content .navigation a{ margin-right:10px} .events .content .item-list{ border-bottom:1px solid #0c0c0c; padding:5px 0; } /*.events .content .item-list .moreinfo a {color:#fff;margin:0;padding:0} .events .content .item-list .moreinfo a:hover {background:transparent;color:#c4e500;}*/ .events .content hr.list{ margin:7px 0} .events .content .item-list .date{ display:block; width:130px; color:#696969} .events .content .item-list .location{ color:#696969;} .events .content .item-list .navigation{ display:block;margin-right:8px} .events .content .item-list .navigation a:hover {} .events .content .item-list:hover .navigation{visibility:visible} /*.events .content .item-list:hover{ background:#121212}*/ /* -- VIDEO LIST -- */ .video-list .content{ padding-top:20px;} .video-list a.comments {margin-bottom:20px} .video-list a.item{display:block;width:300px; padding:0 10px 10px 0; margin-bottom:10px;} .video-list a.item img{ margin:0 10px 0 0;border: solid 1px #fefefe; padding:1px;} .video-list a.item span.title{ display:block} .video-list a.item:hover{ background:none} .video-list a.item:hover img {background:none} .video-list a.item:hover span.title{ background:none; color: #c3e300} .video-list a.item span.date{ display:block; color:#fff;} .video-list a.more{ margin-bottom:20px;} .video-list .content hr{ padding:0; margin:25px 0; font-size:1px; line-height:1px; height:1px; overflow:hidden; color:#0c0c0c; border:none; border-top:solid 1px #0c0c0c} .video-list .content hr.last{margin:10px 0} .video-detail .content{ padding:15px 0} .video-detail .content .video{ background:#121212; padding:2px 0; margin-top:3px} .video-detail .content .video .details{ margin:15px 7px} .video-detail .content .video .details span.currentrating{ padding-left:10px} .video-detail h3.block-title{ display:block;} .video-list .block h2.block-title a {margin:0;padding:0;color:#fff} .video-list .block h2.block-title a:hover {margin:0;padding:0;color:#fff;background:none} .video-list embed {margin:3px 0;} /* -- YOUTUBE SEARCH -- */ .search-youtube-video{} .search-youtube-video .content{ padding:30px 0} .search-youtube-video .content .search-results{ } .search-youtube-video .content .search-results .item{ border:1px solid #202020; padding:10px; margin:10px 0;position: relative } .search-youtube-video .content .search-results .item img{ margin-right:10px; } .search-youtube-video .content .search-results .item .details {position:absolute;bottom:20px;left:140px;} .search-youtube-video .content .search-results .item .info{width:350px;padding-right:10px;} .search-youtube-video .content .search-results .item .actions{ width:110px; margin-top:41px} .search-youtube-video .content .search-results .item .actions{ height:17px;} .search-youtube-video .content .search-results .item .loading{ background:url(/assets/img/feddelegrand/loader.gif) no-repeat center center;padding:15px 0; margin-top:26px} .search-youtube-video .content .search-results .item .completed{ background:url(/assets/img/feddelegrand/completed.png) no-repeat center center; } /* -- UPLOAD VIDEO -- */ .upload-video{} .upload-video .content{} .upload-video .content .info{ padding:0px 0 20px 0} .upload-video .content .info h3{ margin:20px 0 0 0} .upload-video .content .info textarea{ width:400px; height:130px;} .upload-video .content .select-file{ margin:20px 0px; font-size:14px; } .upload-video .content .select-file a{ position:relative; font-weight:bold;} .upload-video .content .select-file input{ position:absolute; right:0; top:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: .0; cursor:pointer;} /* -- TRACK LIST -- */ .block .content ul.track-list{ color:#535353;} .block .content ul.track-list { padding:10px 0; } .block .content ul.track-list li{ padding:3px 110px 3px 27px; position:relative} .block .content ul.track-list li { background:url(/assets/img/feddelegrand/tracklist.png) no-repeat 8px 6px; cursor: pointer;} .block .content ul.track-list li:hover { background-color:#121212; color: #fff; cursor: pointer; background-position:6px -266px;} .block .content ul.track-list li.active { background-color:#121212; color: #696969; background-position:6px -266px;} .block .content ul.track-list li.flamingo { background-position: 8px -95px;} .block .content ul.track-list li:hover.flamingo { background-position:6px -182px} .block .content ul.track-list li[class="flamingo active"] { background-position:6px -182px} .block .content ul.track-list li span.actions{ margin-left:15px; visibility:hidden} .block .content ul.track-list li:hover span.actions{ margin-left:15px; visibility:visible} .block .content ul.track-list li a.addtoplaylist{ visibility:hidden; position:absolute; right:5px;} .block .content ul.track-list li:hover a.addtoplaylist{ margin-left:15px; visibility:visible;} .block .content ul.track-list li a.removefromplaylist{ color:#696969; visibility:visible; outline:none} .block .content ul.track-list li a.removefromplaylist:hover{ background:none;} /* -- EDIT TRACKS -- */ .edit-tracks .content, .describe-pictures .content{ padding:20px 0} .edit-tracks .item input,.edit-tracks .item textarea, .describe-pictures .item input {width:172px;} .edit-tracks .item input,.edit-tracks .item textarea, .describe-pictures .item input.delete {width:19px;} .describe-pictures .item textarea {width: 172px; height: 60px;} .edit-tracks .middle, .describe-pictures .middle{ margin:0 40px} .edit-tracks .item, .describe-pictures .item, .events .describe-pictures .content .item{ width:185px; float:left; margin-bottom:20px;} .edit-tracks .item .photo, .describe-pictures .item .photo{ width:185px;height:150px; margin-bottom:5px;} .edit-tracks .title, .describe-pictures .title { font-size:14px; font-weight:bold; margin-top:15px; display:block} .edit-tracks .filename, .describe-pictures .filename { font-size:12px; font-weight:normal;display:block; margin-top:10px} /* -- EDIT TRACK -- */ .edit-track{ width:653px;} .edit-track span{display:block; margin-top:10px; font-size:14px; font-weight:bold} .edit-track span.filename{ margin-top:0; color:#696969; font-weight:normal; font-size:12px; margin-top:10px} .edit-track input{height:20px; padding:4px; width:500px; } .edit-track a{ margin-top:25px;} .edit-track a.button{ margin-top:20px;} .edit-track a.button span{ margin:0;} .edit-track div.left{ margin-right:20px;} .edit-track div.left div.actions{ margin-left:-5px; width:100px; float:left;} .edit-track .photo{width:90px; height:90px; background:red;} .edit-track div a{ } #changebutton{ font-size:12px; font-weight:normal} .video-detail #sendtofriend {display: none; padding: 20px 5px;} #sendtofriend a.button { width:133px} #sendtofriend a.button {background-position:-3px -5px; } #sendtofriend a.button:hover {background-position:-3px -37px;} /* -- NEWLIFE -- */ div.newlife { background: url(/assets/img/feddelegrand/newlifebg.jpg) no-repeat left top #121212; margin-bottom: 32px; padding-top: 15px;} div.newlife a.newlifebutton { background: url(/assets/img/feddelegrand/newlifebuttons.png) no-repeat left top transparent; width: 177px; height: 31px; display: block; text-indent: -999999px; margin-right: 16px; float: left;} div.newlife a.newlifebutton.beatport {background-position: left top;} div.newlife a.newlifebutton.beatport:hover {background-position: left -31px;} div.newlife a.newlifebutton.itunes {background-position: -194px top;} div.newlife a.newlifebutton.itunes:hover {background-position: -194px -31px;} div.newlife img{ margin-left:10px; margin-top:5px;} div.newlife object{ margin: 30px 10px 50px 115px; display: block;} div.newlife h2{ color:#e01971; font-size:20px; margin-bottom:0px} div.newlife p{padding-top:0; margin-top:0px; margin-bottom:15px;} div.newlife .community-video div.left{ margin-left:20px; width:470px} h1.newlife{ margin-top:0;} /* -- USERMENU -- */ #header #personal a.username { margin-left:3px; padding-right:28px; background:url("/assets/img/feddelegrand/listdropdownarrow.gif") no-repeat scroll right center #000000; } #usermenu {display:none; width:132px; border:1px solid #4b4b4b; background:black; z-index:999; position:absolute; padding:15px 20px 10px 20px;} #usermenu span.username { margin-bottom:9px; display:block; padding-right:28px; background:url("/assets/img/feddelegrand/listdropdownarrow.gif") no-repeat scroll right center #000000; float:left; } #usermenu span.username a.user{ color:#fff; padding:0; } #usermenu span.username a.user:hover{ background-color:none; background-color:transparent; text-decoration:underline;} #usermenu ul { padding:4px 0; margin:0 -9px 0 -9px; border-top:1px solid #4b4b4b; } #usermenu ul li {padding:0 0 0 9px; margin:0; list-style:none; line-height:24px; font-size:14px;} *+html #usermenu ul li a { float:left;} /* -- SUBMENU -- */ #submenu { width:232px; border:1px solid #4c4c4c; border-top:none; display:none; position:absolute; background:#000 url("/assets/img/feddelegrand/blue_style/submenu_background.png") left -61px repeat-x; padding:10px 15px 10px 15px; z-index:998; } #submenu a.communitymenu { padding:0; width:120px; background:red; border-left:1px solid #4a4a4a; border-right:1px solid #4a4a4a; height:53px; position:absolute; top:-49px; right:-1px; background:#000 url("/assets/img/feddelegrand/blue_style/submenu_background.png") -6px top;text-indent:-9000px;} #submenu ul { padding:7px 0; margin:0; border-bottom:1px solid #4b4b4b;} #submenu ul li { padding:0 0 0 9px; margin:0; list-style:none; line-height:30px; font-size:14px;} #submenu #sidebarsearch{margin:15px 0 10px 0 ;} #submenu .searchdiv #search{ width:145px;} #submenu .searchdiv {width:220px; margin-left:0px; margin-top:7px;} #submenu ul li a.active{ color:#fff; } #submenu ul li a.active:hover{ background-color:transparent;} html body #container div.showsubmenu {display: block; top: 191px; left: 667px;} #personal { z-index:9999} /* -- Search Results -- */ .searchform form{margin:5px 0px;} .searchform table{margin-bottom:5px;} .searchform td{color:#505050; padding-bottom:7px;} .searchform td input.std{width:251px; color:#8a8a8a;} .searchform td input.age{width:40px; text-align:center;} .searchform .male{background:transparent url(/assets/img/feddelegrand/registration_sprite.png) repeat scroll 0 -124px; cursor:pointer; display:block; float:left; height:32px; margin:0; padding:0; width:36px;} .searchform .female{background:transparent url(/assets/img/feddelegrand/registration_sprite.png) repeat scroll -36px -156px; cursor:pointer; display:block; float:left; height:32px; margin:0 0 0 10px; padding:0; width:36px;} .searchform .male.active {background-position:-36px -124px;} .searchform .female.active {background-position:0 -156px;} .search-results li:hover{background:#121212;} .search-results ul, .search-results li{margin:0; padding:0; list-style:none;} .search-results li{border-bottom:1px solid #121212; padding:10px;} a.search-result-link:hover {background:none;} .search-result-link img{margin-right:18px;} .search-result-link .info{float:left; display:block;} .search-result-link .name{font-size:15px; font-weight:bold; color:#fff;} .search-result-link:hover .name{background:none;} .search-result-link .age, .search-result-link .country, .search-result-link .credits{font-size:12px; color:#515151;} /* -- SLIDER -- */ .slider { border-top:1px solid #313131; margin-top:5px;} .slider .previous { width:30px; height:72px; background:url(/assets/img/feddelegrand/slider_buttons.png) no-repeat center left; cursor:pointer; } .slider .next { width:30px; height:72px; background:url(/assets/img/feddelegrand/slider_buttons.png) no-repeat center right; cursor:pointer; } .sliderContainer {width:574px; overflow:hidden; position:relative} .sliderContainer ul { width:99000px; position:relative;} .sliderContainer ul, .sliderContainer ul li{margin:0; padding:0; list-style:none;} .sliderContainer ul li{ margin:0 11px 0px 11px;float:left; background:url(/assets/img/feddelegrand/searchProcess.gif) no-repeat center center;} .sliderContainer ul li{margin:0 5px 15px; display:block; cursor:pointer;} .sliderContainer ul li a{width:72px; height:72px; display:block; margin:0; padding:0;} .sliderContainer ul li a.video{width:92px; height:70px; display:block; border:1px solid #000} .sliderContainer ul li.active a{border:2px solid #fff; } .edit-tracks .item, .describe-pictures .item, .events .describe-pictures .content .item { float:left; margin-bottom:20px; width:185px; } /* -- SHOP -- */ .shop .item span.subtitle{ font-size:14px; margin-top:10px; display:block;} .shop .description{color:#737373;} .shop .content table.eventsimage { width:170px;} .shop .content .item { width:450px;} .shop .content .item .present {color:#737373; font-size:12px; display:block; float:left; margin:5px 0 5px 0px;} .shop .content .item .present img{ margin-top:0px; margin-right:5px; display:block; float:left;} .shop .content .item h3 { display:block; float:left; margin-right:10px;} .shop .content .item span.subtitle{ display:block; clear:both; margin-top:15px; } html body.shop .content .item-listhover { border:0; border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; cursor:pointer; background:#151515;} .shop .item-list { border:0; border-top:1px solid #000000; border-bottom:1px solid #0C0C0C; position:relative} .shop .item-list img.thumbsmall { margin-left:10px; float:left; margin-right:10px; border:none; } .shop .item-list span.title { font-size:14px; display:block; overflow:hidden; height:18px; width:550px; white-space:nowrap; position:relative;} .shop .item-list span.title:hover { text-decoration: underline;} .shop .item-list span.elipsis { display:none; width:46px; height:18px; background:url(/assets/img/events/eventsEllipsis.png) left top repeat-y; position:absolute; right:270px; z-index:999;} .shop .hotItems .item-list { padding-top:5px;} .shop .hotItems .item-list span.title { width:330px; float:left} .shop .hotItems .item-list span.subtitle { width:400px; display:block;} .shop .hotItems .item-list span.img { border:1px solid #2d2d2d; display:block; width:91px; height:69px; float:left; margin-right:20px; } .shop .hotItems .item-list span.img img { margin:1px; padding:0; float:none;} .shop .flamingo-store .shop-content .extraMenu a{ margin-left:15px;} .shop .flamingo-store .shop-content .extraMenu a span{ width:15px; margin-left:-15px;} .shop .flamingo-store .extraMenu a span img{ margin-top:4px; margin-left:7px;} .profile-submenu h2.block-title{ margin-top:10px; display:block; background:url(/assets/img/feddelegrand/shop/cart.png) no-repeat left center; padding:3px 0px 3px 35px; margin-left:10px;} .shop .content table.eventsimage tr td {text-align: left;} .shop .block h2.block-title a {color:#fff;} .shop .shop-content{ padding-top:0px; padding-bottom:15px;} .shop-banner { margin-top:15px;} div.item-list { padding-top:5px;} div.item-list a.link img.thumbsmall {border:1px solid #2d2d2d;} div.item-listhover { border:0; border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; cursor:pointer; background:#151515; padding-top:5px;} /* /////////////////////////////// * TRACK DETAIL PAGE ///////////////////////////////*/ span.uploadedtext { float: left; padding: 3px 0 0 8px; display: block; } /* IE 7 bug checken */ .shop .item-list span.title img { margin-left:5px; margin-top:2px;} .shop .item-list span.subtitle { display:block; margin:5px 0 4px 0px;color:#737373; font-size:12px; width:620px; } .shop .item-list span.subtitle img{ position:relative; top:2px;} .shop .content table.eventsimage tr td { vertical-align:top; padding-top:0px;} /* IE7 */ *+html .shop .item-list span.title {width:550px; padding:2px 15px 0 0; height:20px; } *+html .shop .item-list span.elipsis {width:46px; padding:2px 15px 0 0; height:20px; right:200px; } *+html .shop .item-list span.subtitle {width:550px;} *+html .shop .extraMenu a{ margin-top:-2px;} *+html .shop .content .item .present { margin-top:-10px;} html body .shop .item-listhover .extraMenu{ display:block;} .shop .item .extraMenu{ display:block; float:none; margin-top:20px;} .shop .item-list .extraMenu a.attending { background:none;} .shop .item-list .extraMenu { float:right; margin-top:10px; display:none; position:absolute; right:0; top:5px;} .shop .extraMenu a, .shop .item .extraMenu a{ display:block; float:left; height:20px; margin:0; margin-left:30px; padding: 3px 15px 0 0; color:#fff; background:url(/assets/img/events/buttonBackground.png) top right; margin-right:10px;} .shop .extraMenu span, .shop .item .extraMenu span{ display:block; float:left; height:22px; margin:0; margin-left:-30px; margin-top:-3px; width:30px; background:url(/assets/img/events/buttonBackground.png) top left;} .shop .extraMenu a:hover, .shop .item .extraMenu a:hover{background-position: right -23px;} .shop .extraMenu a:hover span, .shop .item .extraMenu a:hover span{background-position: left -23px ;} .shop .extraMenu a.attendButtonBlue, .shop .item .extraMenu a.attendButtonBlue{background-position: right -46px; color:#000;} .shop .extraMenu a.attendButtonBlue span, .shop .item .extraMenu a.attendButtonBlue span {background-position: left -46px;} .shop .extraMenu a.attendButtonBlue:hover, .shop .item .extraMenu a.attendButtonBlue:hover {background-position: right -69px;} .shop .extraMenu a.attendButtonBlue:hover span, .shop .item .extraMenu a.attendButtonBlue:hover span {background-position: left -69px;} * html body .shop .extraMenu a, * html body .shop .item .extraMenu a { background:none; margin:0; padding:0; color:#C6E600} * html body .shop .extraMenu a, * html body .shop .item .extraMenu span{ background:none; margin:0; padding:0;} * html body .shop .extraMenu a, * html body .shop .item .extraMenu span img { display:none} * html body .shop .extraMenu a:hover, * html body .shop .item .extraMenu a:hover { background:#C6E600; color:#000;} * html body .shop .extraMenu a:hover span, * html body .shop .item .extraMenu a:hover span{ background:none;} * html body .shop .content .item { width:300px;} * html body .shop .content .item-listhover{ background:none;} * html .shop .item-list span.title {width:500px; position:static; } * html .shop .item-list span.elipsis { background:none;} * html .shop .item-list span.subtitle {width:500px;} * html body .shop .item-listhover span.title { width:500px;} *+html .shop .extraMenu a, *+html .shop .item .extraMenu a {height:22px;padding: 2px 15px 0 0;} *+html .shop .extraMenu span, *+html .shop .item .extraMenu span {height:24px; margin-top:-2px;} .shop .extraMenu span img.thumbsUp { margin:3px 0px 0px 10px} .shop .extraMenu span img.tickets { margin:5px 0px 0px 8px} .shop .item-list a.link { color:#fff; margin:0; padding:0; display:block; cursor:pointer; float:left;} .shop .item-list a.link:hover { background:none;cursor:pointer; } .shop .item-list span.title:hover { text-decoration: underline;} /* -- COMMUNITY HOME -- */ .community-avatar img, .community-members img, .inbox .send-to img{border:1px solid #C3E300;padding:2px; float:left;} .community-avatar h2{color:#FFFFFF; font-size:20px;margin-bottom:2px; margin-left:20px; display:inline; width:500px;} .community-avatar p{ padding:0; padding-left:20px; margin:0;} .community-avatar .profile-links {margin-top:8px; display:block;} .community-video, .block .community-avatar{background-color:#121212; padding:20px 10px;} .community-members .content{ padding:10px 0 20px 0 } .community-members a{text-align:center; } .community-members li a:hover{background:none;} .community-members .member-name{color:#c8ec02; font-weight:bold; text-align:center;width:81px; display:block; margin:0; padding:0; height: 25px; clear: both} *+html .community-members .member-name{height: 40px;} .community-members .member-credits{ color:#565656; text-align:center; width:81px; display:block; margin:0; padding:0;} .community-members ul, .community-members li, .community-pictures ul, .community-pictures li{margin:0; padding:0; list-style:none;} .community-members li, .community-pictures li{float:left;} .community-members li{width:82px; margin:0 11px 0px 11px;} .community-members ul{padding:0 0 0 0px; } .community-pictures li{margin:0 5px 15px; display:block; cursor:pointer;} .community-pictures li div{width:96px; height:96px; display:block;} .community-pictures li div.video{width:92px; height:70px; display:block; border:1px solid #000} .community-pictures li.videoborder{border:1px solid #fff; margin-top:13px;} .community-tracks .memberTrackLink{position:absolute; left:515px; margin-left:-15px;} .community-tracks .memberTrackLink span{color:#565656;} .community-tracks .content ul.track-list{padding:0; margin-top:-5px;} .top-links a.selected{color:#fff;} .top-links a.selected:hover{background:none;} .community-forum .item{border-bottom:1px solid #121212; padding:10px 0;} .community-forum .top-column-title{float:right; margin:5px 120px 0 0;} .community-forum .title {width:355px;} .community-forum .title h2 a{color:#fff; font-size:14px; font-weight:bold;} .community-forum .title h2 a:hover{background:none;} .community-forum .posts, .community-forum .threads {width:50px; text-align:center;} .community-forum .title .created-by, .community-forum .threads, .community-forum .posts, .community-forum .last-post{color:#565656;} .community-forum .top-column-title .replies, .community-forum .top-column-title .views{width:50px; text-align:center; display:block; float:left;} .community-forum .top-column-title .views{margin-right:10px;} .community-forum .title, .community-forum .threads, .community-forum .posts, .community-forum .last-post{ padding:10px 0;} .community-forum .threads, .community-forum .posts{padding:20px 10px 21px 0;} .community-forum .last-post{padding-bottom:13px; width:163px;} .community-forum .forum-link{margin-top:5px; display:block; width:60px;} .community-forum .content{padding-top:5px;} .community-video a.votebutton { background:transparent url(/assets/img/feddelegrand/vote_button.png) no-repeat scroll 0 0;display:block;height:55px; margin:0 auto;text-indent:-9999px;width:323px;} .community-video a.votebutton:hover{background-position:0 -60px;} .community-video a.signupbutton {background:transparent url(/assets/img/feddelegrand/signup_btn.png) no-repeat scroll 0 0;display:block;height:58px; margin:0 0 0 150px;text-indent:-9999px;width:331px;} .community-video a.signupbutton:hover{background-position:0 -58px;} .community-video .login-link{padding-top:20px;} .describe-pictures h3.block-title{border-bottom:1px solid #121212; margin-bottom:20px; padding-bottom:5px;} .block.forum-favorites .top-column-title {margin-right:197px} .block.forum-favorites .top-column-title .status {width:28px;padding-left:28px;padding-top:18px} .block.forum-favorites .top-column-title .replies {width:40px} .block.forum-favorites .top-column-title .views {width:40px} .block.forum-favorites .top-column-title .last-post {} .block.forum-favorites .content {padding-top:1px} .block.forum-favorites .content .item .title {width:275px} .block.forum-favorites .content .item .threads {width:40px;padding-top:14px} .block.forum-favorites .content .item .posts {width:40px;padding-top:14px} .block.forum-favorites .content .item .last-post {with:150px;padding-top:13px;padding-bottom:0} .block.forum-favorites .content .item .removefavorite {margin-top:12px} .block.forum-favorites .content .item .removefavorite a {color:#686a69} .block.forum-favorites .content .item .removefavorite a:hover {color:#686a69;background:none} .block.forum-favorites .item {padding:0} .block.forum-favorites .item h2 a {padding:0} .block.forum-favorites .status {background:transparent url(/assets/img/feddelegrand/icons.png) no-repeat scroll 0 0} .block.forum-favorites .item .status {height:18px; float:left; width:28px; background-position:2px -1242px;margin-left:2px;margin-top:15px} .block.forum-favorites .item .title h2 a {color:#5C5C5C} .block.forum-favorites .item.unread .status {background-position:2px -1201px} .block.forum-favorites .item.unread .title h2 a {color:#fff} .block.forum-favorites .new .status{ background-position:2px -1202px;} .block.forum-favorites .closed .status{ background-position:2px -1122px;} .block.forum-favorites .closed .title h2 a{color:#5C5C5C} .block.forum-favorites .closed.unread .title h2 a{color:#fff} .block.forum-favorites .closed.unread .status {background-position:2px -1140px;} .block.forum-favorites .deleted .status{} .block.forum-favorites .sticky {background: #090909} .block.forum-favorites .sticky .status{ background-position:2px -1163px;} .block.forum-favorites .sticky .title h2 a{color:#5C5C5C} .block.forum-favorites .sticky.unread .status { background-position:2px -1182px;} .block.forum-favorites .sticky.unread .title h2 a {color:#fff} #SexyAlertBox-Box { padding-bottom: 24px; background: url(/assets/img/sexyalert/bg-box-bottom.png) bottom left no-repeat !important; background: url(/assets/img/sexyalert/bg-box-bottom.gif) bottom left no-repeat; } #SexyAlertBox-InBox { padding-top: 15px; background: url(/assets/img/sexyalert/bg-box-top.png) top left no-repeat !important; background: url(/assets/img/sexyalert/bg-box-top.gif) top left no-repeat; } #SexyAlertBox-BoxContent { background: url(/assets/img/sexyalert/bg-box-body.png) top left repeat-y !important; background: url(/assets/img/sexyalert/bg-box-body.gif) top left repeat-y; padding: 0px 20px; } #SexyAlertBox-BoxContenedor { padding: 10px 0px 5px 20px; text-align: left; font-weight: normal; font-family: trebuchet MS; font-size:12px; color:#696969; } #SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{ text-align: left; font-family: trebuchet MS; font-size:14px; color:#fff; font-weight:bold; margin:0px; padding:0px; } #SexyAlertBox-Buttons{ text-align:center; } #SexyAlertBox-Buttons input { margin: 10px 10px; } #SexyAlertBox-BoxContenedor #BoxPromptInput{ margin-top:5px; } body.contest div#content { background: url(/assets/img/feddelegrand/contest_rh_bg.png) left 100px no-repeat; } body.contest div#content div.banner { height:270px; } body.contest div#content p.contestdescription { font-size: 16px; width: 375px; margin: 120px 0 24px; } body.contest div#content div.contestbutton { height: 32px; margin: 0 0 32px; } body.contest div#content div.item { margin-bottom: 16px; } body.contest div#content ul.track-list li { margin: 0 0 0 8px; width: 394px; float: left; } body.contest div#content ul.track-list li:hover span.votes { color: #696969; } body.contest div#content div.votingcontainer { padding: 16px 0 0 6px; width: 350px; } body.contest div#content div.votingcontainer div.detaillinks { padding: 4px 0 0 0; width: 140px; } body.contest div#content div.votingcontainer span.votes { margin-left: 16px; padding-top: 4px; color: #696969; } body.contest div#content div.votingcontainer span.votelabel { margin-left: 12px; padding-top: 4px; } body.contest div#content div.image div.name { clear: left; width: 95px; text-align: center; } body.contest div#content div.submenu ul { margin: 0px; padding: 0px; list-style: none; width: 638px; } body.contest div#content div.submenu li { float: left; width:auto; border-right: solid 1px #404040; font-size: 18px; border-bottom: #404040 solid 1px; border-top: solid 1px #404040; padding: 7px 16px 8px; color: #d4e800; } body.contest div#content div.submenu li.active { border-bottom: none; color: #FFF; } body.contest div#content div.submenu li.active a { color: #FFF; } body.contest div#content div.submenu li.first { border-left: solid 1px #404040; } body.contest div#content div.submenu li.last { clear: right; border-right: none; width:158px; border-top: 1px solid transparent; } body.sIFR-active #content h1 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 34px; width: 600px; margin:0px; } @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } a.buybnfremixes, a.buybnffedderemix, a.buybnfremixes:hover, a.buybnffedderemix:hover { background-image: url(/assets/img/feddelegrand/bnfremixesbuttons.png); background-color: transparent; background-repeat: no-repeat; display: block; height: 37px; text-indent: -99999px; padding: 0px; float: left; margin: 0 0 0 24px } a.buybnfremixes {width: 226px; background-position: left top;} a.buybnfremixes:hover {background-position: left -37px;} a.buybnffedderemix {width: 315px; background-position: -226px top;} a.buybnffedderemix:hover {background-position: -226px -37px;} #content span.admin {font-size: 10px; color: #515151;} #content div.community-members a.admin span.member-name {color: #fff;} #content .profile-submenu div.info span.admin {padding: 0 0 0 8px;} #content ul.friendList span.admin {padding: 0 0 0 8px;} ul.signupbullits { padding: 0; margin: 0; list-style: none; } ul.signupbullits li { background-color: transparent; background-repeat: no-repeat; background-position: left center; text-indent: 24px; color: #696969; margin: 8px 0; font-size: 14px; } .newshightlight {list-style-position: inside;} .newshightlight li {margin-bottom: 16px;} .newshightlight li embed {margin-top: 16px; width: 390px; height: 245px;} a.rockinhighbutton {background: url(/assets/img/feddelegrand/rockin-highbuttons.png) no-repeat left top; width: 294px; height: 46px; display: block; text-indent: -9999px; margin: 0 auto;} a.rockinhighbutton:hover {background: url(/assets/img/feddelegrand/rockin-highbuttons.png) no-repeat left -46px;}