/* CSS for Responsive Design
   Created by SMG, 2/2016
*/

/* =========== Site Wrapper Responsive Styles =========== */
html, body { overflow-x:hidden !important; height:100%; }
.global.wrap, header.wrap, .content.wrap, .header-container .noindex.wrap, .ifeb-nav .noindex.wrap { max-width:980px; min-width:280px; width:100%; }
.footer-container footer.wrap { max-width:980px; min-width:280px; width:90% !important; padding:0 5%; }

/* image resizing */
.page-content img { max-width:100%; height:auto; }
.edit-mode .page-content img{
	max-width:none!important;
}
/* image resizing exceptions
   edit ui ellipsis, right side ads, webcast thumbs, paging icons, instructor pages */
.ms-list-itemLink img, div.floatingPic img, div.sessionImage a[id*="hypImageLink"] img,
img.ms-srch-pagingPrev, img.ms-srch-pagingNext, .instructorCol .instructorContainer img, div[class*="ms-tileview-tile"] img, table.ms-listviewtable img, [class*="ms-list"] img, [id*="bottomPagingCell"] img{ max-width:none; }

.top-nav.wrap { margin:0; }
.header-container { min-width:0; overflow:hidden; height:76px; }
.site-title #Custom_Logo { margin-left:-10px; }
div.event_wrapper { /*! width:120%; */ /*! margin-left: -10%; */}
#suiteBarLeft, #suiteBarRight { width:0; display:none; }
#suiteBarMiddle { width:100%; display:block; }
#AdminLinks .col.three-fourths { float:right !important; width:80% !important; }
#AdminLinks .col.one-fourth.country-select { width:20% !important; }
.BreadCrumbWrap { margin:0 0 10px !important; }
.page-title { margin-top:0 !important; }
#DeltaPlaceHolderPageTitleInTitleArea { top:0; padding:0; }
.col-right { right:0 !important; }

#AdminLinks #LoginAdminDropDown:hover .adminDropDownContainer, #AdminLinks #LoginAdminDropDown:focus .adminDropDownContainer
#AdminLinks #LogoutAdminDropDown:hover .adminDropDownContainer, #AdminLinks #LogoutAdminDropDown:focus .adminDropDownContainer
#AdminLinks #LogoutNonMemberAdminDropDown:hover .adminDropDownContainer, #AdminLinks #LogoutNonMemberAdminDropDown:focus .adminDropDownContainer
#AdminLinks #LoginAdminDropDown2:hover .adminDropDownContainer, #AdminLinks #LoginAdminDropDown2:focus .adminDropDownContainer
#AdminLinks #LogoutAdminDropDown2:hover .adminDropDownContainer, #AdminLinks #LogoutAdminDropDown2:focus .adminDropDownContainer
#AdminLinks #LogoutNonMemberAdminDropDown2:hover .adminDropDownContainer, #AdminLinks #LogoutNonMemberAdminDropDown2:focus .adminDropDownContainer { display:block; }

.ms-srch-sb > input, .site-search-bottom input { height:16px; }
.ms-srch-sb > .ms-srch-sb-searchLink, .site-search-bottom .ms-srch-sb-searchLink { height:20px; width:20px; margin:2px 0 0 -24px; }
.ms-srch-sb > .ms-srch-sb-searchLink:hover, .site-search-bottom .ms-srch-sb-searchLink:hover,
.ms-srch-sb > .ms-srch-sb-searchLink:focus, .site-search-bottom .ms-srch-sb-searchLink:focus { background-position: -20px 0; }
.site-search input, div.footer-container .site-search-bottom input { width:260px !important; }
	
.mobilenavcontainer, .ifeb-nav {
	background: #686868;
	display:block;
	min-width: 0;
}
.mobilenavcontainer { 
	display:none;
	height: auto !important;
	width:100%;
	position:absolute;
	z-index:999;
	top:112px;
	/*max-height:100%;*/
	min-height:44px;
	overflow-y:scroll;
	background: none;
	background: -moz-linear-gradient(top,  rgba(104,104,104,1) 0%, rgba(104,104,104,1) 42px, rgba(104,104,104,0) 42px, rgba(104,104,104,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(104,104,104,1) 0%,rgba(104,104,104,1) 42px,rgba(104,104,104,0) 42px,rgba(104,104,104,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(104,104,104,1) 0%,rgba(104,104,104,1) 42px,rgba(104,104,104,0) 42px,rgba(104,104,104,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#686868',GradientType=0 ); /* IE6-9 */
}
.mobilenavcontainer nav { 
	display:none;  /* hide on initial page load */
	overflow:hidden;
	width:65% !important;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
	background-color:#686868;
	border-top:1px solid #9e9e9e;
	position: relative;
}
.mobilenavcontainer nav ul.static { margin-top:0; padding:3px 0; }
.mobilenavcontainer nav ul.static li { margin: 0; padding:0; float:left; width: 100%; }
.mobilenavcontainer nav ul.static li a[title~='Home'] { display:none; }
.mobilenavcontainer nav ul.static li a {
	background: #686868;
	padding: 6px 5% !important;
	width:90%;
	border-width:0 !important;
	text-align: left;
	font-size:16px;
	line-height:24px;
	font-weight: normal !important;
	text-transform:none !important;
	text-shadow: 1px 1px #535353;	
}
.mobilenavcontainer nav ul.static li a:first-of-type { border-top:0; }
.mobilenavcontainer nav ul.static li a:hover,
.mobilenavcontainer nav ul.static li a:focus {
	background-color: #535353 !important;
}
.top-nav ul.root > li > ul, .top-nav ul.root > li > ul > li { display:block; }
.top-nav ul.dynamic { width:100% !important; position:relative; left:0; top:0; }
.mobilenavcontainer nav ul.static li ul.dynamic { 
	margin: 0; padding:0; display:block !important; top:0 !important; left:0 !important; 
}
.mobilenavcontainer nav ul.static li ul li ul.dynamic li { position:relative; display:none; }  //change to display:none;
.mobilenavcontainer nav ul.static li ul.dynamic li { width:100%;margin: 0; padding:0;  }
.mobilenavcontainer nav ul.static li ul.dynamic li a {
	font-size: 12px;
	line-height:16px;
	color: #fff;
	padding:5px 5% 5px 10% !important;
	width:85%;
	border:0;
	background-color:#535353;
	margin: 0;
	text-shadow: none;	
}
.mobilenavcontainer nav ul.static li ul.dynamic li a:hover,
.mobilenavcontainer nav ul.static li ul.dynamic li a:focus {
	text-decoration: none;
	background-color: white !important;
	color: #535353;
	border:0;
}

/* use this so two links (ex: U.S. and Canada) can exist on one line */
.mobilenavcontainer nav ul.static li ul.dynamic li span.navlinkscombined { 
	display:block;
	padding:5px 0;
	width:100%;
	background-color:#535353;
}
.mobilenavcontainer nav ul.static li ul.dynamic li span.navlinkscombined a:nth-of-type(1) { padding-right:1% !important; }
.mobilenavcontainer nav ul.static li ul.dynamic li span.navlinkscombined a:nth-of-type(2) { padding-left:1% !important; padding-right:1% !important; }

.mobilenavcontainer .ui-menu-label, .mobilenavcontainer .ui-icon {
	float:left;
}
.mobilenavcontainer .ui-menu-button {
	background: transparent;
	margin: 0;
	padding:14px;
	color:#fff;
	text-decoration:none;
	line-height:16px;
	font-size:12px;
	text-transform:uppercase; font-weight:bold;
	height:14px;
}
/* nav buttons */
.top-nav.ui-spnav .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	background-image: none;
	padding-right: 0;
}
.ui-menu-button {
	position: relative;
	display: block;
	clear: both;
	padding: 1em;
	background: #111;
	color: #fff;
}
.ui-menu-button .ui-icon-menu {
	display: block;
	float: left;
	margin-right: 0.75em;
	position: relative;
	width: 1.75em;
	height: 1em;
}
.ui-menu-button .ui-icon-menu span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
}
.ui-menu-button .ui-icon-menu span.line2 {
	margin-top: 6px;
}
.ui-menu-button .ui-icon-menu span.line3 {
	margin-top: 12px;
}
.ui-menu-button .ui-icon {
	display: none;
	float: right;
	width: 0;
	height: 0;
	border: 6px transparent solid;
	border-top-color: inherit;
	margin: 0.4em 0 0 0.5em;
}
.ui-menu-button .ui-icon-open {
	border-top-color: transparent;
	border-bottom-color: #fff;
	margin: -0.1em 0 0.5em 0.5em;
}
.ui-menu-label { display:none; }
.ui-expand-button {
	display: block;
	float: right;
	padding: 0.7em 1em;
	border-left: 1px solid #eee;
}
.ui-expand-button .ui-icon {
	display: block;
	width: 0;
	height: 0;
	border: 6px transparent solid;
	border-top-color: #0072bc;
	margin: 0.4em 0 0 0;
}
.ui-expand-button .ui-icon-open {
	border-top-color: transparent;
	border-bottom-color: #0072bc;
	margin: -0.1em 0 0.5em 0;
}

.ms-srch-item, .ms-srch-upscope-top, .ms-srch-item-path { 
	width:100% !important;
	overflow-wrap: break-word;
	word-break: break-word;}
.ms-srch-sbLarge-fullWidth > input, .ms-srch-sbLarge > input { width:80% !important; }
.ms-srch-item { padding:2% 0; margin:0; }
.ms-srch-ellipsis { white-space:normal; }

div.footer-container { min-width:0; }
div.footer-container .footer-content { line-height:16px; }
div.footer-container .footer-content .footer-links a { margin-left:8px; padding-left:8px; border-left:1px solid #cecece; }


/* media queries */
@media screen and (max-width: 1475px) {
	div.floatingPic { display:none; }
}

@media screen and (max-width: 980px) {
	ul.ifeb-nav-list li ul { width:80%; }
	.ifeb-sub-menu .col.fourty { display:none; }
	.ifeb-sub-menu .col.thirty { width:50%; }
	#AdminLinks div[id*='pnlSocialIcons'] { display:none; }
	#AdminLinks .col.three-fourths { width:70% !important; }
	#AdminLinks .col.one-fourth.country-select { width:30% !important; }
	#AdminLinks .col.three-fourths { margin-top:4px; }
	.site-search { top:10px; right:10px; }
	#SelectYourCountry { margin-left:10px; }
		
	#AdminLinks #LoginAdminDropDown a, #AdminLinks #LoginAdminDropDown2 a,
	#AdminLinks #LogoutAdminDropDown a, #AdminLinks #LogoutAdminDropDown2 a,
	#AdminLinks #LogoutNonMemberAdminDropDown a, #AdminLinks #LogoutNonMemberAdminDropDown2 a { pointer-events:none; }
	#AdminLinks .adminDropDownContainer a { pointer-events:auto !important; }
}

@media screen and (max-width: 900px) {
	.col.eleven { margin-top:0; }
	li.ifeb-nav-link > a { padding:10px 10px 0; }
	#SelectYourCountry { margin-left:0; }
	#SelectYourCountry span { display:none; }
	#SelectYourCountry span#SelectYourCountry_Flags { display:block; }
	#AdminLinks .col.three-fourths { width:90% !important; }
	#AdminLinks .col.one-fourth.country-select { width:10% !important; }	
}

@media screen and (max-width: 820px) {
	.ifeb-nav .secondary-nav { display:none; }
}

@media screen and (max-width: 768px) {
	#suiteBar { height:0 !important; }
	#s4-ribbonrow { top:42px; }
	.header-container { 
		margin-top:41px;
		height:120px;
		border-top:1px solid #a4a4a4;
		border-bottom:3px solid #003057;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#40739d+0,00447c+30 */
		background: #40739d; /* Old browsers */
		background: -moz-linear-gradient(top,  #40739d 0%, #00447c 30%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #40739d 0%,#00447c 30%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #40739d 0%,#00447c 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40739d', endColorstr='#00447c',GradientType=0 ); /* IE6-9 */
	}
	div.content.wrap { width: 92%; padding: 4%; }
	.content-main { margin:0 0 4%; }
	.footer-content { margin-top:5px; margin-left:0; }
	.footer-content.social { margin-top:10px; width:100%; }
	li.ifeb-nav-link > a { padding:10px 10px 0; }
		
	.ifeb-nav { display:none !important; }
	.mobilenavcontainer { display:block; position:fixed; top:0 !important; }	
	.mobilenavcontainer.canada { display: none; }
	body.canada .mobilenavcontainer { display: none; }
	body.canada .mobilenavcontainer.canada { display: block; }
	iframe.ms-dlgFrame .mobilenavcontainer{
	display:none;
}

	
	.site-search { z-index:9999 !important; top:9px !important; right:12px; position:fixed; }
	.site-title { padding-top:5px; height:76px; overflow:hidden; }
	.site-title, .site-title #Custom_Logo { position:relative; text-align:center; margin:0; }
	.site-title #Custom_Logo img { margin-top:-72px; }
	body.canada .site-title #Custom_Logo img { margin-top:-144px; }
	header.header { background:none !important; }	
	.side-nav ul.root > li > a, .ms-core-listMenu-verticalBox > a.ms-core-listMenu-item { padding:12px 10px 0; }
	
	#AdminLinks { position:absolute; top:111px; z-index:999; padding-bottom:5px !important; }
	#AdminLinks, #AdminLinks a, #AdminLinks #WelcomeMessageHead { color:#bfd0de !important; }
	#AdminLinks { text-align:left; width:100%; margin:0; padding:0; height:auto; }
	#AdminLinks .col.three-fourths { width:100% !important; margin-top:0; width:100% !important }
	#AdminLinks .col.three-fourths table { float:none !important; width:100%; margin:0 auto;  text-align:center;}
	#AdminLinks .col.three-fourths table td:nth-last-of-type(1), #AdminLinks .col.three-fourths table td:nth-last-of-type(2) { display:none; }
	#AdminLinks .col.one-fourth.country-select { width:0 !important; }
	#AdminLinks #WelcomeMessageHead, #AdminLinks div[id*=pnlMemberLogout] div:first-of-type, #AdminLinks div[id*=pnlNonMemberLogout] div:first-of-type { margin:0px 10px 0 0; padding:0; width:100%; }
	#AdminLinks .ms-welcome-root { padding:0; border:0; }
	#AdminLinks .ms-welcome-root div { text-align:left; width:100% !important;  }
	#AdminLinks .ms-welcome-root div a { color:#686868 !important; }

	#AdminLinks .adminLinkContainer { display:block; margin:0 auto; }
	#AdminLinks div[id*=pnlGuestLogin] .adminLinkContainer { width:372px; }
	#AdminLinks div[id*=pnlMemberLogout] .adminLinkContainer, #AdminLinks div[id*=pnlNonMemberLogout] .adminLinkContainer { width:328px; }

	#AdminLinks .adminLink { border:0; padding-left:0; margin:4px 5px 4px !important; width:auto !important; }
	#AdminLinks .adminLink .adminDropDownContainer { width:40% !important; }
	#AdminLinks .adminLink .adminDropDownContainer .adminDropDownPadding { padding:3px 6px; }
	#AdminLinks .adminLink .adminDropDownContainer .adminDropDownLinks a { margin:3px 0; color:#fff !important; }
		
	#SelectYourCountry span#SelectYourCountry_Flags { position:absolute; top:-64px !important; left:4px; }	
	.ifeb-site-map .col { width:50% !important; float:left; }	
	
	.emailSignupContainer .msg_box_container, .emailSignupContainer .msg_box_containerTy { 
		position:absolute!important;
		top:0 !important;
		left:0 !important;
		margin:0 !important;
		padding:5% !important;
		width:90% !important;
		height:auto !important;
		border:0 !important;
		border-bottom: 1px solid #900 !important;
	}
}

@media screen and (max-width: 650px) {
	.site-search { top:85px; }
	.footer-content .copyrightline, .footer-content .footer-links { clear:left; display:block; }
	.footer-content .footer-links a.site-map-link { margin-left:0 !important; padding-left:0 !important; border-left:0 !important; }
	div.footer-container .site-search-bottom input { width:210px !important; }
}

@media screen and (max-width: 580px) {
	div.content.wrap { width: 90%; padding: 5%;}
	.content-main { margin-bottom: 5%; }
	.page-content, .page-content p, .page-content ul, .page-content li { font-size: 14px; line-height:22px; }
	.page-content h1 { font-size: 19px !important; line-height: 23px !important; }
	.page-content h2 { font-size: 14px !important; line-height: 18px !important; }
	.page-content h3 { font-size: 14px !important; line-height: 18px !important; }
	.page-content h4 { font-size: 13px !important; line-height: 17px !important; }
	.page-content h5 { font-size: 13px !important; line-height: 17px !important; }
	.page-content .disclaimer { font-size:11px !important; line-height:18px !important; }
	#AdminLinks .adminLink .adminDropDownContainer { width:85% !important; left:5%; margin:0 5% 0 0;  }
	#AdminLinks .adminLink .adminDropDownContainer .adminDropDownPadding { padding:6px; }
	#AdminLinks .adminLink .adminDropDownContainer .adminDropDownLinks { font-size:14px; line-height:18px; }
	#AdminLinks .adminLink .adminDropDownContainer .adminDropDownLinks a { margin:5px 0; }
}

@media screen and (max-width: 525px) {
	div.content.wrap { width: 88%; padding: 6%;}
	.content-main { margin-bottom: 6%; }
	.mobilenavcontainer nav { width:85% !important; }
	#SelectYourCountry span#SelectYourCountry_Flags img { width:35%; }
}

@media screen and (max-width: 475px) {
	.emailSignupContainer .msg_box_container table .formtable { padding:10px 0 !important; clear:left; float:left; }
	.emailSignupContainer .msg_box_container table .formtable:nth-of-type(3) { width:210px; }
	.emailSignupContainer .msg_box_container table td { width:100% !important; float:left; margin:2px 0; }
	.emailSignupContainer .msg_box_container table td input[type='text'] { height:20px; padding:7px; width:90% !important; }
	.emailSignupContainer .msg_box_container table td select{ height:38px; padding:3px; width:96.75% !important; }
	.emailSignupContainer .msg_box_container table td span[id*='rblContentType'] { clear:left; float:left; }
}

@media screen and (max-width: 450px) {
	div.content.wrap { width: 86%; padding: 7%;}
	.content-main { margin-bottom: 7%; }
	.site-search input { width:210px !important; }
	#AdminLinks .adminLink:nth-last-of-type(1) { display:none; }
	#AdminLinks div[id*=pnlGuestLogin] .adminLinkContainer { width:292px; }
	#AdminLinks div[id*=pnlMemberLogout] .adminLinkContainer, #AdminLinks div[id*=pnlNonMemberLogout] .adminLinkContainer { width:248px; }
}

@media screen and (max-width: 380px) {
	.ifeb-site-map .col { width:100% !important; }
	.site-title { padding-top:8px; }
}

@media screen and (max-width: 355px) {
	#AdminLinks .adminLink:nth-last-of-type(2) { display:none; }
	#AdminLinks div[id*=pnlGuestLogin] .adminLinkContainer { width:223px; }
	#AdminLinks div[id*=pnlMemberLogout] .adminLinkContainer, #AdminLinks div[id*=pnlNonMemberLogout] .adminLinkContainer { width:179px; }
}

@media screen and (max-width: 325px) {
	.slideshow-wrapper { display:none; }
	.site-search-bottom input { width:150px !important; }
	.mobilenavcontainer nav { width:100% !important; }
}

@media screen and (max-width: 280px) {
	.site-search { display:none; }
}


/* =========== Specific Section Responsive Styles =========== */
#jobsinbenefits .jobscontain { width:100%; overflow:hidden; text-align:center; padding:10% 0 0 0; }
#jobsinbenefits .jobscolbgwrap { height:auto; float:right; padding:0; margin:0 10% 0 0; width:35%; }
#jobsinbenefits .jobscolbgwrap:first-of-type { float:left; margin:0 0 0 10%; }
#jobsinbenefits .jobscolbg { 
	background:rgba(255,255,255, 0.85);
	border:1px solid #cecece;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10% 0;
	width:auto;
}
#jobsinbenefits .jobscolbg h2 { padding-top:0; }
#jobsinbenefits .jobscoltop, #jobsinbenefits .jobscolbtm { display:none; }
#jobsinbenefits .jobscol1, #jobsinbenefits .jobscol2, #jobsinbenefits .jobscol3 { height:auto; margin:0 auto; text-align:center; }
#jobsinbenefits .bluebutton { width:96%; padding:12px 2% !important; }

#canelearnnew .canelearncontain { width:100%; overflow:hidden; text-align:center; padding:10% 0 0 0; }
#canelearnnew .canelearncolbgwrap { height:auto; float:right; padding:0; margin:0 2% 0 0; width:31%; }
#canelearnnew .canelearncolbgwrap:first-of-type { float:left; margin:0 0 0 2%; }
#canelearnnew .canelearncolbg { 
	background:rgba(255,255,255, 0.85);
	border:1px solid #cecece;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10% 0;
	width:auto;
}
#canelearnnew .canelearncolbg h2 { padding-top:0; margin:0 !important; text-align:center; }
#canelearnnew .canelearncoltop, #canelearnnew .canelearncolbtm { display:none; }
#canelearnnew .canelearncol1, #canelearnnew .canelearncol2, #canelearnnew .canelearncol3 { height:auto; margin:0 auto; text-align:center; }

.regulatory-result-link { width:100%; }

.ms-ref-refiner #OtherValue { padding-top:10px; float:left; clear:left; }

#IFNewsListContainer, #IFNewsListContainer ul { width:100%; overflow:hidden; }
#IFNewsListContainer ul { margin: 0; padding:0; }

#StoreSearchContainer { width:100% !important; }  /* browse by topic */
#StoreSearchContainer .storeSearchCrumbs { margin:10px 0; }  /* browse by topic */

/* board and committee pages */
table#BoardCommitteeTable { width:100% !important; margin:0 !important; padding:0 !important; }
table#BoardCommitteeTable tr, table#BoardCommitteeTable td, table#BoardCommitteeTable td p { margin:0 !important; padding:0 !important; }
table#BoardCommitteeTable img { max-width:54px !important; margin:5px 10px 0 0 !important; padding:0 !important; }
table#BoardCommitteeTable tr td:nth-of-type(1) { width:10% !important; }
table#BoardCommitteeTable tr td:nth-of-type(2) { width:90% !important; }

/* media queries */
@media screen and (max-width: 900px) {
	#CanPensionReformMain #PensionBtnContainer { right: 40px !important; }
}

@media screen and (max-width: 820px) {
	#OnDemand #OnDemandHeaderContainer h1 { width:50%; margin-top:8%; }
	#OnDemand #OnDemandHeaderContainer p { width:50%; }
}

@media screen and (max-width: 768px) {
	/* search part listings */
	.ms-ref-refiner { width:100%; float:left; }
	.ms-ref-refiner #Value, .ms-ref-unsel-toggle { width:25%; float:left; padding:2px 0; }
	.ms-ref-refinername { width:100% !important; margin:25px 0 0; }	
	
	/* acau virtual features formatting */
  	#ACAPage .three-fourths p{padding-left:inherit;}
  	#ACAPage .col.one-fourth, #ACAPage h2{text-align:center;}

	/* canadian pension reform central */
	#CanPensionReformHeader { margin-top:20px !important; }
	#CanPensionReformHeader h2 { margin-top:-40px !important; }
	#CanPensionReformHeader img#Lifesaver { position:relative !important; margin:15px 0 0 20px; }
	#CanPensionReformMain #CanadaContainer { margin-top:-30px !important;  }
	#CanPensionReformMain #PensionBtnContainer { position:relative !important; top:-40px !important; left:0; }
	
	/* LLC, Trustees Resource and others */
	#EdProgLandingSidebarHC { width:100% !important; margin:0 0 30px !important; padding:0 !important; }
	#EdProgLandingSidebarHC h2.sidebarH2buttonHC, #EdProgLandingSidebarHC div.sidebarButtonHC { width:92% !important; margin:0 !important; padding:7px 4% !important; }	
}
	
@media screen and (max-width: 650px) {
	#OnDemand #OnDemandHeaderContainer img { width:45%; }
	#OnDemand #OnDemandHeaderContainer h1 { padding-top:15px; margin-top:12%; }
	#OnDemand #OnDemandHeaderContainer h1 #line1 { font: 42px/40px roboto_condensedbold, Arial, sans-serif !important; letter-spacing:-2px;  }
	#OnDemand #OnDemandHeaderContainer h1 #line2 { font: 35px/23px roboto_condensedlight, Arial, sans-serif !important; margin-left:20%; letter-spacing:-2px; }
	#OnDemand #OnDemandHeaderContainer p { width:95%; margin:-30px 0 0 5%; }

	.accordion4upbucket { width:50%; }  /* mpra landing */
	.accordion4upbucket .bucketcontainer { width:90% !important; margin:5% !important; }  /* mpra landing */
	.accordion4upbucket .mprabucket{ margin-left:0!important; margin-right:0!important; }  /* mpra landing */
	
	/* canadian pension reform central */
	#CanPensionReformHeader h2 { display:none; }
	#CanPensionReformMain #CanadaContainer { display:none;  }
	#CanPensionReformMain #PensionBtnContainer { top:0 !important; margin-top:30px; }
	#CanPensionReformMain ul#CanPensionImgMapAlt { display:block !important; }
	
	.CEObg img.imageRightNoBorder { display:none; }  /* CEO Updates */
}

@media screen and (max-width: 580px) {
	#jobsinbenefits .jobscolbg { height:auto; margin-bottom:10%; }
	#jobsinbenefits .jobscontain { height:100%; }
	#jobsinbenefits .jobscolbgwrap { float:none !important; clear:both; margin:0 auto !important; width:60%;  }
	#jobsinbenefits .jobscolbgwrap p { font-size:12px; line-height:18px; }

	#canelearnnew .canelearncolbg { height:auto; margin-bottom:10%; }
	#canelearnnew .canelearncontain { height:100%; margin-top:0; background-position:50% -50px; padding-top:5%; }
	#canelearnnew .canelearncolbgwrap { float:none !important; clear:both; margin:0 auto !important; width:60%;  }
	#canelearnnew .canelearncolbgwrap p { font-size:12px; line-height:18px; }

	.ms-ref-refiner #Value, .ms-ref-unsel-toggle { width:50%; }
	
	table.events_rollup { font-size:12px; line-height:18px; }
	table.events_rollup td.event_pic_td, table.events_rollup td.event_pic_td div { width:0 !important; padding:0; }
	table.events_rollup .flagwrap { display:none; }
	
	#EdProgLandingSidebarHC h2.sidebarH2buttonHC, #EdProgLandingSidebarHC div.sidebarButtonHC { font-size:12px; line-height:17px; }

	#HeadlinesArchiveContainer { width:80%; }  /* today's headlines archive page */
	
	input[id*="txtEmailTo"] { width:90% !important; }  /* infoquick */
	
	/* join now landing page */
	table.duesTable { font-size:11px; line-height:14px; }
	table.duesTable td { padding:2px; }
	div.member-3-box-canada { clear:left; margin-left:0 !important; margin-top:5px; }	
	
	/* magazines interior pages */
	table.benny_bg { background:none; }
	table.benny_bg td:first-of-type { display:none; }
	#PubListings table td, #PubListings .slidepanelcontainer, #PubListings .slidepanelcontent { width:100%; float:left; }
	#PubListings .slidepanelcontainer ul { padding-left:10px;  }
	
	/* advertising opps landing */
	#PrintAdsContainer .colThirdLeft, #PrintAdsContainer .colThirdMiddle, #PrintAdsContainer .colThirdRight,
	#OnlineAdsContainer .colThirdLeft, #OnlineAdsContainer .colThirdMiddle, #OnlineAdsContainer .colThirdRight { width:100%; clear:left; }
	
	/* U.S. past sponsorships */
	#PastSponsors div.sponsorlevel { text-align:center !important; }
	#PastSponsors div.sponsorlevel img.sponsorlevelbadge { float:none !important; }
	#PastSponsors div.sponsorlevel img.sponsorlogo { width:100% !important; float:left; }
	#PastSponsors div.sponsorlevel p { width:100%; margin:5px 0 0 0 !important; }	
	
	/* browse by topic */
	#StoreSearchContainer td, #StoreSearchContainer #StoreSearchSidebar, #StoreSearchContainer .Results { width:100% !important; clear:right !important; float:left !important; }
	#StoreSearchContainer div[id*='pnlTopicMenu'] td { width:auto !important; }	
	#StoreSearchContainer #StoreSearchSidebar { padding:0; border:0; }
	
	/* sample documents/personalized research service */
	#persresspec .contentwrapper { background: none !important; }
	#persresspec .contentleft, #persresspec .contentright { width:90% !important; clear:left; }
	#persresspec .contentleft { background-color:#e5e5e5; }
	#persresspec .contentright { background-color:#8aae40; }
	#persresspec .contentleft .textontheright { display:none; }
	#persresspec .contentleft .textbelow { display:inline-block !important; }
	#persresspec .contentright h2 { padding-top:10px !important; }
	#persresspec .greenboxctr .greenbutton { max-width:60% !important; }
	#persresspec .btmcontentwrap, #persresspec .linkswrap { width:100% !important; }	
	
	/* CEBS CPE compliance listing */
	table[id*=CompliantGrads] td { width:100% !important; padding:0 !important; display:inline; }
}

@media screen and (max-width: 525px) {
	.accordion { width:70%; margin:0 15%; }
	.bucketcontainer.greybucketlong { width:60%; margin:6% 15% 0; padding-left:5%; padding-right:5%; }
	.accordion .bucketcontainer { margin:6% 0 0; }
	#OnDemand #OnDemandHeaderContainer img { width:0; }
	#OnDemand #OnDemandHeaderContainer h1 { padding:10px 3% 0; margin-top:0; margin-bottom:20px; width:102%; margin-left:-8%; }
	#OnDemand #OnDemandHeaderContainer p { width:100%; margin:0; padding-left:0; }
	
	#ACAPage .slidepanelinfo{width:auto;float:none;text-align:center;}
	#ACAPage .slidepanelinfo h2{text-align:center;}
	#ACAPage .slidepanelbursty{float:none;margin-left:auto;margin-right:auto;width:75%;}

	#HeadlinesArchiveContainer { width:70%; }  /* today's headlines archive page */

	#persresspec .bubble { left:10% !important; }
	}

@media screen and (max-width: 450px) {
	.accordion .bucketcontainer { margin:7% 0 0; }
	#jobsinbenefits .jobscolbgwrap { width:80%; }
	#canelearnnew .canelearncolbgwrap { width:80%; }
	#HeadlinesArchiveContainer { width:55%; }  /* today's headlines archive page */
}

@media screen and (max-width: 380px) {
	#HeadlinesArchiveContainer { width:50%; }  /* today's headlines archive page */	
	.accordion { width:100%; margin:0; }
	.bucketcontainer.greybucketlong { width:90%; margin:6% 0 0; padding-left:5%; padding-right:5%; }
	.accordion4upbucket { width:100%; }  /* mpra landing */	

}

@media screen and (max-width: 325px) {
	#jobsinbenefits .jobscolbgwrap { width:90%; }
	#canelearnnew .canelearncolbgwrap { width:90%; }
	.ms-ref-refiner #Value, .ms-ref-unsel-toggle { width:100%; }  /* search part listings */
	#HeadlinesArchiveContainer { width:40%; }  /* today's headlines archive page */
	}

/* =========== Webcast Responsive Styles =========== */
#webcastPageHeaderContainer { padding:3% 0 0 0 !important; }
#webcastPageHeader p.wcIntro { padding:0 3% !important; float:left !important; display:block !important; }
#webcastPageHeader nav { width:100% !important; margin:0 !important; }

@media screen and (max-width: 900px) {
	.sessionDescription, .sessionDescriptionCanada, .sessionDescriptionACA { background-position: 64% 6px; }
}

@media screen and (max-width: 825px) {
	#webcastPageHeader nav ul li { width:100% !important; border-top:1px solid #cecece; padding:5px 0 !important; }
	.sessionDescription, .sessionDescriptionCanada, .sessionDescriptionACA { background-position: 66% 6px; }
}

@media screen and (max-width: 768px) {
	.sessionImage { display:none; }
	#webcastPageHeader { margin-top:-65px !important; }
	#webcastPageHeaderContainer h1.wcIntroHead { text-align:center; width:100%; height:125px; }
	#webcastPageHeaderContainer h1.wcIntroHead img { margin:-53px auto 30px; float:none; }
	.sessionContainer, .sessionContainerCanada, .sessionContainerACA { width:97%; }
	.sessionDescription, .sessionDescriptionCanada, .sessionDescriptionACA { width:100%; background-image:none; }
}

@media screen and (max-width: 580px) {
	div[id*="SessionDescription"] p, div[id*="SessionDescription"] ul, div[id*="SessionDescription"] li,
	.sessionDateAndTime { font-size:12px !important; line-height:18px !important; }
	div[id*="SessionDescription"] .slidepanelcontent { padding:15px 5%; width:90% !important; }
	.sessionDateTimeDivider { display:none; }
	.sessionDate, .sessionTime { clear:left; float:left; }
}

@media screen and (max-width: 450px) {
	#webcastPageHeaderContainer { padding:10% 0 0 0 !important; }
	.sessionContainer, .sessionContainerCanada, .sessionContainerACA { padding:0 1.5%; }
	.sessionsPast .sessionContainer, .sessionsPast .sessionContainerCanada, .sessionsPast .sessionContainerACA {
		padding:0;
		float:none;
		width:100%;
		margin:0 auto;
		height:200px;
	}
	.sessionInfo { width:90%; padding:5%; float:left; display:block; }
	.sessionImage { width:150px; margin:0 auto; }
	.sessionButton { clear:left; display:block; text-align:center; padding-bottom:5%; }
	.sessionButton a { margin:0 auto; }
	#webcastPageHeaderContainer h1.wcIntroHead { font-size:45px !important; }
	
	.sessionsPast .sessionInfo { width:100%; padding:0 0 30px; display:block; }
	.sessionsPast .sessionTitle { display:block; padding:0; width:100%; margin:10px 0 0; }
	.sessionsPast .sessionTitle a { }
	.sessionsPast .sessionImage { width:150px; margin:0 auto; }
}