/* -------------------------------------------------------------------- */
/* --------------------------< Tag Defaults >-------------------------- */
/* -------------------------------------------------------------------- */

#invoices h3     { margin-bottom: 10px; font-size: 11px; }
#invoices p, pre { margin-bottom: 10px; }

/* -------------------------------------------------------------------- */
/* -------------------------< Common Classes >------------------------- */
/* -------------------------------------------------------------------- */

#invoices .button { margin-top: 15px; }

#invoices .odd  { background-color: #fff; }
#invoices .even { background-color: #ddd; }

#invoices .bg_white     { background-color: #ffffff; }
#invoices .bg_green     { background-color: #b5d738; }
#invoices .bg_yellow    { background-color: #ffff99; }
#invoices .bg_lightgray { background-color: #f0f0f0; }

#invoices .bg_success   { background-color: #c6ffb3; }
#invoices .bg_error     { background-color: #ffb399; }
#invoices .bg_normal    { background-color: #f5f5f5; }

#invoices .edited { background-color: #c6ffb3; font-weight: bold; }

#invoices .green { color: green; }
#invoices .red   { color: red; }

#invoices .left   { text-align: left; }
#invoices .center { text-align: center; vertical-align: middle; }
#invoices .right  { text-align: right; }

#invoices .no_border  { border: none !important; }
#invoices .no_padding { padding: 0px !important; }

#invoices .border { border: 1px solid black; }
#invoices .normal { font-weight: normal; }


/* -----------------------< Vertcal Align >----------------------- */
#invoices .top    { vertical-align: top; }
#invoices .middle { vertical-align: middle; }
#invoices .bottom { vertical-align: bottom; }

/* ---------------------------< Width >--------------------------- */
#invoices .w20  { width:  20px; }	#invoices .w120 { width: 120px; }
#invoices .w40  { width:  40px; }	#invoices .w150 { width: 150px; }
#invoices .w60  { width:  60px; }	#invoices .w200 { width: 200px; }
#invoices .w80  { width:  80px; }	#invoices .w250 { width: 250px; }
#invoices .w100 { width: 100px; }	#invoices .w300 { width: 300px; }

/* -------------------------------------------------------------------- */
/* -------------------------< List Invoices >-------------------------- */
/* -------------------------------------------------------------------- */

#invoices #userlist .checkbox { padding: 0px; width: 15px; }
#invoices #userlist .checkbox input { margin: 0px; vertical-align: bottom; }
#invoices #userlist .w20p { width: 20%; }
#invoices #userlist .w33p { width: 33%; }

/* -------------------------------------------------------------------- */
/* -------------------------< Create Invoice >------------------------- */
/* -------------------------------------------------------------------- */

#invoices #create table td { padding: 5px; }
#invoices #create label { display: block; margin-bottom: 2px; }

#invoices #create .inputbox { border-left: 1px dotted gray; border-right: 1px dotted gray; background-color: #f5f5f5; }
#invoices #create .border_top { border-top: 1px dotted gray; }
#invoices #create .border_bottom { border-bottom: 1px dotted gray; }

#invoices #create .errorbox label { color: red; }

#invoices #create .dropdown { width: 227px; }
#invoices #create .textfield { width: 223px; }

#invoices #create #back { width: 77px; }
#invoices #create #reset { width: 77px; }
#invoices #create #submit { width: 77px; }

/* -------------------------------------------------------------------- */
/* -------------------------< Invoice Errors >------------------------- */
/* -------------------------------------------------------------------- */

#invoices #errors .wrapper td { padding: 4px; border: 1px solid black; }
#invoices #errors .wrapper th { padding: 4px; border: 1px solid black; }
#invoices #errors .wrapper { border: 1px dotted gray; display: table; margin-bottom: 10px; padding: 5px; }
#invoices #errors .table2  { margin-top: 5px; }
#invoices #errors #buttons { width: 477px; }
#invoices #errors #buttons td { padding: 0px; }

/* -------------------------------------------------------------------- */
/* ------------------------< Confirm Invoice >------------------------- */
/* -------------------------------------------------------------------- */

#invoices #confirm #buttons { width: 200px; }
#invoices #confirm #buttons td { padding: 0px; }

/* -------------------------------------------------------------------- */