/* Standard HTML Tag Styles */
body{ font-family : verdana, arial, helvetica, sans-serif; font-size : 8pt; margin-top: 0; margin-left: 0; }
h1	{ font-size : 16pt; font-weight : bold; font-family: verdana, arial, helvetica, sans-serif ;}
h2	{ font-size : 12pt; font-weight : bold; font-family: verdana, arial, helvetica, sans-serif ;}
h3	{ font-size : 10pt; font-weight : bold; font-family: verdana, arial, helvetica, sans-serif ;}
h4	{ font-size : 8pt;  font-weight : bold; font-family: verdana, arial, helvetica, sans-serif ;}
p	{ font-family : verdana, arial, helvetica, sans-serif;font-size : 8pt;}
table	{ font-family : verdana, arial, helvetica, sans-serif;font-size : 8pt;}
th  { background-color: #9cb766; color: white; border-right: solid 1px white}
a	{ color : #0000ff; text-decoration : none; }
a:hover	{ color : #ff0000; text-decoration : underline }
a:active{ color : #0000ff;}
input {font-family : verdana, arial, helvetica, sans-serif;font-size : 8pt;}
textarea {font-family : verdana, arial, helvetica, sans-serif;font-size : 8pt;}
select {font-family : verdana, arial, helvetica, sans-serif;font-size : 8pt;}
button {font-family : verdana, arial, helvetica, sans-serif;font-size : 8pt;}

/* body styles */
body.oidata     {background-color: #ADD8E6}

/* form styles */
form.oidata		{ background-color: lightgrey; border: solid 2px blue }

/* Data table styles */
table.oidata	{ background-color: white; border: solid 1px #291084}
th.oidata		{ background-color: #291084; color: white; border-right: solid 1px white; height: 15px;}
td.oidata		{ border-bottom: solid 1px lightgrey; border-right: solid 1px lightgrey; height: 15px}
.rowOddColor    { background-color: white}
.rowEvenColor   { background-color: #E0FFFF}
.rowPendingOverdue   { background-color: yellow; font-weight: bold;}
.rowHiLite      { onMouseOver: "this.style.color = 'red'" ; onMouseOut: "this.style.color = 'black'"}
.sectionHeading { background-color: #d8eaec; border: solid 1px #86c5d6; color: black; height: 15px; }
.blankRow       { background-color:Transparent; height:1px;}

/* Order Status row styles */
.ordNew         { color: red;}
.ordPending     { color: Green;}
.ordClosed      { color: blue;}

/*OIData Styles */
label.oidata	{ font-size: 8pt; text-align: right}
fieldset.oidata	{ }
iframe.oidata	{ border: solid 1px gray }

/* Tab styles */
.tab		{ color: #ffffff; background-color: Transparent; font-size: 8pt; height: 15px; font-weight: bold; border-right: solid 4px transparent; border-top: solid 2px transparent;} 
.tab:link	{ text-decoration: None }
.tab:visited{ color: #ffffff; text-decoration: None; }
.tab:active	{ color: #000080; background-color: lightgrey; text-decoration: None; border-right: solid 4px #ffcc66; border-top: solid 2px #ffcc66;}
.tab:hover	{ color: white; background-color: red; text-decoration: None }

/* menu style */
.menu	{ color : #ffffff; font-size : 8pt; font-weight : bold; text-decoration : none;}
.menu:active{ color : #ff0000;}
.menu:hover{ color : #ff0000; text-decoration : none;}

/* side menu style */
.sidebar  { position:absolute; width: 150px; height: 15px; font-weight: normal; background-color: Transparent}
/* .sidebar:active {font-weight: bold; color: Red; background-color: #b7e3e6} */
.sidebar:hover {color: #ff0000}

/* Other Styles */
.sysmessage  {color: White; background-color: Blue; font-weight: bold; height: 15px}