body { width: 100%; margin: 0; padding: 0; color: #000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: white; }
a { color: #000; text-decoration: none; }
p,
li,
td { font-size: 1em; color: #333; }
form { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
h3, h4, h5, ul { margin: 10px 0 5px; }
table { width: 100%; }

.padder { padding: 20px 30px; }
.dotted { display: block; width: 100%; height: auto; background: url(../images/dotted.gif) repeat-x center center; padding: 10px 0; margin: 0; }
.dotted hr { display: none; }
.vpadder { padding: 10px 0; }
.icon { float: left; margin: 0; }
.right { float: right; padding: 10px 0; margin: 0; }
.left { float: left; padding: 10px 0; margin: 0; }
.instructions { font-size: 18px; }
.buttons { margin-top: 25px; }
.floatRight { float: right; }
.floatLeft { float: left; }
.clearfix:after { content: "."; display: block; width: 100%; height: 2px; clear: both; visibility: hidden; }
span.error { color: red; }
.smallbox { margin: 0 auto; }
.nopadtop { margin-top: 0; padding-top: 0; }
.listButton,
.noprint { display: none !important; }

/*
	layout styles
------------------------------*/
#wrapper { width: 100% !important; margin: 1% 5%; border: 0px; background: none; }
#header { display: block; width: 100% !important; height: auto; border: 0; background: none; }
#headerInner { display: block; width: 100% !important; height: auto; border: 0; background: none; }
#sidebar { display: none; }
#page { display: block; width: 100% !important; height: auto; margin: 0; padding: 0; background: none; }
#page .namelocation { width: 100% !important; padding: 10px 0 0 0; margin: 0 auto; }
#topnav { display: none; }
#content { width: 100% !important; margin: 0; padding: 0; border: 0; background: none; } 
.contentwrapper { width: 100% !important; border: 0; background: none; }
/*
	header
------------------------------*/
#headerInner { display: block; width: 100%; height: 150px }
#headerInner #logo #LogoImg { display: block; float: left; }
#headerInner #logo h1 { display: block; width: 100%; height: auto; margin: 0; padding: 0; padding-left: 180px; padding-top: 25px; }
#headerInner #logo h1 a { display: block; width: 100%; height: auto; }
#headerInner #logo h1 a span {  }
#headerInner #logo h2 { display: none; }
#headerInner #tagline { display: block; width: 100%; height: auto; color: #000; margin: 0; padding: 0;  padding-left: 180px; }

/*
	footer
------------------------------*/
#footer { display: block; width: 100%; height: auto; margin: 15px auto; text-align: center; font-size: 10px; }
#footer a { color: #000; }
#footer a:hover { color: #000; text-decoration: none; }

/* 
	report stylings
*****************************/
.plus { color: #fff; background: #ccc; border: 1px solid #ccc; padding: 1px 3px; margin: 0 1px; font-size: 11px; font-weight: bold; }
.days15 { color: #fff; background: #000; border: 1px solid #000; }
.days30 { color: #fff; background: #000; border: 1px solid #000; }
.days45 { color: #fff; background: #000; border: 1px solid #000; }
.arrow_up { display: inline; font-size: 12px; font-weight: bold; color: #000; line-height: 14px; }
.arrow_up:after { content: " (+)"; }
.arrow_down { display: inline; font-size: 12px; font-weight: bold; color: #000; line-height: 14px; }
.arrow_down:after { content: " (-)"; }
.arrow_blank { display: inline; font-size: 12px; font-weight: bold; color: #000; line-height: 14px; }
.arrow_blank:after { content: "   "; }
.hilite { font-size: 12px; color: #555; margin-top: 5px; }

/* 
	report table
*****************************/
.reportTable { margin-top: 5px; width: 100%; }
.reportTable th { background: #bbb; border-bottom: 1px solid #ccc; }
.reportTable th.sectionname { background: #eee; border-bottom: 1px solid #ccc; }
.reportTable th,
.reportTable td { font-size: 12px; vertical-align: top; color: #333; }
.reportTable td { font-size: 14px; }
.reportTable td.header { color: #333; font-weight: bold; }
.reportTable td.bad { color: #777; font-style: italic; }
.reportTable td.bad:after { content: "*"; }

/* 
	data table
*****************************/
.dataTable { margin-top: 5px; width: 100%; }
.dataTable th { background: #ccc; border-bottom: 1px solid #ccc; }
.dataTable th.sectionname { background: #eee; border-bottom: 1px solid #ccc; }
.dataTable th,
.dataTable td { font-size: 12px; vertical-align: top; color: #333; border-bottom: 1px solid #ddd; }
.dataTable td.header { color: #333; background: #eee; font-weight: bold; }
.dataTable tr.bad td { color: #777; font-style: italic; }
.dataTable tr.bad td:after { content: "*"; }
.dataTable td.bad { color: #777; font-style: italic; }
.dataTable td.bad:after { content: "*"; }