Created
January 19, 2017 09:18
-
-
Save yxchai/b690edce057fb4eb79f3b34e50084ce5 to your computer and use it in GitHub Desktop.
Testing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* http://meyerweb.com/eric/tools/css/reset/ | |
| v2.0 | 20110126 | |
| License: none (public domain) | |
| */ | |
| html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| font-size: 100%; | |
| font: inherit; | |
| font-family: Arial, Helvetica, sans-serif; | |
| vertical-align: baseline; | |
| } | |
| /* HTML5 display-role reset for older browsers */ | |
| article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { | |
| display: block; | |
| } | |
| body { | |
| line-height: 1; | |
| } | |
| ol, ul { | |
| list-style: none; | |
| } | |
| blockquote, q { | |
| quotes: none; | |
| } | |
| blockquote:before, blockquote:after, q:before, q:after { | |
| content: ''; | |
| content: none; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| /* Customize Styles */ | |
| .bold { | |
| font-weight: bold !important; | |
| } | |
| .showInDesktop { | |
| display: block; | |
| } | |
| .hideInBoth { | |
| display: none; | |
| } | |
| sup { | |
| vertical-align: super; | |
| line-height: 0; | |
| font-size: 0.6em; | |
| } | |
| .group:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| input, select { | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding:0; margin:0; | |
| } | |
| strong { | |
| font-weight: bold; | |
| } | |
| .force_show_inline { | |
| display: inline-block !important; | |
| PADDING-TOP: 15px; | |
| } | |
| .force_show { | |
| display: block !important; | |
| } | |
| a { | |
| font: inherit; | |
| color: inherit; | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| text-decoration: none; | |
| } | |
| footer a, .nav-link a, #preheader a, a.hoverBold, .chooseEvents a { | |
| display: inline-block; | |
| text-align: center; | |
| } | |
| footer a:hover, .nav-link a:hover, #preheader a:hover, a.hoverBold:hover, .chooseEvents a:hover, .ViewYourEvent a:hover { | |
| font-weight: bold; | |
| } | |
| footer a::after, .nav-link a::after, #preheader a::after, a.hoverBold::after, .chooseEvents a::after { | |
| display: block; | |
| content: attr(title); | |
| font-weight: bold; | |
| height: 0px; | |
| color: transparent; | |
| overflow: hidden; | |
| visibility: hidden; | |
| margin-bottom: -1px; | |
| } | |
| .nav-link a:hover { | |
| color:#95004d; | |
| } | |
| #bg { | |
| padding-bottom: 172px; | |
| position: relative; | |
| min-width: 960px; | |
| } | |
| .light_blue { | |
| /* background-color: #fff; */ | |
| } | |
| .centerBlock { | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| .preheaderBg { | |
| background-color: #393939; | |
| } | |
| #preheader { | |
| width: 900px; | |
| margin: 0 auto; | |
| font: 12px Arial, Helvetica, sans-serif; | |
| color: #ffffff; | |
| } | |
| #preheader a { | |
| line-height: 43px; | |
| } | |
| nav { | |
| overflow: hidden; | |
| margin: 0 auto; | |
| height: 72px; | |
| } | |
| nav>div>div { | |
| height: 66px; | |
| width: 930px; | |
| padding: 0 30px 0 0; | |
| margin: 0 auto; | |
| } | |
| nav .logo { | |
| width: 182px; | |
| /* margin: 17px 33px 0 0; */ | |
| display: inline-block; | |
| vertical-align: top; | |
| margin-right: 25px; | |
| } | |
| nav .nav-link, nav .nav-link div { | |
| color: #6c6c6c; | |
| /* line-height: 65px; */ | |
| } | |
| nav .nav-link a { | |
| font-size:16px; | |
| line-height: 28px; | |
| color:#6c6c6c; | |
| } | |
| nav .nav-link a span { | |
| font-weight:normal; | |
| } | |
| nav .nav-link div * { | |
| vertical-align: middle; | |
| } | |
| nav .nav-link .mobLegalNav { | |
| display: none; | |
| } | |
| nav .search { | |
| float: right; | |
| /* height: 65px; */ | |
| /* line-height: 62px; */ | |
| margin-top: 25px; | |
| /* margin-left: 25px; */ | |
| } | |
| nav .search .icon { | |
| display: none; | |
| } | |
| nav #hamburger { | |
| display: none; | |
| } | |
| nav .search input { | |
| border: 1px solid #999999; | |
| background-image: url("https://image.exacttarget.com/lib/fe9415747566037471/m/1/ABV_AndroGel_Portal_160218_08.png"); | |
| background-repeat: no-repeat; | |
| -webkit-background-size: 16px 15px; | |
| background-size: 16px 15px; | |
| background-position: 11px center; | |
| height: 26px; | |
| width: 212px; | |
| padding: 2px 4px; | |
| } | |
| nav .search input:focus { | |
| background: #ffffff; | |
| } | |
| nav { | |
| /*position:relative;*/ | |
| } | |
| .boxshadow { | |
| position:absolute; | |
| width:100%; | |
| height:6px; | |
| background:url(https://image.exacttarget.com/lib/fe9915737560027f73/m/1/ABV_Humira_N4_boxshadow.png) repeat-x left top; | |
| /*bottom:0;*/ | |
| left:0; | |
| z-index:99; | |
| } | |
| section.heroBox { | |
| margin-top: -6px; | |
| } | |
| section .hero { | |
| width: 960px; | |
| padding-bottom: 27px; | |
| } | |
| section.main { | |
| width: 960px; | |
| } | |
| .bigBox { | |
| width: 420px; | |
| margin: 5px 10px; | |
| padding: 17px 20px; | |
| height: 146px; | |
| float: left; | |
| background-color: #ededed; | |
| } | |
| .bigBox .icon { | |
| margin-right: 8px; | |
| width: 75px; | |
| float: right; | |
| } | |
| .bigBox .content { | |
| height: 90px; | |
| } | |
| .bigBox .content .title { | |
| padding-top: 12px; | |
| font-size: 22px; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| color: #95004d; | |
| } | |
| .bigBox .content .desc { | |
| padding-top: 5px; | |
| color: #666666; | |
| font-size: 12px; | |
| line-height: 1.4em; | |
| } | |
| .bigBox .cta { | |
| display: block; | |
| text-align: center; | |
| width: 170px; | |
| height: 44px; | |
| font-size: 14px; | |
| color: #ffffff; | |
| line-height: 44px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: 0 solid #ffffff; | |
| padding: 0 15px; | |
| } | |
| .cyanGradient { | |
| background: rgba(149,0,77,1); | |
| } | |
| .cta:hover { | |
| text-decoration: none; | |
| } | |
| .smallBox { | |
| width: 267px; | |
| margin: 10px; | |
| padding: 24px 13px 20px 20px; | |
| height: 95px; | |
| float: left; | |
| background-color: #ededed; | |
| } | |
| .smallBox .icon { | |
| width: 45px; | |
| float: right; | |
| } | |
| .smallBox .logo { | |
| /* width: 97px; */ | |
| float: right; | |
| margin-top:-5px; | |
| margin-right:-5px; | |
| } | |
| .smallBox .content { | |
| height: 58px; | |
| } | |
| .smallBox .content .title { | |
| font-size: 14px; | |
| font-weight: bold; | |
| color: #95004d; | |
| } | |
| .smallBox .content .desc { | |
| padding-top: 5px; | |
| color: #666666; | |
| font-size: 12px; | |
| line-height: 1.4em; | |
| } | |
| .smallBox .cta { | |
| line-height: 32px; | |
| font-size: 14px; | |
| color: #95004d; | |
| /* font-weight: bold; */ | |
| } | |
| .smallBox .cta:hover { | |
| font-weight: bold; | |
| } | |
| footer.centerBlock { | |
| /* margin-top: 27px; */ | |
| padding: 10px 20px; | |
| width: 900px; | |
| background-color: #393939; | |
| } | |
| footer .legal, footer .footerLinks, footer .footerLinks * { | |
| color: #fff; | |
| vertical-align: bottom; | |
| } | |
| footer .legal { | |
| font-size: 11px; | |
| line-height: 1.2; | |
| } | |
| footer .footerLinks { | |
| font-size: 14px; | |
| margin-left: -6px; | |
| } | |
| footer .footerLinks a { | |
| color: #fff; | |
| } | |
| footer .footerLinks span { | |
| font-size: 15px; | |
| display: inline; | |
| } | |
| footer .footerLogo { | |
| width: 99px; | |
| margin: 25px 0 15px; | |
| } | |
| footer .mobFooterLogo { | |
| display: none; | |
| width: 99px; | |
| margin: 20px 0 15px; | |
| } | |
| .mask { | |
| position: fixed; | |
| background-color: rgba(0,0,0, .41); | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| display: none; | |
| z-index: 9999; | |
| overflow-y:auto; | |
| } | |
| .displyFlex { | |
| display: -webkit-flexbox !important; | |
| display: -ms-flexbox !important; | |
| display: -webkit-flex !important; | |
| display: flex !important; | |
| -webkit-flex-align: center; | |
| -ms-flex-align: center; | |
| -webkit-align-items: center; | |
| align-items: center; | |
| } | |
| .mask>div { | |
| display: none; | |
| } | |
| .mask .icon img { | |
| width: 15px; | |
| cursor: pointer; | |
| } | |
| .mask .icon { | |
| position: absolute; | |
| right: 5px; | |
| top: 5px; | |
| } | |
| .mask label.error, .mask label.buttonErrorFlag { | |
| color: #ed1c24; | |
| text-align: right; | |
| display: block; | |
| font-size: 10px; | |
| padding: 0 5px 2px 0; | |
| font-style: italic; | |
| width: auto; | |
| } | |
| .mask label.buttonErrorFlag { | |
| display: none; | |
| } | |
| .mask form input, .mask form select { | |
| height: 28px; | |
| width: 262px; | |
| vertical-align: top; | |
| margin-bottom: 13px; | |
| display: inline-block; | |
| border: 1px solid #999999; | |
| padding-left: 20px; | |
| } | |
| .mask form select, .mask form option { | |
| padding-left:20px; | |
| } | |
| .mask form select { | |
| color: #95004d; | |
| padding-left:16px; | |
| } | |
| .mask form option { | |
| color:#95004d; | |
| font-size:14px; | |
| } | |
| .mask form select.grey{ | |
| color:#A9A9A9; | |
| } | |
| .mask form span.formDesc { | |
| display: block; | |
| color: #666666; | |
| font-style: italic; | |
| font-size: 12px; | |
| line-height: 1.3em; | |
| padding-top: 5px; | |
| clear: both; | |
| width: 280px; | |
| } | |
| .popRequest { | |
| /*margin: 183px auto 0;*/ | |
| margin:0 auto; | |
| width: 420px; | |
| background-color: #e7ecf0; | |
| padding: 27px 20px; | |
| position: relative; | |
| } | |
| .popRequest p { | |
| padding-right: 80px; | |
| font-size: 14px; | |
| line-height: 1.2em; | |
| color: #95004d; | |
| font-weight: bold; | |
| } | |
| .popRequest .cta { | |
| width: 116px; | |
| height: 24px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: none; | |
| font-size: 12px; | |
| color: #ffffff; | |
| line-height: 19px; | |
| display: inline-block; | |
| margin: 2px 0 0 30px; | |
| cursor: pointer; | |
| } | |
| .popRequest .cta span { | |
| font-size: 14px; | |
| line-height: 19px; | |
| } | |
| .popRequest form { | |
| display: block; | |
| margin-top: 20px; | |
| } | |
| .popRequest form div { | |
| width: 263px; | |
| float: left; | |
| } | |
| .popABS { | |
| /*margin: 316px auto 0;*/ | |
| margin:0 auto; | |
| width: 420px; | |
| /* padding: 60px 20px;*/ | |
| position: relative; | |
| background-color: #e7ecf0; | |
| padding:60px 20px 30px 20px; | |
| } | |
| .popABS p { | |
| color: #95004d; | |
| font-size: 14px; | |
| font-weight: bold; | |
| line-height: 1.3em; | |
| } | |
| .popABS form { | |
| margin: 14px 0 0; | |
| } | |
| .popABS form div { | |
| width: 253px; | |
| float: left; | |
| } | |
| .popABS form#npiSubmission div { | |
| width:262px; | |
| } | |
| .popABS input { | |
| width: 253px; | |
| height: 28px; | |
| } | |
| .popABS .desc { | |
| width: 328px; | |
| padding: 10px 13px; | |
| margin-bottom: 25px; | |
| position: absolute; | |
| top: -160px; | |
| right: 1px; | |
| background-color: #fff; | |
| display: none; | |
| } | |
| .popABS .desc p { | |
| font-size: 12px; | |
| color: #666666; | |
| font-weight: normal; | |
| margin: 10px 0; | |
| } | |
| .popABS .triPointer { | |
| position: absolute; | |
| bottom: -25px; | |
| right: 18px; | |
| border: 25px solid transparent; | |
| border-width: 25px 14px; | |
| border-top-color: #ffffff; | |
| border-bottom: none; | |
| } | |
| .popABS button { | |
| float: right; | |
| width: 116px; | |
| height: 24px; | |
| color: #ffffff; | |
| text-align: center; | |
| font-size: 12px; | |
| vertical-align: top; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: none; | |
| cursor: pointer; | |
| } | |
| .popABS button span, .mask span.arrowQuo { | |
| font-size: 14px; | |
| line-height: 19px; | |
| } | |
| .popABS a { | |
| color: #95004d; | |
| font-size: 12px; | |
| text-decoration: underline; | |
| } | |
| .grey { | |
| color: #A9A9A9; | |
| } | |
| .forgot-license { | |
| /*margin: 183px auto 0;*/ | |
| margin:0 auto; | |
| padding: 25px 20px; | |
| } | |
| .forgot-license form { | |
| display: block; | |
| margin-top: 22px; | |
| } | |
| .forgot-license form div { | |
| width: 263px; | |
| float: left; | |
| } | |
| .forgot-license form a { | |
| display: block; | |
| float: right; | |
| width: 115px; | |
| margin-top: 26px; | |
| } | |
| .forgot-license .desc { | |
| top: -120px; | |
| width: 291px; | |
| } | |
| .noNPI p { | |
| padding-right: 40px; | |
| } | |
| .response { | |
| /*margin: 283px auto 0;*/ | |
| margin:0 auto; | |
| width: 272px; | |
| background-color: #e7ecf0; | |
| padding: 84px 94px; | |
| position: relative; | |
| text-align: center; | |
| } | |
| .response p { | |
| font-size: 18px; | |
| color: #95004d; | |
| text-transform: uppercase; | |
| margin-bottom: 15px; | |
| font-weight: bold; | |
| } | |
| .wrong { | |
| width:322px; | |
| padding:84px 69px; | |
| } | |
| .wrong p { | |
| text-transform:none; | |
| } | |
| .response>span { | |
| font-size: 12px; | |
| color: #666666; | |
| } | |
| .response a { | |
| color: #95004d; | |
| font-size: 12px; | |
| } | |
| .response button { | |
| width: 116px; | |
| height: 24px; | |
| color: #ffffff; | |
| text-align: center; | |
| font-size: 12px; | |
| vertical-align: top; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: none; | |
| cursor: pointer; | |
| } | |
| .repThankyou { | |
| padding: 84px 74px; | |
| width: 312px; | |
| } | |
| .stickyFooter { | |
| position: fixed; | |
| z-index: 1000; | |
| width: 100%; | |
| bottom: 0; | |
| } | |
| .stickyFooter>div { | |
| width: 100%; | |
| max-width: 960px; | |
| height: 171px; | |
| margin: 0 auto; | |
| border: 1px solid #bbb; | |
| background: #fff; | |
| box-shadow: 5px #000; | |
| -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, .3); | |
| -moz-box-shadow: 0 -3px 5px rgba(0, 0, 0, .3); | |
| box-shadow: 0 -3px 5px rgba(0, 0, 0, .3); | |
| } | |
| .stickyFooter .indication { | |
| width: 33%; | |
| float: left; | |
| } | |
| .stickyFooter .isi { | |
| width: 67%; | |
| float: left; | |
| } | |
| .stickyFooter .isi a.isiLink { | |
| text-decoration:underline; | |
| color:#fff; | |
| } | |
| .stickyFooter h1 { | |
| /*text-transform: uppercase;*/ | |
| line-height: 22px; | |
| font-size: 18px; | |
| color: #95004d; | |
| padding: 10px 0 10px 28px; | |
| } | |
| .stickyFooter .group>div>div { | |
| padding: 0px 25px 0 28px; | |
| height: 130px; | |
| overflow-y: scroll; | |
| color: #000; | |
| font-size: 11px; | |
| line-height: 14px; | |
| } | |
| .stickyFooter li { | |
| list-style: disc; | |
| margin-left: 15px; | |
| } | |
| .stickyFooter li span { | |
| position: relative; | |
| left: -5px; | |
| } | |
| .stickyFooter p, .stickyFooter li, .stickyFooter h2, .stickyFooter .warning { | |
| margin-bottom: 4px; | |
| } | |
| .stickyFooter p { | |
| margin-bottom: 10px; | |
| line-height: 14px; | |
| font-size: 12px; | |
| } | |
| .stickyFooter p > span { | |
| font-weight:bold; | |
| color: #95004d; | |
| } | |
| .stickyFooter .warning { | |
| font-weight: bold; | |
| border: 1px solid #fff; | |
| padding: 6px 17px 0px; | |
| margin-left: -7px; | |
| } | |
| .stickyFooter .buttonHolder { | |
| display: none; | |
| } | |
| .stickyFooter .isi p { | |
| margin-bottom: 6px; | |
| } | |
| #ISIstatic { | |
| width: 940px; | |
| padding: 10px 10px 0 10px; | |
| margin: 0 auto; | |
| } | |
| #ISIstatic h1 { | |
| font-size:18px; | |
| line-height:18px; | |
| color: #95004d; | |
| font-weight: bold; | |
| } | |
| #ISIstatic h2 { | |
| font-size:13px; | |
| line-height:13px; | |
| color: #95004d; | |
| font-weight:bold; | |
| padding-top:4px; | |
| padding-bottom:1px; | |
| } | |
| #ISIstatic ul{ | |
| padding: 2px 0; | |
| } | |
| #ISIstatic p, #ISIstatic ul li { | |
| font-size:12px; | |
| line-height:15px; | |
| color:#000; | |
| } | |
| #ISIstatic p a { | |
| color:#95004d; | |
| text-decoration:underline; | |
| } | |
| #ISIstatic ul li { | |
| list-style:outside disc; | |
| margin-left: 25px; | |
| } | |
| #ISIstatic ul li span { position:relative; left: -5px;} | |
| #ISIstatic h1, #ISIstatic h2, #ISIstatic p, #ISIstatic ul li { | |
| /*padding-bottom: 6px;*/ | |
| } | |
| #ISIstatic h1 { | |
| padding-bottom:8px; padding-top:20px; | |
| } | |
| #ISIstatic p.padding { | |
| padding: 15px 0; | |
| } | |
| /*bioHover Effect*/ | |
| .bioHover { | |
| position: absolute; | |
| left: 0px; | |
| top: 20px; | |
| z-index: 100; | |
| display: none; | |
| } | |
| /*EventList and Pager*/ | |
| .eventList { | |
| display: block; | |
| } | |
| .eventList li { | |
| padding: 28px 20px; | |
| background: #e7ecf0; | |
| margin-bottom: 5px; | |
| position: relative; | |
| } | |
| .eventList .photo { | |
| display: block; | |
| float: left; | |
| } | |
| .eventList .details { | |
| padding-left: 135px; | |
| padding-right: 165px; | |
| } | |
| .eventList .listBtn { | |
| position: absolute; | |
| right: 20px; | |
| bottom: 28px; | |
| } | |
| .eventList p { | |
| color: #ec008c; | |
| font-size: 12px; | |
| line-height: 16px; | |
| font-weight: bold; | |
| padding-bottom: 3px; | |
| } | |
| .eventList p span { | |
| color: #666; | |
| } | |
| .eventList .deTitle { | |
| font-size: 18px; | |
| line-height: 18px; | |
| padding-bottom: 10px; | |
| } | |
| .eventList .deTitle span, .eventList .speaker span , .eventList .location span{ | |
| color: #95004d; | |
| } | |
| .eventList .location { font-weight:normal;} | |
| .eventList .location a { | |
| color: #95004d; | |
| } | |
| .eventList .location a:hover { font-weight:bold;} | |
| .eventList .summary span { | |
| font-weight: normal; | |
| } | |
| .eventList .summary { | |
| padding-top: 3px; | |
| } | |
| .eventList .speaker sup { | |
| font-size: 10px; | |
| letter-spacing: -1px; | |
| vertical-align: 3px; | |
| color: #95004d; | |
| } | |
| .pager { | |
| min-height: 22px; | |
| } | |
| .pager li { | |
| height: 22px; | |
| line-height: 22px; | |
| font-size: 12px; | |
| } | |
| .pager .pagerInfo { | |
| float: left; | |
| color: #666; | |
| } | |
| .pager .pagerInfo li .out { | |
| color: #ec008c; | |
| font-weight: bold; | |
| } | |
| .pager .pagerList { | |
| float: right; | |
| text-align: right; | |
| } | |
| .pager .pagerList li { | |
| float: left; | |
| min-width: 14px; | |
| padding: 0 3px; | |
| text-align: center; | |
| margin-right: 10px; | |
| cursor: pointer; | |
| color: #95004d; | |
| } | |
| .pager .pagerList li.currentPage { | |
| background: #e7ecf0; | |
| color: #95004d; | |
| cursor: text; | |
| } | |
| .pager .pagerList li.prev, .pager .pagerList li.next { | |
| display: none; | |
| } | |
| /*EventList and Pager*/ | |
| /*View Your Event*/ | |
| .ViewEventsPage { | |
| width: 940px; | |
| margin: auto; | |
| } | |
| .chooseEvents { | |
| font-size: 14px; | |
| color: #95004d; | |
| padding: 30px 0 10px 16px; | |
| ; | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .chooseEvents span { | |
| color: #999999; | |
| } | |
| .GoToHidden { | |
| display: none; | |
| } | |
| .MyEvents { | |
| padding: 20px; | |
| } | |
| .MyEvents p { | |
| font-size: 22px; | |
| color: #95004d; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-weight: bold; | |
| } | |
| .ViewYourEvent { | |
| display: block; | |
| margin: auto; | |
| } | |
| .ViewYourEvent li { | |
| padding: 25px 20px; | |
| background: #e7ecf0; | |
| margin-bottom: 5px; | |
| } | |
| .ViewYourEvent li p { | |
| color: #95004d; | |
| font-size: 12px; | |
| line-height: 18px; | |
| } | |
| .ViewYourEvent li .details { | |
| float: left; | |
| width: 750px; | |
| } | |
| .ViewYourEvent li .topic { | |
| margin-bottom: 15px; | |
| } | |
| .ViewYourEvent li .title { | |
| font-weight: bold; | |
| font-size: 15px; | |
| } | |
| .ViewYourEvent li .speaker { | |
| font-weight: bold; | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .ViewYourEvent li .program_date { | |
| color: #666666; | |
| } | |
| .calendar { | |
| width: 150px; | |
| text-align: center; | |
| float: left; | |
| } | |
| .calendar .calendar_text { | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 14px; | |
| color: #95004d; | |
| font-weight: bold; | |
| padding-top: 0; | |
| } | |
| .calendar .calendar_text .calendar_arrow { | |
| font-size: 18px; | |
| } | |
| .calendar .calendarImg { | |
| padding-bottom: 10px; | |
| cursor: pointer; | |
| } | |
| .noEvents { | |
| font-size: 18px; | |
| color: #95004d; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-weight: bold; | |
| padding: 28px 20px; | |
| background: #e7ecf0; | |
| margin: 0 auto 20px auto; | |
| } | |
| #pastContainer .calendar, #canceledContainer .calendar { | |
| display:none; | |
| } | |
| #pastContainer .ViewYourEvent li .details, #canceledContainer .ViewYourEvent li .details { | |
| float:none; | |
| width:auto; | |
| } | |
| /*View Your Event*/ | |
| /*Search Page*/ | |
| .searchPage { | |
| width: 940px; | |
| margin: 32px auto 0; | |
| } | |
| .searchMain { | |
| padding: 23px 20px; | |
| background-color: #e7ecf0; | |
| line-height: normal; | |
| } | |
| .searchMain .search_header { | |
| color: #666666; | |
| font-size: 14px; | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .searchMain li { | |
| color: #666666; | |
| font-size: 12px; | |
| padding: 25px 40px 0; | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .searchMain li a { | |
| color: #95004d; | |
| font-weight: bold; | |
| font-size: 14px; | |
| text-decoration: underline; | |
| } | |
| .searchMain li .searchLocation { | |
| font-size:12px; | |
| font-weight:normal; | |
| text-decoration:none; | |
| line-height:20px; | |
| } | |
| .searchMain li .searchLocation:hover { | |
| font-weight:bold; | |
| } | |
| /*Search Page*/ | |
| /*Pager*/ | |
| .searchPage .pager { | |
| min-height: 22px; | |
| padding-top: 10px; | |
| } | |
| .searchPage .pager li { | |
| height: 22px; | |
| line-height: 22px; | |
| font-size: 12px; | |
| } | |
| .searchPage .pager .pagerInfo { | |
| padding-left: 350px; | |
| float: left; | |
| color: #666; | |
| } | |
| .searchPage .pager .pagerList { | |
| float: right; | |
| text-align: right; | |
| } | |
| .searchPage .pager .pagerList li { | |
| float: left; | |
| min-width: 14px; | |
| padding: 0 3px; | |
| text-align: center; | |
| margin-right: 10px; | |
| cursor: pointer; | |
| color: #95004d; | |
| } | |
| .searchPage .pager .pagerList li.currentPage { | |
| background: #e7ecf0; | |
| color: #95004d; | |
| cursor: text; | |
| } | |
| .searchPage .pager .pagerList li.prev, .pager .pagerList li.next { | |
| display: none; | |
| } | |
| /*Pager*/ | |
| /*Live Events - Add to Calendar*/ | |
| .addToCalendarPage { | |
| width: 940px; | |
| margin: 30px auto 20px auto; | |
| text-align: center; | |
| background-color: #e7ecf0; | |
| } | |
| .addToCalendarPage .title { | |
| font-size: 22px; | |
| color: #95004d; | |
| font-weight: bold; | |
| font-family: Arial, Helvetica, sans-serif; | |
| padding-top: 40px; | |
| padding-bottom: 20px; | |
| } | |
| .addToCalendarPage .content { | |
| font-size: 14px; | |
| line-height: 16px; | |
| color: #666666; | |
| font-family: Arial, Helvetica, sans-serif; | |
| padding: 0 10px 20px 10px; | |
| } | |
| .addToCalendarPage .icons { | |
| display: inline-block; | |
| } | |
| .addToCalendarPage .icons>div { | |
| float: left; | |
| width: 110px; | |
| margin: 0 28px; | |
| color: #95004d; | |
| font-size: 14px; | |
| line-height: 22px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| .addToCalendarPage .arrow { | |
| font-size: 18px; | |
| font-family: Arial, Helvetica, sans-serif; | |
| border:none; | |
| width:auto; height:auto; | |
| } | |
| .addToCalendarPage a { | |
| text-decoration: none; | |
| } | |
| .addToCalendarPage .register { | |
| padding-top: 30px; | |
| padding-bottom: 40px; | |
| } | |
| .addToCalendarPage .register_text { | |
| color: #95004d; | |
| font-size: 14px; | |
| font-weight: bold; | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .addToCalendarPage .show { | |
| display: none; | |
| } | |
| /*Live Events - Add to Calendar*/ | |
| /****************************************************/ | |
| /*Live Events start*/ | |
| /****************************************************/ | |
| .clear { | |
| *zoom:1; | |
| } | |
| .clear:after { | |
| height: 0; | |
| content: ""; | |
| clear: both; | |
| display: block; | |
| visibility: hidden; | |
| } | |
| /*pop Box*/ | |
| .popDesc { | |
| width: 328px; | |
| padding: 10px 13px; | |
| margin-bottom: 25px; | |
| position: absolute; | |
| top: -160px; | |
| right: 1px; | |
| background-color: #fff; | |
| display: none; | |
| -webkit-box-shadow: 0px 0px 24px 0px rgba(146,0,74,0.5); | |
| -moz-box-shadow: 0px 0px 24px 0px rgba(146,0,74,0.5); | |
| box-shadow: 0px 0px 24px 0px rgba(146,0,74,0.5); | |
| } | |
| .popDesc p { | |
| font-size: 12px; | |
| color: #666666; | |
| font-weight: normal; | |
| margin: 10px 0; | |
| padding: 0; | |
| } | |
| .popDesc .triPointer { | |
| width: 56px; | |
| height: 50px; | |
| position: absolute; | |
| bottom: -50px; | |
| right: 5px; | |
| overflow: hidden; | |
| } | |
| .popDesc .triPointer::after { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 15px; | |
| width: 28px; | |
| height: 24px; | |
| background-color: #ffffff; | |
| transform-origin: 100% 0; | |
| -webkit-transform: rotate(60deg) skewX(30deg); | |
| ; | |
| -moz-transform: rotate(60deg) skewX(30deg); | |
| ; | |
| -o-transform: rotate(60deg) skewX(30deg); | |
| ; | |
| transform: rotate(60deg) skewX(30deg); | |
| ; | |
| -webkit-box-shadow: 0px 0px 24px 0px rgba(67,109,142,0.23); | |
| -moz-box-shadow: 0px 0px 24px 0px rgba(67,109,142,0.23); | |
| box-shadow: 0px 0px 24px 0px rgba(67,109,142,0.23); | |
| } | |
| /*pop Box*/ | |
| .liveEventBox { | |
| width: 960px; | |
| margin: 0 auto; | |
| display: block; | |
| font-size: 12px; | |
| color: #666; | |
| } | |
| .liveEventBox .pager { | |
| margin-top: 5px; | |
| } | |
| .liveEventBox .inner { | |
| padding: 4px 10px 0 10px; | |
| position: relative; | |
| } | |
| .narrow, .liveEventBox .narrow { | |
| width: 300px; | |
| float: left; | |
| } | |
| .wide, .liveEventBox .wide { | |
| width: 620px; | |
| float: right; | |
| } | |
| .narrow .liveEventList { | |
| display: block; | |
| background: #e7ecf0; | |
| } | |
| .narrow li { | |
| display: block; | |
| } | |
| .narrow .liveEventList li .eventType li { | |
| position: relative; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc { | |
| width: 220px; | |
| top: -80px; | |
| right: -185px; | |
| z-index: 101; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc .triPointer { | |
| left: 0px; | |
| } | |
| .eventTitle, .registerTitle { | |
| height: 28px; | |
| line-height: 28px; | |
| background: #95004d; | |
| color: #fff; | |
| font-size: 18px; | |
| font-weight: bold; | |
| padding-left: 20px; | |
| } | |
| .eventBox { | |
| padding: 20px 0px 25px 20px; | |
| } | |
| .eventBox h3, .eventType > li { | |
| font-size: 14px; | |
| color: #666666; | |
| font-weight: bold; | |
| } | |
| .eventBox select { | |
| display: block; | |
| margin-top: 15px; | |
| width: 260px; | |
| height: 26px; | |
| line-height: 26px; | |
| border: 1px solid #999; | |
| } | |
| .updateBtn { | |
| display: block; | |
| width: 109px; | |
| height: 24px; | |
| line-height: 24px; | |
| background:#95004d; | |
| margin-top: 12px; | |
| color: #fff; | |
| text-decoration: none; | |
| text-align: center; | |
| font-size: 12px; | |
| border-radius: 5px; | |
| } | |
| .eventBox .datetimepicker { | |
| display: block; | |
| margin-top: 10px; | |
| margin-bottom: 15px; | |
| } | |
| .eventType > li { | |
| padding: 15px 0; | |
| border-bottom: 1px solid #999; | |
| width: 170px; | |
| margin-left: 15px; | |
| } | |
| .eventType > li:first-child { | |
| padding-top: 0px; | |
| } | |
| .eventType>li.last { | |
| border-bottom: none; | |
| padding-bottom: 0px; | |
| } | |
| .eventType li label { | |
| cursor: pointer; | |
| } | |
| .eventType input[type="radio"], .eventType input[type="checkbox"] { | |
| margin: 0 8px 0 -13px; | |
| vertical-align: middle; | |
| border: 1px solid #95004d; | |
| } | |
| .eventType>li ul li { | |
| font-size: 12px; | |
| font-weight: normal; | |
| margin-top: 20px; | |
| } | |
| .eventType > li ul { | |
| padding-left: 35px; | |
| } | |
| .eventType>li span { | |
| display: inline-block; | |
| width: 13px; | |
| height: 13px; | |
| border: 1px solid #95004d; | |
| color: #95004d; | |
| border-radius: 50%; | |
| text-align: center; | |
| margin-left: 8px; | |
| cursor: pointer; | |
| } | |
| /*lievEvent list popBox*/ | |
| .narrow .liveEventList li .eventType li .popDesc { | |
| width: 220px; | |
| top: -92px; | |
| right: -190px; | |
| z-index: 101; | |
| padding: 10px 15px; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc .triPointer { | |
| left: 11px; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc_2 { | |
| width: 200px; | |
| right: -118px; | |
| top:-77px; | |
| } | |
| .liveEventBox .eventList p { color:#95004d;} | |
| .liveEventBox .eventList p .out{ | |
| color: #ec008c; | |
| } | |
| .liveEventBox .eventList .deTitle { | |
| padding-bottom: 0px; | |
| font-size: 14px; | |
| } | |
| .liveEventBox .eventList .details { | |
| padding-left: 0; | |
| } | |
| .liveEventBox .eventList .speaker { | |
| margin-bottom: 15px; | |
| } | |
| .liveEventBox .eventList .summary { | |
| color: #666; | |
| font-weight:normal; | |
| } | |
| .noList { | |
| min-height: 657px; | |
| background: #e7ecf0; | |
| padding-left: 20px; | |
| } | |
| .noList p { | |
| padding-top: 25px; | |
| font-size: 14px; | |
| color: #95004d; | |
| font-weight:normal; | |
| } | |
| /*arrow*/ | |
| .arrow, .arrowDown { | |
| display: inline-block; | |
| width: 0; | |
| height: 0; | |
| border-style: solid; | |
| border-width: 9px 5px 0 5px; | |
| border-color: #95004d transparent transparent transparent; | |
| } | |
| .arrowDown { | |
| border-width: 0 5px 9px 5px; | |
| border-color: transparent transparent #95004d transparent; | |
| } | |
| /*Filter*/ | |
| .filterBtn { | |
| display: none; | |
| height: 38px; | |
| /*border-top: 1px solid #999;*/ | |
| background: #fff; | |
| } | |
| .filterBtn a { | |
| display: block; | |
| position: relative; | |
| width: 55px; | |
| padding-left: 20px; | |
| line-height: 33px; | |
| font-size: 12px; | |
| font-weight: bold; | |
| color: #95004d; | |
| border-right: 1px solid #999; | |
| } | |
| .eventTitle .arrow, .filterBtn .arrow { | |
| position: absolute; | |
| right: 10px; | |
| top: 12px; | |
| } | |
| .eventTitle .arrow { | |
| border-width: 10px 7px 0 7px; | |
| border-color: #fff transparent transparent transparent; | |
| top: 15px; | |
| cursor: pointer; | |
| display: none; | |
| } | |
| .eventTitle .arrowDown { | |
| border-width: 0 7px 10px 7px; | |
| border-color: transparent transparent #fff transparent; | |
| } | |
| #datetimepicker, #datetimepicker2 { | |
| width: 260px; | |
| height: 26px; | |
| line-height: 26px; | |
| border: 1px solid #999; | |
| padding-left: 16px; | |
| background: #fff url(https://image.exacttarget.com/lib/fe9915737560027f73/m/1/ABV_Humira_N4_Portal_Calendar_Icon_20160629.jpg) no-repeat right center; | |
| } | |
| /*registerDetail*/ | |
| .registerDetail .inner { | |
| padding-top: 31px; | |
| padding-bottom: 22px; | |
| } | |
| .registerDetail .narrow { | |
| float: right; | |
| min-height:972px; | |
| } | |
| .registerDetail .wide { | |
| float: left; | |
| min-height:972px; | |
| } | |
| .registerDetail .narrow, .registerDetail .wide { | |
| background: #e7ecf0; | |
| } | |
| .registerDetail .eventList { | |
| background: #e7ecf0; | |
| padding: 41px 20px; | |
| } | |
| .registerDetail .eventList .details { | |
| padding-right: 0; | |
| } | |
| .registerDetail .eventList .deTitle { | |
| font-size: 18px; | |
| line-height: 18px; | |
| } | |
| .registerDetail .eventList .speaker { | |
| margin-bottom: 0; | |
| } | |
| .registerDetail .eventList .summary, .registerDetail .eventList .speaker, .registerDetail .eventList p { | |
| padding-top: 0; | |
| } | |
| .registerDetail .eventList .summary { | |
| margin-bottom: 15px; | |
| } | |
| .registerDetail .eventList .deTitle_2 { | |
| font-size: 14px; | |
| } | |
| .registerDetail .eventList .deTitle_3 { | |
| font-size: 12px; | |
| font-weight: normal; | |
| } | |
| .registerDetail .eventList .deTitle_3 a { | |
| color:##95004d; | |
| } | |
| .registerDetail .eventList .deTitle_3 a:hover { font-weight:bold;} | |
| .registerDetail .eventList .summary_2 { | |
| margin-bottom: 0; | |
| } | |
| .registerDetail label.error, .registerDetail label.buttonErrorFlag { | |
| color: #ed1c24; | |
| text-align: right; | |
| display: block; | |
| font-size: 10px; | |
| padding: 0 5px 2px 0; | |
| font-style: italic; | |
| width: auto; | |
| } | |
| label.buttonErrorFlag { | |
| display: none; | |
| } | |
| .registerDetail .popRequest { | |
| width: 300px; | |
| margin: 0; | |
| padding:0; | |
| background-color: #e7ecf0; | |
| position:static; | |
| } | |
| .registerDetail form input, .registerDetail form select { | |
| height: 28px; | |
| width: 262px; | |
| vertical-align: top; | |
| margin-bottom: 13px; | |
| display: inline-block; | |
| border: 1px solid #999999; | |
| padding-left: 5px; | |
| } | |
| .registerDetail .popRequest p { | |
| padding-right: 80px; | |
| font-size: 14px; | |
| line-height: 1.2em; | |
| color: #95004d; | |
| font-weight: bold; | |
| } | |
| .registerDetail .popRequest .cta { | |
| width: 116px; | |
| height: 24px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: none; | |
| font-size: 12px; | |
| color: #ffffff; | |
| line-height: 19px; | |
| display: inline-block; | |
| margin: 2px 0 0 30px; | |
| cursor: pointer; | |
| } | |
| .registerDetail .popRequest .cta span { | |
| font-size: 14px; | |
| line-height: 19px; | |
| } | |
| .registerDetail .popRequest form { | |
| display: block; | |
| margin-top: 0; | |
| padding-bottom:30px; | |
| } | |
| .registerDetail .popRequest form div { | |
| width: 263px; | |
| float: none; | |
| padding:0 18px; | |
| } | |
| .registerDetail .popRequest form .registerTitle{ | |
| width:300px; | |
| height: 41px; | |
| line-height: 41px; | |
| font-size: 16px; | |
| text-align: center; | |
| padding: 0; | |
| margin-bottom:30px; | |
| } | |
| .registerDetail .popRequest label { | |
| display: inline-block; | |
| float: left; | |
| } | |
| .registerDetail .popRequest label.inputTitle { | |
| font-size: 14px; | |
| line-height: 14px; | |
| color: #666666; | |
| font-weight: bold; | |
| font-style: normal; | |
| padding-bottom: 3px; | |
| } | |
| .registerDetail .popRequest label.error { | |
| float: right; | |
| font-size: 12px; | |
| } | |
| .registerDetail .registerInfo { | |
| font-size: 12px; | |
| color: #666; | |
| font-weight: bold; | |
| line-height: 14px; | |
| padding-top: 5px; | |
| } | |
| .registerDetail .registerSubmit { | |
| margin-top: 20px; | |
| padding-bottom: 10px; | |
| } | |
| .registerDetail form span.formDesc, .registerDetail .registerSubmit button { | |
| display: inline-block; line-height:24px; | |
| } | |
| .registerDetail form span.formDesc { | |
| float: left; | |
| width: auto; | |
| clear: none; | |
| font-style:italic; | |
| } | |
| .registerDetail .registerSubmit button { | |
| float: right; | |
| } | |
| .registerDetail .mobileRegInfo, .registerDetail .mobileRegSub { | |
| display: none; | |
| } | |
| /****************************************************/ | |
| /*Live Events end*/ | |
| /****************************************************/ | |
| /*videoList and Pager Start*/ | |
| .demandVideo { | |
| margin-top: 30px; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| } | |
| .videoList li { | |
| padding: 28px 20px; | |
| background: #e7ecf0; | |
| margin-bottom: 5px; | |
| font-size: 12px; | |
| line-height: 16px; | |
| color: #666666; | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .videoList li .photo { | |
| display: block; | |
| float: left; | |
| margin-right: 38px; | |
| } | |
| .videoList li .details { | |
| width: 545px; | |
| float: left; | |
| } | |
| .videoList li .deTitle { | |
| font-size: 18px; | |
| line-height: 18px; | |
| padding-top: 8px; | |
| font-weight: bold; | |
| color: #95004d; | |
| } | |
| .videoList li .speaker { | |
| color: #95004d; | |
| font-weight: bold; | |
| padding:5px 0; | |
| } | |
| .videoList li .minutes { | |
| color: #383739; | |
| padding-bottom: 10px; | |
| } | |
| .videoList li .summary { | |
| padding-right: 25px; | |
| position: relative; | |
| } | |
| .videoList li .listBtn { | |
| position: absolute; | |
| right: -112px; | |
| bottom: 0; | |
| } | |
| .videoList li .updateBtn { | |
| display: block; | |
| width: 109px; | |
| height: 24px; | |
| line-height: 24px; | |
| margin-top: 12px; | |
| color: #fff; | |
| text-decoration: none; | |
| text-align: center; | |
| font-size: 12px; | |
| border-radius: 5px; | |
| } | |
| .videoList li .video_arrow { | |
| font-size: 16px; | |
| } | |
| .demandVideo .pager { | |
| min-height: 22px; | |
| } | |
| .demandVideo .pager li { | |
| height: 22px; | |
| line-height: 22px; | |
| font-size: 12px; | |
| } | |
| .demandVideo .pager .pagerInfo { | |
| float: left; | |
| color: #666; | |
| padding-left: 320px; | |
| } | |
| .demandVideo .pager .pagerList { | |
| float: right; | |
| text-align: right; | |
| } | |
| .demandVideo .pager .pagerList li { | |
| float: left; | |
| min-width: 14px; | |
| padding: 0 3px; | |
| text-align: center; | |
| margin-right: 10px; | |
| cursor: pointer; | |
| color: #95004d; | |
| } | |
| .demandVideo .pager .pagerList li.currentPage { | |
| background: #e7ecf0; | |
| color: #95004d; | |
| cursor: text; | |
| } | |
| .demandVideo .pager .pagerList li.prev, .demandVideo .pager .pagerList li.next { | |
| display: none; | |
| } | |
| /*videoList and Pager End*/ | |
| /*on demands details Start*/ | |
| .demandDetails { | |
| margin-top: 30px; | |
| } | |
| .demandDetails .title { | |
| font-size: 22px; | |
| line-height: 26px; | |
| color: #95004d; | |
| font-weight: bold; | |
| padding: 0 0 10px 20px; | |
| } | |
| .demandDetails .leftBox { | |
| width: 620px; | |
| margin: 5px 10px 20px; | |
| /*height: 365px;*/ | |
| height:348px; | |
| float: left; | |
| background-color: #e7ecf0; | |
| } | |
| .demandDetails .leftBox .video { | |
| object-fit:fill; | |
| } | |
| .demandDetails .rightBox { | |
| width: 300px; | |
| margin: 5px 10px 20px; | |
| /*height: 365px;*/ | |
| height: 348px; | |
| float: left; | |
| background-color: #e7ecf0; | |
| } | |
| .rightBox .boxContent { | |
| padding: 28px 20px 0 20px; | |
| } | |
| .rightBox .rightTitle { | |
| font-size: 14px; | |
| line-height: 16px; | |
| color: #95004d; | |
| font-weight: bold; | |
| padding-bottom: 2px; | |
| } | |
| .rightBox .boxContent .blueColor { | |
| color: #95004d; | |
| } | |
| .rightBox .rightTitleS { | |
| font-size: 14px; | |
| line-height: 16px; | |
| color: #95004d; | |
| font-weight: bold; | |
| } | |
| .rightBox .boxContent .desc { | |
| font-size: 12px; | |
| line-height: 16px; | |
| color: #666666; | |
| padding: 4px 20px 17px 0; | |
| } | |
| .rightBox .cta { | |
| color: #95004d; | |
| } | |
| .rightBox a { | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 14px; | |
| text-decoration: none; | |
| } | |
| /*on demands details End*/ | |
| /* Print View*/ | |
| .printView { | |
| margin: 30px auto; | |
| /*width: 900px;*/ | |
| } | |
| .printView .geryline { | |
| height: 1px; | |
| background-color: #636363; | |
| margin-top: 14px; | |
| } | |
| .printView .blueBold14 { | |
| color: #95004d; | |
| font-weight: bold; | |
| font-size: 14px; | |
| } | |
| .printView .blueBold { | |
| color: #95004d; | |
| font-weight: bold; | |
| } | |
| .printView .greyBold { | |
| color: #333333; | |
| font-weight: bold; | |
| } | |
| .printView ul { | |
| display:block; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .printView ul li { | |
| list-style-type: none; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 12px; | |
| color: #333333; | |
| padding-bottom: 6px; | |
| } | |
| .printView ul li p { | |
| height: 6px; | |
| margin:12px 0; | |
| } | |
| .printView .footer { | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 11px; | |
| color: #2c2d2f; | |
| padding-top: 20px; | |
| line-height:15px; | |
| } | |
| /* Print View*/ | |
| /*filter - event type css - start*/ | |
| .eventType input[type="radio"], .eventType input[type="checkbox"] { | |
| display:none; | |
| } | |
| .eventType li label { | |
| display:inline-block; min-height:14px; line-height:14px; | |
| background:url(https://image.exacttarget.com/lib/fe9915737560027f73/m/1/ABV_Humira_N4_Portal_checkbox_icons_20160629.png) no-repeat 0 0; | |
| padding-left:20px; | |
| } | |
| .eventType input[type="radio"]:checked + label, .eventType input[type="checkbox"]:checked + label { | |
| background-position:0 -64px; | |
| } | |
| /*filter - event type css - end*/ | |
| @media only screen and (max-width : 548px){ | |
| .stickyFooter h1 { | |
| font-size:15px; | |
| padding-top:0px; | |
| } | |
| } | |
| @media only screen and (max-width : 480px) { | |
| .hidden { | |
| display: none; | |
| } | |
| .showInDesktop { | |
| display: none; | |
| } | |
| #bg { | |
| width: 320px; | |
| min-width: 320px; | |
| margin: 0 auto; | |
| position: relative; | |
| } | |
| #preheader { | |
| padding: 0; | |
| width: 300px; | |
| text-align: center; | |
| } | |
| #preheader a { | |
| display: block; | |
| line-height: 28px; | |
| color: #fff; | |
| font-size: 12px; | |
| } | |
| #preheader a:first-child { | |
| border-bottom: 1px solid #999999; | |
| } | |
| nav { | |
| width: 320px; | |
| } | |
| nav>div>div { | |
| width: 300px; | |
| height: auto; | |
| padding: 7px 10px 7px; | |
| } | |
| nav .logo { | |
| width: 160px; | |
| margin: 0; | |
| } | |
| nav .nav-link { | |
| position: absolute; | |
| top: 122px; | |
| left: 0; | |
| bottom: 0; | |
| width: 100%; | |
| border-top: 1px solid #888b8d; | |
| background-color: rgba(0,0,0,.41); | |
| display: none; | |
| z-index:199; | |
| } | |
| nav .nav-link:after { | |
| content: ""; | |
| display: table; | |
| clear: left; | |
| } | |
| nav .nav-link div { | |
| float: right; | |
| width: 218px; | |
| padding-bottom: 14px; | |
| background-color: #fff; | |
| display: none; | |
| } | |
| nav .nav-link .mobLegalNav { | |
| display: block; | |
| padding: 14px 0 4px; | |
| } | |
| nav .nav-link a { | |
| display: block; | |
| line-height: 45px; | |
| padding-left: 25px; | |
| font-size: 14px; | |
| text-align: left; | |
| color:#95004d; | |
| } | |
| nav .nav-link a:hover { | |
| font-weight: bold; | |
| background-color: #eff2f4; | |
| text-decoration: none; | |
| } | |
| nav .nav-link .mobLegalNav a { | |
| line-height: 37px; | |
| font-size: 12px; | |
| } | |
| nav .search { | |
| float: right; | |
| height: auto; | |
| line-height: normal; | |
| margin-top: 6px; | |
| } | |
| nav .search .icon { | |
| display: inline-block; | |
| width: 35px; | |
| vertical-align: top; | |
| cursor: pointer; | |
| /* margin-left: 20px; */ | |
| } | |
| nav .search #searchBar { | |
| position: absolute; | |
| top: 122px; | |
| left: 0; | |
| height: 67px; | |
| width: 100%; | |
| text-align: center; | |
| display: none; | |
| z-index:10001; | |
| } | |
| nav .search #searchBar.active { | |
| background-color:#e7ecf0; | |
| } | |
| nav .search input { | |
| background-image: url("https://image.exacttarget.com/lib/fe9415747566037471/m/1/ABV_AndroGel_Portal_160222_mob_search_black.png"); | |
| -webkit-background-size: 25px 23px; | |
| background-size: 25px 23px; | |
| background-position: 251px center; | |
| text-align: center; | |
| height: 34px; | |
| width: 281px; | |
| margin-top: 15px; | |
| } | |
| nav #hamburger { | |
| display: inline-block; | |
| vertical-align: top; | |
| width: 50px; | |
| margin-left: 30px; | |
| padding: 2px 0 0; | |
| } | |
| .boxshadow { | |
| display:none; | |
| } | |
| section .hero { | |
| width: 320px; | |
| padding-bottom: 10px; | |
| } | |
| section.main { | |
| width: 320px; | |
| } | |
| .bigBox .icon, .smallBox .icon, .smallBox .logo { | |
| display: none | |
| } | |
| .bigBox, .smallBox { | |
| margin: 0 0 2px; | |
| width: 320px; | |
| padding: 0; | |
| height: 90px; | |
| display: table; | |
| } | |
| .bigBox .content, .smallBox .content { | |
| padding: 0 10px 0 20px; | |
| width: 238px; | |
| vertical-align: middle; | |
| display: table-cell; | |
| } | |
| .bigBox .cta, .smallBox .cta { | |
| display: table-cell; | |
| color: #ffffff; | |
| width: 52px; | |
| height: 90px; | |
| text-align: center; | |
| font-size: 40px; | |
| line-height: 80px; | |
| padding: 0; | |
| border-radius: 3px 0 0 3px; | |
| -moz-border-radius: 3px 0 0 3px; | |
| -webkit-border-radius: 3px 0 0 3px; | |
| border: 0 solid #ffffff; | |
| background: #95004d; | |
| } | |
| .bigBox .content .title, .smallBox .content .title { | |
| font-size: 16px; | |
| padding: 0; | |
| line-height: normal; | |
| } | |
| .bigBox .content .desc, .smallBox .content .desc { | |
| font-size: 11px; | |
| line-height: normal; | |
| } | |
| footer.centerBlock { | |
| width: 300px; | |
| padding: 40px 10px 50px; | |
| margin-top: 8px !important; | |
| text-align: center; | |
| } | |
| footer .mobFooterLogo { | |
| width: 160px; | |
| display: inline; | |
| margin: 0; | |
| } | |
| footer .footerLinks { | |
| margin: 23px; | |
| } | |
| footer .footerLinks span { | |
| display: none; | |
| } | |
| footer .footerLinks a { | |
| display: block; | |
| line-height: 39px; | |
| } | |
| footer .legal { | |
| color: #fff; | |
| clear: both; | |
| } | |
| #ISIstatic { | |
| width:285px; | |
| padding-left:20px; | |
| padding-right:15px; | |
| } | |
| #ISIstatic p.padding { | |
| padding:6px 6px 6px 0; | |
| } | |
| #ISIstatic h1, #ISIstatic h2, #ISIstatic p, #ISIstatic ul li { | |
| /*padding-bottom:3px;*/ | |
| } | |
| #ISIstatic h1 { | |
| /*padding-top:3px;*/ | |
| font-size:16px; | |
| line-height:20px; | |
| font-weight:bold; | |
| } | |
| .mask .icon img { | |
| width: 27px; | |
| } | |
| .mask .icon { | |
| top: 10px; | |
| right: 10px; | |
| } | |
| .popABS { | |
| width: 260px; | |
| padding: 53px 20px 32px; | |
| margin-top: 180px; | |
| } | |
| #repThankyou, #responseWrong { | |
| margin-top:30%; | |
| } | |
| .popABS .desc { | |
| top: -165px; | |
| width: 256px; | |
| padding: 5px 15px; | |
| right: 10px; | |
| } | |
| .popABS .desc .triPointer { | |
| right: 31px; | |
| } | |
| .popABS>p { | |
| font-size: 18px; | |
| text-align: center; | |
| } | |
| .popABS form div { | |
| text-align: center; | |
| margin-bottom: 27px; | |
| } | |
| .popABS input { | |
| width: 260px; | |
| height: 40px; | |
| } | |
| .popABS form button { | |
| float: none; | |
| margin: 0 auto; | |
| display: block; | |
| width: 100px; | |
| height: 45px; | |
| font-size: 13px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| .popRequest { | |
| width: 260px; | |
| padding: 40px 20px 20px; | |
| z-index:299; | |
| margin-top:20px; | |
| } | |
| .popRequest .title { | |
| font-size: 18px; | |
| text-align: center; | |
| padding: 0; | |
| } | |
| .popRequest form input, .popRequest form select { | |
| height: 41px; | |
| } | |
| .popRequest form .cta { | |
| display: block; | |
| margin: 10px auto 15px; | |
| float: none; | |
| width: 100px; | |
| height: 45px; | |
| font-size: 13px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| .popRequest form div { | |
| float:none; | |
| } | |
| #forgot-license { | |
| margin-top: 130px; | |
| } | |
| .forgot-license .desc { | |
| top: -125px; | |
| width: 261px; | |
| padding: 5px 15px; | |
| right: 6px; | |
| } | |
| .forgot-license .desc .triPointer { | |
| right: 35px; | |
| } | |
| .forgot-license>p { | |
| padding: 0 25px; | |
| } | |
| .forgot-license form { | |
| margin-top: 10px; | |
| } | |
| .forgot-license form input, .forgot-license form select { | |
| height: 40px; | |
| } | |
| .forgot-license form span.formDesc { | |
| margin: 0 0 0 10px; | |
| width: auto; | |
| text-align: left; | |
| } | |
| .forgot-license form div { | |
| margin-bottom: 23px; | |
| } | |
| .forgot-license form a { | |
| float: left; | |
| margin: 15px 0 0 10px; | |
| width: auto; | |
| } | |
| .forgot-license form button { | |
| float: right; | |
| margin: 0 73px 26px 0; | |
| display: block; | |
| } | |
| .noNPI p { | |
| padding: 0; | |
| } | |
| .response { | |
| padding: 60px 25px 44px; | |
| width: 246px; | |
| } | |
| .response p { | |
| font-size: 16px; | |
| } | |
| .response button { | |
| width: 111px; | |
| height: 45px; | |
| } | |
| .repThankyou { | |
| padding: 60px 10px 44px; | |
| width: 276px; | |
| } | |
| #bg { | |
| padding-bottom: 213px; | |
| } | |
| .stickyFooter { | |
| width: 320px; | |
| } | |
| .stickyFooter * { | |
| /* background-color: transparent !important; */ | |
| } | |
| .stickyFooter .group { | |
| /*background-color: #eaeff2 !important; */ | |
| top: 0; | |
| bottom: 0; | |
| } | |
| .stickyFooter .indication, .stickyFooter .isi { | |
| width: 100%; | |
| overflow-y: scroll; | |
| } | |
| .stickyFooter .indication { | |
| height: 80px; | |
| } | |
| .stickyFooter .isi { | |
| height: 132px; | |
| } | |
| .stickyFooter .isi a.isiLink { color:#15a9af;} | |
| .stickyFooter h1 { | |
| height: auto; | |
| /* color: #00457c; */ | |
| line-height: 22px; | |
| font-size: 20px; | |
| /*font-weight: bold;*/ | |
| padding-top:9px; | |
| padding-left:28px; | |
| padding-bottom: 2px; | |
| } | |
| .stickyFooter .isi h1 { | |
| /* padding-top: 9px;*/ | |
| /*height: 25px;*/ | |
| /*line-height: normal;*/ | |
| } | |
| .stickyFooter .group>div>div { | |
| color: #000; | |
| overflow: visible; | |
| } | |
| .stickyFooter .warning { | |
| border-color: #000; | |
| margin-left:-3px; | |
| } | |
| .stickyFooter>div { | |
| width: 100%; | |
| height: auto; | |
| } | |
| .stickyFooter .group>div { | |
| border-top: 1px solid #aaadb0; | |
| } | |
| .stickyFooter div.buttonHolder { | |
| float: left; | |
| display: block; | |
| width: 100%; | |
| height: 0; | |
| margin: 0; | |
| border: 0; | |
| position: relative; | |
| } | |
| .stickyFooter div.buttonHolder div.buttomWrap { | |
| top: 0px; | |
| right: 10px; | |
| position: absolute; | |
| width:30px; | |
| height:30px; | |
| padding:0; | |
| z-index: 99; | |
| } | |
| .stickyFooter .button { | |
| /*top: 8px; | |
| right: 20px; | |
| position: absolute;*/ | |
| border: 1px solid #bcbcbc; | |
| font-weight: normal; | |
| font-size: 16px; | |
| width: 14px; | |
| height: 14px; | |
| line-height: 14px; | |
| text-align: center; | |
| display: block; | |
| float: right; | |
| margin-top:6px; | |
| color: #fff; | |
| background: #bcbcbc; | |
| border-radius: 3px; | |
| } | |
| .stickyFooter .isi .button { | |
| top: 88px; | |
| } | |
| .stickyFooter.showIndication, .stickyFooter.showIsi { | |
| top: 0; | |
| } | |
| .stickyFooter.showIndication .group, .stickyFooter.showIsi .group { | |
| position: absolute; | |
| } | |
| .stickyFooter.showIndication .indication { | |
| height: 55%; | |
| } | |
| .stickyFooter.showIndication .isi { | |
| height: 45%; | |
| } | |
| .stickyFooter.showIsi .indication { | |
| height: 20%; | |
| } | |
| .stickyFooter.showIsi .isi { | |
| height: 80%; | |
| } | |
| .stickyFooter li { | |
| color:#15a9af; | |
| } | |
| .stickyFooter li span { | |
| color:#000; | |
| } | |
| /*View Your Event*/ | |
| .ViewEventsPage { | |
| width: 320px; | |
| margin: auto; | |
| position: relative; | |
| } | |
| .chooseEvents { | |
| /*display: none;*/ | |
| position: absolute; | |
| z-index: 500; | |
| border: 1px solid #999999; | |
| background-color: rgba(255,255,255,0.95); | |
| margin: 18px 30px; | |
| padding: 20px 16px; | |
| } | |
| .chooseEvents a { | |
| display: block; | |
| text-align: left; | |
| } | |
| .chooseEvents span { | |
| margin: 10px 0; | |
| border-top: 1px solid #999999; | |
| height: 0px; | |
| display: block; | |
| overflow: hidden; | |
| } | |
| .GoToHidden { | |
| display: block; | |
| font-size: 12px; | |
| color: #95004d; | |
| margin: 20px 0 2px 30px; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-weight: bold; | |
| } | |
| .MyEvents { | |
| padding-left: 30px; | |
| } | |
| .ViewYourEvent { | |
| padding: 0 10px; | |
| } | |
| .noEvents { | |
| margin: 0 20px 20px 20px; | |
| ; | |
| font-size: 16px; | |
| } | |
| .MyEvents p { | |
| font-size: 18px; | |
| } | |
| .ViewYourEvent li .details { | |
| width: 100%; | |
| } | |
| .ViewYourEvent li .title { | |
| font-size: 16px; | |
| } | |
| .calendar { | |
| width: auto; | |
| text-align: center; | |
| margin-top: 20px; | |
| } | |
| .calendar .calendarImg { | |
| width: 50px; | |
| height: 47px; | |
| padding-bottom: 5px; | |
| ; | |
| } | |
| .calendar .calendar_text { | |
| font-size: 11px; | |
| padding-top: 0; | |
| } | |
| .calendar .calendar_text .calendar_arrow { | |
| font-size: 14px; | |
| } | |
| /*View Your Event*/ | |
| /*Search Page*/ | |
| .searchPage { | |
| width: 300px; | |
| margin: 10px; | |
| } | |
| .searchMain .search_header { | |
| font-size: 13px; | |
| } | |
| .searchMain li { | |
| padding: 15px 0 0; | |
| line-height: 17px; | |
| } | |
| .searchMain li span { | |
| display: block; | |
| } | |
| /*Search Page*/ | |
| /*Pager*/ | |
| .searchPage .pager { | |
| padding-top: 10px; | |
| padding-bottom: 15px; | |
| text-align: center; | |
| } | |
| .searchPage .pager .pagerInfo, .pager .pagerList { | |
| float: none; | |
| text-align: center; | |
| padding-left: 0; | |
| } | |
| .searchPage .pager .pagerList { | |
| padding-top: 5px; | |
| text-align: center; | |
| float: none; | |
| } | |
| .searchPage .pager .pagerList li { | |
| float: none; | |
| display: inline-block; | |
| font-size: 15px; | |
| } | |
| .searchPage .pager .pagerList li.prev, .pager .pagerList li.next { | |
| display: inline-block; | |
| margin-right: 0px; | |
| } | |
| .searchPage .pager .pagerList li.next { | |
| margin-left: -10px; | |
| } | |
| /*Pager*/ | |
| /*Live Events - Add to Calendar*/ | |
| .addToCalendarPage .hidden { | |
| display: none; | |
| } | |
| .addToCalendarPage .show { | |
| display: inline-block; | |
| } | |
| .addToCalendarPage { | |
| width: 300px; | |
| margin: 10px; | |
| text-align: center; | |
| background-color: #e7ecf0; | |
| } | |
| .addToCalendarPage .title { | |
| font-size: 18px; | |
| padding-top: 30px; | |
| padding-bottom: 15px; | |
| } | |
| .addToCalendarPage .content { | |
| font-size: 12px; | |
| padding: 0 25px 18px 25px; | |
| word-wrap: break-word; | |
| } | |
| .addToCalendarPage .iconImg, .addToCalendarPage .icons>div { | |
| width: 70px; | |
| } | |
| .addToCalendarPage .iconImg {height:70px;} | |
| .addToCalendarPage .icons>div { | |
| font-size: 12px; | |
| margin: 0 30px; | |
| } | |
| .addToCalendarPage .icons>div:first-child, .addToCalendarPage .icons>div:last-child { | |
| margin: 0; | |
| } | |
| .addToCalendarPage .arrow { | |
| font-size: 15px; | |
| } | |
| .addToCalendarPage .register_text { | |
| font-size: 12px; | |
| } | |
| .addToCalendarPage .register { | |
| padding-top: 25px; | |
| padding-bottom: 20px; | |
| } | |
| /*Live Events - Add to Calendar*/ | |
| /****************************************************/ | |
| /*Live Events - Mobile start*/ | |
| /****************************************************/ | |
| #bg { | |
| background: #fff; | |
| } | |
| .liveEventBox { | |
| width: 320px; | |
| } | |
| .liveEventBox .narrow { | |
| position: absolute; | |
| float: none; | |
| left: 0; | |
| top: -10px; | |
| z-index: 99; | |
| width: 320px; | |
| } | |
| .narrow .liveEventList { | |
| display: none; | |
| background: #fff; | |
| } | |
| .narrow .bottomShadow { | |
| display: none; | |
| } | |
| .liveEventBox .wide { | |
| float: none; | |
| width: 300px; | |
| margin-top: 25px; | |
| } | |
| /*EventList and Pager*/ | |
| .eventList li { | |
| padding-bottom: 85px; | |
| } | |
| .eventList li .photo { | |
| display: none; | |
| } | |
| .eventList li .details { | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| .eventList li .listBtn { | |
| left: 20px; | |
| right: auto; | |
| } | |
| .eventList li .listBtn .updateBtn, .narrow .updateBtn { | |
| height: 45px; | |
| line-height: 45px; | |
| width: 128px; | |
| } | |
| .pager { | |
| padding-top: 10px; | |
| padding-bottom: 15px; | |
| } | |
| .pager .pagerInfo, .pager .pagerList { | |
| float: none; | |
| text-align: center; | |
| } | |
| .pager .pagerList { | |
| padding-top: 5px; | |
| } | |
| .pager .pagerList li { | |
| float: none; | |
| display: inline-block; | |
| font-size: 15px; | |
| } | |
| .pager .pagerList li.prev, .pager .pagerList li.next { | |
| display: inline-block; | |
| margin-right: 0px; | |
| } | |
| .pager .pagerList li.next { | |
| margin-left: -10px; | |
| } | |
| /*EventList and Pager*/ | |
| /*Filter*/ | |
| .narrow .bottomShadow { | |
| width: 320px; | |
| height: 18px; | |
| background: transparent url(https://image.exacttarget.com/lib/fe9415747566037471/m/1/ABV_AndroGel_Portal_Shadow_2.png) repeat-x left bottom; | |
| } | |
| .filterBtn { | |
| display: block; | |
| } | |
| .eventTitle { | |
| position: relative; | |
| height: 39px; | |
| line-height: 39px; | |
| font-size: 14px; | |
| margin-bottom: 2px; | |
| } | |
| .eventTitle .arrow { | |
| display: inline-block; | |
| } | |
| .eventBox { | |
| padding: 20px 0px 25px 28px; | |
| display: none; | |
| } | |
| .eventBox select { | |
| width: 248px; | |
| height: 38px; | |
| line-height: 38px; | |
| border-width: 2px; | |
| margin-top: 10px; | |
| } | |
| .narrow .updateBtn { | |
| width: 150px; | |
| font-size: 16px; | |
| border-radius: 2px; | |
| margin-top: 25px; | |
| } | |
| .narrow .updateBtn span { | |
| font-size: 16px; | |
| } | |
| #datetimepicker, #datetimepicker2 { | |
| width: 248px; | |
| height: 36px; | |
| line-height: 36px; | |
| border-width: 2px; | |
| background:url(https://image.exacttarget.com/lib/fe9915737560027f73/m/1/ABV_Humira_N4_Portal_Calendar_Icon_20160629_M.jpg) no-repeat right center; | |
| } | |
| .xdsoft_datetimepicker .xdsoft_datepicker { | |
| width: 230px; | |
| } | |
| .eventType input[type="checkbox"] { | |
| margin: 0 8px 0 0; | |
| } | |
| .eventType > li { | |
| margin-left: 0; | |
| } | |
| /*Register Detail*/ | |
| .registerDetail { | |
| margin-top: 6px; | |
| } | |
| .registerDetail .narrow, .registerDetail .wide { | |
| float: none; | |
| background: #e7ecf0; | |
| } | |
| .registerDetail .narrow { | |
| position: static; | |
| width: 300px; | |
| margin-bottom: 10px; | |
| min-height:auto; | |
| } | |
| .registerDetail .wide { | |
| margin-top: 0; | |
| min-height:auto; | |
| } | |
| .registerDetail .inner { padding-top:4px;} | |
| .registerDetail .eventList { | |
| padding: 20px 15px; | |
| min-height: auto; | |
| } | |
| .registerDetail .eventList .deTitle { | |
| font-size: 16px; | |
| } | |
| .registerDetail .popRequest { | |
| padding-top:40px; | |
| } | |
| .registerDetail .popRequest .title { | |
| font-size: 18px; | |
| text-align: center; | |
| padding: 0; | |
| } | |
| .registerDetail .popRequest form div { padding:0 20px 0 20px;} | |
| .registerDetail .popRequest form input, .registerDetail .popRequest form select { | |
| height: 41px; | |
| } | |
| .registerDetail .popRequest form .cta, .registerDetail .registerSubmit .cta { | |
| display: block; | |
| margin: 10px auto 15px; | |
| float: none; | |
| width: 100px; | |
| height: 45px; | |
| line-height: 45px; | |
| font-size: 13px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| color: #fff; | |
| border: none; | |
| } | |
| .registerDetail .registerSubmit .cta, .registerDetail .popRequest form .cta { | |
| float: none; | |
| height: 45px; | |
| line-height: 45px; | |
| width: 260px; | |
| } | |
| .registerDetail .popRequest form .mobileRegSub .cta { margin-bottom:25px;} | |
| .registerDetail form span.formDesc, .registerDetail .registerSubmit button { | |
| display: block; | |
| float: none; | |
| } | |
| .registerDetail .mobileRegInfo, .registerDetail .mobileRegSub { | |
| display: block; | |
| } | |
| .registerDetail .popRequest form .mobileRegSub { | |
| padding-bottom: 25px; | |
| } | |
| .registerDetail .mobileRegSub .goBackBtn { | |
| font-size: 14px; | |
| color: #95004d; | |
| } | |
| .registerDetail .mobileRegSub .goBackBtn:hover { | |
| font-weight: bold; | |
| } | |
| section .liveEventHero { | |
| /*content: url(https://image.exacttarget.com/lib/fe9415747566037471/m/1/ABV_AndroGel_Portal_register_hero_mobile.jpg);*/ | |
| } | |
| .registerDetail .popRequest form .regFormBox { padding-bottom:10px;} | |
| /*lievEvent list popBox*/ | |
| .narrow .liveEventList li .eventType li .popDesc { | |
| right: -68px; | |
| top: -90px; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc_2 { | |
| right: -40px; | |
| width: 190px; | |
| top:-75px; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc .triPointer { | |
| left: 134px; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc_2 .triPointer { | |
| left: 80px; | |
| } | |
| /****************************************************/ | |
| /*Live Events - Mobile end*/ | |
| /****************************************************/ | |
| /*videoList and Pager Star*/ | |
| .demandVideo { | |
| margin-left: 0; | |
| margin-right: 0; | |
| margin-top: 10px; | |
| } | |
| .videoList li { | |
| padding-bottom: 85px; | |
| padding-right: 0; | |
| padding-left: 0; | |
| } | |
| .videoList li .photo, .videoList li .details { | |
| width: 310px; | |
| text-align: center; | |
| float: none; | |
| padding:0 5px; | |
| } | |
| .videoList li .photo img { | |
| width: 147px; | |
| height: 97px; | |
| } | |
| .videoList li .deTitle { | |
| padding-top: 18px; | |
| } | |
| .videoList li .speaker { | |
| padding-top: 5px; | |
| } | |
| .videoList li .summary { | |
| padding-right: 0; | |
| } | |
| .videoList li .listBtn { | |
| left: 91px; | |
| right: 0; | |
| text-align: center; | |
| bottom: -60px; | |
| } | |
| .videoList li .listBtn .updateBtn { | |
| font-size: 13px; | |
| height: 45px; | |
| line-height: 45px; | |
| width: 128px; | |
| } | |
| .videoList li .video_arrow { | |
| font-size: 16px; | |
| } | |
| .demandVideo .pager { | |
| padding-top: 10px; | |
| padding-bottom: 15px; | |
| } | |
| .demandVideo .pager .pagerInfo, .demandVideo .pager .pagerList { | |
| float: none; | |
| text-align: center; | |
| padding-left: 0; | |
| } | |
| .demandVideo .pager .pagerList { | |
| padding-top: 5px; | |
| } | |
| .demandVideo .pager .pagerList li { | |
| float: none; | |
| display: inline-block; | |
| font-size: 15px; | |
| } | |
| .demandVideo .pager .pagerList li.prev, .demandVideo .pager .pagerList li.next { | |
| display: inline-block; | |
| margin-right: 0px; | |
| } | |
| .demandVideo .pager .pagerList li.next { | |
| margin-left: -10px; | |
| } | |
| .demandVideo .pager .pagerList .hidden { | |
| display: none; | |
| width: 0px !important; | |
| } | |
| /*videoList and Pager End*/ | |
| /*on demands details Start*/ | |
| .demandDetails { | |
| margin-top: 25px; | |
| } | |
| .demandDetails .leftBox { | |
| height: 320px; | |
| margin-bottom: 0; | |
| } | |
| .demandDetails .rightBox { | |
| min-height: 320px; | |
| margin-top: 0; | |
| margin-bottom:10px; | |
| } | |
| .demandDetails .leftBox, .demandDetails .leftBox .video, .demandDetails .leftBox iframe.sproutvideo-player, .leftBox img { | |
| width: 300px; | |
| height: auto; | |
| } | |
| .rightBox .rightTitle { | |
| font-size: 18px; | |
| line-height: 20px; | |
| padding-bottom: 10px; | |
| } | |
| .rightBox .rightTitleS { | |
| padding-bottom: 5px; | |
| } | |
| .rightBox a { | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| /*on demands details End*/ | |
| .show { | |
| display:block !important; | |
| } | |
| .showImgInMobile{ | |
| display:inline !important; | |
| } | |
| .hiddenImgInMobile { | |
| display:none !important; | |
| } | |
| /*filter - event type css - start*/ | |
| .eventType li label { | |
| /*background-position:0 -64px;*/ | |
| } | |
| /*filter - event type css - end*/ | |
| .displyFlex { | |
| -webkit-flex-align: flex-start; | |
| -ms-flex-align: flex-start; | |
| -webkit-align-items: flex-start; | |
| align-items: flex-start; | |
| } | |
| } | |
| /*reset datetimepicker css*/ | |
| .xdsoft_datetimepicker .xdsoft_year { | |
| width:auto; | |
| } | |
| .xdsoft_datetimepicker .xdsoft_month { | |
| width:auto; | |
| margin-left:-15px; | |
| } | |
| .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th { | |
| text-align:center; | |
| vertical-align:middle; | |
| } | |
| .xdsoft_datetimepicker .xdsoft_label { | |
| float:none; | |
| } | |
| .xdsoft_datetimepicker .xdsoft_label span { | |
| display:inline-block; | |
| margin-top:4px; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* http://meyerweb.com/eric/tools/css/reset/ | |
| v2.0 | 20110126 | |
| License: none (public domain) | |
| */ | |
| html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| font-size: 100%; | |
| font: inherit; | |
| font-family: Arial, Helvetica, sans-serif; | |
| vertical-align: baseline; | |
| } | |
| /* HTML5 display-role reset for older browsers */ | |
| article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { | |
| display: block; | |
| } | |
| body { | |
| line-height: 1; | |
| } | |
| ol, ul { | |
| list-style: none; | |
| } | |
| blockquote, q { | |
| quotes: none; | |
| } | |
| blockquote:before, blockquote:after, q:before, q:after { | |
| content: ''; | |
| content: none; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| /* Customize Styles */ | |
| .bold { | |
| font-weight: bold !important; | |
| } | |
| .showInDesktop { | |
| display: block; | |
| } | |
| .hideInBoth { | |
| display: none; | |
| } | |
| sup { | |
| vertical-align: super; | |
| line-height: 0; | |
| font-size: 0.6em; | |
| } | |
| .group:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| input, select { | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding:0; margin:0; | |
| } | |
| strong { | |
| font-weight: bold; | |
| } | |
| .force_show_inline { | |
| display: inline-block !important; | |
| PADDING-TOP: 15px; | |
| } | |
| .force_show { | |
| display: block !important; | |
| } | |
| a { | |
| font: inherit; | |
| color: inherit; | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| text-decoration: none; | |
| } | |
| footer a, .nav-link a, #preheader a, a.hoverBold, .chooseEvents a { | |
| display: inline-block; | |
| text-align: center; | |
| } | |
| footer a:hover, .nav-link a:hover, #preheader a:hover, a.hoverBold:hover, .chooseEvents a:hover, .ViewYourEvent a:hover { | |
| font-weight: bold; | |
| } | |
| footer a::after, .nav-link a::after, #preheader a::after, a.hoverBold::after, .chooseEvents a::after { | |
| display: block; | |
| content: attr(title); | |
| font-weight: bold; | |
| height: 0px; | |
| color: transparent; | |
| overflow: hidden; | |
| visibility: hidden; | |
| margin-bottom: -1px; | |
| } | |
| .nav-link a:hover { | |
| color:#95004d; | |
| } | |
| #bg { | |
| padding-bottom: 172px; | |
| position: relative; | |
| min-width: 960px; | |
| } | |
| .light_blue { | |
| /* background-color: #fff; */ | |
| } | |
| .centerBlock { | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| .preheaderBg { | |
| background-color: #393939; | |
| } | |
| #preheader { | |
| width: 900px; | |
| margin: 0 auto; | |
| font: 12px Arial, Helvetica, sans-serif; | |
| color: #ffffff; | |
| } | |
| #preheader a { | |
| line-height: 43px; | |
| } | |
| nav { | |
| overflow: hidden; | |
| margin: 0 auto; | |
| height: 72px; | |
| } | |
| nav>div>div { | |
| height: 66px; | |
| width: 930px; | |
| padding: 0 30px 0 0; | |
| margin: 0 auto; | |
| } | |
| nav .logo { | |
| width: 182px; | |
| /* margin: 17px 33px 0 0; */ | |
| display: inline-block; | |
| vertical-align: top; | |
| margin-right: 25px; | |
| } | |
| nav .nav-link, nav .nav-link div { | |
| color: #6c6c6c; | |
| /* line-height: 65px; */ | |
| } | |
| nav .nav-link a { | |
| font-size:16px; | |
| line-height: 28px; | |
| color:#6c6c6c; | |
| } | |
| nav .nav-link a span { | |
| font-weight:normal; | |
| } | |
| nav .nav-link div * { | |
| vertical-align: middle; | |
| } | |
| nav .nav-link .mobLegalNav { | |
| display: none; | |
| } | |
| nav .search { | |
| float: right; | |
| /* height: 65px; */ | |
| /* line-height: 62px; */ | |
| margin-top: 25px; | |
| /* margin-left: 25px; */ | |
| } | |
| nav .search .icon { | |
| display: none; | |
| } | |
| nav #hamburger { | |
| display: none; | |
| } | |
| nav .search input { | |
| border: 1px solid #999999; | |
| background-image: url("https://image.exacttarget.com/lib/fe9415747566037471/m/1/ABV_AndroGel_Portal_160218_08.png"); | |
| background-repeat: no-repeat; | |
| -webkit-background-size: 16px 15px; | |
| background-size: 16px 15px; | |
| background-position: 11px center; | |
| height: 26px; | |
| width: 212px; | |
| padding: 2px 4px; | |
| } | |
| nav .search input:focus { | |
| background: #ffffff; | |
| } | |
| nav { | |
| /*position:relative;*/ | |
| } | |
| .boxshadow { | |
| position:absolute; | |
| width:100%; | |
| height:6px; | |
| background:url(https://image.exacttarget.com/lib/fe9915737560027f73/m/1/ABV_Humira_N4_boxshadow.png) repeat-x left top; | |
| /*bottom:0;*/ | |
| left:0; | |
| z-index:99; | |
| } | |
| section.heroBox { | |
| margin-top: -6px; | |
| } | |
| section .hero { | |
| width: 960px; | |
| padding-bottom: 27px; | |
| } | |
| section.main { | |
| width: 960px; | |
| } | |
| .bigBox { | |
| width: 420px; | |
| margin: 5px 10px; | |
| padding: 17px 20px; | |
| height: 146px; | |
| float: left; | |
| background-color: #ededed; | |
| } | |
| .bigBox .icon { | |
| margin-right: 8px; | |
| width: 75px; | |
| float: right; | |
| } | |
| .bigBox .content { | |
| height: 90px; | |
| } | |
| .bigBox .content .title { | |
| padding-top: 12px; | |
| font-size: 22px; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| color: #95004d; | |
| } | |
| .bigBox .content .desc { | |
| padding-top: 5px; | |
| color: #666666; | |
| font-size: 12px; | |
| line-height: 1.4em; | |
| } | |
| .bigBox .cta { | |
| display: block; | |
| text-align: center; | |
| width: 170px; | |
| height: 44px; | |
| font-size: 14px; | |
| color: #ffffff; | |
| line-height: 44px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: 0 solid #ffffff; | |
| padding: 0 15px; | |
| } | |
| .cyanGradient { | |
| background: rgba(149,0,77,1); | |
| } | |
| .cta:hover { | |
| text-decoration: none; | |
| } | |
| .smallBox { | |
| width: 267px; | |
| margin: 10px; | |
| padding: 24px 13px 20px 20px; | |
| height: 95px; | |
| float: left; | |
| background-color: #ededed; | |
| } | |
| .smallBox .icon { | |
| width: 45px; | |
| float: right; | |
| } | |
| .smallBox .logo { | |
| /* width: 97px; */ | |
| float: right; | |
| margin-top:-5px; | |
| margin-right:-5px; | |
| } | |
| .smallBox .content { | |
| height: 58px; | |
| } | |
| .smallBox .content .title { | |
| font-size: 14px; | |
| font-weight: bold; | |
| color: #95004d; | |
| } | |
| .smallBox .content .desc { | |
| padding-top: 5px; | |
| color: #666666; | |
| font-size: 12px; | |
| line-height: 1.4em; | |
| } | |
| .smallBox .cta { | |
| line-height: 32px; | |
| font-size: 14px; | |
| color: #95004d; | |
| /* font-weight: bold; */ | |
| } | |
| .smallBox .cta:hover { | |
| font-weight: bold; | |
| } | |
| footer.centerBlock { | |
| /* margin-top: 27px; */ | |
| padding: 10px 20px; | |
| width: 900px; | |
| background-color: #393939; | |
| } | |
| footer .legal, footer .footerLinks, footer .footerLinks * { | |
| color: #fff; | |
| vertical-align: bottom; | |
| } | |
| footer .legal { | |
| font-size: 11px; | |
| line-height: 1.2; | |
| } | |
| footer .footerLinks { | |
| font-size: 14px; | |
| margin-left: -6px; | |
| } | |
| footer .footerLinks a { | |
| color: #fff; | |
| } | |
| footer .footerLinks span { | |
| font-size: 15px; | |
| display: inline; | |
| } | |
| footer .footerLogo { | |
| width: 99px; | |
| margin: 25px 0 15px; | |
| } | |
| footer .mobFooterLogo { | |
| display: none; | |
| width: 99px; | |
| margin: 20px 0 15px; | |
| } | |
| .mask { | |
| position: fixed; | |
| background-color: rgba(0,0,0, .41); | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| display: none; | |
| z-index: 9999; | |
| overflow-y:auto; | |
| } | |
| .displyFlex { | |
| display: -webkit-flexbox !important; | |
| display: -ms-flexbox !important; | |
| display: -webkit-flex !important; | |
| display: flex !important; | |
| -webkit-flex-align: center; | |
| -ms-flex-align: center; | |
| -webkit-align-items: center; | |
| align-items: center; | |
| } | |
| .mask>div { | |
| display: none; | |
| } | |
| .mask .icon img { | |
| width: 15px; | |
| cursor: pointer; | |
| } | |
| .mask .icon { | |
| position: absolute; | |
| right: 5px; | |
| top: 5px; | |
| } | |
| .mask label.error, .mask label.buttonErrorFlag { | |
| color: #ed1c24; | |
| text-align: right; | |
| display: block; | |
| font-size: 10px; | |
| padding: 0 5px 2px 0; | |
| font-style: italic; | |
| width: auto; | |
| } | |
| .mask label.buttonErrorFlag { | |
| display: none; | |
| } | |
| .mask form input, .mask form select { | |
| height: 28px; | |
| width: 262px; | |
| vertical-align: top; | |
| margin-bottom: 13px; | |
| display: inline-block; | |
| border: 1px solid #999999; | |
| padding-left: 20px; | |
| } | |
| .mask form select, .mask form option { | |
| padding-left:20px; | |
| } | |
| .mask form select { | |
| color: #95004d; | |
| padding-left:16px; | |
| } | |
| .mask form option { | |
| color:#95004d; | |
| font-size:14px; | |
| } | |
| .mask form select.grey{ | |
| color:#A9A9A9; | |
| } | |
| .mask form span.formDesc { | |
| display: block; | |
| color: #666666; | |
| font-style: italic; | |
| font-size: 12px; | |
| line-height: 1.3em; | |
| padding-top: 5px; | |
| clear: both; | |
| width: 280px; | |
| } | |
| .popRequest { | |
| /*margin: 183px auto 0;*/ | |
| margin:0 auto; | |
| width: 420px; | |
| background-color: #e7ecf0; | |
| padding: 27px 20px; | |
| position: relative; | |
| } | |
| .popRequest p { | |
| padding-right: 80px; | |
| font-size: 14px; | |
| line-height: 1.2em; | |
| color: #95004d; | |
| font-weight: bold; | |
| } | |
| .popRequest .cta { | |
| width: 116px; | |
| height: 24px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: none; | |
| font-size: 12px; | |
| color: #ffffff; | |
| line-height: 19px; | |
| display: inline-block; | |
| margin: 2px 0 0 30px; | |
| cursor: pointer; | |
| } | |
| .popRequest .cta span { | |
| font-size: 14px; | |
| line-height: 19px; | |
| } | |
| .popRequest form { | |
| display: block; | |
| margin-top: 20px; | |
| } | |
| .popRequest form div { | |
| width: 263px; | |
| float: left; | |
| } | |
| .popABS { | |
| /*margin: 316px auto 0;*/ | |
| margin:0 auto; | |
| width: 420px; | |
| /* padding: 60px 20px;*/ | |
| position: relative; | |
| background-color: #e7ecf0; | |
| padding:60px 20px 30px 20px; | |
| } | |
| .popABS p { | |
| color: #95004d; | |
| font-size: 14px; | |
| font-weight: bold; | |
| line-height: 1.3em; | |
| } | |
| .popABS form { | |
| margin: 14px 0 0; | |
| } | |
| .popABS form div { | |
| width: 253px; | |
| float: left; | |
| } | |
| .popABS form#npiSubmission div { | |
| width:262px; | |
| } | |
| .popABS input { | |
| width: 253px; | |
| height: 28px; | |
| } | |
| .popABS .desc { | |
| width: 328px; | |
| padding: 10px 13px; | |
| margin-bottom: 25px; | |
| position: absolute; | |
| top: -160px; | |
| right: 1px; | |
| background-color: #fff; | |
| display: none; | |
| } | |
| .popABS .desc p { | |
| font-size: 12px; | |
| color: #666666; | |
| font-weight: normal; | |
| margin: 10px 0; | |
| } | |
| .popABS .triPointer { | |
| position: absolute; | |
| bottom: -25px; | |
| right: 18px; | |
| border: 25px solid transparent; | |
| border-width: 25px 14px; | |
| border-top-color: #ffffff; | |
| border-bottom: none; | |
| } | |
| .popABS button { | |
| float: right; | |
| width: 116px; | |
| height: 24px; | |
| color: #ffffff; | |
| text-align: center; | |
| font-size: 12px; | |
| vertical-align: top; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: none; | |
| cursor: pointer; | |
| } | |
| .popABS button span, .mask span.arrowQuo { | |
| font-size: 14px; | |
| line-height: 19px; | |
| } | |
| .popABS a { | |
| color: #95004d; | |
| font-size: 12px; | |
| text-decoration: underline; | |
| } | |
| .grey { | |
| color: #A9A9A9; | |
| } | |
| .forgot-license { | |
| /*margin: 183px auto 0;*/ | |
| margin:0 auto; | |
| padding: 25px 20px; | |
| } | |
| .forgot-license form { | |
| display: block; | |
| margin-top: 22px; | |
| } | |
| .forgot-license form div { | |
| width: 263px; | |
| float: left; | |
| } | |
| .forgot-license form a { | |
| display: block; | |
| float: right; | |
| width: 115px; | |
| margin-top: 26px; | |
| } | |
| .forgot-license .desc { | |
| top: -120px; | |
| width: 291px; | |
| } | |
| .noNPI p { | |
| padding-right: 40px; | |
| } | |
| .response { | |
| /*margin: 283px auto 0;*/ | |
| margin:0 auto; | |
| width: 272px; | |
| background-color: #e7ecf0; | |
| padding: 84px 94px; | |
| position: relative; | |
| text-align: center; | |
| } | |
| .response p { | |
| font-size: 18px; | |
| color: #95004d; | |
| text-transform: uppercase; | |
| margin-bottom: 15px; | |
| font-weight: bold; | |
| } | |
| .wrong { | |
| width:322px; | |
| padding:84px 69px; | |
| } | |
| .wrong p { | |
| text-transform:none; | |
| } | |
| .response>span { | |
| font-size: 12px; | |
| color: #666666; | |
| } | |
| .response a { | |
| color: #95004d; | |
| font-size: 12px; | |
| } | |
| .response button { | |
| width: 116px; | |
| height: 24px; | |
| color: #ffffff; | |
| text-align: center; | |
| font-size: 12px; | |
| vertical-align: top; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: none; | |
| cursor: pointer; | |
| } | |
| .repThankyou { | |
| padding: 84px 74px; | |
| width: 312px; | |
| } | |
| .stickyFooter { | |
| position: fixed; | |
| z-index: 1000; | |
| width: 100%; | |
| bottom: 0; | |
| } | |
| .stickyFooter>div { | |
| width: 100%; | |
| max-width: 960px; | |
| height: 171px; | |
| margin: 0 auto; | |
| border: 1px solid #bbb; | |
| background: #fff; | |
| box-shadow: 5px #000; | |
| -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, .3); | |
| -moz-box-shadow: 0 -3px 5px rgba(0, 0, 0, .3); | |
| box-shadow: 0 -3px 5px rgba(0, 0, 0, .3); | |
| } | |
| .stickyFooter .indication { | |
| width: 33%; | |
| float: left; | |
| } | |
| .stickyFooter .isi { | |
| width: 67%; | |
| float: left; | |
| } | |
| .stickyFooter .isi a.isiLink { | |
| text-decoration:underline; | |
| color:#fff; | |
| } | |
| .stickyFooter h1 { | |
| /*text-transform: uppercase;*/ | |
| line-height: 22px; | |
| font-size: 18px; | |
| color: #95004d; | |
| padding: 10px 0 10px 28px; | |
| } | |
| .stickyFooter .group>div>div { | |
| padding: 0px 25px 0 28px; | |
| height: 130px; | |
| overflow-y: scroll; | |
| color: #000; | |
| font-size: 11px; | |
| line-height: 14px; | |
| } | |
| .stickyFooter li { | |
| list-style: disc; | |
| margin-left: 15px; | |
| } | |
| .stickyFooter li span { | |
| position: relative; | |
| left: -5px; | |
| } | |
| .stickyFooter p, .stickyFooter li, .stickyFooter h2, .stickyFooter .warning { | |
| margin-bottom: 4px; | |
| } | |
| .stickyFooter p { | |
| margin-bottom: 10px; | |
| line-height: 14px; | |
| font-size: 12px; | |
| } | |
| .stickyFooter p > span { | |
| font-weight:bold; | |
| color: #95004d; | |
| } | |
| .stickyFooter .warning { | |
| font-weight: bold; | |
| border: 1px solid #fff; | |
| padding: 6px 17px 0px; | |
| margin-left: -7px; | |
| } | |
| .stickyFooter .buttonHolder { | |
| display: none; | |
| } | |
| .stickyFooter .isi p { | |
| margin-bottom: 6px; | |
| } | |
| #ISIstatic { | |
| width: 940px; | |
| padding: 10px 10px 0 10px; | |
| margin: 0 auto; | |
| } | |
| #ISIstatic h1 { | |
| font-size:18px; | |
| line-height:18px; | |
| color: #95004d; | |
| font-weight: bold; | |
| } | |
| #ISIstatic h2 { | |
| font-size:13px; | |
| line-height:13px; | |
| color: #95004d; | |
| font-weight:bold; | |
| padding-top:4px; | |
| padding-bottom:1px; | |
| } | |
| #ISIstatic ul{ | |
| padding: 2px 0; | |
| } | |
| #ISIstatic p, #ISIstatic ul li { | |
| font-size:12px; | |
| line-height:15px; | |
| color:#000; | |
| } | |
| #ISIstatic p a { | |
| color:#95004d; | |
| text-decoration:underline; | |
| } | |
| #ISIstatic ul li { | |
| list-style:outside disc; | |
| margin-left: 25px; | |
| } | |
| #ISIstatic ul li span { position:relative; left: -5px;} | |
| #ISIstatic h1, #ISIstatic h2, #ISIstatic p, #ISIstatic ul li { | |
| /*padding-bottom: 6px;*/ | |
| } | |
| #ISIstatic h1 { | |
| padding-bottom:8px; padding-top:20px; | |
| } | |
| #ISIstatic p.padding { | |
| padding: 15px 0; | |
| } | |
| /*bioHover Effect*/ | |
| .bioHover { | |
| position: absolute; | |
| left: 0px; | |
| top: 20px; | |
| z-index: 100; | |
| display: none; | |
| } | |
| /*EventList and Pager*/ | |
| .eventList { | |
| display: block; | |
| } | |
| .eventList li { | |
| padding: 28px 20px; | |
| background: #e7ecf0; | |
| margin-bottom: 5px; | |
| position: relative; | |
| } | |
| .eventList .photo { | |
| display: block; | |
| float: left; | |
| } | |
| .eventList .details { | |
| padding-left: 135px; | |
| padding-right: 165px; | |
| } | |
| .eventList .listBtn { | |
| position: absolute; | |
| right: 20px; | |
| bottom: 28px; | |
| } | |
| .eventList p { | |
| color: #ec008c; | |
| font-size: 12px; | |
| line-height: 16px; | |
| font-weight: bold; | |
| padding-bottom: 3px; | |
| } | |
| .eventList p span { | |
| color: #666; | |
| } | |
| .eventList .deTitle { | |
| font-size: 18px; | |
| line-height: 18px; | |
| padding-bottom: 10px; | |
| } | |
| .eventList .deTitle span, .eventList .speaker span , .eventList .location span{ | |
| color: #95004d; | |
| } | |
| .eventList .location { font-weight:normal;} | |
| .eventList .location a { | |
| color: #95004d; | |
| } | |
| .eventList .location a:hover { font-weight:bold;} | |
| .eventList .summary span { | |
| font-weight: normal; | |
| } | |
| .eventList .summary { | |
| padding-top: 3px; | |
| } | |
| .eventList .speaker sup { | |
| font-size: 10px; | |
| letter-spacing: -1px; | |
| vertical-align: 3px; | |
| color: #95004d; | |
| } | |
| .pager { | |
| min-height: 22px; | |
| } | |
| .pager li { | |
| height: 22px; | |
| line-height: 22px; | |
| font-size: 12px; | |
| } | |
| .pager .pagerInfo { | |
| float: left; | |
| color: #666; | |
| } | |
| .pager .pagerInfo li .out { | |
| color: #ec008c; | |
| font-weight: bold; | |
| } | |
| .pager .pagerList { | |
| float: right; | |
| text-align: right; | |
| } | |
| .pager .pagerList li { | |
| float: left; | |
| min-width: 14px; | |
| padding: 0 3px; | |
| text-align: center; | |
| margin-right: 10px; | |
| cursor: pointer; | |
| color: #95004d; | |
| } | |
| .pager .pagerList li.currentPage { | |
| background: #e7ecf0; | |
| color: #95004d; | |
| cursor: text; | |
| } | |
| .pager .pagerList li.prev, .pager .pagerList li.next { | |
| display: none; | |
| } | |
| /*EventList and Pager*/ | |
| /*View Your Event*/ | |
| .ViewEventsPage { | |
| width: 940px; | |
| margin: auto; | |
| } | |
| .chooseEvents { | |
| font-size: 14px; | |
| color: #95004d; | |
| padding: 30px 0 10px 16px; | |
| ; | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .chooseEvents span { | |
| color: #999999; | |
| } | |
| .GoToHidden { | |
| display: none; | |
| } | |
| .MyEvents { | |
| padding: 20px; | |
| } | |
| .MyEvents p { | |
| font-size: 22px; | |
| color: #95004d; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-weight: bold; | |
| } | |
| .ViewYourEvent { | |
| display: block; | |
| margin: auto; | |
| } | |
| .ViewYourEvent li { | |
| padding: 25px 20px; | |
| background: #e7ecf0; | |
| margin-bottom: 5px; | |
| } | |
| .ViewYourEvent li p { | |
| color: #95004d; | |
| font-size: 12px; | |
| line-height: 18px; | |
| } | |
| .ViewYourEvent li .details { | |
| float: left; | |
| width: 750px; | |
| } | |
| .ViewYourEvent li .topic { | |
| margin-bottom: 15px; | |
| } | |
| .ViewYourEvent li .title { | |
| font-weight: bold; | |
| font-size: 15px; | |
| } | |
| .ViewYourEvent li .speaker { | |
| font-weight: bold; | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .ViewYourEvent li .program_date { | |
| color: #666666; | |
| } | |
| .calendar { | |
| width: 150px; | |
| text-align: center; | |
| float: left; | |
| } | |
| .calendar .calendar_text { | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 14px; | |
| color: #95004d; | |
| font-weight: bold; | |
| padding-top: 0; | |
| } | |
| .calendar .calendar_text .calendar_arrow { | |
| font-size: 18px; | |
| } | |
| .calendar .calendarImg { | |
| padding-bottom: 10px; | |
| cursor: pointer; | |
| } | |
| .noEvents { | |
| font-size: 18px; | |
| color: #95004d; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-weight: bold; | |
| padding: 28px 20px; | |
| background: #e7ecf0; | |
| margin: 0 auto 20px auto; | |
| } | |
| #pastContainer .calendar, #canceledContainer .calendar { | |
| display:none; | |
| } | |
| #pastContainer .ViewYourEvent li .details, #canceledContainer .ViewYourEvent li .details { | |
| float:none; | |
| width:auto; | |
| } | |
| /*View Your Event*/ | |
| /*Search Page*/ | |
| .searchPage { | |
| width: 940px; | |
| margin: 32px auto 0; | |
| } | |
| .searchMain { | |
| padding: 23px 20px; | |
| background-color: #e7ecf0; | |
| line-height: normal; | |
| } | |
| .searchMain .search_header { | |
| color: #666666; | |
| font-size: 14px; | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .searchMain li { | |
| color: #666666; | |
| font-size: 12px; | |
| padding: 25px 40px 0; | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .searchMain li a { | |
| color: #95004d; | |
| font-weight: bold; | |
| font-size: 14px; | |
| text-decoration: underline; | |
| } | |
| .searchMain li .searchLocation { | |
| font-size:12px; | |
| font-weight:normal; | |
| text-decoration:none; | |
| line-height:20px; | |
| } | |
| .searchMain li .searchLocation:hover { | |
| font-weight:bold; | |
| } | |
| /*Search Page*/ | |
| /*Pager*/ | |
| .searchPage .pager { | |
| min-height: 22px; | |
| padding-top: 10px; | |
| } | |
| .searchPage .pager li { | |
| height: 22px; | |
| line-height: 22px; | |
| font-size: 12px; | |
| } | |
| .searchPage .pager .pagerInfo { | |
| padding-left: 350px; | |
| float: left; | |
| color: #666; | |
| } | |
| .searchPage .pager .pagerList { | |
| float: right; | |
| text-align: right; | |
| } | |
| .searchPage .pager .pagerList li { | |
| float: left; | |
| min-width: 14px; | |
| padding: 0 3px; | |
| text-align: center; | |
| margin-right: 10px; | |
| cursor: pointer; | |
| color: #95004d; | |
| } | |
| .searchPage .pager .pagerList li.currentPage { | |
| background: #e7ecf0; | |
| color: #95004d; | |
| cursor: text; | |
| } | |
| .searchPage .pager .pagerList li.prev, .pager .pagerList li.next { | |
| display: none; | |
| } | |
| /*Pager*/ | |
| /*Live Events - Add to Calendar*/ | |
| .addToCalendarPage { | |
| width: 940px; | |
| margin: 30px auto 20px auto; | |
| text-align: center; | |
| background-color: #e7ecf0; | |
| } | |
| .addToCalendarPage .title { | |
| font-size: 22px; | |
| color: #95004d; | |
| font-weight: bold; | |
| font-family: Arial, Helvetica, sans-serif; | |
| padding-top: 40px; | |
| padding-bottom: 20px; | |
| } | |
| .addToCalendarPage .content { | |
| font-size: 14px; | |
| line-height: 16px; | |
| color: #666666; | |
| font-family: Arial, Helvetica, sans-serif; | |
| padding: 0 10px 20px 10px; | |
| } | |
| .addToCalendarPage .icons { | |
| display: inline-block; | |
| } | |
| .addToCalendarPage .icons>div { | |
| float: left; | |
| width: 110px; | |
| margin: 0 28px; | |
| color: #95004d; | |
| font-size: 14px; | |
| line-height: 22px; | |
| font-weight: bold; | |
| text-align: center; | |
| } | |
| .addToCalendarPage .arrow { | |
| font-size: 18px; | |
| font-family: Arial, Helvetica, sans-serif; | |
| border:none; | |
| width:auto; height:auto; | |
| } | |
| .addToCalendarPage a { | |
| text-decoration: none; | |
| } | |
| .addToCalendarPage .register { | |
| padding-top: 30px; | |
| padding-bottom: 40px; | |
| } | |
| .addToCalendarPage .register_text { | |
| color: #95004d; | |
| font-size: 14px; | |
| font-weight: bold; | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .addToCalendarPage .show { | |
| display: none; | |
| } | |
| /*Live Events - Add to Calendar*/ | |
| /****************************************************/ | |
| /*Live Events start*/ | |
| /****************************************************/ | |
| .clear { | |
| *zoom:1; | |
| } | |
| .clear:after { | |
| height: 0; | |
| content: ""; | |
| clear: both; | |
| display: block; | |
| visibility: hidden; | |
| } | |
| /*pop Box*/ | |
| .popDesc { | |
| width: 328px; | |
| padding: 10px 13px; | |
| margin-bottom: 25px; | |
| position: absolute; | |
| top: -160px; | |
| right: 1px; | |
| background-color: #fff; | |
| display: none; | |
| -webkit-box-shadow: 0px 0px 24px 0px rgba(146,0,74,0.5); | |
| -moz-box-shadow: 0px 0px 24px 0px rgba(146,0,74,0.5); | |
| box-shadow: 0px 0px 24px 0px rgba(146,0,74,0.5); | |
| } | |
| .popDesc p { | |
| font-size: 12px; | |
| color: #666666; | |
| font-weight: normal; | |
| margin: 10px 0; | |
| padding: 0; | |
| } | |
| .popDesc .triPointer { | |
| width: 56px; | |
| height: 50px; | |
| position: absolute; | |
| bottom: -50px; | |
| right: 5px; | |
| overflow: hidden; | |
| } | |
| .popDesc .triPointer::after { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 15px; | |
| width: 28px; | |
| height: 24px; | |
| background-color: #ffffff; | |
| transform-origin: 100% 0; | |
| -webkit-transform: rotate(60deg) skewX(30deg); | |
| ; | |
| -moz-transform: rotate(60deg) skewX(30deg); | |
| ; | |
| -o-transform: rotate(60deg) skewX(30deg); | |
| ; | |
| transform: rotate(60deg) skewX(30deg); | |
| ; | |
| -webkit-box-shadow: 0px 0px 24px 0px rgba(67,109,142,0.23); | |
| -moz-box-shadow: 0px 0px 24px 0px rgba(67,109,142,0.23); | |
| box-shadow: 0px 0px 24px 0px rgba(67,109,142,0.23); | |
| } | |
| /*pop Box*/ | |
| .liveEventBox { | |
| width: 960px; | |
| margin: 0 auto; | |
| display: block; | |
| font-size: 12px; | |
| color: #666; | |
| } | |
| .liveEventBox .pager { | |
| margin-top: 5px; | |
| } | |
| .liveEventBox .inner { | |
| padding: 4px 10px 0 10px; | |
| position: relative; | |
| } | |
| .narrow, .liveEventBox .narrow { | |
| width: 300px; | |
| float: left; | |
| } | |
| .wide, .liveEventBox .wide { | |
| width: 620px; | |
| float: right; | |
| } | |
| .narrow .liveEventList { | |
| display: block; | |
| background: #e7ecf0; | |
| } | |
| .narrow li { | |
| display: block; | |
| } | |
| .narrow .liveEventList li .eventType li { | |
| position: relative; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc { | |
| width: 220px; | |
| top: -80px; | |
| right: -185px; | |
| z-index: 101; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc .triPointer { | |
| left: 0px; | |
| } | |
| .eventTitle, .registerTitle { | |
| height: 28px; | |
| line-height: 28px; | |
| background: #95004d; | |
| color: #fff; | |
| font-size: 18px; | |
| font-weight: bold; | |
| padding-left: 20px; | |
| } | |
| .eventBox { | |
| padding: 20px 0px 25px 20px; | |
| } | |
| .eventBox h3, .eventType > li { | |
| font-size: 14px; | |
| color: #666666; | |
| font-weight: bold; | |
| } | |
| .eventBox select { | |
| display: block; | |
| margin-top: 15px; | |
| width: 260px; | |
| height: 26px; | |
| line-height: 26px; | |
| border: 1px solid #999; | |
| } | |
| .updateBtn { | |
| display: block; | |
| width: 109px; | |
| height: 24px; | |
| line-height: 24px; | |
| background:#95004d; | |
| margin-top: 12px; | |
| color: #fff; | |
| text-decoration: none; | |
| text-align: center; | |
| font-size: 12px; | |
| border-radius: 5px; | |
| } | |
| .eventBox .datetimepicker { | |
| display: block; | |
| margin-top: 10px; | |
| margin-bottom: 15px; | |
| } | |
| .eventType > li { | |
| padding: 15px 0; | |
| border-bottom: 1px solid #999; | |
| width: 170px; | |
| margin-left: 15px; | |
| } | |
| .eventType > li:first-child { | |
| padding-top: 0px; | |
| } | |
| .eventType>li.last { | |
| border-bottom: none; | |
| padding-bottom: 0px; | |
| } | |
| .eventType li label { | |
| cursor: pointer; | |
| } | |
| .eventType input[type="radio"], .eventType input[type="checkbox"] { | |
| margin: 0 8px 0 -13px; | |
| vertical-align: middle; | |
| border: 1px solid #95004d; | |
| } | |
| .eventType>li ul li { | |
| font-size: 12px; | |
| font-weight: normal; | |
| margin-top: 20px; | |
| } | |
| .eventType > li ul { | |
| padding-left: 35px; | |
| } | |
| .eventType>li span { | |
| display: inline-block; | |
| width: 13px; | |
| height: 13px; | |
| border: 1px solid #95004d; | |
| color: #95004d; | |
| border-radius: 50%; | |
| text-align: center; | |
| margin-left: 8px; | |
| cursor: pointer; | |
| } | |
| /*lievEvent list popBox*/ | |
| .narrow .liveEventList li .eventType li .popDesc { | |
| width: 220px; | |
| top: -92px; | |
| right: -190px; | |
| z-index: 101; | |
| padding: 10px 15px; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc .triPointer { | |
| left: 11px; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc_2 { | |
| width: 200px; | |
| right: -118px; | |
| top:-77px; | |
| } | |
| .liveEventBox .eventList p { color:#95004d;} | |
| .liveEventBox .eventList p .out{ | |
| color: #ec008c; | |
| } | |
| .liveEventBox .eventList .deTitle { | |
| padding-bottom: 0px; | |
| font-size: 14px; | |
| } | |
| .liveEventBox .eventList .details { | |
| padding-left: 0; | |
| } | |
| .liveEventBox .eventList .speaker { | |
| margin-bottom: 15px; | |
| } | |
| .liveEventBox .eventList .summary { | |
| color: #666; | |
| font-weight:normal; | |
| } | |
| .noList { | |
| min-height: 657px; | |
| background: #e7ecf0; | |
| padding-left: 20px; | |
| } | |
| .noList p { | |
| padding-top: 25px; | |
| font-size: 14px; | |
| color: #95004d; | |
| font-weight:normal; | |
| } | |
| /*arrow*/ | |
| .arrow, .arrowDown { | |
| display: inline-block; | |
| width: 0; | |
| height: 0; | |
| border-style: solid; | |
| border-width: 9px 5px 0 5px; | |
| border-color: #95004d transparent transparent transparent; | |
| } | |
| .arrowDown { | |
| border-width: 0 5px 9px 5px; | |
| border-color: transparent transparent #95004d transparent; | |
| } | |
| /*Filter*/ | |
| .filterBtn { | |
| display: none; | |
| height: 38px; | |
| /*border-top: 1px solid #999;*/ | |
| background: #fff; | |
| } | |
| .filterBtn a { | |
| display: block; | |
| position: relative; | |
| width: 55px; | |
| padding-left: 20px; | |
| line-height: 33px; | |
| font-size: 12px; | |
| font-weight: bold; | |
| color: #95004d; | |
| border-right: 1px solid #999; | |
| } | |
| .eventTitle .arrow, .filterBtn .arrow { | |
| position: absolute; | |
| right: 10px; | |
| top: 12px; | |
| } | |
| .eventTitle .arrow { | |
| border-width: 10px 7px 0 7px; | |
| border-color: #fff transparent transparent transparent; | |
| top: 15px; | |
| cursor: pointer; | |
| display: none; | |
| } | |
| .eventTitle .arrowDown { | |
| border-width: 0 7px 10px 7px; | |
| border-color: transparent transparent #fff transparent; | |
| } | |
| #datetimepicker, #datetimepicker2 { | |
| width: 260px; | |
| height: 26px; | |
| line-height: 26px; | |
| border: 1px solid #999; | |
| padding-left: 16px; | |
| background: #fff url(https://image.exacttarget.com/lib/fe9915737560027f73/m/1/ABV_Humira_N4_Portal_Calendar_Icon_20160629.jpg) no-repeat right center; | |
| } | |
| /*registerDetail*/ | |
| .registerDetail .inner { | |
| padding-top: 31px; | |
| padding-bottom: 22px; | |
| } | |
| .registerDetail .narrow { | |
| float: right; | |
| min-height:972px; | |
| } | |
| .registerDetail .wide { | |
| float: left; | |
| min-height:972px; | |
| } | |
| .registerDetail .narrow, .registerDetail .wide { | |
| background: #e7ecf0; | |
| } | |
| .registerDetail .eventList { | |
| background: #e7ecf0; | |
| padding: 41px 20px; | |
| } | |
| .registerDetail .eventList .details { | |
| padding-right: 0; | |
| } | |
| .registerDetail .eventList .deTitle { | |
| font-size: 18px; | |
| line-height: 18px; | |
| } | |
| .registerDetail .eventList .speaker { | |
| margin-bottom: 0; | |
| } | |
| .registerDetail .eventList .summary, .registerDetail .eventList .speaker, .registerDetail .eventList p { | |
| padding-top: 0; | |
| } | |
| .registerDetail .eventList .summary { | |
| margin-bottom: 15px; | |
| } | |
| .registerDetail .eventList .deTitle_2 { | |
| font-size: 14px; | |
| } | |
| .registerDetail .eventList .deTitle_3 { | |
| font-size: 12px; | |
| font-weight: normal; | |
| } | |
| .registerDetail .eventList .deTitle_3 a { | |
| color:##95004d; | |
| } | |
| .registerDetail .eventList .deTitle_3 a:hover { font-weight:bold;} | |
| .registerDetail .eventList .summary_2 { | |
| margin-bottom: 0; | |
| } | |
| .registerDetail label.error, .registerDetail label.buttonErrorFlag { | |
| color: #ed1c24; | |
| text-align: right; | |
| display: block; | |
| font-size: 10px; | |
| padding: 0 5px 2px 0; | |
| font-style: italic; | |
| width: auto; | |
| } | |
| label.buttonErrorFlag { | |
| display: none; | |
| } | |
| .registerDetail .popRequest { | |
| width: 300px; | |
| margin: 0; | |
| padding:0; | |
| background-color: #e7ecf0; | |
| position:static; | |
| } | |
| .registerDetail form input, .registerDetail form select { | |
| height: 28px; | |
| width: 262px; | |
| vertical-align: top; | |
| margin-bottom: 13px; | |
| display: inline-block; | |
| border: 1px solid #999999; | |
| padding-left: 5px; | |
| } | |
| .registerDetail .popRequest p { | |
| padding-right: 80px; | |
| font-size: 14px; | |
| line-height: 1.2em; | |
| color: #95004d; | |
| font-weight: bold; | |
| } | |
| .registerDetail .popRequest .cta { | |
| width: 116px; | |
| height: 24px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: none; | |
| font-size: 12px; | |
| color: #ffffff; | |
| line-height: 19px; | |
| display: inline-block; | |
| margin: 2px 0 0 30px; | |
| cursor: pointer; | |
| } | |
| .registerDetail .popRequest .cta span { | |
| font-size: 14px; | |
| line-height: 19px; | |
| } | |
| .registerDetail .popRequest form { | |
| display: block; | |
| margin-top: 0; | |
| padding-bottom:30px; | |
| } | |
| .registerDetail .popRequest form div { | |
| width: 263px; | |
| float: none; | |
| padding:0 18px; | |
| } | |
| .registerDetail .popRequest form .registerTitle{ | |
| width:300px; | |
| height: 41px; | |
| line-height: 41px; | |
| font-size: 16px; | |
| text-align: center; | |
| padding: 0; | |
| margin-bottom:30px; | |
| } | |
| .registerDetail .popRequest label { | |
| display: inline-block; | |
| float: left; | |
| } | |
| .registerDetail .popRequest label.inputTitle { | |
| font-size: 14px; | |
| line-height: 14px; | |
| color: #666666; | |
| font-weight: bold; | |
| font-style: normal; | |
| padding-bottom: 3px; | |
| } | |
| .registerDetail .popRequest label.error { | |
| float: right; | |
| font-size: 12px; | |
| } | |
| .registerDetail .registerInfo { | |
| font-size: 12px; | |
| color: #666; | |
| font-weight: bold; | |
| line-height: 14px; | |
| padding-top: 5px; | |
| } | |
| .registerDetail .registerSubmit { | |
| margin-top: 20px; | |
| padding-bottom: 10px; | |
| } | |
| .registerDetail form span.formDesc, .registerDetail .registerSubmit button { | |
| display: inline-block; line-height:24px; | |
| } | |
| .registerDetail form span.formDesc { | |
| float: left; | |
| width: auto; | |
| clear: none; | |
| font-style:italic; | |
| } | |
| .registerDetail .registerSubmit button { | |
| float: right; | |
| } | |
| .registerDetail .mobileRegInfo, .registerDetail .mobileRegSub { | |
| display: none; | |
| } | |
| /****************************************************/ | |
| /*Live Events end*/ | |
| /****************************************************/ | |
| /*videoList and Pager Start*/ | |
| .demandVideo { | |
| margin-top: 30px; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| } | |
| .videoList li { | |
| padding: 28px 20px; | |
| background: #e7ecf0; | |
| margin-bottom: 5px; | |
| font-size: 12px; | |
| line-height: 16px; | |
| color: #666666; | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| .videoList li .photo { | |
| display: block; | |
| float: left; | |
| margin-right: 38px; | |
| } | |
| .videoList li .details { | |
| width: 545px; | |
| float: left; | |
| } | |
| .videoList li .deTitle { | |
| font-size: 18px; | |
| line-height: 18px; | |
| padding-top: 8px; | |
| font-weight: bold; | |
| color: #95004d; | |
| } | |
| .videoList li .speaker { | |
| color: #95004d; | |
| font-weight: bold; | |
| padding:5px 0; | |
| } | |
| .videoList li .minutes { | |
| color: #383739; | |
| padding-bottom: 10px; | |
| } | |
| .videoList li .summary { | |
| padding-right: 25px; | |
| position: relative; | |
| } | |
| .videoList li .listBtn { | |
| position: absolute; | |
| right: -112px; | |
| bottom: 0; | |
| } | |
| .videoList li .updateBtn { | |
| display: block; | |
| width: 109px; | |
| height: 24px; | |
| line-height: 24px; | |
| margin-top: 12px; | |
| color: #fff; | |
| text-decoration: none; | |
| text-align: center; | |
| font-size: 12px; | |
| border-radius: 5px; | |
| } | |
| .videoList li .video_arrow { | |
| font-size: 16px; | |
| } | |
| .demandVideo .pager { | |
| min-height: 22px; | |
| } | |
| .demandVideo .pager li { | |
| height: 22px; | |
| line-height: 22px; | |
| font-size: 12px; | |
| } | |
| .demandVideo .pager .pagerInfo { | |
| float: left; | |
| color: #666; | |
| padding-left: 320px; | |
| } | |
| .demandVideo .pager .pagerList { | |
| float: right; | |
| text-align: right; | |
| } | |
| .demandVideo .pager .pagerList li { | |
| float: left; | |
| min-width: 14px; | |
| padding: 0 3px; | |
| text-align: center; | |
| margin-right: 10px; | |
| cursor: pointer; | |
| color: #95004d; | |
| } | |
| .demandVideo .pager .pagerList li.currentPage { | |
| background: #e7ecf0; | |
| color: #95004d; | |
| cursor: text; | |
| } | |
| .demandVideo .pager .pagerList li.prev, .demandVideo .pager .pagerList li.next { | |
| display: none; | |
| } | |
| /*videoList and Pager End*/ | |
| /*on demands details Start*/ | |
| .demandDetails { | |
| margin-top: 30px; | |
| } | |
| .demandDetails .title { | |
| font-size: 22px; | |
| line-height: 26px; | |
| color: #95004d; | |
| font-weight: bold; | |
| padding: 0 0 10px 20px; | |
| } | |
| .demandDetails .leftBox { | |
| width: 620px; | |
| margin: 5px 10px 20px; | |
| /*height: 365px;*/ | |
| height:348px; | |
| float: left; | |
| background-color: #e7ecf0; | |
| } | |
| .demandDetails .leftBox .video { | |
| object-fit:fill; | |
| } | |
| .demandDetails .rightBox { | |
| width: 300px; | |
| margin: 5px 10px 20px; | |
| /*height: 365px;*/ | |
| height: 348px; | |
| float: left; | |
| background-color: #e7ecf0; | |
| } | |
| .rightBox .boxContent { | |
| padding: 28px 20px 0 20px; | |
| } | |
| .rightBox .rightTitle { | |
| font-size: 14px; | |
| line-height: 16px; | |
| color: #95004d; | |
| font-weight: bold; | |
| padding-bottom: 2px; | |
| } | |
| .rightBox .boxContent .blueColor { | |
| color: #95004d; | |
| } | |
| .rightBox .rightTitleS { | |
| font-size: 14px; | |
| line-height: 16px; | |
| color: #95004d; | |
| font-weight: bold; | |
| } | |
| .rightBox .boxContent .desc { | |
| font-size: 12px; | |
| line-height: 16px; | |
| color: #666666; | |
| padding: 4px 20px 17px 0; | |
| } | |
| .rightBox .cta { | |
| color: #95004d; | |
| } | |
| .rightBox a { | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 14px; | |
| text-decoration: none; | |
| } | |
| /*on demands details End*/ | |
| /* Print View*/ | |
| .printView { | |
| margin: 30px auto; | |
| /*width: 900px;*/ | |
| } | |
| .printView .geryline { | |
| height: 1px; | |
| background-color: #636363; | |
| margin-top: 14px; | |
| } | |
| .printView .blueBold14 { | |
| color: #95004d; | |
| font-weight: bold; | |
| font-size: 14px; | |
| } | |
| .printView .blueBold { | |
| color: #95004d; | |
| font-weight: bold; | |
| } | |
| .printView .greyBold { | |
| color: #333333; | |
| font-weight: bold; | |
| } | |
| .printView ul { | |
| display:block; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .printView ul li { | |
| list-style-type: none; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 12px; | |
| color: #333333; | |
| padding-bottom: 6px; | |
| } | |
| .printView ul li p { | |
| height: 6px; | |
| margin:12px 0; | |
| } | |
| .printView .footer { | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-size: 11px; | |
| color: #2c2d2f; | |
| padding-top: 20px; | |
| line-height:15px; | |
| } | |
| /* Print View*/ | |
| /*filter - event type css - start*/ | |
| .eventType input[type="radio"], .eventType input[type="checkbox"] { | |
| display:none; | |
| } | |
| .eventType li label { | |
| display:inline-block; min-height:14px; line-height:14px; | |
| background:url(https://image.exacttarget.com/lib/fe9915737560027f73/m/1/ABV_Humira_N4_Portal_checkbox_icons_20160629.png) no-repeat 0 0; | |
| padding-left:20px; | |
| } | |
| .eventType input[type="radio"]:checked + label, .eventType input[type="checkbox"]:checked + label { | |
| background-position:0 -64px; | |
| } | |
| /*filter - event type css - end*/ | |
| @media only screen and (max-width : 548px){ | |
| .stickyFooter h1 { | |
| font-size:15px; | |
| padding-top:0px; | |
| } | |
| } | |
| @media only screen and (max-width : 480px) { | |
| .hidden { | |
| display: none; | |
| } | |
| .showInDesktop { | |
| display: none; | |
| } | |
| #bg { | |
| width: 320px; | |
| min-width: 320px; | |
| margin: 0 auto; | |
| position: relative; | |
| } | |
| #preheader { | |
| padding: 0; | |
| width: 300px; | |
| text-align: center; | |
| } | |
| #preheader a { | |
| display: block; | |
| line-height: 28px; | |
| color: #fff; | |
| font-size: 12px; | |
| } | |
| #preheader a:first-child { | |
| border-bottom: 1px solid #999999; | |
| } | |
| nav { | |
| width: 320px; | |
| } | |
| nav>div>div { | |
| width: 300px; | |
| height: auto; | |
| padding: 7px 10px 7px; | |
| } | |
| nav .logo { | |
| width: 160px; | |
| margin: 0; | |
| } | |
| nav .nav-link { | |
| position: absolute; | |
| top: 122px; | |
| left: 0; | |
| bottom: 0; | |
| width: 100%; | |
| border-top: 1px solid #888b8d; | |
| background-color: rgba(0,0,0,.41); | |
| display: none; | |
| z-index:199; | |
| } | |
| nav .nav-link:after { | |
| content: ""; | |
| display: table; | |
| clear: left; | |
| } | |
| nav .nav-link div { | |
| float: right; | |
| width: 218px; | |
| padding-bottom: 14px; | |
| background-color: #fff; | |
| display: none; | |
| } | |
| nav .nav-link .mobLegalNav { | |
| display: block; | |
| padding: 14px 0 4px; | |
| } | |
| nav .nav-link a { | |
| display: block; | |
| line-height: 45px; | |
| padding-left: 25px; | |
| font-size: 14px; | |
| text-align: left; | |
| color:#95004d; | |
| } | |
| nav .nav-link a:hover { | |
| font-weight: bold; | |
| background-color: #eff2f4; | |
| text-decoration: none; | |
| } | |
| nav .nav-link .mobLegalNav a { | |
| line-height: 37px; | |
| font-size: 12px; | |
| } | |
| nav .search { | |
| float: right; | |
| height: auto; | |
| line-height: normal; | |
| margin-top: 6px; | |
| } | |
| nav .search .icon { | |
| display: inline-block; | |
| width: 35px; | |
| vertical-align: top; | |
| cursor: pointer; | |
| /* margin-left: 20px; */ | |
| } | |
| nav .search #searchBar { | |
| position: absolute; | |
| top: 122px; | |
| left: 0; | |
| height: 67px; | |
| width: 100%; | |
| text-align: center; | |
| display: none; | |
| z-index:10001; | |
| } | |
| nav .search #searchBar.active { | |
| background-color:#e7ecf0; | |
| } | |
| nav .search input { | |
| background-image: url("https://image.exacttarget.com/lib/fe9415747566037471/m/1/ABV_AndroGel_Portal_160222_mob_search_black.png"); | |
| -webkit-background-size: 25px 23px; | |
| background-size: 25px 23px; | |
| background-position: 251px center; | |
| text-align: center; | |
| height: 34px; | |
| width: 281px; | |
| margin-top: 15px; | |
| } | |
| nav #hamburger { | |
| display: inline-block; | |
| vertical-align: top; | |
| width: 50px; | |
| margin-left: 30px; | |
| padding: 2px 0 0; | |
| } | |
| .boxshadow { | |
| display:none; | |
| } | |
| section .hero { | |
| width: 320px; | |
| padding-bottom: 10px; | |
| } | |
| section.main { | |
| width: 320px; | |
| } | |
| .bigBox .icon, .smallBox .icon, .smallBox .logo { | |
| display: none | |
| } | |
| .bigBox, .smallBox { | |
| margin: 0 0 2px; | |
| width: 320px; | |
| padding: 0; | |
| height: 90px; | |
| display: table; | |
| } | |
| .bigBox .content, .smallBox .content { | |
| padding: 0 10px 0 20px; | |
| width: 238px; | |
| vertical-align: middle; | |
| display: table-cell; | |
| } | |
| .bigBox .cta, .smallBox .cta { | |
| display: table-cell; | |
| color: #ffffff; | |
| width: 52px; | |
| height: 90px; | |
| text-align: center; | |
| font-size: 40px; | |
| line-height: 80px; | |
| padding: 0; | |
| border-radius: 3px 0 0 3px; | |
| -moz-border-radius: 3px 0 0 3px; | |
| -webkit-border-radius: 3px 0 0 3px; | |
| border: 0 solid #ffffff; | |
| background: #95004d; | |
| } | |
| .bigBox .content .title, .smallBox .content .title { | |
| font-size: 16px; | |
| padding: 0; | |
| line-height: normal; | |
| } | |
| .bigBox .content .desc, .smallBox .content .desc { | |
| font-size: 11px; | |
| line-height: normal; | |
| } | |
| footer.centerBlock { | |
| width: 300px; | |
| padding: 40px 10px 50px; | |
| margin-top: 8px !important; | |
| text-align: center; | |
| } | |
| footer .mobFooterLogo { | |
| width: 160px; | |
| display: inline; | |
| margin: 0; | |
| } | |
| footer .footerLinks { | |
| margin: 23px; | |
| } | |
| footer .footerLinks span { | |
| display: none; | |
| } | |
| footer .footerLinks a { | |
| display: block; | |
| line-height: 39px; | |
| } | |
| footer .legal { | |
| color: #fff; | |
| clear: both; | |
| } | |
| #ISIstatic { | |
| width:285px; | |
| padding-left:20px; | |
| padding-right:15px; | |
| } | |
| #ISIstatic p.padding { | |
| padding:6px 6px 6px 0; | |
| } | |
| #ISIstatic h1, #ISIstatic h2, #ISIstatic p, #ISIstatic ul li { | |
| /*padding-bottom:3px;*/ | |
| } | |
| #ISIstatic h1 { | |
| /*padding-top:3px;*/ | |
| font-size:16px; | |
| line-height:20px; | |
| font-weight:bold; | |
| } | |
| .mask .icon img { | |
| width: 27px; | |
| } | |
| .mask .icon { | |
| top: 10px; | |
| right: 10px; | |
| } | |
| .popABS { | |
| width: 260px; | |
| padding: 53px 20px 32px; | |
| margin-top: 180px; | |
| } | |
| #repThankyou, #responseWrong { | |
| margin-top:30%; | |
| } | |
| .popABS .desc { | |
| top: -165px; | |
| width: 256px; | |
| padding: 5px 15px; | |
| right: 10px; | |
| } | |
| .popABS .desc .triPointer { | |
| right: 31px; | |
| } | |
| .popABS>p { | |
| font-size: 18px; | |
| text-align: center; | |
| } | |
| .popABS form div { | |
| text-align: center; | |
| margin-bottom: 27px; | |
| } | |
| .popABS input { | |
| width: 260px; | |
| height: 40px; | |
| } | |
| .popABS form button { | |
| float: none; | |
| margin: 0 auto; | |
| display: block; | |
| width: 100px; | |
| height: 45px; | |
| font-size: 13px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| .popRequest { | |
| width: 260px; | |
| padding: 40px 20px 20px; | |
| z-index:299; | |
| margin-top:20px; | |
| } | |
| .popRequest .title { | |
| font-size: 18px; | |
| text-align: center; | |
| padding: 0; | |
| } | |
| .popRequest form input, .popRequest form select { | |
| height: 41px; | |
| } | |
| .popRequest form .cta { | |
| display: block; | |
| margin: 10px auto 15px; | |
| float: none; | |
| width: 100px; | |
| height: 45px; | |
| font-size: 13px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| .popRequest form div { | |
| float:none; | |
| } | |
| #forgot-license { | |
| margin-top: 130px; | |
| } | |
| .forgot-license .desc { | |
| top: -125px; | |
| width: 261px; | |
| padding: 5px 15px; | |
| right: 6px; | |
| } | |
| .forgot-license .desc .triPointer { | |
| right: 35px; | |
| } | |
| .forgot-license>p { | |
| padding: 0 25px; | |
| } | |
| .forgot-license form { | |
| margin-top: 10px; | |
| } | |
| .forgot-license form input, .forgot-license form select { | |
| height: 40px; | |
| } | |
| .forgot-license form span.formDesc { | |
| margin: 0 0 0 10px; | |
| width: auto; | |
| text-align: left; | |
| } | |
| .forgot-license form div { | |
| margin-bottom: 23px; | |
| } | |
| .forgot-license form a { | |
| float: left; | |
| margin: 15px 0 0 10px; | |
| width: auto; | |
| } | |
| .forgot-license form button { | |
| float: right; | |
| margin: 0 73px 26px 0; | |
| display: block; | |
| } | |
| .noNPI p { | |
| padding: 0; | |
| } | |
| .response { | |
| padding: 60px 25px 44px; | |
| width: 246px; | |
| } | |
| .response p { | |
| font-size: 16px; | |
| } | |
| .response button { | |
| width: 111px; | |
| height: 45px; | |
| } | |
| .repThankyou { | |
| padding: 60px 10px 44px; | |
| width: 276px; | |
| } | |
| #bg { | |
| padding-bottom: 213px; | |
| } | |
| .stickyFooter { | |
| width: 320px; | |
| } | |
| .stickyFooter * { | |
| /* background-color: transparent !important; */ | |
| } | |
| .stickyFooter .group { | |
| /*background-color: #eaeff2 !important; */ | |
| top: 0; | |
| bottom: 0; | |
| } | |
| .stickyFooter .indication, .stickyFooter .isi { | |
| width: 100%; | |
| overflow-y: scroll; | |
| } | |
| .stickyFooter .indication { | |
| height: 80px; | |
| } | |
| .stickyFooter .isi { | |
| height: 132px; | |
| } | |
| .stickyFooter .isi a.isiLink { color:#15a9af;} | |
| .stickyFooter h1 { | |
| height: auto; | |
| /* color: #00457c; */ | |
| line-height: 22px; | |
| font-size: 20px; | |
| /*font-weight: bold;*/ | |
| padding-top:9px; | |
| padding-left:28px; | |
| padding-bottom: 2px; | |
| } | |
| .stickyFooter .isi h1 { | |
| /* padding-top: 9px;*/ | |
| /*height: 25px;*/ | |
| /*line-height: normal;*/ | |
| } | |
| .stickyFooter .group>div>div { | |
| color: #000; | |
| overflow: visible; | |
| } | |
| .stickyFooter .warning { | |
| border-color: #000; | |
| margin-left:-3px; | |
| } | |
| .stickyFooter>div { | |
| width: 100%; | |
| height: auto; | |
| } | |
| .stickyFooter .group>div { | |
| border-top: 1px solid #aaadb0; | |
| } | |
| .stickyFooter div.buttonHolder { | |
| float: left; | |
| display: block; | |
| width: 100%; | |
| height: 0; | |
| margin: 0; | |
| border: 0; | |
| position: relative; | |
| } | |
| .stickyFooter div.buttonHolder div.buttomWrap { | |
| top: 0px; | |
| right: 10px; | |
| position: absolute; | |
| width:30px; | |
| height:30px; | |
| padding:0; | |
| z-index: 99; | |
| } | |
| .stickyFooter .button { | |
| /*top: 8px; | |
| right: 20px; | |
| position: absolute;*/ | |
| border: 1px solid #bcbcbc; | |
| font-weight: normal; | |
| font-size: 16px; | |
| width: 14px; | |
| height: 14px; | |
| line-height: 14px; | |
| text-align: center; | |
| display: block; | |
| float: right; | |
| margin-top:6px; | |
| color: #fff; | |
| background: #bcbcbc; | |
| border-radius: 3px; | |
| } | |
| .stickyFooter .isi .button { | |
| top: 88px; | |
| } | |
| .stickyFooter.showIndication, .stickyFooter.showIsi { | |
| top: 0; | |
| } | |
| .stickyFooter.showIndication .group, .stickyFooter.showIsi .group { | |
| position: absolute; | |
| } | |
| .stickyFooter.showIndication .indication { | |
| height: 55%; | |
| } | |
| .stickyFooter.showIndication .isi { | |
| height: 45%; | |
| } | |
| .stickyFooter.showIsi .indication { | |
| height: 20%; | |
| } | |
| .stickyFooter.showIsi .isi { | |
| height: 80%; | |
| } | |
| .stickyFooter li { | |
| color:#15a9af; | |
| } | |
| .stickyFooter li span { | |
| color:#000; | |
| } | |
| /*View Your Event*/ | |
| .ViewEventsPage { | |
| width: 320px; | |
| margin: auto; | |
| position: relative; | |
| } | |
| .chooseEvents { | |
| /*display: none;*/ | |
| position: absolute; | |
| z-index: 500; | |
| border: 1px solid #999999; | |
| background-color: rgba(255,255,255,0.95); | |
| margin: 18px 30px; | |
| padding: 20px 16px; | |
| } | |
| .chooseEvents a { | |
| display: block; | |
| text-align: left; | |
| } | |
| .chooseEvents span { | |
| margin: 10px 0; | |
| border-top: 1px solid #999999; | |
| height: 0px; | |
| display: block; | |
| overflow: hidden; | |
| } | |
| .GoToHidden { | |
| display: block; | |
| font-size: 12px; | |
| color: #95004d; | |
| margin: 20px 0 2px 30px; | |
| font-family: Arial, Helvetica, sans-serif; | |
| font-weight: bold; | |
| } | |
| .MyEvents { | |
| padding-left: 30px; | |
| } | |
| .ViewYourEvent { | |
| padding: 0 10px; | |
| } | |
| .noEvents { | |
| margin: 0 20px 20px 20px; | |
| ; | |
| font-size: 16px; | |
| } | |
| .MyEvents p { | |
| font-size: 18px; | |
| } | |
| .ViewYourEvent li .details { | |
| width: 100%; | |
| } | |
| .ViewYourEvent li .title { | |
| font-size: 16px; | |
| } | |
| .calendar { | |
| width: auto; | |
| text-align: center; | |
| margin-top: 20px; | |
| } | |
| .calendar .calendarImg { | |
| width: 50px; | |
| height: 47px; | |
| padding-bottom: 5px; | |
| ; | |
| } | |
| .calendar .calendar_text { | |
| font-size: 11px; | |
| padding-top: 0; | |
| } | |
| .calendar .calendar_text .calendar_arrow { | |
| font-size: 14px; | |
| } | |
| /*View Your Event*/ | |
| /*Search Page*/ | |
| .searchPage { | |
| width: 300px; | |
| margin: 10px; | |
| } | |
| .searchMain .search_header { | |
| font-size: 13px; | |
| } | |
| .searchMain li { | |
| padding: 15px 0 0; | |
| line-height: 17px; | |
| } | |
| .searchMain li span { | |
| display: block; | |
| } | |
| /*Search Page*/ | |
| /*Pager*/ | |
| .searchPage .pager { | |
| padding-top: 10px; | |
| padding-bottom: 15px; | |
| text-align: center; | |
| } | |
| .searchPage .pager .pagerInfo, .pager .pagerList { | |
| float: none; | |
| text-align: center; | |
| padding-left: 0; | |
| } | |
| .searchPage .pager .pagerList { | |
| padding-top: 5px; | |
| text-align: center; | |
| float: none; | |
| } | |
| .searchPage .pager .pagerList li { | |
| float: none; | |
| display: inline-block; | |
| font-size: 15px; | |
| } | |
| .searchPage .pager .pagerList li.prev, .pager .pagerList li.next { | |
| display: inline-block; | |
| margin-right: 0px; | |
| } | |
| .searchPage .pager .pagerList li.next { | |
| margin-left: -10px; | |
| } | |
| /*Pager*/ | |
| /*Live Events - Add to Calendar*/ | |
| .addToCalendarPage .hidden { | |
| display: none; | |
| } | |
| .addToCalendarPage .show { | |
| display: inline-block; | |
| } | |
| .addToCalendarPage { | |
| width: 300px; | |
| margin: 10px; | |
| text-align: center; | |
| background-color: #e7ecf0; | |
| } | |
| .addToCalendarPage .title { | |
| font-size: 18px; | |
| padding-top: 30px; | |
| padding-bottom: 15px; | |
| } | |
| .addToCalendarPage .content { | |
| font-size: 12px; | |
| padding: 0 25px 18px 25px; | |
| word-wrap: break-word; | |
| } | |
| .addToCalendarPage .iconImg, .addToCalendarPage .icons>div { | |
| width: 70px; | |
| } | |
| .addToCalendarPage .iconImg {height:70px;} | |
| .addToCalendarPage .icons>div { | |
| font-size: 12px; | |
| margin: 0 30px; | |
| } | |
| .addToCalendarPage .icons>div:first-child, .addToCalendarPage .icons>div:last-child { | |
| margin: 0; | |
| } | |
| .addToCalendarPage .arrow { | |
| font-size: 15px; | |
| } | |
| .addToCalendarPage .register_text { | |
| font-size: 12px; | |
| } | |
| .addToCalendarPage .register { | |
| padding-top: 25px; | |
| padding-bottom: 20px; | |
| } | |
| /*Live Events - Add to Calendar*/ | |
| /****************************************************/ | |
| /*Live Events - Mobile start*/ | |
| /****************************************************/ | |
| #bg { | |
| background: #fff; | |
| } | |
| .liveEventBox { | |
| width: 320px; | |
| } | |
| .liveEventBox .narrow { | |
| position: absolute; | |
| float: none; | |
| left: 0; | |
| top: -10px; | |
| z-index: 99; | |
| width: 320px; | |
| } | |
| .narrow .liveEventList { | |
| display: none; | |
| background: #fff; | |
| } | |
| .narrow .bottomShadow { | |
| display: none; | |
| } | |
| .liveEventBox .wide { | |
| float: none; | |
| width: 300px; | |
| margin-top: 25px; | |
| } | |
| /*EventList and Pager*/ | |
| .eventList li { | |
| padding-bottom: 85px; | |
| } | |
| .eventList li .photo { | |
| display: none; | |
| } | |
| .eventList li .details { | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| .eventList li .listBtn { | |
| left: 20px; | |
| right: auto; | |
| } | |
| .eventList li .listBtn .updateBtn, .narrow .updateBtn { | |
| height: 45px; | |
| line-height: 45px; | |
| width: 128px; | |
| } | |
| .pager { | |
| padding-top: 10px; | |
| padding-bottom: 15px; | |
| } | |
| .pager .pagerInfo, .pager .pagerList { | |
| float: none; | |
| text-align: center; | |
| } | |
| .pager .pagerList { | |
| padding-top: 5px; | |
| } | |
| .pager .pagerList li { | |
| float: none; | |
| display: inline-block; | |
| font-size: 15px; | |
| } | |
| .pager .pagerList li.prev, .pager .pagerList li.next { | |
| display: inline-block; | |
| margin-right: 0px; | |
| } | |
| .pager .pagerList li.next { | |
| margin-left: -10px; | |
| } | |
| /*EventList and Pager*/ | |
| /*Filter*/ | |
| .narrow .bottomShadow { | |
| width: 320px; | |
| height: 18px; | |
| background: transparent url(https://image.exacttarget.com/lib/fe9415747566037471/m/1/ABV_AndroGel_Portal_Shadow_2.png) repeat-x left bottom; | |
| } | |
| .filterBtn { | |
| display: block; | |
| } | |
| .eventTitle { | |
| position: relative; | |
| height: 39px; | |
| line-height: 39px; | |
| font-size: 14px; | |
| margin-bottom: 2px; | |
| } | |
| .eventTitle .arrow { | |
| display: inline-block; | |
| } | |
| .eventBox { | |
| padding: 20px 0px 25px 28px; | |
| display: none; | |
| } | |
| .eventBox select { | |
| width: 248px; | |
| height: 38px; | |
| line-height: 38px; | |
| border-width: 2px; | |
| margin-top: 10px; | |
| } | |
| .narrow .updateBtn { | |
| width: 150px; | |
| font-size: 16px; | |
| border-radius: 2px; | |
| margin-top: 25px; | |
| } | |
| .narrow .updateBtn span { | |
| font-size: 16px; | |
| } | |
| #datetimepicker, #datetimepicker2 { | |
| width: 248px; | |
| height: 36px; | |
| line-height: 36px; | |
| border-width: 2px; | |
| background:url(https://image.exacttarget.com/lib/fe9915737560027f73/m/1/ABV_Humira_N4_Portal_Calendar_Icon_20160629_M.jpg) no-repeat right center; | |
| } | |
| .xdsoft_datetimepicker .xdsoft_datepicker { | |
| width: 230px; | |
| } | |
| .eventType input[type="checkbox"] { | |
| margin: 0 8px 0 0; | |
| } | |
| .eventType > li { | |
| margin-left: 0; | |
| } | |
| /*Register Detail*/ | |
| .registerDetail { | |
| margin-top: 6px; | |
| } | |
| .registerDetail .narrow, .registerDetail .wide { | |
| float: none; | |
| background: #e7ecf0; | |
| } | |
| .registerDetail .narrow { | |
| position: static; | |
| width: 300px; | |
| margin-bottom: 10px; | |
| min-height:auto; | |
| } | |
| .registerDetail .wide { | |
| margin-top: 0; | |
| min-height:auto; | |
| } | |
| .registerDetail .inner { padding-top:4px;} | |
| .registerDetail .eventList { | |
| padding: 20px 15px; | |
| min-height: auto; | |
| } | |
| .registerDetail .eventList .deTitle { | |
| font-size: 16px; | |
| } | |
| .registerDetail .popRequest { | |
| padding-top:40px; | |
| } | |
| .registerDetail .popRequest .title { | |
| font-size: 18px; | |
| text-align: center; | |
| padding: 0; | |
| } | |
| .registerDetail .popRequest form div { padding:0 20px 0 20px;} | |
| .registerDetail .popRequest form input, .registerDetail .popRequest form select { | |
| height: 41px; | |
| } | |
| .registerDetail .popRequest form .cta, .registerDetail .registerSubmit .cta { | |
| display: block; | |
| margin: 10px auto 15px; | |
| float: none; | |
| width: 100px; | |
| height: 45px; | |
| line-height: 45px; | |
| font-size: 13px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| color: #fff; | |
| border: none; | |
| } | |
| .registerDetail .registerSubmit .cta, .registerDetail .popRequest form .cta { | |
| float: none; | |
| height: 45px; | |
| line-height: 45px; | |
| width: 260px; | |
| } | |
| .registerDetail .popRequest form .mobileRegSub .cta { margin-bottom:25px;} | |
| .registerDetail form span.formDesc, .registerDetail .registerSubmit button { | |
| display: block; | |
| float: none; | |
| } | |
| .registerDetail .mobileRegInfo, .registerDetail .mobileRegSub { | |
| display: block; | |
| } | |
| .registerDetail .popRequest form .mobileRegSub { | |
| padding-bottom: 25px; | |
| } | |
| .registerDetail .mobileRegSub .goBackBtn { | |
| font-size: 14px; | |
| color: #95004d; | |
| } | |
| .registerDetail .mobileRegSub .goBackBtn:hover { | |
| font-weight: bold; | |
| } | |
| section .liveEventHero { | |
| /*content: url(https://image.exacttarget.com/lib/fe9415747566037471/m/1/ABV_AndroGel_Portal_register_hero_mobile.jpg);*/ | |
| } | |
| .registerDetail .popRequest form .regFormBox { padding-bottom:10px;} | |
| /*lievEvent list popBox*/ | |
| .narrow .liveEventList li .eventType li .popDesc { | |
| right: -68px; | |
| top: -90px; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc_2 { | |
| right: -40px; | |
| width: 190px; | |
| top:-75px; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc .triPointer { | |
| left: 134px; | |
| } | |
| .narrow .liveEventList li .eventType li .popDesc_2 .triPointer { | |
| left: 80px; | |
| } | |
| /****************************************************/ | |
| /*Live Events - Mobile end*/ | |
| /****************************************************/ | |
| /*videoList and Pager Star*/ | |
| .demandVideo { | |
| margin-left: 0; | |
| margin-right: 0; | |
| margin-top: 10px; | |
| } | |
| .videoList li { | |
| padding-bottom: 85px; | |
| padding-right: 0; | |
| padding-left: 0; | |
| } | |
| .videoList li .photo, .videoList li .details { | |
| width: 310px; | |
| text-align: center; | |
| float: none; | |
| padding:0 5px; | |
| } | |
| .videoList li .photo img { | |
| width: 147px; | |
| height: 97px; | |
| } | |
| .videoList li .deTitle { | |
| padding-top: 18px; | |
| } | |
| .videoList li .speaker { | |
| padding-top: 5px; | |
| } | |
| .videoList li .summary { | |
| padding-right: 0; | |
| } | |
| .videoList li .listBtn { | |
| left: 91px; | |
| right: 0; | |
| text-align: center; | |
| bottom: -60px; | |
| } | |
| .videoList li .listBtn .updateBtn { | |
| font-size: 13px; | |
| height: 45px; | |
| line-height: 45px; | |
| width: 128px; | |
| } | |
| .videoList li .video_arrow { | |
| font-size: 16px; | |
| } | |
| .demandVideo .pager { | |
| padding-top: 10px; | |
| padding-bottom: 15px; | |
| } | |
| .demandVideo .pager .pagerInfo, .demandVideo .pager .pagerList { | |
| float: none; | |
| text-align: center; | |
| padding-left: 0; | |
| } | |
| .demandVideo .pager .pagerList { | |
| padding-top: 5px; | |
| } | |
| .demandVideo .pager .pagerList li { | |
| float: none; | |
| display: inline-block; | |
| font-size: 15px; | |
| } | |
| .demandVideo .pager .pagerList li.prev, .demandVideo .pager .pagerList li.next { | |
| display: inline-block; | |
| margin-right: 0px; | |
| } | |
| .demandVideo .pager .pagerList li.next { | |
| margin-left: -10px; | |
| } | |
| .demandVideo .pager .pagerList .hidden { | |
| display: none; | |
| width: 0px !important; | |
| } | |
| /*videoList and Pager End*/ | |
| /*on demands details Start*/ | |
| .demandDetails { | |
| margin-top: 25px; | |
| } | |
| .demandDetails .leftBox { | |
| height: 320px; | |
| margin-bottom: 0; | |
| } | |
| .demandDetails .rightBox { | |
| min-height: 320px; | |
| margin-top: 0; | |
| margin-bottom:10px; | |
| } | |
| .demandDetails .leftBox, .demandDetails .leftBox .video, .demandDetails .leftBox iframe.sproutvideo-player, .leftBox img { | |
| width: 300px; | |
| height: auto; | |
| } | |
| .rightBox .rightTitle { | |
| font-size: 18px; | |
| line-height: 20px; | |
| padding-bottom: 10px; | |
| } | |
| .rightBox .rightTitleS { | |
| padding-bottom: 5px; | |
| } | |
| .rightBox a { | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| /*on demands details End*/ | |
| .show { | |
| display:block !important; | |
| } | |
| .showImgInMobile{ | |
| display:inline !important; | |
| } | |
| .hiddenImgInMobile { | |
| display:none !important; | |
| } | |
| /*filter - event type css - start*/ | |
| .eventType li label { | |
| /*background-position:0 -64px;*/ | |
| } | |
| /*filter - event type css - end*/ | |
| .displyFlex { | |
| -webkit-flex-align: flex-start; | |
| -ms-flex-align: flex-start; | |
| -webkit-align-items: flex-start; | |
| align-items: flex-start; | |
| } | |
| } | |
| /*reset datetimepicker css*/ | |
| .xdsoft_datetimepicker .xdsoft_year { | |
| width:auto; | |
| } | |
| .xdsoft_datetimepicker .xdsoft_month { | |
| width:auto; | |
| margin-left:-15px; | |
| } | |
| .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th { | |
| text-align:center; | |
| vertical-align:middle; | |
| } | |
| .xdsoft_datetimepicker .xdsoft_label { | |
| float:none; | |
| } | |
| .xdsoft_datetimepicker .xdsoft_label span { | |
| display:inline-block; | |
| margin-top:4px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment