/*** CECO HSE Dashboard Layout ***/

html {
    font-family: "Segoe UI", Verdana, Arial, sans-serif;
    font-weight: lighter;
    height: 100%;
    width: 100%;
    background-color: #FFF;
}
input, select, textarea {
    font-family: "Segoe UI", Verdana, Arial, sans-serif;
    padding-left: 3px;  
}
table, tr, td {
    vertical-align: top;
} 
img {
    border: 0;
}
form {
    margin: 0;
}
button {
    background-color: #1e65b0;
    color: #fff;
    font-size: 16px;
    font-family: "Segoe UI", Verdana, Arial, sans-serif;
    padding: 4px;
    margin:25px 10px;
    cursor: pointer;
}

#mainContent {
    margin: auto;
    text-align: center;
    width: 700px;
}
#logo {
    width: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
}
#title {
    width: 500px;
    margin-top: 65px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 32px;
    float: left;
}
#uploadMsg {
    width: 100%;
    clear: both;
    margin: 25px 0px;    
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#formContent {
    font-size: 24px;
    clear: both;
}
.fcLeft {
    width: 240px;
    margin-left: 100px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: right;
    float: left;    
}
.fcRight {
    width: 240px;
    margin-right: 100px;
    margin-left: 10px;
    margin-top: 10px;
    text-align: left;
    float: left;    
}
.fcClear {
    clear: both;
}
#uploadFile {
    cursor: pointer;
}
#file1 {
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
}
.error {
    border: 1px solid #E74C3C;
    background-color: #F5B7B1;
}
.success {
    border: 1px solid #009C0E;
    background-color: #BFE6C3;
    color: #505050;
}
.pending {
    border: 1px solid #666;
    background-color: #ccc;
    color: #000;
}
#downloadFile, #resetForm {
    visibility: hidden;
}