body {
	background-color: #ccc; 
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	/* start all of the font size percentages below the browser default which is ugly big,
		Small = 60%
		Medium = 69%
		Large = 76%
	*/
	font-size: 76%;
	color: #000;
}

p, td, th, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
/*	line-height: 13px; */
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #4db749;
	margin: 0;
	padding: 5px 0;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #555;
	margin: 0;
	padding: 8px 0 0 0; 
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #555;
	margin: 0;
	padding: 5px 0;
}

a {
	color: #4db749;
}

/*******************************************************************************************
	All of the styles above must also be defined on the Total Control Pages
	Configuration page and be included in the main style sheet of the client's
	web site in order for the WYSIWYG content to match the actual page content.
*******************************************************************************************/

a:hover {
	color: #333;
}

.headerBG {
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	vertical-align: bottom;
	text-align: center;
	height: 80px;
}
.contentBG {
	background-color: #fff;
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	vertical-align: top;
}
.submenuBG {
	height: 36px;
	background-image: url(../images/middlebar_bg.gif);
	background-repeat: repeat-x;
	
}
.contentarea {
	margin: 0px;
	padding: 10px;
}
.headerTable {
	border-top: 1px ridge #B9E3B7;
	border-left: 1px ridge #B9E3B7;
	border-right: 1px ridge #B9E3B7;
	width: 770px;
}
.contentTable {
	border-left: 1px ridge #B9E3B7;
	border-right: 1px ridge #B9E3B7;
	border-bottom: 1px ridge #B9E3B7;
	width: 770px;
}
.learnmoreBOLD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.mainimageBG {
	background-image: url(../images/mainimage_bg.gif);
	background-repeat: repeat-x;
	text-align: right;
}
.loginBG {
	background-image: url(../images/login_bg.gif);
	background-repeat: repeat-x;
	width: 135px;
	vertical-align: top;
}
.loginarea {
	margin: 0px;
	padding: 5px 0px 0px 10px;
}
.loginarea form {
	margin: 0px;
	padding: 0px;
}
.loginTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.loginBOX {
	width:105px;
	border:1px inset #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
.loginBUTTON {
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #5c5c5c;
	border-right: 1px solid #5c5c5c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #8db7eb;
	margin: 0px;
	padding: 0px 10px;
}
.loginLinks {
	color: #fff;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.loginarea a:link, .loginarea a:visited {
	text-decoration: none;
	color: #fff;
}
.loginarea a:hover {
	text-decoration: underline;
	color: #000;
}
.footerTEXT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-align: center;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	height: 41px;
}
.footerTEXT a:link, .footerTEXT a:visited {
	text-decoration: none;
	color: #fff;
}
.footerTEXT a:hover {
	text-decoration: underline;
	color: #000000;
}
ul {
	list-style-image: url(../images/arrow_bullet.gif);
	line-height: 17px;
	text-align: left;

}

.small_loginTEXT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #003366;
	margin: 0px;
	padding: 0px;
}

/*********************************************** ORIGINAL TRACI STYLES ******************************************************/

.submenuBG a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

.submenuBG a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

.submenuBG ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.submenuBG li {
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 4px;
}
.submenuBG #welcome {
	float: left;
	margin: 0px 1px 0px 10px;
	padding: 4px;
	font-weight: bold;
}
.submenuBG li a {
	float: left;
	text-decoration: none;
}

.submenuBG li a:hover {
	float: left;
	text-decoration: none;
}

/*

#page {
	margin: 0px;
	padding: 0px;
}

#content {
	width: 760px; 
	text-align: left;
}

*/

#tabs {
	width: 100%;
	height: 25px;
	margin: 5px 0px;
	background-color: #eee;
}
#tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #eee;
}
#tabs li {
	float: left;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
	border-left: 1px solid #fff;
}
#tabs li a {
	float: left;
	text-decoration: none;
	color: #73a6e6;
}

#tabs li a:hover {
	float: left;
	text-decoration: underline;
}

#charttabs {
	width: 100%;
	height: 25px;
	border-bottom: 1px solid #ddd;
}
#charttabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#charttabs li {
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 5px;
	font-weight: bold;
	color: #666;
}
#charttabs li a {
	float: left;
	text-decoration: none;
	color: #73a6e6;
}

#charttabs li a:hover {
	float: left;
	text-decoration: none;
	color: #73a6e6;
}

#disclaimer {
	font-style: italic;
	text-align: center;
	margin-top: 30px;
}

.formfield {
	border: 1px solid #ccc;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

.formfielddisplay {
	width: 50px;
	border: 1px solid #fff;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

fieldset {
  border: 1px solid #777;
  padding: 5px;
  padding-top: 0;
  margin-bottom: 20px;
}

.paymentfieldset {
  border: 1px solid #ccc;
  padding: 5px;
  padding-top: 0;
  margin-bottom: 20px;
}

legend {
  color: #333;
}

legend {
  padding: 0 10px;
  font-weight: bold;
  font-size: 110%;
}

dl {
	background-color: #eee;
	padding: 10px;
	margin: 0px;
}

dl.tbl dt {
  float: left;
  width: 370px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  padding-right: 3px;
  padding-top: 1px;
}

dl.tbl dd {
  margin-left: 370px;
  padding-bottom: 5px;
}

dl.tbl dt {
  float: left;
  width: 370px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  padding-right: 3px;
  padding-top: 1px;
}

dl.tbl dd {
  margin-left: 370px;
  padding-bottom: 5px;
}

dl.hypo dt {
  float: left;
  width: 700px;
  height: 30px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  padding-top: 1px;
}

dl.hypo dd {
  margin-left: 700px;
  height: 30px;
  padding-bottom: 5px;
}

dl.signup dt {
  float: left;
  width: 170px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  padding-top: 1px;
}

dl.signup dd {
  margin-left: 170px;
  padding-bottom: 5px;
}

dl.login dt {
  float: left;
  width: 120px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  padding-right: 3px;
  padding-top: 1px;
}

dl.login dd {
  margin-left: 120px;
  padding-bottom: 5px;
}

dl.payment dt {
  float: left;
  width: 200px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  padding-right: 3px;
  padding-top: 1px;
}

dl.payment dd {
  margin-left: 200px;
  padding-bottom: 5px;
}

.alert {
	font-weight: bold;
	color: #c00;
	text-align: center;
}

.amt {
	background-image: url(../images/field-amount.gif);
	background-repeat: no-repeat;
	padding-left: 11px;
}

.percent {
	background-image: url(../images/field-percent.gif);
	background-repeat: no-repeat;
	padding-right: 10px;
	width: 51px;
}

.buttonarea {
	background-color: #777;
	padding: 5px; 
	text-align: center;
}
.buttonarea input {
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #424242;
	border-right: 1px solid #424242;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #333;
	padding: 1px 30px;
}
.buttonarea .button, .formbutton {
	float: right;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #424242;
	border-right: 1px solid #424242;
	background-color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #333;
	padding: 1px 30px 3px 30px;
}
.buttonarea .button a {
	color: #900;
	text-decoration: none;
	display: block;
}

.negnumber {
	color:#C00;
}

.reporttable {
	width: 100%; 
	margin-top: 10px; 
	clear: both;
	font-size: .9em;
}

.reportheading {
	background-color: #4db749;
	color: #fff;
}

.editlink {
	text-decoration: none; 
	color: #000; 
	display: block;
}

.mouseoverrow {
	background-color: #FFC;
}
.selectedrow {
	background-color: #FC0;
}
.highlight {
	background-color: #e7e7e7;
}
.nohighlight { /* page background color */
	background-color: #fff;
}
.subhighlight {
	background-color: #f1f1f1;
}

.formlabelrequired {
	color: #73a6e6;
	font-weight: bold;
}
.formlabelerror {
	color: #c00;
	font-weight: bold;
}

.propertylist {
	border: 1px solid #fff;
	width: 100%;
}
.propertylist th {
	border: 0px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 2px 4px 2px 2px;
	background-color: #49b748;
}
.propertylist td {
	border-bottom: 1px solid #eee;
	padding: 2px;
}

.purchasesummary {
	border: 1px solid #fff;
	margin-bottom: 10px;
}
.purchasesummary th {
	border: 0px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 2px 5px;
	background-color: #999;
}
.purchasesummary td {
	background-color: #eee;
	border-top: 1px solid #fff;
	text-align: center;
	padding: 3px;
	font-weight: bold;
}
.purchasesummarynote {
	float: right; 
	font-style: italic; 
	width: 300px; 
	margin-top: 30px; 
}

.returnlink {
	float: right; 
	border: 1px solid #ced4e2; 
	width: 170px; 
	padding: 5px; 
	background-color: #fff; 
	text-align: center; 
	font-weight: bold;
}
.printlink {
	float: right; 
	border: 1px solid #ced4e2; 
	width: 45px; 
	padding: 5px; 
	margin: 5px 5px 0 0;
	background-color: #fff; 
	text-align: center; 
	font-weight: bold;
}
.printdirections {
	float: right; 
	border: 1px solid #ced4e2; 
	padding: 5px; 
	margin: 5px 5px 0 0;
	background-color: #fff; 
	text-align: center; 
	font-weight: bold;
}
.previouslink {
	float: right; 
	border: 1px solid #ced4e2; 
	width: 55px; 
	padding: 5px; 
	margin: 5px 5px 0 0;
	background-color: #fff; 
	text-align: center; 
	font-weight: bold;
}
.nextlink {
	float: right; 
	border: 1px solid #ced4e2; 
	width: 45px; 
	padding: 5px; 
	background-color: #fff; 
	text-align: center; 
	font-weight: bold;
	margin: 5px 0 0 0;
}
.returnlink a, .printlink a, .printdirections a, .previouslink a, .nextlink a {
	color: #73a6e6;
}

.reportphotos {
	background-color: #ccc;
	text-align: center;
}
.graphtabletoggle {
	float: right; 
	font-weight: bold;
}
.hideonprint { /* anything that doesn't otherwise have a class but shouldn't display on print versions */

}
.graphArea {
	/*
	background-image: url(../images/chart_load_bg.gif); 
	background-repeat: no-repeat; 
	background-position: center top;
	*/
}

.ordertable {
	margin-left: 5px;
	border: 0px;
}
.ordertable th {
	font-weight: bold;
	text-align: left;
	color: #777;
}
.printlogo {
	display: none;
}
.termsandconditions {
	width: 500px;
	height: 150px; 
	background-color: #ddd; 
	padding: 10px; 
	overflow: auto;
	margin-top: 10px;
}