/* Stylesheet for EMPOWER Portal */
/*********************************************************
*	Common Element Styles
*********************************************************/
* {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
body, html {
	background:			#FFFFFF;
	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.png') no-repeat;
	width:				1000px;
	height:				180px;
	padding-bottom:		10px;
}
#header .date {
	padding:			150px 0px 0 0;
	font-size:			.75em;
	font-weight:			bold;
	color:				#000;
	text-align:			right;
}

/* 	datefix is used to fix the date positioning issue due to the enlarged header.  
	the function writedate() in header.cfm was wrapped in this div	*/
.datefix{
	position:			absolute;
	margin-left:		auto;
	z-index:			5;
	margin-right: 		auto;
	top:				14px; 
	width: 				1000px;
	}

#header-links{
	font-size:			.75em;
	text-align:			right;
}
#header-links span.logged-in-as {
	background:			#FFFFFF;
	padding:			3px 3px 3px 3px;
	border-top:			solid 1px #000000;
	border-right:			0;
	border-bottom:			solid 1px #000000;
	border-left:			solid 1px #000000;
}
#header-links .admin-tools {
	background:			#FFFFFF;
	padding:			3px 3px 3px 3px;
	border-top:			solid 1px #000000;
	border-right:			0;
	border-bottom:			solid 1px #000000;
	border-left:			solid 1px #000000;
}
#header-links .logout-link {
	background:			#FFFFFF;
	padding:			3px 3px 3px 3px;
	border-top:			solid 1px #000000;
	border-right:			solid 1px #000000;
	border-bottom:			solid 1px #000000;
	border-left:			solid 1px #000000;
}
#left_col {
	float:				left;
	width:				150px;
}
#center_col {
	width:				750px;
	min-height:			650px;
	float:				left;
	background:			#FFFFFF;
	border-top:				1px solid #0076CF;
	border-left:			1px solid #0076CF;
	border-right:			1px solid #0076CF;
	border-bottom:			1px solid #0076CF;
	font-size:			.75em;
}
#center_col .landing-image {
	padding:			0 0 5px 0;
}
#center_col .message {
	height:				50px;
	float:				left;
	padding:			0 0 0 10px;
}
#center_col .message h2 {
	font-family: 		"arial black", arial, sans-serif;
	font-size:			4em;
	font-weight:		normal;
	color:				#0093D4 
}
#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;
}
/*********************************************************************
*	Report Pages
*********************************************************************/
#report_col {
	width:				1000px;
	min-height:			650px;
	float:				left;
	background:			#FFFFFF;
	font-size:			.75em;
}
/* 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:			10px 0 0 15px;
	text-align:			center;
	background:			#FFFFFF;
}
#pg-title .pg-title1, #pg-title .pg-title2 {
	display:			inline;
}
#pg-title .pg-title1 {
	color:				#0076CF;
	font-family: 			"arial black", arial, sans-serif;
	font-size:			2.5em;
}
#pg-title .pg-title2 {
	color:				#0076CF;
	font-size:			2.5em;
}
/* Content Pages */
#ptl-content {
	min-height:			650px;
	padding:			15px 15px 15px 15px;
	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 {
	color:				#000000;
	font-size:			.75em;
}
#footer p {
	padding:			20px 100px 50px 150px;
}
/***********************************************************
* 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
************************************************************/
/* Alert Box on Landing Page */
#alert-box-wrapper {
	padding:			0 10px 0 10px;
}
#alert-box {
	padding:			0 0 5px 0;
	border:				2px solid #FF0000;
	background:			#FFFFFF;
}
#alert-box p{
	padding:			5px 5px 0 5px;
}
/* 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;
}