/* Stylesheet for EMPOWER Portal */
/*********************************************************
*	Common Element Styles
*********************************************************/
:root {
  --menu_tab: #0D345F;          /* Blue - rgb(13,52,95) use https://www.color-hex.com/ to determine rgb colors */
  --menu_tab_hl: #ED1C24;       /* Red - rgb(237,28,36) */  
  --menu_tab_hlb: #55708F;      /* Not so Dark Blue - rgb(85,112,143) */  
  --body_bckgrnd: #B6C2CF;      /* Gray - rbg(182,194,207) */   
}

* {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
body, html {
	background-color:	#B6C2CF;
	color:				black;
	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:				#0D345F; 	
	text-decoration:	underline;
}
a:hover {
	color:				#ED1C24; 
	text-decoration:	underline;
	cursor:				pointer; 
}
br.clear {
	height:				0;
	clear:				both;
}

.button:link,.btn:link,button,input[type="submit"],input[type="reset"],input[type="button"] {
	color:				white;
	background-color:	#0D345F;
	font-weight:		bold;
	text-align:			center;
    border-color:       white;
    padding:            4px 8px;
}
.button:hover,.btn:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
	color:				white;
	background-color:	#ED1C24;    
	cursor:				pointer;
}

/*********************************************************
*	EMPOWER Portal Element Styles
*********************************************************/
#page-wrapper {
	width:				1000px;
	margin:				0 auto;
}
#header {
	background:			#0D345F url('/images/header_bg_1000x100.png') no-repeat;
	width:				1000px;
	height:				99px;
	border:				solid 1px #55708F;								   
}
#header .date {
	padding:			80px 5px 0 0;
	font-size:			.75em;
	font-weight:		bold;
	color:				white;
	text-align:			right;
}
#site-controls {
	width:				1000px;
	height:				18px;
	padding:			3px 0 0 0;
	font-size:			.75em;
	background-color:	white;
	border:				solid 1px #55708F;
}
#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 #55708F;
	text-align:			right;
}
#center_col {
	width:				1000px;
	min-height:			650px;
	float:				left;
	background-color:   white;							 
	border-top:			1px solid #55708F;
	border-left:		1px solid #55708F;
	border-right:		1px solid #55708F;
	border-bottom:		1px solid #55708F;					 
	font-size:			.75em;
}
#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:			4.85em;
	color:				#0D345F;
}
#center_col .name, #center_col .my-id {
	height:				50px;
	float:				left;
	padding:			19px 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-color:	white;
}
#pg-title .pg-title1, #pg-title .pg-title2 {
	display:			inline;
}
#pg-title .pg-title1 {
	color:				#0D345F;
	font-family: 		"arial black", arial, sans-serif;
	font-size:			2.5em;
}
#pg-title .pg-title2 {
	color:				#0D345F;
	font-family: 		arial,sans-serif;
	font-weight:		normal; 			  
	font-size:			2.5em;
}
#pg-title .pg-id {
    color: #0D345F;
    text-align: left;
    font-size: 0.5em;
}
/* Content Pages */
#ptl-content {
	min-height:			650px;
	padding:			15px 10px 0 10px;
	background-color:	white;
}
/***********************************************************
*	Footnote Style Definitions 
***********************************************************/
#footnote {
	padding:			100px 0 0 0;
}
#footnote p {
	padding:			10px 0 0 0;
	font-size:			.75em;
}
/***********************************************************
*	Footer Style Definitions 
***********************************************************/
#footer-content {
	color:				#0D345F;				 
	padding:			15px 15px 15px 15px;
	background-color:	white;
	font-size:			.75em;
}

#footer {
	color:				#0D345F;						
	width:				1000px;
	font-size:			.75em;
}
#ftr-image {
	width:				1000px;
	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:		#B6C2CF;
}
.required-input-legend{
	border:				1px solid black;
}
.not-required-input, .not-required-input-legend{
	background-color:		transparent;
}
.not-required-input-legend{
	border:				1px solid black;
}
.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:				red;
	font-weight:		bold;
}
/************************************************************
*	Common Page Tags
************************************************************/
/* Options Bar */
#options-panel{ 
	width:				100%;
	height:				16px;
	border-top:			1px solid black;
	border-bottom:		1px solid black;
	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:				red;
	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;
}