/*////////////////////////////////// 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;
}
#ad.collapsed {
    width: 728px;
    height: 90px;
	position: absolute;
	left: 0px;
}
#ad.expanded {
    width: 728px;
    height: 600px;
	background-color: #ffffff;
}
#banner {
    position: absolute;
    display: block;
    width: 728px;
    height: 90px;
    left: 0px;
	background-color: #d8d8d8;
	font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}
#panel {
     position: absolute;
    width: 726px;
    height: 598px;
    overflow: hidden;
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	background: url("../imx/panel_img.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
.expanded #banner {
    display: none;
}
.collapsed #panel {
    display: none;
}

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

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

#pocISI {
	text-align:left;
	overflow-y: scroll; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	position:absolute;
	color: #473c41;
	/*line-height:11px;*/
	background-color: #f5f3ed;
}


#pocISI.panelISI {
	width:241px; 
	height:600px;
	bottom:0px;
	right:1px;
}


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

.bCopy {
	 position: absolute;
	top: 18px; 
	left: 15px;
	color: #888477;
	font-size: 20px;
	font-weight: bold;
}

.bCTA {
    position: absolute;
	bottom: 10px;
	right: 15px;
	width: 153px;
	height: 69px;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #888477;
	border-radius: 8px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*////////////////////////////////// Panel Styles //////////////////////////////////*/
#Brand_logo {
	position: absolute;
	top: 8px;
	left: 10px;
	width: 180px;
	cursor: pointer;
	border: none;
}

#Brand_logo img{width: 100%;}

.pHeader {
	position: absolute;
	left: 30px;
	top: 70px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}

#rightCopy {
	position: absolute;
	top: 170px;
	left: 250px;
	color: #FFFFFF;
	width: 210px;
	font-size: 12px;
}

#rightCopy span {font-weight: bold; font-size: 15px;}

.pFoot {font-size: 10px;}

#pCTA {
     position: absolute;
	bottom: 67px;
	left: 233px;
	width: 242px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-weight: bold;
	font-size: 15px;
	color: #573393;
	background-color:#FFFFFF;
	border-radius: 8px;
	cursor: pointer;
}

#p_PI {
	position:absolute;
	cursor:pointer;
	top: 40px;
	left:340px;
	font-size:10px;
	font-weight: bold;
	color:#535353;
	text-decoration:underline;
}



/*////////////////////////////////// ISI Styles //////////////////////////////////*/
#pocISI p {padding-bottom: 10px;}
.ISI_Frame {
	padding:5px;
}

.ISI_BBW {
	padding: 8px 8px 0px 8px;
	margin-bottom: 10px;
	font-weight: bold;
	border: 1px solid #473c41;
}

.ISI_BBW div {text-align: center; padding-bottom: 10px;}

.ISI_Link {
	font-weight: bold;
	text-decoration:underline;
	cursor:pointer;
}

.ISI_Logo {float: right; padding: 10px 0px; border:none; cursor: pointer;}
/*////////////////////////////////// Pop-ups //////////////////////////////////*/
#pRefBTN_1{
	position: absolute;
	bottom: 15px;
	left: 375px;
	width: 100px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #888477;
	border-radius: 8px;
	cursor: pointer;
	text-align: center;
	z-index: 1;
}


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


/*////////////////////////////////// Other Styles //////////////////////////////////*/
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;
}

.hang {
	font-size: 11px;
	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;}

.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;}

[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;
}
	
[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 .8rem 0;}
[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";} /*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) ". ";}
.num-lower-alpha li:before {content: counter(li, lower-alpha) ". ";}
.num-upper-alpha li:before {content: counter(li, upper-alpha) ". ";}
	
	
/* References styles */
/*List Format*/
ol.ref-list {display:block; margin: 12px 0 0 0; padding:0; counter-reset:item; margin-left:0; }  
ol.ref-list li { display:inline; margin:0; padding:0; counter-increment:item; }
ol.ref-list li:before { content:counter(item, decimal) "\02E \0A0"; font-weight:bold; }
ol.ref-list li.referenceTitle { font-weight:bold; counter-increment:none; }
ol.ref-list li.referenceTitle:before { content:""; }
	
/*Block Format*/
ol.ref-block {display:block; margin: 12px 0 0 0; padding:0; counter-reset:item; margin-left:0; }  
ol.ref-block li {display:block; margin:0; padding: 0 0 0 1em; counter-increment:item; text-indent: -1em;}
ol.ref-block li:before { content:counter(item, decimal) "\02E \0A0"; font-weight:bold; }
ol.ref-block li.referenceTitle { font-weight:bold; counter-increment:none; }
ol.ref-block li.referenceTitle:before { content:""; }