html {
    height: 100%;
    width: 100%;
    margin: 0em;
    padding: 0em;
}
/*calendarStyle.css*/
body, td {
    font-family: Verdana;
}

body {
    background: url(../../images/main_body_grad.jpg) repeat-y 50% 0%;
    background-color: #DAD9D6;
}

.picker {
    background-color: #FFFFFF;
    border: 1px gray solid;
    font-size: 12px;
    font-weight: bold;
    font-family: "Verdana",monospace;
    padding: 2px;
    cursor: pointer;
}

.imgButton {
    border: none;
    cursor: pointer;
}

.calendar td {
    font-size: 11px;
}

.title {
    font-weight: bold;
    background-color: #D7D7E5;
}

.day {
    width: 25px;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayhover {
    width: 25px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayheader {
    width: 25px;
    text-align: center;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    font-weight: bold;
    background-color: #FFFFFF;
}

.othermonthday {
    color: #999999;
}

.selectedday {
    width: 25px;
    background-color: #FBE694;
    color: #000000;
    border-width: 1px;
    border-color: #BB5503 !important;
    border-style: solid;
    font-weight: bold;
}

.calendar {
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    border-collapse: collapse;
    background-color: #FFFFFF;
    cursor: default;
}

.month {
    background-color: #F6F6F6;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.nextprev {
    cursor: pointer;
    height: 25px;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
}

.calendarMonthPicker {
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    color: #000;
    border-bottom: #000 1px solid;
    background-color: #eee;
    text-align: left;
    cursor: pointer;
}

.calendarMonthPickerOver {
    background-color: #CCC;
}

.AEGTable {
    border-color: #000;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    margin: 5px;
    width: 99%;
}

    .AEGTable td {
        border-color: #000;
        border-left-width: 1px;
        border-top-width: 1px;
        border-bottom-width: 0px;
        border-right-width: 0px;
        border-style: solid;
        margin: 0px;
        padding: 3px;
    }

    .AEGTable th {
        border-color: #000;
        border-left-width: 1px;
        border-top-width: 1px;
        border-bottom-width: 0px;
        border-right-width: 0px;
        border-style: solid;
        margin: 0px;
        padding: 3px;
    }

/* Navigation settings for the Calendar Tool */
.tableCalendarNavBar {
    color: white;
}

.imgCalendarNavButton {
    cursor: pointer;
    margin-top: 3px;
}
/* Settings for the Calendar MiniForm */
.divWorkFlowMiniForm {
    background-color: #ffffcc;
    width: 300px;
    border: 1px #CCC solid;
}
/* Settings for the PopUp Calendar */
.headerPopUpCalendar {
    background-color: #CCC;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana;
    padding: 4px;
    vertical-align: middle;
    height: 22px;
    text-align: center;
}

.tablePopUpCalendarNavBar {
    color: white;
    text-align: center;
}

.imgCalEvent {
    margin-right: 4px;
    vertical-align: bottom;
    border: 0px;
    text-decoration: none;
}

.aCalEvent {
}
/*containerWindow.css*/
.ContainerDiv {
    margin-top: 5px;
}

.HeaderDiv {
    background-color: #5A6B7D;
    margin-bottom: 5px;
}

.ContentDiv {
    height: 100%;
    border: 1px;
    border-style: solid;
    border-color: #CCC;
    overflow: visible;
    padding-left: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0px 5px 5px 5px;
    left: -2px;
}

.HeaderLabel {
    color: white;
    text-align: left;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

.divContainerContentHelp {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: Black;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
    top: 0px;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    margin: 5px;
    text-align: left;
}

#LoginTableDivContainer {
    width: 50%;
    background-color: #EEE;
    position: relative;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    margin-top: 30px;
    margin-bottom: 10px;
    background: url(../../images/logon_body_grad.gif) repeat-x 50% 0%;
}

.spanHelpContent {
    width: 90%;
    float: left;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 5px;
}
/* From CallBackStyle.css */
.CallBack {
    position: absolute;
}
/*data.css*/
body, td, p, div, tr, table, input, select, textarea {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
}

ul {
    margin: 0px 0px 0px 20px;
}

a {
    color: #dd3409;
}

/* Number */
.Type01 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    text-align: right;
}

/* Time */
.Type03 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 55px;
}

.Type03btn {
    border: 1px;
    height: 16px;
    width: 18px;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
}

/* Wage Rate */
.Type04 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Duration */
.Type06 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Organisation - validated */
.Type07 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Table - validated */
.Type09 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    z-index: 900;
}

/* Table - validated */
.Type09Cover {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 150px;
}

/* Table - validated */
.Type09ReadOnly {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 150px;
}

/* Text */
.Type10 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    max-width:800px;
}

/* File - validated */
.Type11 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Number - file validated */
.Type12 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Date - file validated */
.Type13 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Account Number */
.Type14 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Dictionary Field */
.Type15 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Date - century explicit */
.Type16 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 70px;
}

/* Date - century implied */
.Type17 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 70px;
}

/* Date - cent. file valid */
.Type18 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 70px;
}

/* Date - impl file valid */
.Type19 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 70px;
}

/* File - valid. field dep. */
.Type31 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Button */
.Type32 {
}

/* File Lookup - filtered */
.Type33 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Pay Run Number */
.Type34 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Checkbox */
.Type35 {
    color: Black;
    margin-top: 1px;
}

/* Memo */
.Type36 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    resize: none;
    white-space: pre-wrap;
}

/* Memo */
.Type97 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* Radio Button */
.Type37 {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 100%;
}
/* Radio Button */
.Type37Table {
}
/* Data Type extra styles */
.Type34.focus {
    background-color: Red;
}

.Type10.focus {
    background-color: Red;
}

.TypeLabel {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: Black;
    padding-left: 4px;
}

.InnerDiv {
    margin-bottom: 1em;
    background-color: Transparent;
}

.OuterDiv {
    float: left;
    margin-bottom: 1em;
    background-color: Transparent;
}

.OuterArrayDiv {
    position: relative;
    background-color: Transparent;
}

.shadowed {
    float: right;
    background: url(images/drop-shadow.png) no-repeat bottom right !important;
    background: url(images/drop-shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}

    .shadowed img {
        display: block;
        position: relative;
        background-color: #fff;
        border: 1px solid #999;
        margin: -6px 6px 6px -6px;
        padding: 4px;
    }

.Type37Label {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: Black;
    margin-left: 2px;
}

.Type37TextCell {
    background-color: #EEEEEE;
}

.TypeArrayLabel {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: Black;
}

.TypeArrayTextCell {
    background-color: #86b5d9;
}

.Type07btn {
    border: 1px;
    height: 16px;
    width: 18px;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
    cursor: pointer;
}

.tableArray {
    margin-left: 6px;
}

.rowArrayAlt {
    background-color: #F8F8F8;
}

.rowArrayWeekend {
    background-color: #F7DEBD;
}

.rowArrayWeekendAlt {
    background-color: #FFBD94;
}

.rowArrayPublicHoliday {
    background-color: #005438;
}

.rowArrayPublicHolidayAlt {
    background-color: green;
}

/* TODO: GOD: Below are some non dataType styles that should be move to a separate style sheet */
/* Type Inspector styles */
.tableObjectTraceAlt {
    background-color: #feca45;
}

.tableObjectTraceAltBold {
    background-color: #feca45;
    font-weight: bold;
}

.tableObjectTraceBold {
    font-weight: bold;
}

#divObjectTrace {
    overflow: scroll;
    height: 150px;
}

#dHTMLToolTip {
    opacity: 0.5;
    -moz-opacity: 0.5;
}

.divMenuCoverOn {
    filter: alpha(opacity=30);
    background-color: #fff;
    opacity: 0.3;
    -moz-opacity: 0.3;
    z-index: 10000;
    margin: 0px;
    top: 0px;
    left: 0px;
    position: absolute;
}

.divCalendarCoverOn {
    filter: alpha(opacity=30);
    background-color: #CCC;
    opacity: 0.0;
    -moz-opacity: 0.0;
    z-index: 10000;
    position: absolute;
}

.divMenuCoverOff {
    display: none;
}

.divTraceManager {
    visibility: hidden;
    width: 0px;
    height: 0px;
    display: none;
}

.divThrobber {
}

.divThrobberForm {
    /* 	height:30px; 	width:30px; 	background-color:#EEEEEE; 	text-align:center; 	vertical-align:middle; 	opacity: .75; 	filter: alpha(opacity=75);	 	-moz-opacity:0.75;     */
    z-index: 10000;
    margin: 0px;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: white;
    opacity: .70;
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
}

.imgThrobberForm {
    margin-top: 200px;
}

.divCalendar {
}

.divToolTipContainer {
    z-index: 0;
    font: 10px Verdana;
    position: absolute;
}

.divContent {
    position: absolute;
    background-color: #eee;
    border: 1px #CCC solid;
    z-index: 2;
    padding: 3px;
    height: 70px;
    width: 150px;
    width: 200px;
    height: 250px;
    padding: 2px;
}

.divShadow {
    position: relative;
    top: 10px;
    left: 10px;
    background-color: #CCC;
    filter: alpha(opacity=40);
    opacity: 0.0;
    -moz-opacity: 0.0;
    z-index: 1;
    border: 1px #CCC solid;
    height: 250px;
    width: 200px;
    border: 1px #CCC solid;
}

.pEvent {
    margin: 0px;
    padding: 0px;
    text-align: left;
}

/* TODO: GOD: Below are some non dataType styles that should be move to a separate style sheet */
/* ToolBar Styles */

.divToggleVeilOn {
    filter: alpha(opacity=0);
    background-color: #ccc;
    position: absolute;
    width: 802px;
    opacity: 0.0;
    -moz-opacity: 0.0;
    z-index: 999;
}

.divToggleVeilOff {
}

.divToggleCover {
}

.divCreateEvent {
    z-index: 10000;
    display: none;
}

.divContentEvent {
    position: absolute;
    background-color: #eee;
    border: 1px #CCC solid;
    z-index: 2;
    padding: 3px;
    width: 200px;
    height: 190px;
}

.divShadowEvent {
    position: relative;
    top: 10px;
    left: 10px;
    background-color: #CCC;
    filter: alpha(opacity=40);
    opacity: 0.0;
    -moz-opacity: 0.0;
    z-index: 1;
    width: 200px;
    height: 190px;
    border: 1px #CCC solid;
}

.imgVerifyHidden {
    display: none;
}

.imgVerifyVisible {
    cursor: pointer;
    valign: top;
    z-index: 1000;
}

.divVerify {
    width: 15px;
    height: 15px;
    margin: 0px;
    float: left;
    z-index: 1000;
    position: absolute;
    top: 0px;
}

.FieldErrorPanel {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 0px 30px 30px 10px;
    margin-top: 0em;
}

.FormErrorPanel {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 0px 30px 30px 10px;
    margin-top: 0em;
    padding: 2px;
    right: -793px;
    top: 5px;
}

.divParentMessage {
    /*     width:300px; 	height:200px; 	position:absolute; 	top:0px; 	left:0px;     */
}

.iFrameMessage {
    position: relative;
    top: -200px;
    width: 300px;
    border: none;
    z-index: -1;
    background-color: #EEE;
    margin: 0px;
    height: 200px;
    width: 100%;
}

.divChildMessage {
    z-index: 200;
    position: relative;
    background-color: #CCC;
    margin: 0px;
}

.divReadOnly {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 22px;
    filter: alpha(opacity=0);
    background-color: #ccc;
    opacity: 0.0;
    -moz-opacity: 0.0;
    z-index: 999; /* display:none; */
}

.spanReadOnly {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    z-index: 998;
    left: 0px;
    top: 0px;
    position: absolute;
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    display: none;
    padding-top: 1px;
    padding-left: 1px;
    padding-bottom: 0px;
    padding-right: 0px;
    overflow: hidden;
}

/* Notes Styles */
.divNotesListContainer {
    height: 190px;
    width: 355px;
    padding: 2px;
    border: 1px solid #CCC;
    position: absolute;
    left: 200px;
    background-color: #EEE;
    z-index: 1000;
    top: 0px;
    overflow: hidden;
}

.divNotesListContent {
    overflow: auto;
    height: 120px;
    width: 335px;
    border: 1px #CCC solid;
    margin: 2px;
}

.divNotesHeader {
    overflow: auto;
    height: 60px;
    width: 335px;
    margin: 2px;
}

.divCloseButton {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2px;
    top: 2px;
    cursor: pointer;
    background: no-repeat top right;
}

.inputNotes {
    width: 200px;
}

/* Attachment Styles */
.iFrameFileUpload {
    margin: 0px;
    height: 20px;
    border: none;
    background-color: #EEE;
    width: 250px;
}

.divAttachmentListContainer {
    height: 130px;
    width: 355px;
    padding: 2px;
    border: 1px solid #CCC;
    position: absolute;
    background-color: #EEE;
    z-index: 100002;
    overflow: hidden;
    text-align: left;
}

.divAttachmentCover {
    height: 135px;
    width: 360px;
    background-color: #fff;
    filter: alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity: 0.3;
    margin: 0px;
    z-index: 100003;
    overflow: hidden;
    position: absolute;
}

.divAttachmentListContent {
    overflow: auto;
    height: 100px;
    width: 335px;
    border: 1px #CCC solid;
    margin: 2px;
}

.divAttachmentHeader {
    overflow: auto;
    height: 25px;
    width: 335px;
    margin: 2px;
}

.pnlAttach {
    position: relative;
    text-align: left;
    height: 20px;
}

div.fileinputCover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 20px;
    z-index: 1;
}

.fileinputCoverText {
    position: absolute;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    top: 0px;
    left: 0px;
    width: 160px;
    height: 18px;
}

.fileinputCoverButton {
    position: absolute;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    top: 0px;
    left: 165px;
    height: 20px;
    width: 60px;
}

.inputAttachFile {
    position: relative;
    text-align: right;
    filter: alpha(opacity: 0);
    -moz-opacity: 0;
    opacity: 0;
    height: 20px;
    width: 220px;
    z-index: 2;
}

.inputAttachFileGadget {
    width: 130px;
}
/* Help Styles */
.divHelpContainer {
    width: 305px;
    height: 45px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 10001;
}

.divHelpContent {
    width: 300px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px; /*background-color:#EEE;*/
    background-color: #ffffcc;
    z-index: 1000;
    border: 1px solid #CCC;
}

.divHelpShadow {
    width: 300px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #DDD;
    z-index: 999;
    filter: alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity: 0.4;
}

.pHelpText {
    margin: 2px;
    text-align: left;
}

/* Button Styles */
.button {
    background-color: #5a6b7d;
    background-color: #5A6B7D;
    border: 1px solid #C2C5C8;
    color: #FFF;
    font-family: tahoma;
    font-size: 11px;
    cursor: pointer;
    width: 90px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}

.buttonHover {
    background-color: #E4F1F7;
    color: #00025C;
    border: 1px solid #AADAED;
    font-family: tahoma;
    font-size: 11px;
    cursor: pointer;
    width: 90px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}

/* Message Window */
.tableMessageWindow {
    height: 350px;
    width: 600px;
}

.tdMessageWindow {
}

.divMessageWindow {
    background-color: #5A6B7D;
    border-color: #434343;
    border-style: solid;
    border-width: 1px;
    overflow-y: auto;
    height: 30px;
    width: 550px;
    color: white;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding-top: 5px;
}

.divMessageWindowParent {
    background-color: White;
    border-style: solid;
    border-width: thin;
    border-color: Black;
    width: 600px;
    height: 405px;
}

.divLookupContent {
    width: 100%;
    background-color: #EEE;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #CCC;
}

.tableLookupContent {
    margin: 0px;
    background-color: #EEE;
    border-width: 0px 0px 0px 0px;
    border-color: #CCC;
}

/* Move to GadgetContainer.css */
.imgGadgetRefresh {
    top: 2px;
    right: 2px;
    cursor: pointer;
}

.btnWizardNext {
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnWizardPrev {
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnWizardFinish {
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}

.iFrameNote {
    height: 53px;
    visibility: visible;
    width: 208px;
}

.Type95 {
    height: 75px;
    overflow: auto;
    border: solid 1px #ddd;
    padding: 3px;
}

.Type99 {
    margin-top: 3px;
    width: 242px;
    height: 50px;
    overflow: auto;
    border: solid 1px #ddd;
    background-color: #eee;
    padding: 3px;
}

.divCompanyNews {
    height: 300px;
    cursor: default;
    overflow: auto;
    padding: 6px;
}

.TitleColumn {
    width: 100%;
    background-color: #EEEEEE;
    color: black;
    margin: 20px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    height: 15px;
    padding-left: 6px;
}

/* From ParentDetail.css */

.DetailLabel {
    color: Black;
    text-align: left;
    font-family: Tahoma;
    font-size: 14px;
    margin: 5px;
}

.imgFlag {
    border-style: solid;
    border-width: 1px;
    border-color: black;
}

.spanParentInfo {
    font-size: 12px;
    padding: 1px;
}

.spanParentInfoStaff {
    font-size: 12px;
    background-color: #ffffcc;
    border: solid 1px #ddd;
    padding: 1px;
    display: block;
}

.ParentInfo {
    margin-right: 3px;
    text-decoration: none;
}

.ParentInfoBold {
    font-weight: bold;
    margin-right: 6px;
    text-decoration: none;
}

.ParentInfoBoldSelf {
    font-weight: bold;
    margin-right: 6px;
    text-decoration: underline;
    cursor: pointer;
}

/* Balloon Styles */
.divBalloon {
    /*     height:150px;     width:300px;     */
    overflow: auto;
}

#PANEL_SPA_SELECT {
    background-color: #EEE;
    border-width: 1px;
    border-color: #CCC;
    border-style: solid;
    top: 130px;
    left: 440px;
    padding: 2px;
}
/*footer.css*/
.FooterDiv {
    height: 50px;
    margin-top: 5px;
    border: solid 1px #ffffff;
    text-align: center;
    vertical-align: middle;
}

.FooterTable {
    background-color: #ffffff;
    border: 0;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;
}

.FooterLogo {
    width: 201px;
    height: 32px;
    float: left;
}

.FooterLogoRight {
    width: 94px;
    height: 33px;
}

.FooterCloseDiv {
    position: absolute;
    right: 2px;
    top: 56px;
    height: 16px;
    width: 16px;
}

.FooterLabelDiv {
    margin: 0px 20px 0px 0px;
}

.FooterLabel {
    color: Gray;
    font-family: Verdana;
    font-size: 10px;
    cursor: pointer;
    text-decoration: underline;
}

.CopyRightLabel {
    color: Gray;
    font-family: Verdana;
    font-size: 10px;
}

.CopyRightLabelStrapline {
    color: Gray;
    font-family: Verdana;
    font-size: 10px;
    float: left;
    padding-top: 2px;
}

.CopyRightLabelLink {
    color: #21467b;
}

.InfoDiv {
    margin-top: 2px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #CCC;
    overflow: auto; /* Keep this for Opera */
    overflow-x: auto;
}

tr.d0 td {
    background-color: #EEEEEE;
    color: black;
}

tr.d1 td {
    background-color: #FFFFFF;
    color: black;
}

/* from siteMap.css */

.SiteMap {
    border: 0px solid #CCC;
    background-color: white;
    font-family: verdana;
    font-size: 10px;
}

.SiteMapTableCell {
    padding: 1px;
}

.RootNode {
    color: black;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    padding-left: 5px;
}

    .RootNode a {
        color: black;
        text-decoration: none;
    }

        .RootNode a:hover {
            color: black;
            text-decoration: underline;
        }

.ParentNode {
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    padding-left: 5px;
}

    .ParentNode a {
        color: black;
        text-decoration: none;
    }

        .ParentNode a:hover {
            color: black;
            text-decoration: underline;
        }

.LeafNode {
    color: #DD3409;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    padding-left: 1px;
}

    .LeafNode a {
        color: #DD3409;
        text-decoration: none;
    }

        .LeafNode a:hover {
            color: #DD3409;
            text-decoration: underline;
        }
/*gadgets.css*/
/* Weather Gadget (previously GadgetWeather.css) */

.weathertdhead {
    font-family: Verdana;
    font-weight: bold;
    font-size: 9px;
}

.weathertdrow {
    font-family: Verdana;
    font-weight: normal;
    font-size: 9px;
}

/* General Gadget (previously GadgetContainer.css) */

.GadgetContainerDIV {
    font-family: verdana;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #57566F;
    background-color: white;
    cursor: default;
    height: 195px;
    width: 180px;
    margin: 0px;
    left: 0px;
    top: 0px;
    z-index: 10;
    position: relative;
}

.HeaderTD {
    height: 25px;
    background-color: #5A6B7D;
    color: White;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
}

.ContentTD {
    height: 160px;
    z-index: 3;
}

.ContentHolderDiv {
    height: 160px;
    font-family: verdana;
    font-size: 11px;
    padding: 1px;
    border: 1px solid #57566F;
    border-top-width: 0px;
    background-color: white;
    cursor: default;
    position: relative;
    overflow: auto;
    z-index: 2;
}

.Links {
    list-style-image: none;
    color: Black;
    font-size: 11px;
}

.GadgetContentDIV {
    border: 0px;
    background-color: white;
    width: 175px;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 1px;
    overflow: hidden;
    text-align: left;
}

.UPDOWNBUTTON_TD {
    height: 10px;
}

.divListGadget {
    height: 160px;
    width: 175px;
    overflow: auto;
}

.tableListGadget {
    height: 175px;
    width: 100%;
}

.ulGadget {
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

.GadgetMatchingHeader {
    color: Black;
    border-width: 1px;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
}

.DoubleGadgetContainerDIV {
    font-family: verdana;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #57566F;
    background-color: white;
    cursor: default;
    height: 195px;
    width: 360px;
    margin: 0px;
    left: 0px;
    top: 0px;
    z-index: 10;
    position: relative;
}

.DoubleGadgetContentDIV {
    border: 0px;
    background-color: white;
    width: 350px;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 1px;
    overflow: hidden;
    text-align: left;
}
/*gridStyle.css*/
.Grid {
    background-color: #FFFFFF;
    border: 0px solid #7C7C94;
    border-bottom: 1px solid #7C7C94;
    font-family: Verdana;
    font-size: 10px;
    cursor: pointer;
}

.GridHeader {
    /*background-image: url(images/grid_headerBg.gif); */
    background-color: #5A6B7D;
    height: 24px;
    padding-left: 3px;
    cursor: default;
}

.GridHeaderText {
    color: #FFFFFF;
    font-family: verdana;
    font-size: 10px;
}

.GroupByText {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
}

.BannerHeaderImage {
}

.HeadingRow {
    background-color: #E0DFE3;
    background-image: url(images/header_rowBg.gif);
}

.HeadingCell {
    background-image: url(images/header_bg.gif);
    padding: 3px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 6px;
}

.HeadingRow td.FirstHeadingCell {
    background-image: url(images/header1stCell_bg.gif);
}

.HeadingCellText {
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 5px;
}

.Row {
    background-color: #FFFFFF;
}

    .Row td.DataCell {
        padding: 3px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6px;
        border-bottom: 1px solid #EAE9E1;
        border-right: 1px solid #EAE9E1;
        font-family: verdana;
        font-size: 10px;
        cursor: pointer;
    }

    .Row td.LastDataCell {
        background-color: #EFEFF4;
        cursor: pointer;
    }

.AlternatingRow {
    cursor: default;
    background-color: #F6F6F8;
}

    .AlternatingRow td.DataCell {
        /*background-color: #F6F6F8;*/
        cursor: pointer;
        padding: 3px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6px;
        border-bottom: 1px solid #EAE9E1;
        border-right: 1px solid #EAE9E1;
        font-family: verdana;
        font-size: 10px;
    }

    .AlternatingRow td.FirstDataCell {
        /*background-color: #F6F6F8;*/
        padding-left: 3px;
        cursor: default;
    }

.HoverRow {
    cursor: default;
}

    .HoverRow td.DataCell {
        background-color: #FFFFCC;
        padding: 3px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6px;
        border-bottom: 1px solid #EAE9E1;
        border-right: 1px solid #EAE9E1;
        font-family: verdana;
        font-size: 10px;
        cursor: pointer;
    }

    .HoverRow td.FirstDataCell {
        padding-left: 3px;
    }

    .HoverRow td.LastDataCell {
        border-right: 1px solid #9495A2;
        border-bottom: 1px solid #9495A2;
        padding-right: 2px;
    }

.SortedDataCell {
    background-color: #F5F5F5;
    cursor: pointer;
}

.SelectedRow {
    border-right: 1px solid #EAE9E1;
}

    .SelectedRow td.DataCell {
        background-color: #FFEEC2;
        padding: 2px;
        padding-left: 6px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-family: verdana;
        font-size: 10px;
        border-bottom: 1px solid #4B4B6F;
        border-top: 1px solid #4B4B6F;
        border-right: 0px;
        cursor: pointer;
    }

    .SelectedRow td.FirstDataCell {
        background-color: #FFEEC2;
        border-left: 1px solid #4B4B6F;
        border-right: 0px;
        padding-left: 2px;
        padding-right: 3px;
        cursor: pointer;
    }

    .SelectedRow td.LastDataCell {
        background-color: #FFEEC2;
        border-right: 1px solid #4B4B6F;
        cursor: pointer;
    }

.GroupHeading {
    color: #706F91;
    background-color: #FFFFFF;
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 2px solid #A5A4BD;
    padding-top: 10px;
    padding-bottom: 3px;
}

.SliderPopup {
    background-color: #FFF4D7;
    border: 1px solid #4B4B6F;
    border-top-color: #9495A2;
    border-left-color: #9495A2;
    width: 288px;
    height: 60px;
}

.GridFooter {
    cursor: default;
    padding: 5px;
    height: 40px;
    vertical-align: bottom;
    border: 0px;
}

.GridFooterText {
    color: #000000;
    font-family: verdana;
    font-size: 11px;
}

.Row td.AttachmentDataCell {
    padding: 0 0 0 0;
    text-align: center;
}

    .Row td.AttachmentDataCell div {
        width: 20px !important;
    }

    .Row td.AttachmentDataCell span {
        text-align: center;
        padding: 3px 6px;
    }

    .Row td.AttachmentDataCell img {
        text-align: center;
        vertical-align: middle;
    }

.AlternatingRow td.AttachmentDataCell {
    padding: 0 0 0 0;
    text-align: center;
}

    .AlternatingRow td.AttachmentDataCell div {
        width: 20px !important;
    }

    .AlternatingRow td.AttachmentDataCell span {
        text-align: center;
        padding: 3px 6px;
    }

    .AlternatingRow td.AttachmentDataCell img {
        text-align: center;
        vertical-align: middle;
    }

.HoverRow td.AttachmentDataCell {
    padding: 0 0 0 0;
    text-align: center;
}

    .HoverRow td.AttachmentDataCell div {
        width: 20px !important;
    }

    .HoverRow td.AttachmentDataCell span {
        text-align: center;
        padding: 3px 6px;
    }

    .HoverRow td.AttachmentDataCell img {
        text-align: center;
        vertical-align: middle;
    }

.SelectedRow td.AttachmentDataCell {
    padding: 0 0 0 0;
    text-align: center;
}

    .SelectedRow td.AttachmentDataCell div {
        width: 20px !important;
    }

    .SelectedRow td.AttachmentDataCell span {
        text-align: center;
        padding: 3px 6px;
    }

    .SelectedRow td.AttachmentDataCell img {
        text-align: center;
        vertical-align: middle;
    }

/* .DataCell_Freeze and .HeadingCell_Freeze never seem to get used in the application, and they use the deprecated & slow expressions. */
/*login.css*/
body {
    margin: 0;
    padding: 0;
    text-align: center;
}

#LoginContainerDiv {
    margin: 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: #5A6B7D;
    height: 502px;
    width: 815px;
    text-align: left;
}

#LoginDivMaster {
    margin: 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: #5A6B7D;
    margin-top: 30px;
    text-align: center;
    vertical-align: middle;
    height: 200px;
    width: 400px;
}

#LoginDivColour1 {
    margin: 0 auto;
    height: 25px;
    width: 815px;
    background-color: #5A6B7D;
}

#LoginDivColour2 {
    margin: 0 auto;
    height: 25px;
    width: 815px;
    background-color: #5A6B7D;
}

#LoginTable {
    margin-top: 50px;
}

#LogoDiv {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    vertical-align: middle;
    height: 80px;
    width: 200px;
}

.LogoLabel {
    color: Gray;
    font-family: Verdana;
    font-size: 9px;
}

#CopyrightDiv {
    text-align: center;
    vertical-align: middle;
}

/*menuStyle.css*/
.TopMenuCellLeft {
    background-image: url(images/sub_menu/left.jpg);
    background-position: right;
    background-repeat: no-repeat;
}

.TopMenuCellRight {
    background-image: url(images/sub_menu/right.jpg);
    background-position: left;
    background-repeat: no-repeat;
}

.TopGroup {
    background-color: #5A6B7D;
    border: 1px #8394AC solid;
    cursor: default;
}

.MenuGroup {
    background-color: #F5F5F5;
    border: 1px #4E5358 solid;
    border-style: solid;
    cursor: default;
}

.TopMenuGroup {
    background-color: #5A6B7D;
    border-right: 0px;
}

.TopMenuGroupImg {
    background-color: #5A6B7D;
}

.TopGroup {
    background-color: #5A6B7D;
    border: 1px #8394AC solid;
    cursor: default;
}

.TopMenuItem {
    background-color: #5A6B7D;
    color: white;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    border: 1px #5A6B7D solid;
    cursor: default;
}

.TopMenuItemHover {
    background-color: #C2C5C8;
    background-image: url(images/top_item_bg.gif);
    color: white;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    border: 1px #DFE2E5 solid;
    cursor: default;
}

.MenuGroup {
    background-color: #F5F5F5;
    border: 1px #4E5358 solid;
    border-style: solid;
    cursor: default;
}


.MenuItem {
    border: 1px solid #F5F5F5;
    color: #00025C;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    cursor: default;
}

.MenuItemHover {
    background-color: #E4F1F7;
    background-image: url(images/item_bg.gif);
    color: #00025C;
    border: 1px solid #AADAED;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.MenuBreak {
    width: 100%;
    height: 2px;
}

.imgMenuLink {
    cursor: pointer;
}

.spanMenuLink {
    cursor: pointer;
}

.ulLinkButtonContainerHorizontalTab01 {
    clear: both;
}

    .ulLinkButtonContainerHorizontalTab01 ul {
        margin: 0.3em auto 0.3em 0px;
        padding-left: 0;
        white-space: nowrap;
    }

        .ulLinkButtonContainerHorizontalTab01 ul li {
            font-weight: bold;
            display: inline;
            list-style-type: none;
            white-space: nowrap;
            margin-left: 2px;
            font-family: tahoma;
            font-size: 12px;
        }

            .ulLinkButtonContainerHorizontalTab01 ul li.tabLabel {
                padding-right: 10px;
                color: #5A6B7D;
            }

            .ulLinkButtonContainerHorizontalTab01 ul li a {
                padding: 0.3em 10px;
            }

                .ulLinkButtonContainerHorizontalTab01 ul li a:link {
                    color: white;
                    background-color: #5A6B7D;
                    text-decoration: none;
                }

                .ulLinkButtonContainerHorizontalTab01 ul li a:visited {
                    color: white;
                    background-color: #5A6B7D;
                    text-decoration: none;
                }

                .ulLinkButtonContainerHorizontalTab01 ul li a:hover {
                    color: white;
                    background-color: #C2C5C8;
                    text-decoration: none;
                    background-image: url(images/top_item_bg.gif);
                }

                .ulLinkButtonContainerHorizontalTab01 ul li a:active {
                    color: white;
                    background-color: #5A6B7D;
                    text-decoration: none;
                }

            .ulLinkButtonContainerHorizontalTab01 ul li.selected a {
                cursor: default;
                font-weight: bold;
            }

                .ulLinkButtonContainerHorizontalTab01 ul li.selected a:link {
                    color: white;
                    background-color: #C2C5C8;
                    background-image: url(images/top_item_bg.gif);
                }

                .ulLinkButtonContainerHorizontalTab01 ul li.selected a:visited {
                    color: white;
                    background-color: #C2C5C8;
                    background-image: url(images/top_item_bg.gif);
                }

                .ulLinkButtonContainerHorizontalTab01 ul li.selected a:hover {
                    color: white;
                    background-color: #C2C5C8;
                    background-image: url(images/top_item_bg.gif);
                }

                .ulLinkButtonContainerHorizontalTab01 ul li.selected a:active {
                    color: white;
                    background-color: #C2C5C8;
                    background-image: url(images/top_item_bg.gif);
                }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
a.ovalbutton {
    background: transparent url('images/oval_tab_left.gif') no-repeat top left;
    display: block; /*float:left;*/
    font: bold 13px Tahoma; /* Change 13px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
    cursor: pointer;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
    color: #5A6B7D; /*button text color*/
}

a.ovalbutton span {
    background: transparent url('images/oval_tab_right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
    cursor: pointer;
}

a.ovalbutton:hover {
    /* Hover state CSS */
    background-position: bottom left;
}

    a.ovalbutton:hover span {
        /* Hover state CSS */
        background-position: bottom right;
        color: black;
    }

.buttonwrapper {
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}

.buttonspan {
    /*width:180px;*/
    text-align: center;
    white-space: nowrap;
}

td.selected a:link.ovalbutton, td.selected a:visited.ovalbutton, td.selected a:active.ovalbutton {
    color: black;
}

td.selected a.ovalbutton {
    background: transparent url('images/oval_tab_selected_left.gif') no-repeat top left;
    cursor: default;
}

    td.selected a.ovalbutton span {
        background: transparent url('images/oval_tab_selected_right.gif') no-repeat top right;
        cursor: default;
    }

    td.selected a.ovalbutton:hover {
        background-position: top left;
    }

        td.selected a.ovalbutton:hover span {
            background-position: top right;
            color: black;
        }
/*misc.css*/
/* From SliderContent.css */

.SliderHoldDiv {
    position: relative;
    overflow: hidden;
    width: 755px;
    height: 210px;
    z-index: 100;
    text-align: left;
}

.SliderWNDiv {
    position: relative;
    left: 0px;
    top: 0px;
    width: 755px;
    height: 210px;
    clip: rect(0px, 755px, 210px, 0px);
    overflow: hidden;
    z-index: 1000;
    text-align: left;
}

table#SliderContentTableDiv {
    width: 755px;
}

    table#SliderContentTableDiv td {
        width: 755px;
        vertical-align: top;
        text-align: center;
    }

.SliderButtonTD {
    width: 20px;
    background-color: #5A6B7D;
    border: 1px solid #57566F;
}

.SliderContentContainerDiv {
    background-color: White;
    height: 210px;
    width: 2000px;
    border: 1px solid #57566F;
    overflow: hidden;
    position: relative;
    z-index: 100;
}

/* From SnapStyle.css */

.SnapHeader {
    color: #ffffff;
    background-color: #757495;
    background-image: url(images/snap_headerBg.gif);
    border: 1px solid #57566F;
    font-family: Tahoma;
    font-weight: bold;
}

.SnapNews {
    height: 170px;
    width: 100%;
    border: 0px;
    background-color: white;
    cursor: default;
    overflow-y: scroll;
    overflow-x: hidden;
}

.SnapNewsHeader {
    font-family: verdana;
    font-size: 9px;
}

.SnapNewsContent {
    font-family: verdana;
    font-size: 9px;
}

.SnapHeaderCollapsed {
    color: #777777;
    background-color: #E0DFE3;
    background-image: url(images/snap_headerCollapsedBg.gif);
    border: 1px solid #777777;
    font-family: Tahoma;
    font-weight: bold;
}

.SnapContent {
    font-family: verdana;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #57566F;
    border-top-width: 0px;
    background-color: white;
    cursor: default;
}

.Dock {
    padding: 5px;
    border: #AFAFAF 1px solid;
    background-color: #D1D1D1;
}

.Links {
    list-style-image: none;
    color: Black;
    font-size: 11px;
}

/* From sum_menu.css */

.Sub_Menu {
    background-color: #F1F1F1;
    border: solid 1px #646464;
    cursor: default;
}

.Sub_MenuItem {
    height: 20px;
    border: solid 1px #F1F1F1;
}

.Hover_Sub_MenuItem {
    height: 20px;
    border: solid 1px #A8A8A8;
    background-position: center center;
    background-repeat: repeat-x;
}

.Sub_menu_TD {
    background-color: #5A6B7D;
}

/* From BaseControls.css */

.BaseTextBox {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

.BaseLabel {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: Black;
}

.BaseDropDownList {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/* From sub_toolbar.css */

.sub_toolbar {
    border: solid 1px #B4CED8;
    background-position: center center;
    background-repeat: repeat-x;
    height: 25%;
    border-style: none;
    background-color: #5A6B7D;
}

.sub_toolbar_separator {
    width: 30%;
}

/* calendar  */
.sub_toolbar_calendar {
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}

    .sub_toolbar_calendar TABLE TR TD.ca_tb_txt {
        padding-right: 6px;
    }

.hover_sub_toolbar_calendar {
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}

    .hover_sub_toolbar_calendar TABLE TR TD.ca_tb_txt {
        background-image: url(images/sub_toolbar/sub_toolbar_btn_calendar_txt_bg.gif);
        background-position: center right;
        background-repeat: no-repeat;
        padding-right: 6px;
        height: 25%;
        border-style: none;
    }
/* gadget  */
.sub_toolbar_gadget {
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}

    .sub_toolbar_gadget TABLE TR TD.ca_tb_txt {
        padding-right: 6px;
    }

.hover_sub_toolbar_gadget {
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}


    .hover_sub_toolbar_gadget TABLE TR TD.ca_tb_txt {
        background-image: url(images/sub_toolbar/sub_toolbar_btn_gadget_txt_bg.gif);
        background-position: center right;
        background-repeat: no-repeat;
        padding-right: 6px;
        height: 25%;
        border-style: none;
    }

/* maximize  */
.sub_toolbar_maximize {
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}

    .sub_toolbar_maximize TABLE TR TD.ca_tb_txt {
        padding-right: 6px;
    }

.hover_sub_toolbar_maximize {
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}


    .hover_sub_toolbar_maximize TABLE TR TD.ca_tb_txt {
        background-image: url(images/sub_toolbar/sub_toolbar_btn_maximize_txt_bg.gif);
        background-position: center right;
        background-repeat: no-repeat;
        padding-right: 6px;
        height: 25%;
        border-style: none;
    }

/* minimize  */
.sub_toolbar_minimize {
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}

    .sub_toolbar_minimize TABLE TR TD.ca_tb_txt {
        padding-right: 6px;
    }

.hover_sub_toolbar_minimize {
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}


    .hover_sub_toolbar_minimize TABLE TR TD.ca_tb_txt {
        background-image: url(images/sub_toolbar/sub_toolbar_btn_minimize_txt_bg.gif);
        background-position: center right;
        background-repeat: no-repeat;
        padding-right: 6px;
        height: 25%;
        border-style: none;
    }
/* Drop Down Interface Options*/
.views {
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
}

    .views TABLE TR TD.ca_tb_txt {
        padding-left: 4px;
        padding-right: 4px;
    }

.hover_views {
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
}

    .hover_views TABLE TR TD.ca_tb_txt {
        background-image: url(images/sub_toolbar/hover_views_txt_bg.gif);
        background-position: center center;
        background-repeat: repeat-x;
        padding-left: 4px;
        padding-right: 4px;
    }
/*modalDialog.css*/
.modalWrap {
    border: 2px #ffffcc inset;
    background: #ffffcc;
    margin: 5px;
}

/* transparency support for Opera */
.modalOpera {
    background-image: url("maskBg.png") !important;
}

.DialogWindow {
    border: 1px #FFFFFF outset;
    width: 550px;
    display: none;
    background: #FFFFFF;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
}
/* dialog content */
.DialogContent {
    float: right;
    width: 100%;
    height: 150px;
    display: block;
}

/* icon */
.DialogIcon {
    padding: 10px;
    float: left;
}

.DialogHeader {
    border-bottom: 1px #00449E outset;
    background: #00449E;
    text-align: right;
    height: 25px;
}

.DialogTitle {
    float: left;
    padding: 8px;
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
}

.DialogMessage {
    font-family: Verdana;
    font-size: 12px;
}

.DialogActionButton {
    font-family: Verdana;
    font-size: 12px;
    width: 75px;
}

.DialogActionBtn {
    z-index: 10;
}

.ModalBG {
    width: 100%;
    display: none;
    background-color: #333333;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000px;
    z-index: 999;
    opacity: .40;
    filter: alpha(opacity=40);
}

/* From ModalPopup.css */

.modalBackground {
    background-color: White;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
/*plannerStyle.css*/
.divCalendarHeader {
    background-color: #383838;
}

.calendarFtrCal {
}

.monthFtrCal {
    border-collapse: collapse;
    border: solid 1px black;
    width: 802px;
    width: 640px;
}

#ctl00_ctl26_ContentDIVCalendar {
    height: 540px;
}

.dayFtrCal {
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FFFFFF;
    border: solid 1px #C6C1AC;
    padding: 0px;
    text-align: right;
}

.dayhoverFtrCal {
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #ffeec2;
    border: solid 1px #C6C1AC;
}

.dayFtrCalHoliday {
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FFC3CE;
    border: solid 1px #C6C1AC;
}

.dayFtrCalRoster {
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FFFFDE;
    border: solid 1px #C6C1AC;
}

.dayFtrCalNonRoster {
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #DEFFDE;
    border: solid 1px #C6C1AC;
}

.dayFtrCalRosterToday {
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FFDFBD;
    border: solid 1px #C6C1AC;
}

.dayFtrCalNonRosterToday {
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #BDDFBD;
    border: solid 1px #C6C1AC;
}

.othermonthdayFtrCal {
    background-color: #F5F3E5;
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    border: solid 1px #C6C1AC;
    padding: 0px;
    text-align: right;
}

.dayheaderFtrCal {
    background-color: #E3E0CD;
    background-image: url(images/planner/header_bg.gif);
    color: #504C39;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
    border-top: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-bottom: solid 1px #ACA899;
    border-right: solid 1px #C6C1AC;
    padding: 4px;
}

.titleFtrCal {
    background-color: #7D9459;
    background-image: url(images/planner/title_bg.gif);
    border: 1px solid black;
    border-bottom-width: 0px;
}

    .titleFtrCal TD {
        font-family: verdana;
        font-size: 11px;
        font-weight: bold;
        color: White;
        padding-top: 1px;
        padding-bottom: 1px;
    }

.nextprevFtrCal {
    cursor: pointer;
}

.FtrCalRosterInfo {
    display: none;
}

.ulCalendar {
    text-align: left;
    margin-left: 20px;
    margin-top: 10px;
    padding: 0px;
    margin: 7px;
    list-style: none;
}

#divCalendarLegend {
    background-color: #eee;
    z-index: 2;
    padding: 3px;
}

#tableCalendarLegend {
}

.Type16Disabled {
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 70px;
    float: left;
    background-color: #CCC;
}

.divCalMenu {
    height: 100%;
    width: 140px;
    padding: 0px;
    z-index: 0;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
    background-color: #5A6B7D;
}

.divCalMenuHeader {
    background-color: #5A6B7D;
    color: white;
    cursor: pointer;
    margin: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #EEE;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #EEE;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCC;
    padding: 0px;
    z-index: 0;
}

.divCalMenuContent {
    background-color: #EEE;
    margin: 0px;
    height: 430px;
    z-index: 0;
    color: #383838;
}

.divDaySelected {
    background-color: gold;
    z-index: 999;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-opacity: 0.2;
}

.headerCalendar {
    background-color: #5A6B7D;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana;
    text-align: left;
    padding: 4px;
    vertical-align: middle;
    height: 22px;
    text-align: center;
}

.headerCalendarContainer {
    width: 250px;
    margin-top: 5px;
}

.headerCalendarDate {
    float: right;
    font-size: 12px;
    cursor: pointer;
}

.headerbuttonCalendar {
    font-size: 10pt;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

.divLegendColour {
    height: 15px;
    width: 20px;
    margin: 0px;
}

.tablePlannerLegend {
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
    margin-left: 5px;
    margin-bottom: 10px;
    border-left: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    background-color: #eee;
}

.tdPlannerLegendEnd {
    padding-right: 7px;
    border-right: solid 1px #ccc;
}

#divCalendarEvents {
    height: 434px;
}

#divCalendarRequests {
    height: 434px;
}

.StaffPlanner_Navigate_Separator {
    margin-left: 2px;
    margin-right: 2px;
}
/*printStyle.css*/
body, td, p, div, tr, table, input, select, textarea {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
}

.divHeading {
    background-color: #EEE;
    border: 1px solid #CCC;
    width: 100%;
    text-align: left;
    padding: 2px;
    margin-bottom: 5px;
    font-family: Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
}
/*reportStyle.css*/
/*
.Grid 
{ 
  background-color: #FFFFFF; 
  border: 1px solid #7C7C94; 
  border-bottom: 2px solid #7C7C94; 
  font-family: Verdana; 
  font-size: 10px; 
  cursor: pointer;
}
.GridHeader
{
  background-image: url(images/grid_headerBg.gif); 
  background-color: #8988A5; 
  height: 24px;
  padding-left: 3px;
  cursor: default;
}

.GridHeaderText
{
  color: #FFFFFF;  
  font-family: verdana; 
  font-size: 10px; 
}

.GroupByText
{
  color: #FFFFFF; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
}

.HeadingRow 
{ 
  background-color: #E0DFE3; 
  background-image: url(images/header_rowBg.gif);   
}

.HeadingCell 
{ 
  background-image: url(images/header_bg.gif);   
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(images/header1stCell_bg.gif); 
}

.HeadingCellText
{
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
}
.Row 
{ 
  background-color: #FFFFFF; 
}
.Row td.DataCell 
{ 
  cursor: pointer;
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #EAE9E1; 
  border-right:1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: 10px; 
} 
.SortedDataCell 
{ 
  background-color: #F5F5F5; 
  cursor:pointer;
} 
.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
  cursor:pointer;
} 
.SelectedRow 
{ 
	border-right:1px solid #EAE9E1; 
}
.SelectedRow td.DataCell 
{ 
  background-color: #FFEEC2; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  font-family: verdana; 
  font-size: 10px; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
  cursor:pointer;
}
.SelectedRow td.FirstDataCell 
{ 
  background-color: #FFEEC2; 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
  cursor:pointer;
}
.SelectedRow td.LastDataCell 
{ 
  background-color: #FFEEC2; 
  border-right: 1px solid #4B4B6F; 
  cursor:pointer;
}
.GroupHeading
{
  color: #706F91; 
  background-color: #FFFFFF; 
  font-family: verdana; 
  font-weight: bold;
  font-size: 11px; 
  border-bottom: 2px solid #A5A4BD; 
  padding-top: 10px;
  padding-bottom: 3px;
}
.SliderPopup
{
  background-color: #FFF4D7; 
  border: 1px solid #4B4B6F; 
  border-top-color: #9495A2; 
  border-left-color: #9495A2; 
  width: 288px;
  height: 60px;
}
.GridFooter
{
  cursor: default;
  padding: 5px;
}
.GridFooterText
{
  color: #000000;  
  font-family: verdana; 
  font-size: 11px;
}
*/

/*.StaffDetails .label {font-weight:bold; color:black;}*/
.StaffDetails .FormDetails .header {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    background-color: #5A6B7D;
    color: white;
    font-weight: bold;
}
/*.dataTable td.label, .dataTable th.label {width:25%; color:black;}*/
/*staffPlanner.css*/
.StaffPlannerOuterDiv {
    height: 290px;
    width: 975px;
    text-align: left;
}

.StaffPlannerNormalRow {
    background-color: White;
    cursor: pointer;
    height: 30px;
    height: 17px;
}

.StaffPlannerHighlightRow {
    background-color: Red;
    cursor: pointer;
    height: 30px;
}

.StaffPlannertable {
    border-collapse: collapse;
    position: relative;
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-color: #DDD;
    border-style: solid;
}

.StaffPlannerth {
    font-weight: bold;
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-color: #DDD;
    border-style: solid;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    height: 16px;
}

.StaffPlannerspacer {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-color: #DDD;
    border-style: solid;
    text-align: center;
    font-family: Arial;
    font-size: 1px;
    font-weight: normal;
    white-space: nowrap;
}

.StaffPlannerthlocked_left {
    font-weight: bold;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-color: #DDD;
    border-style: solid;
    font-family: Arial;
    font-size: 12px;
    width: 150px;
    height: 16px;
}

.StaffPlannertdlocked_left {
    font-weight: normal;
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-color: #DDD;
    border-style: solid;
    font-family: Arial;
    font-size: 10px;
    height: 29px;
    height: 15px;
}

.StaffPlannertd {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-color: #DDD;
    border-style: solid;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    height: 30px;
    white-space: nowrap;
    height: 15px;
}

.StaffPlannertable_container_left {
    width: 188px;
    height: 224px;
    position: relative;
    overflow: hidden;
    float: left;
    border-left-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-color: #DDD;
    border-style: none;
}

.StaffPlannertable_container_right {
    width: 785px;
    height: 240px;
    overflow-x: scroll;
    overflow-y: auto;
    float: left;
    position: relative;
    top: 0px;
}

.StaffPlannertable_container_right_print {
    height: 240px;
    overflow-x: scroll;
    overflow-y: auto;
    float: left;
    position: relative;
    top: 0px;
}

.StaffPlannertable_container_rightScrollBar {
    /*    width: 600px;*/
    height: 240px;
    overflow-x: scroll;
    overflow-y: auto;
    float: left;
    position: relative;
    top: 0px;
}

.StaffPlannertable_container_Topleft {
    width: 188px;
    height: 50px;
    position: relative;
    overflow: hidden;
    float: left;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-color: #DDD;
    border-style: solid;
}

.StaffPlannertable_container_Topright {
    width: 785px;
    height: 50px;
    overflow: hidden;
    float: left;
    position: relative;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-color: #DDD;
    border-style: solid;
}

.StaffPlannertable_container_Topright_print {
    height: 50px;
    overflow: hidden;
    float: left;
    position: relative;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-color: #DDD;
    border-style: solid;
}

.StaffPlannertable_container_ToprightScrollBar {
    /*    width: 583px;*/
    height: 51px;
    overflow: hidden;
    float: left;
    position: relative;
}
/*systemMessages.css*/
.SystemMessagesHeaderTD {
    background: url('images/navbar_40px.png') repeat-x scroll 0 0 transparent;
    line-height: 40px;
    background-color: #5A6B7D;
    color: White;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}

.SystemMessagesDIV {
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    overflow-y: auto;
    height: 300px;
    width: 550px;
    background-color: White;
}

.SystemMessagesInfoDIV {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
}

.SystemMessagesWarnDIV {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
}

.SystemMessagesErrorsDIV {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
}

.divMessageWindowClose {
    margin-top: 2px;
    margin-right: 2px;
}

.spanMessageHeading {
    margin-left: 60px;
}
/*toolbar.css*/
.toolbar {
    background-image: url(images/toolbar/toolbar.png);
    background-repeat: no-repeat;
    margin-left: 5px;
    width: 273px;
}

.itemCell {
    border: none;
    text-align: center;
    font-family: Verdana;
    color: black;
    padding-bottom: 2px;
}

.item {
    border: none;
    font-family: Verdana;
    color: black;
    cursor: pointer;
}

.itemDisabled {
    border: none;
    font-family: Verdana;
    color: black;
    cursor: default;
}

.itemHover {
    border-width: 1px;
    border-style: solid;
    border-color: #0A246A;
    padding: 1px;
    background-color: #B6BDD2;
    background-image: none;
    font-family: Verdana;
    color: black;
    cursor: pointer;
}

.itemActive {
    border-width: 1px;
    border-style: solid;
    border-color: #0A246A;
    padding: 1px;
    background-color: #8592B5;
    background-image: none;
    font-family: Verdana;
    color: white;
    cursor: pointer;
}

.itemChecked {
    border-width: 1px;
    border-style: solid;
    border-color: #0A246A;
    padding: 1px;
    background-color: #D4D5D8;
    background-image: none;
    font-family: Verdana;
    color: black;
    cursor: pointer;
}
/*treeStyle.css*/
.TreeNodeRow {
    background-color: White;
    font-family: arial, verdana;
    font-size: 12px;
    padding-left: 1px;
    padding-right: 1px;
    border: 1px;
    border-color: gray;
    border-style: none;
    cursor: default;
}

.MultipleHighlight {
    font-family: arial, verdana;
    font-size: 12px;
    background-color: #F66;
    border: 1px;
    border-color: #AAA;
    border-style: solid;
    cursor: default;
    border-left-width: 0px;
}

.TreeView {
    font-family: arial, verdana;
    font-size: 12px;
    border-radius: 10px;
    background-color: white;
    cursor: default;
    border: 1px;
    border-color: #DDD;
    border-style: solid;
}

.TreeNode {
    font-family: arial, verdana;
    font-size: 12px;
    padding: 1px;
    cursor: pointer;
    background-color: #FFF;
    border: 1px solid #FFF;
}

.HoverTreeNode {
    font-family: arial, verdana;
    font-size: 12px;
    padding: 1px;
    cursor: pointer;
    background-color: #ffffcc;
    border: 1px solid #DDD;
}
/*workFlowinBox.css*/
.WFINGrid {
    border: 1px solid #57566F;
    border-bottom: 2px solid #57566F;
    background-color: #FFFFFF;
    cursor: pointer;
}

.WFINGridHeader {
    background-image: url(images/WorkFlowinBox/grid_headerBg.gif);
    background-color: #8988A5;
    border-bottom: 1px solid #57566F;
    height: 28px;
    padding-left: 3px;
    cursor: default;
    color: #FFFFFF;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    vertical-align: center;
}

.WFINGridHeaderText {
    color: #FFFFFF;
    font-family: verdana;
    font-size: 10px;
}

.WFINGridFooter {
    cursor: default;
    padding: 5px;
    height: 48px;
    vertical-align: bottom;
}

.WFINGridFooterText {
    color: #000000;
    font-family: verdana;
    font-size: 11px;
}

.WFINHeadingRow {
    background-color: #E9E9EB;
    background-image: url(images/WorkFlowinBox/header_rowBg.gif);
}

.WFINHeadingCell {
    background-image: url(images/WorkFlowinBox/header_bg.gif);
    background-color: #E9E9EB;
    padding: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.WFINHeadingCellHover {
    background-image: url(images/WorkFlowinBox/header_hoverBg.gif);
    background-color: #F6F6F7;
}

.WFINHeadingCellActive {
    background-image: url(images/WorkFlowinBox/header_activeBg.gif);
    background-color: #F6F6F7;
}

.WFINHeadingRow td.FirstHeadingCell {
    background-image: url(images/WorkFlowinBox/header_bg.gif);
}

.WFINHeadingCellText {
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 5px;
}

.WFINRow {
    background-color: #FFFFFF;
    cursor: default;
}

    .WFINRow td.WFINDataCell {
        padding: 3px;
        padding-top: 2px;
        padding-bottom: 1px;
        border-bottom: 1px solid #EAE9E1;
        font-family: verdana;
        font-size: 10px;
    }

.WFINSortedDataCell {
    background-color: #F5F5F5;
}


.WFINRow td.LastDataCell {
    background-color: #EFEFF4;
}

.WFINSelectedRow {
}

    .WFINSelectedRow td.WFINDataCell {
        background-color: #FFEEC2;
        padding: 2px;
        padding-left: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-family: verdana;
        font-size: 10px;
        border-bottom: 1px solid #4B4B6F;
        border-top: 1px solid #4B4B6F;
        border-right: 0px;
    }

    .WFINSelectedRow td.FirstDataCell {
        background-color: #FFEEC2;
        border-left: 1px solid #4B4B6F;
        border-right: 0px;
        padding-left: 2px;
        padding-right: 3px;
    }

    .WFINSelectedRow td.LastDataCell {
        background-color: #FFEEC2;
        border-right: 1px solid #4B4B6F;
    }

.WFINGroupHeading {
    color: #706F91;
    background-color: #FFFFFF;
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 2px solid #A5A4BD;
    padding-top: 10px;
    padding-bottom: 3px;
    text-align: left;
}

.WFINGroupByCell {
    cursor: pointer;
}

.WFINGroupByText {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
}


.WFINSliderPopup {
    background-color: #FFF4D7;
    border: 1px solid #4B4B6F;
    border-top-color: #9495A2;
    border-left-color: #9495A2;
    font-size: 11px;
    width: 150px;
    height: 30px;
}

/*==============================
  start newfile001.css
==============================*/
/* basic 2 column container*/
.columnContainer_basic {
    width: 100%;
    text-align: left;
}

    .columnContainer_basic .column {
        float: left;
        margin-left: 0;
    }

.numColumn_2 .column {
    width: 49%;
}

.columnContainer_basic:after {
    clear: both;
    content: '&nbsp';
    display: block;
    height: 0;
    visibility: hidden;
}

.columnContainer_basic {
    display: inline-block;
}
/*\*/
.columnContainer_basic {
    display: block;
}

/* list style 01*/
/*ul.listMenu01 li
{
    list-style-image:url(images/col.gif);
}

ul.listMenu01 li.expanded
{
    list-style-image:url(images/exp.gif);
}

ul.listMenuItem01 li
{
    list-style-image:url(images/arrow.gif);
}*/

ul.listMenu01 {
    margin: 0;
    padding: 0;
}

ul.listMenu01 {
    margin-left: 3em;
}

    ul.listMenu01 ul {
        margin: 0;
        padding: 0;
    }

    ul.listMenu01 ul {
        margin-left: 3em;
    }

    ul.listMenu01 li.collapsed {
        list-style-image: url(images/col.gif);
    }

    ul.listMenu01 li.expanded {
        list-style-image: url(images/exp.gif);
    }

        ul.listMenu01 li.expanded ul {
            display: block;
        }

    ul.listMenu01 li.collapsed ul {
        display: none;
    }

ul.listMenuItem01 li {
    list-style-image: url(images/arrow.gif);
}

.WorkFlowSelfRequestSection .disabled a, .WorkFlowSelfRequestSection .disabled a:link, .WorkFlowSelfRequestSection .disabled a:visited, .WorkFlowSelfRequestSection .disabled a:hover {
    color: gray;
    text-decoration: none;
    cursor: default;
}

.WorkFlowServiceViewFieldContainer .OuterDiv {
    text-align: left;
}

    .WorkFlowServiceViewFieldContainer .OuterDiv .TypeLabel {
    }

.WorkFlowRecordViewContainer .GridHeader {
    background: #d3d3d3 url(images/header_bg.gif) repeat-x;
    color: black;
}

.WorkFlowRecordViewContainer .GridHeaderText {
    color: black;
}

.WorkFlowRecordViewContainer .WFINGridHeaderText {
    color: black;
}
/*==============================
  end newfile001.css
==============================*/
/*==============================
  start newfile002.css
==============================*/
/*
    style for toolbar:
    <td class="ToolBarContainerCell">
        <div class="ToolBarContainerDiv">
            <table class="toolbar" />
        </div>
    </td>
*/
.ToolBarContainerCell {
    white-space: nowrap;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 2px;
}

.ToolBarContainerDiv {
    height: 25px;
    margin-top: auto;
    margin-bottom: auto;
}

.TextToolBarContainerDiv {
    clear: both;
    height: 31px;
    margin-top: auto;
    margin-bottom: auto;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
    vertical-align: middle;
    padding: 3px;
}

.toolbar {
    height: 100%;
}

    .toolbar img {
        vertical-align: middle;
    }
/*==============================
  end newfile002.css
==============================*/
/*==============================
  Rounded Border DIV Boxes With Headers
==============================*/
.OuterRoundedBox {
    background: transparent;
}

.OuterRoundedBoxtop, OuterRoundedBoxbottom {
    display: block;
    background: transparent;
    font-size: 1px;
}

.xb1, .xb2, .xb3, .xb4 {
    display: block;
    overflow: hidden;
}

.xb1, .xb2, .xb3 {
    height: 1px;
}

.xb2, .xb3, .xb4 {
    background: #697C91;
    border-left: 1px solid #697C91;
    border-right: 1px solid #697C91;
}

.xb1 {
    margin: 0 5px;
    background: #697C91;
}

.xb2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.xb3 {
    margin: 0 2px;
}

.xb4 {
    height: 1px;
    margin: 0 1px;
}

.OuterRoundedBoxcontent {
    display: block;
    background: #FFFFFF;
    border: 0 solid #697C91;
    border-width: 0 1px;
    color: #FFFFFF;
    line-height: 1.5em;
}

.OuterRoundedBoxheader {
    background: url('images/navbar_40px.png') repeat-x scroll 0 0 transparent;
    background-color: #5A6B7D;
    line-height: 40px;
    font-size: 18px;
}
/*==============================
  Rounded Border DIV Boxes With Headers
==============================*/
/*==============================
  dropdown Boxes type 09
==============================*/
.DropDowncombo {
}

.DropDowncombo_ListContainer {
    /*background: #ffffff url('images/progress/spinner.gif') no-repeat;*/
    background-color: #ffffff;
    background-position: 3px 2px;
    border-right: 0px solid white;
    margin: 0px;
    float: left;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 0px;
    margin: 0px;
    border: 1px solid #769CCB;
}

.DisplayDropDowncombo_TextBox {
    border-style: none;
    padding: 0px;
    border: 0px;
    top: 0px;
    left: 0px;
    outline: 0 none;
    height: 100%;
}

.DropDowncombo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0px solid black;
}

.DropDowncombo li {
    /*position: relative; This causes the content to go outside the combo-box in IE7 */
}

    .DropDowncombo li a {
        color: black;
        display: block;
        width: auto;
        padding-left: 2px;
        text-decoration: none;
    }

        .DropDowncombo li a:hover {
            background-color: Blue;
            color: White;
        }

.DropDowncombo_Span {
    cursor: pointer;
    float: left;
    width: 12px;
    height: 17px;
}

.DropDowncombo_Button {
    vertical-align: text-bottom;
    width: 12px;
    height: 16px;
    background: url("images/button.gif");
}

.DropDowncombo_Button-over {
    background: url("images/button_hl.gif");
}

.DropDowncombo_ListDiv {
    overflow: auto;
    display: none;
    clear: both;
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    max-height: 200px;
    height: auto;
    background-color: White;
    z-index: 999999;
}
/*==============================
  End dropdown Boxes type 09
==============================*/
/*==============================
  Text Tool Bar
==============================*/

.ToolbarRoundedDiv {
    clear: both; /*background-color:#FFFFCC ;*/
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle; /*  border-width:1px;     border-style:solid;     border-color:Gray; */
}

.ePerformanceFormHead .ToolbarRoundedDiv {
    margin-left: 0;
}

.OuterToolbarRoundedDiv {
    /*clear: both;    
    background-color: #FFFFFF;
    margin-left: 100px;
    margin-right: 100px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    padding-left: 1.5px;*/
}

.ToolbarRoundedDivBorder {
    border-width: 1px;
    border-style: solid;
    border-color: #D8D8D8;
}

.ToolbarRoundedIEPadding {
    padding-top: 1px;
    position: absolute;
    top: 1;
}

.TextToolbarButton {
    color: Black;
}

    .TextToolbarButton:hover {
        color: Black;
    }

    .TextToolbarButton:visited {
        color: Black;
    }

    .TextToolbarButton[disabled] {
        color: #565959;
        text-decoration: none;
        cursor: default;
    }
/*==============================
  End Text Tool Bar
==============================*/
/*==============================
  Read Only
==============================*/

.ReadonlyDataType {
    border-style: none;
}
/*==============================
  End Read Only
==============================*/

/* CSS3 Settings for buttons start */
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

    .orange:hover {
        background: #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    }

    .orange:active {
        color: #fcd3a5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
        background: -moz-linear-gradient(top, #f47a20, #faa51a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
    }

.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 02px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: 01px1pxrgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 01px2pxrgba(0,0,0,.2);
    -moz-box-shadow: 01px2pxrgba(0,0,0,.2);
    box-shadow: 01px2pxrgba(0,0,0,.2);
}

    .button:hover {
        text-decoration: none;
    }

    .button:active {
        position: relative;
        top: 1px;
    }

input[disabled].orange, input[disabled].orange:hover, input[disabled].orange:active {
    color: graytext;
    background-color: buttonface;
    opacity: .65;
    filter: Alpha(Opacity=65);
    background-image: none;
}

input[disabled].button:active {
    top: 0;
}

/* CSS3 Settings for buttons end */

.headerEndCell {
    background-image: url(images/form_head_right.gif);
    background-position: left;
    background-repeat: no-repeat;
    background-color: White;
}

.ftr-BreadCrumbContainer {
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

    .ftr-BreadCrumbContainer, .ftr-BreadCrumbContainer a {
        color: black;
    }

        .ftr-BreadCrumbContainer .BreadCrumbInnerContainer {
        }

        .ftr-BreadCrumbContainer .BreadCrumbsLink {
            word-spacing: 5px;
        }

        .ftr-BreadCrumbContainer .MoreBreadCrumbsButton {
            padding-right: 5px;
        }

        .ftr-BreadCrumbContainer .BreadCrumbHistoryContainer {
            clear: both;
            width: 99%;
            text-align: left;
            word-spacing: 5px;
        }

            .ftr-BreadCrumbContainer .BreadCrumbHistoryContainer .BreadCrumbHistoryLink {
            }

.TextReport {
    font-size: 12px;
    font-style: normal;
    font-family: 'courier new';
    position: relative;
    top: 50px;
    left: 5px;
}

.ReportViewerDiv {
    position: relative;
    width: 95%;
    margin: 5px;
}

.ReportBreak {
    page-break-before: always;
}

.ftr-hidden {
    display: none;
}


/* Custom HTS form */
.HTSheader {
    background-color: #86B5D9;
    border-color: Black;
}

.HTSheaderB {
    background-color: #86B5D9;
    border-color: Black;
    font-weight: bold;
}

.HTSodd {
    background-color: #FFF;
}

.HTSeven {
    background-color: #DDD;
}

.HTSButton {
    width: 100px;
}

.GreenRow {
    background-color: #77BF90;
}

    .GreenRow td.DataCell {
        padding: 3px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6px;
        border-bottom: 1px solid #EAE9E1;
        border-right: 1px solid #EAE9E1;
        font-family: verdana;
        font-size: 10px;
        cursor: pointer;
    }

    .GreenRow td.LastDataCell {
        background-color: #77BF90;
        cursor: pointer;
    }

    .GreenRow td.AttachmentDataCell {
        padding: 0 0 0 0;
        text-align: center;
    }

        .GreenRow td.AttachmentDataCell div {
            width: 20px !important;
        }

        .GreenRow td.AttachmentDataCell span {
            text-align: center;
            padding: 3px 6px;
        }

        .GreenRow td.AttachmentDataCell img {
            text-align: center;
            vertical-align: middle;
        }

.RedRow {
    background-color: #FF9999;
}

    .RedRow td.DataCell {
        padding: 3px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6px;
        border-bottom: 1px solid #EAE9E1;
        border-right: 1px solid #EAE9E1;
        font-family: verdana;
        font-size: 10px;
        cursor: pointer;
    }

    .RedRow td.LastDataCell {
        background-color: #FF9999;
        cursor: pointer;
    }

    .RedRow td.AttachmentDataCell {
        padding: 0 0 0 0;
        text-align: center;
    }

        .RedRow td.AttachmentDataCell div {
            width: 20px !important;
        }

        .RedRow td.AttachmentDataCell span {
            text-align: center;
            padding: 3px 6px;
        }

        .RedRow td.AttachmentDataCell img {
            text-align: center;
            vertical-align: middle;
        }

.AmberRow {
    background-color: #FFBF00;
}

    .AmberRow td.DataCell {
        padding: 3px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6px;
        border-bottom: 1px solid #EAE9E1;
        border-right: 1px solid #EAE9E1;
        font-family: verdana;
        font-size: 10px;
        cursor: pointer;
    }

    .AmberRow td.LastDataCell {
        background-color: #FFBF00;
        cursor: pointer;
    }

    .AmberRow td.AttachmentDataCell {
        padding: 0 0 0 0;
        text-align: center;
    }

        .AmberRow td.AttachmentDataCell div {
            width: 20px !important;
        }

        .AmberRow td.AttachmentDataCell span {
            text-align: center;
            padding: 3px 6px;
        }

        .AmberRow td.AttachmentDataCell img {
            text-align: center;
            vertical-align: middle;
        }

.GreyRow {
    background-color: #D3D3D3;
}

    .GreyRow td.DataCell {
        padding: 3px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 6px;
        border-bottom: 1px solid #EAE9E1;
        border-right: 1px solid #EAE9E1;
        font-family: verdana;
        font-size: 10px;
        cursor: pointer;
    }

    .GreyRow td.LastDataCell {
        background-color: #D3D3D3;
        cursor: pointer;
    }

    .GreyRow td.AttachmentDataCell {
        padding: 0 0 0 0;
        text-align: center;
    }

        .GreyRow td.AttachmentDataCell div {
            width: 20px !important;
        }

        .GreyRow td.AttachmentDataCell span {
            text-align: center;
            padding: 3px 6px;
        }

        .GreyRow td.AttachmentDataCell img {
            text-align: center;
            vertical-align: middle;
        }