/* 
'-------------------------------------------------------------------
'	© 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(bullet.gif);
	border: 0px solid #000000;
}

li,dd {
	line-height: 1.6em;
}
dd {
	padding: 0;
	margin-left: 10px;
}
dt {
	font-weight: bold;
	margin-top: 1.2em;
	color: #4E6DA9;
}


/* 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(logo_sl_bg_trans.gif);
	Xbackground-image:  url(logo_sl_bg_white.jpg);
	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 h1 {
	display: none;
}
/***************End topHeader ***************/


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

#topBar {
	margin: 0px;
	padding: 3px 0px 4px 4px;
	background-color: #4E6DA9;
	vertical-align: middle;
	color: #FFFFFF;
	border: none;
	border-bottom: 1px solid #999999; 
}


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

#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;
}

/***************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 */
#navSub {
	padding: 1px 10px 2px 100px;
	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 */
#navSub a {
	padding-top: 3px;
}

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

#navBar a:hover {
	color: #333333;
	background-color: #E1E1E1;
	padding-left: 2px;
	border-left: 2px solid #C2E240;
	border-left-width: 2px;
	border-left-width/* */:/**/3px;
	border-left-width: /**/3px;
}

#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;
	padding-left: 2px;
	border-left: 2px solid #C2E240;
	border-left-width: 2px;
	border-left-width/* */:/**/3px;
	border-left-width: /**/3px;
}

/***************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(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%;
}

/***************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***************/


/* 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;
}

.statsTable,
#dataTable,
#dataTable2 {
	border-collapse: collapse;
	border: none;
	width: 98%;
	background-color: transparent;
	margin: 10px 0px 10px 0px;
}
.statsTable th a,
#dataTable th a,
#dataTable2 th a {
	color: #FFFFFF;
}
.statsTable td,
#dataTable td,
#dataTable2 td {
	border: none;
	padding: 3px;
	vertical-align: top;
}

.statsTable th,
#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;
}

.statsTable .enabled {
	font-weight: normal;
}
.statsTable .enabled .enabled {
	color: #008000;
}
.statsTable .disabled {
	font-weight: normal;
}
.statsTable .disabled .disabled {
	color: #FF0000;
}


/* 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: 95%;
	background-color: transparent;
	margin: 10px 0px 20px 0px;
}
#dataTable .dataSubTable th {
	font-weight: bold;
	background-color: #E1E1E1;
	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;
}


#dataTable .currentFilterTable {
	border-collapse: collapse;
	border: none;
	width: auto;
	background-color: transparent;
	margin: 10px 0;
}
.statsTable caption,
#dataTable .currentFilterTable caption {
	color: #666666;
}

#dataTable .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: left;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}
#dataTable .currentFilterTable td {
	border-collapse: collapse;
	vertical-align: top;
	border: none;
	padding: 4px;
	text-align: left;
}



#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%;
}

/* keep the undies off toggle links */
a.plusMinusLink,
a.plusMinusLink:link,
a.plusMinusLink:visited,
a.plusMinusLink:hover,
a.plusMinusLink:active {
	text-decoration: none;
	background-color: transparent;
	color: #333333;
}

/* Snugs up a UL as needed */
ul.snugUL {
	margin-top: 5px;
	padding-top: 0px;
}

/* page names when selecting links to edit
class is applied to the td containg the name which
is contained in an h3 */
td.pageNameEditLinks {
	text-align: left;
	background-color: #F5F5F5;
}
td.pageNameEditLinks h3 {
	margin:0px; 
	padding: 1px 0px 3px;
	text-align: left;
}

/* secondary names when selecting items to edit/delete */
.subGroup {
	font-weight: bold;
	/*color: #4E6DA9;*/
}

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

.note {
	color: #FF0000;
}
/* tip highlight in the admin section */
.tip {
	color: #FF0000;
}

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

/* highlights forum code sample code */
.forumCodeSample {
	background-color: #FFFF00;
	color: #000000;
}

/* highlights a search term */
.highlightSearch {
	background-color: #FFFF00;
	color: #000000;
	font-weight: bold;
}

/* 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: #FCFCFC;
	margin-left: 15%;
	margin-right: 15%;
	padding: 0px 10px;
	border: 1px dashed #000000;
}

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

/* for areas with just text - we make it readable doncha know. */
.n3-dribble {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin: 5px auto 20px;;
}
/********** 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*/


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