/* CSS Document */

/* ------------------------------------ */
/*                                      */
/*               General                */
/*                                      */
/* ------------------------------------ */
 

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
padding: 0;
}

body {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height: 17px;
	color: #5a5a5a;
	margin: 0px 0px 0px 0px;	
	background-color: #FFF;
/*	background:url(../images/bg.jpg) top center repeat-x;*/
	}

a:link {
	color: #035bbd;
	text-decoration: underline;
	}
a:visited {
	color: #035bbd;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	color: #035bbd;
	}
a:active {
	text-decoration: none;
	}

#container {
	width: 990px;
	position: relative;
	margin: 0px auto;
	padding: 0;
	}

	
#header #logo {
	position:relative;
	width: 1230px;
	height:50px;
	margin-top: 10px;
	background-size: 100% 100%;
	background-image:url(../images/affinonlineDualLogo.png);
	padding: 0;
	top:0;
	left:0;
	float:left;
	}
	
#login {
	position:relative;
	width: 550px;
	height:68px;
	padding: 20px 0 0 0;
	top:0;
	text-align:right;
	float:right;
	}

#clear {
	clear:both;
	}
	
#content {
	position:relative;
	width: 990px;
	padding: 0 0 20px 0;
	top:0px;
	left:0;
	background-color:#fff;
	}

#content .contentright { 
	width: 790px;
	padding: 0 10px 0 10px;
	top:0;
	float:left;
	background-color:#fff;
}

#content .contentbar { 
	width: 138px;
	padding: 4px 10px 0 10px;
	top:0;
	margin:0;
	float:right;
	background-color:#f6f6f6;
	border:#f0f0f0 solid 1px;
}

#content .leftbar {
	width: 165px;
	padding: 5px 5px 0 0;
	top:0;
	float:left;
	font-size:11px;
	background-color:#fff;
}

#content .user {
	width: 1110px;
	padding: 5px 10px 0 10px;
	top:0;
	left:0;
	background-color:#fff;	
	font-size:11px;
	color:#026496;
	float:left;
}

#header {
   height: 145px;
   width: 1300px;
 
 }
 
#footer {
	width: 950px;
	position: relative;
	margin: 20px auto;
	padding: 20px;
	background-color:#4f575e;
	}
	
#footer.ftext {
	font-size:11px;
	color:#bdc2c6;
	}
	
#footer.ftext a{
	font-size:11px;
	color:#e2e5e7;
	}
	
#footer.ftext a:hover{
	font-size:11px;
	color:#fff;
	text-decoration:none;
	}
	
#tfooter {
	position: relative;
	padding: 20px;
	background-color:#4f575e;
	}
	
#tfooter.ftext {
	font-size:11px;
	color:#bdc2c6;
	}
	
#tfooter.ftext a{
	font-size:11px;
	color:#e2e5e7;
	}
	
#tfooter.ftext a:hover{
	font-size:11px;
	color:#fff;
	text-decoration:none;
	}

#footer ul#main-footer{
	list-style-type:none;
	margin:0;
	padding:0;
}

#footer ul#main-footer li{
	display:inline;
}

#excelDownload ol li a:link,
#excelDownload ol li a:visited,
#excelDownload ol li a:active{
	font-size:12px;
	font-weight:bold;
}

fieldset {
	border:#cbdbe5 1px solid;
	padding:0 10px 10px 10px;
}
	
legend {
	font-weight:bold;
	font-size:15px;
	padding: 0 5px;
	color:#0068b3; 
}
	
h1 {
	color: #424649;
	font-size:16px;
	font-weight:bold;
}

h2 {
	color: #424649;
	font-size:13px;
	font-weight:bold;
	padding-left:7px;
}

h3 {
	font-weight:bold;
	font-size:13px;
	padding: 0;
	color:#0068b3; 
}

ul.basic li{
	padding-left: 20px;
	list-style-type: circle;
	list-style-position:inside;
}

hr {
	height:1px;
	background-color:#f48080;
	border:none;
	clear:both;
}

.button-new {
	padding: 0 6px;
	font-size:9px;
	color:#FFFFFF;
	background-color:#c10022;
	border-radius: 4px;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
}

#bullet ul {
    list-style: none;
	margin: 0;
    padding: 0;
	}

#bullet li {
	padding: 0px 3px 3px 15px;
	text-align: left;
	background-image:url(../images/bullet.gif);
	background-position: top left;
	background-repeat:no-repeat;
	list-style:none;
}

#bullet_square li {
	background-image:url(../images/black_square_bullet.gif);
	background-repeat:no-repeat;
}

.textred12B {
	font-size: 11px;
	font-weight:bold;
	color: #d21f3e !important;
}

.textred12 {
	font-size: 11px;
	font-weight:normal;
	color: #d21f3e !important;
}

#bullet ul {
    list-style: none;
	margin: 0;
    padding: 0;
	}

#bullet li {
	padding: 0px 3px 3px 15px;
	text-align: left;
	background-image:url(../images/bullet.gif);
	background-position: top left;
	background-repeat:no-repeat;
	list-style:none;
}

/* ------------------------------------ */
/*                                      */
/*             Menu Tabs                */
/*                                      */
/* ------------------------------------ */

#header #tab {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 1140px; LINE-HEIGHT: normal; PADDING-TOP: 0px; font-size: 10px;
}
#header #tab UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#header #tab LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
#header #tab A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 16px; FONT-WEIGHT: bold; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #0262a6; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#header #tab A SPAN {
	PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 0px;  FLOAT: left; PADDING-BOTTOM: 6px; PADDING-TOP: 17px
}
#header #tab A SPAN {
	FLOAT: none
}

#header #tab UL LI.selected A {
	BACKGROUND: url(../images/tab.png) #b92422 no-repeat left top; color:#fff; 
}
#header #tab UL LI.selected A SPAN {
	BACKGROUND: url(../images/tab.png) #b92422 no-repeat right top; color:#fff; 
}

#header #tab UL LI a:hover {
	BACKGROUND: url(../images/tab.png) #b92422 no-repeat left top; color:#fff; 
}

#header #tab UL LI a:hover span {
	BACKGROUND: url(../images/tab.png) #b92422 no-repeat right top; color:#fff; 
}

#header #subtab {
	position:relative;
	width: 1100px;
	height:35px;
	background:url(../images/tabbg.gif) repeat-x;
	padding: 10px 14px ;
	top:0;
	left:0;
	clear:both;
	font-size: 11px;
}

#header #subtab a {
	font-size: 11px;
	COLOR: #424649;
	text-decoration:none;
}

#header #subtab a:hover {
	font-size: 11px;
	COLOR: #ed1c24;
	text-decoration:none;
}

#header #subtab .selected {
	font-size: 11px;
	COLOR: #ed1c24;
	text-decoration:none;
}

#header #tabright {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 100px; LINE-HEIGHT: normal; PADDING-TOP: 26px; font-size: 11px; text-align:right;
}

#header #tabright a {
	color:#0262a6;
	text-decoration:none;
}

#header #tabright a:hover {
	color:#ed1c24;
	text-decoration:none;
}
	

/* ------------------------------------ */
/*                                      */
/*              Left Menu               */
/*                                      */
/* ------------------------------------ */

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 2px;
}

ul.menu li a, ul.menu ul.menu li a {
  background: #ebf0f3;
  color: #424242;	
  padding: 8px;
}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
  background: #d0dde5;
  color: #424242;
}

ul.menu li ul li a, ul.menu ul.menu li ul li a {
  background: #fff;
  color: #424242;
  padding: 3px 0 3px 18px ;
  border-bottom: 1px #cbdbe5 solid;
  border-left: 5px #cbdbe5 solid;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
  background: #fff;
  border-left: none;
  padding-left: 20px;
  color: #424242;
}
ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
	color: #fff;
}
ul.menu ul.menu {
    border-left: 5px #f04b00 solid;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
    text-decoration: none;
    background: #d0dde5;
	color:#424242;
}

/* ------------------------------------ */
/*                                      */
/*                Input                 */
/*                                      */
/* ------------------------------------ */
	 
	input, select {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #4d4d4d;
	}

	.inputtext{
	border:solid 1px #abadb3;
	color:#838383;
	}
	
/*	.error {*/
/*	font-size: 11px;*/
/*	font-weight:normal;*/
/*	color: #d21f3e;*/
/*	padding-left: 5px;*/
/*	}*/

/* ------------------------------------ */
/*                                      */
/*               Table                  */
/*                                      */
/* ------------------------------------ */
.loginTable
{
	width: 270px;
	border:none;
}

.loginTable td.left
{
	text-align:right;
	height: 22px;
	font-weight:bold;
	color: #44718c;
	width: 95px;
	padding-right: 5px;
}

.loginTable td.to
{
	height: 25px;
	font-weight:bold;
	color: #44718c;
}

.loginTable td.colon
{
	text-align:left;
	height: 22px;
	font-weight:bold;
	color: #44718c;
	width: 8px;
}

.loginTable td.button
{
	padding-top:15px;
	padding-left:110px;
}

.inputTable
{
	width: 750px;
	border:none;
	padding-top:20px;
}

.inputTable td.left
{
	text-align:right;
	height: 25px;
	font-weight:bold;
	color: #44718c;
	width: 220px;
	padding-right: 5px;
}

.inputTable td.right17
{
	text-align:right;
	height: 25px;
	font-weight:bold;
	color: #44718c;
	width: 17%;
	padding-right: 5px;
	
}

.inputTable td.right20
{
	text-align:right;
	height: 25px;
	font-weight:bold;
	color: #44718c;
	width: 20%;
	padding-right: 5px;
	
}

.inputTable td.right40
{
	text-align:right;
	height: 25px;
	font-weight:bold;
	color: #44718c;
	width: 40%;
	padding-right: 5px;
	
}

.inputTable td.amount
{
	text-align:right;
	height: 25px;
	padding-right: 5px;
}

.inputTable td.to
{
	height: 25px;
	font-weight:bold;
	color: #44718c;
}

.inputTable td.colon
{
	text-align:left;
	height: 22px;
	font-weight:bold;
	color: #44718c;
	width: 7px;
}

.inputTable td.leftTop
{
	text-align:right;
	height: 25px;
	font-weight:bold;
	color: #44718c;
	width: 220px;
	padding-right: 5px;
	vertical-align: text-top;
}

.inputTable td.colonTop
{
	vertical-align: text-top;
	text-align:left;
	height: 22px;
	font-weight:bold;
	color: #44718c;
	width: 7px;
}

.inputTable td.button
{
	padding-top:15px;
	padding-left:235px;
}

.inputTable td.note
{
	text-align:left;
	font-weight:bold;
	font-size: 8px
}

.inputTable tr.non-compulsary{
	display:none;
}

.inputTableAccount
{
	width: 750px;
	border:none;
	padding-top:0px;
}

#results
{
	margin: 20px 0 20px 0;
	width: 770px;
	text-align: center;
	border-collapse: collapse;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	
}
#results th
{
	font-size: 11px;
	font-weight: bold;
	padding: 10px 5px 5px 5px;
	color: #fff;
	background-image:url(../images/th_bg.gif);
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

#results .subtitle
{
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	color: #fff;
	border-top: 1px solid #e6e6e6;
	background-color:#026496;
	background-image:none;
}


#results td
{
	padding: 5px 5px;
	color: #5a5a5a;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
#results .odd
{
	background: #E8F2FF
}

#table-info
{
	font-size: 11px;
	text-align: left;
}

#table-info td
{
	padding: 10px 20px 15px 20px;
}

#table-blue-sml
{
	margin: 20px 0 20px 0;
	width: 750px;
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	
}
#table-blue-sml th
{
	font-size: 10px;
	font-weight: bold;
	padding: 5px 3px;
	color: #fff;
	background-color: #026496;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	line-height: 12px;
}
#table-blue-sml td
{
	padding: 8px;
	color: #5a5a5a;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	
}
#table-blue-sml .odd
{
	background: #E8F2FF;
}
#table-blue-sml tfoot {
  background-color: #d3e6fe;
  text-align: right;
  font-size: 10px;
  font-weight: bold;
  text-transform:uppercase;
}

.alignTop {
	vertical-align:top;
}

/* ------------------------------------------ */
/* Payment Transaction Status & Authorization */     
/* ------------------------------------------ */
#table-blue-sml-trans
{
	margin: 20px 0 20px 0;
	width: 740px;
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	
}
#table-blue-sml-trans th
{
	font-size: 10px;
	font-weight: bold;
	padding: 5px 3px;
	color: #fff;
	background-color: #026496;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	line-height: 12px;
}
#table-blue-sml-trans td
{
	padding: 8px;
	color: #5a5a5a;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	
}
#table-blue-sml-trans .odd
{
	background: #E8F2FF;
}
#table-blue-sml-trans tfoot {
  background-color: #d3e6fe;
  text-align: right;
  font-size: 10px;
  font-weight: bold;
  text-transform:uppercase;
}
#table-blue-sml-trans .red
{
	font-size: 11px;
	font-weight:bold;
	color: #d21f3e !important;
}
#table-blue-sml-trans .title
{
	font-size: 11px;
	font-weight:bold;
	color: #44718c;
}

#table-blue
{
	margin: 20px 0 20px 0;
	width: 770px;
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	
}
#table-blue th
{
	font-size: 11px;
	font-weight: bold;
	padding: 10px 5px 5px 5px;
	color: #fff;
	background-image:url(../images/th_bg.gif);
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

#table-blue .subtitle
{
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	color: #fff;
	border-top: 1px solid #e6e6e6;
	background-color:#026496;
	background-image:none;
}


#table-blue td
{
	padding: 5px 5px;
	color: #5a5a5a;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
#table-blue .odd
{
	background: #E8F2FF
}

/* ------------------------------------ */
/*                                      */
/*                 Tab                  */
/*                                      */
/* ------------------------------------ */

#tablist{
	padding: 5px 0 5px 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0.1em;
	font-weight:bold;
	font-size:11px;
	border-bottom: 1px solid #f48080;
}

#tablist li{
	list-style: none;
	display: inline;
	margin: 0;
}

#tablist li a{
	text-decoration: none;
	padding: 5px 4px 5px 4px;
	margin-right: 1px;
	border-bottom: none;
	background: #026496;	
}

#tablist li a:link, #tablist li a:visited{
	color:#fff;
}

#tablist li a:hover{
	color: #fff;
	background: #b92422;
}

#tablist li a.current{
	background: #b92422;
}

#subtablist {
	padding: 8px;
	background: #f2efea;
	font-size:11px;
	font-weight:bold;
}

#subtablist a:link {
	color:#424649;
	text-decoration:none;
}

#subtablist a:visited {
	color:#424649;
}

#subtablist  a.current{
	color: #ed1c24;
	text-decoration:none;
}

/* ------------------------------------ */
/*                                      */
/*            Display Table             */
/*                                      */
/* ------------------------------------ */
#row
{
	margin: 20px 0 20px 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	
}
#row th
{
	font-size: 11px;
	font-weight: bold;
	padding: 10px 5px 5px 5px;
	color: #fff;
	background-image:url(../images/th_bg.gif);
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

#row .subtitle
{
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	color: #fff;
	border-top: 1px solid #e6e6e6;
	background-color:#026496;
	background-image:none;
}


#row td
{
	padding: 5px 3px;
	color: #5a5a5a;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
#row .even
{
	background: #E8F2FF
}

#row-sml
{
	margin: 20px 0 20px 0;
	width: 740px;
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	
}
#row-sml th
{
	font-size: 10px;
	font-weight: bold;
	padding: 5px 3px;
	color: #fff;
	background-color: #026496;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	line-height: 12px;
}
#row-sml td
{
	padding: 8px;
	color: #5a5a5a;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	
}
#row-sml .even
{
	background: #E8F2FF;
}



/* ------------------------------------ */
/*                                      */
/*            Stripes Validation        */
/*                                      */
/* ------------------------------------ */
div.errors {
	font-size: 11px;
	font-weight:bold;
	color: #d21f3e;
}

div.popup_errors {
	font-size: 14px;
	font-weight:bold;
	color: #d21f3e;
	padding-left: 5px;
	padding-top: 5px;
}

div.messages {
    font-size: 11px;
	font-weight:bold;
	color: #d21f3e;
}

label.error {
	font-size: 11px;
	font-weight:normal;
	color: #d21f3e;
	padding-left: 5px;
}

div.pagebanner {
	text-align: center;
	font-weight:bold;
}

div.pagelinks {
	text-align: center;
}

/* ------------------------------------ */
/*                                      */
/*            Custom Popup Box          */
/*                                      */
/* ------------------------------------ */
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:550px;
height:300px;
z-index: 9002;
overflow: auto;
}

/* ------------------------------------ */
/*                                      */
/*          Fund Transfer step guid     */
/*                                      */
/* ------------------------------------ */
div#progressBar{
	width:100%;
	height:75px;
}
div.step1{
	background:url(../images/progressStep1.gif) no-repeat center center;
}
div.step2{
	background:url(../images/progressStep2.gif) no-repeat center center;
}
div.step3{
	background:url(../images/progressStep3.gif) no-repeat center center;
}
div.bulkPaymentStep1 {
	background:url(../images/bulkPaymentStep1.gif) no-repeat center center;
}
div.bulkPaymentStep2 {
	background:url(../images/bulkPaymentStep2.gif) no-repeat center center;
}
div.bulkPaymentStep3 {
	background:url(../images/bulkPaymentStep3.gif) no-repeat center center;
}
div.govbulkPaymentStep1 {
	background:url(../images/gov-bulkPaymentStep1.gif) no-repeat center center;
}
div.govbulkPaymentStep2 {
	background:url(../images/gov-bulkPaymentStep2.gif) no-repeat center center;
}
div.govbulkPaymentStep3 {
	background:url(../images/gov-bulkPaymentStep3.gif) no-repeat center center;
}
div.stopChqStep1{
	background:url(../images/StopChequePay01.gif) no-repeat center center;
}
div.stopChqStep2{
	background:url(../images/StopChequePay02.gif) no-repeat center center;
}
div.stopChqStep3{
	background:url(../images/StopChequePay03.gif) no-repeat center center;
}
div.chqRequestStep1{
	background:url(../images/ChequeBookRqst01.gif) no-repeat center center;
}
div.chqRequestStep2{
	background:url(../images/ChequeBookRqst02.gif) no-repeat center center;
}
div.chqRequestStep3{
	background:url(../images/ChequeBookRqst03.gif) no-repeat center center;
}
div.LoanRepaymentStep1 {
	background:url(../images/LoanRepaymentStep1.gif) no-repeat center center;
}
div.LoanRepaymentStep2 {
	background:url(../images/LoanRepaymentStep2.gif) no-repeat center center;
}
div.LoanRepaymentStep3{
	background:url(../images/LoanRepaymentStep3.gif) no-repeat center center;
}
div.cboInquiryStep1{
	background:url(../images/step01-01.png) no-repeat center center;
}
div.cboInquiryStep2{
	background:url(../images/step01-02.png) no-repeat center center;
}
div.cboTransactionStep1{
	background:url(../images/step01.png) no-repeat center center;
}
div.cboTransactionStep2{
	background:url(../images/step02.png) no-repeat center center;
}
div.cboTransactionStep3{
	background:url(../images/step03.png) no-repeat center center;
}
div.cboTransactionStep4{
	background:url(../images/step04.png) no-repeat center center;
}
div.cboTransactionStep5{
	background:url(../images/step05.png) no-repeat center center;
}
div.cboTransactionStep6{
	background:url(../images/step06.png) no-repeat center center;
}
div.cboTransactionStep7{
	background:url(../images/step07.png) no-repeat center center;
}
div.cboTransactionStep8{
	background:url(../images/step08.png) no-repeat center center;
}
div.rppTransferStep1 {
	background:url(../images/rppTransferStep1.gif) no-repeat center center;
}
div.rppTransferStep2 {
	background:url(../images/rppTransferStep2.gif) no-repeat center center;
}
div.rppTransferStep3 {
	background:url(../images/rppTransferStep3.gif) no-repeat center center;
}

/* ------------------------------------ */
/*                                      */
/*          collapsing accordion             */
/*                                      */
/* ------------------------------------ */

ul#accordion, ul#accordion ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 780px;
  list-style:none;
}

ul#accordion a {
  display: block;
  text-decoration: none;	
}

ul#accordion li {
  margin-top: 1px;
}

ul#accordion li a {
  color: #5a5a5a;	
  padding: 0.5em;
  font-weight:bold;
  border-left: 5px #e4e4e4 solid;
}

ul#accordion li a:hover {
  
}

ul#accordion li ul li  {
  color: #5a5a5a;
  padding-left: 28px;
  font-weight:normal;
}

ul#accordion li ul li a:hover {
  background: #f6f6f6;
  border-left: 5px #e4e4e4 solid;
  padding-left: 15px;
}

/*Fancy box changes*/
#fancybox-outer{
	 background: none  !important;
}

#fancybox-content{
	border: 0 solid transparent !important;
}

#fancybox-bg-n,#fancybox-bg-ne,#fancybox-bg-e,#fancybox-bg-se,
#fancybox-bg-s,#fancybox-bg-sw,#fancybox-bg-w,#fancybox-bg-nw{
	background-image:none !important;
}

.lightbox {  
 display:none;  
 background:#000000;  
 opacity:0.5;  
 filter:alpha(opacity=90);  
 position:absolute;  
 top:0px;  
 left:0px;  
 min-width:100%;  
 min-height:100%;  
 z-index:1000;  
}  

#ajaxLoader{
	display:none;
	background: url(../images/ajax-loader.gif) no-repeat;
	width:32px;
	height:32px;
	position:absolute;
}

.longTextHolder{
	width:510px;word-wrap: break-word;float: left;
}

.biller-logo{
	width:38px;
	height:38px;
	margin-left:10px;
	cursor: default;
}

label.errorBold {
	font-size: 11px;
	font-weight:bold;
	color: #d21f3e;
}