/* -----------------------------------------------------
  Primary style
----------------------------------------------------- */
body {
	background-color: rgb( 255, 255, 255 );
	color: rgb( 0, 0, 0 );
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
.form input {
	width: 160px;
}
a {
	cursor: pointer;
	text-decoration: underline;
	color: rgb( 33, 5, 1 );
}
img {
	border: none;
	margin: 0;
}
h1 {
	font-size: 12px;
	padding: 0;
	margin: 0px;
}
h2 {

    /*color: rgb( 51, 102, 204 )*/
	color: rgb( 33, 5, 1 ); /* dark brown */
}
hr {
	color: rgb( 128, 128, 128 );
	clear: both;
}
label {
	padding-right: 1em;
}
#pagewrapper {
	background-color: rgb( 255, 255, 255 );
	color: rgb( 0, 0, 0 );
	margin: 0;
	padding: 0;
	width: 100%;
}
#masthead {
	background-color: rgb( 255, 204, 153 ); /* light tan */
	/*background-color: #CCFF99;*/
	color: #003366;
	/*border-bottom: 2px solid rgb( 0, 64, 128 );*/
	border-bottom: 2px solid rgb( 33, 5, 1 );
	padding: .5em 1em .5em 1em;
	margin: 0;
}
#pagebody {
    margin-top: 10px;
    margin-bottom: 10px;
}
#content {
	background-color: rgb( 255, 255, 255 );
	color: rgb( 0, 0, 0 );
	padding: 2em 0em 2em 1.5em;
	display: block; /* so forms don't wrap under the navigation */
	margin-left: 15em;
}
#sitenav {
	    float: left;
	padding: 0em 2em 2em 0em;
	text-align: left;
	width: 15em;
}
#sitenav h2 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: .25em .25em .25em 1.5em;
	border-bottom: 2px solid rgb( 33, 5, 1 );
	margin: 3em 0em 0em 0em;
}
#sitenav ol {
	margin: 0em 0em 3em 0px;
	padding: 0 0 0 0;
    list-style-type: none;
}
#sitenav ol li {
	padding: .25em 1.5em .25em 1.5em;
	border-bottom: 2px solid rgb( 255, 204, 153 ); /*rgb( 192, 223, 255);*/

}
#sitenav ol li:hover {
	background-color: rgb( 255, 244, 203 );
	cursor: pointer;
}
#sitenav a { font-weight: normal; }
#sitenav a:link { color: rgb( 33, 5, 1 ); text-decoration: none; }
#sitenav a:visited { color: rgb( 33, 5, 1 ); text-decoration: none; }
#sitenav a:active { color: rgb( 33, 5, 1 ); text-decoration: none; }
#sitenav a:hover { background-color: rgb( 255, 244, 203 ); color: rgb( 33, 5, 1 ); text-decoration: none; }
#footer {
	clear: both;
	width: 100%;
	background-color: rgb( 255, 204, 153 ); /* light tan */
	margin: 0em;
	padding: 0em;
	border-top: 2px solid rgb( 33, 5, 1 ); /*dark brown*/ /*rgb( 0, 64, 128 );*/
	text-align: right;
}

/* -----------------------------------------------------
  Secondary style
----------------------------------------------------- */
/* ====================== 
	SITENAV LOGO 
========================= */
.logo {
    /*background-image: url( temple_logo.png );*/
    /* background-color: #E6F3FF;*/
	background-color: rgb( 33, 5, 1 );
	background-position: top center;
	background-repeat: no-repeat;
	padding: .5em .5em .5em .5em;
}
.logo img {
	border: 3px solid rgb( 33, 5, 1 ); /*dark brown*/ /*rgb( 0, 51, 102 );*/
	padding: .25em;
}
/* ====================== 
	FORMS
========================= */

.form {
	margin: 10px 10px 0px 10px;
}
.form ol {
	list-style-type: none;
}
.form ol label,
.form ol .hint {
	display: block;
	float: left;
	height: 1.5em;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-right: 1em;
	vertical-align: middle;
}
.form ol input,
.form ol button,
.form ol select,
.form ol textarea {
	display: block;
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
	vertical-align: middle;
}
.form ol input {
    margin: .25em;
}
.form ol label {
   	text-align: right;
	width: 12em;
}
.form ol textarea {
	height: 10em;
	width: 20em;
}
.form ol li {
	clear: left;
}

/* ====================== 
	LOGIN FORM 
========================= */
.text1 {
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: rgb( 0, 0, 0 );
	font-family: "Times New Roman", Times, serif;
}
.text2 {
	font-size: 14px;	
	line-height: 1.5em;
	font-weight: bold;
	color: rgb( 0, 0, 0 );
	font-family: "Times New Roman", Times, serif;
}
.login {
	border: 1px solid rgb( 33, 5, 1 ); /*light brown*/ /*rgb( 0, 51, 102 );*/
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 0em;
	width: 30em;
}
.login_head {
	border-bottom: 1px solid rgb( 33, 5, 1 );
	background-color: rgb( 255, 204, 153 ); /*light brown*/ /*rgb( 0, 51, 102 );*/
	text-align: center;
}
.login_body {
	background-color: rgb( 255, 255, 255 );
	/*border: 3px solid rgb( 33, 5, 1 );*/ /*light brown*/ /*rgb( 0, 51, 102 );*/
}
.login_body label {
	text-align: left;
}
.login_body button {
	float: left;
}
.login_head h2 {
	font-size: 12px;
	margin: 0px;
	padding: 3px;
	text-align: left;
}
.login_body #member_email, login_body #member_password {
	width: 15em;
}
#button_add {
	width: 4em;
}
/* ====================== 
	HELP
========================= */
.help {
	font-size: 14px;
	width: 30em; /* set it to the same size as the window above it */
	font-size: 14px;
}
.help p {
	text-align: left;
}
.hidden {
    display: none;
}
.visible {
    display: block;
}
/* ====================== 
	REPORTS
========================= */
.table_report {
         border-spacing: 0;
         border-collapse: collapse;
         /*page-break-after: always;*/
         margin-bottom: 1.5em;
		 
}
.table_report {
    border-top: 1px solid rgb( 0, 0, 0 );
    border-bottom: 1px solid rgb( 0, 0, 0 );
	width: 100%;
}
.table_report td, .table_report th {
    padding: 3px;
}
.table_report th {
    border: 1px solid rgb( 224, 224, 224 );
}
.table_report td {
	border: 1px solid rgb( 224, 224, 224 );
}

.table_report .amount {
    display: block;
    float: right;
}
.table_report .total {
    display: block;
    float: right;
}
.table_report .key {
    font-weight: bold;
}
#table_report_payment_types {
	font-size: 12px;
		width: 800px;
}
#table_report_payment_types td, #table_report_payment_types th {
	padding: 1px;

} 
.required_indicator {
	color: #990000;
}
.currency {
  display: block;
  text-align: right;
  
}
.currency_total {
    text-align: right;
    /*color: rgb( 255, 204, 153 );*/
	background-color: rgb( 255, 204, 153 );
    font-weight: bold;
}
.break_row td {
	border-bottom: 1px solid rgb( 0, 0, 0 );
}
.user_message {
	color: #006600;
	font-weight: bold;
}
.highlight_bold {
	font-weight: bold;
}
.report_main_heading {
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
			display: block;
		margin-left: auto;
		margin-right: auto;
		width: 900px;
}
.table_checkboxes {
    margin-left: 25px;
}
.table_checkboxes td {
    padding-right: 2em;
}
.reports_wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.deprecated {
	display: none;
	width: 0px;
	height: 0px;
}
@media print {
/* hide the header and footer when printing */	
	#masthead {
		display: none;
		width: 0;
		height: 0;
	}
	#footer {
		display: none;
		width: 0;
		height: 0;	
	}
	#sitenav {
			display: none;
		width: 0;
		height: 0;	
	}
	.newpage {
		page-break-before: always;
	}
	/*.report_main_heading {*/
		/*margin-top: 84px; */
		/* this is from erik's research where 6 breaks is enough space at the top */

	/*}*/
	
}