/********************** Basic page layout **********************/
html,body{
	width: 100%;
	height: 100%;
}
body{
	padding: 0;
	margin: 0;
	border: 0;
	background-color:#ffffff;
	font-size: 80%;
	font-family: verdana, helvetica, arial, sans-serif;
	position:relative; /* needed for footer positioning*/
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	text-align: center;
}
body.wholepage{
	text-align: left;
}
div{
	text-align: left;
}
h1,h2{
}
h3,p{
	padding: 0 7px;
}
table, tr, td{
	font-size: 1em; 
}
h3 a, h3{
	text-decoration: none;
	color: #6002a1;
	font-weight: bold;
	font-family:  Trebuchet, verdana;
}
label{
	color: #003399;
}
img{
	border: 0;
}
/* Page items */

div#wholewidth{
	padding: 0; border: 0; margin: 0;
	background-color: #ffcccc;
	width: 100%;
	position: absolute;
	overflow: auto;
	top: 0;
	bottom: 0%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
div#leftcolumn{
	display: inline;
	position: absolute;
	top: 70px;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	width: 300px;
	overflow: auto;
	text-align: left;
}
div#leftcolumn form, div#leftcolumn h2, div#visibleJournies{
	margin-left: 4px;
}
div#leftcolumn form select{
	width: 230px;
	overflow: visible;
}
div#leftcolumn select#colour{
	width: 100px;
}

#trackerlist select, #trackerlist select option, #icon, #icon option, .selectImage, .selectImage option{
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url("http://img.motortrace.com/icon/cars/1s.png");
	background-repeat: no-repeat;
	background-position: 0px -2px;
}
#trackerlist select, #icon, .selectImage{
	padding-top: 0;
	padding-bottom: 0;
}
div#leftcolumn form .formName{
	float: left;
	clear: left;
	width: 60px;
	margin: 2px 0;
}
div#visibleJourneys a{
	text-decoration: none;
	color: inherit;
}
div#visibleJourneys img{
	margin: -4px 0px;
}
div#visibleJourneys p{
	margin: 2px;
	padding: 2px;
	border: 1px solid #AAAAAA;
	background-color: #EEEEEE;
}
div#visibleJourneys p span{
	color: #AAAAAA;
	white-space: nowrap;
}
#visibleJourneys ul{
	list-style: none;
	padding: 2px;
	margin: 0;
}
div#maincolumn{
	margin: 0;
	position: absolute !important;
	top: 70px !important;
	bottom: 0;
	background-color: white;
	right: 0;
	left: 300px !important;
	overflow: auto;
}

div#footer{
	clear: both;
	text-align: right;
	color: #998888;
	border-top: 1px solid #CCCCFF;
	padding: 10px;
	margin: 30px 0 -10px 0;
	font-size: 0.8em;
	background-color: #f8effe;
}
div#footer p{
	padding: 0 10px;
	margin: 0;
}
div#footer a{
	color: #8888bb;
}

div.pageContent p{
	padding: 0 10px;
}
p.image{
	text-align: center;
}
div.pageContent img{
	border: 1px solid #333333;
	padding: 1px;
	margin: 10px;
}

/* Some more specific bits here */

div#optionselect{
	margin: 1px 3px; 
}
div#optionselect a{
	color: black;
	background-color: white;
	text-decoration: none;
	padding: 1px 3px;
	border: 1px solid;
}
div#optionbox{
	background-color: white;
	border: 1px solid black;
	margin: 0 3px;
	padding: 5px;
}


.main_centered{ /* Pages that are not the full screen */
	background-color: #FFFFFF;
	color: inherit;
	width: 700px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 10px 0;
	border-style: solid;
	border-color: #d891fd;
	border-width: 0;
	overflow:visible;
	position: relative;
}

/************************ Header bar ********************************/

div#header{
	background-color: #ffffff;
	color: black;
	padding: 0 8px 10px 8px;
	margin: 0;
	border-bottom: 1px solid #7703c6;
	text-align: right;
	padding: 0;
	height: 80px;
}

div#header a{
	text-decoration: none;
	border: 0;
}

div#header img#mainLogo{
	float: right;
}
div.message{
	border: 1px solid #ff8888;
	margin: 5px;
	padding: 3px;
	background-color: #ffff99;
	text-align: center;
}
div.flagHolder{
	width: 118px;
	float: left;
	display: block;
	height: 30px;
	text-align: left;
	padding-top: 5px;
}
div.flagHolder a{
	margin: 2px;
	font-size: 0pt;
}
div.flagHolder a img{
	border: 1px solid #eee;
}

.main_centered h2{
border-color: #c26bfd;
border-width: 1px 0 1px 0;
border-style: solid;
	background-color: white;
	background-image: url("/img/headingbgv.png");
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0;
	padding: 4px;
}
h2.page_heading{
	background-color: transparent;
	background-image: none !important;
	text-align: center;
	padding: 2px;
	margin: 0 0 5px 0;
	border: 0 !important;
}

/************************* Drop down menu ***********************/
.nav{
	float: left;
	width: 620px;
}
.nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	z-index: 6;
	float: left;
}
.nav li {
	float: left;
	position: relative;
	z-index: 2;
	margin: 2px;
}
.nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0;
	background-color: #E6ECFF;
	width: auto;
}
.nav ul li ul li{ /* second-level list items */
	margin: -1px 0 0 0;
	position: relative;
	width: 7em;
	clear: left;
}
.nav li:hover ul, .nav li.over ul { /* lists nested under hovered list items */
	display: block;
}
.nav ul li a,.nav ul li a:link,.nav ul li a:visited,.nav ul li a:active{
	margin: 0;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	color: white;
	text-decoration: none;
	background-image: url("/img/menubg.png");
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #8b02e8;
	padding: 3px 7px;
	border: 1px outset #c26bfd !important;
}
.nav ul li a:hover{
	color: black;
	border: 1px inset #c26bfd !important;
background-color: #d891fd;
background-image: none;
	text-decoration: none;
}
.nav ul a img{
	margin: 0;
	padding: 0;
	position: relative;
	top: 3px;
	left: -2px;
}
.nav ul li{
	background-image: url("/img/menubg.png");
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #c5c5c5;
	color: #000000;
}

/*********************** forms ***********************/

.label {
	width: 120px;
	text-align: right;
	padding-right: 4px;
	padding-top: 2px;
	float: left;
	color: #8b02e8;
}
.field {
	position: static;
}
.labelfieldpair {
	position: static;
	clear: both;
	text-align: left;
	margin-bottom: 1px;
}

input[type="text"], input[type="password"], .input {
	color: #000000;
	border: 1px solid #8b02e8;
	font-size: 100%;
	background-color: #f3e3fe;
	padding-left: 2px;
	padding-right: 2px;
}

input[type="file"] {
	color: black;
	text-decoration: none;
	background-image: url("http://img.motortrace.com/style/buttonbg.png");
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #c5c5c5;
	padding: 2px 19px;
	margin: 0 5px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	/*-moz-border-radius: 8px;*/
}

input[type="button"], input[type="submit"],input[type="reset"] {
	padding: 2px 19px;
	margin: 0 5px;
	cursor: pointer;
	color: black;
	font-weight: bold;
	padding: 3px;
	background-color: #E8FFE8;
	background-image:url("http://img.motortrace.com/style/grad_go.png");
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #33AA00;
}
input[type="button"], input[type="reset"]{
	background-image:url("http://img.motortrace.com/style/grad_change.png");
	background-color: #FFFFCC;
	border: 1px solid #999900;
}
input[type="checkbox"], input[type="radio"] {
	color: #000000;
	border: 0px;
	font-size: 100%;
	background-color: inherit !important;
	padding: 0px;
	margin: 0px;
}
form.login{
	padding: 0 5px;
}
form.login input{
	margin-bottom: 5px;
}
a.button{
	color: black;
	text-decoration: none;
	background-image: url("http://img.motortrace.com/style/buttonbg.png");
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #c5c5c5;
	padding: 2px 19px;
	margin: 0 5px;
	border: 1px solid #CCCCCC;
	/*-moz-border-radius: 8px;*/
}

/* The following is for IE as it is not yet CSS2 compliant */
input {
	color: #000000;
	border: 1px solid #8b02e8;
	font-size: 100%;
	background-color: #f3e3fe;
	padding-left: 2px;
	padding-right: 2px;
}
.left_column input {
	color: #000000;
	background-color: #FFFFFF;
	margin-left: 10px;
}
form {
	margin: 0px;
	padding: 8px 0px;
}
textarea {
	font-family: verdana, helvetica, arial, sans-serif;
	color: #000000;
	font-size: 100%;
	border: 1px solid #8b02e8;
	background-color: #f3e3fe;
	padding-left: 2px;
	padding-right: 2px;
}
select {
	color: #000000;
	font-size: 100%;
	border: 1px solid #8b02e8;
	background-color: #f3e3fe;
	margin-top: 1px;
	margin-bottom: 1px;
}
.text {
	text-align: left;
	padding-right: 4px;
	padding-top: 2px;
	color: #000000;
	background-color: #FFFFFF;
	padding-bottom: 2px;
}
.buttonpanel {
	text-align: center;
	padding: 10px;
	position: static;
}
input.cancelChanges, input.saveChanges, a.cancelButton, a.saveButton{
	text-decoration: none;
	padding: 2px 19px;
	margin: 0 5px;
	cursor: pointer;
	color: black;
	font-weight: bold;
	padding: 3px;
	background-color: #FFCCCC;
	background-image:url("http://img.motortrace.com/style/grad_stop.png");
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #AA0000;
}
input.saveChanges, a.saveButton{
	background-image:url("http://img.motortrace.com/style/grad_go.png");
	background-color: #E8FFE8;
	border: 1px solid #33AA00;
}


/******************** pseudo-forms *******************/

.formItem{
	width: 290px;
}
.formLabel{
	width: 60px;
	text-align: right;
	padding-right: 4px;
	padding-top: 2px;
	float: left;
	color: #8b02e8;
}
.formInput{
	position: static;
	margin-left: 65px;
	height: 36px;
}
.formDD, .formDDSel{
	border: 1px solid #8b02e8;
	background-color: #f3e3fe;
}
.formDD h2{
	margin: 0 !important;
	padding: 0 0 0 2px;
	font-size: 100%;
	background-color: #99CCFF;
}
.formDD a, .formDDSel a{
	display: block;
	text-decoration: none;
	font-size: 90%;
	padding: 0 0 0 10px;
	color: black;
	width: auto;
}
.formDD div a{
	border-top: 1px solid #99CCFF !important;
}
.formDD a img, .formDDSel a img{
	float: left;
	position: relative;
	left: -5px;
	top: 2px;
}
.formDDSel a{
	background-color: #f3e3fe;
	background-image: url("http://img.motortrace.com/icon/down.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	padding-right: 15px;
	padding-left: 5px;
}
.formInput>.formDDSel a{ /* IE 6 Hack */
	width:auto;
}
.formDD{
	overflow: auto;
	max-height: 400px;
	position: relative;
	z-index: 5;
}
.formDD a span, .formDDSel a span{
	color: #AAAAAA;
	display: block;
	font-size: 90%;
	background-color: transparent;
}
.formDD div a:hover, .formDDSel a:hover{
	background-color: #ddddff;
	
}

/*********************** Table styles **********************/
table.normal{
	width: 99%;
	border-collapse: collapse;
	text-align: center;
	margin: 0 0.5% 0 0.5%;
	clear: both;
}
table.normal td{
	padding: 1px;
}


tr.normal td, tr.dark td, tr.null td, tr.warning td, tr.super td, tr.inactive td,
td.normal, td.dark, td.null, td.warning, td.super, td.inactive,
.issuecell, .issuecelldark {
	border: 1px dotted #CCCCCC;
	border-bottom: 1px solid #6699CC;
	color: #000000;
	background-color: #FFFFFF;
	padding: 3px;
}
tr.normal td.orderby{
	background-color: #EEEEEE;
}
td.dark, tr.dark td, .issuecelldark {
	background-color: #f3e3fe;
}
tr.dark td.orderby{
	background-color: #DDDDEE;
}
td.null, tr.null td{
	background-color: #CCCCCC;
	color: #666666;
}
tr.null td.orderby{
	background-color: #BBBBBB;
}
td.warning, tr.warning td{
	background-color: #FF9999;
	color: #990000;
}
td.header, th.header, .issueheader {
	color: #0066CC;
	background-color: inherit !important;
	border-bottom: 1px solid #6699CC;
	padding-left: 2px;
}
th, th a:link, th a:active, th a:visited, th a:hover {
	font-size: 100%;
	color: #0066CC;
}
th a:hover {
	text-decoration: underline;
}
.priorityhigh, .prioritymedium, .prioritylow, .prioritydefunct{
	vertical-align: middle;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6699CC;
	padding-top: 3px;
	padding-bottom: 3px;
}
.priorityhigh {
	background-color: #FF9999 !important;
	color: #990000 !important;
}
.prioritymedium {
	background-color: #FFFFCC !important;
	color: #666600 !important;
}
.prioritylow {
	background-color: #CCFFCC !important;
	color: #006600 !important
}
.prioritydefunct {
	background-color: #CCCCCC !important;
	color: #666666 !important;
}
td.inactive, tr.inactive td{
	background-color: #DDDDDD !important;
	color: #333333 !important;
}
tr.inactive td.orderby{
	background-color: #CCCCCC;
}
td.super, tr.super td{
	background-color: #f3e3fe;
	font-weight: 500;
}
tr.super td.orderby{
	background-color: #DDDDEE;
}
.invoice_header td{
	font-weight: bold;
	background-color: #DDDDFF;
}
.invoice{
	border-collapse: collapse;
}
.invoice td{
	border: 1px solid grey;
}

/*********************** Calendar ************************/

.cpYearNavigation,.cpMonthNavigation{
	background-color:#6677DD;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.cpDayColumnHeader,.cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentdate,.cpCurrentdateDisabled,.cpTodayText,.cpTodayTextdisabled,.cpText{
	font-family:arial;
	font-size:8pt;
}
td.cpDayColumnHeader{
	text-align:right;
	border:solid thin #6677DD;
	border-width:0 0 1px 0;
}
.cpCurrentMonthDate,.cpOtherMonthDate,.cpCurrentdate{
	text-align:right;
	text-decoration:none;
}
.cpCurrentMonthDateDisabled,.cpOtherMonthDateDisabled,.cpCurrentdateDisabled{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.cpCurrentMonthDate{
	color:#6677DD;
	font-weight:bold;
}
.cpCurrentdate{
	color: #FFFFFF;
	font-weight:bold;
}
.cpOtherMonthDate{
	color:#808080;
}
td.cpCurrentdate{
	color:#FFFFFF;
	background-color: #6677DD;
	border-width:1px;
	border:solid thin #000000;
}
td.cpCurrentdateDisabled{
	border-width:1px;
	border:solid thin #FFAAAA;
}
td.cpTodayText,
td.cpTodayTextdisabled{
	border:solid thin #6677DD;
	border-width:1px 0 0 0;
}
a.cpTodayText,
span.cpTodayTextdisabled{
	height:20px;
}
a.cpTodayText{
	color:#6677DD;
	font-weight:bold;
}
span.cpTodayTextdisabled{
	color:#D0D0D0;
}
.cpBorder{
	border:solid thin #6677DD;
}
.DateDiv{
	position: absolute;
	background-color: white;
	z-index: 20;
}

div.reportBox{
	border: 1px solid #999999;
	margin: 30px 10px 10px 10px;
	padding: 10px;
}
.reportBox img.h3image{
	margin: -36px 0 0 0;
	padding: 0;
}
.reportBox h3{
	position: relative;
	top: -20px;
	left: 10px;
	background-color: white;
	display: inline;
	margin: 0;
	padding: 0;
}
.reportDate{
	display: block;
	float: left;
	width: 300px;
}
.reportTrackerList img{
	position: relative;
	top: 8px;
}
p.reportTrackerList{
	margin: 5px 0;
}
.reportTrackerList label{
	display: block;
	border: 1px solid #EEEEEE;
	padding: 0 3px 10px 30px;
	margin: 0;
	cursor: pointer;
}
.reportTrackerList label:hover{
	border: 1px solid #FFCCCC;
	background-color: #FFEEEE;
}
.reportTrackerList input{
	float: left;
	position: relative;
	top: 15px;
	left: 10px;
}
.reportDate .formName{
	color: #8b02e8;
}

.reportDate .dateField{
	background-image: url("http://img.motortrace.com/icon/down.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 20px;
}
.reportDate a.selectDate{
	padding: 10px 20px;
	position: relative;
	left: -40px;
	text-decoration: none;
}



/* Address labels */
.address{
	border: 1px solid black;
	padding: 5px;
	margin: 5px;
	width: 20em;
}
.address p{
	padding: 0;
	margin: 0;
}



/******************* Tracker Info Pages ******************/
div.trackerinfo{
	border: 1px solid #999999;
	margin: 30px 10px 10px 10px;
	padding: 10px;
}
.trackerinfo img{
	margin: -36px 0 0 0;
	padding: 0;
}
.trackerinfo h3{
	position: relative;
	top: -20px;
	left: 10px;
	background-color: white;
	display: inline;
	margin: 0;
	padding: 0;
	color: #223399;
	font-weight: bold;
}
.trackerinfo p{
	padding: 0;
	margin: 0;
}
.trackeredit{
	float: right;
	position: relative;
	top: -40px;
	background-color: white;
	padding: 0;
	border: 0;
}

p.stronginfo strong{
	width: 12em;
	margin-bottom: 5px;
	float: left;
	clear: left;
}
p.stronginfo br{
	clear: both;
}
p.stronginfo img{
	margin: 1px;
}
.break{
	clear: both;
}
/**************** Calendar Styles *********************/
div#calendar{
	background-color: #f3e3fe;
	float: right;
	margin-right: 8px;
}
div.cForm div.labelfieldpair{
	clear: none;
}
table.cHead{
	width: 350px;
	text-align: center;
}
td.cNext{
	text-align: right;
}
td.cPrevious{
	text-align: left;
}

table.cBody{
	text-align: right;
	width: 350px;
}
table.cBody td{
	width: 45px;
}
table.cBody th{
	text-align: center;
}
table.cBody a{
	display: block;
	text-decoration: none;
}
table.cBody a:hover{
	background-color: #eeffee;
}
.smallMap{
	width: 210px;
	height: 210px;
	display: block;
	float: left;
	margin: 5px 62px;
	border: 1px solid black;
	overflow: hidden;
}
.clearAndPadding{
	clear: both;
	padding: 4px;
}
/* Animator styles */
div#animator{
	background-color: #f3e3fe;
	border: 1px solid #ddddff;
	margin: 6px;
	/* -moz-border-radius: 10px; */
	padding: 5px;
}
div#aButtons{
	text-align: right;
}
div#animator .hide{
	float: left;
}
#aMove{
	width: 100px;
	height: 10px;
	background-color: white;
	border: 1px solid #cccccc;
	display: block;
	float: right;
	margin: 0 5px 0 10px; 
	padding: 0;
	overflow: visible;
	text-align: left;
}
#aComplete{
	background-color: #99ff88;
	width: 0px;
	height: 10px;
	display: block;
}
div.container{
	border: 1px solid #6699CC;
	margin: 20px 10px 10px 10px;
	padding: 0 5px;
	background-color: #f6f6ff;
}
div.container .first{
	font-size: 1.3em;
	padding: 0 5px;
	margin: 0;
	background-color: white;
	display: inline;
	position: relative;
	top: -0.7em;
}
div.container form{
	margin: 0;
	padding: 0;
}
table form{
	padding: 0;
}
ul.tick li{
	margin: 1px;
	padding: 2px 5px 10px 26px;
	background: url("http://img.motortrace.com/icon/tickm.jpg") white no-repeat top left;
	list-style: none;
}
ul.tick{
	margin: 0px;
	padding: 5px 5px 5px 30px;
	list-style: none;
}
.grey{
	color: #888888;
	margin-left: 10px;
}
ul.grey{
	border: 1px solid;
	width: 15em;
}
.grey a{
	color: #8888bb;
}

/**************** rounded boxes *********************/
.rb, .rb2{
	width: 340px;
	float: left;
	margin: 4px 1px 4px 6px;
	padding: 0;
	background-image:url("http://img.motortrace.com/style/BoxMiddle.gif")
}
.rbTop{
	height: 16px;
	background-image:url("http://img.motortrace.com/style/BoxTop.gif")
}
.rbMiddle, .rbMiddle2{
	margin: -10px 3px;
	height: 14em;
	overflow: visible;
}
.rbBottom{
	height: 16px;
	background-image:url("http://img.motortrace.com/style/BoxBottom.gif")

}
.rb2{
	background-image:url("http://img.motortrace.com/style/BoxMiddle2.gif")
}
.rbTop2{
	height: 16px;
	background-image:url("http://img.motortrace.com/style/BoxTop2.gif")
}
.rbBottom2{
	height: 16px;
	background-image:url("http://img.motortrace.com/style/BoxBottom2.gif")

}
.rb p, .rb2 p, .rb2 form{
	padding: 2px;
	margin: 0 5px;
}
.rb h3, .rb2 h3{
	padding: 2px;
	margin: 0 2px;
}
.rb2 label{
	width: 6em;
	display: block;
	float: left;
	padding-top: 2px;
}

/**************** Map Styles *********************/

.mapType{
	text-align: center;
	padding-top: 3px;
}
.mapType a{
	margin: 0;
	white-space: nowrap;
	color: black;
	text-decoration: none;
	background-image: url("http://img.motortrace.com/style/buttonbg.png");
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #c5c5c5;
	padding: 2px 5px;
	border: 1px solid #AAA;

}
.mapType a:hover{
	border-color: #555;
}
.mapType a.using{
	color: #AAA;
}
.mapType a.using:hover{
	border-color: #AAA;
}

/**************** Styles under work *********************/

#journeyList, #journeyListSelected{
	display: block;
	border: 1px solid #8b02e8;
	overflow: hidden;
	width: 230px;
	height: 29px !important;
	margin-left: 60px;
	position: relative;
	top: -18px;
	margin-bottom: 25px;
}

#journeyList{
	overflow: hidden;
	height: auto !important;
}
#journeyList h2{
	margin: 0 !important;
	font-size: 110%;
	background-color: #99CCFF;
	padding: 0 !important;
	border: 0 !important;
	display: block;
}
#journeyList span, #journeyListSelected span{
	display: block;
	font-size: 95%;
}
#journeyList span span, #journeyListSelected span{
	border: none;
	display: block;
}
#journeyList span .extra, #journeyListSelected .extra{
	color: #CCCCCC;
	font-size: 90%;
}
#journeyList span a, #journeyListSelected a{
	text-decoration: none;
	border-top: 1px solid #99CCFF;
	display: block;
	background-color: #f3e3fe;
	color: black;
}
#journeyListSelected a{
	border: none;
	background-image: url("http://img.motortrace.com/icon/24play.png");
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 90%;
}
#journeyList a:hover, #journeyListSelected a:hover{
	background-color: #E6E6FF;
}

/***************** reports *******************/
.knownAddress{
	color: #FF6600;
}
.unknownAddress{
	color: #999999;
}
.knownLocation{
	color: #990099;
	font-weight: bold;
}
.smallAddress{
	font-size: 75%;
}
#hoverMapDiv{
	display: none;
	position: absolute;
	background-color: white;
	padding: 2px;
	border: 1px solid black;
	background-image: url("http://img.motortrace.com/loading.gif");
	background-repeat: no-repeat;
	background-position: 84px 84px;
	width: 200px;
	height: 200px;
}
.hoverMapLink{
	float: right;
	border: none;
}


.tab a, .tabSelected a{
	padding: 1px 5px;
	border: 1px solid #CCCCCC;
	border-bottom-width: 0px;
	text-decoration: none;
	background-color: #EEEEEE;
	color: #444444;
}
.tab a:hover {
	background-color: #DDDDFF;
	color: black;
}
.tabSelected a{
	font-size: 125%;
	background-color: #DDDDFF;
	color: black;
	border-color: #999999;
	font-weight: 700;
}
.tabGroup{
	margin: 5px 10px 0 10px;
}
.tabBody{
	border: 1px solid #999999;
	margin: 0 5px 10px 5px;
}
.highlight{
	background-color: #ffff77;
	border: 1px solid #dddd00;
	padding: 0 1px;
}