/************************************************************
 ************************************************************
 * Debug table margin/padding helper
 */

/* table th, td { border: dashed 1px; } */
/* .debug-border { border: dashed 1px; } */

/************************************************************
 ************************************************************
 * Overall page layout
 */

table#layout   { width: 100% }
td#sidecolumn  ,
td#pagecolumn  { vertical-align: top; }
td#pagecolumn  { padding-left: 4mm; }


/************************************************************
 ************************************************************
 * Panel captions
 */

table caption  { text-align:    left;
                 font-size:     120%;
                 font-weight:   bold;
                 padding-bottom: 0.5em;
               }

div.item.list   { margin-bottom: 1.5em; }
table.item.list { margin-bottom: 1.5em; }


/************************************************************
 ************************************************************
 * Cell configuration
 */

table.item th  ,
table.item td  { padding: 0.1em 0.4em 0.1em 0.4em; }
table.item td  { white-space: nowrap; }
/* table.item     { border-spacing: 0 0; /\*IE*\/border-collapse: collapse; empty-cells: show } */
table.item     { border-spacing: 0 0; empty-cells: show }
table.item     { border:1px solid #ccc;
		 border-bottom:2px solid #ccc;
	       }

table.list th  { background: #dcdcdc;
		 border-top: 1px solid #fff;
		 border-left: 1px solid #fff;
		 border-bottom: 2px solid #aaa;
		 border-right: 1px solid #ccc;
		 text-align: center;
	       }
table.item td  { border-right: 1px solid #ccc; }

tr.evnrow      { background: #f4f4f4; }

/* Generic classes to help with table alignment */
td.right       { text-align: right; }
td.left        { text-align: left;  }
td.center      { text-align: center; }


/************************************************************
 ************************************************************
 * Item detail formats
 * (such as Customer Info, Unit Info, etc)
 */

table.detail           { width :  60%;
			 float : left; }
table.detail td.field  { width : 10em; }

table.item.detail td.value { white-space : normal; }

div.detail.supporting  { clear : both;
			 padding-top: 1.5em; }

/* Exception for Ledger Entry, which is split over 3 tables */
.ledger-double-entry { padding-top: 1.0em;
		       float: left;
		       clear : left;
		       width : 60%;
}

.ledger-double-entry table.item.detail {
    width : 45%;
/*     border: 2px dashed #0f0; */
/*     margin-left  : 5%; */
/*     margin-right : 5%; */
}

.ledger-double-entry table.item.detail.debit {
/*     margin-left  : 2%; */
    float: left;
}

.ledger-double-entry table.item.detail.credit {
/*     margin-right : 2%; */
    float: right;

}

/* .ledger-double-entry table.debit { clear: */



/************************************************************
 ************************************************************
 * Item edit formats
 */

.edit table.detail     { width :  80%;
			 float : none;
		       }


/************************************************************
 ************************************************************
 * Pertinent Information Box
 * These floating boxes appear on the detail pages,
 * providing the most pertinent / important information
 * for the given view.
 */

div.infobox   { float: right;
		margin-top: 2.0em;
		margin-right: 0.5em;
	      }

table.summary { 
		margin-left:auto;
		margin-right:0.5em;
		color: #339;
		font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
 		font-size: 125%; 
		text-align: right;
 		margin-bottom: 1.5em;
	      }

table.summary caption { 
 		font-size: 100%;
		text-align: right;
		margin-right: 0.6em;
              }

table.summary td { 
		padding-left:0.5em;
              }


/************************************************************
 ************************************************************
 * Item table formats
 * (listing multiple items of one type)
 */

/* Item listing width and borders */
table.list                        { width : 100%; }

/* Text alignment exceptions */
table.list td.id                  { text-align: center; }
table.list td.currency            { text-align: right; }

/* White spacing exceptions */
td.comment                        { white-space: normal; }

/* Generic column to assign excess space */
table.list td.slack               { width : 99%; }

/* Customers */
table.list.customer td.comment    { width : 66%; }

/* Contacts */
table.list.contact td.comment     { width : 66%; }

/* Contact methods */
table.list.phone   td.preference  ,
table.list.email   td.preference  ,
table.list.address td.preference  { width: 18em; }
table.list.phone   td.phone       ,
table.list.email   td.email       ,
table.list.address td.address     { width: 15em; }
table.list.phone   td.comment     ,
table.list.email   td.comment     ,
table.list.address td.comment     { width: auto; }

/* Ledger Entries */
table.list.ledger td              { border-top : 1px dashed #ccc; }
table.list.ledger td.date.receipt { padding-left: 1em; }
table.list.ledger td.evnrow       { background: #f4f4f4; }


/************************************************************
 ************************************************************
 * Receipt Entry / Tender Edit
 */

input.payment, div.tender input, div.tender select {
		width: 10em;
	      }
label.payment {
		padding-left: 0.5em;
/* 		float: left; */
/* 		text-align: right; */
/* 		display: block; */
	      }

div.tender {
    padding-bottom: 0.1em;
}

div.tender label {
		float: left;
		width: 12em;
		padding-right: 0.5em;
	      }


/************************************************************
 ************************************************************
 * Special cases
 */

/* Deposit Slips */
table.list.deposit-slip           { width : 60%;
				    /* REVISIT <AP>: 20090701
				     * 100% if printing
				     */
				  }
table.list.deposit-slip td.item   { width : 30%; }
table.list.deposit-slip td.amount { width : 15%; }

table.deposit-summary                       { margin-bottom: 1em; }
table.deposit-summary td                    { vertical-align: bottom; }
table.deposit-summary td                    { font-size: 125%; }
table.deposit-summary td.grand.total        { border-top : 4px double #000; }
table.deposit-summary td span.dollar-sign   { float: left; }
table.deposit-summary td span.dollar-amount { float: right; }
table.deposit-summary td.account            { padding-right: 0.8em; }
table.deposit-summary td.quantity           { padding-right: 0.8em; }


/* Collected Income */
.account.collected.entry               { float : left;
					 clear : none; }
form#collected-form input[type=button] { float : left;
					 clear : left; }

/* NSF items */
.nsf-tender { text-decoration: line-through; }


/************************************************************
 ************************************************************
 * jqGrid
 */

div.grid.text-below  { margin-bottom: 0; }

table.Header th h2 {
	color: #dd5;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 190%;
 	margin-bottom: 0.0em;
}


/************************************************************
 ************************************************************
 * Grid Dynamic Selection Text
 */

.grid-selection-text              { font-size: 150%;
				    margin-top: 0.4em;
				    margin-bottom: 1em; }
.grid-selection-text .supporting  { font-size: 80%; }

.grid-selection-text .supporting table           { border: none; }
.grid-selection-text .supporting table td.field  { width : 5em; }



/************************************************************
 ************************************************************
 * Forms
 */


form {
	margin-right: 20px;
	padding: 0;
	width: 80%;
}

div.dynamic-set fieldset.superset {
	margin-top: 1.5em;
	width: 80%;
}

div.dynamic-set fieldset.superset legend {
	font-size: 120%;
	font-weight: bold;
}

div.dynamic-set fieldset.superset fieldset {
	margin-top: 0.8em;
/* 	width: 90%; */
}

div.dynamic-set fieldset.superset fieldset legend {
	font-size: 110%;
	font-weight: normal;
}

fieldset {
	border: 1px solid #ccc;
	margin-top: 4px;
/* 	padding: 4px 4px; */
}
fieldset legend {
/* 	background:#fff; */
/* 	color: #e32; */
/* 	font-size: 120%; */
	font-weight: bold;
}
fieldset fieldset {
	margin: 4px 4px;
/* 	margin-bottom: 20px; */
	padding: 4px 4px;
}
fieldset fieldset legend {
	font-size: 100%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
/* 	margin: 0 20px; */
}

/*
 * REVISIT <AP>: 20090728
 *  This "form div" is way too generic, and in fact
 *  it's screwing up the jqGrid header.  I'm commenting
 *  it out for now, to see if it actually is needed 
 *  anywhere, and hope to delete it in the near future.
 */
/* form div { */
/* 	clear: both; */
/* /\* 	margin-bottom: 1em; *\/ */
/* /\* 	padding: .5em; *\/ */
/* 	vertical-align: text-top; */
/* } */
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
/* 	margin-left: 140px; */
}

/************************************************************
 ************************************************************
 * General Style Info
 */

body {
/* 	background: #003d4c; */
/* 	color: #fff; */
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size:90%;
	margin: 0;
}
a {
	color: #003d4c;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #00f;
	text-decoration:none;
}
a img {
	border:none;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

h1 {
	color: #003d4c;
	font-size: 100%;
	margin: 0.1em 0;
}
h2 {
/* 	color: #e32; */
	color: #993;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 190%;
	margin-bottom: 0.3em;
}
h3 {
	color: #993;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
/* 	font-size: 165%; */
}
h4 {
	color: #993;
	font-weight: normal;
	padding-top: 0.5em;
}