html{ background:url(/assets/img/feddelegrand/background_bnf_register.jpg) no-repeat top center #000}
* { outline:0;}
/* -- REGISTRATION PROCES. -- */
#reg_container { width:654px; margin:0 auto; margin-bottom:30px; }
#header{ height:150px;}
#content { width:624px; background-color: transparent; padding:10px 15px;}
select {cursor: pointer; height: 30px;}
h2{ padding:0; margin:0; font-size:24px;}
h3{ padding:0; margin:0; font-size:18px; font-weight: normal;}
p { font-size:14px; }
p.grey, span.grey { color:#696969 }
.type-avatar {margin: 0 16px 16px 0;}
img.type-avatar {
border:1px solid #C3E300;
padding:2px;
}
.imagelink:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
}
.nopaddingmargin {margin: 0; padding: 0;}
#recaptcha_widget_div input { background:#fff;}
/* buttons.png */
/*a.button-wide span, a.button span{background:url(/assets/img/feddelegrand/signup/buttons.png) no-repeat; cursor:pointer}
/* -- 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;}
/* -- BUTTON TEXT --
a span.sign-up {background-position:30px -1px;}
a span.addfriends {background-position:15px -256px;}
a span.invite-friends {background-position:30px -72px;}
a span.invitefriends {background-position:45px -290px;}
a span.confirm {background-position:15px -38px;}
a span.add-more-friends {background-position:28px -181px;}
a span.upload-picture {background-position:15px -144px;}
a span.set-picture {background-position: 25px -324px;}
a span.save-to-profile {background-position:33px -358px;}
/* -- BUTTONS HOVER --
a:hover span.sign-up {background-position:30px -19px;}
a:hover span.addfriends {background-position:15px -273px;}
a:hover span.invite-friends {background-position:30px -89px;}
a:hover span.invitefriends {background-position:45px -307px;}
a:hover span.confirm {background-position:15px -56px;}
a:hover span.add-more-friends {background-position:28px -200px;}
a:hover span.upload-picture {background-position:15px -164px;}
a:hover span.set-picture {background-position:25px -341px;}
a:hover span.save-to-profile {background-position:33px -375px;}*/
span.intro {font-size:14px; display:block; padding:0 20px; text-align:center; margin-bottom:15px;}
span.intro span {font-size:20px;}
#content ul.proces {margin:0; padding:0; }
#content ul.proces li {font-size:14px; line-height:20px; text-indent:15px; margin:0; padding:10px 0; display:block; width:192px; height:42px; background:url(/assets/img/feddelegrand/registration_sprite.png) 0 0 no-repeat; float:left; margin:0 7px;}
#content ul.proces li.active {background-position:0 -62px; color:#c3e300}
#content ul.proces li span {margin-left: 15px; font-size: 0.8em;}
/*#personal_data, .section, #information{ background:#000; margin-top:36px; padding:20px; }
.section .lipje{ position:absolute; background:red; height:22px; width:47px; bottom:-22px; left:280px; background:url(/assets/img/feddelegrand/signup/lipje.png)}
#information h2{ margin-bottom:20px;}
#information input{ width:565px; }
*/
#mainframe {background-color: transparent; padding:15px 20px 0 20px; width:580px; }
.section{ background:#000; margin-top:30px; padding:15px 20px; width:580px; position:relative; }
.section .lipje{ position:absolute; background:red; height:22px; width:47px; bottom:-22px; left:280px; background:url(/assets/img/feddelegrand/signup/lipje.png)}
#mainframe input.large{ width:565px;}
#personal_info {color:#fff;}
#personal_info span.xtrainfo {color:#696969; font-size: 0.8em; display: block;}
#personal_info td {padding-right:15px;font-size: 14px;}
#personal_info input {width:400px; margin-left: 8px;}
#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;}
#content ul.tabs{margin:0; padding:0; display:block; height:50px; width:600px; float:left; }
*+html #content ul.tabs{float: none;}
* 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;}
*+html div.tab{ margin-top:-14px;}
* html div.tab{ margin-top:-14px;}
div.tab #personal_info input {width:246px; }
#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;}
* 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-right:15px;}
#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;}
*+html #content div.friends ul.invite li {position:static;}
* 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}
.buttons{ height:50px; margin-top:30px; width:570px; }
.buttons.small{ height:20px; margin-top:30px; width:570px; }
.buttons a{ margin-top:-3px; margin-right:10px;}
.buttons a.submit{ margin-top:0; margin-right:10px;}
.buttons a.submit:hover{ background:none;}
.upload{ margin-left:180px; margin-top:15px}
.country{width:266px; background:#000; height:17px; border:2px #1e1e1e solid; padding:5px; color:#fff; margin-bottom:15px; background:url(/assets/img/feddelegrand/signup/arrow.png) 255px center no-repeat}
.selectall{margin-left:30px; 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;}
#content .confirm{ margin-left:0;!important}
.nomargin{margin-left:15px;}
#footer {background:url(/assets/img/feddelegrand/menu.png) -0px -172px no-repeat;}
/* -- TEXTBOX LISTS -- */
.textboxlist li {}
.textboxlist { font: 11px "Lucida Grande", Verdana; cursor: text;}
.textboxlist-bits { background: none; border:2px #1e1e1e solid; zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; *padding-bottom: 3px;}
.textboxlist-bit { background: none; list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.textboxlist-bit-editable { background: none; }
.textboxlist-bit-editable-input { border: 0; padding: 2px 0; *padding-bottom: 0; height: 14px; font: 11px "Lucida Grande", Verdana; }
.textboxlist-bit-box { position: relative; line-height: 18px; padding: 0 5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border: 1px solid #CAD8F3; background: #DEE7F8; cursor: default; }
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../img/close.gif'); }
.textboxlist-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }
.textboxlist-bit-box-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
.textboxlist-bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: bottom; }
.textboxlist-autocomplete { position: absolute; }
.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results { opacity: 0.9; filter: alpha(opacity=90); background: #eee; -webkit-box-shadow: 0 3px 3px #ccc; -moz-box-shadow: 0 3px 3px #ccc; box-shadow: 0 3px 3px #ccc; border: 1px solid #999; border-top: none; display: none; }
.textboxlist-autocomplete-placeholder { padding: 5px 7px; }
.textboxlist-autocomplete-results { margin: 0; padding: 0; }
.textboxlist-autocomplete-result { margin: 0; padding: 5px; list-style-type: none; background: #eee; }
.textboxlist-autocomplete-result-focus { background: #C6D9E4; }
.textboxlist-autocomplete-highlight { background: #EEF0C4; font-weight: bold; }
.noimage {border: 3px solid #c1e200;}
/* -- ROAR NOTIFICATIONS STYLING -- */
.roar-body { position: absolute; color: #fff; text-align: left; z-index: 999; }
.roar { position: absolute; width: 294px; height: 97px; cursor: pointer;}
.roar-bg {position: absolute; z-index: 1000; width: 294px; height: 97px; left: 0; top: 0; background: #000 url(/assets/img/feddelegrand/alert-bg.png) right bottom no-repeat;}
.roar-body-ugly .roar-bg {display: none;}
.roar h3 { position: relative; padding: 14px 10px 0 80px; 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;}
#recaptcha_response_field{ width:280px;}
#recaptcha_image{ height:70px !important;}
.actions{ float:left; padding-left:20px;}
.actions a{ padding-left:20px}
.actions a:hover{ background-color:none !important; text-decoration:underline; color:#00C9FF;}
.actions a.code{ background:url(/assets/img/feddelegrand/signup/refresh_captcha.png) no-repeat}
.actions a.text{background:url(/assets/img/feddelegrand/signup/text.png) no-repeat}
.actions a.sound{background:url(/assets/img/feddelegrand/signup/sound.png) no-repeat}
.actions a.help{background:url(/assets/img/feddelegrand/signup/help.png) no-repeat}
.captcha{ float:left;}
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;}
#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: 400px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
padding: 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: 0 0 0 8px;
cursor: pointer;
}
span.formerror {
border: 2px solid red;
}
select.std {
width: 420px;
margin: 4px 0 4px 8px;
height: 40px;
padding: 8px;
}
#musicplayerremote {display: none;}