/*////////////////////////////////// resets //////////////////////////////////*/

p {padding:0px; margin:0px;}

/*////////////////////////////////// Global Styles //////////////////////////////////*/
#container {
    display: block;
    width: 728px;
	height: 90px;
}
#ad {
    position: relative;
    display: block;
   overflow: hidden;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#ad.collapsed {
    width: 728px;
    height: 90px;
	position: absolute;
	left: 0px;
}
#ad.expanded {
    width: 728px;
    height: 500px;
}
#banner {
    position: absolute;
    display: block;
    width: 726px;
    height: 88px;
    left: 0px;
	border:1px solid #ccc;
	background: url("../imx/bg-lb.png");
    overflow: hidden;
}
#panel {
    position: absolute;
   width: 728px;
    height: 500px;
    overflow: hidden;
	background-color:#9E7BB7;
}
.expanded #banner {
    display: none;
}
.collapsed #panel {
    display: none;
}

.showCopy {display:block;}
.hideCopy {display:none;}

.showPopUp {display:block;}
.hidePopUp {display:none;}


/*////////////////////////////////// Banner Styles //////////////////////////////////*/
#bHotspot {
    width: 728px;
    height: 90px;
    top: 0px;
    left: 0px;
    position: absolute;
	cursor:pointer;
	display:block;
	z-index: 1;
}

.bCopy {
	display: flex;
	justify-content: space-between;
    align-items: center;
	width: 96%;
	/*font-size: 20px;
	font-weight: bold;*/
	margin: 5px 0px 0px 15px;
}


.bCTA {
	width: 184px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 30px;
	background-color: #000;
	text-align: center;
}

.bCTA span::after{
	content: url(../imx/cta_carrot.png);
	position: relative;
	top:7px;
	left:8px;
}
	
.b_footer {
   margin: 0px 14px 0px 18px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
	
.bLogo {
	/*position: absolute;
	bottom: 15px;
	right: 10px;*/
}

.b_Copyright {/*text-align: right; margin-top: 15px; margin-right: 10px;*/ font-size: 10px; font-weight: normal;}
	
/*////////////////////////////////// Tab Styles //////////////////////////////////*/
#pTabs{
	position: absolute;
	top: 0px;
	left: 0px;
}
#pPanel_tab1 {
	position: absolute;
	top: 0px;
	left: 0px;
}
#pPanel_tab2 {
	position: absolute;
	top: 0px;
	left: 353px;
}

.pPanelTab{
	display:inline-block;
	cursor: pointer;
	float: left;
	width: 352px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 12px;
	z-index: 4;
	
}

.pPanelTabOn {
	background-color: #383B96;
	color: #fff;
	font-weight: bold;
	z-index: 4;
}

.pPanelTabOn::after{
    content: '';
    position: absolute;
    left: 42%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #383B96;
    clear: both;
}
.pPanelTabOff {
	color: #000;
	background-color: #fff;
	z-index: 1;
}

.tab-content{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 704px;
	height: 403px;
	border-top: 3px solid #cebddb;
	z-index: 3;
}

.T1_BG {
	/*background-image: url("../imx/woman-globe.png");
	background-repeat: no-repeat;
	background-position: bottom right;*/
}

/*////////////////////////////////// Panel Styles //////////////////////////////////*/
#pBase {
	position: absolute;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 12px;
	width: 704px;
	height: 448px;
	background-color: #f1f2f2;
}

#p_Footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 700px;
	height: 25px;
	margin: 5px 15px;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	font-size: 10px;
	color: #212B36;
}

#p_Footer img {cursor: pointer; border: none;}

#pCTA {
	position: absolute;
	margin: auto;
	right: 0px;
	left: 0px;
	bottom: 29px;
	width: 246px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: #383B96;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

/*////////////////////////////////// Tab 1 Styles //////////////////////////////////*/
.T1_header {
	padding: 15px 0px 0px 164px;
	font-size: 18px;
	color: #383A96;
	font-weight: bold;
	z-index: 1;
}

#T1_Chart {
	margin: auto;
	margin-top: 20px;
	left: 0px;
	right: 0px;
	width: 704px;
	height: 354px;	
	font-size: 11px;
	background-image: url("../imx/t1_chart.png");
	background-repeat: no-repeat;
}

#T1_Chart p {font-size: 14px; font-weight: bold; color: #9B4BB8; padding-bottom: 6px;}


.ChartTop {
	display: flex;
	justify-content: space-between;
    width: 470px;
    margin: 10px 0px 30px 210px;
}

.ChartMid {
	display: flex;
	justify-content: space-around;
	width: 365px;
	margin:0px 0px 30px 270px;
}

.ChartBottom {
	display: flex;
	justify-content: space-between;
	width: 610px;
	margin-left:60px;
}

/*////////////////////////////////// Tab 2 Styles //////////////////////////////////*/
.T2_header {
	text-align: center;
	margin: 22px 0px 10px 0px;
	font-size: 18px;
	color: #383A96;
	font-weight: bold;
}

#T2_Chart {
	margin: auto;
	left: 0px;
	right: 0px;
	width: 575px;
	height: 288px;
	background-image: url("../imx/t2_chart.png");
	background-repeat: no-repeat;
	font-size: 12px;
	color:#18171C;
}

.T2_ChartHeader {
	display: flex;
	justify-content: space-between;
	color: #4051A3;
	font-size: 20px;
	font-weight: bold;
	width: 70%;
	margin-left:79px;
	padding-top: 10px;
}

.LeftCol {
	position: relative;
    top: 24px;
    left: 105px;
    width: 98px;
}

.RightColHead {
	position: absolute;
	right: 65px;
	top: 90px;
	text-align: center;
	width: 322px;
}

.RightCol {
	position: absolute;
    bottom: 88px;
    right: 75px;
    width: 195px;
}

.LeftCol p {padding-bottom: 37px;}
.RightCol p {padding-bottom: 15px;}

/*////////////////////////////////// Pop-ups //////////////////////////////////*/
.popBtnCopy {
	font-size: 10px;
	color: #9B4BB8;
	cursor: pointer;
}

.popBtnCopy span{text-decoration: underline;}

/*.popBtnCopy::after{
	content: url(../imx/300x250_carrot.png);
	position: relative;
	top:1px;
	left: 2px;
}*/

.p_PopLinks {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: flex;
	justify-content:flex-end;
	width: 400px;
}

.p_PopLinks a {
	color:#9B4BB8; 
	font-size: 10px; 
	display: block; 
	z-index: 1;
	cursor: pointer;
	margin-right: 10px;
}

.p_PopLinks span{text-decoration: underline;}

/* Refs pop up*/
.pPopUpRef1, .pPopUpRef2{
	background: #fff;
	z-index: 101;
	width: 600px;
	border: 1px solid rgb(204,204,204);
	padding: 12px;
	font-size: 11px;
	position: absolute;
	bottom: 35px;
	left: 65px;
	box-shadow:0px 2px 5px #777;
	display:none;
}
.pPopUpRef1::after, .pPopUpRef2::after, .pPopUpRef1::before, .pPopUpRef2::before{
	top: 100%;
	left: 595px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.pPopUpRef1:after, .pPopUpRef2:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 9px;
	margin-left: -22px;
}
.pPopUpRef1:before, .pPopUpRef2:before {
	border-color: rgba(85, 85, 85, 0);
	border-top-color: rgb(204,204,204);
	border-width: 11px;
	margin-left: -24px;
}

/* Acute pop up*/
.pPopUpAcute2{
	background: #fff;
	z-index: 101;
	width: 440px;
	border: 1px solid rgb(204,204,204);
	padding: 12px;
	font-size: 11px;
	position: absolute;
	bottom: 35px;
	left: 185px;
	box-shadow:0px 2px 5px #777;
	display:none;
}
.pPopUpAcute2::after, .pPopUpAcute2::before{
	top: 100%;
	left: 175px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.pPopUpAcute2:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 9px;
	margin-left: -22px;
}
.pPopUpAcute2:before {
	border-color: rgba(85, 85, 85, 0);
	border-top-color: rgb(204,204,204);
	border-width: 11px;
	margin-left: -24px;
}

.AcutePop {
    display: flex;
    justify-content: space-around;
    align-content: center;
    margin-bottom: 10px;
}

.AcutePop div {margin: 0px 10px;}
.AcutePop p {padding-bottom: 5px;}

/* Prevent pop up*/
.pPopUpPrevent2{
	background: #fff;
	z-index: 101;
	width: 670px;
	border: 1px solid rgb(204,204,204);
	padding: 8px;
	font-size: 10px;
    line-height: 11px;
	position: absolute;
	bottom: 35px;
	left: 10px;
	box-shadow:0px 2px 5px #777;
	display:none;
}
.pPopUpPrevent2::after, .pPopUpPrevent2::before{
	top: 100%;
	left: 545px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.pPopUpPrevent2:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 9px;
	margin-left: -22px;
}
.pPopUpPrevent2:before {
	border-color: rgba(85, 85, 85, 0);
	border-top-color: rgb(204,204,204);
	border-width: 11px;
	margin-left: -24px;
}


/*////////////////////////////////// Other Styles //////////////////////////////////*/
.hang {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 7px;
	text-indent: -5px;
}

.padTop5 {padding-top:5px;}
.padTop7 {padding-top:7px;}
.padTop10 {padding-top:10px;}
.padTop15 {padding-top:15px;}
.pPadTop20 {padding-top:20px;}
.padTop25 {padding-top:25px;}
.padTop30 {padding-top:30px;}
.padTop35 {padding-top:35px;}

.padBot5 {padding-bottom:5px;}
.padBot7 {padding-bottom:7px;}
.padBot10 {padding-bottom:10px;}
.padBot15 {padding-bottom:15px;}
.padBot20 {padding-bottom:20px;}
.padBot25 {padding-bottom:25px;}

.pUnder {text-decoration:underline;}

/*////////////////////////////////// resets //////////////////////////////////*/

p {padding:0px; margin:0px;}

sup {
	font-size:60%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5em;
}

sub {
	font-size:60%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: 0.5em;
}
	
	
	
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}	
	
h1{font-size: 36px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}	


[class^="num-"] {counter-reset: li;}
	[class^="num-"] li {counter-increment: li}
	[class^="num-"] li::before {
		content: counter(li)'.';
		display: inline-block; 
		width: 1em; 
		text-align: right; 
	}	
	
[class^="bull-"], [class^="num-"] {
	/*font-family: 'Arial' ;*/
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	list-style: none;

	margin: 0 0 12px 0px;
		padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ul.triangle {list-style-image: url("../imx/icon-arrow-04.png");}
ul.triangle li{margin: 0 0 .6rem 0;}
	
[class^="bull-"] [class^="bull-"], [class^="num-"] [class^="num-"],
[class^="bull-"] [class^="num-"], [class^="num-"] [class^="bull-"]{margin-top: .3rem;}
	
[class^="bull-"] li, [class^="num-"] li{margin: 0 0 .3rem 0  !important;}
[class^="bull-"] li:before, [class^="num-"] li:before{color: #000;}
	
[class^="bull-"] li{position: relative; padding-left: 1.3em;}
[class^="num-"] li{position: relative; padding-left: 1.3em;}
	
[class^="bull-"] li:before, [class^="num-"] li:before{position: absolute; left: 0;}

.bull-disc li:before {content: "\25CF" !important; font-size: 70%;} /*Disc List*/
.bull-circle li:before {content: "\25CB";} /*Circle List*/
.bull-square li:before {content: "\25A0";} /*Square List*/	
.bull-hyphen li:before {content: "\2010";} /*Hyphen List*/
.bull-endash li:before {content: "\2013";} /*EnDash List*/
.bull-emdash li:before {content: "\2014";} /*EmDash List*/
.bull-triangle li:before {content: "\25B6"; } /*Filled Triangle List*/
.bull-empty-triangle li:before {content: "\25B7";} /*Empty Triangle List*/
	
.num-decimal li:before {content: counter(li, decimal) ". " !important;}
.num-lower-alpha li:before {content: counter(li, lower-alpha) ". " !important;}
.num-upper-alpha li:before {content: counter(li, upper-alpha) ". ";}
	
	
/* References styles */
ol {
	margin-left: 12px;
	padding: 0px;
	margin-top: 0;
	margin-bottom: 0;
}
ol.upper {
    content: '';
  list-style-type: upper-alpha;
}

ol.lower {
    content: '';
  list-style-type: lower-alpha;
}

ol.num {
    content: '';
    list-style-type: decimal;}