body {
	font-family: 		Arial, Verdana;
	font-size: 			11px;
	margin-right: 		0px;
	margin-top: 		10px;
	margin-bottom: 		0px;
	margin-left: 		0px;
	padding-top: 		5px;
    padding-bottom: 	10px;
}
strong {
	font-family: 		inherit;	
}
p {
	font-size:			11px;
}

.center {
	text-align:			center;
}

tr.odd.odue {background-color: #FFAAAA;}
tr.even.odue {background-color: #FFAAAA;}


.textInput {
    border:				1px solid #9B959B;
    background:			#FFFF80;
}
.textareaInput {
    border:				1px solid #9B959B;
    background:			#FFFF80;
	font-family: inherit;
	font-size: 70%;
   	}

.stdTable {
	width:				100%;
}

.stdTable th, td {
	padding:			5px;
	margin:				4px;
}

.hcTable {
	width:				100%;
	font-size:			0.9em;
	border:				1px solid #555;
}

.hcTable th, .hcTable td {
	padding:			1px;
	margin:				2px;
	text-align:			center;
}

.quoteStatus {
	float:				right;
	margin:				5px;
	padding:			5px;
	color:				#FFF;
	border:				0px solid #AAA;
	background:			#003c39;
}
.quoteBookingDateCustomerPortal {
	float:				left;
	margin:				5px;
	padding:			5px;
	color:				#FFF;
	border:				0px solid #AAA;
	background:			#003c39;
}

.quoteStatusTitle {
	font-size:			1.5em;
	font-family: 		Arial;
	float:				left;
	margin-top:			5px;
}

.error {
	border:				1px solid #9B959B;
	background:			#ff9595;
	color:				#FFF;
}

.errortxt {
	color:				#FF0000;
}

.loading{
    background:			url("/images/ajax-loader.gif") no-repeat 50% 50% !important;
	z-index:			1000;
}
.quoteOptionsBar {
	margin:				5px;
	padding:			8px;
	background:			#fff;
	float:right;
	border:				1px solid #003c39;
}

.tableHead {
    background:     	#003145;
    color:          	#FFF;
	font-family: 		Arial;
	text-transform:uppercase;
}

.tableSubhead {
	background:			#AAA;
	color:				#FFF;
	font-family: 		Arial;
	text-transform:uppercase;
}

.tableBody {
    background: 		#EFEFEF;
}

.tableBody:hover {
    background: 		#DDD;
	cursor:				pointer;
}

.tableBody:active {
    background: 		#AAA;
}

.vertTableTitle {
	background:			#003145;
	font-family: 		Arial;
	color:				#FFF;
	vertical-align: 	top;
	padding-left:		5px;
	text-transform:uppercase;
}

.vertTableContent {
	background:			#EFEFEF;
	vertical-align: 	top;
}

.vertTableContent1 {
    background:            #C0FFC0;
    vertical-align:     top;
}

.serviceRelated {
	margin-top:			10px;
	clear:				both;
}

li.menu {
    list-style-type: 	circle;
	list-style-position:inside;
}

.footer {
	font-size: 			10px;
	color: 				#32689A;
}


h1 {
	font-size: 			14px;
	font-style: 		normal;
	font-family:inherit;
	text-transform:uppercase;
	color: 				#5A5858;
}

h2 {
	font-size:			13px;
	font-style: 		normal;
	color: 				#5A5858;
	font-family:inherit;
	text-transform:uppercase;
}

h3 {
	font-size:			12px;
	font-style: 		normal;
	color: 				#5A5858;
	font-family:inherit;
	text-transform:uppercase;
}
input#password, input#oldPassword, input#newPassword1, input#newPassword2{
	font-family:Arial, Verdana;
}
input, select, textarea{
	font-family:inherit;
}
.buttonBar {
	float:				right;
	clear:				both;
	margin:				5px;
}

#container {
	width:				1200px;
	border:				0px solid #000;
	margin:				auto;
}

.dashboard {
	clear:				both;
	float:				left;
	width:				700px;
	padding:			1px;
	margin:				5px;
}

.dashboardContent {
	clear:				both;
	height:				120px;
	padding:			4px;
	margin:				auto;
	border:				2px dotted #AAA;
	background:			#FFF;
	overflow:			auto;
}

.deferred {
	float:				right;
	width:				600px;
	padding:			1px;
	margin:				5px;
}

.deferredContent {
	clear:				both;
	height:				160px;
	padding:			4px;
	margin:				auto;
	border:				2px dotted #AAA;
	overflow:			scroll;
}

.dashAlerts {
	float:				left;
	width:				355px;
	padding:			1px;
	margin:				5px;
}

.dashAlertsContent {
	clear:				both;
	min-height:			160px;
	padding:			4px;
	margin:				auto;
	border:				2px dotted #AAA;
	background:			#EFEFEF;
}
.dashFrame {
	height:300px;
	overflow-y:auto;
}
.quicklook {
	/*float:				left;
	width:				250px;*/
	padding:			1px;
	margin:				5px;
}

.quicklookContent {
	clear:				both;
	/*min-height:			120px;*/
	padding:			4px;
	border:				2px solid #557e90;
	background:			#557e90;
	color:				#FFF;
}

#modalcontainer {
	width:				95%;
	border:				0px solid #000;
	margin:				auto;
}
.vertTableContent.unread {
	background: red;
	color: white;
}


    #header {
        width:              1200px;
        margin:             auto;
        text-align:         left;
        height:             60px;
        border:             0px solid #000;
        background:         url('/images/Header.png') no-repeat;    
    }

.headline {
	width:				auto;
	margin:				auto;
	margin-top:			5px;
	margin-bottom:		4px;
	padding:			0px;
}

#bodyOverlay {
	position:			absolute;
	top:				35%;
	left:				-6px;
	height:				20%;
	width:				10px;
	border:				0px solid #000;
	z-index:			10;
	background:			#DDD;
}

#bodyOverlay:hover {
	cursor:				pointer;
	background:			#AAA;
}

.content {
	position:			relative;
	float:				left;
	width:				1200px;
	margin:				auto;
	/*border:			1px solid #AAA;*/
	min-height:			150px;
	padding:			10px;
	z-index:			1;
}

.content-withbar {
	position:			relative;
	float:				left;
	width:				805px;
	margin:				auto;
	border:				1px solid #AAA;
	min-height:			400px;
	padding:			10px;
	z-index:			1;
}

#menuBar {
	float:				left;
	width:				auto;
	height:				27px;
	margin:				auto;
	margin-bottom:		3px;
	margin-left:		auto;
	border:				0px solid #AAA;
	padding:			0px;
	z-index:			1;
}

#headerRight {
	padding-right:		5px;
	/*float:				right;*/
	width:				auto;
	border:				0px solid #000;
	/*height:				27px;*/
	font-size:			0.9em;
	text-align:			right;
}
#headerLeft {
	padding-right:		5px;
	float:				left;
	width:				auto;
	border:				0px solid #000;
	/*height:				27px;*/
	font-size:			0.9em;
	text-align:			left;
}

.sideBar {
	float:				left;
	min-height:			400px;
	width:				150px;
	padding:			5px;
	border:				1px solid #AAA;
	margin-right:		10px;
	display:			none;
}

.sideBarshow {
	display:			block;
}

#topNavBar {
	width:				auto;
	float:				right;
	clear:				both;
	border:				0px solid #000;
	height:				20px;
	text-align:			right;
	margin-top:			10px;
}

#footer {
	float:				left;	
	width:				1200px;
	margin:				auto;
	padding:			5px;
	margin-top:			10px;
	min-height:			10px;
	border:				1px solid #AAA;
	background:			#557e90;
	color:				#FFF;
}

.redHCBox {
	background:			#FF0000;
	text-align:			center;
	width:				5%;
}

.amberHCBox {
	background:			#ffcc3b;
	text-align:			center;
	width:				5%;
}

.greenHCBox {
	background:			#00FF00;
	text-align:			center;
	width:				5%;
}

.blueHCBox {
    background:         #00FFFF;
    text-align:         center;
    width:              4%;
}

.round {
	border-radius: 			5px; 
	-webkit-border-radius: 	5px; 
	-moz-border-radius: 	5px;
}

.loginImageBox {
	float:				right;
	width:				580px;
	/*border-top:			2px solid #557e90;*/
	/*border-left:		2px solid #557e90;*/
	/*border-bottom:		2px solid #DDD;*/
}

.loginBox {
	float:				left;
	width: 				350px;
	border:				2px solid #003c39;
    margin:             10px 50px 20px 10px;
	padding:			10px;
}

.sPackBox {
	width: 				400px;
	height:				100px;
	padding:			10px;
	font-size:			1.2em;
}

.vehiclesearchResults {
	width:				95%;
	clear:				both;
	padding:			10px;
	margin:				auto;
	border:				1px solid #000;
	min-height:			200px;
}

.helpBox {
	font-family:		Arial, Verdana;
	float:				left;
	width:				350px;
	background:			#557e90;
	border:				solid 2px #557e90;
	padding:			10px;
	font-size:			1.2em;
	margin:		        10px 50px 20px 10px;
	color:				#FFF;
}

.helpBox h2 {
	color:				#FFF;
	text-decoration:	underline;
}

.registerBox {
	float:				left;
	width:				390px;
	border:				0px solid #AAA;
	color:				#000;
	font-size:			1.1em;
}

.warningText {
	font-size:			1.3em;
	color:				#FF0000;
	font-family: 		Arial;
	margin:				auto;
	text-align:			center;
	margin-top:			5px;
	padding:			5px;
	border:				2px solid #FF0000;
}
.quotewarningText {
	color:				#FF0000;
	font-family: 		Arial;
	margin:				auto;
	text-align:			left;
	margin-top:			5px;
	padding:			5px;
	border:				2px solid #FF0000;
}

a.cleanLink {
	color:				#557e90;
	text-decoration:	none;
	background: url("../../images/icons_arrows.png") no-repeat scroll -77px -15px transparent;
	display: inline-block;
    line-height: 22px;
    margin-bottom: 2px;
    padding: 0 0 0 10px;	 
}

a.whiteLink {
    color:                #FFFFFF;
    text-decoration:    none;
    display: inline-block;
    line-height: 15px;
    margin-bottom: 2px;
    padding: 0 0 0 10px;     
}

.registrationLink {
	color:				#557e90;
	text-decoration:	none;
	font-size:			11px;
}

a:hover {
	text-decoration:	underline;
}
a#legal:hover {
	text-decoration:	none;
	color:				#FFF;
}

div.vehicleLookup {
	width:				100%;
	border:				0px solid #000;
}

div.lookupForm {
	clear:				both;
	width:				50%;
	padding:			10px;
}

div.clearer {
	clear: 				left; 
	line-height: 		0; 
	height: 			0;
}

div.row {
	clear: 				both;
  	padding-top: 		8px;
}

div.row span.labelLogin {
  	float: 				left;
  	width:				90px;
  	text-align: 		right;
	font-family: 		Arial;
}

div.row span.formwLogin {
  	float: 				right;
  	width: 				235px;
  	text-align: 		left;
}

div.row span.label {
  	float: 				left;
  	width:				130px;
  	text-align: 		right;
	font-family: 		Arial;
}

div.row span.formw {
  	float: 				right;
  	width: 				220px;
  	text-align: 		left;
}

div.row span.title {
	float:				left;
	width:				130px;
	text-align:			left;
	font-family: 		Arial;
	font-size:			1.3em;
	margin-left:		5px;
	padding-top:		4px;
}

div.row span.element {
	float:				left;
	width:				auto;
	text-align:			left;
}

div.row span.element select {
	font-size:			1.1em;
	background:			#EFEFEF;
	border:				1px solid #EFEFEF;
	width:				290px;
	font-family: 		Arial;
}

hr.formBreak {
	clear:				both;
	margin:				20px;
}

#hiddenBlock, #hiddenBlock2 {
	opacity:			0.2;
}

.dropshadow {
	-moz-box-shadow: 4px 4px 2px #AAA;
	-webkit-box-shadow: 4px 4px 2px #AAA;
	box-shadow: 4px 4px 2px #AAA;
}

.small {
	font-size:			0.9em;
}

.hidden {
	display:			none;
}

.regLookupResults {
	clear:				both;
	width:				97%;
	min-height:			150px;
	padding:			10px;
	margin-top:			30px;
	border:				0px solid #000;
}

.partslistBox {
	clear:				both;
	width:				97%;
	padding:			0px;
}

#bar1, #bar2 { 
	margin: 			0 0 4em;
} 

/* style for this page only */

.ui-menu { 
	width: 				260px; 
	position: 			absolute; 
	outline: 			none; 
	z-index: 			9999;
	font-weight:		normal;
}

.ui-menu .ui-icon { 
	float: 				right;
}

.ui-menu li.ui-state-disabled {
	padding: 			.0em .4em;
	margin: 			.4em 0 .2em;
	line-height: 		1.5;
} 

.ui-menubar .ui-button { 
	float: 				left; 
	font-weight: 		normal; 
	border-top-width: 	0 !important; 
	border-bottom-width:0 !important; 
	margin: 			-1px;
	outline: 			none;
}

.ui-menubar .ui-menubar-link { 
	border-right: 		1px dashed transparent; 
	border-left: 		1px dashed transparent;
}
		
.ui-menubar {
	list-style: 		none;
	margin: 			0;
	padding-left: 		0;	
}
		
.ui-menubar-item {
	float: 				left;
}

.ui-state-highlight { 
	height: 			1.5em; 
	line-height: 		1.0em;
}

div.dataTables_wrapper thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
	padding-right: 20px;
}

div.dataTables_wrapper thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}
.hover { background-color: #dddddd; }

.healthcheckFooter {
	clear:				both;
	width:				auto;
	border:				0px solid #000;
	padding:			5px;
	height:				auto;
}

.healthcheckFooter .signature {
	width:				45%;
	padding:			5px;
}

.footercontent {
	clear:				both;
	height:				auto;
}

.healthcheckOptionsBar {
	width:				auto;
	padding:			5px;
	margin:				5px;
	text-align:			right;
}

.left {
	float:				left;
}

.right {
	float:				right;


}

.changePasswordBox {
	width:				450px;
}

.changePasswordConfirmation {
	margin-top:			10px;
	font-size:			1.2em;
	font-family: 		Arial;
	min-height:			50px;
}

/*
 * report section CSS here
*/

.reportHeadSection {
	width:				100%;
	min-height:			100px;
	border:				1px solid black;
}
.legend li
{
display: inline;
list-style-type:square;
padding-right: 10px;
}
/* 	PW STRENGTH STYLE  */
.testresult{
	font-weight: bold;
	font-size:1em;
	font-family: arial,helvetica,san-serif;
	color:#666;
	padding:0px 0px 12px 10px;
	margin-left:10px;
	display: block;
	height:28px;
	float:right;
}
.testresult span{
	padding:10px 20px 12px 10px;
	margin: 0px 0px 0px 20px;
	display:block;
	float:right;
	white-space: nowrap;
}
.shortPass{
	background:url(/images/login/pw/red.png) no-repeat 0 0;
}
.shortPass span{
	background:url(/images/login/pw/red.png) no-repeat top right;
}
.badPass{
	background:url(/images/login/pw/red.png) no-repeat 0 0;
}
.badPass span{
	background:url(/images/login/pw/red.png) no-repeat top right;
}
.goodPass{
	background:url(/images/login/pw/yellow.png) no-repeat 0 0;
}
.goodPass span{
	background:url(/images/login/pw/yellow.png) no-repeat top right;
}
.strongPass{
	background:url(/images/login/pw/green.png) no-repeat 0 0;
}
.strongPass span{
	background:url(/images/login/pw/green.png) no-repeat top right;
}

?>