input { font-family: monospace, sans-serif;  }
input.button { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }

h4 { border-bottom: 2px solid #000; }

th.header { cursor: pointer; }

#loginform {
	width:450px;
	margin:auto;
}

#loginform label { width: 150px; }

#PrintReport tr.oddRow td { background-color: #fff; }
#PrintReport tr.evenRow td { background-color: #eee; }

#PrintReport table { margin-left: 25px;}
#PrintReport th { background-color: #ccc; border-bottom: 2px solid #000; }
#PrintReport td, #PrintReport th { padding: 3px; }

#PrintReport #Header th { border: 1px solid #000;  }
#PrintReport #Header td { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

#UserListing,
#PrintReport #Header,
#Data, .Data,
#PrintReport .Summary {
	width: 95%;
	border: 1px solid #AAA;
}


#entryTable #del1 { display: none; }

#Data th,
#Data td,
.Data th,
.Data td,
.Summary th,
.Summary td {
	text-align: right;
}
#Data th,
.Data th { font-size: .7em; }

#Data .center,
.Data .center  { text-align: center; }


#Data td,
 .Data td {
	border-right: 1px solid #ccc;	
}	

#Data td.noborder,
.Data td.noborder  {
	border: 0;
}	


#PrintReport .Data tr.topFooter th,
#PrintReport .Data tr.topFooter td,
#PrintReport .Summary tr.topFooter th,
#PrintReport .Summary tr.topFooter td {
	border-top: 5px solid #000000;
}


#Data tr.footer th,
#Data tr.footer td,
#PrintReport .Data tr.footer th,
#PrintReport .Data tr.footer td,
#PrintReport .Summary tr.footer th,
#PrintReport .Summary tr.footer td {
	border-bottom: 5px solid #000;
}

.Data tr.footer .center,
#Data tr.footer .center,
#PrintReport .Summary tr.footer .center {
	text-align: center;
}

#Data td.costFlag,
.Data td.costFlag { font-weight: bold; color: #fc9; background-color: red; }

/* CLASSES */

.bordered { border: 2px solid #000; background-color: #eee; padding: 3px; }

.calendarButton {
	cursor: pointer; border: 1px solid red;
}

.optionlist { 
	width: 450px;
	font-size: 1.1em;
	border: 5px solid #ffddbb;
	margin-left: 30px;
}

.optionlist ul { list-style-type: disc; }

.optionlist h4 {
	font-size: 1.2em;
	background-color: #ccc; 
	padding: 5px;
	margin: 0;
}

.entryTable input { text-align: right; }
.entryTable input.button { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }

.entryTable td {
	text-align: right;
}

.formContainer { width: auto; margin-bottom: 15px;}
.btnContainer { 
	padding-top: 10px;
	text-align: center; 
}

/************************************
 STYLED classes for forms
************************************/

.styled table { margin-left: 25px;}
.styled th { background-color: #ccc; border-bottom: 5px solid #ffddbb; }
.styled td, .styled th { padding: 3px; }

.styled fieldset {
  margin-bottom: 10px;

}
.styled fieldset legend {
  padding: 5px;
  font-weight: bold;
  color: #000;
  font-size: 1em;
  background-color: #ffddbb;
  border: 5px solid #666;
}

.styled fieldset ol {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
.styled fieldset li {
  list-style-type: none;
  margin: 0;
  padding: 2px;
}

.styled fieldset li label {
  font-weight: bold;
  display:-moz-inline-box;
  display: inline-block;
  background-color: #eee; 
  margin-right: 20px;
}
.styled fieldset li span {
  padding: 0 2px;
}

.styled fieldset li label.nobgcolor {  
  background-color: transparent;
 }

.styled em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
.styled label {
  width: 200px;
  margin-right: 15px;
  padding: 3px;
}

.styled .indent200 input { 
	margin-left: 200px;	
}