.IDHHCBody {
    margin      : 0;
    padding     : 0;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 12px;
}
#ui-datepicker-div {
    z-index: 10000 !important;
}
.IDHHCLogo {
    font-size   : 20px;
    font-weight : bold;
    height      : 80px;
    width       : 781px;
}

.IDDemoLogo {
    font-size   : 20px;
    font-weight : bold;
}

#XMLDebug {
    max-width : 500px;
}
h6{
    font-size: 16px;
}
table {

}

td {
    color       : #000000;
    font-size   : 12px;
    line-height : 16px;
    padding     : 2px 3px;
    vertical-align: top;
}

hr {
    border : 1px solid #D0D86D;
}

a {
    text-decoration : none;
}

a:hover {
    text-decoration : underline;
}
a.NoLine:hover {
    text-decoration : none;
}

textarea {
    padding : 3px;
}
input{
    vertical-align: top;
}

input[type=button], input[type=submit] {
    color            : #000000;
    background-color : #FFCC66;
    border           : 1px solid #3A83C8;
    text-align       : right;
    border-radius    : 4px;
    cursor           : pointer;
    padding          : 2px 14px 2px 14px;
}

input[type=text], input[type=password] {
    text-indent    : 2px !important;
    font-size      : 13px !important;
    vertical-align : middle !important;
    height         :19px;
    padding-block  : 1px;
    padding-inline : 1px;
    margin-top     : -3px;
}

input[type=checkbox] {
    transform         : scale(1.3);
    -webkit-transform : scale(1.3);
    vertical-align    : bottom;
    overflow          : hidden;
    padding           : 0 5px 0 0;
    position          : relative;
    top               : 1px;
}

select {
    color            : #000000;
    background-color : #CCCCCC;
    border           : 1px solid #333333;
    margin-top: 1px;
}

input.NumTextBox {
    text-align : right;
}

.BubbleTitle {
    color       : #990000;
    font-weight : bold;
    line-height : 14px;
    padding     : 6px 2px 2px 2px;
}

.CalTable {
    border  : 1px solid #D1DDE7;
    padding : 2px;
}

.CalTitle {
    color            : #990000;
    background-color : #D1DDE7;
    font-weight      : bold;
    line-height      : 14px;
    padding-top      : 2px;
}

.CalDayTitle {
    color       : #000000;
    line-height : 14px;
    font-size   : 10px;
    padding     : 2px;
}

.CalDayTitle2 {
    color       : #000000;
    line-height : 14px;
    font-weight : bold;
    font-size   : 12px;
    padding     : 2px 2px 0 2px;
}

.CalWkEndTitle {
    color            : #000000;
    background-color : #D1DDE7;
    line-height      : 14px;
    padding-right    : 3px;
    padding-left     : 3px;
    font-size        : 10px;
}

.Calendar {
    font-size : 12px;
}

.CalToday {
    color           : #990000;
    font-size       : 12px;
    font-weight     : bold;
    text-decoration : none;
}

.CalBlank, .CalBlank a, .CalBlank a:visited, .CalBlank a:link {
    display         : block;
    text-decoration : none;
    width           : 100%;
}

.CalBlank:hover, .CalBlank a:hover {
    background-color : #CCCCCC;
}

.CalWkEnd {
    background-color : #C0C0C0;
    font-size        : 12px;
}

.CalSelected {
    font-weight   : bold;
    font-size     : 12px;
    border-top    : 1px solid #000000;
    border-bottom : 1px solid #000000;
}

.CalDayTable {
    text-decoration : none;
    border-top      : 1px solid #E4E6C4;
    border-right    : 1px solid #CCCCCC;
    border-bottom   : 1px solid #CCCCCC;
    border-left     : 1px solid #E4E6C4;
}

.CalDaySep {
    text-decoration    : none;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color : #E4E6C4;
}

.CalTime {
    text-decoration : none;
    border-top      : 1px solid #E4E6C4;
    border-bottom   : 1px solid #FFFFFF;
    line-height     : 20px;
}

.CalTimeHr {
    text-decoration : none;
    border-top      : 1px solid #E4E6C4;
    line-height     : 20px;
}

.CalBusy {
    text-decoration  : none;
    background-color : #E4E6C4;
    border-top       : 1px solid #E4E6C4;
    border-right     : 1px solid #CCCCCC;
    border-bottom    : 1px solid #CCCCCC;
    border-left      : 1px solid #E4E6C4;
    line-height      : 20px;
}

.CalLinkTitle {
    color            : #000000;
    background-color : #FFFFFF;
    text-decoration  : none;
    font-weight      : bold;
}

a.CalLinkTitle:hover {
    color : #990000;
}

.CalLink {
    color           : #000000;
    text-decoration : none;
}

.CalLink:hover {
    color : #990000;
}

.CalItem1, .CalItem {
    text-decoration : none;
    color           : #000000;
    padding-right   : 4px;
}

.CalItem0 {
    text-decoration : none;
    color           : #000000;
    background      : #F2F2F2;
    border-top      : 1px solid #BDBDBD;
    border-bottom   : 1px solid #BDBDBD;
    padding-right   : 4px;
}

.CalItem0:visited, .CalItem1:visited {
    color       : #31B404;
    font-weight : bold;
}

a.CalItem1:hover, a.CalItem0:hover {
    color           : #F2F2F2;
    background      : #2E64FE;
    _color          : #990000;
    _font-weight    : bold;
    text-decoration : none;
}

.InvTitle {
    font-size   : 18px;
    font-weight : bold;
}

.Invoice {
    width    : 790px;
    position : relative;
    padding  : 0 0 0 40px;
}

.InvoiceTitle {
    font-size  : 40px;
    text-align : left;
}

.InvHeading {
    font-size   : 14px;
    font-weight : bold;
}

.InvAddress {
    font-size  : 14px;
    text-align : left;
}

.InvFooter {
    font-size  : 10px;
    text-align : center;
}

.InvFooterBold {
    font-size   : 14px;
    font-weight : bold;
    text-align  : center;
}

.VicCommFooter {
    font-size  : 10px;
    text-align : center;
}

.InvUnder {
    border-top : 1px solid #333333;
}

.BillTitle {
    font-size   : 16px;
    font-weight : bold;
}

.BillHeading {
    font-size   : 15px;
    font-weight : bold;
}

.BillValue {
    font-size : 14px;
}

.FormTitle {
    font-size   : 15px;
    font-weight : bold;
    text-align  : center;
}

.FormHeading {
    font-size   : 14px;
    font-weight : bold;
    text-align  : left;
}

.FormAddress {
    font-size   : 11px;
    font-weight : bold;
    text-align  : center;
}

.FormLabel {
    font-size : 13px;
}

.FormValue {
    font-size   : 15px;
    font-weight : bold;
}

.FormNote {
    font-size   : 13px;
    font-weight : bold;
    line-height : 18px;
    padding     : 4px 0 0 0;
}

.CellFull {
    border : 1px solid #333333;
}

.CellTopFull {
    border-top   : 1px solid #333333;
    border-left  : 1px solid #333333;
    border-right : 1px solid #333333;
}

.CellSides {
    border-left  : 1px solid #333333;
    border-right : 1px solid #333333;
}

.CellTopRight {
    border-top   : 1px solid #333333;
    border-right : 1px solid #333333;
}

.CellRight {
    border-right : 1px solid #333333;
}

.CellBottomFull {
    border-left   : 1px solid #333333;
    border-right  : 1px solid #333333;
    border-bottom : 1px solid #333333;
}

.CellRightFull {
    border-top    : 1px solid #333333;
    border-right  : 1px solid #333333;
    border-bottom : 1px solid #333333;
}

.CellRightBottom {
    border-right  : 1px solid #333333;
    border-bottom : 1px solid #333333;
}

.FormSig {
    font-size  : 9px;
    border-top : 1px solid #333333;
    text-align : center;
}

.FormBreak {
    font-size   : 16px;
    font-weight : bold;
    border-top  : 2px solid #333333;
}

.UserClass0, .UserClass0 a, .UserClass0 a:visited, .UserClass0 a:link {
    color           : #990000;
    text-decoration : none;
}

.UserClass1, .UserClass1 a, .UserClass1 a:visited, .UserClass1 a:link {
    color           : #0000FF;
    text-decoration : none;
}

.UserClass2, .UserClass2 a, .UserClass2 a:visited, .UserClass2 a:link {
    color           : #000000; /* #000066; */
    text-decoration : none;
}

.UserClass3, .UserClass3 a, .UserClass3 a:visited, .UserClass3 a:link {
    color           : #00CC00; /* #006600; */
    text-decoration : none;
}

.UserClass4, .UserClass4 a, .UserClass4 a:visited, .UserClass4 a:link {
    color           : #0099FF; /* #009999; */
    text-decoration : none;
}

.UserClass5, .UserClass5 a, .UserClass5 a:visited, .UserClass5 a:link {
    color           : #FF8C00; /* #CC6600; */
    text-decoration : none;
}

.UserClass6, .UserClass6 a, .UserClass6 a:visited, .UserClass6 a:link {
    color           : #999999;
    text-decoration : none;
}

.UserClass7, .UserClass7 a, .UserClass7 a:visited, .UserClass7 a:link {
    color           : #6600FF; /* #9900FF; */
    text-decoration : none;
}

.UserClass8, .UserClass8 a, .UserClass8 a:visited, .UserClass8 a:link {
    color           : #99CC00; /* #FF99FF; */
    text-decoration : none;
}

.UserClass9, .UserClass9 a, .UserClass9 a:visited, .UserClass9 a:link {
    color           : #FF0000;
    text-decoration : none;
}
.SubBtn{
    cursor: pointer ;
}
.TopMenuBg {
    padding : 10px;
}

.TopMenu, .TopMenu a, .TopMenu a:visited, .TopMenu:active {
    text-decoration : none;
    color           : #336633;
    width           : 100%;
    font-weight     : bold;
}

.TopMenuTD {
    text-decoration : none;
    color           : #CCCCCC;
    height          : 20px;
    line-height     : 20px;
}

.TopMenuTDSel {
    color           : #000000;
    text-decoration : none;
    height          : 20px;
    line-height     : 20px;
}

.TopMenu:hover, .TopMenuTD:hover {
    color           : #990000;
    text-decoration : none;
    border-radius   : 4px;
}

.TopMenuSel, .TopMenuSel a, .TopMenuSel a:visited, .TopMenuSel:active {
    color           : #990000;
    text-decoration : none;
    width           : 100%;
    padding-right   : 3px;
    padding-left    : 3px;
    font-weight     : bold;
    display         : block;
    border-radius   : 4px;
    
}

.FldTitle {
    color       : #000000;
    font-weight : bold;
    line-height : 14px;
    padding     : 4px 2px;
}

.SectionTitle {
    font-size         : 16px;
    background-repeat : no-repeat;
    font-family       : Tahoma, Arial, sans-serif;
    font-weight       : bold;
    padding-bottom    : 5px;
    color             : #4A4A6E;
}

.SectionTitleForm {
    font-size         : 12px;
    background-repeat : no-repeat;
    font-family       : Tahoma, Arial, sans-serif;
    font-weight       : bold;
    padding-bottom    : 5px;
    color             : #4A4A6E;
}

.Title1 {
    font-size      : 24px;
    color          : #FFFFFF;
    font-family    : Geneva, Arial, Helvetica, sans-serif;
    letter-spacing : 1pt;
    
}

.SubTask, .SubTask a, .SubTask a:visited, .SubTask:active {
    font-size        : 12px;
    color            : #000000;
    font-family      : Geneva, Arial, Helvetica, sans-serif;
    font-weight      : bold;
    background-color : #C0C0C0;
    text-decoration  : none;
    margin-top       : 5px;
    padding-top      : 5px;
    margin-left      : 2px;
    padding-left     : 2px;
}

#LeftMenu {
    width           : 125px;
    text-decoration : none;
    color           : #CCCCCC;
    margin-top      : 5px;
    margin-right    : 5px;
}

#LeftMenu .MenuItem {
    padding          : 5px 10px;
    width            : 84%;
    display          : inline-block;
    border-radius    : 6px;
    text-align       : right;
    margin           : 0 0 4px 0;
    border           : 1px solid #A4A4A4;
    background-color : #E6E6E6;
}

#LeftMenu .MenuItem a, #LeftMenu .MenuItem a:visited {
    text-decoration : none;
    width           : 100%;
    color           : #0B0B61;
}

#LeftMenu .MenuItem:hover, #LeftMenu .MenuItem:hover a {
    color            : #FFFFFF;
    background-color : #990000;
    text-decoration  : none;
}

#LeftMenu .MenuItemSel {
    padding          : 5px 10px;
    color            : #FFFFFF;
    width            : 84%;
    border-radius    : 6px;
    display          : inline-block;
    margin           : 0 0 4px 0;
    background-color : #0099CC;
    border           : 1px solid #000000;
}

#LeftMenu .MenuItemSel a, .MenuItemSel a:visited {
    display          : inline-block;
    width            : 100%;
    text-decoration  : none;
    color            : #FFFFFF;
    background-color : #0099CC;
}

.SubTitle1 {
    font-size   : 20px;
    font-weight : bold;
    color       : #4A4A6E;
}

.HorizMenu {
    text-align    : center;
    line-height   : 16px;
    padding       : 4px;
    border-radius : 4px;
    z-index       : 20;
    
}

.VertMenu {
    text-align  : left;
    padding-top : 3px;
}

.VertMenu td {
    padding : 2px 5px;
}

.Bold {
    font-weight : bold;
    color       : #000000;
}

.btnLink {
    color         : #FFFFFF;
    font-size     : 12px;
    padding       : 5px 10px;
    border        : 1px solid #FCB623;
    border-radius : 6px;
    cursor        : pointer;
    position      : relative;
    top           : -2px;
    background    : rgba(22, 22, 22, 0.5);
}

.btnLink:hover, .btnLink a:hover {
    color            : #121821 !important;
    background-color : #DFBE3A;;
    text-decoration  : none;
}

.FldLink {
    color           : #FFCC33;
    text-decoration : none;
}

.FldLink:hover {
    color : #FFFFFF;
}

.MidFldTitle {
    color          : #FFCC33;
    border-top     : 1px solid #666666;
    border-bottom  : 1px solid #666666;
    padding-top    : 3px;
    padding-bottom : 3px;
}

.FldHeader {
    color         : #FFCC33;
    border-bottom : 1px solid #FFCC33;
}

.TDData {
    font-size      : 12px;
    font-weight    : normal;
    vertical-align : top;
}

.TDAlt {
    background-color : #ECECF2;
    color            : #000000;
    vertical-align   : top;
}

.Due {
    color           : #FFFFFF;
    text-decoration : none;
    padding         : 2px;
    border          : 2px solid #FF0000;
}

.ListLinkSel {
    color            : #000000;
    text-decoration  : none;
    background-color : #FF9900;
    padding-right    : 4px;
    padding-left     : 4px;
}

.ListLink {
    color           : #000000;
    text-decoration : none;
}

.ListLink:hover {
    text-decoration : underline;
}

.SmallLink {
    font-size       : 10px;
    color           : #FFFFFF;
    text-decoration : none;
}

.SmallLink:hover {
    text-decoration : underline;
}

.DebitLink {
    color           : #FF3333;
    text-decoration : none;
}

.DebitLink:hover {
    text-decoration : underline;
}

.CreditLink {
    color           : #0B614B;
    font-weight     : bold;
    text-decoration : none;
}

.Type1Link {
    color           : #993333;
    text-decoration : none;
}

.Type2Link {
    color           : #0516ED;
    text-decoration : none;
}

.Type3Link {
    color           : #BBFCFF;
    text-decoration : none;
}

.Type1Link:hover {
    text-decoration : underline;
}

.TableTitle {
    font-weight      : bold;
    font-family      : Tahoma, Arial, sans-serif;
    color            : #FFFFFF;
    background-color : #000000;
    line-height      : 14px;
    padding          : 4px 2px;
}

.TableTitle2 {
    font-size           : 16px;
    color               : #00FFFF;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #00FFFF;
}

.AddText {
    font-size       : 10px;
    color           : #993300;
    text-decoration : none;
}

.AddText:hover {
    text-decoration : underline;
}

.WithBorder {
    border      : 1px solid #666666;
    text-indent : 2px;
}

.TopBorder {
    border-top : 1px solid #666666;
    margin     : 4px;
    padding    : 0;
}

.BottomBorder {
    border-bottom : 1px solid #666666;
    margin        : 4px;
    padding       : 0;
}

.LeftBorder {
    padding           : 0;
    border-left-width : 1px;
    border-left-style : solid;
    border-left-color : #CCCCCC;
}

.WarnTitle {
    font-size   : 14px;
    font-weight : bold;
    color       : #E4031A;
}

.WarnBox {
    font-size : 12px;
    border    : 1px solid #E4031A;
}

.Total {
    border-top  : 1px solid #0516ED;
    font-weight : bold;
    color       : #000000;
}

.SmallPrint {
    font-size : 10px;
}

.ReverseVideo {
    color            : #000000;
    background-color : #FFFFFF;
}

.Comments {
    background-color : #F6F6CA;
    margin           : 10px;
    padding          : 10px;
    border           : 1px solid #000000;
}

.WarnText {
    font-size     : 14px;
    font-weight   : bold;
    color         : #E4031A;
    padding       : 3px 8px;
    border-radius : 6px;
}

/*
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
    position  : relative;
    margin    : 0 auto;
    min-width : 2em;
    max-width : 1900px; /* based on image dimensions - not quite consistent with drip styles yet */
    color     : #FFFFFF;
    z-index   : 1;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
    background : transparent url(/IDHHCImg/dialog2-oliveg-1920x1600.png) no-repeat top right;
}

.dialog .content {
    position : relative;
    zoom     : 1;
    padding  : 6px 12px 4px 2px;
}

.dialog .t {
    position            : absolute;
    left                : 0;
    top                 : 0;
    width               : 12px;
    margin-left         : -12px;
    height              : 100%;
    background-position : top left;
}

.dialog .b {
    /* bottom */
    position : relative;
    width    : 100%;
}

.dialog .b,
.dialog .b div {
    height    : 12px; /* height of bottom cap/shade */
    font-size : 1px;
}

.dialog .b {
    background-position : bottom right;
}

.dialog .b div {
    position            : relative;
    width               : 12px; /* bottom corner width */
    margin-left         : -12px;
    background-position : bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
    position : relative;
}

.dialog .wrapper {
    /* extra content protector - preventing vertical overflow (past background) */
    position   : static;
    max-height : 1600px;
    overflow   : auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
    margin  : 0; /* margins will blow out backgrounds, leaving whitespace. */
    padding : 0.5em 0 0.5em 0;
}

.dialog h1 {
    padding-bottom : 0;
}

.Pop-up, .Pop-up a, .Pop-up a:link, .Pop-up a:visited {
    display       : inline-table;
}
    .Pop-up, .Pop-up a, .Pop-up a:link, .Pop-up a:visited {
    position      : absolute;
    display       : none;
    padding       : 5px 15px;
    /* width         : 200px;*/
    border-radius : 10px;
    font-size     : 14px;
    z-index       : 20;
    margin-left   : 0;
    margin-top    : 0;
    text-align    : center;
    font-weight   : bold;
}

.Pop-upText a, .Pop-upText a:visited, .Pop-upText a:link {
    text-decoration : none;
}

.Pop-upText a:hover {
    display : block;
}

.Pop-upText {
    color           : #000000;
    font-weight     : bold;
    text-decoration : none;
}

.Pop-up img {
    margin-top    : 2px !important;
    padding-right : 5px;
}

.Pop-upTitle {
    color         : #990000;
    font-weight   : bold;
    padding-right : 4px;
}

.Pop-upMain {
    color       : #000000;
    font-weight : bold;
    font-size   : 12px;
}

.IconLink, .IconLink A, .IconLink A:link, .IconLink A:visited, .IconLink2, .IconLink2 A, .IconLink2 A:link, .IconLink2 A:visited, .IconLink3, .IconLink3 A, .IconLink3 A:link, .IconLink3 A:visited {
    color           : #990000 !IMPORTANT;
    margin          : 0;
    padding         : 4px;
    text-decoration : none;
}

.IconLink:hover {
    text-decoration : underline;
}

.Notice {
    color            : #336633;
    background-color : #D1DDE7;
    font-size        : 12px;
    font-weight      : bold;
    padding          : 10px;
    line-height      : 14px;
    border           : 1px solid #336633;
    border-radius    : 10px;
}

.Dialog2 {
    padding       : 4px;
    background    : #DFE4F7;
    color         : #000000;
    border        : 1px solid #E7E7E7;
    border-radius : 4px;
    box-shadow    : 2px 2px 7px #000000;
    z-index       : 20;
}

td.SpaceRow {
    border      : none !IMPORTANT;
    line-height : 10px;
    height      : 10px !IMPORTANT;
}

table.Grid {
    border-collapse : collapse;
    /*    border          : 2px solid #0460B6; */
}

table.Grid td {
    border  : 1px solid #0460B6;
    padding : 0 5px 0 3px;
    height  : 22px;
}

table.Grid tr.TotalRow > td {
    /* border-bottom    : 2px solid #0460B6; */
    background-color : #E6E6E6;
}

/*
table.Grid tr.TopRow > td {
   border-top : 2px solid #0460B6;
}
*/
/*
table.Grid tr.SubRow > td:not(:last-child) {
   border : none;
}
*/
#InvTbl.Grid tr.TotalRow > td {
    background-color : #FFFFFF;
}

#InvTbl.Grid tr.SubRow td {
    height    : 30px;
    font-size : 20px;
    border    : none;
    vertical-align: middle;
}

#InvTbl.Grid tr.SubRow td:nth-child(2), #InvTbl.Grid tr.SubRow td:nth-child(3) {
    border           : 2px solid #333333;
    background-color : #E6E6E6;
}

#InvTbl.Grid tr.ApptSubRow td {
    background-color : #E6E6E6;
    /*  border-bottom    : 2px solid #0460B6; */
}

#InvTbl.Grid tr.TopRow td {
    /* border-top : 3px solid #0460B6; */
}

#InvTbl.Grid tr.TopRow td:nth-child(1), #InvTbl.Grid tr.TopRow td:nth-child(2), #InvTbl.Grid tr.TopRow td:nth-child(3), #InvTbl.Grid tr.TopRow td:nth-child(4) {
    background-color : #E6E6E6;
    font-weight      : bold;
}

#InvTbl.Grid tr.TopRow td:nth-child(1) {
    border-right : none;
}

#InvTbl.Grid tr.TopRow td:nth-child(4) {
    border-left : none;
}

#InvTbl.Grid tr.TopRow td:nth-child(2), #InvTbl.Grid tr.TopRow td:nth-child(3) {
    border-right : none;
    border-left  : none;
}

.Highlight {
    background-color : #E6E6E6;
    border           : 2px solid #0460B6 !IMPORTANT;
}

.GridForm {
    padding         : 4px;
    background      : #FFFFFF;
    color           : #000000;
    #border         : 2px solid #333333;
    border-collapse : collapse;
}

.GridForm td {
    padding         : 4px;
    border          : 1px solid #333333;
    border-collapse : collapse;
    min-height      : 30px !IMPORTANT;
    color           : #000000;
}

tr.NoBorder td, .NoBorder {
    border : 0;
}

tr.NoLRBorder td {
    border-left  : 0;
    border-right : 0;
}

table.PopWindow td img {
    margin-top : 2px;
}

.dataTables_info {
    color : #3A83C8 !IMPORTANT;
}

table.dataTable.stripe tbody tr.odd {
    background-color : #1B354D !IMPORTANT;
}

.PlainTable td {
    border-bottom : 1px solid #2E2E2E;
}

.TagTable tr:first-child td, .TagTable tr:nth-child(2) td {
    border-bottom : 1px solid #2E2E2E;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color : #336633 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color : #3A83C8 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color : #A6A6A6 !important;
}

.dataTables_wrapper {
    background-color : #DFE4F7 !important;
    padding          : 5px 7px !important;
    border           : 1px solid #000000;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color            : #9CC0E3 !important;
    border           : 1px solid #979797 !important;
    background-color : rgba(25, 25, 25, 0.4) !important;
    background       : -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #DCDCDC));
    background       : -webkit-linear-gradient(top, white 0%, #DCDCDC 100%);
    background       : -moz-linear-gradient(top, white 0%, #DCDCDC 100%);
    background       : -ms-linear-gradient(top, white 0%, #DCDCDC 100%);
    background       : -o-linear-gradient(top, white 0%, #DCDCDC 100%);
    background       : linear-gradient(to bottom, #666666 0%, #262626 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background : #D9D9D9 !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding : 3px 7px !important;
}

table.dataTable thead tr:last-child th, table.dataTable thead tr:last-child td {
    border-bottom : 1px solid #2E9AFE;
}

table.dataTable thead tr td {
    color       : #03036F !important;
    font-weight : bold;
}

table.dataTable thead tr:first-child td, table.dataTable tfoot th {
    color : #000000 !important;
}

table.dataTable tr.odd {
    background-color : #DFE4F7 !important
}

table.dataTable tr.even {
    background-color : #C2CCF0 !important
}

table.dataTable.no-footer {
    border-bottom : 1px solid #2E9AFE;
}

#XMLErrorDetail {
    margin-top  : 6px;
    width       : 90%;
    text-align  : center;
    padding     : 5px 10px;
    font-weight : bold;
}

.ACList {
    padding : 1px 0;
}

#tblApptScreen td:first-child > span.FldTitle {
    position : relative;
    top      : 3px;
}

.InlineBlock {
    display : inline-block;
}

.SchedCont {
    display : flex;
}

/* New Menu System */
#UpMenu {
    text-decoration : none;
    color           : #CCCCCC;
    margin-top      : 3px;
    width           : 100%;
}

#UpMenu .MenuItem {
    padding          : 2px 4px;
    width            : 80px;
    display          : inline-block;
    border-radius    : 6px;
    text-align       : center;
    margin           : 0 3px 0 0;
    background-color : #E6E6E6;
    border           : 1px solid #A4A4A4;
}

#UpMenu .MenuItem a, #UpMenu .MenuItem a:visited {
    text-decoration : none;
    width           : 100%;
    color           : #0B0B61;
}

#UpMenu .MenuItem:hover, #UpMenu .MenuItem:hover a {
    color            : #FFFFFF;
    background-color : #990000;
    text-decoration  : none;
}

#UpMenu .MenuItemSel {
    text-align       : center;
    padding          : 2px 4px;
    color            : #FFFFFF;
    width            : 80px;
    border-radius    : 6px;
    display          : inline-block;
    margin           : 0 3px 0 0;
    background-color : #0099CC;
    border           : 1px solid #000000;
}

#UpMenu .MenuItemSel a, #UpMenu .MenuItemSel a:visited {
    display         : inline-block;
    width           : 100%;
    text-decoration : none;
    color           : #FFFFFF;
}
#calendar{
    min-width: 400px;
}
/************** End of New Top Menu ********************/
.StatusDt{
    color:  #009900 ;
    float: right;
    position: relative;
    top: 16px;
    left: -9px;
}
.FinStat{
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #A4A4A4;
    box-shadow: none;
    border-radius: 4px;
}
.FinStat tr:nth-child(even){
    background-color: #F2F2F2;
}
.FinStat tr:first-child td {
    font-weight: bold;
    border-bottom: 2px solid #A4A4A4;
}
.FinStat tr:not(first-child) td:first-child {
    font-weight: bold;
}
.FinStat tr:not(first-child) td:last-child {
    color: #0F3665;
    font-weight: bold;
}
.FinStat tr:last-child td {
    border-top: 2px solid #A4A4A4;
}

/***** Used for HTML EMail Formatting  *********/
.ConfEMail {
    width: 320px; 
    background-color: #FFF;  
    padding: 6px; 
} 
.Intro { 
    margin: 10px 0; 
    text-align: center; 
} 
.EMailLink {
    cursor: pointer ;
}
.ApptDetails{ 
    display:inline-table ; 
    width: 320px ;
    margin: 0 auto;
} 
.ApptDetails > div, .ApptDetailsCol{
    display:table-cell;
    width: 50% ;
    text-align: center;
    line-height: 14px;
    padding: 5px;
    height: 50px;
    border-bottom: 1px solid #000000;
  }
  .ApptDetails:first-of-type{
      margin-top: 10px; 
      border-top: 1px solid #000000;
  }
  .ApptDetails:last-of-type{
      margin-bottom: 10px; 
  }
  .ApptDetails div:nth-child(odd), td.ApptDetailsCol:nth-child(odd){
      font-weight: bold; 
      color: #000000; 
      background-color: #D1DDE7;
      line-height: 50px;
  }
  .ApptDetails div:nth-child(even), td.ApptDetailsCol:nth-child(even){
      color: #000000; 
  }

  .AcceptBtn, .RefuseBtn {
    text-align: center;
    border: 3px solid #e9703e; 
    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    width: 300px;
    height: 30px;
    margin: 10px auto ;
  }

  .AcceptBtn a, .RefuseBtn a{
    font-size: 16px; 
    font-family: Helvetica, Arial, sans-serif; 
    color: #ffffff; 
    text-decoration: none; 
    color: #ffffff; 
    text-decoration: none; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    display: inline-block;   
    height: 28px;
    line-height: 28px;
    vertical-align: middle; 
  }
.AcceptBtn { background-color : #027339; }
.RefuseBtn { background-color : #730211; }
.AcceptBtn a:hover { cursor: pointer; color: #000000; background-color : #776f03; }
.RefuseBtn a:hover { cursor: pointer; color: #000000; background-color : #776f03; }
#AutoHelp td{
    line-height:18px;
}
[contenteditable="true"] {
    /* padding          : 3px 5px; */
    background-color : #ffffe6;
    border-radius    : 6px;
}
.Editable{
    color: #000099;
    cursor: pointer ;
}
.NoWrap{
    white-space: nowrap;
 }
 .CLPage{
    display: block ;
 }
 .CLPage .SectionTitle{
     width:100%;
     margin-bottom: 10px;
 }
 .CLCol1,.CLCol2, .CLCol3{
     margin: 5px 0 10px 5px; 
     padding: 3px 10px;    
     min-height: 60px;
     display:inline-block ;
     vertical-align: top;
 }
 .CLCol3{
    width: 40%;
    min-width: 400px;
 }
 .CkCur{
    background-color: #a9faa9;
    border-radius: 6px;
 }
 .CkDue{
    background-color: #fcd8d8;
    border-radius: 6px;
 }
 #CheckList{
    width:430px; 
    padding-bottom: 15px;
 }
#CheckInDocs{
    padding-bottom: 15px;
}
 .CheckListItemOld{
     display:flex; 
     width:100%;
     vertical-align: middle;
     line-height:22px;
 }
 .CheckListItem div{
    padding: 0 2px;
 }
 
 .CheckListFldr{
     position:relative;
     top:-2px;
     margin-right: 10px; 
     color:#0099CC;
     font-size: 10px;
 }
 .CheckListDel img{
    position:relative;
    top:1px;
    margin-right: 4px; 
 }
 .CheckListDel img{
     width: 18px;
 }
 .CheckListItem{
    width: 100%;
    vertical-align: middle;
    line-height:22px;
    display: flex;
    border-bottom: 1px solid #d4d4d4;
}
.CheckListItem div{
    width: 40px;
 }
 .CheckListItem div:first-child, .CheckListItem div:nth-child(2), .CheckListItem div:nth-child(5){
    text-align: center;
 }
 .CheckListItem div:nth-child(3){
    width: 120px;
 }
 .CheckListItem div:nth-child(5){
    width: 110px;
 }
.CheckListItem div:nth-child(6){
    padding-left: 10px;
    width: 50px;
 }
 .Arrows img{
    width: 16px;
    height: 16px;
    padding: 3px 2px;
 }
 .CheckInItem{
    display: flex;
    border-bottom: 1px solid #d4d4d4;
}
 .CheckInItem div:first-child, .CheckInItem div:nth-child(5){
    width: 10%;
    text-align: center;
 }
 .CheckInItem div:nth-child(2){
    width: 35%;
 }
 .CheckInItem div:nth-child(4), .CheckInItem div:nth-child(5){
    width: 10%;
    text-align: center;
 }
 .CheckInItem div:nth-child(3), .CheckInItem div:nth-child(4){
    width: 20%;
    text-align: center;
 }
 .CheckLink {
    padding: 0 2px ;
    text-decoration: none;
 }
 .CheckLink:hover {
    color: maroon ;
    background-color: #e2e1e1;
    text-decoration: none;
 }
 #GCLETable td{
    line-height: 20px;
 }
 #GCLDHist {
    background-color: #f5e1a5;
    border-radius: 4px;
    width: 100% ;
 }
#GCLEHist .FldHd{
    font-weight: bold ;
 }
 #GCLEHist td{
    line-height: 16px;
    padding: 1px 2px;
 }
.CLDBtn{
    position: relative;
    top: -1px ;
    width: 22px;
}
.CIDWrap{
    display:inline-block ;
}
.CID{
    display:inline-block ;
    margin: 1px 0;
}
.CID.Title{
    font-weight: bold ;
}
#ChecklistHelp{
    width: 700px;
    display:block ;
    padding: 10px 20px;
}
#ChecklistHelp p{
    margin: 10px 0;
}
#ChecklistHelp img.Art{
    display:block ;
    margin: 10 auto;
    padding: 10px;
    border: 1px solid #888;
    border-radius: 8px;
    background-color: antiquewhite;    
}
#ChecklistHelp img.Icon{
    width: 16px;
    vertical-align: middle;    
    
}
#ChkContractDiv{
    margin-top: -4px;
    padding-bottom: 10px;
}
#ChkContractDiv span{
    padding-right: 10px;
}

.GST{
    color: #ffffff;
    font-size: 8px;
    border: 1px solid #01300f;
    border-radius: 5px;
    background-color: #026620;
    font-weight: bold;
    padding: 0 4px;
    display: block;
    width: 17px;
    height: 14px;
    float: right;    
    margin-right: 15px; 
}
.SchedCon{
    position:relative ;
}
.Assignment, .Assign2, .Assign1{
    cursor:pointer; 
    position: relative;
    z-index: 100;
}