/* ----------------------------- Top Level Layout Styles ----------------------------- */

body {
	margin: 0;
	padding: 40px 0;
	background: #efefef url(/images/bg-body.png) repeat-x;
}

#container {
	position: relative;
	overflow: hidden;
	background: #efefef url(/images/bg-container.png) no-repeat top right;
	width: 750px;
	padding-right: 20px;
	margin: 0 auto;
}

#skip, #print {
	display: none;
}

#header {
	background: #06214F url(/images/bg-header2.jpg) no-repeat;
	min-height: 94px;
	border-bottom:1px solid white;
	width: 100%;
}

#footer {
	float: left;
	width: 100%;
	
	color: #666;
	margin-top:1px;
	border-top:1px solid #b0b5a3;
	background-color:#dfe4e1;
	padding:2px 0px 3px 0px;
	margin-left:-3px;
}

/* ----------------------------- 3 Column Layout Styles ----------------------------- */


#content {
	background-color: #fff;
	float: left;
	width: 749px;
	border-right:none;
	min-height: 525px;
	padding-top:11px;
}

#home #content {
	padding-top:201px;
}

#subnav {
	float: left;
	width: 90px;
	padding: 10px;
	margin-left: -110px;
	position: relative;
	display:none;
}

#maincontent {
}

body#home #maincontent {
	float: left;
	width: 520px;
	padding: 0px 20px 10px 20px;;
	margin-right: -430px;
	
}

#supportingcontent {
	float: right;
	width: 90px;
	padding: 10px;
	margin-right: -110px;
	position: relative;
	display:none;
}

/* ----------------------------- Masthead and Main Nav ----------------------------- */
#header a#headerlogin {
	position:absolute;
	left:665px;
	top:4px;
	display:block;
	color:#60c9f0;
}

p.authenticated {
	color:white;
	/*left:600px;
	float:right;*/
	position:absolute;
	top:-4px;
	left:429px;
	text-align:right;
	width:300px;
}

p.authenticated a {
	color:#60c9f0;
}

#header h1 {
	margin: 0 0 10px;
}

#header h1 a#logo {
	display: block;
	width: 200px;
	height: 80px;
	text-indent: -9000px;
}

#subheader {
	border:none;
}
.pagetitle { 
	display:none; 
}

#subheader {
	display: none;
}

#home #subheader {
	display:block;
        clear:both;
	position:absolute;
	top:125px;
}

.subheader {
	margin-top:19px;
}

.subheader img {
	margin-bottom:-39px;
}

#udm li a {
	/*padding-left:9px;*/
}

#udm_40 a {
/*	padding-left:9px !important;*/
	
}


#udm {
	background-image:url(/images/bg-udm-navbar.png);
	width:750px;
}
#udm_40 a {
/*	padding-left:6px !important;*/
	border-right:0px solid white;
	/*padding-left:13px;*/
}


/* ---------------------------------- Footer Content ---------------------------------*/

#footer {
	font-size:0.9em;
}

#footer p {
	margin: 0;
	padding: 4px 10px;
	float: left;
}
	
	
ul#footerlinks {
	position:absolute;
	right:20px;
	margin: 0.5em 0;
	padding: 0;
	overflow: hidden;
}

ul#footerlinks li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
}

ul#footerlinks li a {
	text-decoration: none;
	color: #fff;
}
	
#footer div#cards {
	padding-right:10px;
}

	
#footer div#cards p {
	margin-left:170px;
	/*position:relative;
	left:170px;*/
}

#footer div#cards img {
	margin:0px;
	/*margin-top:2px;
	_margin-top:0px;*/
	/*position:relative;
	left:-10px;
	top:2px;
	margin-right:5px;*/
}

ul#extralinks {
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	left:50px;
}

ul#extralinks li {
	float:left;
	list-style:none;
	margin-left:5px;
	padding-top:4px;
	margin-bottom:0px;
	padding-bottom:0px;
}

ul#extralinks li a {
	color:#666;
	text-decoration:none;
}

/* ---------------------------------- Quick Links and Search ---------------------------------*/

ul#quicklinks  {
	position: absolute;
	top: 5px;
	right: 20px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display:none;
}

ul#quicklinks  li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
}

ul#quicklinks  li a {
	text-decoration: none;
	color: #fff;
}

form#search {
	position: absolute;
	top: 65px;
	right: 30px;
	margin: 0;
	padding: 0;
	display:none;
}

form#search label {
	float: none;
	font-weight: normal;
	color: #fff;
}

/* ------------------------------------ Subnav ---------------------------------------*/

#subnav h3 {
}

#subnav p {
	margin-top: 0;
	padding: 0 5px;
}

ul.navlist {
	margin: 0;
	padding: 0;
}

ul.navlist li {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* IE ignores styles with [attributes], so it will skip the following. */
ul.navlist li[class] a { background-image:url(/images/semi-trans-75.png); }
ul.navlist li[class] a:hover { 	background-image:url(/images/semi-trans-90.png); }

ul.navlist li a {
	display: block;
	margin: 0 0 1px 0;
	text-decoration: none;
	padding: 2px 5px;
	color: #000;
}


ul.navlist ul {
	padding-left: 15px;
	margin: 0;
}


ul.navlist li.category a,
ul.navlist li.thissection li.category a,
ul.navlist li.thissection li.content a {
	font-weight: normal;
}

ul.navlist li.thissection a {
	font-weight: bold;
}

ul.navlist li.content a {
	font-weight: normal;
}

ul.navlist li.thiscontent a {
	font-weight: bold;
}

/* --------------------------------  Forms -------------------------------- */

form p {
	clear: left;
}

input, textarea, select, option {
	font: 1em /1 Verdana, Arial, Helvetica, sans-serif;
}

label, span.legend {
	float: left;
	width: 80px;
}

div#errorbox label {
	padding:0px;
}

p.checkbox, p.radio {
	float: left;	/*	needs to float to take up the right amount of space (all the contents floats) 	*/
	width: 100%;	/*	ie needs this	*/
}

p.checkbox input, p.radio input {
	float: left;
	background: 0 none;
}

p.checkbox label, p.radio label {
	width: auto;
	padding: 2px;
	font-weight: normal;
}

label.tip {
	cursor: help;
	background: transparent url(/images/bg-tip.png) no-repeat top right;
}

input.text {
	width: 100px;
}

textarea {
	width: 270px;
	height: 80px;
}

input.button {
}

#errorbox {
	border-top: 1px dotted #c00;
	border-bottom: 1px dotted #c00;
	margin: 20px 0;
}

fieldset {
	background: #fff url(/images/bg-fieldset.gif) bottom left repeat-x;
}



/* ------------------------------------ Timing ---------------------------------------*/

#timing	{
	width: 770px;
	margin: 0 auto;
	text-align: right;
	font-size: 120%;
}

#timing p {
	display: inline;
	padding-left: 1em;
}

#timing p code.warn {
	color: red;
	font-size: 140%;
}

/* ------------------------------------ Privacy Policy ---------------------------------------*/

body#privacy pre {

	white-space: normal;
}

/* ------------------------------------ Tables ---------------------------------------*/
.tablewrapper {
	width: 100%;
	/*overflow: hidden;*/
}

/* -------------------------------------- Lists --------------------------------------------*/

ul {
	padding-left:16px;
}

	
/* --------------------------------------- Secondary Content ------------------------------------ */

div.latestnews, div#openaccount, div#weather {
	background-color:#f3f5f2;
}

div#secondarycontent {
	
	background-color:transparent;
	width:192px;
	border-bottom:1px solid #dcdedb;
	/*padding-bottom:10px;*/
	position:absolute;
	top:137px;
	left:558px;
}
	
#home div#secondarycontent {
	position:absolute;
	left:558px;
	top:137px;
	z-index:100;
}

div#secondarycontent h3 {
	color:#cc0000 !important;
	padding:0px 0px 0px 0px;
	margin:2px 0px 0px 10px;
	font-size:1.1em ;
	background-image:url(/images/secondary-content-dot.png);
	background-position:center left;
	background-repeat:no-repeat;
	
}

div#secondarycontent div {
	border-top:1px solid white;
	border-bottom:1px solid #dcdedb;
}

div#secondarycontent div h3 a {
	color:#CC0000 !important;
	text-decoration:none;
	padding-left:17px;
}

div#secondarycontent div h3 a:hover {
	color:#CC0000 !important;
}

div#secondarycontent div#buttons {
	border:0px;
	height:155px;
	padding-left:15px;
}

div#secondarycontent div#buttons a {
	margin-top:-3px;
	display:block;
}

div#openaccount {
	background-image: url(/images/secondary-content-setupaccount.png);
	height:153px;
	background-repeat:no-repeat;
}

td.supportingcontent div h3 a {
	color:#CC0000 !important;
	text-decoration:none;
	padding-left:17px;
}

td.supportingcontent div h3 a:hover {
	color:#CC0000 !important;
}

	
/* -------------------------------- Content CSS ---------------------------- */

body#home #maincontent p {
	line-height:15px;
	margin:0.8em 0pt;
}

h2 {
	color:#2043A7;
	position:relative;
	z-index:100;
}


	
#maincontent hr {
	border-top:1px dotted #ccc;
	background-color:white;
	border-bottom:none;
	margin-bottom:5px;
}
	
body#home #maincontent h3 {
	padding-left:0px;
	margin-left:-7px;
	margin-top:0px;
}

.services li {
	list-style-image:url(/images/latestnews-list-arrow.png) !important;
}

.services li a {
	color:#666666;
	text-decoration:none;
}
	
.services li a:hover {
	color:#d8503f;
	text-decoration:underline;
}
.services {
	width:195px;
	float:left;
}

.tablewrapper table {
	width:752px;
	margin-bottom:-2px;
	_margin-bottom:-1px;
}


td.maincontent .subheader, body.opensys .subheader {
	position:absolute;
	top:125px;
	_top:121px;
	left:0px;
}

td.maincontent {
	padding-left:15px;
	padding-right:15px;
	/*width:537px;*/
	width:522px;
	/*border-top:120px solid white;*/
	vertical-align:top;
	
}

td.maincontent p {
	margin:0.8em 0;
	line-height:15px;
}

body #content {
	background-image:url(/images/bg-supportingcontent.png);
	background-position:557px;
	background-repeat:repeat-y;
}

body.opensys #content {
	background-image:none;
}

body#home #content {
	background-position:558px;
}

td.supportingcontent {	
	/*background-color:#F3F5F2;*/
	width:192px;
	vertical-align:top;
	z-index:100;
	position:relative;
}

td.supportingcontent h3 {
	color:#cc0000 !important;
	padding:0px 0px 0px 0px;
	margin:2px 0px 0px 10px;
	font-size:11px;
	background-image:url(/images/secondary-content-dot.png);
	background-position:center left;
	background-repeat:no-repeat;
}

td.supportingcontent div {
	border-top:1px solid white;
	border-bottom:1px solid #dcdedb;
}

td.supportingcontent div#buttons {
	border:0px;
	height:99px;
	text-align:center;
	padding-top:20px;
	/*border-bottom:0px solid #DCDEDB;
	background-color:#F3F5F2;*/
	background-color:transparent;
	position:absolute;
	top:123px;
	left:583px;
}

td.supportingcontent div#buttons a {
	margin-top:-3px;
	display:block;
}

td.supportingcontent div#openaccount a.openaccount {
	font-size:0.9em;
	/*display:block;
	margin-top:94px;
	margin-left:80px;*/
	position:relative;
	left:80px;
	top:93px;
}

td.supportingcontent div.latestnews li {
	font-size:1em;
}

td.supportingcontent div#weather h3 a {
	font-size:1em !important;
}

td.supportingcontent div#weather a {
	font-size:0.9em;
}

/* ------------------------------- Survey ---------------------------------------- */


#contact-us_download-survey label, 
#contact-us_download-survey span.legend {
	width: 215px;
	padding-right:10px;
	padding-bottom:25px;
}

/* ------------------------------- Driver Enquiry -------------------------------- */

#contact-us_driver-enquiry label,
#contact-us_driver-enquiry span.legend {
	width:215px;
	margin-right:5px;
	margin-bottom:10px;
}

/* ----------------------------- Login Form -------------------------------------- */

form#loginform fieldset {
	margin:0px auto;
	width:205px;
	position:relative;
	/*top:125px;*/
}

form#loginform {
	padding-top:20px;
}

/* --------------------------- Quick Feedback Form ------------------------------ */

form#quickfeedback label {
	width:150px;
}

form#quickfeedback input.text {
	width:150px;
}

/* -------------------------- Online Application Form --------------------------- */

#onlineapplication label, 
#onlineapplication span.label, 
#onlineapplication span.grouplabel {
	width:150px;
}

#onlineapplication input.text {
	width:246px;
}

#onlineapplication input#clientadelaide {
	margin-left:154px;
}

#onlineapplication input#clientperth {
	margin-left:14px;
}

#onlineapplication a.conditionsofcarriage {
	position:relative;
	top:-4px; 
}

#onlineapplication select {
	width:250px;
}

#onlineapplication #conditionsofcarriagelabel {
	width:200px;
}

li.pdf {
	background-image:url(/images/pdf.gif);
	background-position:210px 0px;
	background-repeat:no-repeat;
	padding-bottom:1px;
}

div#weather a.traffic {
	display:block;
	margin-left:10px;
}

body.opensys #content {
	float: none;
	min-height: 525px;
	padding: 30px 10px;
	width: 730px;
	padding-top:165px;
	background-image:url(/images/warehouse.jpg);
	background-position:center 30px;
	background-repeat:no-repeat;
}

body.opensys.bookings #content {
	background-image:url(/assets/image/1193884573-technology.jpg);
}

body.opensys.jobs_enquiry #content {
        background-image:url(/assets/image/1193884573-technology.jpg);
}

body.opensys.job_analysis #content {
background-image:url(/assets/image/1212553054-fleet_02.jpg);
}

body.opensys.requestaninvoice #content {
background-image:url(/assets/image/1212554692-subheader_general.jpg); 
}

body.opensys h1 {
	position:relative;
}

body.opensys #content h2 {
	font: 1.7em /2em Tahoma,sans-serif;
	color: #000;
	margin-top: 0.8em;
}

body.opensys #content h3 {
	font: bold 1.5em /2em Tahoma,sans-serif;
	color: #000;
	margin-top: 1em;
}

body.opensys p span.label {
	display:block;
	float:left;
	width:100px;
}

body.opensys div#enquiry_summary p {
	clear:left;
	height:13px;
}

body.opensys div#enquiry_summary h2 {
	clear:left;
}

body.opensys div.subheader {
	height:154px;
	width:749px;
	background-image:url(/images/warehouse.jpg);
}

/*	---------------------------------------------	*/

fieldset 
{
	margin-bottom: 20px;
}

legend 
{
	color: black;
	font-size: 1.3em;
	font-weight: bold;
}

span.grouplabel {
	float:left;
	width:80px;
	} 

label.checkbox-label {
	float: none;
	width: auto;
	}

input.checkbox {
width:20px;
}

span.req {
	color: red;
	}

.buttongroup {
	border-top: 1px solid #828177;
	padding-top: 10px;
	margin-top: 10px;
}

.buttongroup p {
	margin-bottom: 15px;
	}

.buttongroup input {
	max-width: 180px;
	}

input.primary 
{
	font-weight: bold;
}

input.long {
	width:250px;
}


div#buttonssp {
	position:absolute;
	top:142px;
	left:583px;
}
div#buttonssp a {
	display:block;
	margin-top:-3px;
}
div#buttonssp a img {
	zoom:1;
}



/*------------------------ Bookings ---------------------------*/

form#booking label,
form#booking span.grouplabel,
form#JobsEnquiry label,
form#JobsEnquiry span.grouplabel,
form#payment label,
form#payment span.label,
form#labelconf label,
form#labelconf span.label {
	width: 150px;
	}

input#FREQADDR_NUM_FROM,
input#FREQADDR_NUM_TO {
	width: 15px;
}

input#FROM_DETAILS_1,
input#FROM_DETAILS_4,
input#TO_DETAILS_1 {
	width: 380px;
}
input#FROM_DETAILS_2,
input#FROM_DETAILS_3,
input#TO_DETAILS_2,
input#TO_DETAILS_3 {
	width: 340px;
}


form#booking table {
	float: left;
	/*width: 200px;*/
	margin-left: 250px;
	margin-top: -26px;
	_margin-top: -22px;
}
form#booking table table {
	float: none;
	margin: 0;
}


ul#relatedlinks {
	height: 30px;
	padding: 0;
	}

ul#relatedlinks li {
	float: left;
	width: 120px;
	list-style: none;
	padding-left: 10px;
	background: #fff url(/images/list-dot.png) no-repeat 0px 5px;
}


/* terms and conditions css */

.termsandconditions span {
	width:168px;
	float:left;
	position:relative;
	left:156px;
}

.termsandconditions input {
	position:relative;
	top:-3px;
	left:150px;
	float:left;
}

.termsandconditions a {
	position:relative;
	top:-6px;
	left:15px;
}

.termsandconditions span a {
	top:0px;
	left:0px;
}

/* css for vehicle image and hazard divs */


#bookings-images {
	float: right;
	width:180px;
	text-align:center;
}

#bookings-images #vehicle-image {
	width: 175px;
	height: 50px;
	margin-bottom: 10px;
}

#bookings-images #hazard-placard {
	width: 150px;
	height: 100px;
}

.exampleimage {		/*	Open systems original image	*/
	display: none;
}

#hazard-selector {	/*	Hide the hazard selector until a user turns it on	*/
	display: none;
}

/* vehicle images *//*

.car {
	background: #fff url(/images/XRSedan.jpg) no-repeat center;
}

.roof_rack {
	background: #fff url(/images/One-Tonne-Tray-Roof-Rack.jpg) no-repeat center;
}

.tray {
	background: #fff url(/images/One-Tonne-Tray.jpg) no-repeat center;
}

.van {
	background: #fff url(/images/One-Tonne-Van.jpg) no-repeat center;
}

.either_tray_or_small_van {
	background: #fff url(/images/svt-either.jpg) no-repeat center;
}

.small_van {
	background: #fff url(/images/Half-Tonne-Van.jpg) no-repeat center;
}

.small_tray {
	background: #fff url(/images/Half-Tonne-Tray.jpg) no-repeat center;
}

.either_tray_or_van {
	background: #fff url(/images/onetonne-either.jpg) no-repeat center;
}

.half_tonne_tray {
	background: #fff url(/images/Half-Tonne-Tray.jpg) no-repeat center;
}

.half_tonne_van {
	background: #fff url(/images/Half-Tonne-Van.jpg) no-repeat center;
}

.either_standard_or_high_roof {
	background: #fff url(/images/standard-highroof.jpg) no-repeat center;
}

.two_tonne_high_roof {
	background: #fff url(/images/Two-Tonne-High-Roof-Transit.jpg) no-repeat center;
}

.two_tonne_standard {
	background: #fff url(/images/Two-Tonne-Standard-Transit.jpg) no-repeat center;
}

.four_tonne_van {
	background: #fff url(/images/Two-Tonne-Standard-Transit.jpg) no-repeat center;
}

.six_tonne_van {
	background: #fff url(/images/Two-Tonne-Standard-Transit.jpg) no-repeat center;
}

.eight_tonne_van {
	background: #fff url(/images/Two-Tonne-Standard-Transit.jpg) no-repeat center;
}

.two_tonne_taut
{
	background: #fff url(/images/2T-Tautliner.jpg) no-repeat center;
}

.four_tonne_taut
{
	background: #fff url(/images/4T-Tautliner.jpg) no-repeat center;
}

.six_tonne_taut
{
	background: #fff url(/images/6T-Tautliner.jpg) no-repeat center;
}

.eight_tonne_taut
{
	background: #fff url(/images/8T-Tautliner.jpg) no-repeat center;
}

.twelve_tonne_taut
{
	background: #fff url(/images/12T-Tautliner.jpg) no-repeat center;
}

.fourteen_tonne_taut
{
	background: #fff url(/images/14T-Tautliner.jpg) no-repeat center;
}

.two_tonne_tray
{
	background: #fff url(/images/2T-Tray.jpg) no-repeat center;
}

.four_tonne_tray
{
	background: #fff url(/images/4T-Tray.jpg) no-repeat center;
}

.six_tonne_tray
{
	background: #fff url(/images/6T-Tray.jpg) no-repeat center;
}

.eight_tonne_tray
{
	background: #fff url(/images/8T-Tray.jpg) no-repeat center;
}

.twelve_tonne_tray
{
	background: #fff url(/images/12T-Tray.jpg) no-repeat center;
}

.fourteen_tonne_tray
{
	background: #fff url(/images/14T-Tray.jpg) no-repeat center;
}

/* hazard images */

.not-hazard {
	background-image: none;
}

.class1 {
	background: #fff url(/images/class1.gif) no-repeat center;
}

.class2_1 {
	background: #fff url(/images/class2_1.gif) no-repeat center;
}

.class2_2 {
	background: #fff url(/images/class2_2.gif) no-repeat center;
}

.class2_2B {
	background: #fff url(/images/class2_2B.gif) no-repeat center;
}

.class2_3 {
	background: #fff url(/images/class2_3.gif) no-repeat center;
}

.class3 {
	background: #fff url(/images/class3.gif) no-repeat center;
}

.class4_1 {
	background: #fff url(/images/class4_1.gif) no-repeat center;
}

.class4_2 {
	background: #fff url(/images/class4_2.gif) no-repeat center;
}

.class4_3 {
	background: #fff url(/images/class4_3.gif) no-repeat center;
}

.class5_1 {
	background: #fff url(/images/class5_1.gif) no-repeat center;
}

.class5_2 {
	background: #fff url(/images/class5_2.gif) no-repeat center;
}

.class6_1 {
	background: #fff url(/images/class6_1.gif) no-repeat center;
}

.class6_1A {
	background: #fff url(/images/class6_1A.gif) no-repeat center;
}

.class6_1B {
	background: #fff url(/images/class6_1B.gif) no-repeat center;
}

.class6_2 {
	background: #fff url(/images/class6_2.gif) no-repeat center;
}

.class7 {
	background: #fff url(/images/class7.gif) no-repeat center;
}

.class8 {
	background: #fff url(/images/class8.gif) no-repeat center;
}

.class9 {
	background: #fff url(/images/class9.gif) no-repeat center;
}

.class10 {
	background: #fff url(/images/class10.gif) no-repeat center;

}

/*------------------------ Job Analysis ---------------------------*/


form#SubmitAnalysis label
{
	width: 90px;
	padding-left: 12px;	/*	align with fieldsets	*/
	font-weight: bold;
}

fieldset#choosedates label,
fieldset#options label,
fieldset#selectcolumns label
{
	padding-left: 0;
}


form#SubmitAnalysis fieldset label
{
	font-weight: normal;
}

fieldset#choosedates p.radiogroup label,
fieldset#selectcolumns label
{
	float: none;
}

fieldset#options label
{
	width: 180px;
}

fieldset#selectcolumns
{
	clear: left;
}

/*body.opensys .logos {
	border:1px solid black;
	width:300px;
	height:300px;
	margin:30px;
	float:left;
	text-align:center;
}*/

body.opensys div#buttons {
	clear:both;
	text-align:center;
}

body.opensys div#comments {
	text-align:center;
}

body.opensys table.logos {
	border-collapse:separate;
	border-spacing:30px;
}

body.opensys .logos td {
	border:1px solid black;
	width:300px;
	height:300px;
	text-align:center;
	vertical-align:middle;
}

form table tr {
	background:none;
}
form table th {
	border-bottom:1px solid grey;
}

form table td {
	background:none;
	border-top:1px solid grey;
	border-bottom:1px solid #ccc;
}

form table {
	background:none;
	border-collapse:collapse;
	width:100%;
}


form table td.textbuttongrey, form table td.textbuttonwhite {
	text-align:center;
}

form table tr.faddlabelgrey td {
	background-color:#FaFaFa;
}

form input.textbutton {
	position:absolute;
	top:147px;
	left:651px;
	_left:636px;
	_top:130px;
}


#booking table {
	width:auto;
	border-collapse:separate;
}

#booking table tr, #booking table td {
	border:0px solid black;
}


/* -------------- Enquiry Summary Page ----------------- */

.mockfieldset {
	background: #FFFFFF url(/images/bg-fieldset.gif) repeat-x scroll left bottom;
	border:2px groove #ECE9D8;
	padding:8px;
	padding-top:0px;
	margin-bottom:15px;
	margin-top:15px;
	_height:20px;
	min-height:20px;
}
			
.mockfieldset div {
	display:none;
	clear:both;
}
			
.mockfieldset div div {
	display:block;
}
			
.mockfieldset div.first {
	display:block;
}

.mockfieldset p {
	clear:left;
}
			
.mockfieldset .map {
	text-align:center;
}
			
.mockfieldset h2 {
	font-size:13px !important;
	font-weight:bold !important;
	position:relative;
	top:-25px;
	float:left;
	background-color:white;
	padding:0px 2px;
	margin-bottom:-24px;
	_margin-bottom:-30px;
	height:20px;
	background-repeat:no-repeat;
	background-position:2px 9px;
	padding-left:15px;
	background-image:url(/images/plus.png);
}
.mockfieldset h2.minus {
	background-image:url(/images/minus.png);
}
	
.mockfieldset .signature {
	float:left;
}

/* ------------- Misc Classes For OpenSystems -------------- */

.hide {
	display:none;
}

input.focus, select.focus {
	background-color:#FCFFCD;
	border:1px solid #7F9DB9;
	padding:1px 1px 3px 1px;
}

#FREQADDR_NUM_FROM.focus, #FROM_DETAILS_2.focus, #FROM_DETAILS_4.focus, 
#FREQADDR_NUM_TO.focus, #TO_DETAILS_2.focus, #POD_DESTINATION.focus {
	padding:2px 1px 2px 1px;
}

/* ------------ Booking CSS ----------------------- */

body.bookings #CLIENTNAME {
	/*width:215px;*/
}
/* input elements styling */
body.bookings #FROM_DETAILS_1,
body.bookings #FROM_DETAILS_2,
body.bookings #FROM_DETAILS_4,
body.bookings #FROM_DETAILS_3,
body.bookings #TO_DETAILS_1,
body.bookings #TO_DETAILS_2,
body.bookings #TO_DETAILS_3,
body.bookings #DRIVER_CALL_PHONE,
body.bookings #POD_DESTINATION
{
	width:371px;
}
/* select elements styling */
body.bookings #FrequentBooks,
body.bookings #FrequentsFrom,
body.bookings #FROM_SUBURB,
body.bookings #FROM_GOODS,
body.bookings #FrequentsTo,
body.bookings #TO_SUBURB,
body.bookings #SERVICE {
	width:375px;
}

div.left {
	float:left;
}
div.right {
	float:right;
}

/* Job Analysis Styling */
form#list_jobs table th, form#list_jobs table thead td {
	background-color: #ddd;
	text-align: left;
	padding-right: 5px;
	font-weight:bold;
	text-transform:capitalize;
	border-top:0px solid grey;
	border-bottom:1px solid grey;
}
form#list_jobs table td {
	padding-right: 10px;
}
form#list_jobs table td.servicetype,
form#list_jobs table td.distance {
	text-align: center;
}
form#list_jobs table td em {
	color: #999;
}
form#list_jobs table td span.from {
	display: block;
}
form#list_jobs table td span.to {
	display: block;
	text-align: right;
}
form#list_jobs table th.fromto {
	width: 16%;
}
form#list_jobs table input {
/*	min-width: 60px; */
}

fieldset#choosedates p.radiogroup label, fieldset#selectcolumns label {
	padding-right: 8px;		/*	add to existing custom styles	*/
}
/* Payment Gateway */

form#payment table thead td, form#payment table thead th {
	background-color: #ddd;
	text-align: left;
	padding-right: 5px;
	font-weight:bold;
	border-bottom:1px solid grey;
	border-top:0px;
}

form#payment table td {
	padding-right: 10px;
}

form#payment table .paidfull,
form#payment table .viewjobs,
form#payment table .viewinvoice,
form#payment table .query {
	text-align: center;
	}

form#payment table tr.total td {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	}


body.requestaninvoice table#main {
	border-collapse:collapse;
	width:100%;
}

body.requestaninvoice table#main thead th {
	background-color:#DDDDDD;
	border-bottom:1px solid grey;
	border-top:0px none;
	font-weight:bold;
	padding-right:5px;
	text-align:left;
}

body.requestaninvoice table#main td {
	background:none;
	border-top:1px solid grey;
	border-bottom:1px solid #ccc;
}


body.requestaninvoice table#main tr.faddlabelgrey td {
	background-color:#FaFaFa;
}


body.opensys table thead td, body.opensys table thead th {
	background-color:#DDDDDD;
	border-bottom:1px solid grey;
	border-top:0px solid grey;
	font-weight:bold;
	text-align:left;
}

body.opensys tr.subtotal td {
        padding:0.8em 1em;
        background-color:#FFFF88;
}

/* 
 * Fix for the job analysis page to prevent text from wrapping around over
 * the text underneath it
 */
span.field {
	float:left;
	width:580px;
}
		
body.opensys div#enquiry_summary p {
	/*height:auto !important;*/
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;} */

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


div.gallery ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

div.gallery span {
	display: block;
	text-align: right;
	padding: 0 1.5em 1em 0
}

div.gallery ul li {
	list-style: none;
	float: left;
	background-color: #fff;
	padding: 0.5em 1em 0 1em;
	margin: 0 1em 1.3em 0.2em;
	width: 10.2em;
	border: 1px solid #ccc;
	height: 12em;
	_height: 17em;
	}

div.gallery ul li.selected {
	background-color: #FFC;
	}

div.gallery ul li div.imageholder {
	text-align: center;
	padding-top: 0.5em;
}

div.gallery ul li div.imageholder img {
	margin: 2px auto;
	display: block;
	border: 0;
	}

div.gallery ul li p {
	font-size: 0.8em;
	color: #5B6F7B;
	}

div.gallery ul li div.buttongroup {
	padding-left: 0;
	}

div.gallery ul li div.buttongroup input {
	font-size: 0.8em;
}

div.gallery ul li h4 {
	font-size: 0.9em;
	_border-top: 10px solid #fff;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;} */

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* css for plugin */