/* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * { margin: 0; padding: 0; } /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body { height: 100%; } #wrap { min-height: 100%; } #main { overflow: auto; padding-bottom: 156px; } /* must be same height as the footer */ footer { position: relative; margin-top: -156px; /* negative value of footer height */ height: 156px; clear: both; } /*Opera Fix*/ body:before { /* thanks to Maleika (Kohoutec)*/ content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; /* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ /* ========================================================================== Custom styles ========================================================================== */ @font-face { font-family: "HelveticaNeueLTStd-LtEx"; src: url('../media/fonts/HelveticaNeueLTStd-LtEx.eot'); src: url('../media/fonts/HelveticaNeueLTStd-LtEx.eot?#iefix') format('embedded-opentype'), url('../media/fonts/HelveticaNeueLTStd-LtEx.svg') format('svg'), url('../media/fonts/HelveticaNeueLTStd-LtEx.woff') format('woff'), url('../media/fonts/HelveticaNeueLTStd-LtEx.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "HelveticaNeueLTStd-Bd"; src: url('../media/fonts/HelveticaNeueLTStd-Bd.eot'); src: url('../media/fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('../media/fonts/HelveticaNeueLTStd-Bd.svg') format('svg'), url('../media/fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('../media/fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "HelveticaNeueLTStd-BdCn"; src: url('../media/fonts/HelveticaNeueLTStd-BdCn.eot'); src: url('../media/fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'), url('../media/fonts/HelveticaNeueLTStd-BdCn.svg') format('svg'), url('../media/fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'), url('../media/fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "HelveticaNeueLTStd-BdCnO"; src: url('../media/fonts/HelveticaNeueLTStd-BdCnO.eot'); src: url('../media/fonts/HelveticaNeueLTStd-BdCnO.eot?#iefix') format('embedded-opentype'), url('../media/fonts/HelveticaNeueLTStd-BdCnO.svg') format('svg'), url('../media/fonts/HelveticaNeueLTStd-BdCnO.woff') format('woff'), url('../media/fonts/HelveticaNeueLTStd-BdCnO.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "HelveticaNeueLTStd-MdCn"; src: url('../media/fonts/HelveticaNeueLTStd-MdCn.eot'); src: url('../media/fonts/HelveticaNeueLTStd-MdCn.eot?#iefix') format('embedded-opentype'), url('../media/fonts/HelveticaNeueLTStd-MdCn.svg') format('svg'), url('../media/fonts/HelveticaNeueLTStd-MdCn.woff') format('woff'), url('../media/fonts/HelveticaNeueLTStd-MdCn.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "HelveticaNeueLTStd-MdCnO"; src: url('../media/fonts/HelveticaNeueLTStd-MdCnO.eot'); src: url('../media/fonts/HelveticaNeueLTStd-MdCnO.eot?#iefix') format('embedded-opentype'), url('../media/fonts/HelveticaNeueLTStd-MdCnO.svg') format('svg'), url('../media/fonts/HelveticaNeueLTStd-MdCnO.woff') format('woff'), url('../media/fonts/HelveticaNeueLTStd-MdCnO.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "HelveticaNeueLTStd-Cn"; src: url('../media/fonts/HelveticaNeueLTStd-Cn.eot'); src: url('../media/fonts/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'), url('../media/fonts/HelveticaNeueLTStd-Cn.svg') format('svg'), url('../media/fonts/HelveticaNeueLTStd-Cn.woff') format('woff'), url('../media/fonts/HelveticaNeueLTStd-Cn.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "HelveticaNeueLTStd-Cn"; src: url('../media/fonts/HelveticaNeueLTStd-Cn.eot'); src: url('../media/fonts/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'), url('../media/fonts/HelveticaNeueLTStd-Cn.svg') format('svg'), url('../media/fonts/HelveticaNeueLTStd-Cn.woff') format('woff'), url('../media/fonts/HelveticaNeueLTStd-Cn.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "HelveticaNeueLTStd-LtCnO"; src: url('../media/fonts/HelveticaNeueLTStd-LtCnO.eot'); src: url('../media/fonts/HelveticaNeueLTStd-LtCnO.eot?#iefix') format('embedded-opentype'), url('../media/fonts/HelveticaNeueLTStd-LtCnO.svg') format('svg'), url('../media/fonts/HelveticaNeueLTStd-LtCnO.woff') format('woff'), url('../media/fonts/HelveticaNeueLTStd-LtCnO.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_AGaramondPro-Regular'; src: url('../media/fonts/AGaramondPro-Regular.eot'); src: local('☺'), url('../media/fonts/AGaramondPro-Regular.svg') format('svg'), url('../media/fonts/AGaramondPro-Regular.woff') format('woff'), url('../media/fonts/AGaramondPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } body { font-size: 14px; color: #404041; } p, ul { margin: 0; padding: 0; } em { font-family: "HelveticaNeueLTStd-LtCnO"; font-style: normal; } strong { font-family: "HelveticaNeueLTStd-BdCn"; font-style: normal; } sup { font-size: 0.6em; } h1 em { font-family: "HelveticaNeueLTStd-BdCnO"; font-style: normal; } nav li a { font-size: 11px !important; } nav ul, nav ol { list-style: none; list-style-image: none; font-size: 10px !important; } table { border-collapse: collapse; border-spacing: 0; } button { cursor: pointer; } #wrap { width: 1020px; margin: auto; background: #e6e7e8; } .admin-report #wrap { background: #fff; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .row { overflow: hidden; } .btn { border: 0 none; border-radius: 5px; color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 15px; font-weight: bold; height: 38px; text-transform: uppercase; width: 178px; display: inline-block; text-decoration: none; line-height: 38px; } .btn-green { background: #60c5b9; } .btn-blue { background: #005481; } .uppercased { text-transform: uppercase; } .underlined { text-decoration: underline; } .und, .nonUnd:active, .nonUnd:focus, .nonUnd:hover { text-decoration: underline; } .nonUnd, .und:hover, .und:active, .und:focus { text-decoration: none; } .align-left { text-align: left; } .align-right { text-align: right; } a.readmore, span.readmore { position: relative; padding-right: 30px; color: #1a1a1a; font-size: 13px; display: inline-block; font-family: "HelveticaNeueLTStd-BdCn"; cursor: pointer; } a.readmore:after, span.readmore:after { background: url(../media/images/spritesheet.png) no-repeat; width: 21px; height: 20px; content: ""; display: block; position: absolute; right: 0; top: -2px; } a.readmore.green:after { background-position: -42px -7px; } a.readmore.blue:after, span.readmore.blue:after { background-position: -13px -7px; } a.readmore:after {} .vertical-indent { margin-bottom: 20px; } header a:hover, header a:active, header a:focus, footer a:hover, footer a:active, footer a:focus { text-decoration: underline; } .clear { clear: both; } /* login page */ .login #wrap { background: url(../media/images/bg-blue.gif) no-repeat; } .login #main { height: 530px; } .login header { background: none; height: 128px; } .login header h1 { font-size: 44px; padding: 55px 0 0 40px; margin: 0; } .login header .logo { position: absolute; top: 50px; right: 40px; } .login .greeting { color: #fff; font-family: "HelveticaNeueLTStd-Cn"; margin: 0 0 0 40px; width: 550px; float: left; } .login .greeting h1 { font-size: 21px; font-family: "HelveticaNeueLTStd-MdCn"; font-weight: normal; } .login .greeting p { font-size: 21px; } .login .greeting ul { font-size: 16px; padding: 35px 0 0 30px; list-style: none; float: left; } .login .greeting li { position: relative; } .login .greeting li:before { content: "\2022"; position: absolute; left: -20px; color: #80cbda; font-size: 22px; top: -3px; } .login .profile { margin: 23px 0 0 0; color: #60c4b9; } .login .profile:before { border-left: 1px solid #60c4b9; } .login .profile p { font-family: "HelveticaNeueLTStd-MdCnO"; font-size: 12px; margin-top: 6px; } .login .login-form { float: right; background: url(../media/images/spritesheet.png) no-repeat 0 -125px; width: 304px; height: 277px; margin: 80px 40px 0 0; font-family: "HelveticaNeueLTStd-Cn"; text-align: center; position: relative; } .login.admin-login .login-form { float: none; margin: 80px auto 0; padding: 57px 0 0 0; height: 220px; } .admin .validation-summary-errors { top: 20px; color: tomato; } .validation-summary-errors { position: absolute; top: 60px; width: 304px; text-align: center; } .validation-summary-errors ul { list-style: none; } .login .login-form h1 { font-family: "HelveticaNeueLTStd-MdCn"; font-size: 16px; line-height: 19px; text-align: center; margin: 23px 0 17px 0; } .login .login-form input, .login .login-form button, .login.admin-login .login-form input, .login.admin-login .login-form button { display: block; margin: auto; } .login .login-form input[type=password], .login.admin-login .login-form input { width: 174px; height: 36px; height: 18px\9; padding: 0 2px; padding: 9px 2px\9; border: 0; margin-bottom: 6px; } .login .login-form input[type=submit], .login.admin-login .login-form button { background: #80cbda; margin-bottom: 20px; } .login .login-form button span { position: relative; margin-left: -14px; display: inline-block; } .login .login-form button span:after { content: ""; display: block; position: absolute; background: url(../media/images/spritesheet.png) no-repeat -101px -9px; width: 7px; height: 12px; top: 2px; right: -14px; } .login .login-form label[for=Password] { display: none; } .login .login-form p { margin-bottom: 10px; } .login .login-form a { color: #404041; } /* end of login page */ /* header styles */ header { height: 168px; background: url(../media/images/bg-blue.gif); position: relative; } header.no-nav { height: 118px; } header ul { background: #333; margin: 0 20px; } header li { float: left; position: relative; } header li:after { content: ""; display: block; background: url(../media/images/spritesheet.png) no-repeat 0 0; width: 3px; height: 36px; position: absolute; top: 8px; left: -1px; } header li ul { margin: 0; } header li ul li:after { display: none; } header li:first-child:after { background: none } header li ul { display: none; position: absolute; z-index: 1; } header li:hover ul { display: block; } header li a, header li span { color: #d0d2d3; text-align: center; display: table-cell; vertical-align: middle; padding: 0 26px; height: 50px; font-size: 12px; font-family: helvetica, arial, sans-serif; font-weight: bold; cursor: pointer; } header li .active { color: #fff; } header h1 { font-family: "HelveticaNeueLTStd-LtEx"; font-size: 26px; text-transform: uppercase; color: #057dc1; padding: 25px 0 0 30px; line-height: 1; } header.no-nav h1 { padding-top: 45px; } header h1 span { color: #fff; } header .banner { height: 82px; width: 980px; background: #057dc1; position: absolute; top: 127px; left: 20px; } header .banner img { display: none; position: absolute; left: 80px; top: 20px; } #text-effect, #text-effect-2-wrapper { position: absolute; top: 35px; left: 250px; } #text-additional-info { position: relative; display: none; margin-top: 55px; margin-left: 250px; font-size: 12px; } /* end of header styles */ /* content styles */ #content { width: 980px; margin: auto; padding-top: 67px; overflow: hidden; background: url(../media/images/bg-grey.png) no-repeat; } .admin-report #content { background: none; } #primary { width: 732px; float: left; } #primary article { background: #fff; padding: 20px; margin-bottom: 20px; overflow: hidden; } #primary article h1 { font-size: 28px; font-family: "HelveticaNeueLTStd-BdCn"; font-weight: normal; margin-bottom: 20px; } #primary article h2 { font-family: "HelveticaNeueLTStd-MdCn"; font-size: 14px; line-height: 20px; font-weight: normal; } #primary article h3.ie8-detection { font-family: "HelveticaNeueLTStd-MdCn"; font-size: 14px; line-height: 20px; font-weight: normal; color: tomato; } #primary article p { font-family: "HelveticaNeueLTStd-Cn"; margin: 10px 0 15px 0; } #primary article p.bottom { margin-top: 20px; } .profile { float: right; margin: 0 35px 0 0; width: 166px; padding-left: 20px; position: relative; } .profile:before { content: ""; position: absolute; left: 0; height: 213px; border-left: 1px solid #ccc; } #primary .profile p { font-size: 12px; line-height: 14px; font-family: "HelveticaNeueLTStd-LtCnO"; margin-top: 10px; } .video-links { overflow: hidden; width: 100%; padding: 50px 0 0 0; } .video-links a, .admin-report .logout-link { display: block; width: 380px; height: 38px; margin-bottom: 25px; overflow: visible; float: left; font-size: 15px; line-height: 17px; font-family: "HelveticaNeueLTStd-BdCn"; color: #057dc1; } .video-links a.even { width: 310px; } .video-links img { float: left; margin-right: 10px; } .video-links span { display: block; margin-left: 70px; } .reimbursement { overflow: hidden; background: #fff; font-size: 13px; } .reimbursement h1 { width: 220px; height: 215px; padding: 25px 0 0 20px; margin: 0; background: #60c4b9; color: #fff; float: left; font-size: 21px; line-height: 26px; font-size: 21px; line-height: 26px; font-family: "HelveticaNeueLTStd-Cn"; font-weight: normal; } .reimbursement div { margin: 25px 0 0 265px; font-size: 13px; line-height: 20px; font-family: "HelveticaNeueLTStd-BdCn"; font-weight: normal } .reimbursement p { font-size: 14px; line-height: 20px; font-family: "HelveticaNeueLTStd-MdCn"; } .reimbursement ul { margin-top: 7px; padding-left: 17px; list-style: none; } .reimbursement li { position: relative; } .reimbursement li:before { content: ""; position: absolute; display: block; background: url(../media/images/spritesheet.png) no-repeat -81px -9px; width: 9px; height: 8px; left: -17px; top: 6px; } .reimbursement a { margin-top: 25px; } /* events page */ article.events {} article.events .event { margin: 55px 0 0 80px; position: relative; } article.events .event:before { display: block; position: absolute; background: url(../media/images/spritesheet.png) no-repeat -9px -73px; width: 45px; height: 48px; left: -65px; top: -3px; text-transform: uppercase; font-size: 16px; font-family: "HelveticaNeueLTStd-BdCn"; color: #fff; text-align: center; line-height: 67px; } .event.may:before { content: "May"; } .event.june:before { content: "June"; } .event.sep:before { content: "Sep"; } .event.nov:before { content: "Nov"; } .event.dec:before { content: "Dec"; } #primary .event h1 { font-size: 21px; margin-bottom: 5px; } #primary .event h2 { font-size: 14px; font-family: "HelveticaNeueLTStd-BdCn"; font-weight: normal; margin-bottom: 2px; line-height: 20px; } /* end of events page */ /* patient support page */ .patient-support { position: relative; } .patient-support a, .news-amgen a { color: #1a1a1a; line-height: 20px; } img.bg { position: absolute; bottom: 20px; right: 10px; z-index: 0; } .patient-support .xgeva-logo, .patient-support .xtend-logo { position: absolute; } .patient-support .xtend-program, .patient-support .neulasta-program { position: relative; z-index: 1; margin: 40px 0; } #primary article .xtend-program h1 { margin-bottom: 10px; } .patient-support .xtend-program img, .patient-support .neulasta-program img { width: 45%; vertical-align: top; } .patient-support ul { font-family: "HelveticaNeueLTStd-Cn"; padding-left: 45px; list-style: none; margin-bottom: 20px; } .patient-support li { position: relative; } .patient-support li:before { content: "\2022"; position: absolute; left: -10px; } /* end of patient support page */ .pbs-information { background: #fff; text-align: center; border: 1px solid #000; margin: 18px auto 0; font-size: 16px; font-family: "HelveticaNeueLTStd-BdCn"; padding: 20px 0 15px 0; color: #000; } .pbs-information.bottom { margin-bottom: 18px; } .pi { margin: 20px 0 25px 0; font-size: 12px; font-family: "HelveticaNeueLTStd-BdCn"; text-align: center; line-height: 20px; color: #1a1a1a; } .pi a { color: #404041; } .pi p { font-size: 18px; font-family: "HelveticaNeueLTStd-MdCn"; } #primary .footnote { font-family: "HelveticaNeueLTStd-BdCn"; } #secondary { width: 240px; float: right; } #secondary article { background: #f2f2f2; overflow: hidden; margin-bottom: 11px; padding: 0 0 20px 0; font-family: "HelveticaNeueLTStd-Cn"; font-size: 12px; } #secondary h1 { background: #919194; color: #fff; margin: 0; font-size: 21px; line-height: 24px; padding: 15px 0 7px 10px; border-bottom: 1px solid #b5b5b7; font-weight: normal; } #secondary p { padding: 10px 12px; } #secondary a { position: absolute; bottom: 20px; right: 15px; font-family: "HelveticaNeueLTStd-BdCn"; } #secondary article { position: relative; } #secondary article.expanded-access { height: 157px; } #secondary article.innovation-and-trials { height: 215px; } #secondary article.events { height: 157px; } #secondary article.patient-support { height: 148px; } #secondary article.reimbursements { height: 167px; } #secondary article.news { height: 113px; } #secondary article.ras-testing { height: 175px; } /* reimbursement table */ .reimbursement-table { margin: 20px 0 20px 0; color: #fff; font-family: "HelveticaNeueLTStd-BdCn"; } .reimbursement-table th, .reimbursement-table td { padding: 5px 10px 3px 10px; text-align: left; } .reimbursement-table th.blue-col { background: #d1e5f2; } .reimbursement-table td.blue-col { background: #197fbf; border-bottom: 1px solid #5ea6d2; width: 290px; } .reimbursement-table .green-col { border-left: 10px solid #fff; border-bottom: 1px solid #94d7ce; width: 130px; } .reimbursement-table th { background: #e0f3f1; color: #333; font-weight: normal; border-bottom: 1px solid #fff; padding-bottom: 12px; } .reimbursement-table th span { font-family: "HelveticaNeueLTStd-Cn"; } .reimbursement-table th.first-col { background: #d1e5f2; } .reimbursement-table td { background: #65c5b9; } /* end of reimbursement table */ /* innovation page */ #primary article h2 span { display: block; font-size: 21px; margin-bottom: 15px; } .references ul { list-style: decimal; padding-left: 16px; } .innovation .neulasta { background: #e6f2f9; position: relative; height: 247px; overflow: hidden; margin-top: 15px; } .innovation .neulasta:after { content: ""; display: block; position: absolute; background: url(../media/images/spritesheet.png) no-repeat 0 -407px; width: 689px; height: 38px; bottom: 0; } .innovation .neulasta img { float: left; margin: 35px 0 0 35px; } .innovation .neulasta ul { list-style: none; font-family: "HelveticaNeueLTStd-Cn"; margin: 30px 0 0 370px; } .innovation .neulasta ul li, .clinical-trials ul li { position: relative; } .innovation .neulasta ul li:before, .clinical-trials ul li:before { content: "\2022"; position: absolute; left: -14px; /*top: 3px;*/ } .innovation .neulasta a { display: block; margin: 40px auto 0; width: 385px; color: #fff; text-transform: uppercase; background: #087dc2; text-align: center; line-height: 38px; border-radius: 5px; font-family: "HelveticaNeueLTStd-BdCn"; font-size: 16px; } .innovation .col, .expanded-access .tiles .col { background: #e6f2f9; height: 270px; width: 305px; padding: 15px; margin: 20px 0 0 0; line-height: 20px; } .innovation .col:first-child, .expanded-access .tiles .col:first-child { margin-right: 16px; width: 311px; } .innovation .col:first-child .readmore:after { top: 4px; } .innovation .col .readmore, .expanded-access .col .readmore { color: #087dc2; } #primary .innovation .col h1 { text-transform: uppercase; font-size: 21px; margin-bottom: 25px; } .innovation .amgen { display: inline-block; text-indent: -10000px; background: url(../media/images/spritesheet.png) no-repeat -12px -47px; width: 69px; height: 17px; position: relative; top: 2px; } .references { font-size: 12px; font-family: "HelveticaNeueLTStd-Cn"; padding: 25px 0 25px 15px; position: relative; } .references:after { content: ""; display: block; width: 100%; border-top: 1px solid #ccc; top: 0px; position: absolute; left: -15px; } .references h1 { font-family: "HelveticaNeueLTStd-BdCn"; font-weight: normal; font-size: 12px; } /* end of innovation page */ /* expanded access page */ form {} #stock-request .row, #signup .row { margin-left: -48px; } .col { width: 320px; float: left; margin-left: 48px; } .input-error { border: 1px solid #a94442; } .expanded-access .tiles .col { height: 70px; } #primary .expanded-access .tiles p { margin: 0 0 7px 0; } #stock-request, #signup { font-family: "HelveticaNeueLTStd-Cn"; color: #333; position: relative; } fieldset { border: 0; margin-bottom: 33px; } #stock-request legend { display: block; text-align: center; width: 100%; font-size: 14px; color: #087dc2; text-transform: uppercase; border-bottom: 1px solid #b4d8ed; padding-bottom: 6px; margin-bottom: 15px; } #signup { padding: 15px 0 0; } .form-group, .form-group-checkboxes { margin: 0 0 15px 0; position: relative; } .form-inline .form-group { display: inline-block; } #stock-request label, #signup label { display: block; font-size: 13px; margin-bottom: 6px; } #signup .form-group label[for=last-name] { margin-top: 65px; } #signup .form-group label[for=confirm-email] { margin-top: 80px; } #stock-request label.error, #signup label.error { margin-bottom: 0; } #stock-request label.checkbox-inline, #signup label.checkbox-inline { display: inline-block; } .stock-request-headers { margin-top: 45px; } .stock-request-headers h1 { font-size: 21px; margin-bottom: 10px; } #stock-request input[type=text], #stock-request input[type=email], #signup input[type=text], #signup input[type=email], .product-request textarea, .delivery-details textarea { border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } #stock-request input[type=text], #stock-request input[type=email], #signup input[type=text], #signup input[type=email] { padding: 0 5px; height: 26px; width: 308px; height: 18px\9; padding: 4px 5px\9; } #stock-request [readonly] { cursor: not-allowed; background-color: #f3f3f3; } #stock-request select, #signup select, .select { display: block; border-radius: 3px; border: 1px solid #ccc; height: 26px; width: 320px; padding: 0 5px; font-family: "HelveticaNeueLTStd-Cn"; line-height: 26px; } .select { /* custom select */ position: absolute; width: 286px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 26px; line-height: 26px; padding: 0 24px 0 8px; font-size: 12px; line-height: 21px; font-family: helvetica, arial, sans-serif; overflow: hidden; top: -2px; } .select:after { border: solid transparent; content: " "; height: 0; width: 0; right: 10px; top: 10px; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #848282; border-width: 8px; } #selectproduct { left: 185px; background: #057dc1; height: 28px; line-height: 28px; width: 288px; border: 0; color: #fff; /*height: 28px;*/ } #selectproduct:after { border-top-color: #ffffff; } #signup #state { height: 28px; } #selectphysicianState, #selectdeliveryState, #state + .select { line-height: 26px; top: 21px; } textarea { resize: none; } /* patient filedset */ #stock-request .patient input[type=text] { width: 128px; } #stock-request .patient .form-group { float: left; } #stock-request .patient .checkboxes { display: block; } #stock-request .patient .initials { margin: 0 48px 0 180px; } #stock-request .patient .year { margin-right: 180px; } #stock-request .patient .form-group-checkboxes { margin-left: 180px; clear: both; } .patient .checkbox-inline, .product-request .checkbox-inline { width: 80px; text-transform: uppercase; } .checkbox-inline input { margin-right: 5px; } .input-error, .error, .error + .select { border: 1px solid #ff9900 !important; } input[type=radio].input-error, input[type=radio].error, input[type=checkbox].error { outline: 1px solid #ff9900 !important; } /* end of patient filedset */ /* product-request fieldset */ .product-request textarea { height: 211px; width: 318px; } /* end of product-request fieldset */ #stock-request button[type=submit], #signup button[type=submit] { background: #80cbda; border: 0; color: #fff; display: block; height: 38px; line-height: 38px; padding: 0 65px; font-size: 13px; font-family: helvetica, arial, sans-serif; font-weight: bold; border-radius: 5px; margin: 0 0 0 260px; } #product, #selectproduct { margin: auto; } .delivery-details textarea { width: 535px; height: 135px; margin: 45px 0 0 80px; } .delivery-details .checkbox-inline, .delivery-details .form-inline { margin: 0 0 0 80px; } #stock-request #dateDay, #stock-request #dateMonth { width: 48px; margin-right: 4px } #stock-request #dateYear { width: 68px; } .delivery-details { padding-bottom: 40px; margin: 0 0 14px 0; } .error-output { background: #ff9900; border-radius: 5px; color: #fff; font-size: 12px; padding: 10px 0; text-align: center; margin-bottom: -10px; position: relative; display: none; } #signup .error-output { margin-bottom: 58px; } .error-output .close { position: absolute; right: 12px; cursor: pointer; } .success-output { display: none; border-top: 1px solid #b4d8ed; } .success-output.signup { border: none; text-align: center; } .success-output h1 { font-size: 21px; line-height: 28px; font-family: "HelveticaNeueLTStd-BdCn"; font-weight: normal; color: #087dc2; margin: 30px 0 5px; } #stock-request .info { padding: 35px 0 0 80px; margin-top: 0; border-top: 1px solid #b4d8ed; } .success-overlay { background: #fff; opacity: 0.5; filter: alpha(opacity=50); position: absolute; z-index: 6; top: 0; left: 0; right: 0; bottom: 0; display: none; } /* end of expanded access page */ /* privacy & terms pages */ .simple-layout #main { background: url(../media/images/bg-grey.png) no-repeat; } .simple-layout #content { background: none; } .textflow { font-family: "HelveticaNeueLTStd-Cn"; background: #fff; padding: 40px 100px 30px; line-height: 20px; margin: 0 0 20px 0; } .textflow h1, .textflow h2 { font-family: "HelveticaNeueLTStd-BdCn"; font-weight: normal; } .textflow h1 { margin-bottom: 20px } .textflow.contact { height: 320px; } .textflow.contact h1 { margin-bottom: 30px; } .textflow.contact h2 { margin-bottom: 5px; } .textflow.contact .col2 p, .textflow.contact .col2 ul { line-height: 24px; } .textflow h2 { font-size: 18px; } .textflow .enum-title { margin-bottom: 20px; } .textflow p { margin-bottom: 20px; } .textflow ul { padding-left: 60px; list-style: none; } .textflow ul ul { padding-left: 80px; } .textflow li { position: relative; } .textflow li:after { content: "\2022"; position: absolute; display: block; font-size: 16px; top: 1px; left: -20px; } .textflow .no-bullet:after { content: ""; } .textflow.terms ul { padding: 0 0 0 40px; margin: -20px 0 20px 0; } .textflow.terms li:after, .textflow.contact li:after { font-size: 14px; left: -15px; top: 0; } .textflow.sitemap { height: 350px; } .textflow.sitemap h1 { margin-bottom: 25px; } .textflow.sitemap li:after { content: ""; background: url(../media/images/spritesheet.png) no-repeat -82px -27px; width: 6px; height: 6px; top: 8px; left: -18px; } .textflow.sitemap li.collapsed:after { background: url(../media/images/spritesheet.png) no-repeat -91px -27px; width: 9px; height: 6px; top: 9px; left: -19px; } .textflow.sitemap ul { line-height: 24px; padding-left: 20px; } .textflow.sitemap ul ul { padding-left: 55px; } .textflow.sitemap a { color: #404041; } .textflow.contact ul { margin-top: -20px; padding-left: 20px; } .textflow .col1 { width: 220px; float: left; } .textflow .col2 { margin-left: 220px; width: 600px; } /* end of privacy & terms pages */ /* clinical trials */ .clinical-trials ul { list-style: none; font-family: "HelveticaNeueLTStd-Cn"; margin: 0 0 10px 30px; } .graph { height: 500px; font-family: "HelveticaNeueLTStd-Cn"; font-size: 15px; position: relative; } .graph.development { background: #f6f7f7; } .graph h2 { padding: 28px 0 0 20px; } .graph.history h2 { padding-left: 0; } .graph .time-scale { border-bottom: 3px solid #23363f; margin-bottom: 225px; padding-top: 160px; height: 47px; position: relative; } .graph .time-scale [class^=span] { background: #e3e5e6; float: left; height: 47px; margin-left: 4px; line-height: 47px; font-size: 15px; font-family: "HelveticaNeueLTStd-BdCn"; padding-left: 10px; color: #404041; } .graph .time-scale span:first-child { margin-left: 0; } .graph .span-80, .graph .span-90, .graph.history .span-00 { width: 218px; } .graph.development .span-00, .graph .span-05 { width: 182px; } .graph .span-10 { width: 290px; } .graph.history .event { color: #60c5b9; } .graph.development .event { color: #087dc2; } .graph .item { padding-left: 7px; position: absolute; } .graph.history .item { border-left: 1px solid #60c5b9; } .graph.history .item.align-right, .graph.development .item.align-right { border-left: 0; padding: 0 7px 0 0; } .graph.history .item.align-right { border-right: 1px solid #60c5b9; } .graph.development .item.align-right { border-right: 1px solid #087dc2; } .graph.history .item.align-right .year, .graph.development .item.align-right .year { float: right; } .graph.history .item.align-right .event, .graph.development .item.align-right .event { display: block; clear: right; } .graph.development .item { border-left: 1px solid #087dc2; } .graph .year { height: 29px; line-height: 29px; padding: 0 10px; width: 36px; color: #fff; font-family: "HelveticaNeueLTStd-BdCn"; font-size: 18px; display: block; margin-bottom: 10px; } .graph.history .year { background: #60c5b9; } .graph.development .year { background: #087dc2; } .top .year { margin-top: -14px; } .graph .y-1987 { bottom: 0; left: 141px; height: 174px; } .graph .y-1990 { height: 105px; right: 459px; } .graph .y-1990 .year { margin-top: 90px; } .graph .y-1995 { height: 160px; left: 355px; } .graph .y-1995 .year { margin-top: 145px; } .graph .y-1997 { bottom: 0; left: 382px; height: 174px; } .graph .y-2001 { left: 485px; height: 51px; bottom: -40px; } .graph .y-2001 .year { margin-top: 34px; } .graph .y-2002 { height: 174px; left: 64px; bottom: 0; } .graph .y-2004 { height: 105px; right: 548px; } .graph .y-2004 .year, .graph .y-2006 .year, .graph .y-2012.bottom .year { margin-top: 91px; } .graph .y-2006 { height: 105px; left: 240px; } .graph.development .y-2007 { height: 174px; border: 0; padding: 0; bottom: 0; left: 209px; } .graph .y-2007:after { content: ""; display: block; position: absolute; border-left: 1px solid #087dc2; height: 90px; bottom: -3px; left: 65px; } .graph .y-2008 { height: 174px; left: 333px; bottom: 0; } .graph .y-2011 { height: 68px; left: 420px; bottom: -57px; } .graph .y-2011 .year { margin-top: 54px; } .graph .y-2012.top { height: 174px; left: 542px; bottom: 0; } .graph .y-2012.bottom { height: 105px; left: 542px; } /* end of clinical trials */ /* clinical experience */ .clinical-experience { background: #fff; } .clinical-experience h1 { font-size: 28px; font-family: "HelveticaNeueLTStd-BdCn"; font-weight: normal; text-align: center; padding: 35px 0; } .clinical-experience .row h2 { font-size: 15px; text-align: center; text-transform: uppercase; } .clinical-experience .row div { width: 489px; float: left; } .clinical-experience .row h2 { font-family: 'Conv_AGaramondPro-Regular'; font-size: 15px; } .clinical-experience .row img { display: block; margin: auto; } .clinical-experience .neupogen img { width: 146px; margin-top: 7px; } .clinical-experience .neulasta img { width: 138px; margin-top: 19px } .clinical-experience .notes { font-family: "HelveticaNeueLTStd-MdCn"; padding: 20px 0 20px 25px; } .refs-clinical-experience ul, .refs-clinical-experience ol { float: left; margin-bottom: 25px; width: 465px; } .references.refs-clinical-experience { padding-top: 15px; } .references.refs-clinical-experience:after { border-top: 0; } /* end of clinical experience */ /* end of content styles */ /* footer styles */ footer { background: #fff; width: 1010px; padding-left: 25px; margin: -156px auto 0; color: #1a1a1a; } footer ul { overflow: hidden; padding: 25px 0 20px 0; } footer li { float: left; margin: 0 8px 0 7px; position: relative; } footer li:first-child { margin-left: 0; } footer li:after { content: ''; position: absolute; top: 4px; left: -8px; display: block; height: 10px; border-left: 1px solid #858585; border-right: 1px solid #1a1a1a; } footer li a { color: #1a1a1a; font-size: 13px; font-family: "HelveticaNeueLTStd-BdCn"; } footer.no-nav .disclaimer { padding-top: 62px; } footer p { margin: 0; font-family: "HelveticaNeueLTStd-BdCn"; font-size: 12px; } footer .logo { display: block; position: absolute; right: 10px; top: 60px; width: 126px; height: 42px; } /* end of footer styles */ /* bootstrap snippets */ .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; outline: 0; } .modal.custom-video { top: 50%; left: 50%; margin-left: -240px; margin-top: -175px; overflow: visible; } /* end of bootstrap snippets */ /* custom modal styles */ .modal .modal-footer { margin-top: 0; } .modal-body.fit-video { padding: 0px; } .custom-video { width: 480px; height: 270px; background: #000; padding: 50px 0; } .custom-video .modal-dialog { margin: 0; } /* end of custom modal styles */ /* interstitial styles */ .interstitial { position: fixed; z-index: 2; width: 660px; height: 393px; top: 50%; left: 50%; margin: -197px 0 0 -330px; background: #087dc2 url(../media/images/interstitial-bg.png) no-repeat; color: #fff; text-align: center; font-family: "HelveticaNeueLTStd-Cn"; font-size: 17px; } .interstitial h1 { font-size: 26px; font-weight: normal; margin: 85px 0 20px; } .interstitial p { margin-bottom: 30px; } #survey-interstitial p { margin-bottom: 45px; } .interstitial .close-btn, .close-btn { background: url(../media/images/spritesheet.png) no-repeat -116px -9px; width: 19px; height: 18px; position: absolute; top: 20px; right: 25px; cursor: pointer; } .interstitial .disagree { margin-right: 5px; } .interstitial .dagree { margin-left: 5px; } .overlay { display: none; } .white-overlay { z-index: 1; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; filter: alpha(opacity=50); opacity: .5; } /* end of interstitial styles */ /* banner styles */ .banner { height: 83px; color: #fff; background: #057dc1; font-family: "HelveticaNeueLTStd-Bd"; font-size: 15px; overflow: hidden; position: relative; } /* .admin-report */ .admin-report .logout-link { float: right; width: auto; margin: 20px 20px 0 0; } .admin-report #primary { width: auto; float: none; } .admin-report #primary h1 { text-align: center; } .admin-report .download-report { background: #60c4b9; display: block; margin: auto; text-align: center; } /* signup styles */ .signup #secondary p { font-size: 14px; } .signup #secondary a { font-size: 15px; } #signup a { color: #333; } #signup button[type=submit] { font-size: 15px; } #primary article p span{ font-size: 0.9em; } #primary article a{ color:#404041; } /*code for tabs*/ /* Basic Container tabs */ .tabs { min-width: 320px; max-width: 800px; padding: 0px; margin: 0 auto; } /* Styles sections content */ section { display: none; padding: 15px; background: #fff; border: 1px solid #ddd; } .tabs input { display: none; } /* Styles tabs */ .tabs label { display: inline-block; margin: 0 0 -1px; padding: 15px 25px; font-weight: 600; text-align: center; color: #aaa; border: 1px solid #ddd; background: #f1f1f1; border-radius: 3px 3px 0 0; width: 292px; font-family: helvetica, arial, sans-serif; } /* change the style of the header when hovering tabs */ .tabs label:hover { color: #888; cursor: pointer; } /* styles for the active tab */ .tabs input:checked + label { color: #555; border: 1px solid #ddd; border-top: 1px solid #507fc2; border-bottom: 1px solid #fff; background: #fff; } /* activation by switch sections :checked */ #tab1:checked ~ #content1, #tab2:checked ~ #content2 { display: block; } .tooltip-el{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; color:#fff; } .tooltip-list ul { margin:0px; padding:0px; } .tooltip-list li { display:block; margin-bottom:20px; }