#loading {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-left: -70px;
    margin-top: -90px;
}

.rootPanel{
	width: 98%;
	height: 100%;
	margin: auto;
	background-color: #FCF4E6;
}

.mainPanel {
	width: 980px;
}

.headerPanel{
	width: 98%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.logoPanel{
}

.headerButtonPanel{
}

.titleLabel{
	text-align: center;
	font-weight: bold; 
	font-size: 18pt;
	color: #4E4E4E;
	letter-spacing: 0.2em;
}

.topMenu{
}

.bodyPanel{
	width: 100%;
}

.menuPanel{
  width: 215px;
  margin-right: 5px;
}

.orderTab{
	padding: 20px;
}

.orderUpload{
}

.orderDatePicker{
}

.customerTab{
	padding: 20px;
}

.vehicleTab{
	padding: 20px;
}

.depotTab{
	padding: 20px;
}

.welcomePanel{
	width: 100%;
}

.orderContentPanel{
}

.routingPanel{
	width: 200px;
}

.welcomeText{
	font-size: 12pt;
}
	
.customerContentPanel{
}

.customerInfoTable{
	width: 760px;
	margin-bottom: 10px;
}

.customerInfoGrid{
	width: 100%;
	height: 250px;
}

.depotInfoTable{
	width: 760px;
	margin-bottom: 10px;
}

.depotInfoGrid{
	width: 100%;
	height: 250px;
}

.vehicleInfoTable{
	width: 760px;
}

.vehicleInfoGrid{
	width: 100%;
	height: 290px;
}

.vehicleGroupInfoTable{
	width: 760px;
}

.vehicleGroupInfoGrid{
	width: 100%;
	height: 290px;
}

.vehicleGroupMap{
	width: 760px;
	height: 390px;
}

.orderInfoTable{
	width: 760px;
}

.orderInfoGrid{
	width: 100%;
	height: 258px;
}

.customerGeoLocatingPanel{
}

.depotGeoLocatingPanel{
}

.vehicleContentPanel{
}

.vehicleGroupContentPanel{
}

.depotContentPanel{
}

.customerGeoLocatingMap{
	width: 760px;
	height: 390px;
}

.depotGeoLocatingMap{
	width: 760px;
	height: 390px;
}

.orderGeoLocatingMap{
	width: 760px;
	height: 390px;
}

.customerMap{
	width: 760px;
	height: 390px;
	margin-top: 10px;
}

.depotMap{
	width: 760px;
	height: 390px;
	margin-top: 10px;
}

.orderMap{
	width: 760px;
	height: 390px;
	margin-top: 10px;
}

.geoFirstLink{
}
.geoPrevLink{
}
.geoNextLink{
}

.routingExceptionLabel{
	color: red;
}

.routeInfoLabel{
	color: red;
}
	
.routeMap{
	width: 760px;
	height: 390px;
	margin-top: 15px;
}

.directionsPanel{
	width: 760px;
}

.solutionPanel{
}

.routesDropdownBox{
	width: 300px;
}

.routeSummaryTable{
	width: 760px;
}

.routedOrderInfoTable{
	width: 760px;
}

.routedOrderGrid{
	width: 100%;
	height: 250px;
}
	
.unroutedOrdersTable{
	width: 500px;
}

.unroutedOrdersGrid{
	width: 100%;
	height: 250px;
}

.footerPanel{
	width: 98%;
	height: auto;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
	
.tableCommon {
	background-color:#000000;
}

.tableCommon tr {
	background-color:#ffffff;
}

.linkCommon {
	padding: 2px;
}

.yellow {
	color: #FFC774;
}

.purple {
	color: #8EA3FA;
}

.green {
	color: #99E627;
}

.rosy {
	color: #FB8EF7;
}

.red {
	color: #F82F3D;
}