﻿body {
	margin: 0px;
	background-image: url(../Images/bodybgr.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#GridBar 
{
	BORDER-RIGHT: #094a72 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #094a72 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(../Images/TblHead.gif); BORDER-LEFT: #094a72 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #094a72 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 25px
}
#GridBar1 
{
	BORDER-RIGHT: #094a72 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #094a72 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(../Images/TblHead.gif); BORDER-LEFT: #094a72 1px solid; COLOR: white; BORDER-BOTTOM: #094a72 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 25px
}

.Grid A {
	COLOR: #ba5403
}
.Grid A:hover {
	COLOR: #f97501
}
.Grid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4B;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #777777;
	border-left-color: #777777;
}
.GridHeader 
{
	BORDER-RIGHT: #787878 1px solid; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../Images/thbgr.gif); COLOR: #000000; BORDER-BOTTOM: #787878 1px solid; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; TEXT-ALIGN: left
}
.GridItem
{
	BORDER-RIGHT: #787878 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; COLOR: #4d4b4c; PADDING-TOP: 3px; BORDER-BOTTOM: #787878 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #f3f8fc
}
.GridAltItem{
	BORDER-RIGHT: #787878 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #4d4b4c; PADDING-TOP: 0px; BORDER-BOTTOM: #787878 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
.GridPage{
	BORDER-RIGHT: #787878 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #4d4b4c; PADDING-TOP: 0px; BORDER-BOTTOM: #787878 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}

.Validation
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}
.pagehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0E8DDE;
	height: 30px;
	Padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: right;
	padding-right: 17px;
	vertical-align:bottom;
	height: 25px;
	padding-left: 17px;
}

.welcome1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: right;
	padding-right: 17px;
	vertical-align:middle;
	height: 25px;
	padding-left: 17px;
}

.head1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #4B4B4B;
}


.onmenu {
	background-color: #FCE945;
	height: 30px;
}
#TblHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;
	padding-left: 8px;
	border: 1px solid #094A72;
	background-image: url(Images/TblHead.gif);
	padding-right: 8px;
}
#TblHead a {
	color: #FFFF66;
}
#TblHead a:hover {
	color: #99FF00;
}
#tbldisplay a {
	color: #BA5403;
}
#tbldisplay a:hover {
	color: #F97501;
}
form {
	padding: 0px;
	margin: 0px;
}

#tbldisplay {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4B;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #777777;
	border-left-color: #777777;
}
#labeltext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4B;
}
#tbldisplay th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #787878;
	border-bottom-color: #787878;
	background-image: url(../Images/thbgr.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	height: 22px;
	padding-left: 8px;
	text-align: left;
}
#tbldisplay #row td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4B4C;
	background-color: #F3F8FC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #787878;
	border-bottom-color: #787878;
	padding-right: 5px;
	padding-left: 8px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
	
#tblform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4B;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #777777;
	border-left-color: #777777;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #777777;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #777777;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border: 1px solid #999999;
	height: 18px;
}

a.glink, a.glink:visited{
	font-family:Arial, Helvetica, sans-serif;
  	font-size: 14px;
  	color: #FFFFFF;
	font-weight: normal;
	margin: 0px;
	padding: 2px 8px 4px 8px;
	border-right: 1px solid #FFFFFF;
	text-decoration: none;
}

a.glink:hover{
  	background-image: url(file:///D|/Veeruu/Websites/S-LineTransport/Website/images/glblnav_selected.gif);
	text-decoration: none;
	background-color: #FCE945;
	color: #000000;
}

a.glinkon{
	font-family:Arial, Helvetica, sans-serif;
  	font-size: 14px;
  	background-color: #FCE945;
	color: #000000;
	font-weight: normal;
	margin: 0px;
	padding: 2px 8px 4px 8px;
	border-right: 1px solid #FFFFFF;
	text-decoration: none;
}

#ContentTbl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B4B4B;
	padding: 15px;
	background-color: #FFFFFF;
	height: 300px;
}
#ContentTbl1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B4B4B;
	padding: 5px;
	background-color: #FFFFFF;
	height: 300px;
}
#tbldisplay #altrow td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4B4C;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #787878;
	border-bottom-color: #787878;
	padding-right: 5px;
	padding-left: 8px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#tbldisplay #picked td {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4B4C;
	background-color: #FFFFE6;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #787878;
	border-bottom-color: #787878;
	padding-right: 5px;
	padding-left: 8px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#tbldisplay #enroute td {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4B4C;
	background-color: #FFFFAA;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #787878;
	border-bottom-color: #787878;
	padding-right: 5px;
	padding-left: 8px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#tbldisplay #dropped td {



	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4B4C;
	background-color: #99CC33;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #787878;
	border-bottom-color: #787878;
	padding-right: 5px;
	padding-left: 8px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#tbldisplay #delivered td {




	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4B4C;
	background-color: #AEFF79;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #787878;
	border-bottom-color: #787878;
	padding-right: 5px;
	padding-left: 8px;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.button 
{
		margin: 0px;
	width:120px;
	height: 23px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	border: 1px solid #CC4306;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(../Images/button_bg.gif);
	background-color: #FF3300;
	
	}