/* *	Registration Styling
*	URL:/member/registration */

.registration {
    z-index: 90;
    width: 86%;
    background-color: #F2F2F2;
    border-radius: 4px;
    border: 1px solid #c2c2c2;
    margin: 20px 0px 80px 0px;
    padding: 30px 30px 100px 30px;
    position: relative;
    top: 20px;
}
.registration label {
    position: relative;
    color: #282828;
    width: 100%;
}
.errorMsg {
    position: absolute;
    right: 7px;
    bottom: 0px;
    background-color: #f18228;
    color: #282828;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
}
.errorBox {
    border: 1px solid #f18228;
}
.errorBox2 {
    border: 1px solid #f18228;
}
.heading {
    position: relative;
    top: 2px;
    left: 0px;
    padding: 10px 20px 0px 20px;
}
.registration h4 {
    padding: 0px 0px 0px 0px;
}
.registrationHeading {
    z-index: 100;
    float: left;
    cursor:pointer;
    position: relative;
    padding: 10px 20px 5px 20px;
    background: #F2F2F2;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    height:23px;
}
.registration button {
    position: relative;
    margin-right: 10px;
    top: 10px;
}
.rego_cat_checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    bottom: 2px;
}
.rego_cat_label {
    font-weight: normal;
    width: auto !important;
}
.contactCat {
    float: left;
    position: relative;
    width: 223px;
    margin: 1px;
    padding: 2px 4px 7px 10px;
    border-radius: 2px;
    background-color: #eae9e9;
    border: 1px solid #c2c2c2;
}
.initNewUser {
    /*display: none;*/
}
.whatisthis {
    float: left;
    position: relative;
    top: 40px;
}
.whatisthis a {
    position: relative;
    bottom: 2px;
}
.asterix {
    color: #f18228;
    font-weight: bold;
}
.whatisthis i {
    color: #f18228;
    font-size: 20px;
}
.heading .inactive {
    z-index: 80;
    top: 5px;
    padding: 5px 20px 5px 20px;
}
.heading .inactive h4 {
    color: #d1d1d1;
    font-size: 16px;
}
.registrationHeading .inactive, .userBorder {
    margin-bottom: 0px;    
    background-color: #ebebeb;
    margin-top: 20px;
    width: 100%;
    border-radius:20px;
}

.userBorder h4 {
    padding: 10px 10px 10px 20px;   
    width: 100%;
    cursor: pointer;
    color:#282828;

}
.userBorder:hover{
    background-color:#e0e0e0;
}

.userBorder span {
    color: #d1d1d1;
    padding-left: 7px;
}
.userForm {
    padding-top: 20px;
}
.removeUserButton {
    color: #fff;
    background-color: #3B3B3B;
    padding: 4px 6px 4px 6px;
    border-radius: 12px;
    float: right;
    right:5px;
    position: relative;
    bottom: 30px;
    z-index: 120;
    cursor: pointer;
}
#rego2, #rego3, #rego4, #regoSummary, #rego5{
    display: none;
}
#rego2 {
    margin-bottom: 200px;
}
#rego5{
    height:200px;
}
.floatingField {
    float: left;
    margin-right: 1%;
}
.field_full {
    width: 99%;
}
.field_33 {
    width: 33%;
}
.field_15 {
    width: 15%;
}
.field_17 {
    width: 17%;
}
.field_40 {
    width: 40%;
}
.field_50 {
    width: 49%;
}
.field_100 {
    width: 100px;
}
.field_150 {
    width: 150px;
}
.field_200 {
    width: 200px;
}
.field_300 {
    width: 300px;
}
.field_350 {
    width: 350px;
}
.field_400 {
    width: 400px;
}
.regoSummary{
    display:inline;
}
.completedRego{
    font-size: 15px;
    left: -16px;
    position:relative;
    top:-21px;
    color:#54AAEB;
    opacity:.65;
}
#companyRegistrationFormSummary label{
    width:50%;
    padding-left: 20px;
}
#companyRegistrationFormSummary .userBorder:hover{
    background-color: #ebebeb;
    cursor:context-menu;
}
#companyRegistrationFormSummary{
    cursor:context-menu;
}
#processingRego, #processingRegoError{
    text-align: center;
    margin-top: 20px;
}
#rego5 p{
    text-align: center;
}