		body {
            background: black none;
            color: white;
            text-align: left;
        }

        body.background-captcha {
            background: black url('../images/registration/registration_background_step1.png') no-repeat right 130px;            
        }

        body.background-agegate {
            background: black url('../images/registration/registration_background_step2.png') no-repeat right 130px;            
        }

        body.background-accountdetails-male {
            background: black url('../images/registration/registration_background_step3_boy.png') no-repeat right 10px;
        }

        body.background-accountdetails-female {
            background: black url('../images/registration/registration_background_step3_girl.png') no-repeat right 10px;
        }

        div#main-container {
            width: 450px;
            margin: 0 auto;
        }

        div#alert-container {
            background-color: #ffcc00;
            padding: 5px 10;
            font-weight: bold;
            font-size: 13px;
            color: black;
          
        }

        div#error-title {
            background: url('../images/frontpage/use_email_icons.png') no-repeat 10px -34px;
            padding: 3px 0 3px 40px;

        }

        div#alert-title {
            background: url('../images/registration/warning_sign_outline.png') no-repeat 10px 5px;
            padding: 0 0 8px 40px;
            border-bottom: 1px solid #d39a00;
            font-size: 20px;
        }
		div#alert-text {
			font-size: 12px;
			font-weight: normal;
			padding: 10px 10px 5px 10px;
		}
		
        div#title {
            border-bottom: 1px solid #3d3d3d;
            border-top: 1px solid #3d3d3d;
            font-size: 20px;
            font-weight: bold;
            margin: 18px 0;
            padding: 7px 20px 10px;
        }

        div#inner-container {
            padding: 3px 0 10px;
            border-bottom: 1px dashed #3d3d3d;
		}
		
		div#login-container {
			padding-bottom: 13px;
		}

        #inner-container .inner-content.bottom-border {
            border-bottom: thin solid #313131;
            padding-bottom: 20px;
        }

        #inner-container .inner-content.top-margin {
            margin-top: 12px;
        }

        div#inner-container form, #inner-container .inner-content .field-content {
            width: 410px;
            margin: 0 auto;
        }

        div#captcha-image-container {
            height:57px;
            padding-left: 10px;
        }

		div#recaptcha-input input {
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
	        margin: 0;
            padding:4px;
        }
		
        div#recaptcha_image img {
            display: inline;
        }

        div#captcha-reload-container {
            padding: 10px;
        }

        #recaptcha-reload {
            color: white;
            padding: 5px 0;
        }

        #recaptcha-input-title {
            padding: 15px 0px 8px;
        }

        div#registration {
            width: 370px;
            margin: 0 auto;
        }

        div#welcome {
            text-align: center;
            font-weight: bold;
            font-size: 30px;
            padding-bottom: 13px;
            border-bottom: 1px solid #2f2f2f;
            margin-bottom: 10px;
        }

        div#age {
            padding-top: 20px;
            padding-bottom: 20px;
            text-align: center;
        }

        #stepnumbers {
            margin: 15px 0;
            text-align: center;
            color: #666666;
        }

        #stepnumbers div {
            display: inline;
            min-height: 21px;
            height: 21px;
            padding: 6px 12px 6px 40px;
            font-size: 12px;
            border-right: 1px dotted #2f2f2f;
            background-repeat: no-repeat;
            background-position: 12px 4px;
        }

        #stepnumbers .step1 {
            background-image: url('../images/frontpage/step_1_grey.png');
        }

        #stepnumbers .step2 {
            background-image: url('../images/frontpage/step_2_grey.png');
        }

        #stepnumbers .step3 {
            background-image: url('../images/frontpage/step_3_grey.png');
        }

        #stepnumbers .step1focus {
            background-image: url('../images/frontpage/step_1_white.png');
            color: white;
        }

        #stepnumbers .step2focus {
            background-image: url('../images/frontpage/step_2_white.png');
            color: white;
        }

        #stepnumbers .step3focus {
            background-image: url('../images/frontpage/step_3_white.png');
            color: white;
        }

        #stepnumbers .stepdone {
            background-image: url('../images/frontpage/step_check_grey.png');
        }

        #stepnumbers .stephabbo {
            border-right: none;
            padding-left: 80px;
            background-image: url('../images/frontpage/step_habbo_logo.png');
            background-position: 10px 5px;
        }

        .delimiter_smooth {
            border: none;
        }

        .flat {
            background: black url('../images/frontpage/arrow_down_line.png') repeat-x 0 0;
            width: 211px;
            float: left;
        }

        .arrow {
            width: 28px;
            height: 9px;
            background: black url('../images/frontpage/smooth_arrow_down.png') no-repeat 0 0;
            float: left;
        }

        #date-selector #agegate-notice {
            margin-bottom:20px;
        }

        div#date-selector {
            text-align: center;
            margin: 20px auto;
        }

        select.dateselector {
            background-color: #dddddd;
            font-weight: bold;
            font-size: 13px;
            width: 120px;
            padding: 5px;
            border: none;
            height: 30px;
        }

        div.dateselector option {
            background-color: white;
            padding-left: 7px;
            padding-bottom: 2px;
        }

        div.select_gender {
            text-align: center;
            width: 135px;
        }

        div.boy {
            float: left;
        }

        div.girl {
            float: right;
        }

        div.button {
            float: right;
            margin-top: 15px;
        }

        div.button a.area {
            cursor: pointer;
            text-decoration: none;
            height: 50px;
            float: left;
            color: white;
            background: black url('../images/frontpage/select_button.png') no-repeat scroll -6px 0;
            line-height: 48px;
            font-weight: bold;
            font-size: 1.4em;
            padding-left: 22px;
            padding-right: 17px;
            text-shadow: #000000 0 -1px 0;
            position: relative;
        }

        div.button span.close {
            float: left;
            height: 50px;
            background: black url('../images/frontpage/select_button.png') no-repeat;
            width: 6px;
            clear: right;
        }

        div.button:hover a.area {
            background-position: -6px -50px;
        }

        div.button:hover span.close {
            background-position: 0 -50px;
        }

        div.button a.gray {
            background: black url("../images/shared_icons/buttons_small.png") no-repeat -6px -400px;
            color: black;
            text-shadow: #ffffff 0 1px 0;
        }

        div.button span.gray {
            background: black url('../images/shared_icons/buttons_small.png') no-repeat 0 -400px;
        }

        div.button:hover a.gray {
            background-position: -6px -450px;
        }

        div.button:hover span.gray {
            background-position: 0 -450px;
        }

        div#error {
            background-color: #cb2121;
            text-align: center;
            padding: 25px 0;
            font-size: 14px;
        }

        div#error-messages-container {
            padding-top: 7px;
        }

        div#error-placeholder {
            height: 47px;
        }

        #rpx-signin a {
            display: inline-block;
            padding-top: 5px;
        }        

        #inner-container .left {
            float: left;
            width: 50%;
        }

        #inner-container .right {
            float: right;
            width: 45%;
            margin-top: 20px;
        }

        #inner-container .right.text-right {
            text-align: right;
        }


        #inner-container .label {
            margin-bottom: 5px;
        }

        #inner-container .password-field {
            margin-top: 5px;
        }

        #inner-container .field-content input {
            width: 190px;
            padding: 4px;
            border:1px solid #663333;
        }

        #inner-container .field-content input.error {
            background-color: #DA5A4C;
        }

        #inner-container .checkbox.error {
            border: 2px solid #DA5A4C;
        }

        #inner-container input.checkbox-field {
            width: auto;
            border: none;
	        margin-left: 0;
	        vertical-align: middle;
        }

        #inner-container .field-content.checkbox {
            padding:5px;
        }

        #inner-container .field-content .help {
            color: #666666;
        }

        div#inner-container .age-limit {
            margin-top: 200px;
        }

        #main-container.login {
            margin-top: 50px;
        }

        #main-container a#back-link {
            line-height: 65px;
            font-size: 12px;
            float: left;
        }

        #inner-container .field-content .field {
            padding-bottom: 5px;
        }

        #main-container .cbb {
            background-color: #000;
        }

        #main-container .i3 {
            background: #000;
        }

        #main-container .cb, #main-container .bt, #main-container .bb {
            margin: 0;
        }

        #main-container .bb {
            height: 0;
        }

        div#bubble-container {
            background: black url('../images/registration/smooth_arrow_down_solid.png') no-repeat center bottom;
            padding-bottom: 9px;
            margin-top: 10px;
            margin-bottom: 5px;
        }

        div#bubble-content {
            background-color: #3d3d3d;
        }

        div#bubble-title {
            border-bottom: 1px solid #333333;
            font-size: 20px;
            font-weight: bold;
            padding: 0 0 10px 10px;
            margin-bottom: 10px;
            
        }

        div#gender-selection {
            height: 210px;
            width: 330px;
            margin: 0 auto;
            font-size: 18px
        }

        a#back-link, #inner-container .field-content a {
            color: #fff;
        }

        .select_gender .select-container {
            margin-top: 10px;
        }

        #inner-container #email-notice {
            margin-bottom: 12px;
        }

        #inner-container .checkbox a {
            color: #33ccff;
        }

        div.button {
            width: auto;
        }
		
		.phishing-warning {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 5px;
		text-align: center;
		margin: 5px 60px;
		padding-left: 15px;
		color: #000000;
		background: #ffffff url(../images/registration/exclamation_mark.png) no-repeat 7px 50%;
		}
