body { background: #ededfa; /*#f1f1ff; */ padding: 0px; margin: 0px; font: 8pt Tahoma; }

/*...td { font: 8pt Tahoma;  padding: 0px; margin: 0px}*/

td.NavSection { text-align: center; padding: 2px; font: bold 6pt Tahoma; background: #8181bf; border: 1px solid #6161af; color: white; }
td.NavSection1 { text-align: Left; padding: 0px; padding-left: 2px; padding-right: 2px; font: bold 6pt Tahoma; border: 2px solid #d8d8fa; border: 0px; border-bottom: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5; padding: 4px; background: #eaeaea url('../images/buttons/columnHeaderSorted.bmp') repeat-x; color: #444455; }
td.NavSection2 { text-align: Left; padding: 0px; padding-left: 2px; padding-right: 2px; font: bold 6pt Tahoma; border: 2px solid #d8d8fa; border: 0px; border-bottom: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5; padding: 4px; background: #eaeaea url('../images/buttons/columnHeader.bmp') repeat-x; color: #444455; }
td.NavSection3 { text-align: Left; padding: 0px; padding-left: 0px; padding-right: 0px; font: bold 6pt Tahoma; border: 1px solid #d8d8fa; border: 0px; color: #444455; }
td.NavSection4 { text-align: Left; padding: 0px; padding-left: 2px; padding-right: 2px; font: bold 6pt Tahoma; border: 2px solid #d8d8fa; border: 0px; border-bottom: 1px solid #a5a5a5; border-right: 0px solid #a5a5a5; padding: 4px; background: #eaeaea url('../images/buttons/columnHeader.bmp') repeat-x; color: #444455; }
td.NavIcon { font: bold 6pt Tahoma; color: #333333; padding: 6px; padding-top: 8px; background: #f1f1ff; /*#e1e1fa;*/ border: 1px solid #f1f1ff; /*#e1e1fa;*/ cursor: default; text-align: center; }
td.NavIconHover { font:  bold 6pt Tahoma; color: black; text-decoration: none; padding: 6px; padding-top: 8px; background: #c5c5f3; border: 1px solid #8181ba; cursor: default; text-align: center;  }
td.NavIcon img { border: 0px solid black; padding-bottom: 4px;}
td.NavIconHover img { border: 0px solid black; padding-bottom: 4px;}

td.Paper				{ background: white; padding: 30px; }
td.PaperBottomShadow	{ padding: 0px; padding-left: 4px; }
td.PaperRightShadow		{ padding: 0px; padding-top: 4px; }
td.PaperShadow			{ padding: 0px; }
img.Shaddow				{ background: #111111; }

.PageContainer { border: 0px solid #d8d8fa; border-top: 0px; }
td.PageContent { padding: 15px 15px 15px 15px; padding: 0px; border: 0px solid white; /**/}
td.PageContentTitle { height: 23px; padding: 0px; padding-left: 6px; border-top: 1px solid #F3F7FB; border-bottom: 1px solid #99BBE8; background: #D9E7F8 url('../images/buttons/title.png') repeat-x ; text-align: left; color: #15428B; /*#f5922a; bold 24pt Neuropol, Georgia; color: #f5922a; /*#d4d4ea;*/ }
td.PageContentTitleIcon { padding-left: 0px; padding-right: 4px; }
td.PageContentTitleText { color: #444444; font: bold 8pt Tahoma; padding: 4px; padding-left: 1px }
table.PageEdit { background: #F4F7E6 }
div.ExtPageContentTitleText { color: #444444; font: bold 8pt Tahoma !important; padding: 4px; padding-left: 1px }

div.ClientName { border: 0px solid green; padding-left: 3px; padding-bottom: 4px; cursor: default; white-space: nowrap; }
td.ClientNameText { border: 0px solid yellow; font: bold 8pt Tahoma !important; color: #444444; padding-left: 3px; padding-top: 2px; cursor: default; white-space: nowrap}

div.toolbar { padding: 0px; height: 24px; padding-top: 1px; background: #D9E7F8 /*url('../images/buttons/title.png') repeat-x  */; border: 0px; border-bottom: 1px solid #A9BFD3;white-space: nowrap; }
div.toolbarSeparator { height: 2px; background: #D9E7F8; padding: 0px;  border-top: 1px solid #F0F5FA; }

    .icon-new  {  background-image: url('../images/icons/new.png') !important;  }	
    .icon-change   {  background-image: url('../images/icons/edit.gif') !important; }
    .icon-delete   {  background-image: url('../images/icons/delete.png') !important; }
    .icon-filter   {  background-image: url('../images/icons/filter.gif') !important; }
    .icon-change-state {  background-image: url('../images/icons/changeState.png') !important; }
    .icon-assign   {  background-image: url('../images/icons/assign.gif') !important; }
    .icon-security {  background-image: url('../images/icons/security.gif') !important; }
    .icon-save  {  background-image: url('../images/icons/save.gif') !important;  }
    .icon-close  {  background-image: url('../images/icons/shutdown.gif') !important;  }
    .icon-users  {  background-image: url('../images/icons/users.png') !important;  }
    .icon-upload  {  background-image: url('../images/icons/upload.png') !important;  }
    .icon-upload-red  {  background-image: url('../images/icons/upload_red.png') !important;  }
    .icon-download  {  background-image: url('../images/icons/download.png') !important;  }
    .icon-drawings  {  background-image: url('../images/icons/drawings.png') !important;  }
    .icon-history  {  background-image: url('../images/icons/history.png') !important;  }
    .icon-preview  {  background-image: url('../images/icons/preview.png') !important;  }
    .icon-print  {  background-image: url('../images/icons/print.gif') !important;  }
    .icon-clients  {  background-image: url('../images/icons/clients.png') !important;  }
    .icon-document-explorer  {  background-image: url('../images/icons/documentExplorer.png') !important;  }
    .icon-folder  {  background-image: url('../images/icons/folder.png') !important;  }
    .icon-tasks  {  background-image: url('../images/icons/tasks.png') !important;  }
    .icon-conditions  {  background-image: url('../images/icons/conditions.png') !important;  }
    .icon-components  {  background-image: url('../images/icons/components.png') !important;  }
    .icon-reports  {  background-image: url('../images/icons/reports.png') !important;  }
    .icon-facilities  {  background-image: url('../images/icons/facilities.png') !important;  }
    .icon-attachments  {  background-image: url('../images/icons/comment.gif') !important;  }
    .icon-back32  {  background-image: url('../images/icons32x32/back.png') !important;  }
    .icon-contract-items  {  background-image: url('../images/expand-all.gif') !important;  }
    .icon-meter-reset  {  background-image: url('../images/icons/meterReset.png') !important;  }
    .icon-mail-send  {  background-image: url('../images/icons/MailSend.png') !important;  }
    .icon-apply  {  background-image: url('../images/smallicons/check.png') !important;  }
    .icon-refresh { background-image: url('../images/icons/refresh.png') !important; }
    .icon-archive { background-image: url('../images/icons/box.gif') !important; }
    .icon-previous { background-image: url('../images/icons/back.png') !important; }
    .icon-next { background-image: url('../images/icons/next.png') !important; }
    .icon-projects { background-image: url('../images/icons/projects.png') !important; }
    .icon-project-leaf { background-image: url('../images/icons/projectLeaf.png') !important; }
    .icon-project-activities { background-image: url('../images/icons/projectActivities.png') !important; }
    .icon-new-sale-order { background-image: url('../images/icons/newSaleOrder.png') !important; }
    .icon-copy { background-image: url('../images/icons/copy.png') !important; }
    .icon-documents { background-image: url('../images/icons/documents.png') !important; }
    .icon-calendar { background-image: url('../images/icons/calendar.png') !important; }
    .icon-finish { background-image: url('../images/icons/finish.png') !important; }
    .icon-wizard { background-image: url('../images/icons/wizard.png') !important; }
    .icon-wizard-cancel { background-image: url('../images/icons/wizardCancel.png') !important; }
    .icon-wizard-previous { background-image: url('../images/icons/wizardPrevious.png') !important; }
    .icon-wizard-next { background-image: url('../images/icons/wizardNext.png') !important; }
    .icon-wizard-finish { background-image: url('../images/icons/wizardFinish.png') !important; }
    
    .icon-big-wizard { background-image: url('../images/icons32x32/wizard.png') !important; }

td.TreeView { padding: 0px; padding-top: 2px; padding-left: 00px; padding-right: 00px; background: #f6f6ff; /*background: white url('../images/menuback.jpg') no-repeat top right;*/ }
/* TreeNode */ td.TN { padding: 2px; cursor: default; vertical-align: bottom }
/* td.TreeNodeExpand */ td.TNE { padding: 2px; text-align: left; vertical-align: middle; cursor: default; }
/* td.TreeNodeIcon */ td.TNI { padding: 0px; padding-left: 1px; text-align: left; vertical-align: middle; cursor: default; }
/* td.TreeNodeCaption */ td.TNC { padding: 0px; padding-left: 5px; font: 8pt Tahoma;  text-align: left; vertical-align: middle; cursor: default; }
/* td.TreeNodeCaption */ td.TNC a { font: 8pt Tahoma; text-decoration: none; color: black }
/* td.TreeNodeCaption */ td.TNC a:visited { text-decoration: none; color: black }
/* td.TreeNodeCaption */ td.TNC a:hover { text-decoration: underline; color: black }
/* tr.MenuItemRow */ tr.MIR { }
/* tr.MenuItemRowSelected */ tr.MIRS { background: url('../images/buttons/MenuItem2.gif') repeat-x; }
/* td.MenuTreeView */ td.MTV { border: 1px solid #a5a5a5; border-top: 0px; padding: 0px; background: white; }


td.TN2 { padding-top: 3px; padding-bottom: 2px; padding-left: 5px; cursor: default; vertical-align: bottom;  }
td.TNI2 { padding: 0px; padding-left: 5px; text-align: left; vertical-align: middle; cursor: default; }
td.TNI2 img { width: 32px; height: 32px; }
td.TNC2 { padding: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; font: 12pt Tahoma;  text-align: left; vertical-align: middle; cursor: default; }
td.TNC2 a { font: bold 9pt Tahoma; text-decoration: none; color: #222266; }
td.TNC2 a:visited { text-decoration: none; color: #222266; }
td.TNC2 a:hover { text-decoration: underline; color: #222266; }
td.MIRS2 { background-color: #d0f2fa; border-bottom: 1px solid #aacce8; border-top: 1px solid #aacce8; padding: 1px; }
td.MIR2  { padding: 2px; padding-left: 1px; padding-right: 1px; }

td.TNC2 p.Subject { font: 8pt Tahoma; padding: 0px; padding-top: 2px; padding-bottom: 1px; padding-left: 0px; margin: 0px; margin-top: 0px; color: #111111; font-weight: bold; } 
td.TNC2 p.Description { font: 7pt Tahoma; padding: 0px; padding-top: 2px; padding-left: 1px; padding-bottom: 2px; margin: 0px; margin-top: 0px; color: #555555;} 


table.List		{ border: 0px solid #a5a5a5; background: white;/**/ cursor: default; }
table.ListHeader { table-layout: fixed; }
/* ListColumnTerminator */   div.LCT  { cursor: default; background: #D9E7F8 /* url('../images/buttons/columnHeader.bmp') repeat-x        */ ; padding: 3px; padding-left: 5px; padding-bottom: 3px; font: bold 8pt Tahoma; border-right: 0px; border-left: 1px solid #eaeaea; }
/* ListColumnNormal     */   div.LCN  { cursor: default; background: #D9E7F8 /* #D9E7F8  url('../images/buttons/columnHeader.bmp') repeat-x       */ ; padding: 3px; padding-left: 5px; padding-right: 5px; font: bold 8pt Tahoma; color: #383838; border-right: 1px solid #A9BFD3; border-left: 1px solid #e2e5f8; white-space: nowrap; }
/* ListColumnSorted     */   div.LCS  { cursor: default; background: #D9F2FF /* url('../images/buttons/columnHeaderSorted.bmp') repeat-x */ ; padding: 3px; padding-left: 5px; padding-right: 5px; font: bold 8pt Tahoma; color: #383838; border-right: 1px solid #A9BFD3; border-left: 1px solid #e2e5f8; white-space: nowrap; }
/* ListColumnHover      */   div.LCH  { cursor: default; background: #D9F2FF /* url('../images/buttons/columnHeaderSorted.bmp') repeat-x;*/ ; padding: 3px; padding-left: 5px; padding-right: 5px; font: bold 8pt Tahoma; color: #383838; border-right: 1px solid #A9BFD3; border-left: 1px solid #efefef; white-space: nowrap; }
/* ListColumnTerminator */   td.LCT  { cursor: default; background: #D9E7F8 /* url('../images/buttons/columnHeader.bmp') repeat-x        */ ; padding: 3px; padding-left: 5px; padding-bottom: 3px; font: bold 8pt Tahoma; border-right: 0px; border-left: 1px solid #eaeaea; }
/* ListColumnNormal     */   td.LCN  { cursor: default; background: #D9E7F8 /* #D9E7F8  url('../images/buttons/columnHeader.bmp') repeat-x       */ ; padding: 3px; padding-left: 5px; padding-right: 5px; font: bold 8pt Tahoma; color: #383838; border-right: 1px solid #A9BFD3; border-left: 1px solid #e2e5f8; white-space: nowrap; }
/* ListColumnSorted     */   td.LCS  { cursor: default; background: #D9F2FF /* url('../images/buttons/columnHeaderSorted.bmp') repeat-x */ ; padding: 3px; padding-left: 5px; padding-right: 5px; font: bold 8pt Tahoma; color: #383838; border-right: 1px solid #A9BFD3; border-left: 1px solid #e2e5f8; white-space: nowrap; }
/* ListColumnHover      */   td.LCH  { cursor: default; background: #D9F2FF /* url('../images/buttons/columnHeaderSorted.bmp') repeat-x;*/ ; padding: 3px; padding-left: 5px; padding-right: 5px; font: bold 8pt Tahoma; color: #383838; border-right: 1px solid #A9BFD3; border-left: 1px solid #efefef; white-space: nowrap; }
/* ListRow2             */   tr.LR2  { cursor: default; background: white;	 }
/* ListRow              */   tr.LR   { cursor: default; background: #f8f8ff; }
/* ListRowVirtual       */   tr.LRV  { cursor: default; background: #D9F2Ff; }
/* ListRowVirtualData   */   td.LRVD { cursor: default; padding: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; font: 8pt Tahoma; vertical-align: top; white-space: nowrap; border: 0px; }
/* ListRowHover         */   tr.LRH  { cursor: default; background: #daf0f8; /*#dfdffa; */ /*#f8f8af;*/ }
/* ListRowSelected      */   tr.LRS  { cursor: default; background: #faf9c2; /* background: #daf0f8 url('../images/buttons/MenuItem3.gif') repeat-x; */ /*#f8f8bf; /*#dfdffa;*/ }
/* ListRowData          */   td.LRD  { cursor: default; padding: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; font: 8pt Tahoma; vertical-align: top; white-space: nowrap; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; }
/* ListRowDataTerm.     */   td.LRDT { cursor: default; padding: 0px; padding-top: 0px; padding-left: 5px; font: 8pt Tahoma; border-right: 0px solid #E3E3E3; border-bottom: 0px solid #E3E3E3; background: white; }
/* ListFooter			*/   td.LF   { cursor: default; background: #D9E7F8; padding: 0px; padding-left: 0px; padding-right: 15px; font: bold 8pt Tahoma; color: #383838; border-bottom: 1px solid #A9BFD3; border-right: 1px solid #A9BFD3; border-top: 1px solid #F0F5FA; border-left: 0px solid #e2e5f8; white-space: nowrap; }
.td.ListRowDataSorted  { cursor: default; background: #daffc5; padding: 0px; padding-top: 4px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; font: 8pt Tahoma; vertical-align: top; border-bottom:0px solid #e5e5e5;}
td.ListNoEntries { /*background: #f6f6f6;*/ font: 8pt Tahoma; color: gray; vertical-align: middle; text-align: left; padding: 12px; }
button.action { font: 7pt Tahoma; height: 19px; width: 60px; text-align: left; padding-left: 5px }
tr.ListTools { height: 23px; background: #aaccf8; border: 0px; } 

a.LVA:link { font: 8pt Tahoma; text-decoration: none; color: Blue; }
a.LVA:visited { text-decoration: none; color: Blue; }
a.LVA:hover { text-decoration: underline; color: Blue; }


div.ErrorBlock { border: 1px solid red; border-left: 1px solid red; background: #fefeb5; padding: 8px; font: 7pt Tahoma; color: black; }

button { width: 75px; height: 24px; font: 8pt Tahoma;  }

td.EditInputGroup {
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
    font: bold 7pt Tahoma;
    color: #333333;
    border: 0px solid #c5c5c5;
    border-left: 16px solid #99BBE8;
    border-bottom: 0px solid #bbbb93;
    background: #D9E7F8;
}

td.EditInputGroupTitle { padding: 6px; padding-top: 2px; padding-bottom: 2px; vertical-align: top; text-align: left; white-space: nowrap; font: bold 7pt Tahoma; color: #333333; border: 0px solid #c5c5c5; border-left: 0px solid #f0e4b3; /*#d9cca3;*/ border-bottom: 0px solid #bbbb93; background: #3C5E8E /*url('../images/buttons/ColumnSorted.gif') repeat-x; /*#d9cca3; /*#eeeed3*/}

td.EditInputGroupSep { height: 6px; padding: 0px; padding-left: 4px; background: gray; vertical-align: top; }
td.EditInputGroupSep2 { height: 6px; padding: 0px; padding-top: 4px; background: gray; vertical-align: top; }

td.EditContainer {
    border-top: 1px solid #222222;
    padding: 14px;
}

div.EditLink {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    padding-top: 5px;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
    width: 50px;
}

div.EditContainer {
    border-top: 1px solid #222222;
    padding: 14px;
}

td.EditInputKey { padding: 5px; padding-left: 25px; padding-top: 6px; padding-right: 25px; vertical-align: top; text-align: left; white-space: nowrap; font: bold 7pt Tahoma; color: #333333; border: 0px solid #c5c5c5; border-left: 0px solid #bbbb93; border-bottom: 0px solid #bbbb93;  }
td.EditInputKeyNoPadding { padding: 5px; padding-left: 10px; padding-top: 6px; padding-right: 10px; vertical-align: top; text-align: left; white-space: nowrap; font: bold 7pt Tahoma; color: #333333; border: 0px solid #c5c5c5; border-left: 0px solid #bbbb93; border-bottom: 0px solid #bbbb93;  }
td.EditInputValue { height: 24px; padding: 0px; padding-bottom: 1px; padding-top: 0px; padding-right: 6px; vertical-align: top; text-align: left; color: #111111; border-right: 0px solid silver; border-bottom: 0px solid silver; }
td.EditInputKeyNoPadding { padding: 5px; padding-left: 2px; padding-right: 2px; vertical-align: top; text-align: left; white-space: nowrap; font: bold 7pt Tahoma; color: #333333; border: 0px solid #c5c5c5; border-left: 0px solid #bbbb93; border-bottom: 0px solid #bbbb93;  }

/* Master Detail form */
div.MasterDetail {
    border: solid 1px #99bce8;
    margin-bottom: 15px;
}
tr.EditMaster { background-color: #f7f7f7; }
td.EditMasterInputValue {
    height: 24px;
    padding: 0px;
    padding-bottom: 1px;
    padding-top: 0px;
    padding-right: 6px;
    vertical-align: top;
    text-align: left;
    color: #111111;
    border-right: 0px solid silver;
    border-bottom: 0px solid silver;
    background-color: #fbfbfb;
}

td.InputButton { padding-left: 3px; padding-top: 3px; padding-bottom: 2px; }

select.data {
    font: 8pt Tahoma;
    border: 1px solid #c5c5c5;
    padding: 1px;
    margin-left: 0;
    margin-right: 0;
}
input.data {
    font: 8pt Tahoma;
    border: 0px;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    padding: 3px;
    padding-left: 4px;
    padding-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    background-color: #f8f8f8
}

input.dataWarning {
    font: 8pt Tahoma;
    border: 0px;
    border-bottom: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
    border-top: 1px solid #ff0000;
    border-left: 1px solid #ff0000;
    padding: 3px;
    padding-left: 4px;
    padding-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    background-color: #ff0000
}

input.numericData {
    text-align: right;
}

input.dataAutoComplete {
    font: 8pt Tahoma;
    border: 0px;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    padding: 3px;
    padding-left: 4px;
    padding-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    background-color: #f8f8f8;
    background-image: url('../images/autoComplete.png') !important;
    background-repeat: no-repeat;
    background-position: right;
} 
textarea.data {
    font: 8pt Tahoma;
    width: 417px;
    height: 70px;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    padding: 3px;
    padding-left: 5px;
    margin-left: 0;
    margin-right: 0;
    background: #f8f8f8;
} 
textarea.dataSmall {
    font: 8pt Tahoma;
    width: 417px;
    height: 42px;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    padding: 3px;
    padding-left: 5px;
    margin-left: 0;
    margin-right: 0;
    background-color: #f8f8f8;
}
textarea.dataSmallAutoComplete {
    font: 8pt Tahoma;
    width: 417px;
    height: 42px;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    padding: 3px;
    padding-left: 5px;
    margin-left: 0;
    margin-right: 0;
    background-color: #f8f8f8;
    background-image: url('../images/autoComplete.png') !important;
    background-repeat: no-repeat;
    background-position: right;
}
td.DetailsBreak { border-bottom: 1px solid silver; }
img.link { cursor: pointer; }
input.checkboxData { width: 14px; height: 14px; vertical-align: bottom; top: -1px; font: 8pt Tahoma; border: 0px; padding: 0px; }
label.data { height: 14px; text-indent: 16px; vertical-align: top; }

td.Note { font: 7pt Tahoma; vertical-align: top; padding-top: 0px; padding-left: 4px;}
div.EditNoteHeader { white-space: normal; font: 7pt Tahoma; padding: 0px; padding-left: 20px; padding-top: 4px; padding-bottom: 2px; margin: 0px; margin-top: 0px; color: #111111;} 
div.EditNote { width: 270px; white-space: normal; font: 7pt Tahoma; padding: 0px; padding-left: 2px; padding-top: 4px; padding-bottom: 2px; margin: 0px; margin-top: 0px; color: #BB2222;} 

td.TabHeader	{ height: 5px; background: #ededfa; }
td.TabPageContentHolder	{ padding: 0px; background: white; border: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5;  border-top: 0px; vertical-align: top; }
div.TabPageContent	{ padding: 0px; background: white; border: 0px }
td.TabSeparator { white-space: nowrap; cursor: default; border-bottom: 1px solid #a5a5a5; font: bold 5pt Tahoma; }
td.TabActive    { white-space: nowrap; cursor: default; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; padding-right: 15px; background: white; border: 1px solid #a5a5a5; border-bottom: 0px; font: 8pt Tahoma; color: black }
td.TabHover     { white-space: nowrap; cursor: pointer; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; padding-right: 15px; background: #f7fbaa; border: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; font: 8pt Tahoma; color: black }
td.TabInactive  { white-space: nowrap; cursor: pointer; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; padding-right: 15px; background: #dadada; /*#d5d5a9;*/ border: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; font: 8pt Tahoma; color: black }

img.Person { width: 60px; height: 60px; border: 1px solid #d5d5d5; padding: 1px; padding: 2px; /*padding-left: 10px; padding-right: 10px;*/ background: white; }
p.User { font: 7pt Tahoma; padding: 0px; margin: 0px; padding-top: 2px; color: #555555; }
p.Subject { font: 8pt Tahoma; padding: 0px; padding-top: 1px; padding-left: 0px; padding-bottom: 0px; margin: 0px; margin-top: 0px; color: #111111; font-weight: bold; } 
p.Description { font: 7pt Tahoma; padding: 0px; padding-top: 2px; padding-left: 1px; padding-bottom: 2px; margin: 0px; margin-top: 0px; color: #555555;} 
div.ListNote { white-space: normal; font: 7pt Tahoma; padding: 0px; padding-left: 12px; padding-top: 4px; padding-bottom: 2px; margin: 0px; margin-top: 0px; color: #777777; } 

div.ListRecursiveTask { color: orange; white-space: normal; font: 7pt Tahoma; padding: 0px; padding-left: 16px; padding-top: 5px; padding-bottom: 2px; margin: 0px; margin-top: 0px; color: #777777; background: url('../utils/ajax/images/loading2.gif') no-repeat; background-position: 2px 5px; } 



div.ModalDialog { padding:0px; }


td.WizardToolbarIcon { text-align: center; cursor: pointer; } 
td.WizardToolbarIconLabel { font: 7pt Tahoma; text-align: center; padding-top: 3px; } 
td.WizardContent { padding: 0px; background: white; } 


td.Clock { padding: 6px; padding-top: 1px; padding-bottom: 1px; font: bold 6pt Tahoma;  background: black; color: lime; white-space: nowrap; } 



a:link  { text-decoration: none; color: gray;}
a:visited { text-decoration: none; color: gray; }
a:hover { text-decoration: none; color: black; }


td.MonitorColumn { padding: 1px; padding-right: 12px; padding-bottom: 3px; font-weight: bold; white-space: nowrap }
td.MonitorData   { padding: 2px; padding-right: 12px; padding-bottom: 3px; white-space: nowrap; }






    div.ScrollBox { overflow: scroll; border: 0px solid #a5a5a5; clip: rect(0 0 400px 500px) }
    
    td.CellFixedHeader { font: bold 8pt Trebuchet MS; cursor: default; font-weight: bold; padding: 1px; padding-left: 0px; padding-right: 0px; background: #D4DDEA url('../images/gantt/columnHeader.bmp') repeat-x;  border-right: 1px solid #D6D2C2; border-top: 1px solid #FAF9F4; border-left: 1px solid #f8f8f8; border-bottom: 1px solid silver; white-space: nowrap }
    td.CellFixedHeader2 { font: bold 8pt Tahoma; cursor: default; font-weight: bold; padding-top: 2px; padding-bottom: 0px; padding-left: 4px; padding-right: 5px; background: #D4DDEA url('../images/gantt/columnHeader.bmp') repeat-x;  border-right: 1px solid #D6D2C2; border-top: 1px solid #FAF9F4; border-left: 1px solid #f8f8f8; border-bottom: 1px solid silver; white-space: nowrap }

    td.Tier1 { width: 84px; border: 0px solid red; border-right: 0px; border-bottom: 0px; white-space: nowrap }
    td.Tier1Week { width: 12px; border: 0px solid red; border-right: 0px; text-align: center; background: Red; color: white; font: 7pt Consolas; white-space: nowrap }
    td.CellFixed { cursor: default; font: 8pt Arial; padding: 2px; padding-top: 1px; padding-left: 5px; padding-right: 6px; background-color: #f3f5ff;  border-right: 1px solid #D6D2C2; border-top: 1px solid #FAF9F4; border-left: 1px solid #FAF9F4; border-bottom: 0px solid #E2DECD; white-space: nowrap }
    td.CellFixedColorChange { cursor: default; font: 8pt Arial; padding: 2px; padding-top: 1px; padding-left: 5px; padding-right: 6px; background-color: #fff5f3;  border-right: 1px solid #D6D2C2; border-top: 1px solid #FAF9F4; border-left: 1px solid #FAF9F4; border-bottom: 0px solid #E2DECD; white-space: nowrap }
    td.Cell { cursor: default; text-align: left; padding-top: 1px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background: white url('../images/gantt/cellWeek.bmp') repeat-x; border-left: 1px solid white; border-right: 1px solid #E3E3E3; border-top: 0px solid silver; border-bottom: 0px solid silver; white-space: nowrap }

    td.GridLine { background: #E3E3E3 } 



    td.dgHeader { cursor: default; background: #D9E7F8 /* #D9E7F8  url('../images/buttons/columnHeader.bmp') repeat-x       */ ; padding-top: 2px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; font: bold 8pt Tahoma; color: #383838; border-bottom: 1px solid #A9BFD3; /*#99BBE8;*/ border-right: 1px solid #A9BFD3;/*silver; */ border-top: 1px solid #F0F5FA; /*#99BBE8;*/ border-left: 0px solid #e2e5f8; white-space: nowrap; }
    td.dgCellFixed { cursor: default; font: 8pt Tahoma; padding: 2px; padding-top: 2px; padding-left: 5px; padding-right: 6px; background-color: #f3f5ff;  border-right: 1px solid #D6D2C2; border-top: 1px solid #FAF9F4; border-left: 1px solid #FAF9F4; border-bottom: 0px solid #E2DECD; white-space: nowrap }
    td.dgCell { cursor: default; font: 8pt Arial; background: white; text-align: left; padding-top: 1px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; border-right: 1px solid #E3E3E3; border-top: 0px solid silver; border-bottom: 0px solid silver; white-space: nowrap; }
    input.dgEdit { font: 8pt Arial; text-align: right; border: 0px; padding: 1px;  }
    td.dgFooter { cursor: default; background: #D9E7F8 /* #D9E7F8  url('../images/buttons/columnHeader.bmp') repeat-x       */ ; padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; font: bold 8pt Tahoma; color: #383838; border-top: 1px solid #A9BFD3; border-bottom: 1px solid #A9BFD3; /*#99BBE8;*/border-right: 1px solid #D9E7F8; /*#A9BFD3;/*silver; */ border-left: 0px solid #e2e5f8; white-space: nowrap; }
    
    
    
    
    
    div.AjaxIndicator { position: absolute;  top: -2px; width: 92px; height: 18px; padding: 0px; color: White; background: url('../images/pill.gif'); font: bold 7pt Tahoma; left: expression(document.body.offsetWidth/2 - this.offsetWidth/2); z-index: 1000; /*filter: alpha(opacity=0); */}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        
    .settings {
        background-image:url('../icons/fam/folder_wrench.png');
    }
    .nav {
        background-image:url('../icons/fam/folder_go.png');
    }
    #north{
       border:0 none;
       background: #3C5E8E; /*#1E4176 url(images/hd-bg.gif) repeat-x 0 0; /*#3C5E8E; /*#1E4176; /*url(images/hd-bg.gif) repeat-x 0 0;*/
       font:normal 16px tahoma, arial, sans-serif;
       color:white;
       margin:0px;
       padding: 5px;
       padding-bottom: 7px;
       padding-left: 7px; 
    }
    
    .icon-expand-all { background-image: url('../images/expand-all.gif') !important; }
    .icon-collapse-all { background-image: url('../images/collapse-all.gif') !important; }
    .icon-expand-members { background-image: url('../images/expand-members.gif') !important; }
    .icon-hide-inherited { background-image: url('../images/hide-inherited.gif') !important; }
    
/* Gantt control styles */

/* Gantt column	header	*/	td.GanttColumnHeader { cursor: default; background: #D9E7F8; padding: 0px; padding-left: 5px; padding-right: 5px; font: bold 8pt Tahoma; color: #383838; border-bottom: 1px solid #A9BFD3; /*#99BBE8;*/ border-right: 1px solid #A9BFD3; border-top: 1px solid #F0F5FA; border-left: 0px solid #e2e5f8; white-space: nowrap; }

/* Calendar control styles */
td.CalendarItem { border-left: 5px solid blue; text-align: left; cursor: pointer !important;}
.calendarWeekName { font: bold 12pt Tahoma; }
div.CalendarContentTitle { height: 43px; padding: 0px; padding-left: 6px; border-top: 1px solid #F3F7FB; border-bottom: 1px solid #99BBE8; background: #D9E7F8 url('../images/buttons/titleBig.png') repeat-x scroll 0px 2px; text-align: left; color: #15428B; /*#f5922a; bold 24pt Neuropol, Georgia; color: #f5922a; /*#d4d4ea;*/ }
div.CalendarTitleText { color: #444444 !important; font: bold 14pt Tahoma !important; padding: 4px; padding-left: 1px; text-align: center !important; white-space: nowrap !important; }
div.CalendarColumnHeader { height: 16px; cursor: default; background: #D9E7F8; padding: 0px; padding-left: 5px; padding-right: 5px; font: bold 8pt Tahoma; color: #383838; border-bottom: 1px solid #A9BFD3; /*#99BBE8;*/ border-right: 1px solid #A9BFD3; border-top: 1px solid #F0F5FA; border-left: 0px solid #e2e5f8; white-space: nowrap; }
div.CalendarColumnHeaderToday { height: 16px; cursor: default; background: skyblue; padding: 0px; padding-left: 5px; padding-right: 5px; font: bold 8pt Tahoma; color: #383838; border-bottom: 1px solid #A9BFD3; /*#99BBE8;*/ border-right: 1px solid #A9BFD3; border-top: 1px solid #F0F5FA; border-left: 0px solid #e2e5f8; white-space: nowrap; }
table.CalendarDayTable { text-align: center; vertical-align: top }
div.CalendarRowCell { cursor: default; background: #FFFFD5; padding: 0px; padding-left: 0px; padding-right: 0px; font: 8pt Tahoma; color: #383838; border-bottom: 0px solid #A9BFD3; border-right: 1px solid #A9BFD3; border-top: 1px solid #A9BFD3; border-left: 0px solid #A9BFD3; vertical-align: top; text-align: center; }
p.calendarItemSubject { padding: 3px; padding-left: 6px; padding-right: 6px; font: bold 10pt Tahoma; }
p.calendarItemDescription { padding-left: 6px; padding-right: 6px; padding-bottom: 5px; font: 7pt Tahoma; }
table.CalendarWeeklyCellInactive { background: #CCCCCC; }

td.CalendarNavButton { font: bold 9pt Tahoma !important; padding-left: 4px; cursor: pointer !important; }
td.CalendarNavButtonText { font: bold 9pt Tahoma !important; padding-left: 2px; padding-right: 4px; cursor: pointer !important; }
td.CalendarNavButtonImg{ cursor: pointer !important; }

/* Ext JS Grid column styles */
.x-grid3 {
    font: 8pt Tahoma;
}

.x-grid3-hd {
    background: #D9E7F8;
    font-weight: bold;
    color: #383838;
    border-bottom: 1px solid #A9BFD3;
    border-right: 1px solid #A9BFD3;
    border-top: 1px solid #F0F5FA;
    border-left: 0px solid #e2e5f8;
    white-space: nowrap;
}

/* Override standard grid styles (add colour to vertical grid lines) */
.vline-on .x-grid3-col {
    border-left:  1px solid #EEEEEE;
    border-right: 1px solid #D2D2D2;
}
 
/* Also remove padding from table data (to compensate for added grid lines) */
.vline-on .x-grid3-row .x-grid3-summary-row td {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Budget grid editors */
.cost-accounts-style
{
    background-color: #faf9c2;
}

.total-label
{
    color:#333;
    background:#f1f2f4; 
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding-top:2px;
}

.grand-total
{
    color: Red;
    background: #f1f2f4; 
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding-top: 2px;
}

.total-period-summary  
{
    text-align: right;
    vertical-align: middle;
    background-color: #d9e7f8;
    font-weight: bold;
}

/* Task analysis styles */
td.TaskAnalysisGroup { padding: 6px; padding-left: 8px; padding-top: 3px; padding-bottom: 3px; text-align: left; white-space: nowrap; font: bold 7pt Tahoma; color: #333333; border: 0px solid #c5c5c5; border-left: 16px solid #99BBE8; border-bottom: 0px solid #bbbb93; background: #D9E7F8; }
td.TaskAnalysisGroup2 { padding-top: 10px; padding-bottom: 2px; padding-left: 25px; padding-top: 3px; padding-bottom: 3px; text-align: left; white-space: nowrap; font: bold 7pt Tahoma; color: #333333; border: 0px solid #c5c5c5; }
td.TaskAnalysisIndicator { padding: 0px; text-align: center; white-space: nowrap; font: bold 7pt Tahoma; color: #333333; border: 0px solid #c5c5c5; border-left: 0px solid #bbbb93; border-bottom: 0px solid #bbbb93; }
td.TaskAnalysisKey { padding: 4px; padding-left: 7px; padding-right: 7px; text-align: Left; vertical-align: top; white-space: nowrap; font: bold 7pt Tahoma; color: #333333; border: 0px solid #c5c5c5; /*border-left: 0px solid #bbbb93; border-bottom: 0px solid #bbbb93; */}
td.TaskAnalysisDescription { height: 24px; padding: 2px; padding-left: 7px; padding-right: 7px; padding-top: 10px; text-align: left; vertical-align: top; color: #111111; border-bottom: 1px solid #d5d5d5; border-right: 0px solid #d5d5d5 }

/* Autocomplete */
.autoCompleteDiv { border: 1px solid #d5d5d5; border-bottom: 1px solid gray; border-right: 1px solid gray; background: #f6f6ff;  zoom: 1; overflow: hidden; }
.autoComplete-item { padding: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.autoComplete-item:hover {background: #c5c5f3; padding: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.autoComplete-item-selected { background: #ddecfe; font-weight: normal; padding: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*ddecfe*/
.autoComplete-item-selected:hover {background: #c5c5f3; padding: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

td.UserNameLabel { font: 9pt Tahoma; }

/* Request Resources */

.RequestResource_List td
{
    height: 18px;
    padding: 2px 10px 2px 0px;
    margin: 2px 2px 2px 2px;
}
.RequestResource_List .RequestResourceName
{
    text-decoration: underline;
    cursor: pointer;
    color: Blue
}
.RequestResource_List .Actions {
    width: 18px;
    text-align: center;
}
.RequestResource_List .Actions img { cursor: pointer; }
.RequestResource_List .Actions img:hover { border: solid 1px gray; }

.RequestAttachments_List td
{
    height: 18px;
    padding: 2px 10px 2px 0px;
    margin: 2px 2px 2px 2px;
}
.RequestAttachments_List .RequestAttachmentName
{
    text-decoration: underline;
    cursor: pointer;
    color: Blue
}
.RequestAttachments_List .Actions {
    width: 18px;
    text-align: center;
}
.RequestAttachments_List .Actions img { cursor: pointer; }
.RequestAttachments_List .Actions img:hover { border: solid 1px gray; }

.toolbarContainer {
    top: 0px !important;
}

/*
For combo box with checkboxes
*/

img.combo-icon-checked {
    background-image: url('../resources/css/images/menu/checked.gif') !important;
}
img.combo-icon-unchecked {
    background-image: url('../resources/css/images/menu/unchecked.gif') !important;
}

.currentEnergyReadingCls {
    font-size: 12pt !important;
    font-weight: bold !important;
    background-color: #ffcccc !important;
}

.noPadding, .noPadding .x-grid-cell-inner {
    padding: 0px;
}

.WizardHeader {
    padding: 4px;
    background-color: #f8f8ff !important;
}

.WizardTitle {
    color: #0440a4;
    font-weight: bold;
}

.WizardDescription {
    padding-top: 10px;
}

/** CIT LOCK CODES **/

.citLockCodes {
    padding: 20px;
    font-size: 20pt;
}

.citLockCodes .EditInputKey {
    font-size: 12pt;
    vertical-align: bottom;
}

.onlineCitLockCode {
    padding: 0px;
    color: #0B7A75;
}

.offlineCitLockCode {
    padding: 0px;
    color: #E65F5C
}

/** AUTHORIZATION CODES **/

.authorizationCodes {
    padding: 20px;
    font-size: 20pt;
}

.authorizationCodes .EditInputKey {
    font-size: 12pt;
    vertical-align: bottom;
}

.authorizationCode {
    padding: 0px;
    color: #0B7A75;
}
/* Toggle Switch */
.toggle-switch {
    position: relative;
    width: 45px;
    height: 20px;
    display: inline-block;
    text-align: left;
    top: -2px;
    cursor: pointer;
    margin-top: 5px;
}

.toggle-switch-checkbox {
    display: none;
}

.toggle-switch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 100%;
    padding: 0;
    line-height: 20px;
    border: 2px solid #ddd;
    border-radius: 20px;
    background-color: #eeeeee;
}

.toggle-switch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .toggle-switch-inner:before,
    .toggle-switch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 20px;
        padding: 0;
        line-height: 20px;
        font-size: 10px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        box-sizing: border-box;
    }

    .toggle-switch-inner:before {
        content: "OFF";
        padding-left: 6px;
        background-color: #bd3f3f;
        color: #ffffff;
        font-weight:bold;
    }

    .toggle-switch-inner:after {
        content: "ON";
        padding-right: 6px;
        background-color: #28a745;
        color: #ffffff;
        text-align: right;
        font-weight:bold;
    }

.toggle-switch-switch {
    display: block;
    width: 14px;
    height: 14px;
    margin: 3px;
    background: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 23px;
    border: 2px solid #ddd;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.toggle-container {
    display: flex;
    gap: 1px; 
    align-items: center;
    margin-right: 0px; 
    margin-bottom: 10px;
    margin-top: 3px;
}

.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner {
    margin-left: 0;
}

.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch {
    right: 0px;
}

.EditInputValue {
    display: flex;
    align-items: center;
    gap: 10px; 
}

.cit-allowed-container {
    margin-left: 0px; 
}