@charset "UTF-8";

body { margin: 0; overflow: hidden; }

:focus { outline:none; }
::-moz-focus-inner { border:0; }

.banner-container {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 900;
	border: 1px solid #c5c5c4;
    background-color: #ffffff;
    box-sizing: border-box;
}

.banner-btn,
.banner-background,
.btn-container,
.isi-container {
	position: absolute;
}

html, body, .banner-container, #inner_container > div, .banner-background, #chromeCover {
	width: 160px;
	height: 600px;
}

#chromeCover {
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	z-index: 1000;
}

.banner-btn {
	top: 0;
	left: 0;
	width: 158px;
	height: 460px;
	cursor: pointer;
	z-index: 5000;
}

#inner_container {
	width: 160px;
	height: 460px;
	position: relative;
	overflow: hidden;
}

#inner_container > div, .banner-background {
	position: absolute;
	top: 0px;
	left: 0px;
	background-size: 100%;
}

.banner-background {
	background: url(../img/bg-image.jpg) no-repeat 0 0 #e6e7e8;
}
.logo-neulasta {
	background: url('../img/logo.png') no-repeat 0 0;
}
.neulasta-txt {
	background: url('../img/neulasta-txt.png') no-repeat 0 0;
	opacity: 0;
}
.phase-3 {
	background: url('../img/phase-3.png') no-repeat 0 0;
	opacity: 0;
}
.from-17 {
	background: url('../img/from-17.png') no-repeat 0 0;
}
.to-1 {
	background: url('../img/to-1.png') no-repeat 0 0;
}
.neulasta-txt-2 {
	background: url('../img/neulasta-txt-2.png') no-repeat 0 0;
	opacity: 0;
}
#pie1 {
	background: url('../img/pie1.png') no-repeat 0 0;
}
#pie2 {
	background: url('../img/pie2.png') no-repeat 0 0;
}
#pie3 {
	background: url('../img/pie3.png') no-repeat 0 0;
}
#pie4 {
	background: url('../img/pie4.png') no-repeat 0 0;
}
#pie5 {
	background: url('../img/pie5.png') no-repeat 0 0;
}
#pie6 {
	background: url('../img/pie6.png') no-repeat 0 0;
}
#pie7 {
	background: url('../img/pie7.png') no-repeat 0 0;
}
#pie8 {
	background: url('../img/pie8.png') no-repeat 0 0;
}
#pie9 {
	background: url('../img/pie9.png') no-repeat 0 0;
}

/* ISI */
.isi-container {
	padding: 0 0 0 6px;
    background-color: #ffffff;
    left: 0;
	top: 460px;
	height: 108px;
    width: 152px;
    z-index: 1000;
    border-top: solid 1px #0f6cb6;
}

::-webkit-scrollbar { width: 8px; height: 22px; }
::-moz-scrollbar { width: 8px; height: 22px; }
::-webkit-scrollbar-thumb:vertical { height: 22px; background: #b0adad no-repeat 50% 50%; cursor:pointer; }
::-moz-scrollbar-thumb:vertical { height: 22px; background: #b0adad no-repeat 50% 50%; cursor:pointer; }
::-webkit-scrollbar-track-piece  { background-color: #f1f1f1; }
::-moz-scrollbar-track-piece  { background-color: #f1f1f1; }

.isi-scrollbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
	height: 108px;
	width: 152px;
}

.isi-content {
	padding-right: 15px;
}

.isi-container h1 {
	color: #006ab6;
	font: 700 12px/12px Arial, sans-serif;
	line-height: 10px;
	margin: 0px;
	padding-top: 3px;
	padding-left: 7px;
}

.isi-container p,
.isi-container li {
	font: 400 11px/11px Arial, sans-serif;
	line-height: 10px;
	color: #000000;
	padding: 2px 0;
}

.isi-container p,
.isi-container li {
	margin: 0px 0px 0px 7px;
	/*margin: 5px 0px 6px 3px;*/
}

.isi-container ol {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

.isi-container li {
	margin-left: 20px;
	color: #006ab6;
	font-weight: 700;
}

.isi-container li span {
	color: #000000;
	font-weight: normal !important;
}

.isi-container p.blue-title {
	color: #006ab6;
	font-weight: 700;
}

.isi-container img {
	margin-left: 7px;
}

.isi-content .bullet {
	color: #f57f29;
	font-size: 12px;
}

.isi-content .references {
	line-height: 12px;
}

.isi-link,
.isi-link:visited {
	cursor: pointer;
	text-decoration: underline;
}

.orange-link {
	color: #f57f29;
	text-decoration: none;
}
.mint-link {
	color: #74c9ba;
}

sup { 
	line-height: 0; 
	font-size: 6px;
	top: 1px;
    position: relative;
}

span.italic {
	font-style: italic;
}

span.underline {
	text-decoration: underline;
}

.btn-container, #btn-container {
	font: 400 11px Helvetica, sans-serif;
    line-height: 12px;
    position: absolute;
    width: 158px;
    height: 29px;
    bottom: 0;
    left: 0;
    background-color: #e6e7e8;
    cursor: pointer;
}
.btnISI {
	position: absolute;
	bottom: 12px;
	left: 5px;
	color: #ffffff;
    font: 400 11px Helvetica, sans-serif;
	line-height: 12px;
}
.PIArrow {
	font-size: 10px;
	padding-right: 4px;
	display: table-cell; 
}
.ArrowContent {
	display: table-cell;
}
#strip {
	color: #096bb5;
    font-family: Arial, sans-serif;
    font-size: 11px;
    height: 29px;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    left: 0;
}
#strip > div {
	display: inline;
    text-align: center;
	padding: 4px 0;
    text-align: left;
    padding-left: 4px;
}
#strip > div:nth-child(2) {
	border-left: solid 1px #a7a9ac;
    width: 123px;
}
.dagger {
	color: #096bb5;
}