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

body{
	background-color: #060;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
	color: #000;
}

a:hover{
	color: #05A;
}

div.success{
	width: 615px;
	border: 1px solid #063;
	background-color: #94BA9A;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 15px 15px 15px 45px;
	margin: 7px 0px 7px 0px;
	background-image: url(../images/tick.png);
	background-repeat: no-repeat;
	background-position: left;
}

div.error{
	width: 615px;
	border: 1px solid #900;
	background-color: #EC889C;
	color: #FFF;
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 15px 15px 15px 45px;
	margin: 10px auto 10px auto;
	background-image: url(../images/global/error.png);
	background-repeat: no-repeat;
	background-position: left;	
}

div.version{
	position: fixed;
	right: 5px;
	bottom: 5px;
	color: #EEE;
	font-weight: normal;
	font-size: 8px;
}

div.clear{
	clear: both;
}

p.tut{
	font-size: 10px;
}

div.saving{
	width: 300px !important;
	position: absolute !important;
	top: 150px !important;
	text-align: center !important;
	margin-left: -150px !important;
	left: 50% !important;
}

hr{
	border: 0px;
	border-top: 1px solid #6F96B3;
}

/* Quick Formats */
.c {text-align: center;}
.b {font-weight: bold;}
.i {font-style: italic;}
.u {text-decoration: underline;}
.x {text-decoration: line-through;}
.r {
	color: #F00;
	font-size: xx-small;
	font-weight: bold;
	vertical-align: super;	
}
.h{
	background-color: #FF0;
	font-weight: bold;
}
.nm{
	margin: 0px;
}
.vertical{
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	z-index: 0;
}

/* Display Tables */

table.report{
	border: 2px solid #000;
	border-collapse: collapse;	
}

table.report th{
	background-color: #060;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 4px;
	border: 1px solid #333;
	font-size: 10px;
}

table.report td{
	background-color: #B3FFD9;
	color: #000;
	padding: 4px;
	margin: 0px;
	text-align: center;
	border: 1px solid #333;
	font-size: 10px;
}

/*Forms*/

input, select, textarea{
	border: 1px solid #333;
	background-color: #B3FFD9;
	color: #000;
	padding: 4px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

input[type=button], input[type=image]{
	font-weight: bold;
	border-radius: 3px;
	background-color: #008000;
	color: #EEE;
	padding: 4px;
	border: 1px solid #999;
	font-size: 11px;
	cursor: pointer;
	text-align: left;
}

.invisInput{
	border: 0px;
	background-color: #B3FFD9;	
}

/*Main Window*/
div.window{
	border-left: 8px solid #030;
	border-right: 8px solid #030;
	border-bottom: 8px solid #030;
	border-top: 3px solid #030;
	min-height: 50px;
	margin: 0px auto;
	background-color: #030;
	border-radius: 5px;	
}

div.window div.header{
	width: 100%;
	background-color: #030;
	height: 35px;
}

div.window div.header p{
	color: #EEE;
	font-weight: bold;
	padding: 5px 0px 0px 10px;
	margin: 0px;
}

div.window div.content{
	border: 3px solid #A6FFD2;
	border-radius: 6px;
	margin-left: -3px;
	background-color: #A6FFD2;
	min-height: 50px;
	padding: 8px;	
}

.redBox{
	background-color: #900 !important;
	border-color: #900 !important;
}

.redBack{
	background-color: #FFA4A4 !important;	
	border-color: #900 !important;
}

/* Login (login.html.php) */
div.login{
	width: 550px;
	background-color: #333;
	background-image: url(../images/login/login.png);
	background-repeat: no-repeat;
	background-position: 95% 55%;
	margin: 25px auto;
	padding: 1px;
	
	border-radius: 7px;
	box-shadow: 5px 5px 5px #555;
}

div.login h1{
	font-weight: bold;
	color: #EEE;
	font-size: 14px;
	margin: 15px 0px 25px 15px;
	padding: 0px;
}

div.login fieldset{
	margin: 0px 0px 55px 60px;
	border: 0px;
	border-left: 2px dotted #CCC;
	height: 250px;
	width: 250px;
	padding: 15px 0px 0px 30px;
}

div.login label{
	color: #EEE;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

div.login p{
	margin: 3px 0px 9px 0px;
}

div.login input[type=text], div.login input[type=password], div.login select{
	width: 110px;
	border: 0px;
	background-color: #D1DEE7;
	color: #111;
	box-shadow: 1px 1px 1px #222;
	border-radius: 3px;
	padding: 6px 4px 6px 4px;
	border: 1px solid #4A708B;
	font-size: 11px;
}

div.login select{
	width: 120px;
}

div.login input[type=button]{
	margin-top: 60px;
	font-weight: bold;
	border-radius: 3px;
	background-color: #4A708B;
	color: #EEE;
	padding: 4px;
	border: 0px;
	font-size: 11px;
	width: 75px;
	cursor: pointer;
	text-align: left;
}

div.login input[type=button]:hover{
	background-color: #D1DEE7;
	color: #111;
	cursor: pointer;
}

div.login p.help{
	color: #EEE;
	font-weight: bold;
	font-size: 10px;
	margin: 0px 0px 0px 5px;
}

/* Leads */

div.leads-window{
	margin-bottom: 15px;
}

div.leads p.fieldVal{
	font-size: 13px;
	font-weight: bold;
	margin: 3px 0px 7px 0px;
}

div.leads div.companyInfo{
	width: 300px;
	border: 1px solid #111;
	border-radius: 6px;
	margin: 10px 0px 10px 5px;
	padding: 5px 10px 10px 10px;
	float: left;
	height: 530px;
}

div.leads div.companyInfo div.boxHeader{
	margin: -14px 0px 10px 10px;
	border: 1px solid #333;
	background-color: #999;
	width: 80px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 11px;
	color: #FFF;
	text-align: center;
}

div.leads div.companyInfo label{
	display: block;
	margin: 0px 0px 3px 3px;
	padding: 0px;
}

div.leads div.companyInfo input[type=text], 
div.leads div.companyInfo textarea, 
div.leads div.companyInfo select{
	margin-bottom: 4px;
}

div.leads div.contactInfo{
	width: 300px;
	border: 1px solid #111;
	border-radius: 6px;
	margin: 10px 0px 10px 5px;
	padding: 5px 10px 10px 10px;
	float: right;
	height: 530px;
}

div.leads div.contactInfo div.boxHeader{
	margin: -14px 0px 10px 10px;
	border: 1px solid #333;
	background-color: #999;
	width: 80px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	color: #FFF;
	text-align: center;
}

div.leads div.contactInfo label{
	display: block;
	margin: 0px 0px 3px 3px;
	padding: 0px;
}

div.leads div.contactInfo input[type=text], 
div.leads div.contactInfo textarea, 
div.leads div.contactInfo select{
	margin-bottom: 4px;
}

div.leads div.contactInfo h2{
	margin: 15px 0px 2px 8px;
	font-size: 13px;
	padding: 0px;
}

div.leads div.contactInfo table.leads_table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #333;
}

div.leads div.contactInfo table.leads_table td{
	height: 10px;
	padding: 5px;
	vertical-align: middle;
}

div.leads label{
	display: block;
	margin: 0px 0px 3px 3px;
	padding: 0px;
}

div.leads input[type=text], 
div.leads textarea, 
div.leads select{
	margin-bottom: 4px;
}

div.leads div.locationBox, div.leads div.contactBox,
div.leads div.noteBox, div.leads div.activityBox,
div.leads div.attachmentBox, div.leads div.insuranceBox,
div.leads div.equipmentBox, div.leads div.quoteBox,
div.leads{
	width: 95%;
	margin: 0px auto 10px auto;
	border: 1px solid #111;
	border-radius: 5px;
	padding: 6px;
}

div.accountingBox{
	width: 95%;
	margin: 0px auto 10px auto;
	border: 1px solid #F30;
	border-radius: 5px;
	padding: 6px;
}

div.accountingBox{
	border-color: #F30;
	background-color: #F60;	
}

div.leads div.locationBox:hover, div.leads div.contactBox:hover,
div.leads div.noteBox:hover, div.leads div.activityBox:hover,
div.leads div.attachmentBox:hover, div.leads div.insuranceBox:hover,
div.leads div.equipmentBox:hover, div.leads div.quoteBox:hover{
	background-color: #060;
	color: #FFF;
	cursor: pointer;
}

div.accountingBox:hover{
	background-color: #569C3E;
	cursor: pointer;
}

div.leads div.locationBox table, div.leads div.contactBox table,
div.leads div.noteBox table, div.leads div.activityBox table,
div.leads div.attachmentBox table, div.leads div.insuranceBox table,
div.leads div.equipmentBox table, div.leads div.quoteBox table{
	width: 100%;
	margin: 0px auto;
	border-collapse: collapse;
}

div.leads div.locationBox table td, div.leads div.contactBox table td,
div.leads div.noteBox table td, div.leads div.activityBox table td,
div.leads div.attachmentBox table td, div.leads div.insuranceBox table td,
div.leads div.equipmentBox table td, div.leads div.quoteBox table td,
div.leads div.accountingBox table td{
	width: 50%;
	vertical-align: top;
}

div.leads div.locationBox h1, div.leads div.contactBox h1,
div.leads div.noteBox h1, div.leads div.activityBox h1,
div.leads div.attachmentBox h1, div.leads div.insuranceBox h1,
div.leads div.equipmentBox h1, div.leads div.quoteBox h1,
div.leads div.accountingBox h1{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	display: block;
}

div.leads div.locationBox h2, div.leads div.contactBox h2,
div.leads div.noteBox h2, div.leads div.activityBox h2,
div.leads div.attachmentBox h2, div.leads div.insuranceBox h2,
div.leads div.equipmentBox h2, div.leads div.quoteBox h2,
div.leads div.accountingBox h2{
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 11px;
	font-weight: normal;
}

div.leads div.locationBox h3, div.leads div.contactBox h3,
div.leads div.noteBox h3, div.leads div.activityBox h3,
div.leads div.attachmentBox h3, div.leads div.insuranceBox h3,
div.leads div.equipmentBox h3, div.leads div.quoteBox h3,
div.leads div.accountingBox h3{
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 13px;
	font-weight: bold;
}

div.leads div.locationBox h4, div.leads div.contactBox h4,
div.leads div.noteBox h4, div.leads div.activityBox h4,
div.leads div.attachmentBox h4, div.leads div.insuranceBox h4,
div.leads div.equipmentBox h4, div.leads div.quoteBox h4,
div.leads div.accountingBox h4{
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 11px;
	font-weight: normal;
}

div.leads div.locationBox h5, div.leads div.contactBox h5,
div.leads div.noteBox h5, div.leads div.activityBox h5,
div.leads div.attachmentBox h5, div.leads div.insuranceBox h5,
div.leads div.equipmentBox h5, div.leads div.quoteBox h5,
div.leads div.accountingBox h5{
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 10px;
	font-weight: normal;
}

div.accountingBox h5{
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 10px;
	font-weight: normal;
}

div.leads div.noteBox p.leads_note_note,
div.leads div.activityBox p.leads_note_note,
div.leads div.accountingBox p.leads_note_note{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 13px;	
}

div.accountingBox p.leads_note_note{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 13px;	
}
/* Version */

div.window div.versionHistory h1{
	font-size: 14px;
	/*margin: 0px 0px 10px 0px;*/
	padding: 0px;
}

div.leads p.createBtn{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;	
}

div.leads p.createBtn input[type=button]{
	border: 0px !important;
}

div.tip h1{
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

div.tip p{
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

/* Trip Planner */

.search{
	background-image: url(../images/global/search.png) !important;
	background-color: #CCC !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	width: 24px !important;
	height: 24px !important;
	text-align: center !important;
}

.findZipTable select{
	min-width: 70px !important;
}

/* Work Orders */

#ajax_loading{
	padding: 25px 0px 25px 0px;
	border: 3px solid #333;
	border-radius: 6px;
	background-color: #CCC;
	text-align: center;
	display: none;
	width: 500px;
}

input.wo_search{

	width: 450px;
	padding: 8px;
	font-size: 14px;
	margin: 0px auto;	
	
}

div.workorder-window{
	margin-bottom: 15px;
}

div.workorder-window p.createBtn{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;	
}

div.workorder-window div.generalBox{
	width: 95%;
	margin: 0px auto 10px auto;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 6px;	
}

div.workorder-window div.generalBox:hover{
	background-color: #060;
	cursor: pointer;
	color: #FFF;
}

	div.nohighlight:hover{
		background-color: #B3FFD9 !important;
		cursor: auto !important;
		color: black !important;
	}

div.workorder-window div.generalBox table{
	width: 100%;
	margin: 0px auto;
	border-collapse: collapse;
}

div.workorder-window div.generalBox table td{
	width: 50%;
	vertical-align: top;
}

div.workorder-window div.generalBox h1{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	display: block;
}

div.workorder-window div.generalBox h2{
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 11px;
	font-weight: normal;
}

div.workorder-window div.generalBox h3{
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 13px;
	font-weight: bold;
}

div.workorder-window div.generalBox h4{
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 11px;
	font-weight: normal;
}

div.workorder-window div.generalBox h5{
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 10px;
	font-weight: normal;
}

div.workorder-window p.fieldVal{
	font-size: 13px;
	font-weight: bold;
	margin: 3px 0px 7px 0px;
}

div.workorder-window div.wogeneral label{
	display: block;
	margin: 0px 0px 3px 3px;
	padding: 0px;
}

div.workorder-window div.insideTruckBox{
	border-style: solid;
}

div.payment_details_html{
	position: absolute;	
	width: 320px;
	height: 180px;
	border: 4px solid #333;
	border-radius: 5px;
	background-color: #CCC;
	margin: -100px 0px 0px -30px;
	display: none;
	
}

div.highlightInvoice{
	background-color: #555;	
	color: #FFF;
}

/* My Activity */

/* My Leads */

.myleads_tr{
	cursor: pointer;
}

.myleads_tr:hover{
	background-color: #555;
	color: #FFF;
}


/* Home */

div.homePanel{
	margin-bottom: 15px;
}

table.dashBoard{
	width: 1000px;
	margin: 15px auto 15px auto;
	border-collapse: collapse;	
}

table.dashBoard td{
	width: 50%;
	vertical-align: top;
	text-align: center;
}

/* Print CC */

div.printableBox{
	width: 75px;
	border: 1px solid #333;
	background-color: #CCC;
	border-radius: 4px;
	padding: 5px;
	display: inline;
	float: left;
	text-align: center;
	margin-right: 25px;
}

div.printableBox:hover{
	background-color: #060;
	color: #FFF;
	cursor: pointer;	
}

div.printableBox p.printableBoxHeader{
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;	
}

/* Search */

input[type=text].basicSearch{
	padding: 9px;
	font-size: 14px;
	width: 550px;
	border-radius: 6px;	
}

div.searchResults p.companyName{
	font-size: 15px !important;
	font-weight: bold !important;
	text-decoration: underline !important;
	margin: 0px !important;
	padding: 0px !important;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif !important;
}

div.searchResults p.companyAddress{
	font-size: 13px;
	padding: 0px;
	margin: 7px 0px 0px 2px;	
}

div.searchResults p.contactInfo{
	margin: 0px;
	padding: 0px;
}

/* LiveBoards */

#liveBoardTable td{
	color: #000 !important;
}

#liveBoardTable a{
	color: #000 !important;
}

#liveBoardTable a:hover{
	color: #000 !important;
	text-decoration: underline !important;
}

/* Tutorial Box */
div.tutorialBox{
	width: 100%;
	border: 2px solid #000;
	background-color: #F0E9D9;
	color: #000;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;	
	margin-bottom: 15px;
}

div.tutorialBox p.tutorialClose{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-right: 2px;
	font-size: 10px;
}

div.tutorialBox p.tutorialClose a{
	color: #09C !important;
	text-decoration: underline !important;
}

#transmitLoad{
	border: 2px solid #FFF;
	border-radius: 8px;
	padding: 30px 15px 30px 15px;
	text-align: center;
	background-color: #6F96B3;
	color: #FFF;
	font-weight: bold;
	position: absolute;
	margin-top: 20px;
	margin-left: 140px;
	display: none;
}

/*POPUPS*/

.workorderPopup{
	border: 12px solid #333;
	background: #CCC;	
	border-radius: 8px;
	padding: 10px;
	position: absolute;
	margin: -300px 0px 100px 0px;
	width: 750px;
	color: #000;
}

/* LEGACY */

.legacyout, .legacyhead{
	border-color: #666 !important;
	background-color: #666 !important;
}

.legacyin{
	border-color: #666 !important;
	background-color: #CCC !important;
}

table.legacy{
	border: 2px solid #666;
	border-collapse: collapse;	
}

table.legacy th{
	background-color: #888;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 4px;
	border: 1px solid #666;
	font-size: 10px;
}

table.legacy td{
	background-color: #CCC;
	color: #111;
	padding: 4px;
	margin: 0px;
	text-align: center;
	border: 1px solid #666;
	font-size: 10px;
}

#client_results_html{
	display: none;
	border: 2px solid #6F96B3;
	background-color: #CCC;
	width: 250px;
	position: absolute;
	padding: 5px;	
}

table.bigtable td, table.bigtable th, table.bigtable tr, table.bigtable, .bigtable{
	font-size: 16px !important;
}


/* NEW LOGIN */

/* INDEX */

div.topBlack{
	background: #2a2d30;
	width: 100%;
	height: 60px;
}

div.botBlack{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: #2a2d30;	
}

div.greyMid{
	padding: 5px 10px;
	width: 1000px;
	margin: 0px auto;
}


/*LOGIN*/

div.loginBkg{
	width: 700px;
	height: 550px;
	border: 2px solid #CCC;
	margin: 20px auto 0px auto;
	background: #2a2d30;
	background-image: url(../images/loginbkg.png);
}

div.loginHeaderContainer{
	width: 90%;
	margin: 180px auto 5px auto;
}

	div.loginHeaderContainer p{
		margin: 0px;
		padding: 0px;
		font-size: 21px;
		color: #FFF;
		font-weight: bold;
	}
	
	div.loginHeaderContainer p span a{
		display: block;
		font-size: 11px;
		color: #CCC;
	}

div.loginStrip{
	position: absolute;
	margin-left: -150px;
	margin-top: 0px;
	width: 1000px;
	background-image: url(../images/background.png);
	background-repeat: repeat;
	border-top: 1px solid #CCC;	
	border-bottom: 1px solid #CCC;	
}

	div.loginStrip table{
		margin: 25px auto;
		border: 0px;
		border-collapse: collapse;
	}
	
	div.loginStrip table tr td input{
		border: 1px solid #CCC;
		background-color: #2a2d30;
		color: #FFF;
		padding: 4px;
		font-size: 12px;
	}