table.listing { text-align:center; width:100%; }
table.listing tr.header { background:#cec; font-weight:bold; }
table.listing tr.header td { }
table.listing tr td { padding:3px 10px 3px 10px; width:auto; }
table.listing tr.odd { background:#ddf; }
table.listing tr.even { background:#ddd; }
table.listing tr.row:hover { background:#ee9; cursor:pointer; }
table.listing tr.totals {  }

div.stdform { float:left; width:25%; height:200px; padding:10px; text-align:right; }
div.stf_odd { background:#ddf; }
div.stf_even { background:#ddd; }
div.stdform_title { text-align:center; font-weight:100; font-size:20px; margin-bottom:15px; width:100%; background:#555; color:#ccf; }
div.stdform_submit { clear:both; width:100%; height:60px; background:#cfc; }
div.stdform_submit div { padding:10px; text-align:right; }

div.stdform input, 
div.stdform textarea { width:60%; }

div.stdform select { width:62%; }

div.stdform_submit div input { padding:5px 10px 5px 10px; }

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}