div.errorMessage {
	clear: both;
	color: #CC2222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin-left: 10px;	
	margin-top: 20px;	
	margin-bottom: 10px;	
}
div.floatLeft {
	float: left;
}
td.tdright {
	text-align: right;
}
.textSubmit {
	background-color: transparent;
	border: 0 none;
	color: #3B5998;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #4c59b6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	cursor: pointer;
}
hr.tileFullHR {
	width: 100%;
	color: #d1d1d1;
}
a.tileRight {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	color: #4c59b6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	cursor: pointer;
}
a.tileRightWithMargin {
	float: right;
	margin-top: 11px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #4c59b6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	cursor: pointer;
}

/* Summary Tile */
div.summaryContainer {
	margin-top: 8px;
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	width: 98%;
}
span.summaryLeft {
	float: left;
}
span.summaryRight {
	float: right;
	margin-right: 0px;
}

/* History Tile */
div.historyContainer {
	width: 100%;
	max-height: 220px;
	overflow: auto;
}
table.historyTable {
	width: 355px;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 10px;
}
th.historyHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
th.historyHeaderRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: right;
}
th.historyHeaderLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}
tr.historyHeaderRow {
	background: #CBCBCB;
	color: #333333;
}
tr.historydarkRow {
	background: #DDDDDD;
	color: #333333;
}
tr.historylightRow {
	background: #EEEEEE;
	color: #333333;
}
td.historyDetail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 5px;
}
a.historyLink {
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	color: #4c59b6;
	font-size: 11px;
	cursor: pointer;
}

/* Settings Tile */
div.visableSettings {
	display: block;
}
div.invisableSettings {
	display: none;
}

/* Auto Pay Screen */
div.autoPayContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 97%;
	margin-left: 0;
	padding: 10px;
	background: #FFFFFF;
}
span.autoPayTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
input.autoPayThreshold {
	margin-left: 10px;
	width: 80px;
}
hr.fullHR {
	width: 100%;
	color: #d1d1d1;
}
input.autoPayFullInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 300px;
}
input.autoPayThirdInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 90px;
	margin-right: 10px;
}
input.autoPayTwoThirdsInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 195px;
	margin-right: 10px;
}
select.autoPayThirdSelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 90px;
	margin-right: 10px;
}
table.autoPayConfirm {
	width: 355px;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 10px;
}
td.autoPayConfirmTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
td.autoPayConfirmValue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
div.autoPayTerms {
	width: 350px;
	height: 200px;
	overflow: auto;
}
/* Payment Screen */
div.paybar {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	height: 35px;
	background-color: #eacd44;
}
div.paybar1 {
	width: 100%;
	height: 100%;
	background-image: url(/service/images/responsive/paybar1.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
}
div.paybar2 {
	width: 100%;
	height: 100%;
	background-image: url(/service/images/responsive/paybar2.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
}
div.paybar3 {
	width: 100%;
	height: 100%;
	background-image: url(/service/images/responsive/paybar3.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
}
div.paybarText {
	float: left;
	margin-top: 10px;
	padding-left: 5%;
	width: 28%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
div.paybar2Half {
	width: 100%;
	height: 100%;
	background-image: url(/service/images/responsive/paybar2Half.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
}
div.paybarTextHalf {
	float: left;
	margin-top: 10px;
	padding-left: 5%;
	width: 42%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
div.quadpaybar1 {
	width: 100%;
	height: 100%;
	background-image: url(/service/images/responsive/quadpaybar1.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
}
div.quadpaybar2 {
	width: 100%;
	height: 100%;
	background-image: url(/service/images/responsive/quadpaybar2.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
}
div.quadpaybar3 {
	width: 100%;
	height: 100%;
	background-image: url(/service/images/responsive/quadpaybar3.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
}
div.quadpaybar4 {
	width: 100%;
	height: 100%;
	background-image: url(/service/images/responsive/quadpaybar4.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
}
div.quadpaybarText {
	float: left;
	margin-top: 10px;
	padding-left: 6%;
	width: 19%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

table.payAccountBlock {
	width: 355px;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 10px;
}
input.moneyInput {
	width: 80px;
}
div.paymentNotice {
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 180px;
}
td.paymentTally {
	border-top: 1px dashed #333333;
	padding: 0;
}
/* Signin Screen */
div.enrollmentDropText {
	margin-top: 10px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888888;
	width: 320px;
}
div.receiptText {
	font-family: Arial, Helvetica, sans-serif;
}
a.returnHome {
}
span.availableAccountsCaption {
	font-weight: bold;
}
select.header-select {
	border: 2px solid #000000;
}
div.password {
	float: left;
}
div.passwordIcon {
	float: left;
	margin-left: 5px;
}
div.bottomLeftText {
	float: left;
	width: 50%;
}
span.paymentIRead {
}
a.cancelLink {
	text-decoration: none;
	background-color: transparent;
	border: 0 none;
	color: #3B5998;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #4c59b6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	cursor: pointer;
}
