/* ******************************************************** */
/* Global Styles are applicable to all products.            */
/* Used together with product specific stylesheet           */
/* ******************************************************** */

/* ******************************************************** */
/* Global variables -- width, font size, colors             */

BODY, BODY.Help, BODY.Error {
	padding: 0;
	background: #FFF url('') left top no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px; 
}

BODY.Help, BODY.Error {
	background: #F9F9E8;
}

TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

SELECT, INPUT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	vertical-align: middle;
}

A:link, A:active, A:visited, A:hover {
	color: #039;
	text-decoration: none;
}

/***Commented out in Previous Versions***/

/*IMG {
	vertical-align: middle;
}*/

ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 0.5em; margin-top: 0px; margin-bottom: 0px;
	text-indent: -1.3em;
	padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.4em;
	list-style: circle url('') inside;
}

/* ****************************** */
/*   Global navigation elements   */
/*   GlobalNav: IBP across product navigation   */
/*   NavOne: top tabs - refer to tabs for styles in navOne     */
/*   NavTwo: 2nd level navigation         */

/* Don't use DIVs or TABLEs preceeding the class --                       */
/* Firefox renders TABLE.GlobalNav while IE renders DIV.GlobalNav         */

.GlobalNav iframe, .GlobalNav {
	padding: 0;
	margin: 0;
}

.GlobalNav .NavOne {
	background-color: #FFF;
	border-bottom: 4px solid #5285AB;
}

.GlobalNav .NavOne .LeftOff IMG, .GlobalNav .NavOne .RightOff IMG, 
.GlobalNav .NavOne .LeftOn IMG, .GlobalNav .NavOne .RightOn IMG {
	vertical-align: top;
}

/*   fix spacing issue for tab notches     */
.GlobalNav .NavOne .LeftOff, .GlobalNav .NavOne .LeftOn, 
.GlobalNav .NavOne .RightOff, .GlobalNav .NavOne .RightOn  {
	width: 8px;
}


/*Global Nav is not controled with A Hrefs, styles for links are controlled below*/
.GlobalNav .NavOne TD.TabOff, .GlobalNav .NavOne TD.LeftOff, .GlobalNav .NavOne TD.RightOff {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	white-space: nowrap;
	font-weight: normal;
	background-color: #BBD0DD; 
	border-bottom: 1px solid #FFF;
	padding: 0; margin: 0;
}

.GlobalNav .NavOne TD.TabOn, .GlobalNav .NavOne TD.LeftOn, .GlobalNav .NavOne TD.RightOn  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCFFFF;
	font-weight: bold;
	background-color: #5285AB; 
	border-bottom: 1px solid #5285AB;
	font-size: 11px; 
	white-space: nowrap;
	padding: 0; margin: 0;
}

.GlobalNav .NavOne TD.none, .GlobalNav .NavTwo TD.none {
	width: 80%;
}

/* Level 2 -  level under tabs    */
.GlobalNav .NavTwo {
	padding: 0;
	margin: 0;
	background-color: #5285AB;
	border-bottom: 5px solid #BBD0DD;
}

.GlobalNav .NavTwo TD {
		padding: 3px 12px 3px 12px;
		width: auto;
		white-space: nowrap;
}

.GlobalNav .NavTwo TD.NavOff, .GlobalNav TD.NavReport, .GlobalNav TD.NavDisable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	text-decoration: underline;
	vertical-align: middle;
}

.GlobalNav .NavTwo TD.NavOn, .GlobalNav TD.NavReportOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #CCFFFF;
	text-decoration: underline;
	vertical-align: middle;
	background-color: #5285AB;
}

.GlobalNav .NavTwo TD.NavReport, .GlobalNav .NavTwo TD.NavReportOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 5px;
}

.GlobalNav .NavTwo TD.NavOff A, .GlobalNav .NavTwo TD.NavOn A:link, 
.GlobalNav .NavTwo TD.NavOff A:visited, .GlobalNav .NavTwo TD.NavOff A:active, 
.GlobalNav .NavTwo TD.NavOff {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-weight: normal;
	color: #FFF; 
	text-decoration: underline;
	vertical-align: middle;
}

.GlobalNav .NavTwo TD.NavOn A, .GlobalNav .NavTwo TD.NavOn A:link, 
.GlobalNav .NavTwo TD.NavOn A:visited, .GlobalNav .NavTwo TD.NavOn A:active, 
.GlobalNav .NavTwo TD.NavOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-weight: bold;
	color: #FFFFCC; 
	text-decoration: none;
	vertical-align: middle;
}

.GlobalNav .NavTwo TD.NavOff A:hover {
		color: #CCFFFF;
}

/* Disables any button on the NavTwo */

.GlobalNav .NavTwo TD.NavDisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #6699CC;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
	text-decoration: none;
}

/* ****************************** */
/* Breadcrumb navigation          */

.NavBreadcrumb {	
	background: #EEE;
	text-align: left;
	vertical-align: top;
	padding-bottom: 3px;
}

.Breadcrumb A.NavOff  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-decoration: normal;
	font-weight: normal;
}

.Breadcrumb A.NavOn,  .Breadcrumb SPAN.NavOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-decoration: none;
	font-weight: bold;
}

.Breadcrumb A:hover {
	text-decoration: underline;
}



/* ****************************** */
/* Next, previous type navigation */

.NavWiz {	
	background-color: #EEE;
	color: #000000;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 5px;
}

.NavWiz TD {
	padding: 5px;
	margin-top: 10px;
	vertical-align: middle;
}

/* A.NavWizLeft is for the Back button - BA workaround */

TD.NavWizLeft, A.NavWizLeft {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	white-space: nowrap;
	text-align: left;
}

TD.NavWizRight {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	white-space: nowrap;
	text-align: right;
	width: 10%;
}

.NavWizRight A:link, .NavWizLeft A:link, 
.NavWizRight A:active, .NavWizLeft A:active, 
.NavWizRight A:visited, .NavWizLeft A:visited {	
	padding: 1px 4px 2px 4px;
	vertical-align: top;
}

.NavWizRight A:hover, .NavWizLeft A:hover {	
	text-decoration: none;
}

TD.WizRightBody {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	white-space: normal;
	text-align: right;
	padding: 1px 8px 2px 4px;
}

TD.WizLeftBody {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	white-space: normal;
	text-align: left;
	padding: 1px 4px 2px 8px;
}


.NavWiz TD.NavWizRight A.PageButton, .NavFooter TD.NavWizRight A {	
	margin-right: 10px;
}



/* ***************************************** */
/*   Secondary tasks below main content area */
/*   Separate from Next, Previous navigation */
/*   Common vertically stacked pattern in BA */


.NavFooter {	
	margin-top: 30px;
}

.NavFooterHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

.NavFooterSubheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	vertical-align: middle;
}

.NavFooterSubheader A, .NavFooterSubheader A:link, 
.NavFooterSubheader A:visited,  .NavFooterSubheader A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
}

.NavFooterSubheader A:hover {
	text-decoration: underline;
}

.NavFooterBody {
	font-size: 11px;
	vertical-align: middle;
}

.NavFooterImg {
	padding: 5px 4px 5px 8px;
}

.NavFooterImg IMG{
	vertical-align: middle;
}

.NavFooterSubheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	vertical-align: middle;
}



.NavFooterImg A:hover {
	text-decoration: underline;
}


/* ******************************************************** */
/*   Page Header                                            */
/*   Cols are used in Measures Detail pages, Home pages,    */
/*   BA Measures, Business Budget Calc                      */

TABLE.Header TD {
	font-size: 80%;
	font-weight: normal;
}

.Header TD.ColOne, .Header TD.ColTwo {
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

.TopText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
}

/*   Facility Name is specific to BA, Header ColTwo context */

.FacilityName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	padding: 0px 0px 5px 0px;
}


/*   repeat of page level buttons but in the header table */

.Header .NavWizRight A {
	margin-right: 15px;
}

.Header TD.NavWizRight {
	width: 20%;
	vertical-align: bottom;
	padding: 5px;
}

.Header p, .SectionHeader p, .BusHeader p {
	color: #333333;
	vertical-align: top;
	margin-top: 0;
	padding: 2px 5px 8px 5px;
}

.Header TD .TitleImg, .BusHeader TD .TitleImg {
	float: left;
}



/* ******** */
/*   Panels */


TR.PanelHeader TD, TD.PanelHeader {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #333;
	padding: 5px 5px;
}

.PanelHeaderTab {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #333;
	border-bottom: 1px solid #FFF;
	padding: 5px 5px 0 5px;
	background-color: #EEE;
}

TR.PanelSubheader TD, TD.PanelSubheader  {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	padding: 5px 5px;
}

.PanelFooter {
	color: #333333;
	background-color: #B0C4DE;
	border-top: 1px solid #FFF;
	font-size: 70%;
	font-weight: normal;
	padding: 5px 5px;
}

.PanelBody {
	font-size: 70%;
	background-color: #FFF;
	padding: 5px 3px;
	text-align: left;
	vertical-align: top;
}

.PanelBodyImg {
	font-size: 70%;
	vertical-align: top;
	text-align: center;	
	padding: 5px;
}

TR.PanelBody .Label, TR.PanelBody .LabelField, 
TR.PanelBody .LabelFieldNum  {
	font-size: 100%;
}

.PanelBody A, .PanelBody A:visited, .PanelBody A:link, .PanelBody A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #003399;
}

.PanelBody A:hover {
	text-decoration: underline;
}

.PanelBodyButton {
	text-align: right;	
	padding: 5px 3px 2px 0px;
	background-color: #EEE;
	border: 1px solid #FFF;
}

.PanelView {
	text-align: center;
	padding: 3px 5px 2px 0px;
	font-weight: bold;
	font-size: 70%;
}

TR.PanelHighlight TD, TD.PanelHighlight  {
	font-size: 70%;
	padding: 5px 5px;
	vertical-align: top;
}

p.PanelHelp {
	font-size: 100%;
	text-align: left;
	padding: 0px 5px 0px 5px;
	margin:0;
	margin-bottom: 5px;
}

.PanelBody p {
	font-size: 100%;
	padding: 5px 5px 0px 5px;
}


/* *********** */
/* Global TABS */

.TabOff, TD.LeftOff, TD.RightOff   {
	font-size: 75%; 
	color: #000000; 
	background-color: #B0C4DE;
	border-bottom: 1px solid #FFF;
	text-align: center;
}

.TabOn, TD.LeftOn, TD.RightOn  {
	font-size: 75%; 
	text-align: center;
	color: #000000; 
	background-color: #EEEEEE; 
	border-bottom: 1px solid #EEEEEE;
}

.LeftOff, TD.LeftOn  {
	vertical-align: top;
	text-align: left;
}

.RightOff, TD.RightOn {
	vertical-align: top;
	text-align: right;
	border-right: 1px solid #FFFFFF;
}

.TabOn A {
	font-weight: bold;
}

.TabOff A:hover {
	color: #FFFFFF; 
	text-decoration: none;
}

.TabOn A:hover {
	color: #000; 
	text-decoration: none;
}

/* **************************************************** */
/*   Panel & List TABS                                  */
/*   LIST tabs are currently application specific since */
/*   implementation could be different                  */

.PanelTab IMG, .ListTab IMG {
	vertical-align: top;
}

.PanelTab A, .PanelTab A:link, .PanelTab A:visited, .PanelTab A:active, 
.ListTab A, .ListTab A:link, .ListTab A:visited, .ListTab A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%; 
	text-decoration: none;
}

.PanelTab .TabOff {
	color: #000000; 
	background-color: #CCC; 
	border-bottom: 2px solid #e8e8e8;
	padding-left: 5px;
}

.PanelTab .TabOn {
	background-color: #FFF; 
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding-left: 5px;
}

.PanelTab TD.RightOff  {
	border-bottom: 2px solid #e8e8e8;
	background: #CCC url("images/tabpanelBg_notch_right.gif") right top;
	text-align: right;

}

.PanelTab TD.RightOn {
	border-bottom: 1px solid #FFF;
	background: #FFF url("images/tabpanelBg_notch_right.gif") right top;
}

.PanelTab .RightOff, .PanelTab .RightOn,
.ListTab .RightOff, .ListTab .RightOn {
	vertical-align: top;
}




/* *************************** */
/*   GLOBAL Questions pattern */

.QuestionBody {
	padding: 10px 0;
	margin-bottom: 30px;
	font-weight: normal;
}

TABLE.QuestionHeader {
	padding: 5px 5px;
}

.QuestionHeader TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

.Question  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #000;
	padding: 5px 5px;
}

.QuestionHeader TD.QuestionImg {
	width: 10%;
	text-align: center;
	background-color: #FFF;
	padding: 0;
	border-right: 1px solid #CCC;
}

.QuestionSubheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 1px 5px 0 0;
}

.QuestionSubheaderHelp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0px 5px 8px 0;
	vertical-align: top;
}

/*   for additional information or links after a question section */

.QuestionFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	margin-bottom: 30px;
}

DIV.QuestionSubquestion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #333;
	padding: 1px 0 5px 21px;
}

.QuestionHeader .QuestionHelp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333;
}

.QuestionOptions {
	background-color: #FFF;
	border-top: 0;
	margin-left: 20px;
	vertical-align: top;
	padding: 0;
}

TD.QuestionCol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333;
	text-align: left;
	vertical-align: top;
	padding: 5px 2px 20px 2px;
}

TD.QuestionRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333;
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px 20px 2px;
}

TD.QuestionMultiRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333;
	text-align: left;
	vertical-align: middle;
	padding: 2px 10px 2px 2px;
}

TD.QuestionImg {
	text-align: left;
	vertical-align: top;
	padding: 0;
}


TABLE.QuestionBody TD.Label, TABLE.QuestionBody .LabelField {
	font-size: 70%;
}

TD.QHelpButton {
	text-align: right;
	vertical-align: top;
	width: 60px;
}

.QhelpButton A:visited, .QhelpButton A:link, .QhelpButton A:active, .QhelpButton A, .QhelpButton A:hover {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	text-align: right;
	padding: 2px 4px 4px 15px;
	vertical-align: middle;
}



/* *************************** */
/*   GLOBAL List table pattern */

.ListTitle {
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #333;
	font-weight: bold;
}

DIV.ListTitle {
	margin-left: 0;
	margin-top: 0;
	padding-bottom: 5px;
}

.ListSubTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: normal;
}

.ListHelp, .ListFooterTxt {
	font-size: 100%;
	color: #333333;
	padding: 3px 5px;
	font-weight: normal;
}

/*   If button styles are not used for links in the listFooter, but need visual distiction from plain text,  */
/*   use the following instead */

.ListHelp A:link, .ListHelp A:visited, .ListHelp A:active  {
	text-decoration: underline;
	font-weight: bold;
}

/*   ListHdrLabel is used for multi-line column header text that need to be visually distinct */

.ListHdrLabel {
	font-size: 100%;
	padding: 3px 5px;
	font-weight: normal;
}

.ListHdr, .ListHdrTab {
	padding: 2px 0 0 0;
	font-size: 70%;
	text-align: left;
	vertical-align: bottom;
}

.ListHdrTab {
	border-bottom: 0px solid #FFF;
	padding: 10px 0 0 0;
	background-color: #FFF;
}

.ListFooter {
	padding: 0;
	font-size: 70%;
	text-align: left;
}

.ListFooter IMG {
	vertical-align: middle;
}

TD.ListHdrButton {
	width: 25%;
}

.ListFooterButton {
	width: 90%;
}

/*   Buttons to replace images and where user action affects list table items */

TD.ListHdrButton, .ListFooterButton  {
	white-space: nowrap;
	padding: 2px;
	text-align: right;
	vertical-align: bottom;
}

.ListFooterButton A:link, .ListFooterButton A:visited, .ListFooterButton A:active, .ListFooterButton A {
	color: #036;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	border: 1px solid #B0C4DE;
	border-right: 2px solid #B0C4DE;
	border-bottom: 2px solid #B0C4DE;
	padding: 1px 4px 2px 4px;
	vertical-align: top;
	background-color: #EEE;
	text-decoration: none;
}


/*   List column headers  */

TH, .RowHeader, TH.ListHdrTop, .ListHdrForm, .ListHdrNum, .ListHdrTxt, .ListHdrImg {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 82%;
	padding: 3px 5px 3px 5px;
	vertical-align: bottom;
	font-weight: bold;
}

/*   Use ColHeader for horizontally aligned list tables - Self-serve: BillComparison table */

TD.ColHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 70%;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	vertical-align: bottom;
}

.RowOdd {
	background-color: #EEE;
}

.RowEven {
	background-color: #FFF;
}

.RowHighlight TD {
	font-weight: bold;
}

/*   for borders and font settings, explicitly mention the TD if class is assigned to the TR */
.RowTotal TD {
	font-weight: bold;
}


.RowTotal TD.ColHeader {
	text-align: right;
}

/*   For double list headers, this is the top list column header row */

TH.ListHdrTop{
	border-bottom: 0px;
}

/*   List column data  */

 .ListColForm, .ListColNum, .ListColTxt, .ListColImg, .ListColAction, .changenone {
 	color:  #333;
 }

 .ListColForm, .ListColNum, .ListColTxt, .ListColImg, .ListColNumInc, .ListColNumDec, .ListColAction, .changenone {
	font-size: 70%;
	padding: 3px 5px 3px 5px;
	border-right: 1px dotted #EEE;
	border-bottom:  1px dotted #CCC;
	vertical-align: middle;
}

/*   List columns that have increase, decrease impacts that needs to be visually different  */

.ListColNumInc   {
	color: #CC3300;
}

.ListColNumDec {
	color: #336699;
}

/*   For checkboxes, radio buttons that need to be centered in a column */

.ListHdrForm, .ListColForm {
	text-align: center;
}

.ListColNum, .ListColNumInc, .ListColNumDec, .ListHdrNum, .changenone {
	text-align: right;
}

.ListHdrTxt, .ListColTxt, .ListColAction {
	text-align: left;
}

.ListHdrImg {
	text-align: left;
}

.ListColImg {
	white-space: nowrap;
}

.ListColTotal {
	text-align: right;
	font-size: 70%;
	font-weight: bold;
	margin: 0;
}

/* Used in Actions column */

.ListColAction A:link, .ListColAction A:active, .ListColAction A:visited, .ListColAction A {
	font-size: 11px;
	color: #336699;
	text-decoration: underline;
	font-weight: bold;
	white-space: nowrap;
	font-size: 10px;
	padding: 4px;
}

/*   Use ListEmp instead of hardcoding bold tags in the HTML */

.ListEmp, DIV.ListEmp, SPAN.emp, A.emp {
	font-weight: bold;
}

/*  For error handling of empty list tables */

TR.rowempty TD {
	color: #CC3300;
	font-weight: bold;
	padding: 10px;
}

.AcctSelectBody .RowEmpty TD {
	color: #CC3300;
	font-weight: bold;
	padding: 10px;
}

/* *************************************** */
/*   Global list button look and feel here */

A.UpdButton, A.UpdButton:visited, A.UpdButton:active,
A.ListButton, A.ListButton:visited, A.ListButton:active,
A.GlobalButton, A.GlobalButton:visited, A.GlobalButton:active,
A.PageButton, A.PageButton:visited, A.PageButton:active  {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding: 2px 5px;
}

/*   for toggle buttons, used in conjunction with PageButton */
A.PageButtonOn, A:visited.PageButtonOn,  A:active.PageButtonOn {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	border: 1px solid #EEE;
	border-top: 2px solid #FC6;
	border-left: 1px solid #FC6;
	text-align: right;
	padding: 2px 5px 2px 15px;
	vertical-align: middle;
	background: #FEF5CC url("") left top no-repeat;
}

A.PanelButton,  .PanelFooter A.SectionTitle, .CalcPanel A.PanelButton {
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #036;
	border: 1px solid #EEE;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	text-align: right;
	padding: 2px 4px 2px 15px;
	vertical-align: middle;
	background: #FFF url("images/button_rightarrow.gif") left top no-repeat;
}

.PanelFooter A.SectionTitle {
	border: 1px solid #D7E7FE;
	border-right: 2px solid #336699;
	border-bottom: 1px solid #336699;
	background-color: #B0C4DE;
	font-size: 100%;
}

A:hover.PanelButton, A:hover.PageButton, A:hover.GlobalButton, A:hover.ListButton, A:hover.UpdButton, .PanelFooter A:hover.SectionTitle  {
	text-decoration: none;
}

DIV.ToggleButtons {
	white-space: nowrap;
	text-align: left;
	padding: 5px 5px 10px 10px;
}


/*   to override fontsize - investigate later */
A.GlobalButton {
	font-size: 90%;
}





/* ************************* */
/*   GLOBAL Dialog pattern   */



.Label {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #036;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}

.SubLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #333;
	font-size: 100%;
	font-weight: normal;
	padding: 5px;
}

.LabelField {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: normal;
	padding: 5px 5px 5px 0px;
}

.LabelNormal {
	font-weight: normal;
	padding-right: 5px;
}

.LabelFieldNum {
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
}

/*   Use DIV versions for vertically aligned fields */

DIV.Label {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #333;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 0px 0px 5px;
}

DIV.LabelField {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	font-weight: normal;
	padding: 5px 0px 0px 5px;
}

.LabelEmp {
	font-weight: bold;
}

DIV.error {
	font-size: 90%;
	color: #CC3300;
	font-weight: normal;
}


/* ******************************* */
/*   GLOBAL Content detail pattern */


H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 0px 5px;
	margin: 0;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 120%;
	font-weight: bold;
	padding: 10px 0px 0px 5px;
	margin: 0;
}

H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 110%;
	padding: 0;
	padding: 5px 0px 0px 3px;
	font-weight: bold;
	border-bottom: 1px dashed #B0C4DE;
	margin: 2px;

}

H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 5px 10px;
	margin: 0;
}

.SubTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 120%;
	padding: 0;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
}

.SectionTitle, A.SectionTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}

p {
	font-size: 85%;
	line-height: 120%;
	padding: 5px 10px 5px;
}

.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	font-weight: bold;
	color: #CC0000;
}

.highlight {
	font-size: 70%;
	font-weight: bold;
	padding: 5px;
}

BODY.Error p {
	color: #660000;
	line-height: 150%;
	font-size: 110%;
}

BODY.Error A, BODY.Error A:link, BODY.Error A:visited, BODY.Error A:active {
	text-decoration: underline;
}

BODY.Error H1 {
	border-top: 3px dotted #993333;
	border-bottom: 3px dotted #993333;
	margin-top: 30px;
	line-height: 150%;
}


/* *********************************** */
/* Expand, collapse DHTML type content */
/* Used in CCSS: Bill Choose */

.ExpandHeader {	
	margin-top: 10px;
}

.ExpandHeader A, .ExpandHeader A:link, .ExpandHeader A:visited, .ExpandHeader A:active {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

.ExpandHeader IMG {	
	vertical-align: middle;
}

.ExpandBody {	
	padding: 0px 8px 2px 8px;
}

.ExpandBody DIV.ListHelp {	
	font-size: 95%;
	margin: 0;
	padding: 3px;
}

/* **************** */
/*   Pagination row */

TABLE.Pagination {
	padding: 8px 5px 8px 5px;
}

TABLE.Pagination TD.PanelOptions {
	text-align: left;
}

TABLE.Pagination TD.PanelOptions DIV.label {
	text-align: left;
	font-size: 11px;
	padding-left: 0px;
}


TABLE.Pagination TD.PaginationLinks {
	vertical-align: bottom;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
}

TABLE.Pagination TD.PaginationLinks A, TABLE.Pagination TD.PaginationLinks A:link,
TABLE.Pagination TD.PaginationLinks A:visited, TABLE.Pagination TD.PaginationLinks A:active {
	text-decoration: underline;
	font-weight: bold;
	font-size: 10px;
	padding: 3px;
}

TABLE.Pagination TD.PaginationLinks span {
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
}

TABLE.Pagination TD.PaginationLinks span.selected A, TABLE.Pagination TD.PaginationLinks span.selected A:link,
TABLE.Pagination TD.PaginationLinks span.selected A:visited, TABLE.Pagination TD.PaginationLinks span.selected A:active {
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	padding: 1px;
}




/* ********************* */
/*   Page footer pattern */

.FooterLinks, DIV.FooterLinks {
	text-align: center;
	color: #333333;
	margin-top: 50px;
	font-size: 11px;
}

.FooterEmp, DIV.FooterEmp {
	font-weight: bold;
}

.FooterLinks A, .FooterLinks A:visited, .FooterLinks A:active,
DIV.FooterLinks A, DIV.FooterLinks A:visited, DIV.FooterLinks A:active {
	font-size: 100%;
	text-decoration: underline;
	color: #336699;
	font-weight: normal;
}

.FooterLinks A:hover, DIV.FooterLinks A:hover {
	color: #003399;
	text-decoration: underline;
}

.FooterCopyright, DIV.FooterCopyright {
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	color: #333333;
	height: 50px;
}

.FooterImg {
	text-align: center;
	margin-top: 10px;
}