/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#eaeaea; text-align:center;}
.footer-tail{ background:url(../images/footer-bg.gif) bottom repeat-x #ffffff;}

#main { width:1024px; margin:0 auto; text-align:left;}

#header {height:120px;}

#footer { height:82px;}

#index2 .column-1{ width:233px;float:left;}
#index2 .column-2{ width:670px;float:right;}

.container {width:100%; overflow:hidden;}
.container2 {width:100%;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.69em; line-height:1.364em; color:#47494b;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; vertical-align:middle; font-weight:normal;}

a {color:#87A7AB;}
a:hover{text-decoration:none;}
.black{ color:#47494b; font-weight:bold; zoom:1; text-decoration:none;}
.black:hover{ text-decoration:underline;}

p {padding-top:10px;}
em{ font-size:1.091em; font-style:normal;}
/* ============================= main layout ====================== */

li { background:url(../images/list_bg.gif) no-repeat 0 7px; padding-left:12px;}
li a {color:#B6BDC3; text-decoration:none; line-height:1.5em;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 15px 0 0; float:left;}

/* ============================= header ====================== */
#header{ padding:5px 53px 0 59px; background:#ffffff;}
.top-menu ul{padding:0 0 20px 2px;}
.top-menu li{ padding:0 16px; float:left; font-size:1.09em; background:url(../images/top-menu-bg.gif) right no-repeat;}
.top-menu li a{ color:#999999;}
.top-menu .last{ padding-right:0; background:none; }

.header-box{ background:url(../images/header-bg.gif) repeat-x; }

.header-box-left-bg{ background:url(../images/header-left-bg.gif) left top no-repeat;   }
.header-box-right-bg{ background:url(../images/header-right-bg.gif) right top no-repeat;   }
.header-box img{ margin:10px 0 0 15px; }
.header-box #slogan{margin-left:25px;}

.header-box #content-right { float:right; padding:5px 10px 0 0; width:250px;}
.header-box #btnZ{margin:5px auto 0 auto; width:250px; }
.header-box .name{font-size:12px; font-weight:bold;}
.header-box #content-right .tradeAccInfoList{padding:0 0 5px 0}
.header-box #content-right .tradeAccInfoList li{ padding:3px; font-size:1.09em; }
.header-box #content-right .tradeAccInfoList .c_title {width:100px; float:left; text-align:right;}
.header-box #content-right .tradeAccInfoList .c_item {float:left;}
.header-box #content-right .trade_item{font-size:13px;}
.header-box #btn_passwd{width:100px; float:right; margin-right:5px;}
.header-box #btn_logout{width:50px; float:right;}
.header-box #btn_createTradeAcc{width:90px; float:right; margin-right:5px;}
.header-box #btn_check{width:90px; margin-top:-3px;}

/* ============================= content ====================== */
#content{ padding:0 53px 9px 59px; background:#ffffff;}

.margin1{ margin-bottom:9px;}
.padding4{ padding-left:8px;}

.box .right-tail{ background:url(../images/box-tail.gif) right repeat-y;}
.box .left-tail{ background:url(../images/box-tail.gif) left repeat-y;}
.box .top-tail{ background:url(../images/box-tail.gif) top repeat-x;}
.box .bottom-tail{ background:url(../images/box-tail.gif) bottom repeat-x;}
.box .corner-top-left{ background:url(../images/box-corner-top-left.gif) top left no-repeat;}
.box .corner-top-right{ background:url(../images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-bottom-left{ background:url(../images/box-corner-bottom-left.gif) left bottom no-repeat;}
.box .corner-bottom-right{ background:url(../images/box-corner-bottom-right.gif) right bottom no-repeat; width:100%; }
.box .indent{ padding:6px 6px 0 6px;}

.cont{padding:0 5px 5px 10px;}
.box-cont { padding:0px 10px 5px 10px;}
.box-cont2 { padding:8px 10px 16px 17px;}
.box-cont3 { padding:4px 4px 3px 4px;}
.box-cont4 { padding:8px 10px 16px 22px;}

.list1 li{  background:url(../images/list1-bg.gif) bottom repeat-x; line-height:2.667em; font-size:1.091em;}
.list1 li a{  color:#47494b; padding-left:28px; }
.list1 li .item{ background:url(../images/list-item-bg.gif) left no-repeat;}
.list1 .first {padding-top:0; margin-top:0;}
.list1 .last{ background:none;}

.unline{ background:url(../images/list1-bg.gif) bottom repeat-x; padding-bottom:13px;}

.link{ display:inline-block; text-decoration:underline; color:#5a717f; font-weight:bold; margin-top:13px; background:url(../images/link-bg.gif) top right no-repeat; padding-right:12px;}
.link:hover{ text-decoration:none;}

.link2{ display:inline-block; text-decoration:underline; color:#5a717f; font-weight:bold; margin-top:13px;}
.link2:hover{ text-decoration:none;}
/* ============================= page1 ====================== */
.column-2{ margin-left:9px;}
.column-3{ margin-left:8px;}
.e-mail{ color:#5a717f; font-weight:bold;}
/* ============================= footer ====================== */
#footer{  padding:0 53px 0 59px;}
.footer-text{ padding-top:15px; text-align:center;}
.footer-text a {color:#3d3d3d;}

#footer .footer-left{ float:left; }
#footer .footer-right{ float:right; }
#footer li{	border-right:solid 1px #242a30;	padding:0 5px;	list-style:none; display:inline;}
#footer li.last-li{ border:none; padding-right:0;}
#footer li.first-li{ padding:0 5px 0 0;}
#footer ul a{ color:#242a30; text-decoration:none;}
#footer ul a:hover{	text-decoration:underline;}
#footer ul{ padding-top:10px;}

/* ============================= forms ============================= */
#ContactForm label { display:block; height:43px; }
.input{ width:177px; border:solid 1px #d0cfcf;  margin-top:3px; height:17px; }
.form-button{ background:url(../images/form-button.gif) no-repeat; text-transform:uppercase; padding:2px 5px 5px 12px; margin-top:13px; }
.form-button a{ color:#ffffff; font-weight:bold; font-size:0.917em; text-decoration:none;}
.form-button a:hover{ text-decoration:underline;}
.padd{ padding-right:10px;}

.btn { cursor:pointer; display:block; position:relative; _background:url(../images/btn-bg.gif) repeat-x;}
.btn a{ color:#fff; text-decoration:none;}
.btn_left {background:url(../images/btn-left-bg.gif) no-repeat; background-position:left; width:5px; height:20px; float:left; cursor:pointer;}
.btn_m{margin-left:5px; margin-right:5px; background:url(../images/btn-bg.gif) repeat-x; height:20px; text-align:center; font-size:0.8em; color:#fff; font-weight:bold; padding-top:2px; cursor:pointer;}
.btn_right {background:url(../images/btn-right-bg.gif) no-repeat; background-position:right;  width:5px; height:20px; float:right; cursor:pointer;}
.btn:hover {text-decoration:underline; color:#fff;}
.btn_m:hover {text-decoration:underline;}

.btn_m2{display:block; margin-top:-2px; margin-left:auto; margin-right:auto; padding:0; background:url(../images/btn-bg.gif) repeat-x; height:18px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:1.0em; font-weight:bold; color:#fff; cursor:pointer; border:0;}
.btn_m2:hover {text-decoration:underline;}

.clear{clear:both;}
.space_bottom{margin-bottom:10px;*margin-bottom:0px;}
.padding_bottom{padding-bottom:10px;}
.errMsg {font-size:10px; color:#ff0000;}
.att{color:#ff0000};

/* Custom Styling Code */
.box-cont{ font-size:12px;}
.box-cont p { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; font-size:12px; text-align:justify; }
.title1{ background:url(../images/titleN1-left-bg.gif) left top no-repeat; margin:0 0 3px 0; position:relative; color:#ffffff; font-size:1.091em;}
.title1 .right-bg{ background:url(../images/titleN1-right-bg.gif) top right no-repeat; padding:0 90px 0 105px;}
.title1 .tail-bg{ background:url(../images/titleN1-bg.gif) top repeat-x; }
.title1 h3{ margin:0 -102px 0 -119px; padding:15px 20px 30px 75px; font-weight:bold; font-size:1.5em;}
.title1 h4{ margin:0 -102px 0 -119px; padding:15px 20px 30px 75px; font-weight:bold; font-size:1.5em;}

.title2{ background:url(../images/titleN2-left-bg.gif) left top no-repeat; margin:0 0 3px 0; position:relative; color:#ffffff; font-size:1.091em;}
.title2 .right-bg{ background:url(../images/titleN2-right-bg.gif) top right no-repeat; padding:0 90px 0 105px;}
.title2 .tail-bg{ background:url(../images/titleN2-bg.gif) top repeat-x; }
.title2 h3{ margin:0 -102px 0 -119px; padding:15px 20px 30px 75px; font-weight:bold; font-size:1.5em;}

.title3{ background:url(../images/titleN3-left-bg.gif) left top no-repeat; margin:0 0 3px 0; position:relative; color:#ffffff; font-size:1.091em;}
.title3 .right-bg{ background:url(../images/titleN3-right-bg.gif) top right no-repeat; padding:0 90px 0 100px;}
.title3 .tail-bg{ background:url(../images/titleN3-bg.gif) top repeat-x; }
.title3 h3{ margin:0 -102px 0 -119px; padding:15px 20px 15px 85px; font-weight:bold; font-size:1.5em;}

.title4{ background:url(../images/titleN3-left-bg.gif) left top no-repeat; margin:0 0 3px 0; position:relative; color:#ffffff; font-size:1.091em;}
.title4 .right-bg{ background:url(../images/titleN3-right-bg.gif) top right no-repeat; padding:0 90px 0 100px;}
.title4 .tail-bg{ background:url(../images/titleN3-bg.gif) top repeat-x; }
.title4 h3{ margin:0 -102px 0 -119px; padding:15px 0px 15px 45px; font-weight:bold; font-size:1.5em;}

.curr_bal{font-size:15px; font-weight:bold; color:#ea2323;}

#liveChat table{width:100%;}
.verify {font-size:16px; color:#12ab12;}
.noverify {font-size:16px; color:#ab1212;}

/* Reset Password Btn - Login Page */
#btn_resetPass{width:60px; margin-left:210px;}

/* Universal Custom Style */
#btn_back{width:50px}
.afflink{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold;}
.msg_block{display:block; margin:-5px auto 10px auto; }
.g_msg{ border:1px solid #000000; width:905px; height:20px; color:#bcedff; background:#2222aa; margin-left:60px; vertical-align:middle; font-size:14px; font-weight:bold; padding:5px 0 5px 0px; text-align:center}
