body {
	background: #3A3A3C;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-size: 12px;
	color: #333333;
	margin: 10 0 20px;
}
#mast {
	background: #6D8877; 
}
#mast a {
	color: #F2F2F2;
	text-decoration: none;
}
/*main structure elements*/
#contain {
	margin: 0 15px;
}
#containapp {
	margin: 0 15px;
}
#main {
	margin: 0px 0;
/*	position: relative;  This causes javascript popup controls (calendar and overlib) to have the wrong "y" coordinates. */
/*	padding: 1px;*/
	/*border: 1px solid #ABC0D5;*/
}
#primarypanel {
	clear: both;
	background: #ffffff;
	padding: 10px;
/*	width: 710px;*/
}	 	 
#footerwrapper {
	position: absolute;
	bottom: 0;
}
#footer {
	background: #fff;
	color: #424242;
	margin-bottom: 4px;
	padding: 2px 6px 2px 2px;
	font-style: italic;	
}
#formwrapper {
	background: #fff;
	border-right:1px solid #C28D10;
	border-left:1px solid #C28D10;
	border-bottom:5px solid #C28D10;
	margin: 0px;
}
#formtitle {
	background: #E9A713;
	border-top: 1px solid #C28D10;
	border-bottom: 1px solid #C28D10;
	margin: 0px;
}
#formcontent {
	background: #fff;
	margin: 10px;
}
#tdreportheader {
	background: #fff;
	margin: 10px;
	font-size: 10px;
	font-weight: bold;
}
#errormessageswrapper {
	border: 1px solid red;
	margin-bottom: 5px;
}
#errormessagetitle {
	color: red;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 10px;
}
#errormessagetitle img {
	margin-right: 5px;
	vertical-align: middle;
}
#errormessages {
	color: red;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 35px;
}
#usermessage {
	color: #006699;
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS", Georgia, Verdana;
	margin-top: -8px;
	padding-bottom: 10px;
}
#forminstructions {
	font-size: 12px;
	color: #888888;
}
#requiredfields{
	color: red;
	margin-top: 5px;
	margin-bottom: 5px;
}
 
/*nav------------------------------------------*/
#menubar {
	padding-top: 36px;
	background: #fff;
	border-bottom: 2px solid #424242;
}

/*headers--------------------------*/
h1 {
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-size: 24px;
	color: #F2F2F2;
}	 
h2 {
	font-family:  "Trebuchet MS", Georgia, Verdana;
}	
h3 {
	font-family: "Trebuchet MS", Georgia, Verdana;
}	
h4 {
	font-family: "Trebuchet MS", Georgia, Verdana;
}	
#mast h2 {
/*	margin: 0 0 3px;*/
	font-size: 14px;
}
#mast h3 {
/*	margin: 0 0 3px;*/
	font-size: 13px;
	font-style: italic;	
}
#formtitle h2 {
	margin: 0;
	padding: 5px 5px 5px 15px;	
	color: #fff; 
	font-size: 18px;
	border-bottom: 0px;
	white-space: nowrap;
	font-weight: normal;
	font-family: "Trebuchet MS", Georgia, Verdana;
}
#formtitle h3 {
	margin: 0;
	padding: 5px 5px 5px 15px;	
	color: #fff; 
	font-size: 14px;
	border-bottom: 0px;
	white-space: nowrap;
	font-weight: normal;
	font-family: "Trebuchet MS", Georgia, Verdana;
}
#primarypanel h3 {
	margin-top: -5px;
	font-size: 12px;
}
#formcontent h3 {
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: 10px;
	border-bottom: 0px;
	white-space: nowrap;
	font-weight: bold;
	color: #E9A713;
}
#formcontent h4 {
	font-size: 16px;
	border-bottom: 0px;
	white-space: nowrap;
	font-weight: normal;
	color: #FF6633;
}

/*form elements-----------------------*/
form {margin: 0;
	padding: 0; 
	color: #1E354E; }
#fieldset {
	background: #FAFAFA;
	border: 1px solid #C1C1C1;
	padding: 5px;
	margin: 5px 0;
}	
#fieldset h2 {
	font-size: 12px;
	margin: 15px;
}
#fieldset h3 {
	background: #F0F0F0;
	border-bottom: 1px solid #C1C1C1;
	margin: 0;
	padding: 5px;
	font-size: 12px;
}

input, select, textarea {
	color: #1E354E;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-size: 11px;
}	
.strong {font-weight: bold; }		
label {
	font-weight: bold;
	font-size: 11px;
}	
.formtext {
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-size: 11px;
}
.btnrowleft {
	text-align: left;
	padding:  2px 0;
	white-space: nowrap;
}
.btnrowleft a {
	text-decoration: none;
}
.btn, .btnmini, .btnnomargin {
	background: #6D8876 url(../images/btnbg.gif) repeat-x left top; 
	border: 1px solid #607767;
	border-color: #607767 #607767 #607767;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;	
	margin: 3px;
	padding: 2px;
	text-decoration: none;
}
.btnnomargin {
	margin: 0px;
}
.btnmini {
	background: #6D8876 url(../images/btnminibg.gif) repeat-x left top; 
	font-weight: normal;
	font-size: 10px;	
	margin: 3px;
	padding: 0px;
}
button {cursor: pointer; }
button img {vertical-align: middle; padding-left: 5px;}
/*tables---------------------------*/
.headertable {
	border-collapse: collapse;
	border-width: 0px;
	padding: 0px;
}
.headertable td {
	border-width: 0px;
	padding: 0px;
	font-size: 11pt;
	text-align: left;
	vertical-align: middle;
}
.plaintable {
	background: #FAFAFA;
	border-collapse: collapse;
	border-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	width: 950px;
}
/* IE hack. IE can't understand this one, so it will use the width above.
   All other browsers will use this one. */
html>body .plaintable {
	width: 100%;
}
.plaintable th{
	background-color: #888888;
	border-collapse: collapse;
	border-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	color: #FAFAFA;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-size: 10pt;
	font-weight: bold;
	padding: 3px;
	text-align: left;
	vertical-align: bottom;
}
.plaintable td{
	background: #FAFAFA;
	border-collapse: collapse;
	border-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	font-size: 9pt;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
.plaintable td.expense-group {
	font-size: 13pt;
	font-weight: bold;
	padding-top: 15px;
}
.simpletable {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
/*	width: 95%;  Let IE size the table itself or else weird stuff happens. */
	width: 100%;
}
/* IE hack. IE can't understand this one, so it will use the width above.
   All other browsers will use this one. */
html>body .simpletable {
/*	width: 100%;*/
}
.simpletable thead tr {
	background-color: #888888;
}
.simpletable tr.even {
	background-color: #FFFFFF;
}
.simpletable tr.odd{
	background-color: #EEEEEE;
}
.simpletable tr.total{
	background-color: #F8DFA5;
}
.simpletable th{
	text-align: left;
	vertical-align: bottom;
	font-size: 12pt;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-weight: normal;
	color: #FFFFFF;
	padding: 5px 15px 5px 5px;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
}
.simpletable td{
	border-color: #CCCCCC;
	text-align: left;
	vertical-align: middle;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	padding: 0px 5px 0px 5px;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
}
.simpletable td.centered {
	border-color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}
.simpletable td.RJustified {
	text-align: right;
}
.simpletable td.LJustified {
	text-align: left;
}
.simpletable td.expenseDate {
	white-space: nowrap;
}
.simpletable td a{
	text-decoration: underline;
	font-weight: normal;
	color: #0000FF;
}
.simpletable td a:hover {
	background: #FFFFFF;
	color: #999999;
}
.simpletable thead a{
	text-decoration: underline;
	font-weight: normal;
	color: #FFFFFF;
}
.simpletable thead a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #FFFFFF;
}
.simpletable thead a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #FFFFFF;
}
.simpletable th.sortable a, th.sortable a:visited, th.sortable a:hover{
	background-position: left;
/*	display: block;*/
    background-color: transparent;
    width: 100%;
}
.simpletable th.sorted a, th.sorted a:visited, th.sorted a:hover{
	color: #DDDDDD;
	background-position: left;
/*	display: block;*/
    background-color: transparent;
    width: 100%;
}
.simpletable th.sortable a {
	background-image: url(../images/sort-none.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 11px;
}
.simpletable th.sortable a:hover {
	background-repeat:no-repeat;
	color: #DDDDDD;
}
.simpletable th.order1 a, th.order1 a:hover {
	background-image: url(../images/sort-asc.gif);
	background-repeat:no-repeat;
	color: #DDDDDD;
	padding: 0px 0px 0px 11px;
}
.simpletable th.order2 a, th.order2 a:hover {
	background-image: url(../images/sort-desc.gif);
	background-repeat:no-repeat;
	color: #DDDDDD;
	padding: 0px 0px 0px 11px;
}
.admintable {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	width: 900px;
}
/* IE hack. IE can't understand this one, so it will use the width above.
   All other browsers will use this one. */
html>body .admintable {
/*	width: 100%;*/
}
.admintable thead tr {
	background-color: #888888;
}
.admintable tr.even {
	background-color: #FFFFFF;
}
.admintable tr.odd{
	background-color: #EEEEEE;
}
.admintable th{
	text-align: left;
	vertical-align: bottom;
	font-size: 10pt;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 15px 5px 5px;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
}
.admintable td{
	border-color: #CCCCCC;
	text-align: left;
	vertical-align: middle;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	padding: 0px 5px 0px 5px;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
}
.admintable td a{
	text-decoration: underline;
	font-weight: normal;
	color: #0000FF;
}
.admintable td a:hover {
	background: #FFFFFF;
	color: #999999;
}
.admintable thead a{
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
.admintable thead a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
.admintable thead a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
.admintable th.sortable a, th.sortable a:visited, th.sortable a:hover{
	background-position: left;
/*	display: block;*/
    background-color: transparent;
    width: 100%;
}
.admintable th.sorted a, th.sorted a:visited, th.sorted a:hover{
	color: #DDDDDD;
	background-position: left;
/*	display: block;*/
    background-color: transparent;
    width: 100%;
}
.admintable th.sortable a {
	background-image: url(../images/sort-none.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 18px;
}
.admintable th.sortable a:hover {
	background-repeat:no-repeat;
	color: #DDDDDD;
}
.admintable th.order1 a, th.order1 a:hover {
	background-image: url(../images/sort-asc.gif);
	background-repeat:no-repeat;
	color: #DDDDDD;
	padding: 0px 0px 0px 18px;
}
.admintable th.order2 a, th.order2 a:hover {
	background-image: url(../images/sort-desc.gif);
	background-repeat:no-repeat;
	color: #DDDDDD;
	padding: 0px 0px 0px 18px;
}

.tdreporttable {
	border-collapse: collapse;
}
.tdreporttable tr.total{
	background-color: #F8DFA5;
}
.tdreporttable td.total{
	font-weight:bold;
}
.tdreporttable th{
	background-color: #BBBBBB;
	text-align: left;
	vertical-align: bottom;
	font-size: 10px;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-weight: bold;
	color: #000000;
	padding: 5px 15px 5px 5px;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
}
.tdreporttable td{
	border-color: #CCCCCC;
	text-align: left;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding: 0px 5px 0px 5px;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
}
.tdreporttable td.RJustified {
	text-align: right;
}
.tdreporttable td.RJustifiedTotal {
	text-align: right;
	font-weight:bold;
}
.tdreporttable td.expenseDate {
	white-space: nowrap;
}
.tdreporttable td.grouping {
	font-weight:bold;
	border: 0px;
}
.tdreporttable td.blankrow{
	border: 0px;
}

.debttable {
	border: 0px;
	width: 1px;
}
.debttable th{
	background-color: #CCCCCC;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-weight: bold;
	color: #000000;
	padding: 2px;
}
.debttable td{
	border-color: #CCCCCC;
	text-align: left;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding: 0px;
}
.debttable td.RJustified {
	text-align: right;
}

.filtertable {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	width: 100%;
}
.filtertable td{
	border-color: #CCCCCC;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 5px 10px 5px 10px;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: dotted;
	border-collapse: collapse;
}
.filtertable td.instructions{
	color: #888888;
	font-weight: normal;
}
.filtertable th{
	text-align: left;
	vertical-align: bottom;
	font-size: 12pt;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-weight: normal;
	color: #FFFFFF;
	padding: 5px 15px 5px 5px;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	background: #888888;
}

.budgettable {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	padding: 0px;
	background: #FAFAFA;
	width: 480px;
}
.budgettable thead tr {
	background-color: #888888;
}
/*.budgettable tr.even {
	background-color: #FFFFFF;
}
.budgettable tr.odd{
	background-color: #EEEEEE;
}*/
.budgettable td.total{
	background-color: #F8DFA5;
}
.budgettable td.totalcenter {
	background: #F8DFA5;
	text-align: center;
}
.budgettable td.totalright1 {
	background: #F8DFA5;
	text-align: right;
	padding-right: 18px;
}
.budgettable td.totalright2 {
	background: #F8DFA5;
	text-align: right;
}
.budgettable td.category{
	white-space: nowrap;
}
.budgettable tr.group{
	background-color: #DDDDDD;
}
.budgettable th{
	background-color: #888888;
	color: #FFFFFF;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-weight: bold;
	padding: 5px;
}
.budgettable td{
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
}
.budgettable td.amount{
	font-size: 9pt;
	color: #000000;
	white-space: nowrap;
}
.budgettable td.right{
	text-align: right;
}
.budgettable td.left{
	text-align: left;
}
.budgettable td.right-light{
	text-align: right;
	color: #CCCCCC;
}
.budgettable td.left-light{
	text-align: left;
	color: #CCCCCC;
}
.budgettable td.center{
	text-align: center;
}
.budgettable td a{
	text-decoration: underline;
	font-weight: normal;
	color: #0000FF;
}
.budgettable td a:hover {
	background: #FFFFFF;
	color: #999999;
}
.budgettable td.spacer{
	border: none;
	height: 5px;
}
.titletable {
	border: none;
}
.titletable td {
	background: #E9A713;
	border: none;
}
.solutiontable {
	background: #FAFAFA;
	border-collapse: collapse;
	border-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	width: 100%;
}
.solutiontable th{
	background-color: #424242;
	border-collapse: collapse;
	border-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	text-align: left;
	vertical-align: bottom;
}
.solutiontable td{
	background: #FAFAFA;
	border-collapse: collapse;
	border-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}

.defaultTdCategoryTable {
	background: #FAFAFA;
	border-collapse: collapse;
	border-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	width: 100%;
}
.defaultTdCategoryTable th{
	background-color: #888888;
	border-collapse: collapse;
	border-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	text-align: left;
	vertical-align: bottom;
}
.defaultTdCategoryTable td{
	background: #FAFAFA;
	border-collapse: collapse;
	border-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
.blanktable {
	border-collapse: collapse;
	border-width: 0px;
	padding: 0px;
	width: 100%;
}
.blanktable td {
	border-width: 0px;
	padding: 0px;
}
.blanktable td.right{
	text-align: right;
}
.blanktable td.left{
	text-align: left;
}
.blanktable td.center{
	text-align: center;
}
.blanktable td.rightpad{
	padding-right: 5px;
}
.budget2table {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	background: #FAFAFA;
	width: 580px;
}
.budget2table tr{
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}
.budget2table tr.evenrow {
	background-color: #FFFFFF;
}
.budget2table tr.oddrow {
	background-color: #EEEEEE;
}
.budget2table th{
	background-color: #888888;
	color: #FFFFFF;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	vertical-align: bottom;
	font-size: 13px;
	font-family: "Trebuchet MS", Georgia, Verdana;
	font-weight: bold;
	padding: 5px;
}
.budget2table td{
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}
.budget2table td.right{
	text-align: right;
}
.budget2table td.amount{
	font-size: 9pt;
	color: #000000;
	white-space: nowrap;
}
.budget2table td.nowrapp{
	white-space: nowrap;
}
#calcoutput {
	padding:0px 0px 0px 10px;
	margin:0px 0px;
	text-align: left;
}	
#calcoutput h2 {
	font-size: 15px;
	font-weight: bold;
	color: #807C59;
}
.calcoutputtable{
	text-align: left;
	background: white;
	/*
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	*/
	padding: 0px;
}
/* IE hack. IE can't understand this one, so it will use the width above.
   All other browsers will use this one. */
html > body .calcoutputtable {
	width: 100%;
}
.calcoutputtable td{
	text-align: left;
	vertical-align: middle;
	font-size:14px;
	font-weight: normal;
	color:#333333;
	padding: 10px 10px 0px 0px;
}

.det07resulttable {
	background: white;
	border-color: #AAAAAA;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
}
.det07resulttable th{
	text-align: center;
	vertical-align: bottom;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	background:#CCCCCC;
	font-size:13px;
	font-family:"Trebuchet MS", Georgia, Verdana;
	font-weight: bold;
	color:#000000;
	padding: 5px;
}
.det07resulttable td{
	text-align: center;
	vertical-align: top;
	border-right:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	font-size:12px;
	font-weight: normal;
	color:#333333;
	padding: 5px;
}

.det07resulttable td.tdcenter {
	text-align: center;
}

.det07resulttable td.redbold {
	font-weight: bold;
	color:red;
}

.det07resulttable td.greenbold {
	font-weight: bold;
	color:#8CC718;
}

.notes{
	text-align: left;
	font-size: 10pt;
	color: #AAAAAA;
	font-weight: normal;
}

/*misc------------------------------*/
.required {
	text-align: right;
	color: red;
	font-size: 12px;
	padding-right: 2px;
}
.labelcol {
	width: 1%;
	white-space: nowrap;
}
.help {
	color: #687A5C;
	font-weight: normal;
	font-size: 14px;
}
.tinytext {
	color: #687A5C;
	font-weight: normal;
	font-size: 11px;
}
.exportlinks {
	background: #DFDFDF;
	border: 1px solid black;
	margin: 10px 0 0 0;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
}
.exportlinks a {
	text-decoration: none;
}

.total {
	background: #F8DFA5;
}

.addrow td{
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.disclaimer {
	font-size: 12px;
	color: #686868;
	margin: 10px;
	font-style: italic;	
}

/*hax-------------------------------*/
#mast:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#mast {display: inline-table;}
/* Hides from IE-mac \*/
* html #mast {height: 1%;}
#mast {display: block;}

/* End hide from IE-mac */

.helpimg{
	border:none;
}