@media print
{
	.notprintable
	{
		visibility: hidden;
		display: none;
	}
}

@media screen
{
	.printonly
	{
		visibility: hidden;
		display: none;
	}
}

.hidden
{
	visibility: hidden;
	display: none;
}

.visible
{
	visibility: visible;
	display: inline;
}

div.system_message 
{
    font-size: 11pt;
    font-weight: bold;
    color: Blue;
}
div.system_error
{
    font-size: 11pt;
    font-weight: bold;
    color: Red;
}

div.statistics 
{
}

div.statistics span.good
{
    color: #006400;
}

div.statistics span.caution
{
    color: #B8860B;
}

div.statistics span.critical
{
    color: #8B0000;
}

div.statistics span.error
{
    color: #8B0000;
}

/* generated forms */

body, input, textarea, select, option, a, td, th
{
	font-size: 10pt;
	font-family: Arial;
}

/* addressbook / flowcontrol formatting */
input.addressbook
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid black;
}

/* read-only control formatting */
input.readonly,
textarea.readonly
{
	border: 0px;
}

/* div separator formatting */
div.separator
{
	padding-top: 10px;
	border-top: solid black 2px;
}

.note
{
	font-size: 80%;
}

/***************************************/
/* title band on each page             */
/***************************************/

div.band
{
	width: 100%;
	height: 24px;
	background-color: Gray;
}

div.band_title
{
	width:40%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	float:left;
	text-align:left;

	color: White;
	font-weight: bold;
}

div.band_link
{
	width:40%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	float:right;
	text-align:right;

	color: White;
	font-weight: bold;
}

div.band_link a
{
	color: White;
	font-weight: bold;
}


/***************************************/
/* data form formatting, single column */
/***************************************/

TABLE.form_body
{
	width: 740px;
}

/* spacing been save control and the form's control (tr) */
TABLE.form_body TR.save_controls TD
{
	padding-top: 20pt;
}

/* caption column (left) */
TABLE.form_body TD.field_caption
{
	width: 150px;
	height: 20px;
	vertical-align: top;
	padding-right: 10pt;
	font-size: 10pt;	
}

/* control column (right) */
TABLE.form_body TD.field_control
{
	vertical-align: top;
}

/* seperation been the control (tr) */
TR.field_body TD
{
	padding-top: 3pt;
}

form.header_control 
{
    display: inline;
}

form.header_control span,
form.header_control input,
form.header_control select
{
    font-size: 7.5pt;
    height: 20px;
}

/***************************************/
/* page footer formatting			   */
/***************************************/

.SiteFooterText
{
	font-size: 8pt;
}

.SiteFooterText a
{
	font-size: 8pt;
}

/***************************************/
/* dashboard filter, hack?			   */
/***************************************/

.dashboardfilter
{
	padding-top: 5px;
}

/***************************/
/* formatting "components" */
/***************************/

/* vertical white space between block elements
   should be applied to parent element i.e. <ul> */
.whitespace 
{
	padding-top: 15px;
}

/***************************************/
/* qlox grids, basically all datagrids */
/***************************************/

/* table */
/* table */
table.qloxgrid
{
	border: solid 1px black;
}

/* only the header row */
table.qloxgrid tr th,
table.qloxgrid tr.header td
{
	color: White;
	background-color: Gray;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
}

/* only the header links */
table.qloxgrid tr th a:link,
table.qloxgrid tr th a:hover,
table.qloxgrid tr th a:visited,
table.qloxgrid tr.header td a:link,
table.qloxgrid tr.header td a:hover,
table.qloxgrid tr.header td a:visited
{
	text-decoration: underline;
	color: White;
}

/* only the header footer */
table.qloxgrid tr.footer td
{
	color: gray;
	background-color: #C0C0C0;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
}

/* only the header links */
table.qloxgrid tr.footer td a,
table.qloxgrid tr.footer td a:link,
table.qloxgrid tr.footer td a:hover,
table.qloxgrid tr.footer td a:visited
{
	text-decoration: none;
	color: black;
}

table.qloxgrid tr.footer td a:hover
{
	font-weight: bold;
}

/* current page */
table.qloxgrid tr.footer td a.current_page 
{
	font-weight: bold;
	font-size: 115%;
}


/* all rows */
table.qloxgrid tr
{
}

/* only even rows */
table.qloxgrid tr.even
{
}

/* only odd rows */
table.qloxgrid tr.odd
{
	background-color: #E0E0E0;
}

/* all cells */
table.qloxgrid tr td,
table.qloxgrid tr th
{
	padding: 3px;
	vertical-align: top;
}

/* only the content links */
table.qloxgrid tr td a,
table.qloxgrid tr td a:visited
{
	text-decoration: none;
	color: Black;
}
/* only the content links */
table.qloxgrid tr td a:hover
{
	color: Blue;
	text-decoration: underline;
}

/* GANTT CHART FORMATTING */
table.GanttChart
{
	border: solid 1px black;
}

table.GanttChart tr td
{
	padding: 3px;
}

table.GanttChart tr.header td.interval
{
	color: White;
	background-color: Gray;
	border-left: solid 1px black;
	border-right: solid 1px black;
	text-align: center;
}

table.GanttChart tr.header td.interval_left
{
	color: White;
	background-color: Gray;
	border-left: solid 1px black;
	text-align: center;
}

table.GanttChart tr.header td.interval_right
{
	color: White;
	background-color: Gray;
	border-right: solid 1px black;
	text-align: center;
}


table.GanttChart tr.header
{
	color: White;
	background-color: Gray;
}

table.GanttChart tr.even
{
}

table.GanttChart tr.odd
{
	background-color: #E0E0E0;
}

table.GanttChart td.series hr
{
	color: black;	
}

/* only the content links */
table.GanttChart tr td a,
table.GanttChart tr td a:visited
{
	text-decoration: none;
	color: Black;
}
/* only the content links */
table.GanttChart tr td a:hover
{
	color: Blue;
	text-decoration: underline;
}

table.GanttChart tr.even td span.dateerror a,
table.GanttChart tr.odd td span.dateerror a
{
	color: Red;
}