body {
	font-size:85%;
	padding:0px;
	margin:0px;
	background:#7392f0;
	background-image:url(../images/bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-bottom:10px;
}

body.reporting {
    background-color:#6e6e6e;
    background-image:url(../images/bgr.gif);
}

* {
	font-family:helvetica, verdana, arial, sans-serif;
}

div.dialog {
	position:relative;
    _zoom:1;
	border:solid 2px #444;
	background:#fff;
	padding:10px;
	margin:10px 10px 0px;
    clear:both;
}

a {
	color:blue;
}

div.dialog.withH2 {
	top:26px;
    margin-bottom:26px;
}

fieldset {
	border:solid 1px #666;
	background:#f5f5f5;
	/*padding-top:10px;*/
	clear:both;
	font-size:100%;
	padding:10px 10px 8px 10px;
}

.ie7 fieldset {
    position: relative;
    margin-top: 10px;
}

legend {
	color:#444;
	font-weight: bold;
}

.ie7 legend {
    position: absolute;
    top: -.5em;
    left: .2em;
}

dl, dd, dt {
    padding:0px;
    margin:0px;
}

dl.form, dl.formHorizontal {
	position:relative;
	clear:both;
	width:100%;
	vertical-align:baseline;
	margin:0px;
	padding:0px;
    float:left;
}


dl.formHorizontal .field {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	width:150px; /* CDN: Some labels did not fit properly onto one line so added 45px to the
					inital width
				  */
	height:38px;
	overflow:visible;
    padding:0px;
    position:relative;
    _zoom:1;
}

dl.formHorizontal .field.X2 {
	width:205px;
}

dl.formHorizontal .field.X3 {
	width:310px;
}


dl.form dt, dl.formHorizontal dt {
	display:inline;
	clear:left;
	padding:0px;
	margin:0px;
	font-size:85%;
}

dl.form dd {
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.textBox {
	border:solid 1px #666;
    position:relative;
    width:100%;
    padding-top:3px;
    padding-bottom:3px;
	background-image:url(../images/textshadow.gif);
	/* background-attachment:local; CDN: Not recognised by browsers and hence dropped by browsers.
									No point in having this in the style sheet seeing as it merely
									causes errors.
	*/
	background-position:top;
	background-repeat:repeat-x;
}

select {
	border:solid 1px #666;
	height: 23px;
	width:154px; /* CDN: IE7 shrinks select dropdown boxes which have their data changed based upon
				 	a change to another element (e.g. a dropdown) on a page. So cannot use width as
				 	a % and must instead be given a fixed width in px
				  */
}

input.button, .linkbutton {
	margin:0px;
	font-weight:bold;
	font-size:11px;
	border:solid 1px #666;
	padding:5px 5px 4px;
	background-image:url(../images/simplebutton.gif);
	background-position:left;
	cursor:pointer;
	margin-right: 5px;
}

.linkbutton {
	text-decoration:none;
	color:black;
	margin-left:1px;
    padding:6px 5px 5px;
}

input.button.small {
	padding:2px 2px 1px;
}

.dialog h2, div.tabnav-left h2 {
	position:absolute;
	margin:0px;
	right:-2px;
	padding:7px 10px;
	border:solid 2px #444;
	color:white;
	display:block;
	background:#444;
	font-size:13px;
	top:-28px;
	left:-2px;
	background-image:url(../images/dc.gif);
	background-position:left;
	_width:100%;
	_top:-35px;
}

#nav {
	position:absolute;
	right:0px;
    bottom:1px;
    _bottom:0px;
}

#nav a {
	float:left;
	font-size:12px;
	padding:8px 10px 7px;
	_padding:8px 10px 7px;
	background-image:url(../images/navbg.gif);
	background-position:top left;
	font-weight:bold;
	color:white;
	text-decoration:none;
	margin-right:1px;
}

#nav a:hover {
	background-position:bottom left;
	color:black;
}

#logout {
    position: absolute;
    right: 0px;
    /*bottom: 31px;*/
    top: 1px;
}

#fullname {
	position: absolute;
	right: 70px;
	/*bottom: 31px;*/
	top: 5px;
	text-align: right;
}

#logout a {
    float:left;
    font-size:13px;
    padding:8px 10px 7px;
    background-image:url(../images/dc.gif);
    background-position: left;
    font-weight:bold;
    color:white;
    text-decoration:none;
    margin-right:1px;
}

#logout a:hover {
    /*background-position:bottom left;*/
}

#personalInfo {
	position:absolute;
	font-size:85%;
    top:5px;
    right:5px;
	text-align:right;
}

form {
	margin:0px;
	padding:0px;
}

.buttonRow {
	clear:both;
}

.ie7 .buttonRow {
    padding-top: 5px;
}

table {
	font-size:100%;
}

table.resultsGrid {
	border-collapse:collapse;
	font-size:100%;
	border:solid 1px #888;
	background:white;
}

table.resultsGrid th {
	margin:0px;
	font-weight:bold;
	font-size:11px;
	border:solid 1px #666;
	padding:5px 5px 4px;
	background-image:url(../images/simplebutton.gif);
	background-position:left;	
	cursor:default;
}

table.resultsGrid td {
	padding:4px;
	/* position:inherit;
			CDN: IE7 does not render this properly. This causes spillover of the results
			outside of container area.
	 */
	border-top:dotted 1px #444;
}

table.resultsGrid tr.subrow td.first {
	padding-left:2em;
}

table.resultsGrid tr.subrow td {
	color:#444;
	border:none;
}

a {
	color:#6060ff;
}

div.tabnav {
	color:white;
	display:block;
	float:left;
	background:transparent;
	font-size:13px;
	margin:10px 10px;
}

div.dialog.leftMenu {
    clear:none;
    margin-left:220px;
}

/* For IE 6 */
* html div.dialog.leftMenu {
    position:relative;
    top:36px;
}

#page-wrapper {
    position:relative;
}

div.tabnav-left {
    position:absolute;
    left:10px;
    top:26px;
    margin-bottom:26px;

    width:180px;
    border:solid 2px #444;
    background:#fff;
    padding:10px;
}

/* For IE 6 */
* html div.tabnav-left {
    left:-210px; /* wtf ie? */
    top:36px
}

div.tabnav-left a {
    display:block;
    color:darkblue;
    text-decoration:none;
    padding:0.5em;
}

div.tabnav-left a:hover {
    background:#eeeeee;
}

body.reporting.vehicleDetails #vehicleDetails,
body.reporting.vehicleExpenses #vehicleExpenses,
body.reporting.vehicleOperatingCosts #vehicleOperatingCosts,
body.reporting.vehicleNBA #vehicleNBA,
body.reporting.employeeContrib #employeeContrib,
body.reporting.fullLog #fullLog,
body.reporting.privateLog #privateLog,
body.reporting.calcParams #calcParams,
body.reporting.calcResultsCar #calcResultsCar,
body.reporting.calcResultsCarOwned #calcResultsCarOwned,
body.reporting.calcResultsCarLeased #calcResultsCarLeased,
body.reporting.calcResultsCarCon #calcResultsCarCon,
body.reporting.calcResultsDriver #calcResultsDriver,
body.reporting.calcResultsDriverCon #calcResultsDriverCon {
    background:#ddd;
    font-weight:bold;
}


div.tabnav a {
	float:left;
	font-size:11px;
	padding:8px 10px;
	background-image:url(../images/tabbg2.png);
	background-position:top left;
    background-repeat: repeat-x;
	font-weight:bold;
	color:black;
	text-decoration:none;
	margin-right:1px;
}

div.tabnav a.selected, div.tabnav a:hover {
    background-image:url(../images/tabbg2.png);
    background-position:bottom left;
    background-repeat: repeat-x;
	color:white;
}

tr.hilight td {
	background:yellow;
}

.errorMessage {
	color:red;
	font-weight:bold;	
}

#entitySel {
       
}

a.llbutton {
    position:absolute;
    z-index: 10;
    right: -1px;
    top: 18px;
    border: none;
    background: #cbcbcb;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 12px;
    color: black;
	height: 12px;
}

.moz a.llbutton {
    top: 16px;
}

.ie a.llbutton {
    top: 14px;
    right: -3px;
    height: 11px;
}

.ie8 a.llbutton {
    top: 16px;
    right: -3px;
    height: 12px;
}

.ie7 a.llbutton {
    top: 17px;
    right: -3px;
    height: 12px;
}

a.llbutton:hover {
    background: #a5a5a5;
    color:white;
}

.opened {
	font-weight:bold;
}

a.selected {
	font-weight:bold;
	color:red;
}

.bigbutton {
 	margin:0px;
	font-weight:bold;
	font-size:13px;
	border:solid 2px #666;
	padding:8px 8px 7px;
	background-image:url(../images/simplebutton.gif);
	background-position:left;
	cursor:pointer;
}

.tofill {
	background:blue;
	color:white;
}

.flashMain, .validationMessages {

	margin:10px;
	padding:10px;
	background:orange;
	color:black;
}

div.buttonrow2 {
    text-align:center;
    padding:5px;
}

div.buttonrow2 input {
    margin:5px;
}


div.tableScroll {
	min-height:65px; /* CDN: added so that when only 1 result is retrieved, that both the
						heading and the result are visible without either being cut-off by
						the container area.
					  */
    width:auto;
    overflow:auto;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 0.9em !important;
}

.ui-datepicker-header {
    background: url("../images/simplebutton.gif") !important;
    background-position-x: 0% !important;
    background-position-y: 50% !important
}

select {
    margin-top: 2px;
    height: 24px;
}

.ie select {
    margin-top: 0px;
    height: 23px;
}

.ie8 select {
    margin-top: 0px;
    height: 24px;
}

.ie7 select {
    margin-top: 1px;
    height: 25px;
}

.multiplebgs input.hasDatepicker {
    background-image: url("../images/calendar2.png"), url("../images/textshadow.gif");
    background-position: right, top;
    background-repeat: no-repeat, repeat-x;
    cursor: pointer;
}

.no-multiplebgs input.hasDatepicker {
    background-image: url("../images/input-calendar.png");
    cursor: pointer;
}

/*
.no-multiplebgs .textBox {
    width: auto;
}*/

div.tabnav-left a.report-disabled {
    display: none;
}