﻿/*Fleet Portal Rebrand: This rule removes default padding, margin and border from standard html objects,
previously this was done inline making things difficult to manage*/
html, body, div, span, object, iframe, h1, h2, legend, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/*Fleet Portal Rebrand: This rule makes standard html objects more easily manageble on the page,
previously this was done inline making things difficult to manage*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, #toolbox
{
	display: block;
}

/*Fleet Portal Rebrand: The following 4 fonts are defined for use within the site.*/
@font-face
{
	font-family: 'ToyotaDisplayRegular';
	src: url("./Fonts/toyotadisplay_rg-webfont.eot");
	src: url("./Fonts/toyotadisplay_rg-webfont.eot?#iefix") format("embedded-opentype"),url("./Fonts/toyotadisplay_rg-webfont.woff") format("woff"),url("./Fonts/toyotadisplay_rg-webfont.ttf") format("truetype"),url("./Fonts/toyotadisplay_rg-webfont.svg#ToyotaDisplayRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'ToyotaTextRegular';
	src: url("./Fonts/toyotatext_rg-webfont.eot");
	src: url("./Fonts/toyotatext_rg-webfont.eot?#iefix") format("embedded-opentype"),url("./Fonts/toyotatext_rg-webfont.woff") format("woff"),url("./Fonts/toyotatext_rg-webfont.ttf") format("truetype"),url("./Fonts/toyotatext_rg-webfont.svg#ToyotaTextRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'ToyotaDisplayCondensed';
	src: url("./Fonts/toyotadisplay-condensed-webfont.eot");
	src: url("./Fonts/toyotadisplay-condensed-webfont.eot?#iefix") format("embedded-opentype"),url("./Fonts/toyotadisplay-condensed-webfont.woff") format("woff"),url("./Fonts/toyotadisplay-condensed-webfont.ttf") format("truetype"),url("./Fonts/toyotadisplay-condensed-webfont.svg#ToyotaDisplayCondensed") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'ToyotaTextCondensed';
	src: url("./Fonts/toyotatext-condensed-webfont.eot");
	src: url("./Fonts/toyotatext-condensed-webfont.eot?#iefix") format("embedded-opentype"),url("./Fonts/toyotatext-condensed-webfont.woff") format("woff"),url("./Fonts/toyotatext-condensed-webfont.ttf") format("truetype"),url("./Fonts/toyotatext-condensed-webfont.svg#ToyotaTextCondensed") format("svg");
	font-weight: normal;
	font-style: normal;
}

td.labeldata 
{
                padding:4px 8px 4px 0px;
                font-weight: bold;
                width: 70px;
                color: #333;
                vertical-align: middle;
}
div.rightalignpadding
{
                margin-right:2px;
                float:right;
}
div.loginbuttonpadding {
                margin-right:23px;
                margin-bottom: 10px;
                margin-top: 20px;
                width: 208px;
                text-align:right;
}


@charset "utf-8";
/* CSS Document - Advanced StyleSheet */
/* AUTHOR: Dominic Santucci */
/* CLIENT - Toyota Financial Services */
/* PORTAL: Fleet Online */

/*Fleet Portal Rebrand: The new background for the body of the site has been implemented here.*/
body 
{	
	background: #fff url(Images/site-body-bg.gif) repeat-x center 110px;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	font-family: Arial;
	font-size:0.75em;
}
/*Fleet Portal Rebrand: This rule makes the width of a textbox the same as the width of a drop down*/
input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*Fleet Portal Rebrand: This is a display of a text box.*/
input, textarea {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0.2em 0.4em;
}

/*Fleet Portal Rebrand: This rule defines a standard drop down*/
select {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0.2em 0.4em;
	
}
/*Fleet Portal Rebrand: This rule defines a standard drop down. In many places the dropdown has the dataDriven class already applied*/
select.dataDriven {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0.2em 0.4em;
}

/*Fleet Portal Rebrand: This rule defines a dropdown in a table. These should be smaller to allow more fields to fit on a table*/
select.dataDrivenTable {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0;
	font-size: 0.9em;
}

hr {
	height:1px solid #a7aeb3;
	color:#aaaaaa;
	   border: 0;
}

a {
	color:#181a21;
}
#newsContainer {
	float:left;
	min-height:200px;
	margin-left:20px;
	margin-top:25px;
	width:80%;
}
#newsContainer dt {
	background-color:#3f5060;
	margin:0px;
	padding:5px 5px 5px 10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
}
#newsContainer dl {
	margin:0px;
	padding:0px;
}
#newsContainer dd {
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 20px;
	border-bottom:1px solid #CCC;
	border-bottom-style:dotted;
	background-image:url(images/newrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#steps {
	margin: 10px 0px 10px 0px ;

}
#steps ul  {
	list-style:none;
	display:inline;
	padding:0px;
	margin:0px;
}
#steps li   {
	display:inline;
	list-style:none;
	background-image:url(images/newrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:120%;
	text-decoration:none;
	padding:0px 0px 0px 20px;
	color:#2d363f;
}
#steps li a  {

	text-decoration:none;

}
#steps li a.active  {
	font-weight:bold;
}

#steps li a:hover  {
	color:#ed1c24;
}
#steps h1 {


}
#newsContainer dd a {
	text-decoration:none;
}
#newsContainer dd a:hover {
	text-decoration:underline;
}
/*#wrapper {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	hack for IE6 (NEEDS WORK)
    width:expression(document.body.clientWidth < 850? "850px": "auto" );
}
#wrapperNOAUTH {
	margin:0px 20px 20px 20px;
	width:940px;
	margin-left:auto;
	margin-right:auto;
}*/
#wrapperMODAL {
	margin:0px 20px 20px 20px;
	width:840px;
	margin-left:auto;
	margin-right:auto;
}
#wrapperMODALTWO {
	/*margin:0px 20px 20px 20px;*/
	width:80%;
	
	margin-left:auto;
	margin-right:auto;
}


 #wrapperMODALTWOCostCenter{
	width:370px;
	margin-left: auto ;
  margin-right: auto ;
  position:fixed;
}
/*#header {
}*/
#topnav img {
	float:left;
}
#topnav {

}
#topnav ul  {
	list-style:none;
	padding:18px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	text-align:right;
}
#topnav li {
	display:inline;
}
#topnav li a{
	color:#FFF;
	display:inline;
	margin:2px;
	border-bottom: 3px solid #bf181f;
	color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding: 0px 10px 0px 10px;
}
#topnav li a:hover {
	border-bottom: 3px solid #e5edf2;
}

#tools {
	float:right;
	width:300px;
	margin-top:20px;
	font-size:90%;
}
#tools ul {
	list-style:none;
	display:inline;
}
#tools li {
	list-style:none;
	display:inline;
	color:#FFFFFF;
}
#tools li a {
	list-style:none;
	display:inline;
	color:#FFFFFF;
	text-decoration:none;
}
#tools li a:hover {
	color: #e5edf2;
	text-decoration:underline;
}
#nav {
	float:left;	 
}
#nav ul {
	list-style:none;
	display:inline;
	padding-left:0px;
	margin-left:12px;
	height:40px;
	background-color:pink;
	float:right;
	position:relative;
	right:0px;
}
#nav li {
	list-style:none;
	display:inline;
	color:#FFFFFF;
	margin: 2px; 

}
#nav li a {
	display:block;
	list-style:none;
	display:inline;
	border-bottom: 3px solid #bf181f;
	color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
	border-bottom:3px solid lime; 	
}
#nav li a:hover {
	border-bottom: 3px solid #e5edf2;
}
#applicationTitle {
	width:200px;
	padding-top:10px;
	float:left;
	border:1px solid aqua;
}
#leftnav {
	/* border: 1px solid lime;
	float:left;
	width: 300px;
 */
	
 	width:200px;
	min-height:200px;
	/*padding-top:10px;*/
	float:left;
	/*background-color:#232b33;
	background-image:url(images/leftnavbg.gif);*/
	background-repeat:repeat-x;
    border: 1px solid #d6d6d6;
    font-family: 'ToyotaDisplayRegular';
	font-weight: normal;
	font-size: 17px;
}
#leftnavNOAUTH {
	/* border: 1px solid lime;
	float:left;
	width: 300px;
 */
	
 	width:200px;
	min-height:200px;
	padding-top:10px;
	float:left;
	/*background-color:#232b33;*/
	background-image:url(images/leftnavbg.gif);
	background-repeat:repeat-x;
}
#leftnav ul {
	list-style:none;
	padding:2px;
	margin:0px;
}
#leftnav li {
}
#leftnav li a {
	/*background-image:url(images/redrow.gif);
	color:#FFFFFF;*/
	background-image:url(images/green-arrow.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	padding-left:17px;
	margin:2px 0px 2px 0px;
	display:block;
	color: #666;
	font-size: 0.80em;
	vertical-align:top;
	background-position:8px 8px;
}
#leftnav li a:hover {
	/*background-color:#3e454e;*/
	color: Blue;
	text-decoration:underline;
}
#leftnav li a.selected {
	/*background-image:url(images/wredrow.gif);
	background-image:url(images/green-arrow.gif);
	background-repeat:no-repeat;
	background-color: #445b6d;*/
	color:Red;
	text-decoration:underline;
}

#leftnav li ul {
     background-color:#3e454e;
     margin-top:0px;
     width:192px;
}

#leftnav li ul li {
     padding-left:5px;
}

#leftnav div  {
     font-weight:bold;
     /*background-color:#232b33;*/
     padding:8px 10px 11px 10px;
     background-color:#125364;
     color:#ffffff
}

#contentContainer {
	position:relative;
	margin-left:220px;
	background-color:#e5edf2;
	color:#181a21;
}
#contentContainerVertical {
	position:relative;
    margin-left:220px;
    border: 1px solid #d6d6d6;
	/*background-color:#e5edf2;*/
	/* color:#181a21; */
}
/*.disclaimer {
      color:red;
      border-width: 1px;
      border-style:dashed;
      background-color:#F8F7B4;
      padding-top:5px;
      padding-bottom:5px;
	  padding-left:10px;
      padding-right:10px;
      display:block;  	
}
#disclaimer {
	float:right;
	width:285px;
	text-align:right;
}
#disclaimer ul {
	list-style:none;
	display:inline;
}
#disclaimer li {
	list-style:none;
	display:inline;
	color:#FFFFFF;
}
#disclaimer li a {
	list-style:none;
	display:inline;
	color:#FFFFFF;
	text-decoration:none;
}
#disclaimer li a:hover  {
	text-decoration:underline;

}*/
.left {
	clear:left;
}

/* -------------------  START BREADCRUMB STYLING  ---------------------------------- */

/*#breadcrumbs {
	height: 16px;
	font-size:90%;
	padding: 5px 0px 5px 10px;
	background-color:#2d363f;
	_margin-left: -3px;
}

.SiteMapCurrentNodeStyle{
	background-image:url(images/whiterow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:8px;
	display:inline;
	color:#e5edf2;
	text-decoration:none;
}

.SiteMapNodeStyle{
	background-image:url(images/breadredrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	list-style:none;
	display:inline;
	color:#e5edf2;
	text-decoration:none;
	padding-left:8px;
	margin-right: 10px;
}*/

/* -------------------  END BREADCRUMB STYLING  ---------------------------------- */

/*#copy {
	padding: 10px;
}
*/
h1 {
	/*background-color:#232b33;
	background-image:url(images/hone.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:8px 10px 8px 10px;
	font-size:150%;
	color:#e5edf2;*/
}

h1 span span#stepHeading {
     font-size:50%;
     font-weight:normal;
     display:block;
     color:Black;
     font-weight:bold;
}

h1 span#stepHeading {
     font-size:50%;
     font-weight:normal;
     display:block;
     color:Black;
     font-weight:bold;
}

h4 
{
	color: #fff;
}

/* standard td'a */

/* Added for gridviews that don't link 6806*/
td darkRowNoLink {
	background-color:#d0d7dc;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}

td.lightRowNoLink {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}

tr.darkRowNoLink {
	background:#d0d7dc;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}

tr.lightRowNoLink
{
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}
tr.lightRowNoLink a
{
    cursor:text;
    color:Black;
}
tr.darkRowNoLink a
{
    cursor:text;
    color:Black;
}

tr.lightRowNoLink a:hover
{
    cursor:text;
    color:Black;
}
tr.darkRowNoLink a:hover
{
    cursor:text;
    color:Black;
}
/* End 6806 */

/*td.darkrow {
	background-color:#d0d7dc;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}*/
td.darkrowrightalign {
	background-color:#d0d7dc;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:right;
	padding:5px 0px 5px 3px;
}
td.darkrowborder {
	background-color:#d0d7dc;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
	border-top: 1px solid #3f5060;
}
td.lightrow {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}
td.lightrowrightalign {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:right;
	padding:5px 0px 5px 3px;
}
td.whitetrow {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
	background-color:#FFF;
}
td.whitetrowrightalign {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:right;
	padding:5px 0px 5px 3px;
	background-color:#FFF;
}
#toptbldata td {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	color:#3f5060;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
}
#toptbldata th {
	font-weight:bold;
	text-align:left;
	color:#3f5060;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	margin-right:5px;
	font-size:110%;
}
#toptbldata td.none {
	border-bottom:none;
	text-align:left;
}
table.pageData td.noLeftPadding {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	padding-left:0px;
}
#tbldata {
}
#tbldata th {
	background-color:#3f5060;
	color:#FFFFFF;
	padding:3px 0px 3px 3px;
	text-align:left;
	font-size:110%;
}
#tbldata td.darkrow {
	background-color:#d0d7dc;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}
#tbldata td.lightrow {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}
/*td.data {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;	

}*/
td.none {
	border-bottom:none;
	text-align:left;
}
/*td.label {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
	font-weight:bold;
}*/
/* Classes */
/*table.tblpadding td {
	padding:4px 8px 4px 8px;
}*/
  
.dataDriven 
{
	font-size:80%;
	margin-top:3px;
	/*background-color:#e3e2e2;*/
	border: 1px solid #e3e2e2;
	overflow: visible;
}
.lnkbuttonDeactivate
{
	cursor:text;
	text-decoration:none;
}
.textHighlight
{
      color: red;
      border-style: dotted;
      border-width: 1px;
}


a.lnkbuttonDeactivate:hover 
{
	color:Black;
}

/*.button {
	background-image:url(images/bgbutton.gif);
	background-repeat:repeat-x;
	border:none;
	color:#FFFFFF;
	font-size:90%;
	padding:2px 5px 5px 5px;
	font-weight:bold;
	font-family: Tahoma, Arial;
    cursor:pointer;
	height:17px;
}*/
/*Fleet Portal Rebrand: **START** The following rules define the new standard button new standard button.*/
.button
{
	background-color: #e02e37;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius   : 3px;
	border          : none !important;
	padding         : 4px 10px;
	font-family     : 'ToyotaTextRegular';
	font-weight     : normal;
	color           : white;
	font-size       : 1em;
	text-decoration : none;
	line-height     : 1;
	display         : inline-block;
	cursor          : pointer;
	width           : auto !important;
}


.button input
{
    height          : 26px !important;
}
a.button 
{
    height          : 16px !important;
}

.button.grey
{
    background-color: #999;
}

.button.grey:hover
{
    background-color: #666;
}

.button span
{
    position        : relative;
    top             : 2px;
    white-space     : nowrap;
    color           : #FFF !important;
}

.button.editpen, .button.plus, .button.excel, .button.quote
{
    background-position: 5px !important;
    width           : auto;
    padding-left    : 25px !important;
}

.button.editpen
{
    background      : url(Images/editpen.png) no-repeat #e02e37;
}

.button.plus
{
    background      : url(Images/pluswhite.png) no-repeat #e02e37;
}

.button.excel
{
    background      : url(Images/exportexcel.png) no-repeat #e02e37;
}

.button.quote
{
    background      : url(Images/quoteiconwhite.png) no-repeat #e02e37;
}

.button:hover
{
	text-decoration: none;
	background-color: #ea4747;
	color: white;
}

/* Fleet Portal Rebrand: Targeting IE7 */
.buttonFixedWidth
{   background-color: #e02e37;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 10px;
	font-family: 'ToyotaTextRegular';
	font-weight: normal;
	color: white;
	font-size: 1em;
	text-decoration: none;
	line-height: 1;
	display: inline-block;
	cursor: pointer;
    *width:130px; 
}

.button:disabled {
		background-color: #DBDBDB;
		color: white;
}
.buttonRemove {
	background-image:url(images/bgbutton.gif);
	background-repeat:repeat-x;
	border:none;
	color:#FFFFFF;
	font-size:90%;
	padding:2px 5px 5px 2px;
	font-weight:bold;
	min-width:100px;
	font-family: Tahoma, Arial;
    cursor:pointer;
	height:17px;
}
.buttonLinkAddress {
	background-image:url(images/bgbutton.gif);
	background-repeat:repeat-x;
	border:none;
	color:#FFFFFF;
	font-size:90%;
	padding:2px 5px 5px 2px;
	font-weight:bold;
	min-width:145px;
	font-family: Tahoma, Arial;
    cursor:pointer;
	height:17px;
}
.buttonCreateNew {
	background-image:url(images/bgbutton.gif);
	background-repeat:repeat-x;
	border:none;
	color:#FFFFFF;
	font-size:90%;
	padding:2px 5px 5px 2px;
	font-weight:bold;
	min-width:78px;
	font-family: Tahoma, Arial;
    cursor:pointer;
	height:17px;
}
.buttonDEL {
	background-image:url(images/bgbutton.gif);
	background-repeat:repeat-x;
	border:none;
	color:#FFFFFF;
	font-size:90%;
	padding:3px 5px 5px 5px;
	font-weight:bold;
	font-family: Tahoma, Arial;
	min-width:45px;
	height:17px;
	float:right;
	margin:0px 3px 0px 0px;
}
.buttonADD {
	background-image:url(images/bgbutton.gif);
	background-repeat:repeat-x;
	border:none;
	color:#FFFFFF;
	font-size:90%;
	padding:3px 5px 5px 5px;
	font-weight:bold;
	font-family: Tahoma, Arial;
	height:18px;
	float:right;
	margin:0px 10px 0px 0px;
}

/*---------- IN TEXT BUTTON STYLE --------------------------------------------***/
.buttonInTxt {
	background-image:url(images/bgbutton.gif);
	background-repeat:repeat-x;
	border:none;
	color:#FFFFFF;
	font-size:90%;
	padding:2px 3px 5px 3px;
	font-weight:bold;
	font-family: Tahoma, Arial;
    cursor:pointer;
	height:17px;
	margin: 0 3px;
}

/* ------ Style for Disabled elements -----------------------------------------***/ 
button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
  color: #FFF;
  cursor: default;
  background-color:#DBDBDB;
}

/* ----- Style for ASP input "+" Buttons (Optional Services Section) -------------------------------------***/

.plusbutton  
{
    color:White; 
    font-weight:bold; 
    font-size:medium; 
    text-transform:uppercase; 
    background-color:#DF1D25; 
    border: solid 1px Black;
    width: 25px;
    } 


.imageCollapse {
	background-repeat:repeat-x;
	border:none;
	padding:3px 5px 5px 5px;
	height:18px;
	float:right;
	margin:0px 10px 0px 0px;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
div.darkrow
{
	background-color:#d0d7dc;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}
div.buttonpadding {
	margin-right:10px;
	text-align:right;
}

div.buttonpadding_QuotePg {
	margin-right:20px;
	text-align:right;
}

div.buttonProgress 
{
	margin-right:10px;
	text-align:right;
	float:left;
}
div.leftbuttonpadding {
	margin-right:10px;
	text-align:left;
	margin-bottom:10px;
}
div.rightbuttonpadding
{
	float:right;
}
div.leftpadding
{
	float:left;
}
div.autooverflow
{
	overflow:auto;
}

div.sel
{
	float: right;
	width: 100%;
	height: 60px;
	position: relative;
	padding: 10px 10px 60px 10px;
	background: #657482;
}
div.region
{
	height: 85%;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	float: right;
}

.fright {
	float:right;
}
.gridlinkbutton {
	text-decoration:none;
	color: #666;
}
.hidecontrol {
	visibility:hidden;
}
.frightExpand {
	float:right;
	margin-right:6px;
	margin-top:2px;
}

/* Page Data for Reports page (Schedule report)*/

table.pageDataRpt {
margin-top:0px;
min-width: 400px;
}


table.pageDataRpt td {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	padding:8px;
}
table.pageDataRpt th {
	background-color:#3f5060;
	color:#FFFFFF;
	padding:3px 8px 3px 3px;
	text-align:left;
	font-size:110%;
}
table.pageDataRpt th a {
	color:#FFFFFF;
	font-size:100%;
}
table.pageDataRpt th.search  {
	font-weight:normal;
}

table.pageDataRpt .levetwo th {
	background-color:#657482;
	color:#FFFFFF;
	padding:3px 8px 3px 8px;
	text-align:left;
	border-top:1px solid #e5edf2;
	border-top-style:dotted;
	font-size:100%;
}
/* Page Data  */

table.pageData {
margin-top:0px;
}


table.pageData td {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:solid;
	padding:8px;
	color: #666;
}
table.pageData th {
	/*background-color:#3f5060;
	color:#FFFFFF;
	padding:3px 8px 3px 3px;
	text-align:left;
	font-size:110%;*/
	color: #666;
	/*font-family: ToyotaTextRegular;*/
	font-family: arial;
	font-weight: bold;
	font-size:0.9em;
	text-transform: uppercase;
	padding: 3px 3px;
}
table.pageData th a {
	/*color:#FFFFFF;*/
	font-size:100%;
}
table.pageData th.search  {
	font-weight:normal;
}

table.pageData .levetwo th {
	/*background-color:#657482;
	color:#FFFFFF;
	padding:3px 8px 3px 8px;*/
	text-align:left;
	border-top:1px solid #a7aeb3;
	border-top-style:solid;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:solid;
	/*font-size:100%;*/
	color: #666;
	/*font-family: ToyotaTextRegular;*/
	font-family: arial;
	font-weight: bold;
	font-size:0.9em;
	text-transform: uppercase;
	padding: 3px 3px;
}

table.pageData .levetwo th a {
	color: #666;
}

table.pageData .levetworightalign th {
	background-color:#657482;
	color:#FFFFFF;
	padding:3px 8px 3px 8px;
	text-align:right;
	border-top:1px solid #e5edf2;
	border-top-style:dotted;
	font-size:100%;
}

/*Page Data One*/

table.pageDataOne {
margin-top:0px;
min-width: 450px;
}


table.pageDataOne td {
	/*border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;*/
	padding:8px;
}
table.pageDataOne th {
	background-color:#3f5060;
	color:#FFFFFF;
	padding:3px 8px 3px 3px;
	text-align:left;
	font-size:110%;
}
table.pageDataOne th a {
	color:#FFFFFF;
	font-size:100%;
}
table.pageDataOne th.search  {
	font-weight:normal;
}

table.pageDataOne .levetwo th {
	background-color:#657482;
	color:#FFFFFF;
	padding:3px 8px 3px 8px;
	text-align:left;
	border-top:1px solid #e5edf2;
	border-top-style:dotted;
	font-size:100%;
}

/* Page DATA TWO */

table.pageDataTwo {
margin-top:0px;

}
table.pageDataTwo td {
	
	padding:8px;
	color: #666;
}
table.pageDataTwo th  {
	/*background-color:#3f5060;
	color:#FFFFFF;
	padding:3px 0px 3px 3px;
	text-align:left;
	font-size:110%;*/

	color: #666;
	/*font-family: ToyotaTextRegular;*/
	font-family: arial;
	font-weight: bold;
	font-size:0.9em;
	text-transform: uppercase;
	padding: 3px 3px;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:solid;
}
table.pageDataTwo th a {
	color:#FFFFFF;
	font-size:100%;
}
table.pageDataTwo th.search  {
	font-weight:normal;
}
table.pageDataTwo th.levetwo  {
	/*background-color:#657482;
	color:#FFFFFF;
	padding:3px 0px 3px 8px;
	text-align:left;
	border-top:1px solid #e5edf2;
	border-top-style:dotted;
	font-size:100%;*/
	text-align:left;
	border-top:1px solid #a7aeb3;
	border-top-style:solid;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:solid;
	color: #666;
	/*font-family: ToyotaTextRegular;*/
	font-family: arial;
	font-weight: bold;
	font-size:0.9em;
	text-transform: uppercase;
	padding: 3px 3px;
	
}

/* Page data three */

/*table.pageDatathree {
margin-top:0px;
}


table.pageDatathree td {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	padding:8px;
}
table.pageDatathree th {
	background-color:#3f5060;
	color:#FFFFFF;
	padding:3px 8px 3px 3px;
	font-size:110%;
}
table.pageDatathree th a {
	color:#FFFFFF;
	font-size:100%;
}
table.pageDatathree th.search  {
	font-weight:normal;
}

table.pageDatathree .levetwo th {
	background-color:#657482;
	color:#FFFFFF;
	padding:3px 8px 3px 8px;
	border-top:1px solid #e5edf2;
	border-top-style:dotted;
	font-size:100%;
}

table.pageDatathree th.levetworightalign  {
	background-color:#3f5060;
	color:#FFFFFF;
	padding:3px 8px 3px 8px;
	border-top:1px solid #e5edf2;
	border-top-style:dotted;
	font-size:100%;
}*/

/* Page Data CONTROL-Styling */

table.pageDataControl {
    margin-top:0px;

}
table.pageDataControl td {
	border-bottom:1px dotted #a7aeb3;
	padding:8px;
}
table.pageDataControl th {
	background-color:#3f5060;
	color:#FFFFFF;
	padding:3px 8px 3px 3px;
	text-align:left;
	font-size:110%;
}
table.pageDataControl th a {
	color:#FFFFFF;
	font-size:100%;
}
table.pageDataControl th.search  {
	font-weight:normal;
}

table.pageDataControl .levetwo th {
	background-color:#657482;
	color:#FFFFFF;
	padding:3px 8px 3px 8px;
	text-align:left;
	border-top:1px dotted #e5edf2;
	font-size:100%;
}
/*Fleet Portal Rebrand: This has been amended to fit the new brand. The  radius and color are new */
#wrapperMODALQ1 {
	padding:0px 20px 20px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	width:540px; /*for all major browsres*/
	_width:540px; /* Targeting IE6 */
	*width:540px; /* Targeting IE7 */ 
	margin-left:auto;
	margin-right:auto;
}
/*Fleet Portal Rebrand: Minor adjustments made to the modal pop-ups. For example color. */
#wrapperMODALQ1_WIDE 
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0px 20px 20px 20px;
	background-color: #fff;
	width:800px; /*for all major browsres*/
	_width:800px; /* Targeting IE6 */
	margin-left:auto;
	margin-right:auto;
}
#wrapperMODALQ2_WIDE {
	width:870px; /*for all major browsres*/
	_width:870px; /* Targeting IE6 */
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0px 20px 20px 20px;
	background-color: #ddd;
}

#wrapperMODALQ1_WIDE {
    padding:0px 20px 20px 20px;
    width:800px; /*for all major browsres*/
    _width:800px; /* Targeting IE6 */
    margin-left:auto;
    margin-right:auto;
}

.innerwrapperModal
{
    padding: 0, 10px, 10px, 10px;
    }

/* Page DATA MODAL-BASE */

table.pageDataModalB {
margin-top:0px;

}
table.pageDataModalB td {
	padding-top:6px;
}
table.pageDataModalB th  {
	background-color:#3f5060;
	color:#FFFFFF;
	padding:3px 0px 3px 3px;
	text-align:left;
	font-size:90%;
}
table.pageDataModalB th a {
	color:#FFFFFF;
	font-size:90%;
}
table.pageDataModalB th.search  {
	font-weight:normal;
}
table.pageDataModalB th.levetwo  {
	background-color:#657482;
	color:#FFFFFF;
	padding:3px 0px 3px 8px;
	text-align:left;
	border-top:1px solid #e5edf2;
	border-top-style:dotted;
	font-size:90%;
}


/* Pagination */

tr.darkrow {
	background:#d0d7dc;
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}
tr.lightrow 
{
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	text-align:left;
	padding:5px 0px 5px 3px;
}
.results-pagination {
	font-size:11px;
	padding:8px;
	text-align:left;
	margin: 5px 0 0 10px
}
.results-pagination p {
	margin:0;
}
.results-pagination a:link, .results-pagination a:visited {
	background:#fff;
	padding: 3px 5px;
	border: 1px solid #000;
	color:#000
}
.results-pagination a:hover, .results-pagination a:active {
	background:#3f5060;
	padding: 3px 5px;
	border: 1px solid #000;
	color:#fff;
	text-decoration:none
}
.pagination-previous, .pagination-current, .pagination-next {
	font-weight:bold
}
span.pagination-previous, span.pagination-next {
	background:#fff;
	padding: 3px 5px;
	border: 1px solid #e7e7e7;
	color:#afafaf
}
.pagination-current {
	background:#3f3f3f;
	padding: 3px 5px;
	border: 1px solid #000;
	color:#fff
}
table.pageData td.none {
	border-bottom:none;
	margin-left:0px;
	padding-left:0px;
	
}
table.pageDataTwo td.none {
	border-bottom:none;
}
table.pageData td.tdnone {
	border-bottom:none;	
	text-align:left;
	
}   
.validate {
	background-color:#f9ede3;
	border:1px solid #ff0000;
	padding:5px;
	color:#FF0000;
	width:150px;
	
}
.noborder {
	border:none;
}
table.noborder td {
	border:none;
}
.highlight-control
{
	background-color:#f9ede3;
	border:1px solid #ff0000;
}
.reqField
{
	color: Red;
}
.successMsg
{
	color: Green;
}

.errorMsg
{
	color:Red;
}

.clearCss
{
	color: Black;
}
.mycalenderextender .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color:White;
    color: red;
}
.mycalenderextender .ajax__calendar_container th
{
    padding: 0px;
}
.mycalenderextender .ajax__calendar_container td
{
    background-color:White;
    padding: 0px;
}

.mycalenderextender .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year
{
    color: black;
}
.mycalenderextender .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year
{
    color: black;
}
.mycalenderextender .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: black;
    font-weight: bold;
}
/*
#ctl00_fleetSiteMapPath span {
	list-style:none;
	display:inline;
	color:#e5edf2;
	text-decoration:none;
	background-image:url(images/breadredrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:8px;
	margin-right: 6px;
}
#ctl00_fleetSiteMapPath a {
	list-style:none;
	display:inline;
	color:#e5edf2;
	text-decoration:none;
	background-image:url(images/breadredrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:8px;
	margin-right: 6px;
}
#ctl00_fleetSiteMapPath a:hover {
	color: #e5edf2;
}
#ctl00_fleetSiteMapPath a.active {
	background-image:url(images/whiterow.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.selectedMenuStyle
{
	background-image:url(images/wredrow.gif);
	background-repeat:no-repeat;
	background-color: #445b6d;
}

*/

.buttonHIDE {
	display: none;
}

checkBox {
border: medium none;
}

.displayNONE
{
	display: none;
}

.heightone
{
 height: 1px;
}

/* Added CSS *************************************************************************************/

.nonepadder {
    padding-bottom: 25px;
    border-bottom:none;
    }
    
    .nonepadderSmall {
    padding-bottom: 5px;
    border-bottom:none;
    }
    
    .noneTopPanel {
    padding-bottom: 5px;
    border-bottom:none;
    }
    *html #wrapper {width: 1200px;} /* IE6 Hack: Fixed Width for IE 6 and below to avoid button Alignment issues */
    *html #footer {width: 1200px;} /* IE6 Hack: Fixed Width for IE 6 and below to avoid button Alignment issues */
    
.noneTopPanel th {
	/*background-color:#3f5060;
	color:#FFFFFF;*/
	padding:5px 8px 5px 3px;
	text-align:left;
	font-size:110%;
}

.noneTopPanel td {
	padding-bottom:1px; /* IDC: Padding has been reduced from 10 to 1 to avoid lot of space between Incremental Search and Grid */
}
.padleft {
	margin-left:10px;
}

.padright {
	margin-right:10px;
}

/* Font family overwrite style for Search Box ********************************************************/
#contentContainerNOAUTH .ajax__tab_xp .ajax__tab_header 
{
    font-family: Arial, Sans-Serif;
    font-size: 1em;
}

#contentContainerNOAUTH .ajax__tab_xp .ajax__tab_body
{
    font-family: Arial, Sans-Serif;
    font-size: 1em;
}



/* Checkbox & radio No border style'n for IE ********************************************************/
input[type="checkbox"], input[type="radio"]{
    background: transparent;
    border: 0;
    padding-bottom: 0;
}
/* IE6 hacks */
.hideSelects { visibility: hidden; }

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* Search box styling ********************************************************/
#controllers { float:right; }
#loader { float:right; margin-top:-16px; width:18px; }
#control_btns { margin-right:18px; }
.search_btn { float:left; margin-right:3px; }
#loader2 { float:right; width:18px; }

/* ##############   CSS Classes for HELP FILES ######################## */


/* HELP Right Bar -------------------------------------------------------------------*/

#rightToolBar {
	float:right;
	width:250px;
	margin-right:20px;
}

#helpRB {
color:#000000;
}
#helpRB dl {
	padding:0px 0px 10px 0px;
	margin:10px;
	background-image:url(images/dlbg.jpg);
	background-repeat: repeat-x;
}
#helpRB dt {
	background-image:url(images/dt.gif);
	background-repeat:no-repeat;
	color:#FFF;
	padding:10px 10px 10px 20px;
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
}
#helpRB dd {
	padding:10px;
	margin:0px;
}

copy_help {
	float:left;
	width:560px;
	/*margin-right:350px;*/
	color:#000000;
	clear:both;
}


/* Elements */
.skip {height:0;width:0;left:-19000px;overflow:hidden;position:absolute;}	
.hide, .oldbrowsers {display: none;}
.p_empty { margin:0; padding:0;}
.noExtraHight {margin:0; padding:0;line-height:0;font-size:0}

.tip {
 border:2px solid green;
 padding:5px;
 margin:5px 0 10px 0;
}
.tip .title {
	color:green;
	font-weight:bold;
}
.important {
 border:2px solid #CC0000;
 padding:5px;
 margin:5px 0 10px 0;
}
.important .title {
	color:#CC0000;
	font-weight:bold;
}

.list {
	margin:0;
	padding:0 0 5px 15px;
	line-height:2em;
}
.list li {	
	color: #000000;
	margin:0;	
	padding:0 0 2px 20px;
	list-style:inherit;	
} 

.list li ul{	
	list-style:none;
	color: #000000;
	margin:0;	
	padding:0;	
}

.indent {padding:0 0 0 15px;}



/*------floats-------------------------------------------------------------------------------------------------------*/
.f_left {float:left;}	
.f_right {float:right;}

/*-------Start containers to hold all the content in place---------------------------------------------------------------------------*/
.container_main {
	color:#FFF;
	margin:0px auto;
	padding:0;
	/*font-family: arial, helvetica, verdana, sans-serif;*/
	position:relative; /* IE 6 Peekaboo bug hack */
	line-height: 1.6em; /* IE 6 Peekaboo bug hack */
	width:947px;
	width: 770px; /* IE PC dimensions - overridden for browsers that utilise correct box model by Tantek box model hack below */
	voice-family: "\"}\"";  /* Box model hack: IE5 and 5.5 Win can't see the following correction */
	voice-family:inherit;
	width:947px;
	height: auto;

} 

html>body .container_main { width:947px;  }  /* For browsers that also couldn't see the correction but use the correct box model */

/*------button styles------------------------------------------------------------------------------------------------------*/
.helpBnRight {
	cursor: hand;
	font-size:11px;
	border:0;
	color: #181a21;
	text-transform:uppercase;
	padding:8px 35px 0 5px;
	height:25px;
	width:auto;
	background: url(images/help.gif) no-repeat center right;
}
/** html .arrowBnRight   {width: 1px; overflow: visible;}
a.helpBnRight:link, a.helpBnRight:visited,  a.helpBnRight:hover, a.helpBnRight:active {
color:#181a21;
text-decoration:none;
}*/

/*-----Header layout------------------------------------ */
.container_header {
	margin:0;
	line-height: normal; /* IE 6 Peekaboo bug hack */
	height:55px;
}


/*-----Content layout------------------------------------ */
.container_content {
	margin:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	height:1%; /* IE 6 Peekaboo bug hack */
	padding: 30px 0 30px 30px;
	background-color:#e5ecf2;
	color:#181a21;
}

/**html .container_content {width:947px;}*/

.container_content p {}

.container_col_left {
	position: relative;
	float:left;
	width:189px;
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
}
.container_col_right {
	position: relative;
	float:right;
	width:570px;
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	margin:0;
}
.two_col {
	float:left;
	width:50%;
	position:relative;
}
.three_col {
	float:left;
	width:33.3%;
	position:relative;
}
.four_col {
	float:left;
	width:25%;
	position:relative;
}

h2 {
	font-size:110%;
	color:#000;
	margin:0 0 5px 0;
	font-weight:bold;
	display:block;
}
h3 {
	font-size:110%;
	color:#CC0000;
	text-transform:uppercase;
	margin:0 0 10px 0;
	font-weight:bold;
	display:block;
}

h5 {
	font-size:100%;
	font-weight:500;
	margin:5px 0 5px 0;	
}
h6 {
	font-size:90%;
	font-weight:500;
	margin:5px 0 10px 0;	
}
img {border:0;}



#Div1 { margin-top: 20px; }

.headerPanel {
	background-color:#3f5060;
	padding:5px 10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
	
}

/* -----   Search Results Page layout Fix   ------------------------------------ */


table.pageDataSearchRes td {
	border-bottom:1px solid #a7aeb3;
	border-bottom-style:dotted;
	padding:2px;
}

#ctl00_MainContent_pnlUpdateContractSearch .results-SearchRespagination td {
	padding-top:9px;
	padding-bottom:8px;
}

.levetwo2 th a {
	color:#FFFFFF;
}

.levetwo2 th {
	background-color:#657482;
	color:#FFFFFF;
	padding-left:2px;
	text-align:left;
	border-top:1px solid #e5edf2;
	border-top-style:dotted;
	font-size:98%;
}

.results-SearchRespagination tr {
	padding-top:12px !important;
	}

.results-SearchRespagination {
	font-size:90%;
	text-align:left;
}

.results-SearchRespagination a:link, .results-SearchRespagination a:visited {
	background:#fff;
	padding: 3px 5px;
	border: 1px solid #000;
	color:#000;
}
.results-SearchRespagination a:hover, .results-SearchRespagination a:active {
	background:#3f5060;
	padding: 3px 5px;
	border: 1px solid #000;
	color:#fff;
	text-decoration:none;
}
.SearchRespagination-previous, .pSearchResagination-current, .SearchRespagination-next {
	font-weight:bold;
}
span.SearchRespagination-previous, span.SearchRespagination-next {
	background:#fff;
	padding: 3px 5px;
	border: 1px solid #e7e7e7;
	color:#afafaf;
}
.SearchRespagination-current {
	background:#3f3f3f;
	padding: 3px 5px;
	border: 1px solid #000;
	color:#fff
}

.popupHover {
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px  solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-weight:normal;
}



/* --------------- Help Content ------------------------- */

h1 {
	/*background-color:#232b33;
	background-image:url(images/hone.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding: 10px;
	font-size:150%;
	color:#e5edf2;*/
}

h2 {
	font-size:110%;
	color:#000;
	margin:0 0 5px 0;
	font-weight:bold;
	display:block;
}
h3 {
	font-size:110%;
	color:#CC0000;
	text-transform:uppercase;
	margin:0 0 10px 0;
	font-weight:bold;
	display:block;
}
h4 {
	font-size:100%;
	margin:0;
	font-weight:bold;
	color:#000;	
}
h5 {
	font-size:100%;
	font-weight:500;
	margin:5px 0 5px 0;	
}
h6 {
	font-size:90%;
	font-weight:500;
	margin:5px 0 10px 0;	
}

img {border:0;}

a {
	color:#181a21;
	text-decoration:none;
}

a:hover {
	color:#CC0000;
}


/* HELP Right Bar -------------------------------------------------------------------*/

#rightToolBar {
	float:right;
	width:250px;
	margin-right:20px;
}

#helpRB {
color:#000000;
}
#helpRB dl {
	padding:0px 0px 10px 0px;
	margin:10px;
	background-image:url(images/dlbg.jpg);
	background-repeat: repeat-x;
}
#helpRB dt {
	background-image:url(images/dt.gif);
	background-repeat:no-repeat;
	color:#FFF;
	padding:10px 10px 10px 20px;
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
}
#helpRB dd {
	padding:10px;
	margin:0px;
}





/* ##### THE FOLLOWING IS ADDITIONAL CODE NEEDED FOR THESE HELP PAGES ######  */


#copy_help {
	float:left;
	width:560px;
	/*margin-right:350px;*/
	color:#000000;
	clear:both;
}


/* Elements */
.skip {height:0;width:0;left:-19000px;overflow:hidden;position:absolute;}	
.hide, .oldbrowsers {display: none;}
.p_empty { margin:0; padding:0;}
.noExtraHight {margin:0; padding:0;line-height:0;font-size:0}

.tip {
 border:2px solid green;
 padding:5px;
 margin:5px 0 10px 0;
}
.tip .title {
	color:green;
	font-weight:bold;
}
.important {
 border:2px solid #CC0000;
 padding:5px;
 margin:5px 0 10px 0;
}
.important .title {
	color:#CC0000;
	font-weight:bold;
}

.list {
	margin:0;
	padding:0 0 5px 15px;
	line-height:2em;
}
.list li {	
	color: #000000;
	margin:0;	
	padding:0 0 2px 20px;
	list-style:inherit;	
} 

.list li ul{	
	list-style:none;
	color: #000000;
	margin:0;	
	padding:0;	
}

.indent {padding:0 0 0 15px;}

/*------floats-------------------------------------------------------------------------------------------------------*/
.f_left {float:left;}	
.f_right {float:right;}

/*-------Start containers to hold all the content in place---------------------------------------------------------------------------*/
.container_main {
	color:#FFF;
	margin:0px auto;
	padding:0;
	/*font-family: arial, helvetica, verdana, sans-serif;*/
	position:relative; /* IE 6 Peekaboo bug hack */
	line-height: 1.6em; /* IE 6 Peekaboo bug hack */
	width:947px;
	width: 770px; /* IE PC dimensions - overridden for browsers that utilise correct box model by Tantek box model hack below */
	voice-family: "\"}\"";  /* Box model hack: IE5 and 5.5 Win can't see the following correction */
	voice-family:inherit;
	width:947px;
	height: auto;

} 

html>body .container_main { width:947px;  }  /* For browsers that also couldn't see the correction but use the correct box model */

/*------button styles------------------------------------------------------------------------------------------------------*/
.helpBnRight {
	cursor: hand;
	font-size:11px;
	border:0;
	color: #181a21;
	text-transform:uppercase;
	padding:8px 35px 0 5px;
	height:25px;
	width:auto;
	background: url(images/help.gif) no-repeat center right;
}
/** html .arrowBnRight   {width: 1px; overflow: visible;}
a.helpBnRight:link, a.helpBnRight:visited,  a.helpBnRight:hover, a.helpBnRight:active {
color:#181a21;
text-decoration:none;
}*/

/*-----Header layout------------------------------------ */
.container_header {
	margin:0;
	line-height: normal; /* IE 6 Peekaboo bug hack */
	height:55px;
}


/*-----Content layout------------------------------------ */
.container_content {
	margin:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	height:1%; /* IE 6 Peekaboo bug hack */
	padding: 30px 0 30px 30px;
	background-color:#e5ecf2;
	color:#181a21;
}

/**html .container_content {width:947px;}*/

.container_content p {}

.container_col_left {
	position: relative;
	float:left;
	width:189px;
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
}
.container_col_right {
	position: relative;
	float:right;
	width:570px;
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	margin:0;
}
.two_col {
	float:left;
	width:50%;
	position:relative;
}
.three_col {
	float:left;
	width:33.3%;
	position:relative;
}
.four_col {
	float:left;
	width:25%;
	position:relative;
}

.termsAndConditions
{
	text-decoration: underline;
}
/********************  ADDING NEW STYLE FOR PLUS [+] BUTTON  ********************/

.plusbutton {
    color:White; 
    font-weight:bold; 
    font-size:medium; 
    text-transform:uppercase; 
    background-color:#DF1D25; 
    border: solid 1px Black;
    width: 23px;
	height: 23px;
    } 
	
div.buttonfloatleft { float:left; }	
	
input.alignright {
text-align: right;
}
input.alignleft {
text-align: left;
}

.errorMsg
{
      color:red;
      border-width: 1px;
      border-style:dashed;
      background-color:#F8F7B4;
      padding-top:5px;
      padding-bottom:5px;
	  padding-left:10px;
      padding-right:10px;
      display:block;
      margin:5px 0;  
}
.errorMsg a {
	color: red;
	text-decoration: underline;
}
/* This is needed for firefox */
a[disabled=disabled] {color: #DBDBDB;} 

/* Odomoter Projection */

#chartBorder {
	border: solid 1px gray;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 95%;
	margin: 10px auto 0 auto;
}
#chart_container 
{
    display:table;
	margin: 15px auto;
	width: 90%;
}

#projectedKmsControls 
{
    display:table;
	margin: 15px auto;
	width: 90%;
	border-top: solid 1px gray;
}
.instruction 
{
    display:table;
	margin: 0px auto;
	width: 90%;
	font-weight: bold;
	padding-bottom: 15px;
}
#kmsTravelled {
	display:table;
	margin: 0 auto;
	width: 90%;
	border-top: solid 1px gray;
}
#GraphCalc 
{
    display:table;
	margin: 0 auto;
	width: 90%;
	display: block;
}
#graphValidation {
    display:table;
	margin: 0 auto;
	width: 90%;
}

#addOdoBottom {
	display: inline;
}
#addOdoBottom input {
	background-image: none;
	background-color:gray;
}
#addOdoBottom input:hover {
	background-color: #909090;
}

/* End Odomoter Projection */

/******************** START: HEADER ***************************/

/* The following rules have been taken from the parent site to ensure that they match exactly. */
/* They cover content in the masterpages and the Fleet Header */
#container, #masthead .header, #super-footer footer
{
	margin: 0 auto;
	width: 976px;
}
#masthead
{
	background-color: white;
	height: 110px;
	border-bottom: 8px solid #eb0a1e;
}
#masthead .header
{
	height: 73px;
	padding-top: 37px;
	position: relative
}
#masthead h1
{
	float: left;
	margin: 0;
}
#masthead h1 a
{
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background: url("Images/logo-tfm.jpg") no-repeat;
	width: 212px;
	height: 63px;
}
.home #masthead
{
	margin-bottom: 0;
}
#primary-nav
{
	position: absolute;
	left: 238px;
	bottom: 9px;
	width: 738px;
	font-family: 'ToyotaTextCondensed';
	font-weight: normal;
	font-size: 17px;
	text-align: right;
	text-align-last: justify;
	height: 24.14px;
	overflow: hidden;
}
#primary-nav:after
{
	content: ".";
	display: inline-block;
	width: 100%;
	height: 0;
	visibility: hidden;
	margin-top: -1em;
}
#primary-nav span
{
	white-space: nowrap;
}
#primary-nav span.active a
{
	color: #d82332;
}
#primary-nav a
{
	color: #2d3438;
	text-decoration: none;
	padding-left: 15px;
}
#primary-nav a:hover
{
	color: #d82332;
}

#toolbox
{
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 0;
	font-family: ToyotaDisplayRegular;
	color: black;
}

#toolbox span {
	padding: 10px 6px 10px 6px;
}
#toolbox a.button
{
	height: 12px !important;	
	height: 16px !important;
	line-height: inherit;
	margin-right: 10px;
	*margin-bottom: -6px;
}
#toolbox form.search
{
	float: left;
	padding-left: 9px;
	padding-right: 9px;
	background-position: 10px 10px;
	border-right: 1px solid #cfcfcf;
}
#toolbox form.search label
{
	left: 19px;
}
#toolbox form.search .button
{
	right: 16px;
}
#toolbox select, #toolbox .ui-selectmenu
{
	float: left;
	margin-left: 10px;
}

#header {
	background-color: white;
	height: 110px;
	margin-bottom: 67px ;
	border-bottom: 8px solid #eb0a1e;
}
/*Fleet Portal Rebrand: This has been amended to fit the new brand. The width, shadows and radius are new*/
#wrapper {
	width:976px;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	*margin-bottom: 0;
	position: relative;
	-moz-box-shadow: 0 0 2px 2px #cfcfcf;
	-webkit-box-shadow: 0 0 2px 2px #cfcfcf;
	box-shadow: 0 0 2px 2px #cfcfcf;
}
/*Fleet Portal Rebrand: This has been amended to fit the new brand. The width, is new*/
#wrapperNOAUTH {
	margin:0px 20px 20px 20px;
	width:976px;
	margin-left:auto;
	margin-right:auto;
}
#wrapperVertical {
	width:976px;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 20px;
	position: relative;
	-moz-box-shadow: 0 0 2px 2px #cfcfcf;
	-webkit-box-shadow: 0 0 2px 2px #cfcfcf;
	box-shadow: 0 0 2px 2px #cfcfcf;
}

/* -------------------  START BREADCRUMB STYLING  ----------------------------------*/
/*Fleet Portal Rebrand: Placement of breadcrumbs */
#breadcrumbs {
	margin: 20px auto 10px auto;
	padding-left: 10px;
	width: 962px;
	font-family: ToyotaDisplayRegular;
}
/*Fleet Portal Rebrand: Add house pic */
#ctl00_fleetSiteMapPath {
	background: url(Images/breadcrumb-home.png) no-repeat;
	color: #ccc;
	background-position: 2px 2px;
	padding-left: 12px;
}
#breadcrumbs span {
	vertical-align: baseline;
	line-height: initial;
}
/*Fleet Portal Rebrand: Make the first one red(Home) */
#breadcrumbs a[href="/FleetOnline/Home/FleetHome.aspx"]{
	color: #eb0a1e;
}
/*Fleet Portal Rebrand: Dark grey no arrow */
.SiteMapCurrentNodeStyle{
	color: #666;
	display: inline;
	font-size: 0.917em;
	background: none;
	line-height: 1;
	padding-right: 7px;
	padding-left: 7px;
}
/*Fleet Portal Rebrand: Dark grey no arrow */
.SiteMapNodeStyle{
	color: #666;
	display: inline;
	font-size: 0.917em;
	background: none;
	line-height: 1;
	padding-right: 7px;
	padding-left: 7px;
	text-decoration: none;
}
/*Fleet Portal Rebrand: Red on hover */
#breadcrumbs a:hover {
	color: #eb0a1e;
}


/* -------------------  END BREADCRUMB STYLING  ----------------------------------*/

/*Fleet Portal Rebrand: No need for padding here. Also note that this is an ID selector. It is often used on pages and user controls meaning that there are 
multiple appearances of this id on one page */
#copy {
	
}
/*Fleet Portal Rebrand: The standard padding for an item on a page */
.pagecontent {
	padding: 10px 15px 10px 20px;
}
/*Fleet Portal Rebrand: Applied to the div containing the page heading (Master Page) */
.PageName {
	padding-top: 16px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 90px;
	background-image: url("Images/PageHeader.png");
	background-repeat: repeat-x;
	border-bottom: solid 1px #cccccc;
}
.HorizontalPageName {
	padding-top: 16px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 90px;
	background-image: url("Images/PageHeader.png");
	background-repeat: repeat-x;
	border-bottom: solid 1px #cccccc;
	font-family: 'ToyotaDisplayRegular';
	color: #a4a41d;
	font-size: 2.6em;
	font-weight: bold;
}
/*Fleet Portal Rebrand: New width and margins */
#footer {
	font-size:90%;
	margin: 20px auto 30px auto;
	width: 976px;
	padding-bottom: 40px;
    color           : #666;
}
/*Fleet Portal Rebrand: This has been amended to fit the new brand. The width, is new*/
#wrapperLogin {
	margin:0px 20px 20px 20px;
	width:976px;
	margin-left:auto;
	margin-right:auto;
}
/******************** END: HEADER ***************************/
#disclaimer 
{
    float           :right;
    width           :auto;
    text-align      :right;
    display         : inline-block;
    position        : relative;
    top             : -35px;
}
#disclaimer ul {
	list-style:none;
	display:inline;
}
#disclaimer li {
	list-style:none;
	display:inline;
}
/*Fleet Portal Rebrand: The footer links cannot be seen without this change(color) */
#disclaimer li a {
	list-style:none;
	display:inline;
	color: black;
	text-decoration:none;
}
/*Fleet Portal Rebrand: Just brand consistency, change from underline to color change */
#disclaimer li a:hover  {
	color: #d82332;

}
/*Fleet Portal Rebrand: This is a class applied to tables. It gives standard styling to the tables used to display information */
.tblpadding {
	width: 100%;
	padding-bottom: 10px;
}
.tblpadding select {
	width: 200px;
	_width:213px; /* Targeting IE6 */
	*width:213px; /* Targeting IE7 */
}
.tblpadding select.twoThirdTextWidth
{
    width: 126px;
	*width:151px; /* Targeting IE7 */
}
.tblpadding input[type="text"] {
	width: 200px;
	*width:213px; /* Targeting IE7 */
}
.tblpadding input[type="password"] {
	width: 200px;
	*width:213px; /* Targeting IE7 */
}
.tblpadding input.textWidth
{
    width: 200px;
	*width:200px; /* Targeting IE7 */
}
.tblpadding input.twoThirdTextWidth
{
    width: 126px;
	*width:127px; /* Targeting IE7 */
}
.tblpadding input.halfTextWidth
{
    width: 71px;
    *width: 61px;
}
/*Fleet Portal Rebrand: Within a table of information there are 3 different styles. These styles are applied to the tds of the table. */
/*Fleet Portal Rebrand: The bound data of a table or user input */
td.data 
{
	padding:4px 8px 4px 8px;
	color:#666;
	vertical-align: middle;
	font-weight: bold;
}
td.fixedWidthData 
{
	padding:4px 8px 4px 8px;
	color:#666;
	vertical-align: top;
	font-weight: bold;
	width: 30%;
}
/*Fleet Portal Rebrand: A Total (Bold and dark) */
td.total 
{
	padding:4px 8px 4px 8px;
	vertical-align: middle;
	color: black;
	font-weight: bold;
	
}
/*Fleet Portal Rebrand: The label for some data or entry */
td.label 
{
	padding:4px 8px 4px 0px;
	font-weight: bold;
	width: 150px;
	color: #333;
	vertical-align: top;
}

td.labelPadding 
{
	padding:4px 8px 4px 8px;
	font-weight: bold;
	width: 150px;
	color: #333;
	vertical-align: middle;
}

td.fixedWidthLabel
{
	padding:4px 8px 4px 0px;
	font-weight: bold;
	width: 20%;
	color: #333;
	vertical-align:top;
}

/*Fleet Portal Rebrand: This is the style is used as the header of each section */
th {
	font-family: 'ToyotaDisplayRegular';
	font-weight: normal;
	font-weight: bold;
	font-size: 1.333em;
	color: black;
	padding: 10px 0 10px 0;
	text-align: left;
}
/*Fleet Portal Rebrand: This is the main header of an expandable section*/
.quoteSection th {
	font-family: 'ToyotaDisplayRegular';
	font-weight: normal;
	font-weight: bold;
	font-size: 1.333em;
	color: rgb(164, 164, 29);
	margin: 10px 0 10px 0;
	text-align: left;
}
/*Fleet Portal Rebrand: This rule is applied to the div that contains a user control on a quote page. It handles the padding and the bottom border. */
.quoteSections {
	/*padding-left: 20px;*/
	padding-right: 15px;
	border-bottom:solid 1px #ccc;
}	
.Sections {
	/*padding-left: 20px;*/
	padding-right: 15px;
	border-bottom:solid 1px #ccc;
}	
.sectionsPadding
{
	*width: auto;
    padding-right: 15px;
}
.checkBoxPadding
{
    padding-top: 4px;
    padding-left: 4px;
}
/***************************** START Heading styles ****************************************/
/*Fleet Portal Rebrand: These heading styles have been taken from the parent site for consistency */
h1
{
	font-family: 'ToyotaDisplayRegular';
	color: #a4a41d;
	font-size: 2.667em;
	font-weight: bold;
}
h2, legend
{
	font-family: 'ToyotaDisplayRegular';
	color: #2d3438;
	font-weight: bold;
	font-size: 1.333em;
}
h3
{
	color: #415460;
	font-size: 1em;
	margin: 1.5em 0;
}
h4
{
	font-family: 'ToyotaDisplayRegular';
	font-weight: normal;
	color: #415460;
	font-size: 1em;
	margin: .25em 0;
}
/***************************** END Heading styles ****************************************/
/*Fleet Portal Rebrand: The padding on the New Quote buttons */
.quoteNewQuoteButtons {
	padding: 15px 20px;
}
.results-pagination {
	font-size:11px;
	/*background: transparent url("images/pagination_bg.gif") no-repeat 0 100%;*/
	padding:8px;
	text-align:left;
	margin: 5px 0 0 10px
}
.results-pagination p {
	margin:0
}
.results-pagination a:link, .results-pagination a:visited {
	background:#fff;
	padding: 3px 5px;
	border: 1px solid #000;
	color:#000
}
.results-pagination a:hover, .results-pagination a:active {
	background:#3f5060;
	padding: 3px 5px;
	border: 1px solid #000;
	color:#fff;
	text-decoration:none;
}
/*Fleet Portal Rebrand: This class is applied to search result style tables. For example the main quote search result */
table.pageData {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	/*
	-webkit-border-top-left-radius: 3px;
	
	-webkit-border-topright-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-box-shadow: -3px -3px 2px #cfcfcf;
	-webkit-box-shadow: -3px -3px 2px #cfcfcf;
	box-shadow: 3px -3px 2px #cfcfcf;
	font-family: ToyotaTextRegular;*/
}
table.pageData td {
	vertical-align: middle;
	color: #666;
	padding: 0 7px 0 7px;
}
table.pageData td a {
	color: #666;
}
table.pageData a {
	color: inherit;
}
table.pageData a:hover {
	color: #666;
}
table.pageData tr {
	height: 40px;
	border-bottom:solid 1px #ccc;
}
tr.levetwo 	
{
	padding-bottom: 8px;
	-moz-box-shadow: 0px 3px 2px #cfcfcf;
	-webkit-box-shadow: 0px 3px 2px #cfcfcf;
	box-shadow: 0px 3px 2px #cfcfcf;
}
table.pageData th  
{
	color: #666;
	/*font-family: ToyotaTextRegular;*/
	font-family: arial;
	font-weight: bold;
	font-size:0.9em;
	text-transform: uppercase;
	padding: 3px 3px;
}
table.pageData th a {
	text-decoration: none;
	color: inherit;
}
table.pageData th.search  {

}
table.pageData th.levetwo  {

}

table.pageData th.levethree  {

}

/* Page DATA TWO */

table.pageDataTwo 
{
	
}
table.pageDataTwo td {

}
table.pageDataTwo th  {

}
table.pageDataTwo th a {

}
table.pageDataTwo th.search  {

}
table.pageDataTwo th.levetwo  {

}
table.pageDataTwo td.none {
}
/* Page data three */

table.pageDatathree {
}
table.pageDatathree td {

}
table.pageDatathree th  {
}
table.pageDatathree th a {

}
table.pageDatathree th.search  {

}
table.pageDatathree .levetwo th {
}

table.pageDatathree th.levethree  {

}

table.pageDatathree th.levetworightalign  {

}
/* Pagination */

tr.darkrow {

}
tr.lightrow 
{

}
/*Fleet Portal Rebrand: No More Light and Dark Rows!! */
td.darkrowTwo {

}
td.darkrow {

}
td.darkrowrightalign {

}
td.lightrow {

}
td.lightrowrightalign {

}
td.whitetrow {

}
td.whitetrowrightalign {

}
#toptbldata td {

}
/*Fleet Portal Rebrand: This is the colour of the quote progress links*/
#steps a:link {
	color: #EB0A1E;
	
}
#steps ul  {
	list-style:none;
	display:inline;
	padding:0px;
	margin:0px;
}
#steps li   {
	display:inline;
	list-style:none;
		background-image:url(images/newrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:120%;
	text-decoration:none;
	padding:0px 0px 0px 20px;
	color:#2d363f;
}
#steps li a  {

	text-decoration:none;

}
#steps li a.active  {
	font-weight:bold;
}	
#steps li a:hover  {
	color:#ed1c24;
}
#steps h1 {


}
.noBottomBorder {
	font-size:11px;
	padding:8px;
	text-align:left;
	margin: 5px 0 0 10px
}
.noBottomBorder tr {
	border: 0;
}
/*Fleet Portal Rebrand: This is the colour of the quote progress links*/
.tableNoneTopPanel {
    padding-bottom: 5px;
    border-bottom:none;
    border-top:1px solid #a7aeb3;
	border-top-style:solid;
    }
.tableNoneTopPanel th {
	/*background-color:#3f5060;
	color:#FFFFFF;*/
	padding:5px 8px 5px 3px;
	text-align:left;
	font-size:110%;
	font-family: Arial;
}

.tableNoneTopPanel td {
	padding-bottom:1px; /* IDC: Padding has been reduced from 10 to 1 to avoid lot of space between Incremental Search and Grid */
}
/*Fleet Portal Rebrand: The padding on the New Quote buttons */
.tableCentreAlign {
	padding-left: 50px;
	width: 100%;
}
/*option
{
    background:#a7aeb3;
    padding-bottom: 5px;
}*/
/*Fleet Portal Rebrand: The label for some data or entry */
td.headerText 
{
	padding:4px 8px 4px 0px;
	font-weight: bold;
	width: 150px;
	color: #333;
	vertical-align: middle;
}
td.bodyContent
{
	padding:4px 8px 4px 4px;
	width: 150px;
	color: #333;
	vertical-align: middle;
}
td.rightButtonAlign
{
    float:right;
    padding-top:10px;
    padding-bottom:10px;
}
select.reportMonthWidth {
	width: 70px;
	_width:75px; /* Targeting IE6 */
	*width:75px; /* Targeting IE7 */
}
select.reportYearWidth {
	width: 70px;
	_width:79px; /* Targeting IE6 */
	*width:79px; /* Targeting IE7 */
}

/********** BUTTON STYLES **********/


.spritebutton, .spritebutton a
{
    position        : relative;
    border          : 0 !important;
    padding         : 0 0 0 9px !important;
    cursor          : pointer;
    overflow        : visible;
    font-family		: 'ToyotaTextRegular';
	font-weight		: normal;
	font-size		: 1em;
	text-decoration	: none;
	line-height		: 0.5;
	display			: inline-block;
	height          : 26px;
	z-index         : 170;
	margin-right    : 9px;
}

.spritebutton input, .spritebutton a 
{
    cursor          : pointer;
    font-weight     : bold;
    display         : inline-block;
    border          : none !important;
    color           : #FFFFFF;
    width           : auto; /* fixes width issue for ie browsers */
    overflow        : visible; /* fixes width issue for ie browsers */
    font-family     : 'ToyotaTextRegular' !important;
    font-size       : 1em;                        
}

span.spritebutton.red 
{
    background      : transparent url(/App_Themes/WepFleet/Images/buttonredsprite.png) no-repeat right -92px; 
    display         : inline-block;
    padding-right   : 9px !important; /* sliding doors padding */
    cursor          : pointer;
}

span.spritebutton.grey
{
    background      : transparent url(/App_Themes/WepFleet/Images/buttongreysprite.png) no-repeat right -92px; 
    display         : inline-block;
    padding-right   : 9px !important; /* sliding doors padding */
    cursor          : pointer;
    float           : right;
    margin-right    : 20px;
}

span.spritebutton span
{
    padding         : 0 !important;
    margin          : 0 !important;
}

span.spritebutton.red input, span.spritebutton.red a 
{
    background      : transparent url(/App_Themes/WepFleet/Images/buttonredsprite.png) no-repeat left top;
    padding-left    : 8px;
    text-align      : center;
    line-height     : 26px;
    height          : 26px;
    margin-left     : 0px; /* fixes margin issue with safari and chrome. no an issue for ie or ff. */
    display         : inline-block;
    cursor          : pointer;
    color           : #FFF;
    margin-right    : -5px;
    padding-right   : 5px !important;
}

span.spritebutton.grey input, span.spritebutton.grey a 
{
    background      : transparent url(/App_Themes/WepFleet/Images/buttongreysprite.png) no-repeat left top;
    padding-left    : 8px;
    text-align      : center;
    line-height     : 26px;
    height          : 26px;
    margin-left     : 0px; /* fixes margin issue with safari and chrome. no an issue for ie or ff. */
    display         : inline-block;
    cursor          : pointer;
    color           : #FFF;
    margin-right    : -5px;
    padding-right   : 5px !important;
}

span.spritebutton.red:hover input, span.spritebutton.red:hover a, span.spritebutton.grey:hover input, span.spritebutton.grey:hover a 
{
    background-position:left -46px;
    color           : #FFFFFF;
}

.spritebutton.red:hover, .spritebutton.grey:hover 
{
    background-position: right -138px;
}

.spritebutton.red:hover span, .spritebutton.grey:hover span 
{
    background-position: left -138px;
}

.spritebutton input::-moz-focus-inner, .spritebutton a::-moz-focus-inner, input::-moz-focus-inner, a::-moz-focus-inner 
{   
    border          : 0px;
} 

.spritebutton input:focus, input:focus, .spritebutton a:focus, a:focus
{     
    outline         : none; 
}

.editpen
{
    background      : url("/App_Themes/WepFleet/Images/editpen.png") no-repeat scroll 0 0 transparent;
    position        : relative;
    height          : 20px;
    width           : 12px;
    height          : 17px;
    z-index         : 180;
}

.pluswhite
{
    background      : url("/App_Themes/WepFleet/Images/pluswhite.png") no-repeat scroll 0 0 transparent;
    position        : relative;
    height          : 25px;
    width           : 10px;
    left            : -5px;
    top             : -26px;
    z-index         : 180;
}

.quoteicon
{
    background      : url("/App_Themes/WepFleet/Images/quoteiconwhite.png") no-repeat scroll 0 0 transparent;
    position        : relative;    
    width           : 14px;
    height          : 18px;
    top             : -22px;
    left            : 5px;
    z-index         : 180;
}

.quoteicon.variationquoteicon, .quoteicon.payoutquote
{
    float           : left !important;
    left            : 19px;   
    top             : 4px;
}
/********** custom button elements **********/
/** common **/
/* exportexcel */
.spritebutton.red.exportexcelbutton
{
    top             : -3px;
    left            : 57px;
}

.exportexcelbutton a
{
    padding-left    : 30px !important;
}

.exportexcel.exportexcelbutton
{
    background      : url(/App_Themes/WepFleet/Images/exportexcel.png) no-repeat;
    position        : relative;    
    height          : 16px;
    width           : 17px !important;
    top             : -21px;
    left            : 7px;
    z-index         : 190;
}
/* end exportexcel */
/** end common **/

/** business unit **/
.spritebutton.businessunitnewtransfer, .spritebutton.payoutgetquote
{
    float           : right;
    padding-right   : 0;
    top             : -6px;
    left            : -12px;
    margin-bottom   : 17px;
}

.spritebutton.businessunitnewtransfer a, .spritebutton.payoutgetquote a
{
    padding-left    : 25px !important;
    top             : 0;
    left            : 0;
}

.spritebutton.businessunitnewtransfer span, .spritebutton.payoutgetquote span
{
    top             : 0;
}

.spritebutton.red.businessunitnewtransfer, .spritebutton.red.payoutgetquote
{
    float           : right;
}

.editpen.businessunitnewtransfer, .editpen.changetermbutton
{    
    left            : 7px;
    top             : 6px;
}

.businessunitaddnew a, .variationquoteicon a, .payoutquote a
{
    padding-left    : 25px !important;
}

.spritebutton.red.businessunitaddnew
{
    float           : right;
    left            : -12px;
    top             : -30px;
}

.pluswhite.businessunitaddnew, .pluswhite.odometeraddnew
{
    left            : 7px;
    top             : -25px;
}
/** end business unit **/

/** odometer **/
.spritebutton.red.addodometer, .spritebutton.red.fuelcardreplacement, .spritebutton.red.changedriver, .spritebutton.red.variationquote
{
    float           : right;
    top             : -49px;
    left            : -12px;
}

.spritebutton.red.addodometer a, .spritebutton.red.fuelcardreplacement a, .spritebutton.red.changedriver a, .spritebutton.red.variationquote a
{
    padding-left    : 25px !important;
}

.editpen.addodometer, .editpen.fuelcardreplacement, .editpen.changedriver, .editpen.variationquote, .editpen.payoutgetquote
{    
    left            : 7px;
    top             : -21px;
}

.odometeraddnew a
{
    padding-left    : 25px !important;
}
/** end odometer **/

/********** end custom button elements **********/

.button.businessunitnewtransfer:hover
{
    background      : url(/App_Themes/WepFleet/Images/editpen.png) 5px no-repeat #EA4747;    
}

.button.cancel
{
    background      : #686868;
    box-shadow      : 1px 3px 5px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 1px 3px 5px rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow : 1px 3px 5px rgba(255, 255, 255, 0.3) inset;
    float           : right;
    width           : 44px;
    height          : 22px;
    text-align      : left;
    text-indent     : 4px;
    font-size       : 1em;
    margin-right    : 20px;
    margin-top      : -3px;
}

.button.cancel:hover
{
    background      : #949494;
}

.spritebutton.grey.new
{
    float           : none !important;
}

/******** end custom element button styling ********/

/********** END BUTTON STYLES **********/

.margin10Right{ margin-right: 10px; }

#showMoreDetails
{	
	font-family		: 'ToyotaTextRegular';
	text-decoration	: none;
	padding-right	: 18px;
	font-size		: 0.95em;
	font-weight     : normal !important;
	padding-left	: 0;
	border			: none;
	float           : none;	
	z-index         : 990;
	color		    : #969696 !important;
	background		: url(/App_Themes/WepFleet/Images/showhideplus.png) no-repeat;
	background-position: right 8px;
	width           : 70px !important;
	cursor          : pointer;
	padding-top     : 8px;
	height          : 16px;
}

.oneFifty 
{
	width			: 150px !important;
}

.modalwindow
{
    position        : relative;
    border          : 1px solid #CCCCCC;
    border-radius   : 5px;
    background      : url(/App_Themes/WepNovated/Images/showhidex.png) no-repeat right top #FFFFFF;
    background-position: 793px 10px;
    width           : 800px;
    padding         : 20px;
    padding-left    : 0px;
    text-align      : left;
}

.modalwindow .modalheader
{
    text-align      : center;
    margin-bottom   : 15px;
    display         : block;
    font-size       : 2em;
    color           : #5D6468;
}

.modalsearch.modalclose
{
    cursor          : pointer;
    float           : right;
    left            : 10px;
    position        : relative;
    top             : -10px;
}

.modaltable
{
    width           : 820px;    
    padding-left    : 20px;
    position        : relative !important;   
    text-align		: left;   
}

.modaltable tr td
{    
    border-bottom	: 1px solid #CCCCCC;
    padding-left    : 20px !important;
}

.modaltablehead
{
    text-indent     : 20px;
}

.fbtmodalaccordion div
{
    border-bottom   : 1px solid #CCCCCC;
    padding-bottom  : 10px;
    padding-top     : 10px;
    text-indent     : 20px;
    width           : 820px;
}

.h3style
{
    border-bottom   : 1px solid #CCCCCC;
    font-family     : 'ToyotaTextRegular';
    font-size       : 1.2em;
    font-weight     : normal;
    width           : auto;
    padding         : 0;
    margin          : 0 !important;
}

.buttonplus
{
    background      : url(Images/showhideplus.png) no-repeat transparent;
    background-position: 945px 24px;
}

.h2stylenormal
{
    font-family		: 'ToyotaDisplayRegular';
	font-weight		: normal;
	color			: #2d3438;
	font-weight		: normal;
	font-size		: 1.333em;
}

.modalTable
{
    border-collapse : collapse;
    margin-left     : 20px;
}

.modalTable col
{
    border-left     : 1px solid #CCC;
}

.modalTable col:first-child
{
    border-left     : none;
}

.modalTable th
{
    width           : 90px;
    padding         : 0 2px;
    text-align      : center;
}

.modalTable .largeTH
{
    width           : 420px;
    text-align      : left;
}

.modalTable td
{
    padding         : 4px;
    border-bottom   : 1px solid #CCC;
    vertical-align  : middle;
    color           : #555;
}

.modalTable td img
{
    width           : 18px;
    height          : 18px;
    margin-left     : 33px;
}

.modalTable td:first-child
{
    background      : #F5F5F5;
}

.modalTable td, .modalTable th
{
    *border-left    : 1px solid #CCC;
}

.modalTable td:first-child, .modalTable th:first-child
{
    *border-left    : none;
}

.modalclose
{
    cursor          : pointer;
    float           : right;
    left            : 10px;
    position        : relative;
    top             : -10px;
}

.greyCell
{
    background      : #CCC;
}

.exteriorFooterNav
{
    width           : 976px;    
    margin-left     : auto;
    margin-right    : auto;
}

.exteriorFooterNav ol
{
    margin-left     : 0 !important;
}

.exteriorFooterNav li
{
    border-left     : 1px solid #CCCCCC;
    display         : inline;
    font-size       : 0.9em;
    list-style      : none !important;
    margin-left     : 7px;
    padding-left    : 7px;
    cursor          : pointer;
    *float          : left;
}

.exteriorFooterNav a
{
    color           : #333;
}

.exteriorFooterNav li:hover
{
    text-decoration : underline;
    color           : #111;
}

.contactli 
{
    border          : medium none !important;  
    float           : right !important;
}

.contactli a
{
    color           : #607890 !important;
}

.liFooterNavVisit
{    
    margin-left     : 0 !important;
    padding-left    : 0 !important;
    border-left     : none !important;
}

.liFooterNavVisit:hover
{
    color           : #444 !important;
    cursor          : default;
    text-decoration : none !important;
}

.margin10Right 
{
	margin-right    : 10px;
}

/****** Fleet Favourites Section ******/

.favoritesContainer
{
    padding-top     : 15px;
    padding-left    : 20px;
    padding-right   : 20px;
}

.favoritesContainer li, .favoritesContainer ol
{
    list-style      : none !important;
    text-decoration : underline;
    cursor          : pointer;
    padding-bottom  : 5px;
    margin-left     : 0;
}

.favoritesContainer li:hover
{
    color           : #333;
}

.favoritesHeader
{
    padding-left    : 25px;
    width           : 13%;
    background      : url(Images/favouritesstar.png) no-repeat;
    background-position: 0px 1px;
}

.searchesContainer, .reportsContainer
{
    width           : 40%;
}

.reportsContainer
{
    z-index         : 2;
}

.searchesHalf, .reportsHalf
{
    width           : 100%;
}

.searchesHeader, .reportsHeader
{
    width           : 100%;
    padding-bottom  : 10px;
}

.rightside
{
    padding-top     : 30px;
}

.borderleft
{
    border-left     : 1px solid #CCC;
    margin-left     : -40px;
    padding-left    : 40px;
}

.favoritesNote
{  
    width           : 70%;
    padding         : 6px 0 0 0;
    font-style      : italic;
    color           : #999;
    vertical-align  : top;
}

.favoritesEdit
{
    position        : absolute;
    top             : 115px;
    left            : 880px;
    margin-right   : 20px;
    *margin-right   : 17px;
}

.favouritesBottomButtons
{
    padding         : 16px 16px 0 0;
}

.favouritesBottomButtons .grey
{
    margin-right    : 10px;
}

.favoritesLinks
{    
    border          : none !important;
    padding-right   : 14px; 
    cursor          : hand;
    display         : block;
    margin-right    : 2px;
    width           : 110px !important;
    margin-right    : 15px;
    overflow        : hidden;
    float           : left;
}

.favoritesLinks:hover
{
    text-decoration : underline;
}

.HiddenDeleteFavoriteButton
{
    float           : left;
    padding-right   : 10px
}

.modalfavoritewindow
{
    position        : static;
    border          : 1px solid #CCCCCC;
    border-radius   : 5px;
    background      : #FFFFFF;
    background-position: 700px 10px;
	width: 640px;
    padding         : 20px;
	color			: #666;
}
.modalfavoritewindow p
{
	margin			: 1.2em 0;
}
.favouritesHeader
{
    text-align      : center;
    display         : block;
    font-size       : 2em;
    color           : #5D6468;
	margin: auto;
	    margin-bottom   : 15px;
}
/*.modalfavorite
{
    margin-left     : 100px;
    width           : 600px;
}*/

.favoriteslink
{
    float           : left;
    height          : 24px;
    padding-top     : 4px;
    margin-right    : 20px;
}

.favoriteslink A
{
    color           : #666;
}
#favoritemodalpopup {
	*width: 640px;
}
.favoritemodalpopup .modalclose
{
    float           : right;
	margin: 20px 20px;
	*margin: 0;
	*top: 50px !important;
}

/**** End Fleet Favourites Section ****/

.whitebackground
{
    
    background-color:White; 
    cursor: default; 
    display: none;
    border-style:none;
}

#PortalName {
	color: black;
	font-weight: bold;
    border-right: 1px solid rgb(207, 207, 207);
	height: 20px;
}
.helpButton {
	color: #666;
    border-right: 1px solid rgb(207, 207, 207);
	height: 20px;
	padding: 10px 6px 10px 6px;
}
.noRightMargin {
	margin-right: 0px !important;
}

.padtop10
{
    padding-top: 10px;
}

.padbottom15
{
    padding-bottom: 15px;
}
.companyTrue
{
    font-weight:bold;
     border          : none !important;
    padding-right   : 14px; 
    cursor: hand;
    display: block;
    margin-right    : 2px;
    width:110px !important;
    margin-right: 15px;
    overflow:hidden;
    float:left;
}
.companyFalse
{
    font-weight:normal;
     border          : none !important;
    padding-right   : 14px; 
    cursor: hand;
    display: block;
    margin-right    : 2px;
    width:110px !important;
    margin-right: 15px;
    overflow:hidden;
    float:left;
}
.hr.modal
{
    width           : 820px;
    margin-left     : 30px;
    padding-top     : 10px;
}

.favouriteModalsearch
{
    width           : 640px;
	text-align: left;
}

.modalsearch
{
    margin-left     : 100px;
    width           : 440px;
}

.floatright 
{
	float			: right !important;
}
.floatleft 
{
	float			: left  !important;
}

.boldtext 
{
	font-weight		: bold;
}

.viewonlyheight 
{
	padding-bottom	: 8px;
}
.modalpanel fieldset .row {
	width:360px
}
.marginright
{
    margin-right    : 20px;
}

.borderleft
{
    border-left: 1px solid #CCC !important;
    margin-left: 7px !important;
    padding-left: 7px !important;
}

.faqR2
{
    font-size: 11px;
    color: #607890 !important;
}

.faqR2:hover
{
    text-decoration:underline !important;
}
.favouriteFormWrapper {
	width:440px;
	margin-left: auto;
	margin-right: auto;
}
.favouriteFormWrapper .validator
{
    position        : absolute;
    padding         : 10px;
    width           : 150px;
    background-color: #ffd9dc;
    color           : Black !important;
    top             : -10px;
    z-index			: 2105;
    *position: static;
	*display: inline-block;
	*float: right;
	*padding: 13px 10px 10px 10px; 
	*background: url(Images/ie7validatorArrow.png) no-repeat #ffd9dc;
	*background-position: 0 0;
}
.favouriteFormWrapper .validator:after 
{
    content         : "";
    border-color    : transparent #ffd9dc  transparent transparent;
    border-style    : solid;
    border-width    : 5px;
    width           : 0;
    height          : 0;
    position        : absolute;
    top             : 15px;
    left            : -10px;
    z-index			: 1105;
}
.smallnotePadding {
	padding: 3px 0 0 4px;
}
.inlineBlockWidth150 
{
	display: inline-block;
	width: 150px;
	text-align: left;
}
.fieldsetleft.tinyset
{
    width           : 150px;
    height          : 40px;
}
.fieldsetleft 
{
	float			: left;
}
.fieldsetleft.select
{
    width           : 290px;
    height          : 40px;
}
.smallnote 
{
	font-size		: 0.8em;
	font-style		: italic;
	color			: #999;
}
.mandatoryIndicator 
{
	color			: #d82332;
	vertical-align: baseline;
}
.relative
{
    position        : relative;
}

.wepContent
{
    padding         : 20px;
}

.filtertable
{
    width           : 976px;
    position        : relative !important;
    text-align      : left;
    margin-left     : -30px !important;
}

.filtertablecontact
{
    width           : 100%;
    position        : relative !important;
    text-align      : left;  
}
.filtertablecontact .select td
{
    border-bottom   : 1px solid #CCCCCC;
}

.filtertablehead
{
    text-indent     : 0px;
}

.filtertablehead th
{
    text-align      : left !important;   	
	color: #666;	
	font-family: arial;	
	font-size:0.6em;
	text-transform: uppercase;	
}

.filtertable tr td
{
    padding-left    : 30px;
}

.filtertable .select td
{
    border-bottom   : 1px solid #CCCCCC;
}


.center
{
    text-align      : center;
}

.hr.posttable
{
    border-bottom   : 1px solid #CCCCCC;
    margin-left     : -30px;
    width           : 976px;
}

.paginatetabs
{
    margin-left     : 400px;
    margin-top      : -25px;   
}

.paginatetabsvertical
{
    margin-left     : 280px;
    margin-top      : -25px;    
}

.tablepagination span
{
    background      : #106A81;
    color           : White;
}

.tablepagination
{
    float           : left;
    width           : 700px;
}

.paginationtable
{
    float           : left;
    width           : 700px;
    *margin-top     : 20px;
}

.paginationtable span
{
    background      : #106A81;
    color           : White;
}

.tablepagination10 span
{
    background      : #106A81;
    color           : White;
}

.tablepagination10
{
    float           : left;
    width           : 800px;
    padding-bottom  : 10px;
}

.tablepaginationvertical span
{
    background      : #106A81;
    color           : White;
}

.tablepaginationvertical
{
    float           : left;
    width           : 735px;
    padding-bottom  : 10px;
}

.paginate
{
    border          : 1px solid #999;
    width           : 20px;
    height          : 20px;
    padding         : 6px 4px 2px 4px;
    float           : left;
    margin-right    : 5px;
    text-align      : center;
    cursor          : pointer;
}

.paginate:hover
{
    background      : #106A81;
    color           : White;
}        

.paginatearrowright
{
    position        : relative;
    left            : 0px;
    top             : 3px;
    padding         : 10px 10px 10px 4px;
    cursor          : pointer;
    
}

.paginatearrowleft
{
    position        : relative;
    left            : 143px;
    top             : 16px;
    padding         : 10px 4px 10px 10px;
    cursor          : pointer;
}

.paginatearrowright10
{
    position        : relative;
    left            : 0px;
    top             : 20px;
    *top            : 10px;
    padding         : 0px 10px 10px 4px;
    cursor          : pointer;
    
}

.paginatearrowleft10
{
    position        : relative;
    left            : 143px;
    top             : 3px;
    padding         : 0px 4px 10px 10px;
    cursor          : pointer;
}

.numberResults
{
    background      : none !important;
    color           : inherit !important;
    *color          : #000 !important;
}

.result
{
    width           : 230px !important;
    float           : left;
}

.pages
{
    width           : 460px !important;
    float           : left;
}

.excelbutton
{
    width           : 160px !important;
    float           : right;   
    margin-right    : -15px;
}

.dateselect
{
    width           : 50px !important;
    float           : left;
    margin-top      : -4px;
}

.monthselect
{
    width           : 90px !important;
    float           : left;
    margin-top      : -4px;
}

.monthselectreport
{
    width           : 90px !important;
    float           : left;
    margin-top      : 4px;
}

.monthselectvertical
{
    width           : 90px !important;
    float           : left;
    margin-top      : 4px;
    *margin-top      : -4px;
}

.yearselect
{
    width           :60px !important;
    float           : left;
    margin-top      : -4px;
}
.padtop 
{
	margin-top		: 20px;
}

.padbottom 
{
	margin-bottom	: 20px
}
.headermarginExport
{
    margin-right    : 20px !important;
    position        : relative;
    bottom:20px;
}
.headermarginExportVertical
{
    margin-right    : 20px !important;
    position        : relative;
    bottom:40px;
}
.gridExport
{
    margin-right    : 20px !important;
    *margin-top     : 15px;
    position        : relative;
    bottom:20px;
}

.progressPaddingRight {
	padding: 4px 0 0 5px;
}
.right16 {
	margin-right: -16px;
	*margin-right: 0px;
}
.contractmessage
{
    width           : 946px;
    display         : block;
    background-color: #A4A41D;
    padding         : 10px 0px 10px 30px; 
    margin-left     : -20px;
    margin-top      : -4px;
    position        : relative;
    top             : 0;
    text-indent     : 30px;
	color: black !important;
	font-family: 'ToyotaDisplayRegular';
	font-size: 1.333em;
}
.contractmessageVertical
{
    width           : 726px;
    display         : block;
    background-color: #A4A41D;
    padding         : 10px 0px 10px 30px; 
    margin-left     : -2px;
    margin-top      : -4px;
    position        : relative;
    top             : 0;
    text-indent     : 30px;
	color: black !important;
	font-family: 'ToyotaDisplayRegular';
	font-size: 1.333em;
}

.contractmessage.headbutton
{
    margin-top      : 13px;
}
.contractmessage.tick
{
    background      : url(Images/tickgreen.png) no-repeat #A4A41D;
    background-position: 30px 10px !important;
}
.contractmessageVertical.tick
{
    background      : url(Images/tickgreen.png) no-repeat #A4A41D;
    background-position: 30px 10px !important;
}
.contractmessage.star
{
    background      : url(Images/stargreen.png) no-repeat #A4A41D;
    background-position: 30px 10px !important;
}

.contractmessage.warning
{
    background      : url(Images/alertblack.png) no-repeat #FFD9DC !important;
    background-position: 30px 10px !important;
}

.contractmessage.warning .h2stylenormal
{
    color           : #000000 !important;
}
.contractmessagepopup
{
    width           : 770px;
    display         : block;
    background-color: #A4A41D;
    padding         : 10px 0px 10px 30px; 
    margin-left     : -10px;
    margin-top      : -4px;
    position        : relative;
    top             : 0;
    text-indent     : 30px;
	color: black !important;
	font-family: 'ToyotaDisplayRegular';
	font-size: 1.333em;
}

.contractmessagepopup.headbutton
{
    margin-top      : 13px;
}

.contractmessagepopup.tick
{
    background      : url(Images/tickgreen.png) no-repeat #A4A41D;
    background-position: 30px 10px !important;
}

.contractmessagepopup.star
{
    background      : url(Images/stargreen.png) no-repeat #A4A41D;
    background-position: 30px 10px !important;
}

.contractmessagepopup.warning
{
    background      : url(Images/alertblack.png) no-repeat #FFD9DC !important;
    background-position: 30px 10px !important;
}

.contractmessagepopup.warning .h2stylenormal
{
    color           : #000000 !important;
}

.h2stylenormal.contracthead
{
    color           : #FFFFFF;
}
.errorList {
    background: url("Images/alertblack.png") no-repeat scroll 20px 10px rgb(255, 217, 220);
    height: auto;
    padding: 15px 55px;
    font-weight: bold;
    color: black !important;
    display:block;
}

.validator
{
    position        : absolute;
    padding         : 10px;
    width           : 360px;
    background-color: #ffd9dc;
    color           : Black !important;
    top             : -10px;
    z-index			: 2105;
    font-weight     : normal;
    position: static;
	display: inline-block;
	float: right;
	padding: 13px 10px 10px 10px; 
	background: url(Images/ie7validatorArrow.png) no-repeat #ffd9dc;
	background-position: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
       .validator {
          width: 360px;
          left: 200px;
        }
}


.validator:after 
{
    content         : "";
    border-color    : transparent #ffd9dc  transparent transparent;
    border-style    : solid;
    border-width    : 5px;
    width           : 0;
    height          : 0;
    position        : absolute;
    top             : 15px;
    left            : -10px;
    z-index			: 1105;
    font-weight     : normal;
}

.validatorright
{
    position        : absolute;
    padding         : 10px;
    width           : 200px;
    background-color: #ffd9dc;
    color           : Black !important;
    top             : -30px;
    left            : 250px;
    z-index			: 2105;
    *position: static;
	*display: inline-block;
	*float: right;
	*padding: 13px 10px 10px 10px; 
	*background: url(Images/ie7validatorArrow.png) no-repeat #ffd9dc;
	*background-position: 0 0;
}

.validatorright:after 
{
    content         : "";
    border-color    : transparent #ffd9dc  transparent transparent;
    border-style    : solid;
    border-width    : 5px;
    width           : 0;
    height          : 0;
    position        : absolute;
    top             : 15px;
    left            : -10px;
    z-index			: 1105;
}
.errortable
{
    padding-bottom:5px;
    padding-top: 5px;
    font-weight: bold;
    padding-right: 10px;
}


  .h2stylenormalnew
    {
        font-family		: 'ToyotaDisplayRegular';
	    font-weight		: normal;
	    color			: #2d3438;
	    font-weight		: normal;
	    font-size		: 1.333em;
    }
    
    .modalwindownew
    {
        position        : relative;
        left            : 47px;
        border          : 1px solid #CCCCCC;
        border-radius   : 5px;
        background      : url(/App_Themes/WepNovated/Images/showhidex.png) no-repeat right top #FFFFFF;
        background-position: 793px 10px;
        width           : 800px;
        padding         : 20px;
        padding-left    : 0px;
    }
    
    .modalsearchnew
    {
        margin-left     : 50px;
    }
    
    .modalwindownew .modalheadernew
    {
        text-align      : center;
        margin-bottom   : 15px;
        display         : block;
        font-size       : 2em;
        color           : #5D6468;
    }
    
    .bullets
     {
	 padding-left  : 30px;	
    }
    
    form .row 
    {
	    clear			: left;
	    margin			: 1em 0;
	    position		: relative;
    }
    
   .hr.modal
    {
        width           : 820px;
        margin-left     : 30px;
        padding-top     : 10px;
    }

body.modal, body.dialog 
{
	background		: transparent none;
}

.padbottomshort
{
    margin-bottom   : 10px;
}

.fieldsetright.furtherright
{
    width           : 500px !important;
}

.fieldsetright.condensedpadding, .fieldsetleft.condensedpadding
{
    padding         : 0;
    padding-bottom  : 5px;
}


.bucbuttonstyle
{
    float           : right;
    left            : -12px;
    margin-bottom   : 10px;
    position        : relative;
}

.fieldsetright.bucbuttonstyle div
{
    float           : right;
}

.buttonContainer {
	margin: 15px 20px 15px 20px;
}

.buttonContainer img
{
    vertical-align: baseline;
}

.floatright 
{
	float			: right !important;
}

.margin10Right {
	margin-right: 10px;
}