/** Core styles **/
* {	
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
/* commented backslash hack \*/ 
html, body{
	height:100%;
} 
/* end hack */
html, body {
	border: 0 none;
	background-color: #ffffff;
	color: #000000;
}
body {
	display:none;
	/*overflow:auto;*/
	/*overflow:visible;*/
	padding:0px;
	margin:0px;
}
button {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-indent:0;
	line-height:normal !important;
	text-align:center;
	vertical-align:middle;	
	background-color:buttonface;
	border: 2px outset buttonface;	
}
/* Only picked up by mozilla */
button[type="submit"], button[type="reset"], button[type="button"] {
	padding:4px 4px;	
}
button:active {
	border-style:inset;
}
/* end */
input, select, textarea {	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;	
	border: 1px solid #999999;
	background-color:#EBF1F5;	
}
/* Only picked up by mozilla */
input:focus, select:focus, textarea:focus {
	background-color: #ffffff;
}
input[type="text"], input[type="password"], input[type="file"] {
	padding:2px 0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
/* end */
input.radio {
	margin:0;
	border:0;
	background-color:transparent;
	padding:0;
}
input.checkbox {
	margin:0;
	border:0;
	background-color:transparent;
	padding:0px;
}
b {
	font-size:inherit;
	font-weight:bold;
}
i {
	font-style: italic;
}
img {
	box-sizing: content-box;
	border: 0 none;
	margin: 0;
	padding: 0;
}
li {
	list-style-position: inside;
}
th {
	font-weight:bold;
	background-color: #eeeeee;	
	border-bottom: 1px solid #999999;
}
td.multiline {
	vertical-align:top;
	white-space: normal;	
}
td.singleline {
	vertical-align:middle;
	white-space: nowrap;	
}
hr {
	border: 0 none;
	border-top: 1px solid ThreeDShadow;
	border-bottom: 1px solid ThreeDHighlight;
	height: 2px;
	margin: 0 !important;
	padding: 0 !important;
}
fieldset {
	display:block;
	padding: 0 10px 10px 10px;
	border: 1px solid #bbbbbb;
	background-color:#F8F9FA;
}
legend {
	margin-bottom:5px;
	padding: 1px 4px 1px 4px;
	font-weight: normal;
	border:1px solid #bbbbbb;
	background: #efefef;
	cursor: default;
	white-space: nowrap;
}
.nowrap {
	white-space: nowrap;
}
.alignRight {
	text-align:right;
}
.alignLeft {
	text-align:left;
}
.alignTop {
	vertical-align: top;
}
.bold {
	font-weight:bold;
}
.smallText {
	font-size:10px;
}
.textSection {
	background-color:#FFFFFF;
	padding: 0px 10px 0px 10px;
}
.boxGrayBorder {
	padding: 10px;
	border: 1px solid #cccccc;
}
.smallBoxGrayBorder {
	padding: 5px;
	border: 1px solid #cccccc;
}
.horizontalspacer {
	padding:0px;
	width: 10px;
}
.verticalspacer {
	padding:0px;
	height: 10px;
}
.dottedHr {
	padding-bottom: 10px;
	border-top:2px dotted #cccccc;
}
.clickableContent {
	cursor:pointer;
}
.clickableContent:hover {
	text-decoration:underline;
}
/** Main content **/
#maincontent {
	min-height:100%;
	margin-bottom:-60px;
	height:auto;
}
/* * selector only selects in IE */
* html #maincontent{
	height:100%;
}
/** Header styles **/
#header {
	width:100%;
}
#header * {
	font-size:11px;
}
#header .headerBackground {			
	background-repeat: repeat-x; /* url(../images/bg.gif) #eeeeee;*/
}
#header .adminHeaderRight {
	vertical-align:top;
}
#header .headerLeft {	
/*	float:left;*/
}
#header .headerCenter {
	width:20px;
}
#header .headerRight {
	vertical-align: middle;
	right:0px;
}
#header .logo {
}
#header #headerlinks {
	white-space:nowrap;
	margin:0;
	right:0px;
	text-align:right;
	padding: 4px;
}
#header #headerlinks a {
	color:#003366;
	padding: 4px;
	font:11px Verdana, Arial, Helvetica, sans-serif bold;
	text-decoration:none;
}
#header #headerlinks a:link, #header #headerlinks a:active, #header #headerlinks a:visited {
}
#header #headerlinks a:hover {
	text-decoration:underline;
}
#header #headerloginform {
	height:100%;
	white-space:nowrap;
	text-align:right;
	padding:8px;
}
/** Horizontal navbar styles **/
#navbar, #subnavbar, #subsubnavbar {
	float:left;
	width:100%;
	margin:0;
	padding:2px 0 0;
	list-style:none;
	background-color: #6699CC;
}
#navbar span, #subnavbar span, #subsubnavbar span {
	float:left;
	margin:0 0 0 10px;
	padding:0;
}
#subnavbar span {
	padding-left:10px;
}
#subsubnavbar span {
  padding-left:20px;
}
#navbar li, #subnavbar li, #subsubnavbar li {
	float:left;
	margin:0;
	padding:0;
	list-style: none outside none;
	white-space:nowrap;
}
#navbar a, #subnavbar a, #subsubnavbar a {
	float:left;
	display:block;
	margin:0 2px 0 0;
	padding:3px 6px;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #254678;
	border-bottom-color:#6699CC;
	background-color:#BCD3EB;
}
#subnavbar a {
	background-color:#DFEAF7;
}
#subsubnavbar a {
  background-color:#DFEAF7;
}
#navbar a:hover, #navbar a.selected, #subnavbar a:hover, #subnavbar a.selected, #subsubnavbar a:hover, #subsubnavbar a.selected {
	color: #000000;
	border-color: #000000;
	border-bottom: none;
	padding-bottom: 4px;
	background: #ffffff url(../images/gray_gradient.gif) top left repeat-x;
}
#navbar a.selected, #subnavbar a.selected, #subsubnavbar a.selected {
	cursor: default;
}
/** Vertical navbar styles **/
.verticalNavbar {	
	height:100%;
	width:1%;
	vertical-align:top;
	border-right:1px solid #000000;
}
.verticalNavbarButton {
	cursor:pointer;
	color: #000000;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 4px 6px 4px 6px;
	font-weight: bold; 
	font-size: 11px; 
	text-align:right;
	white-space:nowrap;
}
.verticalNavbarButtonSelected {
	color: #000000;
	background-color: #eeeeee;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 4px 6px 4px 6px;
	font-weight: bold; 
	font-size: 11px; 
	text-align:right;	
	white-space:nowrap;
}
.verticalNavbarButtonInactive {
	color:#cccccc;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 4px 6px 4px 6px;
	font-weight: bold; 
	font-size: 11px; 
	text-align:right;
	white-space:nowrap;
}
/** Vertical navbar styles **/
.wizardBody {
	padding: 8px 8px 15px 8px;
	width:99%;
}
.wizardNavbar {
	height:100%;
	width:1%;
	vertical-align:top;
}
#verticalnavbar {
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
#verticalnavbar li {
	margin:0px;
	padding:3px 6px;
	list-style: none outside none;
	white-space:nowrap;
}
#verticalnavbar li a, #verticalnavbar li a:link, #verticalnavbar li a:visited {	
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
#verticalnavbar img {
	vertical-align:middle;
}
.wizardBody, #verticalnavbar li.selected {
	background: #D1CCCB url(../images/purple_gradient.gif) top left repeat-x;
	border: 1px solid #000000;
}
.wizardBody table.header {
	border: 1px solid #666666;
	background-color:#ffffff;	
	padding: 5px;
}

/** Biller setup navbuttons **/
div.navButtons {
	background-color:#F9F3E8;
	padding:3px 10px;
	border-top:1px solid #996633;
	border-bottom:1px solid #996633;
	margin:5px 0px 0px 0px;
}
#navbuttons div.navButtons {	
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#navbuttons span.selected {
	font:inherit;
	font-weight:bold;
}
#navbuttons span.incomplete {
	font:inherit;
	color:#aaaaaa;
}
#navbuttons a.complete {
	font:inherit;
	text-decoration:none;
	color:#6F4A26;
	font-weight:bold;
}
#navbuttons a.complete:hover {
	font:inherit;
	font-weight:bold;
	text-decoration:underline;
	color:#996600;
}

/** Error messages **/
.error {
	color:#cc0000;
}
.errors {	
	padding:4px;
	border:1px solid #ff0000;
	color:#cc0000;
	background-color:#FFF2F2;
	margin:10px;
}
.info {
	padding:4px;
	border:1px solid #0000ff;
	color:#0000ff;
	background-color:#EAF0FF;
	margin:10px;
}
.warnings {
  padding:4px;
  border:1px solid #565600;
  color:#565600;
  background-color:#FFC;
  margin:10px;
}
.happy {
	padding:4px;
	border:1px solid #008000;
	color:#008000;
	background-color:#EAF0FF;
	margin:10px;
}

/** Body content styles **/
#bodycontent {
	padding: 10px;
	width: 100%;
	background-color: #ffffff;
}
#bodycontent * {
	line-height: 17px;
}
#bodycontent .pageTitle, #bodycontent .sectionTitle {
	font-size: 16px;
	color: #003399;
	font-weight: bold;
	margin-bottom:15px;
	border-bottom:1px solid #bbbbbb;
}
#bodycontent .sectionTitle {
	font-size: 13px;
}
#bodycontent .headerText {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
#bodycontent .smallText {
	font-size: 10px;
}
/*
#bodycontent a, #bodycontent a:link, #bodycontent a:active {
	color:#003399;
	font-size:12px;
	font-weight: bold;
	/*text-decoration:none;*/
/*
}
#bodycontent a:visited {
	color:#0033bb;
}
#bodycontent a:hover {
	color:#0033FF;
	text-decoration:underline;
}
*/
/* Body content Report styles */
#bodycontent table.reportTable {
	margin-bottom:10px;
}
#bodycontent table.reportTable tr.reportTitle {
	background-color:#cccccc;	
}
#bodycontent table.reportTable tr.reportTitle td {
	border-right:none;
}
#bodycontent table.reportTable tr.reportTitle td {
	padding: 3px 3px 1px 3px;
}
#bodycontent table.reportTable tr.reportHeader {
	background-color:#eeeeee;
}
#bodycontent table.reportTable tr.reportSubHeader {
	background-color: #F7F7F7;
}
#bodycontent table.reportTable tr.reportSubHeader td {
	font-weight: bold;
}
#bodycontent table.reportTable tr.reportRowEven, #bodycontent table.reportTable tr.reportRowEvenRed, #bodycontent table.reportTable td.reportRowEven, #bodycontent table.reportTable td.reportRowEvenRed, .eXtremeTable .odd  {
	background-color:#F9FAFB;
}
#bodycontent table.reportTable tr.reportRowOdd, #bodycontent table.reportTable tr.reportRowOddRed, #bodycontent table.reportTable td.reportRowOdd, #bodycontent table.reportTable td.reportRowOddRed, .eXtremeTable .even {
	background-color:#ECF0F4;
}
#bodycontent table.reportTable tr.reportRowEvenRed, #bodycontent table.reportTable td.reportRowEven, #bodycontent table.reportTable td.reportRowOdd, #bodycontent table.reportTable td.reportRowOddRed {
	border-bottom: 1px solid #cccccc;
}
#bodycontent table.reportTable tr.reportRowEvenRed {
	color: #FF0000;
}
#bodycontent table.reportTable tr.reportRowOddRed {
	color: #FF0000;
}
#bodycontent table.reportTable td {
	padding: 2px 5px 2px 5px;
}
#bodycontent table.reportTable th {
	padding: 4px 5px 2px 5px;
	font-weight:bold;
}
#bodycontent table.reportTable td, #bodycontent table.reportTable th {
	border-right: 1px solid #aaaaaa;
}
#bodycontent table.reportTable tr.noBorder td {
	border-right: none;
}
#bodycontent table.reportTable td.noBorder, #bodycontent table.reportTable th.noBorder {
	border-right:none;
}
#bodycontent table.reportTable .reportTableBottomRow td {
	border-bottom: 1px solid #cccccc;
}
#bodycontent table.reportTable .headerSeparator {
	padding:0px;
	height:2px;
	background-color:#aaaaaa;
}
#bodycontent table.reportTable hr.reportHeader {
	border: 0 none;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	height: 2px;
	margin: 0 !important;
	padding: 0 !important;
}
#bodycontent table.reportTable .reportTableCancelBottomRow td {
	border-bottom: none;
}
#bodycontent table.reportTable table td {
	border-right:none;
}
#bodycontent table.reportTable table.reportDetailsTable td {
	border-bottom: none;
}
#bodycontent table.collapsibleContent {
	background-color:#ffffff;
}
#bodycontent table.collapsibleContent td.collapsibleContent, #bodycontent table.collapsibleContent td.collapsibleContentLast {
	padding: 5px;
}
#bodycontent table.collapsibleContent td.collapsibleContentLast {
	border-bottom: 1px solid #777777;
}
#bodycontent tr.collapsibleContentHeader {	
	/*background-color:#9CBEE0;	*/
	background-color:#DADAC5;
	/*cursor:pointer;*/
}
#bodycontent tr.collapsibleContentHeader td {
	border-top: 1px solid #777777;
	padding: 2px 4px 2px 4px;
}
#bodycontent table.contentTable table.formTable {
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
#bodycontent table.formTable td {
	padding: 4px;	
}
#bodycontent table.formTable td.grayBorderRight {
	border-right:1px solid #bbbbbb;
}
#bodycontent table.contentTable {
	padding:10px;
	border: 1px solid #bbbbbb;
	/*background-color:#F1F4FA;*/
	background: #F1F4FA url(../images/blue_gradient.gif) top left repeat-x;
}
#bodycontent table.contentTable td.contentTableHeader {
	vertical-align:top;
	padding: 4px;
	border: 1px solid #bbbbbb;
	background-color:#ffffff;
}
.atom {
	border:1px solid #cccccc;
	background-color:#F9FAFB;
	padding:1px 6px;
}
table.atom td {
	padding:4px;
}
div.atom {
	padding: 4px;
	display: inline;
	display: inline-block;
}
.grayLine {
	border-top: 1px solid #aaa;
	height: 5px;
}
.grayDottedLine {
	border-top: 2px dotted #aaa;
	height: 10px;
}
.grayDottedLineNoSpacer {
	border-top: 2px dotted #bbbbbb;
}
/** Footer styles **/
#clearfooter {
	clear:both;
	height:60px;
}
#footer {
	clear:both;
	height:60px;
	padding-left: 10px;
	padding-right: 10px;
}
#footer * {
	font-size: 11px;
}
#footer .footerContent {
	border-top: 1px solid #dddddd;
}
#footer a:link, #footer a:active, #footer a:visited {
	color:#000000;
	font: 10px Verdana, Arial, Helvetica, sans-serif bold;
	text-decoration:none;
}
#footer a:hover {
	color:#333333;
	text-decoration:underline;
}

div.formArea {
	text-align: left;
	vertical-align:  middle;
}

/**********************************************************************************************************
* eXtreme Component CSS
**********************************************************************************************************/
.eXtremeTable {
	margin: 0;
	padding: 0;
}
.eXtremeTable select {
	font-size: 9px;
	border: solid 1px #EEE;
	width: 75px;
}
.eXtremeTable .tableRegion {
	border: 1px solid silver;
	font-size: 10px;
	padding: 3px;
	margin-top:5px;
	background-color:#ffffff;
}
.eXtremeTable .filter {
	background-color: #FFFFFF;
}
.eXtremeTable .filter input {
	font-size: 10px;
}
.eXtremeTable .filter select {
	font-size: 9px;
	border: solid 1px #EEE;
}
.eXtremeTable .tableHeader, .eXtremeTable .tableHeaderSort, .eXtremeTable .calcTitle, .eXtremeTable .calcResult {
	vertical-align: top;
	color: #000000;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 2px;
}
.eXtremeTable .tableHeader, .eXtremeTable .calcTitle, .eXtremeTable .calcResult, .eXtremeTable .calcRow {
	background-color: #eeeeee;
}
.eXtremeTable .subHeader {
	background-color: #F7F7F7;
}
.eXtremeTable .tableHeaderSort {
	text-decoration: underline;
	background-color: #eeeeee;
}
.eXtremeTable .calcResult  {
	font-weight: normal;
	text-decoration: none;
}
.eXtremeTable .odd a, .eXtremeTable .even a {
	color: Black;
}
.eXtremeTable .odd td, .eXtremeTable .even td, .eXtremeTable .oddBottom td, .eXtremeTable .evenBottom td {
	vertical-align: middle;
	padding: 2px;
}
.eXtremeTable .oddBottom td, .eXtremeTable .evenBottom td {
	border-bottom: 1px solid #cccccc;
}
.eXtremeTable .odd, .eXtremeTable .oddBottom {
	background-color: #FFFFFF;
}
.eXtremeTable .even, .eXtremeTable .evenBottom {
  background-color: #dfe4e8;
}
.eXtremeTable .even td, .eXtremeTable .odd td, .eXtremeTable .highlight td, .eXtremeTable .tableHeader, .eXtremeTable .tableHeaderSort, .eXtremeTable .calcTitle, .eXtremeTable .calcResult, .eXtremeTable .oddBottom td, .eXtremeTable .evenBottom td  {
	border-right: 1px solid #aaaaaa !important;
}
.eXtremeTable .highlight td, .eXtremeTable .highlightBottom td {
	color: black;
	vertical-align: middle;
	background-color: #B3CCE8;
	cursor: pointer;
	border-right: 1px solid #ffffff;
	padding: 2px;
}
.eXtremeTable .highlightBottom td {
	border-bottom: 1px solid #ffffff;
}
.eXtremeTable .highlight a, .eXtremeTable .highlight a {
	color: black;
}
.eXtremeTable .toolbar {
	background-color: #F4F4F4;
	font-size: 9px;
	margin-right: 1px;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}
.eXtremeTable .toolbar td {
	padding: 2px;
	color: #444444;
	text-align:center;
}
.eXtremeTable .separator {
	width: 7px;
}
.eXtremeTable .statusBar {
	background-color: #ffffff;
	font-size: 10px;
}
.eXtremeTable .filterButtons {
	background-color: #ffffff;
	text-align: right;
}
.eXtremeTable .statusBar, .eXtremeTable .filterButtons {
	padding: 3px 0;
}
.eXtremeTable .title {
	background: transparent;
	color: #444444;
	font-weight: bold;
	font-size: 15px;
	vertical-align: top;
	line-height: 17px;
}
.eXtremeTable span.title {
}
.eXtremeTable .formButtons {
	display: block;
}
.eXtremeTable .formButton {
	cursor: pointer;
	font-size:10px;
	font-weight: bold;
	background-color: #308dbb;
	color: white;
	border: outset 1px #333;
	vertical-align: middle;
}
.eXtremeTable .tableTotal {
	background-color: #FFFFFF;
	border-top: solid 1px Silver;
}
.eXtremeTable .tableTotalEmpty {
	background-color: #ffffff;
}

.d-none {
  display: none;
}

.ui-button .spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #ccc;
  border-top: 2px solid #333;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  vertical-align: middle;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}