html { margin: 0px; padding: 0px; height: 100%; width: 100%; }
body { margin: 0px; padding: 0px; height: 100%; width: 100%; }

img { padding: 0px; margin: 0px; border: 0px; }
img.icon { height: 30px; }
img.category { width: 125px; }
img.view { width: 150px; }

h1 { color: #3C505F; font-size: 14px; font-weight: bold; margin-bottom: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h2 { color: #620505; font-size: 14px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h3 { color: #620505; font-size: 12px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

p { font-size: 11px; color: #000000; margin-top: 0px; margin-bottom: 10px; line-height: 16px; }
p.note { text-align: center; font-size: 11px; color: #666666; }
p.centered { text-align: center; }
p.right { text-align: right; }

font.faded { color: #666666; }

a { text-decoration: none; }
a:visited { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: underline; }
a.navLink { color: #FFFFFF; font-size: 11px; }

div.hidden { display: none; visibility: hidden; }
div.centered { text-align: center; }
div.heading { border: 1px solid #7791A5; padding: 3px; color: #3C505F; background-color: #E9EEF2; font-weight: bold; margin-bottom: 5px; font-size: 11px; }

div.hr3	{ color: #620505; font-size: 12px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px dashed #9F9F9F; padding-bottom: 5px;  }


table { border-collapse: collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; line-height: 15px; }
table.stretched { width: 100%; height: 100%; }
table.wide { width: 100%; }
table.centered { margin-left: auto; margin-right: auto; }

td { padding: 0px; margin: 0px; }
td.tall { height: 100%; }
td.right { text-align: right; }
td.centered { text-align: center; }
td.navSpacing { width: 15px; }

span			{ font-size: 11px; }
span.remaining	{ border: 1px dashed #D5D09E; background-color: #F8F5D5; color: #504B10; padding-top: 3px; padding-bottom: 3px; padding-right: 5px; padding-left: 5px; float: right; }
span.total		{ border: 1px dashed #D5D09E; background-color: #F8F5D5; color: #504B10; padding-top: 3px; padding-bottom: 3px; padding-right: 5px; padding-left: 5px; float: right; }

/*** PAGE NAVIGATION ***/
div.pageNav			{ border: 1px solid #7894AA; padding: 4px; background-color: #FFF9F3; font-size: 11px; margin-bottom: 14px; text-align: left; }
a.pageNav			{ color: #3C505F; font-size: 11px; }
a.pageNavActive		{ color: #3C505F; font-size: 11px; font-weight: bold; }
table.pageNav		{ font-size: 10px; }
td.pageNavSpacer	{ padding-left: 5px; padding-right: 5px; color: #3C505F; }
td.pageNavPT		{ vertical-align: top; padding-top: 4px; padding-right: 5px; padding-left: 5px; text-align: center; }
/***********************/

/*** STATUS SELECTION ***/
div.status				{ text-align: center; }
table.status			{ margin-left: auto; margin-right: auto; width: 450px; }
td.statusCell			{ border-top: 1px dashed #C0C0C0; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 11px; vertical-align: top; color: #043355; font-weight: bold; }
td.statusDisabled		{ border-top: 1px dashed #C0C0C0; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 11px; vertical-align: top; color: #C0C0C0; font-weight: bold; }
td.statusDescription	{ border-top: 1px dashed #C0C0C0; padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 11px; vertical-align: top; } 
td.statusFooter			{ border-top: 1px dashed #C0C0C0; padding-top: 5px; text-align: center; }
/************************/

/*** HOME PAGE ***/
td.hmCatTitle		{ font-weight: bold; text-align: center; padding-bottom: 5px; border-bottom: 1px dashed #C0C0C0; }
td.hmCatPic			{ padding-top: 8px; padding-bottom: 5px; text-align: center; }
td.hmCatSpace		{ width: 50px; }
td.hmCatLink		{ font-size: 11px; text-align: right; }
img.hmCatPic		{ width: 120px; height: 120px; border: 1px solid #000000; padding: 2px; }
object#homeFlash 	{ float: right; margin: 0px 2px 10px 10px; border: 1px solid #CCCCCC; }
/*****************/

/*** ITEM DETAILS ***/
td.itemDescription	{ vertical-align: top; }
td.itemImage		{ vertical-align: top; text-align: right; padding-left: 10px; }
/********************/

/*** INVOICE ***/
table.invoiceCustomer	{ background-color: #F4F8E4; border: 1px solid #D1D4C3; }
table.invoiceEvent		{ background-color: #FFF2D3; border: 1px solid #DFC68C; }
td.invoiceBoxHeading	{ font-weight: bold; padding-bottom: 3px; color: #2D526A; }
td.invoiceDataName		{ padding: 3px; font-size: 11px; vertical-align: top; font-weight: bold; color: #2D526A; }
td.invoiceDataValue		{ padding: 3px; font-size: 11px; vertical-align: top; color: #000000; }
td.invoiceCustomer		{ vertical-align: top; }
td.invoiceEvent			{ vertical-align: top; text-align: right; }
/***************/

/*** SIDE NAV ***/
div#sideBoxGroup0	{ visibility: hidden; display: none; }
div#sideBoxGroup1	{ visibility: hidden; display: none; }
div#sideBoxGroup2	{ visibility: hidden; display: none; }
div#sideBoxGroup3	{ visibility: hidden; display: none; }
div#sideBoxGroup4	{ visibility: hidden; display: none; }

div.sideBoxHeading	{ font-size: 11px; color: #FFFFFF; background-color: #4A86AB; border: 1px solid #0D2738; padding-left: 3px; }
div.selectedHeading	{ font-size: 11px; color: #FFFFFF; background-color: #FF3415; border: 1px solid #781000; padding-left: 3px; }
table.sideBox		{ width: 100%; background-color: #F9F9F9; border: 1px solid #A7A7A7; margin: 2px 0px 8px 0px; }
table.selectedBox	{ width: 100%; background-color: #FFF6F5; border: 1px solid #FF7863; margin: 2px 0px 8px 0px; }
tr.sideSpacer		{ height: 8px; }
td.sideBoxLink		{ font-size: 10px; color: #2D526A; padding-top: 5px; line-height: 12px; }
td.sideBoxBullet	{ padding-left: 8px; vertical-align: top; width: 5px; padding-right: 6px; padding-top: 7px; }
a.sideBoxLink		{ color: #2D526A; }
/****************/

/* PAGE LAYOUT */
td#pageCell		{ width: 760px; }
td#navCell		{ background-image: url(images/shared/nav_bg.jpg); border-top: 1px solid #8D5616; border-bottom: 1px solid #600101; height: 26px; }
td#headerShadow { background-image: url(images/shared/bar_shadow.jpg); background-repeat: repeat-x; height: 13px; }
td#sideCell		{ width: 150px; vertical-align: top; }
td#bodyCell		{ height: 100%; padding-bottom: 10px; width: 596px; }
td#contentCell	{ height: 100%; vertical-align: top; width: 100%; }
td#footerCell	{ margin-top: 15px; padding-top: 5px; padding-bottom: 5px; text-align: center; border-top: 1px dashed #CCCCCC; font-size: 10px; color: #666666; }
td#pageSide		{ background-image: url(images/shared/page_side.jpg); background-repeat: repeat-y; width: 11px; }
td#pageTrail	{ background-image: url(images/shared/page_bg.jpg); background-repeat: repeat; }
td#navWelcome	{ color: #EFEFEF; font-weight: bold; font-size: 10px; }
td#navToday		{ color: #3B2409; font-weight: bold; font-size: 10px; text-align: right; padding-right: 10px; }
/***************/

/* NAV GROUP */
div.navGroup		{ border: 1px solid #0D2738; padding: 2px; margin-bottom: 10px; background-color: #4A86AB; }
td.navGroupLinks	{ padding-left: 1px; }
font.navGroupPT		{ color: #FCFCFC; }
a.navGroupLink		{ color: #FFFFFF; }
/*************/

/* TABBED BOX */
div.tabbedBox		{ border-left: 1px solid #A59869; border-right: 1px solid #A59869; border-bottom: 1px solid #A59869; border-top: 0px none; background-color: #FDFBF4; padding: 6px; margin-bottom: 10px; }
table.tabbedBox		{ width: 100%; }
td.tabExt			{ width: 100%; border-bottom: 1px solid #7894AA; }
td.selectedTab		{ background-image: url(images/shared/tabbed_box/selected_bg.jpg); background-repeat: repeat-x; height: 22px; border-bottom: 0px none; padding-right: 1px; }
td.unselectedTab	{ background-image: url(images/shared/tabbed_box/unselected_bg.jpg); border-bottom: 1px solid #7894AA; height: 22px; padding-right: 1px; }
a.tabLink1			{ color: #005A9D; font-size: 10px; }
a.tabLink2			{ color: #2F5772; font-size: 10px; }
/**************/

/* DATA BOX */
table.dataBox			{ border-collapse: separate; padding: 0px; width: 100%; font-size: 11px; background-color: #FFFFFF; }
table.dataBoxSelected	{ border-collapse: separate; padding: 0px; width: 100%; font-size: 11px; background-color: #FFFFFF; }
td.dataName				{ padding: 2px; background-color: #E6E9EA; font-weight: normal; color: #0E354F; }
td.dataNameSelected		{ padding: 2px; background-color: #FFDCD7; font-weight: normal; color: #8E1300; }
td.dataValue			{ padding: 2px; background-color: #F6F6F6; color: #000000; }
td.dataValueSelected	{ padding: 2px; background-color: #FFF1EF; color: #3C0800; }
td.dataHeading			{ padding: 0px 2px 2px 2px; font-weight: normal; color: #0E354F; border-bottom: 1px solid #286892; }
td.dataHeadingSelected	{ padding: 0px 2px 2px 2px; font-weight: normal; color: #0E354F; border-bottom: 1px solid #286892; }
/************/

font.attention		{ color: #006699; font-weight: bold; }
font.urgent			{ color: #FF0000; font-weight: bold; }
font.success		{ color: #009933; font-weight: bold; }
font.positive		{ color: #379F32; }
font.negative		{ color: #FF0000; }
font.subInfo		{ color: #7A7A7A; }