/**
 *	application level CSS file for Verbatim
 */

/* 
 *	Any imported rules must precede locally defined rules.
 *	Imported rules are relative to location of this style sheet,
 *	*not* the page that loaded this style sheet.
 */

/**	
 *	Master page layout
 */

#topContainer {
	width:760px;	/* http://www.webmonkey.com//99/41/index3a_page2.html?tw=design */
	padding:6px;
	background-color:#fff; 
}

/* make sure there's enough space to hold our long appname "verbatim" */
#layoutHeader td.logoCell {
	width:172px;
}


/* ----------- headers -------------------------------- */
/* either a header, or like one */

.h1, h1 {
	font-size:150%;
	margin-top:1em;
	margin-bottom:4px;
}

.h2, h2 {
	margin-top:1em;
	margin-bottom:4px;
}

.h3, h3 {
	margin-top:1em;
	margin-bottom:4px;
}

/* ----------- common graphics ------------------------ */
img.newWindowIcon {
	width:10px;
	height:10px;
	padding-left:2px;
}

/* ----------- fade out ------------------------------- */
.fade {
	background-color: #ffd;
}

/* ----------- form controls  ------------------------- */
/* define form elements that are used on multiple pages */


/**
 * Default form styling
 */

.applyFormBackground {
	padding:4px;
	background-color:#ffc;
	border:1px solid #005a9c;
}
.applyFormBackground input {
	background:white;
}
.applyFormBackground input.disabled {
	background:#ccc;
	color:#666;
}

/* transparent does NOT let div bg show through in IE */
.applyFormBackground select {
	background-color:white;
}

input,textarea,select {
	padding:2px;
	border:1px solid #ccc;
}
input:focus,textarea:focus,select:focus {
	border:1px solid #006;
}


/* push button that acts w/in current page (NOT a submit) */
input.pageButton, .applyFormBackground input.pageButton {
	text-align:center;
	width:10em;
	color: #fff;
	font-weight:normal;
	background-color: #005a9c; 
	border: 1px solid #999;
}

/* --------------- menu bar ------------------------------------- */
div#menuBar {
	border:0;
	margin:0;
	padding:0;
	height:1.8em;
	background-color:#def;
	width:100%;
}
div#menuBar a {
	text-decoration:none;
	color:#0a5a9c;
}
div#menuBar a:hover{
	text-decoration:underline;
}
div#menuBar a.disabled {
	color:#666;
}
/* watch out for inheritance */
div#menuBar div.section {
	width:124px; /* allow for border */
	padding:2px 0 2px 0; /*TRouBLe*/
	float:right;
	text-align:center;
	font-weight:bold;
	border:1px solid #def;
}
div#menuBar div.section.lit {
	background-color:#fff;
	border:1px solid #0a5a9c;
}

div#menuBar div.clearer {
	line-height:0px;
	float:none;
}
/* --------------- application-level table markup --------------- */

/* dmw: use same format for filtering search results as for results grid */

/* 
 * apply standardWidth to top level table.list, div.tableWrapper, etc.
 * apply maximized instead inside of indented elements
*/
.standardWidth {
	width:758px;
}

div.tableWrapper {
	border:1px solid #ccc;
	padding:4px;
}

/* common table styles */

table.details, table.list {
	border-collapse: collapse;
}


/*
 * everything
 */
table.list td, table.list th, table.details td, table.details th {
	padding:3px;
}

/*
 * all table headers
 */
table.list th, table.details th {
	background:#c3d4e5;
	font-weight:bold;
	color:#000;
	vertical-align:bottom;
	text-align:left; /* default unless we override it later */
}


/* list table style (odd/even rows) */

table.list  {
	padding-right:1em;
	border: 1px solid #ccc;
}


table.list td {
	border-top: 1px solid #ccc;
}

table.list tr.even {
	background: #eee;
}

table.list tr.odd {
	background: transparent;
}


table.list th.numHead {
	text-align:right;
}

/*
 * give total rows a bg just a little lighter than header
 */

table.list tr.total td {
	background:#e5f6ff;
	font-style:italic;
}

table.list tr.selected {
	background-color: #ffc;
}


/*
 * detail table styles (parameters/values)
 */

table.details {
	border:none;
}

table.details tr td {
	border-top:none;
	border-bottom:none;
	padding: 3px 3px 12px 3px;
}
table.details tr th {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* for ff, need to reserve space for border */
table.details th {
	border-left:1px solid #c3d4e5;
	border-right:1px solid #c3d4e5;
}
	
table.details tr th.first {
	border-left:1px solid #ccc;
}

table.details tr th.last {
	border-right:1px solid #ccc;
}


/* data cell styles */
td.currency, td.date, td.numericalData, td.rightJustified {
	text-align:right;
}
.debit {
	color:#c00;
}

.headWrapper h2, .headWrapper h3 {
	display:inline;
}

/**
 * specific to viewRefundDetails, viewReceiptDetails
 */

 	#processRefundForm input {
		display:inline;
		margin-left:1em;
	}
	div.columnSet {
		padding:2px;
		margin:0;
		float:left;
	}
	div.columnSet table {
		border-collapse: collapse;
	}
	div.columnSet td, div.columnSet th {
		padding:3px;
		margin:0;
	}
	div.columnSet th {
		text-align:right;
		vertical-align:top;
	}
	div.columnSet tr.head th {
		border-bottom:1px solid #999;
		text-align:left;
		vertical-align:bottom;
	}		

	table#refundDetails.fixedWidth {
		width:230px;
	}
	table#receiptDetails.fixedWidth {
		width:190px;
	}
	table#receiptTypeDetails.fixedWidth {
		width:320px;
	}
	
/**
 * specific to viewQueue
 */
	table.list th.multicol {
		margin: 0 1em;
		text-align:center;
		font-weight:normal;
		color:#999;
		background-color:transparent;
	}
	table.list th.multicol div.bar {
		background-image: url(../images/bar.gif);
		background-repeat: repeat-x;
		background-position:0% center;
		margin:0 1em;
	}
	table.list th.multicol span.clear {
		background:white;
		padding:0 4px;
	}