/**************************************************************************
 * The following are styles specific to managing function-related content *
 **************************************************************************/
#formControls tbody.formMethods{
	visibility:visible;
}
#formControls.disabled tbody.formMethods{
	visibility:hidden;
}
#formControls tbody.formButtons input[type="submit"]{
	enabled:true;
}
#formControls.disabled tbody.formButtons input{
	disabled:true;
}

/* see xTras.acpm.js#jQuery.fn.labelOver() for below's reason ()*/
div.label {position: relative;}
div.label input {display:block;position:relative;}
label.pre {display:block;position:relative;}
label.over { color: grey; position:absolute; top: 0em; left: 1em; z-index:10;}

tfoot tr td {vertical-align: bottom; font-style: italic;}
.xHidden {visibility:hidden;display:none;}
.xVisible {visibility:visible;}
.aSpecialHilite {
	font-size:13px;
	line-height:42px;
	font-family:inherit;
	color:blue;text-decoration:underline;
	padding-top:10px;padding-bottom:12px;
	padding-left:15px;padding-right:15px;
	background-color:#CCCC99;
	border: #0066ff 1px solid;
}
kbd {font-size:9px;color:gray;} /*used when displaying footnote text in a document that's meant to be relatively unnoticable*/
.xSectionTitle {
	color:black; 
	font-size:12px; 
	font-weight:bold; 
	font-family:inherit;
	text-decoration:none;
}
.ckBox {
	width:1em;
	height:1em;
	display:inline;
	padding-bottom:3px;
	vertical-align:baseline;
}
.ckLbl {
	height:1em;
	display:inline;
	vertical-align:baseline;
}
.submitBtn {}
.FXform {
	color:black;
	text-decoration:none;
	background-color: transparent;
	font-family:inherit;
	text-decoration:none;
	font-size:12px;
	color:black;
}
.FX_Display {
	position:relative;
	top:0px;
	left:0;
	height:auto;
	display:block;
	background-color:transparent;
	text-align:left;
}
.xlabel {
	float:left;
	display:inline;
	margin-top:1px;
	padding-top:2px;
	padding-right:5px;
	text-align:right;
	color:black;
	font-size:12px;
	font-family:inherit;
	vertical-align:middle;
	height:1.5em;
}
.xField {
	float: left;
	margin-bottom:5px;
	display:inline;
	vertical-align:middle;
}
.xFldMsg_Normal, .xFldMsg_Error, .xFldMsg_vError {
	font-family:inherit;
	font-style: italic;
	font-size:11px;
}
.xFldMsg_vError {
	display:inline;
	float:left;
	text-align:center;
	margin-top:-4px;
	margin-left:55px;
	margin-right:0px;
	min-width:240px;
	height:1em;
}
.xFldMsg_Normal {color:black;}
.x, .xFldMsg_Error, .xFldMsg_vError, .redTxt {color:#990000;}
.tableSortArrow {
	color:#990000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 900;
	font-size:14px;
	font-style: normal;
}
.spacer {
	position:relative;
	height:16px;
	width:100%;
	background-color:transparent;
}
.fmpFrame {
	position:relative;
	top:0px;
	left:0%;
	overflow: visible;
	background-color:transparent;
}
.column {
	float:left;
	display:inline;
}
.rbcb {
	display:block;
	clear:right;
	overflow:hidden;
	vertical-align: baseline;
}
.button {
	background:transparent;
}
.button:focus {
	border-width:3px;
}
/*******************************************************
   Styles relating to the display of a message box.
********************************************************/
div.progressMsgContainer {
	top: 0; left: 0; width: 100%; height: 100%;
	position: fixed; display: table;
}
p.progressMsg {display: table-cell; text-align: center; vertical-align: middle}
.msgText {font-family:inherit; font-size:12px; color:black; text-decoration:none;}
.msgBody {
	text-align:center;
	vertical-align:middle;
	position:absolute;
	top:20%;
	height:80%;
}
.msgBtn {
	font-family:inherit;
	font-size:9px;
	color:white;
	top:6px;
	right:6px;
	width:10px;
	height:11px;
	cursor:pointer;
	text-align:center;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-variant:normal;
	letter-spacing: normal;
	text-transform: none;
	overflow:hidden;
	background-color:#CC3333;
}
.msgBox {
	display:block;
	position:relative;
	cursor:wait;
	padding:0px;
	padding-left:10px;
	width:300px; 
	height:80px; 
	border: 2px solid #0066ff; 
	background-color:white;
}
.msgImg {
	cursor:wait;
}
/*******************************************************
   Styles relating to the pop-up ToolTip message box.
********************************************************/
.toolTipBox {
	padding:10px;
	border-style: solid;
	border-color:#CCCC99;
	border-width: 2px;
	background-color: #FFFFCC;
	height: auto;
	width: 220px;
}
/*******************************************************
   Styles for status-styling of activity-(code/status) text.
********************************************************/
.actStatus_1, .actStatus_2, .actStatus_3, .actStatus_5 {color:blue;} /*pending*/
.actStatus_4 {color:#339933;} /*delayed = green*/
.actStatus_6 {color:black;} /*progressing*/
.actStatus_7, .actStatus_8, .actStatus_9 {color:gray;} /*completed*/
.actStatus_8 {text-decoration:underline;} /*invoiced*/
.actStatus_9 {text-decoration:line-through;} /*cancelled*/
/*******************************************************
   Styles for the table elements.
********************************************************/
tfoot td {
	cursor:default;
	font-size:10px;
	font-style: italic;
	text-align:left;
}
table.interactiveTable tr.hilite_0 td {background-color: #efefaa;}
table.interactiveTable tr.hilite_1 td {background-color: #f0e68c;} /*=khaki*/
table.interactiveTable {
	font-family:inherit;
	font-style:normal;
	font-size:11px;
	cursor:pointer;
}
table.hiliteTable tr.hilite_0 td {background-color: #efefaa;}
table.hiliteTable tr.hilite_1 td {background-color: #f0e68c;} /*=khaki*/
table.hiliteTable {
	font-family:inherit;
	font-style:normal;
	font-size:11px;
}
.xTable {
	font-family:inherit;
	font-style:normal;
	font-size:11px;
	border: solid 1px;
	width:100%;
}
tbody tr.itr td {background-color: transparent}
tbody tr.mOver.odd td {background-color: #f0e68c;} /*=khaki*/
tbody tr.odd td {background-color: #f4f4f4;}
tbody tr.X.mOver td {background-color:#66CCFF;}
tbody tr.mOver td {background-color: #efefaa;}
tbody tr.X td {background-color:#99CCCC;}
.td_Notes {
	border-color: gray;
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	background-color:transparent;
	margin-top:0px;
	margin-left:8px;
	margin-right:8px;
	padding-top:0px;
	padding-left:6px;
	padding-right:5px;
	padding-bottom:2px;
	font-weight: normal;
	font-size:11px;
	color:#663333; 
}
.td_H, .td_HL, .td_HM, .td_HR {
	border-color: gray;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	background-color:transparent;
	padding-left:6px;
	font-weight: bold;
	font-size:11px;
	color:black; 
}
.td_H {
	border-left-width: 0px;
	border-right-width: 0px;
}
.td_HL {
	border-left-width: 1px;
	border-right-width: 1px;
}
.td_HR, .td_HM {
	border-left-width: 0px;
	border-right-width: 1px;
}
.td_L0, .td_M0, .td_R0 {background-color:transparent;}
.td_L1, .td_M1, .td_R1 {background-color:#CCCCCC;}
.td_L00, .td_M00, .td_R00, .td_L10, .td_M10, .td_R10 {background-color:#FFFFCC;}
.td_, .td_L, .td_M, .td_R, 
.td_L0, .td_M0, .td_R0, .td_L1, .td_M1, .td_R1, 
.td_L00, .td_M00, .td_R00, .td_L10, .td_M10, .td_R10 {
	border-color: gray;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	font-weight: normal;
	font-size:11px;
	color:black;
	height: 1em;
}
.td_ {
	border-left-width: 0px;
	border-right-width: 0px;
}
.td_L, .td_L0, .td_L1, .td_L00, .td_L10 {
	border-left-width: 1px;
	border-right-width: 1px;
}
.td_M, .td_M0, .td_M1, .td_M00, .td_M10 {
	border-left-width: 0px;
	border-right-width: 1px;
}
.td_R, .td_R0, .td_R1, .td_R00, .td_R10 {
	border-left-width: 0px;
	border-right-width: 1px;
}
.trDisplayController {display:inline; margin-left:15px;}
.reportHeadDiv {
	z-index:11;
	display:block;
	position:absolute;
	top:35px;left:295px;
	width:250px;height:15px;
/*	font-size:11px;line-height:12px;
	overflow:hidden;*/
}
/*******************************************************
   Styles for the calendar widget.
********************************************************/
div.calendar { position: relative; z-index:10; }
.calendar, .calendar table {
	border: 1px solid #556;
	font-size: 11px;
	color: #000;
	cursor: default;
	background: #eef;
	font-family: tahoma,verdana,sans-serif;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
	text-align: center;    /* They are the navigation buttons */
	padding: 2px;          /* Make the buttons seem like they're pressing */
}
.calendar .nav {
	background: #778 url(/FX/images/menuarrow.gif) no-repeat 100% 100%;
}
.calendar thead .title { /* This holds the current "month, year" */
	font-family:inherit;
	font-weight: bold;      /* Pressing it will take you to the current date */
	text-align: center;
	background: #fff;
	color: #000;
	padding: 2px;
}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
	background: #778;
	color: #fff;
}
.calendar thead .daynames { /* Row <TR> containing the day names */
	background: #bdf;
}
.calendar thead .name { /* Cells <TD> containing the day names */
	border-bottom: 1px solid #556;
	padding: 2px;
	text-align: center;
	color: #000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #a66;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
	background-color: #aaf;
	color: #000;
	border: 1px solid #04f;
	padding: 1px;
}
.calendar thead .active { /* Active (pressed) buttons in header */
	background-color: #77c;
	padding: 2px 0px 0px 2px;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
	width: 2em;
	color: #456;
	text-align: right;
	padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
}
.calendar table .wn {
	padding: 2px 3px 2px 2px;
	border-right: 1px solid #000;
	background: #bdf;
}
.calendar tbody .rowhilite td {
	background: #def;
}
.calendar tbody .rowhilite td.wn {
	background: #eef;
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
	background: #def;
	padding: 1px 3px 1px 1px;
	border: 1px solid #bbb;
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
	background: #cde;
	padding: 2px 2px 0px 2px;
}
.calendar tbody td.selected { /* Cell showing today date */
	font-weight: bold;
	border: 1px solid #000;
	padding: 1px 3px 1px 1px;
	background: #fff;
	color: #000;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
	color: #a66;
}
.calendar tbody td.today { /* Cell showing selected date */
	font-weight: bold;
	color: #00f;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
	visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
	display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
	text-align: center;
	background: #556;
	color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	background: #fff;
	color: #445;
	border-top: 1px solid #556;
	padding: 1px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
	background: #aaf;
	border: 1px solid #04f;
	color: #000;
	padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
	background: #77c;
	padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	cursor: default;
	border: 1px solid #655;
	background: #def;
	color: #000;
	font-size: 90%;
	z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}
.calendar .combo .label-IEfix {
	width: 4em;
}
.calendar .combo .hilite {
	background: #acf;
}
.calendar .combo .active {
	border-top: 1px solid #46a;
	border-bottom: 1px solid #46a;
	background: #eef;
	font-weight: bold;
}
.calendar td.time {
	border-top: 1px solid #000;
	padding: 1px 0px;
	text-align: center;
	background-color: #f4f0e8;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
	padding: 0px 3px 0px 4px;
	border: 1px solid #889;
	font-weight: bold;
	background-color: #fff;
}
.calendar td.time .ampm {
	text-align: center;
}
.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}
.calendar td.time span.hilite {
	border-color: #000;
	background-color: #667;
	color: #fff;
}
.calendar td.time span.active {
	border-color: #f00;
	background-color: #000;
	color: #0f0;
}