/*  $Header: /usr/local/cvsroot/district/web/css/default.css,v 4.27.2.1 2007/11/15 00:08:37 jpd Exp $  */



/******** Tables ********/

table.center {
	margin-left:auto;
	margin-right:auto;
}

table.alignment {

}

table.alignment td {
	vertical-align:top;
}
table.alignment td.label {
	text-align:right;
	text-valign:top;
}


table.report {
	margin-left:auto;
	margin-right:auto;
	width:99%;
	border:solid 1px black;
	empty-cells:show;
	rules:all;
	border-collapse:collapse;
}
table.report th {
	vertical-align:top;
	border:solid 1px black;
	padding:3px;
}
table.report td {
	vertical-align:top;
	border:solid 1px black;
	padding:3px;
}

table.selectCriteria {
}
table.selectCriteria .label {
	font-weight:bold;
}
table.selectCriteria .info {
	font-weight:normal;
}

table.criteriaFooter {
	margin-left:auto;
	margin-right:auto;
	border:solid 1px black;
	empty-cells:show;
	rules:all;
	border-collapse:collapse;
}
table.criteriaFooter th {
	vertical-align:top;
	padding:3px;
	border:solid 1px black;
}
table.criteriaFooter td {
	vertical-align:top;
	padding:3px;
	border:solid 1px black;
}



/******** Headers ********/

/* Blue header at the top of the page */
.pageHeader { 
	font:bold 110% arial,helvetica;
	color:#0000cc;
}

.reportMainHeader {
	font-weight:bold;
	font-size:200%;
	text-align:center;
}

.reportSubHeader {
	font-size:100%;
	font-weight:bold;
	text-align:center;
}

/* Report header information, such as date. "label" would be the word "Date",
	itself, and "info" would be the actual date */
.reportSubHeader span.label {
	margin-left:7px;
}

.reportSubHeader span.info {
	font-weight:normal;
	margin-right:7px;
}


/******** Widgets ********/

div.fakeSelect {
	border:solid 2px;
	border-color:#7b7d7b #f7f7f7 #f7f7f7 #7b7d7b;
	background-color:#ffffff;
	overflow:auto;
	padding-left:2px;
}

div.fakeOption {
	width:100%;
	cursor:pointer;
}
div.fakeOption:hover {
	color: HighlightText;
	background-color: Highlight;
}
div.fakeOptionCannotDelete {
	color: GrayText;
}

/******** Icons ********/

.receiptLink,
.locked,
.mixed_locked,
.unlocked {
	display:-moz-inline-box; /* Mozilla */
	display:inline-block; /* IE, Opera and Safari */
	font:0/0 arial;
	background-image:url(/graphics/icons.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	cursor:pointer;
	margin-right:3px;
	vertical-align:text-bottom;
}

.locked,
.mixed_locked,
.unlocked {
	height:22px;
	width:27px;
}

.locked {
	background-position:0px 0px;
}

.mixed_locked {
	background-position:0px -27px;
}

.unlocked {
	background-position:0px -54px;
}

.receiptLink {
	height:14px;
	width:14px;
	background-position:-125px 0px;
}

.textOverIcon {
	font-size:small;
}

.iconContainer {
	white-space: nowrap;
}



/******** Errors and Messages ********/

/* Message indicating no records were found when running a report */
.noRecordsMsg { 
	font:bold 150% serif;
	text-align:center;
}

/* red box listing errors from a process */
.errorList {
	margin:1em;
	padding:.3em;
	background-color:red;
	font-family:arial;
	font-size:10pt;
	text-align:left;
	border:1px solid black;
}
.errorList div {
	position:relative;
	left:1em;
	font-style:italic;
}


input.required, select.required {
	background-color:yellow;
}

input.hasError, select.hasError {
	border:thin solid red;
}



/******** Formatting ********/

/* Group a set of options or prompts within an inset box */
.optionsBox {
	width:50%; /* width can be overridden with the style attribute if necessary */
	margin:.5em;

	background-color:#deecfc;
	border-top:thin solid #bccada;
	border-left:thin solid #bccada;
	border-right:thin solid #effdff;
	border-bottom:thin solid #effdff;

}

.optionsBox div { padding:.3em } /* each line within the box */


/* highlight and highlight2 should be used toghether to alternately highlight a table or list */
.highlight  { 
	background-color:#deecfc
}
.highlight2 {  }

/* the currently selected item, perhaps by the user interactively */
/* Note:"selected" is already used by yui menus */
.selectedItem   { 
	border:thin dotted gray;
}
.selectedItem td {
	border-top:thin dotted gray;
	border-bottom:thin dotted gray;
	empty-cells:show;
}

.alert_font {
	font-family:arial, helvetica;
	font-size:12pt;
	font-weight:bold;
}

.fine_print {
	font-family:helvetica;
	font-size:8pt;
}

.note {
	font-style:italic;
	font-size:80%;
	font-weight:normal;
}

div.label, span.label {
	font-weight:bold;
}

/* The temporary status message displayed for long processes */
#Status {
	position:absolute;
	color:red;
	margin-right:14px;
	right:3px;
	font-family:arial, helvetica;
	font-size:10pt;
}


.noprint {}

@media print {
	.noprint {display:none}
}


/*********  styles for Court Information report  ***********/

div#indent10px {
	margin-left:10px;
}

#courtinfo {
	width:75%;
	background-color:#D9D9D9;
	font-family:"lucida grande", verdana, sans-serif;
	font-size:8pt;
}

#courtinfowhite {
	width:75%;
	background-color:#ffffff;
	font-family:"lucida grande", verdana, sans-serif;
	font-size:8pt;
}

#courtinfo tbody tr td {
	background-color:#ffffff;
}
#courtinfo tbody tr.gray td {
	background-color:#D9D9D9;
}
#courtinfo th {
	background-color:#486591;
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px 8px;
}