html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;}
body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

a, a:visited {
    font-family: arial,sans-serif;
    text-decoration: none;
}
a { color: #356F95; } /* WEDPAP-817 - PVD color for color contrast */
a:visited { color: #5C0198; } /* WEDPAP-817 */
a:active, a:focus { 
    color: #000; /* WEDPAP-817 */  
    outline: 1px dotted #000; /* WEDPAP-817 */
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
    color: #000; /* WEDPAP-817 */
}
.clear-both { clear:both;}
.content-container { max-width: 995px; margin:0 auto;}
.borderr {border: 1px solid red;}
.page-container { width:100%;}

.pswfooter .leftSide{ float:left;}
.pswfooter .rightSide {float:right;}

/*** Bottom Links with footnotes styles ***/
.bottomLinks { text-align:center; padding-left: 4px;}
.foot-note + .bottomLinks ul {
    margin-top: 63px;
}
.quick-toolContainer + .bottomLinks ul {
    margin-top: 57px;
}

#logout-page .introText-container + .bottomLinks {
    margin-top: 144px;}

.bottomLinks ul { width:auto; *width:736px; text-align:center; display:inline-block;}
.bottomLinks ul li { padding:0 15px; border-right:1px solid #ccc; float:left; list-style:none; height: 21px;}
.bottomLinks ul li:last-child { border:none;}
.bottomLinks ul li a {font-size:15px; font-weight:normal;}

.bottomLinks .last, .pswfooter .right .last { border:none;}

.newsContainer + .bottomLinks {
    margin-top: 93px;
}

/*** ==== footnotes styles ==== ***/

.foot-note { border:none; clear:both;}
.bottomLinks + .foot-note {
    margin-top: 53px;
}
.nextStep-container + .foot-note {
    margin-top: 93px;
}
.foot-note p {font-size:12px; line-height:15px; color: #666666; margin-bottom: 18px;}
.foot-note p:last-of-type {
    margin-bottom: 0;
}
.foot-note .indFootNote { width:90%; border-bottom:1px solid #dbdbdb; padding-bottom:21px; padding-left: 8px;}
.foot-note .indFootNote:last-child { border:none; padding-bottom: 0;}
footer { margin-top:36px; padding-top:15px; }

.introText-container + .foot-note {
    margin-top: 144px;
}
:not(.adv-footnotes) .post-login-wrapper .foot-note {
	margin-left: 30px
}
.adv-footnotes {
	margin-left: auto !important
}

/**** =========== ARTICLE Page styles starts =============== ****/

.article-container { max-width:794px; margin:52px auto;}
.article-container .headerSection {padding:0 8px 16px; border-bottom:1px solid #dbdbdb;}
h1 { font-size:33px; line-height:36px; font-weight:normal;}
h2 { font-size:24px; line-height:27px; font-weight:bold;}
h3 { font-size:18px; line-height:21px; font-weight:bold;}
h4 { font-size:15px; line-height:21px; font-weight:bold;}

.article-container .headerSection .description {font-size:18px; line-height:24px; margin:6px 0 8px;}
.article-container .headerSection .dateDescribe {font-size:10px; line-height:13px; margin-bottom:21px; color:#666; font-weight:bold; text-transform:uppercase;}
.article-container .headerSection .news-insights {color:#666; font-weight:bold; font-size:11px; text-transform:uppercase;}

.article-container .headerSection .news-insights ul li { font-size:12px; font-weight:normal;border-right:1px solid #ccc; height:15px; padding:0 8px; line-height: 15px; display:inline;}

.articleBody-text { padding-top:10px; font-size: 15px; line-height: 21px;}
.articleBody-text p { margin-bottom:21px; font-size:15px; line-height:21px;}
.mediumImage-container .imageText, .smallImage-container .imageText, .mediumGraph-container .imageText, 
.smallGraphic-container .imageText { margin-bottom:12px; /*float:left;*/ font-size:15px; line-height:21px;}
.smallGraphic-container { }

.articleBody-text .smallGraphic { float:right; width:307px; margin-left:8px;}
.articleBody-text h2, .articleBody-text .column-container h3 { margin-bottom:8px; clear:both;}
.column-container .twoColumn h3 { margin-bottom:0;}


/** Content callout styles **/
.content-callout--title {font-family: Helvetica, Arial, sans-serif;font-weight: normal; background-color: #408800;color: #FFFFFF; padding:3px 8px;}
.content-callout--container {padding: 9px; background-color: #F0F0F0;}
.content-callout--headline {padding-bottom: 6px;font-size: 150%; font-weight: bold;font-style: italic;}
.content-callout--attribution {font-family: Helvetica, Arial, sans-serif;  font-size: 75%; font-weight: bold; color: #666;  padding-bottom: 4px;
text-transform: uppercase;}
.content-callout--tags { color: #666666; font-size: 75%; margin: 0;padding-bottom: 6px; font-style: italic;}
.content-callout--tags-list { color: #666666;display: inline; list-style-type: none; font-family: Helvetica, Arial, sans-serif; font-style: italic;
 padding-bottom: 0;}
.content-callout--tags-list > li { display: inline; font-size: inherit; font-weight: normal; color: #666666; padding: 0 3px;}
.content-callout--graphic {float: right; padding: 0 0 8px 8px;}
.content-callout--description {font-style: italic;line-height: 1.4; margin-bottom: 8px;}
.content-callout--highlighted {background-image:url(/bin-public/06_PSW_Website/images/greenbulsq.gif); background-repeat:no-repeat; display: block;font-style:italic;   font-weight: bold; padding: 0 0 9px 22px;}
.content-callout--view-all { font-style: italic; padding: 0 0 9px 22px;}
.content-callout--container .ul-bullets { list-style-type: none; /*padding-bottom: 8px;*/}

.content-callout--container .ul-bullets > li { background: url("/bin-public/06_PSW_Website/images/greenbulsq.gif") no-repeat; background-position: 5px 8px;  padding-bottom: 9px;  padding-left: 18px; font-style:italic; font-size:12px; line-height:18px;}


/** ordered and unordered list item styles **/
.orderedList-container { clear:both; padding:4px 8px; float:left;}
.orderedList-container ul.square { list-style-type:square; list-style-position:inside;}
.orderedList-container ul.decimal { list-style-type:decimal; list-style-position:inside; padding:0 5px;}
.orderedList-container ul li { margin-top:9px;font-size:15px; line-height:21px; clear:both;}
.orderedList-container ul li span, .orderedList-container ul.decimal li ul li span, .orderedList-container ul.square li ul li span{ font-weight:normal; margin-left:-10px\0;}
@media all and (-ms-high-contrast:none)
     {
     .orderedList-container ul li span, .orderedList-container ul.decimal li ul li span { margin-left:-10px; } /* IE10 */
     *::-ms-backdrop, .orderedList-container ul li span, *::-ms-backdrop, .orderedList-container ul.decimal li ul li span,*::-ms-backdrop, .orderedList-container ul.square li ul li span { margin-left:-10px; } /* IE11 */
     }
.orderedList-container ul.decimal li ul, .orderedList-container ul.sqaure li ul { margin-left:20px;}

.orderedList-container h3 { margin-top:14px;}
.orderedList-container p { margin:11px 0 13px;}

.orderedList-container ul.decimal li > ul.square, .orderedList-container ul.square li > ul.decimal {  padding: 4px 0;}
.orderedList-container ul.square li > ul.decimal { padding-left:10px;}
.marginTop40 { margin-top:40px;}

.orderedList-container .iconList-container {}
.orderedList-container .iconList-container ul { list-style:none;}
.orderedList-container .iconList-container ul li {padding: 0 0 0 22px; text-transform: none; margin-left:-3px; margin-top: 13px;
background:url("/bin-public/06_PSW_Website/images/icon-checkmark-greencircle-1x.png") no-repeat 0 4px;}
.orderedList-container .iconList-container ul li a{color:#0e69a7;}
/*** Column 4,3,2 styles ***/
.column-container { clear:both; margin-top:40px; padding:8px; float:left; *float:none}
.column-container .threeColumn { width:241px; float:left; border-right:1px solid #CCC; padding:5px 13px;}
.column-container p { margin-bottom:5px;}
.column-container .first { padding-left:0;}
.column-container .last { padding-right:0; border:none;}

.column-container .fourColumn {width:174px; float:left; border-right:1px solid #CCC; padding:5px 13px;}
.column-container .twoColumn { width:372px; float:left; border-right:1px solid #CCC; padding:5px 16px;}
.column-container .orderedList-container {padding:0;}

/*** Images and Graphic styles ***/
.largeImage-container { margin-top:40px; clear:both; float:left; margin-bottom:11px;}
.largeImage-container h4 { margin-bottom:11px;}

/** Info graphic styles **/

.info-graphic-callout { float:left; *float:none; background-color: #f0f0f0; clear: both; margin-top: 5px;}

.info-graphic-callout p { margin-bottom:0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*float:none; padding:0 8px 0px;color: #666; font-size: 80%; line-height: 1.25; }
.info-graphic-callout--header { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; padding:5px 8px; margin: 0 0 10px;background-color: #1b4472; color: #fff; font-size: 100%;  font-weight: bold;  line-height: 1.4; }
.info-graphic-callout--chart-title, .info-graphic-callout--paragraph { padding:0 8px 10px;}
.info-graphic-callout--disclosures {margin:0; padding: 8px 0 10px; border-top: 1px solid #ccc;}

.largeImage-container .sunsetImage{ position:relative; width:793px; padding-top: 4px;}
.largeImage-container .sunsetImage .captionContainer, .mediumImage-container .mediumImage .captionContainer, .smallImage-container .smallImage .captionContainer{ position:absolute; background-color:#000; bottom:5px; left:0; /* opacity: 0.30; filter: alpha(opacity=30); For IE8 and earlier */ font-size:12px;line-height:15px; font-weight:bold; padding:5px;/* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0);  /* RGBa with 0.6 opacity */ background: rgba(0, 0, 0, 0.5); /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);  /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.captionContainer span { color:#fff; }
.mediumImage-container .mediumImage { position:relative; width:469px; float:right; margin-left:16px; margin-top: 4px;}
.smallImage-container .smallImage { position:relative; width:307px; float:right; margin-left:16px; margin-top: 4px;}
.mediumGraph-container .mediumGraph { position:relative; width:469px; float:right; margin-left:16px; margin-top: 4px;}
.mediumImage-container, .smallImage-container, .mediumGraph-container { clear:both;} 
.mediumImage-container .imageText p, .smallImage-container .imageText p, .mediumGraph-container .imageText p{ padding-left:8px; float:none;}

.mediumImage-container .imageText, .smallImage-container .imageText, .mediumGraph-container { margin-bottom:0;}

/** Video player styles which is not applied here as its coming from videoPlayer.css ***/
.videoWrapper {padding-top: 8px;/* background:#F0F0F0; padding:0 8px 20px 8px; margin:0 auto; clear:both; display:table*/ } 
.videoContainer { width:704px;}
.videoContainer h4, .videoContainer p { font-style:italic; float:none; margin-bottom:8px;}
.videoContainer .copyright {color: #666666; font-size: 85%;  line-height: 18px; clear:both;}
.videoContainer a { background:url("/bin-public/06_PSW_Website/images/icon-plus-circle-sm-1x.png") no-repeat 0 1px; padding-left:18px; clear:both; font-weight:bold;}

.video-responsive-single {background-color: #eee; margin: 0 auto; max-width: 704px; min-width: 288px; padding: 0 10px;}
.video-responsive-single #embedDiv {
    height: 396px;
    margin: auto;
}
.video-responsive-single .tpPlayer {border-left: 1px solid #eee;}
.video-responsive-single .tpPlayer .player {margin-top: -3px;}
.tpPlayer div { left: 0; top: 0;}
.video-responsive-single video {  background-color: #eee;}
.video-responsive-single .clipInfo { height: auto; margin: 0;  padding: 4px 5px 11px; text-align: left; width: auto;}
.video-responsive-single .clipInfoTitle {font-size: 16px;font-style: italic;font-weight: bold; margin: 5px 0 3px; padding: 0 8px 0 0;    text-transform: none;}
.video-responsive-single .clipdescription { font-size: 15px; font-style: italic; font-weight: normal; line-height: 140%;  padding: 0 8px 13px 0;
    text-transform: none;}
.video-responsive-single .legal { color: #666666; font-size: 80%; font-style: normal; font-weight: normal; line-height: 125%; margin-bottom: 4px;
    padding: 0; text-transform: none;}
.video-responsive-single .legalinfo {display: none;line-height: 19px; padding: 0 0 6px;}
#clipInfoDiv a { text-decoration: none;}
.video-responsive-single .fancyexpand { background-image: url("../images/expand_blue_11_11.gif"); background-position: 0 4px;background-repeat: no-repeat; display: block; font-size: 80%; font-style: normal; font-weight: bold; padding-bottom: 0;  padding-left: 18px; text-transform: none;}
.video-responsive-single .fancycollapse {background-image: url("../images/collapse_blue_11_11.gif"); background-position: 0 4px; background-repeat: no-repeat; display: block; font-size: 80%; font-style: normal; font-weight: bold; padding-bottom: 0; padding-left: 18px; text-transform: none;}
.video-responsive-single .expandContent { color: #666666; display: none; font-size: 80%; font-style: normal; font-weight: normal; line-height: 125%; margin-bottom: 8px; padding-left: 18px; text-transform: none;}

/** Events blocks with Whisker line **/
.eventHeader-container { background:url(/bin-public/06_PSW_Website/images/headerLine-bg.png) no-repeat center 10px; max-width: 995px; text-align:center; margin:0 auto; display:block; margin-top: 56px; margin-bottom: 33px;}
.eventHeader-container h3,
.eventHeader-container h2 { font-size:12px; font-weight:normal; line-height:21px; color:#000; background:#fff; width:auto; padding:0px 5px; text-transform:uppercase; display:inline;}

.newsContainer, .quick-toolContainer { display:table;}
.quick-toolContainer {
    padding: 0 0px;
    width: 995px;
}

.quick-toolContainer article{ float:left}


.eventBlocks { width:215px; padding:0 5px; float:left; margin:0 10px; text-align:center;}
.eventBlocks img { width:102px; height:92px; display:block; text-align:center; margin:0 auto 10px;}
.eventBlocks h2, .nextStep-blocks h2 { color:#0E67a9; font-size:18px; font-weight:bold; clear:both; margin-bottom:10px; line-height:21px;}
.eventBlocks p { color:#000; font-size:15px; margin-bottom:12px; line-height:21px;}
.eventBlocks a {font-size:12px; font-weight:bold;}

/*** Simple Table Styles ***/

.fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--header-row th.cell-type--text--variable-width, .fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--header-row td.cell-type--text--variable-width {  text-align: left;}
.fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--normal-row th.cell-type--numeric--variable-width, .fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--normal-row td.cell-type--numeric--variable-width { text-align: right;}

.fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--header-row th.cell-type--numeric--variable-width, .fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--header-row td.cell-type--numeric--variable-width {
    text-align: right;
}

.fid-table-drawer--wrapper .fid-table-drawer { border-collapse: collapse; width: 100%;}
.articleBody-text .fid-table-drawer--wrapper { clear:both; width:793px; border-top:2px solid #dbdbdb; margin-bottom:14px; }
.articleBody-text .fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--header-row th,
.articleBody-text .fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--normal-row td  
{border:none; border-bottom:2px solid #dbdbdb; color:#000; font-size:12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; cursor:default;}
.articleBody-text .fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--header-row th { color:#8e8e8e; font-weight:normal; vertical-align:bottom; padding:12px 8px 10px; outline: 0 dotted #000000;}
.articleBody-text .fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--normal-row td {padding:9px 8px 7px;}
.articleBody-text .fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--normal-row td a{color:#0e69a7;}
.articleBody-text .fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--normal-row td a:hover { text-decoration:none;}
.articleBody-text .fid-table-drawer--wrapper .clientName{ width:252px;}
.articleBody-text .fid-table-drawer--wrapper .plan{ width:50px;}
.articleBody-text .fid-table-drawer--wrapper .planName{ width:160px;}
.articleBody-text .fid-table-drawer--wrapper .assets{ width:110px;}
.articleBody-text .fid-table-drawer--wrapper .activer{ width:76px;}
.articleBody-text .fid-table-drawer--wrapper .eligible{ width:70px;}

.fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--normal-row {
    cursor: pointer;
    outline: 0 dotted #000000;
}

.articleBody-text .fid-table-drawer--wrapper .fid-table-drawer .fid-table-drawer--header-row th .sortableIcon { background:url("/bin-public/06_PSW_Website/images/icon-arrow-black-down-1x.png") no-repeat scroll 5px 5px;
    display: inline-block; height: 10px;  padding-left: 5px; width: 14px;}

/*** Next Steps styles ***/
.nextStep-container { margin-top:43px; display: table; width: 995px;}
/*.post-login-wrapper .nextStep-container {
    margin-left: 30px;
}*/


/**** =========== PRE LOGIN Page styles starts =============== ****/

/** === Hero Banner Image Styles starts === **/ 
.heroBanner-container { width: 100%; height:340px; margin-bottom:27px; position:relative; overflow: hidden; background-color: #dfdfdf;}
/* Harrison Change to adjust for spacing 11/30 -- .heroBanner-container .heroText-container { width:454px; float:left; padding:0 8px; margin-top:30px; margin-left:30px}*/
.heroBanner-container .heroText-container { width:352px; float:left; padding:0 8px; margin-top:49px; margin-left:0px;}
/*.heroBanner-container .heroText-container h2, */
.heroBanner-container .heroText-container .heroTitle { font-size:24px; line-height:30px; color:#fff; font-weight:normal; font-family:"Helvetica", Helvetica, Arial, sans-serif;}
.heroBanner-container .heroText-container .heroTitle a { font-size:24px; line-height:30px; color:#fff; font-weight:normal; font-family:"Helvetica", Helvetica, Arial, sans-serif;}
.heroBanner-container .heroText-container .heroDescription { margin-top:18px; font-size:15px; line-height:21px; color:#fff; font-family:"Helvetica", Helvetica, Arial, sans-serif; font-weight:normal;}
.heroBanner-container .heroText-container .heroDescription a { margin-top:18px; font-size:15px; line-height:21px; color:#fff; font-family:"Helvetica", Helvetica, Arial, sans-serif; font-weight:normal;}
.heroBanner-container .heroText-container ul, .heroBanner-container .heroText-container ol { margin-left: 1em;}
.heroBanner-container .hero-bannerContent { width:955px; margin:0 auto; position:relative; z-index: 1;}

.heroBanner-container .xlarge{ position:absolute; width: 1920px; height:340px; margin-right: -960px; top:0; right: 50%; z-index:0;}
.heroBanner-container .img img { height: 340px;}
/** === Hero Banner Image Styles Ends === **/ 

/** Login Bricklet **/
.mciLogin-container { padding:18px 0; width:780px; margin:0 auto;}
.mciLogin-container input{ float:left; padding:5px; margin:0 4px; height:25px; width:202px; border:1px solid #9b9b9b; font-size:15px; color:#666;}
.mciLogin-container button, .mciLogin-container a { float:left; padding:5px; color:#fff;}
.mciLogin-container button { margin:0 12px 0 7px;}
.mciLogin-container a { margin:4px 0 4px 14px; font-size:12px;}

/** Button styles **/
.button-component { font-size: 16.005px; font-size: 1.067rem; font-family: Helvetica, Arial, sans-serif; font-weight: 400; color: #ffffff; outline: none; -webkit-border-radius: 4.995px; -moz-border-radius: 4.995px; -ms-border-radius: 4.995px; -o-border-radius: 4.995px; border-radius: 4.995px;  cursor: pointer; display: inline-block; margin: 0 0 7.995px 0; margin: 0 0 0.533rem 0; text-decoration: none; vertical-align: middle; border-width: 1px; border-style: solid; }

.button-component::-moz-focus-inner { border: 0; padding: 0; }
.button-component:visited { color: #ffffff; }
.button-component:hover { text-decoration: none; }

.button--secondary { font-size: 15px; padding: 7.5px 12px; padding:8px 16px; 
background-color: #1373B4; 
background-color: #1373B4; 
background-image: -webkit-gradient(linear, 50% 0%, 50% 50%, color-stop(0%, #5CA2E6), color-stop(100%, #1373B4)); 
background-image: -webkit-linear-gradient(top, #5CA2E6, #1373B4 50%); 
background-image: -moz-linear-gradient(top, #5CA2E6, #1373B4 50%);
background-image: -ms-linear-gradient(top, #5CA2E6, #1373B4 50%); 
background-image: -o-linear-gradient(top, #5CA2E6, #1373B4 50%); 
background-image: linear-gradient(top, #5CA2E6, #1373B4 50%); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5CA2E6, endColorstr=#1373B4); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#5CA2E6, endColorstr=#1373B4)"; 
border: 1px solid #366EB7; color: #fff; text-shadow: -0px -1px 0px #2A5893; }
.button--secondary:hover { background-color: #6eb5f9; background-color: #2b89cb; 
background-image: -webkit-gradient(linear, 50% 0%, 50% 50%, color-stop(0%, #6eb5f9), color-stop(100%, #2b89cb)); 
background-image: -webkit-linear-gradient(top, #6eb5f9, #2b89cb 50%); 
background-image: -moz-linear-gradient(top, #6eb5f9, #2b89cb 50%); 
background-image: -ms-linear-gradient(top, #6eb5f9, #2b89cb 50%); 
background-image: -o-linear-gradient(top, #6eb5f9, #2b89cb 50%); 
background-image: linear-gradient(top, #6eb5f9, #2b89cb 50%); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6eb5f9, endColorstr=#2b89cb); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#6eb5f9, endColorstr=#2b89cb)"; }
.button--secondary:active { box-shadow: 0 3px 5px #0B6BAA inset; }



/** News and insight teaser **/
/*.icon-teaser-combo .teaser img { width:102px; height:92px; display:block; margin:0 auto 4px;}*/
.icon-teaser-combo { width:210px; padding:0 8.5px; float:left; margin:0 8px;}
.icon-teaser-combo .newsHeader-contain {margin-top:20px;}
.icon-teaser-combo .newsHeader-contain h2, .teaserHeader-contain h2{ font-size:15px; line-height:21px; font-weight:bold;  margin-bottom:9px; text-align:left; letter-spacing: -0.1px;}
.icon-teaser-combo .newsHeader-contain.privateArticle .articleLock img{ width:16px; height:20px; float:right; margin-left:3px;}
.icon-teaser-combo .newsHeader-contain.privateArticle h2 { float: left; width: 191px;}
.icon-teaser-combo p { color:#666; line-height:18px; font-size:12px; margin-bottom:12px; text-align:left; clear:both;}
.category-link  a { font-size:12px; }

.icon-teaser-combo:first-of-type {
   
}

.icon-teaser-combo:last-of-type {
    padding-right: 0;
}

.category-icon {
    text-align: center;
}

/*.icon-teaser-combo h2.locked {
    background: none;
    display: inline-block;
    margin: 27px 0 18px;
}*/


/*.icon-teaser-combo h2 a.locked{
    background: url('/bin-public/06_PSW_Website/images/icon-lock-gray-1x.png') no-repeat right 0;
    padding-right: 1em;
    display: inline;
    background-position-y: center;
}*/


/*** TeaserLinks Lock Icon ***/
.teaserLink h2.teaserTitle { display: inline-block; margin-top: 27px; margin-bottom:18px; text-align: left;}
.teaserDescription p { color: #666666; font-size: 12px;  line-height: 21px;}
.teaserLink .teaser, .news-insights a.teaserLink h2 { display:inline;}
/*.news-insights a.teaserLink h2.locked { background-position:right 2px;}*/
.article-container .headerSection .news-insights ul li:last-child { border:none;}



/** ==== Teaser Links Styles and Quick tool container Styles ==== **/


h2.teaserTitle, h2.promoTitle { font-size: 15px; font-weight:bold; line-height: 21px;}
/*a.locked { background:url('/bin-public/06_PSW_Website/images/icon-lock-gray-1x.png') no-repeat right 0; display: inline; padding-right: 14px; background-position-y: center; }*/

/*.news-insights a.locked { background-position:right 3px;}*/
.news-insights span {display: block; float: left;}
.promoDescription {
    font-size: 15px;
}

img.locked-icon {
    padding-left: 6px;
    height: .9em;
}

/**** =========== LIBRARY Page styles starts =============== ****/



/*** === Library and Landing page Intro Text starts === ***/
.introText-container {text-align:center;}
.introText-container h1{ margin-top:63px; }
#logout-page .introText-container h1 {margin-top: 123px;}
.introText-container p { display: inline-block; font-size:15px; line-height:24px; margin:27px 10px; padding:0 8px; max-width: 939px; margin-bottom: 0;}
#logout-page .introText-container p { max-width: 590px;}
#logout-page .introText-container p.redirect {max-width: 995px;}


/*** === Library and Landing page Intro Text ends=== ***/

.teaserHeader-contain h2 { text-align:center;}
#library-page .categoryLinks { display:inline-block; margin-top:8px;}
#library-page .newsBlocks .categoryLinks a { float:left; clear:both; margin-bottom:15px; text-align:left;}


.whiskerLine { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,000000+27,000000+68,e2e2e2+100 */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(left,  #e2e2e2 0%, #000000 27%, #000000 68%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(27%,#000000), color-stop(68%,#000000), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e2e2e2 0%,#000000 27%,#000000 68%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e2e2e2 0%,#000000 27%,#000000 68%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e2e2e2 0%,#000000 27%,#000000 68%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(to right,  #e2e2e2 0%,#000000 27%,#000000 68%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
width:100%; height:2px;}

.post-login-wrapper, .postLogin {width:995px;}
.post-login-wrapper .loginHorizontal, .post-login-wrapper .loginContainer {display:none;}

.pretenderHeader .headBanner-container { background:#939393; height: 112px;}
.pretenderHeader .headerBg {background: url(/bin-public/06_PSW_Website/images/masthead_bg_pretender.png) no-repeat;
height:100%; width:995px;}


/**** ==== Login widget Prelogin Page Vs Horozontal Login Widget Starts ==== ****/ 

.loginContainer .global-message--message {
    font-size: 12px; /*Override for login container messages*/
}

.loginHorizontal { border:1px solid #fff; background:rgba(255,255,255,0.60); *background:transparent;}
/*WEDPAP-2*/
.hero .loginContainer { border:none; background:rgba(255,255,255); *background:transparent;}
/*WEDPAP-2*/
.loginContainer .userLinks {text-align: center; margin-top: 23px;}
.hero .fs-current {/*float:left; width:219px; margin:10px 30px; padding:18px 36px 30px */}
/*WEDPAP-23*/
.indFootNote a:link {color: #356f95; text-decoration: underline;}
/*WEDPAP-23*/
/*.fs-current {text-align: center;}*/
.fs-current label { font-size:12px; color:#000000; margin-bottom:3px; float:left;}
.fs-current a { font-size:12px;}
.fs-current input{ padding:8px; clear:both; height:16px; width:202px; border:1px solid #7F7F7F; font-size:15px; color:#000;}
/*.hero .fs-current #fs-submit-div button { margin:19px auto 20px; color:#fff;}*/
#fs-password-entry-div, #fs-username-entry-div { display: inline-block; padding-left: 16px;}
#fs-username-entry-div {margin-bottom: 18px;}
#fs-password-entry-div {margin-top: 16px;}
#fs-password-entry-div label, #fs-username-entry-div label, #fs-username-div, #fs-password-div{ float:left;}
/*.hero .hero-bannerContent form#Login { position:relative}
.hero .hero-bannerContent form#Login #fs-validation-error-combo { position:absolute; bottom:62px}*/
form#Login .fs-error, .loginHorizontal form#Login .fs-error { background: rgba(0, 0, 0, 0) url("/bin-public/06_PSW_Website/images/icon-exclamation-red-1x.png") no-repeat scroll 0 0;
    border: medium none;
    color: #DC1616;
    font-size: 12px; line-height:12px;    
    padding: 2px 2px 2px 20px;
    text-align: left; 
    position:absolute;
    margin-top: 6px;
}

form#Login .error{ border:1px solid #DC1616; }
form#Login .validation-error {line-height: 18px; background: rgba(0, 0, 0, 0) url("/bin-public/06_PSW_Website/images/error_msg_icon.gif") no-repeat scroll 0 1px; display: inline-block; padding-left:20px; color: #cc0000; font-size:12px; text-align: left;}

/*form input:focus, form button:focus { outline: 2px solid rgba(0,0,0,0.25); outline-style: auto;}*/

form input:focus, form button:focus {
    outline-color: #9b9b9b;
    outline-style: solid;
    outline-width: 1px;
}

.hero .hero-bannerContent #fs-password-div #fs-error{ position:absolute;}
.loginHorizontal{ border-bottom:1px solid #9b9b9b; background-color:rgba(102,102,102,0.15) ; *background:transparent; padding:27px 0;  }

.loginHorizontal .loginContainer {display: table; max-width:955px; width:auto; background:none; margin:0 auto; }

.loginHorizontal #fs-steps { display: table-cell;}
.loginHorizontal:not([dummy]) { /* IE9 only */background-color:rgba(102,102,102,0.10); width:99.9%;}
.loginHorizontal #Login { text-align:center; margin:0 auto; width:auto; position:relative; height:34px; display:table;}
.loginHorizontal #Login #fs-submit-div, .loginHorizontal #Login #fs-back-div { display:table-cell; vertical-align:top; margin-right:12px;}
.loginHorizontal #fs-password-entry-div, .loginHorizontal #fs-username-entry-div { margin-bottom:0;}
.loginHorizontal #fs-password-entry-div label, .loginHorizontal #fs-username-entry-div label { margin-right:6px; margin-top:10px; font-size:12px;}
.loginHorizontal #fs-password-entry-div, .loginHorizontal #fs-username-entry-div, .loginHorizontal .login-message-form  { margin:0 12px;}
.loginHorizontal form#Login #fs-validation-error-combo { position:absolute; left:60px; bottom:-18px;}
.loginHorizontal .login-message-form { float:left; margin-top: 0; margin-bottom:0; width:566px; text-align:left;}

.fs-current .userLinks, .loginHorizontal .loginContainer .userLinks { display:table-cell; vertical-align: top; margin-top:4px; line-height: 15px; padding-top: 8px;}
.fs-current .userLinks a, .loginContainer .userLinks a{ font-size:12px; margin:0 10px;}
/*WEDPAP-2*/
.userLinks a {color: #356f95; text-decoration: underline;}
.userLinks a:visited {color: #5c0198;}
.userLinks a:active, .userLinks a:focus, .userLinks a:hover {color: #000000; text-decoration: underline;}
/*WEDPAP-2*/
.loginHorizontal .fs-current .userLinks a, .loginHorizontal .fs-alertBox .userLinks a{ margin:0 0 0 22px;}
.loginHorizontal .fs-alertBox { float:left;}

.loginHorizontal #fs-submit-div button, .loginHorizontal #fs-back-div button { margin-right:12px;}

#fs-submit-div, #fs-back-div {text-align:center; margin-top: 65px;}
#fs-submit-div{margin-top: 35px;}
#fs-back-div button { font-size: 15px; padding:8px 16px; line-height:15px; 
background-color: #1373B4; 
background-color: #1373B4; 
background-image: -webkit-gradient(linear, 50% 0%, 50% 50%, color-stop(0%, #5CA2E6), color-stop(100%, #1373B4)); 
background-image: -webkit-linear-gradient(top, #5CA2E6, #1373B4 50%); 
background-image: -moz-linear-gradient(top, #5CA2E6, #1373B4 50%);
background-image: -ms-linear-gradient(top, #5CA2E6, #1373B4 50%); 
background-image: -o-linear-gradient(top, #5CA2E6, #1373B4 50%); 
background-image: linear-gradient(top, #5CA2E6, #1373B4 50%); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5CA2E6, endColorstr=#1373B4); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#5CA2E6, endColorstr=#1373B4)"; 
border: 1px solid #366EB7; color: #fff; text-shadow: -0px -1px 0px #2A5893;  -webkit-border-radius: 4.995px; -moz-border-radius: 4.995px; -ms-border-radius: 4.995px; -o-border-radius: 4.995px; border-radius: 4.995px;  cursor: pointer; display: inline-block; font-weight: 400;}


#fs-back-div button:hover { background-color: #6eb5f9; background-color: #2b89cb; 
background-image: -webkit-gradient(linear, 50% 0%, 50% 50%, color-stop(0%, #6eb5f9), color-stop(100%, #2b89cb)); 
background-image: -webkit-linear-gradient(top, #6eb5f9, #2b89cb 50%); 
background-image: -moz-linear-gradient(top, #6eb5f9, #2b89cb 50%); 
background-image: -ms-linear-gradient(top, #6eb5f9, #2b89cb 50%); 
background-image: -o-linear-gradient(top, #6eb5f9, #2b89cb 50%); 
background-image: linear-gradient(top, #6eb5f9, #2b89cb 50%); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6eb5f9, endColorstr=#2b89cb); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#6eb5f9, endColorstr=#2b89cb)"; }
#fs-submit-div button:active, #fs-back-div button:active { box-shadow: 0 3px 5px #0B6BAA inset; }

/*WEDPAP-2*/
#fs-submit-div button{ font-size: 15px; padding:8px 16px; line-height:15px; 
    background-color: #024A7A; 
    border: 1px solid #024A7A; color: #fff; text-shadow: -0px -1px 0px #2A5893;  -webkit-border-radius: 4.995px; -moz-border-radius: 4.995px; -ms-border-radius: 4.995px; -o-border-radius: 4.995px; border-radius: 4.995px;  cursor: pointer; display: inline-block; font-weight: 400;}

#fs-submit-div button:hover { background-color: #024A7A; }
/*WEDPAP-2*/

.heroBanner-container div, .heroBanner-container section, .hero .fs-current input, .hero .fs-current, .loginHorizontal .fs-current input { box-sizing: content-box;}


/** error variations styles ***/

/*.hero .fs-alertBox {float:left; width:255px; margin:10px 30px; padding:18px; height:268px }*/

.fs-alertBox .userLinks { display:block; text-align:center; margin-top:4px;}
.login-message-form {display: table; margin-top:29px; background: #fff; margin-bottom:40px;}
.login-message-form .message-importance {color: #ffffff; display: table-cell; height: 100%; width:16px; text-align: center; background:#E01616; padding:6px;}
.login-message-form .message-importance .alert-icon { background-image: url("/bin-public/06_PSW_Website/images/form-error-alert.png"); background-repeat: no-repeat; display: block; height: 16px;background-position: 0 0; width:16px;}

.login-message-form .message-box { padding:11px 9px 8px; color:#000; display: block; font-size:12px;  line-height:18px;  }
#altlogin-page .message-box {
    background-color: #f2f2f2;
}
/*.heroBanner-container #fs-back-div {  margin-bottom:30px;}*/
.bold {font-weight: bold;}
.hero .hero-bannerContent .loginContainer {float:left; width:251px; margin:16px 30px; margin-left: 8px; height:258px; box-sizing:content-box; padding:18px 20px 28px;}

/**** ==== Login widget Prelogin Page Vs Horozontal Login Widget Ends ==== ****/ 



/**** ======= Responsive Styles for Article page ====== ****/
.responsive-wrapper {
    padding: 0 ;
    position: relative;
    width: 100%;
}
@media screen and (max-width: 995px) {
  .content-container {
    width: 100%;border-left: 0 none;
    border-right: 0 none;
  }
  .foot-note, .quick-toolContainer .quicklinksblocks {padding:0 8px;}
}
@media screen and (max-width: 768px) {
    .responsive-article { padding: 0 1em; }
/* TODO Remove  .column-container .threeColumn { width:30%}
    .column-container .fourColumn {width:21.5%;}
    .column-container .twoColumn { width:47%;}*/
    .nextSteps-three .nextStep-blocks { width:29%;}
    .nextSteps-two .nextStep-blocks { width:46%;}
    .nextSteps-one .nextStep-blocks {width:94%;}
}

@media screen and (max-width: 360px) {
    .column-container .threeColumn, .column-container .fourColumn, .column-container .twoColumn{ width:100%;}
    .nextSteps-three .nextStep-blocks, .nextSteps-two .nextStep-blocks, .nextSteps-one .nextStep-blocks, .quick-toolContainer .quick-linkBox, .quick-toolContainer .quicklinksblocks  {width:94%;}
}

/** Logout Page news and insight section styles ***/
.newsContainer ul li {width:210px; padding:0 8px; float:left; margin:0 8px; margin-top:29px;}
.newsContainer ul li:first-child { padding-left:0;}
.newsContainer ul li:last-child { padding-left:0;}

#logout-page .eventHeader-container {margin-top: 144px;}

/** Alternate Login Page **/
#altlogin-page h1 {text-align: center; margin-top: 63px; margin-bottom: 52px;}
#altlogin-page .loginContainer {box-sizing: border-box; max-width: 288px; margin: 0 auto; margin-bottom: 93px;}
#altlogin-page .fs-current input {box-sizing: border-box; height: 35px; width: 288px;}
#altlogin-page #fs-username-entry-div {margin-bottom: 21px;}
#altlogin-page .userLinks {text-align: center;}
#altlogin-page #fs-submit-div, #altlogin-page #fs-back-div {
    margin-top: 36px;
}

#altlogin-page .validation-error + #fs-submit-div {
    margin-top: 15px;
}

.hero-bannerContent .validation-error + #fs-submit-div {
    margin-top: 12px;
}

/** Masthead Only to remove nav in both PSW and Connect **/
.masthead-only .navbar, .masthead-only .nav-container {display: none;}

/* pswcontent specific tweak for navbar to work with content-container */
.content-container.navBar-width {
    box-sizing: border-box;
}

/** Landing Page common styles ***/
.FeatureContainer .teaser {
    margin: 0 auto;
    margin-top: 33px;
    margin-bottom: 56px;
    width: 50%;
    max-width: 615px;
    text-align: center;
}

.FeatureContainer .teaser h2 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 27px;
}

.FeatureContainer .teaser p {
    font-size: 18px;
    line-height: 24px;
}

/*.FeatureContainer .teaser h2 .locked {
    background-size: 11px 16px;
}*/
/** Article Page Related Links section **/

.related-links {
    margin-top: 24px;
}

.related-links span {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: #666;
    margin-right: 8px;
}

.related-links a {
    font-size: 12px;
    line-height: 15px;
    padding: 0 8px;
    border-right: 1px solid #ccc;
    border-spacing: 5px;
}

/*.related-links a.locked {
    background-size: 0.75em;
    background-position: 100% 0px;
    padding: 0;
    padding-right: 14px;
    margin-right: 16px;
}*/

.related-links a.locked:after {
    margin: 0 -8px 0 10px;
    padding-left: 6px;
}

.related-links a:last-of-type {
    border:none;
}

/** Article and Resource component styles **/

.article-controls {
    display: table;
    width: 100%;
    margin-bottom: 48px;
    margin-left: 42px;
}

.article-filter--selects {
    display: inline-table;
}

.article-filter--selects .fc-select {
    display: table-cell;
    padding-left: 1em;
}

.article-filter--selects .fc-select:first-child {
    padding-left: 0;
}

.input-group .fc-select {
    padding-left: 0;
}

.resourceContainer + .eventHeader-container {
    margin-top: 56px;
}

.article-results {

}

.article-results .teaserLink {
    width: 300px;
    height: 163px;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-left: 8.5px;
}

.article-results .teaserLink section {
    display: block;
    padding-right: 0px;
    padding-bottom: 43px;
}

.article-results .teaserLink .teaserTitle {
    font-size: 18px;
    line-height: 21px;
    margin: 0;
    margin-bottom: 18px;
}

.article-results .teaserLink .teaserDescription {
    font-size: 15px;
    line-height: 21px;
}

/*
.article-results .teaserLink .locked {
    display: block;
    background: none;
}*/

/*.article-results .teaserLink .teaser h2 a.locked {
    background: url('/bin-public/06_PSW_Website/images/icon-lock-gray-1x.png') no-repeat right 0;
    display: inline;
    background-position-y: center;
}

/*.article-results .teaserLink .locked .teaserTitle {
    display: inline;
    position: relative;
}

.article-results .teaserLink .locked .teaserTitle:after {
    content: '';
    display: block;
    background-image: url('/bin-public/06_PSW_Website/images/icon-lock-gray-1x.png');
    background-repeat: no-repeat;
    height: 1em;
    width: 1em;
    position: absolute;
    bottom: 0;
    right: -1.5em;
}

.article-results .teaserLink .locked + p {
    margin-top: 18px;
}*/

.article-showall {
    margin-bottom: 56px;
    text-align: center;
}

.article-showall a {
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
}


/***************************************/
/* Next Step  */
/**************************************/

.nextStep-container .promoTitle {
    margin-bottom: 9px;
    font-size: 18px;
    line-height: 21px;
}

/*.nextStep-container .promoTitle.locked {
    background-position:right 6px;
}*/

.nextStep-container .teaserThingies {
    float: left;
    width: 453px;
    margin-bottom: 36px;
    margin-left: 20px;
    padding-left: 8.5px;

}

.nextStep-container .teaserThingies:last-of-type {
    padding-right: 0;
}

.nextStep-container .teaserThingies:first-of-type {

}

.nextStep-container .teaserThingies:first-child:nth-last-child(1) {
    width: 955px;
}

.nextStep-container .teaserThingies:first-child:nth-last-child(2),
.nextStep-container .teaserThingies:nth-child(2):nth-last-child(1) {

}

.nextStep-container .teaserThingies:first-child:nth-last-child(3),
.nextStep-container .teaserThingies:nth-child(2):nth-last-child(2),
.nextStep-container .teaserThingies:nth-child(3):nth-last-child(1) {
    width: 300px;
}

.nextStep-container section.promo.contextual-metadata {
font-size: 15px
}

/***************************************/
/* Quick Links  */
/**************************************/

.quick-toolContainer .promoTitle {
    margin-bottom: 9px;
}

.quick-toolContainer .teaserThingies {
    float: left;
    width: 75%;
    margin-bottom: 18px;
    margin-left: 20px;
    padding-left: 8.5px;
    height: 83px;
    overflow: hidden;
}

.quick-toolContainer .teaserThingies:nth-of-type(2n) {
    margin-left: 28px;
}

.quick-toolContainer .teaserThingies:nth-of-type(2n+3) {

}


/***************************************/
/* PSW Selector DDs */
/**************************************/

.fc-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
  background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
  box-shadow: none;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 120%;
  line-height: 100% \9;
  height: 2.2em;
  margin-top: 0;
  margin-right: 1.66667em;
  margin-bottom: 0;
  margin-left: -1px;
  padding-top: 0.3em;
  padding-right: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc; 
}
.fc-select select:focus:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; 
}
.fc-select select::-ms-expand {
    display: none; 
}
.fc-select select:focus {
    border-color: #999999;
    outline: none; 
}

.fc-select {
    position: relative;
}

.fc-select:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0.6em;
    right: 0.66667em;
    z-index: 5;
    height: 0.46667em;
    border-top: 0.26667em solid #000;
    border-right: 0.26667em solid transparent;
    border-left: 0.26667em solid transparent;
    color: #000;
    background: transparent;
    background-position: 0 0;
    background-size: 9px 7px;
    background-repeat: no-repeat;
    margin-top: -3px;
    pointer-events: none;
}

.fc-select + .input-group--prefix {
    padding-left: 0.66667em;
}

.input-group {
    display: inline-table; 
}

.post-login-wrapper .article-controls.input-group {
    margin-left: 28.5px;
}

.input-group--prefix {
    display: table-cell;
    vertical-align: middle;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    padding-right: 0.66667em; 
}

.input-group--suffix {
    display: table-cell;
    vertical-align: middle;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    padding-left: 0.66667em; 
}

/***************************************/
/* Article Page Styles */
/**************************************/

.article-heading {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
    padding-bottom: 18px;
}

.article-heading h1 {
    font-size: 33px;
    line-height: 36px;
    margin-bottom: 18px;
}

.articleBody-text p + ul {
    margin-top: -15px;
}

.article-container h3 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 18px;
}

.article-container ul {
    list-style: initial;
    list-style-type: square;
    padding-left: 1.7em;
    padding-bottom: 15px;
}

.article-container ul li {
    margin-bottom: 10px;
    line-height: 21px;
}

.article-container ul li ul {
    margin-left: 1em;
}

.article-container ul li ul li:first-of-type {
    margin-top: 1em;
}

.article-container ol {
    list-style: initial;
    list-style-type: decimal;
    padding-left: 1.7em;
}

.article-container ol li {
    margin-bottom: 18px;
    line-height: 21px;
}

.article-container ol li ol {
    margin-left: 1em;
}

.article-container ol li ol li:first-of-type {
    margin-top: 1em;
}

ul.fid-responsive-ul-icon {
    list-style-image: url(/bin-public/06_PSW_Website/images/checkmark_greencircle.png);
}

.article-container .img {
    margin-bottom: 18px;
}

.article-container .small, .article-container .small img {
    max-width: 307px;
}

.article-container .medium, .article-container .medium img {
    max-width: 469px;
}

.article-container .large, .article-container .large img {
    max-width: 793px;
}

.article-container .right, .callout-info-graphic .right {
    float: right;
    clear: right;
    margin-left: 1em;
}

.callout-info-graphic {
    margin-bottom: 18px;
}

.callout-info-graphic .img {
    margin-bottom: 0;
}

.callout-info-graphic h3 {
    background-color: #0F436F;
    color: #ebebeb;
    padding: 0.5em;
    font-size: 1em;
    margin: 0;
}

.callout-info-graphic img {
    width: 100%;
    margin-bottom: -4.3px;
}

.callout-info-graphic .disclosures {
    font-size: 0.8em;
    color: #aaa;
    border-top: 1px solid #dbdbdb;
    padding-top: 0.5em;
    background-color: #ebebeb;
    padding: 0.5em;
}

p.lede {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}

p.attribution, p.txt-author {
    font-size: 10px;
    font-weight: 500;
    line-height: 13px;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 24px;
}

h2.section-heading {
    font-size: 24px;
    line-height: 27px;
}

.callout {
    width: 307px;
    box-sizing: border-box;
    margin-bottom: 3em;
}

.callout.right {
    float: right;
    clear: right;
    margin-left: 1em;
}

.callout header {
    background-color: #336600;
}

.callout h3 {
    padding: 8px;
    margin: 0;
    color: #ffffff;
}

.callout section.body {
    background-color: #f0f0f0;
    padding: 1em;
    font-size: 12px;
    font-style: italic;
}

.callout section.body p {
    font-size: 12px;
    margin: 0;
}

.callout .talk-bubble {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    background-image: url(/bin-public/06_PSW_Website/images/quoteMarks.png);
    background-repeat: no-repeat;
    background-position: 0.5em 0.75em;
    background-size: 10%;
}

.callout .talk-bubble:before {
    content: '';
    position: absolute;
    bottom: -4em;
    right: 3em;
    height: 0;
    width: 0;
    display: block;
    box-sizing: border-box;
    border: 2em solid;
    border-left-width: 0em;
    border-color: #ffffff transparent transparent transparent;
    margin-right: -1px;
    margin-bottom: 2px;
    z-index: 2;
}

.callout .talk-bubble:after {
    content: '';
    position: absolute;
    bottom: -4em;
    right: 3em;
    height: 0;
    width: 0;
    display: block;
    box-sizing: border-box;
    border: 2em solid;
    border-left-width: 0em;
    border-color: #dbdbdb transparent transparent transparent;
}

.callout .talk-bubble p {
    font-size: 13px;
    font-style: italic;
    line-height: 20px;
    padding: 1em;
    padding-left: 4em;
    margin: 0;
}

.callout .talk-bubble p.attribution {
    color: #666666;
}

.article-container .clipInfo {
    width: initial;
    margin: 0 auto;
    margin-top: 21px;
    margin-bottom: 54px;
}

.article-container .clipInfo #embedDiv {
    width: initial;
    height: 396px;
}

.article-container .clipInfo .clipInfoTitle, .article-container .clipInfo .clipdescription {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.expired-message {
    font-size: 15px;
    text-align: center;
    margin-top: 20%;
    margin-bottom: 20%;
}



/***************************************/
/* Article Table Styles */
/**************************************/

.article-container table {
  width: 100%;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: 21px;
  margin-bottom: 18px; 
}

.article-container tr {
  border-bottom: 1px solid #dbdbdb; 
}

table.multi--col tr {
    border-bottom: none;
}


.adv-table--row:first-of-type {
    border: none; 
}

.article-container th {
  position: relative;
  text-align: left;
  vertical-align: bottom;
  font-weight: normal;
  color: #888;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  padding-right: 8px;
  padding-bottom: 0.5em;
  padding-left: 8px;
  padding-top: 15px;
  cursor: pointer; 
}

.article-container th.centered, .article-container td.centered {
    text-align: center;
}

.article-container td {
  text-align: left;
  padding-top: 0.5em;
  padding-right: 8px;
  padding-bottom: 0.5em;
  padding-left: 8px; 
}


.article-container th.right, .article-container td.right {
    text-align: right;
}

.article-container tfoot {
  border-top: 1px solid #dbdbdb; 
}

/***************************************/
/* Library Page teaser combos */
/**************************************/

#library-page .introText-container {
    margin-bottom: 60px;
}

.teaser-container--library + * {
    margin-top: 69px;
}

.teaser-section--library {
    width: 210px;
    float: left;
    margin: 0 9px;
    padding: 0 8.5px;
}


.teaser-section--library:first-of-type{
    margin-left: 20px;
}

.teaser-section--library:nth-of-type(4) {
    margin-right: 0;
}

.teaser-section--library .teaserSection {
    margin-bottom: 27px;
}

.teaser-section--library .teaserSection p {
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    height: 54px;
}

.teaser-section--library .content-container a {
    display: table-row;
    font-size: 12px;
    height: 49px;
}

/*.teaser-section--library .content-container a.locked {
    background-position-y: center;
    background-position: right 0px;
    background-size: 0.75em;

}*/

.teaser-section--library .category-icon {
    text-align: center;
    margin-bottom: 18px;
}

.teaser-section--library h2.teaserTitle {
    display: block;
    text-align: center;
    margin-bottom: 24px;
    line-height: 21px;
}

.teaser-section--library .content-container li {
    padding: 0;
    margin: 0;
}


/***************************************/
/* Marketing Only HP styles */
/**************************************/

#mktg-only-homepage .eventHeader-container {
    clear: both;
    margin: 0;
    margin-top: 86px;
    margin-left: 16px;
    margin-bottom: -10px;
    float: left;
    width: 100%;
}

#mktg-only-homepage .eventHeader-container:first-of-type, #mktg-only-homepage .newsContainer {
    float: left;
    width: 72%;
}

#mktg-only-homepage .psw-messageContainer, #mktg-only-homepage .additional-resourcesContainer {
    float: right;
    width: 25%;
    box-sizing: border-box;
    padding-left: 6px;
    /*border-left: 1px solid #dbdbdb;*/
}

#mktg-only-homepage .additional-resourcesContainer {
    clear: right;
}

#mktg-only-homepage .psw-messageContainer {
    padding-top: 16px;
}


#mktg-only-homepage .quick-toolContainer {
    float: left;
    margin-top: 33px;
}

#mktg-only-homepage .newsContainer {
    box-sizing: border-box;
    padding-right: 40px;
    padding-left: 28px;
    padding-top: 56px;
   /* padding-bottom: 90px;*/
}

#mktg-only-homepage .newsContainer .icon-teaser-combo {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 32px;
}

#mktg-only-homepage .newsContainer .icon-teaser-combo .category-icon {
    float: left;
    margin-right: 32px;
    width: 115px;
}

#mktg-only-homepage .newsContainer .icon-teaser-combo .teaserLink {
    float: left;
    width: 500px;
}

#mktg-only-homepage .newsContainer .icon-teaser-combo:first-of-type {
    margin-top: 0px;
}

#mktg-only-homepage .psw-messageContainer .call-out {
    border: none;
    margin-bottom: 10px;
}

#mktg-only-homepage .psw-messageContainer .call-out li {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
}

#mktg-only-homepage .psw-messageContainer .call-out h3, #mktg-only-homepage .additional-resourcesContainer .additional-resource h3 {
    font-size: 15px;
    line-height: 21px;
    color: #000000;
}

#mktg-only-homepage .additional-resourcesContainer ul {
    margin-top: 15px;
}

#mktg-only-homepage .additional-resourcesContainer ul li {
    margin-bottom: 15px;
    padding-bottom: 0;
}

/** Modal variation for messaging **/

.modal--container .global-message {
    margin: 0;
}

/* Header hack---- needs to be moved to site.css if we keep it */
.headerBg {
    background-position: -50px;
}
/** Pre-login center of Global Message **/
.pre-login-wrapper .global-message {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.screen-reader-only { position: absolute; left: -5000px; clip: rect(1px 1px 1px 1px); white-space: nowrap; padding: 0; 
    border: 0; height: 1px; width: 1px; overflow: hidden; 
} 

/* Tooltip Styles */
.ui-tooltip-layer--close-icon {
    background: url("/bin-public/06_PSW_Website/images/closex_blk_big.gif") no-repeat center center !important;
}

/* fix horizontal alignment of the footer left and right items when viewing at 400%*/
.global-footer {
    display: flex;
}

/* WEDPAP-898 */
#pswSpsPagesView .ui-participant-header--participant-detail a.ui-participant-header--expand-collapse {
    width: 44px;
    height: 44px;
    background-position: center;
    margin: -6px -14px -5px -10px;
}  

/* START WEDPAP-849 */
h3.teaserTitle, h3.promoTitle {
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
}
/* END WEDPAP-849 */

/* START WEDPAP-313  and WEDPAP-5093*/
.global-footer ul li img {
    margin-left: 3px;
}
/* END WEDPAP-313  and WEDPAP-5093 */

/* START WEDPAP-15 & WEDPAP-17 */
/** === Hero Banner and Login box Image Style Updates Starts === **/ 
/* 2 steps adjustments of the banner and login boxes to manage responsiveness
   until the small banner resolution level max 
px / ~170% zoom level responsiveness updates */

   @media screen and (min-width: 1025px) and (max-width: 1164px) {
    #pre-homepage .heroBanner-container .xlarge
     {
        margin-right: -932px;
    }
   }

   @media screen and (min-width: 860px) and (max-width: 1024px) {
    #pre-homepage .heroBanner-container,
    #pre-homepage .heroBanner-container .xlarge
     {
        height: 310px;
        margin-right: -1000px;
    }
    #pre-homepage .heroBanner-container .img img {
        height: 310px;
    }
    #pre-homepage #fs-submit-div {
        margin-top: 25px;
    }
    #pre-homepage .hero .hero-bannerContent .loginContainer {
        height: 235px;
    }
}

/* 
    Step2: 853.33px / 150% zoom is where large banner text doesn't fit. To cover from min large banner screen size 760px / ~170%
    to 860px we introduce further adjustments 
*/

@media screen and (min-width: 760px) and (max-width: 859px) {
    #pre-homepage .heroBanner-container,
    #pre-homepage .heroBanner-container .xlarge
     {
        height: auto;
        margin-right: -1270px;
		overflow-x: auto
    }
    #pre-homepage .heroBanner-container .img img {
        height:auto;
    }

    #pre-homepage .hero .hero-bannerContent .loginContainer {
        height: 162px;
        padding: 18px 0;
        margin: 8px 8px;
    }

    #pre-homepage #fs-username-entry-div {
        margin-bottom: 0px;
    }
    
    #pre-homepage #fs-password-entry-div {
        margin-top: 8px;
    }

    #pre-homepage #fs-submit-div {
        margin-top: 10px;
        margin-left: 16px;
        float: left;
        text-align: left;
    }

    #pre-homepage .loginContainer .userLinks {
        text-align: left;
        margin-top: 10px;
        width: 130px;
        float: right;
    }

    #pre-homepage .loginContainer .userLinks a {
        display: inline-block;
    }
}


@media screen and (max-width: 759px) {
    #pre-homepage .heroBanner-container,
    #pre-homepage .heroBanner-container .xlarge
     {
		 overflow-x: auto;
        height: auto;
        margin-right: -1420px;
    }
    #pre-homepage .heroBanner-container .img img {
        height: auto;
    }

    #pre-homepage .hero .hero-bannerContent .loginContainer {
        width: 240px;
        height: 150px;
        padding: 8px 0;
        margin: 8px 8px;
    }

    #pre-homepage #fs-username-entry-div {
        margin-bottom: 0px;
        padding-left: 10px;
    }

    #pre-homepage #fs-password-entry-div {
        margin-top: 8px;
        padding-left: 10px;
    }

    #pre-homepage #fs-submit-div {
        margin-top: 2px;
        margin-left: 10px;
        float: left;
        text-align: left;
    }

    #pre-homepage .loginContainer .userLinks {
        text-align: left;
        margin-top: 0px;
        width: 130px;
        float: right;
    }

    #pre-homepage .loginContainer .userLinks a {
        display: inline-block;
    }

}
    

/** === Hero Banner Image Style Updates Ends === **/