/******************************************************************************
* $Workfile: style.css $
*
* $Revision: 3 $
* $Author: Prf $
* 
******************************************************************************/


/*
 * Generic
 */

INPUT, SELECT, BUTTON { font-family: Verdana, sans-serif; }
FORM          { margin: 0px; }
DIV           { margin: 0px; }

IMG
{
	border: 0px;
}

A
{
}
A:visited
{
	color: Blue;
}

.hidden { display: none; }
.right  { text-align: right; }
.qzNumeric { text-align: right; }

/*
 * Menu topo
 */
A.mainMenuLink
{
	text-decoration : none;
	color : Gray;
}

A.mainMenuLinkSelected
{
	text-decoration: underline;
	font-weight : bold;
}

A.mainOptionsLink
{
	text-decoration: underline;
	font-weight : bold;
}

A.inboxAlert
{
	text-decoration: underline;
	font-weight : bold;
	color: Red;
	text-decoration: blink;
}


/*
 * Containers
 */

BODY
{
	font-family: Verdana, sans-serif;
	font-size: 80%;
	color: #000;
	background-color: #FFFFFF;
	margin: 5px;
	padding: 0px;
}

DIV#innerBody
{
  clear: both;
  display: block;
}

DIV.qzFrame
{
}

DIV.qzFrameMargin
{
  margin-top: 15px;
}

DIV.qzFrameHeader
{
  color: black;
  background-color: #DCDCDC;
  padding: 5px 10px;  
  border: 1px;
  border-color: White;
}

DIV.qzFrameBody
{
  margin: 0px;
  padding: 0px;
  /* border: 1px solid #afc2da; */
}

DIV#nodeID
{
  color: #036;
  font-size: 70%;
  margin-top: 4px;
}

DIV#centerContents
{
	height:inherit;
}

DIV#centerContents IFRAME
{
	height:inherit;
}

.hiddenElem
{
	display:none;
}

/*
 * Field Elements
 */

DIV.qzField
{
	margin: 0px 0px;
	padding: 4px 0px;
}

DIV.qzField DIV.qzLabel
{
	float: left;
	width: 110px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	padding-right: 2px;
	font-family: Verdana;
	font-size: 12px;
}

DIV.qzField DIV.qzValue
{
	float: left;
}

DIV.sp
{
	clear: both;
}

SPAN.qzUnits
{
}

SPAN.qzError
{
}


/*
 * Rulers
 */
HR.qzRuler
{
  clear: both;
  height: 1px;
  color: black;
}




/*
 * Input Field
 */
 
INPUT.qzInput, INPUT.qzInputCheck, TEXTAREA.qzInput, SELECT.qzInput
{
  border: 1px solid black;
}

INPUT.qzDisabled, INPUT.qzCheckDisabled, TEXTAREA.qzDisabled, SELECT.qzDisabled
{
  background-color: #CCC;
}

/* Workaround for IE bug: it places a border around in the radio/check buttons.. :/ */
INPUT.qzInputCheck, INPUT.qzInputCheckDisabled
{
  border: none;
  background-color: none;
}

DIV.qzOptionGroup
{
  font-weight: bold;
}

DIV.qzOptionGroup
{
  margin-left: 20px;
}


/*
 * Date Time formatting
 */

SPAN.qzDateLegend
{
  font-size: 70%;
}

INPUT.qzDated   { width: 82px;  }
INPUT.qzDatedt  { width: 125px; }
INPUT.qzDatedts { width: 150px; }
INPUT.qzDatet   { width: 50px; }
INPUT.qzDatets  { width: 75px; }

INPUT.qzDateyy { width: 40px; text-align: right; }
INPUT.qzDatemm, INPUT.qzDatedd, INPUT.qzDatehh, INPUT.qzDatemn, INPUT.qzDatess { width: 25px; text-align: right; padding-right: 1px; }

SPAN.qzDateSep { margin-left: 3px; margin-right: 3px; }
SPAN.qzTimeSep { }
SPAN.qzDateTimeSep { margin-left: 10px; }
 

/*
 * 
 */

DIV.requiredMessage
{
}

SPAN.requiredSymbol
{
  color: #F00;
}

DIV.qzMessages
{
}

DIV.qzMessages DIV.qzMessage
{
}

DIV.qzMessages DIV.qzMessage IMG
{
}

DIV.qzMessages DIV.qzMessage SPAN
{
}

DIV.qzMessages DIV.qzMessage A
{
  color: gray;
}




/*
 * Field Groups
 * Toggle
 */

DIV.qzNavigation
{
  padding: 10px;
  clear: both;
  background-color: #FFFFFF;
}

DIV.qzToggler
{
}

DIV.qzToggler DIV.qzTogglerHead
{
}

DIV.qzToggler A
{
   color: blue;
   text-decoration: none;
}

DIV.qzToggler DIV.qzTogglerBody
{
}




/*
 * Table
 */

DIV.qzTable
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size : x-small;
}

TABLE.qzTable
{
	float: none;
	clear: both;
	display: block;
	font-size : x-smaller;
}


TABLE.qzTable THEAD TD,
TABLE.qzTable TFOOT TD
{
	font-weight: normal;
	text-align: center;
	font-size : x-small;
	color: #000;
	background-color: #E9E7D7;
	background-image: url( '../images/table/bg-row.gif' );
	background-position: left bottom;
	background-repeat: repeat-x;
	border: solid 0px;
	padding: 7 7 7 7;
}

TABLE.qzTable THEAD TD.tl, 
TABLE.qzTable TFOOT TD.tl
{
	border-left: 1px solid #DBDAC9;
}

TABLE.qzTable THEAD TD.tr, 
TABLE.qzTable TFOOT TD.tr
{
	border-right: 1px solid #DBDAC9;
}

TABLE.qzTable THEAD TD.sort
{
	cursor: pointer;
	background-image: url( '../images/table/bg-row.sort.gif' );
}

TABLE.qzTable THEAD TH IMG
{
  margin-left: 4px;
  vertical-align: baseline;
}

TABLE.qzTable THEAD TH.hover
{
  color: #000;
  background-color: #ffffff;
  border-bottom: 10px solid orange;
  cursor: pointer;
}

TABLE.qzTable TFOOT TD IMG
{
  margin: 0px 3px 0px 3px;
}


/*
 * Table body
 */
TABLE.qzTable TBODY.body
{
}

TABLE.qzTable TBODY.body TR
{
}

TABLE.qzTable TBODY.body TR TD
{
	background-color: #fff;
	padding: 2px 3px;
}

TABLE.qzTable TBODY.body TR.od TD
{
	border-bottom: 1px solid #DDDDDD;
}

TABLE.qzTable TBODY.body TR.ev TD
{
	border-bottom: 1px solid #DDDDDD;
}

TABLE.qzTable TBODY TD.od
{
	border: solid 0px;
	background-color: #E7F3FF; /* #E7F3FD; */
}

TABLE.qzTable TBODY TD.ev
{
	border: solid 0px;
}

TABLE.qzTable TBODY.body TR TD.highlite
{
	background-color: #F2F2F6;
}

TABLE.qzTable TBODY.body TR TD.centered
{
	text-align:center;
}

TABLE.qzTable TBODY.body TR.hover TD,
TABLE.qzTable TBODY.body TR.hover TD.highlite
{
	background-color: #F2F2F6;
	border-bottom: 1px solid #666666;
}


TABLE.qzTable TBODY.body TR.selected TD,
TABLE.qzTable TBODY.body TR.selected TD.highlite
{
	background-color: #CAD3E4;
	border-bottom: 1px solid #333333;
}

TABLE.qzTable TBODY.body TD.empty
{
	padding: 0px 4px;
}


TABLE.qzTable COL.infoCell
{
	width: 30px;
}

TABLE.qzTable COL.wide
{
	width: 40px;
}

TABLE.qzTable THEAD TD.infoCell,
TABLE.qzTable TBODY.body TR TD.infoCell
{
	padding: 0px 0px;
	text-align: center;
}


TABLE.qzTable COL.scroll
{
	width: 15px;
}

TABLE.qzTable THEAD TD.scroll
{
	text-align: center;
	vertical-align: top;
	padding: 0px;
	cursor: pointer;
}

/*
 * Needed for progress bar control (to prevent ugly nested styles)
 * Added by Caf
 */
TABLE.qzTable TBODY.body TR TD DIV.progressBar TD
{
	border:0px;
}

TABLE.qzTable TBODY.body TR TD DIV.progressBar TR TD
{
	padding:0px;
}

TABLE.qzTable TBODY.body TR TD DIV.progressBar TD.progressBar
{
	background-color:White;
}


/*
 * Empty Table
 * Center the 'empty' message across the current container zone.
 */

/* Old style table */
TABLE.qzTable TBODY.tableEmpty TD
{
	background-color: #fff;
	padding: 10px 5px;
}

/* Fixed size or scrolling sized tables */
TABLE.qzTableEmpty
{
	width: 100%;
	height: 100%;
}

TABLE.qzTableEmpty TD
{
	text-align: center;
	vertical-align: middle;
}




/*
 * Table Caption
 * This contains all of the support for actions and stuff
 */

TABLE.qzTable CAPTION
{
	border-bottom: 1px solid #C2C2BF;
	padding: 0px;
}

TABLE.qzCaption
{
	width: 100%;
	border-bottom: 1px solid #969693;
	margin-bottom: 0px;
}

TABLE.qzCaption TD
{
	color: #fff;
	background-color: #afc2da;
	vertical-align: bottom;
	border-left: 0px;
	border-right: 0px;
}

TABLE.qzCaption TD.title
{
	border-top: 1px solid #ABC0E7;
	border-left: 1px solid #ABC0E7;
	border-bottom: 1px solid #00377A;
	padding: 3px 5px 2px 5px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

TABLE.qzCaption TD.fixedActions
{
	border-top: 1px solid #ABC0E7;
	border-right: 1px solid #00377A;
	border-bottom: 1px solid #00377A;
	text-align: right;
	padding: 3px 5px 2px 5px;
}


/*
 * Support for fixed actions
 */

TD.fixedActions DIV, 
TABLE.qzCaption TD.title DIV
{
	display: inline;
	cursor: pointer;
	margin: 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
	padding: 0px 0px 0px 4px;

	vertical-align: middle;
	border: 1px solid #afc2da;
}

TABLE.qzCaption TD.title DIV
{
}

TD.fixedActions DIV.disabled
{
	margin-left: 0px;
	cursor: default;
	color: #CCC;
}

TD.fixedActions DIV.hover, 
TABLE.qzCaption TD.title DIV.hover
{
	border: 1px solid #00377A;
	color: inherit;
	background-color: #64799C;
}


/*
 * Support for context actions
 */

DIV.qzTableContextOptions
{
	position: absolute;
	width: 150px;
	border: 1px solid #00377A;
	background-image: url( ../images/table/bg-context.gif );
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #fff;
	display: none;
}

DIV.qzTableContextOptions TABLE
{
	width: 100%;
	table-layout: fixed;
}

DIV.qzTableContextOptions TABLE TD
{
	display: block;
	padding: 4px 4px 4px 30px;
	cursor: pointer;
}

DIV.qzTableContextOptions TABLE TD.disabled
{
	cursor: default;
	color: gray;
	background-color: inherit;
}

DIV.qzTableContextOptions TABLE TD.hover
{
	color: inherit;
	background-color: #ABC0E7;
}

DIV.qzTableContextOptions TABLE TD.subTitle
{
	cursor:default;
	font-weight:bold;
	background-color:inherit;
}


/*
 * Support for scrolling
 */

DIV.qzTable TD.container
{
	padding: 0px;
}

TABLE.qzTableHead
{
	width: 100%;
	table-layout: fixed;
}

TABLE.qzTableHead THEAD TD
{
	border-bottom: 0;
}

TABLE.qzTableHead THEAD TR TD.rightAligned
{
	text-align:right;
}

DIV.qzTableBody
{
	height: 270px;
	overflow: auto;
	overflow-y: scroll;
	background-color: white;
}

DIV.qzTableBodyMinHeight
{
	height: 160px;
	overflow: auto;
	overflow-y: scroll;
	background-color: white;
}

DIV.qzTableBodyFullHeight
{
	height: 100%;
	overflow: auto;
	overflow-y: scroll;
	background-color: white;
}


/*
 * Print Table
 */


TABLE.printTable
{
	float: none;
	clear: both;
	display: block;
	border-collapse: collapse;
	width: auto;
	margin: 0px 0px 0px 0px;
}


TABLE.printTable CAPTION
{
    text-align: center;
    font-weight: bold;
    padding: 2px 5px;
   	border: 2px solid #6fa0d0;
}

TABLE.printTable THEAD TD
{
    font-weight: bold;
    border: 2px solid #6fa0d0;
    padding: 2px 5px;
}

TABLE.printTable TFOOT TD {}

TABLE.printTable TBODY TD
{
  padding: 3px;
  border: 1px solid #6fa0d0 
}

TABLE.printTable TBODY TD.first
{
  padding: 3px;
  border-left: 2px solid #6fa0d0
}

TABLE.printTable TBODY TD.last
{
  padding: 3px;
  border-right: 2px solid #6fa0d0
}

/*
 * Print Frame
 */
IFRAME.printFrame
{
	visibility: visible;
	overflow:auto;
	width: 1px;
	height: 1px;
	border-style: none;
}

/*
 * Grouped Tables Print styles
 */
TABLE.printGrouped
{
	width:100%;
	border:solid 1px black;
}

TABLE.printGrouped THEAD TR TD
{
	border:solid 1px black;
}

TABLE.printGrouped TBODY TR TD.Detail
{
	padding:10px 5px 10px 20px;
}

TABLE.printGrouped TBODY TR TD.Detail TABLE,
TABLE.grouped
{
	width:97%;
}

TABLE.printGrouped TBODY TR TD.Detail TABLE THEAD TR
{
	border-bottom:solid 1px black;
}

TABLE.printGrouped TBODY TR TD.Detail TABLE THEAD TR TD,
TABLE.printGrouped TBODY TR TD.Detail TABLE TBODY TR TD.noBorder
{
	border:none;
}



/*
 * Date Picker
 */

SPAN.qzPicker
{
	margin-left: 3px;	
}

SPAN.qzPicker IMG.qzPicker
{
	vertical-align: middle;
}


DIV.qzDatePicker
{
	display: none;
	background-color: #FFFFFF;
	z-index: 1000;
}

TABLE.qzDatePicker
{
	width: 100%;
	table-layout: fixed;
	font-size: 100%;
	border-top: 1px solid #afc2da;
	border-right: 1px solid #afc2da;
	z-index: 1000;
}

TABLE.qzDatePicker TD
{
	border-bottom: 1px solid #afc2da;
	border-left: 1px solid #afc2da;
}

/* Rendering of week days */
TABLE.qzDatePicker THEAD TR TD
{
  padding: 1px 2px;
  text-align: center;
  background-color: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FAFAFC, EndColorStr=#D6D7E3);
}

/* Override just for the popup title (where the 'Pick date' message and x symbol are */
TABLE.qzDatePicker THEAD TR.title TD
{
  text-align: left;
  background-color: #8E9CBB;
  font-weight: bold;
  color: white;
  filter: none;
}

TABLE.qzDatePicker THEAD TR.title TD.close
{
  text-align: right;
  border-left: none;
}

TABLE.qzDatePicker THEAD TR.title TD.close A
{
  color: white;
  padding: 0px 2px;
  text-decoration: none;
}

TABLE.qzDatePicker THEAD TR.title TD.close A:hover
{
  color: #E89F2E;
}

/* Override for the links in the head: next/previous months and years */
TABLE.qzDatePicker A.month:link, 
TABLE.qzDatePicker A.month:visited,
TABLE.qzDatePicker A.year:link, 
TABLE.qzDatePicker A.year:visited
{
  color: #234;
  text-decoration: none;
}

TABLE.qzDatePicker A.month
{
	font-weight: bold;
}

TABLE.qzDatePicker A.month:hover,
TABLE.qzDatePicker A.year:hover
{
  color: #E89F2E;
}

TABLE.qzDatePicker TBODY TD
{
  text-align: center;
  padding: 3px 2px;
}

/* Color of date links */
TABLE.qzDatePicker TBODY TD A
{
  color: #000;
  text-decoration: none;
}

TABLE.qzDatePicker TBODY TD A:hover
{
  color: #E89F2E;
}

TABLE.qzDatePicker TBODY TD.weekend
{
  background-color: #C8D2E4;
}

TABLE.qzDatePicker TBODY TD.current
{
  background-color: #FFDC8D;
}

TABLE.qzDatePicker TBODY TD.offmonth
{
}

TABLE.qzDatePicker TBODY TD.offmonth A
{
  color: #CCCCCC;
}



/*
 * Pick list
 */

TABLE.qzPickList
{
  font-size: 100%;
}

TABLE.qzPickList THEAD TD, TABLE.qzPickList TFOOT TD
{
}

TABLE.qzPickList TBODY TD.control
{
  padding: 0px 5px 0px 5px;
}

TABLE.qzPickList TBODY TD.uns
{
  /* IE specific extensions. handle with care! */
  filter: flipv fliph; 
  writing-mode: tb-rl;
}

TABLE.qzPickList TBODY TD.sel
{
  /* IE specific extensions. handle with care! */
  filter: flipv flipv; 
  writing-mode: tb-rl;
}




/*
 * Lookups
 */

iframe.qzLookup
{
	display: none;
	z-index: 10;
	border: none;
}



/*
 * Grids
 */
.qzGrid
{
	border-style: none;
	border: 0px;
}

.qzGridRow
{
	border-style: none;
	border: 0px;
}

.qzGridCell
{
	vertical-align: top; /* DFC TOP ALIGN */
	border-style: none;
	border: 0px;
}








/* ****************************************************************************
		CLEARING BANNER STYLES
   ************************************************************************* */
.bannerZone
{
	/*background: #AFC2DA;*/
	background: #1B3D7C;
	height: 50px;
	width: 100%;
}

.bannerZoneTitle
{
	float: left;
	vertical-align: middle;
	padding: 10 0 5 20;
	text-align: left;
	display: table-cell;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana;
	color: #E1E4DD;
}

.bannerZoneSearch
{
	float: right;
	width: 285px;
	height: 30px;
	text-align: right;
	font-size: 10px;
	padding: 4 5 0 0;
}

.bannerZoneSearchInput
{
	border: solid 1px black;
	font-size: 11px;
	height: 20px;
	margin: 2 0 0 0;
	border-style: ridge;
}

.bannerZoneSearch A:visited
{
	color: White;
	text-decoration: none;
}

.bannerZoneSearch A
{
	color: White;
	text-decoration: none;
}

.bannerZoneButtons
{
	float: right;
	height: 30px;
	padding: 10 10 5 10;
}

.bannerButton
{
	height: 30px;
}

.bannerShortcutSelected
{
	font-weight:bolder;
	font-variant:small-caps;
	text-decoration: none;
}

/* ****************************************************************************
		END OF CLEARING BANNER STYLES
   ************************************************************************* */




/* ****************************************************************************
		CLEARING CONFIRMATION LOGIN
   ************************************************************************* */
.confirmationLogin
{
	border-color: #AAAAAA;
	border-style: dotted;
	border-width: 2px;
	background-color: #EEEEEE;
	margin: 10 10 10 10;
	padding: 10 10 10 10;
	width: 300px;
}

.confirmationLoginTitle
{
	margin: 5 5 10 5;
	text-align: center;
	font-size: 15px;
	font-family: Verdana;
	font-weight: bold;
}


/* ****************************************************************************
		END OF CONFIRMATION LOGIN STYLES
   ************************************************************************* */

/* ****************************************************************************
		TREEVIEW STYLES
   ************************************************************************* */

.TreeView table
{
	margin-bottom:0px;
}

.TreeView td
{
	border:0px;
}

/* ****************************************************************************
		INPUT STYLES
   ************************************************************************* */
input.qzCurrency
{
	padding-right:1px;
	text-align:right;
}

input.qzNumeric
{
	padding-right:1px;
}

/* ****************************************************************************
		END OF INPUT STYLES
   ************************************************************************* */

/* ****************************************************************************
		Info box
   ************************************************************************* */
div.infoTextBox
{
	background-color:Silver;
	font-size:10px;
	text-align:justify;
	font-family: Monospace;
}


/* eof */