/*////////////////////////////////// Banner Styles //////////////////////////////////*/
#pocISI.bannerISI { display:none;}

#banner {
	background-color: #FFF;
}

#bannerHotspot {
	height: 100%;
	width: 728px;
	top: 0px;
	left: 0px;
}

#bannerCTA {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 44px;
	text-align: center;
	background-color: #007CB0;
	/*position: absolute;*/
	box-sizing: border-box;
	width: 213px;
	height: 44px;
	top: 20px;
	left: 220px;
}

/*banner links that bypasses the roll over*/
#bannerLinks {
	top: 0;
	right: 0;
	width: 280px;
	padding: 3px 0;
}
/*banner links that bypasses the roll over*/


/*////////////////////////////////// Panel Styles //////////////////////////////////*/
#pocISI.panelISI {
	width: 240px;
    height: 548px;
    top: 1px;
    right: 1px;
    border-left: 1px solid #ccc;
}

/*panel static links*/
#panelLinks {
	/*top: 36px;*/
	/*left: 203px;*/
	/*padding: 5px;*/
}
/*panel static links*/

#panel {
	background-color:#F5F4F4;
	border: 1px solid #ccc;
}

/*cta*/
.panelCTA {
	position: absolute;
	top: 270px;
	left: 300px;
	background-color: #000;
	padding: 6px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	cursor: pointer;
}
/*cta*/

#panelContent {
	position: absolute;
	top: 40px;
	/*right: 294px;*/
	bottom: 0;
	left: 0px;
	width: 488px;
}
.tabButton {
	font-size: 13px;
	text-align: center;
	/*border-radius: 15px 15px 0 0;
	border: 1px solid #000;*/
	width: 243px;
	line-height: 28px;
	display: inline-block;
	font-weight:bold;
}
.tabButton.tabButtonOn {
	color: #000;
	background-color: #FFCD00;
}
.tabButton.tabButtonOff {
	color: #FFF;
	background-color: #008996;
}

.tabContent {
	font-size: 12px;
	position: absolute;
	top: 44px;
	right: 0;
	bottom: 0;
	left: 0;
}

/* Tab 1 */
#video1 {
	width: 400px;
}


/*////////////////////////////////// POP UP MODULE //////////////////////////////////*/
/*popup button*/
.popupBTN {
	color: #000;
	font-size: 11px;
	bottom: 8px;
}
/*popup button*/

/*pop up window*/
.popupContent {
	width: 450px;
	left: 12px;
	bottom: 34px;
	padding: 8px;
}
/*pop up window*/

/*footnote tab 1 _ reference tab 2 popup module*/
#footnote1 .popupBTN {
	left: 16px;
}
#ref1 .popupBTN {
	left: 116px;
}
/*footnote tab 1 _ reference tab 2 popup module*/

/*reference popup module*/
#ref2 .popupBTN {
	left: 16px;
}
/*footnote popup module*/

.popupContent p {
	margin: 0 0 6px;
}

.popupContent ul li, .popupContent ol li {
	margin-bottom: 6px;
}


/*////////////////////////////////// ISI Styles //////////////////////////////////*/
#pocISI {
	font-size: 9px;
	color: #000;
}

#isiFrame {
	padding: 0px 5px;
	font-size: 11px;
}

#isiFrame p {
	margin: 6px 0;
	font-size: 11px;
}

#isiFrame h1 {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin: 10px 0 0;
}

#isiFrame h1 + p, #isiFrame h1 + ul {
	margin: 0 0 10px;
}

#isiFrame h2 {
	margin: 10px 0;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	color:#008996;
	margin-top:0px;
}

#isiFrame h2 + ul, #isiFrame p + ul {
	margin: 0 0 10px;
}

#pocISI.bannerISI #isiFrame h2 {
	font-size: 12px;
}

#isiFrame ul {
	margin: 10px 0;
	padding-left: 2px;
	font-size: 11px;
}
#isiFrame ul li {
	margin: 0 0 6px;
	padding-left: 10px;
	position: relative;
	list-style-type: none;
}
#isiFrame ul li:before {
	content: '';
	height: 4px;
	width: 4px;
	background-color: #000;
	display: block;
	position: absolute;
	border-radius: 2px;
	top: 4px;
	left: 0;
}

#isiFrame .boxedWarning {
	border: 1px solid #000;
	padding: 8px;
	font-weight: bold;
	margin: 5px 0;
}

#isiFrame .boxedWarning h1 {
	margin: 0;
	font-size: 11px;
	color: #000;
}

#isiFrame .boxedWarning h1 + * {
	margin: 0;
}

#isiFrame p.footnote {
	font-size: 10px;
}

#isiFrame a, #isiFrame a:link {
	color: blue;
	text-decoration: underline;
}


/*////////////////////////////////// Other Styles //////////////////////////////////*/
.staticLinks {
	font-size: 11px;
	color: #008996;
	display: flex;
	position: absolute;
	justify-content: center;
}
.staticLinks span {
	text-decoration: underline;
	cursor: pointer;
}
.staticLinks .rule {
	text-decoration: none;
	margin: 0 6px;
}




/*////////////////////////////////// Jardiance css //////////////////////////////////*/

/*// Flex //*/
.flexbox {
	display: -webkit-flex;
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}

/* In flexbox, a bug in Safari makes invisible all child elements with floats. Floats are not necessary with flexbox. */
.flexbox > *{
	float: none !important;
}

.flex-space-between {
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#banner {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    left: 0px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px;
	background-image: url("../img/bg-sb.png");
}

 .flex-main-axis-center {
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-moz-box-pack: center;
	-ms-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
/*//End Flex //*/



#main-banner {}
#main-banner > .text {font-size:22px; font-weight:bold;}
#main-banner > .cta {padding-top: 4px;}

.text-banner {font-size:22px; font-weight:bold; text-align:center; margin-top:24px}

.arrowCTA {width:10px; height:16px; position:relative; top:4px}
.jar-logo {width:139.95px; height:62.58px;}

#top-logo {padding:8px 16px; width:488px;}
#top-logo > .logo {flex: 0 0 auto;}
#top-logo > .yellow-line {background-color:#FFCD00; width:2px; margin-left:20px; margin-right:20px; height:47px; margin-top:12px;}
#top-logo > .text-link {font-size:12px; width:256px;}
#top-logo .text {margin-top:24px; color:#4B3232;}

.y-line {background-color:#FFCD00; height:4px}

.intabContent {padding-left:6px; padding-right:6px;}

.header {font-size:18px; font-weight:bold; color:#008996; margin-top:0px; margin-bottom:0px; font-family: Arial;}
.subheader {font-size:14px; font-weight:bold; color:#008996; margin-top:0px; margin-bottom:0px; font-family: Arial;}

.chart-title {width:448px; background-color:#4B3232; text-align:center; color:#FFCD00; font-weight:bold; margin:auto; padding:8px; font-size:14px; margin-top:8px;}
.white-bg-chart {width:448px; background-color:#ffffff; padding:8px; margin:auto; text-align:center; margin-bottom:8px;}
.white-title-chart {font-weight:bold; font-size:12px; text-align:center;}
.chart1 {width:408px; height:171px; margin-top:12px}

#green3cta {background-color:#008996; padding:4px; padding-left:0px; padding-right:0px}
#green3cta .y-line {background-color:#FFCD00; height:3px;}
#green3cta .green3cta-title {color:#FFCD00; text-align:center; font-weight:bold; font-size:14px; margin-top:8px; margin-bottom:8px;}
#green3cta #grey-cta {margin-bottom:8px;}
#green3cta #grey-cta > .cta {width:132px; padding:4px; color:#fff; font-weight:bold; font-size:12px; text-align:center; margin-left:4px; margin-right:4px; background-color:#BBBDBF}

#expl {width:448px; margin:auto;}
#expl .expl-text {color:#4B3232; margin-top:12px}

#ref1 .popupBTN {left:400px; color:#008996;}

.hanging {padding:0px 0px 0px 0px; text-indent:-4px; font-size:11px}

.green {color:#008996;}

#isiFrame .isiLink {color:#008996; text-decoration:underline}

.nobr {white-space: nowrap;}

.job-code {text-align:right; font-size:11px}

#bottom-isi {margin-top:12px}
#bottom-isi > .left {flex: 0 0 auto;}
#bottom-isi > .right {flex: 0 0 auto;}
#bottom-isi .lilly {width:74.45px; height:23.45px}
#bottom-isi .bi {width:43.83px; height:23.91px}

.end {font-size:10px; text-align:center;}

.chart-title2 {width:448px; background-color:#FFCD00; text-align:center; color:#4B3232; font-weight:bold; margin:auto; padding:8px; font-size:14px; margin-top:8px;}
.chart2 {width:408px; height:171px; margin-top:12px}

.green3cta-title2 {color:#fff; text-align:center; font-weight:bold; font-size:16px; margin-top:4px; margin-bottom:2px;}
.green3cta-subtitle2 {color:#fff; text-align:center; font-size:12px; margin-top:2px; margin-bottom:8px; line-height:16px;}

.cta-wrapper {display: block; margin: 6px auto; padding: 0;}
.cta-wrapper .cta-contents {display: block; margin: 0 auto; padding: 0; max-width: 132px;}
.cta-wrapper .cta-contents .a {display: block; background-color:#FFCD00; padding:4px; font-weight: bold; font-size: 14px; color: #000; text-decoration: none; text-align: center;}

#ref2 .popupBTN {left:400px; color:#008996;}

#footnote1 .popupBTN {left:310px; color:#008996;}

.pPointer {cursor: pointer;}