/* styles below are for Online Banking login area */


#loginContainer {
	margin: 0;
	padding: 0 0 3px 0;
	width: 216px; 
	height: 156px;
	background-color: #999;
}

#loginline {
	margin: 0;
	padding: 4px 0 3px 0;
}

#linkBar {
	margin: 0 8px;
	padding: 3px;
	background-color: #ccc;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	text-align: center;
}

#linkBar {
	font: bold 7pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	word-spacing: -2px;
}

#linkBar a:link {
	font: bold 7pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}

#linkBar a:visited {
	font: bold 7pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}

#linkBar a:hover {
	font: bold 7pt Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	text-decoration: underline;
}

#linkBar a:active {
	font: bold 7pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: underline;
}

#loginArea {
	margin: 0 8px 7px 8px;
	padding: 6px 6px 7px 6px;
	border-bottom: 1px solid #888;
	background-color: #fff;
	text-align: left; /*left align added here because Opera browser was centering labels and button*/
}

html>body #loginArea {
	margin: 0 8px 7px 8px;
	padding: 6px 6px 8px 6px;
	border-bottom: 1px solid #888;
	background-color: #fff;
	text-align: left; /*left align added here because Opera browser was centering labels and button*/
}

#loginArea form {
	margin: 0;
	padding: 0;
}

/*#loginline {
	width: 180px;
	margin: 0;
	padding: 6px 0 0 0;
}*/

#loginline img {
	margin: 0;
	padding: 3px 0;
	border: none;
	vertical-align: middle;
}
	
#alertMsgarea {
	margin: 0;
	padding: 0 0 0 13px;
}

.alertMsg {
	margin: 0;
	padding: 0;
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
}

.alertMsg a:link {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	line-height:8pt;
	text-decoration: underline;
	color: #990033;
}

.alertMsg a:visited {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #990033;
}

.alertMsg a:hover {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #990033;
}

.alertMsg a:active {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #990033;
}

fieldset {
	margin: 0;
	padding: 6px;
	border: solid 0 transparent;
	background-color: #fff;
}

.logininput {
	width: 180px;
}

.loginlabel {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.floatrt {
	float: right;
	margin-left: 2px;
}

.forgotpword {
	margin: 0;
	padding: 0 0 0 24px;
	font: 7.5pt Verdana, Arial, Helvetica, sans-serif;
}

.forgotpword a:link {
	font: 7.5pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: underline;
}

.forgotpword a:visited {
	font: 7.5pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: underline;
}

.forgotpword a:hover {
	font: 7.5pt Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	text-decoration: none;
}

.forgotpword a:active {
	font: 7.5pt Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	text-decoration: none;
}

.imgNowrap {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	display: block;
	float: left;
	border: 0;
}

/* Online Banking login area END */

/* Online Banking login area BEGIN */
/*    Logon & Close button for OLB logon box to drop down */
#olbui {
	height: 0px; 
	overflow: hidden;
	position:absolute;
	z-index:2;
}

#olblogon {
	display: inline;
	float:right;
	margin-right:8px;
}

#olblogon img {
	background:none;
	border: 0;
}

#olblogon a:link {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333;
	font-variant: small-caps;
}

#olblogon a:visited {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333;
	font-variant: small-caps;
}

#olblogon a:hover {
	background:none;
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666;
	font-variant: small-caps;
}

#olblogon a:active {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666;
	font-variant: small-caps;
}

#olbclose {
	display: none;
	float:right;
	margin-right:8px;
}	

#olbclose img {
	border: 0;
}

#olbclose a:link {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333;
	font-variant: small-caps;
}

#olbclose a:visited {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333;
	font-variant: small-caps;
}

#olbclose a:hover {
	background:none;
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666;
	font-variant: small-caps;
}

#olbclose a:active {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666;
	font-variant: small-caps;
}
/*    Logon & Close button for OLB logon box to drop down END */

#loginContainer {
	background-color: #999;
	margin: 0;
	padding: 0 0 3px 0;
	width: 216px; 
	height: 156px;
}

 #linkBar {
	background-color: #ccc;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	color: #333;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	word-spacing: -2px;
	margin: 0 8px;
	padding: 3px 0px;
	text-align: center;
}

 #linkBar a{
	font: bold 7pt Verdana, Arial, Helvetica, sans-serif;
}

#loginArea {
	background-color: #fff;
	border-bottom: 1px solid #888;
	font: 7.5pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0 8px 6px 8px;
	padding: 6px;
	text-align: left; /*left align added here because Opera browser was centering labels and button*/
}

#loginArea a{
	color:#333;
}

#loginArea form {
	margin: 0;
	padding: 0;
}

#loginline {
	width: 185px;
	margin: 0;
	padding: 6px 0 0 0;
}

#loginline img {
	border: none;
	vertical-align: middle;
}

fieldset{
	margin: 0;
	padding: 6px;
	border: solid 0 transparent;
	background-color: #fff;
}

.logininput{
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	width: 180px;
}

.loginlabel {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.forgotpword {
	margin: 0;
	padding: 0 0 0 18px;
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
}

.forgotpword a {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: underline;
}

.forgotpword a:hover {
	font: bold 7.5pt Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	text-decoration: none;
}

.imgNowrap {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	display: block;
	float: left;
	border: 0;	
}

button.logonButton {
	background:url(/images/homepage/all_gif.gif) 0px -167px no-repeat; 
	border:none;
	color : #000;
	cursor:pointer;
	font-family : verdana, arial, sans-serif;
	font-size : 9px;
	font-weight:bold;
	height:25px;
	margin:3px 0 0 0;
	padding:0px 2px 0 2px;
	width:98px;
}

/* Online Banking login area END */


/*CSS for Tool tip*/
.question a{
	font: 7.5pt Verdana, Arial, Helvetica, sans-serif;
	outline:none;
}
.question a div{
    display:none;
}
.question a:hover { color:#990000;  background: #fff;}  /* must have this line for it to work */
.question a:hover div { 
	display:inline;
	position:relative;
	z-index:5;
 	width: 180px;
	color:#000;
	text-decoration:none;
}
.qtable {
	border:1px solid #999;
	background-color:#FFF;
	margin:0;
	.margin-left:25px; /*IE ONLY*/
	position:absolute;
	left:23px;
	.left:0;
	top: -4px;
	z-index:12;
	width:180px;
}
.qtable td {
	padding:2px 5px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000;
}
.qtable th{
	background-color:#e5e5e5;
	border-bottom:solid #ffcc33 3px;
	color:#000;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	line-height:14pt;
	padding:2px;
	padding-left:4px;
}
/* Tooltip CSS Ends Here */