body
{
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

p
{
    margin-top: 7px;
    margin-bottom: 7px;
}
.calendar
{
	position:relative;
	top:2px;
}
.directions
{
	position: absolute; top: 38px; left: 408px; right: 4px; height: 400px;
}

.alignlabel
{
	position:relative;
	top:3px;
}
p.biggertext
{
	font-size: 10pt;
}

p.pad
{
	padding: 10px;
}

.grid
{
	border:solid 1px #20505f;
}
.grid td
{
	border-bottom:solid 1px #999999;
}
.grid tr
{
	background-color: #ffffff; height: 20px; color:#333333;
}
h1
{
    font-size: 12pt;
    display: inline; 
}

h2
{  
    display: inline;
    font-size: 8pt;
    line-height: 22px;
    vertical-align: middle;
}

OL
{
    list-style-position: outside;
    list-style-type: lower-alpha;
    margin-top: 5px;
    margin-bottom: 5px;
}

ul
{
	list-style-type: circle;
    margin-top: 0px;
}

UL.circle
{
	list-style-type: circle;
	margin-top: 5px;
    margin-bottom: 5px;
}

UL.disc
{
	list-style-type: disc;
}

a
{
	color: #21505f;
	color: Blue;
	text-decoration: none;
}
a:hover
{
	color: Blue;
	text-decoration: underline;
}

a.tooltip
{	
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: Blue;
	text-decoration: none;
	cursor: help;
}
a.tooltip:hover
{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: Red;
	text-decoration: none;
}

.header
{
    padding-left: 5px;
    padding-right: 5px;
	text-align: left;
	line-height: 24px;
    color: #ff6600;  
    font-family:arial;
    font-weight:lighter;
    font-size:17pt;
}

div.header div
{
	text-align: left;
	line-height: 30px;
	line-height: 50px;
}

#page
{
    width: 830px;
    /*margin-left: auto;
    margin-right: auto;*/
    
}

#header
{     
	/*position: static; */
    /*border-bottom: solid 1px black;
    margin-bottom: 5px;*/
    /*background-image: url(../images/dutyofcare-title-bg.gif);   */
    width: 100%;
    width:192px;
    margin-left:auto;
    margin-right:auto;
    height: 40px;
    margin-top: 6px;
    margin-bottom: 10px;
    clear: both;
}

/*#header #image
{
	
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
}*/

#header #bottom
{
	padding-top: 10px;
    border-bottom: solid 1px black;
    margin-bottom: 5px;
    width: 100%;
    clear: both;
}

#main
{
    /*display:  table;
    width: 950px;
    border-collapse:separate;*/
    text-align: left;
    /*clear: both;*/
}

#content
{
	
	margin-left: 220px;
	padding:6px 0px 0px 0px;
	/*display: block;*/
	/*border-collapse: separate;*/
    /*text-align: center;*/
    
    width: 750px;
     min-height:550px;
}
#contentnomenu
{
	padding: 0px 0px 0px 8px;
	width:820px;
}
#Directions
{
	height: 366px; overflow: auto;
}

hr.white
{	
	color: #ffffff;
	height: 1px;   
}

hr.solid
{
    height: 1px;   
}
.rel2px
{
	position:relative;
	top:2px;
}
#footer
{	
	/*width: 900px;*/
	margin-left: auto;
	margin-left: 220px;
	margin-right: 0;
    text-align: center;
    margin-top: 10px;
    padding: 0px;
}


/*-----------------------------------------------------------------*/
/* Warning Box */
div.boxwarning
{
	float:none;
}
div.boxwarning label
{
    text-align:left;
    float:none;
    font-size: 11pt;
    width: 300px;
    color: Red;
    color: #555555;
    
}

div.boxwarning div.warningimage
{
    float: left;
    background-image: url(../Images2/warning32.gif);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    padding: 5px;
}
/* Warning Box END */
/*---------------------------------------------------------------*/

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

.boxmaincontent
{
    /*background-image: url(../Images/other/content.jpg);
    background-repeat: repeat;*/
    /*background-color: #F8FDFF;
    border: solid 1px #2851D4; */
    padding: 5px;    
}
/* Main Box END */
/*----------------------------------------------------------------*/



div.boxheader
{
    background-image: url(../Images/other/menu1.gif);
    background-repeat: repeat-x;
    height: 24px;
    text-align: left;
    /*width: 570px;*/
    padding-left: 5px;
    padding-right: 5px;    
}

/*div.boxmain a
{
    color: #214B59;
}

div.boxmain a:hover
{
    color: b;
}
*/
/* Main Box END */


/*---------------------------------------------------------*/
/* Sub Content Box */

div.subcontentbox
{
    /*width: 96%;*/
}

div.subcontentboxmain
{
    color: #000000;
    /*background-color: #9DD6DF;*/
    padding: 5px; /*width: 100%;*/
    /*border-left: solid 1px #0066FF;
    border-right: solid 1px #0066FF;
    border-bottom: solid 1px #0066FF;*/
    /*background-image: url(../Images/Other/content-bg.gif);
    background-repeat: repeat-x;
    background-position: top;    */
    background-color: #d2e4ec;
}

div.subcontentboxheader
{
	/*background-image: url(../Images/Other/menu1.gif);
    background-repeat: repeat-x;
    background-position: bottom;*/
    padding-left: 5px;
    padding-right: 5px;
    /*color: #000000;*/
    color: #FFFFFF;
    font-weight: bold;
    /*border-left: solid 1px #0066FF;
    border-right: solid 1px #0066FF;*/
}


div.subcontentboxheader h1
{  
    display: inline;
    font-size: 8pt;
    line-height: 22px;
    vertical-align: middle;
}

div.centre
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* Sub Content Box END */
/*----------------------------------------------------------------*/



/* Sub Section End */
/**********************************************/

div.boxheader .red
{
    color: Red;
    font-weight: bold;
}

div.boxcontent
{
    border-left: solid 1px #6699CC;
    border-right: solid 1px #6699CC;
    border-bottom: solid 1px #6699CC;
    text-align: left;
    /*width: 568px;*/
    background-color: White;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*display:table; */ /* must put this in for FireFox. */
}

div.boxheaderquote
{
    background-image: url(../Images/boxheader.jpg);
    background-repeat: repeat-x;
    height: 24px;
    text-align: left;
    /*width: 740px;*/
    padding-left: 5px;
    padding-right: 5px;
}

div.boxheaderquote .red
{
    color: Red;
    font-weight: bold;
}

div.boxcontentquote
{
    border-left: solid 1px #6699CC;
    border-right: solid 1px #6699CC;
    border-bottom: solid 1px #6699CC;
    text-align: left;
    background-color: White;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*display:table; */ /* must put this in for FireFox. */
}

.crossvalidator
{
    /*padding-top: 1px;
    padding-bottom: 1px;*/
    font-weight: bold;
    color: red;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    /*display: block;*/
    list-style-position: outside;
    list-style-image: url(../Images/Other/redcross.gif);
}

.tickvalidator
{
    /*padding-top: 1px;
    padding-bottom: 1px;*/
    font-weight: bold;
    color: green;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    /*display: block;*/
    list-style-position: outside;
    list-style-image: url(../Images/Other/greentick.gif);
}

fieldset.red
{
	border: solid 1px red;	
}
fieldset.topbotborder
{
	border-top: solid 1px #000000;	
	border-bottom: solid 1px #000000;	
}
fieldset.red legend
{
	color: Red;
}

fieldset.inline
{	
	border: 0;
	padding: 0;	
	display: inline;
}

fieldset.section
{
	border: 0px;
	padding: 0px;
}

fieldset fieldset
{	
	margin: 0;
	padding:0;
	border: 0;
}

fieldset fieldset.combo
{	
	margin: 0;
	padding-top:1px;
	padding-bottom:1px;
	border: 0;
}

label
{
	float: left;
    width: 150px;
    text-align: right;
    padding-right: 5px;
    padding-top:4px;
    color: gray;
    font-weight: bold;
    font-size: smaller;
}
.chkbox span label
{
	width:200px;
	text-align:left;
	float:left;
	display:inline;
}
.chkbox span input
{
	float:left;
	width:20px;
	display:inline;
}
label.inline
{			
    text-align: right;
    padding-right: 5px;
    color: gray;
    font-weight: bold;
    font-size: smaller;
}

.iconlabel
{
	  position:relative;
	  top:-8px;
}
.formlabel
{
    width: 150px;
    text-align: right;
    padding-right: 5px;
    color: gray;
    font-weight: bold;
    font-size: smaller;
}

.genlabel
{
    text-align: right;
    padding-right: 5px;
    color: gray;
    font-weight: bold;
    font-size: smaller;
    width: 40%;
}

.label
{
    width: 150px;
    text-align: right;
    padding-right: 5px;
    color: Black;
    font-weight: bold;
}

.labelbold
{
	font-weight: bold;
	color: Black;
}

.red
{
    color: Red;
}

INPUT
{
	font-size: smaller;
	color: #21505f;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;	
}
input.date-bg
{
	background-position: 0 -3px;
	background-image: url(../Images/Other/date_textbox_bg.gif);
	background-repeat: no-repeat;
}
input.hh-bg
{
	background-position: 0 -3px;
	background-image: url(../Images/Other/hh_textbox_bg.gif);
	background-repeat: no-repeat;
}
input.mm-bg
{
	background-position: 0 -3px;
	background-image: url(../Images/Other/mm_textbox_bg.gif);
	background-repeat: no-repeat;
}
input.postcodeplace-bg
{
	background-position: 0 -3px;
	background-image: url(../Images/Other/postcodeplace_textbox_bg.gif);
	background-repeat: no-repeat;
}
input.button
{
   font-size: smaller;
   height:20px;
   /*background-color:#779999;*/
   color: #21505f;
   background-image: url(../Images/Other/menu2.gif);
   background-repeat: repeat-x;
   background-position: bottom left;
   border-style:solid;
   border-color:#7aa4b5;
   border-width:1px;
 
   cursor: pointer;
}

select
{
	font-size: smaller;
	color: #21505f;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
input.allcaps
{
	text-transform: uppercase;
}

INPUT.red
{
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

INPUT.textbox
{
   
}
.textbox
{
    color: #21505f;
    width:146px;
}
.textboxallcaps
{
    color: #21505f;
    width:146px;
    text-transform: uppercase;
}
.textboxcaps
{
	color: #21505f;
    width:146px;
	text-transform:capitalize;
}
.radiolist label
{
	float: none;
	text-align: left;
	font-weight: bold;
	width: 50px;	
}
.radiolist .black label
{
	float: none;
	text-align: left;
	font-weight: bold;
	width: 50px;	
	color: #000000;
}
INPUT.capitalize
{
    text-transform: capitalize;    
}

select .combo
{
    font-size: smaller;
}
.dropdown
{
	width:150px;
}
textarea
{
    font-size: smaller;
}

.table
{
    display: table;
    border-collapse: separate;
    width: 100%;
}

.tablerowheader
{
    display: table-row;
    vertical-align: middle;
    width: 100%;
    font-weight: bold;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

.tablerow
{
    display: table-row;
    vertical-align: middle;
    width: 100%;
}

.tablecol
{    
	display: table-cell;
	float: left;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	/*filter:alpha(opacity=70);
	opacity:0.7;*/
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

div.carregistration
{
	width: 152px;
	height: 35px;
	background-image: url(../images/regplate_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align:center;
}
div.selectedcarreg
{
	width: 152px;
	height: 35px;
	background-image: url(../images/regplate_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align:center;
	position: relative;
    top: 0px; left: 305px;
}
div.selectedcarreg a
{
	width: 156px;
	height: 43px;
	font-weight: bold;
	font-size: 14pt;
	font-family: Arial;
	text-align: center;
	padding-left: 10px;
	
	color: black;
	text-decoration:none;
}
div.carregistration a
{
	width: 156px;
	height: 43px;
	font-weight: bold;
	font-size: 14pt;
	font-family: Arial;
	text-align: center;
	padding-left: 10px;
	
	color: black;
	text-decoration:none;
}

div.carregistration a:hover
{
	width: 156px;
	height: 43px;
	font-weight: bold;
	font-size: 14pt;
	font-family: Arial;
	text-align: center;
	padding-left: 10px;
	
	text-decoration:none;
	color:Blue;
}

.grid #gridheader
{
	background-color: #21505f; height: 20px; color:#ffffff;
}
.grid #griditem
{
	background-color: #ffffff; height: 20px; color:#333333;
}

#topinfo
{
	margin:0;
	padding: 0;
	background-color: #5e8899;
	height: 20px;
	color: #96bed0;
}

div.validation
{
	border: solid 1px red;
	margin-bottom: 5px;	
}

.validator
{
    /*padding-top: 1px;
    padding-bottom: 1px;*/
    font-weight: bold;
    color: #ff6600;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    /*display: block;*/
    padding-top:3px;
    list-style-position: outside;
    list-style-image: url(../Images/orangecross.gif);
}
fieldset .validator
{	
	margin: 5px;
	padding-left: 20px;	
}

/*div.validation .validator
{		
	padding-left: 20px;
	margin: 5px;
	font-family: Arial;
	font-size: xx-small;
	font-weight: bold;
	color: Red;	
	vertical-align: middle;		
    list-style-position: outside;        
    list-style-image: url(../Images/Other/redcross.gif);
}*/

.EmployeeRiskAssessment
{
	float: right;
	margin-right: 200px;
}
.EmployeeDetails
{		
}

div.sectionheader
{
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial Narrow;	
	color: #21505f;
	cursor: pointer;
	/*border-top: solid 1px #5e8899;
	border-left: solid 1px #5e8899;
	border-right: solid 1px #5e8899;*/
	padding: 5px;
}

div.sectionheaderbottom
{
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial Narrow;	
	color: #21505f;
	cursor: pointer;
	border: solid 1px #5e8899;
	padding: 5px;
}

.fleet21
{
	display: block;
}

.fleet21_print
{
	display: none;
}

#PoweredBy
{
	width: 700px;
	margin-top: -42px;
	text-align: right;
	/*float: right;*/
}

.alert
{
	padding: 2px;
}

#print
{	
	position: absolute;
	top:25px;
	left:800px;
	font-weight: normal;
	width: 150px;
	text-align: right;	
}