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; 
}