* {
	font-family:	Verdana, Geneva, Arial, san-serif;
	font-size:10pt;  /* if this is changed, change NormalText as well */
}

body {
	margin:0px;
	background-color:#ffffff;
}
	
img {
	border:0
}

/* main header for forms, pages, etc */
h1 {
	font-size:1.1em;
	background-color: #D8E4F1;
	text-align:center;
	padding:5px 0px;
}

/* left aligned header */
h2 {	
	font-size:1.1em;
	padding:5px;
	margin:5px;
}

/* center aligned header with standard padding/margins */
h3 {
	text-align:center;
	padding:3px;
}

/* left aligned header, no padding or margin */
h4 {
	margin:0px;
	padding:0px;
}

h5 {	
	background-color:	#F1EEDA;
	text-align:center;
	padding:3px;
	margin:3px;
}

h6 {
	color:black;
	margin:0px;
	padding:0px;
}

a {
	color:#be4c00;
	background-color: inherit;
	text-decoration:underline;	
}

p {
	margin:15px;
}

ul li {
	margin-top:10px;
}

ol li {
	margin-top:10px;
}

ul.showCircle {
	list-style-type:circle;
	margin-left:5px;
	padding-left:15px;
	margin-top:0px;
	margin-bottom:0px;
}

ul.noCircle {
	list-style-type:none;
	margin-left:5px;
	padding-left:15px;
	margin-top:0px;
	margin-bottom:0px;
}

ul.noCircle li, ul.showCircle  li {
	margin-top:5px;
	font-size:.9em;
}

ul.noCircle a, ul.showCircle a {
	color:#660099;
}

.noPrint {
	display:none;
}

/* HEADER STYLES */
.siteHeader {
	font-size:		1.2em;
	font-weight:	700;
	color:			#660099;	
}


/* MENU STYLES */
.headerPurple {
	font-size:		1em;
	font-weight:	700;
	background-color:#c0c0db;	
	text-align:center;	
}
.BorderNavy {
	border: navy 1px solid; 	
}	

.BorderPurple {
	border: #9933cc 1px solid; 
}

ul.mainSideMenu {
	margin:5px;
	margin-left:18px;
	padding:0px;
	list-style-type:none;
	list-style:none;
	list-style-image: url("<cfoutput>#application.env.tolPublicRootModel#</cfoutput>/images/arrowPurple.gif");
}

ul.mainSideMenu li {
	margin:5px;
	padding:0px;
	padding-left:3px;
}

.mainSideMenu a {
	color:#000000;	
	text-decoration:none;
}

.mainSideMenu a:hover {
	text-decoration: underline;
	color: #be4c00;	
}

.mainSideMenuSelected {	
	background-color:#D8E4F1;		
}

/* used for both main page right side menu and for the Trucking Online Statistics menu on the left */
ul.mainSideMenuRight {
	margin:5px;
	margin-left:13px;
	padding:0px;
	list-style-type:none;
	list-style:none;
	list-style-image: url("<cfoutput>#application.env.tolPublicRootModel#</cfoutput>/images/bulletNavy.gif");
}

ul.mainSideMenuRight li {
	margin:8px;
	padding:0px;
	padding-left:1px;
}
 
.mainSideMenuRight a {
	font-size:		.8em;
	font-weight:	200;
	color:			#be4c00;	
}
	

/* 2 column fluid layout*/
/* column container */
.colMask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colRight,
.colMid,
.colLeft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:1em 0 1em 0;
	overflow:hidden;
}

/* 2 Column (left menu) settings */
.leftMenu {
	background:#fff;		/* right column background color */
}
.leftMenu .colLeft {
	right:74%;			/* right column width */
	background:white;	/* left column background color */
}
.leftMenu .col1 {
	width:74%;			/* right column content width */
	left:99%;			/* 100% plus left column left padding */	
	border:purple 1px solid;
	margin:.5em 0;
	padding:0;
}
.leftMenu .col2 {
	width:22%;			/* left column content width (column width minus left and right padding) */
	left:1%;			/* (right column left and right padding) plus (left column left padding) */
	margin:.5em 0;
	padding:0;
}

/* MAIN CONTENT */
.normalText {
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal;
	color: black;
}

.textOrange {
	font-size: 1.1em;
	color: #be4c00;
}

.headerBlue {
	background-color: #D8E4F1;		
}

.smallText {
	font-size: .8em; 
	font-style: normal; 
	font-weight: normal;
}

.padding5 {
	padding:5px;
}

.formsHeader {
	margin-top:15px;
}

.textRed {
	color:red;
}

.infoText {
	font-size:		.8em;
	font-weight:	normal;
	color: #0000CE;
}

.errorMessageClass {
	text-align:center; 
	color:red; 
	font-size:1.2em; 
	font-weight:bold;
	padding:5px 5px;
}

.userMessageClass {
	text-align:center; 
	color:blue; 
	font-size:1.2em; 
	font-weight:bold;
	padding:5px 5px;
}

/* below is used to activate the datepicker */
.datepicker {
	display:inline;
}

.ui-datepicker { 
  margin-left: 100px;
}


/*  code to insert inside of a loop to change the row color. Add class="##strStyle##" to the TR row. These match OTIS and TOL.
cfif (qryGetOneRoster.currentRow MOD 2) gt 0
	<cfset strStyle = "rowColorA">
cfelse
	<cfset strStyle = "rowColorB">
/cfif */
.rowColorA {
	background-color:inherit;
}

.rowColorB {
	background-color:#E0E0E0;
}

/* For Total rows*/
.rowColorC {
	background-color:#CCCCCC;
}

/* PAGINATION styles*/
.pagination {
	font-size:1em;
}

.pagination a, .pagination span {
	border:1px solid #777777;
	color:#555555;
	display:inline-block;
	margin:2px;
	padding:2px 5px;
	text-decoration:none;
}

.pagination a:hover, .pagination a:active, .pagination span:hover, .pagination span:active {
	background-color:#FFF4AA;
	border:1px solid #333333;
}

.pagination span.current {
	background-color:#EEEEEE;
	border:1px solid #333333;
	color:#333333;
	font-weight:bold;
}

.pagination span.disabled {
	border:1px solid #CCCCCC;
	color:#CCCCCC;
}

.pagination span.disabled:hover {
	background-color:#FFFFFF;
	border:1px solid #999999;
	color:#999999;
}

/* SITE TABS */
#tab {
	width:100%; 
	white-space:nowrap; 
	z-index:3; 
	font-weight:500;
	padding-left: 1px;
	clear:both;
	border-bottom:#660099 10px solid;
}

#tab img {
	border:0;
}

#tab .selected {
	border-radius: 10px 10px 0px 0px;
	background:#660099;
	padding: 0px;
	display:inline;

}
#tab .notselected {
	border-radius: 10px 10px 0px 0px;
	background:#E6E0B9;
	padding: 0px;
	display:inline;
}

#tab .left {
	width: 10px;
	padding: 0px 3px;
	display:inline;
}

#tab .right {
	width: 9px;
	padding: 0px 3px;
	display:inline;
}

#tab .leftSelected {
	width: 10px;
	padding: 0px 3px;
	display:inline;
}

#tab .rightSelected {
	width: 10px;
	padding: 0px 3px;
	display:inline;
}

#tab .navpad {
	width:6px;
	height:1px;
	padding:0;
}

#tab a:link, #tab a:visited, #tab a:active {
	color:#000000; 
	text-decoration:none; 
	padding:0 4px;
	color:#000000;
}

#tab a:hover {
	text-decoration: none;	
	font-weight:500;
	color:#CC3300;	
}

#tab strong {
	color:#ffffff; 
	padding:0 4px;	
}


/* SUBHEADER TABS */
#tabApp {width:100%; text-align:right; white-space:nowrap; z-index:3;}

#tabApp .selected {border-radius: 10px 10px 0px 0px; background:#cccccc; padding:  0px 3px; display:inline}
#tabApp .notselected {border-radius: 10px 10px 0px 0px; background:#00247e; padding:  0px 3px; display:inline}

#tabApp .left {width: 10px; padding: 0px 2px; display:inline}
#tabApp .right {width: 10px; padding: 0px 2px; display:inline}

#tabApp .leftSelected {width: 10px; padding: 0px 2px; display:inline}
#tabApp .rightSelected {width: 10px; padding: 0px 2px; display:inline;}

#tabApp .navpad {width:6px; height:1px; padding:0}
#tabApp a:link, #tabApp a:visited, #tabApp a:hover, #tabApp a:active {color:#ffffff; text-decoration:none; padding:0 4px}
#tabApp strong {color:#000; padding:0 4px}
#tabApp #bread {color:#fff; font-size:1.0em; text-align:left; padding:6px 8px 3px; background:#cccccc; white-space:nowrap}
#tabApp #bread strong {font-size:1em}
#tabApp #bread a {font-size:0.9em; padding:0; background:#5b053f; text-decoration:underline}
#tabApp #bread a:link, #tabApp #bread a:visited, #tabApp #bread a:active {color:#ffa20e; font-weight:bold}
#tabApp #bread a:hover {color:#fff}

/* FOOTER */
.pageFooter{
	text-align: center;
	padding-top: 7px;
}

.siteFooter {
	border-top:#663399 20px solid;
}

.siteFooterLeft {
	padding-left:20px;
	text-align:left;
}

.siteFooterRight {
	text-align:right;
}

.siteFooter a {
	font-weight:normal;
	margin-right:20px;
	font-size:.8em;
	color:#be4c00;
}