
H1 {
    font-family: Times New Roman, Times, serif;
    font-size: 38pt;
    color: #2054CC;
}

H2 {
    font-family: Times New Roman, Times, serif;
    font-size: 30pt;
    color: #2054CC;
}

H3 {
    margin: 6px 6px 6px 6px;
    font-family: Times New Roman, Times, serif;
    font-size: 18pt;
    color: #2054CC;
}

H4 {
    margin: 6px 6px 6px 6px;
    font-family: Times New Roman, Times, serif;
    font-size: 12pt;
    font-weight: bold;
    color: #2054CC;
}

a:visited {
    color: #004080;
    text-decoration: underline
}

a:active {
    color: #666;
    text-decoration: none
}

a:link {
    color: #004080;
    text-decoration: underline
}

a:hover {
    color: #666;
    text-decoration: underline
}

body {
    background-color: #ecf0f5;
    font-family: Verdana, Arial, System, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin: 8px 0px 0px 0px;
}

td {
    font-family: Verdana, Arial, System, sans-serif;
    font-size: 9pt;
    color: #000000;
    text-decoration: none
}

.dropdownlist { font-size: 9pt; }

.button { font-size: 9pt; }

.textbox {
    font-size: 9pt;
    margin-bottom: 0px;
}

.readonlytextbox {
    background-color: #E0E0E0;
    font-size: 9pt;
}

.menutable {
    background-color: #2054CC;
    border: solid 1px #000000;
}

.menu:visited {
    font-family: Times New Roman, Times, serif;
    font-size: 13pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none
}

.menu:link {
    font-family: Times New Roman, Times, serif;
    font-size: 13pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none
}

.menu:active {
    font-family: Times New Roman, Times, serif;
    font-size: 13pt;
    font-weight: bold;
    color: #66CCFF;
    text-decoration: none
}

.menu:hover {
    font-family: Times New Roman, Times, serif;
    font-size: 13pt;
    font-weight: bold;
    color: #66CCFF;
    text-decoration: none
}

.downmenu {
    background-color: #96D9E7;
    border: 1px solid #000000;
    margin: 2px 0px 2px 0px;
    height: 30px;
    font-weight: bold;
}

.downmenulist {
    background-color: #96D9E7;
    border: 1px solid #000000;
    padding: 0px 0px 0px 0px;
}

.title {
    margin: 6px 6px 6px 6px;
    font-family: Times New Roman, Times, serif;
    font-size: 18pt;
    font-weight: bold;
    color: #2054CC;
}

.white:visited {
    color: #66CCFF;
    text-decoration: none
}

.white:link {
    color: #66CCFF;
    text-decoration: none
}

.white:active {
    color: #FFFF99;
    text-decoration: none
}

.white:hover {
    color: #FFFF99;
    text-decoration: none
}

.filtertable {
    background-color: #CCCCCC;
    border: 1px solid #000000;
}

.filtercol1 {
    background-color: #1B47AB;
    color: #FCFC90;
    font-weight: bold;
}

.filterbtntable {
    width: 300px;
    height: 50px;
}

.listbtntable {
    background-color: #96D9E7;
    border: 1px solid #000000;
    margin: 2px 0px 2px 0px;
    height: 30px;
}

.detailstablein { border: 1px solid #000000; }

.detailstableout {
    background-color: #CCCCCC;
    border: 1px solid #000000;
}

.detailstable { border: 1px solid #FFFFEE; }

.detailscol1 { width: 120px; }

.detailsbtntable {
    background-color: #96D9E7;
    border: 1px solid #000000;
    margin: 2px 0px 2px 2px;
    width: 600;
    height: 36px;
}

.detailsbtntable1 {
    background-color: #96D9E7;
    border: 1px solid #000000;
    margin: 2px 0px 2px 2px;
    width: 720px;
    height: 36px;
}

.datagrid { border: solid 1px #000000; }

.datagridTitle {
    background-color: #2054CC;
    color: #FFFFFF;
    font-weight: bolder;
    font: bold Arial;
    text-align: center;
}

.datagridHeaderStyle {
    font-weight: bold;
    font-family: Verdana, Arial, System, sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #2054CC;
}

.datagridSelected { background-color: #F0E68C; }

.datagridAlternating { background-color: #DCDCDC; }

.datagridItemStyle {
    text-align: center;
    height: 22px;
    cursor: pointer;
}

.datagridItemStyleNumber {
    text-align: right;
    height: 22px;
    cursor: pointer;
}

.datagridItemStyleText {
    text-align: left;
    height: 22px;
    cursor: pointer;
}

.datagridItemStyleTextAlignCentre {
    text-align: Center;
    height: 22px;
    cursor: pointer;
}

.officedatagridItemStyleText {
    text-align: left;
    height: 22px;
    cursor: default;
}

.scheduleJobCell {
    color: #FFCC33;
    font-weight: bold;
    background-color: #000066;
    text-align: center;
    width: 8px;
    height: 12px;
}

.diaryDaysofWeekTitleRow {
    height: 20px;
    background-color: #004080;
}

.diaryDaysofWeekTitleCell {
    width: 90px;
    color: #FFFFFF;
}

.diaryDayofMonth {
    height: 20px;
    background-color: #CCCCCC;
    font-weight: bold;
}

.diaryADayofMonthTitleCell { width: 90px; }

.diarySelectedDay { background-color: #FFCC66; }

.diaryContentATable {
    background-color: #000066;
    Width: 108%;
}

.diaryContentATableRow { height: 12px; }

.diaryContentATableCell {
    width: 8px;
    color: #FFCC33;
    font-size: 8pt;
}

.dirayContentCell { width: 90px; }

.dirayContentRow { height: 20px; }

.JobDetailsMenu {
    background-color: #0000FF;
    color: #FFFF80;
    margin: 6px 6px 6px 6px;
}

.date_item {
    font-size: 9pt;
    text-align: center;
    border: 0pt;
}

.date_textbox {
    border: solid 1 #000000;
    width: 70px;
}

.dropdownmenu {
    CURSOR: pointer;
    color: #004080;
}

.historysearch {
    border: 2px solid #000000;
    background-color: #A5EB9C;
}

.staffallocationdetails {
    border: 1px solid #000000;
    background-color: #A5EB9C;
}

.adminmenu:visited {
    font-family: Times New Roman, Times, serif;
    font-size: 11pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none
}

.adminmenu:link {
    font-family: Times New Roman, Times, serif;
    font-size: 11pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none
}

.adminmenu:active {
    font-family: Times New Roman, Times, serif;
    font-size: 11pt;
    font-weight: bold;
    color: #66CCFF;
    text-decoration: none
}

.adminmenu:hover {
    font-family: Times New Roman, Times, serif;
    font-size: 11pt;
    font-weight: bold;
    color: #66CCFF;
    text-decoration: none
}

.leftcolumn {
	
    padding: 5px;
    width: auto;
    font-family: Times New Roman, Times, serif;
    font-size: 14pt;
    font-weight: bold;
    color: #66CCFF;
    text-decoration: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto	
}

.rightcolumn {
	
    padding: 5px;
	
    min-height: 10em;
    margin-left: auto;
    margin-right: auto;
    
    
    width: 600px;
    text-align: left;
}

.bottomcolumn {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.chaincolumn {
	
    padding: 5px;
	
    min-height: 10em;    
    
    
    
    width: 600px;
    text-align: left;
}

.headerlabel {
    text-align: center;
    font-family: Times New Roman, Times, serif;
    font-size: 15pt;
    font-weight: bold;
    color: Black;
    text-decoration: none;
    width: auto
}

.diary-job-abbr {
    BORDER-RIGHT: gray thin groove;
    BORDER-TOP: gray thin groove;
    BORDER-LEFT: gray thin groove;
    BORDER-BOTTOM: gray thin groove;
    DISPLAY: inline;
    FONT: statusbar;
    font-family: tahoma, verdana, system, sans-serif;
    WIDTH: 94px;
    CURSOR: pointer;
    HEIGHT: 15px;
    float: left;
    word-break: break-all;
}

.diary-job-flag {
    BORDER-RIGHT: gray thin;
    BORDER-TOP: gray thin groove;
    DISPLAY: inline;
    FONT: statusbar;
    BORDER-LEFT: gray thin;
    WIDTH: 8px;
    CURSOR: default;
    COLOR: black;
    BORDER-BOTTOM: gray thin groove;
    HEIGHT: 15px;
    float: left;
}

.diary-job-flag-end { border-right: gray thin groove; }


.mright-10 { margin-right: 10px; }

.mleft-10 { margin-left: 10px; }

.mbottom-10 { margin-bottom: 10px; }

.mtop-10 { margin-top: 10px; }

.layout-table {
    border: none;
    border-collapse: collapse;
}

.layout-table td { padding: 5px 8px; }

.dropdown-menu a,
.dropdown-menu a:hover,
.dropdown-menu a:link,
.dropdown-menu a:active { text-decoration: none; }

.dropdown-menu.font-small a { font-size: 85%; }

.Grid_General tr.selected td { background: #CDECF5; }

.table-grid-view { width: 820px; }

.table-grid-view td { height: 22px; }

.table-grid-view .header-row {
    font-family: Arial;
    font-weight: bold;
    height: 25px;
    color: #FFFFFF;
    background-color: #2054CC;
}

.table-grid-view .even-row { background: #DCDCDC; }

.table-grid-view tr.selected td { background: #F0E68C; }

.cursor-hand { cursor: pointer; }

.no-hand { cursor: default; }