table.Order
{
  background-color: #fafafa;
  border: 1px #000000 solid;
  border-collapse: collapse;
  border-spacing: 0px;
 }


td.OrderHeader
{
  background-color: #D4D6C1;
  border: 1px #000000 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
}


td.Order
{
  border-bottom: 1px #6699CC solid;
  border-right: 1px #6699CC solid;
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  font-size: .7em;
  color: #404040;
  background-color: #fafafa;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 0px; 
}


table.Audit
{
  background-color: #fafafa;
  border: 1px #000000 solid;
  border-collapse: collapse;
  border-spacing: 0px;
 }


td.AuditHeader
{
  background-color: #99CCCC;
  border: 1px #000000 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
}


td.Audit
{
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  font-size: .7em;
  color: #404040;
  background-color: #fafafa;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 0px; 
}


div.Indexbar
{ 
  color :#FFFFFF;
  background-color :#767731;
  width :0px;
  padding :0px 
}


div.Menubar
{ 
  color :#767731;
  background-color :#eeddee;
  width :0px;
  padding :0px 
}


.formFeild
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: normal;
	text-transform: none;
	line-height: 14px;
	background-color: #EFEFEF;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
    padding: 0px 0px;
}


a.IndexBar
{
  width : 5px;
  text-align : center;
  font-family: Verdana;
  font-style : normal ;
  font-size : 9pt;
  font-weight :bold;
  color :#000000;
  text-decoration : none;
  background-color :#cccccc;
  padding :2px;
  border-style : outset ;border-color :#aaaaaa ;border-width : medium 
}

a.IndexBar:hover
{
  color :#FFFF66;
  background-color :#767731;
  border-style :inset ;border-color :#F5D996 ;border-width :medium 
}

a.menu
{
  text-decoration : none;
  color: #000000;
  font-size : 8pt;

}

a.menu:hover
{
  text-decoration: underline;
  background-color: #767731;
  color: #ffffff;
  font-size : 8pt;

}

a
{
  text-decoration: None;
}

a:hover
{
  text-decoration: underline;
}

a.Normal
{
  font-weight: bold;
  text-decoration: underline
  font-size : 13pt;
}



a.small
{
  text-decoration : underlina;
  font-size : 10;
  color : #721227;
}

h2.custom
  {
    font-family: Arial, Helvetica, sans-serif;
    font-style: Italic;
    font-size : 13pt;
    color : #162686; 
    margin: 0px;
	padding: 0px 0px 2px;   
	text-decoration: undeline;
  }
  
h1 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #336633;
    font-size : 22;
    font-style: Italic;    
	margin: 0px;
	padding: 0px 0px 2px;
}

h2
  {
    font-family: Arial, Helvetica, sans-serif;
    font-style: Italic;
    font-size : 13pt;
    color : #336633; 
    margin: 0px;
	padding: 0px 0px 2px;   
  }

h3
  {
    font-family: Arial, Helvetica, sans-serif;
    font-style: Italic;
    font-size : 11pt;
    color : #336633;   
	margin: 0px;
	padding: 0px 0px 2px;     
  }
  
h4
  {
    font-family: Arial, Helvetica, sans-serif;
    font-style: Italic;
    font-size : 8pt;
    color : #336633;    
  }  
td
  {
    font-family: verdana;
    font-size: 9pt;
    color: #336633;
    padding: 0px 0px;
  }
td.small

  {
    font-family: verdana;
    font-size: 7pt;
    color: #336633;
  }
  
th
  {
    font-family: verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #336633;
    font-style: Italic;    
  }

ol 
  {
    font-family: "Times New Roman", Times, serif;
  }

Form
  {
    padding: 0px;
  }

li.faq
  {
    padding: 10px 5px;
    font-size : 13;
  }

li
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 13;
  }

span
  {
    text-decoration : underline;
  }

/* CHART TYPE 1: SINGLE VERTICAL BAR */
#chart1_table {
}
#chart1_table caption {
    font-size: 11px;
	font-style: italic;
	text-align: right;
}
.chart1_title {
    background-color: #83C4FE;
	padding: 2px;
	font-size: 1.1em;
	text-transform: capitalize;
	font-weight: bold;
	color: white;
	background-image: url("images/gradientblue.gif");
}
.chart1_barcell {
    font-size: 10px;
	text-align: center;
	padding-top: 2px;
	padding-left: 3px;
	background-image: url("images/ruter.gif");
}
.chart1_labels {
    font-size: 9px;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	padding-left: 5px;
}
.chart1_totals_right {
    font-size: 10px;
	padding-left: 5px;
}
.chart1_totals_bottom {
    font-size: 10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.chart1_footer {
    color: #000;
	font-size: 11px;
	font-style: italic;
	padding: 2px;
	background-color: #F4F4F4;
}

/* CHART TYPE 2: MULTIPLE VERTICAL BARS */
#chart2_table {
}
#chart2_table caption {
    font-size: 11px;
	font-style: italic;
	text-align: right;
}
.chart2_title {
    background-color: #B0C4DD;
	padding: 2px;
	font-size: 1.1em;
	text-transform: capitalize;
	font-weight: bold;
	color: white;
}
.chart2_barcell {
    font-size: 10px;
	text-align: center;
	background-image: url();
	padding-top: 2px;
	padding-right: 10px;
}
.chart2_labels {
    font-size: 11px;
	text-align: center;
	padding-top: 2px;
	padding-right: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.chart2_totals_right {
    font-size: 10px;
	padding-left: 5px;
}
.chart2_totals_bottom {
    font-size: 10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.chart2_footer {
    color: #000;
	font-size: 11px;
	font-style: italic;
	padding: 2px;
	background-color: #FFF1E1;
}

/* CHART TYPE 3: STACKED VERTICAL BARS */
#chart3_table {
}
#chart3_table caption {
    font-size: 11px;
	font-style: italic;
	text-align: right;
}
.chart3_title {
    background-color: #B0C4DD;
	padding: 2px;
	font-size: 1.1em;
	text-transform: capitalize;
	font-weight: bold;
	color: black;
	background-image: url("images/table_header.jpg");
}
.chart3_barcell {
    font-size: 10px;
	text-align: center;
	background-image: url();
	padding-top: 2px;
	padding-right: 10px;
}
.chart3_labels {
    font-size: 12px;
	text-align: center;
	padding-top: 2px;
	padding-right: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.chart3_totals_right {
    font-size: 10px;
	padding-left: 5px;
}
.chart3_totals_bottom {
    font-size: 10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.chart3_footer {
    color: #000;
	font-size: 11px;
	font-style: italic;
	padding: 2px;
	background-color: #fff;
}
/* CHART TYPE 4: SINGLE HORIZONTAL BAR */
#chart4_table {
}
#chart4_table caption {
    font-size: 11px;
	font-style: italic;
	text-align: right;
}
.chart4_title {
    background-color: #B0C4DD;
	padding: 2px;
	font-size: 1.1em;
	text-transform: capitalize;
	font-weight: bold;
	color: black;
	background-image: url("images/gradientblue.gif");
}
.chart4_spacer_top {
    padding: 5px;
	font-size: 0px;
}
.chart4_barcell {
    font-size: 10px;
	text-align: left;
	background-image: url("images/ruter.gif");
}
.chart4_labels {
    font-size: 11px;
	text-align: left;
	font-weight: bold;
	padding-right: 10px;
}
.chart4_totals_bottom {
    font-size: 10px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}
.chart4_footer {
    color: #000;
	font-size: 11px;
	font-style: italic;
	padding: 2px;
	background-color: #fff;
}

/* CHART TYPE 5: MULTIPLE HORIZONTAL BARS */
#chart5_table {
}
#chart5_table caption {
    font-size: 11px;
	font-style: italic;
	text-align: right;
}
.chart5_title {
    background-color: #B0C4DD;
	padding: 2px;
	font-size: 1.1em;
	text-transform: capitalize;
	font-weight: bold;
	color: white;
}
.chart5_barcell {
    font-size: 10px;
	text-align: left;
	background-image: url();
}
.chart5_labels {
    font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
}
.chart5_totals_bottom {
    font-size: 10px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
}
.chart5_footer {
    color: #000;
	font-size: 11px;
	font-style: italic;
	padding: 2px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* CHART TYPE 6: STACKED HORIZONTAL BARS */
#chart6_table {
}
#chart6_table caption {
    font-size: 11px;
	font-style: italic;
	text-align: right;
}
.chart6_title {
    background-color: #B0C4DD;
	padding: 2px;
	font-size: 1.1em;
	text-transform: capitalize;
	font-weight: bold;
	color: white;
}
.chart6_barcell {
    font-size: 10px;
	text-align: left;
	background-image: url();
}
.chart6_labels {
    font-size: 12px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #eee;
	padding-right: 10px;
}
.chart6_totals_bottom {
    font-size: 10px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
}
.chart6_footer {
    color: #000;
	font-size: 11px;
	font-style: italic;
	padding: 2px;
	border: 1px solid #eee;
}

/* COMMON */
.container_bars {
    margin-top: 5px;  /* Div container for the bars  */
}