div.info,div.successFm,div.warningFm,div.errorFm {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

div.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('info.png');
}

div.successFm {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('success.png');
}

div.warningFm {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('warning.png');
}

div.errorFm {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('error.png');
}

div.check,div.arrow,div.none {
 	/*border: 1px solid;*/ 
	width: 220px 
	margin: 10px 0px;
	padding: 15px 10px 15px 210px;
	background-repeat: no-repeat;
	background-position: 140px center;
}

div.check {
	background-image: url('checkmark16.png');	
}

div.arrow {
	background-image: url('rightArrow16.png'); 
}

div.none {
	/* background-image: url('rightArrow40.png'); */
}

div.width100 {
    width: 100%;
}


/* __ALERTS
 * Styling for div.alert, .message( EVPortlet usage) follows
 * ==================================================
/* There are four types of alert messages:
 * Success, Error, Warning, and Attention
 * each with it's own class, differentiated by color
 */
div.alert, .message, form div.alert, div.modal > div.modalContent div.alert {
	width: auto;
	overflow: visible;
    position: relative;
    float: none;
    clear: none;
    font-size: 13px;
    border: 1px solid #555;
    line-height: 1.4em;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    margin-bottom: 20px;
    background-color: #fff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50,50,50,0.25);
	-moz-box-shadow: 0px 1px 2px 0px rgba(50,50,50,0.25);
	box-shadow: 0px 1px 2px 0px rgba(50,50,50,0.25);
	behavior: url('/etc/designs/BCHydro/Javascript/PIE.htc');
}

div.modal > div.modalContent div.alert { behavior: none; }

div.alert.success { /*color: #5ab848;*/ border-color: #5ab848; }
div.alert.error, .message.error { /*color: #ca4b53;*/ border-color: #ca4b53;}
div.alert.warning { /*color: #fe6500;*/ border-color: #ffeda4;}
div.alert.attention { /*color: #fe6500;*/ border-color: #d8f2fd;}
div.alert.csr { /*color: #fe6500;*/ border-color: #30353a;}
div.alert.blue_special { border-width:2px; border-color: #005778; margin-bottom: 1.5em;}

div.alert > * { margin:0 0.85em 0.5em; font-size: inherit; color: inherit; }
div.alert > .lastchild, div.alert > :last-child { margin-bottom: 0.85em; }
div.alert > ul { list-style-type: disc; padding-left: 1em; }
div.alert > ul ul { list-style-type: circle; padding-left: 2em; }

div.alert > h3:first-child, .message > h3:first-child,
div.modal > div.modalContent > div.alert > h3:first-child { font-size: 1em; font-weight: bold; color: #fff; background-color: #555; margin: 0; padding: 0.85em; width: auto;float: none;}
div.alert > h3:first-child + * { margin-top: 0.85em; }
div.alert > h3.icon:before { 
	margin-right: .25em;
	float: none;
	vertical-align: text-top;
	background: transparent url('16px-icons-sprite.png') no-repeat -140px -658px;
	width: 16px;
}
div.alert > h3.icon {
	text-indent: -1.55em;
	padding-left: 2.7em;
}
div.warning.alert {
    border-color: #fcd299;
}

div.success > h3:first-child { background-color: #5ab848; }
div.error > h3:first-child, .message.error > h3:first-child  { color: #fff; background-color: #ca4b53; }
div.warning > h3:first-child { background-color: #ffeda4; color: #555; }
div.attention > h3:first-child { background-color: #d8f2fd; color: #4c7286; }
div.csr > h3:first-child { background-color: #30353a; }
div.blue_special > h3:first-child { 
	background-color: #005778; 
	color: #fff; 
	line-height: 1em;
	font-family: DIN, "Arial narrow", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.8em;
	padding: .49em;
	}
div.blue_special > h3:first-child > img { vertical-align: bottom }
	
div.success > h3.icon:before { background-position: -140px -678px; }
div.error > h3.icon:before { /* uses default exclamation-white.png */ }			
/*div.warning > h3.icon:before { background-position: 0 -658px; }*/
div.attention > h3.icon:before { background-position: 0 -639px; }
div.csr > h3.icon:before { background-position: -140px -818px; }


span {
	/*margin: 5px 5px 5px 5px;*/
}

span.success {
	color: #4F8A10;
}

span.error {
	color: #D8000C;
}

.centralize_table {
	margin: 10px 15px 5px 5px;
}

.centralize_table_commercialConsultant {
	margin: 10px 15px 15px 5px;
	border: 1px solid #E3E3E9;
	width: 600px;
}

table.capitalize_table tbody tr td{ 
border-bottom: 1px solid #E3E3E9;
}

table.capitalize_table thead tr th{ 
text-transform: none !important;
/*margin: 5px 5px 5px 5px;*/
font-size: 1em;
vertical-align: top;
}

.fifteen_pixel_align_on_top {
margin-top: 15px;
}

nav.breadcrumbs {
	margin: 15px 90px 0;
}

.no_text_transform {
  text-transform: none !important;
}

.presentAsBlock{
clear:both;
}


a.tertiary::after {
  content: "";
  position: absolute;
  inset: -4px;                      /* expands ring around the button */
  border-radius: 50%;               /* <<< make it round */
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1a73e8;  /* round ring */
  pointer-events: none;             /* don't block clicks */
  opacity: 0;                       /* hidden by default if it's a focus ring */
}

/* show only when keyboard users focus it */
.back-btn:focus-visible::after {
  opacity: 1;
}

a.tertiary {
	color: #0d6893;
	border-color: transparent;
	background-color: transparent;
}
a:hover.tertiary {
	border-color: #c6d7e0;
	background-color: #f3fafd;
}
a:active.tertiary {
	border-color: #c6d7e0;
	/*background-color: #dcedf6;*/
	/*background: #f3fafd;  Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #f3fafd 67%, #dcedf6 100%); /* FF3.6+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #f3fafd 67%,#dcedf6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #f3fafd 67%,#dcedf6 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #f3fafd 67%,#dcedf6 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #f3fafd 67%,#dcedf6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3fafd', endColorstr='#dcedf6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.no_margin_left {
  margin-left: 0px !important;
}

.five_margin_left {
  margin-left: 5px !important;
}

.error_message {
  margin-left: 230px !important;
  margin-top: -10px !important;
  clear: both;
}
.five_margin_tope {
  margin-top: 10px !important;
}

.five_margin_bottom{
	margin-bottom: 5px !important;
}

.logout_box {
  /*width:100%;
  width: 622px;
  */
  clear: both;
  border: 1px solid #E2E2E2;
  border-radius: 0.4em 0.4em 0.4em 0.4em;
  display: block;
  margin-top: -10px !important;
  padding: 10px !important;
  margin-bottom: 1em;
  padding: 18px;
}

a.disabled{
    pointer-events: none;
}

.clear_background{
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
}

aside {
  color: #555555;
  font-size: 13px;
  line-height: 1.538em;
  margin: 0 0;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}


nav.tertiary > ul > li {
    background-color: #e5e6e6;
    padding: 0.85em 0 0.85em 40px;
    border-bottom: 1px solid #FFF;
    margin-left: -20px;
    position: relative;
    z-index: 2;
}



/* first, the link styling */
a.tooltip, a[rel='tooltip'] {
    display: inline-block;
    vertical-align:baseline;
    background: transparent url('16px-icons-sprite.png') no-repeat 0 -620px;
    width: 13px;
    height: 12px;
    margin-left: .25em;
    cursor: pointer;
}
a.tooltip:hover, a[rel='tooltip']:hover {
	background-position: -20px -620px;
}
div.tooltip {
	display: none;
	white-space: normal;
	font-size: 13px;
	font-weight: normal;
	padding: 0;
	text-transform: none;
	text-align: left;
	height:auto;
	z-index: 82;
	border: 1px solid #eaeaec;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	color: #555555;
	background-color: #ffffff;
    -webkit-box-shadow: 0px 2px 2px 2px rgba(50,50,50,0.25);
	-moz-box-shadow: 0px 2px 2px 2px rgba(50,50,50,0.25);
	box-shadow: 0px 2px 2px 2px rgba(50,50,50,0.25);
}
div.tooltip:before{
	/* default up-pointing carat */
	content: '';
	display: inline-block;
	height: 10px;
	width: 18px;
	position: absolute;
	top: -10px;
	left: 1.5em;
	background: transparent url('white-carat-sprite.png') no-repeat 0 0;
}
div.tooltip.size1 {width: 17em;}
div.tooltip.size2 {width: 24em;}
div.tooltip.size3 {
    width: 32em;
}
div.tooltip.size4 {width: 39em;}
div.tooltip.size1:before { left: 7.75em;}
div.tooltip.size2:before { left: 11.25em;}
div.tooltip.size3:before { left: 15.25em;}
div.tooltip.size4:before { left: 18.75em;}

div.top.tooltip { top:auto; left:auto; bottom:auto; right: auto;}
div.top.tooltip:before {
	top: auto;
	bottom: -10px;
	background-position: 0 -10px;
}

div.tooltip > a.close {
	width: 24px;
	height: 24px;
	position: absolute;
	left: auto;
	top: .85em;
	right: .85em;
	margin: 0;
	padding: 0;
	background: transparent url('close-sprite.png') no-repeat 0px 0px;
}
div.tooltip > a.close:hover {background-position: 0px -24px;}

div.tooltip > *, 
div > div.text div.tooltip > p { 
    color: #555555; 
    margin: 0 1.2em .5em; 
    padding-right: 24px; 
    letter-spacing: normal; 
    float:none; 
    white-space: normal
}
div.tooltip > .last { padding-bottom: .85em; float: none; }
div.tooltip > :first-child { padding-top: 1em; float: none; }
div.tooltip > h3:first-child { 
	color: #30353a;
	background-color: #f2f6f8;
	border-bottom: 1px solid #eaeaec;
	margin: 0 0 .5em;
	padding: .75em 40px .75em  1em;
	float: none;
	white-space: normal;
}
div.tooltip ul {
	list-style: disc;
	margin-left: 2.5em;
}
div.tooltip li {
	line-height: 1.5em;
	margin-bottom: .5em;
}
div.tooltip.size2 img { width: 19.6em; }
div.tooltip.size3 img { width: 27.6em; }
div.tooltip.size4 img { width: 34.6em; }

div.tooltip > p.links {
	background-color: #f2f6f8;
	border-top: 1px solid #eaeaec;
	margin: 0;
	padding: .85em 1.2em;
	-moz-border-radius: 0 0 0.25em 0.25em;
	-webkit-border-radius: 0 0 0.25em 0.25em;
	border-radius: 0 0 0.25em 0.25em;
	float: none;
}
div.tooltip > p.links > * {font-size: inherit;}
div.tooltip > p.links > a {font-weight: bold; text-decoration: none;cursor: pointer;}
div.tooltip > p.links > a.learnmore:before {background-position: 0 -640px }


div.tooltip.size2 img { width: 19.6em; }
div.tooltip.size2 {width: 24em;}
div.tooltip.size2:before { left: 11.25em;}

.wider_container
{
	width: 1530px !important;
	min-width: 1530px !important;
  	max-width: 1530px !important;
}

.highZindex
{
	z-index: 101 !important;
}

.shiftRightTen
{
	margin-left: 20px !important;
	border: 1px solid  #e6e6e6;
}

button.secondary, .button.secondary, .button-secondary, input[type="button"].secondary, input[type="submit"].secondary, div.hasbutton.secondary > div.links > a {
    background: transparent !important;
    color: #50b848 !important;
    border: 2px solid #50b848 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important;
}

button.secondary:hover,
.button.secondary:hover,
.button-secondary:hover,
input[type="button"].secondary:hover,
input[type="submit"].secondary:hover,
div.hasbutton.secondary > div.links > a:hover {
  text-decoration: none !important;
  background: #50b848 no-repeat !important;
  color: #ffffff !important;
}
button.secondary:active,
.button.secondary:active,
.button-secondary:active,
input[type="button"].secondary:active,
input[type="submit"].secondary:active,
div.hasbutton.secondary > div.links > a:active,
button.secondary:focus,
.button.secondary:focus,
.button-secondary:focus,
input[type="button"].secondary:focus,
input[type="submit"].secondary:focus,
div.hasbutton.secondary > div.links > a:focus {
  text-decoration: none !important;
  color: #ffffff !important;
  background: #046a38 !important;
  border-color: #046a38 !important;
  outline: none !important;
}
button.secondary.disabled,
.button.secondary.disabled,
.button-secondary.disabled,
button.secondary[disabled],
.button.secondary[disabled],
.button-secondary[disabled] {
  border-color: #cbc4bc !important;
  color: #cbc4bc !important;
  cursor: no-drop !important;
}
button.secondary.disabled:hover,
.button.secondary.disabled:hover,
.button-secondary.disabled:hover,
button.secondary[disabled]:hover,
.button.secondary[disabled]:hover,
.button-secondary[disabled]:hover {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  background: transparent !important;
  border-color: #cbc4bc !important;
  color: #cbc4bc !important;
}
button.secondary.disabled:active,
.button.secondary.disabled:active,
.button-secondary.disabled:active,
button.secondary[disabled]:active,
.button.secondary[disabled]:active,
.button-secondary[disabled]:active,
button.secondary.disabled:focus,
.button.secondary.disabled:focus,
.button-secondary.disabled:focus,
button.secondary[disabled]:focus,
.button.secondary[disabled]:focus,
.button-secondary[disabled]:focus {
  background: transparent !important;
  border-color: #cbc4bc !important;
  color: #cbc4bc !important;
}
button.secondary.inverse,
.button.secondary.inverse,
.button-secondary-inverse {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
button.secondary.inverse:hover,
.button.secondary.inverse:hover,
.button-secondary-inverse:hover {
  background: transparent !important;
}
button.secondary.inverse:active,
.button.secondary.inverse:active,
.button-secondary-inverse:active,
button.secondary.inverse:focus,
.button.secondary.inverse:focus,
.button-secondary-inverse:focus {
  outline: none !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #3e3935 !important;
}


/**/

button.tertiary,
.button.tertiary,
.button-tertiary,
input[type="button"].tertiary,
.bch-sidebox .links a {
  border: none !important;
  background: none !important;
  background: transparent !important;
  color: #50b848 !important;
  font-size: 14px !important;
  position: relative !important;
  padding: 5px 20px 5px 0 !important;
}
button.tertiary:after,
.button.tertiary:after,
.button-tertiary:after,
input[type="button"].tertiary:after,
.bch-sidebox .links a:after {
  content: "\f061" !important;
  display: inline-block !important;
  font: normal normal 14px FontAwesome !important;
  font-size: inherit !important;
  text-rendering: auto !important;
  position: absolute !important;
  text-align: center !important;
  width: 12px !important;
  right: 0 !important;
  bottom: 6px !important;
  -webkit-transition: 100ms ease-out !important;
  -moz-transition: 100ms ease-out !important;
  -o-transition: 100ms ease-out !important;
  transition: 100ms ease-out !important;
}
button.tertiary:hover,
.button.tertiary:hover,
.button-tertiary:hover,
input[type="button"].tertiary:hover,
.bch-sidebox .links a:hover {
  border: none !important;
  background: none !important;
  color: #62bf5a !important;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  text-decoration: none !important;
}
button.tertiary:hover:after,
.button.tertiary:hover:after,
.button-tertiary:hover:after,
input[type="button"].tertiary:hover:after,
.bch-sidebox .links a:hover:after {
  right: -18px !important;
}
button.tertiary:active,
.button.tertiary:active,
.button-tertiary:active,
input[type="button"].tertiary:active,
.bch-sidebox .links a:active,
button.tertiary:focus,
.button.tertiary:focus,
.button-tertiary:focus,
input[type="button"].tertiary:focus,
.bch-sidebox .links a:focus {
  text-decoration: none !important;
  color: #046a38 !important;
  background: transparent !important;
}
button.tertiary:active:after,
.button.tertiary:active:after,
.button-tertiary:active:after,
input[type="button"].tertiary:active:after,
.bch-sidebox .links a:active:after,
button.tertiary:focus:after,
.button.tertiary:focus:after,
.button-tertiary:focus:after,
input[type="button"].tertiary:focus:after,
.bch-sidebox .links a:focus:after {
  right: 0px !important;
}
.bch-sidebox.promotional.blue .links a:hover {
  color: #12b6e0 !important;
}
.bch-sidebox.promotional.blue .links a:active,
.bch-sidebox.promotional.blue .links a:focus {
  color: #004f6c !important;
}
button.tertiary.no-arrow:after,
.button.tertiary.no-arrow:after,
.button-tertiary.no-arrow:after,
input[type="button"].tertiary.no-arrow:after {
  content: " " !important;
  width: auto !important;
  position: relative !important;
}
button.tertiary.no-arrow:hover,
.button.tertiary.no-arrow:hover,
.button-tertiary.no-arrow:hover,
input[type="button"].tertiary.no-arrow:hover,
button.tertiary.no-arrow:active,
.button.tertiary.no-arrow:active,
.button-tertiary.no-arrow:active,
input[type="button"].tertiary.no-arrow:active {
  color: #10a3c8 !important;
  text-decoration: underline !important;
}
button + button.tertiary,
button + .button.tertiary,
button + .button-tertiary,
.button-primary + button.tertiary,
.button-primary + .button.tertiary,
.button-primary + .button-tertiary,
.button + button.tertiary,
.button + .button.tertiary,
.button + .button-tertiary {
  margin-left: 20px !important;
}
button + button.tertiary:after,
button + .button.tertiary:after,
button + .button-tertiary:after,
.button-primary + button.tertiary:after,
.button-primary + .button.tertiary:after,
.button-primary + .button-tertiary:after,
.button + button.tertiary:after,
.button + .button.tertiary:after,
.button + .button-tertiary:after {
  content: "" !important;
}
button.tertiary.disabled,
.button.tertiary.disabled,
.button-tertiary.disabled,
button.tertiary[disabled],
.button.tertiary[disabled],
.button-tertiary[disabled] {
  color: #cbc4bc !important;
  cursor: no-drop !important;
}
button.tertiary.disabled:hover,
.button.tertiary.disabled:hover,
.button-tertiary.disabled:hover,
button.tertiary[disabled]:hover,
.button.tertiary[disabled]:hover,
.button-tertiary[disabled]:hover {
  zoom: 1 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(@percent*100)) !important;
  filter: alpha(opacity=(@percent*100)) !important;
  opacity: 1 !important;
}
button.tertiary.disabled:hover:after,
.button.tertiary.disabled:hover:after,
.button-tertiary.disabled:hover:after,
button.tertiary[disabled]:hover:after,
.button.tertiary[disabled]:hover:after,
.button-tertiary[disabled]:hover:after {
  right: 0 !important;
}
button.tertiary.link-color,
.button.tertiary.link-color,
.button-tertiary.link-color {
  color: #004f6c !important;
}
button.tertiary.link-color:hover,
.button.tertiary.link-color:hover,
.button-tertiary.link-color:hover {
  zoom: 1 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(@percent*100)) !important;
  filter: alpha(opacity=(@percent*100)) !important;
  opacity: 1 !important;
}
button.tertiary.link-color:active,
.button.tertiary.link-color:active,
.button-tertiary.link-color:active,
button.tertiary.link-color:focus,
.button.tertiary.link-color:focus,
.button-tertiary.link-color:focus {
  text-decoration: none !important;
  color: #003c52 !important;
}
.bch-sidebox.ps .links a {
  color: #004f6c !important;
}
.bch-sidebox.ps .links a:hover {
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(@percent*100)) !important;
  filter: alpha(opacity=(@percent*100)) !important;
  opacity: 1 !important;
}
.bch-sidebox.ps .links a:active,
.bch-sidebox.ps .links a:focus {
  text-decoration: none !important;
  color: #006286 !important;
}
button.tertiary.alternative,
.button.tertiary.alternative,
.button-tertiary.alternative {
  color: #3e3935 !important;
}
button.tertiary.alternative:after,
.button.tertiary.alternative:after,
.button-tertiary.alternative:after {
  content: "" !important;
}

/*
body {
	font-family: Lucida Grande, sans-serif;
	font-size: .75em;
	margin: 1em auto;
	width: 763px;
}
*/

/*
ul li {
	padding: 5px;
}

ul li {
  line-height: 1.6; 
}
*/