#body {
    overflow: hidden;
}

.form-default select[name="state"],
.form-default select[name="country"] {
    width: auto;
}

.form-default label,
.form-stacked label,
.form-inline label {
    width: 170px;
    padding-top: 2px;
    font-size: 13px;
    line-height: 18px;
    float: left;
    text-align: right;
    color: #404040;
}

.form-default input[type="checkbox"],
.form-default input[type="radio"],
.form-stacked input[type="checkbox"],
.form-stacked input[type="radio"],
.form-inline input[type="checkbox"],
.form-inline input[type="radio"] {
    margin: 3px 5px;
}

.form-default input, .form-default textarea,
.form-default select, .form-stacked input,
.form-stacked textarea, .form-stacked select,
.form-inline input, .form-inline textarea,
.form-inline select, .uneditable-input {
    float: left;
    margin: 0 5px 3px 0;
}

.btn.primary, .btn-blue {
    float: left;
}

#module-main select {
    height: 28px;
    line-height: 28px;
}

#module-main .form-default .input,
#module-main .form-stacked .input {
    margin: 0 0 12px 180px;
    position: relative;
    min-height: 34px;
}

#module-main #form-birthdate  .input,
#module-main #form-birthdate2 .input {
    min-height: 28px;
    margin-bottom: 18px; 
}

#module-main .help-block,
#module-main .note-block  {
    position: absolute;
    top: 100%;
}
#module-main .actions .help-block {
    position: relative;
}

[data-page="ajax_form"] .grid_row .reg_left_wrapper.span5 {
    width: 420px !important;
    display: block;
    margin: 0;
}

.grid_row .reg_left_wrapper.span5 {
    display: none;
}

[data-page="ajax_form"]  .grid_row .span7 {
    margin: 0;
    width: 540px;
}

.grid_row {
    background: #FFF;
    margin-bottom: 0;
    width: 100%;
}

#mm .grid_row { background:none; }

#header, #header_navbar {
    z-index: 0;
}

#header {
    z-index: 60;
}

#header_navbar {
    display: none;
    z-index: 50;
}

#reg_page {
    width: 960px;
    margin: 0 auto;
}

[data-errors="reg"] {
    background: none repeat scroll 0 0 #FAE5E3;
    border-radius: 3px;
    margin: 10px auto;
    width: 95%;
}

*:first-child+html [data-errors="reg"] {
    background: none;
}

[data-errors="reg"] li {
    color: #9D261D;
    margin: 0 0 4px;
    padding: 2px 15px;
}

*:first-child+html [data-errors="reg"] li {
    background: #FAE5E3;
}

[data-submit-btn] {
    display: none;
}

[data-form-field] .suggest,
[data-form-field] .suggest p { 
  color: #808080; 
}
.spanish [data-form-field] .suggest, .dutch [data-form-field] .suggest, .italian [data-form-field] .suggest {
  width: 84px;
}

[data-form-field="handle_confirm"],
[data-form-field="email_confirm"],
[data-form-field="password_confirm"] {
    display: none;
}

[data-form-js] [data-submit-btn] {
    display: block;
}

[data-form-js] [data-form-page] {
    display:none;
}

[data-form-js] [data-form-page="1"] {
    display:block;
}

[data-form-page] {
    display: block;
}

[data-form-title="2"] {
    display: none;
}

.reg_left_wrapper  {
    float:left;
    width:220px;
    text-align:center;
}

.piclist_container {
    font-size: 11px;
    font-weight: 700;
    padding-bottom: 10px;
}

.piclist_container img {
    margin:0 0 4px;
}

.piclist_container br {
    line-height: 0;
}

.piclist_container .reg_name_age,
.piclist_container .reg_thumbs_location {
    line-height: 12px;
}

.piclist_title {
    font-size: 14px;
    font-weight: 700;
    margin: 7px 0 0;
    padding: 5px;
}
#tmpl_new_registered_ok .piclist_title {
    font-size: 12px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    width: 50%;
}

.reg_page_title {
    color:#999;
    border-bottom:2px solid #CCC;
    font-size:20px;
    font-weight:700;
    letter-spacing:-1px;
    margin:0;
    padding:5px 0;
}

.reg_thumbs_location {
    font-size:10px;
}

.reg_name_age {
    color:#0044cc;
}

#out .reg_left_wrapper .reg_name_age,
#out .reg_left_wrapper .reg_name_age span {
    display: block;
    color: #FFF;
    text-align: center;
}


[ data-page="ajax_form" ] .page_title,
#reg_tmpl .page_title,
#reg2_tmpl .page_title {
    font-size: 22px;
    margin: 10px 10px 0;
    max-width: 520px;
    text-align: center;
}

#reg_tmpl,
#reg2_tmpl {
    background: #FFF;
}

#reg_tmpl p, #reg2_tmpl p {
    line-height: normal;
    margin-bottom: 2px;
}

form fieldset,
#reg2 fieldset {
    width:520px;
}

form a, form select, form input,
#reg2 a, #reg2 select, #reg2 input {
    outline: none;
}

form input, #reg2 input,
form select, #reg2 select {
    font-size:14px;
    min-height: 28px;
    margin:0;
}

form input[type="checkbox"], #reg2 input[type="checkbox"],
form input[type="radio"], #reg2 input[type="radio"] {
    min-height: inherit;
}

#form-intro-title input[type="text"],
#reg2 input[type="text"] {
    width:280px;
}

form .error input select,
#reg2 .error input select {
    border-color: #C87872;
    box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
}

#form-intro textarea,
#info textarea {
    resize: none;
    height: 200px;
    width: 280px;
}

[data-form-js] #form-looking-for > p,
[data-form-js] #looking_for_person > p,
[data-form-js] [data-form-field='looking-for'] > p {
    display: none;
    margin:0 0 5px;
}

#form-looking-for > p,
#looking_for_person > p,
[data-form-field='looking-for'] > p {
    display:block;
}

#form-looking-for p:last-of-type,
#looking_for_person p:last-of-type,
[data-form-field='looking-for'] p:last-of-type {
    margin-bottom: 0;
}

form div.clearfix, #reg2 div.clearfix {
    margin:2px 0 6px;
    padding:2px 0;
}

form label,
#reg2 label {
    font-size:14px;
    color:#404040;
    line-height: 14px;
}

#reg2 label {
    width:150px;
}

#form-looking-for .input label,
#looking_for_person .input label,
[data-form-field='looking-for'] .input label {
    text-align:left;
    width:auto;
    text-transform: capitalize;
}

form select,
#reg2 select {
    width: auto;
}

form button, #reg2 button {
    margin:0 0 4px;
}

form .suggest,
#reg2 .suggest {
    font-size:11px;
    margin: 3px 0;
    color: #808080;
    position:relative;
    float: left;
}

[data-form-field="intro"] .suggest {
    float: right;
}

.actions .suggest {
    margin:11px 0;
}

body.german [data-form-page="2"] .actions {
    height: 80px;
}

#reg2 .suggest {
    margin-top: 10px;
}

[data-form-field="title"] label p,
[data-form-field="birthdate2"] label p {
    margin-bottom: -2px;
    color: #808080;
}

[data-form-field="birthdate2"] .help-block,
[data-form-field="birthdate2"] .note-block {
    position: relative;
    top: -5px;
}

form .help-block, form .help-inline, form .note-block,
#reg2 .help-block, #reg2 .help-inline, #reg2 .note-block,
#reg2 ._note-block {
    color: #808080;
    font-style: italic;
    height: 0;
    line-height: 14px;
    opacity:1;
    max-width: 350px;
}

form .note-block, #reg2 .note-block,
#reg2 ._note-block {
    font-size: 11px;
    clear: both;
}

#reg2 ._note-block {
    height:auto;
}

form .help-block, form .help-inline, form .help-block p, form .help-inline p, form .note-block p,
#reg2 .help-block, #reg2 .help-inline, #reg2 .help-block p, #reg2 .help-inline p, #reg2 .note-block p {
    padding:0 0 1px;
    font-style:italic;
    font-size: 11px;
}

form .error .help-block, form .error .help-inline,
form .error .help-block p, form .error .help-inline p,
form .submit_alert, #reg2 .submit_alert,
#reg2 .error .help-block, #reg2 .error .help-inline,
#reg2 .error .help-block p, #reg2 .error .help-inline p {
    color:#CC0000;
    font-style:normal;
    font-size: 12px;
    white-space: nowrap;
}

.submit_alert,
.reg_alert {
    display: none;
}

form .help-block p,
#reg2 .help-inline p {
    display:none;
}

form div.clearfix.error,
#reg2 div.clearfix.error {
    background:transparent;
}

#reg2 ul.writing_tool {
    width:145px;
}

#reg2 ul.writing_tool li {
    display:inline-block;
    padding:0 3px 0 0;
    line-height: 10px;
    border-right:1px solid #999;
}

#reg2 ul.writing_tool li:last-child {
    margin-right:0;
    border-right:none;
}

form .input,
#reg2 .input {
    margin-bottom: 18px;
}

#form-title .input,
#intro .input {
    margin-bottom: 32px;
}

#reg2 .input {
    margin-left:160px;
}

form .actions, #reg2 .actions {
    margin-top:10px;
    padding:5px 20px 10px 180px;
}

#reg2 .actions {
    padding-left: 160px;
}

form .ok, form .not_ok {
    font-size: 12px;
    font-style: normal;
}

form .ok {
    color: forestgreen;
}

form .not_ok,
form .form_errors {
    color: #CC0000;
}

form .form_success {
    color: #666666;
}

form .form_errors,
form .form_success {
    margin: 4px 0;
}

form .loading, #reg2 .loading {
    background: url( 'https://secureimage.securedataimages.com/images/common/icons/loading.gif' ) no-repeat 0 0 / 100% 100%;
    position:absolute;
    height: 18px;
    width: 18px;
    top: -1px;
    right:-22px;
}

#email .loading {
    top: -15px;
}

form #form-country .loading,
form #country .loading,
form #reg_state .loading {
    top:-15px;
}

.actions .loading {
    top: -6px;
}

.actions_msg_box {
    float: left;
    clear: both;
}

form #form-handle .suggest_base,
form #handle .suggest_base {
    position:relative;
    z-index: 10;
}

form #form-handle .suggest_list,
form #handle .suggest_list {
    padding: 5px;
    line-height: 15px;
    display: none;
    width:250px;
    background: #FFF;
    box-shadow: 0 2px 3px rgba(9,9,9,0.6);
    position: absolute;
    border-radius: 5px;
    border:1px solid #CCC;
    top:21px;
    z-index: 20;
    left:120px;
}

form #form-handle .suggest_list:after,
form #handle .suggest_list:after {
    position:absolute;
    content: "";
    border-bottom:6px solid #CCC;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    left:60px;
    top:-6px;
}

form .zip_box {
    position:absolute;
    top:18px;
    right:-50px;
    width:300px;
    height:400px;
    z-index: 20;
    background:#FFF;
    box-shadow: 1px 1px 3px rgba(3,3,3,0.6);
    overflow:auto;
    border: none;
}

[data-form-js] #form-city, [data-form-js] #city, [data-form-js] #reg_closest_city, [data-form-js] #reg_city, [data-form-js] #reg_city_input,
[data-form-js] #form-state, [data-form-js] #state, [data-form-js] #reg_state, [data-form-js] #reg_state_input, [data-form-js] #zip_code {
    display: none;
}

#form-city, #city, #reg_closest_city, #reg_city, #reg_city_input,
#form-state, #state, #reg_state, #reg_state_input, #zip_code, #form-zip {
    display: none;
}

#zip_code, #form-zip {
    display: block;
}

#form-handle .suggest_list
#handle .suggest_list {
    display:none;
}

#form-handle .suggest_list span,
#handle .suggest_list span {
    color: #3366CC;
    font-size:12px;
    margin:0 4px 0 0;
    cursor: pointer;
    line-height: 18px;
    display: inline-block;
}

#form-handle .suggest_list .subtitle,
#handle .suggest_list .subtitle {
    color:#000000;
    font-weight: normal;
}

#form-handle .suggest_list span:hover,
#handle .suggest_list span:hover {
    text-decoration: underline;
}

#form-handle .suggest_list span:last-child,
#handle .suggest_list span:last-child {
    margin:0;
}

form .username_check {
    display: none;
}

form .submit_alert,
#reg2 .submit_alert {
    padding:5px 0;
}

#reg2 .counter-block {
    padding:5px 0 0;
    margin:0 0 4px;
    font-size: 11px;
    color: #666666;
}

#reg2 #recaptcha_table tr:last-child {
    display:none;
}

#recaptcha_response_field {
    line-height: normal;
    font-size: 11px !important;
    padding:0;
    height:auto;
    min-height: 15px !important;
    border-radius: 0;
}

#form-recaptcha input[name='antispam_num'],
#captcha input[name='antispam_num'] {
    width:120px;
    margin-bottom: 4px;
}

#content .gst {
    position: inherit !important;
    z-index: 0 !important;
}

/**  default label for select inputs **/
#reg [data-form-field] > label {
  padding-top: 4px;
}
/**  default label for text inputs **/
#reg #form-zip      > label,
#reg #form-email    > label,
#reg #form-handle   > label,
#reg #form-password > label,
#form-zip .suggest {
  padding-top: 8px;
}

/** label with (required/optional) text should be align top **/
#reg #form-birthdate2  > label,
#reg #form-intro-title > label,
#reg #form-intro       > label {
  padding-top: 0;
}

#reg [data-form-field] label>p {
  line-height:10px; 
}

#reg #form-looking-for > label {
  padding-top: 9px;
}

#form-handle , #form-password {
  margin-bottom: 10px;
}

#reg #form-intro .suggest {
  line-height: 12px;
}