body {
	background-color: #D2D2D2;
	background-image:   url(/n3/SuperInvoice/n3_assets/skins/metallic/bg_page.jpg);
	background-repeat: repeat-x;
}

p, div, ul, ol, li, table, td {
	color: #000000;
}

a:link, a:visited {
	color: #000000;
	text-decoration: underline;
	background-color: transparent;
}

a:hover {
	color: #000000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}

a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}


h1, h2, h3, h4, h5, h6, th {
	color: #000000;
}


/***************Begin topHeader ***************/
/* create some height and toss in a little 
logo thingy for good measure */
#topHeader {
	background-color: transparent;
	background-image:   url(/n3/SuperInvoice/n3_assets/skins/metallic/logo_si_bg_trans_greyscale.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 110px;
}
/* hide the text */
#topHeader h1 {
	display: none;
}
/***************End topHeader ***************/


/***************Begin TopBar ***************/

#topBar {
	background-color: transparent;
	color: #000000;
	border: none;
}


/* all decendants of #topBar will be white */
#topBar * {
	color: #000000;
}

#topBar a,
#topBar a:link, 
#topBar a:visited,
#topBar a:hover,
#topBar a:visited {
	border: none;
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}

#topBarDate a:hover {
	background-color: #000000;
	color: #FFFFFF;
}

/***************End TopBar ***************/



/*************Begin NavBar Nav***********/

/*Contains the navigation */
#navBar {
	background-color: transparent;
	color: #FFFFFF;
	background-image:   url(/n3/SuperInvoice/n3_assets/skins/metallic/bg_nav.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
	border: none;
}

/* give the height in the main nav, not navbar, otherwise
it'll be screwed when the subnav shows. */
#navMain {
	height: 34px;
	text-align: center;
}

#subNav-adminSetup {
	border-top: 0px dashed #333333;
	border-bottom: 1px dashed #333333;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	background-color: #DCDCDC;	
}


#navBar * {
	color: #FFFFFF;
}


#navBar a {
	color: #FFFFFF;
	/*padding: 5px 5px 3px;*/
}


#navBar a:link, #navBar a:visited {
	color: #FFFFFF;
	text-decoration: none; 
}

#navBar a:hover, #navBar a:active {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: underline;
}


/* Current links are used to highlght the 
current page being viewed. */
#navBar a.currentLink:link,
#navBar a.currentLink:visited {
	background-color: transparent; 
	color: #FFFFFF;
	text-decoration: underline;
	
/*	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;*/
}

#subNav-adminSetup a:link, #subNav-adminSetup a:visited {
	color: #000000;
	text-decoration: underline;
}

#subNav-adminSetup a:hover, #subNav-adminSetup a:active {
	text-decoration: none;
}

#navBar a:hover {
	/*background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;*/
}
/***************End NavBar Nav ***************/





/***************Begin Content ***************/


#justaContainer {
	background-color: transparent;
	background-image:   url(/n3/SuperInvoice/n3_assets/skins/metallic/bg_th.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#contentWrapper {
	background-image:   url(/n3/SuperInvoice/n3_assets/skins/metallic/n3_logo.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#debug-mode {
	position: relative;
	right: auto;
	top: auto;
	text-align: right;
}



#dataTable th,
#dataTable2 th,
#adminTable th,
#dataTable .dataSubTable th  {
	background-color: transparent;
	background-image:   url(/n3/SuperInvoice/n3_assets/skins/metallic/bg_th.jpg);
	background-repeat: repeat-x;
	color: #696969;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* the current filter table on the invoice page */
#currentFilterTable caption {
	color: #666666;
}
#currentFilterTable th {
	background-color: #999999;
	color: #F5F5F5;
	border: 1px solid #F5F5F5;
}


/* the count down timer */
#countDown {
	margin-top: 40px;
}
.counter {
	background-color: transparent;
	font-size: 10px;
	border : none;
	color: #000000;
	text-align: right;
}


.trOver {
	background-color: #F1F1F1;
}

.trOverMain {
	background-color: #FFFF99;
	background-color: #F5F5F5;
}

/* for tables that have sub tables hidden - this is the main
tr's bg color */
.trOverMain2 {
	background-color: #DCDCDC;
}

/* make sure the images with links don't display a bg color */
#topBar a img,
#topBar a:hover img {
	background-color: transparent;
}