.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}

.subhead-sideEffects {
	font-family: ITCGaramondStd-Lt, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.125rem;
    line-height: normal;
    color: #004165;
}

.subhead-sideEffectsMobile {
	font-family: ITCGaramondStd-Lt, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: normal;
    color: #004165;
}

.psa .subhead-sideEffectsMobile, .psa .subhead-sideEffects {color: #d47600;}



.header-callouts a.chat { padding-top: 3.5em; background-image: url("/assets/img/testing/chat-x2.png"); background-size: 53px 53px; background-repeat: no-repeat; }

.chatWindow {
	display: none; 
	background-image: url("/assets/img/testing/mobile_chat_window.png"); 
	background-size: 520px 595px;
	background-position: center top;
	background-color: #f2f5f7;
	background-repeat: no-repeat;
	position: fixed;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 20;
	}

.sticky_hide {display: none; }

.chatWindowClose{
	height: 40px;
    width: 100px;
    position: relative;
    top: 10px;
    float: right;
    right: 30px;
}

.deskChatButton {
	position: fixed;
	left: 0px;
	bottom: 100px;
}

.leavingPanel.desktopChat{
	height: 400px !important;
}

div.leavingPanel.desktopChat div.leavingPanelInner{
	background: url(/assets/img/testing/desktop_chat_window.png) no-repeat left top;
	width: 336px;
	height: 389px;	
	margin:0;
}

div.leavingPanel.desktopChart {
	top:0;
}

div.leavingPanel.desktopChart div.leavingPanelInner{
	width: 100%;
	margin:0;
}

div.leavingPanel.desktopChat .leaving-title, div.leavingPanel.desktopChat p, div.leavingPanel.desktopChat div.panelButtons  {display: none;}
div.leavingPanel.desktopChart .leaving-title, div.leavingPanel.desktopChart p, div.leavingPanel.desktopChart div.panelButtons  {display: none;}

.subhead-faq {
	font-family: ITCGaramondStd-Lt, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: normal;
    color: #004165;
}

.psa .subhead-faq {
    color: #d47600;
}

div.faq_container div.single_faq {border-top: none; border-bottom: 1px solid #a6bcc9;}

.psa div.faq_container div.single_faq {border-top: none; border-bottom: 1px solid #d47600;}

div.faq_container div.question {
	background-position: 0 50%;
	padding-left: 20px;
	padding-right: 0px;
}

span.thumb {float: right; width: 96px; height: 28px;}
span.number {font-family: "source_sans_proregular"; float: right; font-size: 0.875rem; color: #464646; font-weight: normal;}
span.thmb1 {background: url(/assets/img/testing/thumb_helpful.png) no-repeat left top; background-size: 96px 28px;}
span.thmbSt {background: url(/assets/img/testing/thumb_standard.png) no-repeat left top; background-size: 96px 28px;}

div.yesno {
	width: 144px;
	margin: 0 auto;
	font-family: "source_sans_proregular";
	font-size: 1rem;
	color: #464646; font-weight: bold;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
	}
div.yesnoButtons {
	background: url(/assets/img/testing/yesno.png) no-repeat center top; 
	background-size: 76px 42px;
	width: 144px; height: 42px;
}

.jxLabel {
	position: absolute;
	z-index: 5;
	padding: 5px;
	margin: 5px;
	background: #ffffff;
	font-family: "source_sans_proregular"; float: right; font-size: 0.875rem; color: #464646; font-weight: normal;
	top:75px;
}

.beforeLabel {left: -93px;}
.afterlabel {right: -79px;}


.mobile-only .jxLabel {top: 10px;}

.baOverlayDesktop{ 
	background-image: url("/assets/img/testing/before_after_overlay.png"); 
	background-size: 552px 472px;
	background-position: center top;
	background-color: rgba(0,0,0,0.46);
	background-repeat: no-repeat;
	width: 552px;
	height: 472px;
	position: absolute;
	cursor: pointer;
	z-index: 12;
}

.baOverlayMobile{ 
	background-image: url("/assets/img/testing/before_after_overlayMobile.png"); 
	background-size: 300px 256px;
	width: 300px;
	height: 256px;
}