.headerHeight {height: 65px; vertical-align: top;}
.headerShell {position: absolute;}
.logoPosition {
	position: absolute; 
	top: 10px; 
	left: 10px;
}

.headerPosition
{	position: absolute; 
	top: 15px;
	left: 200px;
	background: url(../images/header.gif) no-repeat;
}

.headerLine {
	background: url(../images/pixel_bluegray.gif) repeat-x 0 0;
	padding: 0 0 0 0; /* FireFox will add margin space if not included */
}

.tutorialPosition {
	position: absolute; 
	top: 98px;
	left: 18px;
}

.tutorialButtons {
	position: absolute;
	top: 345px;
	left: 455px;
	white-space: nowrap; /* IE will wrap if not included */
	margin: 0 0 0 0; /* FireFox will add margin space if not included */
	padding: 0 0 0 0;
	text-align: right;
	width: 126px;
}

/* COMMON STYLES Start */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 55%;
	color: #305875;
	font-weight: normal;
	background: transparent;}
	
p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #676767;
	font-weight: normal;
	line-height: 15px;
	margin: 0 0 0 0;
}
	
h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3583ba;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 8 0;
}
	

a: {color: #3583ba; font-weight: normal; text-decoration: underline;}
a:hover {color: #000000; font-weight: normal; text-decoration: underline;}



.breadCrumbs {color: #676767; font-weight: normal; text-decoration: underline;}
.breadCrumbs:hover {
	color: #4169E1;
	font-weight: normal;
	text-decoration: none;
}

.note {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #676767;
	font-weight: normal;
	text-decoration: none;

}

.exitPosition {
	position: absolute;
	top: 6px;
	left: 455px;
	width: 300px;
	background: url(../images/btn_exit.gif) no-repeat;
	background-position: right;
	text-align: right;
	vertical-align: middle;
}

a.bannerTextDark {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	position: relative;
	right: 20px;
	text-decoration: none;
}

a.bannerTextDark:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	position: relative;
	right: 20px;
	text-decoration: underline;
	text-align: right;
}

a.bannerTextLight {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002888;
	position: relative;
	right: 62px;
	text-decoration: none;
	text-align: right;
}

a.bannerTextLight:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002888;
	font-weight: normal;
	position: relative;
	right: 62px;
	text-decoration: underline;
	text-align: right;
}

.backgroundBottom {background: url(../images/bottom.gif) 0 100% no-repeat;}/*Used for sheild - common to all pages*/
.backgroundPalm {background: url(../images/bg_feat_ben.gif) 0 100% no-repeat;}/*Used for tutorials Background as well as Features & Benefits */
.background1 {background: url(../images/transfers_main.jpg) 0 100% no-repeat;}/*Used for the main welcome page */
.backgroundTransfersMain {background: url(../images/payments_main.jpg) 0 100% no-repeat;}/*Used for the Transfers Main page */
.backgroundPaymentsMain {background: url(../images/bg_1.jpg) 0 100% no-repeat;}/*Used for the Payments Main page */

/* Page Border Starts*/
.width {width: 760px;}
.t {background: url(../images/pixel_bluegray.gif) repeat-y; }
.b {background: url(../images/pixel_bluegray.gif) 0 100% repeat-x}
.l {background: url(../images/pixel_bluegray.gif) 0 0 repeat-y}
.r {background: url(../images/pixel_bluegray.gif) 100% 0 repeat-y}
.tl {background: url(../images/left_corner.gif) 0 0 no-repeat}
.tr {background: url(../images/right_corner.gif) 100% 0 no-repeat;} 
.grayBackground {background: url(../images/background2.gif); }
.grayBackground2 {background: url(../images/background3.gif); }
/* Page Border Ends */



ul#menu1{
	list-style-position: outside;
	list-style-image: url(../images/bullet1.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #676767;
	font-weight: normal;
	line-height: 17px;
	margin-left: 25px;
	margin-top: 0px;
	padding: 0 0 0 0; /* Firefox will add left padding by default if not included */
}

ul#menu2 {
	list-style-position: outside;
	list-style-image: url(../images/bullet2.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: normal;
	margin-left: 25px;
	line-height: 17px;
	padding: 0 0 0 0; /* Firefox will add left padding by default if not included */
}

li#menu2 {
	list-style-position: outside;
	list-style-image: url(../images/bullet2.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: normal;
	margin-top: 4px;
	line-height: 17px;
}

ul#menu3{
	list-style-position: outside;
	list-style-image: url(../images/bullet1.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333366;
	font-weight: normal;
	line-height: 17px;
	margin-left: 25px;
}


ol{
	list-style-position: outside;
	list-style-image: url(../images/bullet3.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #676767;
	font-weight: normal;
	margin-left: 14px;
	padding: 0 0 0 0;
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}



.height{height: 100%; vertical-align:top;}

/* COMMON STYLES End */


/* Scrollable Table */

div.scrollWrapper{
	float: left;
	overflow: auto;
	width: 745px;
	height: 209px;
	border: 1px solid #708090;
	padding: 4px;
}


table.scrollable{
	margin-right: 0 !important;
	
	font-family: verdana,arial, sans-serif;
	font-size: 11px;
	color: #333366;

}

table.scrollable th{
  border-top:1px solid #6c92c8;
  border-left:1px solid #6c92c8;
border-bottom:1px solid #6c92c8;	
border-right:1px solid #6c92c8;
  padding:3px;
  background:#f7f7f7;
}
table.scrollable td{
	border-left: 1px solid #6c92c8;
	border-bottom: 1px solid #6c92c8;
	border-right: 1px solid #6c92c8;
	border-top: 1px solid #6c92c8;
	text-align: left;
	vertical-align: top;
	white-space: normal;
	padding: 5px;
}

/* Scrollable Table End */