﻿.right .step {
    display: block;
    color: #999999;
    text-decoration: none;
    font-size: 18px;
    margin-left: 31px;
    border-top: 1px solid #E4E4E4;
    padding-top: 23px;
    padding-bottom: 23px;
}

.right .step-first {
    margin-top: 30px;;
}

.right .step-last {
    border-top: 1px solid #E4E4E4;
}

.right .step-active {
    font-weight: 700;
    color: black;
}

form.register p.step {
    color: #000000; font-family: Formular;  font-size: 28px;    font-weight: bold;  line-height: 35px;
    padding: 40px 46px 0px 46px;
}

form.register p.caption {
    color: #000000; font-family: Formular;  font-size: 36px;    font-weight: bold;  line-height: 44px;
    padding: 20px 46px 0px 46px;
}

form.register label.label {
    display: block;
    color: #000000; font-family: Formular;  font-size: 18px;    font-weight: bold;  line-height: 28px;
    padding-left: 46px;
    padding-top: 30px;
}

form.register label.label-disabled {
    color: #999999;
}

input.text {
    display: block;
    width: 440px;
    height: 53px;
    background: url(/images/input.png) no-repeat;
    border: none;
    margin-top: 20px;
    margin-left: 46px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 12px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 2px;
    outline: none;
    text-transform: uppercase;
}

input.text:hover {
    background: url(/images/input-hover.png) no-repeat;
}

input.text:disabled {
    background: url(/images/input-disabled.png) no-repeat;
}

input.text:focus {
    background: url(/images/input-focus.png) no-repeat;
}

input.text:invalid {
    background: url(/images/input-invalid.png) no-repeat;
}

input.submit {
    display: block;
    width: 441px;
    height: 52px;
    background: url(/images/submit.png) no-repeat;
    border: none;
    margin: 40px 46px 40px 46px;
    padding: 20px 0 20px 0;
    font-size: 12px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 2px;
    outline: none;
    text-transform: uppercase;
    color: black;
    cursor: pointer;
}

input.submit:hover {
    background: url(/images/submit-hover.png) no-repeat;
}

input.submit-disabled {
    background: url(/images/submit-disabled.png) no-repeat;
}

input.submit-disabled:hover {
    background: url(/images/submit-disabled.png) no-repeat;
}

input.button {
    display: block;
    width: 441px;
    height: 53px;
    background: url(/images/button.png) no-repeat;
    border: none;
    margin: 40px 46px 40px 46px;
    padding: 27px 0 27px 0;
    font-size: 12px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 2px;
    outline: none;
    text-transform: uppercase;
    color: black;
    cursor: pointer;
}

input.button:hover {
    background: url(/images/button-hover.png) no-repeat;
}

input.button-disabled {
    background: url(/images/button-disabled.png) no-repeat;
}

input.button-disabled:hover {
    background: url(/images/button-disabled.png) no-repeat;
}

.right input.button {
    margin: 0 46px 0 27px;
    padding: 20px 30px 20px 30px;
    font-size: 12px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 2px;
    outline: none;
}

.right input.text {
    margin: 0px 46px 0 27px;
    padding: 0px 30px 15px 30px;
    font-size: 12px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 2px;
    outline: none;
}


input.checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input.checkbox + label.checkbox-label {
    height:22px; 
    font-family: Formular;  font-size: 18px;    font-weight: 300;   line-height: 22px;
    margin-left: 46px;
    margin-top: 20px;
    padding-left: 42px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position: 0 0;
    vertical-align:middle;
    cursor:pointer;
}

input.checkbox:checked + label.checkbox-label {
    background-position: 0 -22px;
}

input.checkbox:disabled + label.checkbox-label {
    background-position: 0 -44px;
    color: #999999;
}

input.checkbox:checked:disabled + label.checkbox-label {
    background-position: 0 -66px;
    color: #999999;
}

label.checkbox-label {
    background-image:url('/images/checkboxes.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.radio {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input.radio + label.radio-label {
    height:22px; 
    font-family: Formular;  font-size: 18px;    font-weight: 300;   line-height: 22px;
    padding-left: 42px;
    margin-left: 46px;
    margin-top: 20px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position: 0 0;
    vertical-align:middle;
    cursor:pointer;
}

input.radio:checked + label.radio-label {
    background-position: 0 -22px;
}

input.radio:disabled + label.radio-label {
    background-position: 0 -44px;
}

input.radio:checked:disabled + label.radio-label {
    background-position: 0 -66px;
}

label.radio-label {
    background-image:url('/images/radiobuttons.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
