.main {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* daily statement form */
.dailyStatementDetailBox {
	position: relative;
	background-color: #FFFFFF;
	float: left;
	width: 920px;
	border: 2px solid;
	padding: 20px;
	border: 8px solid #707070;
	z-index: 9999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.dailyStatementBoxInputGroup {
	position: relative;
	float: left;
	border: 1px solid;
	width: 900px;
	margin-top: 0px;
	z-index: 10
}

.dailyStatementBox {
	position: relative;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	border: 0px solid;
}

.dailyStatementBox .inputGrpRight {
	position: relative;
	float: left;
	border: 0px solid;
}

.dailyStatementBox .lblText {
	position: relative;
	font: 13px Arial;
	float: left;
	padding-top: 8px;
	margin-right: 8px;
	margin-left: 0px;
	height: 100%;
	width: 80px;
	text-align: right;
}

.dailyStatementBox .font15 {
	font: 15px Arial;
}

.dailyStatementBox select.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.dailyStatementBox select.short {
	width: 100px;
}

.dailyStatementBox select.short2 {
	width: 60px;
}

.dailyStatementBox select.middle {
	width: 315px;
}

.dailyStatementBox input.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.dailyStatementBox input.radio {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	border: 0px solid #A3A3A3;
}

.dailyStatementBox input.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.dailyStatementBox input.long {
	width: 500px;
}

.dailyStatementBox input.middle {
	width: 300px;
}

.dailyStatementBox input.short {
	width: 100px;
}

.dailyStatementBox textarea.textField {
	position: relative;
	font: 12px Arial;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 500px;
	height: 80px;
	border: 1px solid #A3A3A3;
}

.dailyStatementBox textarea.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.dailyStatementBox .inputError {
	position: relative;
	height: 15px;
	font: 12px Arial;
	float: left;
	color: #a80308;
	left: 10px;
	border: 0px solid;
	padding-top: 0px;
	margin-top: 0px;
}

.dailyStatementBox .showborder {
	border: 1px solid;
}

.dailyStatementBox .horizon {
	position: relative;
	font: 15px Arial;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 6px;
	width: 100px;
	border: 0px solid;
}

.dailyStatementBox .selectItem {
	cursor: pointer;
	width: 160px;
	font: 15px Arial;
	padding: 5px;
}

.dailyStatementBox .red {
	color: red;
}

.dailyStatementBox .selectItem:hover {
	background-color: #FFFFD7;
}

/* daily statement Listing Layout*/
.dailyStatementListTable {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
	margin-left: 10px;
}

.dailyStatementListTable .rowHeader {
	display: table-row;
	height: 23px;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.dailyStatementListTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.dailyStatementListTable .cell {
	display: table-cell;
	width: 30px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	padding-right: 4px;
	padding-left: 4px;
	white-space: nowrap;
	box-sizing: border-box;
}

.dailyStatementListTable .cellDriver {
	display: table-cell;
	width: 45px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.dailyStatementListTable .cellRentDate {
	display: table-cell;
	width: 100px;
	vertical-align: middle;
	border: 1px solid #C9C9C9;
	width: 80px;
	font: 12px Arial;
	padding-left: 8px;
}

.dailyStatementListTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.dailyStatementListTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.dailyStatementListTable .cellTotal1 {
	display: table-cell;
	font: bold 14px Arial;
	border: 1px solid #C9C9C9;
	border-top: 2px solid #000000;
	text-align: center
}

.dailyStatementListTable .cellTotal2 {
	display: table-cell;
	width: 60px;
	font: bold 14px Arial;
	border: 1px solid #C9C9C9;
	border-top: 2px solid #000000;
	text-align: center
}

.dailyStatementListTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.dailyStatementListTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}

.dailyStatementListTableWrapper {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
	margin-left: 10px;
}

.dailyStatementListTableWrapper .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.dailyStatementListTableWrapper .cell {
	display: table-cell;
	width: 30px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	padding-right: 4px;
	padding-left: 4px;
	white-space: nowrap;
}

/* rental history form */
.monthlyStatementDetailBox {
	position: relative;
	background-color: #FFFFFF;
	float: left;
	width: 920px;
	border: 2px solid;
	padding: 20px;
	border: 8px solid #707070;
	z-index: 9999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.monthlyStatementBoxInputGroup {
	position: relative;
	float: left;
	border: 1px solid;
	width: 900px;
	margin-top: 0px;
	z-index: 10
}

.monthlyStatementBox {
	position: relative;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	border: 0px solid;
	float: left;
}

.monthlyStatementBox .inputGrpRight {
	position: relative;
	float: left;
	border: 0px solid;
}

.monthlyStatementBox .lblText {
	position: relative;
	font: 13px Arial;
	float: left;
	padding-top: 8px;
	margin-right: 8px;
	margin-left: 0px;
	height: 100%;
	width: 80px;
	text-align: right;
}

.monthlyStatementBox .font15 {
	font: 15px Arial;
}

.monthlyStatementBox select.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.monthlyStatementBox select.short {
	width: 100px;
}

.monthlyStatementBox select.middle {
	width: 315px;
}

.monthlyStatementBox input.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.monthlyStatementBox input.radio {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	border: 0px solid #A3A3A3;
}

.monthlyStatementBox input.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.monthlyStatementBox input.long {
	width: 500px;
}

.monthlyStatementBox input.middle {
	width: 300px;
}

.monthlyStatementBox input.short {
	width: 100px;
}

.monthlyStatementBox textarea.textField {
	position: relative;
	font: 12px Arial;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 500px;
	height: 80px;
	border: 1px solid #A3A3A3;
}

.monthlyStatementBox textarea.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.monthlyStatementBox .inputError {
	position: relative;
	height: 15px;
	font: 12px Arial;
	float: left;
	color: #a80308;
	left: 10px;
	border: 0px solid;
	padding-top: 0px;
	margin-top: 0px;
}

.monthlyStatementBox .showborder {
	border: 1px solid;
}

.monthlyStatementBox .horizon {
	position: relative;
	font: 15px Arial;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 6px;
	width: 100px;
	border: 0px solid;
}

.monthlyStatementBox .selectItem {
	cursor: pointer;
	width: 160px;
	font: 15px Arial;
	padding: 5px;
}

.monthlyStatementBox .red {
	color: red;
}

.monthlyStatementBox .selectItem:hover {
	background-color: #FFFFD7;
}

/* monthly statement Listing Layout*/
.monthlyStatementListTable {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
	margin-left: 10px;
}

.monthlyStatementListTable .rowHeader {
	display: table-row;
	height: 23px;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.monthlyStatementListTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.monthlyStatementListTable .cell {
	display: table-cell;
	width: 30px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	padding-right: 4px;
	padding-left: 4px;
	white-space: nowrap;
}

.monthlyStatementListTable .cellDriver {
	display: table-cell;
	width: 45px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.monthlyStatementListTable .cellRentDate {
	display: table-cell;
	width: 100px;
	vertical-align: middle;
	border: 1px solid #C9C9C9;
	width: 80px;
	font: 12px Arial;
	padding-left: 8px;
}

.monthlyStatementListTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.monthlyStatementListTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.monthlyStatementListTable .cellTotal1 {
	display: table-cell;
	font: bold 14px Arial;
	border: 1px solid #C9C9C9;
	border-top: 2px solid #000000;
	text-align: center
}

.monthlyStatementListTable .cellTotal2 {
	display: table-cell;
	width: 60px;
	font: bold 14px Arial;
	border: 1px solid #C9C9C9;
	border-top: 2px solid #000000;
	text-align: center
}

.monthlyStatementListTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.monthlyStatementListTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}

/* monthly statement taxi maint Listing Layout*/
.msMaintItemListTable {
	position: relative;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
	margin-left: 20px;
}

.msMaintItemListTable .rowHeader {
	display: table-row;
	height: 23px;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.msMaintItemListTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.msMaintItemListTable .cell {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	padding-right: 4px;
	padding-left: 4px;
	white-space: nowrap;
}

.msMaintItemListTable .cellGarage {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 35px;
	padding-left: 6px;
	white-space: nowrap;
}

.msMaintItemListTable .cellDesc {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #C9C9C9;
	width: 180px;
	font: 12px Arial;
	padding-left: 4px;
}

.msMaintItemListTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.msMaintItemListTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.msMaintItemListTable .total {
	display: table-cell;
	font: bold 14px Arial;
	text-align: center;
	border-top: 2px solid #000000;
}

.msMaintItemListTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.msMaintItemListTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}

/* rental maintenance form */
.rentalDetailBox {
	position: relative;
	background-color: #FFFFFF;
	float: left;
	width: 400px;
	border: 2px solid;
	padding: 20px;
	border: 8px solid #707070;
	z-index: 9999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.rentalBoxInputGroup {
	position: relative;
	float: left;
	border: 1px solid;
	width: 390px;
	margin-top: 0px;
	z-index: 10
}

.rentalBoxDetail {
	position: relative;
	clear: both;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	border: 0px solid;
}

.rentalBoxDetail .inputGrpRight {
	position: relative;
	float: left;
	border: 0px solid;
}

.rentalBoxDetail .lblText {
	position: relative;
	font: 13px Arial;
	float: left;
	padding-top: 8px;
	margin-right: 8px;
	margin-left: 0px;
	height: 100%;
	width: 60px;
	text-align: right;
}

.rentalBoxDetail .font15 {
	font: 15px Arial;
}

.rentalBoxDetail select.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	color: #000000;
	height: 34px;
	margin-bottom: 0px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.rentalBoxDetail select.short {
	width: 100px;
}

.rentalBoxDetail select.short2 {
	width: 70px;
}

.rentalBoxDetail select.middle {
	width: 315px;
}

.rentalBoxDetail input.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 0px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.rentalBoxDetail input.radio {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	border: 0px solid #A3A3A3;
}

.rentalBoxDetail input.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.rentalBoxDetail input.long {
	width: 500px;
}

.rentalBoxDetail input.middle {
	width: 300px;
}

.rentalBoxDetail input.short {
	width: 100px;
}

.rentalBoxDetail input.short2 {
	width: 50px;
}

.rentalBoxDetail textarea.textField {
	position: relative;
	font: 12px Arial;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 500px;
	height: 80px;
	border: 1px solid #A3A3A3;
}

.rentalBoxDetail textarea.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.rentalBoxDetail .inputError {
	position: relative;
	height: 15px;
	font: 12px Arial;
	float: left;
	color: #a80308;
	left: 10px;
	border: 0px solid;
	padding-top: 0px;
	margin-top: 0px;
}

.rentalBoxDetail .showborder {
	border: 1px solid;
}

.rentalBoxDetail .horizon {
	position: relative;
	font: 15px Arial;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 6px;
	width: 100px;
	border: 0px solid;
}

.rentalBoxDetail .selectItem {
	cursor: pointer;
	width: 160px;
	font: 15px Arial;
	padding: 5px;
}

.rentalBoxDetail .red {
	color: red;
}

.rentalBoxDetail .selectItem:hover {
	background-color: #FFFFD7;
}

.rentalDetailBox.driverBalance {
	width: 500px;
}

.rentalBoxInputGroup.driverBalance {
	width: 500px;
}

.rentalDetailBox.driverBalance textarea.short {
	width: 300px;
}

/* rental history form */
.rentalHistoryDetailBox {
	position: relative;
	background-color: #FFFFFF;
	float: left;
	width: 870px;
	border: 2px solid;
	padding: 20px;
	border: 8px solid #707070;
	z-index: 9999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.rentalHistoryBoxInputGroup {
	position: relative;
	float: left;
	border: 1px solid;
	width: 850px;
	margin-top: 0px;
	z-index: 10
}

.rentalHistoryBox {
	position: relative;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	border: 0px solid;
}

.rentalHistoryBox .inputGrpRight {
	position: relative;
	float: left;
	border: 0px solid;
}

.rentalHistoryBox .lblText {
	position: relative;
	font: 13px Arial;
	float: left;
	padding-top: 8px;
	margin-right: 8px;
	margin-left: 0px;
	height: 100%;
	width: 80px;
	text-align: right;
}

.rentalHistoryBox .font15 {
	font: 15px Arial;
}

.rentalHistoryBox select.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.rentalHistoryBox select.short {
	width: 100px;
}

.rentalHistoryBox select.middle {
	width: 315px;
}

.rentalHistoryBox input.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.rentalHistoryBox input.radio {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	border: 0px solid #A3A3A3;
}

.rentalHistoryBox input.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.rentalHistoryBox input.long {
	width: 500px;
}

.rentalHistoryBox input.middle {
	width: 300px;
}

.rentalHistoryBox input.short {
	width: 100px;
}

.rentalHistoryBox textarea.textField {
	position: relative;
	font: 12px Arial;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 500px;
	height: 80px;
	border: 1px solid #A3A3A3;
}

.rentalHistoryBox textarea.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.rentalHistoryBox .inputError {
	position: relative;
	height: 15px;
	font: 12px Arial;
	float: left;
	color: #a80308;
	left: 10px;
	border: 0px solid;
	padding-top: 0px;
	margin-top: 0px;
}

.rentalHistoryBox .showborder {
	border: 1px solid;
}

.rentalHistoryBox .horizon {
	position: relative;
	font: 15px Arial;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 6px;
	width: 100px;
	border: 0px solid;
}

.rentalHistoryBox .selectItem {
	cursor: pointer;
	width: 160px;
	font: 15px Arial;
	padding: 5px;
}

.rentalHistoryBox .red {
	color: red;
}

.rentalHistoryBox .selectItem:hover {
	background-color: #FFFFD7;
}

/* rental maintenance record history Listing Layout*/
.taxiPayRentHistoryListTable {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
}

.taxiPayRentHistoryListTable .rowHeader {
	display: table-row;
	height: 23px;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.taxiPayRentHistoryListTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.taxiPayRentHistoryListTable .cell {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 65px;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.taxiPayRentHistoryListTable .cellRentDate {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #C9C9C9;
	width: 80px;
	font: 12px Arial;
	padding-left: 8px;
}

.taxiPayRentHistoryListTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.taxiPayRentHistoryListTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.taxiPayRentHistoryListTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.taxiPayRentHistoryListTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}

/* pay rent receipt Listing Layout*/
.taxiPayRentReceipt {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #232323 solid 1px;
	padding: 5px;
}

.taxiPayRentReceipt .rowHeader {
	display: table-row;
	font-family: "²Ó©úÅé", Arial;
	font-size: 14;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.taxiPayRentReceipt .cell {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #232323;
	padding-right: 2px;
	padding-left: 2px;
	white-space: nowrap;
}

.taxiPayRentReceipt .cellRentDate {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #C9C9C9;
	width: 80px;
	font: 10px "²Ó©úÅé";
	padding-left: 8px;
}

.taxiPayRentReceipt .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: "²Ó©úÅé";
	font-size: 10px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.taxiPayRentReceipt .row {
	display: table-row;
	border: 1px solid;
	background-color: #FFFFFF;
}

/* pay driver balance receipt Listing Layout*/
.taxiPayDriverBalanceReceipt {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #232323 solid 1px;
	padding: 5px;
}

.taxiPayDriverBalanceReceipt .rowHeader {
	display: table-row;
	font-family: Arial;
	font-size: 14;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.taxiPayDriverBalanceReceipt .cell {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #232323;
	padding-right: 2px;
	padding-left: 2px;
	white-space: nowrap;
	padding: 2px 5px;
	box-sizing: border-box;
}

.taxiPayDriverBalanceReceipt .cell.amount {
	text-align: right;
	width: 100px;
}

.taxiPayDriverBalanceReceipt .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 10px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.taxiPayDriverBalanceReceipt .row {
	display: table-row;
	border: 1px solid;
	background-color: #FFFFFF;
}

/* rental maintenance record Listing Layout*/
.taxiPayRentListTable {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
}

.taxiPayRentListTable .rowHeader {
	display: table-row;
	height: 23px;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.taxiPayRentListTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.taxiPayRentListTable .cell {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 65px;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.taxiPayRentListTable .cellRentDate {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #C9C9C9;
	width: 80px;
	font: 12px Arial;
	padding-left: 8px;
}

.taxiPayRentListTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.taxiPayRentListTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.taxiPayRentListTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.taxiPayRentListTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}
#driverBalanceHistoryList .header {
	font-weight: bold;
}
.driverBalanceListTable {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
}
.driverBalanceListTable .rowCaption {
	display: table-caption;
	padding: 5px;
	box-sizing: border-box;
	background-color: #DCDCDC;
	font-weight: bold;
}
.driverBalanceListTable .rowHeader {
	display: table-row;
	height: 23px;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.driverBalanceListTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 100px;
	padding: 3px;
}

.driverBalanceListTable .cell {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 65px;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.driverBalanceListTable .cell.remarks {
	width: 230px;
	word-break: break-all;
	white-space: normal;
}

.driverBalanceListTable .cell.amount {
	text-align: right;
}

.driverBalanceListTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.driverBalanceListTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.driverBalanceListTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.driverBalanceListTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}

/* scheduler form */
.scheduler {
	position: relative;
	background-color: #FFFFFF;
	float: left;
	width: 900px;
	border: 2px solid;
	padding: 20px;
	border: 8px solid #707070;
	z-index: 9999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.scheduler .taxiNoList {
	width: 90px;
	padding: 5px;
	font: 12px Arial;
	border: 1px solid;
	border-top: 0px;
}

.schedulerLayout {
	position: relative;
	background-color: #FFFFFF;
	float: left;
	width: 1200px;
	border: 2px solid;
	padding: 20px;
	border: 8px solid #707070;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 200px;
}

.schedulerLayout .header {
	position: relative;
	height: 23px;
	width: 126px;
	border-collapse: collapse;
	float: left;
	font-family: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid #C9C9C9;
	background-color: #EFEFEF;
}

.schedulerTable {
	position: relative;
	margin-top: 5px;
	border: 2px solid #AAAAAA;
	border-collapse: collapse;
}

.schedulerTable .rowHeader {
	display: table-row;
	height: 23px;
	font-family: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.schedulerTable .row {
	position: relative;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.schedulerTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.schedulerTable .cellName {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 100px;
	padding: 3px;
}

.schedulerTable .cellDesc {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 500px;
	padding: 3px;
}

.schedulerTable .cellTaxiNo {
	with: 80px;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 60px;
	padding: 3px;
}

.schedulerTable .cell {
	height: 25px;
	width: 50px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 13px;
	border: 1px solid #C9C9C9;
	padding: 2px;
	white-space: nowrap;
}

.schedulerTable .bigCheckDate {
	background-color: #E8F3FF
}

.schedulerTable .changeDriver {
	color: #D76B00
}

.schedulerTable .schedulercell {
	cursor: pointer;
	height: 25px;
	width: 50px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-size: 13px;
	border: 1px solid #C9C9C9;
	padding: 2px;
}

.schedulerTable .cellDayNite {
	font: bold 16px Arial;
	cursor: pointer;
	height: 25px;
	width: 50px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #C9C9C9;
	padding: 2px;
}

.schedulerTable .cellDate {
	font: bold 16px Arial;
	height: 23px;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #C9C9C9;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.schedulerTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.schedulerTable .rightBorder {
	border-right: 2px solid #AAAAAA
}

.schedulerTable .row:hover {
	background-color: #FFFFD7;
}

.schedulerTable .schedulercell:hover {
	background-color: #B7DBFF;
}

.schedulerTable .row-highlight {;
	background-color: #FFFF6A
}

/* scheduler input form */
#schedulerBoxInputGroup {
	float: left;
	border: 0px solid;
	margin-top: 30px;
	z-index: 10
}

.schedulerBoxDetail {
	position: relative;
	clear: both;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	border: 0px solid;
}

.schedulerBoxDetail .inputGrpRight {
	position: relative;
	float: left;
	border: 0px solid;
}

.schedulerBoxDetail .lblText {
	position: relative;
	font: 13px Arial;
	float: left;
	padding-top: 8px;
	margin-right: 8px;
	margin-left: 0px;
	height: 100%;
	width: 100px;
	text-align: right;
}

.schedulerBoxDetail .text {
	position: relative;
	font: bold 18px Arial;
	float: left;
	padding-top: 6px;
	margin-right: 8px;
	margin-left: 0px;
	height: 100%;
	width: 200px;
}

.schedulerBoxDetail .font15 {
	font: 15px Arial;
}

.schedulerBoxDetail select.textField {
	position: relative;
	font: 13px Arial;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.schedulerBoxDetail select.middle {
	width: 315px;
}

.schedulerBoxDetail input.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.schedulerBoxDetail input.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.schedulerBoxDetail input.long {
	width: 500px;
}

.schedulerBoxDetail input.middle {
	width: 300px;
}

.schedulerBoxDetail input.short {
	width: 100px;
}

.schedulerBoxDetail textarea.textField {
	position: relative;
	font: 12px Arial;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 500px;
	height: 80px;
	border: 1px solid #A3A3A3;
}

.schedulerBoxDetail textarea.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.schedulerBoxDetail .inputError {
	position: relative;
	clear: both;
	height: 15px;
	font: 12px Arial;
	float: left;
	color: #a80308;
	left: 10px;
	border: 0px solid;
	padding-top: 0px;
	margin-top: 0px;
}

.schedulerBoxDetail .showborder {
	border: 1px solid;
}

.schedulerBoxDetail .horizon {
	position: relative;
	font: 15px Arial;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 6px;
	width: 100px;
	border: 0px solid;
}

.schedulerBoxDetail .selectItem {
	cursor: pointer;
	width: 210px;
	font: 15px Arial;
	padding: 5px;
}

.schedulerBoxDetail .red {
	color: red;
}

.schedulerBoxDetail .selectItem:hover {
	background-color: #FFFFD7;
}

.carNoText {
	cursor: pointer;
	font: bold 14px Arial;
	line-height: 20px;
}

#tab {
	float: left
}

#tab .top {
	position: relative;
	margin-top: 20px;
	float: left;
	border: 0px solid;
	width: 900px;
}

#tab .tab1 {
	position: relative;
	cursor: pointer;
	text-align: center;
	position: relative;
	padding: 10px;
	float: left;
	width: 100px;
	left: 10px;
	border: 1px solid #D9D9D9;
	border-right: 0px;
	border-bottom: 0px;
	background-color: #F7F7F7;
	z-index: 11
}

#tab .tab2 {
	position: relative;
	cursor: pointer;
	text-align: center;
	position: relative;
	padding: 10px;
	float: left;
	width: 100px;
	left: 10px;
	border: 1px solid #D9D9D9;
	border-bottom: 0px;
	background-color: #F7F7F7
}

#tab .bottom {
	position: absolute;
	top: 100px;
	padding-bottom: 20px;
	float: left;
	border: 1px solid #D9D9D9;
	width: 900px;
	z-index: 10;
}

.tabBorder {
	position: relative;
	padding-bottom: 20px;
	float: left;
	border: 1px solid #D9D9D9;
	width: 1080px;
	z-index: 10;
}

.hide {
	display: none;
}

/* owner maintenance form */
#ownerBoxInputGroup {
	float: left;
	border: 0px solid;
	margin-top: 30px;
	z-index: 10
}

.ownerBoxDetail {
	position: relative;
	clear: both;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	border: 0px solid;
}

.ownerBoxDetail .inputGrpRight {
	position: relative;
	float: left;
	border: 0px solid;
}

.ownerBoxDetail .lblText {
	position: relative;
	font: 13px Arial;
	float: left;
	padding-top: 8px;
	margin-right: 8px;
	margin-left: 0px;
	height: 100%;
	width: 100px;
	text-align: right;
}

.ownerBoxDetail .font15 {
	font: 15px Arial;
}

.ownerBoxDetail select.textField {
	position: relative;
	font: 13px Arial;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.ownerBoxDetail select.middle {
	width: 315px;
}

.ownerBoxDetail input.textField {
	position: relative;
	font: 13px Arial;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.ownerBoxDetail input.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.ownerBoxDetail input.long {
	width: 500px;
}

.ownerBoxDetail input.middle {
	width: 300px;
}

.ownerBoxDetail input.short {
	width: 100px;
}

.ownerBoxDetail textarea.textField {
	position: relative;
	font: 12px Arial;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	height: 80px;
	border: 1px solid #A3A3A3;
}

.ownerBoxDetail textarea.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.ownerBoxDetail .inputError {
	position: relative;
	height: 15px;
	font: 12px Arial;
	float: left;
	color: #a80308;
	left: 0px;
	border: 0px solid;
	padding-top: 0px;
	margin-top: 0px;
}

.ownerBoxDetail .showborder {
	border: 1px solid;
}

.ownerBoxDetail .horizon {
	position: relative;
	font: 15px Arial;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 6px;
	width: 100px;
	border: 0px solid;
}

/* owner record history Layout*/
.ownerListTable {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
}

.ownerListTable .rowHeader {
	display: table-row;
	height: 23px;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.ownerListTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.ownerListTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.ownerListTable .cellName {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 100px;
	padding: 3px;
}

.ownerListTable .cellDesc {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 500px;
	padding: 3px;
}

.ownerListTable .cellType {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 200px;
	padding: 3px;
}

.ownerListTable .cell {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 50px;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.ownerListTable .cellAddr {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 250px;
	padding-right: 8px;
	padding-left: 8px;
}

.ownerListTable .cellTel {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 150px;
	padding-right: 8px;
	padding-left: 8px;
	word-wrap: break-word;
}

.ownerListTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.ownerListTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.ownerListTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}

/* driver maintenance form */
#driverBoxInputGroup {
	float: left;
	border: 0px solid;
	margin-top: 30px;
	z-index: 10
}

.driverBoxDetail {
	position: relative;
	clear: both;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	border: 0px solid;
}

.driverBoxDetail .inputGrpRight {
	position: relative;
	float: left;
	border: 0px solid;
}

.driverBoxDetail .lblText {
	position: relative;
	font: 13px Arial;
	float: left;
	padding-top: 8px;
	margin-right: 8px;
	margin-left: 0px;
	height: 100%;
	width: 100px;
	text-align: right;
}

.driverBoxDetail .font15 {
	font: 15px Arial;
}

.driverBoxDetail select.textField {
	position: relative;
	font: 13px Arial;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.driverBoxDetail select.middle {
	width: 315px;
}

.driverBoxDetail input.textField {
	position: relative;
	font: 13px Arial;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.driverBoxDetail input.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.driverBoxDetail input.long {
	width: 500px;
}

.driverBoxDetail input.middle {
	width: 300px;
}

.driverBoxDetail input.short {
	width: 100px;
}

.driverBoxDetail textarea.textField {
	position: relative;
	font: 12px Arial;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	height: 80px;
	border: 1px solid #A3A3A3;
}

.driverBoxDetail textarea.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.driverBoxDetail .inputError {
	position: relative;
	height: 15px;
	font: 12px Arial;
	float: left;
	color: #a80308;
	left: 0px;
	border: 0px solid;
	padding-top: 0px;
	margin-top: 0px;
}

.driverBoxDetail .showborder {
	border: 1px solid;
}

.driverBoxDetail .horizon {
	position: relative;
	font: 15px Arial;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 6px;
	width: 100px;
	border: 0px solid;
}

/* driver record history Layout*/
.driverListTable {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
}

.driverListTable .rowHeader {
	display: table-row;
	height: 23px;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.driverListTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.driverListTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.driverListTable .cellName {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 100px;
	padding: 3px;
}

.driverListTable .cellDesc {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 500px;
	padding: 3px;
}

.driverListTable .cellType {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 200px;
	padding: 3px;
}

.driverListTable .cell {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 50px;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.driverListTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.driverListTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.driverListTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}

/* taxi maintenance form */
.taxiBoxInputGroup {
	position: relative;
	float: left;
	border: 0px solid;
	width: 350px;
	margin-top: 0px;
	z-index: 10
}

.taxiBoxDetail {
	position: relative;
	clear: both;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	border: 0px solid;
}

.taxiBoxDetail .inputGrpRight {
	position: relative;
	float: left;
	border: 0px solid;
}

.taxiBoxDetail .lblText {
	position: relative;
	font: 13px Arial;
	float: left;
	padding-top: 8px;
	margin-right: 8px;
	margin-left: 0px;
	height: 100%;
	width: 100px;
	text-align: right;
}

.taxiBoxDetail .font15 {
	font: 15px Arial;
}

.taxiBoxDetail select.textField {
	position: relative;
	font: 13px Arial;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.taxiBoxDetail select.middle {
	width: 315px;
}

.taxiBoxDetail input.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 0px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

.taxiBoxDetail input.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.taxiBoxDetail input.long {
	width: 500px;
}

.taxiBoxDetail input.middle {
	width: 300px;
}

.taxiBoxDetail input.short {
	width: 100px;
}

.taxiBoxDetail textarea.textField {
	position: relative;
	font: 12px Arial;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 500px;
	height: 80px;
	border: 1px solid #A3A3A3;
}

.taxiBoxDetail textarea.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.taxiBoxDetail .inputError {
	position: relative;
	height: 15px;
	font: 12px Arial;
	float: left;
	color: #a80308;
	left: 10px;
	border: 0px solid;
	padding-top: 0px;
	margin-top: 0px;
}

.taxiBoxDetail .showborder {
	border: 1px solid;
}

.taxiBoxDetail .horizon {
	position: relative;
	font: 15px Arial;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 6px;
	width: 100px;
	border: 0px solid;
}

/*taxi record history Layout*/
.taxiListTable {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
	margin-left: 10px;
	float: left;
}

.taxiListTable .rowHeader {
	display: table-row;
	height: 23px;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.taxiListTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.taxiListTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.taxiListTable .cellName {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 100px;
	padding: 3px;
}

.taxiListTable .cellDesc {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 500px;
	padding: 3px;
}

.taxiListTable .cellType {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 200px;
	padding: 3px;
}

.taxiListTable .cell {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 50px;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.taxiListTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.taxiListTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.taxiListTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}

/* taxi maint item form */
#taxiMaintBoxInputGroup {
	float: left;
	border: 0px solid;
	margin-top: 30px;
	z-index: 10
}

.taxiMaintBoxDetail {
	position: relative;
	clear: both;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	border: 0px solid;
}

.taxiMaintBoxDetail .inputGrpRight {
	position: relative;
	float: left;
	border: 0px solid;
}

.taxiMaintBoxDetail .lblText {
	position: relative;
	font: 13px Arial;
	float: left;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-right: 8px;
	margin-left: 0px;
	height: 100%;
	width: 100px;
	text-align: right;
}

.taxiMaintBoxDetail .font15 {
	font: 15px Arial;
}

.taxiMaintBoxDetail select.textField {
	position: relative;
	font: 13px Arial;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 190px;
	border: 1px solid #A3A3A3;
}

.taxiMaintBoxDetail select.short {
	width: 120px;
}

.taxiMaintBoxDetail select.middle {
	width: 315px;
}

.taxiMaintBoxDetail input.textField {
	position: relative;
	font: 13px Arial;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 175px;
	border: 1px solid #A3A3A3;
}

.taxiMaintBoxDetail input.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.taxiMaintBoxDetail input.long {
	width: 500px;
}

.taxiMaintBoxDetail input.middle {
	width: 300px;
}

.taxiMaintBoxDetail input.short {
	width: 100px;
}

.taxiMaintBoxDetail textarea.textField {
	position: relative;
	font: 12px Arial;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 500px;
	height: 80px;
	border: 1px solid #A3A3A3;
}

.taxiMaintBoxDetail textarea.blur {
	font: 12px Arial;
	color: #C9C9C9;
}

.taxiMaintBoxDetail .inputError {
	position: relative;
	height: 15px;
	font: 12px Arial;
	float: left;
	color: #a80308;
	left: 0px;
	border: 0px solid;
	padding-top: 0px;
	margin-top: 0px;
}

.taxiMaintBoxDetail .showborder {
	border: 1px solid;
}

.taxiMaintBoxDetail .horizon {
	position: relative;
	font: 15px Arial;
	height: 20px;
	margin-bottom: 10px;
	padding-top: 6px;
	width: 100px;
	border: 0px solid;
}

/* Maint item record Listing Layout*/
.maintItemListTable {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
}

.maintItemRowHeader {
	display: table-row;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.maintItemCellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.maintItemCellName {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 200px;
	padding: 3px;
}

.maintItemCellDesc {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 500px;
	padding: 3px;
}

.maintItemCellType {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 200px;
	padding: 3px;
}

.maintItemCell {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 50px;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.maintItemCellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.maintItemRow {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.maintItemRow:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.maintItemRow-highlight {
	display: table-row;
	background-color: #FFFF6A
}

/* Maint item record history Layout*/
.maintItemHistoryTable {
	position: relative;
	clear: both;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
	border: #505050 solid 1px;
	padding: 5px;
}

.maintItemHistoryTable .rowHeader {
	display: table-row;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.maintItemHistoryTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.maintItemHistoryTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.maintItemHistoryTable .cellName {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 100px;
	padding: 3px;
}

.maintItemHistoryTable .cellDesc {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 500px;
	padding: 3px;
}

.maintItemHistoryTable .cellType {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 200px;
	padding: 3px;
}

.maintItemHistoryTable .cell {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 50px;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.maintItemHistoryTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.maintItemHistoryTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.maintItemHistoryTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}

.maintItemListTable .rowHeader {
	display: table-row;
	height: 23px;
	font-famile: Arial;
	font-size: 12;
	font-weight: bold;
	border: 1px solid;
	background-color: #EFEFEF;
}

.maintItemListTable .row {
	display: table-row;
	height: 23px;
	border: 1px solid;
	background-color: #FFFFFF;
}

.maintItemListTable .cellLoginId {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 150px;
	padding: 3px;
}

.maintItemListTable .cellName {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 100px;
	padding: 3px;
}

.maintItemListTable .cellDesc {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 500px;
	padding: 3px;
}

.maintItemListTable .cellType {
	display: table-cell;
	border: 1px solid #C9C9C9;
	font-family: Arial;
	font-size: 12px;
	width: 200px;
	padding: 3px;
}

.maintItemListTable .cell {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	width: 50px;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
}

.maintItemListTable .cellButton {
	display: table-cell;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C9C9C9;
	white-space: nowrap;
}

.maintItemListTable .row:hover {
	display: table-row;
	background-color: #FFFFD7;
}

.maintItemListTable .row-highlight {
	display: table-row;
	background-color: #FFFF6A
}

.inputError {
	position: relative;
	clear: both;
	height: 15px;
	font: 12px Arial;
	float: left;
	color: #a80308;
	left: 10px;
	border: 0px solid;
	padding-top: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
}

input.textField {
	position: relative;
	font: 13px Arial;
	float: left;
	height: 20px;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	width: 200px;
	border: 1px solid #A3A3A3;
}

select.textField {
	position: relative;
	font: 13px Arial;
	color: #000000;
	margin-bottom: 10px;
	left: 0px;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
	border: 1px solid #A3A3A3;
}

input.button {
	cursor: pointer;
	color: #6e6e6e;
	font: bold 12px Arial, sans-serif;
	text-decoration: none;
	padding: 3px 6px;
	position: relative;
	display: inline-block;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #F3F3F3;
	background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5),
		to(#F1F1F1));
	background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5),
		to(#F1F1F1));
	border: solid 1px #BFBFBF;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-right: 10px;
}

input.button:hover {
	color: #333;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px
		rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

input.button:active {
	color: #000;
	border-color: #444;
}

input.hide {
	display: none;
}

input.blur {
	color: #FFFFFF;
}

a.button {
	cursor: pointer;
	color: #6e6e6e;
	font: 12px Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 2px 10px;
	padding-top: 5px;
	position: relative;
	display: inline-block;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #F8F8F8;
	background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5),
		to(#F1F1F1));
	background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5),
		to(#F1F1F1));
	border: solid 1px #BFBFBF;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-right: 10px;
}

a.big {
	font: 13px Helvetica, Arial, sans-serif;
	padding: 5px 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}

a.topMenu {
	font: 15px Helvetica, Arial, sans-serif;
	padding: 5px 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}

a.darker {
	background: #E8E8E8;
	color: #000000
}

a.button:hover {
	/*font: 12px Helvetica, Arial, sans-serif;*/
	/*
    color: #333;
    border-color: #000;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    */
	
}

a.button:active {
	color: #000;
	border-color: #444;
}

a.hide {
	display: none;
}

.left {
	float: left;
}

.clearboth {
	clear: both;
}

div.tip {
	position: relative;
}

div.tip span {
	font: 12px Arial;
	display: none;
	position: absolute;
	top: 18px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 40px;
	z-index: 100;
	background: #5C5C5C;
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	border-radius: 5px;
	white-space: nowrap;
}

div:hover.tip span {
	white-space: nowrap;
	display: inline;
}

a.tip {
	position: relative;
}

a.tip span {
	font: 12px Arial;
	display: none;
	position: absolute;
	top: 35px;
	left: 10px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 40px;
	z-index: 100;
	background: #5C5C5C;
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	border-radius: 5px;
	white-space: nowrap;
}

a:hover.tip span {
	white-space: nowrap;
	display: inline;
}