body {font: 76%/130% Verdana, Helvetica, sans-serif; margin: 0; background: #FFF url(../images/page-bg.jpg) repeat-x 0 0;}
img {border: none;}

h1 {font: bold 24px Arial, Helvetica, sans-serif; padding-bottom: 9px; border-bottom: 3px solid #000082;}
h2 {font-weight: bold; font-size: 18px; color: 000; border-bottom: 2px solid #848B8F; padding: 23px 0 5px 0; margin-bottom: 25px;}
h3 {font-weight: bold; font-size: 12px; color: 000; padding: 0; margin: 10px 0;}
table {margin: 10px 0;}
table a {font-weight: bold;}
th {text-align: left; background: #000082 url(../images/th-bg.jpg) repeat-x 0 0; color: #FFF; font-weight: bold; width: 200px;}

a {color: #0033CC;}
a:hover {color: #1D72CC; text-decoration: none;}

hr {float: left; width: 100%; background-color: #CCC; border: none; height: 1px; margin: 15px 0;}
*+html hr {display: block; background-color: #FFF; border-top: 1px solid #CCC; height: 1px;}
* html hr {display: block; background-color: #FFF; border-top: 1px solid #CCC; height: 1px; margin: 15px 0 -10px 0;}

#container {width: 1000px; margin: 0 auto; overflow: hidden;}

#header {float: left; width: 100%;}
#logo {float: left; width: 397px;}
#logo img {margin-top: -1px;}

#topNav {float: left; width: 100%;}
#topNav ul {float: left; width: auto; margin: 4px 0 0 10px; padding: 9px 0 7px 10px; list-style: none; background: #E6E6E6 url(../images/nav-bar-bg.jpg) repeat-x 0 0;}
#topNav li {display: inline; padding: 9px 0 8px 0;}
#topNav .last {background: url(../images/nav-bar-right.jpg) no-repeat 100% -1px; padding-right: 13px;}
#topNav a {text-decoration: none; color: #666; font-weight: bold; background: url(../images/nav-divider.gif) no-repeat 0 0; padding: 0 21px;}
#topNav .first a {background-image: none;}
#topNav a:hover, #topNav .current a {color: #1D72CC;}

#wait {color: #FF0000;}

#pageWrapper {float: left; width: 1000px;}
#pageLeftCol {float: left; width: 250px; overflow: hidden; padding-top: 35px;}
#pageRightCol {float: left; width: 750px;}
* html #pageRightCol {overflow: hidden;}
#pageRightInternal {padding: 43px 130px 20px 10px; line-height: 1.6em;}

.intro {font: bold 24px Arial, Helvetica, sans-serif; display: block; padding-bottom: 15px; border-bottom: 3px solid #000082; margin-bottom: 15px;}
.heading {font: 21px Arial, Helvetica, sans-serif; display: block; margin: 0 0 -5px 0;}
.highlight {display: block; padding: 3px 10px; background: url(../images/highlight-bg.jpg) repeat-x 0 0; font-weight: bold; border-top: 1px solid #FF9900; border-bottom: 1px solid #FF9900; margin: 25px 0;}
.pageHeading {font-weight: bold; font-size: 18px; color: 000; border-bottom: 2px solid #848B8F; padding: 23px 0 5px 0; margin-bottom: 25px;}
.pageSubHeading {font-weight: bold;}

.featureBox {float: left; width: 600px; background: url(../images/features-divider.gif) repeat-y 0 0; overflow: hidden; margin-bottom: 25px;}
.feature {float: left; width: 280px; margin-bottom: 15px;}
.featureBox .left {padding-right: 20px; clear: left;}
.featureBox .right {padding-left: 20px;}
.feature p {margin: 0 0 10px 0;}
.featureTitle {float: left; width: 250px; font-weight: bold;}
.featureDate {float: left; width: 250px; font-size: 0.9em; color: #FF0000;}
.featureIntro {float: left; width: 250px; font-size: 0.9em; line-height: 1.3em; font-weight: bold;}

#pageLeftCol .featureBox {float: left; background-image: none; background-color: #F5F5F5; width: 248px; border: 1px solid #CCC; font-size: 1.1em; text-align: center;}
#pageLeftCol .featureBox .featureTitle {float: left; width: 230px; margin: 5px 10px; font-weight: bold; text-align: left;}
#pageLeftCol .featureBox .featureIntro {float: left; width: 230px; margin: 5px 10px 10px 10px; font-weight: normal; text-align: left;}
*+html #pageLeftCol .featureBox .featureIntro {padding-bottom: 10px;}
* html #pageLeftCol .featureBox .featureIntro {padding-bottom: 10px;}
#pageLeftCol .featureImage {padding: 0;}
#pageLeftCol .featureImageBox {text-align: center; line-height: 0; font-size: 0;}

.featureImage {padding: 3px;}
.featureFullTitle {font-weight: bold; font-size: 1.1em; padding-bottom: 6px; border-bottom: 1px solid #000082; }
.featureContent {padding: 8px 0px 8px 0px;}

.accountBox {float: left; width: 250px; margin: 0 0 35px 0; background: url(../images/login-box-bg.gif) no-repeat bottom left; padding-bottom: 10px;}
.accountForm {float: left; width: 220px; margin: 0 15px; font-size: 0.9em;}
* html .accountForm, * html .accountLinks {margin-left: 7px;}
.accountHead {float: left; width: 220px; background: #E7E7E7 url(../images/login-box-top.jpg) no-repeat 0 0; padding: 15px; margin-bottom: 15px; border-bottom: 1px solid #CCC; font-weight: bold;}
.accountBox ul {float: left; width: 220px; margin: 15px; padding: 0; list-style: none; font-size: 0.9em;}
.accountBox li {margin: 0 15px 3px 0; font-weight: bold;}
.accountBox li a {background: url(../images/arrow.gif) no-repeat 0 4px; padding-left: 15px;}
.accountBox li a:hover, .accountBox .current a {background: url(../images/arrow_sel.gif) no-repeat -3px 0;}
.accountItemSel {list-style-image: url(../images/arrow_sel.gif);}
.accountItemInfo {float: left; width: 220px; font-size: 0.9em; padding: 0 15px;}
.accountInput {width: 213px; border: 1px solid #D1D1D1; padding: 2px; margin-bottom: 5px;}
.accountLinks {float: left; width: 220px; margin: 15px 15px 0 15px; border-top: 1px solid #CCC; font-size: 1.1em;}
.accountLinks ul {margin: 15px 0;}

.registerBox {border: 1px solid #CCE290; background-color: #F1F1D0; padding: 4px; margin: 4px;}
.companyInput {width: 300px; border: 1px solid #CCCCCC;}
.accountBox label {font-weight: bold; color: #333; margin-bottom: 3px; display: block;}

.box {float: left; width: 600px; border-top: 2px solid #666; border-bottom: 2px solid #666; padding: 10px 0; margin-bottom: 20px;}
.box .content {float: left; width: 600px; background: url(../images/grey-divider.gif) repeat-y 50% 0; font-size: 0.9em;}
.box .left, .box .right {float: left; width: 300px; padding: 10px 0;}
.box .right {padding-left: 15px; width: 285px;}
.box .heading {text-transform: uppercase; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
.box p {margin: 0;}
.box strong {color: #585858;}

.zone {float: left; width: 578px; padding: 10px; margin-bottom: 15px;}
.notInZone {border: 1px solid #33CC00;}
.inZone {border: 1px solid #FF0000; margin-bottom: 25px;}
.inZone a {font-weight: bold;}
.inGeoZone {border: 1px solid #FF0000; margin-bottom: 25px;}
.inGeoZone a {font-weight: bold;}

.statusNo, .statusYes, .statusGeo {float: left; width: 100%;}
.statusNo p, .statusYes p, .statusGeo p {float: left; width: auto; background-color: #33CC00; padding: 8px 10px; margin: 0; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 1.2em;}
.statusYes p {background-color: #FF0000;}
.statusGeo p {background-color: #FF0000;}

.zone .left, .zone .right {float: left; width: 280px; margin: 0; padding: 0; list-style: none; font-weight: bold; font-size: 0.9em;}
.zone .right {padding-left: 15px; width: 265px;}

.zone .alert {margin: 0 0 15px 0; font-weight: bold;}
.zone .required {font-size: 0.9em; line-height: 1.4em; color: #000; font-weight: normal;}
.zone .required ul {margin-left: 0; padding-left: 30px;}

.noAction, .action {display: block; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
.action {color: #FF0000;}

.accountDetails {float: left; width: 100%; line-height: 1.3em; margin: 10px 0 20px 0;}
.accountDetails .left {font-weight: bold; float: left; width: 150px; color: #585858;}

.required {color: #FF0000; font-weight: bold;}

#footer {float: left; width: 945px; border-top: 2px solid #848B8F; padding: 15px 10px 0 45px; margin: 10px 0 20px 0; background: url(../images/fg_logo.gif) no-repeat 10px 25px; font-size: 0.9em;}
*+html #footer {background-position: 10px 15px}
* html #footer {background-position: 10px 15px}

.clear {clear: both;}
.clearRight {clear: right;}
.bold {font-weight: bold;}
.bodySmall {font-size: 0.9em;}

.pageMesg {color: #FF0000; padding: 8px 0px 8px 0px;}
.pageMesg ul {font-weight: bold; font-size: 0.9em;}

.pageIntro {padding: 8px 0px 8px 0px;}
.pageContent {padding: 8px 0px 8px 0px;}
.pageDivideSolid {border-width: 1px 0px 0px 0px; border-style: solid; border-color: #CCCCCC; padding: 0px}
.pageDivideDotted {border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #999999; padding: 0px}
.altDivideDotted {border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #000082; padding: 0px}
.contentLabel {float: left; width: 34%; padding: 4px; font-weight: bold; color: #333333;}
.contentCell {padding: 4px; float: left;}
.red {color: #FF0000;}

/* search styles */
#searchForm input.comname, #addForm input.comname{width: 300px; border: 1px solid #7F9DB9;padding: 3px;}
.searchResultsBox {padding: 10px 0 0 0;}
.searchNumber {float: left; padding: 4px 4px 4px 4px; color: #333333; font-weight: bold;}
.searchResult {float: left; padding: 3px; width: 75%}
.searchHighlight {background-color: #FBE693;}
.searchLabel {float: right; padding: 4px; width: 215px; padding: 0 0 0 175px; font-weight: bold; font-size: 0.9em; color: #666; background: url(../images/dotted-line.jpg) no-repeat -25px 14px;}
*+html .searchLabel  {}
*+html .form .clear {clear: left;}
.searchCell {float: left; width: auto; padding: 4px 0;}
*+html .searchCell {}
.searchDetails {float: left; width: 600px; padding: 4px 0; margin-bottom: 10px; background: url(../images/bar.gif) no-repeat 0 0; padding-left: 30px;}
.coordinates, .latLong {float: left; width: 170px; background:  url(../images/together.gif) no-repeat 180px 0; padding-right: 30px; margin-bottom: 20px;}
.latLong {width: 300px; background-position: 240px 0;}

/* streetmap */
.streetmap {}
*+html .streetmap p {margin: 15px 0;}
* html .streetmap p {margin: 15px 0;}
.streetmap .buttons {width: 600px;}
.streetmapCell {padding-bottom: 6px;}
.streetmapError {font-weight: bold; color: #FF0000;}
.streetmapBar {padding: 4px; color: #FFFFFF; background-color: #000082;}
.streetmapSubBar {padding: 4px; color: #000000; background-color: #AAAAE6;}
.streetmapMulti {padding: 2px;}
.streetmapMap {}
#streetmapMessage {padding:10px; border-bottom:1px solid #FFE59F; background: #FFF79F;}

.enquiryBrief, .pageBox {float: left; width: 576px; border: 2px solid #FFCC00; margin: 10px 0 30px 0; padding: 10px; background-color: #F7F7F7; line-height: 1.4em;}
*+html .enquiryBrief {padding: 10px;}
*+html .enquiryBrief div.clear {margin: 0; padding: 0; height: 15px;}
.pageBox {line-height: 1.8em!important; padding: 10px!important;}
.pageBox img {display: none!important;}
.pageBox a {font-weight: bold;}
.enquiryBrief img {float: right;}

.oldStatus {color: #666666;}
.currentStatusIn {color: #FF0000; font-weight: bold;}
.currentStatusOut {color: #339900; font-weight: bold;}

.resultInfo {float: left; width: 100%; margin-bottom: 15px;}
.resultTitle {float: left; width: 100%;}
.resultLabel {float: left; padding: 4px; width: 30%; font-weight: bold;}
*+html .resultLabel {padding: 0; margin: 0;}
.resultValue {float: left; padding: 4px; }
*+html .resultValue {padding: 0; margin: 0;}
.result {float: left; padding: 4px; width: 55%; font-weight: bold;}

.resultInZone {border: 1px solid #FF0000; padding: 4px;}
.resultUl {list-style-type: none; margin-left: 15px;}
.statusInfo {font-size: 1.1em; border: 1px solid #FF0000; color: #FF0000; padding: 0px 4px 0px 4px; font-weight: bold;}


/* tasks */
.task {padding: 3px;}
* html .task .paginate {float: none; display: block; width: auto;}
* html .task .pageDivideDotted {float: none; display: block;}
.taskDate {float: left; width: 125px; padding: 3px;}
.taskDateAlert {color: #FF0000;}
.taskPostIt {float: left;}
.taskPostIt ul {margin: 0 0 10px 10px; padding: 0;}
.taskPostIt hr {margin-top: 10px}
* html .taskPostIt ul {margin-left: 20px;}
.taskActual {float: left; width: 300px; padding: 3px;}
.taskActual2 { width: 300px; padding: 3px;}
.postItTask {border: 2px solid #FFCC00; margin: 10px 0 30px 0; padding: 10px; background-color: #F7F7F7; line-height: 1.4em; position: absolute; margin-top: -1px; width: 420px; height: 150px; overflow: auto;}
.taskNumber {float: left; width: 5px; padding: 3px;}
.taskActivity {float: left; width: 20px; padding: 3px;}
.taskOverdue {background-color: #FD3116; border: 1px solid #333333;}
.taskInProgress {background-color: #FF9900; border: 1px solid #333333;}
.taskDeferred {background-color: #FFFF00; border: 1px solid #333333;}
.taskFuture {background-color: #666666; border: 1px solid #333333;}
.taskComplete {background-color: #009900; border: 1px solid #333333;}
.taskButton {float: left; width: 20px; padding: 3px;}
.taskAlert {padding: 4px 0px; color: #CC0000;}
.taskInfo {}

/* help */
.helpTitle {font-weight: bold; padding: 4px;}
.helpBody {margin: 0px; font-weight: normal; padding: 2px;}

.alert {float: left; width: 100%; margin-bottom: 10px; color: #FF3333;}
.error {color: #FF3333; font-weight: bold;}
.previewTable {background-color: #FBE693; color: #FF0000; z-index:50; position: absolute; padding: 5px; width: 100%; border-top: 1px solid #333333; border-bottom: 1px solid #333333;}
.message {float: left; width: 100%; margin: 10px 0; font-weight: bold; line-height: 1.3em; color: #333;}
.smallText {font-weight: normal; font-size: 0.9em;}

/* FORMS */
.formWrapper {}
form {display: inline;}
textarea, select  {font-family: Verdana, Helvetica, sans-serif; font-size: 1em; color: #000066}
.formCellWrapper {width: 100%; padding: 0px 0px 4px 0px;}
.formHeading {font-weight: bold; padding-bottom: 6px;}
.formCell {float: left; width: auto; padding: 3px; color: #333333; min-height: 30px;}
.formSide {float: left; width: 100%; margin-top: 4px; color: #CCCCCC; font-size: 1.5em; font-weight: normal; padding: 3px;}
.formTitle {font-size: 1em; color: #333333; font-weight: bold; padding-bottom: 3px;}
.formSubmit {float: left; width: 100%; margin: 10px 0 20px 0;}
.formIntro {padding: 4px;}
.terms {float: left; width: 598px; height: 150px; overflow: auto; border: 1px solid #CCC; font-size: 0.9em; line-height: 1.3em; margin-bottom: 10px;}
.terms input {}

.form .formCell {float: left; width: 600px; margin: 5px 0; padding: 0;}
.form .formCell .textCell {float: left; width: 100px;}
.form .formCell .inputCell input {width: 280px;}
.form .formCell .inputCell {float: left; width: 300px;}
.form  label {font-weight: bold;}
.formCell .formSide {float: left; width: 20px; margin: 0; padding: 0;}

.button {background-color: #33CC00; text-transform: uppercase; font-weight: bold; cursor: pointer;}
.goButton {background: #FFF url(../images/go-button-bg.jpg) no-repeat 0 0; text-transform: capitalize; font-weight: bold; cursor: pointer; border: none; padding: 0 0 1px 0; margin-top: 0; margin-left: 5px; font-size: 0.8em; width: 33px; height: 20px; text-align: center;}
.buttons {float: left; width: 600px; margin: 15px 0; clear: both;}


/*
a.btn {text-decoration: none; border: 1px solid #333333; background-color: #cccccc; color: #333333; font-weight: bold; padding: 0px 16px 1px 16px;}
a.btn:hover {text-decoration: none; border: 1px solid #333333; background-color: #cccccc; color: #333333; font-weight: bold;}
*/

/* POPUP */
.popupContainer {float: left; width: 100%; background: #FFF url(../images/popup-bg.gif) repeat-x 0 0;}
#popupHeader {float: left; width: 374px; clear: both;  height: 70px; background: #000082 url(../images/logo_banner_small.gif) no-repeat; padding: 5px; border-bottom: 2px solid #003399; overflow: hidden;}
#popupWrapper {float: left; width: 374px; clear: both; background-color: #FFF; padding: 5px; overflow: hidden;}
#popupWrapper .pageContent {float: left; width: 364px; padding: 0 10px 0 0; overflow: hidden;}
#popupWrapper h1 {font: bold 1.4em Arial, Helvetica, sans-serif; padding-bottom: 3px; margin: 0; border: none;}
#popupFooter {float: left; width: 374px; clear: both; padding: 5px; margin-top: 10px; border-top: 1px solid #CCC; font-size: 0.9em; overflow: hidden;}
#popupWrapper input {display: block;}
*+html #popupWrapper .formSide {display: none;}
* html #popupWrapper .formSide {display: none;}

* html #popupFooter {width: 374px;}
*+html #popupFooter {width: 374px;}
* html #popupHeader {width: 374px;}
*+html #popupHeader {width: 374px;}
* html #popupWrapper {width: 374px;}
*+html #popupWrapper {width: 374px;}

/* PRINT */
#print {width: 100%; background-color: #FFF;}
#print .wrapper {width: 600px; margin: 0 auto; text-align: left; line-height: 1.4em;}
#print .header {float: left; width: 100%; padding-top: 10px; margin-bottom: -40px; text-align: right; z-index: 1; position: relative;}
#print h1 {margin-top: 0; z-index: 100; position: relative;}
#print .content {float: left; width: 100%;}
#print .resultInfo {line-height: 1.6em; margin: 5px 0 15px 0;}
#print #footer {float: left; width: 545px; border-top: 2px solid #848B8F; padding: 15px 10px 0 45px; margin: 10px 0 20px 0; background: url(../images/fg_logo.gif) no-repeat 10px 25px; font-size: 0.9em;}
*+html #print #footer {background-position: 10px 15px;}
* html #print #footer {background-position: 10px 15px;}

#print .natGrid {font-size: 0.9em;}

#printHeader {border-bottom: 1px #000082 solid; padding: 4px;}
#printLogo {}
#printWrapper {clear: both; padding: 4px;}
#printFooter {border-top: 1px #000082 solid; padding: 4px;}
#printFooterImgCol {float: left; width: 30px; padding: 0px 0px 0px 4px;}
#printFooterLeftCol {float: left; padding: 0px 0px 0px 4px; font-size: 0.9em;}

#cs_noexpressUpdate
{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #003300;
	text-align: left;
	background-image: url(2008-02-22-ls-user-demo-v2_nofp_bg.gif);
	background-repeat: no-repeat;
	width: 210px; 
	height: 200px;	
	padding: 40px;
}

.enquiryBrief .alertContact{margin-left:4px; width:556px;color:#FF3333;float:left;}
.enquiryBrief .alert{margin-bottom:0px;}

.thickbox {margin-left: 5px;}

.footnote {font-size: 0.9em; line-height: 1.2em; color: #666;}
.natGrid {font-size: 1em; line-height: 1.4em; color: #000;}
.natGrid strong {color: #FF0000;}