.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.button {
    border: none;
    background: url('/images/up.png') no-repeat top left;
    background-size: 100% 100%;
    padding: 4px 8px;
}
.button:hover {
    border: none;
    background: url('/images/hover.png') no-repeat top left;
    background-size: 100% 100%;
    padding: 4px 8px;
}
.button_large {
    border: none;
    background: url('/images/up.png') no-repeat top left;
    background-size: 100% 100%;
    padding: 4px 8px;
}
.button_large:hover {
    border: none;
    background: url('/images/hover.png') no-repeat top left;
    background-size: 100% 100%;
    padding: 4px 8px;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}

.change_password {
    display: block;
    width: 200px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}

br { clear: left; }

.tooList {
    background:#D3E4E5;
    border:1px solid gray;
    border-collapse:collapse;
    color:#fff;
    font:normal 12px verdana, arial, helvetica, sans-serif;
}

.tooList td, th { 
    color:#363636;
}

.tooList tr { 
    border:1px dotted gray;
}
.sun {
    background:#ffff00;
}
.odd { 
    background:#fff;
}

.tooList thead th, tfoot th { 
    background:#FFFFFF;
    color:#366;
    padding:3px 10px 3px 10px;
    text-align:left;
    font-weight:bold;
}

.tooList tbody tr:hover { 
    background:#99BCBF;
    border:1px solid #03476F;
    color:#000000;
}

.tooList a{
    display:block;
    text-decoration: none;
    color:#363636;
    padding: 3px 10px 3px 10px;
}

/*ToO Request*/
.tooRequest {
    margin-left:auto; 
    margin-right:auto; 
    text-align: left;
    border-collapse:collapse;
    background:#D3E4E5;
    border:1px solid gray;
}

.tooRequest tr { 
    border:1px dotted gray;
}

.tooRequest td, th { 
    color:#363636;
    padding: 3px 10px 3px 10px;
}

.tooField {
    color:#366;
    padding:3px 10px 3px 20px;
    font-weight:bold;
    vertical-align:top;
    white-space:nowrap;
}

/*ToO Request Calendar*/
.tooCalendar {
    margin-left:auto; 
    margin-right:auto; 
    text-align: left;
    border-collapse:collapse;
    background:#D3E4E5;
    border:1px solid gray;
}

.tooCalendar tr { 
    border:1px dotted gray;
}

.tooCalendar td, th { 
    color:#363636;
    padding: 3px 10px 3px 10px;
}

.tooCalendarHeader {
    color:#366;
    padding:3px 10px 3px 20px;
    font-weight:bold;
    white-space:nowrap;
    vertical-align:bottom;
}

.tooCalendarNote {
    padding-left:50px;
    padding-right:50px;
}