/* Stylesheet for EMPOWER Portal */
/*********************************************************
*	Common Element Styles
*********************************************************/
* {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
body, html {
	background:			#679966;
	color:				#000000;
	font-family:			arial, sans-serif;
	font-size:			1em;
	font-weight:			normal;
}
body {
	min-width:			1000px;
}
img { 
	border:				0; 
}
a:link, a:visited, a:active {
	color:				#0000FF; 
	text-decoration:		none;
}
a:hover {
	color:				#FF0000; 
	text-decoration:		underline;
}
br.clear {
	height:				0;
	clear:				both;
}
/*********************************************************
*	EMPOWER Portal Element Styles
*********************************************************/
#page-wrapper {
	width:				1000px;
	margin:				0 auto;
}
#header {
	background:			url('/images/header_bg_1000x100.jpg') no-repeat;
	width:				1000px;
	height:				100px;
}
#header .date {
	padding:			80px 5px 0 0;
	font-size:			.75em;
	font-weight:			bold;
	color:				#FFFFFF;
	text-align:			right;
}
#site-controls {
	width:				998px;
	height:				18px;
	padding:			3px 0 0 0;
	font-size:			.75em;
	background:			#FFFFFF;
	border:				solid 1px #000000;
}
#site-controls .home-control {
	display:			inline;
	float:				left;
	padding:			0 0 0 3px;
}
#site-controls .admin-tools {
	display:			inline;
	float:				left;
	padding:			0 0 0 3px;
}
#site-controls .logged-in-as {
	display:			inline;
	float:				right;
	padding:			0 5px 0 0;
	text-align:			right;
}
#site-controls .logout-control {
	display:			inline;
	float:				right;
	padding:			0 5px 0 5px;
	border-left:			solid 1px #000000;
	text-align:			right;
}
#center_col {
	width:				990px;
	min-height:			650px;
	float:				left;
	background:			#FFFFFF url('../images/center_col_bg.jpg');
	border-top:			5px solid #FFFFFF;
	border-left:			5px solid #FFFFFF;
	border-right:			5px solid #FFFFFF;
	border-bottom:			5px solid #FFFFFF;
	font-size:			.75em;
}
#center_col .message {
	height:				50px;
	float:				left;
}
#center_col .message h2 {
	font-family: 			"arial black", arial, sans-serif;
	font-size:			4.85em;
	color:				#630C0D;
}
#center_col .name, #center_col .my-id {
	height:				50px;
	float:				left;
	padding:			3.19em 0 0 10px;
}
#center_col .name h3, #center_col .my-id h3 {
	font-family:			arial, sans-serif;
	font-size:			1.66em;
	font-weight:			normal;
}
#center_col .what-is-my-id {
	height:				50px;
	float:				left;
	padding:			3.8em 0 0 10px;
}
#center_col .choose-elements {
	height:				50px;
	width:				35px;
	float:				right;
	padding:			10px 10px 0 0;
	text-align:			center;
}
/* Content Page Titles */
/* Page Titles are comprised of 2 inline DIV tags; pg-title1 and pg-title2. These are contained in a wrapper DIV tag named pg-title*/
#pg-title {
	padding:			0 0 0 15px;
	text-align:			center;
	background:			#FFFFFF;
}
#pg-title .pg-title1, #pg-title .pg-title2 {
	display:			inline;
}
#pg-title .pg-title1 {
	color:				#630C0D;
	font-family: 			"arial black", arial, sans-serif;
	font-size:			2.5em;
}
#pg-title .pg-title2 {
	color:				#630C0D;
	font-size:			2.5em;
}
/* Content Pages */
#ptl-content {
	min-height:			650px;
	padding:			15px 10px 0 10px;
	background:			#FFFFFF;
}
/***********************************************************
*	Footnote Style Definitions 
***********************************************************/
#footnote {
	padding:			100px 0 0 0;
}
#footnote p {
	padding:			10px 0 0 0;
	font-size:			.75em;
}
/***********************************************************
*	Footer Style Definitions 
***********************************************************/
#footer-content {
	padding:			15px 15px 15px 15px;
	background:			#FFFFFF;
	font-size:			.75em;
}

#footer {
	width:				980px;
	font-size:			.75em;
}
#ftr-image {
	width:				980px;
	text-align:			center;
}
#footer p {
	padding:			15px 15px 15px 15px;
}
/***********************************************************
* Currently Set tags
***********************************************************/
#currentlySet {
	padding:			0 0 10px 0;
}
/***********************************************************
* Required / Not Required Input Styles for Online Forms
***********************************************************/
.required-input, .required-input-legend{
	background-color:		#FFAACC;
}
.required-input-legend{
	border:				1px solid #000000;
}
.not-required-input, .not-required-input-legend{
	background-color:		transparent;
}
.not-required-input-legend{
	border:				1px solid #000000;
}
.required-label{}
.not-required-label{}
.legend-box {}
.missing-required {} /* Deprecated as of Update 60 */
/************************************************************
*	Alerts and Warning Text
************************************************************/
/* Generic Alert Text */
#alert-text, .alert-text {
	color:				#FF0000;
	font-weight:			bold;
}
/************************************************************
*	Common Page Tags
************************************************************/
/* Options Bar */
#options-panel{ 
	width:				100%;
	height:				16px;
	border-top:			1px solid #000000;
	border-bottom:			1px solid #000000;
	padding:			3px 0 3px 3px;
}
#options-panel .option-separator{
	display:			inline;
	float:				left;
	padding:			0 5px 0 5px;
}
#options-panel .option{
	display:			inline;
	float:				left;
}
/* Page Description / instruction / Alert paragraphs */
p.page-description{
	padding:			0 0 5px 0;
}
p.page-instructions{
	padding:			0 0 5px 0;
}
p.page-alert{
	padding:			0 0 5px 0;
	color:				#FF0000;
	font-weight:			bold;
}
/* Paginated Table Row Information Bar */
#row-info{
	width:				100%;
}
#row-info .row-info-prev{
	display:			inline;
	float:				right;
}
#row-info .row-info-next{
	display:			inline;
	float:				right;
	padding:			0 0 0 3px;
}
#row-info .row-info-count{
	display:			inline;
	float:				left;
}