/* Main text Styles */
body {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
}
td.spaced {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 5px 5px 5px;
	color: #4F4F4F;
}
td.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4F4F4F;
	font-weight: bold;
}
td.smallheader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4F4F4F;
	font-weight: bold;
	background-color: #D6D6D6;
}
td.smallnobold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 3px 3px 3px 3px;
	color: #4F4F4F;
	font-weight: normal;
}
.noreply {
	background-color: #80141A;
	color: White;
}
.bluetext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
}
.redtext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #80141A;
}
.redtextbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #80141A;
	font-weight: bold;
}
.blacktextbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.redtitletextbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #80141A;
	font-weight: bold;
}
.greentextbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006633;
	font-weight: bold;
}
/* Link Styles */
a.links, a:active.links, a:focus.links, a:link.links, a:visited.links {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #288edc;
	font-weight: bold;
	text-decoration: none;
}
a:hover.links {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7B0000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid Black;
}

 a.copy, a:active.copy, a:focus.copy, a:link.copy, a:visited.copy {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Highlight;
	text-decoration: none;
}
a:hover.copy{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Maroon;
	text-decoration: none;
}
/* Box Styles */
.boxtitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/titlebg.gif);
	border-left-color: #1A5189;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #1A5189;
	border-right-style: solid;
	border-right-width: 1px;
}
.boxbottom {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
.boxtitletext{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
}
/* Error boxes */
.errorboxtitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/errortitlebg.gif);
	border-left-color: #1A5189;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #1A5189;
	border-right-style: solid;
	border-right-width: 1px;
}
#infobox { 
	background-image: url(../images/icons/information.png); 
	background-repeat: no-repeat; 
	background-position: 5px; 
	margin: 5px 5px 10px 5px;
	padding: 5px 5px 5px 25px; 
	background-color: #FCF9D2; 
	border: 1px solid #F9D43E;
}

#successbox {  
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px; 
	background-color: #FFFFEC; 
	border: 1px solid #F9D43E;
	font-weight: normal;
}
.successbox {  
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px; 
	background-color: #FFFFEC; 
	border: 1px solid #F9D43E;
	font-weight: normal;
}
#successboxgray {  
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px; 
	background-color: #EFEFEF; 
	border: 1px solid #F9D43E;
	font-weight: normal;
	text-align: left;
}
#errorbox {  
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px; 
	background-color: #FCF9D2; 
	border: 1px solid #80141A;
	font-weight: bold;
	text-align: left;
}
#errorboxbottom {  
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px; 
	background-color: #FFFFEC; 
	border: 1px solid #80141A;
	font-weight: normal;
	text-align: left;
	border-top: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#warning {  
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px; 
	background-color: #FCF9D2; 
	border: 1px solid #C00000;
	font-weight: bold;
	text-align: center;
	color: Black;
}
.highlight {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #FFFFCC;
	padding: 3px 3px 3px 3px;
	border-right: 1px solid #68686A;
	border-left: 1px solid #68686A;
	text-align: center;
	font-weight: bold;
	color: #C00000;
}
.customeremailtitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00000;
	font-weight: bold;
	background-color: #8fc400;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	border: 1px solid #999999;
}
.clientemailboxbottom {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.staffemailtitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00000;
	font-weight: bold;
	background-color: #EEEEEE;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	border: 1px solid #999999;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
}
.tagline {  
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px; 
	background-color: White; 
	border: 1px solid #0049B2;
	font-weight: bold;
	text-align: center;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.soldtag {  
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px; 
	background-color: #7B0000; 
	border: 1px solid Black;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
.copyright {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #959595;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 8px;
	margin-right: 3px;
}
/* Forms Styles */
.button {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	background-image: url(../images/button_granite.gif);
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	border: 1px solid #CCCCCC;
}
input {
	background-image: url(../images/input_granite.gif);
	border: 1px solid #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 4px;
}
select {
	background-image: url(../images/input_granite.gif);
	border: 1px solid #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 4px;
	}
.textarea {
	background-image: url(../images/textarea_granite.gif);
	border: 1px solid #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 4px;
}
	
input.filefield {
	background-image: url(../images/input_granite.gif);border: 1px solid #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 4px;
}
/* Navigation CSS */
.chromestyle {
	width: 773px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	text-decoration: none;
}

.chromestyle ul {
	border: 1px solid #BBB;
	width: 773px;
	background: url(../images/nav/navbg.gif) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 8px 0;
	margin: 0;
	text-decoration: none;
	color: #003366;
	/*text-align: right; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li {
	display: inline;
	text-decoration: none;
}

.chromestyle ul li a {
	color: #003366;
	padding: 8px 7px;
	margin: 0;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	border-right: 0px solid #DADADA;
}

/*
.chromestyle ul li a:hover {
	background: url(../nav/theme/chromebg-over.gif) repeat left;
}
*/
.chromestyle ul li a[rel]:after { /*HTML to indicate drop down link*/
	content: "";
	/*content: " " url(../images/nav/navarrow.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {
	position:absolute;
	top: 0;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
	text-decoration: none;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
	text-align: left;
}


.dropmenudiv a {
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
}

* html .dropmenudiv a { /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover { /*THEME CHANGE HERE*/
	background-color: #F0F0F0;
	text-decoration: none;
}
#helpdiv {
	/* position:absolute; */
	text-align: right;
	padding-left: 135px;
	}
#note {
	border: 1px solid #FFCC66;
	background-color: #FFFFCC;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}
/* Baloon Tooltip */
.tooltip {
	position:absolute;
	top: -500px;
	left: 0;
	visibility: hidden;
	font: normal 10px Verdana;
	z-index: 100;
	background-color: #FFFFE5;
	width: 200px;
	border: 1px solid Black;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	line-height: 13px;
}

#arrowhead{
	z-index: 99;
	position:absolute;
	top: -500px;
	left: 0;
	visibility: hidden;
	width: 1px;
}

.grayline {
	background-image: url(../images/graydot.gif);
	height: 1px;
	width: 98%;
	}
img.middlealign {
	border: 0px;
	vertical-align: -25%;
}

img {
	border: 0px;
	vertical-align: 5%;
}

.border {
	border: 1px solid #CCCCCC;
}

.loginalign {
	vertical-align: middle;
	text-align: center;
	height: 100%;
	padding-top: 20%;
	}

.logintitle {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid #68686A;
	border-right: 1px solid #68686A;
	border-left: 1px solid #68686A;
	width: 400px;
	padding: 4px 4px 4px 4px;
	background-color: #2868A0;
	color: White;
	text-align: left;
}
.logintext {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	border: 1px solid #68686A;
	background-color: #FFFFFF;
	padding: 4px 4px 4px 4px;
	text-align: left;
	background-image: url(../images/lock.gif);
	background-repeat: no-repeat;
	height: 105px;
	padding-left: 65PX;
	background-position: left;
}

.vehlisttitle {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	background-color: #2868A0;
	color: White;
}

/* WYSIWYG EDITOR */

/* Toolbar */
.toolbar1   { border: 1px solid #666666; height: 26px; background-image: url(../images/editor/background_silver.jpg); }
.toolbar2   { border: 1px solid #666666; height: 24px; background-image: url(../images/editor/background_silver.jpg); border-bottom: 0px; border-top: 0px; }

/* Command Buttons */
.buttonOff     { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.buttonOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0px; padding: 0px; text-decoration: none; }


/* Font Type and Size Drop Down */
.dropdown          { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px; }
button.mouseOver   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}




/* CREATE TABLE POPUP */

/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}

/* Select Shading/Border Color */
.selectColorTable  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }
.selectColorBox    { border: 1px solid #FFFFFF; font-size: 1px; height: 13px; width: 13px; }

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
/*width: 250px; */
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
padding: 2px 0;
margin: 0px 0;
}


.paginationstyle a{ /*Pagination links style*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	background-image: url(../images/button_granite.gif);
	padding-top: 3px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 3px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	}


.paginationstyle a:hover, .paginationstyle a.selected .flatview a:hover, .paginationstyle .flatview a.selected { /*Pagination div "flatview" links style*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/errortitlebg.gif);
	padding-top: 3px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 3px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	//background-color: Black;
}
.otherflatview { /*Pagination div "flatview" links style*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/errortitlebg.gif);
	padding-top: 3px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 3px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	//background-color: Black;
}
#passwordStrength
{
	height:10px;
	display:block;
	float:left;
}

.strength0
{
	width: 178px;
	background: #E9E9E9;
}

.strength1
{
	width:35px;
	background:#ff0000;
}

.strength2
{
	width:70px;	
	background:#ff5f5f;
}

.strength3
{
	width:105px;
	background:#56e500;
}

.strength4
{
	background:#4dcd00;
	width:140px;
}

.strength5
{
	background:#399800;
	width:178px;
}
#prepage {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 40px;
	width: 300px;
	background-color: White;
	border: 4px solid #003366;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 35%;
	font-weight: bold;
	font-size: 12px;
	padding-top: 16px;
	padding-bottom: 8px;
}