body {
	padding:0;
	margin:0;
	background-color:#d4daec;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
}

table, p, td, li
{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	line-height:125%;
	font-size:1em;
	color:#005;
}

table {
	border-collapse:collapse;
}

table.calendar {
	border-collapse:separate;
}

a {
	color:#0000c8;
	text-decoration:none;
	white-space:nowrap;
}

 a:visited {
	color:#0000c8;
	text-decoration:none;
} 

a:hover {
	color:#d40000;
	text-decoration:underline;
}

hr {
  text-align:center;
}

h1, h2, h3, h4, h5 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:2px;
}


h1 {
	font-size:1.6em;
	border-bottom:1px solid #708090;
	color:#009;
}

#Header .dateText {
	position:absolute;
	float:right;
	right:12px;
	top:57px;
	width:100%;
	text-align:right;
	font-weight:bold;
}

.ContentFull h1 {
	padding-bottom:4px;
	margin-bottom:16px;
	}

.ContentCenter h1 {
	margin-top:0px;
	margin-right:-6px;
	margin-bottom:10px;
	margin-left:-6px;
	padding:4px;
	background-color:#C3CAEC;
	}

h2 {
	color:#009;
	margin-top:10px;
	font-size:1.3em;
	}

h3 {
	color:#009;
	font-size:1.2em;
	}

h4 {
	color:#c00;
	font-size:1em;
	}

h5 {
	color:#009;
	font-size:1em;
	}

form {
	margin:0;
}

.headEmph {
	color: #c00;
	}

p {
	margin-top:0px;
	margin-bottom:8px;
	}

ul {
	margin-top:6px;
	margin-bottom:6px;
}

li {
	margin-top:6px;
	margin-bottom:6px;
}

ul.compact li,
ol.compact li {
	margin-top:0;
	margin-bottom:0;
}

img {
	border:none;
}

img.listHeaderIcon {
	vertical-align:middle;
	background-color:#fff;
	padding-right:5px;
}

input.text {
	background-color:#eee; 
	}

.submitPosition {
	text-align:center;
	margin:1em auto 2em;
}

.highlight {
	color:#c00;
}

.smaller {
	font-size:.85em;
}

.smallest {
	font-size:9px;
}



table.formEntry {
	margin:15px auto;
}

table.formEntry td {
	text-align:left;
	vertical-align:middle; 
	padding:5px 2px;
}


table.formEntry td.label {
	text-align:right;
}


table.formEntry td.labelTop {
	text-align:right;
	vertical-align:top;
	padding-top:.6em;
}


table.listData {
	margin:20px auto;
	border-top: 1px solid #708090;
	border-left: 1px solid #708090;
}

table.listData th,
table.listData td {
	padding:2px 4px;
	border-bottom: 1px solid #708090;
	border-right: 1px solid #708090;
	white-space:normal;
}


table.listData th a,
table.listData td a{
	white-space:normal;
}

table.listData th {
	background-color: #ddd;
	text-align:center;
}

table.listData td {
	background-color:#f9f9ff;
	text-align:left;
	vertical-align:top;
}

table.listData tr.alternate td {
	background-color:#eef;
}

table.listData tr.highlight td {
	background-color:#fee;
	color:#c00;
}

table.listData tr.totals td {
	background-color:#eee;
}

table.listData th.blank, 
table.listData td.blank {
	background-color:#d4daec;
}


table.listDataChanged {
	margin:20px auto;
	border-top: 1px solid #c00;
	border-left: 1px solid #c00;
}

table.listDataChanged th,
table.listDataChanged td {
	padding:2px 4px;
	border-bottom: 1px solid #c00;
	border-right: 1px solid #c00;
}

table.listDataChanged th {
	background-color:#fdd;
	text-align:center;
}

table.listDataChanged td {
	background-color:#fee;
}

table.listDataChanged td li {
	text-align: left;
}


table.calNav {
	width:100%;
	background-color:#ddd;
	margin:0;
	border-bottom:1px solid #708090;
}

table.calNav th,
table.calNav td  {
	padding:2px;
}

table.calNav th {
	vertical-align:middle;
	font-weight:bold;
}

table.calNav th.prev {
	width:25%;
	text-align:left;
	padding-left:5px;
}

table.calNav th.now {
	width:50%;
	text-align:center;
	font-size:1.25em;
}

table.calNav th.next {
	width:25%;
	text-align:right;
	padding-right:5px;
}


table.Blank {
	margin:0;
	border:none;
}

table.Blank th,
table.Blank td {
	border:none;
	background-color:transparent;
}


input.menuText {
	background-color:#cbd1df; 
	margin-bottom:5px;
	border-width:1px;
	}

input.menuButton {
	border:2px outset #a8b9dc; 
	background-color:#768199; 
	color:#d2d7e1; 
	}

#mainMenu a {
	width:100%;
	padding:2px 0;
}

.menuHref a {
	color : #d0dbf0;
	text-decoration : none;
	width:100%;
	padding-top:2px;
	padding-bottom:2px;
}

.menuHref a:visited {
	color : #d0dbf0;
	text-decoration : none;
}

.menuHref a:hover {
	color : #000;
	text-decoration : none;
	background-color: #d1daea;
} 




.hint {
	margin:20px 0 10px;
	font-size:.95em;
	border:1px solid red;
	background-color:#e6e6e6;
	padding:5px;
}

p + .hint {
	margin-top:35px;
}

table.errtable {
	border:1px solid #c00;
	width: 100%;
	text-align: center;
}

.popupmsg {	
	color:#c00;
	font-size:11px;
	background-color:#f7f7d6;
	border:none;
	border-bottom:1px solid #c00;
	padding:5px;
	margin:0 -6px 5px;
}

.popupmsg p,
.popupmsg ul,
.popupmsg li {	
	color:#005;
}

.advisory {	
	color:#c00;
	background-color:#f6e0e0;
	border:1px solid #c00;
	padding:5px;
	margin:10px auto;
}

.advisory p,
.advisory ul,
.advisory li {	
	color:#c00;
}

.helpBox {	
	color:#005;
	background-color:#f7f7d6;
	border:1px solid #c00;
	padding:5px;
	margin:10px auto;
}

.helpBox p,
.helpBox ul,
.helpBox li {	
	color:#005;
}

.mandatory {
	font-size:1.3em;
	font-weight:bold;
	color:#c00;
}

.delarea {
	margin: 0 0 0 15px;
}

.delcheckbox {
	vertical-align:middle;
}

tr.formErr td, 
td.formErr {
	color:#c00;
}


.helpDiv {
/*	border: 1px solid #fff;
	background-color:#fff; */
	background-color:transparent;
	border:none;
	padding:1px 6px 6px;
	margin-bottom:10px;
}

.helpLink {
	line-height:0;
	font-size:0;
	margin-bottom:10px;
	}

.helpDivHighlight {
	border: 1px solid #c00;
	background-color:#ffb;
	padding:0 5px 5px;
	margin-bottom:10px;
}

.helpDiv  .back,
.helpDivHighlight  .back {
	margin:-8px auto 0;
	line-height:110%;
	width:100%;
	font-size:.9em;
	text-align:right;
	visibility:hidden;
}

/* A bit of a hack here, because IE is a pile of $*%e
define .back as a descendent of .helpDiv, then,
for those browsers that ARE compliant, override this
definition by defining .back as a CHILD of .helpDiv */

.helpDiv .back {
        visibility:hidden;
}

.helpDivHighlight .back {
        visibility:visible;
}


.helpDiv > .back {
	visibility:hidden;
}

.helpDivHighlight > .back {
	visibility:visible;
}


.helpDiv h2,
.helpDivHighlight h2{
	margin-top:2px;
	}



.locatorDiv {
	text-align:left;
	border-bottom:1px solid #708090;
	margin:-10px -6px 10px;
	padding:2px;
	background-color:#ddd;
	font-size:.9em;
	}


.optionsDiv {
	text-align:right;
	border-bottom:1px solid #708090;
	margin:-10px -6px 10px;
	padding:2px 0;
	background-color:#ccc;
	}

.optionsDivAll {
	border-bottom:1px solid #708090;
	margin:-10px -6px 10px;
	padding:2px 5px;
	background-color:#ccc;
	}

.optionsDiv .option {
	padding:2px 5px;
	margin:0;
	border-left:1px solid #708090;
	background-color:#ccc;
	}

.optionsDiv .selectOption { 
	display:inline;
	padding:2px 5px;
	margin:0;
	border-left:1px solid #708090;
	background-color:#ccc;
	}
	

.optionsDiv .selectOption input,
.optionsDiv .selectOption select {
	font-size:11px;
	background-color: #eee; 
	}

.more {
	margin:-.5em 0 1.5em;
	font-weight:bold;
	text-align:right;
}

input.button {
	margin:5px;
	font-size:12px;
	}
	
.user_info {
	border: 1px solid #cecece;
	padding: 5px;
	background-color: #efefef;
	margin: 0 5px 20px;
}
.user_notice {
	border: 1px solid #FF9600;
	background-color: #FFEACB;
	padding: 5px;
	margin: 0 5px 10px;
}
.user_ok {
	font-weight: bold;
	color: #04B900;
	background-color: #CCFFCB;
	border: 1px solid #04B900;
	padding: 5px;
	margin: 0 5px 10px;
}


table.formEntry {
	margin: 0 auto 10px auto;
}
fieldset.config p {
	padding: 5px;
}
fieldset.config {
	margin: 10px 50px;
}
fieldset.config legend {
	font-weight: bold;
}
fieldset.config table {
	width: 100%;
}
fieldset.config table tr td {
	width: 50%;
	vertical-align: top;
}
fieldset.config table tr>td {
	width: 65%;
}
fieldset.config .note {
	font-size:10px;color:#999999;
	margin:0;
	padding:0;
}

div.pagenav {
	padding: 5px;
	text-align: right;
	font-size: 0.9em;
}


/****************************************/
/* MAY NEED COLOURS DEFINED IN STYLEDEF */
/****************************************/

table.input {
	font-size: 1em;
}

table.input td, table.input th {
	color: #111;
	padding: 2px;
}

table.input input, table.input select {
	margin: 1px;
	padding: 1px;
}

table.input th {
	text-align: right;
}

fieldset.input {
	margin: 15px 50px;
	padding: 10px;
}

fieldset.input legend {
	font-size: 1.1em;
	font-weight: bold;
}



div.filter_option {
	background-color: #f8f8f8;
	margin: 10px auto;
	padding: 8px;
	border: 2px solid #999;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	color: #111;
	width: 70%;
	text-align: right;
}
div.filter_option:hover {
	background-color: #FFEACB;
	border-color: #FF9600;
}
div.filter_option label {
	float: left;
}
div.filter_option input {
	text-align: right;
}


/* list tables - drivers/companies/jobevents */

.result {
	 border: 1px solid #999;
	 width: 300px;
	 padding: 5px;
	 margin: 20px auto;
}

.result table {
	width: 100%;
}
.result table th, .drv result table td {
	width: 50%;
}
.result table th {
	text-align: left;
}
.result table td {
	text-align: right;
}


/* job view/edit specific */

div.collection, div.delivery {
	width: 45%;
	border: 1px solid #999;
	background-color: #f3f3f3;
	margin: 5px 14px;
}
div.collection {
	position: absolute;
	left: 0;
	margin-top: 0;
}
div.delivery {
	margin-left: 305px;
}

div.sig {
	position: relative;
	background-color: #f3f3f3;
	padding: 5px;
	border: 1px solid #999;
	margin: 10px 5px;
}
div.sig p {
	position: absolute;
}
div.sig img {
	margin-left: 200px;
	border: 1px solid #999;
}

h2.viewjob {
	margin-left: 20px;
}


/* messaging specific */

.unread {
	font-weight: bold;
}

fieldset.message {
	margin: 0 5px 5px 5px;
	padding: 0 5px 5px 5px;
}

fieldset.message legend {
	font-size: 1.1em;
	font-weight: bold;
}
fieldset.send_message div {
	padding: 10px;
}
fieldset.send_message label {
	display: block;
	width: 100px;
}


/* scheduler stuff */

div.schedule_holder {
	background-color: #eee;
	border: 1px solid #999;
	margin: 0 5px;
	padding: 0;
	width: 95%;
	margin: 0 auto;
}

div.schedule_holder h1 {
	background-color: #ddd;
	margin: 0;
	padding: 5px 0;
}

table.schedule_table {
	width: 100%;
	border: 1px solid #999;
	margin: 0;
}
table.schedule_table tr {
	background-color: transparent;
}
table.schedule_table th {
	background-color: #eee;
	text-align: center;
	font-weight: normal;
	padding-left: 3px;
}
table.schedule_table td {
	background-color: #fefefe;
	border: 1px solid #999;
	padding: 3px;
	color: #111;
	font-size: 0.8em;
	text-align: left;
}

table.schedule_table hr {
	border: none;
	border-top: 1px solid #999;
	height: 1px;
}


/* job view only */

table.view {
	width: 300px !important;
	border: 1px solid #999;
	margin: 5px auto;
}
table.view td, table.view th {
	padding: 3px;
	background-color: #f3f3f3;
	border: 1px solid #999;
}

table.location {
	width: 100%;
}
table.location caption {
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px;
}
table.location td, table.location th {
	padding: 3px;
}
table.location th {
	text-align: left;
	font-weight: bold;
}



fieldset {
	border-top: 1px solid #708090;
	border-right: 2px solid #708090;
	border-bottom: 2px solid #708090;
	border-left: 1px solid #708090;
}