/******* styles for all budget documents *******/

h1, h2, h3, h4 {
	text-align: left;
	text-transform:uppercase;
}
h1#exhibit {
	float:right;
	width:5em;
	font-size: 1.2em;
	border:none;
}
h3 {
	padding-bottom: 1em;
}
#contain_column2 h3 {
	padding-bottom: 0;
}
h4 {
	margin-top: .5em;
}
h4.pushedDown {
	margin-bottom: -1.2em;
	border-bottom: 1px dotted #ccc;
}
p.presentedby {
	text-align:center;
}
.hidden {
	visibility: hidden;
}
.version {
	font-size:.9em;
}
/* when using the redtext class to show revisions to figures put a 
<span class="revision">Revised</span> in the td with the redtext class.
If the redtext is just used to highlight the figure you do not need the span. */
.redtext {
	color:#C00;
}
/* moves the span off the page so that screen readers read the text but sited uers will not see it. */
.revised {
	position:absolute;
	left:-500px;
}
/************* table controls ****************/
table {
	border: none;
}
#data table {
	width: 100%;
}
/* This removes the ut styles for ths */
th {
	font-weight: normal;
	text-align: left;
	padding: 0 1em;
	vertical-align: top;
	background-color: #fff;
	color: #000;
	background-image: none;
	background-color:transparent;
	border-bottom:1px solid #eee;
}
td {
	padding: 0 1em;
	text-align: right;
	margin: 0;
	width: 10%;
}
.total, .subtotal {
	font-weight:bold;
}
.subtotal th {
	font-weight: bold;
}
tr.subtotal td, tr.aboveTotals td {
	border-bottom: 1px solid #333;
}
.total td {
	text-align: right;
	border-bottom: 1px solid #ccc;
}
.total th, .total td {
	font-weight: bold;
}
tr.lastRow th, tr.lastRow td {
	border-bottom: none;
}
div.shrink table td, div.shrink table th {
	font-size: 80%;
	margin: 1em 0;
}
#enroll_target table {
	width:100%;
}
#enroll_target td {
	text-align: center;
}
#enroll_target .toprow th {
	width: 24.5%;
}
/* use this class on trs that you want to have the default th styles */
tr.toprow th, tr.toprow td {
	font-weight:bold;
	padding:8px;
	border-bottom:1px solid #ddd;
	background-color:#eee;
	background-image: url(/misc/depot/assets/UT/bk_lightgray_gradient.gif);
	background-repeat: repeat-x;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	padding:8px;
}
td.thinCol td {
	width: 2em;
}
tr.grandtotal th, tr.grandtotal td {
	border-top: 1px solid #000;
	border-bottom: 3px double #000;
	font-weight: bold;
	background-color: #ccc;
}
.grandtotal2 th {
	vertical-align: middle;
	padding-left:5em;
	line-height: 3em;
}
.grandtotal2 td {
	border-bottom: 3px double #000;
}
tr.pretotal td, .postposttotal td {
	border-bottom: 1px solid #333;
}
.posttotal th {
	padding-left:5em;
}
.postposttotal th {
	padding-left:10em;
}
.subposttotal td {
	border-top: 1px solid #000;
	line-height: 3em;
}
.subposttotal th {
	vertical-align: middle;
	padding-left:10em;
}
.subpostline td {
	border-bottom: 1px solid #000;
}
.subposttotal2 th {
	padding-left: 2em;
}
.subposttotal3 th {
	padding-left: 5em;
}
.posttotal2 th {
	vertical-align: middle;
}
.spaceposttotal2 th {
	vertical-align: middle;
	padding-left: 5em;
	line-height: 3em;
}
.spaceposttotal th {
	vertical-align: middle;
	line-height: 3em;
}
/* These classes are used when you want a dollar sign to float to the 
left and the figure to float to the right within a td.
Put the contain_dollars class on the td and the dollars 
class on a span around the dollar sign. It would be nice to have a 
javascript that wrapped the dollar sign with the dollar span. */
.dollars {
	display:block;
	float:left;
	margin-left:-2em;
}
td.contain_dollars {
	padding-left:3em;
	width:9em;
}