body   { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #E5E5E5;
	text-align: center;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}
table {
	width: 600px;
	height: auto;
}
.view-emailer-table {
	width: 95%;
	height: auto;
	border: 0;
}
.emailer-table {
	width: 700px;
	height: auto;
	border: solid #000000 2px;
}
.emailer-table th, .emailer-table td, .emailer-table tr {font-family: Arial; font-size: 14px;  border: solid #000000 1px;}
.emailer-table th {background-color: #CCCCCC;}
.emailer-table td {padding: 5px;}
p,li,ul   {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-top: 0;
}
p { margin-bottom: 1em; }
.input {border:1px solid #606060; background: #FFFFCC;}
.small_font   { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9px; }
.body-h2-ctr   { font-size: 20px; color: #1A2677; font-weight: bold; text-align: center; }
.body-h2-norm   { font-size: 20px; color: #1A2677; }
.body-h2-norm-ctr   { font-size: 20px; color: #1A2677; text-align: center; }
.centrebody #wrapper {
   position: relative;
	width: 980px;
	min-width: 980px;
	border: 1px solid #000000;
	text-align: left;
	background-color: #EEF3F5;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
html> .centrebody #wrapper {width: auto;}
.centrebody #wrapper-help {
	width: 100%;
	height: 100%;
	background-color: #EEF3F5;
	overflow: auto;
	clear: both;
}
.centrebody #tail {
	position: relative;
	width: 980px;
	margin: 5px auto;
	padding: 0;
	border: none;
	text-align: center;
	clear: both;
}
.centrebody #logo {
	position: absolute;
	top: 2px;
	right: 25px;
	width: 120px;
	height: 61px;
	text-align: right;
}
.hr {
	position: relative;
	top: 40px;
	left: 25px;
	right: 25px;
	width: 930px;
	height: auto;
}
.odd_row   {
/*	background-color: #B9D5FF; */
	background-color: #EEF3F5;
}
.login-table { 
	width: 900px;
	height: auto;
}
.login-table td,tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}
.data-table a:active   { text-decoration: none; }
.data-table a:link   { color: #1A2677; text-decoration: none; }
.data-table a:visited   { color: #1A2677; text-decoration: none; }
.data-table a:hover   { color: #0000FF; text-decoration: underline; }
.data-table { 
	width: 930px;
	min-width: 930px;
	height: auto;
}
html> .data-table { width: auto; }
.data-table td,tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
}
.totals-table { 
	width: 930px;
	min-width: 930px;
	height: auto;
}
html> .totals-table { width: auto; }
.totals-table td,tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
}
.entry-table { 
	width: 930px;
	min-width: 930px;
	height: auto;
}
html> .entry-table { width: auto; }
.entry-table td,tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}
.choices-table { 
	width: auto;
	height: auto;
}
.choices-table td,tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}
.rates-table { 
	width: 300px;
	height: auto;
}
.rates-table td,tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}
.edit-rates-table { 
	width: 300px;
	height: auto;
}
.edit-rates-table td,tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}
.main-rate-table { 
	width: 850px;
	height: auto;
}
.main-rate-table td,tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.align-centre {
	text-align: center;
}
.ten-pt-bold-text {
	font-size: 10px;
	color: #1A2677;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ten-pt-text {
	font-size: 10px;
}
.font_11 {
	font-size: 11px;
}
.font_13 {
	font-size: 13px;
}
.font_16 {
	font-size: 16px;
}
.error {color:#A80000}
.box { /* This is for the TinyMCE Textbox */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #000000;
	background-color: #FFFFCC;
}
.centrebody #content-entry {
	position: relative;
	margin: 10px 25px 0 25px; /* top, right, bottom, left */
	width: 930px;
	min-width: 930px;
	height: 170px;
	min-height: 170px;
	border: 1px solid #000000;
	text-align: left;
	background-color: #FFFFFF;
	padding: 0 5px 20px 5px; /* top, right, bottom, left */
}
html> .centrebody #content-entry {height:auto; width: auto;}
.centrebody #content-data {
	position: relative;
	margin: 0 25px 0 25px; /* top, right, bottom, left */
	width: 930px;
	min-width: 930px;
	height: 50px;
	min-height: 50px;
	border: 1px solid #000000;
	text-align: left;
	background-color: #FFFFFF;
	padding: 0 5px 5px 5px; /* top, right, bottom, left */
}
html> .centrebody #content-data {height: auto; width: auto;}
.centrebody #content-yoa-entry {
	position: relative;
	margin: 10px 25px 0 25px; /* top, right, bottom, left */
	width: 930px;
	min-width: 930px;
	height: 50px;
	min-height: 50px;
	border: 1px solid #000000;
	text-align: left;
	background-color: #FFFFFF;
}
html> .centrebody #content-yoa-entry {height: auto; width: auto;}
.centrebody #content-view {
	position: relative;
	margin: 10px 25px 0 25px; /* top, right, bottom, left */
	width: 930px;
	min-width: 930px;
	height: 200px;
	min-height: 200px;
	border: 1px solid #000000;
	padding-top: 3px;
	text-align: left;
	background-color: #FFFFFF;
}
html> .centrebody #content-view {height: auto; width: auto;}
.centrebody #content-rates, .centrebody #content-details {
	position: relative;
	margin: 10px 25px 0 25px; /* top, right, bottom, left */
	padding: 0 5px 0 5px; /* top, right, bottom, left */
	width: 930px;
	min-width: 930px;
	height: 200px;
	min-height: 200px;
	border: 1px solid #000000;
	text-align: left;
	background-color: #FFFFFF;
}
html> .centrebody #content-rates, .centrebody #content-details {height: auto; width: auto;}
.centrebody #content-logout {
	position: relative;
	margin: 15px 25px 10px 25px; /* top, right, bottom, left */
	width: 930px;
	height: 35px;
	text-align: left;
}
.centrebody #title1 {
	position: relative;
	top: 10px;
	left: 25px;
	right: 25px;
	width: 1000px;
	height: 60px;
	text-align: left;
}
.centrebody #title1 p {
	border-bottom: 0.5em;
}
.centrebody #form-error {
	position: relative;
margin: 10px 25px;
	width: 930px;
/*	height: 25px; */
	color: #FF0000;
	font-weight: normal;
	text-align: left;
}
.centrebody #totals {
	position: relative;
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 20px;
	width: 930px;
	height: 30px;
	text-align: left;
}
.centrebody #title-help {
	position: relative;
	top: 10px;
	left: 25px;
	right: 25px;
	width: 550px;
	height: 25px;
	text-align: center;
}
.centrebody #content-calc {
	position: relative;
	top: 30px;
	left: 25px;
	right: 25px;
	width: 550px;
	height: 300px;
	border: 1px solid #000000;
	padding: 5px;
	text-align: left;
	background-color: #FFFFFF;
}
.centrebody #content-help {
	position: relative;
	top: 30px;
	left: 25px;
	right: 25px;
	width: 550px;
	height: 300px;
	border: 1px solid #000000;
	padding: 5px;
	text-align: left;
	background-color: #FFFFFF;
	overflow: auto;
}
.centrebody #help-logout {
	position: relative;
	top: 45px;
	left: 25px;
	right: 25px;
	width: 550px;
	height: 35px;
	text-align: center;
	overflow: none;
}
.centrebody #content-rsir {
	position: relative;
	margin: 10px 25px 25px 25px;
	width: 930px;
	min-width: 930px;
	height: 200px;
	min-height: 200px;
	padding: 5px;
	border: 1px solid #000000;
	text-align: left;
	background-color: #FFFFFF;
}
html> .centrebody #content-rsir {height: auto; width: auto;}
.centrebody #footer {
	clear: both;
	text-align: center;
}


/* BELOW IS ADDITIONS FROM CHRIS */
table.csvUploadResults {margin: 0 auto;font-size:10px;border: 1px solid #444;border-collapse: collapse;}
table.csvUploadResults td, table.csvUploadResults th {border: 1px solid #444;padding:5px;}


/* SPECIFIC TO THE monthly_reports.php & view.php */
#monthlyReports table, #viewReports table, #content-data .data-table {border-collapse:collapse;width: 1000px;height: auto;margin:0 auto;}
#monthlyReports td, #viewReports td, #content-data td {text-align: left;padding: 2px 5px;}
#monthlyReports .odd_row, #viewReports .odd_row {background-color:#EEF3F5;}
#monthlyReports #content-logout, #viewReports #content-logout {width: 90%;height: 35px;text-align: center;}
#viewReports #totals {margin:20px auto 40px;}
#viewReports #totals table {width:600px;text-align:right;}
#viewReports #totals tr {text-align:right;}
#viewReports #totals td {text-align:right;}

/* STYLING FOR THE GLOBAL YTD REPORT */
#global_YTD table {width: auto;height: auto;margin:0 auto;}
#global_YTD table.report td,#global_YTD table.report tr {text-align: right;padding: 0 5px 0 5px;vertical-align:bottom;}
#global_YTD table.report td.name {text-align: left;}
#global_YTD #content-logout {width: 90%;height: 35px;text-align: center;}

/* STYLING TO MAKE LINKS LOOK LIKE BUTTONS */
a.buttonLink, a.buttonLink:hover, a.buttonLink:visited, input.buttonLink {
  border: 2px outset #c0c0c0;
  color: black;
  background-color: #c0c0c0;
  padding: 5px 8px;
  text-decoration: none;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
a.buttonLink:active {
  border: 2px inset #c0c0c0;
}

a.buttonLinkOld {background: none repeat scroll 0 0 #DDDDDD;font-size:13px;height:18px;line-height:18px;margin:0;padding:1px 10px;color:black!important;border: 1px solid #606060;}

div.indexList {position:fixed;top:80px;left:4px;background-color:#fff;}
div.indexList ul {list-style-type:none;padding:0; margin:0;}
div.indexList li a {-moz-border-radius: 3px;border-radius:3px;width:15px;height:15px;background-color:#444;color:#fff;border:1px solid #000;margin:2px 0;text-align:center; display:block;}
div.indexList li a:hover {background-color:#fff;color:#000;}
