/*GENERAL BODY STYLE CONTROL*/
body {margin: 5px, 5px, 0, 5px; font: 12px/14pt normal Arial, Helvetica, sans-serif; color: #000}
/*
//USE "BODY START" for LOGIN SCREEN ONLY
// STYLE REVISED FOR CROSS BROWSER
*/
body.start { background-image: url(../images/img_bckg_main.jpg); background-position: bottom right; background-repeat: no-repeat; height: 90%;}
/*G*/
p, div, td, {font: 12px/14pt normal Arial, Helvetica, sans-serif, color: #000}

p.body {background-color: #f7f7ed; margin-top: 1px; padding-top: 5px;}
p.gry {background-color: #f2f2f2; margin: 0; }
p.bckg1 {background: #F7F7ED}
p.bckg2 {background: #E8F3E8}
p.bckg3 {background: #D4DFFF}
p.bckg4 {background: #89b3d8; border-top: 3px solid #7c93aa;}
p.bckg5 {background: #dbf1d1; border-top: 3px solid #7c93aa;}
p.top {margin-top: 1em}
p.10 {text-indent: 1em}

/* 
// ------------------------------------------------------------------------------------------------------------------------------------------
// H-tags controls (headers)
// -------------------------------------------------------------------------------------------------------------------------------------------
*/

h1 {font: bold 20px Arial, Helvetica, sans-serif; color: #042D56; margin-top: 10px; margin-bottom: 5px}
h1.start {font: bold 20px Arial, Helvetica, sans-serif; color: #042D56; margin-top: 10px; margin-bottom: 8px; text-indent: 200px;}
h1.rpt {margin-bottom: 2em;} /*FOR REPORT ONLY*/
h2 {font: bold 17px Arial, Helvetica, sans-serif; color: #042D56; margin-top: 10px; margin-bottom: 8px}
h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #042D56; margin-top: 10px; margin-bottom: 8px}
h3.dash {text-indent: 5px; line-height: 0.5em}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; font-weight: bold;}
h4.Wht {color: #FFF;}
h5 {font: bold 14px Arial, Helvetica, sans-serif; color: #042D56; margin-top: 0; text-indent: 5px; margin-bottom: 5px}

/*IMAGE CONTROLS*/

img {border: 0;}
img.logo {margin-left: 15px; margin-right: 20px; top: 5px}
img.cal {vertical-align: middle; margin-right: 5px;}
img.icon {vertical-align: middle; margin-right: 3px; margin-left: 5px;}

/*LINK CONTROLS*/

a, active, link, visited {font: 12px/14px normal Arial, Helvetica, sans-serif; color: #4E6084; text-decoration: underline; }
a.right { text-align: right; position: absolute; right: 3em; font: normal 12px Arial, Helvetica, sans-serif; text-transform: capitalize; vertical-align: baseline}
a.rightB { text-align: right; position: absolute; right: 3em; font: bold 12px Arial, Helvetica, sans-serif; text-transform: capitalize; vertical-align: baseline}
a.rightWht { text-align: right; position: absolute; right: 3em; font: normal 11px/13px Arial, Helvetica, sans-serif; color: #FFF; text-transform: capitalize;}
a.rightWht:visited, active, link { color: #FFF; }
a.left {text-align: left; position: absolute; left: 200px; margin-left: 30px;}
a.left2 {text-align: left; position: absolute; left: 5px; margin-left: 30px;}
a.drop {margin-left: 5px; font-weight: bold;}
a.space {margin-left: 2em; }
a.space7 {margin-left: 7em; }
a.footer {font-size: 11px; color: #eee; margin-left: 5px;}
a.title {font-size: 14px; font-weight: bold;}
a.navSide {line-height: 1.5em; }
a.small {font-size: 9.5px; text-align: center;}
a.rpt {font: bold 13px; color: #4E6084; text-decoration: capitalize; width: 25%; vertical-align: middle; margin-right: 1em;} /*FOR REPORT ONLY*/

/*TEXT CONTROLS*/

strong {font: bold; }

.headTable {font: bold 14px Arial, Helvetica, sans-serif; color: #4E6084; vertical-align: text-bottom; padding-left: 5px;} /*FOR TABLE TITLES*/
.headTableBlk {font: bold 13px Arial, Helvetica, sans-serif; color: #000; vertical-align: middle; padding-left: 5px;}
.pipe {padding-left: 3px; padding-right: 3px;}
.timestamp {font: bold 13px/16px Arial, Helvetica, sans-serif; color: #000; text-align: left; margin-left: 20px; margin-right: 5px;}
.statstamp {font: normal 12px Arial, Helvetica, sans-serif; color: black; text-align: right; position: absolute; right: 3em;}
.linkR {text-align: right; position: absolute; right: 2em; }
.linkRgen {text-align: right; left: 60%; position: absolute;}
.space {margin-right: 3px;}
.headControl {left: 10px; position: relative;}
.norm	{font-weight: normal;}

/*
//--------------------------------------------------------------------------------------------------------------------
//DIV CLASSES
//--------------------------------------------------------------------------------------------------------------------
*/

div.navUtility {width: auto; height: auto; padding: 3px; position: absolute; top: 10px; right: 2em; vertical-align: bottom; text-align: right;}
div.headTable {width: 700px; height: auto; background: white; border: solid 1px #E5E5E5; padding: 5px; margin-bottom:1px; font: bold 14px Arial, Helvetica, sans-serif; color: #042D56}
div.headTableBlu {background-color: #e5e5e5; border-top: 3px solid #4e6084; height: 25px; width: auto; margin-bottom: 1px; padding-top: 3px;}
div.headTableWht {background: white; border: solid 1px #E5E5E5; border-bottom: 0; height: 25px; width: auto; padding-top: 3px;}
div.headTableGen {background-color: #e5e5e5; border-top: 3px solid #89b3d8; height: 25px; width: auto; margin-bottom: 1px; }
div.headTableGen2 {background-color: #e5e5e5; border-top: 3px solid #89b3d8; height: 25px; width: 90%; margin-bottom: 1px; }
div.headForm {background-color: #E5E5E5; border-top: 3px solid #4E6084; border-bottom: 0px; width: 90%; height: 25px; margin: 0, 1px, 0, 1px;}
div.bckgWht {width: auto; background: white; border: solid 1px #E5E5E5; padding: 5px;}
div.bckgWht2 {width: auto; background: white; border: solid 1px #E5E5E5; border-top: 0; padding: 5px;}
div.bckgWht3 {width: auto; background: white; border: solid 1px #E5E5E5; border-bottom: 0; padding: 5px;}
div.bckgWht4 {width: 90%; background: white; padding: 5px;}
div.bckgWht4Brd {width: 90%; background: white; padding: 5px; border: 1px solid #E5E5E5; margin-bottom: 1px;}
div.filter {width: 100%; background: white; border: solid 1px #E5E5E5; padding: 3px;}
div.btnRight {width: 100%; margin-right: 1em; margin-top: 1em; margin-bottom: 1em;}
div.btnRight2 {width: 90%; margin-top: 1em;}
div.btnRight3 {width: 80%; margin-top: 1em;}
div.stampTop { padding: 5px; padding-left: 10px; font: bold 13px Arial, Helvetica, sans-serif; }
div.stampTopR { float: right; position: relative; margin-top: 1em; font: bold 13px Arial, Helvetica, sans-serif;}
div.quickbox {width: 100%; padding: 3px; background: #e5e5e5; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}
div.footer {width: auto; padding: 5px; background: #4e6084; font: 11px/14px normal Arial, Helvetica, sans-serif; color: #eee; text-align: left;}
div.scroll {width: auto; background: #E5E5E5; border-bottom: solid 3px #89b3d8; margin-top: 1px; padding: 3px; text-align: right;}
div.headGrp {background-color: #edf5ff; padding: 3px; padding-left: 5px; width: auto; border-bottom: 1px solid #89b3d8; margin-bottom: 1px; margin-top: 1px;}
div.headGrp2 {background-color: #edf5ff; padding: 3px; padding-left: 5px; width: 90%; border-bottom: 1px solid #89b3d8; margin-bottom: 1px; margin-top: 1px;}
div.msg {width: auto; margin-left: 20px;}
/*FOR REPORTS ONLY*/
div.rpt {width: 90%; float: center; padding: 8px; margin-bottom: 1px;}
div.rptFld {padding-top: 5px; padding-bottom: 5px; vertical-align: middle;}



/*
//--------------------------------------------------------------------------------------------------------------------
//TABLE CLASSES
//--------------------------------------------------------------------------------------------------------------------
*/


table {width: 100%; font: normal 12px Arial, Helvetica, sans-serif; color: black;}
table.bckgGry {width: 100%; background: #E2E2E2;}
table.bckgWht {width: 100%; background: white; border: solid 1px #E5E5E5;}
table.bckgWht2 {}
table.bckgWht3 {width: 90%; background: white; border: solid 1px #E5E5E5; margin-bottom: 1px;}
table.quickbox {width: 100%; background: #e5e5e5; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}
table.qboxBlu {width: 98%; background: #cce5fc; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}
table.form {width: 90%; }
table.form2 {width: 90%; background: #E5E5E5; margin-bottom: 5px;}
table.formRptFlt {width: 80%; margin-left: 1em; vertical-align: top;}
table.formRpt {width: 100%; vertical-align: top; border: solid 1px #E5E5E5;}
table.formSpec {width: 90%; background: #7c93aa; margin-bottom: 5px;}
table.50 {width: 300px; background: white; margin-left: 10%; margin-top: 2%; }
table.90 {width: 90%; background: white;}

/*THIS IS CURRENTLY BEING USED FOR SORTING*/
table thead td, table thead th 
{border: 0; border-bottom: 1px solid #CDCDCD;s}
table thead td.selectedUp, table thead th.selectedUp 
{background-image:url(../images/table/em_colHead_up.gif); background-repeat: no-repeat; background-position: top right;}
table thead td.selectedDown, table thead th.selectedDown 
{background-image:url(../images/table/em_colHead_down.gif); background-repeat: no-repeat; background-position: top right;}

tr {padding: 3px; }
tr.rowEven {background: #edf5ff;}
tr.alt {background: #edf5ff;}
tr.rowOdd {background: #FFF;}
tr.rowSpec {background: #89b3d8;}
tr.rowGen {background: white; padding: 5px;}
tr.rowGry {background: #e5e5e5;}

th {padding: 3px; background: #e5e5e5;}
th.sort {background-color: #cce5fc;} /*STYLE FOR  SORTABLE TABLE  HEADERS (CURRENTLY NOT USED)*/
th.normal {font-weight: normal;} 
th.check {width: 3em; text-align: center;} /* CONTROLS TABLES WITH CHECKBOXES (SELECT ALL) FUNCTION */

td {padding: 5px;}
td#left {width: 200px; left: 0; padding: 0; top: 0; vertical-align: top; padding-right: 10px; padding-left: 5px;}
td#center {width: 680px; left: 0; padding: 0; padding-right: 10px; top: 0; vertical-align: top;}
td#center2 {width: auto; left:0; padding: 0; padding-right: 10px; top:0; vertical-align: top;}
td#right {width: auto; left: 0; padding: 0; padding-right:; top: 0; vertical-align: top;}
td#report {width: auto; left: 0; vertical-align: top; padding: 10px; padding-top: 5px;}
div.dashRptFix {max-width: 90%; min-width: 140px;}

td.pad5 {padding: 5px;}
td.headGryBrd {font: bold 14px; padding: 2px; }
td.quickbox {font: bold 14px Arial, Helvetica, sans-serif; color: #042D56; padding: 5px;}
td.qboxform {width: 5em; text-align: right; padding: 3px;}
td.qboxform2 {text-align: left; padding-left: 10px; padding-bottom: 3px; font-weight: bold;}
td.brdBtm {border-bottom: 1px solid #7c93aa;}
td.brdBtm2 {background: white; border-bottom: 1px solid #e5e5e5;}
td.brdTop {border-top: 1px solid #E5E5E5;}
td.filterbox {padding: 8px;}
td.form {background: white; padding: 5px; vertical-align: baseline;}
td.label {background: #e5e5e5; vertical-align: top; text-align: center;}
td.label2 {background: #E5E5E5; vertical-align: top; text-align: right; padding-right: 10px; width: 15%; font-weight: bold;}
td.headSE {font: bold 14px Arial, Helvetica, sans-serif; color: #042D56; padding: 3px; background: #D0D7EC; border-top: 10px solid #EBEFF8;}
td.boxSE {width: 5em;}
td.colR15 {width: 15%; text-align: right;}
td.colR20 {width: 25%; text-align: right;}
td.colL20 {width: 25%; text-align: left;}
td.colRpt {width: 20%; text-align: right; vertical-align: middle;}
td.colRptDet {width: 35%;}

/*FOR LOGIN PAGE ONLY*/
td.startBrd {
text-align: left; padding-left: 10px; border: 1px solid #89B3D8; border-right: 0; border-top: 0; border-bottom: 0;}
table#start {width: 100%;} 
div.start {width: 300px; position: relative; float: right; right: 20%; border-left: 1px solid #7c93aa; padding-left: 10px}

/*TESTERS (DESIGN ELEMENTS)*/
table.qbox1 {width: 100%; background: #f7f7ed; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}
td.qbox1head {width: 100%; background: #CBDDE6; border-bottom: 1px solid #cdcdcd; padding: 5px; font: bold 14px Arial, Helvetica, sans-serif; color: #042D56;}
table.qbox2 {width: 100%; background: #edf5ff; border-bottom: 1px solid #CBDDE6; border-right: 1px solid #CBDDE6;}
td.qbox2head {width: 100%; background: #edf5ff; border-bottom: 1px solid #CBDDE6; padding: 5px; font: bold 14px Arial, Helvetica, sans-serif; color: #042D56;}
table.qbox3 {width: 100%; background: #e5e5e5; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}
td.qbox3head {width: 100%; background: #e5e5e5; border-bottom: 1px solid #cdcdcd; padding: 5px; font: bold 14px Arial, Helvetica, sans-serif; color: #042D56;}

/*
//--------------------------------------------------------------------------------------------------------------------
//FORM AND FORM ELEMENTS CLASSES
//--------------------------------------------------------------------------------------------------------------------
*/

form {}
form.btmMarginFix {margin-bottom: 0;}
input { font: normal .9em verdana, Helvetica, sans-serif; color: #000; margin-left: 5px; margin-right: 5px; vertical-align: baseline;}
input.swap { width: 85px}
input.fld {border: 1px solid #7c93aa; padding: 2px;}
input.fld2 {background-color: #F7F7ED; border: 1px solid #7c93aa; padding: 2px;}
input.fld3 {margin-left: 0; margin-right: 0;}
input.fld4 {vertical-align: middle;}
input.login {}
input.btn {font-size: 1em; padding-top: 2px; padding-bottom: 2px;}
input.btn4 {font-size: 1em; padding-top: 2px; padding-bottom: 2px; vertical-align: middle;}

select {font: normal .9em verdana, Helvetica, sans-serif; color: #000; margin-left: 5px; margin-right: 5px; vertical-align: baseline;}
select.combobox { font: normal .9em tahoma, Helvetica, sans-serif; color: #000; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;}
select.fld3 {margin-left: 0; margin-right: 0;}

textarea { font: normal .9em Verdana, Helvetica, sans-serif; color: #000; margin-left: 5px; margin-right: 5px;}
textarea.big {width: auto; height: 200px}
textarea.note {width: 300px; height: 50px }
textarea.msgBody {width: 98%; height: 100px;}
iframe.graph {width:100%; height: auto; padding: 0; border: solid 1px #006699; overflow: no;}

/*SWAPBOX STYLES*/
td#swapbox {width: 10em; height: 10em; text-align: center; vertical-align: middle;}
td#swapL {width: 25%;}
select.swap {width: 20em; padding: 5px;}
input.swapBtn {width: 8em; margin-bottom: 2px;}
input.swapBtnS {text-align: center; margin-top: 10px; margin-bottom: 2px;}
input.swapBtnL {width: 10em; margin-bottom: 2px;}

/*FORM AND OTHER LABELS*/
label { font: normal 12px/14px Arial, Helvetica, sans-serif; color: #000; text-align: left; margin-right: 5px;}
label.child { margin-left: 1em; }
label.childB { font-weight: bold; margin-left: 1em;}
label.childRpt {margin-left: 3em;}

label.bold { font: bold 12px/14px Arial, Helvetica, sans-serif; color: #000; text-align: left; margin-right: 5px;}

label.form { font-weight: bold; width: 13em; text-align: right;}
label.form2 { width: 13em; text-align: right;}
label.bold.red { color: #CC0000; font-weight: bold;}
label.boldHead { font: bold 13px/16px Arial, Helvetica, sans-serif; color: #000; text-align: left; margin-right: 5px;}
label.headR {margin-left: 50px; vertical-align: baseline;}
label.Title {font-weight: bold; color: #FFF }

label.head {font: bold 13px; color: #000; height: 20px; vertical-align: middle;}
label.colHeadSort {cursor: pointer;text-align: left; font-weight: bold; color: #4E6084; text-decoration: underline; margin-right: 0; text-transform: capitalize;}
label.colHeadSort:hover {text-decoration: underline; margin-right: 0}
label.colHeadNoSort {text-align: left; font-weight: bold; color: #000; text-decoration: none; margin-right: 0; text-transform: capitalize;}

/*USE FOR NOTES AND EXAMPLES*/

samp {font: normal .9em Arial, Helvetica, sans-serif; color: #4e6084; text-decoration: none; padding-left: 5px; padding-right: 5px}
samp.note {padding-left: 0px; padding-right: 0px}
samp.note.bold {font-weight: bold;}
samp.tip {font: normal 1em Arial, Helvetica, sans-serif; text-decoration: none; padding-left: 5px; padding-right: 0}
samp.tipB { font: bold 1em Arial, Helvetica, sans-serif; text-transform: upppercase;}

/*TABS STYLE*/
ul {background: #2F3463 url(../images/em_tab_off.gif) center repeat-x;}
.tabmenu { margin:0; padding: 0; float: left; font: bold 13px Arial, Helvetica, sans-serif; width: 100%; border: 1px solid white; background: #2F3463 url(../images/em_tab_off.gif) center repeat-x;}
.tabmenu li { display: inline; }
.tabmenu li a { font: bold 13px Arial, Helvetica, sans-serif; float: left; color: white; padding: 9px 11px; text-decoration: none; border-right: 1px solid white;}
.tabmenu li a:hover, .tabmenu li .current { color: #2F3463; background: transparent url(../images/em_tab_on.gif) center center repeat-x;}
ul#menuEnd {border: 1px solid white; border-bottom: 5px solid #CDCDCD; margin-bottom: 1px;}
br#end {clear: left;}

/*GENERAL LIST CONTROLS TO CUSTOMIZE CREATE OVERWRITES*/
ul {list-style: none outside; background: none; list-style-type: image;}
li {list-style: none outside;}

/*MESSAGES STYLE*/
.msg {vertical-align: 0.5em;}
div#rpt {margin-bottom: -2em;} /*controls space for msg in reports*/
div.msgErr {
	width: 90%;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #CC0000;
	text-indent: 0.5em;
	list-style-type: image;
	list-style: ouside image url(../images/i_error.gif) top;
	line-height: 1.5em;
}
div.msgWrn {
	width: 90%;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	text-indent: 0.5em;
	color: #000;
	list-style-type: image;
	list-style: ouside image url(../images/i_warning.gif) top;
	line-height: 1.5em;
}
div.msgCon {
	width: 90%;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 2px;
	text-indent: 0.5em;
	list-style: none;
	margin-top: 1em;
}

/*CALENDAR STYLE*/
div.cal { width: 170px; position: absolute; visibility: hidden; background-color: white; z-index: 1;}
.TESTcpYearNavigation,
.TESTcpMonthNavigation 
	{background-color: white; text-align: center; vertical-align: middle; text-decoration: underline; color:#4E6084; font-weight: bold;}
.TESTcpDayColumnHeader,
.TESTcpYearNavigation, 
.TESTcpMonthNavigation
	{font-weight: bold; text-decoration: none;}
.TESTcpCurrentMonthDate,
.TESTcpCurrentMonthDateDisabled,
.TESTcpOtherMonthDate,
.TESTcpOtherMonthDateDisabled,
.TESTcpCurrentDate,
.TESTcpCurrentDateDisabled,
.TESTcpTodayText,
.TESTcpTodayTextDisabled,
.TESTcpText
	{font: normal 1em Arial, Helvetica, sans-serif; text-decoration: none;}
TD.TESTcpDayColumnHeader
	{text-align:right; border:solid thin #CDCDCD; border-width:0 0 1 0;}
.TESTcpCurrentMonthDate,
.TESTcpOtherMonthDate,
.TESTcpCurrentDate 
	{text-align:right; text-decoration:none;}
.TESTcpCurrentDate:hover 
	{text-decoration: underline;}
.TESTcpCurrentMonthDateDisabled,
.TESTcpOtherMonthDateDisabled,
.TESTcpCurrentDateDisabled
	{color:#CDCDCD; text-align:right; text-decoration: line-through;}
.TESTcpCurrentMonthDate
	{color:#4E6084; font-weight:bold; text-decoration: underline;}
.TESTcpCurrentMonthDate:hover
	{text-decoration: underline;}
.TESTcpCurrentDate
	{color: #FFF; font-weight:bold; text-decoration: none;} 
.TESTcpOtherMonthDate
	{color:#89b3d8; } 
TD.TESTcpCurrentDate {color:#FFFFFF; background-color: #7C93AA;}
TD.TESTcpCurrentDateDisabled {border: 1px solid #cdcdcd;}
TD.TESTcpTodayText,
TD.TESTcpTodayTextDisabled
	{border: solid #cdcdcd;	border-width:1 0 0 0;}
A.TESTcpTodayText,
SPAN.TESTcpTodayTextDisabled
	{height: 15px; color: #cdcdcd;}
A.TESTcpTodayText	{color: #4e6084; font-weight:bold;}
.TESTcpBorder	{ border: 1px solid #2f3463; background-color: white;}