/**********TIMECLOCK STYLESHEET**********/

/*****GENERAL LAYOUT*****/
img {
    border: 0;
}

html, body {
    font-family: Verdana, Arial, sans-serif;
    height: 100%;
    width: 100%;
    background: #fff;
}

input, select, textarea {
    font-family: Verdana, Arial, sans-serif;
    padding-left: 3px;
}

table, tr, td {
    vertical-align: top;
}
.tc-header{
    text-align:center;
    font-size: 30pt;
    font-weight: bold;
    color: #0065A4;
}
.tc-prompt {
    margin-top:1.5em;
    font-size: 18pt;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
}
.tc-input {
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: 32pt;
    font-family: Verdana, Arial, sans-serif;
    -webkit-border-radius: .3125em;
    border-radius: .3125em;
    border: 2px solid #0065A4;
}

.ui-btn {
    background-color: #0065A4;
    color: #fff;
    font-size: 20pt;
    font-family: Verdana, Arial, sans-serif;
}
.ui-content input {
    width: 100%;
}
.ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec;
    color: #cd0a0a;
}
.ui-state-highlight{
    border: 1px solid #fcefa1;
    background: #fbf9ee;
    color: #363636;
    font-size:18pt;
}
.tc-button {
    padding: 0px 20px 20px 0px;
    width: 88%; 
    height: 15% !important;
    background-color: #fff; 
    margin: 10px auto 5px auto; 
    border:2px solid #0065A4;
    color: #333; 
    text-align: right;
    font-family: Verdana, Arial, sans-serif;  
    font-size: 30pt;
}
.btnImage {
    height: 75%;
    position: absolute;
    top: 10px;
    left: 0px;
}
.next {
    background-color: #d6f5d6;
}
#welcomeMsg {
    width: 88%;
    margin: 10px auto 5px auto; 
    padding: 0px;
    text-align: right;
    color: #0065A4;
    font-size: 4vw;
}
#welcomeMsg a:visited, #welcomeMsg a:link {
    text-decoration: none;
    color: #0065A4;
}
#welcomeMsg a:hover, #welcomeMsg a:active {
    text-decoration: underline;
    color: #ebaf28;
}