/*** Border Layout ***/
.layout-border {
  overflow: hidden;
  position: relative;
}
  
.layout-border-north {
}
.layout-border-south {
}
.layout-border-west {
overflow: visible;
width: 5px;
}  
.layout-border-east {
overflow: hidden;
width: 5px;
}
.layout-border-center {
}

/*** End Border Layout ***/

/*** Splitter Layout ***/
.layout-splitter {
  position: relative;
  vertical-align: top;
}


.layout-splitter-first-pane {
  position: relative;
  vertical-align: top;
  overflow: hidden;
}

.layout-splitter-second-pane {
  position: relative;
  overflow: hidden;
}

.dark .layout-splitter-horizontal-divider {
    background-color: var(--color-surface-200);
    background-image: none;
}
.layout-splitter-horizontal-divider {
  background-color: ButtonFace;
  background-image: url(/images/splitter_horizontal_divider.png);
  background-repeat:  repeat-x;
  background-position: 0 0;
  height: 6px;
  overflow: hidden;
  cursor: n-resize;
}

.dark .layout-splitter-vertical-divider {
    background-color: var(--color-primary-200);
}

.layout-splitter-vertical-divider {
  background-color: ButtonFace;
  background-image: url(/images/splitter_vertical_divider.png);
  background-repeat:  repeat-y;
  background-position: 0 0;
  width: 6px;
  height: 30px;
  overflow: hidden;
  cursor: w-resize;
}

/*** End Splitter Layout ***/


/*** Start Misc Icons ***/
.magnify-button
{
  float: left;
  padding: 2px;
  width: 13px;
  height: 12px;
  overflow: hidden;
  background-position: 2px 2px;
  background-image: url(/images/button/CF_Explore.png);
  background-repeat: no-repeat;
  cursor: default;
}

.magnify-button-hover
{
  float: left;
  padding: 0;
  width: 13px;
  height: 12px;
  overflow: hidden;
  background-position: 0 0;
  background-image: url(/images/button/CF_Explore.png);
  background-repeat: no-repeat;
  border: 2px outset white;
}

.magnify-button-down
{
  float: left;
  padding: 0;
  width: 13px;
  height: 12px;
  overflow: hidden;
  background-position: 1 1;
  background-image: url(/images/button/CF_Explore.png);
  background-repeat: no-repeat;
  border: 2px inset white;
}

.configure-button
{
  float: left;
  padding: 2px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-position: 2px 2px;
  background-image: url(/images/button/configure.png);
  background-repeat: no-repeat;
  cursor: default;
}

.configure-button-hover
{
  float: left;
  padding: 0;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-position: 0 0;
  background-image: url(/images/button/configure.png);
  background-repeat: no-repeat;
  border: 2px outset white;
}

.configure-button-down
{
  float: left;
  padding: 0;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-position: 1px 1px;
  background-image: url(/images/button/configure.png);
  background-repeat: no-repeat;
  border: 2px inset white;
}

.close-sidebar-button
{
  float: left;
  padding: 2px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-position: 2px 2px;
  background-image: url(/images/button/close_sidebar.png);
  background-repeat: no-repeat;
  cursor: default;
}

.close-sidebar-button-hover
{
  float: left;
  padding: 2px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-position: 2px 2px;
  background-image: url(/images/button/close_sidebar_hover.png);
  background-repeat: no-repeat;
  cursor: default;
}

.close-sidebar-button-down
{
  float: left;
  padding: 2px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background-position: 2px 2px;
  background-image: url(/images/button/close_sidebar_down.png);
  background-repeat: no-repeat;
  cursor: default;
}

.clonebanner
{
  margin-top: 1px;
  margin-left: 5px;
  float: right;
  background: yellow;
  padding: 1px 4px 1px 4px;
  border: 1px solid gray;
  color: maroon;
  font-family: Arial, Helvetica, sans-serif ;
  font-size:  8pt ;
  font-weight: bold;
}

/*** End Misc Icons ***/
.sidebar-title-bar
{
  background: #63699C;
  border: 1px outset white;
  padding: 3px;
  font-size: 14px;
  color: white;
}

.tablecontainer
{
    width: 300px;
    overflow: auto;
    border: 1px inset ButtonFace;
}


.spreadsheet1
{
  background: rgb(255,255,255);
}

.spreadsheet2
{
  background: rgb(234,240,242); /* rgb(224,224,224); */
}

.modified
{
  background: #bbbbff;
  color: #0000ff;
}

.quickcontentloading {
  display: block;
  margin: 1em;
  color: #505030;
  overflow: visible;
  padding: 0 0 0 20px;
  background: url(/images/loading_indicator2.gif) no-repeat 0 0;
}

.menu-bar-menu,
.menu-bar-menu-hover,
.menu-bar-menu-down
{
  padding: 5px 10px 6px 10px;
  cursor: default;
  display: inline-block;
  font-size: 11px;
  font-family: Tahoma, Verdana, sans-serif;
}

.menu-bar-spacer {
  height: 25px;
  border-left: 2px groove white;
  position: absolute;
  left: 185px;
  top: 0px;
}

.menu-bar-menu-hover
{
 padding: 4px 9px 5px 9px;
 border: 1px solid #0a246a;
 background-color: #b8bfd3;
}

.menu-bar-menu-down
{
 padding: 4px 9px 5px 9px;
 border: 1px solid #666666;
 border-bottom: 1px solid #f2f1ef;
 background-color: #f2f1ef;
}

.menu
{
  /* This is not necessary for quickframes */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  display: block;
  border: thin outset white;
  padding: 0;
  margin: 0;
/*  background: ButtonFace; */
  background: #d4d0c8;
  -moz-user-select: none;
}

.menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.menu-menuitem,
.menu-submenuitem,
.menu-active-submenuitem,
.menu-active-menuitem
{
margin: 2px;
display: block;
padding: 0 0 0 30px;
height: 17px;
/* width: 180px; */
cursor: default;
position: relative;
line-height: 17px;
}

.menu-menuitem,
.menu-submenuitem
{
background-color: #d4d0c8;
/* background-color: Menu; */
}

.menu-active-submenuitem,
.menu-active-menuitem
{
/* background-color: Highlight; */
/* color: HighlightText; */
background-color: #0A246A;
color: white;
}

.menu-submenuitem
{
  background-position: 100% 5px;
  background-image: url(/images/menu/submenuitem_arrow.png);
  background-repeat: no-repeat;
}

.menu-active-submenuitem
{
  background-position: 100% 4px;
  background-image: url(/images/menu/submenuitem_active_arrow.png);
  background-repeat: no-repeat;
}

.menu .icon
{
display: block;
position: absolute;
left: 0;
top: 0;
padding: 0 0 0 3px;
}

.icon
{
  background-repeat: no-repeat;
  background-position: 3px 0;
  height: 16px;
  width: 16px;
}

.menu .gutter
{
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0 3px 0 0;
}

.menu .separator
{
  border-top: 2px groove white;
}

.menu .separator-bottom
{
  border-bottom: 2px groove white;
}


.menu-button,
.menu-button-hover,
.menu-button-down
{
 float: left;
 padding: 4px 13px 5px 9px;
 cursor: default;
 border-top:  1px solid white;
 border-left: 1px solid white;
 border-bottom: 1px outset white;
 border-right: 1px outset white;
 background-position: 100% 8px;
 background-image: url(/images/button/menu_button.png);
 background-repeat: no-repeat;
}

.menu-button-hover
{
 background-color: #b8bfd3;
}

.menu-button-down
{
 background-color: #f2f1ef;
 border-top:  1px inset white;
 border-left: 1px inset white;
 border-bottom: 1px solid white;
 border-right: 1px solid white;
}

.ExcelButton
{
  background-image: url(/images/menu/excelicon.gif);
}

.CSVButton
{
  background-image: url(/images/menu/excelicon.gif);
}

.ExcelAllButton
{
  background-image: url(/images/menu/excelallicon.gif);
}

.ExcelPositionButton
{
  background-image: url(/images/menu/excelallicon.gif);
}

.CutButton
{
  background-image: url(/images/menu/cuticon.png);
}

.CopyButton
{
  background-image: url(/images/menu/copyicon.gif);
}

.IEButton
{
  background-image: url(/images/menu/ieicon.gif);
}

.HelpButton
{
  background-image: url(/images/menu/helpicon.gif);
}

.PrintButton
{
  background-image: url(/images/menu/printicon.gif);
}

.ConfigReportButton
{
  background-image: url(/images/menu/config_report_icon.gif);
}

.TextButton
{
  background-image: url(/images/menu/txticon.gif);
}

.PDFButton
{
  background-image: url(/images/menu/pdficon.gif);
}

.GraphButton
{
  background-image: url(/images/menu/graph.gif);
}

.SortAscButton
{
  background-image: url(/images/menu/sortascicon.gif);
}

.SortDescButton
{
  background-image: url(/images/menu/sortdescicon.gif);
}

.UnSortButton
{
  background-image: url(/images/button/delete.png);
}

.GrabColButton
{
  background-image: url(/images/menu/grabcolumn.gif);
}

.YieldBookButton
{
  background-image: url(/images/menu/yieldbookicon.gif);
}

.YieldBookAllScenariosButton
{
  background-image: url(/images/menu/yieldbookicon.gif);
}

.RefreshButton
{
  background-image: url(/images/button/refresh.gif);
}

.OptionsButton
{
  background-image: url(/images/button/edit_forecasting_options.png);
}

/* Start Grid Control */
.gc-selection-cover         { position: absolute; background: blue; line-height: 0; marign: 0; padding: 0; border: 0;}
.gc-selection-cover-blurred { position: absolute; background: #555555; line-height: 0; marign: 0; padding: 0; border: 0;}

.gc-next-page-button {
  padding: 4px;
  width: 5px;
  height: 12px;
  overflow: hidden;
  background-position: 4px 6px;
  background-image: url(/images/grid_control/next_page.gif);
  background-repeat: no-repeat;
  cursor: default;
}

a.gc-next-page-button:hover {
  padding: 2px;
  border: 2px outset white;
  background-position: 2px 4px;
}

.gc-prev-page-button {
  padding: 4px;
  width: 5px;
  height: 12px;
  overflow: hidden;
  background-position: 3px 6px;
  background-image: url(/images/grid_control/prev_page.gif);
  background-repeat: no-repeat;
  cursor: default;
}

a.gc-prev-page-button:hover {
  padding: 2px;
  border: 2px outset white;
  background-position: 1px 4px;
}

a.gc-prev-page-button-disabled {
  padding: 4px;
  width: 5px;
  height: 12px;
  overflow: hidden;
  background-position: 3px 6px;
  background-image: url(/images/grid_control/prev_page_disabled.gif);
  background-repeat: no-repeat;
  cursor: default;
}

a.gc-prev-page-button-disabled:hover {
  padding: 4px;
  border: none;
  background-position: 3px 6px;
}

.gc-next-page-button-disabled {
  padding: 4px;
  width: 5px;
  height: 12px;
  overflow: hidden;
  background-position: 4px 6px;
  background-image: url(/images/grid_control/next_page_disabled.gif);
  background-repeat: no-repeat;
  cursor: default;
}

a.gc-next-page-button.disabled:hover {
  padding: 4px;
  border: none;
  background-position: 3px 6px;
}


.gc-button-menu,
.gc-button-menu-hover,
.gc-button-menu-down
{
  margin: 0;
  width: 14px;
  height: 16px;
/*   overflow: hidden; */
  background-image: url(/images/grid_control/button_menu2.png);
  background-repeat: no-repeat;
  cursor: default;
}

.gc-button-menu
{
  background-position: 5px 5px;
  padding: 2px;
}

.gc-button-menu-hover
{
  padding: 0;
  border: 2px outset white;
  background-position: 3px 3px;
}

.gc-button-menu-down
{
  padding: 0;
  border: 2px inset white;
  background-position: 4px 4px;
}

.gc-excel-button,
.gc-excel-button-hover,
.gc-excel-button-down
{
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-image: url(/images/menu/excelicon.gif);
  background-repeat: no-repeat;
  cursor: default;
}

.gc-excel-button
{
  padding: 2px;
  background-position: 2px 2px;
}

.gc-excel-button-hover
{
  padding: 0;
  border: 2px outset white;
  background-position: 0 0;
}

.gc-excel-button-down
{
  padding: 0;
  border: 2px inset white;
  background-position: 1px 1px;
}

.graph-title-bar {
  background-image: url(/images/h2back.gif);
  background-repeat: repeat-x;
  font-family: Georgia;
  color: #606060;
  border-bottom: 1px solid #d0d0d0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background-image: url(/images/h2back.gif);
  background-repeat: repeat-x;
  font-family: Georgia;
  color: #606060;
  border-bottom: 1px solid #d0d0d0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.gc-title-bar {
  height: 20px;
  margin: 0;
  overflow: hidden;
  padding: 0px 0px 0px 5px;
  border-color: black;
  border-style: solid;
  border-width: 1px 1px 2px 1px;
  background-image: url(/images/h2back.gif);
  position: relative;
}

.gc-title-bar-controls
{
  height: 19px;
  position: absolute;
  top: 0;
  right: 10px;
}

.gc-title-text {
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  height: 19px;
  float: left;
  overflow: hidden;
}

.gc-cursormsg {
  font-size: 12px;
  display: block;
  padding-top: 2px;
  vertical-align: top;
}

.gc-status-message
{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin: 1em;
  color: #505030;
  overflow: visible;
  padding: 5px 5px 5px 25px;
  background: url(/images/loading_indicator2.gif) no-repeat 3px 5px;
  background-color: #FFFFD0;
  border: 1px solid black;
  z-index: 8000;
}

.gc-headers-and-data-container
{
  background: AppWorkspace; /* #E0E0E0; */
  border: 2px inset white;
  overflow: hidden;
  position: relative;
}

.gc-headers,
.gc-locked-headers
{
  cursor: w-resize;
  table-layout: fixed;
  border-collapse: collapse;
  border-style: none;
  border-spacing: 0;
  width: 0;
}

.gc-locked-data
{
  background: #e0e0e0;
}

.gc-locked-data,
.gc-data
{
  cursor: default;
  table-layout: fixed;
  border-collapse: collapse;
  border-style: none;
  border-spacing: 0;
  width: 0;
}

.gc-locked-headers,
.gc-headers-container
{
  padding-left: 1px;
  border-bottom: 2px groove #c0c0c0;
  background: ButtonFace;
}

.gc-data-container
{
  overflow: auto; /* scroll; */
  position: relative;
  cursor: default;
}

.gc-headers        TH,
.gc-locked-headers TH
{
  cursor: default;
  border-right: 2px groove white;
  padding: 1px 13px 0 4px;
  font-weight: normal;
  padding: 4px 3px 4px 2px;
  overflow:hidden;
  white-space:nowrap;
  letter-spacing:0;
  word-spacing:0;
  z-index:1;
/*   border-top:0px none; */
/*   border-left:0px none; */
/*   border-bottom:1px solid #CCC; */
/*   border-right:1px solid #CCC; */
}

.gc-headers        TH.sort_ascending,
.gc-locked-headers TH.sort_ascending
{
  background-image: url(/images/grid_control/sort_indicator_ascending.gif);
  background-repeat:  no-repeat;
  background-position: center right;
  padding-right: 13px;
}

.gc-headers        TH.sort_descending,
.gc-locked-headers TH.sort_descending
{
  background-image: url(/images/grid_control/sort_indicator_descending.gif);
  background-repeat:  no-repeat;
  background-position: center right;
  padding-right: 13px;
}

.gc-data-cell
{
/*  text-indent:3px; */
  padding: 0px 3px 0px 2px;
  overflow:hidden;
  white-space:nowrap;
  letter-spacing:0;
  word-spacing:0;
  z-index:1;
  border-top:0px none;
  border-left:0px none;
  border-bottom:1px solid rgb(128,128,128); /* #CCC; */
  border-right:1px solid rgb(128,128,128); /* #CCC; */
  font-size: 8pt;
  line-height: 16px;
  height: 16px;
}

.gc-locked-data TR.gc-active, .gc-locked-data TR.gc-active TD,
.gc-data        TR.gc-active, .gc-data        TR.gc-active TD
{
  background: #aed8f9;
  color: black;
}

.gc-locked-data TR.gc-active-blurred, .gc-locked-data TR.gc-active-blurred TD,
.gc-data        TR.gc-active-blurred, .gc-data        TR.gc-active-blurred TD
{
  background: #c0c0c0;
  color: black;
}

/* .gc-locked-data TR.gc-active TD.selected, .gc-locked-data TD.selected, */
/* .gc-data        TR.gc-active TD.selected, .gc-data        TD.selected */
/* { */
/*   background: #c0c0ff; */
/*   color: black; */
/* } */

.gc-locked-data TR.gc-active TD.gc-active,
.gc-data        TR.gc-active TD.gc-active
{
  background: #78799B;
  color: black;
}

.gc-locked-data TR.gc-active-blurred TD.gc-active-blurred,
.gc-data        TR.gc-active-blurred TD.gc-active-blurred
{
  background: #787878;
  color: black;
}

.gc-resize-box-grip
{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 13px;
  height: 13px;
  background-image: url(/images/grid_control/resize_box_grip.gif);
  background-repeat:  no-repeat;
  background-position: center right;
  cursor: se-resize;
}

.gc-locked-data-scrollbar-spacer
{
height: 20px;
position: absolute;
left: 0;
bottom: -5px;
border-top: 1px solid AppWorkspace;
/* border-bottom: 5px solid AppWorkspace; */
background-color: ButtonFace;
line-height: 5px;
width: 50px;
z-index: 3;
}

.gc-drop-target,
.gc-data-container.gc-drop-target
{
background: yellow;
}

.gc-drop-target .gc-data-cell
{
border-color: yellow;
}

.gc-cell-disabled
{
background-color: #c0c0c0;
color: gray;
}

.gc-cell-comment
{
background-image: url(/images/grid_control/cell_comment.gif);
background-repeat:  no-repeat;
background-position: top right;
}

/* End Grid Control */

/* Start Data Grid */

.dg-data
{
  cursor: default;
  table-layout: fixed;
  /* border-collapse: collapse; */
  border-style: none;
  border-spacing: 0;
  width: 0;
}

.dg-data-container
{
  overflow: auto; /* scroll; */
  position: relative;
  cursor: default;
}

.dg-filter {
  overflow: hidden;
  width: 1000px;
  display: none;
  padding: 5px;
  background-color: ButtonFace;
  background-image: url(/images/datagrid/filter_bar_background.png);
  background-repeat:  repeat-x;
  height: 20px;
  border-color: white;
  border-style: groove;
  border-width: 2px;
  vertical-align: text-bottom;
  -moz-user-select: -moz-none;
}

.dg-find-dialog {
  overflow: hidden;
  width: 1000px;
  display: hidden;
  padding: 5px;
  background-color: white;
  background-image: url(/images/datagrid/filter_bar_background.png);
  background-repeat:  repeat-x;
  height: 25px;
  border-color: black;
  border-style: groove;
  border-width: 1px;
  -moz-user-select: -moz-none;
}

.dg-filter-help-dialog {
  overflow: hidden;
  padding: 5px;
  background-color: #FFF4CB;
  -moz-user-select: -moz-none;
}

.dg-filter-button {
  height: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  margin-left: 5px;
  display: inline;
  vertical-align: top;
  cursor: pointer;
  background-image: url(/images/datagrid/filter_button_background.png);
  background-repeat:  repeat-x;
}

.dg-filter-help {
   background-image: url(/images/help/popupHelpWindowIcon.png);
   background-repeat:  no-repeat;
   width: 20px;
   height: 20px;
   vertical-align: top;
   display: inline;
 }

.dg-title-bar {
  height: 20px;
  margin: 0;
  overflow: hidden;
  padding: 0px 0px 0px 5px;
  border-color: white;
  border-style: groove;
  border-width: 2px 2px 0px 2px;
  background-image: url(/images/h2back.gif);
  position: relative;
}

.dg-title-bar-controls
{
  height: 19px;
  position: absolute;
  top: 0;
  right: 0px;
  padding-right: 10px;
  padding-left: 5px;
  background-image: url(/images/h2back.gif);
  background-repeat: repeat-x;
}

.dg-title-text {
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  height: 19px;
  float: left;
  overflow: hidden;
}

.dg-status-message
{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin: 1em;
  color: #505030;
  overflow: visible;
  padding: 5px 5px 5px 25px;
  background: url(/images/loading_indicator2.gif) no-repeat 3px 5px;
  background-color: #FFFFD0;
  border: 1px solid black;
  z-index: 8000;
}

.dg-spacer-row
{
 background-color: #9eb6ce;
}

.dg-data-cell,
.dg-data-cell-selected
{
/*  text-indent:3px; */
  padding: 0px 3px 0px 2px;
  overflow:hidden;
  white-space:nowrap;
  letter-spacing:0;
  word-spacing:0;
  z-index:1;
/*   border-top:1px solid rgb(128,128,128); /\* #CCC; *\/ */
  border-top:0px none;
  border-left:0px none;
  border-bottom:1px solid rgb(128,128,128); /* #CCC; */
  border-right:1px solid rgb(128,128,128); /* #CCC; */
  font-size: 8pt;
  line-height: 15px;
  height: 16px;
  text-overflow: ellipsis;
}

.dg-headers
{
width: 0;
}

.dg-headers TH.dg-data-cell
{
/*   cursor: default; */
/*   border-left:   1px solid white; */
/*   border-top:    1px solid white; */
  border-right:  1px solid #9eb6ce;
  border-bottom: none;
  font-weight: normal;
  padding: 0px;
  white-space:nowrap;
  letter-spacing:0;
  word-spacing:0;
  background-image: url(/images/datagrid/column_header_background.png);
  background-repeat:  repeat-x;
  background-position: 0 0;
}


.dg-headers TH.dg-data-cell-selected
{
/*   cursor: default; */
/*   border-left:   1px solid white; */
/*   border-top:    1px solid white; */
  border-right:  1px solid #f29536;
  border-bottom: none;
  font-weight: normal;
  padding: 0px;
  white-space:nowrap;
  letter-spacing:0;
  word-spacing:0;
  background-image: url(/images/datagrid/column_header_selected_background.png);
  background-repeat:  repeat-x;
  background-position: 0 0;
}

.dg-headers TH.dg-data-cell-hover
{
/*   cursor: default; */
/*   border-left:   1px solid white; */
/*   border-top:    1px solid white; */
  border-right:  1px solid #f29536;
  border-bottom: none;
  font-weight: normal;
  padding: 0px;
  white-space:nowrap;
  letter-spacing:0;
  word-spacing:0;
  background-image: url(/images/datagrid/column_header_hover_background.png);
  background-repeat:  repeat-x;
  background-position: 0 0;
}

.dg-headers-and-data-container
{
/*  background: #e0e0e0;  'Calc' */
/*  background: #808080;   Old   */
  background: #c0c0c0;
  overflow: hidden;
  position: relative;
  border: 1px solid #000000;
  -moz-user-select: -moz-none;
}

.dg-headers-container
{
}

.dg-vertical-scrollbar
{
  background-image: url(/images/datagrid/vertical_scrollbar_background.gif);
  background-repeat:  repeat-y;
  background-position: 0 0;
}

.dg-vertical-scrollbar-up-arrow
{
  background-image: url(/images/datagrid/vertical_scrollbar_arrows.png);
  background-repeat:  no-repeat;
  background-position: 0 0;
  width: 15px;
  height: 22px;
}

.dg-vertical-scrollbar-down-arrow
{
  background-image: url(/images/datagrid/vertical_scrollbar_arrows.png);
  background-repeat:  no-repeat;
  background-position: 0 -74px;
  width: 15px;
  height: 22px;
}

.dg-vertical-scrollbar-cursor
{
  width: 13px;
  height: 20px;
}

.dg-vertical-scrollbar-cursor-top
{
  background-image: url(/images/datagrid/vertical_scrollbar_cursor_top_cap.gif);
  background-repeat: no-repeat;
  background-position: 0 0; 
}

.dg-vertical-scrollbar-cursor-body
{
  background-image: url(/images/datagrid/vertical_scrollbar_cursor_background.png);
  background-repeat: repeat-y;
  background-position: 0 0; 
}

.dg-vertical-scrollbar-cursor-bottom
{
  background-image: url(/images/datagrid/vertical_scrollbar_cursor_bottom_cap.gif);
  background-repeat: no-repeat;
  background-position: 0 0; 
}

.dg-horizontal-scrollbar
{
  background-image: url(/images/datagrid/horizontal_scrollbar_background.gif);
  background-repeat:  repeat-x;
  background-position: 0 0;
}

.dg-horizontal-scrollbar-up-arrow
{
  background-image: url(/images/datagrid/horizontal_scrollbar_arrows.png);
  background-repeat:  no-repeat;
  background-position: 0 0;
  height: 15px;
  width: 22px;
}

.dg-horizontal-scrollbar-down-arrow
{
  background-image: url(/images/datagrid/horizontal_scrollbar_arrows.png);
  background-repeat:  no-repeat;
  background-position: -74px 0;
  height: 15px;
  width: 22px;
}

.dg-horizontal-scrollbar-cursor
{
  height: 13px;
  width: 20px;
}

.dg-horizontal-scrollbar-cursor-top
{
  background-image: url(/images/datagrid/horizontal_scrollbar_cursor_top_cap.gif);
  background-repeat: no-repeat;
  background-position: 0 0; 
}

.dg-horizontal-scrollbar-cursor-body
{
  background-image: url(/images/datagrid/horizontal_scrollbar_cursor_background.png);
  background-repeat: repeat-x;
  background-position: 0 0; 
}

.dg-horizontal-scrollbar-cursor-bottom
{
  background-image: url(/images/datagrid/horizontal_scrollbar_cursor_bottom_cap.gif);
  background-repeat: no-repeat;
  background-position: 0 0; 
}

.dg-data TR.dg-active-row TD
{
  background-color: var(--color-highlight);
  color: black;
}

.dg-data TR.dg-active-row TD.dg-active-cell
{
  background-color: #c0c0ff;
}

.dg-button-menu,
.dg-button-menu-hover,
.dg-button-menu-down
{
  margin: 0;
  width: 14px;
  height: 16px;
/*   overflow: hidden; */
  background-image: url(/images/grid_control/button_menu2.png);
  background-repeat: no-repeat;
  cursor: default;
}

.dg-button-menu
{
  background-position: 5px 5px;
  padding: 2px;
}

.dg-button-menu-hover
{
  padding: 0;
  border: 2px outset white;
  background-position: 3px 3px;
}

.dg-button-menu-down
{
  padding: 0;
  border: 2px inset white;
  background-position: 4px 4px;
}

.dg-excel-button,
.dg-excel-button-hover,
.dg-excel-button-down
{
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-image: url(/images/menu/excelicon.gif);
  background-repeat: no-repeat;
  cursor: default;
}

.dg-excel-button
{
  padding: 2px;
  background-position: 2px 2px;
}

.dg-excel-button-hover
{
  padding: 0;
  border: 2px outset white;
  background-position: 0 0;
}

.dg-excel-button-down
{
  padding: 0;
  border: 2px inset white;
  background-position: 1px 1px;
}

.dg-graph-button,
.dg-graph-button-hover,
.dg-graph-button-down
{
  width: 16px;
  height: 16px;
  overflow: hidden;
  background-image: url(/images/menu/graph.gif);
  background-repeat: no-repeat;
  cursor: default;
}

.dg-graph-button
{
  padding: 2px;
  background-position: 2px 2px;
}

.dg-graph-button-hover
{
  padding: 0;
  border: 2px outset white;
  background-position: 0 0;
}

.dg-graph-button-down
{
  padding: 0;
  border: 2px inset white;
  background-position: 1px 1px;
}


/* End Data Grid */

/* Start Tab Layout */
.layout-tab-tabstrip {
  position: relative;
  display: block;
  float: left;
  padding: 3px 0 0 5px;
  list-style-type: none;
  width: 100%;
  border-bottom: 1px solid white;

/* Temporarily changed margin to fix border layout issue with margin */
/* margin: 3px 0 0 0; */
margin: 0;
}

.layout-tab-tabstrip li {
  display: block;
  float: left;
}

.layout-tab-tabstrip a, .layout-tab-tabstrip a:hover, .layout-tab-tabstrip a:active
{
  position: relative;
  background: ButtonShadow;/*ButtonFace; */
  display: block;
  padding: 2px 1em;
  margin-top: 2px;
  float: left;
  color: black;
  text-decoration: none;
/*  font-size: 80%; */
  border-top: 1px solid ButtonFace; /* white; */
  border-left: 1px solid ButtonFace; /* white; */
  border-right: 2px outset ButtonFace; /* white; */
  border-bottom: none;
  margin-bottom: -1px;
  white-space: nowrap;
  cursor: default;
  -moz-user-select: none;
}

.layout-tab-tabstrip a:hover
{
    background: #b8bfd3;
}

.layout-tab-tabstrip a.selected, .layout-tab-tabstrip a.selected:hover, .layout-tab-tabstrip a.selected:active
{
  border-color: white;
  text-decoration: none;
  color: black;
  margin-top: 0;
  background: ButtonFace;
  border-bottom: 3px solid ButtonFace;
  cursor: default;
}

.layout-tab-body-container
{
  position: relative;
  clear: both;
  overflow: hidden;
  border-top: none;
  padding-top: 3px;
  border-left: 2px outset white;
  border-right: 2px outset white;
  border-bottom: 2px outset white;
}

/* End Tab Layout */


/* Start Accordion Layout */
.layout-accordion-body-container
{
  /* position: relative; */
  /* display: block; */
  background: white;
  /* padding: 12px; */
}

a.layout-accordion-caption,
a.layout-accordion-caption:link,
a.layout-accordion-caption:visited
{
  background: #b4c9dc; /*#646464;*/ /* #6B79A5; */
  color: #303030; /* #c0c0c0; */ /* #CED7EF; */
  font-weight: normal;
  height: 22px;
  display: block;
  padding: 5px 0 0 5px;
  position: relative;

  border-bottom:1px solid #303030; /* #182052; */
  border-style:solid none;
  border-top:1px solid #909090; /* #BDC7E7; */
  border-width:1px 0 0 0;

  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -moz-user-select: none;

  background-color: rgb(221,221,221);
  background: #7abcff; /* old browsers */
  background: -moz-linear-gradient(left, rgb(255,255,255) 0%, rgb(221,221,221) 100%); /* firefox */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* webkit */
  background: linear-gradient(to right, rgb(255,255,255),rgb(221,221,221)); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* ie */
}

a.layout-accordion-caption:hover,
a.layout-accordion-caption-selected,
a.layout-accordion-caption-selected:link,
a.layout-accordion-caption-selected:visited
{
  background: #b4c9dc; /* #707070; */ /* #63699C; */
  color: #000000; /* #FFFFFF; */
  font-weight: bold;
  height: 22px;
  display: block;
  padding: 5px 0 0 5px;
  position: relative;

  border-bottom:1px solid #303030; /* #182052; */
  border-style:solid none;
  border-top:1px solid #909090; /* #BDC7E7; */
  border-width:1px 0 0 0;

  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -moz-user-select: none;

  background-color: rgb(221,221,221);
  background: #7abcff; /* old browsers */
  background: -moz-linear-gradient(left, rgb(255,255,255) 0%, rgb(221,221,221) 100%); /* firefox */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* webkit */
  background: linear-gradient(to right, rgb(255,255,255),rgb(221,221,221)); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* ie */
}

a.layout-accordion-caption div.layout-accordion-arrow,
a.layout-accordion-caption-selected div.layout-accordion-arrow
{
height: 10px;
width: 7px;
right: 10px;
top: 10px;
position: absolute;
background-image: url(/images/button/accordion_section_hidden_indicator.png);
background-repeat: no-repeat;
background-position: 0 0;
}

a.layout-accordion-caption-selected div.layout-accordion-arrow
{
background-image: url(/images/button/accordion_section_visible_indicator.png);
}

/* End Accordion Layout */

/* Start GroupBox Layout */
.layout-groupbox
  {
  position: relative;
  padding: 7px 5px 5px 5px;
  }
.layout-groupbox-caption
  {
  position: absolute;
  top: 0px;
  left: 13px;
  white-space: nowrap;
  background: ButtonFace;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8pt;
  padding: 0 2px;
  }
.layout-groupbox-body-container
  {
  border: 2px groove white;
  padding: 5px;
  margin-top: 0px;
  }

/* All links in captions should only show underlines when hovered over */
.layout-groupbox-caption a:link,
.layout-groupbox-caption a:visited
 {
 text-decoration: none;
 color: black;
 }

.layout-groupbox-caption a:hover
 {
 text-decoration: underline;
 color: navy;
 }




/* End GroupBox Layout */

.workspace
  {
  background: AppWorkspace;
  }

.modal-dialog-loading {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin: 1em;
  color: #505030;
  overflow: visible;
  padding: 5px 5px 5px 25px;
  background: url(/images/loading_indicator2.gif) no-repeat 5px 5px;
  background-color: #FFFFe0;
  border: 1px solid black;
  z-index: 100000;
 }

.modal-dialog {
/*  background: url(/images/progressdiv/apple_progress_background.png) repeat 0 0; */
  background-color: ButtonFace;
  border: 2px outset #848484;
/*  padding: 10px; */
}

.dialog-shadow {
/*
  clear: both;
  float:left;
*/
/*  background: url(/images/progressdiv/dropshadow.png) no-repeat bottom right !important; */
/*  background: url(/images/progressdiv/dropshadow.png) no-repeat bottom right; */
  background: url(/images/progressdiv/dropshadow.png) no-repeat 0 0;
/*  margin: 6px 0 0 17px !important;
  margin: 6px 0 0 8px;*/
}

tr.separator {
  background-color: #c0c0c0;
  font-weight: bold;
}

#menubar
{
  display: block;
  position: relative;
  white-space: nowrap;
  line-height: 20px;
  border-style: groove;
  border-width: thin;
  padding-left: 1em;
  text-align: left;
  height: 20px;
  -moz-user-select: none;
}

#menubar ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menubar li
{
display: inline;
}

#menubar a
{
text-align: center;
display: inline;
padding: 3px .5em 3px .5em;
background-color: Menu;
}

#menubar a:link, #menubar ul a:visited
{
color: MenuText;
text-decoration: none;
}

#menubar a:hover
{
background-color: Highlight;
color: HighlightText;
}

#menubar li.separator
{
  border-top: 2px groove white;
}

.reportsButton-hover,
.reportsButton-down,
.reportsButton
{
  display: block;
  height: 25px;
  width: 63px;
  float: left;
  background: url(/images/button/reports_button/reports_button_and_menu_new.png) no-repeat 0 0;
}

.reportsButton-hover
{
  background-position: 0 -25px;
}

.reportsButton-down
{
  background-position: 0 -50px;
}

.reportsMenuButton,
.reportsMenuButton-hover,
.reportsMenuButton-down
{
  display: block;
  height: 25px;
  width: 12px;
  float: right;
  background: url(/images/button/reports_button/reports_button_and_menu_new.png) no-repeat 100% 0;
}

.reportsMenuButton-hover
{
  background-position: 100% -50px;
}

.reportsMenuButton-down
{
  background-position: 100% -25px;
}

.rich-text-area
{
  background-color: white;
}

/* Begin Widget ComboBox */
.combo-box
{
  position: relative;
  width: 120px;
  height: 22px;
  overflow: hidden;
  vertical-align: top;
}
.combo-box select,
.combo-box iframe,
.combo-box input
  {
  line-height: 16px;
  }
.combo-box iframe,
.combo-box input
  {
  width: 100px;
  border-right: none;
  }
.combo-box select
  {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  clip: rect(auto auto auto 100px);
  }
.combo-box iframe
  {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  border: none;
  overflow: hidden;
  }
.combo-box input
  {
  position: absolute;
  top: 0;
  left: 0;
  }
/* End Widget ComboBox */

#toolbar
  {
  border-style: groove;
  border-width: thin;
  padding-left: 1em;
  text-align: left;
  height: 20px;
  /* border-left: 2px ridge ButtonFace; */
  }


.calendar * { margin: 0; padding: 0; border: 0; font-family: Tahoma, serif; font-weight: normal; color: #000; }
.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .selectedday { background: #ddd; }
.calendar .today { font-weight: bold; color: #f00; }
.calendar a { padding: 0 2px; color: #000; text-decoration: none; }
.calendar a:hover { background: #bbb; }
.calendar table { border-collapse: collapse; font-size: 90%; }
.calendar tbody td { width: 20px; }
.calendar td, .calendar th { padding: 1px; text-align: center; }
.calendar thead td { border-bottom: 1px solid #aaa; }
.calendar thead td { font-weight: bold; }
.calendar thead th a { font-size: 95%; font-weight: bold; }
.calendar thead th { padding: 2px 0; vertical-align: middle; background: #ddd; }
.calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #fff; }
.calendaricon { cursor: pointer; }
.calendarlink, .calendaricon { margin: 0 3px; }

/* Begin Widget Button */

.button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  white-space: nowrap;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: inline;
/*
  border-style: outset;
  border-width: 1px;
*/
  border-top:  2px solid white;
  border-left: 2px solid white;
  border-bottom: 2px outset white;
  border-right:  2px outset white;
  background: ButtonFace;
  color: black;
}
.button-hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: inline;
  border: 2px outset white;
  /* border: 1px solid black; */
  background-color: #c0c0c0;
  color: black;
}
.button-down {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: inline;
  border: 2px inset white;
  background: #c0c0c0;
  color: black;
}

.hoverButton {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid gray;
  background: #c0c0c0;
  color: black;
}
.hoverButton-hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid black;
  background: #0000c0;
  color: white;
}
.hoverButton-down {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid black;
  background: #c00000;
  color: white;
}

.hoverButtonGreen {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid gray;
  background: #2E8B57;
  color: black;
}
.hoverButtonGreen-hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid black;
  background: #0000c0;
  color: white;
}
.hoverButtonGreen-down {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid black;
  background: #c00000;
  color: white;
}

.hoverButtonBlue {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid gray;
  background: #B0C4DE;
  color: black;
}
.hoverButtonBlue-hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid black;
  background: #0000c0;
  color: white;
}
.hoverButtonBlue-down {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid black;
  background: #c00000;
  color: white;
}

.hoverButtonLavender {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid gray;
  background: #FFF0F5;
  color: black;
}
.hoverButtonLavender-hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid black;
  background: #0000c0;
  color: white;
}
.hoverButtonLavender-down {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 30px;
  cursor: default;
  padding: 5px;
  margin: 5px;
  display: block;
  border: 1px solid black;
  background: #c00000;
  color: white;
}

div.green-button,
div.green-button-hover,
div.green-button-down,
div.green-button-disabled
 {
  display: block;
  background: url(/images/button/GreenGoBeveled.gif) no-repeat 0 0;
  color: #D0CECE;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 2px 0 0 0;
  margin: 0;
  height: 16px;
  width:  32px;
  cursor: pointer;
  text-decoration: none;
  border: 2px outset white;
}

div.green-button-hover {
  background: url(/images/button/GreenGoBeveledHover.gif) no-repeat 0 0;
  color: black;
}

div.green-button-down {
  border: 2px inset white;
  color: black;
}

div.green-button-disabled {
  background: #c0c0c0;
  cursor: default;
  color: #707070;
}

div.blue-button,
div.blue-button-hover,
div.blue-button-down,
div.blue-button-disabled
 {
  display: block;
  background: url(/images/button/BlueBeveledButton.gif) no-repeat 0 0;
  color: #D0CECE;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 4px 0 0 0;
  margin: 0;
  height: 18px;
  width:  48px;
  cursor: pointer;
  text-decoration: none;
  border: 2px outset white;
}

div.blue-button-hover {
  background-position: 0 -23px;
  color: black;
}

div.blue-button-down {
  border: 2px inset white;
  color: black;
}

div.blue-button-disabled {
  background: #c0c0c0;
  cursor: default;
  color: #707070;
}

a.greenaction {
  display: block;
  background: url(/images/button/GreenGoBeveled.gif) no-repeat 0 0;
  color: #f0f0f0;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 2px 0 0 0;
  margin: 0;
  height: 16px;
  width:  32px;
  cursor: pointer;
  text-decoration: none;
}

a.greenaction:hover {
  background: url(/images/button/GreenGoBeveledHover.gif) no-repeat 0 0;
  color: black;
}

a.bluebeveledbutton {
  display: block;
  background: url(/images/button/BlueBeveledButton.gif) no-repeat 0 0;
  color: #D0CECE;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 4px 0 0 0;
  margin: 0;
  height: 18px;
  width:  48px;
  cursor: pointer;
  text-decoration: none;
}

a.bluebeveledbutton:hover {
  background-position: 0 -22px;
  color: black;
}

a.bluebeveledwindowbutton {
  display: block;
  background: url(/images/button/BlueBeveledWindowButton.gif) no-repeat 0 0;
/*  color: black; */
  color: #f0f0f0;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 16px 0 0;
  margin: 0;
  height: 29px;
  width:  100px;
  cursor: pointer;
  text-decoration: none;
}

a.bluebeveledwindowbutton:hover {
  background-position: 0 -44px;
  color: #810541;
}

/* Begin Custom Tab Layout */

a.customtablayout1 {
  display: block;
  background: url(/images/layout/custom_tab_layout_1.gif) no-repeat 0 0;
  #color: #f0f0f0;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 0px 0 0 0;
  margin: 0;
  height: 34px;
  width:  45px;
  cursor: pointer;
  text-decoration: none;
}

a.customtablayout1:hover {
  background-position: 0 -34px;
  #color: #810541;
}

a.customtablayout2 {
  display: block;
  background: url(/images/layout/custom_tab_layout_2.gif) no-repeat 0 0;
  #color: #f0f0f0;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 0px 0 0 0;
  margin: 0;
  height: 34px;
  width:  45px;
  cursor: pointer;
  text-decoration: none;
}

a.customtablayout2:hover {
  background-position: 0 -34px;
  #color: #810541;
}

a.customtablayout3 {
  display: block;
  background: url(/images/layout/custom_tab_layout_3.gif) no-repeat 0 0;
  #color: #f0f0f0;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 0px 0 0 0;
  margin: 0;
  height: 34px;
  width:  45px;
  cursor: pointer;
  text-decoration: none;
}

a.customtablayout3:hover {
  background-position: 0 -34px;
  #color: #810541;
}

a.customtablayout4 {
  display: block;
  background: url(/images/layout/custom_tab_layout_4.gif) no-repeat 0 0;
  #color: #f0f0f0;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 0px 0 0 0;
  margin: 0;
  height: 34px;
  width:  45px;
  cursor: pointer;
  text-decoration: none;
}

a.customtablayout4:hover {
  background-position: 0 -34px;
  #color: #810541;
}

a.customtablayout5 {
  display: block;
  background: url(/images/layout/custom_tab_layout_5.gif) no-repeat 0 0;
  #color: #f0f0f0;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 0px 0 0 0;
  margin: 0;
  height: 34px;
  width:  45px;
  cursor: pointer;
  text-decoration: none;
}

a.customtablayout5:hover {
  background-position: 0 -34px;
  #color: #810541;
}

a.customtablayout6 {
  display: block;
  background: url(/images/layout/custom_tab_layout_6.gif) no-repeat 0 0;
  #color: #f0f0f0;
  font: bold 11px arial, helvetica, sans-serif;
  text-align: center;
  padding: 0px 0 0 0;
  margin: 0;
  height: 34px;
  width:  45px;
  cursor: pointer;
  text-decoration: none;
}

a.customtablayout6:hover {
  background-position: 0 -34px;
  #color: #810541;
}

/* End Widget Button */

/* Begin Accordian */

.accordionTabTitleBar {
   font-size           : 12px;
   padding             : 4px 6px 4px 6px;
   border-style        : solid none solid none;
   border-top-color    : #BDC7E7;
   border-bottom-color : #182052;
   border-width        : 1px 0px 1px 0px;
}

.accordionTabTitleBarHover {
   font-size           : 11px;
   background-color    : #1f669b;
   color               : #000000;
}

.accordionTabContentBox {
   font-size           : 11px;
   border              : 1px solid #1f669b;
   border-top-width    : 0px;
   padding             : 0px 8px 0px 8px;
}



/* End Accordian */

/* Tool tip help */

#ToolTipHelp {
   background    : #FFFFE0;
   border        : 1px solid #505050;
   position      : absolute;
   max-width     : 400px;
   z-index       : 1;
}

#ToolTipHelp div.header {
   background    : #c0c0c0;
   font-size     : 14px;
   font-family   : sans-serif;
   font-weight   : bold;
   color         : #0000a0;
   border-bottom : 1px solid #a0a0a0;
}

#ToolTipHelp div.header div.icon {
   background    : url(/images/help/popupHelpWindowIcon.png) no-repeat 0 0;
   float         : left;
   height        : 15px;
   width         : 15px;
}

#ToolTipHelp div.header div.title {
   display       : inline;
   padding       : 2px 5px;
}

#ToolTipHelp div.body {
   padding       : 5px;
   font-size     : 12px;
   font-family   : sans-serif;
}

/* End Tool tip help */

/* Tree Widget */
div.tree {
 padding: 1px;
}

div.tree-node-caption, div.tree-node-caption-last {
  cursor: pointer;
  padding: 1px 0 2px 20px;
  background-image: url(/images/button/kb/tree_leaf.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  border-top: none;
  border-bottom: none;
}

div.tree-node-caption-last {
   background-image: url(/images/button/kb/tree_leaf_last_child.png);
}

/* .expanded  > div.tree-node-caption, */
/* .collapsed > div.tree-node-caption { */
div.tree-node-caption-collapsed,
div.tree-node-caption-expanded {
  cursor: default;
}

/* .expanded > div.tree-node-caption { */
div.tree-node-caption-expanded {
  background-image: url(/images/button/kb/tree_node_open.png);
}

div.tree-node-caption-expanded.tree-node-caption-last {
  background-image: url(/images/button/kb/tree_node_open_last_child.png);
}

/* .collapsed > div.tree-node-caption { */
div.tree-node-caption-collapsed {
  background-image: url(/images/button/kb/tree_node_closed.png);
}

div.tree-node-caption-collapsed.tree-node-caption-last {
  background-image: url(/images/button/kb/tree_node_closed_last_child.png);
}

div.tree-node-caption-collapsed.tree-node-caption-root {
   background-image: url(/images/button/kb/tree_node_closed_root.png);
}

div.tree-node-caption-expanded.tree-node-caption-root {
   background-image: url(/images/button/kb/tree_node_open_root.png);
}


/* .selected > div.tree-node-caption, */
/* .hover > div.tree-node-caption */
div.tree-node-caption-hover,
div.tree-node-caption-selected {
  background-color: #C7C7BA;
  padding-top: 1px;
  padding-bottom: 2px;
  border-top: none;/*1px solid #ABABA0;*/
  border-bottom: none;/*1px solid #ABABA0;*/
  background-position: 0 0;
}

ul.tree-node-children {
   margin     : 0;
   padding    : 0 0 0 20px;
   list-style : none;
}

div.tree-node {
   background-image: url(/images/button/kb/tree_node_margin.png);
   background-repeat: repeat-y;
   background-position: 0 0;
}

/* End Tree Widget */

/* Main Tabs */
div.itk-main-tab {
  background-image: url(/images/navtab/mainTabRight.gif);
  background-repeat: no-repeat;
  background-position: right top;
}
/* End Main Tabs */

.itx-cell-type-editable-text, .itx-cell-type-editable-text-hover, .itx-cell-type-editable-text-modified, .itx-cell-type-editable-text-modified-hover {
 color: #0000FF;
 background-image: url(/images/datagrid/cell_type_editable_text_background.gif);
 background-repeat: no-repeat;
 background-position: right 7px;
}
.itx-cell-type-editable-text-modified, .itx-cell-type-editable-text-modified-hover {
 font-weight: bold;
}
.itx-cell-type-editable-text-hover, .itx-cell-type-editable-text-modified-hover {
 background-position: right -43px;
}

TD.dg-active-cell.itx-cell-type-editable-text-modified,
TD.dg-active-cell.itx-cell-type-editable-text,
TD.dg-active-cell.itx-cell-type-editable-text-hover,
TD.dg-active-cell.itx-cell-type-editable-text-modified-hover {
 border: 2px solid black;
}

.itx-cell-type-dropdown .itx-cell-type-dropdown-arrow, .itx-cell-type-dropdown-pressed .itx-cell-type-dropdown-arrow, .itx-cell-type-dropdown-disabled .itx-cell-type-dropdown-arrow {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 15px;
  line-height: 15px;
  width: 16px;
  background-image: url(/images/input/dropdown_arrow.png);
  background-position: right top;
  background-repeat: no-repeat;
}

.itx-cell-type-dropdown-pressed .itx-cell-type-dropdown-arrow {
  background-position: right -17px;
}

.itx-cell-type-dropdown-disabled {
  background-color: #c0c0c0;
}

.itx-cell-type-dropdown-disabled .itx-cell-type-dropdown-arrow {
  background-position: right -34px;
}


div.itx-cell-type-dropdown-popup {
  background: white;
  border: 1px solid black;
  overflow: auto;
  position: absolute;
}

div.itx-cell-type-dropdown-popup ul {
  margin     : 0;
  padding    : 0;
  list-style : none;
}

div.itx-cell-type-dropdown-popup li {
  display: block;
  padding: 1px 1px 1px 3px;
  height: 17px;
  cursor: default;
  position: relative;
  line-height: 17px;
}

li.itx-cell-type-dropdown-active {
  background-color: #0A246A;
  color: white;
}

.itx-cell-type-button div, .itx-cell-type-button-pressed div {
  background-image: url(/images/datagrid/cell_type_button_background.png);
  background-position: 0 0;
  height: 15px;
  background-repeat: repeat-x;
  text-align: center;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid #909090;
  border-right: 1px solid #909090;
  overflow: hidden;
}

.itx-cell-type-button-pressed div {
  border-color: #909090 white white #909090;
  background-position: 0 -14px;
  height: 14px;
  padding: 1px 0 0 1px;
}

.delete-button,
.delete-button-down,
.delete-button-hover
  {
  float: right;
  padding: 0 5px 0 0;
  width: 16px;
  height: 16px;
  background: url(/images/button/delete_tristate.png) no-repeat;
  _background: url(/images/button/delete_tristate_ie6.gif) no-repeat;
  cursor: default;
  background-position: 0px -32px;
  }

.delete-button-down
  {
  background-position: 0px -16px;
  }

.delete-button-hover
  {
  background-position: 0px 0px;
  }

.suppress-button,
.suppress-button-down,
.suppress-button-hover
  {
  float: right;
  padding: 0 5px 0 0;
  width: 16px;
  height: 16px;
  background: url(/images/button/suppress_tristate.png) no-repeat;
  _background: url(/images/button/suppress_tristate_ie6.gif) no-repeat;
  cursor: default;
  background-position: 0px -32px;
  }

.suppress-button-down
  {
  background-position: 0px -16px;
  }

.suppress-button-hover
  {
  background-position: 0px 0px;
  }

.itx-tab-drag-cursor
  {
  position: absolute;
  background: url(/images/tabs/drag_tab_cursor.gif) no-repeat 0 0;
  height: 11px;
  width: 11px;
  }

.layout-dropshadow
{
position: relative;
}

.layout-dropshadow-content
{
position: absolute;
top: 0;
left: 0;
}

.layout-dropshadow-shadow-corner
{
position: absolute;
bottom: 0;
right: 0;
height: 20px;
width: 20px;
background: url(/images/dropshadow/shadowAlphaCorner.png) no-repeat bottom right;
}

.layout-dropshadow-shadow-right
{
position: absolute;
bottom: 20px;
right: 0;
width: 10px;
background: url(/images/dropshadow/shadowAlphaRight.png) repeat-y bottom right;
}

.layout-dropshadow-shadow-bottom
{
position: absolute;
bottom: 0;
right: 20px;
height: 10px;
background: url(/images/dropshadow/shadowAlphaBottom.png) repeat-x bottom right;
}

.itx-cell-type-checkbox-checked,
.itx-cell-type-checkbox-unchecked,
.itx-cell-type-checkbox-disabled-checked,
.itx-cell-type-checkbox-disabled-unchecked
{
  background-image: url(/images/datagrid/cell_type_checkbox_background.gif);
  background-position: 50% 1px;
  background-repeat: no-repeat;
}

.itx-cell-type-checkbox-unchecked
{
  background-position: 50% -16px;
}

.itx-cell-type-checkbox-disabled-checked
{
  background-position: 50% -33px;
}

.itx-cell-type-checkbox-disabled-unchecked
{
  background-position: 50% -50px;
}