BODY {
	FONT-FAMILY: Arial;
	SCROLLBAR-FACE-COLOR: #c0c0c0;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	WORD-SPACING: normal;
	SCROLLBAR-HIGHLIGHT-COLOR: #e3eaf2;
	TEXT-trANSFORM: none;
	SCROLLBAR-SHADOW-COLOR: #e3eaf2;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	FONT-FAMILY: Arial;
	SCROLLBAR-BASE-COLOR: #c3cfdd;
	LETTER-SPACING: normal;
	BACKGROUND-COLOR: white;
	Scrollbar-dark-shadow-color: #C3CFDD;
	Scrollbar-3d-light-color: #C3CFDD;
}
.DataGrid {
	FONT-SIZE: smaller;
	BORDER-LEFT-COLOR: black;
	BORDER-BOTTOM-COLOR: black;
	BORDER-TOP-COLOR: black;
	FONT-FAMILY: "Arial";
	BACKGROUND-COLOR: #5d4806;
	BORDER-RIGHT-COLOR: black;
}
.Gridtable {
	WIDTH: 95%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: none; align: center
}
.GridHeader
{
	font-weight: bold;
	font-size: 9pt;
	text-transform: capitalize;
	color: White;
	font-family: Arial;
	background-color: #5d4806;
	text-align: center;
}

.GridHeader A:link {
	FONT-SIZE: 9pt;
	COLOR: White;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
	WIDTH: 100%;
	height: 100%;
}
.GridHeader A:visited {
	FONT-SIZE: 9pt;
	COLOR: White;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
	WIDTH: 100%;
	height: 100%;
}
.GridHeader A:hover {
	FONT-SIZE: 9pt;
	COLOR: #5d4806;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	background-color: white;
	WIDTH: 100%;
	height: 100%;
}
.GridLabel {
	FONT-WEIGHT: bold;
	TEXT-trANSFORM: capitalize;
	COLOR: #5d4806;
	BACKGROUND-COLOR: #f6f6f6;
	TEXT-ALIGN: center;
	height: 30;
}

.GridItem {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; BACKGROUND-COLOR: #f6f6f6; TEXT-ALIGN: center
}
.GridAlternateItem {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; 
	background-color:#D7EAF9;
  text-align   : center
}
.ItemNotAvail {
	FONT-SIZE: 10pt;
	COLOR: Black;
	FONT-FAMILY: Arial;
	BACKGROUND-COLOR: #FFDBF3;
	TEXT-ALIGN: center;
}
.GridItem A:link {
	FONT-SIZE: 8pt;
	COLOR: #3773B6;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
	WIDTH: 100%;
	height: 100%;
}
.GridItem A:visited {
	FONT-SIZE: 8pt;
	COLOR: #3773B6;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
	WIDTH: 100%;
	height: 100%;
}
.GridItem A:hover {
	FONT-SIZE: 8pt;
	COLOR: #3773B6;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	background-color: #eeeeee;
	WIDTH: 100%;
	height: 100%;
}

.GridAlternateItem A:link {
	FONT-SIZE: 8pt;
	COLOR: #3773B6;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
	WIDTH: 100%;
	height: 100%;
}
.GridAlternateItem A:visited {
	FONT-SIZE: 8pt;
	COLOR: #3773B6;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
	WIDTH: 100%;
	height: 100%;
}
.GridAlternateItem A:hover {
	FONT-SIZE: 8pt;
	COLOR: #3773B6;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	background-color: #eeeeee;
	WIDTH: 100%;
	height: 100%;
}
.GridPager {
	FONT-SIZE: xx-small;
	COLOR: #5d4806;
	BACKGROUND-COLOR: #fffff8;
	TEXT-ALIGN: Center;
}
tr.leftnav {
	table-LAYOUT: auto;
	TEXT-trANSFORM: capitalize;
	padding-left:3;
	padding-top:2;
	padding-bottom:2;
	CURSOR: hand;
	TEXT-ALIGN: left;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	border: thick outset #000000;
	height: 20px
}
td.leftnav {
	FONT-SIZE: 9pt; 
	FONT-FAMILY: Arial;
	BORDER-RIGHT: #cccccc 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #cccccc 1px solid; 
	PADDING-LEFT: 3px; 
	BACKGROUND-IMAGE: url(../images/ONLItemBk.gif);
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #cccccc 1px solid; 
	WIDTH: 100%; PADDING-TOP: 1px;
	BORDER-BOTTOM: #cccccc 1px solid;
	BACKGROUND-REPEAT: repeat-x; HEIGHT: 20px;
	BACKGROUND-COLOR: #fcfcfc
}	
td.leftnavSelected {
	FONT-SIZE: 9pt;
	COLOR: #00008B;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
	background-color: #e3e3e3;
	height: 100%;
	BORDER-BOTTOM: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-RIGHT: #cccccc 1px solid;
}

tr.Titleleftnav {
	FONT-SIZE: 10pt;
	table-LAYOUT: auto;
	FONT-WEIGHT: bold;
	TEXT-trANSFORM: capitalize;
	CURSOR: crosshair;
	COLOR: #ffffff;
	BORDER-TOP-STYLE: groove;
	BORDER-RIGHT-STYLE: groove;
	BORDER-LEFT-STYLE: groove;
	BORDER-COLLAPSE: collapse;
	BACKGROUND-COLOR: #5d4806;
	TEXT-ALIGN: left;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	padding-left: 3 px;
	padding-top: 2 px;
	padding-bottom: 2 px;
}
.nav {
	table-LAYOUT: auto;
	FONT-WEIGHT: bold;
	TEXT-trANSFORM: capitalize;
	CURSOR: hand;
	COLOR: Silver;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-COLLAPSE: collapse;
	TEXT-ALIGN: left;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	BORDER-BOTTOM-STYLE: none;
}
tr.leftnav A:link {
	FONT-SIZE: 9pt;
	COLOR: #33587D;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	WIDTH: 100%;
	height: 100%;
}
tr.leftnav A:visited {
	FONT-SIZE: 9pt;
	COLOR: #33587D;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	WIDTH: 100%;
	height: 100%;
}
tr.leftnav A:hover {
	FONT-SIZE: 9pt;
	COLOR: #33587D;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: underline;
	background-color: #e3e3e3;
	height: 100%;
}
tr.leftnav A:active {
	FONT-SIZE: 9pt;
	COLOR: #33587D;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none;
}
tr.leftnavheader {
	table-LAYOUT: auto;
	FONT-WEIGHT: bold;
	BORDER-LEFT-COLOR: #00bfff;
	BORDER-BOTTOM-COLOR: #00bfff;
	TEXT-trANSFORM: capitalize;
	CURSOR: hand;
	COLOR: #5d4806;
	TEXT-ALIGN: left;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
}
table.leftnav {
	WIDTH: 100%
}
table.form {
	BACKGROUND-COLOR: White;
}
td.formheader {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	TEXT-trANSFORM: capitalize;
	COLOR: #ffffff;
	height: 20;
	FONT-FAMILY: Arial;
	PADDING-LEFT: 3px;
	background-image: url(../images/faded_td_bg.gif);

}
td.formheader A:link {	COLOR: #ffffff;  TEXT-DECORATION: none
; font-family: Arial; font-size: 8pt
}
td.formheader A:visited  {	COLOR: #ffffff;  TEXT-DECORATION: none
; font-family: Arial; font-size: 8pt
}
td.formheader A:hover  {	COLOR: #ffffff;  TEXT-DECORATION: underline
; font-family: Arial; font-size: 8pt
}

.fieldtitlecolored {
		FONT-FAMILY: Arial; FONT-SIZE: 11pt; TEXT-TRANSFORM: capitalize; COLOR: Green; BACKGROUND-COLOR: #f6f6f6; height:25; padding-left:3px; font-weight:bold
}

.fieldtitle {
		FONT-FAMILY: Arial;FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: black; BACKGROUND-COLOR: #f6f6f6; height:25; padding-left:3px
}
.fieldtitlebig {
		FONT-FAMILY: Arial;FONT-WEIGHT: bold; FONT-SIZE: 9pt; TEXT-trANSFORM: capitalize; COLOR: black; BACKGROUND-COLOR: f6f6f6; height:25; padding-left:3px
}
.fieldtitlenormal {
		FONT-FAMILY: Arial; FONT-SIZE: 8pt; TEXT-trANSFORM: capitalize; COLOR: black; BACKGROUND-COLOR: f6f6f6; height:25; padding-left:3px
}
.fieldtitlenormalbig {
		FONT-FAMILY: Arial; FONT-SIZE: 9pt; TEXT-trANSFORM: capitalize; COLOR: black; BACKGROUND-COLOR: f6f6f6; height:25; padding-left:3px
}
.formtitle {
		FONT-FAMILY: Arial;FONT-WEIGHT: bold; FONT-SIZE: 8pt; TEXT-trANSFORM: capitalize; COLOR: black; BACKGROUND-COLOR: f6f6f6
}
td.field {
	FONT-FAMILY: Arial;BACKGROUND-COLOR: #f6f6f6;
}

input.field {
font-family: tahoma;
             border: 1px solid #0068CC; 
             font-size: 8pt;
	 background-color: White;
}
input{
font-family: tahoma;
             border: 1px solid #1D74DA; 
             font-size: 8pt;
	 background-color: White;
}
select{
font-family: tahoma;
             border: 1px #DA251D solid; 
             font-size: 8pt;
	 background-color: White;
}

.button {
	BORDER-RIGHT: 1px solid ;
	BORDER-TOP: 1px solid ;
	FONT:  9pt  Arial;
	BORDER-LEFT: 1px solid ;

	BORDER-BOTTOM: 1px solid ;
	
	cursor: hand;
}
.image
{
	BORDER-RIGHT: #cc0000 0px solid;
	BORDER-TOP: #cc0000 0px solid;
	FONT: bold 7.5pt Verdana, Arial;
	BORDER-LEFT: #FF3300 0px solid;
	COLOR: #ffffff;
	BORDER-BOTTOM: 0px solid #5d4806;
	cursor: hand;
}
.fieldvalue {
	FONT-SIZE: 12px; COLOR: black
}
.fieldvalidation {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-trANSFORM: none; COLOR: Red; TEXT-ALIGN: center
}
.headtd {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: White;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	FONT-STYLE: normal;
	FONT-FAMILY: Trebuchet MS;
	BACKGROUND-COLOR: #5d4806;
}
.sideheadtd {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: Navy;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial;
	BACKGROUND-COLOR: #5d4806;
	text-align:center;
}
.subheadtd {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #ffffff;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial;
	BACKGROUND-COLOR: #5d4806;
	text-align:center;
	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-LEFT: #cccccc 1px solid; 
	BORDER-TOP: #cccccc 1px solid; 
	BORDER-BOTTOM: #cccccc 1px solid;
}
table.Searchtable {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #f0f0f0
}
td.SearchFieldTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-trANSFORM: capitalize; COLOR: black; FONT-FAMILY: Arial; BACKGROUND-COLOR: #f6f6f6
}
td.SearchField {
	COLOR: #355373; FONT-STYLE: italic; BACKGROUND-COLOR: #f6f6f6
}
.Comment {
	COLOR: #355373; FONT-STYLE: italic; BACKGROUND-COLOR: #f6f6f6
}
.error {
	FONT-SIZE: 12px; COLOR: Navy; FONT-FAMILY: Verdana, Helvetica, sans-serif
}
.RadioButtonList {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	TEXT-trANSFORM: capitalize;
	COLOR: black;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	BACKGROUND-COLOR: Silver;
}
.RadioButtonListItem {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	TEXT-trANSFORM: capitalize;
	COLOR: black;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	BACKGROUND-COLOR: Silver;
}
.InvoiceTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: black; FONT-FAMILY: Verdana,Helvetica, Sans-Serif
}
.textarea {  font-family: tahoma;
             border: 1px solid #1D74DA; 
             font-size: 8pt;
	 background-color: White;
}
.leftnonav {
	FONT-SIZE: 9pt; 
	FONT-FAMILY: Arial;
	BORDER-RIGHT: #cccccc 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #cccccc 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #cccccc 1px solid; 
	WIDTH: 100%; PADDING-TOP: 1px;
	BORDER-BOTTOM: #cccccc 1px solid;
	BACKGROUND-REPEAT: repeat-x; HEIGHT: 20px;
	BACKGROUND-COLOR: #fcfcfc;
	color: #33587D
}	
