body {
	font: 15px arial, sans-serif;
}

.graytable {
	width: 20%;
	height: 50px;
	align: left;
	text-align: top;
	margin: 30px 20px;
	padding: 30px 40px;
	background-color: #f0f0f0;
}

.boldnowrap {
	white-space: nowrap;
	font-weight: bold;
}

.darkergray {
	background-color: #e1e1e1;
	align: left;
	font-weight: bold;
}

.inputbox {
	font-weight: bold;
	font-size: 15px;
	width: 80px;
}

.headerbox {
	align: center;
	background-color: #0000CD;
	nowrap: nowrap;
	color: #ffffff;
	font-weight: bold;
}

.inputbutton {
	align: left;
	font-weight: bold;
	font-size: 15px;
	width: 220px;
	background-color: lightgray;
}

.largeinputbutton {
	align: left;
	font-weight: bold;
	font-size: 15px;
	width: 440px;
	background-color: lightgray;
}

.largeinputbox {
	font-weight: bold;
	font-size: 15px;
	width: 240px;
	height: 22px;
}

.backbutton {
	font-weight: bold;
	font-size: 15px;
	width: 200px;
}

.inputarea {
	font-weight: bold;
	width: 770px;
	height: 50px;
	font-size: 15px;
	text-align: center;
}

.uploadButton {
	align: left;
	font-weight: bold;
	font-size: 15px;
	width: 600px;
	background-color: lightgray;
}

.hiddenfield {
	display: none;
	max-width: 0px;
}

.selectionbox {
	font-weight: bold;
	width: 770px;
	height: 30px;
	font-size: 15px;
	text-align: center;
}

.selectBox {
	/* IMPORTANT!!!!!  This changes the appearance of all select boxes that aren't assigned a css!! It is used on editCacorVt.jsp for the hiding secondmenu; I can find no way around doing this */
	font-weight: bold;
	width: 400px;
	height: 30px;
	font-size: 15px;
	align: right;
}

.cacgroupboxcolumn {
	width: 800px;
}

.cacgroupbox { /* Same as subDeptListDiv */
	font-weight: bold;
	width: 400px;
	height: 30px;
	font-size: 15px;
	text-align: left;
}

.skinnycolumn {
	width: 20px;
}

.databox {
	align: left;
	background-color: #f5f5f5;
	white-space: nowrap;
	font-weight: bold;
}

.dataheaderbox {
	align: right;
	white-space: nowrap;
	face: Arial;
}

.secondMenu {
	align: right;
	white-space: nowrap;
	face: Arial;
}

.blankrow {
	height: 20px;
}

.oneline {
	width: 1200px;
	white-space: nowrap;
}

.blankcolumn {
	width: 40px;
}

.nationalAccountsChkBx {
	align: left;
}

#custName {
	align: left;
	max-width: 350px;
}

.tablenamer {
	font-weight: bold;
	font-size: 15px;
	width: 80px;
}

.checkbox {
	align: right;
}

.experimenttable {
	background-color: #0808;
}

.experimenttable tr {
	border-style: dotted dashed solid double;
}

.experimenttable td {
	background-color: #105fff;
}

.experimenttable th {
	background-color: red;
	color: white;
	font-size: 11px;
}

.dataTable {
	background-color: white;
	border: 1px solid #0000CD;
	font-size: small;
	margin: 5px;
	max-width: 1000px;
}

.dataTable th {
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: white;
	background-color: #0000CD;
	white-space: wrap;
}

.dataTable  td {
	font-family: arial, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	max-width: 1000px;
}

.changewidth {
	min-width: 400px;
}

.dataTable tr.total td {
	white-space: nowrap;
	vertical-align: top;
	font-weight: bold;
	border-top: 1px solid black;
	padding-bottom: 10px;
	-moz-border-radius: 3px 3px 3px 3px;
}

.dataTable tr.total td.customer {
	visibility: hidden;
}

.dataTable td.hidden {
	display: none;
}

.dataTable th.hidden {
	display: none;
}

.dataTable th.r {
	text-align: right;
	padding-right: 10px;
}

.dataTable th.c {
	text-align: center;
}

.dataTable td.r {
	text-align: right;
	padding-right: 10px;
}

.dataTable td.c {
	text-align: center;
}

.dataTable  tr.odd {
	background-color: whitesmoke;
	-moz-border-radius: 3px 3px 3px 3px;
}

.dataTable tr.even {
	background-color: white;
	color: black;
	-moz-border-radius: 3px 3px 3px 3px;
}

.dataTable tr.hidden {
	display: none
}

.dataTable tr.line_through {
	text-decoration: line-through;
	color: black
}

.dataTable tr.changed {
	background-color: #C0FF3E;
	color: black
}

.changed {
	background-color: #C0FF3E;
	color: black
}

.deleteMe {
	background-color: #CCCCCC;
	color: black;
}

.dataTable tr.deleteMe {
	background-color: #CCCCCC;
	color: black;
}

.Expired {
	background-color: #CCCCCC;
	color: black;
}

.dataTable tr.Expired {
	background-color: #CCCCCC;
	color: black;
}

.dataTable tr.Expired_blank {
	display: none;
}

.dataTable tr.current_blank {
	display: none;
}

.future {
	background-color: #87CEFF;
	color: black;
}

.dataTable tr.future {
	background-color: #87CEFF;
	color: black;
}

.dataTable tr.future_blank {
	display: none;
}

.dataTable tr.hide_me {
	display: none;
}

.dataTable tr.futurechanged {
	background-color: #00FA9A;
	color: black
}

.dataTable tr.rrrrrowStyle {
	background-color: #CCCCCC;
	color: black
}

.dataTable th a, .dataTable th a:visited {
	text-align: left;
	color: white;
}

.dataTable th a:hover {
	color: #ffcc00;
	background-color: transparent;
}

.dataTable .order1 {
	background-position: right;
	background-image: url(../images/arrow_up.gif);
	background-repeat: no-repeat;
}

.dataTable .order2 {
	background-position: right;
	background-image: url(../images/arrow_down.gif);
	background-repeat: no-repeat;
}

span.export {
	padding: 0 4px 1px 20px;
	font-size: x-small;
	text-align: center;
}

span.excel {
	background-image: url(../images/ico_file_excel.png);
	background-repeat: no-repeat;
	width: 16px;
}

span.csv {
	background-image: url(../images/ico_file_csv.png);
	background-repeat: no-repeat;
	width: 16px;
}

span.xml {
	background-image: url(../images/ico_file_xml.png);
	background-repeat: no-repeat;
	width: 16px;
}

span.pdf {
	background-image: url(../images/ico_file_pdf.png);
	background-repeat: no-repeat;
	width: 16px;
}

span.rtf {
	background-image: url(../images/ico_file_rtf.png);
	background-repeat: no-repeat;
	width: 16px;
}

.dataTable tr.rowMouseOver {
	background-image: url(../images/selected.gif);
	background-repeat: repeat-x;
	background-color: #ffff99;
}

.leftMenu {
	white-space: nowrap;
	height: 100%;
	background-color: #d6cfe6;
	font-family: verdana, arial, helvetica, sans-serif;
}

.content {
	width: 100%;
	padding: 10px;
}

.rightColumn {
	width: 3px;
}

.taxcat {
	width: 20%;
	text-align: center;
}

.reason_descr {
	width: 500px;
	text-align: left;
}

.cust_name {
	width: 500px;
	text-align: left;
}

.group_name {
	width: 600px;
	text-align: left;
}

.group_descr {
	width: 800px;
	text-align: left;
}

.private_taxcode {
	text-align: center;
	width: 10%;
}

.productName {
	width: 25%;
}

.quantity {
	text-align: center;
	width: 10%;
}

.lineItemTotal {
	text-align: right;
	width: 15%;
	padding-right: 10px;
}

.logo {
	border-top: 1px solid #000066;
	border-left: 1px solid #000066;
	border-bottom: 1px solid #000066;
	display: inline;
	text-align: right;
}

.code {
	font-family: arial, verdana, helvetica, "courier new", monospace;
	font-size: 9pt;
}

.borderedInline {
	display: inline;
	border: 1px solid black;
}

a:hover {
	color: ##6E6E6E;
	background-color: transparent;
}

img {
	border: 0px;
}

.errors {
	color: #FF0000;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}

.cust_biz {
	color: blue;
	font-size: normal;
	font-style: italic;
}

.validlabel {
	color: White;
	background-color: green;
	font-weight: bold;
}

.invalidlabel {
	color: white;
	background-color: red;
	font-weight: bold;
}

.stateboxes {
	color: black;
	font-size: 15px;
}

.TaxableU {
	color: green;
	font-weight: bold;
}

.TaxableD {
	color: black;
}

.Exempt {
	color: black;
}

.taxability {
	color: blue;
	font-weight: bold;
}

.justify {
	text-align: right;
}

.rightAlign {
	text-align: right;
}

.centerAlign {
	text-align: center;
}

.delete {
	color: red;
	font-weight: bold;
}

.prLevel {
	padding: 1px 60px 1px 1px;
	text-align: left;
}

#popup {
	position: absolute;
	width: 75%;
	height: 50%;
	top: 0%;
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 0%;
	z-index: 1;
	margin: 0px;
}

#popup .iframe {
	position: relative;
	padding: 10px;
	height: 5em;
	width: 30em;
	top: 30%;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	border: 10px solid black;
}

#popup .bg {
	position: absolute;
	width: 500%;
	height: 500%;
	top: 0px;
	left: -100px;
	right: -100px;
	bottom: 0px;
	background: #000;
	filter: alpha(opacity = 20);
	opacity: .1;
	z-index: -1;
}

.cont {
	width: 600px;
	z-index: 1;
	margin-top: 20px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background: #000;
}

.popupclose {
	position: absolute;
	right: 190px;
	top: 15px;
	z-index: 3;
	cursor: pointer;
}
/* The side navigation menu */
.sidenav {
	height: 100%; /* 100% Full-height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 1; /* Stay on top */
	top: 0; /* Stay at the top */
	right: 0;
	background-color: white; /* Black*/
	border: 1px solid #0000CD;
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in the sidenav */
	top: -50px; /* Hide the navbar 50 px outside of the top view */
}
/* The navigation menu links */
.sidenav a {
	padding: 50px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #1616;
	display: block;
	transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
	color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 36px;
	margin-left: 0px;
	color: #c8c8ff
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
	transition: margin-left .5s;
	padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}
	.sidenav a {
		font-size: 18px;
	}
}

<!--
Tables -->.pageheader {
	border-collapse: separate;
	border-spacing: 30px;
}

.pageheader thead {
	
}

.pageheader thead tr:nth-child(1) {
	font-size: xx-large;
	font-weight: bold;
}

.pageheader thead tr:nth-child(3) {
	font-size: x-large;
	font-weight: bold;
}

.pageheader thead tr td:nth-child(even) {
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}

.pageheader thead tr td:nth-child(odd) {
	text-align: right;
	white-space: nowrap;
}

.pageheader tbody {
	
}

.pageheader tbody tr td:nth-child(even) {
	text-align: left;
	background-color: #f5f5f5;
	white-space: nowrap;
	font-weight: bold;
	max-width: 600px;
	border-right: 10px solid transparent;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.pageheader tbody tr td:nth-child(odd) {
	text-align: right;
	white-space: nowrap;
	max-width: 600px;
	border-right: 10px solid transparent;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.dividedtable td {
	background-color: #f0f0f0;
	height: 50px;
	width: 900px;
	border-collapse: collapse;
	border: 1px solid black;
}

.checkboxtable {
	width: 600px;
}

.checkboxtable td {
	width: 100px;
}

.daterangetable {
	width: 500px;
}

.daterangetable td {
	align: left;
	width: 100px;
	font-weight: bold;
}

.tablewithtwohorizontaltables {
	width: 1200px;
}

.linktable {
	font-weight: bold;
}

.Content {
	font-family: Arial, Tahoma;
	color: #000000;
	font-weight: bolder;
	font-size: medium;
}

.formContent {
	font-family: Arial, Tahoma;
	color: #000000;
	font-weight: bolder;
	font-size: medium;
}

.noteText {
	font-family: Arial, Tahoma;
	color: #000000;
	font-weight: normal;
	font-size: x-small;
}