﻿.leftContents{
	float:left;
	width:179px;
	margin:0 0 0 3px;
}
.midContents {
	FLOAT: left; MARGIN: 0px 0px 0px 16px; WIDTH: 744px; TEXT-ALIGN: left
}
*html .midContents {
	margin:0 0 0 5px !important;
}
.midContents .title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 23px; FONT-SIZE: 11px; BACKGROUND: url("/Style%20Library/images/bullet1.gif") no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #818181; LINE-HEIGHT: 16px; PADDING-TOP: 0px; HEIGHT: 16px; TEXT-ALIGN: left
}
.midContents .breadCrumbs {
	FLOAT: left; COLOR: #505050; margin-left:10px;
}
.midContents .breadCrumbs A {
	COLOR: #505050; TEXT-DECORATION: none
}
.midContents .breadCrumbs A:link {
	COLOR: #505050; TEXT-DECORATION: none
}
.midContents .breadCrumbs A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.breadCrumbs .current {
	FONT-WEIGHT: bold; COLOR: #FF6600
}
.midContents TABLE {
	CLEAR: both;
	FLOAT: left;
	MARGIN: 15px 5px 0px 5px;
	COLOR: #525252;
	BORDER-COLLAPSE: collapse;
	display:block;
	position:relative;
}
*html .midContents table{
	margin:15px 0 0px 0;
}
.midContents TABLE TH {
	PADDING-RIGHT: 10px; BORDER-TOP: #3d99c1 1px solid; PADDING-LEFT: 10px; 
	BACKGROUND: #8cd1f2 repeat-x; 
	PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; PADDING-TOP: 2px; BORDER-BOTTOM: #3d99c1 1px solid; TEXT-ALIGN: center;
}
.midContents table th a{
	color:#525252;
}
.midContents TABLE TD {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #b2b2b2 1px dotted; TEXT-ALIGN: center
}
.midContents TABLE INPUT {
	FONT-SIZE: 11px;
}
.midContents TABLE .remarks TD {
	FONT-WEIGHT: bold; VERTICAL-ALIGN: text-top; TEXT-ALIGN: left
}
.midContents TABLE .remarks TEXTAREA {
	FONT-SIZE: 11px; MARGIN: 0px 0px 0px 5px; VERTICAL-ALIGN: text-top; WIDTH: 280px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.midContents TABLE .last TD {
	BORDER-BOTTOM: #fedcb3 1px solid
}
.midContents .prodDesc {
	WIDTH: 25%; TEXT-ALIGN: left
}
.midContents .checkout {
	CLEAR: both; FLOAT: right; MARGIN: 10px 0px; TEXT-ALIGN: right
}
.midContents .checkout table{
	FLOAT: right;
	TEXT-ALIGN: right;
}
.midContents .checkout table td{
	BORDER-BOTTOM: none;
}
.midContents .total{
	float:left;
	clear:both;
	width:923px;
}
.midContents .approve{
	width:auto;
	float:left;
}
.midContents .approve table{
	CLEAR: both; FLOAT: left; MARGIN: 15px 5px 0px 5px; COLOR: #525252; BORDER-COLLAPSE: collapse;
	display:table;
	position:relative;
	width:auto;
}
.midContents .approve td{
	position:relative;
	text-align:left;
	border:none;
	padding:5px 30px 5px 0;
	margin:0px;
}
.midContents .approve select {
	font-size:11px;
}
.midContents .total table{
	CLEAR: both; FLOAT: left; MARGIN: 15px 5px 10px 5px; WIDTH: 100%; COLOR: #525252; BORDER-COLLAPSE: collapse;
	display:table;
	position:relative;
}
.midContents .total td{
	position:relative;
	text-align:right;
}
.totalAmt{
	color:#FF0000;
}
.total .last{
	border-bottom:none;
}
.checkout .btnCheckout, .total .btnCheckout, .approve .btnCheckout{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	FONT-SIZE: 11px; 
	BACKGROUND: 
	url("/Style%20Library/images/bg-btncheckout.gif") no-repeat; 
	MARGIN: 0px 10px 0px 0px; 
	BORDER-LEFT: medium none; 
	WIDTH: 61px; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: medium none; 
	HEIGHT: 22px; 
	cursor:hand;
	text-align:center;
}
.approve .btnCheckout{
	width:80px;
	BACKGROUND: url("/Style%20Library/images/bg-btncheck.gif") no-repeat;
}
.midContents .pagination {
	CLEAR: both; 
	PADDING-RIGHT: 10px; 
	/*BORDER-TOP: #cdcdcd 1px solid; 
	BACKGROUND-COLOR: #e4e4e4; */
	PADDING-LEFT: 0px;
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	COLOR: #999999; 
	PADDING-TOP: 4px; 
	HEIGHT: 20px; 
	TEXT-ALIGN: right; 
	width:100%;
}
.midContents .pagination A {
	COLOR: #999999; TEXT-DECORATION: none
}
.midContents .pagination A:link {
	COLOR: #999999; TEXT-DECORATION: none
}
.midContents .pagination A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.divider{
	background-color:#cdcdcd;
	height:1px;
	width:890px;
	clear:both;
}
.clearboth {
	MARGIN: 6px 0px
}
.costcenter b, .costcenter select{
	float:left;
	line-height:20px;
}
.costcenter select{
	margin:0 0 0 4px;
}

.lineRow select, .lineRow div{
	float:left;
}
.lineRow select{
	margin:0 15px 0 2px;
}
.floatLeft b, .floatLeft table{
	float:left;
	line-height:22px;
	vertical-align: middle;
}
.calendarImg{
	vertical-align: text-bottom;
}
.midContents .longTable{
	font-size:10px;
	border-collapse:collapse;
	width:100%;
}
.midContents table.longTable td, .midContents table.longTable th{
	padding:4px;
	margin:0px 2px;
	border:1px solid #cccccc !important;
}
.borderNone{
	border-bottom:none !important;
}
