@import url(/common/css/dosis.css); /* Basic page layout items */ html { height: 100%; } form { height: 100%; } body { font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height: 16px; color:#666; background:#fff ; padding:0; margin:0; border:0; height: 100%; } /* Common tags */ h1, h2, h3, h4, h5, h6 { margin:15px 0; font-weight:normal; font-family: 'Dosis', sans-serif; font-weight:700; } p { color: #666; margin:8px 0;} p.footnote {font-size:10px; line-height:12px; padding: 0 0; margin: 4px 0;} h1 { color: #33CCFF; line-height: normal; font-size: 28px; padding-top:8px; } h2 { color: #81002f; font-size: 20px; line-height:normal;} h3 { color: #555555; font-size: 14px; font-weight: bold; } h4, h5, h6 { } a:link {color: #169dd8; text-decoration:none;} a:visited { color: #169dd8; text-decoration:none;} a:hover { text-decoration: underline; color: #169dd8;} a:active {text-decoration: underline; color: #169dd8;} a img { border: 0px;} ul, ol {} ol li {padding: 5px;} ol li.selected {font-weight: bold;} ol.references {font-size:10px; padding-left:18px; margin-left:5px; margin-top: 0px;} ol.references li {padding-top:0px; padding-bottom:0px;} ol.footnote{padding: 0 0 0 15px; margin: 24px 0 0 0;} ol.footnote li{font-size:10px; line-height:12px; padding: 0 0; margin: 4px 0; zoom:1;} ul.check {list-style-type: disc; padding-left: 30px; margin: 0 0;} ul.form {padding-left:0px; margin: 10px 0;} ul.homepage {display: inline; height: 110px; margin: 0 0; padding-left: 0px; width: 205px; list-style-type:none;} ul.homepage li {background:transparent url(images/grnBullet.png) 0 5px no-repeat; padding:0 0 8px 16px; zoom:1; } ul.orngBullet {display: inline-block; margin: 0 0; padding-left: 0px; list-style-type:none;} ul.orngBullet li {background:transparent url(images/orngBullet.png) 0 10px no-repeat; padding:5px 0 3px 16px; } ul.grnBullet {display: inline-block; margin: 0 0; padding-left: 0px; list-style-type:none;} ul.grnBullet li {background:transparent url(images/grnBullet.png) 0 10px no-repeat; padding:5px 0 3px 16px; } ul.lblueBullet {display: inline-block; margin: 0 0; padding-left: 0px; list-style-type:none;} ul.lblueBullet li {background:transparent url(images/lblueBullet.png) 0 10px no-repeat; padding:5px 0 3px 16px; } div.valsum ul { margin: 0 0; padding-left: 0px; list-style-type:none;} div.valsum ul li {background:transparent url(images/blueBullet.png) 0 10px no-repeat; padding:5px 0 3px 16px; } input, textarea { outline: 0px; } table { } th { font-weight: bold; color: #000; padding: 3px 15px; text-align: left; } tr {background-color: #fff; } tr.alt{background-color: #F8F8F9;} tr.lastrow td{ } td{ padding: 3px 15px;} tr:hover { } .nowrap { white-space:nowrap; } sup {vertical-align: text-top; font-size: smaller;line-height: normal;} sub {font-size: .8em;line-height: 0px; vertical-align: text-bottom;} hr { border:solid 1px #454870; margin: 20px 0px; } .iconOrngArrow { background:transparent url(images/iconOrangeArrow.png) 0 0 no-repeat; padding-left:16px; display:block; } .pdf { background:transparent url(images/btnPDF.gif) 0 0 no-repeat; padding-left:16px; display:block; } .pdfLg { background:transparent url(images/iconPDF.png) left 0 no-repeat; padding-left:40px; line-height:30px; display:inline-block; } .pptLg { background:transparent url(images/iconPPT.png) left 0 no-repeat; padding-left:40px; line-height:30px; display:inline-block; } .extIcon { background:transparent url(images/iconEXT.png) left 0 no-repeat; padding-left:40px; line-height:30px; display:inline-block; } .extIconSm { background:transparent url(images/iconEXTsm2.gif) 0 0 no-repeat; padding-left:16px; display:block; } .vidIcon { background:transparent url(images/iconVID.png) left 0 no-repeat; padding-left:40px; line-height:30px; display:inline-block; } .vidIconSm { background:transparent url(images/iconVIDsm2.gif) 0 0 no-repeat; padding-left:16px; display:block; } .pptIcon { background:transparent url(images/iconPPTsm.gif) 0 0 no-repeat; padding-left:16px; display:block; } .wordIconSm { background:transparent url(images/iconWORDsm.png) 0 0 no-repeat; padding-left:16px; display:block; } .blueArrow { background:transparent url(images/iconBlueArrow.png) 0px 5px no-repeat; padding-left:16px; padding-top:4px; display:block; } #divNavContainer nav ul a, #divRightNav nav ul a { background:transparent url(images/greyArrow.gif) 0px 2px no-repeat; display: block; padding-left: 25px; width: 175px; min-height:22px; } .pdfRight { background:transparent url(images/btnPDF.gif) right 0 no-repeat; padding-right:14px; display:inline-block; margin-right:2px; } .clear { clear:both; } .btn{font-weight:bold;} #divContainer { margin: auto auto; padding: 0; position: relative;} html>body #divContainer {min-height:100%; } /* ---------------------------------------- header stuff ---------------------------------------- */ #divHeader { width: 940px; margin: auto auto; padding-top:15px; z-index:5; position:relative;} /* ---------------------------------------- topnav links stuff ---------------------------------------- */ #topNav {height:44px; margin-bottom: 5px; font-size: 13px; color:#999; width: 944px; display: inline-block; padding-bottom:20px;} #topNav a {color:#fff; font-family: 'Dosis', sans-serif; font-weight:700; font-size:16px; line-height:14px;} /*#navEndLeft {height:36px; width:8px; background: transparent url(images/navLeft.gif) no-repeat 0 0; display: inline-block; position: relative; bottom:5px; left:3px; float:left;} #navEndRight {height:36px; width:8px; background: transparent url(images/navRight.gif) no-repeat 0 0; display: inline-block; position: relative; bottom:5px; right:5px; float:left;} #liKey2 { background: transparent url(images/navLeft.gif) no-repeat 0 0; } #liKey11 { background: transparent url(images/navRight.gif) no-repeat 151px 0; } */ ul.ulNav1 , ul.ulNav2 {margin: 0 0; padding: 0 0;} ul.ulNav2 {list-style-type:none; display:none; position:relative;} ul.ulNav2 li { background-color:#8d8d8d; height: 42px; width:188px; float:left; position:relative; z-index:10; border-top:1px solid #fff;} #topNav ul.ulNav2 li a { height:26px; font-size:16px; font-weight:700; padding: 10px 0; display:block; width:167px;} #liKey4:hover {background-color:#3cb2ef;} #aKey4:hover {color:#fff;} #liKey5:hover {background-color:#3cb2ef;} #aKey5:hover {color:#fff;} #liKey6:hover {background-color:#3cb2ef;} #aKey6:hover {color:#fff;} .nav1on {float:left; list-style-type:none; padding: 0 0 0 0; margin: 0 0; width:187px; text-align:center; background-color:#3cb2ef; border-right:1px solid #fff;} .nav1 {float:left; list-style-type:none; padding: 0 0 0 0; margin: 0 0; width:187px; text-align:center; background-color:#8d8d8d; border-right:1px solid #fff;} .nav1on a {width:167px; padding: 0 10px; margin: 0 0; height:44px; text-decoration:none;} .nav1 a {width:167px; padding: 0 10px; margin: 0 0; height:44px; text-decoration:none;} #liKey10, #liKey10 a {width:155px;} #aKey7:hover, #aKey10:hover {background-color:#FF9900;} #aKey7.nav1on,#aKey10.nav1on {background-color:#FF9900;} #aKey8:hover, #aKey2:hover {background-color:#99cc33;} #aKey8.nav1on, #aKey2.nav1on {background-color:#99cc33;} #aKey3:hover, #aKey9:hover {background-color:#3cb2ef;} #aKey3.nav1on, #aKey9.nav1on {background-color:#3cb2ef;} /* 1 line in the nav */ #aKey8, #aKey9, #aKey10 {height:34px; padding-top:18px;} /* 2 lines in the nav */ #aKey2, #aKey3, #aKey7 {height:41px; padding-top:11px;} /* 3 lines in the nav {height:48px; padding-top:4px;} */ /* ---------------------------------------- content stuff ---------------------------------------- */ p#interstitialMessage {font-size:13px;} section { position: relative; padding: 0 0 155px 0 ; margin: auto auto; width:940px; z-index:1;} section p { font-size: 13px; color: #666; font-family:Helvetica, Arial, Sans-Serif; } section h1 {} section h2 {font-size:21px;} section h3 {font-size:15px;} #home {width: 940px; margin: auto auto;} #home #slideshow {position: relative; display: block; width: 940px; height: 350px;} #home #slideshow div {clear: both; color:#fff; font-family: 'Dosis', sans-serif; font-weight:700;} /* left:0 removed*/ #slideshow span.normal {font-size: 22px; display: block; font-weight: 700;} #slideshow span.medium {font-size: 42px; display: block; line-height:41px;} #slideshow span.large { font-size:44px; display: block; line-height:41px;} #slideshow span.xlarge {font-size: 38px; display: block; line-height: 36px;} #slideshow span.xxlarge {font-size: 92px; display: block; line-height: 72px;} .ie7 #slideshow span.xxlarge {line-height: 72px;} #slideshow span.super {font-size: 22px; position: relative; bottom: 10px; line-height: normal;} #slideshow .right { float: right; width: 525px; text-align: right; display: block; margin: 39px 30px 0 0;} #slideshow .left { float: left; width: 525px; text-align: left; display: block; margin: 28px 0 0 34px;} #slide1,#slide2, #slide3, #slide4, #slide5 {position:absolute; float:left; width: 940px; height: 350px; margin: auto; cursor:pointer;} #slide1 {background: transparent url(images/homeSlideApply.jpg) no-repeat 0 0;} #slide2 {background: transparent url(images/homeSlide2.jpg) no-repeat 0 0;display:none;} #slide3 {background: transparent url(images/homeSlide3.jpg) no-repeat 0 0; display:none;} #slide4 {background: transparent url(images/homeSlide4.jpg) no-repeat 0 0; display:none;} #slide5 {background: transparent url(images/homeSlide5.jpg) no-repeat 0 0; display:none;} #slideBtns {position:absolute; top:320px; right:24px;} #slideBtns div {width: 8px; height: 7px; background: transparent url(images/btnSlideshow.png) no-repeat -8px 0; margin-right: 5px; display: inline-block; cursor:pointer;} .ie7 #slideBtns div {display:inline; zoom:1;} #slideBtns div.active {background: transparent url(images/btnSlideshow.png) no-repeat 0 0;} #home #thankyouBar {background: transparent url(images/barThankyou.gif) no-repeat 0 0; width:940px; height:44px; display:block; margin:20px 0 16px 0;} #home #thankyouBar #tyLeft{width:105px; height: 32px; display:inline-block; float:left; color:#fff; font-family: 'Dosis', sans-serif; font-weight:700; font-size:24px; padding: 12px 0 0 5px;} #home #thankyouBar #tyRight { width:821px; height: 30px; display:inline-block; float:left; padding: 14px 0 0 9px;} #home span.legend {font-size:11px; display:block;} /* ---------------------------------------- footer ---------------------------------------- */ .logo1 {display:inline; padding-right:15px;} .logo2 {display:inline;} footer .subLogos {position: absolute; width: 227px; bottom:8px; text-align:left;} .aicallout {position:absolute; width:227px; height:351px; z-index: 1; display:block;} /* ---------------------------------------- adult immunisation---------------------------------------- */ #adultimmunisation {width:700px;} #adultimmunisation #header {width:700px; height: 150px; background: transparent url(images/aiHeader.gif) no-repeat 0 0; font-family: 'Dosis', sans-serif; margin-bottom:16px;} #adultimmunisation #header h1 {color: #fff; font-size:49px; line-height:40px; margin:0; font-weight:700; padding:2px 0 0 12px;} #adultimmunisation #header p {color: #fff; font-size:18px; line-height:18px; width:280px; margin: 0 0; padding: 17px 0 0 12px; font-weight:700; font-family: 'Dosis', sans-serif;} #adultimmunisation p.beforeUl {margin-bottom:3px;} #adultimmunisation ul.row {margin: 16px 0 0 0; padding: 0; list-style-type:none;} #adultimmunisation ul.row li {margin-bottom:20px;} #adultimmunisation ul a#recallandremind, #adultimmunisation ul a#practiceimmunisation, #adultimmunisation ul a#vaccinemanagement { font-family: 'Dosis', sans-serif; font-size:23px; font-weight:700; width:328px; height:69px; padding:4px 0 0 12px; line-height:22px; background: transparent url(images/aiSprite.png) no-repeat 0 0; display:block; text-decoration:none; color:#3cb2ef; } #adultimmunisation ul a#recallandremind {background-position: -341px 0;} #adultimmunisation ul a#practiceimmunisation {margin-right:20px; background-position: 0 -74px;} #adultimmunisation ul a#vaccinemanagement {background-position: -341px -74px;} /* ---------------------------------------- patient id ---------------------------------------- */ #AIsub1 #header {width:700px; height: 150px; background: transparent url(images/ai_PID_Header.gif) no-repeat 0 0; font-family: 'Dosis', sans-serif; margin-bottom:16px;} #AIsub1 #header h1 {color: #fff; font-size:49px; line-height:40px; margin:0; font-weight:700; padding:2px 0 0 12px;} #AIsub1 #header p {color: #fff; font-size:18px; line-height:18px; width:350px; margin: 0 0; padding: 17px 0 0 12px; font-weight:700; font-family: 'Dosis', sans-serif;} #AIsub1 h2 {color: #ff9900; font-size:23px; font-weight:700; margin:11px 0 9px 0; position:relative; top:3px;} #AIsub1 #divLeftCol {width:700px; padding-right:20px; float:left;} #AIsub1 #nhmrcTbl {padding-bottom:9px; width:700px;} #AIsub1 #nhmrcTbl th {background-color:#c0c0c0; height: 36px; color:#fff; vertical-align:bottom; font-family: 'Dosis', sans-serif; font-size:16px; padding: 3px 10px;} #AIsub1 #nhmrcTbl tr.even {background-color:#ffedd1;} #AIsub1 #nhmrcTbl td {padding: 4px 10px 4px 12px;} #AIsub1 #nhmrcTbl td.first {width:438px;} #AIsub1 #nhmrcTbl td.mid {border-left:1px solid #9f9f9f; border-right:1px solid #9f9f9f; width:97px; text-align:center;} #AIsub1 #nhmrcTbl td.last {width:97px; text-align:center;} #AIsub1 #nhmrcTbl #tableEnd td { border-bottom:1px solid #9f9f9f} #AIsub1 #nhmrcTbl #hidden {display:none;} #AIsub1 #nhmrcTbl #hidden td {padding:0;} #AIsub1 #nhmrcTbl #aCollapse {display:none;} #AIsub1 #nhmrcTbl #subTbl tr.subOdd {background-color:#f4f4f4;} #AIsub1 #nhmrcTbl #subTbl td {padding: 4px 10px 4px 12px;} #AIsub1 #nhmrcTbl #subTbl td.first {width:426px; padding-left:24px;} #AIsub1 #nhmrcTbl #subTbl td.mid {width:97px; } #AIsub1 #nhmrcTbl #subTbl td.last {width:97px; } #AIsub1 #orngBlock {background-color:#dcf1fc; padding:0 0 12px 12px; margin-bottom:15px;} #AIsub1 #orngBlock h2 {color:#3cb2ef;} #AIsub1 #orngBlock #aiPregnant {float:right; padding:3px 12px 0 0;} #AIsub1 #orngBlock h3 {color:#3cb2ef; font-weight:bold; font-size:21px;} #AIsub1 p.beforeUl {margin-bottom:1px;} #AIsub1 p.footnote#first {margin-top:24px;} ul.mdash {list-style-type:none; padding: 7px 0 0 0; margin: 0 0;} ul.mdash li {background:none; padding: 0px 0px;} #AIsub1 #accordion .container.orange .accordionBody .block {width: 256px; height:97px; background-color:#ffedd1; background-image:none; display:block; margin:9px 20px 0 0; padding: 0 10px 10px 10px;} #AIsub1 #accordion .container.orange .subBlock {width: 240px; height: 58px; display: block; background-image: none; background-color: #fff; padding: 8px 6px 0px 10px;} #AIsub1 #accordion .container.orange h4 {color: #ff9900; font-size:16px; font-weight:700; margin: 7px 0 8px 0;} #AIsub1 #accordion .container.orange a {margin-bottom:7px;} #AIsub1 #accordion .container.orange .accordionBody .block.large {height:143px;} #AIsub1 #accordion .container.orange .block.large .subBlock {height:104px;} #AIsub1 #accordion .container.orange .accordionBody .block.small {height:65px;} #AIsub1 #accordion .container.orange .block.small .subBlock {height:26px;} #AIsub1 #accordion .container.orange #targetSheets, #AIsub1 #accordion .container.orange #influenzaResources { height:150px;} #AIsub1 #accordion .container.orange #targetSheets .subBlock, #AIsub1 #accordion .container.orange #influenzaResources .subBlock {height:111px;} #AIsub1 #accordion .container.orange #pneumococcalResources { height:149px;} #AIsub1 #accordion .container.orange #pneumococcalResources .subBlock {padding-bottom:6px;} #AIsub1 #divRightNav {float: left; width:220px;} #AIsub1 #divRightNav nav { width: 200px; margin: 0; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #AIsub1 #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #AIsub1 #divRightCol li { list-style-type: none; padding: 0; margin: 0; padding: 5px 0 5px 0;} #AIsub1 #divRightCol a { color: #666;} #AIsub1 #divRightCol a:hover {color: #ff9900; text-decoration: none;} #AIsub1 #divRightCol a.navOn { color: #ff9900;} #AIsub1 #divRightCol .callout {width:220px; height:223px; background: transparent url(images/calloutMap.gif) no-repeat 0 0; float:left; margin-bottom:25px; color:#3CB2EF;} #AIsub1 #divRightCol .callout a {width: 196px; height: 223px; position: absolute; right: 0px; padding: 0 12px; color:#3CB2EF;} #AIsub1 #divRightCol .callout a:hover {color:#3CB2EF;} #AIsub1 #divRightCol .callout a span {font-family: 'Dosis', sans-serif; font-size: 34px; font-weight: bold; margin-top: 37px; display: block; line-height: 28px; width: 185px; margin-bottom: 12px;} #AIsub1 #divRightCol .callout a p {color:#3CB2EF; width:125px;} /* ---------------------------------------- practice immunisation ---------------------------------------- */ #AIsub2 {width:700px;} #AIsub2 #header {width:700px; height: 150px; background: transparent url(images/ai_PIM_Header.gif) no-repeat 0 0; font-family: 'Dosis', sans-serif; margin-bottom:16px;} #AIsub2 #header h1 {color: #fff; font-size:49px; line-height:40px; margin:0; font-weight:700; padding:2px 0 0 12px;} #AIsub2 #header p {color: #fff; font-size:18px; line-height:18px; width:315px; margin: 0 0; padding: 17px 0 0 12px; font-weight:700; font-family: 'Dosis', sans-serif;} #AIsub2 .row {width:700px; height: 73px; padding-bottom:10px;} #AIsub2 #first.row {padding-top:12px;} #AIsub2 .row h2 {font-family: 'Dosis', sans-serif; font-weight:900; color:#3cb2ef; margin:4px 0 0 12px; line-height:22px; font-size: 22px; width:175px;} #AIsub2 .row .left {width:220px; background-color: #dcf1fc; float:left; height:73px;} #AIsub2 .row .right {width:459px; border: 1px solid #c0c0c0; border-left: none; float:left; height:71px; padding-left:20px;} #AIsub2 .row .right p{margin-top:5px;} #AIsub2 #calloutBar {background: transparent url(images/iconFeedback.gif) no-repeat 0 0; height:30px; padding-left:20px; margin-top:10px;} #AIsub2 #calloutBar p {margin:0 0; padding: 7px 0 0 20px; font-weight:bold;} #AIsub2 #calloutBar a {color:#99cc33;} #AIsub2 p.footnote#first {margin-top:24px;} /* ---------------------------------------- vacccine management ---------------------------------------- */ #AIsub3 {width:700px;} #AIsub3 #header {width:700px; height: 150px; background: transparent url(images/ai_VM_Header.gif) no-repeat 0 0; font-family: 'Dosis', sans-serif; margin-bottom:16px;} #AIsub3 #header h1 {color: #fff; font-size:49px; line-height:40px; margin:0; font-weight:700; padding:2px 0 0 12px;} #AIsub3 #header p {color: #fff; font-size:18px; line-height:18px; margin: 0 0; padding: 17px 0 0 12px; font-weight:700; font-family: 'Dosis', sans-serif;} #AIsub3 .row {width:700px; height: 73px; padding-bottom:10px;} #AIsub3 #first.row {padding-top:12px;} #AIsub3 .row h2 {font-family: 'Dosis', sans-serif; font-weight:900; color:#3cb2ef; margin:4px 0 0 12px; line-height:22px; font-size: 22px; width:175px;} #AIsub3 .row .left {width:220px; background-color: #dcf1fc; float:left; height:73px;} #AIsub3 .row .right {width:459px; border: 1px solid #c0c0c0; border-left: none; float:left; height:71px; padding-left:20px;} #AIsub3 .row .right p{margin-top:5px;} #AIsub3 #calloutBar {background: transparent url(images/iconFeedback.gif) no-repeat 0 0; height:30px; padding-left:20px; margin-top:10px;} #AIsub3 #calloutBar p {margin:0 0; padding: 7px 0 0 20px; font-weight:bold;} #AIsub3 #calloutBar a {color:#99cc33;} /* ---------------------------------------- recall and reminder ---------------------------------------- */ #AIsub4 #header {width:700px; height: 150px; background: transparent url(images/ai_RR_Header.gif) no-repeat 0 0; font-family: 'Dosis', sans-serif; margin-bottom:16px;} #AIsub4 #header h1 {color: #fff; font-size:49px; line-height:40px; margin:0; font-weight:700; padding:2px 0 0 12px;} #AIsub4 #header p {color: #fff; font-size:18px; line-height:18px; width:325px; margin: 0 0; padding: 17px 0 0 12px; font-weight:700; font-family: 'Dosis', sans-serif;} #AIsub4 h2 {color: #3cb2ef; font-size:23px; font-weight:700; margin:11px 0 9px 0; position:relative; top:3px;} #AIsub4 #divLeftCol {width:700px; padding-right:20px; float:left;} #AIsub4 #aiSecretary {float:right; padding:3px 0 18px 0;} #AIsub4 #accordion .container.orange .accordionBody .block {width: 256px; height:81px; background-color:#ffedd1; background-image:none; display:block; margin:9px 20px 0 0; padding: 0 10px 10px 10px;} #AIsub4 #accordion .container.orange .subBlock {width: 200px; height: 42px; display: block; background-image: none; background-color: #fff; padding: 8px 46px 0px 10px;} #AIsub4 #accordion .container.orange h4 {color: #ff9900; font-size:16px; font-weight:700; margin: 7px 0 8px 0;} #AIsub4 #accordion .container.green h4 {color: #99cc33; font-size:16px; font-weight:700; margin: 7px 0 8px 0;} #AIsub4 #aiDoctor {float:right; padding:3px 0 0 15px;} #AIsub4 #accordion .container.blue .accordionBody .block {width: 256px; height:81px; background-color:#dcf1fc; background-image:none; display:block; margin:9px 20px 11px 0; padding: 0 10px 10px 10px;} #AIsub4 #accordion .container.blue .subBlock {width: 200px; height: 42px; display: block; background-image: none; background-color: #fff; padding: 8px 46px 0px 10px;} #AIsub4 #accordion .container.blue h4 {color: #3cb2ef; font-size:16px; font-weight:700; margin: 7px 0 8px 0; clear:both;} #AIsub4 #accordion .container.blue h4.ptop {padding-top:7px;} #AIsub4 ol.footnote {clear:both; padding-top:7px;} #AIsub4 #divRightNav {float: left;} #AIsub4 #divRightNav nav { width: 200px; margin: 0; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #AIsub4 #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #AIsub4 #divRightCol li { list-style-type: none; padding: 0; margin: 0; padding: 5px 0 5px 0;} #AIsub4 #divRightCol a { color: #666;} #AIsub4 #divRightCol a:hover {color: #ff9900; text-decoration: none;} #AIsub4 #divRightCol a.navOn { color: #ff9900;} #AIsub4 #divRightCol a#navSection2:hover, #AIsub4 #divRightCol a#navSection5:hover {color: #99cc33; text-decoration: none;} #AIsub4 #divRightCol a#navSection3:hover {color: #3cb2ef; text-decoration: none;} /* ---------------------------------------- engaging your practice ---------------------------------------- */ #engagingyourpractice h1 {color: #99cc33; font-size:28px; margin:24px 0 19px 0; padding: 0 0;} #engagingyourpractice h2 {color: #99cc33; font-size:17px; font-weight: bold; margin-top:0px; margin-bottom:8px;} #engagingyourpractice p {margin-top:0px;} #engagingyourpractice #divLeftCol, #engagingyourpractice #divRightCol {width:460px; display:block; vertical-align:top; float:left;} #engagingyourpractice #divLeftCol {padding-right:10px;} #engagingyourpractice #divRightCol {padding-left:10px;} #engagingyourpractice #callout1 {width:225px; height:146px; background: transparent url(images/eypCallout1.png) no-repeat 0 0; float:left; padding-right: 10px; margin-top:9px;} #engagingyourpractice #callout2 {width:225px; height:146px; background: transparent url(images/eypCallout2.png) no-repeat 0 0; float:left; margin-top:9px;} #engagingyourpractice #callout1ComingSoon {width:225px; height:146px; background: transparent url(images/eypCallout1ComingSoon.png) no-repeat 0 0; float:left; padding-right: 10px; margin-top:9px;} #engagingyourpractice #callout2ComingSoon {width:225px; height:146px; background: transparent url(images/eypCallout2ComingSoon.png) no-repeat 0 0; float:left; margin-top:9px;} #engagingyourpractice #callout1 ul, #engagingyourpractice #callout2 ul {list-style-type:none; padding: 59px 0 0 11px; margin: 0 0; text-align:left;} #engagingyourpractice #callout1 ul li, #engagingyourpractice #callout2 ul li {padding: 5px 0 0 0;} #engagingyourpractice #callout1 ul li a, #engagingyourpractice #callout2 ul li a {color:#666;} #engagingyourpractice #divVideo {width:460px; height:289px; margin: auto auto; display: inline-block; float:right; padding: 12px 0px 0px 2px; } #engagingyourpractice #vidCover {width:460px; height:289px; background: transparent url(images/videoBG2.png) no-repeat 0 0; } #engagingyourpractice #vidCover h1 {font-weight:bold; font-size:13px; color:#fff; padding-left:15px; width:360px;} #engagingyourpractice #vidCover p {color:#fff; padding-left:15px; width:360px;} #engagingyourpractice #vidMiddle {width:460px; height:289px; background: transparent url(images/videoBG2a.png) no-repeat 0 0; display:none; } #engagingyourpractice ul.vidMenu {list-style-type:none; padding: 15px 0 0 11px; margin: 0 0; width:320px;} #engagingyourpractice ul.vidMenu li {display:block; list-style-type:none; padding: 0 0 5px 30px; background: transparent url(images/videoBtn.png) no-repeat 0 0; line-height:18px;} #engagingyourpractice ul.vidMenu li a { color:#fff; font-weight:bold; text-decoration:none;} #engagingyourpractice p.footnote {padding-top:15px;} /* ---------------------------------------- resources2 page ---------------------------------------- */ #adolescentimmunisation #header {width:700px; height: 150px; background: transparent url(images/aiHPV_Header.gif) no-repeat 0 0; font-family: 'Dosis', sans-serif; margin-bottom:7px;} #adolescentimmunisation #header h1 {color: #fff; font-size:49px; line-height:40px; margin:0; font-weight:700; padding:2px 0 0 12px;} #adolescentimmunisation #header p {color: #fff; font-size:18px; line-height:18px; width:255px; margin: 0 0; padding: 17px 0 0 12px; font-weight:700; font-family: 'Dosis', sans-serif;} #adolescentimmunisation h2 {color: #3cb2ef; font-size:23px; font-weight:700; margin:7px 0 9px 0; position:relative; top:3px;} .resourceLink {display:block; padding: 5px 0 1px 45px;} .resourceLinkEmpty {display:block; padding: 0 0 4px 0; border-top: 2px solid #ccc; width:650px; margin-top:18px;} #adolescentimmunisation #divLeftCol {width:700px; padding-right:10px; float:left;} #aiHPVsubSmile {float:right; padding:3px 0 0 15px;} #adolescentimmunisation #blueBlock {background-color:#dcf1fc; padding:0 0 1px 12px; margin-top:12px; height: 252px; margin-bottom:15px;} #adolescentimmunisation #blueBlock #aiHPVsubShot {float:right; padding:3px 12px 0 20px;} #adolescentimmunisation #greenBlock {background-color:#edf6da; padding:0px 10px 0px 12px; margin:20px 0 ; height: 133px;} #adolescentimmunisation #greenBlock h2 {color: #99cc33; margin: 0;} #adolescentimmunisation #accordion .container.blue .accordionBody .block {width: 256px; height:81px; background-color:#dcf1fc; background-image:none; display:block; margin:9px 20px 12px 0; padding: 0 10px 10px 10px;} #adolescentimmunisation #accordion .container.blue .subBlock {width: 200px; height: 42px; display: block; background-image: none; background-color: #fff; padding: 8px 46px 0px 10px;} #adolescentimmunisation #accordion .container.blue h4 {color: #3cb2ef; font-size:16px; font-weight:700; margin: 7px 0 8px 0;} #adolescentimmunisation #accordion .container.blue p {clear: both; width: 624px; padding-top:4px;} #adolescentimmunisation ol.footnote {clear:both; padding-top:7px;} #adolescentimmunisation #divRightNav {float: left;} #adolescentimmunisation #divRightNav nav { width: 200px; margin: 0; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #adolescentimmunisation #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #adolescentimmunisation #divRightCol li { list-style-type: none; padding: 0; margin: 0; padding: 5px 0 5px 0;} #adolescentimmunisation #divRightCol a { color: #666;} #adolescentimmunisation #divRightCol a:hover {color: #ff9900; text-decoration: none;} #adolescentimmunisation #divRightCol a.navOn { color: #ff9900;} #adolescentimmunisation #divRightCol a#navSection1:hover, #adolescentimmunisation #divRightCol a#navSection2:hover, #adolescentimmunisation #divRightCol a#navSection4:hover {color: #99cc33; text-decoration: none;} /* ---------------------------------------- immunisation toolbox page ---------------------------------------- */ #immunisationtoolbox #divLeftCol {width:700px; padding-right:20px; float:left;} #immunisationtoolbox #header {width:700px; height: 150px; background: transparent url(images/itHeader.gif) no-repeat 0 0; font-family: 'Dosis', sans-serif; margin-bottom:16px;} #immunisationtoolbox #header h1 {color: #fff; font-size:49px; line-height:40px; margin:0; font-weight:700; padding:2px 0 0 12px;} #immunisationtoolbox #header p {color: #fff; font-size:18px; line-height:18px; width:300px; margin: 0 0; padding: 17px 0 0 12px; font-weight:700; font-family: 'Dosis', sans-serif;} #immunisationtoolbox h2 {color: #ff9900; font-size:23px; font-weight:700; margin:11px 0 9px 0; position:relative; top:3px; clear:both;} #immunisationtoolbox #accordion .container.green .accordionBody .block {width: 256px; height:81px; background-color:#edf6da; background-image:none; display:block; margin:9px 20px 0 0; padding: 0 10px 10px 10px;} #immunisationtoolbox #accordion .container.green .subBlock {width: 200px; height: 42px; display: block; background-image: none; background-color: #fff; padding: 8px 46px 0px 10px;} #immunisationtoolbox #accordion .container.green h4 {color: #99cc33; font-size:16px; font-weight:700; margin: 7px 0 8px 0;} #immunisationtoolbox #accordion .container.blue h4 {color: #3cb2ef; font-size:16px; font-weight:700; margin: 7px 0 8px 0;} #immunisationtoolbox #aiDoctor {float:right; padding:3px 0 0 15px;} #immunisationtoolbox #accordion .container.orange .accordionBody .block {width: 256px; height:81px; background-color:#ffedd1; background-image:none; display:block; margin:9px 20px 11px 0; padding: 0 10px 10px 10px;} #immunisationtoolbox #accordion .container.orange .subBlock {width: 200px; height: 42px; display: block; background-image: none; background-color: #fff; padding: 8px 46px 0px 10px;} #immunisationtoolbox #accordion .container.orange h4 {color: #ff9900; font-size:16px; font-weight:700; margin: 7px 0 8px 0; clear:both;} #immunisationtoolbox #accordion .container.orange h4.ptop {padding-top:7px;} #immunisationtoolbox #divRightNav {float: left;} #immunisationtoolbox #divRightNav nav { width: 200px; margin: 0; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #immunisationtoolbox #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #immunisationtoolbox #divRightCol li { list-style-type: none; padding: 0; margin: 0; padding: 5px 0 5px 0;} #immunisationtoolbox #divRightCol a { color: #666;} #immunisationtoolbox #divRightCol a:hover {color: #ff9900; text-decoration: none;} #immunisationtoolbox #divRightCol a.navOn { color: #ff9900;} #immunisationtoolbox #divRightCol a#navSection2:hover, #immunisationtoolbox #divRightCol a#navSection5:hover {color: #3cb2ef; text-decoration: none;} #immunisationtoolbox #divRightCol a#navSection1:hover, #immunisationtoolbox #divRightCol a#navSection4:hover, #immunisationtoolbox #divRightCol a#navSection7:hover {color: #99cc33; text-decoration: none;} #immunisationtoolbox p.inline {display:inline-block; width:300px; zoom:1;} .ie7 #immunisationtoolbox p.inline {display:inline; zoom:1;} .modalDialog .modalVideoCloseButton { background: transparent url(images/consentClosebtn.gif) no-repeat 0 0; width: 24px; height: 27px; display: inline-block; position: absolute; cursor: pointer; left:878px; top: 0px; } /*--------------------2019 Update------------------------*/ #immunisationtoolbox .document {clear:both; height:120px; margin-left:10px; height:112px; padding-top:14px; position:relative;} #immunisationtoolbox .document .doc-logo{width:98px; margin:0 46px 0 16px; float:left;} #immunisationtoolbox .document .description {float:left; width:530px;} #immunisationtoolbox .document .description p {font-family: 'Dosis', sans-serif;font-size:1rem; line-height:1.2; margin-bottom:10px;} #immunisationtoolbox .document .description p span {display:block; font-weight:800;} #immunisationtoolbox .document .description select {width:345px; height:34px;float:left;color:#79797b;padding-left:10px;} #immunisationtoolbox .document .description input {width:53px;height:28px;float:left; text-align:center; font-weight:700; font-size:1.25rem;color:#79797b;} #immunisationtoolbox .document .description .btnPlus{float:left; cursor:pointer; line-height:34px; padding: 0 6px;} #immunisationtoolbox .document .description .btnMinus{float:left; cursor:pointer; line-height:28px;padding: 0 6px; margin-left:7px; margin-top:0px;} #immunisationtoolbox .accordion h2 {color:#8d8d8d; padding-top:23px; border-top:2px solid #e0992a;} #immunisationtoolbox .accordion h2:first-of-type {border:none; padding:0;} #immunisationtoolbox .accordion .container {margin-bottom:0} #immunisationtoolbox .accordion .container h3 {height:41px; line-height:41px; color:#fff; padding:0; width:612px;margin-bottom:40px; font-size:1.375rem; float:left; cursor:pointer;} #immunisationtoolbox .accordion .container h3.active {width:611px;} #immunisationtoolbox .accordion .container.green h3 {background-color:#82c341; margin-top:18px;} #immunisationtoolbox .accordion .container.green h3.active {background-color:transparent; margin-top:18px; color:#82c341; border:1px solid #82c341; border-left:none; height:39px;} #immunisationtoolbox .accordion .container.blue h3 {background-color:#00b1ed;margin-top:20px;} #immunisationtoolbox .accordion .container.blue h3.active {background-color:transparent; margin-top:20px; color:#00b1ed; border:1px solid #00b1ed; border-left:none; height:39px;} #immunisationtoolbox .accordion .container.orange h3 {background-color:#f8991d;margin-top:21px;} #immunisationtoolbox .accordion .container.orange h3.active {background-color:transparent; margin-top:21px; color:#f8991d; border:1px solid #f8991d; border-left:none; height:39px;} #immunisationtoolbox .accordion .container.green .document:hover{background-color:#e0f0cf; border-radius:62px;} #immunisationtoolbox .accordion .container.blue .document:hover{background-color:#bfebfa; border-radius:62px;} #immunisationtoolbox .accordion .container.orange .document:hover{background-color:#fde5c6; border-radius:62px;} #immunisationtoolbox .accordion .container .accordionBody{background:none; display:none; clear:both;} #immunisationtoolbox .accordion .container .accordionBody.active div {display:block;} #immunisationtoolbox .accordion .container div.accordionIcon {width:88px; height:80px; margin:0;float:left;} #immunisationtoolbox .accordion #flu-container div.accordionIcon {background: transparent url(images/img-accordion-logo-flu.png) no-repeat 0 0;} #immunisationtoolbox .accordion #flu-container div.accordionIcon.active {background: transparent url(images/img-accordion-logo-flu-active.png) no-repeat 0 0;} #immunisationtoolbox .accordion #pneumo-container div.accordionIcon {background: transparent url(images/img-accordion-logo-pneumo.png) no-repeat 0 0;} #immunisationtoolbox .accordion #pneumo-container div.accordionIcon.active {background: transparent url(images/img-accordion-logo-pneumo-active.png) no-repeat 0 0;} #immunisationtoolbox .accordion #shingles-container div.accordionIcon {background: transparent url(images/img-accordion-logo-shingles.png) no-repeat 0 0;} #immunisationtoolbox .accordion #shingles-container div.accordionIcon.active {background: transparent url(images/img-accordion-logo-shingles-active.png) no-repeat 0 0;} #immunisationtoolbox .accordion #tools-container div.accordionIcon {background: transparent url(images/img-accordion-logo-tools.png) no-repeat 0 0;} #immunisationtoolbox .accordion #tools-container div.accordionIcon.active {background: transparent url(images/img-accordion-logo-tools-active.png) no-repeat 0 0;} #immunisationtoolbox .accordion #recall-container div.accordionIcon {background: transparent url(images/img-accordion-logo-recall.png) no-repeat 0 0;} #immunisationtoolbox .accordion #recall-container div.accordionIcon.active {background: transparent url(images/img-accordion-logo-recall-active.png) no-repeat 0 0;} #immunisationtoolbox .accordion #practice-container div.accordionIcon {background: transparent url(images/img-accordion-logo-practice.png) no-repeat 0 0;} #immunisationtoolbox .accordion #practice-container div.accordionIcon.active {background: transparent url(images/img-accordion-logo-practice-active.png) no-repeat 0 0;} #immunisationtoolbox .accordion #order-container div.accordionIcon {background: transparent url(images/img-accordion-logo-order.png) no-repeat 0 0;} #immunisationtoolbox .accordion #order-container div.accordionIcon.active {background: transparent url(images/img-accordion-logo-order-active.png) no-repeat 0 0;} #immunisationtoolbox .accordion #order-container div.order-border {border:1px solid #ddd; padding:3px 31px 0 22px;} #immunisationtoolbox .accordion #order-container div#order-headers {position:relative; margin-bottom:8px;} #immunisationtoolbox .accordion #order-container .txt-orange {color:#de9a2a; font-weight:700;} #immunisationtoolbox .accordion #order-container div#order-summary {border-bottom:1px solid #de9a2a; margin-top:21px; padding-bottom:15px;} #immunisationtoolbox .accordion #order-container div#order-summary > div > div:first-child {width:554px; display:inline-block;} #immunisationtoolbox .accordion #order-container div#order-summary > div > div:last-child {width:84px; display:inline-block; text-align:center;} #immunisationtoolbox .accordion #order-container div#order-summary div#order-headers + div.order-document {border-top:none;} #immunisationtoolbox .accordion #order-container div#order-summary div.order-document {font-weight:700; border-top:1px solid #cbcac9; padding:7px 0;} #immunisationtoolbox .accordion #order-container div#order-summary div#order-total{margin-top:12px; margin-right:12px;} #immunisationtoolbox .accordion #order-container div#order-summary div#order-total div:last-child {width:92px; height:30px; line-height:30px; text-align:center; font-weight:700; color:#de9a2a; border:1px solid #de9a2a; float:right;} #immunisationtoolbox .accordion #order-container div#order-summary div#order-total div:first-child {background-color:#de9a2a; color:#fff; height:32px; line-height:32px; width:74px; text-align:center;float:right;} #immunisationtoolbox .accordion #order-container div#order-summary div.clear {clear: both} #immunisationtoolbox .accordion #order-container div#delivery-details {margin-top:17px; padding-bottom:19px; border-bottom:1px solid #de9a2a; } #immunisationtoolbox .accordion #order-container div#delivery-details > #delivery-details-left {float:left; width:340px;} #immunisationtoolbox .accordion #order-container div#delivery-details > #delivery-details-right {float:left; width:300px;} #immunisationtoolbox .accordion #order-container div#delivery-details li label {width:110px; display:inline-block;} #immunisationtoolbox .accordion #order-container div#delivery-details > #delivery-details-left li label {width:96px;} #immunisationtoolbox .accordion #order-container div#delivery-details li input {width:177px; border:none;} #immunisationtoolbox .accordion #order-container div#delivery-details a:link, #immunisationtoolbox .accordion #order-container div#delivery-details a:visited {display:block; height: 30px; line-height: 30px; width:162px; text-align: center; font-weight: 700; color: #de9a2a; border: 1px solid #de9a2a; clear:both; margin-right:31px; float:right; margin-top:5px;} #immunisationtoolbox .accordion #order-container div#confirm-order input {border: none;background-color: #e0992a;width: 520px;height: 32px;line-height: 32px;color: #fff;margin: auto;display: block;border-radius: 10px;margin-top: 13px;margin-bottom: 21px; cursor:pointer;} #immunisationtoolbox .accordion #order-container div#confirm-order p {text-align:center; font-size:0.75rem; color:#e0992a; font-style:italic; margin-bottom:40px;} /* ---------------------------------------- about commmunity immunity ---------------------------------------- */ #aboutcommunityimmunity {width:940px;} #aboutcommunityimmunity #header {width:940px; height: 150px; background: transparent url(images/aciHeader.gif) no-repeat 0 0; font-family: 'Dosis', sans-serif; margin-bottom:16px;} #aboutcommunityimmunity #header h1 {color: #fff; font-size:42px; line-height:40px; margin:0; font-weight:700; padding:6px 0 0 12px;} #aboutcommunityimmunity #header p {color: #fff; font-size:22px; line-height:22px; width:535px; margin: 0 0; padding: 23px 0 0 12px; font-weight:700; font-family: 'Dosis', sans-serif;} #aboutcommunityimmunity h2, #aboutcommunityimmunity h3 {font-family: 'Dosis', sans-serif; font-weight:700;} #aboutcommunityimmunity h2 {color:#99cc33; font-size:42px; margin-bottom:18px;} #aboutcommunityimmunity h3 {font-size:22px; margin-bottom:11px;} #aboutcommunityimmunity h3.green {color:#99cc33;} #aboutcommunityimmunity h3.blue {color:#3cb2ef;} #aboutcommunityimmunity h3.orange {color:#ff9900;} #aboutcommunityimmunity #intro p {width:545px; float:left; margin-top:0;} #aboutcommunityimmunity #intro .rightCallout {width:337px; height:28px; background: transparent url(images/aciCallout.gif) no-repeat 0 0; float:left; padding:8px 0 0 43px; color:#3cb2ef; font-size:22px; font-weight:700; font-family: 'Dosis', sans-serif; margin: 4px 0 6px 15px;} #aboutcommunityimmunity #clipboard div {border-top:1px solid #c0c0c0; width:620px; padding-bottom:16px;} #aboutcommunityimmunity #clipboard #clipboardIntro {border: none; width:620px; padding:0 0 10px 0;} #aboutcommunityimmunity #clipboard #clipboardIntro p {width:540px; font-size:18px; line-height:18px; font-weight:700; font-family: 'Dosis', sans-serif;} #aboutcommunityimmunity #clipboard { background: transparent url(images/bgClipboard.jpg) no-repeat -42px 0; padding: 128px 0 24px 80px; width:880px;} #aboutcommunityimmunity #clipboard ul {margin: 0; padding-left: 16px;} #aboutcommunityimmunity #clipboard ul li {padding:5px 0 3px 0; } #aboutcommunityimmunity #clipboard ul li.first {padding-top: 0;} /* ---------------------------------------- resources2 page ---------------------------------------- */ #shingles #header {width:700px; height: 150px; background: transparent url(images/shingles_Header.gif) no-repeat 0 0; font-family: 'Dosis', sans-serif; margin-bottom:7px;} #shingles #header h1 {color: #fff; font-size:49px; line-height:40px; margin:0; font-weight:700; padding:2px 0 0 12px;} #shingles #header p {color: #fff; font-size:18px; line-height:18px; width:300px; margin: 0 0; padding: 17px 0 0 12px; font-weight:700; font-family: 'Dosis', sans-serif;} #shingles sup {font-size: 8px} #shingles p {line-height: 18px;} #shingles h2 {color: #99cc33; font-size:23px; font-weight:700; margin:7px 0 9px 0; position:relative; top:3px;} #shingles #section3 {color:#F8991D;} #shingles a {padding: 0; background-image: none; color: #666;} #shinglesMan {float:right; padding:3px 0 0 15px;} #shingles #divLeftCol {width:700px; padding-right:10px; float:left;} #shingles .titleBlock { padding: 18px; border-radius: 8px; width: 38%; display: inline-block; font-size: 18px; line-height: 20px; text-transform: uppercase; text-align: center; height: 50px; vertical-align: middle; font-family: Dosis, sans-serif; font-weight: bold; } #shingles #shinglesSeparator { background-image: url("images/loading-circle.png"); background-repeat:no-repeat; background-position: center; width: 75px; height: 60px; overflow: hidden; display: inline-block; vertical-align: middle; } #shingles #opportunisticTitle {border: 1px solid #80cc0e; color: #80cc0e; display: inline-block; padding-top: 22px; padding-bottom: 10px;} #shingles #recallTitle {border: 1px solid #00b1ed; color: #00b1ed; display: inline-block;} #shingles .tableNumbers {color: #82C341; font-size: 50px; display: inline-block; height: 50px; line-height: 50px; vertical-align: bottom; font-family: Dosis, sans-serif; font-weight: bold;} #shingles #blueTable .tableNumbers {color: #00B1ED;} #shingles .tableTitles {font-size: 19px; display: inline-block; max-width: 330px; vertical-align: middle; height: 45px; line-height: 20px; text-transform: uppercase; letter-spacing: -.15px; font-family: Dosis, sans-serif; font-weight: bold; padding-left: 5px; color: #797A7C;} #shingles td { padding: 0;} #shingles .rightColumn {width: 290px; padding: 0px; } #shingles #greenTable .rightColumn {border-right: 1px solid #E6F3D9;} #shingles #blueTable .rightColumn {border-right: 1px solid #dcf1fc;} #shingles .leftColumn { width: 480px; padding: 0 20px 15px 20px;} #shingles .tableHeader p {font-size: 22px; color: #fff; text-transform: uppercase; font-weight: bold; font-family: Dosis, sans-serif; border-top: none !important; margin-bottom: 3px;} #shingles #greenTable, #blueTable li { list-style-image:url(images/iconPDF_new.png); list-style-position:outside; } #shingles #greenTable, #blueTable {letter-spacing: -.45px; max-width: 660px; } #shingles .tableDivider {padding: 0;} #shingles .tableDividerImg {width: 100%;} #shingles #greenTable {margin-top:35px; border-collapse: collapse; border-spacing: 0;} #shingles #greenTable .leftColumn {background-color:#E6F3D9;} #shingles #greenTable .tableHeader {background-color: #82C341; padding: 5px 10px;} #shingles #blueTable {margin:20px 0; border-collapse: collapse; border-spacing: 0;} #shingles #blueTable .tableHeader {background-color: #00B1ED; padding: 5px 10px;} #shingles #blueTable .leftColumn {background-color:#dcf1fc;} #shingles #loadingCircles {padding-top:15px;} #shingles #catchUpProgramIcon {display: inline-block; vertical-align:top} #shingles #badgeParagraph {display:inline-block; width: 550px; vertical-align: top; padding:10px 0 0 20px;} #shingles p.footnote {clear:both; padding: 10px 0; font-family: Helvetica, sans-serif;} #shingles #divRightNav {float: left;} #shingles #divRightNav nav { width: 200px; margin: 0; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #shingles #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #shingles #divRightCol li { list-style-type: none; margin: 0; padding: 5px 0 5px 0;} #shingles #divRightCol a { color: #666;} #shingles #divRightCol a:hover {color: #ff9900; text-decoration: none;} #shingles #divRightCol a.navOn { color: #ff9900;} #shingles #divRightCol a#navSection1:hover {color: #99cc33; text-decoration: none;} #shingles #divRightCol a#navSection2:hover {color: #ff9900; text-decoration: none;} #shingles #divRightCol a#navSection3:hover {color: #3cb2ef; text-decoration: none;} /* ---------------------------------------- contact us page ---------------------------------------- */ #contactus h1 {color: #3cb2ef; font-size:28px; margin:24px 0 22px 0; padding: 0 0;} #contactus div#form b, #contactus div#cap {color:#3cb2ef;} #contactus p {width: 500px; font-weight: normal;} span.req {color:red;} #contactus div#form label {font-weight:normal; color:#000;} /* ---------------------------------------- ACCORDIAN STYLES ---------------------------------------- */ #accordion .container {margin-bottom:10px; display:block; float:left;} #accordion .container div {display:none; background: transparent url(images/accordionTop.gif) no-repeat center top; float: left;} #accordion .container .accordionBody .bodyBorder { width:650px; display:block; border: 1px solid #c1c1c1; border-top:none; margin: 0 12px; padding: 13px 12px 12px 12px;} #accordion .container h3{ font-family: 'Dosis', sans-serif; width:658px; height:28px; margin: 0; padding: 8px 0 0 42px; color: #8d8d8d; font-size:18px; } .ie7 #accordion .container .accordionIcon {position:absolute;} #accordion .container.green h3{background-color:#edf6da;} #accordion .container.green h3:hover, #accordion .container.green h3.active {background-color:#99cc33; color:#fff;} #accordion .container.green .accordionIcon { background: transparent url(images/iconAccordionSprite.png) no-repeat 0 0; width:20px; height:20px; display:block; margin: 8px 0 0 12px;} #accordion .container.green .accordionIcon.hover { background: transparent url(images/iconAccordionSprite.png) no-repeat -40px 0;} #accordion .container.green .accordionIcon.active { background: transparent url(images/iconAccordionSprite.png) no-repeat -20px 0;} #accordion .container.blue h3{background-color:#dcf1fc;} #accordion .container.blue h3:hover, #accordion .container.blue h3.active {background-color:#3cb2ef; color:#fff;} #accordion .container.blue .accordionIcon { background: transparent url(images/iconAccordionSprite.png) no-repeat 0 -20px; width:20px; height:20px; display:block; margin: 8px 0 0 12px;} #accordion .container.blue .accordionIcon.hover { background: transparent url(images/iconAccordionSprite.png) no-repeat -40px -20px} #accordion .container.blue .accordionIcon.active { background: transparent url(images/iconAccordionSprite.png) no-repeat -20px -20px;} #accordion .container.orange h3{background-color:#ffedd1;} #accordion .container.orange h3:hover, #accordion .container.orange h3.active {background-color:#ff9900; color:#fff;} #accordion .container.orange .accordionIcon { background: transparent url(images/iconAccordionSprite.png) no-repeat 0 -40px; width:20px; height:20px; display:block; margin: 8px 0 0 12px;} #accordion .container.orange .accordionIcon.hover { background: transparent url(images/iconAccordionSprite.png) no-repeat -40px -40px} #accordion .container.orange .accordionIcon.active { background: transparent url(images/iconAccordionSprite.png) no-repeat -20px -40px;} /* ---------------------------------------- Registration / update profile page ---------------------------------------- */ #locationField, #controls { position: relative; width: 480px; } div#form #locationField input { position: absolute; top: 0px; left: 0px; width: 418px; } #locationField { height: 20px; margin-bottom: 2px; } div#form .txtDisabled { width: 194px; padding: 3px; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; vertical-align: middle; border: 1px solid #aeb9b3; background-color: rgb(235, 235, 228); } .errMessageAddress {display:none; color:red;} /* ---------------------------------------- waypoint ---------------------------------------- */ .sticky { position: fixed; top: 20px; width: 220px; background: #fff; } .stickybottom { position: absolute; top: auto; bottom: 800px; } .sticky .nav-above { position: absolute; top:-15px; left:1em; right:1em; height:15px; } .navOn {color: #000; font-weight: bold;} /* ---------------------------------------- footer stuff ---------------------------------------- */ footer { background: #e6e6e6; width: 100%; height: 130px; position: absolute; bottom: 0; left: 0; z-index:1} footer #divFooterOffset { text-align: right; color:#666; width: 940px; margin: auto auto; padding: 11px 0 0 0; height:69px; background-color: #e6e6e6; position:relative;} footer #divFooterOffset nav { padding: 10px 0; text-align:left; position:relative; top:-10px;} footer #divFooterOffset img#logoCSL100 {float:right; margin-left:25px;} footer a:link, footer a:visited { color: #666; } footer #copy {padding: 0 0; margin: 0 0; text-align: left;} /* ---------------------------------------- forms stuff ---------------------------------------- */ div#form span.label { float:left; width:470px; margin-left:3px; } div#form b.left { float:left; } #formEnd { clear:both; padding:40px 0 0 12px; width:400px; background-repeat:no-repeat; } div#cap p { } div#form b, div#cap b { color:#d46900; } div#form input { vertical-align:middle; } div#form label { display:inline-block; vertical-align:middle; width:258px; padding-right:10px; } div#cbl { padding:0; } div#cbl ul { padding:0; list-style:none; } div#cbl span { display:block; } div#cbl label { padding:0 0 3px 8px; width:445px; line-height:13px; } div#form label.nr, div#form label.top { padding-left:0px; width:257px; } div#form label.top { vertical-align:top; } div#form label.long { width:auto; } div#form .empty { margin-left:223px; } div#form .rbl { display:inline-block; height:21px; } div#form .rbl label { width:auto; margin:0px 20px 0 5px; display:inline-block; } div#form .txt, div#form .ddl, div#cap .txt { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; vertical-align:middle; border:1px solid #aeb9b3; } div#form .txt { width:194px; padding:3px; } div#form .ddl { width:202px; padding:2px 2px 2px 0; } div#form li.message { padding:20px 60px 0 0; } div#cap .txt { width:194px; padding:3px; display:block; margin:0 auto; text-align:center; font-size:18px; } div#cap .border { border:1px solid #aeb9b3; display:inline-block; width:200px; height:50px; margin-bottom:10px; } div#cap .center { width:200px; text-align:center; } div#formButtons .formbtn { margin:0px 4px 0px 1px; } .ie7 div#formButtons p.forgot { position:relative; top: 33px; } ul.form li { padding:5px 0; list-style-type:none;} div.valsum { padding:5px 0 0 0; font-weight:bold; color:red; } div.valsum ul { padding:10px 0; font-weight:normal; } div.valsum li { background:transparent url(images/imgBulletOrange.gif) 0 5px no-repeat; padding:0 0 1px 8px; } .valcap { line-height:30px; } div#form { clear:both; } label.indent{position:relative;left:5px;} .validator {color:Red;} #formLeft , #formRight {float:left;} #formLeft {width:450px;} #formRight {width:450px; padding-left:20px;} #register div#form label { width: 210px; } #register div#cbl label {width: 400px;} /* ---------------------- Login /logout --------------------------- */ #logo{width:291px; height:124px; display:block; float:left;} #logo h2 { color: #149EDA; font-size: 15px; font-weight: bold; margin: 0 0; padding: 0 0;} #logo a #toplogoCSL100 {margin-left:35px;} #championingChange {float:left;} #webTile{width: 250px; float: left; display: block;} #loginContainer {width:375px; height:124px; float:left;} #login {display:block; width:220px; float:right; height:72px; padding-left:24px;} #login p {clear:both; margin: 0 0; line-height:14px; font-size:12px;} #login h5 {font-weight:bold; font-size:15px; color:#99cc33; margin: 0 0;} #login #formButtons {float:left; width:220px; height:32px;} #login #formButtons a {text-decoration:none; color:#99cc33; font-size:12px; float:right; margin-top:11px} .ie7 #login #formButtons a {margin-top:0; position:relative; bottom:22px;} #login ul.form {float:left; width:220px; height:43px; margin: 0 0 ; background:transparent url(images/login-bg.gif) 0 0 no-repeat;} #login ul.form li {padding:0; margin-top:1px;} div#login #txtPassword, div#login #txtEmail {border:none; width:213px; height:20px; line-height:normal; background:none; padding-left:6px; font-size:11px;} div#login .formbtn {margin:9px 0 0 0;} div#login .validator {display:block;float:left; width: 210px;} #tagline {color:#bfbfbf; font-family: 'Dosis', sans-serif; font-weight:500; float:right; margin-top:3px; display:block; width:350px; text-align:right; font-size:14px;} .ie7 #tagline {float:none; position:relative; right:130px;} #signUp {width:375px; float:left; height:24px; text-align:right; font-family: 'Dosis', sans-serif; font-weight:500; font-size:16px;} #signUp span, #signUp a {color: #99cc33; display:inline; } /* ---------------------- Login /logout --------------------------- */ #logoutContainer {width:375px; height:124px; float:left;} #logout {display:block; width:147px; float:right; height:53px; text-align:right; padding-top:24px;} #logout p {clear:both; margin: 0 0; } #logout ul.form {margin: 0 0;} #logout ul.form li {margin: 0 0; padding: 0 0;} #logout li a {display:block; width:54px; height:20px; padding-right: 4px; float:right; text-decoration:none; font-weight:bold; font-size:13px; color:#fff; line-height:18px; background:transparent url(images/logoutBg.gif) 0 0 no-repeat; margin-bottom:4px;} #logout p a, #logout p a:visited {text-decoration:none; font-size:12px; color:#99cc33; margin: 0 0; margin-top:2px; display:block;} #countdown {font-family: 'Dosis', sans-serif; font-weight:700; color:#3cb2ef; background:transparent url(images/countdownBg.gif) 0 0 no-repeat; display:block; width:113px; height:67px; float:left; padding:5px 25px 0 6px; font-size:16px; line-height:14px; border-right: 1px solid #c0c0c0;} #countdown div {background-image: url(images/cntDownNoSprite.png); background-repeat: no-repeat; width:22px; height:30px; display:inline-block; vertical-align:middle; padding-bottom:2px; margin-right:1px;} .cntDownNo0 {background-position: 0 0 ;} .cntDownNo1 {background-position: -22px 0 ;} .cntDownNo2 {background-position: -44px 0 ;} .cntDownNo3 {background-position: -66px 0 ;} .cntDownNo4 {background-position: -88px 0 ;} .cntDownNo5 {background-position: -110px 0 ;} .cntDownNo6 {background-position: -132px 0 ;} .cntDownNo7 {background-position: -154px 0 ;} .cntDownNo8 {background-position: -176px 0 ;} .cntDownNo9 {background-position: -198px 0 ;} #countdown span {position:relative; top:5px;} .ie7 #logout #tagline {float:none; position:relative; right:203px;} .ie7 #countdown div {display:inline; zoom:1; margin-right:4px;} /* ------------------------------------------------------------ site map ----------------------------------- */ ul.sitemap {font-weight:bold;} ul.sitemap li {padding: 5px 0px;} /* ------------------------------------------------------------ 2014 REDESIGN ----------------------------------- */ /* ---------------------- GET INVOLVED --------------------------- */ #getinvolved, #getinvolved p {font-family: 'Dosis', sans-serif;} #getinvolved h1{font-weight:700; font-size:42px; line-height:35px; padding:0px; margin: 8px 0 26px 0;} #getinvolved #inBetween p {font-size:16px;} .mapInfoA {width:298px; height: 380px; background-color:#3cb2ef; display:block; float:left; padding-left:12px;} .mapInfoA h1, .mapInfoA p {color: #fff;} .mapInfoA p {line-height:18px; font-size:18px; font-weight:600; padding-bottom:1px;} .mapInfoA .wBar {height:1px; width:288px; display: block; background-color:#fff; margin: 15px 0px 18px 0px;} a.mapInfoCallout {color:#8d8d8d; font-size:18px; font-weight:600; background:transparent url(images/mapCalloutbg.png) 0 0 no-repeat; width:246px; height:28px; display:block; padding: 8px 0px 0px 43px; text-decoration:none;} #mapA {width:630px; height: 380px; display:block; float:left; margin-bottom: 20px;} #map {width:630px; height: 380px; display:block; float:left; margin-bottom: 20px;} #diseaseState{width: 521px; height:30px; position:absolute; background:transparent url(images/diseaseBar.png) 0 -30px no-repeat; left: 396px; top: 15px; font-family: 'Dosis', sans-serif; font-weight:700; color:#fff; font-size:16px;} #diseaseState.pneumo{background-position: 0 0;} #diseaseState #influenza {width:229px; height:25px; display:inline-block; padding-left:31px; padding-right:1px; float:left; padding-top:5px;} #diseaseState #pneumococcal {width:246px; height:25px; display:inline-block; float:left; padding-left:13px; padding-top:5px;} #diseaseState #pneumococcal span {display:none;} #mapA .infoBox { background:#fff; text-align:center; width:240px; height:140px; } #mapB .infoBox { background:#fff; text-align:center; width:240px; } .practiceName {color:#3cb2ef; font-weight:700; font-size:16px;} .mlRegionName, .mlRegionPercent, .stateInfluenzaName, .statePneumoName, .statePneumoPercent {color:#ff9900; font-family: 'Dosis', sans-serif; font-weight:700;} .ie7 .mlRegionName {margin: 0;} .mlRegionName { font-size:16px; padding-top:6px; width:200px; margin:auto; height:32px;} .mlRegionPercent {padding: 23px 0 29px 0; border-bottom: 1px solid #ff9900; font-size:49px; width:216px; margin: 0 12px;} .mlRegionPercent span.small {font-size:32px;} #getinvolved a.ibExitState, #getinvolved a.ibExit {font-size:11px; color: #3cb2ef; width:240px; font-family:Helvetica, Arial, sans-serif; margin:0; padding:0; line-height:13px; margin-top:3px;} .ie7 a.ibExitState, .ie7 a.ibExit {position:relative; bottom:11px;} .statePneumoName{font-size:16px; padding-top:6px;} .statePneumoPopulation{font-size:13px; font-weight:700; color:#ff9900; margin-bottom:0;} .statePneumoPercent {padding:0; border-bottom: 1px solid #ff9900; font-size:49px; width:216px; margin: 0 12px;} .statePneumoPercent span.small {font-size:32px;} .stateInfluenzaName {font-size:16px; padding-top:6px; color:#99cc33;} .stateInfluenzaPercent1, .stateInfluenzaPercent2 {padding: 0 ; margin: 8px 0 0 0; display:inline-block; font-size:13px; color:#99cc33; font-weight:700; line-height:12px; height:84px;} .stateInfluenzaPercent1 { width:120px;} .stateInfluenzaPercent2 { border-left: 1px solid #99cc33; width:119px; } .ie7 .stateInfluenzaPercent1, .ie7 .stateInfluenzaPercent2 {display:inline; zoom:1;} .ie7 .stateInfluenzaPercent1 .percent, .ie7 .stateInfluenzaPercent2 .percent {line-height:normal;position:relative; bottom: 14px;} .percent {font-size:31px; margin: 13px 0 0 0; padding: 10px 0 0 0; display:block;} .percent .small {font-size:20px;} #takePledge{width:940px; height:305px; display:block; background-color:#dcf1fc; float:left;} #takePledge h2{font-weight:700; font-size:49px; line-height:35px; padding:0px; margin: 0; padding: 20px 0 29px 81px;color: #3cb2ef; background:transparent url(images/iconTakePledge.png) 12px 12px no-repeat;} .pledgeBoxA{width:286px; height:219px; display:block; background-color:#fff; float:left; border:1px solid #fff; margin: 0px 12px;} .pledgeBoxB{width:298px; height:219px; display:block; background-color:#fff; float:left; border:1px solid #fff; margin: 0px 8px;} .pledgeBoxBottom a {text-decoration:none;} .pledgeBoxA .pledgeBoxTop {width:262px; height:115px; display:block; background-color:#fff; float:left; padding: 11px 12px 1px 12px; font-size:18px; line-height:18px;} .pledgeBoxA .pledgeBoxBottom {width:262px; height:81px; display:block; background-color:#dcf1fc; float:left; padding: 11px 12px 0 12px; font-family: Helvetica, Arial, sans-serif;} .pledgeBoxB .pledgeBoxTop {width:274px; height:115px; display:block; background-color:#fff; float:left; padding: 11px 12px 1px 12px; font-size:18px; line-height:18px;} .pledgeBoxB .pledgeBoxBottom {width:274px; height:81px; display:block; background-color:#dcf1fc; float:left; padding: 11px 12px 0 12px; font-family: Helvetica, Arial, sans-serif;} /* .orngCheckbox{width:25px; height:25px; background:transparent url(images/orngCheckbox.gif) 0 0 no-repeat; padding-bottom:6px;} .orngCheckbox:hover {width:25px; height:25px; background:transparent url(images/orngCheckbox.gif) -25px 0px no-repeat;}*/ .pledgeCountA, .pledgeCountB {color:#3cb2ef; font-weight:700; font-size:16px; padding-top:12px; padding-left:12px;} .pledgeCountA{width:276px; height:70px; display:block; background-color:#dcf1fc; float:left; margin: 0px 12px; } .pledgeCountB{width:288px; height:70px; display:block; background-color:#dcf1fc; float:left; margin: 0px 8px; } .pledgeCountA div , .pledgeCountB div {background-image: url(images/pledgeNumberSprite.png); background-repeat: no-repeat; width:22px; height:30px; display:inline-block; vertical-align:middle; color:#ff9900; margin-right:1px; padding-bottom:1px;} .pledgeNumber0 {background-position: 0 0 ;} .pledgeNumber1 {background-position: -22px 0 ;} .pledgeNumber2 {background-position: -44px 0 ;} .pledgeNumber3 {background-position: -66px 0 ;} .pledgeNumber4 {background-position: -88px 0 ;} .pledgeNumber5 {background-position: -110px 0 ;} .pledgeNumber6 {background-position: -132px 0 ;} .pledgeNumber7 {background-position: -154px 0 ;} .pledgeNumber8 {background-position: -176px 0 ;} .pledgeNumber9 {background-position: -198px 0 ;} .ie7 .pledgeCountA div, .ie7 .pledgeCountB div {display:inline; zoom:1; margin-right:4px;} .pledgeCountA span, .pledgeCountB span {position:relative; top:6px;} #pledgeConsent {color:#3cb2ef; padding-left:14px; clear:both; height:45px; background-color: #dcf1fc;} #pledgeConsent span {font-family: Helvetica, Arial, sans-serif; position:relative; bottom:2px; padding-left:10px;} #pledgeConsent #submit {width:96px; height:28px; float:right; position:relative; right:12px; bottom:9px; background: transparent url(images/btnPledgeSubmit.gif) 0 0 no-repeat; font-family: 'Dosis', sans-serif; font-weight:700; color:#fff; font-size: 23px; padding-top: 8px; padding-left: 32px; cursor:pointer;} .ie7 #pledgeConsent #submit {position:relative; bottom: 9px;} #getinvolved .back {color:#99cc33; font-weight:bold; font-family: Helvetica, Arial, sans-serif; clear: both; height:31px; padding-top:20px; width:467px; display:inline-block;} #getinvolved .back a {background:transparent url(images/iconBack.gif) 0 0 no-repeat; height:31px; width:30px; display:inline-block;} #getinvolved .back span {position:relative; bottom:11px; padding-left:10px;} #getinvolved .forward {color:#99cc33; font-weight:bold; font-family: Helvetica, Arial, sans-serif; clear: both; height:31px; padding-top:20px; width:470px; display:inline-block; text-align:right} #getinvolved .forward a {background:transparent url(images/iconForward.gif) 0 0 no-repeat; height:31px; width:31px; display:inline-block;} #getinvolved .forward span {position:relative; bottom:11px; padding-right:10px;} .ie7 #getinvolved .back, .ie7 #getinvolved .forward {display:inline; zoom:1;} #bottomMapContainer{display:none;} .mapInfoB {width:298px; height: 281px; display:block; float:left; padding:69px 0 0 12px; background: #dcf1fc url(images/mapBPledge.png) 12px 12px no-repeat; } .mapInfoB h1, .mapInfoB p {color: #3cb2ef;} .mapInfoB p {line-height:18px; font-size:18px; font-weight:600; padding-bottom:1px;} .mapInfoB .bBar {height:1px; width:288px; display: block; background-color:#3cb2ef; margin: 15px 0px 18px 0px;} .mapInfoB #you {height:81px;} .mapInfoB #you #uplContainer {padding-top:12px; display:none;} .mapInfoB #you p {font-weight: 700; font-size:24px; margin-top:3px; background: transparent url(images/youArrow.png) 207px 6px no-repeat; } #mapB {width:630px; height: 350px; display:block; float:left; } #pledgeBox{width: 240px; height:25px; position:absolute; background:transparent url(images/pledgeBox.png) 0 0 no-repeat; left: 536px; top: 439px; font-family: 'Dosis', sans-serif; font-weight:500; color:#fff; font-size:16px; text-align:center; padding-top:5px;} #pledgeCount {width:940px; height:90px; background-color:#dcf1fc; display:block; float:left;} #pledgeCount.mapB {height:82px;padding-top:8px;} div.orngCheckbox input[type='checkbox']{ display:none; } div.orngCheckbox label{ width: 25px; height: 25px; padding-bottom: 6px; display:block; background: url(images/orngCheckbox.gif) no-repeat; } div.orngCheckbox label.checked{ background-position: -25px 0px; } #legend { font-family:Helvetica, Arial, sans-serif; font-size:10px; color: #000; } #legend div { opacity: 0.7; filter: alpha(opacity = 70); position:absolute;background-color:#f5f5f5; padding-left:10px;} .ie7 #legend div {background-color:transparent;} #legend #influenzaKey, #legend #pneumoKey, #legend #pneumoKeyLocal{display:none;} #legend #influenzaKey.active { left: 516px; top: 348px; display:block;} #legend #pneumoKey.active { left: 495px; top: 348px; display:block;} #legend #pneumoKeyLocal.active{ left: 385px; top: 332px; display:block;} #legend #pneumoKeyLocal a{color:#000;} .modalDialog { display:none;} .modalDialog .modalBody { background: #fff; overflow: hidden; padding:25px;} .modalDialog .modalDialogTop { background: transparent no-repeat 0 0; display: block;} .modalDialog .modalCloseButton { background: transparent url(images/consentClosebtn.gif) no-repeat 0 0; width: 24px; height: 27px; display: inline-block; position: absolute; cursor: pointer; left:551px; top: 0px; } #consent.orngCheckbox {display:inline-block; position:relative; top:5px;} .ie7 #consent.orngCheckbox {display:inline; zoom:1;} .modalText { display: inline-block; width: 442px; font-size: 18px; padding-left: 10px;} #consentSubmit {width:59px; height:21px; float:right; position:relative; left:-21px; top:10px; background: transparent url(images/btnConsentSubmit.gif) 0 0 no-repeat; font-family: 'Dosis', sans-serif; font-weight:600; color:#fff; font-size: 14px; cursor:pointer; padding: 2px 0 0 21px} .ie7 #consentSubmit {position:relative; bottom: 29px;} #selectPledge.modalDialog {min-height:0;} #selectPledge .modalCloseButton { left: 301px;} #model {background-color:#fff; width:420px; height: 160px; position:absolute; left:404px; top:97px; text-align:center; padding:15px 0; display:none;} #model p { font-family: 'Dosis', sans-serif; font-weight:600; color:#666; font-size: 15px; margin:0;} #model #divider {height:1px; width:300px; display: block; background-color:#666; margin:5px 50px;} #model .sub{margin-top:20px; font-size:12px;} #model #closeModel{font-weight:bold; font-size:18px; float:right; position:relative; bottom:10px; right:5px; cursor:pointer;} #model #modelTitle {margin-bottom:10px;} #model #equals {float: left; position: relative; top: 27px; left: 20px; font-size: 27px;} .thumbnail {position:relative; display:inline-block;} .pdfThumbnail, .pdfThumbnailWide { display:none; width: auto; height: auto; position: absolute; z-index: 99999; left: 75px; top: -242px; border: 1px solid #000;} .pdfThumbnailWide { top: -55px;} /*=============*/ #divCaptcha ul {padding:0;} #divCaptcha #capInputContainer img {width:202px;} /* ------------------------------------ 2018 GRANTS UPDATES ----------------------------------- */ /* ---------------------- APPLICATION FORM --------------------------- */ #grant-application #divLeftCol {width:700px; padding-right:10px; float:left;} #grant-application p, #grant-application ul, #grant-application ol, #grant-application a {font-size:16px; line-height:1.2;} .lbulb {cursor:pointer;} #grant-application h1, #grant-application h2 {color:#ff3745;} #grant-application h1 + p strong {display:block;} #grant-application img {margin:auto; display:block;} #grant-application img.lbulb {margin-top:20px;} #grant-application img + span.lbulb-tip {display:block; color:#ff3745; text-align:center; margin-bottom:20px;} #grant-application #divLeftCol {width:700px; padding-right:10px; float:left;} #grant-application #divRightNav {float: left; width:220px;} #grant-application #divRightNav nav { width: 200px; margin: 31px 0 0 0; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #grant-application #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #grant-application #divRightCol li { list-style-type: none; padding: 0; margin: 0; padding: 5px 0 5px 0;} #grant-application #divRightCol a { color: #666;} #grant-application #divRightCol a:hover {color: #ef3e42; text-decoration: none;} #grant-application #divRightCol a.navOn { color: #ef3e42;} #grant-application img#imgGrantStep1 {margin:20px auto;} #grant-application img#imgGrantStep2 {border-top:dotted 2px #ef3e42; padding-top:32px; margin:20px auto;} #grant-application div#form ul li span.req {font-size:12px; color:#666;} #grant-application div#form ul li.nolabel {margin-left:214px;} #grant-application div#form label {width:200px;} #grant-application div#form .rbl label {width:auto;} #grant-application div#form .txt {width:440px; height:22px; font-size:16px;} #grant-application div#form .ddl {width: 278px; padding: 2px 20px 2px 0; margin-right: 10px; height: 30px; font-size: 16px;} #grant-application div#form li#li-state, #grant-application div#form li#li-postcode {display:inline-block;} #grant-application div#form li#li-postcode input {width:148px;} #grant-application div#form div#cbl input {float:left;} #grant-application div#form div#cbl label {width:610px; line-height:1; font-size:16px; color:#000;} #grant-application div#form div#cbl span.validator {margin-left:28px; margin-top:5px;} #grant-application div#form p.red {color:#ff3745;} #grant-application #form span.charCount { font-size:14px; display:block;} #grant-application #form span.charCount label {width:auto; padding:0; font-size:14px; vertical-align:bottom;} #grant-application #form ul#applicant-reqs li {padding:8px 0; color:#ef3e42;} #grant-application #form ul#applicant-reqs li span {color:#000;} #grant-application #form .large-box {width: 598px; height: 150px; padding: 12px 20px; background-color: #f8f8f8; resize: none; display: block; margin-bottom: 10px;} #grant-application ol.form li {padding:15px 0;} #grant-application ol.form ul {list-style-type:disc;} #grant-application ol.form ul li {padding:5px 0;} #grant-application div#formButtons {text-align:center; margin:30px 0;} #grant-application div#formButtons input {cursor:pointer; width: 100px; margin:0 50px; height: 35px; outline: none; border: none; border-radius: 5px; font-weight: 700; color: #fff; background-color:#ff3745;} .eAnswer .modalVideoCloseButton { background: transparent url(images/consentClosebtnRed.gif) no-repeat 0 0; width: 24px; height: 27px; display:block; cursor: pointer; float:right;} .eAnswer table {border:1px solid #666;} .eAnswer h2 {color:#3cb2ef;} .eAnswer table th {font-weight:700; border:1px solid #666;} .eAnswer table td {border:1px solid #666; vertical-align:top;} .eAnswer table td:first-child {font-weight:700;} .eAnswer table td:first-child span {color:#3cb2ef} /*THANK YOU*/ #grant-application-thank-you #divLeftCol {width:700px; padding-right:10px; float:left;} #grant-application-thank-you #divRightNav {float: left; width:220px;} #grant-application-thank-you #divRightNav nav { width: 200px; margin: 0; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #grant-application-thank-you #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #grant-application-thank-you #divRightCol li { list-style-type: none; padding: 0; margin: 0; padding: 5px 0 5px 0;} #grant-application-thank-you #divRightCol a { color: #666;} #grant-application-thank-you #divRightCol a:hover {color: #ef3e42; text-decoration: none;} #grant-application-thank-you #divRightCol a.navOn { color: #ef3e42;} #grant-application-thank-you h1 {color:#ff3745;} #grant-application-thank-you p, #grant-application-thank-you ul {font-size:16px; line-height:1.2; color:#000;} #grant-application-thank-you div#form ul {margin:40px 0;} #grant-application-thank-you div#form ul li.nolabel {margin-left:214px;} #grant-application-thank-you div#form label {width:200px;} #grant-application-thank-you div#form .txt {width:440px; height:22px; font-size:16px;} #grant-application-thank-you div#form li#li-state, #grant-application-thank-you div#form li#li-postcode {display:inline-block;} #grant-application-thank-you div#form li#li-state input {width:280px;} #grant-application-thank-you div#form li#li-postcode input {width:148px;} #grant-application-thank-you .form .large-box {width: 620px; height: 250px; padding: 12px 20px; background-color: #f8f8f8; resize: none; display: block; margin-bottom: 10px;} /*------CHAMPIONING CHANGE------*/ #change h1{text-align:center;} #change h1 + p {text-align:center; margin-bottom:30px;} #change .body{ color: #000;} #change .bold{font-weight: bold;} #change div#CTA{ text-align:center; margin-bottom:-28px;} #change div#CTA p.left {text-align:left;} #change #CTA a img{cursor: pointer;} #change #dates{background-color: #fbfbfb; border-bottom: 2px solid #ececec; border-top: 2px solid #ececec; width: 1050px; margin:200px 0 0 -50px; clear:both; text-align:center;} #change #dates h2{ padding: 15px; text-align:center; color:#ff3745; font-size:28px;} #change #dates div p {font-weight:400; color:#000; width:450px; margin:20px auto;} #change #divLeftCol {width:700px; padding-right:10px; float:left;} #change #divLeftCol h2 {text-align:center;} #change #divLeftCol h2 a {color:#ff3745;} #change #divNavContainer {float: left; width:220px; margin-top:31px;} #change #divNavContainer nav { width: 200px; margin: 0; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #change #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #change #divRightCol li { list-style-type: none; padding: 0; margin: 0; padding: 5px 0 5px 0;} #change #divRightCol a { color: #666;} #change #divRightCol a:hover {color: #ef3e42; text-decoration: none;} #change #divRightCol a.navOn { color: #ef3e42;} #change div#download {text-align:center; width: 100%; height: 50px; margin: 30px 0 30px 0;} #change #download a img{cursor:pointer;} #change .regular{color: #ff3745; font-weight: normal;} #change .padding{ padding-left: 40px; width: 600px;} #change .sub-text{ color: #58727f; font-size:18px;} #change #accordion{ width:1000px; margin-top:40px;} #change #accordion p{ color: #000; line-height: 1.5em; } #change #accordion .container {margin-bottom:10px; display:block; } #change #accordion .container div {display:none; background: #fff url(images/accordionTop3.gif) no-repeat center top; float: left; } #change #accordion .container .accordionBody .bodyBorder { width:900px; display:block; border: 1px solid #c1c1c1; border-top:none; margin: 0 12px; padding: 13px 12px 12px 12px;} #change #accordion .container h3{ font-family: 'Dosis', sans-serif; width:908px; height:28px; margin: 0; padding: 8px 0 0 42px; color: #ff3745; font-size:18px; font-weight:500; text-align: center;} #change .ie7 #accordion .container .accordionIcon {position:absolute;} #change #accordion .container.grey h3{background-color:#fff; border: 1px solid #ececec; cursor:pointer;} #change #accordion .container.grey h3:hover, #change #accordion .container.green h3.active {background-color:#fff; border: 1px solid #e3e0e0; color:#000;} #change #accordion #container1 .accordionBody #padding.bodyBorder p{ padding-left: 50px;} #change #accordion #container1 .accordionBody #padding.bodyBorder ul{ padding-left: 100px;} #change #accordion #container1 .accordionBody #padding.bodyBorder li{ padding-bottom: 5px;} #change #accordion #container2 .accordionBody #judges.bodyBorder a{ color: #ff3745;} #change #accordion #container3 .accordionBody #block.bodyBorder p{width: 66%; padding: 20px 0 0 50px;} #change #accordion #container3 .accordionBody #block.bodyBorder a{ width: 34%; float:right; text-align:right; margin: 0 40px -15px 0; cursor: pointer;} /*------JUDGING PANEL------*/ #judge .bio-image {display: block; float: left;margin-left: 120px;} #judge .bio-image img {position:relative; bottom:-4px;} #judge .bio-title {display: block; float: left; margin-top: 110px; margin-left: 42px;} #judge div.right .bio-image {float:right; margin-left:0; margin-right:120px;} #judge div.right .bio-title {float:right; text-align:right; margin-left:0; margin-right:42px;} #judge .accordion p{ color: #000; line-height: 1.5em; font-size: 16px;} #judge .accordion .container {margin-bottom:10px; display:block; float:left;} #judge .accordion .container div {display:none; background: #fff url(images/accordionTop3.gif) no-repeat center top; float: left; z-index:100;} #judge .accordion .container .accordionBody .bodyBorder { width:900px; display:block; border: 1px solid #c1c1c1; border-top:none; margin: 0 12px; padding: 13px 12px 12px 12px;} #judge .accordion .container h3{ font-family: 'Dosis', sans-serif; width:908px; height:28px; margin: 0; padding: 8px 0 0 42px; color: #ff3745; font-size:18px; font-weight:500; text-align: center;} #judge .accordion .container.grey h3{background-color:#fff; border: 1px solid #ececec; position:relative; z-index: 100; cursor:pointer;} #judge .accordion .container.grey h3:hover, .accordion .container.green h3.active {background-color:#fff; border: 1px solid #e3e0e0; color:#000; position:relative; z-index: 100;} #judge #Angela {clear:both;} #judge #Angela .accordion{ width:1000px;} #judge .body{ color: #000;} #judge .bold{font-weight: bold;} #judge #divLeftCol {width:700px; padding-right:10px; float:left;} #judge #divLeftCol h1 {margin-top:30px;} #judge #divNavContainer {float: left; width:220px; margin-top:46px;} #judge #divNavContainer nav { width: 200px; margin: 0; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #judge #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #judge #divRightCol li { list-style-type: none; padding: 0; margin: 0; padding: 5px 0 5px 0;} #judge #divRightCol a { color: #666;} #judge #divRightCol a:hover {color: #ef3e42; text-decoration: none;} #judge #divRightCol a.navOn { color: #ef3e42;} #judge #interest p.regular{font-size: 16px; line-height: 1.5em; font-weight: 600; clear:both;} #judge #interest p#no{ padding:0 20px; font-size: 16px; color: #000; line-height: 1.5em; font-weight: 600;} #judge #Magali .accordion{ width:1000px; margin-top: 0px; } #judge .regular{color: #ff3745; padding-left:20px;} #judge #Sarah #accordion{ width:1000px; margin-top: 0px; } #judge #Sarah img#imgSarah{bottom:-7px;} #judge .sub-text{ color: #58727f;} /*------TERMS AND CONDITIONS------*/ #terms #divLeftCol {width:700px; padding-right:10px; float:left;} #terms #divRightNav {float: left; width:220px;} #terms #divRightNav nav { width: 200px; margin: 31px 0 0 0 ; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #terms #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #terms #divRightCol li { list-style-type: none; padding: 0; margin: 0; padding: 5px 0 5px 0;} #terms #divRightCol a { color: #666;} #terms #divRightCol a:hover {color: #ef3e42; text-decoration: none;} #terms #divRightCol a.navOn { color: #ef3e42;} #terms .bold{font-weight: bold;} #terms .indent{ padding-left: 20px;} #terms p{ color: #000; line-height: 1.5em;} #terms #padding{ padding-left: 50px;} #terms .regular{color: #ff3745; margin-left: -30px;} #terms .sub-text{ color: #58727f; padding-top: 10px;} #terms ul{padding-left:70px;} #terms ul li{ padding-bottom: 5px;} #terms .no-pad{ padding-top: 0px;} #grant-application p.approval-code, #grant-application-thank-you p.approval-code, p.approval-code {font-size:8px; text-align:left;} /*----- GRANT RECIPIENTS ------*/ #recipients h1 {color:#ff3745; font-weight:700;} #recipients #divLeftCol {width:640px; padding-right:80px; float:left;} #recipients #divNavContainer {float: left; width:220px; margin-top:31px;} #recipients #divNavContainer nav { width: 200px; margin: 0; background-color: #fff; padding:10px 9px; border: 1px dashed #c0c0c0;} #recipients #divRightCol ul { margin: 0; padding: 5px 0; border-top: 5px solid #c0c0c0; border-bottom: 5px solid #c0c0c0;} #recipients #divRightCol li { list-style-type: none; padding: 0; margin: 0; padding: 5px 0 5px 0;} #recipients #divRightCol a { color: #666;} #recipients #divRightCol a:hover {color: #ef3e42; text-decoration: none;} #recipients #divRightCol a.navOn { color: #ef3e42;} div.grant-recipient {clear:both; padding:11px 30px 27px 30px; border-bottom:1px solid #7d7d7d;} div.grant-recipient > div {overflow:auto;} div.grant-recipient .bio-image {text-align: center; width: 430px; float: left;} div.grant-recipient .bio-title {display: block; width:450px; float:left; padding-top:56px; } div.grant-recipient .bio-title .title {font-family:'Dosis';font-weight:700; color:#ef3d42; text-transform:uppercase; font-size:1.25rem; padding-bottom:3px; line-height:1;} div.grant-recipient .bio-title .title span, div.grant-recipient .bio-title .subtitle {font-family:'Dosis';font-weight:500; font-size:1.25rem; padding-bottom:9px;color:#ef3d42; text-transform:uppercase;} div.grant-recipient .right .bio-title p {text-align: right;} div.grant-recipient div.quote { clear: both; margin-top: 20px; background-image: url(images/img-quote-left.png), url(images/img-quote-right.png); background-position: left bottom, right top; background-repeat: no-repeat; } div.grant-recipient div.quote p {text-align:center; font-size:1rem; clear:both;} div.grant-recipient div.quote p:first-child {font-style:italic; line-height:1.2; padding:0 100px;} #stay-tuned {padding-top:40px;} #stay-tuned h2 {color: #ff3745; font-weight: 700; font-size: 1.75rem; text-transform: uppercase;} #stay-tuned p {font-size:1.0625rem; line-height:normal;}