#contentPorlet, #p_Tracking_WAR_TrackingLogportlet_r{
	padding: 0 30px;
}

#content{
	min-height: 600px
}

#result{
	float: left;
	width: 938px;
	padding: 0px 31px;		
}
.mainContent{
	width: 100%;
	float: left;	
}
#tblOrderInfo, #tblTrackingInfo, #tblTrackingInfoEMS, #tblTrackingInfoEMS1{
	width: 100%;
	margin-top: 25px;
	margin-bottom: 50px;
}
#resultTableBD tr, #resultTableBD1 tr{
	border-bottom: 1px #959595 solid;
	border-left: 1px #959595 solid;
}
#resultTableBD td, #resultTableBD1 td{
	padding: 10px;
	border-right: 1px #959595 solid;
	font-size: 14px;
}
#tblOrderInfo th, #tblTrackingInfo th, #tblTrackingInfoEMS th, #tblTrackingInfoEMS1 tr:FIRST-CHILD td{
	text-align: center;
	color: #fff;
	padding: 8px;
	font-size: 14px;
}
#resultTableBD table, #resultTableBD1 table, #tblTrackingInfo table{
	table-layout: fixed;
}
#tblTrackingInfo td:FIRST-CHILD, #tblTrackingInfo td:nth-child(2)
,#tblTrackingInfoEMS th:FIRST-CHILD, #resultTableBD td:FIRST-CHILD,
#tblTrackingInfoEMS th:nth-child(2), #resultTableBD td:nth-child(2) {
	width: 100px;
}
#tblTrackingInfo td:LAST-CHILD, #tblTrackingInfo td:nth-child(3),
#resultTableBD td:LAST-CHILD, #resultTableBD td:nth-child(3),
#tblTrackingInfoEMS th:LAST-CHILD, #tblTrackingInfoEMS th:nth-child(3) {
	width: 326px;
}
#resultTableBD1 td:FIRST-CHILD,#resultTableBD1 td:nth-child(2){
	width: 100px;
}
#resultTableBD1 td:nth-child(3), #resultTableBD1 td:nth-child(5),
 #resultTableBD1 td:LAST-CHILD {
	width: 80px;
}
#tblOrderInfo th, #tblTrackingInfo th{
	background: #ff7e00;
}
#tblTrackingInfoEMS th, #tblTrackingInfoEMS1 tr:FIRST-CHILD td{
	background: #959595;
	font-weight: bold;
	text-align: center;
}
#tblOrderInfo tr{
	border: 1px #959595 solid;
}
#tblTrackingInfo td{
	border: 1px #959595 solid;
	padding: 10px;
}
#tblTrackingInfo td:FIRST-CHILD, #tblTrackingInfo td:nth-child(2),
#resultTableBD td:FIRST-CHILD, #resultTableBD td:nth-child(2),
#resultTableBD1 td:FIRST-CHILD, #resultTableBD1 td:nth-child(2),
#resultTableBD1 td:LAST-CHILD, #resultTableBD1 td:nth-child(3),
#resultTableBD1 td:nth-child(5)
{
	text-align: center;
}
#tblOrderInfo tr:FIRST-CHILD, #tblTrackingInfo tr:FIRST-CHILD{
	border: 1px #ff7e00 solid;
}
#tblOrderInfo td, #tblTrackingInfo td{
	padding: 10px;
	font-size: 14px;
}
#tblTrackingInfo .title{
	text-align: center; padding: 12px 0px; border-top: none; font-size: 14px; font-weight: bold;
}
#tblOrderInfo .title{
	font-size: 14px; font-weight: bold;
}
.mainContent .delivery{
	border: 1px solid #e2e2e2;
	padding-bottom: 15px;
}
.mainContent .delivery h3{
	background-color: #fe7737;
	color: #fff;
	padding: 8px;
	margin: 0px;
}
.delivery .progress{
	background-image: url("/TrackingLog-portlet/css/image/progress_bg.gif");	
	height: 30px;
	width: 94%;
	margin: auto;
}
.progress .step1, .progress .step4, .progress .step2, .progress .step3{
	background-image: url("/TrackingLog-portlet/css/image/step_bg1.gif");
	width: 25%;
	height: 30px;
	float: left;
}
.delivery .titleInfo{
	font-size: 16px;
	font-family: Roboto-Medium;
	padding-left: 20px;	
	margin-top: 15px;
}
.delivery .contentInfo{
	padding-left: 20px;
	margin-top: 5px;
	font-size: 12px;
}
#btnRefresh{
	float: right;
	background-color: #959595;
	color: #fff;
	border: none;
	text-shadow: none;
	padding: 7px 13px;
	font-size: 13px;
}
#btnRefresh:FOCUS{
	border: none;
	outline: none;
}

#p_Tracking_WAR_TrackingLogportlet_r h1.title ,#content h1.title{
	color: #fe7737;
	font-size: 30px;
	float: left;
	width: 100%;
	margin: 30px 0px;
}
#p_Tracking_WAR_TrackingLogportlet_r h2.title ,#content h2.title{

}

#content .left{
	float: left;
	width: 30%;
	min-height: 250px;
	border-right: 1px solid #e2e2e2;
}
#content .left p{
	font-size: 14px;
}
#content .right{
	margin: auto;
	padding-top: 200px;
	width: 402px;
}
#content .right h3{
	color: #444e56;
	font-size: 15px;
	font-weight: normal;
}
#content .error{
	float:left; margin-top: 13px;
	color: red; font-style: italic;
	font-size: 14px;
}
input[name="txtCodeOrderId"]{
	width: 395px;
	height: 26px;
	font-size: 16px;
	border: 1px solid #DFDFDF;
	padding-left: 5px;
}

input[name="txtCodeTransportId"]{
	width: 395px;
	height: 26px;
	font-size: 16px;
	border: 1px solid #DFDFDF;
	padding-left: 5px;
}

input[name="txtMTCId"]{
	width: 395px;
	height: 26px;
	font-size: 16px;
	border: 1px solid #DFDFDF;
	padding-left: 5px;
}

#btnTrackingSubmit{
	background-color: #ff6e01;
	padding: 5px 20px;
	padding-top: 6px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	margin-left: 5px;
	border: none;
	text-shadow: none;
	float: right;
	margin-top: 15px;
}
/* #btnTrackingSubmit:HOVER{
	background-color: #ff6e01;
	color: #fff;
}
#btnTrackingSubmit:FOCUS{
	border: none;
	outline: none;
} */
#backgroundProcess{
background-image: url("/TrackingLog-portlet/css/image/backgroundProgcess.png");
background-repeat: repeat;
position: fixed;
display: block;
z-index: 8000;
}
#textProgress{
	background: #f9f9f9;
	width: 350px;
	padding: 30px 0px;
	font-size: 16px;
	border-radius: 4px;
	text-align: center;
	margin: 0px;
	position: absolute;
}
.borderRed{
	border-color: #fe7737;
}
.borderNomal{
	border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
}
.statusTable, .statusTable1{
	width: 94%;
	margin-left: 20px;
	margin-top: 10px;
}
.statusTable th, .statusTable1 th{
	font-weight: bold;
	font-family: Roboto-Light;
	font-size: 14px;
}
.statusTable td, .statusTable1 td{
	padding-top: 15px;
	font-size: 12px;
}
#map_canvas {
    width: 100%;
    height: 500px;
   	background-color: #CCC;
 }
 #tablePosition1,  #tablePosition2{
 	width: 100%;
 }
#tablePosition1 td, #tablePosition2 td{
 	padding: 3px 0px;
 }
 span.btnSeeProgess{
 	color: #fff;
	background: #fe7737;
	font-size: 15px;
	padding: 8px 20px;
	cursor: pointer;
	margin-left: 50px;
	font-weight: bold;
 }
span.btnSeeProgess:HOVER{
 	color: #fe7737;
	background: #e3e3e3;
 }
#productInfo{
	float: right; 
	width: 30%;
}
#btnSeeProgressDiv{
	float: left; width: 28%;margin-top: 9px; position: relative;
}

#contentEMS{
	margin-top: 20px;
}

.alert-success{
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	font-size: 14px;
	width: 100%;
	border-radius: 0px;
	margin: 20px 20px;
	padding: 10px 30px;
}
.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
	font-size: 14px;
	width: 100%;
	border-radius: 0px;
	margin: 20px 20px;
	padding: 10px 30px;
}