/* DEFINE WEBFONTS */ @font-face { font-family: DINWeb-Bold; src: url("fonts/DINWeb-Bold.eot"); font-weight:normal; } @font-face { font-family: DINWeb-Bold; src: url("fonts/DINWeb-Bold.woff") format("woff"); font-weight:normal; } @font-face { font-family: DINWeb-Light; src: url("fonts/DINWeb-Light.eot"); } @font-face { font-family: DINWeb-Light; src: url("fonts/DINWeb-Light.woff") format("woff"); } @font-face { font-family: DINWeb; src: url("fonts/DINWeb.eot"); } @font-face { font-family: DINWeb; src: url("fonts/DINWeb.woff") format("woff"); } body { margin:0; background-color: #3d2244 !important; background-image: -webkit-gradient(linear, left center, right center, from(rgb(61, 34, 68)), to(rgb(129, 70, 145))) !important; background-image: -webkit-linear-gradient(left, rgb(61, 34, 68), rgb(129, 70, 145)) !important; background-image: -moz-linear-gradient(left, rgb(61, 34, 68), rgb(129, 70, 145)) !important; background-image: -o-linear-gradient(left, rgb(61, 34, 68), rgb(129, 70, 145)) !important; background-image: -ms-linear-gradient(left, rgb(61, 34, 68), rgb(129, 70, 145)) !important; background-image: linear-gradient(left, rgb(61, 34, 68), rgb(129, 70, 145)) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#3d2244', EndColorStr='#814691') !important; } .ui-page, .ui-header, .ui-footer { max-width:1024px; min-width:1024px; } .ui-overlay-c { } .ui-content { /*border:10px solid #fff;*/ border-top:none; min-height:672px; } .ui-page { margin:0 auto !important; position:relative !important; background:none !important; } /* BACKGROUND IMAGES */ #bgwrapper.start { background:url(images/start-bg-ext.png) 50% 0 no-repeat !important; } #bgwrapper.intro { background:url(images/intro-bg-ext.png) 50% 0 no-repeat !important; } #bgwrapper.questions { background:url(images/questions-bg-ext.png) 50% 0 no-repeat !important; } /* HEADINGS, BUTTONS ETC */ h1 { background:url(images/actelion-logo.png) 0 0 no-repeat; width:111px; height:39px; text-indent:-5000px; margin:0; } h2 { margin:0; } p { margin:0; } a.button { border:1px solid #898989; border-top-color:#fff; border-right-color:#fff; border-radius:2px; position:absolute; text-shadow:#fff -2px 2px 3px; color:#505050 !important; line-height:24px; padding:8px 10px 4px 10px; text-align:center; text-decoration:none; font-weight:normal !important; font-size:24px; background:#fff; font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } /*a.button { border:1px solid #898989; border-top-color:#fff; border-right-color:#fff; border-radius:2px; position:absolute; text-shadow:#fff -2px 2px 3px; color:#505050 !important; line-height:24px; padding:8px 10px 4px 10px; text-align:center; text-decoration:none; font-weight:normal !important; font-size:24px; background:#ccc; background-image: -moz-linear-gradient( 90deg, rgb(159,158,158) 0%, rgb(210,210,210) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(159,158,158) 0%, rgb(210,210,210) 100%); background-image: -ms-linear-gradient( 90deg, rgb(159,158,158) 0%, rgb(210,210,210) 100%); font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; }*/ a.button_x { border:1px solid #7d4696; border-top-color:#a269b4; border-right-color:#a269b4; border-radius:2px; box-shadow:-5px 10px 20px rgba(0,0,0,0.5); position:absolute; color:#fff !important; line-height:24px; padding:10px 10px 6px 10px; text-align:center; text-decoration:none; font-weight:normal !important; font-size:24px; text-shadow:none; background:#5a336c; background-image: -moz-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); background-image: -ms-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } a.Xbutton_x { border:2px solid #7d4696); border-radius:10px; background-image: -moz-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); background-image: -ms-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); position: absolute; font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#fff !important; line-height:24px; padding:8px 10px 4px 10px; text-align:center; text-decoration:none; font-weight:normal !important; font-size:24px; text-shadow:none; } a.arrow_button { background:url(images/back-arrow.png) 0 0 no-repeat; width:50px; height:50px; text-indent:-5000px; position:absolute; } a.next_buttonX { top:605px; right:10px; padding:12px 20px 8px 20px; background:#7d4696; color:#fff !important; text-shadow:none; border:4px solid #fff !important; font-size:32px; -webkit-box-shadow:0 7px 10px rgba(255,255,255,0.5); box-shadow:0 0 10px rgba(255,255,255,0.5); border-radius:24px; } a.next_button { top:605px; right:10px; border:1px solid #7d4696; border-top-color:#a269b4; border-right-color:#a269b4; border-radius:2px; box-shadow:-5px 10px 20px rgba(0,0,0,0.5); position:absolute; color:#fff !important; line-height:24px; padding:12px 20px 8px 20px; text-align:center; text-decoration:none; font-weight:normal !important; font-size:32px; text-shadow:none; background:#5a336c; background-image: -moz-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); background-image: -ms-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } a.prev_button { top:40px; left:5px; } .home_button { position:absolute; top:670px; left:0; text-indent:-5000px; width:40px; height:40px; background:url(images/home.png) 50% 50% no-repeat; } hr { border:0; height:0; border-top: 1px solid #ccc; border-bottom:none; margin:1.5em 0; } /* ROOT HOME - USED ON INITIAL LANDING PAGE */ #bgwrapper_root_home { background:url(../img/landing-bg.png) 50% 0 no-repeat; width:100%; } #root_home h1.root { position:absolute; top:52px; left:52px; } #root_home h2.root { position:absolute; top:235px; left:48px; text-transform:uppercase; color:#fff !important; font-weight:normal !important; line-height:44px; font-size:44px; font-family:"DINWeb-Light", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } #root_home p.root { position:absolute; top:341px; left:52px; width:260px; color:#fff !important; font-weight:normal !important; line-height:22px; font-size:18px; font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-shadow:none !important; } #root_home a.start_button { top:520px; left:52px; } #root_home #links_panel { position:absolute; top:85px; right:28px; background:url(../img/panel.png) 0 0 no-repeat; width:450px; height:536px; margin:0; padding:40px 28px 0 30px; } #root_home #links_panel h2 { position:relative; color:#7d4696; line-height:1.2; font-size:17px; font-family:"DINWeb-Bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; padding:0 0 5px 0; } #root_home #links_panel p { position:relative; color:#7d4696; line-height:1.2; font-size:17px; font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal !important; margin-bottom:7px !important; } #root_home #links_panel p a { color:#7d4696; font-weight:normal !important; } #root_home #links_panel p a.video { background:url(../img/video.png) top left no-repeat; padding:9px 0 7px 95px; display:block; text-decoration:none; } #root_home #links_panel p a.pdf { background:url(../img/pdf.png) top left no-repeat; padding:9px 0 7px 95px; display:block; text-decoration:none; } #root_home #links_panel p a.podcast { background:url(../img/podcast.png) top left no-repeat; padding:9px 0 0 95px; display:block; text-decoration:none; } #root_home #links_panel p a.whitepaper { background:url(../img/whitepaper.png) top left no-repeat; padding:9px 0 7px 95px; display:block; text-decoration:none; } #root_home #bookmark { position:absolute; top:10px; right:0; text-align:right; width:195px; height:40px; padding:1px 0 0 0; color:#fff; text-decoration:none; text-shadow:none; line-height:12px; font-size:11px; font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } #root_home #footer { position:absolute; top:584px; right:53px; width:455px; height:100px; z-index:999; } #root_home #footer h2 { position:relative; color:#7d4696; line-height:1.2; font-size:16px; font-family:"DINWeb-Bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; } #root_home #footer p { position:relative; color:#7d4696; line-height:1.3; font-size:14px; font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } #root_home #footer p a { color:#7d4696; text-decoration:none; } /* HOME */ #home h1 { position:absolute; top:52px; left:52px; } #home h2 { position:absolute; top:235px; left:48px; text-transform:uppercase; color:#fff !important; font-weight:normal !important; line-height:44px; font-size:44px; font-family:"DINWeb-Light", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } #home a.start_button { top:356px; left:52px; } #home .home_button { left:50px; } /* INTRO A, INTRO B */ /*#intro_a #main_content, #intro_b #main_content { position:absolute; top:141px; left:265px; width:570px; }*/ #intro_a #main_content, #intro_b #main_content { position:absolute; top:155px; left:250px; width:590px; } #intro_a #main_content h2, #intro_b #main_content h2 { color:#7d4696 !important; line-height:1.3; font-size:20px; margin-bottom:20px; font-family:"DINWeb-Bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; text-shadow:none !important; } #intro_a #main_content p, #intro_b #main_content p { color:#7d4696 !important; line-height:1.35; font-size:19px; margin-bottom:10px; font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } #intro_a #main_content p a, #intro_b #main_content p a { color:#7d4696 !important; font-weight:normal; } #intro_a #footer, #intro_b #footer { position:absolute; top:573px; left:49px; width:455px; } #intro_a #footer h2, #intro_b #footer h2 { position:relative; text-transform:none; color:#7d4696 !important; line-height:1.2; font-size:16px; font-family:"DINWeb-Bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; } #intro_a #footer p, #intro_b #footer p { position:relative; text-transform:none; color:#7d4696 !important; line-height:1.3; font-size:14px; font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } #intro_a #footer p a, #intro_b #footer p a { color:#7d4696 !important; text-decoration:none; } #intro_a a.intro_next_button { top:408px; left:655px; padding-left:50px; padding-right:50px; } #intro_a a.get_started_button { top:400px; left:645px; } /* QUESTIONS 1-9 GLOBAL STYLES */ a.button_a { top:350px; left:273px; font-size:60px; line-height:66px; padding-bottom:0; min-width:60px; min-height:60px; -webkit-box-shadow:0 7px 10px rgba(0,0,0,0.5); box-shadow:-5px 15px 20px rgba(0,0,0,0.5); } a.button_b { top:350px; left:680px; font-size:60px; line-height:66px; padding-bottom:0; min-width:60px; min-height:60px; -webkit-box-shadow:0 7px 10px rgba(0,0,0,0.5); box-shadow:-5px 15px 20px rgba(0,0,0,0.5); } #one h2, #two h2, #three h2, #four h2, #five h2, #six h2, #seven h2, #eight h2, #nine h2, #results h2 { font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; text-align:center; color:#7d4696 !important; margin-bottom:20px; font-size:38px !important; line-height:38px !important; text-shadow:none !important; } #one h2 span, #two h2 span, #three h2 span, #four h2 span, #five h2 span, #six h2 span, #seven h2 span, #eight h2 span, #nine h2 span { background:#7d4696; color:#fff; padding:6px 12px 0 12px; border-radius:25px; display:inline-block; } #one p, #two p, #three p, #four p, #five p, #six p, #seven p, #eight p, #nine p { font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; text-align:center; color:#555 !important; line-height:1.2; font-size:25px; text-shadow:none !important; } /*Q one*/ #one.q_a { background:url(images/question-1_a.png) 0 0 no-repeat !important; } #one.q_b { background:url(images/question-1_b.png) 0 0 no-repeat !important; } #one .inner { background:url(images/question-1-bg.png) 0 0 no-repeat !important; } #one #main_content { position:absolute; top:80px; left:335px; width:420px; } #one .answer_panel_a { position:absolute; top:450px; left:175px; width:270px; } #one .answer_panel_b { position:absolute; top:450px; right:165px; width:270px; } #one .answer_panel_a p, #one .answer_panel_b p { color:#fff !important; } /*Q two*/ #two.q_a { background:url(images/question-2_a.png) 0 0 no-repeat !important; } #two.q_b { background:url(images/question-2_b.png) 0 0 no-repeat !important; } #two .inner { background:url(images/question-2-bg.png) 0 0 no-repeat !important; } #two #main_content { position:absolute; top:110px; left:335px; width:420px; } #two .answer_panel_a { position:absolute; top:450px; left:120px; width:350px; } #two .answer_panel_b { position:absolute; top:450px; right:150px; width:340px; } #two .answer_panel_a p, #two .answer_panel_b p { color:#fff !important; } /*Q three*/ #three.q_a { background:url(images/question-3_a.png) 0 0 no-repeat !important; } #three.q_b { background:url(images/question-3_b.png) 0 0 no-repeat !important; } #three .inner { background:url(images/question-3-bg.png) 0 0 no-repeat !important; } #three #main_content { position:absolute; top:110px; left:335px; width:420px; } #three .answer_panel_a { position:absolute; top:450px; left:175px; width:260px; } #three .answer_panel_b { position:absolute; top:450px; right:145px; width:320px; } #three .answer_panel_a p, #three .answer_panel_b p { color:#fff !important; } #three .answer_panel_a_sub { position:absolute; top:650px; left:190px; width:260px; } #three .answer_panel_b_sub { position:absolute; top:650px; right:140px; width:320px; } #three .answer_panel_a_sub p, #three .answer_panel_b_sub p { font-size:18px; color:#fff !important; } #three .answer_panel_a_sub p a, #three .answer_panel_b_sub p a { color:#fff !important; font-weight:normal; } /*Q four*/ #four.q_a { background:url(images/question-4_a.png) 0 0 no-repeat !important; } #four.q_b { background:url(images/question-4_b.png) 0 0 no-repeat !important; } #four .inner { background:url(images/question-4-bg.png) 0 0 no-repeat !important; } #four #main_content { position:absolute; top:130px; left:365px; width:360px; } #four .answer_panel_a { position:absolute; top:450px; left:175px; width:270px; } #four .answer_panel_b { position:absolute; top:450px; right:155px; width:270px; } #four .answer_panel_a p, #four .answer_panel_b p { color:#fff !important; } /*Q five*/ #five.q_a { background:url(images/question-5_a.png) 0 0 no-repeat !important; } #five.q_b { background:url(images/question-5_b.png) 0 0 no-repeat !important; } #five .inner { background:url(images/question-5-bg.png) 0 0 no-repeat !important; } #five #main_content { position:absolute; top:90px; left:355px; width:420px; } #five .answer_panel_a { position:absolute; top:450px; left:175px; width:270px; } #five .answer_panel_b { position:absolute; top:450px; right:165px; width:270px; } #five .answer_panel_a p, #five .answer_panel_b p { color:#fff !important; } /*Q six*/ #six.q_a { background:url(images/question-6_a.png) 0 0 no-repeat !important; } #six.q_b { background:url(images/question-6_b.png) 0 0 no-repeat !important; } #six .inner { background:url(images/question-6-bg.png) 0 0 no-repeat !important; } #six #main_content { position:absolute; top:80px; left:335px; width:450px; } #six .answer_panel_a { position:absolute; top:450px; left:155px; width:310px; } #six .answer_panel_b { position:absolute; top:450px; right:150px; width:310px; } #six .answer_panel_a p, #six .answer_panel_b p { color:#fff !important; } /*Q seven*/ #seven.q_a { background:url(images/question-7_a.png) 0 0 no-repeat !important; } #seven.q_b { background:url(images/question-7_b.png) 0 0 no-repeat !important; } #seven .inner { background:url(images/question-7-bg.png) 0 0 no-repeat !important; } #seven #main_content { position:absolute; top:110px; left:335px; width:380px; } #seven .answer_panel_a { position:absolute; top:450px; left:145px; width:330px; } #seven .answer_panel_b { position:absolute; top:450px; right:145px; width:310px; } #seven .answer_panel_a p, #seven .answer_panel_b p { color:#fff !important; } /*Q eight*/ #eight.q_a { background:url(images/question-8_a.png) 0 0 no-repeat !important; } #eight.q_b { background:url(images/question-8_b.png) 0 0 no-repeat !important; } #eight .inner { background:url(images/question-8-bg.png) 0 0 no-repeat !important; } #eight #main_content { position:absolute; top:90px; left:305px; width:420px; } #eight .answer_panel_a { position:absolute; top:450px; left:205px; width:240px; } #eight .answer_panel_b { position:absolute; top:450px; right:185px; width:250px; } #eight .answer_panel_a p, #eight .answer_panel_b p { color:#fff !important; } /*Q nine*/ #nine.q_a { background:url(images/question-9_a.png) 0 0 no-repeat !important; } #nine.q_b { background:url(images/question-9_b.png) 0 0 no-repeat !important; } #nine .inner { background:url(images/question-9-bg.png) 0 0 no-repeat !important; } #nine #main_content { position:absolute; top:110px; left:355px; width:340px; } #nine .answer_panel_a { position:absolute; top:450px; left:175px; width:270px; } #nine .answer_panel_b { position:absolute; top:450px; right:165px; width:270px; } #nine .answer_panel_a p, #nine .answer_panel_b p { color:#fff !important; } /*results*/ #results { background:url(images/results-bg.png) 0 0 no-repeat !important; } #results .print_only { display:none; font-weight:bold; } #results .ui-link { font-weight:normal !important; } #results p { font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; text-align:left; color:#555 !important; line-height:1.2; font-size:12px; } #results p a { color:#555 !important; } #results #who-heading { position:absolute; top:26px; left:675px; width:340px; text-align:left; color:#fff !important; text-shadow:none !important; } #results #magnify { position:absolute; top:66px; left:675px; width:340px; text-align:left; font-size:13px; color:#fff !important; text-shadow:none !important; } #results #retake_quiz { position:absolute; top:194px; left:25px; width:150px; } #results #want_to_know_more { position:absolute; top:415px; right:45px; width:215px; } #results #want_to_know_more p { text-shadow:none !important; color:#fff !important; margin-bottom:10px; line-height:1.4; } #results #want_to_know_more p strong { font-family:"DINWeb-Bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; } #results #want_to_know_more p a { text-shadow:none !important; color:#fff !important; } #results #print_this { position:absolute; top:630px; right:230px; background:url(images/printer.png) 0 0 no-repeat; width:31px; height:30px; text-indent:-5000px; } #results p#q1_profile_text { position:absolute; top:230px; right:48px; width:260px; height:110px; padding:10px 5px 0 15px; text-shadow:none !important; color:#fff !important; } #results p#q2_profile_text { position:absolute; top:245px; right:357px; width:175px; height:95px; padding:15px 10px 0 15px; text-shadow:none !important; color:#fff !important; } #results p#q6_profile_text { position:absolute; top:295px; left:27px; width:160px; height:100px; padding:10px 10px 0 10px; text-shadow:none !important; color:#fff !important; } #results p#q8_profile_text { position:absolute; top:235px; left:222px; width:200px; height:135px; padding:20px 20px 0 15px; text-shadow:none !important; color:#fff !important; } #results p#q9_profile_text { position:absolute; top:470px; left:40px; width:160px; height:125px; padding:10px 20px 0 10px; text-shadow:none !important; color:#fff !important; } #results #profile_para_1 { position:absolute; top:35px; left:50px; width:213px; height:110px; padding:20px 10px 0 10px; text-shadow:none !important; color:#fff !important; } #results #profile_para_1 p, #results #profile_para_2 p, #results #profile_para_3 p, #results #profile_para_4 p { text-shadow:none !important; color:#fff !important; } #results #profile_para_1 h2 { text-shadow:none !important; color:#fff !important; margin:0 !important; padding:0 0 10px 0 !important; line-height:17px !important; font-size:17px !important; text-align:left !important; font-family:"DINWeb-Bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; } #results #profile_para_2 { position:absolute; top:60px; left:315px; width:280px; height:140px; padding:15px 10px 0 20px; text-shadow:none !important; color:#fff !important; } #results #profile_para_3 { position:absolute; top:105px; right:25px; width:280px; height:85px; padding:10px 5px 0 20px; text-shadow:none !important; color:#fff !important; } #results #profile_para_3 ul { margin:5px 0; padding:0 0 0 20px; } #results #profile_para_3 ul li { text-shadow:none !important; color:#fff !important; font-size:12px; margin-bottom:3px; padding:0; font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; } #results #profile_para_4 { position:absolute; top:415px; left:250px; width:260px; padding:15px; } #results #results_you_can_also { position:absolute; top:555px; left:265px; width:140px; text-shadow:none !important; color:#fff !important; } #results div.pos_one { top:578px; left:260px; width:72px; height:51px; } #results div.pos_two { top:578px; left:410px; width:72px; height:51px; } #results div.pos_three { top:578px; left:560px; width:72px; height:51px; } #results div.pos_four { top:410px; left:545px; width:173px; height:122px; } #results p.pos_one { top:585px; left:335px; width:72px; } #results p.pos_two { top:585px; left:485px; width:72px; } #results p.pos_three { top:585px; left:634px; width:72px; } #results p.pos_four { top:528px; left:565px; width:140px; } #results div.pos_three_x2 { top:534px; left:550px; width:130px; height:92px; } #results p.pos_three_x2 { top:624px; left:565px; width:150px; } #results div.pos_four_x2 { top:410px; left:550px; width:130px; height:92px; } #results p.pos_four_x2 { top:500px; left:565px; width:150px; } #results div.pos_four_sm { top:505px; left:560px; width:72px; height:51px; } #results p.pos_four_sm { top:510px; left:634px; width:72px; } #results #results_video { position:absolute; } #results #results_video_p { position:absolute; } #results #results_podcast { position:absolute; } #results #results_podcast_p { position:absolute; } #results #results_pdf { position:absolute; } #results #results_pdf_p { position:absolute;} #results #results_whitepaper { position:absolute; } #results #results_whitepaper_p { position:absolute; } #results #results_video img, #results #results_podcast img, #results #results_pdf img, #results #results_whitepaper img { width:100%; border:none !important; } #results #results_video_p a, #results #results_podcast_p a, #results #results_pdf_p a, #results #results_whitepaper_p a { font-size:11px; text-shadow:none !important; color:#fff !important; text-decoration:none; border:none; } /*#results #profile_para_1, #results #profile_para_2, #results #profile_para_3, #results #profile_para_4, #results p#q1_profile_text, #results p#q2_profile_text, #results p#q6_profile_text, #results p#q8_profile_text, #results p#q9_profile_text { background:rgba(255,0,4,0.35); }*/ #results #profile_para_1:hover, #results #profile_para_2:hover, #results #profile_para_3:hover, #results #profile_para_4:hover, #results p#q1_profile_text:hover, #results p#q2_profile_text:hover, #results p#q6_profile_text:hover, #results p#q8_profile_text:hover, #results p#q9_profile_text:hover { cursor:pointer; cursor:-moz-zoom-in; cursor:-webkit-zoom-in; } #results #popup_details { position:relative; background:#333; width:660px;height:340px; } #results #popup_details .popup_left { position:absolute; top:240px; left:0; background:url(images/popup-left.png) 50% 50% no-repeat; width:51px; height:51px; text-indent:-5000px; } #results #popup_details .popup_right { position:absolute; top:240px; right:0; background:url(images/popup-right.png) 50% 50% no-repeat; width:51px; height:51px; text-indent:-5000px; } #results #popup_details .popup_close_icon { position:absolute; top:0; right:0; background:url(images/popup-close.png) 50% 50% no-repeat; width:51px; height:51px; text-indent:-5000px; } #results #popup_details .popup_content_wrapper { position:absolute; width:500px; height:260px; top:0; left:0; /*background:rgba(11,190,98,0.48); */} #results #popup_details h2 { color:#fff !important; text-shadow:none; font-size:30px !important; padding:0 0 0 0; text-align:left; font-family:"DINWeb-Bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; } #results #popup_details p { color:#fff !important; text-shadow:none; font-size:24px; padding:0 0 0 0; } #results #popup_details ul li { color:#fff !important; text-shadow:none; font-size:24px; padding:0 0 0 0; font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; } #results .ui-popup-screen, #root_home .ui-popup-screen { background-image:url(images/popup_overlay_bg.png); background-position:50% 50%; background-repeat:no-repeat !important; background-color:transparent !important;} #results #popup_details.popup_para1 { background:url(images/popup_para1_bg.png) 0 0 no-repeat; } #results #popup_details.popup_para2 { background:url(images/popup_para2_bg.png) 0 0 no-repeat; } #results #popup_details.popup_para3 { background:url(images/popup_para3_bg.png) 0 0 no-repeat; } #results #popup_details.popup_para4 { background:url(images/popup_para4_bg.png) 0 0 no-repeat; } #results #popup_details.popup_para5 { background:url(images/popup_para5_bg.png) 0 0 no-repeat; } #results #popup_details.popup_para6 { background:url(images/popup_para6_bg.png) 0 0 no-repeat; } #results #popup_details.popup_para7 { background:url(images/popup_para7_bg.png) 0 0 no-repeat; } #results #popup_details.popup_para8 { background:url(images/popup_para8_bg.png) 0 0 no-repeat; } #results #popup_details.popup_para9 { background:url(images/popup_para9_bg.png) 0 0 no-repeat; } #results #send_results_popup { position:relative; background:#fff; width:660px;height:520px; } #results #send_results_popup .popup_close_icon { position:absolute; top:0; right:0; background:url(images/popup-close.png) 50% 50% no-repeat; width:51px; height:51px; text-indent:-5000px; } #results #send_results_popup #send_to_manager { position:absolute; top:25px; left:25px; width:600px; } #results #send_results_popup #send_to_manager h1 { color:#7d4696 !important; font-family:"DINWeb-Bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; background:none; text-indent:0; width:100%; } #results #send_results_popup #send_to_manager p { font-size:14px; padding-top:5px; color:#7d4696 !important; font-family:"DINWeb-Bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:normal; } #results #send_results_popup #send_to_manager textarea.ui-input-text { height:110px !important; resize:none; } #results #popup_video, #results #popup_pdf, #results #popup_podcast, #results #popup_whitepaper { position:relative; background:#fff; width:580px;height:400px; } #results #popup_video .popup_close_icon, #results #popup_pdf .popup_close_icon, #results #popup_podcast .popup_close_icon, #results #popup_whitepaper .popup_close_icon { position:absolute; top:0; right:0; background:url(images/popup-close.png) 50% 50% no-repeat; width:51px; height:51px; text-indent:-5000px; } #root_home #popup_video .popup_close_icon, #root_home #popup_pdf .popup_close_icon, #root_home #popup_podcast .popup_close_icon, #root_home #popup_whitepaper .popup_close_icon { position:absolute; top:0; right:0; background:url(images/popup-close.png) 50% 50% no-repeat; width:51px; height:51px; text-indent:-5000px; } #results #popup_video, #root_home #popup_video { position:relative; background:#fff; width:580px;height:530px; } #results #popup_video #act_video, #root_home #popup_video #act_video { position:absolute; width:540px; height:304px; top:60px; left:20px; } #results #popup_video h1, #root_home #popup_video h1 { position:absolute; top:20px; left:20px; color:#7d4696 !important; font-size:26px; font-family:"DINWeb-Bold","Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif; font-weight:normal; background:none; text-indent:0; width:520px; margin:0; padding:0; } #results #popup_video p, #root_home #popup_video p { position:absolute; top:375px; left:20px; color:#7d4696 !important; font-size:16px; line-height:1.2; font-family:"DINWeb","Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif; font-weight:normal; background:none; text-indent:0; width:520px; margin:0; padding:0; } #results #popup_video #download_video, #root_home #popup_video #download_video { position:absolute; top:465px; left:20px; width:99%; } #results #popup_podcast, #root_home #popup_podcast { position:relative; background:#fff; width:580px; height:250px; } #results #popup_podcast #act_podcast, #root_home #popup_podcast #act_podcast { position:absolute; width:540px; height:30px; top:60px; left:20px; } #results #popup_podcast h1, #root_home #popup_podcast h1 { position:absolute; top:20px; left:20px; color:#7d4696 !important; font-size:26px; font-family:"DINWeb-Bold","Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif; font-weight:normal; background:none; text-indent:0; width:520px; margin:0; padding:0; } #results #popup_podcast p, #root_home #popup_podcast p { position:absolute; top:105px; left:20px; color:#7d4696 !important; font-size:16px; line-height:1.2; font-family:"DINWeb","Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif; font-weight:normal; background:none; text-indent:0; width:520px; margin:0; padding:0; } #results #popup_podcast #download_podcast, #root_home #popup_podcast #download_podcast { position:absolute; top:190px; left:20px; width:99%; } #results #popup_pdf, #root_home #popup_pdf { position:relative; background:#fff; width:580px; height:250px; } #results #popup_pdf #act_pdf, #root_home #popup_pdf #act_pdf { position:absolute; width:540px; height:30px; top:175px; left:20px; } #results #popup_pdf h1, #root_home #popup_pdf h1 { position:absolute; top:20px; left:20px; color:#7d4696 !important; font-size:26px; font-family:"DINWeb-Bold","Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif; font-weight:normal; background:none; text-indent:0; width:520px; margin:0; padding:0; } #results #popup_pdf p, #root_home #popup_pdf p { position:absolute; top:60px; left:20px; color:#7d4696 !important; font-size:16px; line-height:1.2; font-family:"DINWeb","Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif; font-weight:normal; background:none; text-indent:0; width:520px; margin:0; padding:0; } #results #popup_whitepaper, #root_home #popup_whitepaper { position:relative; background:#fff; width:580px; height:250px; } #results #popup_whitepaper #act_whitepaper, #root_home #popup_whitepaper #act_whitepaper { position:absolute; width:540px; height:30px; top:175px; left:20px; } #results #popup_whitepaper h1, #root_home #popup_whitepaper h1 { position:absolute; top:20px; left:20px; color:#7d4696 !important; font-size:26px; font-family:"DINWeb-Bold","Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif; font-weight:normal; background:none; text-indent:0; width:520px; margin:0; padding:0; } #results #popup_whitepaper p, #root_home #popup_whitepaper p { position:absolute; top:60px; left:20px; color:#7d4696 !important; font-size:16px; line-height:1.2; font-family:"DINWeb","Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif; font-weight:normal; background:none; text-indent:0; width:520px; margin:0; padding:0; } #Xresults a.button_download, #root_home a.button_download { border:1px solid #898989; /*border-top-color:#aaa; border-right-color:#aaa;*/ border-radius:2px; position:absolute; text-shadow:#fff -1px 1px 2px; color:#505050 !important; line-height:18px; padding:6px 7px 5px 7px; text-align:center; text-decoration:none; font-weight:normal !important; font-size:18px; background:#ccc; background-image: -moz-linear-gradient( 90deg, rgb(159,158,158) 0%, rgb(210,210,210) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(159,158,158) 0%, rgb(210,210,210) 100%); background-image: -ms-linear-gradient( 90deg, rgb(159,158,158) 0%, rgb(210,210,210) 100%); font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } #results a.button_download, #root_home a.button_download { border:1px solid #7d4696; /*border-top-color:#a269b4; border-right-color:#a269b4;*/ border-radius:2px; position:absolute; color:#fff !important; line-height:18px; padding:6px 7px 5px 7px; text-align:center; text-decoration:none; font-weight:normal !important; font-size:18px; text-shadow:none; background:#5a336c; background-image: -moz-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); background-image: -ms-linear-gradient( -90deg, rgb(125,70,150) 1%, rgb(59,34,70) 100%); font-family:"DINWeb", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; }