/* CSS Document */
body {
	margin:0;
	background-image:url(../img/bg.gif);
	background-color:#AFDDF7;
	font-family:Verdana;
	color:#000000;
	font-size:13px;
}

table {
	font-size:13px;
}

.container {
	position:relative;
	width:974px; min-height:200px;
	background:url(../img/container_bg.gif) repeat-y;
	margin:0 auto 0 auto;
	padding:0;
}
* html .container {
	left:50%; margin-left:-487px;
	_height:200px;
}
.container:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}

.time1 {
	position:absolute;
	top:93px;
	left:520px;
	color:#cff;
	z-index:99;
}
.time2 {
	color:#f00 ;
}

input , select { color: black; font-family: Verdana, serif; font-size: 13px; font-weight: normal; }
input:focus, select:focus, textarea:focus {

	font: 14px ;
	border-color: #FF0000;
	background-color: #FFEEEE;
}

/* Header */
.header {
	position:relative; float:left;
	width:974px; height:156px;
	background:url(../img/header_bg.gif) no-repeat;
	margin:0; padding:0;
}
.header img {
	position:absolute;
	top:6px; left:0;
}

/* Footer */
.footer, .footer2 {
	position:relative; float:left;
	width:974px; height:65px;
	margin:0; padding:0;
}
.footer {
	background:url(../img/footer_bg.gif) no-repeat;
}
.footer2 {
	background:url(../img/footer_bg2.gif) no-repeat;
}

.footer p, .footer2 p {
	position:absolute;
	margin:0;padding:0;
	width:500px; height:30px;
	bottom:0px; right:15px;
	font-size:11px; color:#009; line-height:30px;
	text-align:right;
}


/* Navigaton */
.navi {
	position:relative; float:left;
	width:190px;
	min-height:410px;
	margin:0 0 0 20px; padding:0;
}
* html .navi {
	_height:410px;
	margin:0 0 0 10px;
}
.navi:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}

.navitop {
  position:relative;
	width:174px;
	height:20px;
	background:url(../img/navitop.gif) no-repeat;
	float:left;
}

.navibottom {
  position:relative;
	width:174px;
	height:85px;
	background:url(../img/navibottom.gif) no-repeat;
	float:left;
}

.navibtn {
  position:relative;
	float:left;
	width:172px;
	border-left:#737373 solid 1px;
	border-right:#737373 solid 1px;
}
/* Main Content */
.main {
	position:relative; float:left;
	width:720px;
	min-height:403px;
	padding-top:7px;
	padding-left:8px;
}
* html .main {
	_height:403px;
}
.main:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}

.main2 {
	position:relative; 
	float:left;
	width:974px;
	min-height:403px;
	background:url(../img/container_bg2.gif) repeat-y;
}
* html .main2 {
	_height:403px;
}
.main2:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}

.main3 {
	position:relative; float:left;
	width:720px;
	height:480px;
	/*
  	position:absolute;
	width:770px;
	height:480px;
	top:121px;
	left:190px; */
	/* background-image:url(../img/main3.gif); */
	background:url(../img/bg_main.jpg) no-repeat right 160px ;
	padding-top:7px;
	padding-left:8px;
}
.main3 p{ width:100%; margin:0px; padding:0px; float:left ;}

.main4 {
	position:relative; 
	background:url(../img/bg_main.jpg) no-repeat right 100px ;
	width:720px;
	min-height:403px;
	padding-top:7px;
	padding-left:8px;
	float:left;
}
* html .main4 {
	_height:403px;
}
.main4:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}

/* Level 1: User name */
.username {
  position:relative;
	float:left;
	width:700px;
	height:40px;
	border-bottom:#999999 solid 1px;
	color:#000066;
	font-size:13px;
	line-height:40px;
	text-align:center;
}
.main2 .username {
	margin: 0 0 0 137px;
	display:inline;
}
/* Level 2: Process */
.steptitle {
  	position:relative;
	float:left;
	width:700px;
	height:60px;
	border-bottom:#999999 solid 1px;
	color:#FF0000;
	font-size:13px;
	line-height:20px;
	text-align:center;
}
.main2 .steptitle {
	margin: 0 0 0 137px;
	display:inline;
}

.steptitle01 {
  position:relative;
	float:left;
	width:700px;
	height:60px;
	border-bottom:#999999 solid 1px;
	color:#FF0000;
	font-size:13px;
	line-height:20px;
	text-align:center;
	background: url(../img/title_Transfer_01.gif) bottom left no-repeat;
}
.main2 .steptitle01 {
	margin: 0 0 0 137px;
	display:inline;
}

.steptitle02 {
  position:relative;
	float:left;
	width:700px;
	height:60px;
	border-bottom:#999999 solid 1px;
	color:#FF0000;
	font-size:13px;
	line-height:20px;
	text-align:center;
	background: url(../img/title_Transfer_02.gif) bottom left no-repeat;
}
.main2 .steptitle02 {
	margin: 0 0 0 137px;
	display:inline;
}

.steptitle03 {
  position:relative;
	float:left;
	width:700px;
	height:60px;
	border-bottom:#999999 solid 1px;
	color:#FF0000;
	font-size:13px;
	line-height:20px;
	text-align:center;
	background: url(../img/title_deposit.gif) bottom left no-repeat;
}
.main2 .steptitle03 {
	margin: 0 0 0 137px;
	display:inline;
}

.steptitle04 {
  position:relative;
	float:left;
	width:700px;
	height:60px;
	border-bottom:#999999 solid 1px;
	color:#FF0000;
	font-size:13px;
	line-height:20px;
	text-align:center;
	background: url(../img/title_loan.gif) bottom left no-repeat;
}
.main2 .steptitle04 {
	margin: 0 0 0 137px;
	display:inline;
}

.steptitle05 {
  position:relative;
	float:left;
	width:700px;
	height:60px;
	border-bottom:#999999 solid 1px;
	color:#FF0000;
	font-size:13px;
	line-height:20px;
	text-align:center;
	background: url(../img/title.gif) bottom left no-repeat;
}
.main2 .steptitle05 {
	margin: 0 0 0 137px;
	display:inline;
}

/* Level 3 Content area */
.content {
  position:relative;
	float:left;
	width:100%;
	height:223px;
	color:#f00;
	font-size:13px;
	line-height:20px;
	text-align:center;
	overflow:auto;
}
.content1_L {
	position:relative; 
	float:left;
	width:720px;
	min-height:50px;
	color:#000;
	font-size:13px;
	line-height:20px;
	text-align:left;
	padding:0; margin:15px 0 0 0;
}
* html .content1_L {
	_height:50px;
}
.content1_L:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}

.content1_R {
	position:relative; 
	float:left;
	width:720px;
	min-height:100px;
	color:#000;
	font-size:13px;
	line-height:20px;
	text-align:left;
	padding-top:20px;
}
* html .content1_R {
	_height:100px;
}
.content1_R:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}

.content2col {
	position:relative;
	float:left;
	width:300px;
	height:140px;
	color:#000000;
	font-size:13px;
	line-height:20px;
	text-align:center;
	overflow:auto;
	padding-top:20px;
}

.content2foot {
  	position:relative;
	float:left;
	width:100%;
	height:60px;
	color:#000000;
	font-size:13px;
	text-align:center;
	overflow:auto;
	padding-top:3px;
}
/* Level 3 Content area - scrollable(full-size) */
.scrollctg1 {
  	position:relative;
	float:left;
	width:699px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:url(../img/bg_scrollctg.gif);
	border-left:#999 solid 1px;
	border-right:#999 solid 1px;
}
.main2 .scrollctg1 {
	margin: 0 0 0 137px;
	display:inline;
}

.scrollcontent1 {
  	position:relative;	float:left;
	width:700px;
	min-height:10px;
	color:#000;
	line-height:20px;
	text-align:center;
  	border-left:#ccc solid 1px;
  	border-bottom:#ccc solid 1px;
}
* html .scrollcontent1 {
	_height:10px;
}
.scrollcontent1:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}
.main2 .scrollcontent1 {
	margin: 0 0 0 137px;
	display:inline;
}

/* Level 3 Content area - scrollable(half-size) */
.scrollctg2 {
	position:relative;
	float:left;
	width:655px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:url(../img/bg_scrollctg.gif);
 }

.scrollcontent2 {
	position:relative;
	float:left;
	width:655px;
	min-height:200px;
	/* height:203px; */
	color:#000000;
	line-height:20px;
	text-align:center;
	/* overflow:auto; */
}
* html .scrollcontent2 {
	_height:200px;
}

/* Level 3 Content area - for transfer */
.newaccount {
	position:relative;
	float:left;
	width:655px;
	height:60px;
	background-image:url(../img/inputbox1.gif);
	border-bottom:#999999 solid 1px;
	color:#000000;
	font-size:13px;
	line-height:20px;
	text-align:center;
}

.newaccountbox {
	background:url(../img/textarea.gif) repeat-x;
	color:#0000FF;
	border:#4A7CA1 solid 1px;
}

.newaccount ul {
	list-style-type: none;
	line-height:40px;
	margin: 0px;
	padding: 0px;
	padding-top:5px;
}
.newaccount li {
	display: inline;
}

.btn {
	width:75px;
	height:20px;
	position:absolute;
	text-align:center;
	line-height:20px;
	color:#FFFFFF;
	background-image:url(../img/btn_00.gif);
}

.btn a:link, .btn a:visited {
	text-decoration:none;
	color:#FFFFFF;
	display:block;
}

.btn a:hover {
	text-decoration:none;
	background:  url(../img/btn_00.gif) 0 -20px;
	color:#FFFFFF;
	display:block;
}

.scrollctg3 {
  	position:relative;
  	float:left;
  	width:655px;
  	height:20px;
  	line-height:20px;
  	text-align:center;
  	background:url(../img/bg_scrollctg.gif);
 }

.scrollcontent3 {
	position:relative;
	float:left;
	width:655px;
	height:143px;
	color:#000000;
	line-height:20px;
	text-align:center;
	overflow:auto;
}

/* Level 4 Botton area */
.toolbar {
	position:relative;
	float:left;
	width:700px;
	height:80px;
	text-align:center;
}
.main2 .toolbar {
	margin: 0 0 0 137px;
	display:inline;
}

ul.alarticon {
	list-style:url(../img/alarticon.gif) disc;
	list-style-position:inside;
	line-height:13px;
	color:#0000CC;
}

/* tool area for placing control buttons */
.toolarea1 {
  position:absolute;
  width:300px;
	height:40px;
	top:20px;
	left:220px;
}

/* Control buttons */
.btn01 {
  width:100px;
	height:40px;
	position:relative;
	float:left;
	text-align:center;
	line-height:40px;
	color:#FFFFFF;
	
}

.btn01 a:link, .btn01 a:visited {
  text-decoration:none;
  width:100px;
	height:40px;
	color:#FFFFFF;
	background:url(../img/btn_01.gif);
	display:block;
}

.btn01 a:hover {
  text-decoration:none;
  width:100px;
	height:40px;
  	background: url(../img/btn_01.gif) 0 -40px;
	color:#FFFFFF;
	display:block;
}

.btn02 {
  width:200px;
	height:40px;
	position:relative;
	float:left;
	text-align:center;
	line-height:40px;
	color:#FFFFFF;
}

.btn02 a:link, .btn02 a:visited {
  text-decoration:none;
  width:200px;
	height:40px;
	color:#FFFFFF;
	background:url(../img/btn_02.gif);
	display:block;
}

.btn02 a:hover {
  text-decoration:none;
  width:200px;
	height:40px;
  background:  url(../img/btn_02.gif) 0 -40px;
	color:#FFFFFF;
	display:block;
}

.btn03 {
  width:350px;
	height:40px;
	position:relative;
	float:left;
	text-align:center;
	line-height:40px;
	color:#FFFFFF;
}

.btn03 a:link, .btn03 a:visited {
  text-decoration:none;
  width:350px;
	height:40px;
	color:#FFFFFF;
	background:url(../img/btn_03.gif);
	display:block;
}

.btn03 a:hover {
  text-decoration:none;
  width:350px;
	height:40px;
  background:  url(../img/btn_03.gif) 0 -40px;
	color:#FFFFFF;
	display:block;
}

/* Table Style 2 (t2) */
.t2topleft {
  background:url(../img/t2_TL.gif);
  width:15px;
  height:25px;
  border-bottom:#737373 solid 1px;
  border-right:#737373 solid 1px;
}

 .t2topmiddle {
   background:url(../img/t2_TM.gif);
   height:25px;
   padding-left:10px;
   padding-right:10px;
   line-height:25px;
   color:#000000;
   border-bottom:#737373 solid 1px;
   border-left:#FFFFFF solid 1px;
   border-right:#737373 solid 1px;
}

 .t2topmiddle2 {
   background:url(../img/t2_TM2.gif);
   height:25px;
   padding-left:10px;
   padding-right:10px;
   line-height:25px;
   color:#000000;
   border-bottom:#737373 solid 1px;
   border-left:#FFFFFF solid 1px;
   border-right:#737373 solid 1px;
}

.t2topright {
  background:url(../img/t2_TR.gif) top right ;
  width:15px;
  height:25px;
  border-bottom:#737373 solid 1px;
  border-left:#FFFFFF solid 1px;
}

.t2bottomleft {
  background:url(../img/t2_BL.gif) bottom left ;
  width:15px;
  height:25px;
  border-top:#FFFFFF solid 1px;
  border-right:#737373 solid 1px;
}

 .t2bottommiddle {
   background:url(../img/t2_BM.gif) bottom left ;
   height:25px;
   padding-left:10px;
   padding-right:10px;
   line-height:25px;
   color:#000000;
   border-top:#FFFFFF solid 1px;
   border-left:#FFFFFF solid 1px;
   border-right:#737373 solid 1px;
}

 .t2bottommiddle2 {
   background:url(../img/t2_BM2.gif) bottom left ;
   height:25px;
   padding-left:10px;
   padding-right:10px;
   line-height:25px;
   color:#000000;
   border-top:#FFFFFF solid 1px;
   border-left:#FFFFFF solid 1px;
   border-right:#737373 solid 1px;
}

.t2bottomright {
  background:url(../img/t2_BR.gif) bottom right ;
  width:15px;
  height:25px;
  border-top:#FFFFFF solid 1px;
  border-left:#FFFFFF solid 1px;
}

.t2middleleft {
  background:url(../img/t2_TL.gif) bottom left ;
  width:15px;
  height:25px;
  border-bottom:#737373 solid 1px;
  border-right:#737373 solid 1px;
  border-top:#FFFFFF solid 1px;
}

.t2middleright {
  background:url(../img/t2_TR.gif) bottom right ;
  width:15px;
  height:25px;
  border-bottom:#737373 solid 1px;
  border-left:#FFFFFF solid 1px;
  border-top:#FFFFFF solid 1px;
}


 .t3top {
   background:url(../img/t3_T.gif);
   height:25px;
   padding-left:10px;
   padding-right:10px;
   line-height:25px;
   color:#000000;
}

 .t3bottom {
   height:25px;
   padding-left:10px;
   padding-right:10px;
   line-height:25px;
   color:#000000;
   border-bottom:#FF0000 solid 1px;
}

 .t4tl {
   background:url(../img/t4_TL.gif) no-repeat;
   height:25px;
   width:16px;
}

 .t4tr {
   background:url(../img/t4_TR.gif) no-repeat;
   height:25px;
   width:16px;
}

 .t4ml {
   background:url(../img/t3_T.gif) repeat-x;
   height:25px;
   width:15px;
   border-left:#7C7C7C solid 1px;
}

 .t4mr {
   background:url(../img/t3_T.gif) repeat-x;
   height:25px;
   width:15px;
   border-right:#7C7C7C solid 1px;
}

 .t4bottom {
   height:25px;
   padding-left:10px;
   padding-right:10px;
   line-height:25px;
   color:#000000;
   background-color:#E9E9E9;
   border-bottom:#000000 solid 1px;
}

 .t4bottom2 {
   background:url(../img/t4_B.gif);
   height:25px;
   padding-left:10px;
   padding-right:10px;
   line-height:25px;
   color:#000000;
   border-left:#7C7C7C solid 1px;
}

 .t4left {
   border-bottom:#000000 solid 1px;
   border-left:#7F7F7F solid 1px;
   background-color:#E9E9E9;
   height:25px;
   width:15px;
}

 .t4right {
   border-bottom:#000000 solid 1px;
   border-right:#7F7F7F solid 1px;
   background-color:#E9E9E9;
   height:25px;
   width:15px;
}

.prepay {
  position:relative;
  width:450px;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  height:129px;
  overflow:auto;
}

/* Alert Box */
.alertbox {
  	position:relative;
	margin-top:100px;
	margin-left:185px;
	width:330px;
	height:110px;
	background:url(../img/alertbox.gif);
	color:#FFFFFF;
	line-height:18px;
	padding-top:80px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	/* clear:right; */
	z-index:10;
}

* html .alertbox{

	width:350px;
	height:200px;
}

.alertbox2 {
  	position:relative; 
  	float:left ;
	width:720px;
	height:54px;
	color:#000000;
	text-align:center;
	line-height:18px;
	margin:150px 0 0 0;
	z-index:10;
}

/* Alert Button */
.alertbtn {
  	position:relative; 
  	float:left ;
	margin:80px auto 0px 255px ;
	width:200px;
	height:40px;
	color:#FFFFFF;
	text-align:center;
	line-height:40px;
	z-index:11;
}

* html .alertbtn{
	margin:80px 0 0 125px ;
}

.alertbtn a {
  text-decoration:none;
  width:200px;
	height:40px;
	color:#FFFFFF;
	background:url(../img/btn_02.gif);
	display: block;
}

.alertbtn a:link, .alertbtn a:visited {
  text-decoration:none;
  width:200px;
	height:40px;
	color:#FFFFFF;
}

.alertbtn a:hover {
	text-decoration:none;
	width:200px;
	height:40px;
	background: url(../img/btn_02.gif) 0 -40px;
	color:#FFFFFF;
	display:block;
}

/* Screen keyboard for input authority code */
.codebtn0 {
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#FFFFFF;
	background-image:url(../img/codebtn_00.gif);
}

.codebtn0 a:link, .codebtn0 a:visited {
	text-decoration:none;
	font-weight:bolder;
	color:#FFFFFF;
	display:block;
}

.codebtn0 a:hover {
	text-decoration:none;
	font-weight:bolder;
	background:  url(../img/codebtn_00.gif) 0 -20px;
	color:#000000;
	display:block;
}

.codebtn1 {
	width:50px;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#FFFFFF;
	background-image:url(../img/codebtn_01.gif);
}

.codebtn1 a:link, .codebtn1 a:visited {
	text-decoration:none;
	font-weight:bolder;
	color:#FFFFFF;
	display:block;
}

.codebtn1 a:hover {
	text-decoration:none;
	font-weight:bolder;
	background:  url(../img/codebtn_01.gif) 0 -20px;
	color:#000000;
	display:block;
}

.codebtn {
	margin-top:5px;
}

/* Number Key Pad settings */
.tbl_keypad {
	width:700px; height:75px;
	background:url(../img/keypadbox.gif);
}

.kpleft {
  width:15px;
}
 .kpmiddle {
   height:25px;
   padding-left:10px;
   padding-right:10px;
   line-height:25px;
   color:#000000;
}


.keypad {
	position:relative;
	float:left;
	width:400px;
	height:35px;
}

.num1 {
	position:relative;
	float:left;
	width:27px;
	height:30px;
	margin:0 2px 0 0;
	background:url(../img/codebtn_02.gif);
	line-height:22px;
	font-weight:bolder;
	color:#000000;
	text-align:center;
	font-size:16px;
}

.num1 a, num2 a {

	text-decoration:none;
	color:#000000;
}

.num1 a:link, .num1 a:visited {
	text-decoration:none;
	color:#000000;
	display:block;
}

.num1 a:hover {
	text-decoration:none;
	background:url(../img/codebtn_02.gif) 0 -30px;
	color:#FFFFFF;
	display:block;
}

.num2 {
	position:relative;
	float:left;
	width:65px;
	height:30px;
	margin:0 2px 0 0;
	background:url(../img/codebtn_03.gif);
	line-height:25px;
	font-weight:bolder;
	color:#000000;
	text-align:center;
}

.num2 a:link, .num2 a:visited {
	text-decoration:none;
	color:#000000;
	display:block;
}

.num2 a:hover {
	text-decoration:none;
	background:url(../img/codebtn_03.gif) 0 -30px;
	color:#FFFFFF;
	display:block;
}

.textarea2 {
	background:url(../img/textarea.gif) repeat-x;
	color:#0000FF;
	border:#4A7CA1 solid 1px;
}

.alterleft {
	height:25px;
	text-align:right;
}

.alterright {
  	height:25px;
}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #000;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

#processing{
	position: absolute;
	z-index: 99;
	width: 100px;
	height: 120px;
}

#floating{
	position: absolute;
	border-style:solid;
	border-width:1px;
	width: 320px;
	z-index: 99;
	padding: 25px;
	visibility:hidden;
	background-color:#E1E1E1;
}

.notice {
  position:relative;
  float:left;
  width:700px;
  min-height:30px;
  color:#f00;
  font-size:13px;
  line-height:20px;
  text-align:left;
}
* html .notice {height:30px;}

.notice ol {
  position:relative; flaot:left;
  width:100%;
  margin:0; padding:0;
}
.notice ul {
  position:relative; flaot:left;
  width:100%;
  margin:0; padding:0;
  list-style:none;
}
.notice li {
  position:relative; flaot:left;
  margin:0 0 0 30px; padding:0;
}