/* GLOBAL RESET ------------------------------------------------------------- */
* {
	margin:			0;
	padding:		0;
}

/* COMMON ELEMENTS ---------------------------------------------------------- */
BODY {
	background:		#ffffff url(../images/header_bkg.gif) repeat-x left top;
	margin: 		0;
	font: 			normal xx-small verdana;
	voice-family:	"\"}\""; 
	voice-family:	inherit;
	font-size: 		x-small;
}

H1, H2, H3, H4 {
	color:			#00276f;
	font-family:	verdana;
	font-weight:	bold;
	margin:			0 0 0.1em 0;
}

H1 {
	font-size:		1.7em;
}

H2 {
	font-size:			3em;
}

H3 {
	font-size:			1.5em;
}

H4 {
	font-size:		1.2em;
	margin:			0.5em 0;
}

A:link,
A:active,
A:visited {
	text-decoration:	none;
	color:Blue;
}

A:hover {
	text-decoration:	underline;
	color:Red;
}

P.customer {
	color:				#00276f;
}

P.customer SPAN {
	font-weight:		bold;
}

.errorMsg
{
    color: Red;
}
/* PAGE ELEMENTS ------------------------------------------------------------ */
DIV#pageContainer {
	position:			relative;
	width:				960px;
	border: 			none;
	padding: 			0;
	margin:				0;
	text-align: 		left;
}

	/* HEADER & NAVIGATION STYLES ------------------------------------------- */
	DIV#header {
		position:		relative;
		width:			100%;
		height:			138px;
	}
	
	/* Show only to IE PC \*/
	* html DIV#header {height: 138px;} /* For IE 5 PC */
	
		DIV#topNavContainer {
			position: 		absolute;
			top:			0;
			right:			0;
			height:			21px;
			width:			450px;
			background:		url(../images/topnav/topnav_r.gif) no-repeat right top;
		}
		
			DIV#topNavContainer P {
				background :	url(../images/topnav/topnav_l.gif) no-repeat left top;
				line-height:	21px;
				padding:		0 5px;
				text-align: 	center;
			}
			
				DIV#topNavContainer P span {
					font-weight:	bold;
					color:			#00276f;
				}
				
				DIV#topNavContainer P span.logout A:link,
				DIV#topNavContainer P span.logout A:active,
				DIV#topNavContainer P span.logout A:visited {
					color:			#00276f;
				}
				
				DIV#topNavContainer P span.logout A:hover {
					color:				#fff;
				}
				
		DIV#logo {
			position: 		absolute;
			top:			20px;
			left:			0px;
			width:			321px;
			height:			55px;
		}
	
		DIV .mainNavContainer {
			position:		absolute;
			top:			82px;
			right:			-9px;
			width:			650px;
			height:			32px;
			background:		url(../images/mainnav/mainnav_l.gif) no-repeat left;
		}
		
			DIV .mainNavContainer UL {
				margin:				0 7px;	
				list-style:			none;
				height:				32px;
				background:			url(../images/mainnav/mainnav_r.gif) no-repeat right;
			}
			
				DIV .mainNavContainer UL LI {
					float:			left;
					padding:		0 10px;
					font-weight:	bold;
					font-size:		1.1em;
					line-height:	32px;
					color:			#00276f;
				}
				
					DIV .mainNavContainer UL LI A {
						color:				#00276f;
					}
					
					DIV .mainNavContainer UL LI A:hover {
						color:				#FFF;
						text-decoration:	none;
					}
					
					DIV .mainNavContainer UL LI A.active {
						color:				#FFF;
					}
					
					DIV .mainNavContainer UL LI.inactive {
						color:				#666;
					}

/* MAIN CONTENT --------------------------------------------------------- */
DIV#mainContentContainer {
	width:			930px;
	padding-left:	30px;
	voice-family:	"\"}\""; 
	voice-family:	inherit;
	width:			930px;
}

DIV#mainContentContainer DIV#pageSummary {
	position:	relative;
	width:		100%;
}

DIV#pageSummary H1 {
	margin:			auto;
	font-size:		3em;
	font-weight:	bold;
	float:			left;
}

DIV#mainContentContainer DIV#pageSummary  DIV#controlContainer {
	position:	relative;
	right:		0;
	top:		5px;
	float:		right;
}
	
/* DETAILS HEADER --------------------------------------------------- */
DIV#detailsHeader {
	position:		relative;
	background:		#00276F url(../images/table_tr.gif) no-repeat right top;
	clear:			both;
	margin-top:		5px;
	width:			930px;
}
	
DIV#detailsHeader H2 {
	padding:		0.4em 0 0.2em 0.5em;
	font-size:		1.8em;
	background:		url(../images/table_tl.gif) no-repeat left top;
	color:			#fff;
	float:			left;
}

DIV#detailsHeader H2 SPAN {
	font-size:			0.6em;
	color:				#A5CBF8;
}

DIV#detailsHeader SPAN.customer {
	float:				right;
	padding:			1.5em 0.5em 0 0;
	color:				#fff;
}

DIV#detailsHeader SPAN.customer SPAN.bold {
	font-weight:		bold;
	color:				#A5CBF8;
}

DIV.rule {
	position:			relative;
	height:				3px;
	background-color:	#A5CBF8;
	border-left:		1px solid #00276F;
	border-right:		1px solid #00276F;
}

/* Show only to IE PC \*/
* html DIV.rule {height: 1px;} /* For IE 5 PC */

/* DETAILS CONTAINER ------------------------------------------------ */
DIV#detailsContainer {
	background-color:	#DDF0FE;
	padding:			8px 8px 8px 0;
	border-left:		1px solid #00276F;
	border-right:		1px solid #00276F;
	border-bottom:		1px solid #00276F;
	width:				920px;
}

/* FOOTER ------------------------------------------------------------------- */
DIV#footerContainer {
	position:		relative;
	margin:			8px 0;
	padding-top:	14px;
	color:			#6E95CC;
	text-align:		right;
	height:			24px;
	width:			930px;
	clear:			both;
	background:		url(../images/footer/divider.gif) no-repeat top;
}
	
#ie5fix {}

/* TABLES ------------------------------------------------------------------- */
TABLE.data,
TABLE.sumamry,
TABLE.licence,
TABLE.personaldetails
{
	color: 				#000000;
	border:				0;
	background-color:	#00276f;
	border-collapse:	collapse;
	margin:				5px 0;
	border-bottom:		1px solid #00276f;
	clear:				both;
}
TABLE TH.l {
	text-align:			left;
}

TABLE.data,
TABLE.licence {
	width:				703px;
	margin-top:			12px;
}

/* Hide from IE-Mac \*/ 
TABLE.data,
TABLE.licence {
	width:				900px;
} 
/* End hide */

TABLE.data,
TABLE.personaldetails,
TABLE.licence {
	border:				1px solid #00276F !IMPORTANT;
	padding:			0;
	margin-left:		10px;
}

TABLE.personaldetails {
	float:				left;
	width:				445px;
	clear:				none;
	display:			table !IMPORTANT;
	display:			inline;
}

/* Hide from IE-Mac \*/ 
TABLE.personaldetails {
	width:				445px;
	voice-family:		"\"}\""; 
	voice-family:		inherit;
	width:				445px;
} 
/* End hide */

TABLE TH,
TABLE.summary TD,
TABLE.personaldetails TH,
TABLE.personaldetails TD,
TABLE.data TH,
TABLE.data TD,
TABLE.licence TD
{
	background-color: 	white;
	border-collapse:	collapse;
	padding:			0.5em;
	vertical-align:		middle;
	color:				#00276F;
	vertical-align:		top;
	margin-bottom:		10px;
	font-size:			0.6em;
	font-weight:		bold;
	voice-family:		"\"}\""; 
	voice-family:		inherit;
	font-size:			1em;
}
TABLE.summary TH.first, TABLE.summary TH.last
{
	background-color: #00276f;
}
TABLE.summary {
	width:				100%;
}

TABLE.summary TR.even TD {
	background-color:	#D1ECFF;
}

TABLE.summary TH,
TABLE.summary TH A {
	color:				#A5CBF8;
}


TABLE.summary TD {
	background:			#fff url(../images/blue_spacer.gif) repeat-y;
	font-weight:		normal;
	vertical-align:		middle;
}

TABLE.summary TD DIV {
	position:			relative;
	padding-left:		1.2em;
}

TABLE.summary TD DIV DIV {
	position:			absolute;
	right:				1.2em;
	top:				-1px;
	width:				16px;
	height:				16px;
}

TABLE.summary TD DIV DIV.green {
	background:			url(../images/lights/light_green.gif) no-repeat right;
}

TABLE.summary TD DIV DIV.amber {
	background:			url(../images/lights/light_amber.gif) no-repeat right;
}

TABLE.summary TD DIV DIV.red {
	background:			url(../images/lights/light_red.gif) no-repeat right;
}

TABLE.summary TD.c {
	text-align:			center;
}

TABLE.summary TD.last {
	border-right:		1px solid #00276f;
	text-align:			center;
}

TABLE.summary TD A {
	font-weight:		bold;
	color:				#0055F2;
}

TABLE.data TD {
	border-right:		1px solid #00276F;
	border-bottom:		1px solid #00276F;
}


TABLE TH,
TABLE.personaldetails TH {
	background-color:	#A5CBF8;
	color:				#ffffff;
	text-align:			right;
	font-weight:		bold;
}

TABLE.data TH {
	background-color:	#A5CBF8;
	color:				#ffffff;
	text-align:			left;
	font-weight:		bold;
	vertical-align:		bottom;
	border-right:		1px solid #00276F;
}

TABLE TH.titleRow,
TABLE caption,
TABLE.data TH.titleRow {
	background-color:	#00276F;
	color:				#ffffff;
	text-align:			left;
	font-size:			1em;
	padding:			0.3em;
	font-weight:		bold;
	voice-family:		"\"}\""; 
	voice-family:		inherit;
	font-size:			1.4em;
}
html>body TABLE TH.titleRow,
html>body TABLE.data TH.titleRow {
	font-size:			1.4em;
}

TABLE THEAD TH.first,
TABLE TBODY TD.first  {
	border-left-style:		none;
	text-align:				left;
}

TABLE TR.null TD {
	color:					#888;
	background-color:		#E7E7E7;
	font-weight:			normal;
}

TABLE TR.alt TD {
	background-color: #E2F3FF;
}

TABLE TD.c {
	text-align:			center;
}

TABLE THEAD TH {
	background-color:  	#00276f;
	text-align:			center;
}

TABLE THEAD TH.first {
	background:			url(../images/table_tl.gif) no-repeat left top;
}

TABLE THEAD TH.last {
	background:			url(../images/table_tr.gif) no-repeat right top;
}

.TABLETHEAD TH {
	background-color:  	#00276f;
	text-align:			center;
}

.TABLETHEAD TH.first {
	background:			url(../images/table_tl.gif) no-repeat left top;
}

.TABLETHEAD TH.last {
	background:			url(../images/table_tr.gif) no-repeat right top;
}

TABLE TFOOT TH {
	background-color: #111166;
	border-bottom: 0;
}

TABLE.offences TBODY TH,
TABLE.categories TBODY TH{
	background:			#A5CBF8 url(../images/blue_spacer.gif) repeat-y;
	border-right:		1px solid #00276f;
	text-align:			left;
	color:				#00276F;
}

TABLE.offences TBODY TD,
 TABLE.categories TBODY TD{
	border:			1px solid #00276f;
	border-left:	none;
	font-weight:	normal;
	background:		#fff;
}

TABLE.offences TBODY TR.alt TD,
TABLE.categories TBODY TR.alt TD {
	background:			#E2F3FF;
}

TABLE.offences THEAD TH.first {
	text-align:		center;
}

TABLE.offences THEAD TH.last {
	text-align:		left;
}

TABLE.offences TBODY TD.first {
	text-align:		center;
	background :	#fff url(../images/blue_spacer.gif) repeat-y;
}

TABLE.categories TBODY TD.first {
	text-align:left;
	background : #fff url(../images/blue_spacer.gif) repeat-y;
}

TABLE.offences TBODY TR.alt TD.first{
	text-align:center;
	background : #E2F3FF url(../images/blue_spacer.gif) repeat-y;
}




/* HOME PAGE STYLES --------------------------------------------------------- */

DIV#leftColumn {
	position:			relative;
	float:				left;
	width:				561px;
}

DIV#rightColumn {
	position:			relative;
	width:				241px;
	margin-left:		580px;
}

H2.mainHeading {
	font-size:			3em;
}

H3.subHeading {
	text-align:			right;
	font-size:			1.8em;
}

P.intro {
	font-weight:		bold;
	font-size:			1.1em;
	color:				#00276F;
	margin:				1em 0;
	padding-left:		4em;
}

/* TABLE DIVs --------------------------------------------------------------- */
DIV.tabTop {
	position:			relative;
	background:			#00276F url(../images/boxes/corner_tl_blue.gif) no-repeat left top;
	margin-bottom:		1em;
	overflow:			visible;
	
}

DIV.tabTopRed {
	position:			relative;
	background:			#A23336 url(../images/boxes/corner_tl_red.gif) no-repeat left top;
	margin-bottom:		1em;
	overflow:			visible;
}

html>body DIV.tabTopRed {
	padding-bottom:	1px;
}

DIV.tabTopRightCorner {
	position:			relative;
	background:			#00276F url(../images/boxes/corner_tr_blue.gif) no-repeat right top;
	margin-bottom:		1em;
	overflow:			visible;
}

DIV.tabTop H3,
DIV.tabTopRed H3,
DIV#atAGlance.tabTopRightCorner H3 {
	font-size:			1.6em;
	padding:			0.2em 0 0.1em 0.4em;
}

DIV#recentChecks.tabTop H3,
DIV#yourDrivers.tabTop H3,
DIV#licenceInformation.tabTop H3,
DIV#govGuidelines.tabTop H3,
DIV.tabTop H3
{
	color:				#D2ECFF;
	background:			url(../images/boxes/corner_tr_blue.gif) no-repeat right top;
}

DIV#atAGlance  H3 {
	color:				#00276F;
	line-height:		1.5em;
}

DIV#atAGlance.tabTopRightCorner H3 {
	color:				#D2ECFF;
	line-height:		1.5em;
	width: 				50%;
	background:			url(../images/boxes/corner_tl_blue.gif) no-repeat left top;
	float:				left;
}

DIV#driverAlert.tabTopRed H3 {
	color:				#FFC0C2;
	background:			url(../images/boxes/corner_tr_red.gif) no-repeat right top;
}


DIV#atAGlance,
DIV#recentChecks,
DIV#driverAlert {
	width:				561px;
}

DIV#atAGlance
{
	padding: 5px 0;
}

/* GENERAL TABLE STYLES ----------------------------------------------------- */
DIV#recentChecks TABLE,
DIV#driverAlert TABLE {
	width:				100%;
	margin:				0;
	border-collapse:	separate;
	border-style:		none;
	background:			transparent;
}

DIV#recentChecks TABLE TH,
DIV#recentChecks TABLE TD,
DIV#driverAlert TABLE TH,
DIV#driverAlert TABLE TD {
	text-align:			left;
	font-weight:		normal;
	background-color:	transparent;
	margin:				3px;
	font-size:			0.6em;
	voice-family:		"\"}\""; 
	voice-family:		inherit;
	font-size:			1em;
}
html>body DIV#recentChecks TABLE TH,
html>body DIV#recentChecks TABLE TD,
html>body DIV#driverAlert TABLE TH,
html>body DIV#driverAlert TABLE TD {
	font-size:			1em;
} 

DIV#recentChecks TABLE TFOOT TD {
	background:		#00276F !IMPORTANT;
	font-size:		0.9em;
	font-weight:	bold;
	color:			#fff;
	text-align:		right;
	padding:		2px;
}

DIV#recentChecks TABLE TFOOT TD A {
	color:			#D2ECFF;
}


/* SPECIFIC TABLE STYLES ---------------------------------------------------- */
DIV#recentChecks TABLE TR TD {
	background-color:	#ffffff;
}

DIV#recentChecks TABLE TR.alt TD {
	background-color:	#D2ECFF;
}

DIV#recentChecks TABLE TH {
	background:			#7AA2CB;
	padding:			0.2em;
	color:				#D2ECFF;
	font-weight:		bold;
}

DIV#recentChecks TABLE TD.first{
	color:				#00276F;
	font-weight:		bold !IMPORTANT;
}

DIV#driverAlert TABLE TR TD {
	background-color:	#fff;
}

DIV#driverAlert TABLE TR.alt TD {
	background-color:	#FFC0C2;
}

DIV#driverAlert TABLE TH {
	background:			#C85C5F;
	padding:			0.2em;
	color:				#FFC0C2;
	font-weight:		bold;
}

DIV#driverAlert TABLE TD.first {
	color:				#00276F;
	font-weight:		bold;
}

DIV#driverAlert TABLE tr.pager TABLE{
	width:auto;
}

DIV#colourBar {
	font-size:			1.6em;
	font-weight:		bold;
	height:				60px;
	border:				3px solid #000;
	margin:				5px 0;
	padding:			4px 4px 4px 50px;	
}

DIV#colourBar DIV.colours {
	float:				left;
	text-align:			center;
	border-left:		1px solid #fff;
	padding:			0 0.5em;
	color:				#fff;
	width:				59px;
	height:				48px;
	padding:			12px 1px 0 0;
}

DIV#colourBar DIV.colours SPAN {
	font-size:			0.6em;
}

DIV#colourBar DIV.colours#green 
{
	background: #fff url(/images/lights/circ-green.gif) no-repeat left top;
	margin-left: 30px;
}

DIV#colourBar DIV.colours#green SPAN {
	color:				#B7E7B3;
}

DIV#colourBar DIV.colours#amber {
	background: #fff url(/images/lights/circ-amber.gif) no-repeat left top;
	margin-left: 50px;
}

DIV#colourBar DIV.colours#amber SPAN {
	color:				#F9D8AB;
}

DIV#colourBar DIV.colours#red {
	background: #fff url(/images/lights/circ-red.gif) no-repeat left top;
	margin-left: 50px;
}

DIV#colourBar DIV.colours#red SPAN {
	color:				#F6B0BB;
}

DIV#colourBar DIV.colours#black {
	background: #fff url(/images/lights/circ-black.gif) no-repeat left top;
	margin-left: 50px;
}

DIV#colourBar DIV.colours#black SPAN {
	color:				#A7A7A7;
}

DIV.synopsis {
	position:			relative;
	margin:				1px;
	padding:			0.7em;
	background:			#D1EBFF;
	border-bottom:		1px solid #00276F;
}

DIV.synopsis P {
	font-size:			1.1em;
	line-height:		1.3em;
	margin-bottom:		0.5em;
}

DIV.synopsis P.rightPad {
	padding-right:		50px;
}

DIV.synopsis DIV.icon {
	position:			absolute;
	top:				7px;
	right:				-16px;
	background:			silver;
}

/* TOC LIST ----------------------------------------------------------------- */
UL.toc {
	margin:				1em 0 0 0;
	padding:			0 1em;
	list-style:			none;
	font-size:			1.1em;
	font-weight:		bold;
	
}

UL.toc LI {
	margin-bottom:		0.5em;
}

UL.toc LI A {
	color:				#042A71;
}

UL.toc UL {
	margin-top:			0.5em;
	font-weight:		normal;
	list-style:			none;
	margin-left:		1em;
}

OL.notes{
	margin-left: 		1.8em;
}

OL.notes LI UL LI{
	font-weight:		normal !IMPORTANT;
	color:				#000;
	margin-bottom:		0.2em !IMPORTANT;
}

DL.resources DT {
	font-size:			1.2em;
	font-weight:		bold;
}

DL.resources DT A {
	color:				#00276F;
}

DL.resources DD {
	margin-bottom:		1em;
}


IMG.c {
	position:			relative;
	display:			block;
	margin:				1em auto;
}

/* TOOL TIPS ---------------------------------------------------------------- */
a.tooltip {
  z-index:			24;
  color:			#042A71;
  position:			relative;
  border-bottom:	1px dashed #042A71;
  text-decoration:	none;
}

a.tooltip:hover {
  z-index:			25;
  color:			#7a7a7a;
  border-bottom:	1px dashed #7a7a7a;
  text-decoration:	none;
  cursor:			help;
}

a.tooltip span {
  display:			none;
}

a.tooltip:hover span {
  position:			absolute;
  top:				2em;
  left:				2em;
  border:			1px solid #000;
  padding:			0.5em;
  display:			block;
  width:			185px;
  color:			#042A71;
  background-color:	#FFF;
  font-weight:		normal;
}

/* HACKS */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.error
{
    color: Red;
}
input.error[type=text]
{
    border-color: Red;   
    background: #FFCCCC;
}
/* --------------- DVLA UPLOAD-------------------- */

.leftColumnDVLA
{
	position:			relative;
	float:				left;	
	width:				200px;
}

.rightColumnDVLA 
{
	position:			relative;
	width:				200px;
	margin-left:        225px;
}

/*Report Menu Style */
.rptMenu
{
	padding: 5px 5px 10px 5px;
	width: 130px;
	background-color: #F9F9F9;
	border: solid 1px #00276f;
	position:absolute;
	visibility:hidden;
	font-size: 9pt;
	font-weight: bold;
    line-height:normal;
}

.rptMenu ul li
{
	margin-bottom: 5px;
	text-align: center;
	list-style-type: none;
	z-index: 100;
}
.rptMenu ul li a
{color:#00276f;}
	.myYGROpts ul li a:visited
	{color:#00276f;}
	.myYGROpts ul li a:hover
	{color: Black;}
	
.filterBy
{
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 5px;
	font-size: 1.5em;
}