/* 
'-------------------------------------------------------------------
'	© 2003 nCubed
'	Support for all of nCubed's products may be found at:
'	http://www.nCubed.com/Support/
'-------------------------------------------------------------------
 */

/* 
#660099  - purple
#C2E240  - green

#55108C  - alt purple
#4E6DA9  - complimentary blue
 */
 
body {
	background-color: #FFFFFF;
	color: #333333;
	margin: 0px;
	background-image: none;
}

p, div, ul, ol, li, table, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #333333;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}

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

a:hover {
	text-decoration: none;
	background-color: transparent;
	background-color: #F1F1F1;
}

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


/* get rid of the underlines for the named anchors on
the headers */
a h1, a h2, a h3, a h4 {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, th {
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
}

h1 {
	color: #4E6DA9;
	font-size: 15px;
	font-size/* */:/**/16px;
	font-size: /**/16px;
}

h2 {
	color: #000066;
	font-size: 15px;
	font-size/* */:/**/16px;
	font-size: /**/16px;
}

h3 {
	color: #4E6DA9;
	font-size: 13px;
	font-size/* */:/**/14px;
	font-size: /**/14px;
}

h4, h5, h6 {
	color: #4E6DA9;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}


blockquote, p {
	line-height: 1.5em;
}

img {
	display: block;
	border: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
}


ul li {
	list-style-image:  url(/n3/management/n3_assets/images/bullet.gif);
	border: 0px solid #000000;
}

li {
		line-height: 1.6em;
}

/* keep nested ol's in ul's from taking on image styles. */
ol li {
	list-style-image: none;
}

/***************Begin topHeader ***************/

#topHeader {
	background-color: transparent;
/*	background-image:  url(/n3/management/n3_assets/skins/logo_si_bg_trans.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	margin: 0px;
	padding: 10px;
	height: 100px;
	height/* */:/**/80px;
		height: /**/80px;
	}
	
	#topHeader h1 {
		padding-bottom: 0px;
		margin-bottom: 0px;
		text-align: center;
		font-variant: small-caps;
	}
 hide the text Logo */
	#topHeader #adminLogo {
		display: none;
}
/***************End topHeader ***************/


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

#topBar {
	margin: 0px;
	padding: 3px 0px 4px 4px;
	/*height: 19px;*/
	background-color: #4E6DA9;
	vertical-align: middle;
	color: #FFFFFF;
	border-left: 0px solid #999999;
	border-right: 0px solid #999999;
	border-top: 0px solid #999999;
	border-bottom: 1px solid #999999; 
}


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

/*keep the images vertically centered and the
text will follow their example. 
Make sure bg color is same as topBar */
#topBar img {
	display: inline;
	vertical-align: middle;
	background-color: #4E6DA9;
}

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

#topBarDate {
	float: right;
	display: inline;
	margin-top: 3px;
	margin-right: 10px;
}

/* make sure the form for quick invoice find doesn't push
other elements around like a big ol' bully */
#topBar form {
	display: inline;
}

#styles {
	display: none;
	text-align: center;
	padding: 2px 5px 2px 2px;
	clear: both;
	font-size: 9px;
	font-size/* */:/**/10px;
	font-size: /**/10px;
}
#styles a,
#styles a:link,
#styles a:visited {
	text-decoration: underline;
}
#styles a:hover {
	text-decoration: none;
}

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



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

/*Contains the navigation */
#navBar {
	padding: 0px;
	background-color: #F1F1F1;
	color: #333333;
	border-bottom: 1px solid #999999;
	background-image: none;
	margin: 0px;
	overflow: hidden;
}

#navMain {
	padding: 1px 5px 2px;
	overflow: hidden;
}

/* move the sub nav over a bit */
#subNav-adminSetup {
	padding: 1px 10px 2px 11%;
	border-top: 1px dashed #333333;
	background-color: #FFFFFF;
	overflow: hidden;
}

#navBar * {
	color: #333333;
}

#navBar ul {
	margin: 0px; 
	padding: 0px;
	list-style-type: none; 
	/*white-space: nowrap;*/
}
#navBar li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#navBar a {
	background: transparent;
	border: none;
	margin: 0px;
	color: #333333;
	text-decoration: none;
	padding: 2px 3px 1px;
	padding/* */:/**/4px 5px 3px;
	padding: /**/4px 5px 3px;
}



/* need to slightly modify the subnav area */
#subNav-adminSetup a {
	padding-top: 3px;
}

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

#navBar a:hover {
	color: #333333;
	background-color: #E1E1E1;
}

#navBar a:active {
	background-color: #C2E240;
	color: #FFFFFF;
}

/* Current links are used to highlght the 
current page being viewed. */
#navBar a.currentLink:link,
#navBar a.currentLink:visited {
	background-color:#E1E1E1; 
	color: #333333;
}

/***************End NavBar Nav ***************/





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

/* contains everything below the topBar.
Used in case we go to a vertical nav to hold the
content together in a nice tidy container */
#justaContainer {
	background-color: #FFFFFF;
	border: none;
	margin: 0px;
	padding: 0px;
}

/* Need the 1px top padding to keep the cotent snugging
up to the horizontal bar - still have no idea what this bug is. 
And how 'bout a pesky little hansel.*/
/*#contentWrapper {
/*	background-image:   url(/n3/management/n3_assets/images/logo_n3_white_100x.gif);
/*	background-position: top right;
/*	background-repeat: no-repeat;
/*	margin: 0px;
/*	padding: 1px 0px 0px 0px;
/*	border: none;
/*	background-color: transparent;
/*}


/* contentMain contains all the page content. */
#contentMain {
	margin: 5px 50px;
	border: none;
	background-color: transparent;
}


/***************Begin Footer *************/

#contentFeet {
	margin: 0px;
	background-color: transparent;
	padding: 0px 10px;
	font-size: 9px;
	font-size/* */:/**/10px;
	font-size: /**/10px;
}

#feetComments {
	margin: 15px 25%;
}

#debugMode.BAK {
	position: absolute;
	right: 5px;
	top: 10px;
	z-index: 99;
	text-align: right;
}
/* alternate model */
#debugMode {
	position: relative;
	right: auto;
	top: auto;
	text-align: left;
}
/***************End Footer ***************/



/* 
Used when we have an alternate style that uses vertical nav;
not used in the horizontal nav.
need this container to clear out the 2 columns - sometimes
there is a bug in IE6 that makes things disappear in the left
column, the cleared container keeps things from disappearing */
#contentClear {
	clear: both;
	line-height: 1px;
}
/***************End Content***************/



/* contains the invoice details */
#invoiceWrapper {
	border: 1px solid #FFF;
}
#invoiceNav {
	margin: 7px 0px;
}
#invoiceNav img {
	display: inline;
	border: none;
}



/* Settings needed for the js date picker calendar.
Note: the js writes in a div with the ID of calendar. */
#calendar img {
	display: inline;
	border: none;
}
/* keep the cal from having any inherited bg colors in links */
#calendar a {
	background-color: transparent;
}


/* table stuff */
caption {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}

table img,
td img,
td p img {
	border: none;
	display: inline;
}

#LogInTable,
#adminTable {
	border-collapse: collapse;
	border: none;
	background-color: transparent;
	margin: 10px auto 20px;
}

#dataTable,
#dataTable2 {
	border-collapse: collapse;
	border: none;
	width: 98%;
	background-color: transparent;
	margin: 10px 0px 10px 0px;
}
#dataTable th a,
#dataTable2 th a {
	color: #FFFFFF;
}
#dataTable td,
#dataTable2 td {
	border: none;
	padding: 3px;
	vertical-align: top;
}
/* Next 2 are for the totals line on the invoice summary page */
#dataTable .borderTopTotals {
	border-top: 1px dashed #000000;
}
#dataTable tr#trTotals td {
	padding: 10px 0px;
}


#dataTable th,
#dataTable2 th,
#adminTable th {
	font-weight: bold;
	background-color: #4E6DA9;
	color: #FFFFFF;
	padding: 4px;
	font-size: 13px;
	font-size/* */:/**/14px;
	font-size: /**/14px;
}

/* an alternate sub table model for when a parent
table has one row of information and the second row
contains reltaed information - the 2nd row contains
data within this table. */
#dataTable .dataSubTableContainer {
	text-align: right;
	padding: 0px;
}
#dataTable .dataSubTable {
	border-collapse: collapse;
	border: none;
	width: 80%;
	background-color: transparent;
	margin: 0px 0px 20px 0px;
}
#dataTable .dataSubTable th {
	font-weight: bold;
	background-color: #F5F5F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}
#dataTable .dataSubTable td {
	border-collapse: collapse;
	vertical-align: top;
	border: none;
}

#adminTable td {
	border: none;
	padding: 3px;
	vertical-align: top;
}



#logInTable {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
#logInTable {
	margin-top: 30px;
}
#logInTable td {
	border-collapse: collapse;
	vertical-align: baseline;
	padding: 5px 5px 0px 0px;
}
#logInTable col.colOne {
	text-align: right;
	width: 10%;
}


/* the current filter table on the invoice page */
#currentFilterTable {
	border-collapse: collapse;
	border: none;
	width: auto;
	background-color: transparent;
	margin: 10px 0px;
}
#currentFilterTable caption {
	color: #666666;
}
#currentFilterTable th {
	font-weight: bold;
	background-color: #F5F5F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 2px 4px 1px 4px;
	border: 1px solid #999999;
	text-align: center;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}
#currentFilterTable td {
	border-collapse: collapse;
	vertical-align: top;
	border: none;
	padding: 4px;
	text-align: center;
}

/* the count down timer */
#countDown {
	text-align: right;
}
#countDown form {
	display: inline;
}
.counter {
	background-color: transparent;
	border : none;
	text-align: right;
	font-size: 9px;
	font-size/* */:/**/10px;
	font-size: /**/10px;
}

.trOver {
	background-color: #F1F1F1;
}
.trOverMain {
	background-color: #FFFF99;
}
.trOverMain2 {
	background-color: #F1F1F1;
}

/* just highlites the required indicator for forms */
.required {
	color: #FF0000;
}


/* A bunch of miscellaneous classes */
.noBlock {
	display: inline;
}

.textAlignRight {
	text-align: right;
}

.textAlignLeft {
	text-align: left;
}

.textAlignCenter {
	text-align: center;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.floatClearBoth {
	clear: both;
}

/*centers block level elements*/
.marginAuto {
	margin-left: auto;
	margin-right: auto;
}

img.marginAuto {
	text-align: center;
}

.attention {
	font-weight: bold;
	color: #FF0000;
	background-color: transparent;
}

.smallText {
	font-size: 9px;
	font-size/* */:/**/10px;
	font-size: /**/10px;
}

.highlight {
	background-color: #F1F1F1;
	margin-left: 15%;
	margin-right: 15%;
	padding: 0px 10px;
	border: 1px dashed #000000;
}

/* used for the top of page link */
.climbTop {
	text-align: right;
}

/* our FAQ img link */
img.n3-FAQ {
	display: inline;
}
/* for areas with just text - we make it readable doncha know. */
.n3-dribble {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
/********** Misc stuff not used yet */


/* used for form elements*/
form {
	margin: 0px;
}

select.select-type1 {
	background-color: #F1F1F1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}

.formField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #232323;
	background-color: #FCFCFC;
	padding: 3px 4px 3px 3px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #AEAEAE;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #AEAEAE;
}

textarea.formField {
	padding: 5px;
}

.button {
	background-color: #FCFCFC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #999999;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}
.buttonOver {
	background-color: #F5F5F5;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}
/*end of forms*/

/* give the invoice number search box a special style */
#topBar #invNumStart.formField {
	padding: 0px;
	color: #000000;
	background-color: #F1F1F1;
}

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