/* Element Definitions */
#pageGutter {width:100%;background:#666666; color:#666666;margin:0;}
#pageBanner, #pageNavigation, #pageWrapper, #pageFooter {width:80em;margin:0.4em auto 1em;text-align:center;clear:both;}
#pageBanner {margin-top:0; margin-bottom:-10px; background: transparent url(/include/style/images/navigation/topBanner.png) no-repeat;height:150px;background-color:#fff }
#pageFooter {text-align:center;padding-top:.5em;}
#pageFooter div div {background: url(/include/style/images/tbkg_navi_btm.gif) repeat-x top;height:1.5em;border: 1px solid #ff9933;text-align:center;}

#pageFooter a, #pageFooter a:link, #pageFooter a:visited {color:#efd;padding-top:0.6em;}
#pageFooter div div {padding-top:.25em}
#pageFooter div p {padding-top:.25em;color:#036;margin:1em 0 2.5em;}
#pageFooter a:hover {color:#ff9; text-decoration:none;}

#pageWrapper {padding-top:1em;}

#topTag { width:12em; float:right; color:#0000FF; font-size: 20px; text-align:center;}

#pageNavigation {
margin:-3px auto .7em !important;
clear:both; 
height:2.8em;
background: transparent url(/include/style/images/navigation/buttonUp.jpg) repeat-x;
clear:both;
border-top: 1px solid #FF9933;
}

#pageNavigation a {
	border-right: 1px solid #ff9933;
	color:#003466;
	font-size:1em;
	padding:.6em 1.45em 0.8em;
	margin-top:-1px; 
	display: inline;
	clear:right;
	float:left;
}

#pageNavigation a:hover {
border-top:1px solid #fff;
margin-top:-2px;
text-decoration:none;
background: transparent url(/include/style/images/navigation/buttonDown.jpg) repeat-x;
}

/* Current User and Session Status */
#sessionStatus {
	position:absolute;
	top:0;
	left: 50%;
	margin-left: -40em;
	width:80em;
	}
	
#loginStatus {
	float:right;
	width:100%;	
	background:000;
    font-size:93%;
    line-height:normal;

}
#loginStatus ul {
	margin:0;
 	padding:0;
 	list-style:none;
}
#loginStatus li {
	float:right;
	margin:0;
	padding:0;
	background:url(/include/style/images/sessionStatusRight.png) no-repeat right bottom;
}
#loginStatus a {
	display:block;
	background:url(/include/style/images/sessionStatusLeft.png) no-repeat left bottom;
    padding:0px 15px 2px;
	color:#003466;
	text-decoration:none;
}
#loginStatus a img {
	vertical-align:middle;
}

#loginStatus a:hover {
	text-decoration:none;
}


/*** Menu colors (customizable) ***/

span.nav { float:right; padding:0;}
#pageNavigation span.nav a img { margin:1.2em -1em 0; }
#pageNavigation span.nav a { border-right:0 none;border-left: 1px solid #ff9933;
}
#pageNavigation span.nav a:hover {
background: transparent url(/include/style/images/navigation/buttonDown.jpg) repeat-x;

}

span.bug { float:right; clear:none; padding:0;}
span.bug a img { margin:-1.4em 0 0.6em 0 }
span.bug a:hover img { margin:-1.2em 0.2em 0 0}


/* Log In and Sign Up Tabs */
div#account {float:right; padding-top:68px; }
div#account ul#loginTabs li a:hover { text-decoration: none; }

/* TABS - NOT SELECTED */
div#account ul#loginTabs li h2, 
div#account ul#loginTabs li {background: url(/include/style/images/cornersSheet.png) left -68px; }
div#account ul#loginTabs li h2 { background-position: right -68px; font-size:12px;}
div#account ul#loginTabs li a { background-color: #cce0f4; color: #464646; }
div#account ul#loginTabs li a:hover { color: #CC0000; }

/* TABS - SELECTED */
div#account ul#loginTabs li.selected { background-position: left -17px; }
div#account ul#loginTabs li.selected h2 { background-position: right -17px; font-size:12px;}
div#account ul#loginTabs li.selected a { background: transparent url(/include/style/images/bgSheet.png) repeat-x; color: #FFF; }
div#account ul#loginTabs li.selected a:hover { color: #FFF; }

/* TABS ACCOUNT LOGIN */
div#account h2 { margin: 0; padding: 0; }
div#account ul#loginTabs li { float: left; margin-right: 0.3em; }
div#account ul#loginTabs li a { display: block; padding: 0.5em .5em; margin: 0 6px; }
div#account ul#loginTabs li.selected a { padding-bottom: 0.6em; } 
div#account div.selected { display: block; }

/* Content Areas */
.pageContent {float:right;width:80%;margin:1em auto 0; background-color:#fff;}
.pageSubContent {margin:1em;background-color:#003466;width:75%}
.pageSubContent p label {width: 20%;float: left;text-align: right;display: block}
.pageSubContent p input,
.pageSubContent p select,
.pageSubContent p textarea {margin:0;padding:0;;text-align:left;width:30em}
.pageSubContent div p label {width: 275px;float: left;text-align: right;display: block}
.pageSubContent div p input {margin:0;padding:0;float:left;text-align:left;width:300px}
.pageSubContent div p select {margin:0;padding:0;float:left;text-align:left;width:75px}
.pageSubContent div p {clear:both}
.subContent {position:relative;width:80%;height:auto;visibility:visible;padding:0;border:1px solid #97A4B3;margin: 0 0 1em 1em;line-height:100%;}
.subContent ul li {line-height:100%;}

/* TABS */
div.tabsWrap { border: 1px solid #bbb;margin:.1em .5em .0em}
ul.tabs { background:  url(/include/style/images/bgSheet.png) repeat-x left -1026px; }
ul.tabs li { border-right: 1px solid #bbb; }
ul.tabs li.selected a, 
ul.tabs li a:hover { background: url(/include/images/mainsite/moduleBg.gif) repeat-x; color: #747474; }
ul.tabs li a:hover { color: #039; }

/* TABS */
ul.tabs li { float: left; margin-bottom: -2px; }
ul.tabs li a { display: block; padding: 0.8em 1em;font-weight: bold; font-size: 0.91em; text-align: center;  }
ul.tabs li.selected a:hover { padding-bottom: 0.8em; }
ul.tabs li.selected { margin-bottom: -1px; }
ul.tabs li a:hover { text-decoration: none; }

/* Sign In */
#guestSignIn div p,
#needAnAccount div p { padding:1em 1.8em 1em; clear:both; }
#guestButton,
#signUpButton { margin:1.6em .8em 3em; }

#getSignedIn form p { padding:.2em 2.5em .2em; clear:both; }
#getSignedIn form p input { width:24em; }

#getSignedIn form div p { padding:.1em 2.8em 0 clear:both;}
#getSignedIn input.memory { border:none; background:none; width:1em;  }
#remember label {text-align:left}
a.editResource { margin:-0.1em 0.5em 0; float:right; }
a.editResource:hover img { margin-top:0.2em; }