@page {
   @bottom-right {
    content: counter(page) " of " counter(pages);
   }
}
@media screen {
	.divFooter, .divFooter1, .divFooter2 {
		display: none;
	}
}


@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	.page-break  { display: block; page-break-before: always; }
	footer {page-break-after: always;}
	.divFooter1, .divFooter2 {
		position: relative;
		bottom: 0;
		right: 50px;
	}

}

.dividerHR {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #D6D6D6; /* old IE */
    background-color: #D6D6D6; /* Modern Browsers */
}

.dividerHRDark {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #666; /* old IE */
    background-color: #666; /* Modern Browsers */
}

.pop-up {
	
	width:650px;
}

.verticalSpacer {
	line-height:18px;	
}
legend {
	font-weight:bold;
	padding:4px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.headerFrameFont {
	font-size:14px;
}
.leftTabs {
	background-color: #ccccee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width:100%;
	color: #ffffff;
	padding:8px;
	border: 1px solid #666666;
}

.divMenu {
	padding:5px;
	background-color: #eeeeff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;

	color: #ffffff;

	border: 1px solid #666666;	
}
.divItems {
	padding:4px;
}
.style1xx {
	color: #666666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.brd2 {
	border: 1px solid #777777;
}

.tMenuDiv {
	padding-bottom:15px;
	padding-top:15px;
}
.lsTopMenuHLight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000033;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #DDE1E6;
	padding-top: 2px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.fieldsLabels {
	width:320px;
	float:left;
}
.fieldsInputs {
	width:190px;
	float:left;
}
.nxlistsubs {
	background-color: #eeeeee;
	padding:6px;
	border: 1px solid #aaaaaa;
}
.tableSet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	background-color:#eeeeee;
	
	padding-top: 2px;
	padding-bottom: 12px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #222222;
}
input[type=button]  {
	border-radius: 5px;
	background-color:#eeeeee;
	background: linear-gradient(#ffffff, #dddddd);
	border:1px solid #222222;
	padding:6px;
}
input[type=reset]  {
	border-radius: 5px;
	background-color:#eeeeee;
	background: linear-gradient(#ffffff, #dddddd);
	border:1px solid #222222;
	padding:6px;
}
input[type=submit]  {
	border-radius: 5px;
	background-color:#eeeeee;
	background: linear-gradient(#ffffff, #dddddd);
	border:1px solid #222222;
	padding:6px;
}

input[type=submit]:disabled  {
	border-radius: 5px;
	background-color:#FFF;
	border:1px solid #CCC;
	padding:6px;
	background:#FFF;
}

.loginFrame  {
	border:1px solid #999999;
	background-color:#eeeeee;
	background: linear-gradient(#cccccc, #eeeeee);
	border-radius:12px;
	padding:6px;
}
.mgradient  {
	
	background-color:#ddd;
	color:#fff;
	border-bottom:1px solid #777777;
	border-top:1px solid #777777;
	padding:6px;
}
.tableCell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	font-weight:bold;
	
	padding:8px;
	

}
.tableCellData {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	border-bottom: 1px solid #555555;
	background-color: #dddddd;
	padding:5px;
}

.bodyTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	border: 1px solid #555555;

	padding: 0px;
	background-color:#101010;
	background-image: url(../Intrfc/bg_top.jpg);
	background-repeat: no-repeat;
	
}
.lsSubTabs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #DDE1E6;
	padding-top: 2px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.lsTabsBar {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top:15px;
	height:8px;
	padding-left:12px;
	padding-bottom:10px;
	background-image: url(../IntrFc/grad_subbar.jpg);
	background-color: #eeeeee;
	overflow:hidden;
}
.footerInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top:2px;
	padding-bottom:6px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.menuFormatTopDesel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../Gfx_Int/menu_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 26px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 26px;
	width: 98px;
	text-align: center;
}
.formatControlArea {
	border: 1px solid #949BB4;
	background-image: url(../Gfx_Int/menu_foib.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.formatLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
}
.notation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #777777;
	font-style:italic;
}
.notationLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	font-style:italic;
}
a.tableCellHistorical {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	border-bottom: 1px solid #555555;
	background-color: #CCCCCC;
	padding: 5px;
}
a:link.tableCellHistorical {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7A7A7A;
	border-bottom: 1px solid #555555;
	background-color: #CCCCCC;
	padding: 5px;
}
td.tableCellHistorical {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	border-bottom: 1px solid #555555;
	background-color: #CCCCCC;
	padding: 5px;
}
a:link {
	font-size: 12px;
	color:#000;
	/*font-weight: bold;*/
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	color: #000;
	/*font-weight: bold;*/
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
a:active {
	font-size: 12px;
	color: #660033;
	/*font-weight: bold;*/
	text-decoration: none;
}
.tMenuHighlight {
	background-color: #3333cc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding:12px;
	border: 1px solid #666666;
}

.tMenuLowlight {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #111111;
	padding-top:4px;
	padding-left:8px;
	padding-right:12px;
	padding-bottom:4px;

	
}

.nxButtons {
	border-radius: 5px;
	background-color:#eeeeee;
	background: linear-gradient(#ffffff, #dddddd);
	border:1px solid #222222;
	padding:6px;
}
.tabButtons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	border: 1px solid #666666;
	background-color: #eeeeee;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 12px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.tabTemp {
	background-image: url(../icons/tabs.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	width: 153px;
	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 12px;
	
}
input, select, textarea {
	/*background-image: url(../intrfc/formin.jpg);*/
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #cccccc;
	padding-left:5px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/*
using this will override other class widths in Chrome, thereby forcing currency fields to 180px etc
input[type=text]  {
	width:180px;
}*/

.inputStandard {
	width:180px;
}

.inputLong {
	width:277px;
}

.selectStandard {
	width:180px;
}

input[type=password]  {
	width:180px;
}

.inputFieldLong {
	/*background-image: url(../intrfc/formin.jpg);*/
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #cccccc;
	padding-left:5px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	width: 200px;
}

.formatHeadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #393F51;
	font-weight: bold;
}

.lgeButtons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-color: #E4E4E4;
	padding: 12px;

	border-radius:12px;
	border: 1px solid #333333;
}
.tabArea {
	border-bottom: 1px solid #888888;
	padding-left:5px;
}.topHeader {
	background-image: url(../Intrfc/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #CCCCCC;
}
.menuBar {
	padding: 7px;
}
.leftMenu {
	padding: 7px;
	background-color:#ccc;
	border-bottom:2px solid #aaa;
	font-weight: bold;
	font-size: 14px;
}
.menuSpacer {
	width: 160px;
}
.contentBorder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.subheading {
	font-weight:bold;
	font-size:14px;
}
.listheading {
	font-weight:bold;
	font-size:12px;
}
.dashboardWidget {
	/*background-image:url(../Intrfc/bg_set.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;*/
	padding-left:10px;    
	margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #809ab1  0%, #bac8d5 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #809ab1  0%, #bac8d5 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #809ab1  0%, #bac8d5 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #809ab1 ), color-stop(1, #bac8d5));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #809ab1  0%, #bac8d5 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #809ab1  0%, #bac8d5 100%);
}
.widgetButton {
	background-image: url(../Intrfc/lgbuttons.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 147px;
	height: 129px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #272727;
	padding: 10px;
	white-space: normal;
	cursor:pointer;
}

.widgetButtonDashboard {
	background-image: url(../Intrfc/lgbuttons.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 147px;
	height: 129px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
/*	font-weight: bold;*/
	color: #272727;
	padding-top:40px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	white-space: normal;
	z-index:1;
}

.carIcon {
	left:400px;
	top:265px;
	background-image: url(../Icons/3car.png);
}

.tieIcon {
	left:570px;
	top:265px;
	background-image: url(../Icons/1tie.png);
}

.penIcon {
	left:740px;
	top:265px;
	background-image: url(../Icons/2pen.png);
}

.graphIcon {
	left:910px;
	top:265px;
	background-image: url(../Icons/4graph.png);
}

.dashboardIcon {
	z-index: 2;
/*	background-color:#000;*/
	background-repeat:no-repeat;
	position:absolute;
	z-index:2;
	width:44px;
	height:40px;
}

.widgetButtonDashboard:hover {
	color: #666666;
}

.widgetButton:hover {
	color: #666666;
}
.sideMenuLink {
	text-decoration:none;
	color:#1C3442;
	font-weight: bold;
	padding-left: 9px;
}
.genericButton {
	border: thin solid #D1D1D1;
	white-space: normal;
	padding-left:8px;
	border-radius: 8px;
	width:62px;
	min-height:28px;
	vertical-align:central;
}
.genericButtonLong {
	border: thin solid #D1D1D1;
	white-space: normal;
	padding-left:8px;
	border-radius: 8px;
	width:130px;
	min-height:28px;
	vertical-align:central;
}
.buttonSpacer {
	width:60px;	
	display: inline-block;
}
.footerText {
	font-size:9px;
}
.remittanceTextSmall {
	font-size:11px;
}
.outerDocDiv {
	width:650px;
	min-height:970px;
	position:relative;
}
.outerSchedDiv {
	width:650px;
	min-height:960px;
	position:relative;
}
.outerSolidBorder {
	border: thin solid #D1D1D1;
	width:650px;
	min-height:960px;
	position:relative;
}
.successMessage {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#090;
	}
.error
	{
	color:#FF0000;
	}