/*////////////////////////////////// Banner Styles //////////////////////////////////*/
#banner {
	background-color: #FFF;
}

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

#bannerContent {
    display: flex;
    justify-content: space-between;
    width: 430px;
}

.bannerLogo {
    margin: 10px 10px 0px 10px;
}

.bannerCopy {
    font-size: 14px;
    font-weight: bold;
    color: #F1650F;
    margin: 2px 0px;
    line-height: 16px;
}

#bannerCTA {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 30px;
	text-align: center;
	background-color: #001E55;
	width: 213px;
    height: 30px;
}

#bannerCTA span::after{
	content: url("../img/arrow_cta_collapsed.png");
	position: relative;
	top:3px;
	left: 9px;
}

/*banner links that bypasses the roll over*/
#bannerPI {
    position: absolute;
    bottom: 0;
    left: 300px;
	color: #001E55;
	font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
    padding: 5px 0px;
    z-index: 5;
}

#isi.bannerISI {
	width: 279px;
	height: 88px;
	top: 1px;
	right: 1px;
    border-left: 1px solid #ccc;
}


/*////////////////////////////////// Panel Styles //////////////////////////////////*/
#panel {
	background-color: #FFF;
}

#panelHeader {
	width: 460px;
	height: 80px;
    display: flex;
    justify-content: space-between;
}


/*panel static logo*/
#panelHeader img {margin:8px 0px 0px 10px; padding-right: 16px; border-right: 1px solid #001e55;}

/*panel static links*/
#panelHeaderLinks {
	text-align: right;
    padding-right: 10px;
}

#panelHeaderLinks a { color: #000; text-decoration: underline; font-size: 10px; cursor: pointer;}
#panelHeaderLinks div {padding:25px 6px 0px 0px; font-size: 22px; font-weight: bold; color: #f1650f;}

#isi.panelISI {
	width: 266px;
	height: 548px;
	top: 1px;
	right: 1px;
    border-left: 1px solid #ccc;
}

#panel h1 {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #001E55;
}

#panel h2 {
    margin: 10px 0px 5px 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
    color: #001E55;
}

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

/*cta*/
.panelCTA {
    width: 210px;
    height: 28px;
    line-height: 28px;
    margin:30px auto 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
    text-decoration: underline;
	background-color: #f1650f;
	cursor: pointer;
}


/*////////////////////////////////// Tab Styles //////////////////////////////////*/

#tabs {

}

#tabButtons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 460px;
    
}
.tabButton {	
    width: 152px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.tabButton.tabButtonOn {
	background-color: #f1650f;
}
.tabButton.tabButtonOff {
	background-color: #001e55;
}


.tabContent {
	position: absolute;
	bottom: 5px;
    left: 0;
    width: 440px;
    height: 420px;
	padding: 10px 10px 0px 10px;
    font-size: 12px;
    border-top: 3px solid #f1650f;
    background-color: #ebebeb;
}

#Tab_1_Copy div{
    font-size: 14px;
    margin: 0px;
    padding-bottom: 15px;
}

#Tab_1_Copy a {text-decoration: underline; cursor: pointer; color: #000;}

.Tab_2_Chart {
    font-size: 11px;
    font-weight: bold;
    color: #F1650F;
    margin: 10px 0px 20px;
}

.Tab_2_Chart .Chart_Top {
    display: flex;
    justify-content: space-between;
   /* width: 315px;*/
}
.Tab_2_Chart .Chart_Top div {margin-left: 25px;}

.Tab_2_Chart .Chart_End {
    display: flex;
    justify-content: space-between;
    width: 330px;
}

.Tab_2_Chart .Chart_End div {margin-left: 25px;}


.Tab_3_Chart {
    font-size: 11px;
    font-weight: bold;
    color: #F1650F;
    margin: 10px 0px 20px;
}

.Tab_3_Chart .Chart_Top {
    display: flex;
    justify-content: space-between;
    width: 315px;
}

.Tab_3_Chart .Chart_Top div {margin-left: 45px;}

/*////////////////////////////////// Pop Up Styles //////////////////////////////////*/
.panelFooter {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
    display: flex;
	justify-content: flex-start;
    align-items: center;
    font-size: 11px;
    margin-left: 10px;
}

.footerBase {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(to right, #fed123, #f1650f); 
     width: 460px;
    height: 5px;
}

/*popup button*/
.popupBTN {
	font-size: 11px;
	color: #000;
	bottom: 11px;
    margin-right: 20px;
}

/*pop up window*/
.popupContent {
	width: auto;
	bottom: 34px;
	left: -7px;
	padding: 8px;
}

/*Tab 1 popups*/
#footnote1 .popupBTN {
	left: 16px;
}
#ref1 .popupBTN {
	left: 116px;
}

/*Tab 2 popups*/
#ref2 .popupBTN {
	left: 16px;
}

.popupContent p {
	margin: 6px 0;
}


/*////////////////////////////////// ISI Styles //////////////////////////////////*/
#isiFrame {
	font-size: 11px;
	color: #000;
	padding: 5px;
}

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

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

#isiFrame p {
	margin:0px 0px 10px 0;
}

#isiFrame div {
	margin:0px 0px 10px 0;
}

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

#isiFrame p.jobcode {text-align: right;}

#isiFrame .isiLink {
	color: #000;
	text-decoration: underline;
	cursor: pointer;
    font-weight: bold;
}


/*////////////////////////////////// Other Styles //////////////////////////////////*/
.hang {
	text-indent: -5px;
	margin-left: 5px;
}

.staticLinks {
	font-size: 11px;
	color: #000;
	display: flex;
	position: absolute;
	justify-content: center;
}
.staticLinks > span:not(.rule) {
	text-decoration: underline;
	cursor: pointer;
}
.staticLinks .rule {
	margin: 0 6px;
}