body { background: url('../Images/bg.png') repeat-x #d8e2ef; min-width: 860px; margin: 0px; }
body, textarea, input, select, radio { font: 8pt 'Verdana', sans-serif; color: #444444;}
/* Some font sizes are set below, such as for the Help pages... Be sure to get rid of those when we update this font size. */

h1 { font-size: 2.4em; margin: 0.2em 0; clear: both;}
h2 { font-size: 1.9em; margin: 0.2em 0; clear: both;}
h3 { font-size: 1.5em; margin: 0.2em 0; clear: both;}
h4 { font-size: 1.2em; margin: 0.2em 0; clear: both;}
p { margin: 0.25em auto;}

ul { margin: 0.5em 0; }
li { margin: 0.35em 0 0.35em 2.5em;}
strong { font-weight: bold; }
em { font-style: italic; }
.aspNetDisabled {color: #999999;}

/* ----------  Layout Tables  ---------- (these screw up formatting of elements inside them... we should remove all these someday) */

.Padding0,  .Padding1,  .Padding2,  .Padding5  { margin: 0px auto; }
.Padding0C, .Padding1C, .Padding2C, .Padding5C { margin: 0px auto; }
.Padding0  > tbody > tr > td, .Padding1  > tbody > tr > td, .Padding2  > tbody > tr > td, .Padding5  > tbody > tr > td { background-color: transparent; vertical-align: top; text-align: left; }
.Padding0C > tbody > tr > td, .Padding1C > tbody > tr > td, .Padding2C > tbody > tr > td, .Padding5C > tbody > tr > td { background-color: transparent; vertical-align: top; text-align: center; }
.Padding0 > tbody > tr > td, .Padding0C > tbody > tr > td { padding: 0; }
.Padding1 > tbody > tr > td, .Padding1C > tbody > tr > td { padding: 0.1em 0.2em; }
.Padding2 > tbody > tr > td, .Padding2C > tbody > tr > td { padding: 0.2em 0.5em; }
.Padding5 > tbody > tr > td, .Padding5C > tbody > tr > td { padding: 0.5em 1.0em; }

/* ----------  Alignment  ---------- */
.Centered { margin-left: auto; margin-right: auto; }

.Top { vertical-align: top; }
.Middle { vertical-align: middle; }
.Bottom { vertical-align: bottom; }
.Left { text-align: left; }
.Center { text-align: center; }
.Right { text-align: right; }

.FloatRight { float: right; }
.FloatLeft { float: left; }

/* ----------  Hyperlinks  ---------- */

a:link, a:visited, a:active { text-decoration: none; color: #33698C; }
a:hover, a:active { text-decoration: underline; }


/* ----------  Website Header  ---------- */

table.MainHeaderTable { width: 100%; background-image: url(../Images/gradientMainHeader.png); background-repeat: repeat-x; background-color: #000000; }

a.LnkHeader { text-decoration: none; color: #A0A0A0; padding-right: 6px; }
    a.LnkHeader:hover { text-decoration: underline; }
.BtnHeader { background-image: url(../Images/TopBtnBg1.png); background-repeat: repeat-x; background-color: #D0D0D0; font-family: Verdana; font-size: 9pt; font-weight: bold; color: #404040; padding: 3px 7px 3px 7px; margin: 0px 1px 0px 1px; border-top: solid 1px #DDDDDD; border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; border-bottom: 0px; }
    .BtnHeader:Hover { /*background-image: url(../Images/TopBtnBg3.png);
	background-repeat: repeat-x;*/ background-image: url(''); background-color: #E0E5F2; text-decoration: none; font-style: normal; border-top: solid 1px #A0B4CE; border-left: solid 1px #A0B4CE; border-right: solid 1px #A0B4CE; border-bottom: 0px; }

/* ----------  Master Page formatting  ---------- */

.MasterDiv { width: 975px; background-color: #f5f5f5; BORDER-RIGHT: #606060 1px solid; BORDER-LEFT: #606060 1px solid; margin: 0px auto;}
.MasterDiv100 { background-color: #f5f5f5; margin: 0px 0px 0px 126px; border-left: 1px solid #cccccc;}
.ContentWrapper { min-height: 650px; }

/* ----------  Page Header and Description  ---------- */

.PageHeaderWrapper { background-color: #DBDBDB; padding: 0.25em 1.0em; border-bottom: 1px solid #666666; margin-bottom: 5px;}
.PageHeader { font-weight: bold; font-size: 1.25em; padding: 0.25em 3.0em 0.25em 0em; }
.PageHeaderHelp { float: right; font-weight: bold; font-size: 1.25em; padding: 0.25em 1.0em; }

/* ----------  Left Side Navigational Menu  ---------- */

.MenuWrapper { float: left; width: 125px; } /* This width must match the margin in MasterDiv100 */

.Menu { BACKGROUND-IMAGE: url(../Images/menubg2.png); BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #2887CA; padding: 3px; WHITE-SPACE: nowrap; }
.MenuHeader { color: #FFFFFF; font-weight: bold; font-size: 1.25em; display: block; padding-bottom: 2px; position: relative; }
.MenuLabel { color: #D0E4FE; padding-left: 3px; padding-right: 3px; font-weight: bold; position: relative; }
a.MenuLink, a.MenuLinkDisabled { color: #D0E4FE; padding: 3px 4px 3px 5px; font-weight: bold; text-decoration: none; margin: 0px auto; display: block; position: relative; }
    a.MenuLink:hover { background-color: #67A2E1; color: #E9F2FF; }
a.MenuLinkDisabled, .Menu a.aspNetDisabled { color: #bbbbbb; cursor: default; }

ul.LeftMenuStatic { width: 100%; }
ul.LeftMenuStatic > li { padding-top: 2px; padding-bottom: 2px; font-size: 1.2em; width: 100px; margin-left: 0px; }
    ul.LeftMenuStatic > li:Hover { background-color: #67A2E1; }
a.LeftMenuStaticItem { color: #FFFFFF; font-weight: bold; text-decoration: none; width: 100%; display: block; }
ul.LeftMenuDynamic { display: none; background-color: #67A2E1; border: solid 1px #18548E; border-left: none; z-index: 9; font-weight: bold; font-size: 0.83em; }
ul.LeftMenuDynamic > li { padding: 0px; margin-left: 0px; }
ul.LeftMenuDynamic > li:first-child { padding-top: 2px; }
ul.LeftMenuDynamic > li:last-child { padding-bottom: 2px; }
a.LeftMenuDynamicItem { color: #DCEBFE; padding: 2px 15px 2px 10px; text-decoration: none; margin: 0px; }
    a.LeftMenuDynamicItem:hover { background-color: #87B6E7; color: #F5F9FF; }

/* ----------  Website Footer  ---------- */

.Footer { background-image: url(../Images/footerbg.png); background-color: #18548E; text-align: left; clear: both; }


/* ----------    ---------- */
/* ----------    ---------- */
/* ----------    ---------- */


.TxtBox { width: 175px; }
.TxtBox2 { width: 75px; }
.TxtBox3 { width: 250px; }
input.TxtBoxLarger, textarea.TxtBoxLarger { width: 250px; font-size: 1.25em; }
.TxtBoxC { /*This is used on the Equipment page, rental rates text boxes*/ text-align: center; width: 52px; }
.TxtBoxR { /*This is used on the Equipment page, rental rates text boxes... also InvoiceItem.asmx */ text-align: right; }
.TxtBoxRO { /* Read-only */ width: 175px; background-color: #eeeeee; border-width: 1px; padding: 2px; }
.TxtBoxHidden { width: 25px; display: none; }
input.TxtQuickSearch { /* for the Quick Search textbox in the navigation manu */ width: 100px; font-size: 1.25em; background-color: #4A9CD4; border: solid 1px #69ADDB; background-image: url('../Images/SearchIcon.png'); background-position: right center; background-repeat: no-repeat; }
    input.TxtQuickSearch:Focus { background-color: #eeeeee; background-image: url(''); }

.LstBoxFixed { width: 175px; }
.DateTime { width: 75px; }
    .DateTime span { margin: 1.0em; line-height: 1.75; }

.BtnHide { display: none; }
.Btn { font-size: 0.9em; background-image: url(../Images/gradientBtn2.png); background-repeat: repeat-x; background-color: #CEF0FF; border: solid 1px #4682B4; padding: 2px 5px 2px 5px; color: #4682B4; border-radius: 4px; }
    .Btn:Hover { /*background-image: url(../Images/gradientBtn2b.png);*/ background-image: url(''); background-color: #D2EAFF; }
.Btn2 { background-image: url(../Images/gradientBtn2.png); background-repeat: repeat-x; background-color: #CEF0FF; border: solid 2px #4682B4; padding: 4px 10px 4px 10px; font-weight: bold; color: #4682B4; border-radius: 6px; }
    .Btn2:Hover { /*background-image: url(../Images/gradientBtn2b.png);*/ background-image: url(''); background-color: #D2EAFF; }
.Btn3 { /* gray */ font-size: 0.9em; background-color: #e7e7e7; color: #454545; border: solid 1px #777777; padding: 2px 5px 2px 5px; border-radius: 4px; }
    .Btn3:Hover { background-color: #e0e0e0; }

.TabButton, .TabSelected { /* for the buttons that make up our makeshift Tab control on the Quote page */ font-size: 1.1em; margin: 12px 0px -1px 1px; border: none; border-right: solid 1px #B7AE89; padding-top: 4px; padding-bottom: 3px; background-image: url(../Images/TabUnselected.png); }
    .TabSelected, .TabButton:hover { border-right: solid 1px #776655; border-bottom: none; padding-top: 5px; background-image: url(../Images/TabSelected.png); }
.ImgBtn { /* Priority and Task buttons on the dispTasp page */ padding: 3px; }
    .ImgBtn:Hover { cursor: pointer; }
.Icon { /* 16x16 icons... this works well for icons displayed in their own cell, not inline with text */ vertical-align: top; /* this is currently used for Job Items on the Job pages */ margin-top: 1px; }
.Icon12 { /* 12x12 icons... this works well for icons displayed in their own cell, not inline with text */ vertical-align: top; margin-top: 3px; }

.ErrorLabel { font-weight: bold; color: #ff0000; background-color: #fffe99; padding: 2px; line-height: 150%; }
.UpdateLabel { /*  "Your changes have been saved" labels  */ font-weight: bold; color: #008000; background-color: #ffff55; border: solid 1px #dddb77; padding: 3px 15px 3px 15px; margin-top: 5px; margin-bottom: 0px; display: block; }
table.MasterTable { width: 975px; background-color: #f5f5f5; BORDER-RIGHT: #606060 1px solid; BORDER-LEFT: #606060 1px solid; /*BORDER-BOTTOM: #606060 1px solid;*/ margin: 0px auto; }

table.Table1 { background-image: url(../Images/Tables/gradientTable.png); background-repeat: repeat-x; background-color: #E8F0F7; text-align: left; margin: 0px auto; border: solid 1px #9DBED9; }
table.Table2 { background-image: url(../Images/Tables/gradientTable.png); background-repeat: repeat-x; background-color: #E8F0F7; text-align: center; margin: 0px auto; border: solid 1px #9DBED9; }
table.TableInfo { background-color: #F0F0F0; margin: 0px auto; border: solid 1px #CCCCCC; padding: 5px 2px 5px 2px; text-align: center; }
table.TableInfo2 { /*with header cell*/ background-color: #F0F0F0; margin: 0px auto; border: solid 1px #CCCCCC; padding: 0px 0px 5px 0px; }
table.TableInfo > tbody > tr > td, table.TableInfo2 > tbody > tr > td { padding: 2px; }
.InfoHeader { background-color: #808080; color: #FFFFFF; text-align: left; font-weight: bold; padding: 5px !important; border-bottom: solid 1px #cccccc; }
.InfoHeaderC { background-color: #808080; color: #FFFFFF; text-align: center; font-weight: bold; padding: 5px !important; border-bottom: solid 1px #cccccc; }
.InfoHeader2, .InfoHeader2L { background-color: #808080; color: #FFFFFF; text-align: center; vertical-align: middle; padding: 3px !important; border-bottom: solid 1px #cccccc; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; }
.InfoHeader2L { text-align: left; }
.InfoHeader3, .InfoHeader3L { background-color: #A0A0A0; color: #FFFFFF; text-align: center; vertical-align: middle; padding: 3px !important; border-bottom: solid 1px #cccccc; }
.InfoHeader3L { text-align: left; }
.InfoHeaderBL { /* includes a left border */ background-color: #808080; color: #FFFFFF; text-align: left; vertical-align: middle; font-weight: bold; padding: 5px 2px 5px 5px !important; border-bottom: solid 1px #d0d0d0; border-bottom: solid 1px #aaaaaa; border-left: #cccccc 1px solid; }
.InfoCell { vertical-align: top; white-space: nowrap; padding-left: 3px !important; padding-right: 5px !important; }
.InfoCellBL { /* includes a left border */ vertical-align: top; white-space: nowrap; padding-left: 3px !important; padding-right: 5px !important; border-left: #cccccc 1px solid; }

table.TableMessage, table.TableMessageLeft { background-color: #FFF4D9; color: #735200; margin: 0px auto; border: solid 2px #FFCF4D; border-radius: 5px; text-align: center; }
table.TableMessageLeft { text-align: left; }
    table.TableMessage td, table.TableMessageLeft td { padding-right: 15px; padding: 4px 15px 2px 2px;}

.TopAndNoWrap { vertical-align: top; white-space: nowrap; }

tr.Row1 { background-color: #EBEBEB; border-left: solid 1px #9DBED9; border-right: solid 1px #9DBED9; }
tr.Row2 { background-color: #FFFFFF; border-left: solid 1px #9DBED9; border-right: solid 1px #9DBED9; }
tr.Row3 { /*in between Row1 and Row2... used for squeezing sub-jobs into the dispatch calendar without having to redo all the row colors*/ background-color: #F5F5F5; border-left: solid 1px #9DBED9; border-right: solid 1px #9DBED9; }
tr.Row1:Hover { background-color: #BBDDFF; }
tr.Row2:Hover { background-color: #BBDDFF; }
tr.Row3:Hover { background-color: #BBDDFF; }
tr.RowHighlight { background-color: #FF0000; color: #FFFFFF; }
tr.Row1_Done { background-color: #CBCBCB; border-left: solid 1px #9DBED9; border-right: solid 1px #9DBED9; }
tr.Row2_Done { background-color: #C2C2C2; border-left: solid 1px #9DBED9; border-right: solid 1px #9DBED9; }
tr.Row3_Done { background-color: #C8C8C8; border-left: solid 1px #9DBED9; border-right: solid 1px #9DBED9; }
tr.Row1_Done:Hover { background-color: #BBDDFF; }
tr.Row2_Done:Hover { background-color: #BBDDFF; }
tr.Row3_Done:Hover { background-color: #BBDDFF; }
tr.Row_Cancel { background-color: #999999; /*background-color: #9F9181;*/ border-left: solid 1px #9DBED9; border-right: solid 1px #9DBED9; }

.LabelCell { text-align: right; white-space: nowrap; padding: 0px 1px 0px 4px; border-bottom: solid 1px #CCDEEC; }
.LabelCell2 { text-align: right; white-space: nowrap; padding: 0px 1px 0px 12px; border-bottom: solid 1px #CCDEEC; }
.LabelCellTop { text-align: right; vertical-align: top; white-space: nowrap; padding: 4px 1px 0px 4px; border-bottom: solid 1px #CCDEEC; }
.LabelCellHeader { text-align: left; font-weight: bold; white-space: nowrap; padding: 0px 1px 0px 2px; border-bottom: solid 1px #CCDEEC; }
.ValueCell { text-align: left; padding: 0px 0px 0px 1px; border-bottom: solid 1px #CCDEEC; border-right: solid 1px #CCDEEC; white-space: nowrap; }
.ValueCellC { text-align: center; padding: 0px 0px 0px 1px; border-bottom: solid 1px #CCDEEC; border-right: solid 1px #CCDEEC; white-space: nowrap; }
.LabelCellTop2 { /*no border*/ text-align: right; vertical-align: top; white-space: nowrap; padding: 4px 1px 0px 4px; }
.ValueCell2 { /*no border*/ text-align: left; vertical-align: top; white-space: nowrap; padding: 0px 0px 0px 1px; }
.ButtonCell { text-align: center; padding: 8px 3px 8px 3px; border-bottom: solid 1px #CCDEEC; border-right: solid 1px #CCDEEC; white-space: nowrap; }
.ButtonCell2 { background-color: #ffffdd; border: solid 1px #e0e0aa; text-align: center; padding: 8px 3px 8px 3px; white-space: nowrap; }
.HeaderCell { background-image: url(../Images/Tables/gradientHeader.png); background-repeat: repeat-x; background-color: #00507A; color: #ffffff; text-align: center; vertical-align: middle; font-weight: bold; padding: 5px; border-right: solid 1px #4682B4; }
.HeaderCell2 { background-color: #00507A; color: White; text-align: center; vertical-align: middle; padding: 3px; border-right: solid 1px #4682B4; border-top: solid 1px #4682B4; }
.HeaderCell3 { background-color: #7ca5cd; color: White; border-top: solid 1px #4682B4; text-align: center; vertical-align: middle; padding: 3px; font-weight: bold; }
.BigHeaderCell { background-image: url(../Images/Tables/gradientHeader.png); background-repeat: repeat-x; background-color: #00507A; color: #ffffff; font-size: 1.25em; text-align: center; vertical-align: middle; font-weight: bold; padding: 5px; border-right: solid 1px #4682B4; }
.HeaderCellTick { background-color: #00507A; color: White; text-align: center; padding: 3px; border-right: solid 1px #FFFFFF; }

.ApptCellHeader { text-align: left; vertical-align: top; padding: 2px 2px 2px 2px; background-color: #dddddd; border-top: solid 1px #bbbbbb; }
.ApptCellLabel { text-align: left; vertical-align: top; padding: 0px 2px 0px 5px; width: 1%; white-space: nowrap; }
.ApptCellValue { text-align: left; vertical-align: top; padding: 0px 2px 0px 2px; }
.ApptCellNoteRight { text-align: right; vertical-align: top; padding: 0px 2px 0px 2px; font-size: 0.9em; font-style: italic; }
.DocBtnCell { /* For the list of documents... document "Info" button cell */ text-align: left; vertical-align: top; padding: 3px 2px 3px 5px; width: 1%; white-space: nowrap; }
.DocCell { /* For the list of documents... document filename */ text-align: left; vertical-align: top; padding: 3px 2px 3px 2px; }

.TableCell, .TableCellLeft, .TableCellRight, .TableCellLink, .TableCellBL { color: #000000; text-align: center; vertical-align: middle; padding: 2px 4px 2px 4px; border-bottom: solid 1px #CCDEEC; border-right: solid 1px #CCDEEC; white-space: nowrap; }
.TableCellLeft { text-align: left; }
.TableCellRight { text-align: right; }
.TableCellLink { font-style: italic; }
.TableCellBL { /* thick border on the left */ border-left: solid 2px #888888; }
.TableCellTravel, .TableCellOnJob, .TableCellTravelDone, .TableCellOnJobDone, .TableCellMaintenance, .TableCellMaintenanceDone, .TableCellVacation, .TableCellVacationDone { background-repeat: repeat-x; background-position: top; color: #000000; text-align: left; padding: 0px 3px 0px 3px; padding: 2px 3px 2px 3px; border-bottom: solid 1px #CCDEEC; border-right: solid 1px #CCDEEC; white-space: nowrap; }
.TableCellTravel { background-color: #6B9FE1; background-image: url(../Images/Tables/gradientTravel.png); }
.TableCellOnJob { background-color: #396DAF; background-image: url(../Images/Tables/gradientOnJob.png); }
.TableCellTravelDone { background-color: #A3A3A3; background-image: url(../Images/Tables/gradientTravel2.png); }
.TableCellOnJobDone { background-color: #717171; background-image: url(../Images/Tables/gradientOnJob2.png); }
.TableCellMaintenance { background-color: #84694f; color: #DDDDDD; }
    .TableCellMaintenance a, .TableCellVacation a { color: #BEE2FA; }
.TableCellMaintenanceDone { background-color: #C2B4A6; }
.TableCellVacation { background-color: #622D86; color: #DDDDDD; }
.TableCellVacationDone { background-color: #C3B5CC; color: #000000; }
.WeekViewJob, .WeekViewNoJob { color: #000000; text-align: left; padding: 2px 3px 2px 3px; border-bottom: solid 1px #CCDEEC; border-right: solid 1px #CCDEEC; white-space: nowrap; overflow: hidden; }
.PermitCell_NotNeeded { border-bottom: solid 1px #CCDEEC; border-right: solid 1px #CCDEEC; text-align: center; }
.PermitCell_NotOrdered { background-color: #FF3333; border-bottom: solid 1px #CCDEEC; border-right: solid 1px #CCDEEC; text-align: center; }
.PermitCell_OnOrder { background-color: #FFFF00; border-bottom: solid 1px #CCDEEC; border-right: solid 1px #CCDEEC; text-align: center; }
.PermitCell_Received { background-color: #88FF88; border-bottom: solid 1px #CCDEEC; border-right: solid 1px #CCDEEC; text-align: center; }
.NewsHeader { PADDING-TOP: 10px; PADDING-LEFT: 12px; FONT-WEIGHT: bold; }
.NewsItem { PADDING-LEFT: 30px; PADDING-BOTTOM: 5px; vertical-align: top; }

.VerticalText { writing-mode: tb-rl; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }

.TaskDiv { padding: 2px 3px 2px 32px; text-indent: -32px; border-bottom: solid 1px #eaeaea; }
.TaskDiv2 { padding: 2px 3px 2px 64px; text-indent: -32px; border-bottom: solid 1px #eaeaea; }
.TaskDate { white-space: nowrap; font-weight: bold; padding-left: 6px; }

.QsTable { /* Quick Search results tables */ margin: 0px auto; margin-bottom: 25px; border: solid 1px #aaaaaa; }
.QsHeader1 { /* Quick Search header*/ font-size: 1.25em; font-weight: bold; padding: 8px 200px 8px 15px; border-top: solid 1px #aaaaaa; border-bottom: solid 1px #aaaaaa; /*background-color: #cacaca;*/ background-color: #808080; color: #FFFFFF; }
.QsHeader2 { font-weight: bold; padding: 7px 5px 5px 5px; border-bottom: solid 1px #aaaaaa; }
.QsResult, .QsResultNoWrap { /* Quick Search results*/ padding: 4px 5px 3px 5px; border-top: solid 1px #e0e0e0; }
.QsResultNoWrap { white-space: nowrap; }

.JobFilter { margin-left: 15px; }

.adjustedZIndex { z-index: 999; }

Table.ProgressTable { border: solid 1px #00507a; margin-top: 75px; height: 20px; width: 400px; }
.ProgressCell1 { background-image: url(../Images/progress.png); background-color: #7ca5cd; }
.ProgressCell2 { background-color: #ffffff; width: 99%; }






.FlowPanel { Float: left; }
.PanelRight { text-align: right; }

.PrintPanel { text-align: center; vertical-align: top; padding: 2px 2px 2px 2px; }
.PrintPanel2 { text-align: center; vertical-align: top; padding: 2px 2px 2px 2px; border-top: solid 2px #000000; }
.PrintCell { vertical-align: top; }
.PrintCellL { vertical-align: top; text-align: left; }
.PrintCellL2 { vertical-align: top; text-align: left; padding-left: 10px; }
.PrintCellL3 { vertical-align: top; text-align: left; padding-top: 15px; }
.PrintCellR { vertical-align: top; text-align: right; }
.PrintCellR2 { vertical-align: top; text-align: right; white-space: nowrap; width: 1%; padding-top: 4px; }
.PrintCellBot2 { vertical-align: bottom; white-space: nowrap; }
.PrintCellBotR2 { vertical-align: bottom; text-align: right; white-space: nowrap; }
.QuoteRateCell { /* For the list of rates on the Quote Proposal document */ font-size: 1.25em; padding-top: 4px; padding-bottom: 3px; }
.QuoteRateNote { font-size: 0.9em; border-bottom: solid 1px #dddddd; padding-left: 12px; padding-bottom: 4px; }
.QuoteRatePrice { border-bottom: solid 1px #dddddd; padding-bottom: 4px; vertical-align: bottom; text-align: right; white-space: nowrap; width: 1%; }
.PrintTableHeader { text-align: center; vertical-align: middle; border: solid 2px #000000; font-weight: bold; padding-top: 2px; padding-bottom: 2px; }
.PrintTableHeader1 { text-align: center; vertical-align: middle; border: solid 1px #000000; font-weight: bold; padding-top: 4px; padding-bottom: 4px; }
.PrintTableCell { text-align: center; vertical-align: top; border: solid 1px #000000; }
.PrintTableCell2 { text-align: center; vertical-align: top; border: solid 1px #000000; padding-left: 3px; padding-right: 3px; }
.PrintTableCell3 { text-align: center; vertical-align: middle; border: solid 1px #000000; padding-left: 3px; padding-right: 3px; }
.PrintTableCell4 { text-align: left; vertical-align: top; border: solid 2px #000000; }
.PrintTableCellL { text-align: left; vertical-align: top; border: solid 1px #000000; }
.PrintTableCellL2 { text-align: left; vertical-align: top; border: solid 1px #000000; padding-left: 3px; padding-right: 3px; }
.PrintTableCellR { text-align: right; vertical-align: top; border: solid 1px #000000; }
.PrintTableCellRowItem { /*no top and bottom borders*/ text-align: center; vertical-align: top; border-left: solid 1px #000000; border-right: solid 1px #000000; padding: 3px 2px 3px 2px; }
.PrintTableCellRowItemL { /*no top and bottom borders*/ text-align: left; vertical-align: top; border-left: solid 1px #000000; border-right: solid 1px #000000; padding: 3px 2px 3px 2px; }
.PrintTableCellRowItemR { /*no top and bottom borders*/ text-align: right; vertical-align: top; border-left: solid 1px #000000; border-right: solid 1px #000000; padding: 3px 2px 3px 2px; }
.PrintHeader { font-weight: bold; padding: 5px 5px 3px 5px; }
.PrintHeader2 { font-weight: bold; padding: 2px 0px 2px 0px; }
.PrintRowHeader { font-weight: bold; padding: 5px 5px 3px 5px; border-bottom: solid 1px #000000; }
.PrintRowCell { padding: 1px 5px 1px 5px; border-bottom: solid 1px #000000; }

.PrintField3a { /* the label cell for the "PrintField3" user control */ padding: 4px 2px 1px 2px; white-space: nowrap; vertical-align: top; }
.PrintField3b { /* the value cell for the "PrintField3" user control */ padding: 4px 0px 1px 2px; width: 100%; border-bottom: solid 1px #000000; vertical-align: top; }

/* Try not to put page breaks inside blocks of information */
.AvoidPageBreakInside { page-break-inside: avoid; }




.AcctCell { vertical-align: top; }
.AcctTable1 { background-image: url('../Images/Tables/Table1.png'); height: 4px; width: 4px; }
.AcctTable2 { background-image: url('../Images/Tables/Table2.png'); background-repeat: repeat-x; background-color: #00507A; height: 4px; border-right: solid 1px #4682B4; }
.AcctTable3 { background-image: url('../Images/Tables/Table3.png'); height: 4px; width: 4px; }
.AcctTable4a { background-color: #7CA5CD; border-left: solid 1px #2C5980; border-bottom: solid 1px #2C5980; }
.AcctTable4b { background-color: #FFFFFF; border-left: solid 1px #2C5980; border-bottom: solid 0px #2C5980; }
.AcctTable5a { background-color: #7CA5CD; color: #FFFFFF; border-bottom: solid 1px #2C5980; padding: 0px 0px 3px 3px; font-weight: bold; font-size: 1.25em; }
.AcctTable5aa { background-color: #7CA5CD; color: #FFFFFF; border-bottom: solid 1px #2C5980; padding: 0px 3px 3px 3px; font-weight: bold; text-align: right; }
.AcctTable5b { background-color: #FFFFFF; padding: 3px 0px 1px 3px; line-height: 150%; }
.AcctTable6a { background-color: #7CA5CD; border-right: solid 1px #2C5980; border-bottom: solid 1px #2C5980; }
.AcctTable6b { background-color: #FFFFFF; border-right: solid 1px #2C5980; border-bottom: solid 0px #2C5980; }
.AcctTable7 { background-image: url('../Images/Tables/Table7.png'); height: 4px; width: 4px; }
.AcctTable8 { background-image: url('../Images/Tables/Table8.png'); background-repeat: repeat-x; height: 4px; }
.AcctTable9 { background-image: url('../Images/Tables/Table9.png'); height: 4px; width: 4px; }

/* ---------------   Format eWorld's Popup Calendar   ----------------*/

.PopupCalDayHeader, .PopupCalWeekend, .PopupCalWeekday, .PopupCalToday, .PopupCalDisabledDay, .PopupCalOffMonthDay, .PopupCalSelectedDay { background-color: #ffffff; border: solid 1px #f0f0f0; padding: 3px 4px 3px 4px; }
.PopupCalDayHeader { border-bottom: solid 1px #777777; }
.PopupCalWeekend { background-color: #dddddd; }
.PopupCalOffMonthDay { color: #999999; }
.PopupCalSelectedDay { background-color: #ccddff; border: solid 1px #000000; }
.PopupCalToday { background-color: #ffffcc; }
.PopupCalMonthHeader { font-size: 1.25em; background-color: #777777; color: #ffffff; }
.PopupCalClearDate { border-top: solid 1px #aaaaaa; background-color: #ffffff; }

/* ------------------------------------------------------*/
/* ---------------   Expandable Panels   ----------------*/
/* ------------------------------------------------------*/
div.ExpPanel, div.ExpPanel2, div.ExpPanel3 { display: none; /* Hide the panel when the page is first loaded */ padding-bottom: 3px; }
div.ExpPanel2 { padding-bottom: 8px; }
div.ExpPanel3 { padding-bottom: 8px; margin-bottom: 10px; padding-left: 25px; background-color: #fbfbfb; border-bottom: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; }
table.ExpTable, table.ExpTable2 { margin: 0px auto; width: 100%; border-collapse: collapse; }
table.ExpTable2 { border-collapse: separate; border-spacing: 0px 1px; }

tr.ExpRow { cursor: pointer; background-color: #eaeaea; }
    tr.ExpRow:Hover { background-color: #e0e0e0; }
tr.ExpRow2 { cursor: pointer; }
    tr.ExpRow2:Hover { background-color: #e0e0e0; }
tr.ExpRow3 { cursor: pointer; background-color: #e0e0e0; }
    /* for the test page dispJob2.aspx.  BG color should match border color of ExpPanel3.  */
    tr.ExpRow3:Hover { background-color: #e0e0e0; }
td.ExpHeader, td.ExpHeader2, td.ExpHeaderHelp { width: 1px; white-space: nowrap; text-align: left; vertical-align: top; padding: 3px 1px 3px 5px; }
td.ExpHeader2 { font-weight: bold; padding: 7px 5px 7px 5px; }
td.ExpHeaderHelp { width: auto; font-weight: bold; font-size: 1.25em; padding: 7px 5px 7px 5px; }
td.ExpInfo, td.ExpInfo2 { text-align: left; vertical-align: middle; font-style: italic; padding: 0px 15px 0px 25px; }
td.ExpInfo2 { font-style: normal; }
td.ExpImage, td.ExpImage2 { width: 1px; white-space: nowrap; text-align: right; vertical-align: top; padding: 5px 5px 0px 0px; }
td.ExpImage2 { padding-top: 8px; }
td.ExpContent, td.ExpContent2, td.ExpContent3 { text-align: left; vertical-align: top; padding-left: 25px; border-bottom: solid 1px #cccccc; background-image: url(../Images/BottomFade.png); background-position: bottom; background-repeat: repeat-x; }
td.ExpContent2 { border: none; background-image: url(""); }
td.ExpContent3 { border: none; background-image: url(""); padding-left: 0px; }
/* --- end of styling for Expandable Panels   -----------*/

/* ------------------------------------------------------*/
/* ---------------      Help pages       ----------------*/
/* ------------------------------------------------------*/

.HelpPageMenuWrapper { float: left; width: 175px; background-color:#edede5; border-right: solid 1px #dadada; border-bottom: solid 1px #dadada; padding-top: 10px; padding-bottom: 0px; display: block;}
.HelpPageContentWrapper { margin-left: 180px; text-align: left; padding: 10px 10px 10px 15px; }
.HelpPageMenu { }

a.HelpLink, a.HelpLinkR { /* This is for the hyperlinks (buttons) that link to the Help page */ vertical-align: middle; padding-left: 3px; padding-right: 3px; }
a.HelpLinkR { float: right; }                                                                                                               /* The width of the help menu minus the left and right padding of this element: 175 - 8 */
a.HelpBtn, a.HelpBtnSelected { /* This is for the navigational links on the left side of the help pages */ padding: 10px 0px 8px 8px; width: 167px; display: block; border-top: solid 1px #ffffff; border-bottom: solid 1px #DBDBCA; font-size: 1.2em; }
    a.HelpBtn:hover { background-color: #DBDBCA; text-decoration: none; }
a.HelpBtnSelected { background-color: #DBDBCA; text-decoration: none; /*--- color: #f5f9ff;*/ }
.HelpPageHeader { text-align: left; padding: 5px 0px 10px 0px; font-size: 1.8em; }
td.HelpHeader { text-align: left; vertical-align: top; padding: 25px 0px 5px 0px; font-size: 1.5em; }
td.HelpContent, td.HelpContent2, td.HelpContent3 { line-height: 140%; text-align: left; vertical-align: top; padding: 5px 0px 5px 0px; }
td.HelpContent2 { padding-left: 25px; }
td.HelpContent3 { padding-left: 45px; }

/* --------------------------------------------------------------------*/
/* ---------------------   QuickBooks pages      ----------------------*/
/* --------------------------------------------------------------------*/

.QBPageWrapper { margin-left: 150px; }
.QBPageHeaderWrapper { background-color: #F4FCEF; padding: 0.25em 1.0em; border-bottom: 1px solid #99cc77; color: #016934; margin-bottom: 5px; }
.QBPageHeader { font-weight: bold; font-size: 1.25em; padding: 0.25em 3.0em 0.25em 0em; }
.QBContent { padding: 0.5em 1.0em; }
.QBMenu {float: left; width: 150px; background-color: #F4FCEF; border-right: solid 1px #BEEEA4; border-bottom: solid 1px #BEEEA4; padding-top: 10px; padding-bottom: 0px; }
/* This is for the navigational links on the side of the Quickbooks pages */
                                                         /* 142px = The width of the help menu minus the left and right padding of this element: 175 - 8 */
a.QBBtn, a.QBBtnSelected { padding: 7px 0px 5px 8px; width: 142px; display: block; border-top: solid 1px #D5F4C4; color: #016934; }
    a.QBBtn:hover { background-color: #DDF6CE; text-decoration: none; }
a.QBBtnSelected { background-color: #DDF6CE; text-decoration: none; }

td.QBHeader { text-align: center; vertical-align: top; padding: 10px 0px 10px 10px; background-color: #DDF6CE; color: #016934; border-bottom: solid 1px #A7E884; border-top: solid 1px #A7E884; }
div.QbTestMode, div.QbLiveMode { text-align: center; padding: 7px; margin-top: 8px; }
div.QbTestMode { background-color: #ffcc88; color: #775500; border: solid 1px #aa8800; border-left: none; }
div.QbLiveMode { background-color: #aaffaa; color: #008800; border: solid 1px #66aa66; border-left: none; }

/* --------------------------------------------------------------------*/
/* ---------------  Masked DIV (for modal popups       ----------------*/
/* --------------------------------------------------------------------*/

div.MaskedDiv { /* this Div will cover the page so it appears grayed out */ visibility: hidden; position: fixed; left: 0px; top: 0px; z-index: 33; background-image: url(../Images/Mask.png); }
div.ModalPopup { visibility: hidden; position: fixed; z-index: 34; background-color: #eaeaea; border: solid 1px #888888; }

/* --------------------------------------------------------------------*/
/* ---------------       For the Update Log page       ----------------*/
/* --------------------------------------------------------------------*/
td.UpdateDate { vertical-align: top; text-align: center !important; padding: 10px 0px 25px 0px !important; vertical-align: top; white-space: nowrap; font-weight: bold; width: 50px; background-image: url(../Images/date_bg.png); background-repeat: no-repeat; color: #115C87; }
td.UpdateText { vertical-align: top; text-align: left; padding: 0px 0px 50px 0px; font-size: 1.2em; }
    td.UpdateText ul { margin: -10px 0px 25px -25px; padding: 0px 15px; }


/* -----------------------------------------------------*/
/* ---------------       Conflicts      ----------------*/
/* -----------------------------------------------------*/
.Conflicts { background: url('../Images/Warning.png') 5px 5px no-repeat #FFD5D5; color: #7C3333; border: solid 1px #7C3333; margin: 0.2em 0.5em 0.5em 0.5em; padding: 0.5em 1em 0.5em 30px; border-radius: 0.5em; max-height: 10em; overflow-y: auto; }
.Larger { font-size: 1.2em; }
.Bold { font-weight: bold; }
.Light { color: #888888; }