/*
sfgp7theme01-combined.css
v1.1.08
*/

/***** begin reset.css *****/
/*	=RESET
	Customized version of CSS Reset
	http://meyerweb.com/eric/tools/css/reset/
	-sdt, 10/20/2009
*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	color: #000000;
	background-color: #ffffff;
	line-height: 1;
}

input, select, button {
	font-size: 100%;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/***** end reset.css *****/





/***** begin text.css *****/
/*****
/*	=TEXT
*   text.css
*   Defines styles for basic HTML elements
*****/

body, input, button, textarea, select {
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 12px;
	line-height: 1.25;	/* =15/12 */
	color: #505050;
}
input, textarea, select {
	color: #505050;
}
input[type=text], input[type=password], textarea, select {
	font-size: 1em;
}

:link, :visited {
	color: #004ea8;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 {
	color: #004ea8;
	font-size: 28px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 6px 0;
}
h2 {
	color: #004ea8;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 6px 0;
}
h3 {
	color: #004ea8;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	margin: 0 0 6px 0;
}
h4 {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	margin: 0 0 6px 0;
}
h5 {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 6px 0;
}
h6 {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 6px 0;
}

p {
	margin: 0 0 10px 0;
}

hr {
	margin: 12px 0;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	border-color: #d4d4d4;
}
* html hr, *:first-child+html hr {
	height: 1px;
	margin: 0;
}

dt {
	font-weight: bold;
	margin-bottom: 3px;
}

sup {
	font-size: 9px;
	vertical-align: top;
}

/***** end text.css *****/





/***** begin theme.css *****/
/*****
/*	=THEME
*   theme.css
*   Styles used by the portal theme
*****/

/* HTML Scroll Bar Overflow for JQuery Tabs */
html {
	overflow-y: scroll;
}
body {
	margin: 0;
	padding: 0;
}

a.lotusAccess {
	display: block;
	float: left;
	height: 0;	/* =TODO */
}
a.lotusAccess img {
	border: 0 none;
	height: 0;
}

div.portalThemeCenter {
	width: 965px;
	margin: 0 auto;
	text-align: left;
}

/***** end theme.css *****/





/***** begin header.css *****/
/*****
/*	=HEADER
*   theme.css
*   Styles used by the portal masthead and top navigation
*****/


.hiddenText {display: none;}

a {outline:none;}
a:active {outline:none;}
a:visited {outline:none;}

/* Basic wraps */
.portalThemeHeader .header {display: block;width:100%; background:url(../images/main/bg_top_bar.gif) repeat-x top left; min-width:965px;}
.gradient_bg {clear: both; display: block;width:100%; background:url(../images/main/main-bg.gif) repeat-x top left; min-width:965px;}
.content_wrap {clear: both; width: 965px; margin: 0 auto; text-align: left;}/* This centers the content */
.mid_wrap {clear: both; margin-left: 33px; width: 932px; text-align: left;}/* This lines it up under the logo */

/* the very top blue bar */
.topnav_1 {width: 965px; height: 22px; padding-left: 164px;

  voice-family: "\"\""; voice-family: inherit; /* box model hack for IE 6 */
  width: 801px;}
.topnav_1 ul {margin: 0; height: 22px; float:right; list-style: none; background: #002b6c;
  voice-family: "\"\""; voice-family: inherit; }
.topnav_1 ul li {
	float: left; }
.topnav_1 ul li a {
  display:block; vertical-align:middle;
  border-left: #004b9a solid 1px; padding: 0 1em;
  font-size: 10px;
  text-decoration: none; text-align: center;
  voice-family: "\"\""; voice-family: inherit; line-height:22px;}
.topnav_1 ul li a.first { border: none; }
.topnav_1 ul li a:link,
.topnav_1 ul li a:visited,
.topnav_1 ul li a:active,
.topnav_1 ul li a:hover {
	color: #fff;
}
.topnav_1 ul li a:hover {background: #004b9a;}
.on {background: #004b9a;}

.topnav_1 div#contexual_hint{color:white;float:left;}
.topnav_1 div#contexual_hint a{
  display:inline; vertical-align:middle;
  font-size: 10px;
  text-decoration: none; text-align: center;
  voice-family: "\"\""; voice-family: inherit; line-height:22px;color:#fff}
.topnav_1 div#contexual_hint a#contexual_hint_toggle_link { border: none; }
.topnav_1 div#contexual_hint a#contexual_hint_toggle_link:link,
.topnav_1 div#contexual_hint a#contexual_hint_toggle_link:visited,
.topnav_1 div#contexual_hint a#contexual_hint_toggle_link:active,
.topnav_1 div#contexual_hint a#contexual_hint_toggle_link:hover, {
	color: #fff;
}




/* Standard logo */
.logo_wrap {float: left; width: 164px; height: 81px; padding-top: 16px; padding-left: 16px;}

.logo_link {display: block; width: 111px; height: 66px;}

/* Main navigation 1 */

/* --------- START customizable styles for SfgP7Theme01 page parameters --------------- */

.sf-menu li a.lvl2_4 {
  border-right: #6c97c5 solid 1px;
  color: #fff; text-decoration: none;
  font-size: 14px; line-height: 15px;
  display: block;
  width: 113px; height: 39px;
  padding: 10px 0 0 14px;
  voice-family: "\"\""; voice-family: inherit;
  white-space:nowrap;
  }
.sf-menu li a.lvl2_5 {
  border-right: #6c97c5 solid 1px;
  color: #fff; text-decoration: none;
  font-size: 14px; line-height: 10px;
  display: block;
  width: 87px; height: 20px;
  padding: 0px 0px 16px 15px;
  voice-family: "\"\""; voice-family: inherit;
  white-space:nowrap;
  }
  /* new custom */
.sf-menu li a.lvl2_150 {
  border-right: #6c97c5 solid 1px;
  color: #fff; text-decoration: none;
  font-size: 14px; line-height: 10px;
  display: block;
  width: 150px; height: 20px;
  padding: 0px 0px 16px 15px;
  voice-family: "\"\""; voice-family: inherit;
  white-space:nowrap;
  }

  /* also customized to relate to each of  the above */
.sf-menu li a.lvl2_4 span.bottom, .sf-menu li a.lvl2_5 span.bottom, .sf-menu li a.lvl2_150 span.bottom {
	position:absolute;bottom:0;padding:0 1.5em .75em 0;
}
.sf-menu li a span.lvl5 {
	margin-left: 1em;
}
.main_nav_1_wrap {width: 780px; float: right; height: 42px;}
.main_nav_1_wrap_3items {float: right; width: 618px; height: 42px; background: #004b9a;}
.main_nav_1_wrap_4items {float: right; width: 696px; height: 42px; background: #004b9a;}
.main_nav_1_wrap_5items {float: right; width: 799px; height: 42px; background: #004b9a;}

.main_nav_1_wrap_550 {float: right; width: 500px; height: 42px; background: #004b9a;}
   	/*  LOGGED IN version - add the extra width of one more box for MyServices  default width is 78  */
.main_nav_1_wrap_700 {float: right; width: 650px; height: 42px; background: #004b9a;}
.main_nav_1_wrap_400 {float: right; width: 400px; height: 42px; background: #004b9a;}

	/* lower_banner usually 2px less than cooresponding main wrap above
	   this div encloses the breadcrumb - its length will set the left position of the breadcrumb
	*/
.lower_banner_wrapper_3items {  float: right; width: 616px; }
.lower_banner_wrapper_4items {	float: right; width: 694px; }
.lower_banner_wrapper_550 {	float: right; width: 498px; }
.lower_banner_wrapper_700 {	float: right; width: 648px; }
.lower_banner_wrapper_400 {	float: right; width: 648px; }

/* --------- END customized for SfgP7Theme01 page attributes --------------- */


#main_nav_1 a span {cursor: pointer;}

/* Main nav buttons */
#main_btn_nav {float: right; width: 237px; height: 32px; padding: 15px 18px 0 0px;
  voice-family: "\"\""; voice-family: inherit;
  width: 237px; height: 32px;
	/*=IE6*/ overflow: hidden;
}

#main_btn_nav a {color: #fff; text-decoration: none;}
#main_btn_nav ul {float: left; margin: 0; list-style: none; position: absolute;}
#main_btn_nav ul li {float: left; margin: 0; padding: 0;}

.main_nav_btn_1 {float: left; width: 78px; line-height: 13px;}
.main_nav_btn_2 {float: left; width: 78px;}
.main_nav_btn_3 {float: left; width: 78px;}
#main_nav_btn_link_1 {display: block; height: 20px; width: 74px; padding-top: 3px;
  text-align: center; font-size: 10px;
  border: #477ab0 solid 1px; background: url(../images/nav/nav_btn_bg.gif) repeat-x 0 0;
  voice-family: "\"\""; voice-family: inherit;
  height: 17px;}
#main_nav_btn_link_2 {display: block; height: 20px; width: 74px; padding-top: 3px;
  text-align: center; font-size: 10px;
  border: #477ab0 solid 1px; background: url(../images/nav/nav_btn_bg.gif) repeat-x 0 0;
  voice-family: "\"\""; voice-family: inherit;
  height: 17px;}
#main_nav_btn_link_3 {display: block; height: 20px; width: 74px; padding-top: 3px;
  text-align: center; font-size: 10px;
  border: #477ab0 solid 1px; background: url(../images/nav/nav_btn_bg.gif) repeat-x 0 0;
  voice-family: "\"\""; voice-family: inherit;
  height: 17px;}
#main_nav_btn_link_1:hover {display: block; height: 20px; width: 74px; padding-top: 3px;
  text-align: center; font-size: 10px;
  border: #477ab0 solid 1px; background: url(../images/nav/nav_btn_bg_on.gif) repeat-x 0 0;
  voice-family: "\"\""; voice-family: inherit;
  height: 17px;}
#main_nav_btn_link_2:hover {display: block; height: 20px; width: 74px; padding-top: 3px;
  text-align: center; font-size: 10px;
  border: #477ab0 solid 1px; background: url(../images/nav/nav_btn_bg_on.gif) repeat-x 0 0;
  voice-family: "\"\""; voice-family: inherit;
  height: 17px;}
#main_nav_btn_link_3:hover {display: block; height: 20px; width: 74px; padding-top: 3px;
  text-align: center; font-size: 10px;
  border: #477ab0 solid 1px; background: url(../images/nav/nav_btn_bg_on.gif) repeat-x 0 0;
  voice-family: "\"\""; voice-family: inherit;
  height: 17px;}

/* the welcome bar */
#main_welcome_nav {
	float:right;
	margin-right: 9px;
	width: 285px;
}
#main_welcome_nav ul {margin: 0; float:right; list-style: none;/*margin-left:268px;*/}

#main_welcome_nav ul li {
  float: left; color:#505050;
  display:block; vertical-align:middle;
  border-left: #505050 solid 1px; padding: 3px 6px;
  margin-top: 3px;
  font-size: .9em;
  text-decoration: none; text-align: center;
  voice-family: "\"\""; voice-family: inherit; line-height:.9em; }
#main_welcome_nav ul li.first { border: none; }
#main_welcome_nav ul li a {
  color: #505050; text-decoration: underline; }
#main_welcome_nav ul li a:hover { color: #333; text-decoration: underline; }

/* Main nav buttons */

.search {position:absolute; visibility:hidden;}
.login { position:absolute; visibility:hidden;}
.float_wrapper { overflow:hidden;}
.main_nav_off_btn {height: 24px;}
#main_nav_btn_1_on {width: 76px; line-height: 13px; position: relative; z-index:2; float:left;}
#main_nav_btn_2_on {width: 70px; line-height: 13px; position: relative; z-index:2; float:left;}
#main_nav_btn_1_on a, #main_nav_btn_2_on a {color: #fff; text-decoration: none;}

#login {visibility:hidden; position:absolute;}
#search {/*visibility:hidden;*/ /*position:absolute;*/}

#main_nav_btn_link_1_on {display: block; height: 24px; width: 76px; padding-top: 3px; z-index:2;
  text-align: center; font-size: 10px;
  border-top: #739cc8 solid 1px; border-right: #739cc8 solid 1px; border-left: #739cc8 solid 1px;
  background: url(../images/nav/nav_btn_bg_on2.gif) repeat-x 0 0;
  voice-family: "\"\""; voice-family: inherit;
  height: 21px;}
#main_nav_btn_link_2_on {display: block; height: 24px; width: 66px; padding-top: 3px;
  text-align: center; font-size: 10px;
  border-top: #739cc8 solid 1px; border-right: #739cc8 solid 1px; border-left: #739cc8 solid 1px;
  background: url(../images/nav/nav_btn_bg_on2.gif) repeat-x 0 0;
  voice-family: "\"\""; voice-family: inherit;
  height: 21px;}

.drop_box {z-index:1;width:247px; position: absolute; top: 24px; text-align: left;}
.drop_box .form {background:#1773c0;border:1px solid #739cc8;padding:14px 0 15px 20px;color:#fff;z-index:1;}
.drop_box .form form {border-bottom:1px solid #739cc8;padding-bottom:15px;margin-bottom:13px;}
.text_input_search {float: left; width: 140px; background: #eee; border: #bebebe solid 1px;}
.go-button {float:left;width:50px;height:22px;margin:0 0 0 15px;border:0;}
.drop_box a {color: #98C4FF; text-decoration: none;}
.drop_box a:hover {color: #98C4FF; text-decoration: underline;}


.form label {/*font-weight: bold; margin-bottom: 2px;*/}
.form .clear {clear: both; padding-top: 8px;}
.text_input_login{float: left; width: 205px; background: #eee; border: #bebebe solid 1px;}
.button_wrap {float: left; padding-left: 15px;}
.button_wrap2 {clear: left;float: left; padding-right: 15px;}
input.button_link {display: block; padding: 3px 10px 2px 10px;
  text-align: center; font-size: 11px;
  color: #fff; border: #639ace solid 1px;
  background: url(../images/nav/nav_btn_bg_on2.gif) repeat-x 0 0;}
.drop_box a.button_link, #login_box a.button_link {color: #fff; text-decoration: none;}

form fieldset {border: none;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	list-style:		none;
	z-index:			98;
}
.sf-menu {
	line-height:	2.5em;
	padding-top:	6px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			190px; /* left offset of submenus need to match (see below) */
}
.sf-menu li ul {
	margin-top:		6px;
}
.sf-menu li ul li ul {
	margin-top:		0px;
}
.sf-menu li ul li ul li ul {
	margin:		0 0 0 3em;
}
.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:			2.5em; /* 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:			190px; /* 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:			190px; /* match ul width */
	top:			0;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	-x-system-font:none;
	background-color:transparent;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-align:left;
	text-decoration:none;
}

/* see add't sf-menus styles under theme "customizable" */

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu ul a {
	background-image:url(../images/nav/wide.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-left: 15px;
}
.sf-menu ul a:hover {
	background-image:url(../images/nav/full.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
/*** nextListItem class added to support #10274 ***/
.sf-menu ul a.nextListItem {
	background-image:url(../images/nav/full.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
.sf-menu ul a.first {
	background-image: none;
}
.sf-menu li {
/*	background:		#BDD2FF; */
}
.sf-menu li li {
/*	background:		#AABDE6; */
	background:		#1875C6;
}
.sf-menu li li li {
/*	background:		#9AAEDB; */
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#328ED0;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.3em;
	top:			2.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/nav/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.sf-menu li ul li a .sf-sub-indicator {
	top:			1.05em; /* IE6 only */
}
.sf-menu > li > a > .sf-sub-indicator {	/* drop top level arrows down a bit */
	top:			1.0em;
}
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(../images/nav/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;
}


/*breadcrumbs************************************************/
#breadcrumbs {/*margin:30px 0 0 30px;*/}
#breadcrumbs span {font-size: 12px; font-weight: bold;color:#505050;margin:0;padding:0 0 0 5px;white-space:nowrap;}
#breadcrumbs a {font-size: 12px; font-weight: normal;color:#004ea8;text-decoration:none;background:url(../images/icons/arrow-breadcrumb.gif) no-repeat 100% 0;padding:0 15px 0 5px;}
#breadcrumbs a.first {padding-left:0px;}
#breadcrumbs a:hover {text-decoration:underline;}
#breadcrumbs {
	text-align: left;
}
#breadcrumbs a {
	white-space:nowrap;
}
.breadcrumbs_3items {
	/* margin-left: 346px; */
	margin-top: 75px;
	margin-top: 35px
}
.breadcrumbs_4items {
	margin-top:35px;
	margin-left:0px;
	vertical-align: text-bottom;
	height:30px;
}

/***** end header.css *****/





/***** begin skin.css *****/
/*****
/*	=SKIN
*   theme.css
*   Styles used by the portal masthead and top navigation
*****/

table.portalVerticalContainer {
	width: 100%;
}
table.portalHorizontalContainer {
	width: 100%;
}

td.portalVerticalContainerCell {
}
td.portalHorizontalContainerCell {
	padding-left: 19px;
}

.portletContainer {
	width: 100%;
}

table.portalHorizontalContainer td {
	vertical-align: top;
}

/*** BEGIN additions for skin layout ***/
table.portalHorizontalContainer,
table.portalVerticalContainer {
	border-collapse: collapse;
}
td.portalHorizontalContainerCell,
td.portalVerticalContainerCell {
	vertical-align: top;
}
#wpsMainContent td.text td.portalHorizontalContainerCell,
#wpsMainContent td.text td.portalVerticalContainerCell {
	padding: 0;
}

table.sfgPortalSkin_containment {
	width: 100%;
	clear: both;
}
/*** END additions for skin layout ***/


/***** end skin.css *****/





/***** begin layout-templates.css *****/
/*****
/*	=LAYOUT
*   layout-templates.css
*   Styles used by portal static layout templates
*****/


/*** appDashboard layout ***/
div.sfgPortalLayout_appDashboard_outer {
	margin-left: 30px;
}
div.sfgPortalLayout_appDashboard div.sfgPortalLayout_col12 {
	float: left;
	width: 699px;
}
div.sfgPortalLayout_appDashboard div.sfgPortalLayout_appDashboard_inner div.sfgPortalLayout_col12 {
	float: left;
	width: 441px;
}
div.sfgPortalLayout_appDashboard div.sfgPortalLayout_appDashboard_inner div.sfgPortalLayout_col22 {
	float: left;
	width: 239px;
	margin-left: 19px;
}
div.sfgPortalLayout_appDashboard div.sfgPortalLayout_col22 {
	float: left;
	width: 217px;
	margin-left: 19px;
}


/*** appTraditional layout ***/
div.sfgPortalLayout_appTraditional_outer {
	margin-left: 30px;
}
div.sfgPortalLayout_appTraditional div.sfgPortalLayout_col12 {
	float: left;
	width: 699px;
}
div.sfgPortalLayout_appTraditional div.sfgPortalLayout_col22 {
	float: left;
	width: 217px;
	margin-left: 19px;
}


/*** 1Column layout ***/
div.sfgPortalLayout_1column {
	margin-left: 30px;
}
div.sfgPortalLayout_1column div.sfgPortalLayout_col12 {
	float: left;
	width: 699px;
}
div.sfgPortalLayout_1column div.sfgPortalLayout_col22 {
	float: left;
	width: 217px;
	margin-left: 19px;
}


/*** 2columnWideLeft layout ***/
div.sfgPortalLayout_2columnWideLeft {
	margin-left: 30px;
}
div.sfgPortalLayout_2columnWideLeft div.sfgPortalLayout_col12 {
	float: left;
	width: 699px;
}
div.sfgPortalLayout_2columnWideLeft div.sfgPortalLayout_col22 {
	float: left;
	width: 217px;
	margin-left: 19px;
}


/*** 2columnEqual layout ***/
div.sfgPortalLayout_2columnEqual {
	margin-left: 30px;
}
div.sfgPortalLayout_2columnEqual div.sfgPortalLayout_col12 {
	float: left;
	width: 458px;
}
div.sfgPortalLayout_2columnEqual div.sfgPortalLayout_col22 {
	float: left;
	width: 458px;
	margin-left: 19px;
}


/*** 2columnWideRight layout ***/
div.sfgPortalLayout_2columnWideRight {
	margin-left: 30px;
}
div.sfgPortalLayout_2columnWideRight div.sfgPortalLayout_col12 {
	float: left;
	width: 699px;
	margin-left: 19px;
}
div.sfgPortalLayout_2columnWideRight div.sfgPortalLayout_col22 {
	float: left;
	width: 217px;
}


/*** 2columnDashboard layout ***/
div.sfgPortalLayout_2columnDashboard_outer {
	margin-left: 30px;
}
div.sfgPortalLayout_2columnDashboard div.sfgPortalLayout_col12 {
	float: left;
	width: 699px;
}
div.sfgPortalLayout_2columnDashboard div.sfgPortalLayout_2columnDashboard_inner div.sfgPortalLayout_col12 {
	float: left;
	width: 441px;
}
div.sfgPortalLayout_2columnDashboard div.sfgPortalLayout_2columnDashboard_inner div.sfgPortalLayout_col22 {
	float: left;
	width: 239px;
	margin-left: 19px;
}
div.sfgPortalLayout_2columnDashboard div.sfgPortalLayout_col22 {
	float: left;
	width: 217px;
	margin-left: 19px;
}


/*** 3columnWideLeft layout ***/
div.sfgPortalLayout_3columnWideLeft_outer {
	margin-left: 30px;
}
div.sfgPortalLayout_3columnWideLeft div.sfgPortalLayout_col12 {
	float: left;
	width: 458px;
}
div.sfgPortalLayout_3columnWideLeft div.sfgPortalLayout_col22 {
	float: left;
	width: 458px;
	margin-left: 19px;
}
div.sfgPortalLayout_3columnWideLeft div.sfgPortalLayout_3columnWideLeft_inner div.sfgPortalLayout_col12 {
	float: left;
	width: 203px;
}
div.sfgPortalLayout_3columnWideLeft div.sfgPortalLayout_3columnWideLeft_inner div.sfgPortalLayout_col22 {
	float: left;
	width: 217px;
	margin-left: 19px;
}


/***** end layout-templates.css *****/





/***** begin footer.css *****/
/*****
/*	=FOOTER
*   footer.css
*   Styles used by the portal masthead and top navigation
*****/

/*footer************************************************/
#footer {
	margin: 40px 0 0 30px;
	font-size: 12px;
	color: #999999;
	position: relative;
	clear: both;
	zoom: 1;
}
#footer div.pad {border-top:1px solid #d4d4d4;padding:17px 0 33px 0;zoom:1;}
#footer div.print-email {position:absolute;top:-7px;/*left:30px;*/background:#fff;}
#footer div.print-email a.print {color:#999;background:url(../images/icons/footer-print.gif) no-repeat top left;padding:0 10px 0 20px;}
#footer div.print-email a.email {color:#999;background:url(../images/icons/footer-email.gif) no-repeat top left;padding:0 10px 0 20px;}
#footer div.print-email a.print:hover, #footer div.print-email a.email:hover {text-decoration:none;}
#footer p {float:left;}
#footer ul {list-style-type:none;margin:0 50px 0 0;padding:0;float:right;display:inline;}
#footer ul li {float:left;border-left:1px solid #ccc;padding:0 5px;margin:0;}
#footer ul li.first {border-left:0;}
#footer ul li a {color:#999;text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}

/***** end footer.css *****/





/***** begin enterprise.css *****/
/*****
/*	=ENTERPRISE
*   enterprise.css
*   Styles used throughout portal pages
*****/


/*** buttons ***/

/** identical rules for button, input[type=x] separated for IE6 compatibility **/
button {
	color: #004ea8;
	background: #acd1ef url(../images/main/button-bg-blue.gif) repeat-x;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #5f8fc5;
	padding: 5px 15px;
}
button:hover {
	text-decoration: underline;
}
input[type=button],
input[type=submit],
input[type=reset] {
	color: #004ea8;
	background: #acd1ef url(../images/main/button-bg-blue.gif) repeat-x;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #5f8fc5;
	padding: 5px 15px;
}
button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled {
	color: #cccccc;
	background: #e5e5e5 url(../images/main/button-bg-gray.gif) repeat-x;
	border-color: #d4d4d4;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover {
	text-decoration: underline;
}
button:disabled:hover,
input[type=button]:disabled:hover,
input[type=submit]:disabled:hover,
input[type=reset]:disabled:hover {
	text-decoration: none;
}
input[type=text], input[type=password], textarea, select {
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus,
input.active, textarea.active, select.active {
	background-color: #ffffff;
	border-color: #004ea8;
}
/* lessen excess side padding from buttons in IE6 */
* html button {
	padding-right: 6px;
	padding-left: 6px;
}
/* lessen excess side padding from buttons in IE7 */
*:first-child+html button,
*:first-child+html input[type=button],
*:first-child+html input[type=submit],
*:first-child+html input[type=reset] {
	padding-right: 6px;
	padding-left: 6px;
}

/* =hack to get button underlines to display in FireFox */
@-moz-document url-prefix() {
	button,
	input[type=button],
	input[type=submit],
	input[type=reset] {
		display:table-cell;
	}
}


/***** page titles *****/
h1.pageTitleNormal {
	padding-bottom:0;
	padding-top:39px;
	font-weight:bold;
}
h1.pageTitleSecondary {
	padding-bottom:0;
	padding-top:35px;
	font-size:34px;
	font-weight:bold;
}
div.pageTitleDivFullHeight {
	height:110px;
 	border-bottom:1px solid #d0d0d0;
	margin-bottom:18px;
}

div.pageTitleDivFullHeightNoLine {
	height:110px;
 	margin-bottom:18px;
}
div.pageTitleDivTitleOnly {
	height:86px;
}

.pageTitleGraphicWide {
	width:479px;
	margin-bottom:18px;
/* 	height:110; normal, but set by graphic size*/
}
.pageTitleGraphicNarrow {
	width:217px;
	margin-bottom:18px;
/* 	height:110; normal, but set by graphic size*/
}

.portalThemeMainContent ul {
	list-style-type: square;
	list-style-image: url(../images/main/gray-list-item.png);
	margin: 0 0 10px 19px;
	padding: 0;
}
.portalThemeMainContent ol {
	list-style-type: decimal;
	margin: 0 0 10px 19px;
	padding: 0;
}
.portalThemeMainContent li {
	padding: 4px 0 4px 0;
}

.portalThemeMainContent dd {
	margin: 0 0 10px 15px;
}


/* styles created for Promo menu component */
.homePromoFirst{width: 223px; height: 184px; float: left; margin-top: 10px; position: relative; zoom: 1;overflow: auto;}
.homePromoRepeat{width: 223px; height: 184px; margin-left: 10px;margin-top: 10px; float: left; position: relative; zoom: 1;overflow: auto;}


#white-shadow {filter: alpha(opacity=50);}
#oframe {filter: alpha(opacity=0);}
/* CSS Document */

/* This centers the main content under the header */
.cont_post_header_wrap {width: 965px; margin: 0 auto; text-align: left;}
/* This adds left margin */
.cont_main_content_wrap {clear: both; margin-left: 40px; display: block; width: 925px;}

.col_1_of_2_696pxW {float: left; width: 696px; padding-bottom: 50px;}
.col_2_of_2_229pxW {float: left; width: 229px; padding-bottom: 50px;}

/* popup columns */
.col_1_of_2_176pxW {float: left; width: 176px;}
.col_2_of_2_460pxW {float: left; width: 460px;}


/* global settings needed for thickbox */
*{padding: 0; margin: 0;}


.contexual_hint_wcm_tools {
  display:none;
}

.wcmtool, .contexual_hint_wcm_tools .wcmtool{
   padding: 1px 3px 1px 3px;
   margin-right: 5px;

   border: 0;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;

   background-color: #FF7C0A;
   color: white;
   font-weight: bold;
   cursor: pointer;
   display:inline;
}
.wcmtool a{
  color:white;
}
.wcmtooltip{
  position: absolute;
  padding: 3px 3px;
  z-index: 2;

  color: #303030;
  background-color: #f5f5b5;
  border: 1px solid #DECA7E;

  font-family: sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

.wcmtooltip h2 {
  padding: 2px;
  font-size:16px;
  font-weight:bold;
}
.wcmtooltip span.label {
  font-weight:bold;
}

div.contexual_hint_wcm_tools span.wcmtool a, div.contexual_hint_wcm_tools span.wcmtool a.arrow{
  color:white;
  font-weight: bold;
  font-size:12px;
  padding:0px;
  background:url() no-repeat 100% 50%;
}

.wcmtooltip .wcmtoolinfo {
   margin: 1px;
   padding: 2px;
   overflow: hidden;

   text-align: left;

   border: 1px solid #6699CC;
   border-width: 1px 1px 1px 15px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;

   background-color: #f7f7f7;
}

.plugin_tooltip {
	background: #f2f2f2;
	background-image: -moz-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
	background-image: -webkit-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
	padding: 4px;
	border: 1px solid #d4d4d4;
	display: none;
	max-width: 350px;
}

/*
.plugin_titletiptarget, .plugin_datatiptarget {
	border-bottom: 1px dotted #505050;
}
*/

/* more task styles in application section */
ul.arrows, ul.links, ul.tasks, ul.contact, ul.arrows-small {margin:0 0 12px 0;padding:0;list-style-type:none; list-style-image: none;}
ul.arrows li {border-top:1px solid #cdccc5;background:url(../images/icons/arrow.gif) no-repeat 0 8px;padding:4px 0 4px 15px;}
ul.arrows li.external {background:url(../images/icons/external-large.gif) no-repeat 0 8px;}
ul.arrows li.first {border-top:0;}
ul.arrows li a {font-weight:bold; font-size: 15px;}

ul.arrows-small li {background:url(../images/icons/box-arrow.gif) no-repeat 0 8px;padding:4px 0 4px 15px;}

ul.links li {padding:3px 0 3px 15px;}
ul.links li a {font-size:12px;}
ul.links li.document {background:url(../images/icons/document.gif) no-repeat center left;}
ul.links li.arrow {background:url(../images/icons/arrow-small.gif) no-repeat center left;}
ul.links li.external {background:url(../images/icons/external.gif) no-repeat center left;}
ul.links li.arrow a.document {display:inline;background:url(../images/icons/document.gif) no-repeat 3px center;padding:0 0 0 18px;margin:0;cursor:pointer;}

ul.tasks {font-size:12px;}
ul.tasks li {border-top:1px solid #cdccc5;background-repeat:no-repeat;padding:7px 0 6px 30px;}
ul.tasks li.first {border-top:0;}
ul.tasks li a {font-weight:bold;font-size:15px;}

ul.contact {font-size:12px;}
ul.contact li {background-image:url(../images/tasks/33x33/contact.gif);background-repeat:no-repeat;padding:8px 0 4px 30px;zoom:1;}
ul.contact li a.contact {font-weight:bold;font-size:15px;}


/***** end enterprise.css *****/



/***** begin presentation-templates.css *****/
/*****
/*	=PT
*   presentationTemplates.css
*	Styles for use by Presentation Templates only
*****/




/***** begin application.css *****/
/*****
/*	=APP
*   application.css
*   Publicly available styles for use by portlet applications and WCM content
*   This file is broken into:
*   -   "in-house" styles created to ramp-up application development
*   -   "global" styles for use by any content or application
*   -   "enterprise" styles given to us by BP's, which have been moved
*       here from layout.css
*****/


/**** begin in-house developed styles ****/

.clear {
	clear: both;
}
.fixer {
	clear: both;
}

/*** general ***/
.app_floatLeft {float: left;}
.app_floatRight {float: right;}
.nobr, .app_nobr {white-space: nowrap;}
.app_bold {font-weight: bold;}

.app_legalNote {
	background-color: #fff;
	border: 1px solid #ddd;
	height: 80px;
	overflow: auto;
}


/*** textual ***/
h2.app_portletTitle, h3.app_portletTitle {
	margin-bottom: 6px;
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 6px;
}
.app_helpLink {
	font-size: 9px;
	margin-left: 10px;
}
.app_example {
	font-size: 9px;
	margin-left: 10px;
}
.app_negativeValue {
	color: #cc0000;
}
.app_sectionTitle {
	font-size: 11px;
}

.app_disclaimers p,
p.app_disclaimer {
	font-size: 11px;
	color: #919191;
}
.app_footnotes p,
p.app_footnote {
	font-size: 11px;
	color: #919191;
}


/*** contacts ***/
div.app_contact {
	background: url(../images/tasks/20x20/contact.gif) no-repeat 2px 3px;
	padding: 4px 0 4px 28px;
	zoom: 1;	/* =IE7 needed to display bg*/
}
div.app_contact div {
	margin-bottom: 10px;
}
div.app_contact_heading {
	color: #004ea8;
	font-size: 15px;
	font-weight: bold;
}
div.app_contact_title {
	font-weight: bold;
}
ul.app_contact_numbers {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
}
ul.app_contact_numbers li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
div.app_contact_support {
	font-size: 11px;
	font-style: italic;
}

/*** tasks ***/
.app_taskContainer {
	position: relative;
	background: #e8e8e8 url(../images/main/box-bg.gif) repeat-x;
	margin-bottom: 15px;
	border: 1px solid #d4d4d4;
	padding: 10px 0 5px 1em;
	zoom: 1;
}
.app_taskContainer ul > li:first-child {
	border-top: 0 none;
}
ul.app_task {
	font-size: 15px;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
ul.app_task > li {
	display: block;
	margin: 0;
	border-top: 1px solid #e5e5e5;
	padding: 0;
}
ul.app_task > li > a {
	display: block;
	background: url(../images/tasks/20x20/internal.gif) no-repeat 2px 3px;
	padding: 4px 0 4px 28px;
}

ul.app_task_calendar > li > a, ul.app_task > li.app_task_calendar > a {background-image: url(../images/tasks/20x20/calendar.gif);}
ul.app_task_calendarAdd > li > a, ul.app_task > li.app_task_calendarAdd > a {background-image: url(../images/tasks/20x20/calendar-add.gif);}
ul.app_task_clickToCall > li > a, ul.app_task > li.app_task_clickToCall > a {background-image: url(../images/tasks/20x20/click2call.gif);}
ul.app_task_configure > li > a, ul.app_task > li.app_task_configure > a {background-image: url(../images/tasks/20x20/tools.gif);}
ul.app_task_contact > li > a, ul.app_task > li.app_task_contact > a {background-image: url(../images/tasks/20x20/contact.gif);}
ul.app_task_contactOffice > li > a, ul.app_task > li.app_task_contactOffice > a {background-image: url(../images/tasks/20x20/office.gif);}
ul.app_task_document > li > a, ul.app_task > li.app_task_document > a {background-image: url(../images/tasks/20x20/document.gif);}
ul.app_task_download > li > a, ul.app_task > li.app_task_download > a {background-image: url(../images/tasks/20x20/download.gif);}
ul.app_task_email > li > a, ul.app_task > li.app_task_email > a {background-image: url(../images/tasks/20x20/email.gif);}
ul.app_task_event > li > a, ul.app_task > li.app_task_event > a {background-image: url(../images/tasks/20x20/calendar.gif);}
ul.app_task_external > li > a, ul.app_task > li.app_task_external > a {background-image: url(../images/tasks/20x20/external.gif);}
ul.app_task_faq > li > a, ul.app_task > li.app_task_faq > a {background-image: url(../images/tasks/20x20/help.gif);}
ul.app_task_feedback > li > a, ul.app_task > li.app_task_feedback > a {background-image: url(../images/tasks/20x20/feedback.gif);}
ul.app_task_form > li > a, ul.app_task > li.app_task_form > a {background-image: url(../images/tasks/20x20/forms.gif);}
ul.app_task_glossary > li > a, ul.app_task > li.app_task_glossary > a {background-image: url(../images/tasks/20x20/glossary.gif);}
ul.app_task_help > li > a, ul.app_task > li.app_task_help > a {background-image: url(../images/tasks/20x20/help.gif);}
ul.app_task_info > li > a, ul.app_task > li.app_task_info > a {background-image: url(../images/tasks/20x20/info.gif);}
ul.app_task_login > li > a, ul.app_task > li.app_task_login > a {background-image: url(../images/tasks/20x20/access.gif);}
ul.app_task_manageInvestments > li > a, ul.app_task > li.app_task_manageInvestments > a {background-image: url(../images/tasks/20x20/dollar.gif);}
ul.app_task_news > li > a, ul.app_task > li.app_task_news > a {background-image: url(../images/tasks/20x20/newsletter.gif);}
ul.app_task_read > li > a, ul.app_task > li.app_task_read > a {background-image: url(../images/tasks/20x20/book.gif);}
ul.app_task_rollFunds > li > a, ul.app_task > li.app_task_rollFunds > a {background-image: url(../images/tasks/20x20/marketing.gif);}
ul.app_task_playMedia > li > a, ul.app_task > li.app_task_playMedia > a {background-image: url(../images/tasks/20x20/play.gif);}
ul.app_task_provider > li > a, ul.app_task > li.app_task_provider > a {background-image: url(../images/tasks/20x20/provider.gif);}
ul.app_task_rates > li > a, ul.app_task > li.app_task_rates > a {background-image: url(../images/tasks/20x20/rates.gif);}
ul.app_task_register > li > a, ul.app_task > li.app_task_register > a {background-image: url(../images/tasks/20x20/signup.gif);}
ul.app_task_review > li > a, ul.app_task > li.app_task_review > a {background-image: url(../images/tasks/20x20/list.gif);}
ul.app_task_search > li > a, ul.app_task > li.app_task_search > a {background-image: url(../images/tasks/20x20/glossary.gif);}
ul.app_task_secure > li > a, ul.app_task > li.app_task_secure > a {background-image: url(../images/tasks/20x20/access.gif);}
ul.app_task_subscribeToFeed > li > a, ul.app_task > li.app_task_subscribeToFeed > a {background-image: url(../images/tasks/20x20/rss.gif);}
ul.app_task_transferFunds > li > a, ul.app_task > li.app_task_transferFunds > a {background-image: url(../images/tasks/20x20/exchange.gif);}
ul.app_task_upload > li > a, ul.app_task > li.app_task_upload > a {background-image: url(../images/tasks/20x20/upload.gif);}


/*** promos ***/
.app_promo_container {
	position: relative;
	background: #e8e8e8 url(../images/main/box-bg.gif) repeat-x;
	margin-bottom: 15px;
	border: 1px solid #d4d4d4;
	padding: 10px 0 0 10px;
	zoom: 1;
}
.app_promo_container h3 {
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 5px;
}
.app_promo_container > *:last-child {margin-bottom: 0;}
.app_promo_content {
	min-height: 110px;
	position: relative;
	padding-bottom: 10px;
}
.app_promo_longDescription {
	padding-right: 10px;
}
.app_promo_image ~ .app_promo_longDescription {
	padding-right: 110px;
}
.app_promo_link a {
	background: url(../images/icons/arrow.gif) no-repeat right center;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 10px;
}


/*** columns ***/

/* two-column equal layout */
.app_2cols .app_col1 {
	float: left;
	width: 48.5%;
	zoom: 1;
}
.app_2cols .app_col2 {
	float: right;
	width: 48.5%;
	zoom: 1;
}

/* two-column wide-narrow layout */
.app_cols_wn .app_col1,
.app_cols_wideNarrow .app_col1 {
	width: 65.5%;
}
.app_cols_wn .app_col2,
.app_cols_wideNarrow .app_col2 {
	width: 31.5%;
}

/* two-column narrow-wide layout */
.app_cols_nw .app_col1,
.app_cols_narrowWide .app_col1 {
	width: 31.5%;
}
.app_cols_nw .app_col2,
.app_cols_narrowWide .app_col2 {
	width: 65.5%;
}

/* two-column 60/40 and 40/60 column widths */
.app_cols_sf > .app_col1, .app_cols_fs > .app_col2,
.app_cols_sixtyForty > .app_col1, .app_cols_fortySixty > .app_col2 {
	width: 58.5%;
}
.app_cols_fs > .app_col1, .app_cols_sf > .app_col2,
.app_cols_fortySixty > .app_col1, .app_cols_sixtyForty > .app_col2 {
	width: 38.5%;
}

/* three-column equal layout */
.app_3cols .app_col1 {
	float: left;
	width: 31.5%;
	margin-right: 2.75%;
	zoom: 1;
}
.app_3cols .app_col2 {
	float: left;
	width: 31.5%;
	zoom: 1;
}
.app_3cols .app_col3 {
	float: right;
	width: 31.5%;
	zoom: 1;
}

/* three-column wide-narrow-wide layout */
.app_cols_wnw .app_col1,
.app_cols_wideNarrowWide .app_col1 {
	width: 45%;
	margin-right: 2%;
}
.app_cols_wnw .app_col2,
.app_cols_wideNarrowWide .app_col2 {
	width: 6%;
	text-align: center;
}
.app_cols_wnw .app_col3,
.app_cols_wideNarrowWide .app_col3 {
	width: 45%;
}

/* overrides for columns-within columns */
.app_cols_equal2 .app_col1, .app_cols_equal2 .app_col2 {
	width: 48.5%;
	margin: 0;
}
.app_cols_equal3 .app_col1 {
	width: 31.5%;
	margin-right: 2.75%;
}
.app_cols_equal3 .app_col2, .app_cols_equal3 .app_col3 {
	width: 31.5%;
	margin: 0;
}


/** general styles **/
td.app_numeric, td.app_currency, td.app_percentage, 
input.app_numeric, input.app_currency, input.app_percentage {
	text-align: right;
/*	text-align: ".";*/
}

/** basic table styles, app_table00 == app_tableBasic **/
table.app_table00,
table.app_tableUndecorated {
	width: auto;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 10px;
}
table.app_table00 th,
table.app_tableUndecorated th {
	background-color: transparent;
	border: 0 none;
	padding: 3px 10px 2px 12px;
	vertical-align: bottom;
}
table.app_table00 td,
table.app_tableUndecorated td {
	border: 0 none;
	padding: 3px 10px 2px 12px;
}

/** full table styles, app_table01 == app_tableRegular **/
table.app_table01,
table.app_tableStandard {
	width: 100%;
	border: 1px #e5e5e5 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 10px;
}
table.app_table01 th,
table.app_tableStandard th {
	border-left: 1px #FFF solid;
	background-color: #e5e5e5;
	padding: 7px 10px 5px 12px;
	vertical-align: bottom;
}
table.app_table01 tr > th:first-child, table.app_table01 th.app_first,
table.app_tableStandard tr > th:first-child, table.app_tableStandard th.app_first {
	border-color: #e5e5e5;
}
table.app_table01 td,
table.app_tableStandard td {
	border: 1px #e5e5e5 solid;
	padding: 7px 10px 5px 12px;
}
tr.app_altRow td, tr.altrow td {
	background-color: #f2f2f2;
}
table.app_table01 tfoot tr th, table.app_table01 tfoot tr th:empty,
table.app_table01 tfoot tr td, table.app_table01 tfoot tr td:empty,
table.app_tableStandard tfoot tr th, table.app_tableStandard tfoot tr th:empty,
table.app_tableStandard tfoot tr td, table.app_tableStandard tfoot tr td:empty {
	background-color: #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

table.app_tableSummary {
	width: 100%;
	margin-bottom: 10px;
}
table.app_tableSummary td, table.app_tableSummary th {
	padding: 3px 7px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #919191;
}
table.app_tableSummary:not(dummy) tr > td:first-child {
	border-left-width: 5px;
}
table.app_tableSummary:not(dummy) tr > td:last-child {
	border-right-width: 5px;
}


/*** message boxes ***/
.app_boxed {
	border: 1px solid #d4d4d4;
	margin-bottom: 1ex;
	padding: 1ex 1em;
	zoom: 1;
}
.app_boxed > *:last-child {margin-bottom: 0;}

.app_noTopBorder {
	border-top: 0 none !important;
}

.app_message {
	background-color: #fff3ce;
	border-width: 2px;
	border-color: #f7be5a;
}

.app_error, .app_error2 {
	background: url(../images/icons/icon_bang_red_20x20.gif) no-repeat scroll 16px 16px #f4d1cc;
	border-width: 2px;
	border-color: #cc0000;
	padding: 3ex 1em 3ex 50px;
}
.app_errorText {
	color: #cc0000;
	font-weight:bold;
}

.app_info {
	background: url(../images/icons/icon_check_blue_20x20.gif) no-repeat scroll 16px 16px #CCDCEE;
	border-width: 2px;
	border-color: #004ea8;
	padding: 3ex 1em 3ex 50px
}
.app_infoBoxText {
	font-weight: bold;
}

.app_reviewInfo, app_reviewInfo2 {
	background-color: #ffffff;
	background-image: url(../images/main/main-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #d4d4d4;
}
.app_reviewInfo1 {
	background-color: #ffffff;
	border: 1px solid #d4d4d4;
}
.app_reviewInfoText {
	font-weight:bold;
}


/*** feature box ***/
.app_featureContainer {
	background: #e5e5e5;
	background-image: -moz-linear-gradient(top, #ffffff 0, #e5e5e5 100%);
	background-image: -webkit-linear-gradient(top, #ffffff 0, #e5e5e5 100%);
	border: 1px solid #d4d4d4;
	margin-bottom: 1ex;
	padding: 1ex 1em;
	zoom: 1;
}
.app_feature {
	float: left;
	line-height: 21px;
}
.app_featureTitle {
	display: inline;
	color: #505050;
	font-size: 13px;
	font-weight: normal;
	margin-right: 2px;
}
.app_featureOn, app_featureOff {
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
}
.app_featureOn {
	color: #339933;
}
.app_featureOff {
	color: #000000;
}
.app_featureLink {
	float: right;
	line-height: 21px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}


/*** wizard ***/
.app_wizardContainer {
	background-color: #ffffff;
	background-image: url(../images/main/main-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #d4d4d4;
	box-shadow: 4px 4px 0 #d4d4d4; -moz-box-shadow: 4px 4px 0 #d4d4d4; -webkit-box-shadow: 4px 4px 0 #d4d4d4;
	padding: 2ex 2em;
}


/*** form layout ***/
div.app_group,
div.app_fieldGroup {
	margin-bottom: 1ex;
	border-bottom: solid 1px #d4d4d4;
	zoom: 1;
}
div.app_fieldSubgroup {
	margin-left: 50px;
}
div.app_field,
.app_unwrapChoices .app_fieldContainer {
	margin-bottom: 1ex;
	padding: 1ex;
	zoom: 1;
}
.app_fieldWrap,
.app_fieldContainer, .app_wrapChoices .app_fieldContainer {
	margin-bottom: 12px;
	margin-left: 50px;
	margin-right: 50px;
}
.app_field, .app_fieldWrap,
.app_fieldContainer {
	line-height: 18px;
	vertical-align: baseline;
}
.app_field label,
.app_choiceField .app_choiceLabel,
.app_unwrapChoices .app_choiceField .app_choiceLabel {
	display: block;
	width: 30%;
	text-align: right;
	float: left;
	padding-right: 0.2em;
}
.app_fieldWrap label,
.app_fieldWrap .app_choiceLabel,
.app_fieldContainer label,
.app_fieldContainer .app_choiceLabel,
.app_wrapChoices .app_fieldContainer .app_choiceLabel {
	display: block;
	float: none;
	width: auto;
	text-align: left;
}

/* compact forms */
.app_form_compact .app_fieldContainer {
	display: inline-block;
	float: left;
	margin: 0 10px 0 0;
	vertical-align: bottom;
}
.app_form_compact .app_fieldContainer label {
	display: inline;
	float: left;
	padding-right: 3px;
}
.app_form_compact .app_fieldContainer > * {
	margin-top: 4px;
}
.app_form_compact_labelContainer {
	display: block;
	margin-bottom: 6px;
}
 .app_form_compact .app_buttonGroup {
	display: inline-block;
	float: left;
}
.app_form_compact .app_buttonGroup .app_stackPrimary, .app_form_compact .app_buttonGroup .app_stackAlternative {
	display: inline-block;
	float: left;
}

/* short forms */
.app_form_short .app_fieldContainer {
	margin-left: 0;
}
.app_form_short .app_choiceLabel {
	font-weight: bold;
	margin-bottom: 10px;
}
.app_form_short .app_unwrapChoices .app_choice {
	margin-bottom: 10px;
}
.app_form_short .app_buttonGroup .app_stackPrimary, .app_form_compact .app_buttonGroup .app_stackAlternative {
	float: left;
}
.app_form_short .app_stackPrimary button {
	margin-left: 0;
}

/* fix for radio/checkbox choices generated by JSF */
.app_fieldWrap td label,
.app_fieldWrap td .app_choiceLabel,
.app_fieldContainer td label,
.app_fieldContainer td .app_choiceLabel,
.app_wrapChoices .app_fieldContainer td .app_choiceLabel {
	display: inline;
}
.app_fieldWrap .app_labelWrapper,
.app_fieldContainer .app_labelWrapper,
.app_wrapChoices .app_fieldContainer .app_labelWrapper {
	display: block;
}
.app_fieldWrap .app_labelWrapper label,
.app_fieldContainer .app_labelWrapper label,
.app_wrapChoices .app_fieldContainer .app_labelWrapper label {
	display: inline;
	float: none;
}

.app_halfWidthLabel label,
.app_halfWidthLabel .app_choiceLabel {
	width: 50%;
}
.app_longLabel label,
.app_longLabel .app_choiceLabel {
	width: 70%;
}
div.app_choiceField .app_choice label {
	width: auto;
	display: inline;
	float: none;
	margin-right: 1em;
}
div.app_choiceField .app_choice input {
	float: none;
}
.app_choices,
.app_choiceContainer {
	float: left;
	zoom: 1;
}
.app_unwrapChoices .app_choice {
	display: block;
}
.app_fieldWrap .app_choices,
.app_fieldWrap .app_choiceContainer {
	margin-left: 1em;
}
.app_choicesWrap {
	padding:5px 0 5px 10px;
}
.app_booleanField {
	line-height: 18px;
	vertical-align: baseline;
}
div.app_booleanField input {
	float: left;
	margin-right: 0.2em;
}
div.app_booleanField label {
	float: none;
	width: auto;
	text-align: left;
}
div.app_field .app_inline label,
div.app_field .app_inline input,
div.app_unwrapChoices div.app_fieldContainer .app_inline label,
div.app_unwrapChoices div.app_fieldContainer .app_inline input,
div.app_field .app_complexField label,
div.app_field .app_complexField input,
div.app_unwrapChoices div.app_fieldContainer .app_complexField label,
div.app_unwrapChoices div.app_fieldContainer .app_complexField input {
	display: inline;
	float: none;
}
.app_multiField .app_inline label,
.app_complexField .app_inline label {
	display: inline;
}


/*** form fields ***/
.app_errorField {
	background-color: #f4d1cc;
	border-width: 2px;
	border-color: #cc0000;
}
.app_fieldWrapErrorWrapper,
.app_fieldContainerErrorWrapper {
	margin-left: 50px;
	margin-right: 50px;
}
.app_fieldWrapErrorWrapper .app_fieldWrap,
.app_fieldContainerErrorWrapper .app_fieldContainer {
	margin-left: 0;
	margin-right: 0;
}

.app_errorMessage {
	color: #cc0000;
	font-weight: bold;
}
.app_field .app_errorMessage {
	margin-left: 30%;
}
.app_halfWidthLabel .app_errorMessage {
	margin-left: 50%;
}
.app_longLabel .app_errorMessage {
	margin-left: 70%;
}
.app_booleanField .app_errorMessage {
	margin-left: 0;
}
.app_field::after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.app_scrollBox {width:550px;height:300px;overflow:scroll;font-size:12px;border: #aaadb2 solid 1px; background-color:#f5f5f5;}
.app_scrollBox div {padding:10px 10px 10px 10px;}
.app_scrollBox .disclaimer_large {font-size:14px;}
.app_text30Chars,
.app_firstName, .app_middleName, .app_lastName, .app_address, .app_city, .app_email, .app_jobTitle {
	width: 24em;
}
.app_text20Chars,
.app_phone, .app_postalCode, .app_state, .app_country {
	width: 16em;
}
.app_text12Chars,
.app_prefix, .app_suffix, .app_date, .app_ssn, .app_amount {
	width: 9em;
}
.app_text08Chars,
.app_phoneExt {
	width: 6em;
}
.app_text04Chars,
.app_middleInitial {
	width: 3em;
}


/*** form buttons ***/
button.app_cancel {
	color: #505050;
	background: #ededed url(../images/main/button-bg.gif) repeat-x;
	border: 1px solid #d4d4d4;
}


/** textual buttons **/
.app_buttonText,
.app_secondaryButton {
	background: none;
	border-style: none;
	display: inline-block; -moz-inline-box: inline-block;
}
button.app_buttonText, input[type=button].app_buttonText, input[type=submit].app_buttonText, input[type=reset].app_buttonText, a.app_buttonText, span.app_buttonText,
button.app_secondaryButton, input[type=button].app_secondaryButton, input[type=submit].app_secondaryButton, input[type=reset].app_secondaryButton, a.app_secondaryButton, span.app_secondaryButton {
	border: 0 none;
	background: none;
	color: #004ea8;
	font-weight: bold;
	font-size: 10px;
	text-transform: none;
	padding: 6px 16px;
	vertical-align: middle;
}

button.app_buttonText:disabled, input[type=button].app_buttonText:disabled, a.app_buttonText.app_disabled, span.app_buttonText.app_disabled,
button.app_secondaryButton:disabled, input[type=button].app_secondaryButton:disabled, a.app_secondaryButton.app_disabled, span.app_secondaryButton.app_disabled {
	color: #cccccc;
}
/* fixes for IE6 and IE7 needed separately */
* html a.app_buttonText, * html span.app_buttonText,
* html a.app_secondaryButton, * html span.app_secondaryButton {
	zoom: 1;
}
*:first-child+html a.app_buttonText, *:first-child+html span.app_buttonText,
*:first-child+html a.app_secondaryButton, *:first-child+html span.app_secondaryButton {
	zoom: 1;
}
a.app_buttonText:hover, span.app_buttonText:hover,
a.app_secondaryButton:hover, span.app_secondaryButton:hover {
	text-decoration: underline;
}
a.app_buttonText.app_disabled:hover, span.app_buttonText.app_disabled:hover,
a.app_secondaryButton.app_disabled:hover, span.app_secondaryButton.app_disabled:hover {
	color: #cccccc;
	text-decoration: none;
}

.app_buttonGroup div {
	margin-bottom: 1ex;
}
*:first-child+html .app_buttonGroup table {
	width: 100%;	/*=IE7 fix*/
}
.app_buttonGroup .app_stackLeft {
	float: left;
	zoom: 1;
}
.app_buttonGroup .app_stackLeft button {
	margin-right: 0.5em;
}
.app_buttonGroup .app_stackRight,
.app_buttonGroup .app_stackPrimary,
.app_buttonGroup .app_stackAlternative {
	float: right;
	zoom: 1;
}
.app_buttonGroup .app_stackRight > *,
.app_buttonGroup .app_stackPrimary > *,
.app_buttonGroup .app_stackAlternative > * {
	margin-left: 0.5em;
}


/*** FAQ ***/
ul.app_faq > li, div.text ul.app_faq > li,
ul.app_faq > li.app_faqAnswerHiding, div.text ul.app_faq > li.app_faqAnswerHiding {
	list-style-image: url(../images/icons/arrow_blue_right.gif);
}

ul.app_faq > li.app_faqAnswerShowing,
div.text ul.app_faq > li.app_faqAnswerShowing {
	list-style-image: url(../images/icons/arrow_blue_down.gif);
}
.app_faqQuestion {
	color: #004ea8;
	font-weight: bold;
	margin-bottom: 1ex;
}
.app_faqQuestion:hover {
	text-decoration: underline;
	cursor: pointer;
}
.app_faqAnswer {
	margin-bottom: 1ex;
}
li.app_faqAnswerHiding .app_faqAnswer {
	display: none;
}


/*** application-level menus ***/
.app_sf-menu {
	color: #505050;
	background-color: #e5e5e5;
}
ul.app_sf-menu {
	margin-bottom: 6px;
}
.app_sf-menu, .app_sf-menu * {
	z-index: 78;
}
.app_sf-menu li:hover ul, .app_sf-menu li:hover ul *,
.app_sf-menu li.sfHover ul, .app_sf-menu li.sfHover ul * {
	z-index: 79;
}
ul.app_sf-menu {
	font-weight: normal;
	margin: 0 0 6px 0;
}
ul.app_sf-menu ul {
	font-weight: normal;
	margin: 0;
}
ul.app_sf-menu li {
	background-color: #e5e5e5;
	background-image: url(../images/main/button-bg-gray.gif);
	background-repeat: repeat-x;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #d4d4d4;
}
ul.app_sf-menu li:first-child {
	border-left-width: 1px;
}
ul.app_sf-menu ul {
	margin-top: 9px;
	margin-left: -1px;
}
ul.app_sf-menu ul > li {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d4d4d4;
}
ul.app_sf-menu ul > li:first-child {
	border-top-width: 1px;
}
.app_sf-menu li:hover a {
	color: #004ea8;
	font-weight: bold;
}
.app_sf-menu li a, .app_sf-menu li a:link, .app_sf-menu li a:visited {
	color: #505050;
	font-weight: bold;
}
.app_sf-menu li.sfHover a {
	color: #004ea8;
}
.app_sf-menu li.sfHover li a {
	color: #505050;
}
.app_sf-menu li.sfHover li a:hover {
	color: #004ea8;
}
.app_sf-menu li:hover, .app_sf-menu li.sfHover, .app_sf-menu li.sfHover ul {
    background-color: #acd1ef;
	background-image: url(../images/main/button-bg-blue.gif);
	background-repeat: repeat-x;
}
.app_sf-menu li a:focus, .app_sf-menu li a:hover, .app_sf-menu li a:active {
	color: #004ea8;
    background-color: transparent;
}
.app_sf-menu ul a, .app_sf-menu ul a:hover {
	background-image: none;
}
.app_sf-menu li li {
	background-color: #e5e5e5;
}
.app_sf-menu .sf-sub-indicator {
	background: url(../images/main/arrow-dn-gray.gif) no-repeat scroll 0 0 transparent;
}
.app_sf-menu a:focus > .sf-sub-indicator,
.app_sf-menu a:hover > .sf-sub-indicator,
.app_sf-menu a:active > .sf-sub-indicator,
.app_sf-menu li:hover > a > .sf-sub-indicator,
.app_sf-menu li.sfHover > a > .sf-sub-indicator {
	background: url(../images/main/arrow-dn-blue.gif) no-repeat scroll 0 0 transparent;
}

/*
	Customizations for superfish menu item widths.
	This assumes that div.sfgPortalLayout_col12 will have width: 699px.
	Adjustments with *:first-child+html are necessary for IE7.
*/
ul.app_sf-menu, ul.app_sf-menu > li {
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;
}
ul.app_sf-menu {
	width: 100%;
}
ul.sf_numItems_3 > li {
	width: 33.333%;
}
ul.sf_numItems_4 > li {
	width: 25%;
}
ul.sf_numItems_5 > li {
	width: 20%;
}
ul.sf_numItems_6 > li {
	width: 16.667%;
}
ul.sf_numItems_7 > li {
	width: 14.285%;
}
ul.sf_numItems_8 > li {
	width: 12.5%;
}

div.sfgPortalLayout_col12 ul.sf_numItems_3 > li {
	width: 233px;
}
div.sfgPortalLayout_col12 ul.sf_numItems_3 > li:first-child {
	width: 233px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_3 > li {
	width: 232px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_3 > li:first-child {
	width: 231px;
}

div.sfgPortalLayout_col12 ul.sf_numItems_4 > li {
	width: 175px;
}
div.sfgPortalLayout_col12 ul.sf_numItems_4 > li:first-child {
	width: 174px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_4 > li {
	width: 174px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_4 > li:first-child {
	width: 172px;
}

div.sfgPortalLayout_col12 ul.sf_numItems_5 > li {
	width: 140px;
}
div.sfgPortalLayout_col12 ul.sf_numItems_5 > li:first-child {
	width: 139px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_5 > li {
	width: 139px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_5 > li:first-child {
	width: 137px;
}

div.sfgPortalLayout_col12 ul.sf_numItems_6 > li {
	width: 117px;
}
div.sfgPortalLayout_col12 ul.sf_numItems_6 > li:first-child {
	width: 114px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_6 > li {
	width: 116px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_6 > li:first-child {
	width: 112px;
}

div.sfgPortalLayout_col12 ul.sf_numItems_7 > li {
	width: 100px;
}
div.sfgPortalLayout_col12 ul.sf_numItems_7 > li:first-child {
	width: 99px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_7 > li {
	width: 99px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_7 > li:first-child {
	width: 97px;
}

div.sfgPortalLayout_col12 ul.sf_numItems_8 > li {
	width: 87px;
}
div.sfgPortalLayout_col12 ul.sf_numItems_8 > li:first-child {
	width: 90px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_8 > li {
	width: 86px;
}
*:first-child+html div.sfgPortalLayout_col12 ul.sf_numItems_8 > li:first-child {
	width: 88px;
}


/*** prominent features ***/
button.app_prominent, a.app_prominent, input[type=button].app_prominent, input[type=submit].app_prominent {
	color: #339933;
	background: #a4e08b;
	background-image: -moz-linear-gradient(top, #d7ffc6 0, #a4e08b 100%);
	background-image: -webkit-linear-gradient(top, #d7ffc6 0, #a4e08b 100%);
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #339933;
	border-radius: 7px;
}
button.app_prominent:after, a.app_prominent:after {
	content: " \0025BA";
}

/***** end application.css *****/



/***********  overrides and additions for WCL 2.16d *********/

.wcAppMenu {   /* the div wrapping the app sf menu */
   margin-top:5px;
   margin-bottom:5px;
}

.sf-shadow ul {
/*   	background:	url(../images/nav/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;
 */
   	background:	none;
	padding: 0 0 0 0;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px; 
 }
 
 
.app_sf-menu {
  	color: #505050;  
/*  	background-color: #e5e5e5;  */
 	background-color: #ffffff; 
}

.sf-menu a {
  	/* padding: 		.75em 1em; */
  	padding: 		1em 1em;
	text-decoration:none;
}

ul.app_sf-menu ul {
  	margin-top: 7px;   
/*  	margin-top: 1px;  */
	margin-left: -1px;
}

ol {   
	margin-left: 3em;
	margin-bottom: 1em;   
}
ul {    /* 2.16f4 */
	margin-left: 3em;
	margin-bottom: 1em;   
}
.main_nav_1_wrap_4items {  /* BUTTON BAR WRAP*/
/*  	float:right; */
	width:240px;
	height:42px;
	background-color: #004b9a;
 	margin-top:22px; 
 }

#main_btn_nav {    /* BUTTON BAR  MY SERVICES and LOGOUT buttons */
 	width:200px;
 	height:34px;
}
#main_nav_btn_link_1 {
   line-height:
    /* width: 79px; */ /* was 74 */
}
.main_nav_btn_1 {float: left; width: 78px; line-height: 13px;}
.main_nav_btn_2 {float: left; width: 78px; line-height: 13px;}

caption {
	background-color: #0046AD;
}