/*************************************************************
	Toolbar
*************************************************************/
.right-body-toolbar a{
	display:block;
	float:right;
	line-height: 20px;
	margin: 3px 3px 3px 3px;
	padding: 0px 10px 0px 10px;
}

.right-body-toolbar a:hover{
	background-color: #FFF;
	border-top: #E9E9E9 1px solid;
	border-left: #E9E9E9 1px solid;
	border-right: #CDCDCD 1px solid;
	border-bottom: #CDCDCD 1px solid;
	text-decoration: none;
}

.toolbar-link span{
	display:block;
	height:32px;
	width:32px;
}

.toolbar-icon-back{
	background:url("../images/toolbar/icon-32-back.png");
}
.toolbar-icon-edit{
	background:url("../images/toolbar/icon-32-edit.png");
}
.toolbar-icon-adduser{
	background:url("../images/toolbar/icon-32-adduser.png");
}
.toolbar-icon-preview{
	background:url("../images/toolbar/icon-32-preview.png");
}
.toolbar-icon-search{
	background:url("../images/toolbar/icon-32-search.png");
}
.toolbar-icon-cancel{
	background:url("../images/toolbar/icon-32-cancel.png");
}
.toolbar-icon-save{
	background:url("../images/toolbar/icon-32-save.png");
}
.toolbar-icon-apply{
	background:url("../images/toolbar/icon-32-apply.png");
}
.toolbar-icon-new{
	background:url("../images/toolbar/icon-32-new.png");
}
.toolbar-icon-delete{
	background:url("../images/toolbar/icon-32-delete.png");
}
.toolbar-icon-pdf{
	background:url("../images/toolbar/icon-32-pdf.png");
}
.toolbar-icon-print{
	background:url("../images/toolbar/icon-32-print.png");
}

/*************************************************************
	Login Style
*************************************************************/
#login-vertical-table{
	vertical-align: middle;
	height: 100%;
	width:100%;
	border: 0px;
}

#login-horizontal-table{
	text-align: center;
	width: 100%;
	height:100%;
	border: 0px;
}

#login-box-panel{
	width: 355px;
	/*border: #E9E9E9 thin solid;*/
	border: #0171b9 thin solid;
	margin: 0px auto 0px auto;
}

#login-title-panel{
	line-height:25px;
	/*border: #E9E9E9 thin solid;*/
	/*border: #0171b9 thin solid;*/
	/*background-color: #E9E9E9;*/
	background-color: #0171b9;
	font-size:14px;
	font-weight:bold;
	color:#0B55C4;
	/*color: #3e2b7d;*/
	text-align: left;
	text-indent: 10px;
}

#login-input-panel{
	line-height: 50px;
	margin: 15px 15px 0px 15px;
	padding:15px 0px 15px 0px;
	background-color: #CDCDCD;
}

#login-button-panel{
	text-align: center;
	padding: 15px;
}
/*
* control panel
*/
#control_panel {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 700px;
}
#control_panel a {
	display: block;
	text-decoration: none;
	width: 90px;
	height: 60px;
	padding-left: 80px;
	padding-top: 15px;
	font-weight: bold;
	color: #5E88B6;
}
#control_panel a:hover {
	color: #003570;
	/*color: #d52c25;*/
}
#control_panel .root_invoices {
	background: url(../images/sys_invoices.png) no-repeat center center;
}
#control_panel .root_clients {
	background: url(../images/sys_clients.png) no-repeat center center;
}
#control_panel .root_reports {
	background: url(../images/sys_reports.png) no-repeat center center;
}
#control_panel .root_search {
	background: url(../images/sys_search.png) no-repeat center center;
}
#control_panel .root_settings {
	background: url(../images/sys_settings.png) no-repeat center center;
}
#control_panel .root_utilities {
	background: url(../images/sys_utilities.png) no-repeat center center;
}
#control_panel .root_help {
	background: url(../images/sys_help.png) no-repeat center center;
}
#control_panel li {
	margin: 10px;
	float: left;
}
.clearer_both{
	clear:both;
}
.clearer {
	clear: left;
}
.clearer_r {
	clear: right;
}
/**
	Search table
**/
#table-search-result{
	width: 100%;
	border: 1px solid #CDCDCD;
	border-right-style:none;
	border-bottom-style:none;
	padding: 0px;
}
#table-search-result td{
	line-height:23px;
	border: 1px solid #CDCDCD;
	border-top-style: none;
	border-left-style: none;
}
#table-search-result th{
	background-color: #F6F6F6;
	color:#0B55C4;
	/*color: #3e2b7d;*/
	line-height:25px;
	border: 1px solid #CDCDCD;
	border-top-style: none;
	border-left-style: none;
	text-align: center;
}
#search-criteria-table{
	border: 1px solid #CDCDCD;
	margin-bottom: 5px;
}

#table-hblno{
	border: none;
}
#table-hblno td{
	border: none;
}

/********************************************************************
	Customer & Agent
********************************************************************/
.customer-text-field{
	width:200px;
}
.customer-textarea-field{
	width:200px;
	height:50px;
}

/************************************************************************
*************************************************************************/
.body-preview-table {
	width: 100%;
	/*border: 1px solid #E9E9E9;*/
	padding: 5px;
}
.body-preview-table th{
	background-color: #CDCDCD;
}
.body-preview-table-label {
	width:140px;
	text-align: right;
	background-color: #CDCDCD;
	padding: 0px 5px 0px 0px;
}

/**************************************
* Class in accounting
*/
.money-amount{
	width:95%;
	margin: 2px 2px 2px 2px;
	text-align: right;
	vertical-align: bottom;
	float: left;
}

.supper-small-button{
	width:95%;
	background-color: #CDCDCD;
	margin: 2px 2px 2px 2px;
	text-align: center;
	float: left;
}
.supper-small-button:hover{
	background-color: #3e2b7d;
	cursor: pointer;
	color: #FFF;
}
.supper-small-button a{
	font-size: 9px;
	padding: 3px 3px 3px 3px;
	border:none;
}
.supper-small-button a:hover{
	background-color: #3e2b7d;
	cursor: pointer;
	color: #FFF;
}
/*
.supper-small-button-1{
	width:95%;
	background-color: red;
	margin: 2px 2px 2px 2px;
	text-align: center;
	float: left;
}
.supper-small-button-1:hover{
	background-color: #3e2b7d;
	cursor: pointer;
	color: #FFF;
}
.supper-small-button-1 a{
	font-size: 9px;
	padding: 3px 3px 3px 3px;
	border:none;
}
.supper-small-button-1 a:hover{
	background-color: #3e2b7d;
	cursor: pointer;
	color: #FFF;
}*/

/******************************
* Debit, Credit style
******************************/
.customer_name{
	text-align: left;
}
.usd_amount{
	text-align: right;
}
.vnd_amount{
	text-align: right;
}
.no-column-head{
	width: 20px;
}
.no-column{
	text-align: center;
}
.customer-name-column{
	width:150px;
}
.customer-name-column select{
	width:148px;
	text-transform: none;
}
.unit-price-column input {
	width: 70px;
}
.unit-price-column-head{
	width: 70px;
}
.quantity-column input {
	width:50px;
}
.quantity-column-head {
	width:50px;
}
.volume-column input {
	width:100px;
}
.volume-column-head {
	width:100px;
}
.amount-column input {
	width: 100px;
}
.amount-column-head{

}
.usd-amount-column{
	width:150px;
	text-align: center;
}
.vnd-amount-column{
	width:150px;
	text-align: center;
}
.hblno_style{
	width:350px;
}
.liquidate-date{
	text-align: center;
	background-color: #ffd;
}
.action-column-head{
	width:20px;
	align: center;
}
.action-column{
	width:20px;
	align: center;
}
/************
* HBL style
************/
.hblno-column{
	width:150px;
}
.shipper-column{
	width:150px;
}
.consignee-column{
	width:150px;
}

/*
* Style for money column in report form, account form
*/
.report-money-column{
	width:80px;
	margin: 2px 2px 2px 2px;
	text-align: right;
	vertical-align: bottom;

}
.action-column{
	width: 50px;
}