@media all {

	/* --------------TAG SPECIFIC-------------- */
	/* Many of these tag specific entries are set explicitly to ensure a level playing field accross all browsers. */

	a {
		color:royalblue;
		text-decoration:none;
	}
	
	a:hover {
		text-decoration:underline;
	}
	
	a:visited {
		color:royalblue;
	}

	a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
		border:0px;
		margin:0px;
		padding:0px;
		vertical-align:baseline
	}

	abbr, acronym {
		font-variant:normal
	}

	blockquote, q {
		quotes:none
	}
	
	blockquote:after, blockquote:before, q:after, q:before {
		content:'';
		content:none
	}
	
	body {
		line-height:1
	}

	caption, th {
		text-align:left
	}

	fieldset {
		padding:0 3px 3px;
	}

	footer, header, hgroup, menu, nav, section {
		display:block
	}

	h1, h2, h3, h4, h5, h6 {
		border:0px;
		font-style:normal;
		font-weight:normal;
		padding:0px;
		vertical-align:baseline
	}

	html {
		background-color:#EBEBEB;
		color:#666666;
		font-family:'Times New Roman', Arial, Helvetica, sans-serif;
		font-size:12px;
		font-style:normal;
		font-weight:bold
	}

	input, select, textarea {
		color:inherit;
		font-family:inherit;
		font-size:inherit;
		font-style:inherit;
		font-weight:bold;
		margin-left:5px;
		padding:0px;
	}

	input {
		height:16px
	}

	input[type=button] {
		color:inherit;
		font-family:inherit;
		font-size:inherit;
		font-style:inherit;
		font-weight:normal;
		height:auto;
		margin-left:5px;
		padding:0px
	}

	input[type=submit] {
		height:auto
	}

	label {
		display:-moz-inline-box;
		display:inline-block;
		font-weight:normal;
		margin-left:5px;
		white-space:nowrap
	}

	legend {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#666666;
	}

	ol, ul {
		list-style:none
	}

	p {
		font-weight:normal;
	}

	select {
		min-height:20px
	}
	
	sub {
		vertical-align:text-bottom
	}
	
	sup {
		vertical-align:text-top
	}

	table {
		background-color:white;
		border:1px solid gray;
		border-collapse:collapse;
		border-spacing:0px
	}

	td, th {
		border:1px solid gray;
		min-height:20px;
		padding:2px 4px 2px 4px;
		vertical-align:middle;
		white-space:nowrap
	}

	th {
		background-color:lightgray;
		font-weight:bold;
		text-align:center
	}

	/* --------------CLASS SPECIFIC-------------- */
	
	.address {
		width:350px
	}

	.address_p {
		width:71%
	}

	.address_sm {
		width:65%
	}

	.basis {
		width:51px
	}

	.bold {
		font-weight:bold
	}

	.btn {
		color:#000000;
		margin:0px;
		width:70px
	}
	
	.c15 {
		width:90px
	}

	.c20 {
		width:120px
	}

	.c25 {
		width:150px
	}

	.c30 {
		width:203px
	}

	.c35 {
		width:225px
	}

	.c40 {
		width:233px
	}

	.calc, .estwt, .miles {
		width:40px
	}

	.carrierlbl {
		width:95px
	}

	.carrierlbllrg {
		width:100px
	}

	.carrierlblsml {
		width:70px
	}

	.cbo {
		width:87px
	}
	
	.center {
		text-align:center
	}

	.city {
		width:180px
	}

	.clear {
		clear:both;
		display:block
	}

	.clrright {
		clear:right
	}

	.codetxt {
		width:85px
	}

	.col1_1, .col1_2, .col2_1, .col2_2, .col2_3 {
		float:left;
		margin-right:5px;
		overflow:hidden
	}

	.col1_1 {
		width:70px
	}

	.col2_1 {
		width:130px
	}

	.col2_2 {
		width:220px
	}

	.comment {
		width:100%
	}

	.commonButton {
		min-width:65px
	}

	.compliance label {
		width:141px
	}

	.compliance input {
		background-color:#DDDDDD;
		text-align:right;
		width:70px 
	}

	.compliantFalse {
		background-color:pink;
	}

	.compliantTrue {
		background-color:lightgreen;
	}

	.contact {
		width:376px
	}

	.contactInfo_10 {
		width:10%
	}

	.contactInfo_25 {
		width:25%
	}

	.contactInfo_33 {
		width:33%
	}

	.contactInfo_35 {
		width:35%
	}

	.contextMenu {
		display:none;
		position:absolute;
		z-index:100
	}

	.country {
		width:48px
	}

	.creditText {
		background-color:pink;
		border:1px solid black;
		float:right;
		padding:5px;
		width:460px
	}

	.date {
		width:64px
	}
	
	.disabled {
		background-color:#DDDDDD
	}

	.disabledMiles {
		background-color:#F0F0F0;
		border-style:none;
		color:#000000;
		font-size:14px;
		padding-left:5px;
		width:458px;
		height: 13px;
	}

	.documentPage {
		border-bottom:1px solid;
		margin-bottom:10px;
	}

	.email {
		width:372px
	}

	.emailsml {
		width:180px
	}

	.errortable {
		background-color:#D8D8D8;
		color:#ff0000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}

	.filterRow {
		clear:both;
		overflow:hidden;
		padding-bottom:5px
	}

	.filterRow .filterCell {
		float:left;
		padding-left:5px;
		vertical-align:middle
	}

	.filterRow .filterCell img,
	.filterRow .filterCell input {
		vertical-align:middle
	}

	.flright {
		float:right
	}

	.flleft {
		float:left
	}

	.formRow {
		width:468px;
		padding-bottom:15px;
		padding-top:15px;
		padding-right:15px;
	}

	.fullBlock {
		clear:both;
		left:3px;
		line-height:20px;
		text-align:left
	}

	.fullReq	{
		width:82%
	}

	.half1 {
		float:left;
		height:25px;
		width:48%
	}

	.half2 {
		float:left;
		height:25px;
		white-space:nowrap;
		width:50%
	}

	.heading1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14pt;
		text-align:center
	}

	.heading2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11pt;
	}

	.heading3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
	}

	.header {
		color:#B21212;
		font-family:Arial, Helvetica, sans-serif;
		padding:5px
	}

	.headerLeft {
		float:left;
		margin-left:10px
	}

	.helpTextWindow {
		background-color:lightgray;
		border:black 1px solid;
		color:#666666;
		display:none;
		padding:5px;
		position:absolute;
		z-index:100;
	}

	.helpTextWindow table {
		background-color:lightgray;
		border-bottom:0px;
		border-left:0px;
		border-right:0px;
		border-top:1px solid gray;
		display:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}

	.helpTextWindow td,
	.helpTextWindow th {
		border:0px;
		padding:0px
	}
    
	.hidden {
		display:none
	}

	.indent1 {
		margin-left:20px
	}

	.itemData, .itemTitle {
		font-size:9pt;
		overflow:hidden;
		text-align:left
	}

	.itemData {
		margin-left:5px
	}

	.itemTitle {
		margin-left:3px;
		white-space:nowrap
	}
	
	.label {
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:20px;
		padding-right:5px;
		text-align:right;
		width:110px;
	}

	.lbl {
		width:62px
	}

	.lbl68 {
		width:68px
	}
	
	.lblInput {
		float:left;
		font-family:Arial, Helvetica, sans-serif;       
		width:293px;
	}

	.leftBlock, .rightBlock {
		float:left;
		line-height:18px;
		margin-top:2px;
		overflow:hidden;
		padding-bottom:5px;      
		white-space:nowrap
	}

	.leftBlock {
		width:40%
	}

	.linehaul {
		width:93px
	}

	.loadlbl {
		width:66px
	}

	.loadlblsml {
		width:50px
	}

	.loadlblxlrg {
		width:92px
	}

	.loadlblxsml {
		width:35px
	}

	.loadNumber{
		clear:right;
		padding-top:5px;
		text-align:center
	}

	.locationtxt {
		width:85px
	}

	.locationtxtlrg {
		width:115px
	}

	.loginButton {
		display:inline-block;
		height:27px;
		margin-top:5px;
		padding:0px 2px 0px 2px;
		text-align:center;
	}

	.loginForm {
		-moz-box-shadow:6px 6px 6px rgba(0,0,0,0.4);
		-moz-box-sizing:border-box;
		background-color:white;
		border:thin solid lightgray;
		box-shadow:6px 6px 6px rgba(0,0,0,0.4);
		box-sizing:border-box;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		height:360px;
		left:50%;
		margin-left:-172px;
		margin-top:-180px;
		padding:30px;
		position:absolute;
		top:50%;
		width:344px
	}

	.loginForm DIV {
		margin-bottom:10px
	}

	.loginForm label {
		display:block;
		margin-bottom:2px
	}

	.loginImage {
		margin:0 auto
	}

	.medlbl {
		width:88px
	}

	.minwt {
		width:35px
	}

    .multiSel {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

	.padded {
		clear:both;
		overflow:auto;
		padding:5px
	}

	.pageNavigator {
		cursor:pointer;
		float:left
	}

	.permitlbl {
		width:110px;
		text-align:right
	}

	.phone {
		width:90px
	}

	.red {
		color:#B21212;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		padding:3px
	}

	.redbtn {
		background-color:#B21212;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		width:70px
	}

	.refnum {
		width:288px
	}

	.reqlbl {
		width:177px
	}

	.required {
		color:red;
		font-size:medium;
		visibility:hidden
	}

	.requirement {
		width:150px
	}

	.rightBlock {
		border-left:1px black solid;
		padding-left:3px;
		width:55%;
		height:73px
	}

	.rsmtxt {
		width:50px
	}

	.scrollableTable,
	.scrollableTable .fht-thead,
	.scrollableTable .fht-tfoot,
	.scrollableTable .fht-fixed-column .fht-tbody,
	.scrollableTable .fht-fixed-body .fht-tbody,
	.scrollableTable .fht-tbody {
		overflow:hidden;
		position:relative
	}

	.scrollableTable .fht-fixed-body .fht-tbody,
	.scrollableTable .fht-tbody {
		overflow:auto
	}

	.scrollableTable .fht-table .fht-cell {
		height:1px;
		overflow:hidden
	}
	
	.scrollableTable .fht-fixed-column,
	.scrollableTable .fht-fixed-body {
		left:0;
		position:absolute;
		top:0
	}
		 
	.scrollableTable .fht-fixed-column {
		z-index:1
	}

	.scrollableTableContainer { /* TODO:  Remove this style if/when it is determined it is no longer needed. */
		border:1px solid gray;
		overflow:auto
	}

	.sectionTitle {
		border:1px solid;
		border-width:1px;
		background-color:#DCDCDC;
		clear:both;
		color:black;
		font-size:11pt;
		margin-top:10px;
		padding:2px 0 2px 10px;
		text-align:left;
		text-transform:uppercase;
	}

	.sequence {
		width:18px
	}

	.signatureLeft, .signatureRight {
		border-bottom:2px black solid;
		margin-left:20px;
		width:300px
	}

	.signatureRight{
		clear:right;
		float:left;
		font-size:20px;
		margin-top:12px;
		vertical-align:bottom
	}

	.smallBox {
		border:1px gray solid;
		float:left;
		height:90px;
		line-height:14px;
		margin-left:0px;
		margin-top:5px;
		padding:3px 0 3px 3px;
		text-align:left;
		width:49%
	}

	.smtxt {
		width:66px
	}

	.state {
		width:13px
	}

	.supplierItemTitle {
		font-size:9pt;
		margin-left:3px;
		text-align:left;
		white-space:nowrap;
		width:180px
	}

	.supplierPayNumbers {
		font-size:9pt;
		text-align:right;
		height:13px;
		width:50px
	}

	.tabs {
		text-align:center;
	}

	.tabs a {
		color:#555555;
		text-decoration:none
	}

	.tabs a:hover {
		text-decoration:none
	}

	.tabs a:visited {
		color:#555555
	}

	.tabs ul li {
		background-color:#DDDDDD;
		border:1px solid #999999;
		border-bottom:0;
		border-right:0;
		display:-moz-inline-box;
		display:inline-block;
		float:left;
		padding-bottom:4px;
		padding-top:4px;
		width:160px
	}

	.tabs ul li.last {
		border-right:1px solid #999999
	}

	.tabs ul li.populated {
		font-style:italic;
		font-weight:bolder
	}

	.tabs ul li.selected {
		background-color:#EBEBEB
	}

	.time {
		width:105px
	}
		
	/* Tooltip container */
	.tooltip {
		position: relative;
		display: inline-block;
		border-bottom: 1px dotted blue; /* If you want dots under the hoverable text */
	}

	/* Tooltip text */
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 220px;
		background-color: blue;
		color: #fff;
		text-align: center;
		padding: 5px 0;
		border-radius: 6px;
	 
		/* Position the tooltip text - see examples below! */
		position: absolute;
		 z-index: 1;
	}

	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}

	.topLine {
		border-top:1px gray dotted
	}

	.txt {
		width:83px
	}

	.typeAheadMouseOver {
		color:blue
	}

	.typeAheadWindow {
		border:1px solid gray;
		cursor:pointer;
		display:none;
		overflow-y:scroll;
		position:absolute;
		z-index:100
	}

	.typeAheadWindow span,
	.typeAheadWindow th {
		overflow:hidden;
		white-space:nowrap
	}

	.typeAheadWindow table {
		background-color:lightgray;
		font-family:Arial, Helvetica, sans-serif
	}

	.vehiclelbl {
		width:80px
	}

	.zip {
		width:65px
	}
	
	.zipMiles {
		width:325px;
	}
	/* --------------TAG.CLASS SPECIFIC-------------- */

	div.shaded {
		background-color:#EBEBEB;
		border-bottom:1px solid #999999;
		border-top:1px solid #999999
	}

	label.red {
		color:#B21212;
		vertical-align:top;
	}

	select.c25 {
		width:154px
	}

	select.c40 {
		width:237px
	}

	select.city {
		width:171px
	}

	select.state {
		width:34px
	}

	tr.highlightedRow {
		background-color:#80C1FF
	}

	ul.inline {
		list-style-type:none
	}

	ul.inline li {
		float:left
	}

	ul.inline p {
		color:#666666
	}

	/* --------------ID SPECIFIC-------------- */

	#corporateDiv {
		float:right;
		width:48%
	}	

	#dispatchTable { 
		font-size:12px;
	}

	#dispatchTable input,
	#dispatchTable label,
	#dispatchTable select {
		margin-left:0px;
		padding:0px;
	}

	#dispatchTable tr.grayRow {
		background-color:#EBEBEB
	}

	#dispatchTable tr.yellowRow { 
		background-color:#ffffA0
	}

	#dispatchTable tr.redRow {
		color:#DD0000
	}
	
	#dispatchTable tr.highlightedRow { /* Duplicate of the tr.HighlightedRow defined above but defined here to override other custom highlighting. */
		background-color:#80C1FF
	}

	#documentContent {
		border-top:1px solid black
	}

	#documentMain {
		margin-left:15px;
		margin-right:15px;
		width:95%
	}

	#documentOutput {   
		margin-right:15px
	}   

	#documentOutput a {   
		cursor:pointer
	}

	#headerDiv {
		height:50px;
		margin-top:3px;
		text-align:left
	}

	#loadEntryForm {
		background-color:white
	}

	#loadInfoContent {
		border:1px solid #999999
	}

	#loadingSpinner {
		background-color:white;
		display:none;
		height:100%;
		left:0px;
		opacity:0.75;
		position:absolute;
		top:0px;
		width:100%
	}

	#loadingSpinner img {
		height:100px;
		left:50%;
		margin-left:-50px;
		margin-top:-50px;
		position:absolute;
		top:50%;
		width:100px;
	}

	#minWeightDisclaimerDiv {
		clear:both;
		display:none
	}
		
	#msg {
		border:1px solid #7f9db9;
		margin:3px;
	}

	#navmenu {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		margin:0px;
		padding:0px
	}

	#navmenu a {
		color:white;
		display:block;
		margin:0px 1px 0px 0px;
		padding:5px 10px;
		text-align:center;
		width:80px
	}

	#navmenu a:hover {
		text-decoration:none
	}

	#navmenu a:visited {
		color:white
	}

	#navmenu div {
		position:absolute;
		visibility:hidden;
		z-index:5
	}

	#navmenu div a {
		min-width:80px;
		position:relative;
		text-align:left;
		white-space:nowrap;
		width:auto
	}

	#navmenu li {
		float:left;
		list-style:none;
		margin:0px;
		padding:0px
	}

	#navmenu.dds div {
		background-color:#EE3C3C;
		border:1px solid #B81010
	}

	#navmenu.dds li a { /* Must be listed above other 'div a' styles for the same company in order for the colors to work correctly. */
		background-color:#B81010
	}

	#navmenu.dds div a {
		background-color:#EAEBD8;
		color:#B81010
	}

	#navmenu.dds div a:visited { /* Must be listed above 'div a:hover' in order for the colors to work correctly. */
		color:#B81010
	}

	#navmenu.dds div a:hover {
		background-color:#B81010;
		color:white
	}

	#navmenu.eastern div {
		background-color:#EE3C3C;
		border:1px solid #00A850
	}

	#navmenu.eastern li a { /* Must be listed above other 'div a' styles for the same company in order for the colors to work correctly. */
		background-color:#00A850
	}

	#navmenu.eastern div a {
		background-color:#EAEBD8;
		color:#00A850
	}

	#navmenu.eastern div a:visited { /* Must be listed above 'div a:hover' in order for the colors to work correctly. */
		color:#00A850
	}

	#navmenu.eastern div a:hover {
		background-color:#00A850;
		color:white
	}

	#navmenu.horizon div {
		background-color:#EE3C3C;
		border:1px solid #B81010
	}

	#navmenu.horizon li a { /* Must be listed above other 'div a' styles for the same company in order for the colors to work correctly. */
		background-color:#B81010
	}

	#navmenu.horizon div a {
		background-color:#EAEBD8;
		color:#B81010
	}

	#navmenu.horizon div a:visited { /* Must be listed above 'div a:hover' in order for the colors to work correctly. */
		color:#B81010
	}

	#navmenu.horizon div a:hover {
		background-color:#B81010;
		color:white
	}

	#navmenu.kaplan div {
		background-color:#EE3C3C;
		border:1px solid #329044
	}

	#navmenu.kaplan li a { /* Must be listed above other 'div a' styles for the same company in order for the colors to work correctly. */
		background-color:#329044
	}

	#navmenu.kaplan div a {
		background-color:#EAEBD8;
		color:#329044
	}

	#navmenu.kaplan div a:visited { /* Must be listed above 'div a:hover' in order for the colors to work correctly. */
		color:#329044
	}

	#navmenu.kaplan div a:hover {
		background-color:#329044;
		color:white
	}

	#navmenu.pfq div {
		background-color:#EE3C3C;
		border:1px solid #010100
	}

	#navmenu.pfq li a { /* Must be listed above other 'div a' styles for the same company in order for the colors to work correctly. */
		background-color:#010100
	}

	#navmenu.pfq div a {
		background-color:#EAEBD8;
		color:#010100
	}

	#navmenu.pfq div a:visited { /* Must be listed above 'div a:hover' in order for the colors to work correctly. */
		color:#010100
	}

	#navmenu.pfq div a:hover {
		background-color:#010100;
		color:white
	}

	#page {
		background-color:black;
		color:#B21212;	
		padding:5px
	}

	#remittanceDiv {
		float:left;
		width:49%
	}		
		
	.dropdown {
	  top:30%;
	  transform: translateY(-50%);
	}
	
	.dropdown dd,
	.dropdown dt {
	  margin: 0px;
	  padding: 0px;
	}

	.dropdown ul {
	  margin: -1px 0 0 0;
	}

	.dropdown dd {
	  position: absolute;
	}

	.dropdown a,
	.dropdown a:visited {
	  color: #030303;
	  text-decoration: none;
	  outline: none;
	  font-size: 12px;
	}

	.dropdown dt a {
	  background-color: #fffdfb;
	  display: block;
	  /* padding: 8px 20px 5px 10px; */
	  min-height: 25px;
	  line-height: 24px;
	  overflow: hidden;
	  border:1px solid black;
	  width: 400px;
	}

	.dropdown dt a span,
	.multiSel span {
	  cursor: pointer;
	  display: inline-block;
	  padding: 0 3px 2px 0;
	}

	.dropdown dd ul {
	  background-color: #fffdfb;
	  border: 0;
	  color: #030303;
	  display: none;
	  left: 0px;
	  /* padding: 2px 15px 2px 5px; */
	  position: absolute;
	  top: 2px;
	  width: 400px;
	  list-style: none;
	  height: 155px;
	  overflow: auto;
	}

	.dropdown span.value {
	  display: none;
	}

	.dropdown dd ul li a {
	  /* padding: 5px; */
	  display: block;
	}

	.dropdown dd ul li a:hover {
	  background-color: #030303;
	}
	
	.icon-down:before {
    content: "\25BC";
}

}

@media print {

	@page {
		margin:.25in;
	}

	:-moz-any(html) {
		font-size:7.0px !important;
		font-weight:normal !important
	}

	tbody {
		display:table-row-group
	}

	thead {
		display:table-header-group
	}

	th {
		font-weight: normal !important;
	}

	tr {
		display: table-row !important;
		page-break-inside:avoid
	}

	/* --------------CLASS SPECIFIC-------------- */

	.noprint {
		display:none
	}

	.printable {
		display:block
	}

	.scrollableTableContainer { 
		border:none;
		overflow:visible !important;
		width:initial !important;
		height:initial !important
	}

	/* --------------TAG.CLASS SPECIFIC-------------- */

	div.shaded {
		border-bottom:none;
		border-top:none
	}
	/* --------------ID SPECIFIC-------------- */

	#nav {
		display:none
	}

}