/*	Stylesheet for SYSPRO web based applications  */
BODY.logon
{
	font-family: Arial;
	font-size: x-small;
	color: #DDDDDD;
}
body
{
	font-family: Verdana;
	margin:0px 0px 0px 0px
}

.queryBody
{
   margin-top: 10;
}

/*	Login fields (user/password/Company/Company password)	*/
.Logincaption
{
	font-size: x-small;
	font-weight: bold;
	text-align: right;
	color: #333333;
}
/*	All error fields	*/
.lblerror
{
	color: #B70000;
	font-style: italic;
}
/*	Mandatory fields "*"	*/
.lblMand
{
	color: #B70000;
	font-style: italic;
	font-size:smaller;
}
/* Style used for Login/Reset buttons on login screen */
.loginbutton
{
	color: #DDDDDD;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: outset medium #DDDDDD;
	cursor: hand;
	width: 50px;
	height: 30px;
	background-color: #55628D;
}
/*	"ABOUT" text on Login screen  */
.about
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #55628D;
	padding-top: 2px;
	background-color: #dddddd;
	text-align:center;
	cursor: hand;
	font-size: xx-small;
}
/*	Gray background on required fields  */
input.txtrequired
{
	background: #DDDDDD;
	color: #333333;
}
/* Used for captions on the FORM */
.formCaption
{
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color: #55628D;
	color: white;
	font: caption;
}
/* Used for the lists of checkboxes in for example the Options in a query form */
.list
{
	background: #DDDDDD;
	color: #333333;
	font: caption;
}
/* Specifies the width and height of every IFrame - DO NOT CHANGE */
iframe
{
	width: 100%;
	height: 100%;
}
/* Sryle for title of windows in MDI environment */
.defaultwindowtitle
{
	background: #5F81B3;
	font-size: x-small;
	font-weight: bolder;
	color: white;
	height: 20px;
}
/* Style used for the DHTML windows in main screen - Do not change */
.activewin
{
	/* This allows the window to be double-clicked and resized and/or dragged around the screen */
	behavior: url(main/behaviour/default.htc);
	position: absolute;
	height: expression(document.body.clientHeight-22);
	width: expression(document.body.clientWidth);
	border: thin outset;
}
/* For Generic browse search buttons  */
.search
{
	cursor: hand;
}
/* For help window - I have no idea, ask Phil :-) */
.helpwindow
{
	background-color: lemonchiffon;
	font-size: xx-small;
	border: solid 1px black;
	border-top: none 1px blue;
	border-left: none 1px blue;
	color: black;
	padding: 5px 5px 5px 5px;
}
/* .none and .block toggles the display of items throughout the web based applications */
.none
{
	display: none;
}
.block
{
	display: block;
}

/* This is the main heading text */
.title
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: 600;
	font-size: smaller;
	padding-bottom: 2px;
	color: #dddddd;
	padding-top: 2px;
	background-color: #55628D;
	text-align: center;
}
/* Class representing items under the heading */
.headtitle
{
	background-color: #DDDDDD;
	color: black;
	text-align: right;
	font: caption;
}
/* This is the main heading section including a border around all sides */
.borderall
{
	border: outset thin;
}
/* The actual data items */
.headfields
{
	font-size: x-small;
	padding: 1px;
	background-color: white;
	text-align: left;
}
/* The actual data items */
.headfieldsright
{
	font-size: x-small;
	padding: 1px;
	background-color: white;
	text-align: right;
}

/* This is the background colour for the detail section that shows through 
as the lines */
.detailbody
{
	background-color: Gray;
}
/* This is the upper heading of each detail section */
.detailhdg1
{
	background-color: #000066;
	color: #DDDDDD;
	font-size: small;
	font-weight: bold;
}
.detailhdg2
{
	background-color: #ffffff;
	color: #DDDDDD;
	font-size: small;
	font-weight: 600;
}
/* Class for each even row */
.roweven
{
	font-size: smaller;
	background-color: lightgrey;
}

/* Class for each odd row */
.rowodd
{
	background-color: gainsboro;
	font-size: smaller;
}
/* Class for cell for rowodd and roweven */
.detailrow
{
	padding-left: 4px;
	padding-right: 4px;
	font-size: smaller;
}
/* Class for cell for rowodd and roweven + aligned center */
.detailrowcenter
{
	padding-left: 4px;
	padding-right: 4px;
	font-size: smaller;
	text-align:center;
}
/* Class for cell for rowodd and roweven + aligned right */
.detailrowright
{
	padding-left: 4px;
	padding-right: 4px;
	font-size: smaller;
	text-align:right;
}
/* Class for cell for rowodd and roweven + style for checkmark */
.detailrowtick
{
	padding-left: 4px;
	padding-right: 4px;
	font-size: smaller;
	text-align:center;
   color: Red;
   font-size:larger;
   font-family: webdings;
}
/* Class for each detail row */
.detail
{
	padding-left: 5px;
	padding-right: 5px;
	font-size: x-small;
	background-color: #F0E68C;
}
/* This is the font and padding information of the heading */
.detailcell
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	font-size: x-small;
	color: #333333;
	padding-top: 2px;
	background-color: aqua;
	text-align: left;
	vertical-align: bottom;
}
/* Used for minor headings */
.headercell
{
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-top: 2px; /* background-color: #000066;  	color: #DDDDDD;*/
	background-color: #5F81B3;
	color: White;
	text-align: left;
	font-size: x-small;
	font: caption;
}
/* Used for sub-table headings */
.headercell1
{
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-top: 2px; /* background-color: #000066;  	color: #DDDDDD;*/
	background-color: #87afc7;
	color: White;
	text-align: left;
	font-size:xx-small;
	font: caption;
}
/* This is the font and padding information of the sub-table heading */
.detailcell1
{
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	font-size: xx-small;
	color: #333333;
	padding-top: 2px;
	background-color: aqua;
	text-align: left;
	vertical-align: bottom;
}
/* Table for subdetails */
.subborder
{
	border: outset thin;
}
/* This is the section for each detail cell */
.subdetail
{
	padding-left: 5px;
	padding-right: 5px;
	font-size: xx-small;
	background-color: gainsboro;
}
/* Styles for NOTES window */
.notesborder
{
	border-right: black thin outset;
	border-top: white thin outset;
	border-left: white thin outset;
	border-bottom: black thin outset;
}
.notesheader
{
	padding-right: 5px;
	padding-left: 5px;
	font: caption;
	color: white;
	background-color: #000066;
	text-align: left;
}
.notesdetail
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: xx-small;
	color: #333333;
	background-color: #ffffcc;
	text-align: left;
}
/* Styles for GRAPH */
.graph
{
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#00B4CCE5' , EndColorStr= '#A0B4CCE5' );
	border: outset thin;
}
.graphbackground
{
	background-color: palegoldenrod;
}
.graphborder
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	border-left: solid 1px black;
}
.graphtitle
{
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	font-size: xx-small;
	padding-bottom: 3px;
	color: white;
	padding-top: 2px;
	background-color: #5F81B3;
	text-align: left;
}
.graphlegend
{
	font: xx-small;
	padding: 1px;
	color: black;
	font-weight: bold;
}
.graphaxis
{
	font: xx-small;
	padding: 1px;
	color: black;
	text-align: left;
}

.toolbar
{
	background-color: lightblue;
	font-size: xx-small;
	font-weight: bolder;
}

.tableheader
{
	border-right: #dddddd thin outset;
	border-top: #dddddd thin outset;
	font-size: x-small;
	font: caption;
	border-left: #dddddd thin outset;
	color: white;
	border-bottom: #dddddd thin outset;
	background-color: #2e4e85;
}
.tablebody
{
	border-right: #dddddd thin outset;
	border-top: #dddddd thin outset;
	border-left: #dddddd thin outset;
	border-bottom: #dddddd thin outset;
}
.entry.body
{
	font-family: verdana;
	font-size: xx-small;
	color: #333333;
}

.entry.headtitle
{
	background-color: #DDDDDD;
	color: black;
	font: smallcaption;
	text-align: right;
}

.entry.headfields
{
	font: xx-small;
	padding: 0px;
	background-color: white;
	text-align: left;
}

.entry.headrightfield
{
	padding: 0px;
	background-color: white;
	text-align: right;
}

.entry.totalheader
{
	font: smaller;
	font-weight: bold;
	background-color: #DDDDDD;
	color: #333333;
}
.entry.totalgreenalignright
{
	background-color: #2E4E85;
	color: white;
	font-size: x-small;
	text-align: right;
	font: caption;
}
.entry.totalgreennoalign
{
	background-color: #2E4E85;
	color: white;
	font-size: x-small;
	text-align: right;
	font: caption;
}
.entry.totalgreenalignleft
{
	background-color: #2E4E85;
	color: white;
	font-size: x-small;
	text-align: left;
	font: caption;
}
.entry.tblborder
{
	border: outset thin #DDDDDD;
}
.entry.detailcell
{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font: caption;
	background-color: #DDDDDD;
	text-align: center;
	color: #333333;
}
.entry.rowevensmall
{
	font-size: xx-small;
	background-color: white;
}
/* Class for each odd row */
.entry.rowoddsmall
{
	font-size: xx-small;
	background-color: gainsboro;
}
.entry.lblerror
{
	text-align: center;
	color: maroon;
}
.entry.spacing
{
	height: 5pt;
}
.entry.selected
{
	color: #333333;
	background: #CCCE36;
	font-size: xx-small;
}
.belowtarget
{
	color: red;
}
.abovetarget
{
	color: blue;
}
.highlight
{
	border: solid 1px black;
	background-color: lightblue;
}
.defaultwintxt
{
	font: caption;
}