.PageContainer {
    display: table; 
    padding: 20px; 
    text-align: left; 
    margin: 2em auto;
    }

.PageContainer, 
.PageContainer input,   
.PageContainer textarea,   
.PageContainer select  {
    font-size: 18px;
    line-height: 20px;
}

.ContentSection {text-align: left;}
.vertical-title {padding-left: 30px; float: left; display: none;}
.TitleArea {padding-bottom: 20px;}
.Hidden {display: none;}

.MainTable {width: 850px;}
.MainTable th {text-align: center;}
.MainTable td.data  {padding-left: 5px;}
.MainTable td.PersonColumn {}
.MainTable td.TaskColumn {}
.MainTable td.DateColumn {padding-left: 15px;}
.MainTable td.StartTimeColumn {text-align: right; padding-right: 5px;}
.MainTable td.EndTimeColumn {text-align: right; padding-right: 5px;}
.MainTable td.Hours{text-align: right; padding-right: 5px;}

.JobsTable, .TasksTable, .PeopleTable  {width: 95%; margin-bottom: 30px; margin-left: auto; margin-right: auto;}
.JobsTable th, .TasksTable th, .PeopleTable th  {text-align: center;}
.JobsTable td.data, .TasksTable td.data, .PeopleTable td.data   {padding-left: 5px;}


.Date {width: 81px;}
.Time {width: 93%;}
.Hours {width: 70px;}
.Hrs {}
.TimeTD { width: 70px; }

#txtHours {width: 90%;}
.JobSelection {margin-bottom: 20px;}

.button {height: 25px; width: 25px; vertical-align: inherit; }
.button:hover { cursor: pointer; }

.menuButton {height: 25px; width: 25px; border: 0; position: relative; bottom: 2px;  }
.PersonColumn {width: 100px;}
.TaskColumn {width: 200px;}
.DateColumn {width: 92px;}
.StartTimeColumn,
.EndTimeColumn {width: 30px;}
.HoursColumn {width: 60px;}
.EditColumn  {width: 55px;}
.PersonDDL {width: 100%;}
.TaskDDL {width: 100%;}
#EditArea{}
.ResultsArea {padding-top: 10px;}
.TotalHours {float: right; padding: 5px;}
.total {font-weight: bold; font-size: larger;}
.menu {    background-color: #4682B4;border: 3px groove #FFFFFF;max-height: 400px;overflow: auto;padding: 5px;width: 733px;}
xxxxx.ui-datepicker-trigger {padding-left: 5px; vertical-align: middle;}
.has-comment {display: inline; float: right;}
.no-comment {display: none;}

#lblJobList {margin-top: 40px; position: absolute; font-weight: bold; }

.message {padding-top: 50px; position: absolute;}
#VersionInfo {margin-top: 50px;}
.CommentsColumn   {display: none; }
.NumHoursColumn {display: inline; position: relative; top: 3px;}
.Comments {display: none;}

.resultTable {border: 1px solid; border-collapse: collapse;}
.resultTable td {border: 1px solid; }
.tableHeading {font-weight: bold; background-color:#012572;}
.summary td {font-weight: bold; background-color: black;}
td.num {text-align: right;}