/*
* 
* Form elements stylesheet
*
*/

form {
    padding: 20px;
    color: #3E4A49;
 
   
}


.form-clearer {
    clear: both;
    border-top: 1px solid #A9B9C9;
    padding-top: 10px;
    text-align: center;
}


label {
    font-weight: bold;
}

input[type=text], input[type=password] {
    width: 200px;
    height: 25px;
    line-height: 25px;
    padding: 0px 5px 0px 5px;
    border: 1px solid #cccccc;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

input[type=file] {
    width: 450px;
    height: 25px;
    line-height: 25px;
    
    
}

textarea {
    font-family: Arial, sans-serif;
    font-size: 13px;
    width: 500px;
    height: 100px;
    padding: 5px;
    overflow: auto;
    border: 1px solid #cccccc;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
    border:1px solid #2694e8;
    background-color: #FFF8D3;
}


.invalidInput {
    border-color: #ff0000;
    background-color: #FFE4E1;
}

.invalidMessage {
    color: #ff0000;
}






.formtable {
    margin-bottom: 10px;
}

.formtable td {
    padding: 10px;
}


.formtable td.label {
    vertical-align: middle;
}

td.label {
    font-weight: bold;
}

.separator td {
    border-top: 1px solid #ccc;
}