html{
	height: 100%;	
}

body{
	background: white;
	text-align:center;
	font-family: Arial;
	margin: 0px;
	height: 100%;
	font-size: 11px;
}

input[type="button"], button, .button {
    border: 0 none;
    cursor: pointer;
    font-size: 11px;
    line-height: 21px;
    text-transform: uppercase;
    border-radius: 2px 2px 2px 2px;
}

.wrapper{
	height: 100%;
}

.div_all{
	width:1000px;
	margin-top: 0px;	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.td_login_info{
	height: 39px;
	background-color: #4daba8
}

.div_login_info{
	text-align: center;
	color: #0F4A7F;
	font-weight: bold;
    padding: 5px;
	padding-bottom: 10px;    
    font-size: 18px;
}
.td_input_text{
	text-align:center;
	background-color: #4daba8;
	height: 43px;
}

.input_text{
	width: 220px;
	height: 30px;
	font-size: 13px;
	padding-left: 40px;
	padding-top: 0px;
    padding-bottom: 0px;
    box-sizing: border-box;
}

.span_icon{
	position: absolute;
    width: 20px;
    height: 20px;
    left: 40px;
    top: 12px;
}

.userNameIcon{
	background: url(../images/img/v02/user-icon-03.png) no-repeat;
	background-size: contain;
}

.passwordIcon{
	background: url(../images/img/v02/lock-icon.png) no-repeat;
	background-size: contain;
}

.userGuideIcon{
	position: absolute;
    background: url(../images/img/v02/ques-icon.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    left: -22px;
    top: -5px;
}

.td_username_password{
	height: 20px;
	background-color: #4daba8
}

.td_login_button{
	height: 66px;
	background-color: #4daba8;
	text-align: center;
}
.td_guide_forgot{
	height: 22px;
	background-color: #4daba8
}
.div_guide_forgot{
	color: white;
    font-size: 11px;
    margin-left: 47px;
    margin-right: 25px;
    height: 20px;
}

.forgot-password{
	float:right;
	display: none;
}

.user-guider{
	float: left;
	position: relative;
}

.div_guide{
	float: right;
	position: relative;
}

.div_openAccount{
	font-size: 16px;
	padding-top: 5px;
}

.div_forgot,
.div_guide,
.user-guider,
.forgot-password{
	color: #0F4A7F;
    text-decoration: none;
}

.registerAccount
{
	color: white;
    text-decoration: none;
}

.div_login_button{
	text-align: center;
}

.login-button {
    border: 0 none;
    padding: 0;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    background-color: rgb(15, 74, 127);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin: 0;
    margin-right: 0px;
    vertical-align: middle;
    color: #fff;
    width: 220px;
    height: 30px;
    cursor: pointer;
}


.td_register{
	height: 20px;
	background-color: #008080;
	text-align: center;
	color: white;
	font-size: 11px;
}

.td_contact{
	height: 104px;
	background-color: #008080;
	vertical-align: bottom;
}
.div_contact{
	text-align: center;
	color: white;
	font-size: 11px;
	line-height: 16px !important;
}
.td_language{
	height: 557px;
	width:110;
	background-color: #008080;
}

.leftZone{
	 background: transparent;
	 width: 617px;
	 /* width: 363px; */
	 height: 557px;
	 float: left;
}

.leftZoneFull{
	background: url("../images/img/v02/bos_background.png") no-repeat;
	background-position: left bottom;
	width: 100%;
	background-color: #0399D9;
    float: left;
    position: relative;
    min-height: 100%;
}

.bottomZone0{
	float: right;
    width: 273px;
    padding-top: 60px;
    margin-right: 110px;
    padding-bottom: 70px;
}

.bottomZone1{
	background: url("../images/img/v02/bos_login_bottom.png") no-repeat;
	background-position: right;
    width: 1000px;
    height: 51px;
    float: right;
    bottom: 30px;
    right: 10px;
    position: absolute;
}

.bottomZone2{
	background: url(../images/img/v02/bos_login_14.png) no-repeat;
	background-position: right bottom;
    width: 100%;
    height: 18px;
    float: right;
}

.bottomZone2Parent{
	background-color: #0c4b7f;
    height: 18px;
    float: right;
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.contain-login{
	position: relative;
	width: 1000px;
}

.login-content-contain{
	/* position: absolute; */
	float: left;
	width: 273px;
}

.contentLoginZone{
	background-color: transparent;
	float: left;
	width: 100%;
}

.content-login{
	background-color: #71e1ff;
}

.login-row{
    padding-bottom: 7px;
    padding-top: 7px;
    position: relative;
}

.login-row.buttonRow{
    padding-top: 5px;
    padding-bottom: 5px;
}

.rightZone{
	position: absolute;
    right: 0px;
    top: 0px;
    height: 103px;
    width: 110px;
    background: url(../images/img/v02/bos_en_vi.png) no-repeat;
    background-position-x: 0px;
    background-size: auto;
}

.languageLi a{
    width: 30px;
    position: absolute;
    height: 30px;
    left: 40px;
}

.commonImg{
	top: 37px;
}

.lvi a{
	top: 27px;
	left:13px;
}

.len a{
	top: 27px;
	left:61px;
}

.ljp a{
	top: 102px;
	display: none;
}

.lang-switch{
	list-style: none;
}

.login-row.linkGo,
.login-row.login-capcha
{
	padding-bottom: 0px;
	padding-top: 10px;
}

.login-left.box-capcha{
	display: inline-block;
}

.login-left2{
	display: inline-block;
	margin-left: 7px;
	
}

.login-left.capcha{
	 padding-left: 26px;
	 text-align: left;
}

#captcha_img{
	height: 35px;
}

.div_contact a{
	color: #fff;
    text-decoration: none;
}

#notice-msg{
	font-size: 12px;
}

.div_contact_bottom{
	position: absolute;
    left: 40px;
    bottom: 20px;
    color: white;
    font-size: 11px;
    line-height: 16px !important;
    text-align: left;
}

.error-dialog .control,.info-dialog .control,.warning-message-dialog .control,.confirm-message-dialog .control,.stock-alert-message-dialog .control,.otp-authen-dialog .control,.tel-authen-dialog .control
{
	width: 350px;
	float: left;
	text-align: center;
	font-size: 11px;
}

.error-dialog,.info-dialog,.warning-message-dialog, .stock-alert-message-dialog, .otp-authen-dialog, .tel-authen-dialog{
	display: none;
	border-radius: 0;
	padding-bottom: 5px;
	width: 350px;
}

.error-dialog #error-message-label{
	color: red;
	font-weight: normal;
}

.dialog-home
{
	display: none;
	background-color: #fff !important;
	border-radius: 0;
	padding-bottom: 5px;
	width: 350px;
	margin-top: 0px !important;
}

div.dialog-home{
	color: #4a4a4a;
}

.dialog-home .header-tabb{
	border-bottom: 1px solid #f2f3f5;
    margin-bottom: 7px;color: #4e4e4e;
}

.dialog-home .content-left
{
	border-bottom: 1px solid #f2f3f5;
	/* line-height: 19px; */
}

.dialog-home .content-left .table-content
{
	margin-left: 10px;
    margin-bottom: 10px;
    line-height: 19px;
}

.dialog-home .titleHeader .title
{
	padding: 7px;
    font-weight: bold;
}

.dialog-home .ui-tabs .ui-tabs-nav
{
	background-color: #fff;
	color: #4f4f4f;
	border: medium none;
    border-bottom: 0px;
    box-shadow: none;
}

.dialog-home .ui-tabs .ui-tabs-nav li a{
	border-right: 0px;
    box-shadow: none;
    padding: 0 0px;
}

.dialog-home .ui-tabs .ui-tabs-nav li.ui-tabs-active{
	color: #4f4f4f;
}

.dialog-home .ui-tabs-active a{
	color: #4f4f4f;
}

.dialog-home .ui-tabs .ui-tabs-nav li a{
	color: #4f4f4f;
}

.error-dialog span#warning-message-label{
	color: red;
	font-weight: normal;
}

span#warning-message-label{
	font-weight: normal;
}

.button.b-close span{
	color: #fff;
}

.error-dialog, .info-dialog, .confirm-message-dialog {
    background-color: #fff !important;
}

.error-dialog .warning,.info-dialog .warning,.warning-message-dialog .warning,.confirm-message-dialog .warning, .stock-alert-message-dialog .warning
{
	position: absolute;
	right: 14px;
	top: 44px;
}

.error-dialog .header,.info-dialog .header,.warning-message-dialog .header,.confirm-message-dialog .header,.otp-authen-dialog .header,.tel-authen-dialog .header {
	width: 330px;
	height: 20px;
	padding: 7px 10px 1px;
	font-weight: bold;
	text-transform: uppercase;
	background: #e6eaef;
}

.error-dialog .btn_no,.error-dialog .btn_yes,.info-dialog .btn_no,.info-dialog .btn_yes,.warning-message-dialog .btn_no,.warning-message-dialog .btn_yes,.otp-authen-dialog .btn_no,.otp-authen-dialog .btn_yes 
{
	position: relative;
	right: 10px;
	top: 0;
	border-radius: 2px;
	font-weight: normal;
	font-size: 12px !important;
	margin: 0 auto;
	width: 50px;
}

.confirm-message-dialog .btn_no,.confirm-message-dialog .btn_yes {
	position: relative !important;
	right: 10px;
	top: 0;
	border-radius: 2px;
	font-weight: normal;
	margin: 0 auto;
	width: 50px;
	font-size: 12px !important;
}

.number {
	text-align: right;
}

.confirm-message-dialog {
	display: none;
	border-radius: 0;
	padding-bottom: 5px;
	width: 350px;
}

.confirm-message-dialog .yesconfirm {
	bottom: 10px;
	float: right;
	padding-right: 127px;
}

.confirm-message-dialog .btn_no,.confirm-message-dialog .btn_yes {
	float: left !important;
	position: relative;
	right: 105px;
	border-radius: 2px;
	font-weight: normal;
	margin-left: 3px;
	cursor: pointer;
}

.button.b-close, .button.bClose {
    border-radius: 2px 2px 2px 2px;
    font: bold 131% sans-serif;
    position: absolute;
    right: -5px;
    top: -5px;
    padding: 0 6px 2px;
    background: none repeat scroll 0 0 #008ace;
	height: 22px;
}

.button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.cart-row-form-confirm {
    padding: 10px;
}

.errorBox {
	font-size: 12px;
	padding: 0px 20px 10px 20px;
}

.login-top-box{
	background: url(../images/img/v02/form_login_02.gif) no-repeat;
    width: 273px;
    height: 141px;
}

.login-bottom-box{
	background: url(../images/img/v02/form_login_10.gif) no-repeat;
    width: 273px;
    height: 59px;
}

#header {
    position: absolute;
    padding-top: 30px;
    padding-left: 50px;
}

#header .header-logo{
	background: url(../images/img/v02/logo_bos_trading.png) no-repeat;
	width: 380px;
	height: 100px;
	background-size: contain;
}