* {
	margin:0px;
	padding:0px;
}

body {
	font-family:arial;
	font-size:12px;
	color:black;
	background-color:white;
	margin:0px;
	background-image:url(../header.gif);
	background-repeat:no-repeat;

}
td, th {
	font-family:arial;
	font-size:12px;
	color:black;
}
ul {
	margin-left:24px;
	margin-bottom:19px;
}
a {
	color:#dd0000;
}
body#popup {
	background-color:#C0C0C0;
	text-align:center;
	font-family:arial;
	font-size:12px;
	color:black;
}
#header {
	height:42px;
	text-align:right;
	padding:0px 10px 0px 0px;
	line-height:24px;
	font-size:11px;
}
#header a {
	color:red;
	font-weight:bold;
}
#header .helpicon {
	position:relative; top:6px;
}
#header #userdetail {
	float:right;
	margin-right:20px;
	margin-top:3px;
}
#header #othermenu {
	float:right;
}
#header #printmenu {
	float:right;
	margin-top:3px;
	display:none;
}
#header #forkswapper {
	float:right;
	clear:both;
	width:100%;
	padding:5px;
	color:black;
	font-weight:bold;
}

#nav {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:5px solid red;
}
#nav ul {
	margin:0;
	padding:10px 10px 0px 98px;
	list-style:none;
}
#nav li {
	float:left;
	background:url(../images/nav_left.gif) no-repeat left top;
	background-color:#00009C;
	margin:0px 1px 0px 0px;
	padding:0 0 0 5px;
}
#nav a, #nav strong, #nav span {
	display:block;
	background:url(../images/nav_right.gif)
	no-repeat right top;
	padding:5px 5px 4px 1px;
}
#nav a, #nav span {
	float:left;
	display:block;
	background:url(../images/nav_right.gif) no-repeat right top;
	padding:4px 5px 4px 1px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
/* Commented Backslash Hack
	 hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
  
#nav .current, #nav #current {
	/*background-image:url(../images/nav_left_on.gif);*/
	background-color:red;
}
#nav .current a, #nav #current a,  {
	/*background-image:url(../images/nav_right_on.gif);*/
	padding-bottom:5px;
}
#nav .unavailable {
	background-color:#ccc;
}


#subnav {
	padding:0px 6px 6px 4px;
	background-image:url(../images/nav_bottom_right.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:red;
	width:190px;
	float:left;
}
#subnav ul {
	background-color:white;
	margin:0px;
	padding:0px;
	list-style:none;
}
#subnav li {
	border-bottom:1px solid #aaa;
}
#subnav li a, #subnav li span {
	text-decoration:none;
	color:black;
	font-size:11px;
	width:180px;
	padding-left:10px;
	padding-top:1px;
	display:block;
	height:16px;
}

#subnav li.current a:hover, #subnav li#current a:hover {
	background-color:red;
	color:white;
}

#subnav li a:hover {
	background-color:#ddd;
	color:black;
}
#subnav .current, #subnav #current {
	background-color:red;
}
#subnav .current a, #subnav #current a, #subnav .current span, #subnav #current span {
	color:white;
	font-weight:bold;
}
#subnav .disabled {
	background-color:#ccc;
	color:white;
}
#subnav .disabled a, #subnav .disabled a:hover {
	background-color:#ccc;
	color:white;
	cursor:default;
}


#main {
	padding:10px;
}
#main.printable {
	background-image:none;
}

#main h1 {
	font-weight:normal;
	font-size:21px;
}

#main .title {
	float:none;
	width:100%;
	overflow:auto;
	clear:both;
	margin-bottom:12px;
	display:block;
}
#main .title h1 {
	font-weight:normal;
	font-size:21px;
	float:left;
	margin-left:4px;
	margin-top:4px;
}
#main .title #togglehelp, #main .title .togglehelp {
	margin-top:4px;
	margin-right:4px;
	float:right;
	display:none;
}
#main h2 {
	font-weight:bold;
	font-size:18px;
	margin-bottom:12px;
	background-color:#dd0000;
	color:white;
	padding:5px;
    padding-left:15px; 	
}

#main .stepbodyhelp {
	border:1px solid #00009C;
	padding:10px;
	margin-bottom:1px;
}
#main #contexthelp .help {
	background-color:#00009C;
}
#main .stepbodyone {
	border:1px solid #dd0000;
	padding:10px;
	margin-bottom:1px;
}

/* 
	the "after" declaration is need so that we can clear the last floating object
	within this div when drawing a border around them otherwise the browser doesn't
	know which objects to put inside the border
*/

#main .stepbodyone:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#main .stepbodytwo {
	border:1px solid #FFCC00;
	padding:10px;
	margin-bottom:1px;
}
#main .stepbodytwo:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#main .stepbodythree {
	border:1px solid #00c5f6;
	padding:10px;
	margin-bottom:1px;
}
#main .stepbodythree:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .stepbodyone {height: 1%;}
* html .stepbodytwo {height: 1%;}
* html .stepbodythree {height: 1%;}
/* End hide from IE-mac */

.stepbodyone {display: inline-table;}
.stepbodytwo {display: inline-table;}
.stepbodythree {display: inline-table;}

#main .stephead {
	color:white;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	padding:2px 0px 0px 20px;
	display:block;
	height:22px;
	text-decoration:none;
}
#main .one {
	background-color:#dd0000;
}
#main .two {
	background-color:#ffcc00;
}
#main .three {
	background-color:#00c5f6;
}
#main .open {
	background-image:url(../images/stephead_open.gif);
	background-repeat:no-repeat;
	background-align:left top;
}
#main .closed {
	background-image:url(../images/stephead_closed.gif);
	background-repeat:no-repeat;
	background-align:left top;
	margin-bottom:1px;
}

iframe {
	border:0px;
}
#lookup {
	border:1px solid #ddd;
}
.disabledtext {
	color:#999;
}

.side {
	width:450px;
	float:left;
	clear:none;
}

form {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}

fieldset {
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  padding: 0px;
  margin: 10px 0px;
}
fieldset.printable {
	border:0px;
}

fieldset legend {
  font-size: 16px;
  font-weight: bold;
  color: #00009C;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
}
fieldset legend.nonconform {
  color:red;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
	float:none;
  clear:both;
  display: block;
  height: expression('1%');
  margin: 5px 0px 5px 0px;
  padding: 1px 3px;
}
div.input {
	float:left;
	clear:none;
	display:block;
	padding:0px;
	margin:0px;
}

div .req {
	color:red;
	font-size:19px;
	font-weight:bold;
}

/*	Use .textareareq in addition to .req above to force the 'required' 
	indicator (usually an asterisk) to be aligned with the top of a 
	text arrea control. 
*/
div .textareareq {
	vertical-align:top;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0px 0px 0px 142px;
  padding: 0px 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0px 3px 0px 9px;
}

.paginate a {
	font-size:11px;
}
.paginate #paginatecurrent {
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 200px;
  padding: 3px 5px 5px 20px;
  margin: 0px 0px 2px 0px;
  text-align: left;
}
.sysconfig .required, .sysconfig .optional {
	margin-bottom:19px;
}
.sysconfig label {
  display: block;
  float: left;
  width: 280px;
  padding: 3px 5px 5px 20px;
  margin: 0px 0px 2px 0px;
  text-align: left;
}
div.fulltext {
	clear:both;
	float:none;
}
div.fullwidth {
  margin: 0px 22px 19px 22px;
	width:100%;
}
div.fullwidth p {
  margin-bottom:13px;
}

div.result {
	clear:both;
	float:none;
	border:1px solid #000;
	background-color:#ffffe1;
	padding:5px 5px 0px 5px;
	margin-bottom:19px;
	margin-left:10px;
	margin-right:10px;
}
div.fulltext p, div.result p {
	margin:0px 0px 12px 0px;
}
form div.texttitle {
	clear:none;
  display: block;
  float: left;
  width: 200px;
  padding: 3px 5px 5px 20px;
  margin: 0px 0px 2px 0px;
  text-align: left;
}
form div.legal, form div.note {
	clear:none;
  display: block;
  float: none;
  width: 400px;
  padding: 3px 5px 5px 25px;
  margin: 0px 0px 19px 0px;
  text-align: left;
}
form div.legal, form div.comment {
  padding: 3px 5px 5px 25px;
  width: 400px;
  text-align: left;
}
form div.textvalue {
	clear:none;
  display: block;
  float: left;
  width: 200px;
  padding: 3px 5px 5px 0px;
  margin: 0px 0px 2px 0px;
  text-align: left;
}

form div.lineitem label {
	width: 270px;
}
form div.lineitem .input {
	width: 130px;
}
form fieldset div ol {
	margin-left:24px;
	padding-left:0px;
}
form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0px;
  margin: 0px 0px 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0px 0px 5px 0px;
  width: 170px;
}

form div.forceClear {
  margin: 0px 0px 0px 0px;
  height: 0; 
  padding:0px 0px 0px 0px;
  display: block;
  float: none;
  visibility: hidden;
}

form div.error {
  background-color: #ffffe1;
  border: 1px solid #ff0000;
}

form div.error:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


/* Hides from IE-mac \*/
* html form div.error {height: 1%;}
/* End hide from IE-mac */

form div.error {display: inline-table;}

form tr.error, form span.error {
  background-color: #ffffe1;
  border: 1px solid #ff0000;
}
.errortitle {
  background-color: #ffffe1;
  border: 1px solid #ff0000;
  float:none;
}

.errortitle:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .errortitle {height: 1%;}
/* End hide from IE-mac */

.errortitle {display: inline-table;}

.errortitle p {
  background-image: url(../images/error.gif);
  background-repeat: no-repeat;
  background-position: top left;
	padding:3px 3px 3px 20px;
	margin-top:0px;
}

.errortitle ul {
	margin-right:24px;
}

.errortitle li {
	margin-left:40px;
	margin-right:40px;
	font-weight:bold;
	color:black;
}

.errortitle li span {
	color:red;
}

form div.error label {
  background-image: url(../images/error.gif);
  background-repeat: no-repeat;
  background-position: top left;
	padding-left:20px;
}

form div.error label.noerror {
  background-image: none;
}

form div.error .desc {
	float:none;
	font-size: 100%;
	font-weight:bold;
	color:red;
}

form div input, form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

form div input.inputFile {
  width: 200px;
}

form table {
	margin-left:20px;
	
}
table th, table td {
	text-align:left;
	margin:0px;
	padding:2px 2px 2px 3px;
}
table.searchresults, table.formtable, table.details {
	text-align:left;
	margin-left:0px;
	width:100%;
}
table.invoice {
	text-align:left;
}
tr.rowtitle {
	background-color:#dd0000;	
	color:white;
}
tr.rowtitle td {
	color:white;
	font-weight:bold;
}

tr.rowon {
	background-color:#f3f3f3;	
}

table.invoice td, table.invoice th {
	padding-right:15px;
	line-height:19px;
}
tr.header {
	background-color:#eee;
}
tr.header th {
	border-top:1px solid black;
	border-bottom:1px solid black;
}
tr.summary th {
	border-top:1px solid #ccc;
}

th.quantity, td.quantity {
	text-align:right;
	padding-right:0px;
}

th.quantityBold, td.quantityBold {
	text-align:right;
	padding-right:0px;
	font-weight: bold;
}

table.searchresults th {
	cursor:pointer;
	cursor:hand;
	text-align:left;
	padding:2px 2px 2px 2px;
}

table.formtable th {
	text-align:left;
	padding:2px 2px 2px 2px;
}
table.searchresults th.sort {
	text-align:left;
	margin:0px;
	padding:2px 15px 2px 2px;
}
table.searchresults th.nosort {
	cursor: default;
	text-align:left;
	padding:2px 2px 2px 2px;
}
table.searchresults th.ascending {
	background-image:url(../images/sortasc.gif);
	background-position:top right;
	background-repeat:no-repeat;	
}
table.searchresults th.descending {
	background-image:url(../images/sortdesc.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
table.searchresults td, table.formtable td {
	text-align:left;
	margin:0px;
	padding:2px 2px 2px 3px;
}

table.formtable th.currency, table.formtable td.currency, table.formtable th.quantity, table.formtable td.quantity {
	text-align: right;
	padding-right: 10px;
}

table.searchresults td.sorted {
	font-weight:bold;
}
table.lineitems {
	text-align:left;
	clear:both;
	float:none;
}
table.lineitems th {
	font-weight:bold;
}
table.lineitems td {
	margin:0px;
	padding:3px 3px 3px 4px;
	margin-right:15px;
}
table.lineitems td.sorted {
	font-weight:bold;
}

form table.searchresults input.checkbox {
	width:30px;
}
form table.searchresults .icons {
	font-family:webdings;
	font-size:14px;
}
form div.searchresbuttons {
	width:100%;
	float:none;
	clear:both;
}
form td.rowdesc {
	width:175px;
}

form td input {
	width:80px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 200px;
  padding: 1px 0px;
}
form div select.selectOneWide {
  width: 260px;
  padding: 1px 0px;
}
form input.inputTextSmall {
  width: 80px;
}
form input.inputTextWide {
  width: 700px;
}
form div input.inputTextDisabled {
  background-color: #eee;
  color: #666;
  border:1px solid #ddd;
}

form div .inputScale {
  width: 100px;
  font-style:italic;
}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 186px 0px 0px;
}
form div input.inputCheckboxMultiple {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}
form div input.inputCheckboxSmall {
  display: inline;
  height: 14px;
  width: 50px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}

form div.submit {
	float:none;
	clear:both;
	display:inline;
  padding: 0px 0px 0px 200px;
}
form textarea.comments {
	width:380px;
	height:100px;
}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #dd0000;
  color: #fff;
  font-weight:bold;
  padding: 0px 6px;
  margin: 0px 0px 7px 0px;
  border-color: #ffaaaa;
  border-width: 1px;
  width:auto;
}
input.inputSubmitDisabled {
  background-color: #ddd;
  color: #777;
  font-weight:bold;
  padding: 0px 6px;
  margin: 0px 0px 7px 0px;
  border-color: #eee;
  border-width: 1px;
  width:auto;
}

form div .desc {
	float:none;
	clear:both;
  font-size: 88%;
  height: expression('1%');
  width:200px;
  display:block;
}
form div .locked {
	float:none;
  font-size: 88%;
  height: expression('1%');
  width:200px;
  display:block;
}

.audit {
	width:600px;
	margin:20px 0px 0px 5px;
}
.audit .date {
	float:left;
	width:195px;
	margin-bottom:10px;
}
.audit .description {
	float:left;
	width:395px;
	margin-bottom:10px;
}

.listcontainer {
	width:200px;
	overflow:auto;
}
.listcontrol {
	width:200px;
	padding:0px; 
	margin:0px;
}
.listcontainer div {
	height:25px;
	padding:0px;
	margin:0px;
	width:175px;
	line-height:12px;
}
.listcontainer span, .listcontrol .left {
	display:block;
	width:140px;
	float:left;
	overflow:hide;
}
.listcontrol .listfield {
	width:140px;
	float:left;
}


th.topHeadingSpan
{
    font-weight:bold;
	background-color:#ffeeee;
	margin:0px;
    text-align: center;
}

th.topHeading
{
    font-weight:bold;
	background-color:#ffeeee;
	margin:0px;
    text-align: center;
}


td.sideHeadingSpan
{
    font-weight:bold;
	margin:0px;
}


th.sideHeading
{
    font-weight:bold;
	margin:0px;
    text-align: left;
	background-color:#ffeeee;
}

td.sideRowLabel
{
	width:175px;
	margin:0px;
}

.redBorder
{
	border:1px solid red;
}

P.breakhere {
	page-break-before: always
}


.reportHeading
{
    font-weight:bold;
    text-align: left;
	background-color:#ddddff;
}

.reportContentRowNormal
{
    text-align: left;
    vertical-align: top;
}

.reportContentRowAlt
{
	background-color:#f7f3f7;
    text-align: left;
    vertical-align: top;
}

.reportCellBold
{
    font-weight:bold;
}

.lineRow
{
	border-bottom: 1px solid black;
}

.borderColapse
{
	border-collapse: collapse;
}

*.systemmessage    {
	background-color: #ffffe1;
	border: 1px solid #ff0000;
	float: none;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 3px 3px 20px;
	margin-left: 5px;
	margin-right: 5px;
}

table td.navtd {
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	overflow:auto; 
}

table td.subnavtd {
	margin:0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/main_left.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:184px;
}

.zoneLookupPanelHidden {
	display:none;
}

.zoneLookupPanelDisplay {
	display:block;
}

/*
form div {...} specifies padding. Unfortunately, this gets inherited by ALL
divs inside the form, regardless of level.
So non-first level divs need to overrride the padding rule.
*/


.zoneSearchResults {
	float: left;
	width: 100%;	
}

.zoneInfoPanels {
	float: left;
	width: 100%;
	padding: 0;
}

.zoneInfoPanel {
	float: left;
	width: 100%;
	padding: 0;
}

.zoneTypePanel {
	font-weight: bold;
	float: left;
	clear: none;
	padding: 0;
}

.zoneNamePanel {
	float: left;
	clear: none;
	padding: 0;
}

.clearForNextZone {
	clear: both;
}

#forgottenPasswordLink {
	font-size:14px;
	font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}