/*
SIGNUP FORM STYLE
*/

.signup_form ul {
    width:750px;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.signup_form li{
    padding:12px;
    border-bottom:1px solid #eee;
    position:relative;
}

.signup_form li:first-child, .signup_form li:last-child {
    border-bottom:1px solid #777;
}

.signup_form h2 {
    margin:0;
    display: inline;
}
.required_notification {
    color:#d45252;
    margin:5px 0 0 0;
    display:inline;
    float:right;
}

.signup_form label {
    width:150px;
    display:inline-block;
    float:left;
}
.signup_form input {
    padding:5px 8px;
}

.signup_form input[type=text], .signup_form input[type=email], .signup_form input[type=password] {
        height:25px;
        width:250px;
        box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
}

.signup_form select {
    height:30px;
    width:250px;
    padding:5px 8px;
}

/*.signup_form button[type="submit"] {margin-left:156px;}*/

.signup_form input, .signup_form textarea {
    border:1px solid #aaa;
    border-radius:6px;
}
.signup_form input:focus, .signup_form textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}

.signup_form input[type=checkbox] {
        /*
        width:25px;
        height:25px;
        */
}

.required label:after {
        color: #e32;
        content: ' *';
        display:inline;
}

.signup_form input:focus:invalid, .signup_form textarea:focus:invalid {
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

.signup_form input:required:valid, .signup_form textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(/images/ValidIcon.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

.form_hint {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin-left:8px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}

.form_hint::before {
    content: "\25C0"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:1px;
    left:-6px;
}

.signup_form input:focus + .form_hint {display: inline;}
.signup_form input:required:valid + .form_hint::before {display:none;} /* hide when valid */
.signup_form input:required:valid + .form_hint {display:none;} /* hide when valid */