/* page background color */
body
{
  background-color: #D6D7C6;
  text-align: center;
}

.imitateload
{
  background-color: #ffffff;
  text-align: center;
}

/* all elements should be centered on page */
body *
{
  margin-left: auto;
  margin-right: auto;
}

/* use center to center some element in containing parent */
.center
{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* default style */
body, table, a, input, button, select, textarea
{
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

/* links */
a
{
  text-decoration: underline;
}

/* to make text smaller */
.smaller
{
  font-size: 11px !important;
}

/* to make text bigger */
.bigger
{
  font-size: 13px !important;
}

.no-padding
{
  padding: 0px !important;
  margin: 0px !important;
}

/* images should have none whatsoever border */
img
{
  border: 0px;
  vertical-align: middle;
}

/* to create tables that have (and their cells) no borders, paddings, margins */
table.compact, table.minimal, table.minimal td
{
  border: 0px !important;
  border-spacing: 0px !important;
  border-spacing: expression(cellSpacing=0); /* IE hack */
  padding: 0px !important;
  border-collapse: collapse !important;
}

table.minimal, table.minimal td
{
  margin: 0px;
}

/* base definition for different text containers */
div.subtitle, div.title, div.messages
{
  font-weight: bold;
  padding-bottom: 1em;
}

div.messages .warning, div.messages .error
{
  background-color: #CC3300 !important;
  color: #FFFFFF !important;
}

/* titles should be two bits bigger */
div.title
{
  font-size: 13px;
}

/* subtitle should be one bit bigger */
div.subtitle
{
  font-size: 12px;
  padding-top: 16px;
}

/* all lines in messages block to have no empty space between them */
div.messages *
{
  padding-bottom: 0px;
}

/* base class for ordinary forms */
table.form, table.compact, table.result, .result-container table
{
  margin-bottom: 1em;
  border-spacing: 1px;
  border-spacing: expression(cellSpacing=1); /* IE hack */
  empty-cells: show;
  border: 1px solid #908E76;
  background-color: #D6D7C6;
}

/* how should cells look in result-type table */
table.form td, table.result td, table.compact td, .result-container table td
{
  background-color: #B0AE96;
  padding: 0px;
  padding-left: 1px;
  padding-right: 1px;
}

/* how should cells look in form-type table */
table.form td
{
  padding: 1px;
  padding-left: 2px;
  padding-right: 2px;
}

/* buttons on form (and in buttons cell) should be centered */
td.buttons
{
  text-align: center;
}

/* for search-by/order-by etc cells */
td.group-title, table.form tr.group-header td
{
  font-weight: bold;
  white-space: nowrap;
}

td.group-title
{
  vertical-align: top;
}

/* set default height for inputs */
input, select, button
{
  height: 12pt;
}

/* how inputs should generally look */
input, select, textarea
{
  background-color: #DBDBDB;
  border: 1px #6F6C4B outset;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}

select.naf-mselect, input.naf-file
{
  height: auto;
}

/* checkboxes and radios need different look */
input.naf-checkbox, input.naf-radio
{
  height: auto;
  margin-left: 2px;
  background-color: transparent;
  border: 0px;


}

input.naf-radio
{
  margin-right: 2px;
  margin-right: expression('0px');
  top: 2px;
  top: expression('1px');
}

input.naf-checkbox
{
  top: -1px;
  top: expression('1px');

}



/* first of many radio inputs should use this style */
input.naf-group-first
{
  margin-left: 0px !important;
}

/* for period start and period end text inputs */
input.naf-date
{
  width: 120px;
}

/* buttons need more specific look defintion */
input.naf-button, button {
  height: auto;
  margin: 3px;
  border: 1px solid #908E76;
  background-color: #E2CC91;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  border-bottom-color: #413F2C;
  border-right-color: #413F2C;
}

/* how should disabled inputs look */
input[disabled], select[disabled], button[disabled]
{
  color: silver !important;
  background-color: #D6D7C6 !important;
}

/* but disabled radio button needs different look */
.disabled-radio-check
{
  color: silver !important;
}

/* use this style to "disable" images (images with onclick event) */
.disabled-image
{
  opacity: .5;
  filter: alpha(opacity=50);
}

.disabled, .disabled-other
{
  color: silver !important;
  background-color: #D6D7C6 !important;
}

/* to indicate non breakable text */
.no-break, .no-wrap
{
  white-space: nowrap;
}

/* to indicate element should have minimum possible width */
.min-width
{
  width: 1px;
}

/* to indicate element should have 100% width */
.max-width
{
  width: 100%;
}

/* to indicate top alignment in element */
.align-top
{
  vertical-align: top;
}

/* use if contents should be right aligned */
.align-right
{
  text-align: right;
}

/* use if contents should be right aligned */
.align-center
{
  text-align: center;
}

/* use if contents should be left aligned, in center aligned content*/
.align-left
{
  /*text-align: left;*/
}

/* floating box ... can be used for many checkboxes for example */
div.float-box
{
  float: left; width: 120px; overflow: hidden; clip: rect(0,120,0,0);
  white-space: nowrap;
}

/* how tooltip should look */
.naf-tooltip, .naf-inline-popup {
  white-space: nowrap;
}

/* how tooltip should look */
.naf-tooltip {
  color: black;
  font-size: 10px;
  background-color: #F8F5D1;
  padding: 0px 2px 0px 2px;
  border: 1px outset black;
}

/* when element should not be shown */
.no-show
{
  display: none;
}

/* indicate error condition */
.error, .error a, .invalid, .invalid a, .declined, .declined a, tr.invalid td, tr.invalid a
{
  background-color: #CC3300 !important;
  color: #FFFFFF !important;
}

/* how result header cells should look */
table.result tr.header td
{
  font-weight: bold;
  background-color: #A09E86;
  border-bottom: 3px double #413F2C !important;
}


/* how result summary cells should look */
table.result tr.summary td
{
  font-weight: bold;
  background-color: #A09E86;
}

/* how result group header cells should look */
table.result tr.group-header td
{
  font-weight: bold;
}

table.form tr.group-header td
{
  font-weight: bold;
}

/* how frozen data lines should look */
table.result tr.frozen, table.result tr.frozen a /* IE hack */
{
  color: #D6D7C6;
}

/* how rows containing more detailid info in result should look */
table.result tr.subrow td, .different
{
  background-color: #C0C0C0;
}

/* to inverse text color */
.inverse, .inverse a
{
  color: white !important;
}

/* for checkboxes .. so called third state */
input.tristate, td.sorted-by
{
  background-color: #A09E86;
}

/* for negative numbers */
.negative, .negative a
{
  color: red !important
}

/* odd rows in tables (if alternating background needed) */
tr.bonus
{
  background-color: #B6B5A4;
}

/* even rows in tables (if alternating background needed) */
tr.approved
{
  background-color: #D6D7C6;
}

.tree_expand {
background: url('/_images/minus.gif') no-repeat;
float: left;
height: 14px;
width: 14px;
padding-right: 3px
}

.tree_collapse {
background: url('/_images/plus.gif') no-repeat;
float: left;
height: 14px;
width: 14px;
padding-right: 3px
}

.table_tree_level1  { margin-left: 0; }
.table_tree_level2  { margin-left: 0; }
.table_tree_level3  { margin-left: 1.5em; }
.table_tree_level4  { margin-left: 3em; }
.table_tree_level5  { margin-left: 4.5em; }
.table_tree_level6  { margin-left: 6em; }
.table_tree_level7  { margin-left: 7.5em; }
.table_tree_level8  { margin-left: 9em; }
.table_tree_level9  { margin-left: 10.5em; }
.table_tree_level10  { margin-left: 12em; }
.table_tree_level11 { margin-left: 13.5em; }
.table_tree_level12 { margin-left: 15em; }
.table_tree_level13 { margin-left: 16.5em; }
.table_tree_level14 { margin-left: 18em; }
.table_tree_level15 { margin-left: 19.5em; }

.slname0 { }
.slname1 { color: white; }


.move_hide 
{
display:none;	
}

.move_view 
{
display:block;	
}

pre{text-align:left}