/***********************************************************************
 * ICC / contact.css
 **********************************************************************/

@charset "UTF-8";

/* Main Design */
.contact-form,
.contact-form input[type=submit] {
    -moz-border-radius:     8px;
    -webkit-border-radius:  8px;
    border-radius:          8px;
}
.contact-form {
    border:     1px solid black;
    margin:     10px auto;
    padding:    20px 50px;
    width:      600px;
}
    .contact-form .form {
        margin:     auto;
        width:      520px;
    }
    .contact-form .form-line {
        margin:     10px 0;
        padding:    0px;
    }
    .contact-form .labelled {
        background-color:   white;
        border:             1px solid black;
        border-right:       none;
        color:              black;
        display:            inline-block;
        font-size:          1.1em;
        font-weight:        bold;
        height:             30px;
        left:               1px;
        padding-right:      10px;
        position:           relative;
        text-align:         left;
        vertical-align:     top;
    }
    .contact-form .labelled.green span:first-letter {
        color: #06cc0b;
    }
    .contact-form .labelled.red span:first-letter {
        color: #fd3000;
    }
    .contact-form .labelled.blue span:first-letter {
        color: #08a7f1;
    }
    .contact-form .labelled.violet span:first-letter {
        color: #fb2af9;
    }
    .contact-form .labelled.orange span:first-letter {
        color: #fa9707;
    }
    .contact-form .labelled span {
        display:    inline-block;
        padding:    8px 0 0 8px;
        width:      80px;
    }
    .contact-form .needed:after {
        color:      red;
        content:    '*';
    }
    .contact-form .precision {
        display:        block;
        padding:        1px;
        margin-left:    100px;
        font-style: italic;
    }
    .contact-form input,
    .contact-form textarea  {
        background-color:   #eee;
        border:             1px solid black;
        color:              #666;
        font-family:        Optima, Candara, Futura, "Palatino Linotype", "Book Antiqua", Palatino, serif;
        height:             20px;
        padding:            5px;

        /* CSS3 */
        -webkit-border-radius:  0 8px 8px 0;
        -moz-border-radius:     0 8px 8px 0;
        border-radius:          0 8px 8px 0;
    }
    .contact-form  textarea {
        display:        inline;
        height:         200px;
        margin-top:     0px;
    }
    .contact-form input[type=text],
    .contact-form textarea  {
        width: 400px;
    }
    .contact-form input[type=radio]{
        display: inline;
    }
    .contact-form input[type=submit] {
        background:     url('../images/submit_back.png') repeat-x;
        color:              #000;
        cursor:             pointer;
        display:            inline;
        font-size:          1.1em;
        font-weight:        bold;
        height:             35px;
        padding:            0 15px;
    }
    .contact-form input[type=submit]:hover {
        background-position:   0px -40px;
    }
    .contact-form input[type=submit]:active {
        background-position:   0px -80px;
    }
    .contact-form .submit {
        padding:    7px;
        text-align: right;
    }
    .contact-form label {
        display:    inline;
        cursor:     pointer;
    }
        .contact-form .error input,
        .contact-form .error textarea {
            background-color: #c1e9fb;
        }
    .contact-form input[type=text]:hover,
    .contact-form input[type=password]:hover,
    .contact-form textarea:hover {
        color: #000;
    }
    .contact-form input[type=text]:focus,
    .contact-form input[type=password]:focus,
    .contact-form textarea:focus {
        background-color:   white;
        color:              #000;
    }