body
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	overflow-y: auto;
}

a, a:visited, a:link 
{
	text-decoration: none;
	color: #00529F;
}

a:hover, a:visited:hover, a:link:hover 
{
	text-decoration: underline;
}

span.small {font-size:xx-small;font-weight:normal;}

table, td, th {border-collapse:collapse;border-color:#505050;}
table.grid,table.gridmono {border:1px black solid;}

td
{
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	color: #000000;
}

th, tr.th td, td.th { height:25px;vertical-align:middle;font-size:11px;background:url(/img/tcBg.gif) repeat-x #b4c7df;color:#505050;text-align:center;font-weight:bold;}

tr.tf td, td.tf { font-size:11px;background:url(/img/tcBg.gif) repeat-x #b4c7df;color:#505050;text-align:right;font-weight:bold;}

tr.th a, tr.th a:visited {color:#505050;}

table.grid a,table.gridmono a {font-weight:bold;}

.title, h1, .subtitle
{
	font-family: Verdana,Arial,Helvetica;
	font-size: 13px;
	font-weight: 700;
	color: #00529F;
}

.subtitle {
	padding-top: 10px;
	font-size: 10px;
	color: #777;
	border-bottom: 1px solid #ddd;
}

.subtitle-comment {
	padding-top: 10px;
	border-bottom: 1px solid #ddd;
	color: #555;
	font-weight: normal;
	text-align: right;
}

div.textbox input:focus, div.textbox textarea:focus
{
	border: 1px solid #7eadd9;
}

input.submit
{
	font-family: Verdana,Arial,Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: white;
	border: 1px solid #000;
	background: url(/img/fcBg.gif) repeat-x #00529F;
	width: 160px;
	cursor: hand;
	cursor: pointer;
}

input.submit:hover 
{
	background: #4092cf;
}

.pager span {
	white-space: nowrap;
	font-weight: bolder;
	color: #000066; 
}

.pager a {
	color: #003399;
}

.pager a:hover
{
	color: #000066; 
}

.error {
	color: #f00;
	font-size: 11px;
}

td.calendarDateInput {
	letter-spacing:normal;
	line-height:normal;
	font-size:11px;
}

input.calendarDateInput, select.calendarDateInput {
	letter-spacing:.06em;
	font-size:11px;
}

.lg img  {border:1px solid DimGray;height:15px;}
.lg td {text-align:center;}
.lg a {cursor:hand;cursor:pointer;}

tr.copyright td {background-color:#00529F;color:White;border-top:1px solid black;height:15px;padding-left:5px;padding-right:5px;}
tr.copyright a {color: White;}
tr.copyright a:hover {text-decoration:none;}

.form, .formMono, .SGFilter
{
	border: 1px #b2b2b2 solid;
	font-family: Verdana,Arial,Helvetica;
	font-size: 10px;
	color: #000;
	background-color:White;
	background-image:url(../images/default/form/text-bg.gif);
	background-repeat:repeat-x;
	padding-left:1px;
	padding-right:1px;
}

select.form
{
	width:183px;
}

select.formMono, .SGFilter
{
	font-family:Courier New;
	font-size:11px;
}

optgroup
{
	font-weight:bold;
	font-style:normal;
}

div.readonly
{
	font-size:11px;
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
	display:inline;
}

.nobold div.readonly
{
	font-weight:normal;
}

span.comment
{
	font-size:9px;
}
/* Menu */
.menu {font-family:Verdana;font-size: 11px;padding: 0px;border:1px #333 solid;border-left:0;border-right:0;}
.menu td {white-space:nowrap;text-align:center;color:Black;}
.menu a, .menu a:link, .menu a:visited {display: block;padding: 2px 11px 2px 11px;color:#eee;text-decoration: none;}
.menu a:hover, .menu a:link:hover, .menu a:visited:hover {border: 1px #d9d9d9 solid;background-color: #4092cf;padding: 1px 10px 1px 10px;cursor: hand;color:white;text-decoration: none;}
.menu span {color: #d9d9d9;}
.menu a.selected, .menu a.selected:visited {font-weight:bold;color:#eee;}
/* Table-editor styles */
table.items {padding: 0px;margin: 5px;font-family: Verdana,Arial,Helvetica;font-size:10px;}
tr.even td {background-color: lavender;}
tr.active td {background-color:#ADD8E6;}
td.summ {font-weight: bold;text-align: right;}
table.items input {font-family: Verdana,Arial,Helvetica;font-size:10px;border:1px #b2b2b2 solid;background:url(../images/default/form/text-bg.gif);background-repeat:repeat-x;}
table.items input:focus {border: 1px solid #000;}
a.imgButton {cursor: hand;cursor: pointer;text-decoration: none;}
table.gridmono td { font-family:monospace,Tahoma;font-size:13px;padding:4px 5px 4px 5px;letter-spacing:-1px;}
table.gridmono td table {font-family:Verdana,Arial,Helvetica;}
tr.tf td {font-family:Tahoma;font-size:11px;}
form, div {margin:0px;padding:0px;}
.Yes {color:DarkGreen;}
.No {color:DarkRed;}
.ok {color:DarkGreen;}
ul.error {padding-left:5px;}
ul.error li { margin-left: 25px; }
div.article {width: 550px;text-align:justify;padding-top:0px;}
div.article ul { list-style-type:decimal;padding-left:0px;}
div.article ul li {margin-left:25px;}
sup {font-size:7px;}
table.dbinfo {font-size:11px;border:1px solid black;}
table.dbinfo td, table.dbinfo th {padding:5px;border:1px solid black;}

/* Status */
.sHN, .sNF, .sNT, .sND, .sDR, .sNN { color: #707070; font-weight:bold; }
.sHK, .sRR, .sOT, .sDD, .sIN { color: DarkGreen; font-weight:bold;}
.sHL, .sIT, .sCA, .sRC {color:Olive;font-weight:bold;}
.sHX { color: DarkRed; font-weight:bold;}
.sDR {color:Navy;}

/* tabs */
#navlist { padding: 3px 0; margin-left:0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif; margin-bottom:0;}
#navlist li {list-style: none;margin: 0;display: inline;}
#navlist li a {padding: 3px 0.5em;margin-right: 3px;border: 1px solid #778;border-bottom: none;background: #DEE;text-decoration: none;color: #1652a4;}
#navlist li a:hover {color: #000;background: #ABE;border-color: #227;}
#navlist li a#current {background: white;border-bottom: 1px solid white;border-left:1px solid #778;}
.tab { border:1px solid #778; border-top:0; padding:5px 10px 10px 5px; margin-top:0;}

div.statushandler{padding:5px;border:1px solid #778;margin-top:10px;}

div.textbox {padding:0px;margin:0px;display:table;}
div.textbox label {float:left;line-height:15px;}
div.textbox a, div.textbox a:hover,a.tooltip,a.tooltip:hover {text-decoration:none;color:#000;display:block;}
div.textbox input, div.textbox textarea {float:left;width:100%;border:1px solid #B5B8C8;font-size:10px;color:#000;background-color:White;background-image:url(../images/default/form/text-bg.gif);background-repeat:repeat-x;font-family: Verdana,Arial,Helvetica;}
a.tooltip, a.tooltip:hover {background-position:top right;background-repeat:no-repeat;line-height:15px;}
a.tooltip span.tooltip {font-weight:normal;padding-right:15px;}
a.tooltip:hover,a.tooltip:hover label {cursor:help;}
a.tooltip:hover input {cursor:text;}
th a.tooltip, th a.tooltip:hover {color:#505050;padding-right:15px;}

pre {text-align:left;margin-left:auto;margin-right:auto;border:1px solid #ccc;padding:5px;font-family:Courier New;font-size:12px;}

div.ajaxload {position: absolute;top: 50%;left: 50%;height:70px;width:200px;margin-top:-35px;margin-left:-100px;background-color:White;border:1px solid #778;text-align:center;color:#4682B4;font-weight:bold;font-size:14px;font-family: Verdana,Arial,Helvetica;}
div.ajaxload img {margin:8px;}
.SGFilter {float:right;}
.print {display:none;}
table.main {height:100%;width:100%;table-layout:fixed;border:0;}
td.notes {background-image:url(/img/note.png);background-repeat:no-repeat;}
td.rp {text-align:right;}
td.rp span {padding-right:100px;}

span.required {font-size:xx-small;font-weight:normal;color:#CC3333;padding-left:5px;}

.form-group {
	padding-bottom:5px;
	overflow:hidden;
}

.order-bottom td {
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 5px;
}

.order-status-cell td {
	padding: 1px;
}

.cc-combo {
	font-size:11px;
}

.cc-combo .code {
	position:absolute;
	left:2;
	font-weight:bold
}

.cc-combo-empty {
	padding: 3px;
	color: gray;
	font: normal 11px tahoma, arial, helvetica, sans-serif;
}

.cc-add-icon {
	background-image: url(/images/add.gif) !important;
}

.cc-delete-icon {
	background-image: url(/images/delete.gif) !important;
}

.cc-up-icon {
	background-image: url(/images/icons/arrow_up.png) !important;
}

.cc-down-icon {
	background-image: url(/images/icons/arrow_down.png) !important;
}

#overDiv table td {
	padding:1px;
}

.padding2 td, #overDiv table table td {
	padding:2px;
}

.ext-gecko .shp-textbox {
	height: 61px !important;
}

.ext-gecko .rdt-calendar {
	padding-top:12px !important;
}

.checkbox label {padding-left:5px;}

.ext-ie div.x-toolbar table input {top:0px !important;}
.ext-ie div.x-toolbar table img.x-form-trigger {top:1px !important;}

div.textbox .x-form-text {
	height:auto;
	line-height:normal;
}

div.textbox .x-form-text, textarea.x-form-field {
	padding:0;
}

/* Field append + help text */
.x-form-append { float: left; padding-right: 3px; }
.x-form-helptext { clear: both; font-size: 9px; color: #888; }
.ext-ie .x-form-append { position:relative; }
.ext-ie .x-form-helptext { white-space: nowrap;}
/* /Field append + help text */

.compact label, .compact .x-form-text, .compact .x-form-textarea {
	font-family: Verdana,Arial,Helvetica;
	font-size: 10px;
}

.compact .x-form-text {
	height:18px !important;
	line-height:16px !important;
}

.compact .x-form-text, textarea.x-form-field {
	padding:1px;
}

.ext-ie .compact .x-form-text {
	margin:0 !important;
	padding-top:0 !important;
}

.float-left {
	margin-top:2px;
}

.compact, .float-left { float: left; padding-right: 3px; }
.ext-ie .compact, .ext-ie .float-left { width:0%; /* weird width bug :-) */ }

/* TimeField */
.ext-ie .x-form-timefield table td.x-form-el-td {padding-right:5px;}
.x-form-timefield {height:22px;}
.x-form-timefield table td.x-form-el-td {padding-right:3px;height:22px;vertical-align:middle;}
.x-form-timefield table td.first {padding-right:5px;}
.ext-ie6 .x-form-timefield table {margin-top:1px;}
.x-form-timefield-helptext {padding-left:17px;}
.ext-ie .x-form-timefield-helptext {padding-left:20px;}
/* /TimeField */

.no-break {
	clear:left;
	float:left;
	padding:0;
}

.form-group {
	padding-bottom:5px;
	overflow:hidden;
}

.ext-ie .form-group {
	padding-bottom:6px;
}

.form-group .form-group-header-text {
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
	line-height:13px;
	text-transform:uppercase;
	position:relative;
	left:5px;
	top:5px;
	padding:1px 5px 1px 20px;
	color:#4e79b2;
	background:#fff url(/images/form-group-icon.gif) no-repeat 2px 0;
}

.ext-ie .form-group .form-group-header-text {
	left:-6px;
	margin-left:10px;
	background-position-y: -1px !important;
}

.form-group-body {
	overflow:hidden;
}

.form-group-bwrap {
	overflow:hidden;
	zoom:1;
	border-top:1px solid #c3daf9;
   padding: 10px 5px 0px 5px;
}

.ext-ie .form-group-bwrap {
	margin-top:-1px;
}

#help-box {
	margin-top:10px;
}

#help-box span.required {
	font-weight: normal !important;
	font-family: Verdana;
	font-size: 11px;
}

#rules-box strong, #rules-box b {
	font-weight: bold;
}

#rules-box ol {
	list-style-type: decimal;
	list-style-position: inside;
}

#rules-box ol li {
	padding-bottom:5px;
}

.pr0 {
	padding-right:0;
}

#loading{
	position:absolute;
	left:45%;
	top:40%;
	padding:2px;
	z-index:20001;
	height:auto;
	border:1px solid #ccc;
	width:200px;
}
#loading a {
	color:#225588;
}
#loading .loading-indicator{
	background:white;
	color:#444;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
	height:auto;
}
#loading .loading-indicator img {margin-right:8px;float:left;vertical-align:top;}
#loading-msg {
	font: normal 10px tahoma,arial,sans-serif;
}

.ext-ie .compact .x-form-field-wrap .x-form-text {
	top: -1px !important;
}

#SegmentGrid td {text-align:center;}
#SegmentGrid td.truck-number, #SegmentGrid td.flight-number, #SegmentGrid td.regular-truck-number {
	white-space: nowrap;
	padding:3px 1px 3px 21px;
	text-align: left;
	background: url(/images/s.gif) no-repeat 3px center;
	background-color: inherit;
}

#SegmentGrid td.regular-truck-number {
	background-image: url(/images/icons/lorry_calendar.png) !important;
}

#SegmentGrid td.truck-number {
	background-image: url(/images/lorry.png) !important;
}

#SegmentGrid td.flight-number {
	background-image: url(/images/plane.png) !important;
}

.trip-departured {
	background-color: #dfd;
}
.trip-arrived {
	background-color: #afa;
}

.x-grid3-body div.x-form-invalid {
	background-image: url(../images/default/grid/invalid_line.gif) !important;
	background-position: bottom !important;
	background-repeat: repeat-x !important;
}

.cc-red-button .x-btn-text {
	color: #622;
}

.cc-green-button .x-btn-text {
	color: #262;
}

div.block {
	width: 200px;
	float: left;
	padding: 0 0 10px 15px;
	margin: 0;
	font-family:Tahoma,Verdana,Arial,Helvetica;
}

div.block h1 {font-size:12px;font-weight: bold; color: #808080;margin:5px 0;}
div.block h2 {font-size:11px;margin:2px 0;}
div.block .msg {font-size:10px;}
div.hr {margin:5px 0;padding:0;height:0px;border-bottom:1px solid #ccc;clear:left;}
div.hr hr {display:none;}
div.block a:hover {color:#2469ad;text-decoration:underline;}

a.icon-link {
	display: block;
	height: 16px;
	line-height: 16px;
	padding-left: 18px;
	background-repeat: no-repeat;
}

.download-icon {
	background-image: url(/images/download.png) !important;
}

.download-attachment {
	margin-top: 10px;
}

.info-column {
	padding-left: 8px !important;
	background-repeat: no-repeat;
	background-image: url(/images/info-marker.png);
}

.attach {
	background-position: 0px -30px;
}

.note {
	background-position: 0 -90px;
}

.attach-note {
	background-position: 0 -60px;
}

.bottom-menu-row {
	height: 15px;
}

.bottom-menu-row td {
	padding: 4px;
	text-align: center;
}

.bottom-menu span.spacer {
	color: #444;
}

#rules-box {
	display: none !important;
}