/**
 * Copyright (c) 2009 Penril Datability (SEA) Sdn Bhd All rights reserved.
 *
 * This software is copyrighted. Under the copyright laws, this software
 * may not be copied, in whole or in part, without prior written consent
 * of Penril Datability (SEA) Sdn Bhd or its assignees. This software is
 * provided under the terms of a license between Penril Datability (SEA)
 * Sdn Bhd and the recipient, and its use is subject to the terms of that
 * license.
 */


/* KFH(secure) screen stylesheet */

/* resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;vertical-align:baseline;font-family:Arial,Verdana,Tahoma,sans-serif;}
body {color:black;background:white;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;color:blue;}
big {font-size:13px;color:#666;}
.medium {font-size:11px;color:#666;}
small {font-size:10px;color:#666;}

/* reusable classes */
.floatLeft {float:left;margin-right:5px;}
.floatRight {float:right;margin-left:5px;}
.right {text-align:right;}
.center {text-align:center;}
.justify {text-align:justify}
input.button {cursor:pointer;}
input.transparent {background:transparent;color:blue;border:0;padding:0;font-size:12px;}
input.fullWidth {width:95%;}
select.fullWidth {width:90%;}
.success {color: #016297;}
.fail, .alert , .error{color:#FF0000;}
span.label {width:100px;display:block;float:left;}
p.option {margin:5px 0;}
	p.option select {width:100%;}
.highlight {background:#000;color:#FFFFFF;font-weight:strong;font-style:normal;padding:2px 5px;}
.required {color:#FF0000;font-weight:bold;}
.red {color:#FF0000;}
.orange {color:#ff7800;}
.blue {color:#016297;}
.bolder {font-size:15px; font-family:"Times New Roman", Times, serif;font-style:italic; font-weight:normal;padding-right:10px;color: #009900;}
.btmdotted {border-bottom:1px dotted #0c6f38}
select {font-size:12px;color:#000;border:1px solid #999999;margin-left:2px 0;}
input {font-size:11px;color:#000;margin-left:2px 0;padding:0 2px 0 2px;}
h1 {font-size:18px;color:#000;font-weight:strong;}
h2 {font-size:14px;color:#119912;font-weight:strong;}
h3 {font-size:14px;;color:#000;font-weight:strong;}
h4 {font-size:12px;color:#000;font-weight:strong;}
h5 {font-size:12px;color:#119912;font-weight:strong;}
h6 {font-size:10px;color:#656462;font-weight:strong;}
.caption {color:#999999;font-style:italic;}
.att {color: #FF6600;font-weight:bold;font-size:10px;}
.spacer {line-height:1px;}
.salutation {color: #119912;font-size:16px;}
.line {border-top: 1px solid #ffc027;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.lineg {border-top: 1px solid #ffc027;height: 2px;margin-top:3px;margin-bottom:3px;}
.dotted {border-top: 1px dotted #666666;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
#welcome {background-image:url(../images/pic_welcome.jpg); background-repeat:no-repeat; background-position:top right;}
#buttons {background:#EFEFEF;margin:5px 0 5px 0;border-top:1px dotted #666666;border-bottom:1px dotted #333333;padding:5px 20px 5px 50px;text-align:right;direction:rtl}
	#buttons #flowright {float:right;}
#tac {background:#F8F8F8;margin:6px 0 5px 0;border-top:1px dotted #666666;padding:5px 20px 5px 20px;}
	#tac #flowright {float:right;}
	#tac div {padding:8px 20px 6px 0;}
	#tac a {font-weight:bold;cursor:pointer;}
	#tac input {width:50px;font-size:11px;}
img.padding {margin:0 0 0 10px;}
.mainbn {display:inline-block;position:relative;}

/* Primary Control */
a {font-size:11px;font-weight:normal;text-align:left;color:#016297;}
a:hover {color:#016297;text-decoration:underline;font-weight::normal;}

/* layout */
body {font-size:12px;font-family:Arial,Verdana,Tahoma,sans-serif;line-height:normal;text-align:left;color:#000;background:#182a42;}
body.main {font-size:12px;font-family:Arial,Verdana,Tahoma,sans-serif;line-height:normal;text-align:left;color:#000;background-image:url(../images/bg_business.jpg);background-repeat:repeat-x;}
body.popup {font-size:12px;font-family:Arial,Verdana,Tahoma,sans-serif;line-height:normal;text-align:left;color:#000;background-color:#ffffff;}
#container {margin:auto;text-align:center;max-width:988px;min-width:760px;}
#wrap {padding-top:6px;}
#containerpop {margin:0px;text-align:center;width:100%;}
#wrappop {padding-top:0px;}
hr {display:none;}

/* top bar */
#header {font-size:11px;color:#656462;position:relative;line-height:28px;width:988px;text-align:left;background-color:#ffffff;background-image:url(../images/top.jpg);background-repeat:no-repeat;background-position:top;}
	#header #logout {top:0px !important;top:7px;/* top height for IE */;right:40px;float:right;position:absolute;}
	#header #logout img {padding:0 2px 0 2px;vertical-align:middle;}

#popheader {margin:5px;padding:18px;text-align:left;background:#ffffff url(../images/bg_popup.jpg) repeat-x;}
	#popheader #highlight {margin:10px 0 10px 0;padding:10px;border:1px dotted #666666;font-size:13px;font-weight:bold;background: #F7FFEC;}
	#popheader #highlight p {padding:5px 0 3px 0;}
	#popheader #logo {margin:15px 0 0 0;padding:8px 0 0 0;border-top:1px solid #006633;vertical-align:bottom;text-align:right;width:100%;vertical-align:bottom;}
	#popheader input {text-align:center;}
	#popheader .caption {font:11px Arial, Helvetica, sans-serif bold;color:#666666;padding:6px 0 0 0;}
	#popheader .normal {font-weight:normal;}

#topbar {font-size:11px;color:#656462;font-weight:normal;text-align:left;vertical-align:top;margin-top:6px;margin-bottom:5px;margin-left:50px;margin-right:20px;}
	#topbar a {color:#656462;padding-left:12px;padding-right:4px;background-image:url(../images/dotted.gif);background-repeat:no-repeat;background-position:left;}
	#topbar a:hover {color:#000000;text-decoration:underline;}

#topimg {width:964px;height:80px;margin-left:12px;background-image:url(../images/banner_landing.jpg);background-position:left top;background-repeat:no-repeat}
/*	#topimg img.logo {padding:16px 0px 0px 45px;float:left;} */

#topimg2 {width:964px;height:108px;margin-left:12px;background-image:url(../images/banner_login.jpg);background-position:left;background-repeat:no-repeat}
/*	#topimg2 img.logo {padding:31px 0 0 45px;float:left;} */

/* content */
#content {background:#ffffff;font-size:11px;color:#000;padding:10px 0 10px 10px;width:978px;text-align:left;}
	#mainContent {min-height:300px;height:auto !important;height:300px;/* min-height for IE */}
	#user {margin:1px 15px 0 5px;padding:0 0 0px 8px;border-bottom:1px dotted #656462;background:#ffffff;text-align:left;height:20px;}
		#user .welcome {font-size:16px;color:#000000;font-weight:bold;vertical-align:middle;float:left;}
		#user .username {font-size:16px;color:#058e00;font-weight:bold;vertical-align:middle;float:left;}
		#user .actnumber {font-size:11px;color:#656462;float:right;}
			#user .actnumber img {padding:0 2px 0 2px;vertical-align:bottom;}

/* fullContent */
	 #fullContent {display:inline-block;margin-top:10px;min-height:400px;height:auto !important;height:400px;/* min-height for IE */}
		#fullContent #sideContent {width:968px;top:0;left:0;overflow:hidden;}
		#fullContent #mainContent {top:0;left:0px;margin:20px 0 0 10px;width:948px;background:#fff;border:0px solid #ccc;padding-bottom:30px;}
			#fullContent #mainContent div h1 {padding:10px 0px 5px 0px;}
			#fullContent #mainContent div h2 {padding:10px 0px 5px 0px;}
			#fullContent #mainContent div h6 {padding:0px 0px 10px 0px;}
			#fullContent #mainContent div h3 img {vertical-align: bottom;}
			#fullContent #mainContent div p {text-align:left;}
		#fullContent #promoContent {position: absolute;top:0;left:0;margin-left:875px;width:90px;background:#fff;border:0px solid #ccc;padding-bottom:30px;float:right;display:block;}
			#fullContent #promoContent img {padding:0 0 7px 0;}

/* loginContent */
	#loginContent {position:relative;margin-top:10px;min-height:300px;height:auto !important;height:400px;/* min-height for IE */}
		#loginContent #sideContent {position:absolute;float:left;width:220px;top:0;left:0;}
		#loginContent #mainContent {top:0;left:0;margin-left:210px;width:556px;background:#fff;border:0px solid #ccc;padding-bottom:30px;}
			#loginContent #mainContent div h1 {padding:5px 0px 5px 0px;}
			#loginContent #mainContent div h2 {padding:5px 0px 5px 0px;}
			#loginContent #mainContent div h6 {padding:5px 0px 0px 0px;}
			#loginContent #mainContent div p {text-align:left;}
		#loginContent #promoContent {position:absolute;display:inline-block;top:0;left:0;margin-left:776px;width:180px;background:#fff;border:0px solid #ccc;padding-bottom:30px;float:right;display:block;}
			#loginContent #promoContent img {padding:0 0 7px 0;}

#halfContent {position:relative;margin-top:10px;min-height:400px;height:auto !important;height:400px;/* min-height for IE */background: url(../images/bg_landing.jpg) center bottom no-repeat;}
		#halfContent #sideContent {width:968px;top:0;left:0;}
		#halfContent #mainContent {top:0;left:0px;margin:0 0 0 10px;width:600px;background:none;border:0px solid #ccc;padding-bottom:30px;float:left;}
		#halfContent #mainContent .landinglogo {text-align:right;vertical-align:bottom;padding:50px 0 0 0;}
			#halfContent #mainContent div h1 {padding:10px 0px 5px 0px;}
			#halfContent #mainContent div h2 {padding:10px 0px 5px 0px;}
			#halfContent #mainContent div h3 {padding:10px 0px 5px 0px;}
			#halfContent #mainContent div h6 {padding:5px 0px 0px 0px;}
			#halfContent #mainContent div p {text-align:left;}
		#halfContent #promoContent {top:0;left:0;width:320px;background:#fff;border:0px solid #ccc;padding-bottom:30px;float:right;display:block;}
			#halfContent #promoContent img {padding:0 0 7px 0;}

/* halfContent */
	/*#halfContent {display:inline-block;margin-top:10px;min-height:400px;height:auto !important;height:400px;/* min-height for IE */}
	/*	#halfContent #sideContent {float:left;position:relative;width:200px;top:0;left:0;}
		#halfContent #mainContent {top:0;left:0;margin-left:210px;width:556px;background:#fff;border:0px solid #ccc;padding-bottom:30px;}
			#halfContent #mainContent div h1 {padding:10px 0px 5px 0px;}
			#halfContent #mainContent div h2 {padding:10px 0px 5px 0px;}
			#halfContent #mainContent div h3 {padding:10px 0px 5px 0px;}
			#halfContent #mainContent div h6 {padding:5px 0px 0px 0px;}
			#halfContent #mainContent div p {text-align:left;}
		#halfContent #promoContent {float:left;top:0;left:0;margin-left:776px;width:180px;background:#fff;border:0px solid #ccc;padding-bottom:30px;}
			#halfContent #promoContent img {padding:0 0 7px 0;} */

/* Navigation (sdmenu) */
div.sdmenu {left:0;top:0;padding:0px 8px 6px 0px;margin:0;font-size:11px;color:#000;font-weight:bold;background:none;}
	div.sdmenu ul li {padding:0 0 0 4px;position: relative;float:left;background:url(../images/navi_left2.gif) bottom left no-repeat;border-bottom:1px solid #ffffff;border-right:2px solid #ffffff;min-height:24px; height:auto !important}
	div.sdmenu ul li a {font-size:10px;color:#fff;font-weight:bold;display:block;padding:5px 6px 5px 2px;background-color:#fff;background:url(../images/navi_right2.gif) bottom right repeat-x;min-height:24px; height:auto !important}
	div.sdmenu ul li a:hover {background-color:#f7f6e5;color: #FFCC00;text-decoration:none;}
		div.sdmenu ul li a img {height:10px;vertical-align:top;}
	div.sdmenu ul li.selected {padding:0 0 0 4px;position: relative;float:left;background:url(../images/navi_left2_h.gif) bottom left no-repeat;border-bottom:0px solid #dbdbdb;border-right:2px solid #ffffff;min-height:24px; height:auto !important}
	div.sdmenu ul li.selected a {font-size:10px;color:#000000;font-weight:bold;display:block;padding:5px 6px 6px 2px;background-color:#fff;background:url(../images/navi_right2_h.gif) bottom right repeat-x;min-height:24px; height:auto !important}
	div.sdmenu ul li.selected a:hover {background-color:#f7f6e5;text-decoration:none;}

/* backup, delete later */
/* div.subnavi {left:0;top:0;padding:5px 8px 15px 15px;margin:0 0 0 0;text-align:left;background:url(../images/bg_navibtm.gif) left top repeat-x;border:0px solid #000000;}
	div.subnavi ul li {list-style:none;position:relative;float:left;}
	div.subnavi ul li a {font-size:11px;padding:0px 10px 0px 11px;font-weight:bold;border-bottom:0px solid #ffffff;color:#000000;background:url(../images/dot_blk.gif) no-repeat left;}
	div.subnavi ul li a:hover {text-decoration:underline;color:#016297;}
	div.subnavi ul li a.selected {font-size:11px;padding:0px 10px 0px 1;font-weight:bold1px;background:#ffffff;border-bottom:1px solid #ffffff;color:#016297;background-image:url(../images/dot_grn4.gif);background-repeat:no-repeat; background-position:left;}
	div.subnavi ul li p {font-size:11px;color:#000;font-weight:bold;padding:2px 0px 2px 0px;cursor:default;background-color:#ffffff;}
		div.subnavi ul li p a {color:#000;background:none;padding:0px;margin:0px;}
		div.subnavi ul li p a :hover {color:#016297;text-decoration:underline;}
		div.subnavi ul p a.selected {font-size:11px;color:#016297;background:none;list-style:none;padding:0px;margin:0px;line-height:10px;}
*/

div.subnavi {left:0;top:0;padding:8px 8px 0 15px;margin:0 0 0 0;text-align:left;background:url(../images/bg_navibtm.gif) left top repeat-x;border:0px solid #000000;height:20px!important;height:20px;/* top height for IE */;}
	div.subnavi a {font-size:11px;padding:2px 10px 2px 11px;font-weight:bold;color:#000000;background:url(../images/bg_secnavi_n.jpg) repeat-x top left;border-top:1px solid #ffffff;border-right:1px solid #999999;border-bottom:1px solid #999999;border-left:1px solid #ffffff;}
	div.subnavi a:hover {text-decoration:none;color:#016297;border-top:1px solid #CCCCCC;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;border-left:1px solid #CCCCCC;}
	div.subnavi a.selected {font-size:11px;padding:0px 10px 0px 1;font-weight:bold1px;border:1px solid #999999;color:#ffffff;background:url(../images/bg_secnavi_h.jpg) repeat-x top left;}
	div.subnavi a.selected:hover {font-size:11px;padding:0px 10px 0px 1;font-weight:bold1px;border:1px solid #CCCCCC;color:#ffffff;background:url(../images/bg_secnavi_h.jpg) repeat-x top left;}
	div.subnavi .anylinkcss{position:absolute;visibility:hidden;font:normal 11px Tahoma Verdana, Arial, Helvetica, sans-serif;line-height:22px;vertical-align:middle;z-index: 100;border-left:1px solid #ffffff;border-right:1px solid #ffffff;border-bottom:0px solid #3399FF;background:#333333;}
		div.subnavi .anylinkcss a{min-width:100px;width: auto;display: block;text-indent: 3px;padding:3px 10px 3px 10px;text-decoration: none;font-weight: bold;background:none;vertical-align: text-bottom;font:bold 10px Tahoma Verdana, Arial, Helvetica, sans-serif;color: #ffffff;line-height:15px;border-top:0px solid #ffffff;border-right:0px solid #999999;border-bottom:1px solid #ffffff;border-left:0px solid #ffffff;}
		div.subnavi .anylinkcss a:hover{ /*hover background color*/background-color:#CCCCCC;color:#000000;width:auto;background-image:none;border-top:0px solid #ffffff;border-right:0px solid #999999;border-bottom:1px solid #ffffff;border-left:0px solid #ffffff;}

div.sdmenu2 {font-size:11px;color:#000;font-weight:bold;width:200px;}
	div.sdmenu2 ul li {padding:0 0 0 0px;border-bottom:1px dotted #333333;}
	div.sdmenu2 ul li a {font-size:12px;color:#000;font-weight:bold;display:block;padding:8px 5px 8px 0px;cursor:default;background-color:#fff;}
	div.sdmenu2 ul li a:hover {background-color:#f7f6e5;text-decoration:underline;}
	div.sdmenu2 ul li a.selected {font-size:12px;color:#0c6f38;font-weight:bold;padding:5px 5px 5px 21px;cursor:default;background-color:#ffffff;background-image:url(../images/dot_grn.gif);background-repeat:no-repeat; background-position:left; background-color:#fefae9;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}

/* table control */
div.tableWrap {padding:0 5px 10px 5px;background:#fff;}

table tr.borderTop td {border-bottom:1px dotted #5e5e5e;}
table tr.borderBottom td {border-bottom:1px dotted #5e5e5e;}

table.tablogin {background:#fff;padding:1px;width:100%;border-spacing:1px;margin:12px 0 0 0;height:100px;}
	table.tablogin td {background:#003757 url(../images/bg_b_logon.jpg) repeat-x top;padding:5px 5px 0 5px;}
	table.tablogin td form {background:none;background-color:none;padding:10px 0 0 0;}
	table.tablogin td form table td {background:none;border:none;}
	table.tablogin td form table td.right {direction:rtl}
	table.tablogin td table td {background:none;border:none;}
	table.tablogin .loginRight {background: #d0d4ec;width: 40%;padding: 10px 15px 5px 17px;vertical-align: top;border: 1px solid #e6e5e5;}
	table.tablogin .loginRight-responsive{display:none;}
	table.tablogin .loginRight {background:#d0d4ec;width:40%;padding:10px 15px 5px 17px;vertical-align:top;border:1px solid #e6e5e5;}
	table.tablogin .loginRight h2 {font-size:1.3em;font-style:italic;color:#666666;padding:0 0 5px 0;}
	table.tablogin .loginRight h3 {font-size:1.0em;color:#666666;padding:0 0 5px 0;}
	table.tablogin .loginRight li {list-style:url("../images/arrow_grn.gif");padding:2px 0px 3px 0px;margin:0 0 0 15px;font-weight:bold;}
	table.tablogin .loginField {text-align:right;color:#fff;font-weight:bold;}
	table.tablogin .loginRight a {color:#000;font-size:10px;font-weight:bold;}
	table.tablogin .loginRight a:hover {color:000;}
	table.tablogin .loginAlert{text-align:center;color:#FF0000;font-weight:bold;padding:2px 5px 3px 5px;}

table.tabsummary {background:#fff;border:1px solid #999999;padding:1px;width:100%;border-spacing:1px;}
	table.tabsummary thead {background:c;}
	table.tabsummary tr.header {background:#ffc;}
	table.tabsummary th {padding:6px;background:#666666;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
	table.tabsummary tr.even {background:#eeeeee;}
	table.tabsummary tr.alt {background:#ffffff;}
	table.tabsummary td {padding:6px;}
	table.tabsummary td a {font-weight:bold;}
	table.tabsummary .select {width:160px;text-align:left;}
	table.tabsummary th.select span {padding-left:10px;}
		table.tabsummary .select form.quickLink p {text-align:right;}
		table.tabsummary .select form.quickLink select {width:120px;font-size:10px;}
			table.tabsummary .select form.quickLink select option {width:100%;}
			table.tabsummary .select form.quickLink input {cursor:pointer;margin:0px;font-size:10px;padding:0px;position:absolute;vertical-align:middle;}
			table.tabsummary .select form.quickLink .go {cursor:pointer;margin:0px;font-size:10px;padding:0px;}
	table.tabsummary  .name {width:25%;text-align:right;}
	table.tabsummary  .title{min-width:130px;text-align:left;vertical-align:top;}
	table.tabsummary  .header{text-align:center;vertical-align:top;}
	table.tabsummary  .headerRight{text-align:right;vertical-align:top;}
	table.tabsummary  .account {width:60px;text-align:center;vertical-align:top;}
	table.tabsummary  .balance {min-width:80px;text-align:right;vertical-align:top;}
	table.tabsummary  .balance1 {width:20%;text-align:right;vertical-align:top;}
	table.tabsummary  .input {width:100%;text-align:left;vertical-align:middle;}
	table.tabsummary  .tickbox {width:6%;text-align:center;vertical-align:top;}

table.tabdata {background:#fff;border:0;padding:0px;width:100%;border-spacing:1px;border:1px solid #CCCCCC;}
	table.tabdata thead {background: #e3e3e3;border-spacing:0px;}
	table.tabdata tr.header {background:#ffc;}
	table.tabdata th {padding:5px;background:#016297;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
	table.tabdata tr.even {background: #F3F7F8;}
	table.tabdata tr.alt {background:#ffffff;}
		table.tabdata td {padding:4px 5px 4px 10px;border-top:1px dotted #999999;}
	table.tabdata td a {font-weight:bold;}
	table.tabdata  .name {width:25%;text-align:right;}
	table.tabdata  .title{width:50%;text-align:left;vertical-align:middle;}
	table.tabdata  .titletop{width:50%;text-align:left;vertical-align:middle;border-bottom:0px;}
	table.tabdata  .header{text-align:center;vertical-align:middle;}
	table.tabdata  .headerRight{text-align:right;vertical-align:middle;}
	table.tabdata  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabdata .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabdata  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabdata .status {width:10%;text-align:left;vertical-align:top;}
	table.tabdata .statusCenter {width:10%;text-align:center;vertical-align:top;}
	table.tabdata .number {width:15%;text-align:left;vertical-align:top;}
	table.tabdata .numberCenter {width:40%;text-align:center;vertical-align:top;}
	table.tabdata  .input {width:30%;text-align:left;vertical-align:left;}
	table.tabdata  .tickbox {width:6%;text-align:center;vertical-align:top;}
	table.tabdata  .radioButton {width:3%;text-align:center;vertical-align:top;}
	table.tabdata  .date {width:17%;text-align:left;vertical-align:top;}
	table.tabdata  .description {width:25%;text-align:center;vertical-align:top;}
	table.tabdata  .description2 {width:40%;text-align:left;vertical-align:top;}
	table.tabdata  .fromAccount {width:21%;text-align:center;vertical-align:top;}
	table.tabdata  .action {width:20%;text-align:center;vertical-align:top;}
	table.tabdata  .actionStatus {width:20%;text-align:center;vertical-align:top;}
	table.tabdata .amount {width:15%;text-align:right;vertical-align:top;}
	table.tabdata .smallAmount {width:10%;text-align:right;vertical-align:top;}
	table.tabdata .refNo {width:15%;text-align:center;vertical-align:top;}
	table.tabdata ol {list-style-type:decimal;list-style-position:outside;}
		table.tabdata ol li {margin-left:15px;}

table.tabresult {background:#fff;border:0;padding:0px;width:100%;border-spacing:0px;border-top:1px dotted #999999;}
	table.tabresult thead {background: #e3e3e3;border-spacing:0px;}
	table.tabresult tr.header {background:#ffc;}
	table.tabresult th {padding:5px;background:#02673f;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
	table.tabresult tr.even {background:#f0fddc;}
	table.tabresult tr.alt {background:#ffffff;}
		table.tabresult td {padding:4px 5px 4px 10px;border-bottom:1px dotted #999999;}
	table.tabresult td a {font-weight:bold;}
	table.tabresult  .name {width:25%;text-align:right;}
	table.tabresult  .title{width:30%;text-align:left;vertical-align:middle;}
	table.tabresult  .titleRight{text-align:right;vertical-align:middle;}
	table.tabresult  .titletop{width:30%;text-align:left;vertical-align:middle;border-bottom:0px;}
	table.tabresult  .titletopRight{width:30%;text-align:right;vertical-align:middle;border-bottom:0px;}
	table.tabresult  .header{text-align:center;vertical-align:middle;}
	table.tabresult  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabresult .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabresult  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabresult  .input {width:30%;text-align:left;vertical-align:left;}
	table.tabresult  .tickbox {width:6%;text-align:center;vertical-align:top;}
	table.tabresult .vmiddle {vertical-align:middle;}

table.tabmenu {background:#fff;border:1px solid #999999;padding:1px;width:100%;border-spacing : 2px;}
	table.tabmenu tr.even {background:#ebf6d6;}
	table.tabmenu tr.alt {background:#e8eede;}
	table.tabmenu td {padding:10px;}
	table.tabmenu td a {font-weight:bold;}
	table.tabmenu ul {list-style-type:disc;list-style-position:outside;}
		table.tabmenu ul li {margin-left:15px;}
	table.tabmenu  .name {width:25%;text-align:right;}
	table.tabmenu  .title{width:50%;text-align:left;vertical-align:middle;}
	table.tabmenu  .describtion{width:70%;text-align:left;vertical-align:top;}
	table.tabmenu  .header{text-align:center;vertical-align:middle;}
	table.tabmenu  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabmenu .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabmenu  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabmenu  .input {width:30%;text-align:left;vertical-align:left;}
	table.tabmenu  .tickbox {width:6%;text-align:center;vertical-align:top;}

table.tabtrans {background:#e7e7e7 url(../images/bg_b_grey.jpg) repeat-x top;border:1px solid #999999;padding:0px;width:100%;border-spacing:0px;}
	table.tabtrans input, table.tabtrans select {padding:0px;margin:0px;}
	table.tabtrans tr {border:0px 1px 0px 1px solid #999999;}
	table.tabtrans th, table.tabtrans td {padding:7px 10px 7px 10px;}
	table.tabtrans td a {font-weight:bold;}
	table.tabtrans tfoot {background:#fff;}
 	table.tabtrans tfoot #borderTop {border-top:1px dotted #999999;}
 	table.tabtrans tfoot #noBorder {border:0px}
 	table.tabtrans tfoot td {border:0px}
	table.tabtrans tfoot input {vertical-align:middle;}
	table.tabtrans ul {list-style-type:disc;list-style-position:outside;}
		table.tabtrans ul li {margin-left:15px;}
	table.tabtrans  .name {width:25%;text-align:right;}
	table.tabtrans  .name2 {width:15%;text-align:right;}
	table.tabtrans  .title{width:50%;text-align:left;vertical-align:middle;}
	table.tabtrans  .header{text-align:center;vertical-align:middle;}
	table.tabtrans  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabtrans  .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabtrans  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabtrans  .input {width:30%;text-align:left;vertical-align:top;}
	table.tabtrans  .tickbox {width:6%;text-align:center;vertical-align:top;}
	table.tabtrans  .fromacc {width:15%;text-align:center;vertical-align:top;}
	table.tabtrans  .toacc {text-align:left;vertical-align:middle;border-bottom:1px dotted #666666;}
	table.tabtrans  .toacc h3 {color:#fff;}

	table.tabtrans  .regMobile1 {width:35%;text-align:left;vertical-align:top;}
	table.tabtrans  .regMobile2 {width:19%;text-align:right;vertical-align:top;}
	table.tabtrans  .regMobile3 {width:1%;text-align:left;vertical-align:top;}
	table.tabtrans  .regMobile4 {width:45%;text-align:left;vertical-align:top;}

table.tabwhite {background:#fff;border:1px solid #999999;padding:12px;width:100%;border-spacing:1px;}
	table.tabwhite input, table.tabwhite select {padding:0px;margin:0px;}
	table.tabwhite tr {border:0px 1px 0px 1px solid #999999;}
	table.tabwhite th, table.tabwhite td {padding:5px 10px 5px 10px;}
	table.tabwhite td a {font-weight:bold;}
	table.tabwhite tfoot {background: #fff;border:0px #fff;}
 	table.tabwhite tfoot td #borderTop {border-top:1px dotted #999999;}
 	table.tabwhite tfoot td #noBorder {border:0px}
 	table.tabwhite tfoot td {border:0px}
	table.tabwhite ul {list-style-type:disc;list-style-position:outside;}
		table.tabwhite ul li {margin-left:15px;}
	table.tabwhite  .name {width:25%;text-align:right;}
	table.tabwhite  .title{width:50%;text-align:left;vertical-align:middle;}
	table.tabwhite  .header{text-align:center;vertical-align:middle;}
	table.tabwhite  .account {width:30%;text-align:left;vertical-align:top;}
	table.tabwhite  .balance {width:20%;text-align:right;vertical-align:top;}
	table.tabwhite  .balance1 {width:30%;text-align:right;vertical-align:top;}
	table.tabwhite  .input {width:30%;text-align:left;vertical-align:left;}
	table.tabwhite  .tickbox {width:6%;text-align:center;vertical-align:top;}

#impnotice {padding:10px 0 5px 0}
	#impnotice p {padding:10px 0 5px 0}
	#impnotice ul {padding: 0px 0px 0px 15px; list-style-type: disc;}

#listing {width:100%;}
	#listing h1 {border-bottom:1px dotted #333333;font-size:16px;}
	#listing h2 {border-bottom:1px dotted #333333;font-size:11px;}
	#listing #news {width:260px;text-align:left;padding:6px 10px 6px 0px;float:right;}
		#listing #news ol {padding:15px 0 0 30px;}
			#listing #news ol li {list-style-image:url(../images/arrow_blk.gif);padding:0 0 12px 5px;}
	#listing #others {width:260px;text-align:left;padding:6px 10px 6px 0px;float:right;}
		#listing #others ol {padding:15px 0 0 30px;}
			#listing #others ol li {list-style-image:url(../images/dot_blk.gif);padding:0 0 12px 5px;}
				#listing #others ol li a {color:#016297;}
	#listing #highlight{width:260px;text-align:left;padding:6px 10px 6px 10px;position:relative;float:left;}
		#listing #highlight ol {padding:15px 0 0 15px;}
			#listing #highlight ol li {list-style-image:url(../images/arrow_blk.gif);padding:0 0 12px 5px;}
				#listing #highlight ol li p {color:#0c6f38;font-weight:bold;}
				#listing #highlight ol li a {color:#016297;}
	#listing a, #listing a:hover {font-weight:bold;}

	#listing #highlight2{width:260px;text-align:left;padding:6px 10px 6px 10px;position:relative;float:left;}
		#listing #highlight2 ol {padding:15px 0 0 15px;}
			#listing #highlight2 ol li {list-style-image:url(../images/arrow_blk.gif);padding:0 0 12px 5px;}
				#listing #highlight2 ol li p {color:#0c6f38;font-weight:bold;}
				#listing #highlight2 ol li a {color:#016297;}

#sbox {width:180px;padding:0 0 10px 0;}
	#sbox #title {color:#999999;font:normal 19px "Times", Times New Roman, serif;padding:0 0 0 10px;}
		#sbox #title img {vertical-align: middle;}
	#sbox #title2 {color:#FF0000;font:normal 16px "Times", Times New Roman, serif;padding:0 0 0 10px;}
		#sbox #title2 img {vertical-align: middle;}
	#sbox #head {background:#f5f5f5 url(../images/img_ct.gif) no-repeat bottom center;height:10px; padding:0;margin:0;}
	#sbox #body {background:#f5f5f5;border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;padding:0 10px 10px 10px;}
		#sbox #body ol {padding:0 0 0 15px;}
			#sbox #body ol li {padding:6px 0 6px 0; list-style:disc;color:#ff7800;}
		#sbox #body p {padding:9px 0 9px 0;}
		#sbox #body #viewmore a {font-size:10px;background:url(../images/arrow_org.gif) no-repeat left;padding:0 0 0 10px;}
		#sbox #body hr {width:75%;display: block;border-color:#c4c4c4; color:#c4c4c4;}
	#sbox #foot {background:#f5f5f5 url(../images/img_cb.gif) no-repeat top center;height:9px;}

#sbox1 {width:186px;}
	#sbox1 #title {color:#fff;font:bold 13px Arial, Helvetica, sans-serif;background:#6a6a6a;padding:2px 2px 2px 6px;}
		#sbox1 #title img {vertical-align: middle;}
	#sbox1 #head {height:5px;}
	#sbox1 #body {background:#fff;padding:0 10px 0 10px;}
		#sbox1 #body ol {padding:0 0 0 15px;}
			#sbox1 #body ol li {padding:6px 0 6px 0; list-style:disc;color:#016297;}
	#sbox1 #foot {height:5px;}

#sbox2 {width:180px;padding:0 0 16px 0;}
	#sbox2 #title {color:red;font:normal 19px "Times", Times New Roman, serif;padding:0 0 0 2px;}
		#sbox2 #title img {vertical-align: middle;}
	#sbox2 #head {background:#fff url(../images/img_ct02.gif) no-repeat top center;height:10px; padding:0;margin:0;}
	#sbox2 #body {background:#d6d6d6;padding:0 10px 10px 10px;}
		#sbox2 #body ol {padding:0 0 0 15px;}
			#sbox2 #body ol li {padding:6px 0 6px 0; list-style:disc;color:#016297;}
	#sbox2 #foot {background:#fff url(../images/img_cb02.gif) no-repeat bottom center;height:9px;}

#sbox3 {width:260px;padding:0 0 10px 15px;margin:20px 0 0 0;border-left:1px solid #999999;}
	#sbox3 #title {color:#999999;font:normal 19px "Times", Times New Roman, serif;padding:0 0 0 10px;}
		#sbox3 #title img {vertical-align: middle;}
	#sbox3 #title2 {color:#FF0000;font:normal 16px "Times", Times New Roman, serif;padding:0 0 0 10px;}
		#sbox3 #title2 img {vertical-align: middle;}
	#sbox3 #head {background:#ffffff;height:3px; padding:0;margin:0;}
	#sbox3 #body {background:#ffffff;padding:0 10px 10px 10px;}
		#sbox3 #body ol {padding:0 0 0 15px;}
			#sbox3 #body ol li {padding:6px 0 6px 0; list-style:disc;color:#016297;}
		#sbox3 #body p {padding:9px 0 9px 0;}
		#sbox3 #body #viewmore a {font-size:10px;background:url(../images/arrow_grn.gif) no-repeat left;padding:0 0 0 10px;}
	#sbox3 #foot {background:#ffffff;height:5px;}

/* Notes */
#notes {border-top:1px dotted #666666;border-bottom:1px dotted #666666;padding:10px 10px 10px 10px;margin:15px 0 4px 0;background:#F9F9F9;}
#notes h5 {padding:0px 0px 4px 0px;color:#005dab;}
#notes ol {list-style:decimal; padding:6px 20px;}
	#notes ul li {padding:0 2px 0 2px;}
#notes ul {list-style:disc; padding:6px 20px;}
	#notes ul li {padding:0 2px 0 2px;}

#notes2 {padding:10px 10px 10px 10px;margin:5px 0 3px 0;background:#fff;}
#notes2 h5 {padding:0px 0px 4px 0px;color:#005dab;}
#notes2 p {font-size:11px;font-weight:bold;}
#notes2 ol {list-style:decimal; padding:6px 20px; font-size:11px; font-weight:bold;}
#notes2 ul {list-style:disc; padding:6px 20px; font-size:11px; font-weight:bold;}

/* steps */
#steps {padding:0px;margin:10px 0 7px 0;font-weight:bold;text-align:right;display:block;}
	#steps span {border:1px solid #999999;padding:5px 5px 5px 5px;}

/*footer*/
/*#footer {font-size:10px;;color:#fff;position:relative;line-height:26px;width:968px;text-align:left;background-color:#ffffff;background-image:url(../images/bg_footer1.png);background-repeat:no-repeat;background-position:top;margin:20px 0 5px 0;}
	#footer #links {padding-left:50px;vertical-align:top;}
	#footer #copyrights {top:0px !important;top:7px;/* top height for IE *//*;right:40px;float:right;position:absolute;}*/
	/*#footer a {font-size:10px;color:#fff;}
	#footer a:hover {font-size:10px;color:#fff;text-decoration:underline;}*/

.footer {font-size:10px;color:#fff;position:relative;line-height:26px;width:968px;text-align:left;background-color:#ffffff;background-image:url(../images/bg_footer1.jpg);background-repeat:no-repeat;background-position:top;margin:20px 0 5px 1px;}
	.footer #links {padding-left:50px;vertical-align:top;}
	.footer #copyrights {top:0px !important;top:7px;/* top height for IE */;right:40px;float:right;position:absolute;color:#000;}
	.footer a {font-size:10px;color:#000;}
	.footer a:hover {text-decoration:underline;}

#btm {height:10px;width:988px;background:url(../images/btm.jpg) no-repeat center top #182a42; margin-bottom:20px;}

/*others*/
#quickLink form#quickLinkForm {position: inherit;top:10px;right:5px;width:300px;text-align:right;display:block;}
	#quickLink form#quickLinkForm label {font-weight:bold;}

/* verisign icon */
#veriIcon {position:absolute;top:380px;left:120px;}
* html #veriIcon {position:absolute;top:382px;left:120px;}  /* for ie6 */
*:first-child+html #veriIcon {position:absolute;top:338px;left:120px;} /* for ie7 */

/*paging*/
ul.previousNext {list-style:none;padding:10px 0;text-align:right;}
ul.previousNext li {display:inline;}

/* clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;min-height:1%;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;} .clearfix {display:block;}
/* End hide from IE-mac */

/* Nifty Corners Cube CSS */
b.niftycorners,b.niftyfill{display:block;}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px;}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

div.overlay {
 max-width:988px;
 min-width:760px;
 position:absolute;
 background-color: transparent;
/* opacity:0.75;*/
 z-index:100;
 height:100%;
}

div.overlayBox
{
 position:fixed;
 z-index:99;
 visibility:hidden;
 width:60%;
 height:60%;
}

div.overlayBox p
{
 text-align: center;
 padding: 20px;
 font-size: 18px;
 padding-right: 30%;
}

.menu-btn-display
{
	display:none;
}

#subtab {font-size:12px;color:#656462;margin:15px 0 10px 0;padding:0 0 4px 0;border-bottom:1px solid #656462;background:#ffffff;text-align:left;}
		#subtab a {padding:3px 10px 4px 10px;border:1px solid #656462;font-size:12px;background:#c8c8c8 url(../images/bg_subnavi.gif) repeat-x top;margin:0;color:#ffffff;}
		#subtab a:hover {color:#000000;background:#c8c8c8 url(../images/bg_subnavi2_h.gif) repeat-x top;border-bottom:1px solid #ffffff;text-decoration:none;}
		#subtab a.selected {padding:4px 10px 4px 10px;border-bottom:1px solid #fff;font-size:12px;color:#000;background:#c8c8c8 url(../images/bg_subnavi2.gif) repeat-x top;margin:0px;font-weight:bold;}
		
		
	
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-size:100%;
    background-image:url(../images/grey_opacity.png);
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 18% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
    margin-top:30%;
    margin-left:30%;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#securityQuestionRan{
	margin-bottom:10px;
}

.fraudBtn{
	display:inline-block;
	margin-left:10px;
}

#buttons .button:disabled 
{
	color:lightgrey;
}

#buttons .button 
{
	color:black;
}