﻿/*--------------------------------------------------------------

CSS TABLE OF CONTENTS

	RESET
	TYPOGRAPHY
	Headings
	Text elements
	Lists
	Misc Elements
	myebenefits dashboard filter

-------------------------------------------------------------- */

/*--------------------------------------------------------------
 RESET
-------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/*table{border-collapse:collapse;border-spacing:0;}*/
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
link{display:none;} /* Fixes Firefox bug where <link> tags were adding whitespace.  */
button::-moz-focus-inner { border: 0;padding: 0;}

/*--------------------------------------------------------------
 TYPOGRAPHY
-------------------------------------------------------------- */



.mainbody {

	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	text-align: center; 
	width: 100%; 
	height: 100%;
}





#content-wrapper {

	width: 100%; 
	min-height: 680px; 
	text-align: left; 
	margin: 0 auto; 
	z-index: 1;
	clear: both;
}


/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
font-size: 75%;
font-family:  Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
line-height:115%;
}

#gNav .format {
font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:bold;
text-transform:uppercase;
}

#gNav .dropdown a{
font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:bold;
color:#fff;
text-transform:none;
}
#gNav ul.utilityDropdown a{
color:#fff;
font-weight:bold;
}
#gNav .utility{
font-size:90%;
}


#breadCrumb, #full_breadcrumb {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:80%;
font-weight:bold;
text-transform:uppercase;
color:#ccc;
}

.portletTitle {
	font-size:170%;
	margin:0 0 .75em 0;
}

.portletSection {
	font-size:140%;
	margin:0 0 .55em 0;
}


/*group sub_main typography styles*/

.emphasis{
color:#002566;
font-size:140%;
font-weight:bold;
}


/*group small text typography styles*/

.sml_wht {
  font-size: 85%;  
  color: #fff;   
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.sml_wht a{ 
  font-size: 85%;  
  color: #fff;   
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sml_blk { 
  font-size: 85%;  
  color: #222;   
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.sml_blk a{ 
  font-size: 85%;  
  color: #222;   
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sml_debug {
	font-size: 65%;  
	color: #ac0000;
	border: solid 1px #ac0000;
}


/*misc styles*/
.gray_underline{
	padding:0 0 5px 0;
	border-bottom: solid 1px #f0f0f0;
}
.closeTab a {text-decoration:none;} /* Fixes Firefox bug where image had underline. */

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
font-weight: normal;

}
/*
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
*/
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}
/* Text elements
-------------------------------------------------------------- */

p {
margin: 0 0 1.5em;
}
p.list_intro {
	margin-bottom:5px;
}

p img.left {
float: left;
margin: 1.5em 1.5em 1.5em 0;
padding: 0;
}
p img.right {
float: right;
margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
color: #ac0000;
}
a {
color: #ac0000;
text-decoration: underline;
}
blockquote {
margin: 0 0 0 1.5em;
/*color: #666;
font-style: italic;*/
}
strong {
font-weight: bold;
}
em, dfn {
font-style: italic;
}
dfn {
font-weight: bold;
}
sup, sub {
line-height: 0;
}
abbr, acronym {
border-bottom: 1px dotted #666;
}
address {
margin: 0 0 1.5em;
font-style: italic;
}
del {
color:#666;
}
pre {
margin: 1.5em 0;
white-space: pre;
}
pre, code, tt {
font: 1em 'andale mono', 'lucida console', monospace;
line-height: 1.5;
}
/* Lists
-------------------------------------------------------------- */

/*li ul, li ol {
margin:0 1.5em;
}
ul, ol {
margin: 0 1.5em 1.5em 1.5em;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
dl {
margin: 0 0 1.5em 0;
}
dl dt {
font-weight: bold;
}
dd {
margin-left: 1.5em;
}*/

/* Misc classes
-------------------------------------------------------------- */

.small {
font-size: .8em;
margin-bottom: 1.875em;
line-height: 1.875em;
}
.large {
font-size: 1.2em;
line-height: 2.5em;
margin-bottom: 1.25em;
}
.hide {
display: none;
}
.quiet {
color: #666;
}
.loud {
color: #000;
}
.highlight {
background:#ff0;
}
.added {
background:#060;
color: #fff;
}
.removed {
background:#900;
color: #fff;
}
.first {
margin-left:0;
padding-left:0;
}
.last {
margin-right:0;
padding-right:0;
}
.top {
margin-top:0;
padding-top:0;
}
.bottom {
margin-bottom:0;
padding-bottom:0;
}

/*--------------------------------------------------------------
 MAIN STYLES
-------------------------------------------------------------- */

.myeb-portlet{
	margin:10px;
	padding:10px;
	
}
.multiPortlet-title{
	font-size:175%;
	color:#ac0000;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom: solid 1px #ac0000;
}

/*isolated portlet resets -- for DPRIS portlets, attempts to cancel out style overlap */
#dprisID h4{
	margin:0;
	padding:0;
	font-size:medium;
	color:navy;
	font-family:Arial,Helvetica,sans-serif;
}
#dprisID h3{
	margin:0;
	padding:0;
	color:navy;
	font-family:Arial,Helvetica,sans-serif;
	font-size:large;
}
#dprisID ul{
	width:100%;
	margin:0;
	
}
#dprisID li{
	margin:1.5em;
	font-size:100%;
	list-style-type:disc;
	color:#222;
}
#dprisID input{
	margin:0;
	padding:0;
	font-size:1em;
	color:#222;
}
#DMDC-current .civilianemploymentinformation {
	font-size:120%;
	margin: 0px 0px 20px 0;
}
#DMDC-current .civilianemployment a {
	font-size:100%;
	margin: 30px 30px 30px 0;
	display:block;
}
#DMDC-familymember table th {
	background:#e0e0e0;
	text-align:left;
	padding:10px;
	
}
#DMDC-familymember table td {
	border-bottom: solid 1px #ccc;
	text-align:left;
	padding:10px;
	
}

/*SAH Portlet styles*/
#sahID th {
	text-align:left;
	font-size:125%;
	background:#e3e7ee;
	padding:10px;
}
#sahID .sahOuterTable {
	width:100%;
}
#sahID .sahInnerTable, #sahID .sah_link, #sahID .sah_message {
	margin: 0 0 0 25px;
	padding:5px;
}
/*
general styles */
html {
background: #e3e7ee url(/ebenefits-portal/framework/images/template/page_bg.gif) repeat-x 0 0;
}
body {
	color:#222;
}
#container {
width:958px;
margin:0 auto;
}
#skipNav {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.edges{
background: transparent url(/ebenefits-portal/framework/images/template/pagebody_shadows.png) repeat-y;
padding: 0 4px 0 4px;
width:952px;
}
.hidden {
height:1px;
left:-9999px;
overflow:hidden;
position:absolute;
top:-9999px;
width:1px;
}
#registration ol,
#contentPage ol,
#registration ul,
#contentPage ul,
ul.stars{
	margin: 0 0 20px 0;
}
#registration ul li,
#contentPage ul li,
ul.stars li{
	margin: 0 0 5px 25px;
	list-style-image:url(/ebenefits-portal/framework/images/starBullet.gif);
}
#registration ol li,
#contentPage ol li{
	margin: 0 0 5px 25px;
	list-style:decimal;
}
hr{
	border: solid 1px #e0e0e0;
	margin:0 0 20px 0;
}
.req
{
	color: #B40101;
	font-weight: bold;
}
.error {
	font-weight: bold;
	color: #B40101;
/*	padding: 10px;
	margin: 10px 20px 10px 0px;
	background:  #fff;
	border: solid 1px #ac0000;*/
}
form.ebenefits .error{
	display:block;
	padding-top:3px;
}

.inline-image {
	float:left;
	margin:0 10px 10px 0;
	
}


/*CONTEXTUAL HELP & TOOL TIP STYLES*/
.tooltip { 
   display:none;
    background: url(/ebenefits-portal/framework/images/tooltip.png) no-repeat;
    font-size:10px; 
	color:#fff;  
    height:86px; 
    width:152px; 
	padding:10px;
	z-index:15;
}

/*
faceted browse help */
#leftRail h3 .help{
	float:right;
	margin:0 5px 0 0;
}
/*
homepage recommended benefits help*/
#benefitsPanel .help {
	float:left;
	margin:0 10px 0 15px;
	padding-top:4px;
}
/*
profile page help */
.form .help {
	float:left;
	margin:0 5px 0 0;
}

/*IE6 messaging in right rail*/
#ie6message {
	padding:10px;
	background:#002566;
	color:#fff;
	display:none;
}
#ie6message h3{
	color: #ecdf98;
	margin:0 0 10px 0;
	font-weight:bold;
}
#ie6message p{
	font-size:80%;
}
#ie6message a.ie6Link{
	color:#fff;
	text-decoration:underline;
}
#ie6message a.ie6Link:hover, #ie6message a.ie6Link:focus{
	color:#ecdf98;
}

/*
Header elements*/
#header {
height:143px;
margin:5px 0 0 0;
position:relative;
}
#header #logo {
position:absolute;
left:30px;
top:37px;
bottom:0;
background:transparent url(/ebenefits-portal/framework/images/template/ebenefitslogo.gif) no-repeat left top;
width:260px;
height:59px;
margin-bottom:0
}
#header #logo a {
display:block;
width:260px;
height:59px;
text-indent:-999em;
outline:none
}
#header .header_right {
width:353px;
height:150px;
position:absolute;
right:0px;
top:15px;
}
#header .headDescText {
width:200px;
padding:5px 0 0 30px;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#999;
line-height: 1.3;
float:left;
}
#header .headDescImg {
width:115px;
float:left;
text-align:right;
}
#header #search{
background:transparent url(/ebenefits-portal/framework/images/template/search_bg.jpg) no-repeat left top;
display:block;
width:353px;
height:60px;
position:absolute;
right:0px;
top:65px;
}
#header #search input.searchbox {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.4em;
padding:3px;
color:#999;
width:225px;
position:absolute;
left:20px;
top:17px;
}
#header #search input.searchbox:focus {
color:#333;
}
#header #search input.searchbutton {
background:transparent url(/ebenefits-portal/framework/images/template/search_btn.png) no-repeat scroll 0 0;
border:none;
height:35px;
width:81px;
position:absolute;
right:10px;
top:15px;
cursor:pointer;
}

/*** GNAV GLOBAL NAVIGATION BAR (powered by superfish) ***/

#gNav{
background: url(/ebenefits-portal/framework/images/template/gNav_full_bg.gif) no-repeat;
position:relative;
height:39px;
width:950px;
z-index:9;
}
.sf-menu li {
		
}
.sf-menu li.main {
	line-height:39px;
	height:39px;
	padding:0 20px 0 20px;
	background: url(/ebenefits-portal/framework/images/template/gnav_divider.gif) no-repeat right 1px;

}
.sf-menu li.main a {
	text-decoration:none;
	color:#002566;
	text-shadow:#e3e7ee 1px 1px;
}
.sf-menu li.util_about {
	position:absolute;
	width: 38px;
	right:160px;
}
.sf-menu li.util_contact {
	position:absolute;
	right:81px;
}
.sf-menu li.util_help {
	position:absolute;
	right:0px;
	width:40px;
	text-indent:8px;
}
.sf-menu li.menuItem, .sf-menu li.utilmenuItem {
	background: #002566 url(/ebenefits-portal/framework/images/template/dropdown_bg.gif) no-repeat left top;
	line-height:25px;
	height:25px;
	padding:0 0 0 20px;
	border-bottom:solid 1px #021e4f;
}
.sf-menu li.current {
	background: url(/ebenefits-portal/framework/images/template/gNav_selected.gif) no-repeat right top;
}
.sf-menu ul.dropdown li.current, .sf-menu ul.utilityDropdown li.current {
	background: #002566 url(/ebenefits-portal/framework/images/template/dropdown_bg.gif) no-repeat left bottom;
	font-style:italic;
	text-decoration:underline;
}




.sf-menu li:hover, .sf-menu li.sfHover {
background: transparent url(/ebenefits-portal/framework/images/template/gNav_hover.gif) repeat-x right top;
outline:		0;
color: #fff;
}
.sf-menu li.sfHover a{
	color: #fff;
	text-shadow:none;
}
.sf-menu ul.dropdown li:hover, .sf-menu ul.dropdown li.sfHover,
.sf-menu ul.dropdown a:focus, .sf-menu ul.dropdown a:hover, .sf-menu ul.dropdown a:active {
background: #002566 url(/ebenefits-portal/framework/images/template/dropdown_bg.gif) no-repeat left bottom;
outline:		0;
font-style:italic;
text-decoration:underline;
}
.sf-menu ul.utilityDropdown li:hover, .sf-menu ul.utilityDropdown li.sfHover,
.sf-menu ul.utilityDropdown a:focus, .sf-menu ul.utilityDropdown a:hover, .sf-menu ul.utilityDropdown a:active {
background: #002566 url(/ebenefits-portal/framework/images/template/dropdown_bg.gif) no-repeat left bottom;
outline:		0;
font-style:italic;
text-decoration:underline;
}

/*
03d -- group Special nav elements*/
#gNav .home{
width:42px;
height:39px;
float:left;
line-height:39px;
}
#gNav .home a {
background:transparent url(/ebenefits-portal/framework/images/template/home.png) no-repeat left top;
display:block;
width:42px;
height:39px;
text-indent:-999em;
outline:none
}
#gNav .home a:hover{
background:transparent url(/ebenefits-portal/framework/images/template/home.png) no-repeat 0 -39px;
position:absolute;
width:42px;
height:39px;
}


#promo {
z-index:0;
background:#fff;
margin:15px 0 15px 15px;
height:220px;
position:relative;
overflow:hidden;
}
#promo p{
	text-indent:-9999px;
}
#promo .promolink{
	position:absolute;
	bottom: 8px;
	right:25px;
	color:#fff;
}
#promo .promolink a{
	color:#fff;
}
#promo .promo1{
	height:220px;
	width:680px;
	background: #fff url(/ebenefits-portal/framework/images/promo_service.jpg) no-repeat 0 0;	
}
#promo .promo2{
	height:220px;
	width:680px;
	background: #fff url(/ebenefits-portal/framework/images/promo_arp.jpg) no-repeat 0 0;	
}
#promo .promo3{
	height:220px;
	width:680px;
	background: #fff url(/ebenefits-portal/framework/images/promo_dpris.jpg) no-repeat 0 0;	
}
#promo .promo4{
	height:220px;
	width:680px;
	background: #fff url(/ebenefits-portal/framework/images/promo_claims.jpg) no-repeat 0 0;	
}


/*HOMEPAGE CONTENT elements*/
h1.homepage{
position:absolute;left:-9999px;
}
#homepageContent {
float:left;
z-index:1;
background:#fff;
}
#homepageContent #col1 {
width:355px;
float:left;
}
/*
RECOMMENDED BENEFITS PANEL elements*/
#homepageContent #benefitsPanel{
background: #e3e7ee url(/ebenefits-portal/framework/images/recben_bg.png) repeat-x 0 0;
}
#benefitsPanel h3{
height:38px;
width:355px;
background: url(/ebenefits-portal/framework/images/recommendedlinks.gif) no-repeat 0 0;
text-indent:-999px;
}
#benefitsPanel .benefits_selecter{
	padding: 0 0 0 10px;
}
#benefitsPanel .benefits_selecter em{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
#benefitsPanel .benefits_selecter select{
	font-size:1.2em;
}
#benefitsPanel .benefits_selecter label{
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
}
#benefitsPanel .benefits_selecter .recbenBtn{
	margin-bottom:-8px;
	margin-left: 5px;
}
.benefits_bg{
	background: #e3e7ee;
	border-top: solid 1px #c4c7cd;
	margin: 10px 5px 0 5px;
	padding: 20px;
}
#benefitsPanel dl dt{
display:list-item; 
list-style-type:none; 
color:#002566;
font-size:115%;
}
#benefitsPanel dl dt a{
color:#ac0000;
text-decoration:none;
}
#benefitsPanel dl dt a:hover, #benefitsPanel dl dt a:focus {
color:#ac0000;
text-decoration:underline;
}
#benefitsPanel dl dd em{
	font-family:Verdana, Arial, sans-serif;
font-size:90%;
}
#benefitsPanel dl dd a.source{
color:#ac0000;
text-decoration:none;
font-size:90%;
font-family:Verdana, Arial, sans-serif;
}
#benefitsPanel dl dd a:hover.source, #benefitsPanel dl dd a:focus.source{
color:#ac0000;
text-decoration:underline;
}
#benefitsPanel dl dd{
margin:5px 0 0px 0;
font-size:95%;
color:#222;
}
#benefitsPanel dl img{
border: solid 1px #999;
}
#benefitsPanel dl .sourceIcon{
float:left;
height:49px;
margin:3px 10px 20px 0;
}
#benefitsPanel dl .divider{
clear:both;
background: transparent url(/ebenefits-portal/framework/images/recLinks_divider.png) no-repeat 0 0;
height:23px;
width:100%;
display:block;
}
.benefits_rec_btm{
	background: transparent url(/ebenefits-portal/framework/images/recLinks_btm_bg.png) repeat-x 0 0;
	height:28px;
	text-align:right;
}
.benefits_rec_btm a{
padding:0px 15px 0px 0;
line-height:28px;
color: #fff;
text-decoration:none;
}
.benefits_rec_btm a:hover, .benefits_rec_btm a:focus{
	color: #fff;
	text-decoration:underline;
}

/*
HOMEPAGE CENTER COLUMN elements*/
#homepageContent #col2 {
background:#fff;
width:355px;
float:left;
}
#col2 h3{
	font-size:150%;
	color:#002566;
	padding: 15px 0px 5px 25px;
	clear:both;
}
#col2 p{
	font-size:100%;
	padding: 5px 25px 10px 25px;
	margin: 0;
}
#col2 hr{
	border:solid 1px #fff;
	clear:both;
}
.col2_box{
	background: #fff url(/ebenefits-portal/framework/images/HPcenterCol_single_bg.png) repeat-y 13px 0;
	margin-bottom: 20px;
	width:inherit;
	padding: 0 0 15px 0;
}
#col2 #comingSoon li {
	font-size: 90%;
padding: 5px 25px 5px 25px;
	line-height:14px;
}
#col2 #comingSoon p {
border-bottom: solid 2px #fff;
padding: 5px 25px 10px 25px;
}
#col2 #comingSoon img.icon {

	float:right;
	margin:-25px 25px 5px 0px;
}
.col2_box .colA {
	float:left;
	width: 45%;
}
.col2_box .colA p{
	padding: 5px 25px 10px 25px;
	margin: 0;
}
.col2_box .colB {
	float:left;
	width: 45%;
}
.col2_box .more {
	clear:both;
	text-align:right;
	border-bottom: dotted 1px #fff;
}
.col2_box .more a, .col2_box .more a:visited{
	background:inherit;
	color: #ac0000;
	padding: 3px;
	font-size:90%;
}
.col2_box .more a:hover, .col2_box .more a:focus{
	background:#ac0000;
	color: #fff;
}
.col2_box:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} /*Clear floats*/
#col2 #socialMedia ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding: 0 0px 0 25px;
line-height:16px;
font-size:90%;
}
#col2 #socialMedia li {
	padding: 5px;
	background:#e6eaf0 url(/ebenefits-portal/framework/images/sm_btn_bg.gif) repeat-x left top;
	border-top: solid 1px #c5cad4;
	border-bottom: solid 1px #fff;
	margin:0 0 5px 0;
}
#col2 #socialMedia .colA li a, #col2 #socialMedia .colB li a {
	text-decoration:none;
	display:block;
}
#col2 #socialMedia .colA li a:hover, #col2 #socialMedia .colB li a:hover, #col2 #socialMedia .colA li a:focus, #col2 #socialMedia .colB li a:focus {
	text-decoration:underline;
	color: #002566;
}
#col2 #socialMedia h4 {
	font-stretch:expanded;
	text-transform:uppercase;
	font-weight: bold;
	color: #fff;
	font-size:100%;
	background:#657fad ;
	padding: 2px 2px 2px 5px;
	margin: 10px 0 5px 25px;
}
/*
SUBPAGE CONTENT elements -- all subpages have this wrapper*/

#content {
background: url(/ebenefits-portal/framework/images/subpageFauxcolumns.png) repeat-y 0 0;
z-index:0;
}
#content:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} /*Clear floats*/

/*group leftRail elements for faceted nav*/
#leftRail {
background:#e3e7ee;
width:180px;
margin: 1px 0;
float:left;
}
#leftRail li{
margin: 0 0 5px 10px;
width: 165px;
}
#leftRail li:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} /*Clear floats*/
#leftRail .checkbox{
	float:left;
	width: 25px;
}
#leftRail .checkbox_title{
	float:left;
	width: 135px;
	padding-top:3px;
}
#leftRail .filter p{
clear:both;
}
#leftRail .filter label{
font-size:90%;
}
#leftRail h3{
	height:36px;
	background: url(/ebenefits-portal/framework/images/leftNav_titles.jpg) no-repeat 0 0;
	padding-left: 5px;
	text-indent:5px;
	font-weight:bold;
	text-transform:uppercase;
	color: #002566;
	margin: 20px 0 0 0;
}
#leftRail h3 .staticFacet{
	float:left;
}
#leftRail h3 a{
	text-decoration:none;
	color: #002566;
	float:left;
	cursor:pointer;
}
#leftRail .arrow-s{
	background: url(/ebenefits-portal/framework/images/arrow-default.gif) no-repeat top left;
	width:12px;
	height:10px;
	float:left;
	margin:2px 3px 0 0;
	cursor:pointer;
}
#leftRail .arrow-e{
	background: url(/ebenefits-portal/framework/images/arrow-default.gif) no-repeat bottom left;
	width:12px;
	height:12px;
	float:left;
	margin:2px 3px 0 0;
}
#leftRail .allNone{
	font-size:80%;
	margin: 0 0 5px 10px;
	padding: 5px;
	color:#666;
	border-bottom:solid 1px #D8DDE6;
	/*background: #D8DDE6;*/
	width: 145px;
}
#leftRail .allNone a{
	text-decoration:none;
	color:#AC0000;
	padding: 0 3px 0 3px;
}
#leftRail .allNone a:hover{
	color:#fff;
	background: #AC0000;
}
#leftRail .seeMore, #leftRail .seeLess{
	text-align:right;
	font-size:80%;
	margin: 10px 10px 0;
	cursor:pointer;
}
#leftRail .seeMore a, #leftRail .seeLess a{
	text-decoration:none;
	color:#AC0000;
	padding: 0 3px 0 3px;
}
#leftRail .seeMore a:hover, #leftRail .seeLess a:hover{
	color:#fff;
	background: #AC0000;
}

/*group LEFTNAV items for non-facted nav*/

#leftRail .leftNav{
	margin:20px 0;

}
#leftRail .leftNav li{
	width: 170px;	
}
#leftRail .leftNav .nestedNav li{
	width: 160px;
}
#leftRail .leftNav .nestedNav li li{
	width: 150px;
	font-size:90%;
}


#leftRail .leftNav a.current{
	background: #fff;
	color:#444;
	font-weight:bold;
}
#leftRail .leftNav a.top{
	font-size:120%;
	font-weight:bold;
}
#leftRail .leftNav a{
	margin: 0 0 10px 0;
	background: #c8d3e6 url(/ebenefits-portal/framework/images/template/leftNav_nested_shadow.gif) no-repeat top right;
	display:block;
	padding: 10px 10px 10px 20px;
	color:#AC0000;
	text-decoration:none;
}
#leftRail .leftNav a:hover{
	text-decoration:underline;
}
/*group CENTER COLUMN elements*/
#content #centerCol {
background:#fff;
width:530px;
float:left;
}
/*subpage title*/
#centerCol h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:250%;
font-style:italic;
color:#002566;
padding:0 0 6px 0;
line-height:110%
}

/*myebenefits title*/
#myebenefits #centerCol h1{
padding:10px 0 30px 30px;
}

#centerCol a {
color:#ac0000;
text-decoration:none;
}
#centerCol a:focus, #centerCol a:hover {
text-decoration:underline;
}
#centerCol {
line-height:150%;
}



.abouttext {
	margin:20px 25px 35px 25px;
	overflow:hidden;
	word-wrap: break-word;
	width:480px;
	float:left;
	
}



#content .contentMargin{
	margin:20px 25px 35px 25px;
	overflow:hidden;
	word-wrap: break-word;
	width:480px;
}
#content .contentMargin ul.stateCol{
	float:left;
	width:33%;
}
/*creates a white overlay for 'loading' state in center column*/
#content .loading{
	/*margin:20px 35px 35px 35px;
	width: 460px;*/
	opacity: 0.25;
	-moz-opacity: 0.25; 
	filter:alpha(opacity=25);
	background-color:#fff;
		margin:20px 25px 35px 25px;
	overflow:hidden;
	word-wrap: break-word;
	width:480px;
}
#content #leftRail li.source{
	margin: 0 0 10px 15px;
	font-style:italic;
	font-size:90%;
	color:#333;
}
/*fake empty breadcrumb element to fill the leftRail*/
.leftBreadcrumb{
background:#ac0000 url(/ebenefits-portal/framework/images/template/breadCrumb_left_bg.gif) no-repeat 150px 0;
height:31px;
}
/*group BREADCRUMB elements*/
#breadCrumb {
margin:0;
width:530px;
height:31px;
}
#breadCrumb ul {
margin:1px 0;
padding:0 0 0 20px;
height:31px;
background:#ac0000;
}
#breadCrumb ul li {
float:left;
display:inline;
padding:0 2px 0;
line-height:31px;
}
#breadCrumb ul li a {
float:left;
display:block;
color:#fff;
text-decoration:none;
}
#breadCrumb ul li a:hover {
color:#fff;
text-decoration:underline;
}
/*breadcrumb that spans the left AND center column*/
#full_breadcrumb {
margin: 1px 0;
width:540px;
height:31px;
background:#ac0000 url(/ebenefits-portal/framework/images/template/breadCrumb_left_bg.gif) no-repeat 150px 0;
padding-left: 170px;
}
#full_breadcrumb ul {
margin:1px 0;
padding:0 0 0 20px;
height:31px;
}
#full_breadcrumb ul li {
float:left;
display:inline;
padding:0 2px 0;
line-height:31px;
}
#full_breadcrumb ul li a {
float:left;
display:block;
color:#fff;
text-decoration:none;
}
#full_breadcrumb ul li a:hover {
color:#fff;
text-decoration:underline;
}
/*group CONTENTPAGE elements (ie, non-linkspage template)*/
#contentPage ul{
	margin: 0 0 20px 0;
}
#contentPage ul li{
	margin: 0 0 5px 25px;
	list-style-image:url(/ebenefits-portal/framework/images/starBullet.gif);
}
#contentPage h4{
	margin:20px 0 10px 0;
	font-size:160%;
	color:#ac0000;
	border-bottom:solid 1px #ac0000;
}
#contentPage h5{
	margin:20px 0 5px 0;
	font-size:120%;
	color:#666;
	border-bottom:solid 1px #999;
}
#contentPage #faqs h5{
	margin:40px 0 20px 0;
	font-size:160%;
	background:#e5e5e5;
	color:#333;
	border-bottom:solid 1px #999;
	padding:4px;
}
#contentPage dt{
	background: transparent url(/ebenefits-portal/framework/images/starBullet.gif) no-repeat;
	padding: 0 0 0 20px;
	font-weight:bold;
}
#contentPage dd{
	padding: 0 0 10px 20px;
}
#contentPage .title{
	font-weight:bold;
	background:#e3e7ee;
}
#contentPage .row{
	border-bottom:solid 1px #e3e7ee;

}
#contentPage .feature{
	float:left;
	width:23%;
	margin:1% 2% 1% 0;
}
#contentPage .description{
	float:left;
	width:75%;
	margin:1% 0 1% 0;
}


/*group REGISTRATION elements*/
#registration h4 {
	font-size: 170%;
	margin: 0 0 .5em 0;
}
#registration .callout {
	background: #e3e7ee;
	padding:15px 15px 5px 15px;
	margin: 0 0 2em 0;
	-moz-border-radius: 1em; 
	-webkit-border-radius: 1em; 
}
#registration .callout hr{
	border: solid 1px #fff;
	margin:0 0 10px 0;
}
#registration .col1{
	float:left;
	width:223px;
	padding: 0 10px 2em 0;
}
#registration .col2{
	float:left;
	width:223px;
	padding: 0 0 2em 10px;
	border-left:solid 2px #e0e0e0;
}
#registration h5.l1{
	background:url(/ebenefits-portal/framework/images/registration_l1_header.gif) no-repeat;
	height:53px;
	width:100%;
	text-indent:55px;
	vertical-align:middle;
	line-height:57px;
	color:#fff;
	font-size:110%;
	margin: 0 0 1em 0;
}
#registration h5.l2{
	background:url(/ebenefits-portal/framework/images/registration_l2_header.gif) no-repeat;
	height:53px;
	width:100%;
	text-indent:55px;
	vertical-align:middle;
	line-height:57px;
	color:#fff;
	font-size:110%;
	margin: 0 0 1em 0;
}
#registration ul.steps {
	margin: 0 0 2em 0;
}
#registration ul.steps li{
	padding: 15px 15px 15px 65px;
	margin: 0 0 .5em 0;
	min-height:35px;
}

#registration ul.steps ul{
 margin: 1em 0 1em 35px;
}
#registration ul.steps ul li{
 padding: 0px 0px 0px 0px;
 margin: 0 0 .5em 0;
 min-height:0px;
}

#registration ul.steps li.oneline{
	padding: 20px 15px 10px 65px;
	height:35px;
}
#registration ul.steps span.bigger{
	font-size:150%;
	font-weight:bold;
}
#registration ul.steps li.step1{
	background: #e3e7ee url(/ebenefits-portal/framework/images/registration_step1.gif) no-repeat;
}
#registration ul.steps li.step2{
	background: #e3e7ee url(/ebenefits-portal/framework/images/registration_step2.gif) no-repeat;
}
#registration ul.steps li.step3{
	background: #e3e7ee url(/ebenefits-portal/framework/images/registration_step3.gif) no-repeat;
}
#registration ul.steps li.step4{
	background: #e3e7ee url(/ebenefits-portal/framework/images/registration_step4.gif) no-repeat;
}
#registration ul.steps li.step5{
	background: #e3e7ee url(/ebenefits-portal/framework/images/registration_step5.gif) no-repeat;
}
#registration ul.steps li.step6{
	background: #e3e7ee url(/ebenefits-portal/framework/images/registration_step6.gif) no-repeat;
}
#registration ul.stepsHz {
	margin: 0 0 2em 0;
}
#registration ul.stepsHz li{
	font-size:90%;
	background: #e3e7ee;
	padding: 10px;
	margin: 0 5px 0 0;
	width: 68px;
	float:left;
}
#registration a {
	text-decoration:underline;
}
#registration a:hover, #registration a:visited {
	text-decoration:underline;
}
#registration a.register{
	background: url(/ebenefits-portal/framework/images/registerOnline_btn.gif) no-repeat top left;
	width: 221px;
	height:45px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	display:block;
}
#registration a.register:hover, #registration a.register:focus{
	background: url(/ebenefits-portal/framework/images/registerOnline_btn.gif) no-repeat bottom left;
}
#registration hr {
 clear:both;
}
#registration .col2 a {
	float:right;
	margin:0 0 2em 0;
	text-align:right;
}
button.activate {
	padding:3px 10px 3px 10px;
	margin:0 0 1em 0;
	width:100%;
}
#registration em{
 color:#666;
}
#registration input{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.4em;
	padding:3px;
	color:#999;
}
#registration  input:focus{
	color:#333;
}
#registration .submit{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.4em;
	padding:5px;
	color:#000;
}
#registration .label{
	color:#002566;
	font-weight:normal;
}	

/*group LINKSPAGE elements (non-content pages)*/
#recipientList .entry{
	padding-left:25px;
}
#topicList .entry{
	padding:0;
} 
.ebcontent{
	background: #e3e7ee;
	margin:-10px 0 20px 0;
	padding:10px;
	-moz-border-radius-bottomright: 1em; 
	-moz-border-radius-bottomleft: 1em; 
	-webkit-border-bottom-right-radius: 1em; 
	-webkit-border-bottom-left-radius: 1em; 
}
.ebenContent_icon{
	float:left;
	width:47px;
	border:	1px solid #999999;
}
.ebenContent_link{
	float:left;
	width:390px;
	margin:0 0 10px 10px;
}
#linksPage ul.sortTop{
width:445px;
background: url(/ebenefits-portal/framework/images/sortByGradient_bg.png) no-repeat left bottom;
padding-left: 25px;
height:39px;
}
#linksPage .sortBottom{
width:468px;
height:15px;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
margin: 0 0 20px 0;
}
#linksPage ul.sortTop li.current{
font-weight:bold;
background: #fff;

}
#linksPage ul.sortTop li{
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
background: #c8d3e6;
display:block;
float:left;
padding:10px 5px 10px 5px;
margin:0 10px 0 10px;
}
#linksPage ul.sortTop a{
color: #002566;
text-decoration:none;
}
#linksPage a.linkHeading{
display:block;
color: #002566;
font-weight:bold;
text-decoration:underline;
}
#linksPage a:hover{
color:#ac0000;
}
#linksPage p.linkDesc{
color: #333;
line-height: 150%; 
text-transform:none;
text-decoration:none;
margin: 0px 0 5px;
}
#linksPage .linkSource{
background:transparent url(/ebenefits-portal/framework/images/linksGradient_bg.gif) repeat-x bottom left;
margin: 2px 0px 30px 0px;
height:20px;
}
#linksPage .linkSource a{
font-family:Verdana, Arial, serif;
font-size:80%;
color:#657fad;
margin: 0 20px 0 5px;
text-decoration:none;
}
#linksPage .linkSource a:hover{
color:#ac0000;
}
#linksPage .linkSource img{
border: solid 1px #ccc;
}
#linksPage .linkSource .source{
font-style:italic;
color:#666;
font-size:80%;
margin: 0 0 0 10px;
}
/* DELETE? */
/*
#linksPage .linkSource em{
font-style:normal;
margin: 0 0 5px;
}
*/
#linksPage .linkSource .icon{
height:20px;
float:left;
display:inline;
}
#linksPage .linkSource .text{
float:left;
display:inline;
padding-top:2px;
}
#linksPage h5{
color: #aa0000;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:130%;
text-transform:uppercase;
border-bottom: solid 1px #aa0000;
margin-bottom: 10px;
}
#linksPage h4{
/*background:transparent url(/ebenefits-portal/framework/images/linksGradient_bg.gif) repeat-x left bottom;*/
border-bottom: solid 1px #999;
padding:5px;
margin-bottom: 20px;
color:#999;
font-weight:bold;
font-size:160%;
text-transform:uppercase;
}
#linksPage .tip h4 {
font-size:165%;
font-weight:normal;
color:#AC0000;
background:url(/ebenefits-portal/framework/images/template/tip_header_bg.jpg) top left;
border:none;
padding:8px 0px 5px 20px;
margin-bottom:9px;
}
#linksPage .tip p {
margin-left:27px;
}
#linksPage a.topLink{
text-decoration:none;
margin-bottom:-19px;
font-size:80%;
text-align:right;
display:block;
}
#linksPage a.topLink:hover{
	text-decoration:none;
	color:#657fad;
}

/*group RIGHTRAIL elements*/
#rightRail {
margin:1px 0;
background:#e5e5e5;
width:240px;
float:left;
position:relative;
z-index:4;
}
#rightRail a{
color:#ac0000;
text-decoration:none;
}
#rightRail a:focus, #rightRail a:hover{
text-decoration:underline;
}
#rightRail h4{
color:#002566;
font-size:130%;
padding:0 0 10px 0;
font-weight:bold;
line-height:130%;
}
#rightRail h5{
color:#002566;
font-size:120%;
padding:0 0 5px 0;
font-weight:bold;
line-height:120%;
}
/*custom font size button styles*/
#rightRail .customfontstyle{
	font-size:80%;
	background:#bfcbdf url(/ebenefits-portal/framework/images/template/customizer_bg.gif) repeat-x left bottom;
	overflow:hidden;
	height:25px;
	padding:7px 5px 0px 5px;
	position:relative;
}
#rightRail .customfontstyle .help{
	position:absolute;
	bottom:8px;
	left:4px;
}
#rightRail .customfontstyle .textSize{
	position:absolute;
	bottom:9px;
	left:27px;

}
#rightRail .textSize em{
	float:left;
	font-style:normal;
	font-size:10px;}

a#baseFontSize{
	height:13px;
	width:13px;
	background:url(/ebenefits-portal/framework/images/template/fontsizes_sprite.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-left:3px;
}
a#largerFontSize{
	height:13px;
	width:13px;
	background:url(/ebenefits-portal/framework/images/template/fontsizes_sprite.gif) no-repeat -18px 0px ;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-left:3px;
}	
a#largestFontSize{
	height:13px;
	width:13px;
	background:url(/ebenefits-portal/framework/images/template/fontsizes_sprite.gif) no-repeat -36px 0px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin-left:3px;
	margin-right:6px;

}	
a:hover#baseFontSize, a#baseFontSize.selected{
	background:url(/ebenefits-portal/framework/images/template/fontsizes_sprite.gif) 0px -36px ;
}
a:hover#largerFontSize, a#largerFontSize.selected{
	background:url(/ebenefits-portal/framework/images/template/fontsizes_sprite.gif) no-repeat -18px -36px ;
}	
a:hover#largestFontSize, a#largestFontSize.selected{
	background:url(/ebenefits-portal/framework/images/template/fontsizes_sprite.gif) no-repeat -36px -36px;
}
/*
share & print button for the toolbar area*/
#rightRail .customfontstyle .sharePrint{
	position:absolute;
	bottom:9px;
	right:15px;
	border-right:solid 1px #8e96a5;
	border-bottom:solid 1px #8e96a5;
	cursor:pointer;
	padding:0 3px 0 3px;
		background: #a5b2c9;
}

#rightRail a.share:hover{
	background:url('/ebenefits-portal/framework/images/template/share_icon.gif') 0px 2px no-repeat #9ba6b9;padding-left:13px;
	text-decoration:none;
	}
#rightRail a.share{
	text-transform:uppercase;
	font-size: 9px;
	color:#414a59;
	background:url('/ebenefits-portal/framework/images/template/share_icon.gif') 0px 2px no-repeat #A5B2C9;padding-left:13px;
}



/*group LOGIN elements*/
.rr_login{
	background:#e5e5e5 url(/ebenefits-portal/framework/images/login_pagecurl.jpg) no-repeat left bottom;
	padding-bottom: 24px;
}
.rr_login_logged_in{
	border-top:1px solid #CAD5E7;
	border-left:1px solid #CAD5E7;
	background:#F5F7FA url(/ebenefits-portal/framework/images/login_pagecurl.gif) repeat-x top left;
	margin-bottom: 0px;
	padding-bottom:9px;
}
.rr_login .loginForm{
	clear:both;
	margin: 20px 0 0 30px;
}
.rr_login a.login {
background:transparent url(/ebenefits-portal/framework/images/login_btn.png) no-repeat top left;
border:none;
height:35px;
width:81px;
cursor:pointer;
text-indent:-9999px;
display:block;
float:left;
}
.rr_login a.login:focus, .rr_login a.login:hover {
background:transparent url(/ebenefits-portal/framework/images/login_btn.png) no-repeat top right;
}
.rr_login a.register {
background:transparent url(/ebenefits-portal/framework/images/login_btn.gif) no-repeat bottom left;
border:none;
height:35px;
width:81px;
cursor:pointer;
text-indent:-9999px;
margin:0 0 0 20px;
display:block;
float:left;
}
.rr_login a.register:focus, .rr_login a.register:hover {
background:#ccc url(/ebenefits-portal/framework/images/login_btn.gif) no-repeat bottom right;
}
.rr_login .title{
	padding: 10px 0 0 20px;
	font-size:120%;
	font-weight:bold;
	color: #002566;
	border-top:dotted 1px #999;
	margin:0;
}
.rr_login p{
	padding: 8px 0 0 30px;
	font-size:100%;
}
.rr_login .welcome{
	font-size:90%;
	padding: 0 0 0px 0;
	overflow:hidden;
	width:199px;
}
.rr_login .loginUtility{
	font-size:90%;
}
#rightRail .rr_login .loginUtility a:link,
#rightRail .rr_login .loginUtility a:active,
#rightRail .rr_login .loginUtility a:visited{
	color:#022662;
}
.rr_login .last_logged_in{
	font-size: 75%;
	color:#666;
}
.rr_login .additional_utilities{
	line-height:100%;
	padding: 9px 0 3px 0;
	text-align:left;
}
.rr_loggedin{
	padding:8px 10px 0px 30px;
}
/*use linkbox styles for lists of links in the right rail*/
#rightRail .rr_linkbox {
border-bottom:solid 1px #f0f0f0;
padding: 0px 20px 0px 20px;
}
#rightRail .rr_linkbox a.seeAll{
	display:block;
	text-align:right;
	font-size:80%;
	margin:5px 0 10px 0;
	padding:3px;
	text-decoration:underline;
}
#rightRail .rr_linkbox a:hover.seeAll{
color: #002566;
}
#rightRail .rr_linkbox p{
margin-bottom: 5px;
}
#rightRail .rr_linkbox ul p{
margin: 0;
}
#rightRail .rr_linkbox p.desc{
	font-size:80%;
}
#rightRail .rr_linkbox .linkTitle {
	margin:0;
}
#rightRail .rr_linkbox .divider{
background: #e5e5e5 url(/ebenefits-portal/framework/images/rr_box_hr.png) no-repeat 0 0;
height:18px;
clear:both;
display:block;
}
#rightRail .rr_linkbox ul {
	position:relative;
}
#rightRail .rr_linkbox li {
	background: #e5e5e5 url(/ebenefits-portal/framework/images/rr_box_star-sm.gif) no-repeat 0px 1px;
	padding: 0 0 0 15px;
	display:block;
}


#rightRail .rr_textbox {
border-bottom:solid 1px #ccc;
padding: 20px 20px 10px 20px;
}
#rightRail .rr_textbox p{
margin-bottom: 15px;
line-height:130%;

}
/*rr_promo is for the homepage 'highlights' - can be used anywhere*/
#rightRail .rr_promo {
	background:  #e3e7ee url(/ebenefits-portal/framework/images/content-images/rrPromo_bg.jpg) repeat-x ;
	padding: 20px 20px 10px 20px;
}
#rightRail .rr_promo p.handbook2 {
	background: transparent url(/ebenefits-portal/framework/images/content-images/move23-highlighticon.png) no-repeat top right;
}
#rightRail .rr_promo p.handbook1 {
	background: transparent url(/ebenefits-portal/framework/images/content-images/fedBen_handbook.png) no-repeat top right;
}
#rightRail .rr_promo p.highlight1 {
	background: transparent url(/ebenefits-portal/framework/images/content-images/VHAvideo_4U_icon.png) no-repeat top right;
}
#rightRail .rr_promo p.highlight2 {
	background: transparent url(/ebenefits-portal/framework/images/content-images/suicide_prev_icon.png) no-repeat top right;
}
#rightRail .rr_promo a {
	color:#002566;
	width: 110px;
	line-height:130%;
	padding:0 90px 20px 0;
	display:block;
}
#rightRail .rr_promo:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} /*Clear floats*/
/*rr_related is for special links that are related to page content. don't think we use this yet*/
#rightRail .rr_state {
font-size:90%;
border-top:solid 1px #d5d5d5;
border-bottom:solid 1px #d5d5d5;
padding:20px;
position:relative;
background:#fff;
}
#rightRail .rr_state a{

text-decoration:underline;
}
#rightRail .rr_state p{
margin:10px 0 10px 0;
}
#rightRail .rr_state .state_icon{
position: absolute;
top: 43px;
right:12px;
}
.rr_state label{
height:1px;
width:1px;
left:-10000px;
overflow:hidden;
position: absolute;
top:auto;
}

/*these create the graphic titles for each of the sections on the right rail*/
#rightRail #rr_apply h4{
background:transparent url(/ebenefits-portal/framework/images/rr_icon_apply.gif) no-repeat top left;
height:35px;
width:240px;
text-indent:-9999px;
display:block;
margin-top: 10px;
}
#rightRail #rr_eligibility h4{
background:transparent url(/ebenefits-portal/framework/images/rr_icon_eligibility.gif) no-repeat top left;
height:35px;
width:240px;
text-indent:-9999px;
display:block;
margin-top: 10px;
}
#rightRail #rr_highlights h4{
background:transparent url(/ebenefits-portal/framework/images/rr_icon_highlights.gif) no-repeat top left;
height:35px;
width:240px;
text-indent:-9999px;
display:block;
margin-top: 10px;
}
#rightRail #rr_status h4{
background:transparent url(/ebenefits-portal/framework/images/rr_icon_status.gif) no-repeat top left;
height:35px;
width:240px;
text-indent:-9999px;
display:block;
margin-top: 10px;
}
#rightRail #rr_comingsoon h4{
background:transparent url(/ebenefits-portal/framework/images/rr_icon_comingsoon.gif) no-repeat top left;
height:35px;
width:240px;
text-indent:-9999px;
display:block;
margin-top: 10px;
}
#rightRail p.rr_subtitle{
	font-size:90%;
	font-weight:bold;
	color: #002566;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left: 47px;
}

/*group MY EBENEFITS PAGE elements*/
#myebenefits {
background:#fff;
width:950px;
}
#myebenefits #centerCol {
background:#fff;
width:710px;
float:left;
}
#myebenefits #rightRail {
margin:1px 0;
background:#e5e5e5;
width:240px;
float:left;
}

#myebenefits .rr_login{
	background:#fff url(/ebenefits-portal/framework/images/myeb_loggedin_bg.gif) repeat-x top left;
	margin-bottom: 0px;
	padding-bottom:9px;
}
#myebenefits .rr_login_logged_in{
	border-top:1px solid #CAD5E7;
	border-left:1px solid #CAD5E7;
	background:#F5F7FA url(/ebenefits-portal/framework/images/login_pagecurl.gif) repeat-x top left;
}

#myebenefits .rr_login .loginForm{
	clear:both;
	margin: 10px 0 0 30px;
}
#myebenefits .rr_login p{
	margin-bottom: .5em;
}
#myebenefits:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} /*Clear floats*/


/* Unread Messages */

#rightRail h2.unread_messages{
	background-color:#CAD5E6;
	padding:4px 10px 2px 26px;
	border-bottom:1px solid #A7B0BF;
	background-repeat:no-repeat;
}

#rightRail h2.unread_messages a:link,
#rightRail h2.unread_messages a:active,
#rightRail h2.unread_messages a:visited{
	color:#002566;
	font-size:85%;
	font-weight:bold;
	text-decoration:none;
}
#rightRail h2.unread_messages a:hover{
	text-decoration:underline;
}
#rightRail h2.unread_messages_opened{
	background-image:url('/ebenefits-portal/framework/images/rr_unread_messages_opened_arrow.gif');
	background-position:11px 8px ;
}
#rightRail h2.unread_messages_closed{
	background-image:url('/ebenefits-portal/framework/images/rr_unread_messages_closed_arrow.gif');
	background-position:13px 5px;
}
#rightRail #unread_messages{
	width:240px;
	position:absolute;
	z-index:9999;
	left:0px;
	background:#fff;
	overflow:hidden;
	border-right:1px solid #A7B0BF;
	border-bottom:1px solid #A7B0BF;
	border-left:1px solid #A7B0BF;
	padding:0px;
	display:none; /* default state */
}
#rightRail #unread_messages table{
	border:0px;
}
#rightRail #unread_messages table td{
	border-bottom:1px solid #DADDE3;
	font-weight:bold;
	font-size:90%;
}
#rightRail #unread_messages table td.selected{
	background:#F1F1F1;
}
#rightRail #unread_messages table td.subject{
	width:179px;
}
#rightRail #unread_messages table td.subject a{
	display:block;
	padding:8px 10px 6px 10px;
}
#rightRail #unread_messages table td.date span{
	display:block;
	padding:8px 5px 6px 0px;
}



#myebenefits h3{
	margin: 10px 10px 0 30px;
	padding: 0;
}
#myebenefits .myebenefitsContent{
margin: 0 20px 20px 20px;
z-index:3;
}

#myebenefits .sortTop{
width:910px;
background: #fff url(/ebenefits-portal/framework/images/mye_sortbox_bg.png) no-repeat left bottom;
	margin-left: 20px;
	height:36px;
	z-index:2;
}
#myebenefits .sortBottom{
width:909px;
height:15px;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
margin: 0 0 0px 20px;
}

/* myebenefits dashboard filter */

#dashboard_filter{
	background: #E3E7EE;
	padding:3px 9px 2px 32px;
	margin-top:2px;
	margin-bottom:24px;
}
	/* clear floating divs */
	#dashboard_filter {zoom: 1;}
	#dashboard_filter:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#dashboard_filter h2{
	color: #666666;
	font-weight:bold;
	margin-top:7px;
	margin-right:16px;
	float:left;
}
#dashboard_filter ul{
	float:left;
}
#dashboard_filter li{
	float:left;
}
#dashboard_filter li button{
	background:none;
	border:none;
	margin:0 15px 0 0;
	padding:0px;
	cursor:pointer;
	width:auto;
	overflow:visible;
}
#dashboard_filter li button.focus {border: none;}
#dashboard_filter li button span{
	display:block;
	color: #666666;
	font-weight:bold;
	border:1px solid #B2B9C5;
	background:#E7EAF0 url('/ebenefits-portal/framework/images/myeb_filter_button_bg.gif') repeat-x bottom left;
	padding:2px 14px 4px 14px;
}
#dashboard_filter li button.selected span{
	color: #fff;
	background:#2F4D82 url('/ebenefits-portal/framework/images/myeb_filter_button_selected_bg.gif') repeat-x bottom left;
}





/*permTabs are the 'always open' main tabs on the left*/
#myebenefits .permTabs{
	float:left;
	margin:0 10px 0 5px;
	width:805px;
	height:36px;
	overflow:hidden;

}
#myebenefits .permTabs ul li.current{
font-weight:bold;
background: #fff;
border-bottom:solid 1px #fff;
}
#myebenefits .permTabs ul li.dashboard{
	background: #CCC url(/ebenefits-portal/framework/images/dashTab_bg.gif) repeat-x;
}
#myebenefits .permTabs ul li{
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background: #CCC url(/ebenefits-portal/framework/images/mainTab_bg.gif) repeat-x;
	display:block;
	float:left;
	margin:0 3px 0 3px;
	padding: 0 0 0 3px;
	height:34px;
	line-height:34px;
	position:relative;
}
#myebenefits .permTabs ul li .closeTab{ 
	position:absolute;
	top:2px;
	right:2px;
}
#myebenefits .permTabs ul a.title{
color: #002566;
text-decoration:none;
margin:0 25px 0 5px;
}
#myebenefits .permTabs ul a:hover, #myebenefits .permTabs ul a:focus{
text-decoration:underline;
}
/*tabList is the dropdown list of openTabs on the right*/
#myebenefits .tabList{
	float:right;
	position:relative;
	z-index:3;
}
#myebenefits .tabList_anchor img{
	border:solid 1px #ccc;
	margin: 12px 5px 0 0;
	cursor:pointer;
	vertical-align:bottom;
}
#myebenefits .tabList_content {
	position: absolute;
	top:35px;
	right:5px;
	width:130px;
	background: #ccc;
	padding:10px;
	font-size: 90%;
	display:none;
}
#myebenefits .tabList_content li{
	margin:5px 0 5px 0;
	padding:5px 0 5px 0;
	border-bottom:solid 1px #f0f0f0;
}
#myebenefits .tabList_content li a{
	text-decoration:none;
	color:#002566;
}
#myebenefits .tabList_content li a:hover{
	text-decoration:underline;
	color:#ac0000;
}
#myebenefits .col1, #myebenefits .col2{
	float:left;
	margin:0 20px 0 0;
}
#myebenefits .col3{
	float:left;
}
/*the smaller 'thumbnail' sized portlets on the dashboard pages
#myebenefits .module{
	background:#fff;
	border: solid 1px #bbb;
	margin: 9px 9px 20px 9px;
	width:290px;
}*/
/*the side module on a 2 column portlet page
#myebenefits #mod_side{
	float:left;
}
#myebenefits .twocolmodule{
	background:#fff;
	border: solid 1px #bbb;
	margin: 9px;
	float:left;
	width:590px;
	overflow:hidden;
}*/
#myebenefits .onecolmodule{
	background:#fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	float:left;
	width:909px;
	overflow:hidden;
	padding-top:1px /* fixes headline cutoff in FF */
}


#myebenefits .titlebar h4{
	font-size:170%;
	color:#333;
	padding: 10px 0 0 8px;
}

/*content area of each module*/
#myebenefits .module_inner{
	padding: 0 8px 8px 8px;
}
#myebenefits .highlight{
	margin:0 20px 20px 20px;
	background:#f0f0f0;
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/*#myebenefits .module_inner ul{
	overflow:hidden;
		width: 274px;
}*/
#myebenefits .module_inner p{
	line-height:150%;
	margin:10px 0;
}
/*
#myebenefits .module_inner a:hover{
	color: #002566;
}
/*#myebenefits .footer{
	background:#fff url(/ebenefits-portal/framework/images/portletFooter_bg.gif);
	height:36px;
	line-height:36px;
	padding:0 0 0 10px;
}
#myebenefits .footer a{
	padding:3px 0 3px 25px;
	text-decoration:none;
	background: url(/ebenefits-portal/framework/images/viewPortletIcon.gif) no-repeat 0 2px;
	height:18px;
	font-size:90%;
}
#myebenefits .footer a:hover, #myebenefits .footer a:focus{
	text-decoration:underline;
	color:#002566;
}
#myebenefits .module_inner li{
	margin:0 0 10px 0;
	font-size:120%;
	color: #666;
}
#myebenefits .module_inner li.secondLine{
	margin: 5px 0 15px 0;
	font-size:120%;
	color: #333;
}
#myebenefits .module_inner li.sml_secondLine{
	margin: 0px 0 15px 0;
	font-size:80%;
	color: #333;
}
#myebenefits .module_inner .divider{
	border-bottom:dotted 1px #fff;
	margin: 0 0 10px 0;
}
#myebenefits .module_inner h5{
	font-size:140%;
	color: #002566;
	margin-bottom:10px;
}
#myebenefits .module_inner h6{
	font-size:120%;
	color: #666;
	margin-bottom:10px;
	border-bottom:solid 1px #ccc;
}*/
#myebenefits .module_inner label{
	font-size:100%;
	color: #002566;

}
#myebenefits .module_inner input{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.4em;
	padding:3px;
	color:#222;
}
#myebenefits .module_inner select{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.4em;
	padding:3px;
	color:#333;
}
/* DELETE? */
/*
#myebenefits .module_inner input.smallInput{
	font-size:1.2em;
	color:#333;
	padding:0;
	margin-bottom:12px;
}
*/
#myebenefits .module_inner input:focus{
	background:#e3e7ee;
}
#myebenefits .module_inner .regSelect{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.4em;
	padding:5px;
	color:#000;
}
#myebenefits .module_inner .regSelect input:focus{
	color:#333;
}
#myebenefits .success{
	display:block;
	background:#44BF2F;
	color:#fff;
	padding:10px;
	text-indent: 20px;
	font-size:150%;
}

/*2.3 My eBenefits dashboard styles*/
/*styles for the about banner on the dashboard only*/

#myeb_banner {
	display:none;
	position:relative;
	background:url(/ebenefits-portal/framework/images/myeb_banner_bg.jpg) left top no-repeat;
	padding:17px 15px 11px 15px;
	overflow:hidden;
	margin-bottom:1px /*fixes bottom margin issue */
}
/* clear floating divs */
#myeb_banner {zoom: 1;}
#myeb_banner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#myeb_banner .right_corner{
	position:absolute;
	top:0px;
	right:-1px;
	background:url(/ebenefits-portal/framework/images/myeb_banner_bg.jpg) right top no-repeat;
	border: none;
	height:200px;
	width:25px;
}

#myeb_banner p, #myeb_banner ul{
	position:relative;
	z-index:0;
}

#myeb_banner button{
	position:absolute;
	top:5px;
	right:9px;
	background:url(/ebenefits-portal/framework/images/myeb_banner_hide_btn.gif) no-repeat left top;
	border: none;
	cursor:pointer;
	height:26px;
	width:65px;
}
#myeb_banner h2{
	color:#012666;
	font-size:125%;
	font-weight:bold;
	margin-bottom:10px;
}
#myeb_banner h2 a:link,
#myeb_banner h2 a:active,
#myeb_banner h2 a:visited{
	color:#012666;
	font-size:70%;
	font-weight:normal;
}
#myebenefits #myeb_banner p{
	margin:0px 0px 10px 0px;
}
#myeb_banner ul{
	list-style:square;
	margin-left:30px;
	margin-bottom:10px;
}
#myeb_banner ul li{
	margin-bottom:0px;
	font-size:12px;
	line-height:150%; /* fixes Firefox square bullet rendering issue as long as a line height is present */
}
#myeb_banner ul li ul{
	margin-top:7px;
}

.myeb-banner h5{
	color:#ecdf98;
	font-weight:bold;
	font-size:125%;
	margin:0 0 15px 0;
}
.myeb-banner h6{
	color:#ecdf98;
	font-weight:bold;
	font-size:100%;
	margin:0 0 15px 0;
}

.myeb-banner li{
	color:#fff;
	margin: 0 0 .5em .5em;
}
.myeb-banner ul.bigger{
	font-size:110%;
	font-weight:bold;
	line-height:120%;
}
.myeb-banner li{
	color:#fff;
	background:url(/ebenefits-portal/framework/images/star_bullet_blue.gif) no-repeat;
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
}
#portlet-banner a{
	color:#fff;
	text-decoration:underline;
	padding:3px;
}
#portlet-banner a:hover, #portlet-banner a:focus{
	color:#002566;
	background:#fff;
}
.myeb-banner button{
	font-size:90%;
	position:absolute;
	top:10px;
	right:10px;
	width: 44px;
	height: 23px;
	background:url(/ebenefits-portal/framework/images/banner_close.gif) no-repeat;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
.myeb-banner p{
	color:#fff;
}
.myeb-banner em{
	color:#e3e7ee;
	font-size:80%;
}
#myeb_banner .left,
.myeb-banner .left {
	float:left;
	width:400px;
}
#myeb_banner .right,
.myeb-banner .right {
	float:left;
	width:400px;
	margin: 0 0 0 20px;
}
#show-banner-container{
	display:none;
	margin: 5px 9px 0px 0;
	height:30px;
	text-align:right;
	cursor:pointer;
}
#dashboard_filter #show-banner-container{
	margin:0px 0px 0 0;
	height:26px;
}
#show-banner-container {zoom: 1;}
#show-banner-container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#show-banner-container button {
background:url(/ebenefits-portal/framework/images/myeb_banner_show_btn.gif) no-repeat scroll right top;
border: none;
cursor:pointer;
float:right;
height:26px;
width:65px;
}
/*styles for banners on the portlet pages only*/
#portlet-banner{
	display:none;
	background: #011f54 url(/ebenefits-portal/framework/images/template/footer_logo.png) no-repeat 350px -25px;
	position:relative;
	padding:10px;
	margin: 0 0 10px 0;
}

ul.content{
	list-style:square;
	margin-left:10px;
}
ul.content li{
	margin:0 0 7px 15px;
	line-height:100%;
}

.myebenefitsContent li.disabled {
	font-weight:bold;
	color:#666;

}
.myebenefitsContent li.disabled p{
	font-weight:normal;

}
.myeb-group{
	margin: 9px 0px 20px 0px;
	width:290px;
}
.myeb-group h5{
	color: #002566;
	font-size:125%;
	display:block;
	border-bottom:solid 3px #002566;
	line-height:75%;
	font-weight:bold;
}

.myeb-group-inside{
	background: #fff url(/ebenefits-portal/framework/images/myeb-group-inside-bg.gif) repeat-x;
	border-bottom:solid 3px #e3e7ee;
	display:block;
}
.myeb_detail{
	background:url(/ebenefits-portal/framework/images/myeb_detail_btn.gif) no-repeat left top;
	height:15px;
	width:76px;
	display: block;
	cursor:pointer;
	float:left;
}
.myeb_detail_show{
	background:url(/ebenefits-portal/framework/images/myeb_detail_btn.gif) no-repeat left bottom;
	height:15px;
	width:76px;
	display: block;
	cursor:pointer;
	float:left;
}
.myeb_minmax{
	background:url(/ebenefits-portal/framework/images/myeb_minmax_btn.gif) no-repeat left top;
	height:15px;
	width:16px;
	display: block;
	cursor:pointer;
	float:right;
}
.myeb_minmax_show{
	background:url(/ebenefits-portal/framework/images/myeb_minmax_btn.gif) no-repeat left bottom;
	height:15px;
	width:16px;
	display: block;
	cursor:pointer;
	float:right;
}
.myeb-group-inside ul{
	margin: 0px 0px 17px 0px;
}
.myeb-group-inside ul li{
	background:url('/ebenefits-portal/framework/images/myeb_dashboard_item_bg.png') no-repeat left bottom;
	padding: 9px 20px 12px 20px;
}
.myeb-group-inside ul li.disabled{
	background:none;
	padding-bottom:1px;
}
.myeb-group-inside ul li.divider{
	background:none;
	color:#222;
	font-size:90%;
	margin: 0 0 .75em 0;
	padding-top:11px;
	padding-bottom:0px
}
.myeb-group-inside ul li a{
	text-decoration:none;
}
.myeb-group-inside ul li.divider a{
	font-weight:normal;
	text-decoration:underline;
}
.myeb-group-inside ul li p{
	font-size:90%;
}
.myeb-group-inside ul li p.detail{
	display:none;
}
.myeb-group-inside ul li a{
	font-weight:bold;
}
.myeb-group-inside ul li a:hover, .myeb-group-inside ul li a:focus{
	color: #DF2929;
}

.myeb-group-inside p.detail{
	margin-bottom:.25em;
}

/*errors for the My Favorites section*/
.favError{
	background: #ac0000;
	padding:5px 10px 5px 10px;
	color:#fff;
	margin:0;
	border:solid 1px #fff;
	clear:both;
}
.favError p{
	margin:0;
}
.favError p.title{
	font-size:150%;
	font-weight:bold;
	font-style:italic;
}

/*favorite links*/
#myebenefits .module_inner .addFavs{
	background:#cad4e7 url(/ebenefits-portal/framework/images/addFavs_bg.jpg) repeat-x top left;
	padding:10px;
	margin-bottom:25px;
}

#myebenefits .module_inner .myFavs button, #myebenefits .module_inner .addFavs button {
	background:transparent url(/ebenefits-portal/framework/images/add_btn.gif) no-repeat scroll 0 0;
	border:none;
	height:36px;
	width:142px;
	cursor:pointer;
	text-indent:-9999px;
	margin: 0 0 0 5px;
}

#myebenefits .module_inner .favorite{
	border-bottom:solid 1px #cad4e7;
	padding:10px 0 10px 0;
}

#myebenefits .module_inner .favorite em{
	font-size:80%;
	font-style:normal;
	color:#666;
}
#myebenefits .module_inner .favorite a{
	padding:3px;
}

#myebenefits .module_inner .favorite a:hover{
	background:#ac0000;
	color:#fff;
}

#myebenefits .module_inner .editFav{
	font-weight:bold;
}

#myebenefits .module_inner .editFav label{
	font-weight:normal;
	font-size:80%;
	color:#333;
}

#myebenefits .module_inner .linkTxt{
	float:left;
}

#myebenefits .module_inner .edit{
	float:right;
	text-align:right;
	line-height:170%;
	width:200px;
}

/*group SOURCE PAGE elements*/
#sourceList li{
list-style-image:none;
list-style:none;
border-bottom: solid 1px #ccc;
padding: 10px 0 10px 0;
margin:0;
}
#sourceList a{
font-weight:bold;
display:block;
}
#sourceList .sourceImg{
float:left;

margin:0 5px 0;
}
#sourceList .sourceDesc{
float:left;
width:265px;
}

.errorpage {
	margin: 25px 0;
}
.errorpage p{
	padding: 0 50px 0 0px;
}
/*group Footer elements*/
#footer {
	width:950px;
height:295px;
clear:both;
background: #002566 url(/ebenefits-portal/framework/images/template/footer_bg.png) repeat-x left bottom;
}
#preFooter {
background:url('/ebenefits-portal/framework/images/template/prefooter.gif') left top no-repeat;
height:16px;
}
#footerInner {
height:100%;
background: url(/ebenefits-portal/framework/images/template/footer_logo.png) no-repeat right bottom;
}
#footer #linksColumn1 {
width:24%;
float:left;
margin-right:5px;
}
#footer #linksColumn2 {
width:24%;
float:left;
margin-right:5px;
}
#footer #linksColumn3 {
width:24%;
float:left;
margin-right:5px;
}
#footer #linksColumn4 {
width:24%;
float:left
}
#footer ul {
margin:25px 0 0 25px
}
#footer ul li {
display:list-item;
list-style-type:none;
margin:7px 0;
padding-left:10px;
}
#footer ul li.first {
margin:-5px 0 0 -5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:85%;
font-weight:bold;
text-transform:uppercase;
color:#657fad;
}
#footer ul li a {
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
color:#D1DDEF;
}
#footer ul li a:hover, #footer ul li a:focus {
color:#fff;
text-decoration:underline;
}

.clearboth{
	clear:both;
}
.clearfix{zoom: 1;}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/*** ESSENTIAL SUPERFISH NAV STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	z-index:		25;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			38px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			30em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			30em; /* match ul width */
	top:			0;
}



/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/ebenefits-portal/framework/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/ebenefits-portal/framework/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*****************************************
Simple Modal Windows (http://www.ericmmartin.com/projects/simplemodal/)
*/

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Timeout Modal */
div#timeoutPopup{
	display:none;
	width:430px;
	padding:11px 14px 11px 14px;
	font-size:1.2em;
 	background:#fff;
 	border:3px solid #aa0000;
}
div#timeoutPopup h3{
	margin:0 0 20px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:225%;
	line-height:100%;
	color:#aa0000;
}
div#timeoutPopup p.time-display {
	font-size:.85em;
}

.screen_reader_only{left:-9000px;display:block;position:absolute;}

/*--------------------------------------------------------------
 FORMS
-------------------------------------------------------------- */
#SAH_application .hideLabel{text-indent:-9000px;}
#SAH_application {padding:15px;}
#SAH_application h3{margin-bottom:15px;}
#SAH_application label{display:block;padding-top:3px;padding-bottom:1px;}
#SAH_application input.text,#SAH_application select{margin-right:20px;}
#SAH_application fieldset {margin-bottom:15px;border:1px solid #ccc;padding:10px;}
#SAH_application fieldset legend{color:#000;font-weight:bold;padding:0px 5px 5px 5px;} /* padding-bottom for IE */
#SAH_application input.date{width:6em;}
#SAH_application input.email{width:18em;}
#SAH_application input.phone{width:8em;margin-right:3px;}
#SAH_application input.suffix{width:2em;margin-right:0px;}
#SAH_application input.zip_code{width:3em;margin-right:0px;}
#SAH_application input.zip_code_suffix{width:2em;margin-right:0px;}
#SAH_application select.day, form.ebenefits select.month{margin-right:0px;}
#SAH_application select.additional_filter{width:120px;}
#SAH_application .formControls{border:none;}


form.ebenefits .hideLabel{left:-9000px;display:block;position:absolute;}
form.ebenefits {padding:15px;}
form.ebenefits h3{margin-bottom:15px;}
form.ebenefits label{display:block;padding-top:3px;padding-bottom:1px;}
form.ebenefits label .format{color:#666;font-size:90%;}
form.ebenefits input.text,form.ebenefits select{margin-right:20px;}
form.ebenefits input.last,form.ebenefits select.last{margin-right:0px;}

form.ebenefits input.date{width:6em;}
form.ebenefits input.email{width:18em;}
form.ebenefits input.phone{width:8em;margin-right:3px;}
form.ebenefits input.suffix{width:2em;margin-right:0px;}
form.ebenefits input.zip_code{width:3em;margin-right:0px;}
form.ebenefits input.zip_code_suffix{width:2em;margin-right:0px;}
form.ebenefits select.day, form.ebenefits select.month{margin-right:0px;}
form.ebenefits select.additional_filter{width:120px;}

form.ebenefits fieldset {margin-bottom:15px;border:1px solid #ccc;padding:10px;}
form.ebenefits fieldset legend{color:#000;font-weight:bold;padding:0px 5px 5px 5px;} /* padding-bottom for IE */
form.ebenefits .formControls{border:none;}

form.ebenefits div.dataItem_checkbox{
	padding-top:23px;
}
form.ebenefits ul.checkbox_list{margin-bottom: 1em;}
form.ebenefits ul.checkbox_list input,
form.ebenefits div.dataItem_checkbox input{
	float:left;margin-right:8px;
}
form.ebenefits ul.checkbox_list label,
form.ebenefits div.dataItem_checkbox label{
	float:left;
}
form.ebenefits ul.checkbox_list li {clear:both;}
/* clear floating divs */
form.ebenefits ul.checkbox_list{zoom: 1;}
form.ebenefits ul.checkbox_list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

form.ebenefits ul.state_list {float:left;width:210px;}

form.ebenefits .dataRow{margin-bottom:.25em;}
/* clear floating divs */
form.ebenefits .dataRow{zoom: 1;}
form.ebenefits .dataRow:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

form.ebenefits .dataItem{float:left;}
form.ebenefits select.additional_filter{width:120px;}
form.ebenefits .rowDivider{height:10px;font-size:3px;}