body {
	font-family: Arial, Helvetica, sans-serif;background-color:#F0F0F0;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	
}.table-light {
	background-color: #F0F0F0; /*#f8f8f8;*/
	color: #333333;
	text-transform: lowercase;
	font-size: 12px;
	
}.table-light a {
	font-size: 12px;
	background-color:#f8f8f8;
	color: #333333;
	text-transform: lowercase;
	text-decoration: underline;
	
	
}.table-light a:hover {
	font-size: 12px;
	background-color: #F0F0F0; /*#f8f8f8;*/
	color: #003399;
	text-transform: lowercase;
	
}
.table-dark {
	font-size: 11px;
	background-color: #F0F0F0 /*#dcdde2;*/
}
.instructions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
p {
	font-size: 11px;
}

a {
	color:#333333;
}

a:hover {
	color:#8A853E;
}

/* Dojo Styles */ 


/***
The following is just an example of how to use the table.
You can override any class names to be used if you wish.
***/

table#testTable {
  font-family:Lucida Grande, Verdana;
  font-size:0.8em;
  width:85%;
  border:1px solid #ccc;
 /* cursor:default;*/
}

* html div.tableContainer {/* IE only hack */
  width:95%;
  border:1px solid #ccc;
  height: 285px;
  overflow-x:hidden;
  overflow-y: auto;
}

table#testTable th{
  border-right:1px solid #999;
  padding:2px;
  font-weight:normal;
  color:#FFFFFF;
  font-size:11px;
}
table#testTable td, th{
  border-right:1px solid #999;
  font-weight:normal;
  font-size:11px;
  color:#333333;
}
table#testTable thead td, thead th {
  background:#777C82;
  padding:5px;
}

* html div.tableContainer table thead tr td,
* html div.tableContainer table thead tr th{
  /* IE Only hacks */
  position:relative;
  
}

table#testTable  tbody.scrollContent {
  /*height: 262px;*/
  overflow-x:hidden;
  overflow-y: auto;
}

table#testTable tbody.scrollContent td, tbody.scrollContent tr td {
  /*background: #FFF;*/
  padding: 5px;
}

table#testTable tbody.scrollContent tr.alternateRow td {
  background: #e3edfa;
  padding: 5px;
}

table#testTable tbody.scrollContent tr.selected td {
  background: #D7D7D7;
  padding: 5px;
}
table#testTable tbody.scrollContent tr:hover td {
  background: #D7D7D7; /*#a6c2e7;*/
  padding: 5px;
}

.dojoMenuBar2 {
border-top:1px solid #d4d4d4;
}

#errors {
  margin: 0px auto;
  width: 40%;
  border: 1px solid #a00;
  padding: 1em;
  color: #a00;
  background-color: #fee;
}

#errors ul {
  font-size: 11px;
  padding: none;
}

span.required {
	color: #900;
}

#errors {
  margin: 0px auto;
  width: 40%;
  border: 1px solid #a00;
  padding: 1em;
  color: #a00;
  background-color: #fee;
}

#errors ul {
  font-size: 11px;
  padding: none;
}

span.required {
	color: #900;
}