/* @override http://lialda.digitashealth.com/includes/css/main.css */ body { background:#fff; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; margin:0; padding: 0 0 10px; } a, a:active, a:hover { color:#00a9a7; outline:none; } /* IDs from master page */ #wrapper { margin:0px auto;position:relative;width:970px; } #header { clear:both; } #main, #footer { clear:both;float:left;padding:0 0 0 15px; width:970px; } #breadcrumb { color:#666;font-size:1.0em;margin:7px 0 0 55px;padding-left:200px; } #bodycopy { float:left;padding:28px 0 20px 22px; width:694px; position: relative; } #rightrail { float:right;width:213px; position: relative; top: -28px; padding-right: 8px; } #footer { float:left; width: 680px; padding-left: 45px; } /* end IDs from master page */ .prefooter{clear: both; padding-left: 15px;} #logo { float:left; height:164px; position:absolute; top:0px; left: -12px; width:164px; z-index:100; } #printlogo { display:none !important; display: block; height: 1px; overflow: hidden; } #shadow { float:left;background:none; height:11px; left:28px; position:absolute; top:118px; width:935px; z-index:98; } #ddgPrintContainer{display: none;} #header_links { color:#00a9a7; font-size:1.2em; line-height:11px; margin:0 0 0 260px; padding:8px 0 0 0; text-align:center; width: 510px; white-space: nowrap; } #header_links a { text-decoration:none;margin:0 3px; } #header_tools { clear:both; float:right; font-size:1.2em; line-height:1.6em; margin:0 0 13px 0; padding:5px 0 0 0 } #header_tools a { color:#666; line-height:12px; margin:0 5px; text-decoration:none; } #header_ind { margin: 0 0 1em; font-size: 1.3em; width: auto; line-height: 1.23em; } #leftcol { float:left;width:233px;position: relative; } #breadcrumb a { font-size:1.0em; text-decoration:none; } #content { float:left; padding:0 25px 0 0; width:447px; clear: none; overflow: hidden;} #footer ul li { margin:0 0 0.7em 0; padding-left:1.2em;} #copyright { margin:0; font-size: 1.1em; } #copyright img { margin:0 0 10px 0; } #copyright p { font-size:1.0em; line-height:1.2em; } #ctl00_objFooter_ISIWrapper { } #launch { background: url(/images/bg_doc_discuss.jpg) no-repeat left top; height:223px; margin:10px auto; width:582px; } #launch a { margin:140px 0 0 350px; float: left; clear: left;} #launch.moa { background: url(/images/ulcerative-colitis-video.jpg) no-repeat left top; height:277px; margin:10px auto; width:694px; } #launch.moa a { margin:74px 0 0 420px; } #thanks-survey { position: absolute; left: -5px; overflow: auto; } #thanks-survey td { font-size: 12px; } #table-placeholder { height: 750px; } #topics { float:left; width:475px; } /* html tags */ cite { font-size:.8em; line-height:1.0em; margin:0 0 0 10px; padding:0; } dt { font-size:1.3em; font-style:italic;font-weight:bold; } h1 { display:block; font-size:2em; margin:0 0 13px 0; padding:0; text-indent:-9999px; width:450px; float: left; } h2 { color:#00A9A7; font-size:1.8em; margin:0 0 .3em 0; padding:0; } h3 { color:#00a9a7; font-size:1.4em; margin:0 0 6px 0; padding:0; } img, table { border:none; } p, ul { font-size:1.3em; line-height:1.8em; margin:0 0 1.6em 0; padding:0; } p#disclaimer{ font-style: italic; padding-top: 1em; } p#utility a { color:#666; margin:0 10px; text-align:center; text-decoration:none; } sup { font-size:.75em; line-height:.75em; } ul { list-style:none; margin: 0 0 1.4em 0; } ul li { background: url(/images/bullet.gif) no-repeat 0 .6em; margin: 0 0 .25em; padding-left:.7em; } ul ul { color:#C3CF21; font-size:1.0em; } ul ul li { background: url(/images/empty_bullet.gif) no-repeat 0 .8em; } ul ul span { color: #666666; } #ctl00_objFooter_ISIWrapper h3 { font-weight: bold;margin:0 0 4px; padding-top: 10px;font-size: 1.8em} /* classes */ .bio { font-size:1.1em; font-style:italic; display: block; margin-bottom: 2em;} .clear { clear:both; } .left { float:left; margin:0 25px 15px 0; } .right { float:right; margin:0 0 15px 25px; } .take { background: url(/images/uc-advisory-board.gif) no-repeat right top; height:82px; margin:0 0 10px 0; } .take img { margin:23px 0 0 0; } .no-marg { margin: 0;} .no-wrap, .phrase { white-space: nowrap; } .smallcaps { text-transform: uppercase; font-size: 80%; } .print-only { display: none; } /* call out styles %%%%%%%%%%%%%%%%%%%% */ .pointer { cursor: pointer; } .callout { margin:0; padding:0 0 0 0;width:213px; } #leftcol .callout { width:auto; text-align:center; } #leftcol #cares { position: relative; left: 8px; } #leftcol .callout p { width:175px; text-align:left; padding-left: 24px; font-size: 1em; } .callout .co_top { background: url(/images/bg_callout_top2.jpg) no-repeat left top; margin:0; padding:5px 0; } .callout .co_content { background: url(/images/bg_callout_plain2.jpg) no-repeat left bottom; margin:0 0 0 0; padding:0 0 6px 0; } .co_content p { font-size:1.1em; } .co_cta { background: url(/images/bg_callout_bottom2.jpg) no-repeat; padding:0; } .co_cta a { background: url(/images/btn_go_there2.jpg) no-repeat 0 0; display:block; height:54px; text-indent:-9999px; width:213px; } .co_cta a:hover { background: url(/images/btn_go_there2.jpg) no-repeat 0 -54px; } .callout p { line-height:1.6em; margin:0 24px 0 14px; padding:0; } .callout h2 { color:#00A9A7; font-size:1.6em; margin:0 15px; padding:0; } #isi-rr.callout h2 { font-size: 1.8em; margin: 0 0 8px 0;} #isi-rr ul { line-height: 1.23em; width: 200px; padding-bottom: .4em; margin-bottom: 0; font-size: 1.3em; } #isi-rr ul li { padding-left: .7em; margin-left: 2px; padding-bottom: .6em; margin-bottom: 0; background: transparent url(/images/bullet.gif) no-repeat 0px .4em; } #isi-rr a { font-size: 1.3em; } #shireCares { background-image: url('/images/shire-cares.jpg'); background-repeat:no-repeat; height: 132px; width: 530px; padding-left: 220px; padding-top: 32px; font-size: 13px;} #shireCares h2 { color: #00A9A7; font-size: 1.9em; } #shireCares h2 span { display: block; font-size: .7em; } #shire p, #shire .co_content a { color:#19388a; } /* new style callouts %%%%%%%%%%%%%%%%%% */ .normal p { margin: 0 0 10px; padding: 6px 14px ; font-style: italic; color: #8c8a8a; font-size: 1.1em; } #share div.co_content { background: url(/images/share-your-story.jpg) no-repeat left bottom; } #share h2 { margin:0 90px 5px 24px; padding:10px 0 0 0; } #share p { margin:0; padding:0 55px 0 24px; } /* inline callouts */ .inline-co { width: 447px; background: transparent url(/images/bg_inline-co.gif) no-repeat top left; padding: 0; margin-bottom: 1.6em;} .inline-co p { padding: 1.6em 0 0 81px; margin: 0; width: 366px; background: transparent url(/images/bg_inline-co_p.gif) no-repeat 0 1.6em;} .inline-co p.short-inline { padding-bottom: 13px; } /* end call out styles %%%%%%%%%%%%%%%%%%%% */ /* search styles */ #roundedSearch { clear:both; float:right; } .searchField { background:url('/images/searchBg.gif') repeat-x; height: 21px; /* line-height:23px; */ width: 150px; border:none; padding:0 0 0 4px; padding-top:5px !important; /*unfortunate hack for our friend ie */ margin:0; float:left; font-size: 14px; color:#777; /*this is only the colour for the holding text, change the colour for the inputted text via jQuery */ } .searchStart { background:url('/images/searchStart.gif') no-repeat; cursor:pointer; display:block; float:left; height:26px; width:24px; } .searchEnd { background:url('/images/searchEnd.gif') no-repeat; display:block;float:left; height: 26px; width:15px; } #searchPopup { color:#7eb250; display:none; font-size:10px; height:35px; margin-left:6px; width:60px; } /* form styles */ .forms { padding:0 0 22px 0; width:430px; clear: both; } .forms h2 { float:left; font-size:1.3em; margin:0 0 4px 0; } .forms h3 { color:#666; float:left; font-size:1.2em; font-weight:bold; margin:0 0 12px 0; } .forms p { color:#666; float:left; font-size:1.2em; line-height:1.4em; margin:0 0 12px 0; } .forms .fields { padding:0; } .forms .group, .forms .selection { width:430px; float: left; clear: both; margin-bottom: 1em; } .forms .selection label { width:100%; height: auto; padding: 0; } .forms input { border:solid 1px #ccc; margin:4px 0 0 0; width:190px; } .forms .radios input { border:none; margin:0 4px 0 0; width:15px; } .forms label { display:block; float:left; font-size:1.2em; font-weight:bold; margin:0; padding:0 20px 0 0; width:193px; } .forms .radios label { float:none; margin:0; padding:0 0 10px 21px; width:auto; height: auto; text-indent: -21px; line-height: 1.4em; } .forms .radios label.error { text-indent: 0; padding-left: 0; } .forms label.small, .forms label.small label.error { width:96px; overflow: hidden;} .forms label.taking { width: 360px; } .forms .radios { float:left; } .forms #chkMedQuestion .radios { width: 300px; } #chkMedQuestion .radios input { float: left; margin-bottom: 10px; vertical-align: top; } .forms .required { float:left; font-style:italic; font-size:1em; margin:0 0 12px 0; width:100%; } .forms select { margin:4px 0 0 0; height:25px; width:192px; } .forms textarea { border:solid 1px #ccc; height:72px; margin:4px 0 0 0; width:530px; } .forms .small input { width:94px; } .forms .small select { width: auto; } .forms .send { clear:both; float:left; text-align:right; width:100%; } .forms .send input { border:none; height:23px; width:67px; } .forms .send.join input { border:none; height:38px; width:171px; } .forms .top { padding-bottom:1px; } .showElement { display: default; } .hideElement { display: none; } #close_btn { z-index:300;position:absolute;height:70px;width:70px;top:0;left:750px;text-decoration:none; } #email_close_btn {z-index:300;position:absolute;height:70px;width:70px;top:0;left:750px;text-decoration:none; } #flare_email_close_btn {z-index:300;position:absolute;height:70px;width:70px;top:0;left:750px;text-decoration:none; } #close_btn { z-index:300;position:absolute;height:70px;width:70px;top:0;left:750px;text-decoration:none; } .forms { float: left; clear: left; position: relative; left: -15px; width: 473px; overflow: visible; } #byemail, #bydirect { width: 473px; overflow: visible; margin-bottom: 1em; } .forms .fields { padding-left: 15px; float: left; width: 429px; } .forms .group { width: 429px; } .forms label.small { width: 124px; padding-right: 18px; } .forms label.small input { width: 122px; } .forms .send { width: 429px; } /* email a friend styles */ #divEmail { display:block; } #divEmail div { } #divEmail div.showdiv { display:block; } #divEmailHead { background:url(/images/bg_email_friend_head.png) no-repeat;clear:both; height:111px; position:relative; width:835px; } #divEmailToolHead { background:url(/images/bg_email_tool_head.png) no-repeat;clear:both; height:111px; position:relative; width:835px; } #divEmailScore { display:block; } #divEmailScore div { } #divEmailScore div.showdiv { display:block; } #divEmailScoreHead { background:url(/images/bg_email_score_head.png) no-repeat;clear:both; height:111px; position:relative; width:835px; } #emailMainBody { background:url(/images/bg_email_friend.png) no-repeat;float:left;height:417px;width:835px;} #emailMainBody .fields { padding-bottom:0; } #emailMainBody .forms { background:none; margin:50px 0 0 50px; padding:0 0 0 0; } #emailMainBody p { color:#188F8D; font-weight:bold; margin-bottom:20px; float: none; clear: both; } #emailMainBody input { } #emailMainBody label { color:#666; font-size:1.1em; } #emailMainBody .radios label { display:block;float:left;font-weight:normal;margin:0 50px 0 0;width:240px; } #emailMainBody .radios { width:600px; } #emailMainBody .send input { height:37px; width:108px; } #emailMainFooter { background:url(/images/bg_email_friend_bottom.png) no-repeat; float:left; height:76px; width:735px; padding: 10px 50px 0; } #emailMainFooter p { color: #666666; font-weight: normal; font-size: 1.1em; line-height: 1.4em; } #emailMainFooter a { color:#0CAAA7; } #divEmailHead #close_btn { height:70px;top:0;left:750px;position:absolute;text-decoration:none;width:70px;z-index:300; } span.email_error{color:#ff0000;display:none;} #emailMainBody .flarehide{display:none;} #emailMainBody .flareshow{display:block;} #TB_ajaxContent .fields .normalText { color: #666666; font-weight: normal; font-size: 1em; } div#ddg_emailscorediv { left:-10px; position:absolute; top:-8px; width:735px; z-index:200; } #flare_emailScore_close_btn { height:70px; left:750px; position:absolute; text-decoration:none; top:0; width:70px; z-index:300; } #emailScoreMainBody { background:url(/images/bg_email_friend.png) no-repeat;float:left;height:417px;width:835px;} #emailScoreMainBody .fields { padding-bottom:0; } #emailScoreMainBody .forms { background:none; margin:50px 0 0 50px; padding:0 0 0 0; } #emailScoreMainBody p { color:#188F8D; font-weight:bold; margin-bottom:40px; } #emailScoreMainBody p.normalText { margin-bottom: 20px; } #emailScoreMainBody input { height:20px; } #emailScoreMainBody label { color:#666; font-size:1.1em; } #emailScoreMainBody .radios label { display:block;float:left;font-weight:normal;margin:0 50px 0 0;width:240px; } #emailScoreMainBody .radios { width:600px; } #emailScoreMainBody .send input { height:37px; width:108px; } #emailScoreMainFooter { background:url(/images/bg_email_friend_bottom.png) no-repeat; float:left; height:76px; width:735px; padding: 10px 50px 0; } #emailScoreMainFooter p { color: #666666; font-weight: normal; font-size: 1.1em; line-height: 1.4em; } #emailScoreMainFooter a { color:#0CAAA7; } #divEmailScoreHead #close_btn { height:70px;top:0;left:750px;position:absolute;text-decoration:none;width:70px;z-index:300; } #emailScoreMainBody div#ddg_emailScore_confirmation h2{display:block;float:none;margin-bottom:20px;} #emailScoreMainBody div#ddg_emailScore_confirmation p{color:#666666;display:block;float:none;} span.email_error{color:#ff0000;display:none;} #emailScoreMainBody .flarehide{display:none;} #emailScoreMainBody .flareshow{display:block;} /* video player styles */ #divVideo { } #vid_eml_hdr_img {padding:0 0 10px 20px;} #videoPlayer { background:url(/images/treatment-uc-video.png) no-repeat; height:347px; padding:70px 0 0 25px; width:870px; } #videoHolder p, #videoHolder h2 { margin-left: 17px; padding-top: 1em; width: 780px; } #emailVideo { float:left;background:url(/images/bg_video_bottom.png) no-repeat left bottom; height:61px; padding:0 0 0 20px; width:870px; }/* with form height:382px; */ #emailVideo p { margin:4px 0 0 0; } #emailVideo .forms { background:none; } #emailVideo .forms label { clear:both; vertical-align:middle; width:400px; } #emailVideo .forms .group input { height:25px; position:absolute; right:0; } #emailVideo .forms .send { clear:both; margin-top:10px; } #divVideo #close_btn3 { left:790px; top:10px; width:95px;height:95px;position:absolute; } #divVideo .send input { height:37px; width:108px; } #divVideo #animationText {padding: 0px 0 0 25px; background-image: url(/images/bg_video_span.png); background-repeat:no-repeat; width: 840px; border: none; color: #666666;} /*email video styles*/ #divVideoEmailMain {background:url(/images/treatment-uc-video.png) no-repeat; float:left;padding:70px 0 0 25px; height:348px; width:870px;} #divVideoEmailFooter { background:url(/images/bg_video_bottom.png) no-repeat left bottom; float:left; height:61px; padding:0 0 0 20px; width:870px; }/* with form height:382px; */ #divVideoEmailMain p { margin:0 0 10px 0;line-height:14px;display:block; } #divVideoEmailMain .forms { background:none; } #divVideoEmailMain .forms label { font-size:1em;color:#666666;clear:both; position:relative; vertical-align:middle; width:700px; } #divVideoEmailMain .forms .group input { height:25px; position:absolute;left:180px } #divVideoEmailMain .forms .group span.error { height:25px; position:absolute; left:440px;color:#ff0000;display:none;} #divVideoEmailMain .forms .send { clear:both; margin-top:10px;text-align:left; background-color: transparent; } #divVideoEmailMain #close_btn2 { left:790px; top:10px; width:95px; height:95px;position:absolute;} #divVideoEmailMain .send input { height:37px; width:108px; background-color: transparent; } #divVideoEmailMain .confirmation h2{margin-bottom:20px;margin-left:0;} #divVideoEmailMain .confirmation {padding:20px 0 0 20px;} /* h1 tags */ h1#congrats { background:url(/images/h1_congrats.gif) no-repeat; height:148px; } h1#advisory { background:url(/images/lialda-advisory-board.gif) no-repeat; } h1#flare { background:url(/images/h1_flare.gif) no-repeat; } h1#discuss { background:url(/images/discussing-ulcerative-colitis.gif) no-repeat; } h1#choose { background:url(/images/doctors-choose-lialda.gif) no-repeat; } h1#moa { background:url(/images/how-lialda-works.gif) no-repeat; } h1#sticking { background:url(/images/sticking-with-your-uc-treatment.gif) no-repeat; height: 148px; } h1#effects { background:url(/images/lialda-side-effects.gif) no-repeat; } h1#patient { background:url(/images/shire-patient-assistance.gif) no-repeat; } h1#forflares { background:url(/images/food-ulcerative-colitis.gif) no-repeat; } h1#diet { background:url(/images/ulcerative-colitis-diet.gif) no-repeat; } h1#planning { background:url(/images/planning-health-uc-diet.gif) no-repeat; } h1#working { background:url(/images/working-with-your-doctor.gif) no-repeat; } h1#managing { background:url(/images/managing-relationships.gif) no-repeat; } h1#tips { background:url(/images/living-ulcerative-colitis.gif) no-repeat; } h1#staying { background:url(/images/staying-active-uc.gif) no-repeat; } h1#connecting { background:url(/images/connecting-with-others.gif) no-repeat; } h1#talking { background:url(/images/talking-about-uc.gif) no-repeat; } h1#workplace { background:url(/images/uc-workplace.gif) no-repeat; } h1#what { background:url(/images/ulcerative-colitis.gif) no-repeat; } h1#symptoms { background:url(/images/ulcerative-colitis-symptoms.gif) no-repeat; } h1#test { background:url(/images/diagnosing-ulcerative-colitis.gif) no-repeat; } h1#treatment { background:url(/images/ulcerative-colitis-treatment.gif) no-repeat; } h1#started { background:url(/images/getting-started-with-lialda.gif) no-repeat; } h1 { background-position:left center; height:103px; margin:0; } h1#h1_join { background:url(/images/connect-2-more-program.jpg) no-repeat; height: 221px; margin-bottom:0px; width: 469px; position: relative; left: -6px; top: -6px; } h1#rethink { background:url(/images/uc-remission.jpg) no-repeat; height: 221px; margin-bottom:0px; width: 469px; position: relative; left: -6px; top: -6px; } h1#taking { background:url(/images/taking-lialda.jpg) no-repeat; height: 221px; margin-bottom:0px; width: 469px; position: relative; left: -6px; top: -6px; } h1#living { background:url(/images/living-with-uc.jpg) no-repeat; height: 221px; margin-bottom:0px; width: 469px; position: relative; left: -6px; top: -6px; } h1#basics { background:url(/images/ulcerative-colitis-basics.jpg) no-repeat; height: 221px; margin-bottom:0px; width: 469px; position: relative; left: -6px; top: -6px; } h1#othersites { background:url(/images/ulcerative-colitis-resources.jpg) no-repeat; height: 221px; margin-bottom:0px; width: 469px; position: relative; left: -6px; top: -6px; } h1.utility { background-image: none; text-indent: 0; color: #00A9A7; height:auto; margin:0 0 1em 0; font-size: 2.3em; } h1#copay { background:transparent url(/images/save-money-prescription.gif) no-repeat scroll 0 0; } h1#crm-landing { background:url(/images/h1_crm-landing.gif) no-repeat; } #content ol { font-size:1.3em; line-height:1.8em; margin:0 0 1.6em 0.4em; padding-left:1.4em; } #content ol li { color:#00A9A7; font-weight:bold; margin:0 0 0.25em; } #content ol li span { color:#666666; font-weight:normal; } /* end h1 tags */ /* font resizer styles */ .fontResizer { display:inline;margin:0 0 0 5px; } #header_tools .fontResizer a { color:#666;margin:0 1px;padding: 0px 2px;} /* The following control the way the font-resizer links appear only Set the actual size-changes in the function call */ .smallFont { font-size: .9em; } .medFont { font-size: 1em; } .largeFont { font-size: 1.1em; } .curFont { background: #dddddd;} /*form validation*/ label.error {font-size:13px;color:#ff0000; padding-bottom: 0; height: auto; } label.hide {display:none;} div.selection label label {padding-bottom: 0;} /*png fix*/ div,img, #divVideoEmailMain .forms .send input, #thanks-survey input { behavior: url("/includes/js/iepngfix.htc") } /*img { background-image: expression( this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/images/spacer.gif" ); }*/ /* end png fix*/ .clearAll { clear: both; } #flareAssess { margin-bottom:150px;} #viewStories{display: none;} #noScriptDiv{ margin:0 auto; position:relative; width:970px; font-size: 2em; padding-left:225px; color:#ff0000; } #sitemap ul ul ul {margin-bottom: 0;} /*coupon div*/ div#coupon_div{display:none;} div#coupon_main{width:810px;height:482px;} div#coupon_mainHead{width:100%;background-image:url(/images/coupon_head.png);background-repeat:no-repeat;width:810px;height:65px;} div#coupon_mainContent{width:100%;position:relative;float:left;background-image:url(/images/coupon_bkgd.gif);background-repeat:no-repeat;width:810px;height:454px;} div#couponClick{position:relative;margin-left:354px;margin-top:143px;height:246px;} div#couponFooter{position:relative;} div#couponFooter p{color:#aaaaaa;font-size:10px;margin-left:35px;} div#couponFooter p.indent{margin-left:93px;margin-bottom:0;padding-bottom:0;} div#couponFooter p.indent span { display: inline-block; margin-left: 40px; } div#coupon_mainBottom{height:18px;width:100%;position:relative;float:left;background-image:url(/images/flare_box_btm.png);background-repeat:no-repeat;} #coupon_close_btn{z-index:100;position:absolute;height:70px;width:70px;top:0;left:750px;text-decoration:none;} /*end coupon div*/ /* crm free trial offer page */ #crm-offer { background-color: #eff3f6; } #crm-offer #main { width: 100%; padding: 0; text-align: left; background: transparent url(/images/coupon_page/bg_main.gif) repeat-x bottom left; } #crm-offer #main #bodycopy { padding-left: 35px; width: 927px; z-index: 1000; } #crm-offer #main #bodycopy p, #crm-offer #main #bodycopy h3 { color: #666666; font-size: 1.1em; padding: 0 20px 0 5px; } #crm-offer #main #bodycopy p.narrow { width: 355px; } #crm-offer #main #bodycopy p.bottom-marg { margin-bottom: 2em; } #crm-offer #main #bodycopy p a { color: #666666; font-weight: bold; } #crm-offer #main #bodycopy img.cta { float: right; clear: right; padding-top: 75px; margin-left: 10px; display: block; } #crm-offer #main #bodycopy img.clear-left { clear: left; padding-top: 15px; } #crm-offer #main #bodycopy h1 { margin: 40px 0 30px; background: url(/images/coupon_page/h1_step.gif) top left; width: 385px; height: 66px; } #crm-offer #main #bodycopy #ISIWrapper { clear: both; } #crm-offer #main #bodycopy #ISIWrapper p:first-child { width: 510px; } #crm-offer #bottom { width: 100%; background-color: #00A9A7; text-align: left; float: left; clear: both; padding: 15px 0 20px; } #crm-offer #bottom #footer { padding-left: 35px; width: 892px; } #crm-offer #bottom #footer #copyright { text-align: left; width: 100%; } #crm-offer #bottom #footer #copyright img { margin: 0; position: relative; bottom: -3px; left: -5px; } #crm-offer #bottom #footer #copyright p { line-height: 1.6em; margin-bottom: 1em; } #crm-offer #bottom #footer a { color: #ffffff; } #crm-offer #bottom #footer a:hover { text-decoration: none; } #crm-offer #bottom #footer p, #crm-offer #bottom #footer ul { color: #ffffff; font-size: .95em; padding-left: 5px; } /*noscript message*/ div#noScriptDiv{margin:0px auto;position:relative;width:970px;padding:0;} div#noScriptDiv h1{text-indent:0;margin-bottom:0;height:auto;font-size:1em;} div#noScriptDiv p{margin-bottom:0;font-size:.8em;} /* CRM survey styling */ body.crm-survey { width: 946px; margin: 20px auto; } body.crm-survey #header { float: left; padding: 40px 8px 0px 66px; width: 664px; height: 296px; background: transparent url(/images/survey/header_bg.png) no-repeat top left; } body.crm-survey #header h1 { float: none; clear: both; margin-bottom: 10px; height: 23px; width: 377px; text-indent: -1000em; background: transparent url(/images/survey/survey_h1.gif) no-repeat top left; } body.crm-survey #header p { padding-right: 280px; font-size: 1.1em; line-height: 1.6em; margin-bottom: .9em; } body.crm-survey #header p.top-ind { padding: 0 0 65px 100px; height: 57px; font-size: 13px; line-height: 1.3em; } body.crm-survey #rightrail { top: 0; padding-top: 90px; } body.crm-survey #bodycopy { position: static; float: left; padding: 10px 15px 0 30px; width: 702px; background: trasnparent url(/images/survey/content_bg.png) no-repeat top left; } body.crm-survey form { padding: 0; float: left; clear: both; } body.crm-survey form #progress { width: 702px; height: 22px; overflow: hidden; background: transparent url(/images/survey/progress-bar.gif) no-repeat 0px -22px; margin-bottom: 20px; } body.crm-survey form #progress span { width: 169px; height: 16px; padding-top: 6px; display: block; float: left; overflow: hidden; text-align: center; text-transform: uppercase; font-size: .9em; } body.crm-survey form #progress span.page1, body.crm-survey form #progress span.page4 { width: 182px; } body.crm-survey form.first #progress span.page1 { background: transparent url(/images/survey/progress-bar.gif) no-repeat top left; } body.crm-survey form.second #progress span.page2, body.crm-survey form.third #progress span.page3 { background: transparent url(/images/survey/progress-bar.gif) no-repeat -20px 0px; } body.crm-survey form.fourth #progress span.page4 { background: transparent url(/images/survey/progress-bar.gif) no-repeat top right; } body.crm-survey form .page { width: 658px; float: left; clear: both; position: relative; display: none; } body.crm-survey form.first #page1, body.crm-survey form.second #page2, body.crm-survey form.third #page3, body.crm-survey form.fourth #page4 { display: block; } body.crm-survey form .page h2 { margin-bottom: 1em; } body.crm-survey form .page ol { overflow: hidden; margin: 0 8px 0 0; padding-left: 22px; width: 303px; float: left; font-size: 1.3em; } body.crm-survey form #page3 ol.right, body.crm-survey form #page4 ol { padding-left: 29px; width: 296px; } body.crm-survey form .page ol.right { margin-right: 0; } body.crm-survey form .page ol li { font-weight: bold; font-size: .9em; line-height: 1.5em; margin-bottom: 1.5em; clear: both; } body.crm-survey form .page ol li label strong { font-style: italic; } body.crm-survey form .page ol li label em { display: block; font-size: .9em; font-style: italic; font-weight: normal; } body.crm-survey form .page ol li span { display: block; font-weight: normal; line-height: 1em; margin-bottom: 4px; line-height: 1.6em; padding-left: 1.6em; text-indent: -1.6em; } body.crm-survey form .page ol li span input { margin-left: 0; } body.crm-survey form .page ol li.selects { margin-bottom: 0; } body.crm-survey form .page ol li.selects span.wrap { clear: both; display: block; padding: 0; float: left; text-indent: 0; width: 303px; } body.crm-survey form #page3 ol.right li.selects span.wrap, body.crm-survey form #page4 ol li.selects span.wrap { width: 296px; } body.crm-survey form .page ol li.selects select { float: left; clear: left; height: 1.6em; margin-right: 3px; width: 37px; margin-left: 0; } body.crm-survey form .page ol li.selects span span { display: block; float: left; width: 260px; text-indent: 0; padding: 0; margin: 0; } body.crm-survey form #page3 ol.right li.selects span span, body.crm-survey form #page4 ol li.selects span span { width: 255px; } body.crm-survey form input#Q10_6 { width: 2.9em; text-align: center; margin-left: 0; margin-right: 0; } body.crm-survey form .page .buttons { width: 325px; text-align: right; height: 34px; position: relative; bottom: 34px; left: 333px; clear: left; } body.crm-survey form .page .buttons a { display: inline-block; height: 34px; width: 105px; text-align: left; text-indent: -1000em; margin-left: 28px; background: transparent no-repeat top right; } body.crm-survey form .page .buttons a.next-btn { background-image: url(/images/survey/btn_next.gif); cursor:pointer; } body.crm-survey form .page .buttons a.back-btn { background-image: url(/images/survey/btn_back.gif); cursor:pointer; } body.crm-survey form .page .buttons a.submit-btn { background-image: url(/images/survey/btn_submit.gif); cursor:pointer; } body.crm-survey #footer { padding: 0 0 45px 30px; width: 702px; clear: none; } body.crm-survey #footer h3 { font-size: 1.8em; } body.crm-survey #footer p.copy { font-size: 1.1em; line-height: 1.2em; } body#crm-thanks #header p { padding-right: 300px; } body#crm-thanks #header p.top-ind { padding-bottom: 75px; padding-right: 10px; } body#crm-thanks #header h1 { margin-bottom: 7px; clear: both; height: 50px; width: 286px; text-indent: -1000em; background: transparent url(/images/survey/thank-you_h1.gif) no-repeat top left; } body#crm-thanks #bodycopy { padding-bottom: 20px;} /* orphan landing */ .crazyOrphan { } .crazyOrphan #shadow { top: 123px; } .crazyOrphan #logo { top: 74px; } .crazyOrphan #header p#header_ind { padding-top: 76px; } .crazyOrphan #header ul { height: 55px; } .crazyOrphan #bodycopy { padding-left: 16px; padding-top: 41px; } .crazyOrphan #bodycopy h1 { width: 456px; background-position: 6px 0px; } .crazyOrphan #rightrail { top: -20px; } .crazyOrphan #footer { padding-left: 92px; } /* orphan form styles */ .crazyOrphan .forms { background:url(/images/bg_form.gif) no-repeat center bottom; padding:0 0 22px 0; width:694px; clear: both; } .crazyOrphan .forms .fields { padding:0 35px 25px 25px; } .crazyOrphan .forms .group, .crazyOrphan .forms .selection { width:600px; } .crazyOrphan .forms .selection label { width:530px; height: auto; } .crazyOrphan .forms input { border:solid 1px #ccc; margin:4px 0 0 0; width:240px; } .crazyOrphan .forms label { display:block; float:left; font-size:1.2em; font-weight:bold; margin:0 0 0 0; padding:0 50px 0 0; width:240px; height: 5.2em; } .crazyOrphan .forms label.taking { width: 360px; } .crazyOrphan .forms .radios label { float:none; margin:0 30px 0 0; padding:0 0 10px 0; width:auto; height: auto; } .crazyOrphan .forms .radios input { border: 0; margin: 0 4px 0 0; width: 15px; } .crazyOrphan .forms label.small.city { padding-right: 20px; } .crazyOrphan .forms label.small.state { height: 6.2em; } .crazyOrphan .forms label.small.state, .crazyOrphan .forms label.state label.error { width: 126px; } .crazyOrphan .forms label.small.zip, .crazyOrphan .forms label.small.zip label.error { width: 180px; } .crazyOrphan .forms label.small.zip input { display: block; } .crazyOrphan .forms .radios { float:left; padding:0 0 12px 0; } .crazyOrphan .forms select { margin:4px 0 0 0; height:25px; width:240px; } .crazyOrphan .forms .small select { width: 124px; } #content.crm-landing { padding-left: 6px; width: 441px; } p#step1, p#step2, p#step3 { padding: 20px 0 0 6px; background: transparent no-repeat 0px 4px; margin-bottom: .8em; position: relative; left: -6px; } p#step1 { background-image: url(/images/step1.gif); margin-top: 1.25em; } p#step2 { background-image: url(/images/step2.gif); } p#step3 { background-image: url(/images/step3.gif); margin-bottom: 1.6em; } .copay-disclaim { font-size: 1.2em; line-height: 1.4em; margin-bottom: 0; font-style: italic; } ul.copay-disclaim { padding-bottom: 1em; } ul.copay-disclaim li { background-position: 0 .4em; margin-bottom: 1.1em; } p.copay-disclaim { padding-left: .6em; text-indent: -.4em; } a#ctl00_MainBodyPlaceHolder_activateCardLink { margin-left: 15px; }