@charset "utf-8";
/* CSS Document */


body {
	margin:0;
	height:100%;
	min-height:100%;
	width:100%;
	background-image:url(/images/shadow-bkgd.jpg);
	background-position:center;
	background-repeat:repeat-y;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}


.bodyLogin {
	margin:0;
	height:100%;
	min-height:100%;
	width:100%;
	background-image:url(/Images/Client-Login-Screen-Shadow-Bkgd.jpg);
	background-position:center;
	background-repeat:repeat-y;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}


td { font-family: Verdana; font-size: 8pt; padding: 5px 5px 5px 5px }

A {
	color:#69C;
	text-decoration:none;
}

A:visited {
	color:#FC9;
	text-decoration:none;
}

A:hover {
	color:#69C;
	text-decoration:underline;
}




/* ----------------------------------------------------------------  SEO Related Styles --------------*/

h1  {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0A2040;
	margin-left:200px;
	margin-right:200px;
}

h2  {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color: #0A2040;
	margin-left:200px;
	margin-right:200px;
}

h3  {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0A2040;
	margin-left:200px;
	margin-right:200px;
}

h4  {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color: #0A2040;
	margin-left:200px;
	margin-right:200px;
}

h5  {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-left:200px;
	margin-right:200px;
}


/*------------------------------------------------------------------- Text Styles ---------------*/

.indentedTextStyle{
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	text-align:justify;
	color:#FFF;
	padding-left:150px;
	padding-top:20px;
	padding-bottom:25px;
	width:650px;
	display:inline-block;
	white-space:normal;
}


.phoneNumberStyle {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
}

.titleText {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FC0;
}

.number_style {
 	font-family:Arial, Helvetica, sans-serif;
	color:#FC0;
	font-size:12px;
	font-weight:bold;
}

.Title_Style {
 	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	font-size:12px;
}

.ShipCounterTitle {
 	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	font-weight:bold;
	font-size:12px;
	letter-spacing:1px;
}

.quickViewTitleStyle {
 	font-family:Arial, Helvetica, sans-serif;
	color:#F90;
	font-weight:normal;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	display:inline-block;
	padding-bottom:5px;
}

.labelStyle {
 	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	font-size:12px;
	display:inline-block;
	padding-left:5px;
}

.quickViewTextStyle {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#999;
}

.quickViewCompanyTitle {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#36C;
	display:inline-block;
	padding-left:5px;
	padding-bottom:3px;
}

.textStyle{
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	text-align:justify;
	color:#FFF;
}

.textStyleCentered {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	text-align:center;
	color:#FFF;
}


/*------------------------------------------------------------------------- Form Element Styles --- */

.username_Textbox_Style {
	height:35px;
	width:170px;
	vertical-align:top;
	background-color:transparent;
	padding-left:10px;
	padding-right:5px;
	padding-top:9px;
	padding-bottom:0px;
	border:none;
	
}

.password_Textbox_Style {
	height:35px;
	width:170px;
	vertical-align:top;
	background-color:transparent;
	padding-left:10px;
	padding-right:5px;
	padding-top:9px;
	padding-bottom:0px;
	border:none;
	
}


/*------------------------------------------------------------------- login screen specific styles ---------------*/

#mainContentLogin {  /*  -----------  display has been changed to "table-cell" for centering content without a known width - shrink wrap method ---------- */
	position:relative;
	background-image:url(/Images/Client-Login-Screen-Top-Bkgd.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#333;
	display:table-cell;	
	width:50%;  /*  -----------  set width to 50% to get the min-width to work properly for IE8 and 7  ---------- */
	min-width:950px;
	
}

#contentHeaderLogin {
	position:relative;
	height:235px;
	min-width:950px;
	white-space:nowrap;
}

#contentBodyLogin {
	position:relative;
	min-height:565px;
	min-width:950px;
	background-image:url(/Images/Client-Login-Screen-Bottom-Bkgd.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#contentHolderLogin {
	position:relative;
	min-height:306px;
	width:950px;
	background-image:url(/Images/Client-Login-Screen-Middle-Bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#contentHolderGeneric {
	position:relative;
	top:69px;
	min-height:306px;
	width:950px;
	background-image:url(/Images/Client-Login-Screen-Middle-Bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:0;
}

#truckGraphicLogin {
	background-image:url(/Images/Client-Login-Screen-Truck.jpg);
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	float:right;
	width:268px;
	height:136px;
	top:-86px;
	right:15px;	
}

#activeTRACLogoLogin {
	background-image:url(/Images/activeTRAC-Logo-Login-Page.jpg);
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	float:left;
	width:290px;
	height:130px;
	top:0px;	
}

#profitToolsLogoLogin {
	background-image:url(/Images/profit-tools-logo-Login.jpg);
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	float:left;
	width:190px;
	height:80px;
	top:10px;
	left:110px;
}

#contentSpacerBottomLogin {
	position:relative;
	height:259px;
	width:100%;
	min-width:950px;
}

#loginTitle{
	position:absolute;
	left:94px;
	top:63px;
	width:299px;
	height:35px;
	background-image:url(/Images/Client-Login-Title-Text.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#userName{
	position:absolute;
	left:94px;
	top:113px;
	width:114px;
	height:38px;
	background-image:url(/Images/UserName.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#userNameBox{
	position:absolute;
	left:208px;
	top:113px;
	width:185px;
	height:38px;
	background-image:url(/Images/UserName_Box_Bkgd.jpg);
	background-repeat:no-repeat;
	background-position:center;
	
}

#password{
	position:absolute;
	left:94px;
	top:161px;
	width:114px;
	height:38px;
	background-image:url(/Images/Password.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#passwordBox{
	position:absolute;
	left:208px;
	top:161px;
	width:185px;
	height:38px;
	background-image:url(/Images/Password_Box_Bkgd.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#errorMessages{
	position:absolute;
	left:94px;
	top:207px;
	width:200px;
	height:40px;
	color:Orange;
}

#goButton{
	position:absolute;
	left:335px;
	top:207px;
	width:58px;
	height:40px;
}

#loginDivider{
	position:absolute;
	left:435px;
	top:63px;
	width:13px;
	height:191px;
	background-image:url(/Images/Client-Login-Screen-Divider-Line.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#loginContent{
	position:absolute;
	left:448px;
	top:63px;
	width:420px;
	height:144px;
	padding-left:40px;
	overflow:auto;
}

#registerButton{
	position:absolute;
	left:487px;
	top:207px;
	width:109px;
	height:40px;
}



/*------------------------------------------------------------------- Page Title Styles ---------------*/

#reportIconContainer {
	position:absolute;
	width:69px;
	height:67px;
	top:0px;
	left:0px;
	background-image:url(/Images/reports-icon.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:5;
}


#requestFormIconContainer {
	position:absolute;
	width:69px;
	height:67px;
	top:0px;
	left:0px;
	background-image:url(/Images/Clip-Board-Icon.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:5;
}


#pageTitleReports {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Reports-Page-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:5;
}

#pageTitleReportWizard {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Report-Wizard-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:5;
}

#pageTitleStatusReport {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Status-Report-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:5;
}

#pageTitleBillingReport {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Billing-Report-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:5;
}

#pageTitleLoadTender {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Load-Tender-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:5;
}

#pageTitleRateRequest {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Rate-Request-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:5;
}

#pageTitleRequest {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/request-forms-page-title.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:5;
}



/*------------------------------------------------------------------- Private Default Page styles ---------------*/

#contentBodyDefaultPrivate {
	position:relative;
	min-height:933px;
	background-image:url(/images/Bottom-Bkgd-Content.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	
}


#contentHolderDefaultPrivate {
	position:relative;
	min-height:646px;
}


#boxTitleContainer {
	position:absolute;
	width:69px;
	height:67px;
	top:0px;
	left:0px;
	background-image:url(/Images/Shipment-Icon.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#pageTitleDefaultPrivate {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Shipments-Overview-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#pageTitlePendingShipment {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Pending-Shipments-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#pageTitleCompletedShipment {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Completed-Shipments-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#pageTitleShipmentDetails {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Shipment-Details-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#pageTitleSearchShipments {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Search-Shipments-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#pageTitleSearchTrips {
	position:absolute;
	width:253px;
	height:67px;
	top:0px;
	left:70px;
	background-image:url(/Images/Search-Trips-Title.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#shipCounterContainer {
	position:absolute;
	left:75px;
	top:75px;
	width:500px;
	height:65px;
}

#NewsSectionTitle{
	position:absolute;
	left:30px;
	top:165px;
	width:482px;
	height:45px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#FFF;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#999;
	background-image:url(/Images/Company-News-Info-Title.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

#imageStackContainer {
	position:absolute;
	left:30px;
	top:230px;
	width:77px;
	height:233px;
	background-image:url(/Images/Verticle-Image-Stack-1.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#newsContentContainer {
	position:absolute;
	left:125px;
	top:230px;
	width:370px;
	height:350px;
	overflow:auto;
	white-space:normal;
	padding-right:15px;
	
}


#QuickView_Container {
	position:absolute;
	width:409px;
	height:646px;
	top:0px;
	right:0px;
	background-image:url(/Images/QuickView-Main-Bkgd.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#QuickViewShiperDetails{
	position:absolute;
	left:43px;
	top:38px;
	width:200px;
	height:145px;
}


#QuickViewMenuContainer{
	position:absolute;
	left:264px;
	top:32px;
	width:135px;
	height:157px;
}

#QuickViewLoadingText{
	position:absolute;
	top:155px;
	right:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F90;
}

#pendingBtnContainer {
	position:relative;
	height:52px;
}

#completedBtnContainer {
	position:relative;
	height:52px;
}

#futureBtnContainer {
	position:relative;
	height:53px;
}


#QuickViewShipmentDetails{
	position:absolute;
	left:63px;
	top:232px;
	width:222px;
	height:365px;
	overflow:auto;
	padding-right:70px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#999;
}


#activeTRACLogoDefaultPrivate {
	background-image:url(/images/activeTRAC-Logo-Bottom.jpg);
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	float:right;
	width:301px;
	height:123px;
	top:10px;	
}


#profitToolsLogoDefaultPrivate {
	background-image:url(/Images/profit-tools-logo-bottom.jpg);
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	float:left;
	width:190px;
	height:80px;
	top:10px;
	left:110px;
}


#truckGraphicDefaultPrivate {
	background-image:url(/images/Truck-Bottom-Right.jpg);
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	float:left;
	width:268px;
	height:136px;
	top:-22px;
	left:25px;
		
}

#contentSpacerBottomDefaultPrivate {
	position:relative;
	height:287px;
	width:100%;
}

/*------------------------------------------------------------------- layout styles ---------------*/



  
#container {  /*  -----------  display has been changed to "table" for centering content without a known width - shrink wrap method ---------- */
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:table;
	width:50%;    /*  -----------  set width to 50% to get the min-width to work properly for IE8 and 7  ---------- */
	min-width:950px;
}

/*
#leftShadow {
	background-image:url(/images/left-shadow.jpg);
	background-repeat:repeat-y;
	background-position:right;
	width:30px;
	position:relative;
	float:left;
	height:868px;
	white-space:nowrap;
}


#rightShadow {
	background-image:url(/images/right-shadow.jpg);
	background-repeat:repeat-y;
	background-position:left;
	width:30px;
	position:relative;
	float:left;
	height:868px;
	white-space:nowrap;
}
*/

#mainContent {  /*  -----------  display has been changed to "table-cell" for centering content without a known width - shrink wrap method ---------- */
	position:relative;
	background-image: url(/images/Top-Bkgd-Content.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#333;
	display:table-cell;
	white-space:nowrap;
}

#contentHeader {
	position:relative;
	height:267px;
	min-width:950px;
	white-space:nowrap;
}

#logoContainer {
	position:relative;
	float:left;
	top:25px;
	left:15px;
	min-height:75px;
	width:260px;
	background-color:#FFF;
	background-position:center;
	background-repeat:no-repeat;
}

#currentUserContainerTop{
	position:relative;
	float:left;
	top:25px;
	left:65px;
	width:400px;
	height:25px;
}

#phoneContainer {
	position:relative;
	float:right;
	top:25px;
	right:0px;
	height:25px;
	width:200px;
	white-space:nowrap;
	display:inline-block;
}

#menuTop {
	position:absolute;
	top:175px;
	left:15px;
	width:850px;
	height:45px;
}

#menuSub {
	position:absolute;
	top:220px;
	left:0px;
	max-width:950px;
	height:47px;	
}

#contentBody {
	position:relative;
	min-height:600px;
	background-image:url(/images/Bottom-Bkgd-Content.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#contentHolder {
	position:relative;
	min-height:385px;
}

.contentSpacer {  /*-----------Note:  had to use a class selector instead of a Div ID, because the vertical spacing wouldn't respond to the div with an ID.  Setting the class fixed the problem. --------*/
	position:relative;
	padding-left:5px;
	padding-right:5px;
}

#contentSpacerBottom {
	position:relative;
	height:309px;
	width:100%;
}

#activeTRACLogo {
	background-image:url(/images/activeTRAC-Logo-Bottom.jpg);
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	float:left;
	width:301px;
	height:123px;
	top:32px;	
}

#truckGraphic {
	background-image:url(/images/Truck-Bottom-Right.jpg);
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	float:right;
	width:268px;
	height:136px;
	top:0px;
	right:15px;	
}





/* -----------------------------------------------------------------------------  Tabbed Dialog */



.tabDialog
{
}

.tabCell
{
	font-family: Verdana;
	font-size: 8pt;
	padding: 3px 3px;
	border: solid 1px tan;
	float: left;
	clear: right;
	width: 90px;
}

.tabCellSelected
{
	background: Tan;
	font-family: Verdana;
	font-size: 8pt;
	padding: 3px 3px;
	border: solid 1px tan;
	float: left;
	clear: right;
	width: 90px;
}

.tabLink
{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: DarkSlateBlue;
}

/* ----------------------------------------------------------------------------------- Shipment Section */
.shipGrid
{
	background:#FFF;
	border: solid 0px #E8E8E8;
	padding-left:5px;
	width: 100%;
	color:#369;
}

.shipGridHeader
{
	background:#ccc;
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	text-align:left;
	height:30px;
	padding-left:5px;
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

.shipGridHeader td {
	
	padding-left:5px;
	text-align:left;

}

.shipRow
{
	font-family: Arial;
	font-size: 7pt;
	height:45px;
	vertical-align:middle;
	background:#FFF;
	color:#000;
	
}

.shipRow2
{
	font-family: Arial;
	font-size: 8pt;
	height:45px;
	vertical-align:middle;
	background:#FFF;
	color:#000;
	
}


.shipAlternateRow
{
	background:#FFEEBB;
	color: #993300;
	height:45px;
	vertical-align:middle;
}

.shipGridSelectedRow
{
	background: DarkSlateBlue;
	color: GhostWhite;
}

.shipGridFooter
{
	background: Tan;
}

.shipGridPager
{
	background: PaleGoldenrod;
	color: DarkSlateBlue;
	text-align: center;
}

/* -----------------------------------------------------------------------------------  Report Layout ---------------------*/

#reportTitleStyle {
	height:50px;
	vertical-align:middle;
	display:inline-block;
	margin-left:18px;
}

.textAlignVertical {
	display:table-cell;
	vertical-align:middle;
	height:50px;
}

.iconAlignVertical {
	display:table-cell;
	vertical-align:middle;
	height:50px;
}

.reportTitleText {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:Bold;
	color:fff;
}