html {overflow: auto}

html, body
{
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%
}

*
{
	font-family: verdana, arial, sans-serif;
	font-size: 10pt; 
	color: #0e3f7c;
}

/*  //////////////////////////////////////
	Header/Footer CSS 
////////////////////////////////////////// */

table {border-collapse: collapse;}

table td
{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: top;
}

#mainTable
{
	background-color: #ffffff;
	height: 100%;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

#headerRow > td {height: 85px;}

#headerTable {width: 100%;}

#headerDiv
{
	width: 100%;
	height: 79px;
	background: url(images/headerbkgnd.gif) center right no-repeat;
	text-align: center;
}

#hdr0Lbl
{
	color: #1834C4; 
	font-size: 12pt; 
	font-weight: bold; 
	line-height: 79px;
}

#headerBar
{
	background : url(images/topbarspn.gif) center left repeat-x;
	height: 6px;
	vertical-align: middle;
}

#hdrLogoImg
{
	position: absolute;
	left: 5px;
	top: 0px;
	background: url(images/slogo.gif) center left no-repeat;
	height: 75px;
	width: 150px;
}

#hdrHprLnk
{
	position: absolute;
	top: 0px;
	right: 30px;
	color: #1834C4; 
	text-decoration: none;
}
#hdrHprLnk:hover {color: #009900; text-decoration: underline;}

#footerTable {width: 100%;}

#footerDiv {text-align: right;}

#footerCol
{
	height: 30px;
	vertical-align: bottom;
}

#ftr0Lbl
{
	position: relative;
	bottom: 5px;
	right: 5px; 
	color: #11278F;
	font-size: 8pt; 
}

#footerBarRow
{
	background-image: url(images/bbarslice.gif); 
	width: 100%;
}

#footerBar
{
	background: url(images/bottombar-nohome.gif) center right no-repeat;
	height:20px;
	width:742px;
}


/*  //////////////////////////////////////
	PayPage CSS 
////////////////////////////////////////// */

#mainDiv {display: none;}

.hidden {display:none; visibility:hidden;}

#processForm
{
	border: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

#headerSpaceRow
{
	display: inline;
	height: 5px;
}

#first_name, #last_name, #address, #invoice_nbr {width:20em;}
#city {width:10em;}
#state {width:2em;}
#amount, #zip, #check_nbr {width:8em;}
#amount {border: 0;}
#account_nbr {width: 14em;}
#cvv2 {width: 4em;}
#issue_nbr {width: 4em;}
#phone_hm, #phone_cell, #phone_wk {width:8em;}
#user_data_1, #user_data_2, #user_data_3, #user_data_4, #user_data_5, 
#user_data_6, #user_data_7, #user_data_8, #user_data_9, #user_data_10
{width: 25em;}

#phoneCellRow, #phoneWKRow, #addressRow, #userData2Row, #userData3Row, 
#userData4Row, #userData5Row, #userData6Row, #userData7Row, #userData8Row, 
#userData9Row, #userData10Row, #radio3Row, #cardImageLbl, #swipeCmd
{display: none;}

#swipeSP
{
	position: absolute;
	top: 0px;
	left: 375px;
}
#swipeBtn
{
	position: absolute;
	top: 0px;
	left: 550px;
}


/*
-- Uncomment this block to use these elements
#startDateRow, #issueNumRow {display:block !important;}
*/


#amountSpaceRow, #trantypeSpaceRow, #button2SpaceRow
{display:inline;}

#monthDDL, #yearDDL {left: 5px;}
#startMonthDDL, #startYearDDL {left: 5px;}

.hyprLink
{
	position: relative;
	left: 10px;
	color: #11278F; 
	font-size: 8pt; 
}

#acctTypeSLbl, #acctTypeCLbl 
{
	text-align: left;
	width: 75px;
}

.horzRule {position: relative; height:20px;}

.Row
{
	position: relative;
	margin-top: 5px;
}

.miscRow {position:relative; height:25px; display:none;}

.spacerRow {display:none; height:25px;}

.mainLabel 
{
	position: relative;
	width: 150px;
	text-align: right;
	color: #11278F; 
	border : 0px;
}

.mainTextBox 
{
	position:relative;
	left:5px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	border : 1px solid #000000;
}


#miscMessageRow 
{
	background-color: #E0E0E0;
	border-color: #880000;
	border-style: solid;
	border-width: 2px;
	width: 900px;
	left: 10px;
	position: relative;
}

#imgMessage 
{ 
	width: 12pt; 
	height: 12pt;
}

#miscMessage1
{
	font-size: 12pt; 
	padding: 5px;
}

#miscAppMessage, #miscMessage2 {padding: 5px;}
#miscSpaceRow2 {height: 8px;}
#miscMessageSpacerRow {height: 10px;}

.mainValidationLbl
{
	left: 155px;
	width: 500px;
	color: #FF0000;
	padding: 3px;
	height: 1em;
	position: relative;
}

#miscCardImageRow {display:inline;}

#miscCardImageLbl
{
	left: 10px;
	font-weight: normal;
	font-size: 10pt;
}

#cardImageRow 
{
	position: relative;
	margin-left: 20px;
	white-space: nowrap;
}

.cardImage
{
	position: relative;	
	width: 45pt;
}

#disclaimerSpaceRow {display: inline; height:3px;}

#achDisclaimerRow > div {width: 400px;}

#achDisclaimerPrint {left:160px;}

#achDisclaimerTxt
{
	position: relative;
	left: 160px;
	width: 700px;
	height: 50px;
}

#debitDisclaimerTxt
{
   position: relative;
   display: block;
	left: 160px;
	width: 700px;
	height: 50px;
	text-align: left;
}


.miscLabel 
{
	position:relative;
	font-size: 12pt; 
	font-weight:bold;
	color: #11278F;
	border:0px;
	width:25em;
}

#buttonRow, #button2Row 
{
	top: 0px;
	left: 0px;
	height:30px;
	position: relative;
}

#submitBtn, #submit2Btn {position:absolute; top:10px; left:10px;}
#resetBtn, #reset2Btn {position:absolute; top:10px; left:100px;}
#cancelBtn, #cancel2Btn {position:absolute; top:10px; right:30px;}
.mainButton
{
	width: 75px;
	color: #3366cc;
	background-color: #eeeeee;
	font-weight: bold;
	font-size: 9px;
	border: 1px solid #000000;
}

/*  //////////////////////////////////////
	Receipt Header/Footer CSS 
////////////////////////////////////////// */

#headerRowRcpt > td {height: 85px;}

#headerTableRcpt {width:100%;}

#headerDivRcpt
{
	width: 100%;
	text-align: center;
	height: 79px;
	background: url(images/headerbkgnd.gif) center right no-repeat;
}

#headerBarRcpt
{
	background : url(images/topbarspn.gif) center left repeat-x;
	height: 6px;
	vertical-align: middle;
}

#hdrLogoImgRcpt
{
	position: absolute;
	left: 5px;
	top: 0px;
	height: 75px;
	width: 150px;
	background: url(images/slogo.gif) center left no-repeat;
}

#hdr0LblRcpt
{
	color: #1834C4; 
	font-size: 12pt; 
	font-weight: bold; 
	line-height: 79px;
}

#hdrHprLnkRcpt
{
	position: absolute;
	top: 0px;
	right: 30px;
	color: #1834C4; 
	text-decoration: none;
}

#hdrHprLnkRcpt:hover {color:#009900; text-decoration:underline;}

#footerTableRcpt {width:100%;}

#footerDivRcpt
{
	text-align: right;
}

#footerColRcpt
{
	height: 30px;
	vertical-align: bottom;
}

#ftr0LblRcpt
{
	position: relative;
	bottom: 5px;
	right: 5px; 
	color: #11278F;
	font-size: 8pt; 
}

#footerBarRowRcpt
{
	background-image: url(images/bbarslice.gif);
	width:100%;
}

#footerBarRcpt
{
	background: url(images/bottombar-nohome.gif) center right no-repeat;
	height: 20px;
	width: 742px;
}

/*  //////////////////////////////////////
	End Receipt Header/Footer CSS 
////////////////////////////////////////// */


/*  //////////////////////////////////////
	Receipt CSS 
////////////////////////////////////////// */

#RcptRowHidden {height: 5px;}

#RecptBtnRow
{
	text-align:center;
	height: 70px;
}

#RecptBtnRow > td {vertical-align:middle;}


.RecptBtn
{
	position: relative;
	font-weight: bold;
	width: 110px;
	height: 35px;
	background-color: #eeeeee;
	color: #3366cc;
	border: 1px solid #000000;
	font-size: 10px;
}

#resultsDiv
{
	position: relative;
	width: 400px;
	height: 175px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

#resultImgRow {position: relative; height: 40px;}

#respTxtRow {height:30px;}

#responseTextLbl 
{
	position: relative;
	width: 350px;
	color: #1834C4; 
	font-size: 12pt; 
	font-weight: bold; 
	border : 0px;
	text-align: center;
}

.mainRow
{
	position: relative;
	height: 20px;
	width: 100%;
	text-align: center;
}

.respLabel 
{
	position: relative;
	width: 190px;
	text-align: right;
	color: #11278F; 
	border : 0px;
}

.respTextBox 
{
	position: relative;
	left: 5px;
	width: 188px;
	color: #11278F;
	text-align: left;
	border: 0px;
}

#respAmountLbl, #respAmountTB {font-weight:bold;}

.SpaceRow {height:5px;}
.RecptSpaceRow {height:10px;}

#receiptRow {vertical-align:top;}

.RecptRow {position:relative; height:15px; width:100%;}

#RecptPad
{
	position: relative;
	width: 275px;
	border: 1px solid #000000;
	margin-left: auto;
	margin-right: auto;
}

#datetimeRow {padding-top: 5px;}
#tran_codeRow{padding-bottom: 5px;}

.RecptLeft 
{
	position: absolute;
	text-align: left;
	background-color: Transparent;
	color: #11278F; 
	left: 4px;
	width: 140px;
	font-size: 8pt; 
	border: 0px;
	top: 0px;
}

.RecptCenter
{
	position: absolute;
	text-align: center;
	background-color: Transparent;
	color: #11278F; 
	width: 100%;
	border: 0px;
	left: 0px;
}

.RecptRight
{
	position: absolute;
	text-align: right;
	background-color: Transparent;
	color: #11278F; 
	right: 4px;
	width: 140px;
	font-size: 8pt; 
	border: 0px;
	top: 0px;
}

.RecptFooter
{
	font-size: 7pt; 
	font-family: verdana, arial, sans-serif;
	text-align: left;
	margin: 5px;
}

#guid{width:174px;}

#usrData1Row, #usrData2Row, #usrData3Row, #usrData4Row, #usrData5Row,
#usrData6Row, #usrData7Row, #usrData8Row, #usrData9Row, #usrData10Row
{display:none;}

#tran_amountLbl, #tran_amount {font-weight:bold; font-size:10pt;}

#signatureLblRow{text-align:center;}
#signatureLineRow{height:5px; width:100%;} 
#signatureLine
{
	position: relative;
	border-top: 1px dashed #3366cc; 
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	height:2px;
	width:90%
}

#signature {font-size:8pt;}

/*  //////////////////////////////////////
	End Receipt CSS 
////////////////////////////////////////// */

/*  //////////////////////////////////////
	Signature Capture Div
////////////////////////////////////////// */

#sigCapDiv
{
	position: absolute;
	top: 140px;
	width: 100%;
	text-align: center;
	font-size: 14pt;
}

/*  //////////////////////////////////////
	Default Message - Invalid Redirect, Timeout
////////////////////////////////////////// */

#messageImg
{
	width: 100%;
	height: 101px;
	background: url(images/oops.gif) center no-repeat;
	text-align: center;
	margin-top: 10px;
}
#messageRow1
{
	font-size: 18pt; 
	text-align: center;
	margin-top: 30px;
}
#messageRow2, #messageRow3, #messageRow4
{
	font-size: 12pt; 
	margin-top: 25px;
	margin-left: 20px;
}
#messageRow5 {margin-left: 45px;}