/* DEFINE WEBFONTS */
/* @license
 * MyFonts Webfont Build ID 2668541, 2013-10-17T12:45:35-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Univers 45 Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/univers/45-light/
 * Licensed pageviews: 250,000
 * 
 * Webfont: Univers 55 Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/univers/55-roman/
 * Licensed pageviews: 250,000
 * 
 * Webfont: Univers 65 Bold by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/univers/65-bold/
 * Licensed pageviews: 500,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2668541
 * Webfonts copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1981,2005 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and may not
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("http://hello.myfonts.net/count/28b7fd");
@font-face {font-family: 'UniversLTCYR-Light';src: url('fonts/28B7FD_0_0.eot');src: url('fonts/28B7FD_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/28B7FD_0_0.woff') format('woff'),url('fonts/28B7FD_0_0.ttf') format('truetype');}
@font-face {font-family: 'UniversLTCYR-Roman';src: url('fonts/28B7FD_1_0.eot');src: url('fonts/28B7FD_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/28B7FD_1_0.woff') format('woff'),url('fonts/28B7FD_1_0.ttf') format('truetype');}
@font-face {font-family: 'UniversLTCYR-Bold';src: url('fonts/28B7FD_2_0.eot');src: url('fonts/28B7FD_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/28B7FD_2_0.woff') format('woff'),url('fonts/28B7FD_2_0.ttf') format('truetype');}

body { margin:0; background:#ccc !important; }
.ui-page, .ui-header, .ui-footer { max-width:1024px; min-width:1024px; } 
.ui-overlay-c { background:#ccc !important; }
.ui-content { background-color:#fff !important; border-top:none; height:642px; }
.ui-page { margin:0 auto !important; position:relative !important; background:none !important; }

.print_only { display:none; } /* Hide elements intended for print only */

/* HEADINGS, BUTTONS ETC */
h1 { position:absolute; top:32px; right:22px; background:url(images/your_company_logo.jpg) 0 0 no-repeat; width:136px; height:88px; text-indent:-5000px; margin:0; }
h2 { margin:0; text-shadow:none; font-family: "UniversLTCYR-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight:normal; font-style:normal; }
p { margin:0 0 20px 0; color:#fff; text-shadow:none; line-height:1.3; font-size:16px; font-family: "UniversLTCYR-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }

a:focus { outline:none; }

a.button { position:absolute; }
a.square_button { width:35px; height:33px; }

a.next_button { top:600px; right:42px; text-shadow:none; background:#00a651 url(images/bp-f-arrow-white.png) 50% 50% no-repeat; z-index:50; }
p.next_button_label { position:absolute; width:53px; top:640px; right:33px; text-align:center; color:#00a651 !important; text-shadow:none; text-decoration:none; text-transform:uppercase; font-size:11px !important; line-height:10px; font-family:"UniversLTCYR-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight:normal; font-style:normal; }

a.prev_button { top:600px; right:90px; background:#00a651 url(images/bp-b-arrow-white.png) 50% 50% no-repeat; z-index:50; }
p.prev_button_label { position:absolute; width:53px; top:640px; right:81px; text-align:center; color:#00a651 !important; text-shadow:none; text-decoration:none; text-transform:uppercase; font-size:11px !important; line-height:10px; font-family:"UniversLTCYR-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight:normal; font-style:normal; }


/* Nav / Progress bar */
.nav_panel { position:absolute; top:122px; left:37px; width:840px; height:70px; }
.nav_panel .navbar { width:840px; height:47px; background-image:url(images/bp-nav-bar-bg.png); background-repeat:no-repeat; }
.nav_panel.nav_about .navbar { background-position:0 0; }
.nav_panel.nav_what .navbar { background-position:0 -47px; }
.nav_panel.nav_future .navbar { background-position:0 -94px; }
.nav_panel.nav_profile .navbar { background-position:0 -141px; }

.nav_panel .text { position:relative; width:840px; height:20px; margin:0; padding:0; font-family: "UniversLTCYR-Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; font-size:13px; }
.nav_panel .text .text_intro { position:absolute; bottom:0; left:0; color:#949699; }
.nav_panel .text .text_about { position:absolute; bottom:0; left:185px; color:#c5c6c8; }
.nav_panel .text .text_what { position:absolute; bottom:0; left:345px; color:#c5c6c8; }
.nav_panel .text .text_future { position:absolute; bottom:0; left:560px; color:#c5c6c8; }
.nav_panel .text .text_profile { position:absolute; bottom:0; left:750px; color:#c5c6c8; }

.nav_panel.nav_about .text .text_about { color:#6fac39; }
.nav_panel.nav_what .text .text_what { color:#6fac39;  }
.nav_panel.nav_future .text .text_future { color:#6fac39;  }
.nav_panel.nav_profile .text .text_profile { color:#6fac39;  }


hr { border:0; height:0; border-top: 1px solid #ccc; border-bottom:none; margin:1.5em 0; }

/* INTRODUCTION */
#intro .ui-content { background-image:url(images/bp-intro-bg.png); background-position:bottom left; background-repeat:no-repeat; }
#intro h2 { position:absolute; top:175px; left:202px; color:#ffda00 !important; line-height:31px; font-size:34px; }
#intro .column_one { position:absolute; top:255px; left:202px; width:400px; }
#intro a.start_button { top:600px; right:42px; background:#ffda00 url(images/bp-f-arrow-grey.png) 50% 50% no-repeat; }
#intro p.start_button_label { position:absolute; width:53px; top:637px; right:34px; text-align:center; color:#ffda00 !important; text-shadow:none; text-decoration:none; text-transform:uppercase; font-size:11px; font-family:"UniversLTCYR-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight:normal; font-style:normal; }
#intro a.tcs_button { top:600px; right:353px; background:#22a651; color:#fff; text-shadow:none; text-decoration:none; font-size:12px; padding:10px 12px; }

/* TERMS & CONDITIONS */
#tcs .ui-content { background-image:url(images/bp-tcs-bg.png); background-position:bottom left; background-repeat:no-repeat; }
#tcs h2 { position:absolute; top:100px; left:142px; color:#ffda00 !important; line-height:32px; font-size:32px; }
#tcs .column_one { position:absolute; top:180px; left:142px; width:390px; }
#tcs .column_two { position:absolute; top:180px; left:567px; width:300px; }
#tcs p { font-size:12px; }
#tcs p a { color:#fff; font-weight:normal; text-decoration:none; border-bottom:1px solid #fff; }
#tcs p a:hover { color:#fff; font-weight:normal; border-bottom:none; }
#tcs a.home_button { top:600px; right:42px; background:#ffda00 url(images/bp-home-icon-grey.png) 50% 50% no-repeat; }
#tcs p.home_button_label { position:absolute; width:53px; top:637px; right:33px; text-align:center; color:#ffda00 !important; text-shadow:none; text-decoration:none; text-transform:uppercase; font-size:11px; line-height:10px; font-family:"UniversLTCYR-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight:normal; font-style:normal; }

/* ABOUT YOU */
#about_you .ui-content { background-image:url(images/bp-main-bg.png); background-position:bottom left; background-repeat:no-repeat; }
#about_you h2 { position:absolute; top:40px; left:40px; color:#00a651 !important; line-height:24px; font-size:24px; }
#about_you h2 span { color:#7fc241; }
#about_you .about_you_panel { position:absolute; top:220px; left:42px; width:300px; height:414px; }
#about_you .rounded_panel { position:relative; width:370px; border-radius:10px; background:#7fc241; margin:0 0 3px 0; }
#about_you .you_are_panel { height:107px; }
#about_you .current_pension_panel { height:107px; display:none; }
#about_you .current_pension_panel .cp_db, #about_you .current_pension_panel .cp_dc, #about_you .current_pension_panel .cp_epp { display:none; }
#about_you .sex_age_panel { height:107px; }
#about_you .dependants_marital_status_panel { height:75px; }
#about_you .rounded_panel p { position:absolute; top:10px; left:10px; margin:0; font-family:"UniversLTCYR-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight:normal; font-style:normal; font-size:14px; }
#about_you .rounded_panel p.small { top:0; left:0; margin:0; font-family:"UniversLTCYR-Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; font-size:12px; }
#about_you .button_wrapper { position:absolute; top:34px; left:10px; width:350px; }
#about_you .dependants_marital_status_panel .button_wrapper { width:175px; }
#about_you .marital_status_panel { position:absolute; top:0; left:0; width:175px; }
#about_you .dependants_panel { position:absolute; top:0; right:3px; width:175px; }
#about_you .rounded_panel .round_button { background:#7fc241; border-radius:6px; border:1px solid #fff; color:#fff; padding:5px 7px; text-decoration:none; font-family: "UniversLTCYR-Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; font-size:12px; box-shadow:5px 5px 7px rgba(0,0,0,0.3); text-shadow:none; display:inline-block; margin:0 2px 4px 0; text-align:center; }
#about_you p { font-size:12px; }
#about_you .current_pension_panelX .round_button { width:80px; }
#about_you .sex_age_panel .sap_sex .round_button { width:56px; }
#about_you .sex_age_panel .sap_age .round_button { width:75px; }
#about_you .dependants_panel .round_button { width:56px; }
#about_you .rounded_panel .round_button:hover { background:#fff; color:#7fc241; }
#about_you .rounded_panel .round_button.selected { background:#fff; color:#7fc241; }
#about_you .about_you_squares { position:absolute; top:217px; right:124px; }
#about_you #tooltip { position:absolute; top:-5px; left:0; width:205px; padding:12px 10px 18px 10px; background:url(images/bp-tooltip.png) 0 0 no-repeat; display:none; font-size:12px; color:#666; line-height:12px; text-shadow:none; font-family: "UniversLTCYR-Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; }
#about_you #tooltip_large { position:absolute; top:-19px; left:0; width:310px; padding:12px 10px 18px 10px; background:url(images/bp-tooltip_large.png) 0 0 no-repeat; display:none; font-size:12px; color:#666; line-height:12px; text-shadow:none; font-family: "UniversLTCYR-Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; text-align:center; }


/* WHAT MATTERS */
#what_matters .ui-content { background-image:url(images/bp-main-bg.png); background-position:bottom left; background-repeat:no-repeat; }
#what_matters h2 { position:absolute; top:40px; left:40px; color:#00a651 !important; line-height:24px; font-size:24px; }
#what_matters h2 span { color:#7fc241; }
#what_matters .column_one { position:absolute; top:220px; left:40px; width:268px; border-top:3px solid #6fac39; }
#what_matters .column_one h3 { font-size:17px; color:#6fac39; margin-top:12px; font-family:"UniversLTCYR-Bold","Arial Black","Arial Bold",Gadget,sans-serif; font-weight:normal; font-style:normal; }
#what_matters .column_one p { width:235px; font-size:12px; color:#58595b; line-height:1.4; }
#what_matters .grey_square_base { position:absolute; top:294px; right:72px; z-index:1; }
#what_matters .drag_containment_outer { position:absolute; top:215px; left:160px; width:810px; height:440px; z-index:50; }
#what_matters .drag_containment { position:relative; width:810px; height:440px; }
#what_matters a.reset { position:absolute; top:385px; left:15px; width:75px; height:51px; background:url(images/bp-reset.png) 0 0 no-repeat; text-indent:-5000px; }
#what_matters a.reset:hover { background-position:0 -51px; }
#what_matters a.reset:focus { outline:none; }
#what_matters .coins5 { position:absolute; top:330px; left:114px; width:62px; height:110px; background:url(images/bp-coins.png) 0 -106px no-repeat; text-indent:-5000px; z-index:20; }
#what_matters .coins4 { position:absolute; top:346px; left:185px; width:62px; height:94px; background:url(images/bp-coins.png) -62px -122px no-repeat; text-indent:-5000px; z-index:20; }
#what_matters .coins3 { position:absolute; top:360px; left:255px; width:62px; height:80px; background:url(images/bp-coins.png) -124px -135px no-repeat; text-indent:-5000px; z-index:20; }
#what_matters .coins2 { position:absolute; top:377px; left:325px; width:62px; height:63px; background:url(images/bp-coins.png) -186px -152px no-repeat; text-indent:-5000px; z-index:20; }
#what_matters .coins1 { position:absolute; top:393px; left:395px; width:62px; height:47px; background:url(images/bp-coins.png) -248px -168px no-repeat; text-indent:-5000px; z-index:20; }
#what_matters .coins5.coins_active { background-position:0 0; z-index:40; }
#what_matters .coins4.coins_active { background-position:-62px -16px; z-index:40; }
#what_matters .coins3.coins_active { background-position:-124px -29px; z-index:40; }
#what_matters .coins2.coins_active { background-position:-186px -46px; z-index:40; }
#what_matters .coins1.coins_active { background-position:-248px -62px; z-index:40; }
#what_matters .coin_baskets { position:absolute; top:7px; left:340px; width:391px; height:349px; background:url(images/bp-coin-baskets.png) 0 0 no-repeat; z-index:10; }
#what_matters .coin_baskets_front { position:absolute; top:106px; left:339px; width:391px; height:250px; background:url(images/bp-coin-baskets-front.png) 0 0 no-repeat; z-index:30; }
#what_matters .coin_target { position:absolute; width:45px; height:45px; z-index:35;  background-color:rgba(255,0,4,0); }
#what_matters .coin_target_1 { top:220px; left:355px; }
#what_matters .coin_target_2 { top:157px; left:456px; }
#what_matters .coin_target_3 { top:103px; left:554px; }
#what_matters .coin_target_4 { top:290px; left:477px; }
#what_matters .coin_target_5 { top:235px; left:574px; }
#what_matters .coin_target_6 { top:176px; left:670px; }
#what_matters .coin_target_remove { background:url(images/bp-coin-remove.png) 50% 50% no-repeat; }
#what_matters .basket_glow { position:absolute; background:url(images/bp-basket-glow.png) 0 0 no-repeat; width:123px; height:123px; z-index:15; display:none; }
#what_matters .basket_glow_1 { top:177px; left:320px; }
#what_matters .basket_glow_2 { top:121px; left:416px; }
#what_matters .basket_glow_3 { top:69px; left:509px; }
#what_matters .basket_glow_4 { top:248px; left:441px; }
#what_matters .basket_glow_5 { top:195px; left:533px; }
#what_matters .basket_glow_6 { top:142px; left:625px; }
#what_matters .coin_target.coin_target_active { /*background-color:#FF0004;*/ }


/* IN THE FUTURE */
#future .ui-content { background-image:url(images/bp-main-bg.png); background-position:bottom left; background-repeat:no-repeat; }
#future h2 { position:absolute; top:40px; left:40px; color:#00a651 !important; line-height:24px; font-size:24px; }
#future h2 span { color:#7fc241; }
#future .column_one { position:absolute; top:220px; left:40px; width:268px; border-top:3px solid #6fac39; }
#future .column_one h3 { font-size:17px; color:#6fac39; margin-top:12px; font-family:"UniversLTCYR-Bold","Arial Black","Arial Bold",Gadget,sans-serif; font-weight:normal; font-style:normal; }
#future .column_one p { width:235px; font-size:12px; color:#58595b; line-height:1.4; }
#future p { font-size:12px; }
#future .future_square_base { position:absolute; top:300px; right:129px; }
#future .drag_containment_outer { position:absolute; top:215px; left:160px; width:810px; height:440px; z-index:50; }
#future .drag_containment { position:relative; width:810px; height:440px; }
#future a.reset { position:absolute; top:385px; left:15px; width:75px; height:51px; background:url(images/bp-reset.png) 0 0 no-repeat; text-indent:-5000px; }
#future a.reset:hover { background-position:0 -51px; }
#future .blurb_frame { position:absolute; top:23px; right:199px; width:151px; height:136px; background:url(images/bp-blurb-frame.png) 0 0 no-repeat; z-index:10; }
#future .blurb_frame_glow { position:absolute; top:8px; right:184px; width:181px; height:166px; background:url(images/bp-blurb-frame-glow.png) 0 0 no-repeat; z-index:9; display:none; }
#future .blurb_1_frame { position:absolute; top:262px; left:67px; width:148px; height:142px; background:url(images/bp-blurb-frame-grey.png) 0 0 no-repeat; z-index:15; }
#future .blurb_2_frame { position:absolute; top:159px; left:226px; width:148px; height:142px; background:url(images/bp-blurb-frame-grey.png) 0 0 no-repeat; z-index:15; }
#future .blurb_3_frame { position:absolute; top:295px; left:269px; width:148px; height:142px; background:url(images/bp-blurb-frame-grey.png) 0 0 no-repeat; z-index:15; }
#future .blurb_1 { position:absolute; top:262px; left:68px; width:141px; height:126px; background:url(images/bp-blurb-1.png) 0 0 no-repeat; z-index:20; }
#future .blurb_2 { position:absolute; top:160px; left:228px; width:141px; height:126px; background:url(images/bp-blurb-2.png) 0 0 no-repeat; z-index:20; }
#future .blurb_3 { position:absolute; top:295px; left:270px; width:141px; height:126px; background:url(images/bp-blurb-3.png) 0 0 no-repeat; z-index:20; }
#future .blurb_1.blurb_active { z-index:40; }
#future .blurb_2.blurb_active { z-index:40; }
#future .blurb_3.blurb_active { z-index:40; }

/* YOUR PROFILE */
#profile .ui-content { background-image:url(images/bp-main-bg.png); background-position:bottom left; background-repeat:no-repeat; }
#profile h2 { position:absolute; top:40px; left:40px; color:#00a651 !important; line-height:24px; font-size:24px; }
#profile h2 span { color:#7fc241; }
#profile .column_one { position:absolute; top:220px; left:40px; width:268px; border-top:3px solid #6fac39; }
#profile .column_one h3 { font-size:17px; color:#6fac39; margin-top:12px; font-family:"UniversLTCYR-Bold","Arial Black","Arial Bold",Gadget,sans-serif; font-weight:normal; font-style:normal; }
#profile .column_one h4 { font-size:17px; color:#00a651; padding-top:0; width:255px; font-family:"UniversLTCYR-Bold","Arial Black","Arial Bold",Gadget,sans-serif; font-weight:normal; font-style:normal; line-height:1.2; margin:20px 0 15px 0; }
#profile .column_one h4 span { background:url(images/bp-small-plus.png) 50% 50% no-repeat; text-indent:-5000px; padding:10px; }
#profile .column_one p { width:285px; font-size:12px; color:#58595b; line-height:1.4; margin-bottom:15px; }
#profile .column_one p#burmah_britoil_note { width:285px; font-size:12px; color:#666; line-height:1.4; margin-bottom:10px; }

#profile .column_one p a { color:#00a651; }
#profile .about_you_panel { position:absolute; top:220px; left:42px; width:300px; height:414px; }
#profile .rounded_panel { width:300px; border-radius:10px; background:#7fc241; min-height:75px; margin:0 0 3px 0; }
#profile .rounded_panel p { margin:0; }
#profile p { font-size:12px; }

#profile #call_to_action_paragraph a { font-weight:normal; color:#666; text-decoration:none; }
#profile #call_to_action_paragraph a:hover { border-bottom:1px solid #666; }

#profile .profile_square_base { position:absolute; top:216px; right:77px; z-index:5; }
#profile #square_one { position:absolute; top:288px; left:410px; width:217px; height:236px; z-index:7; }
#profile #square_one.age_under_30 { background:url(images/bp-1983-1995.png) 0 0 no-repeat; }
#profile #square_one.age_31_49 { background:url(images/bp-1963-1982.png) 0 0 no-repeat; }
#profile #square_one.age_over_50 { background:url(images/bp-1948-1962.png) 0 0 no-repeat; }

#profile #square_two { position:absolute; top:249px; left:572px; width:217px; height:236px; z-index:6; }
#profile #square_two.single_male { background:url(images/bp-single-male.png) 0 0 no-repeat; }
#profile #square_two.single_female { background:url(images/bp-single-female.png) 0 0 no-repeat; }
#profile #square_two.partners { background:url(images/bp-partners.png) 0 0 no-repeat; }

#profile #square_three { position:absolute; top:279px; left:730px; width:250px; height:270px; z-index:8; }
#profile #square_three.children_no { background:url(images/bp-children-no.png) 0 0 no-repeat; }
#profile #square_three.children_yes { background:url(images/bp-children-yes.png) 0 0 no-repeat; }

#profile #square_four { position:absolute; top:372px; left:543px; width:271px; height:257px; z-index:9; }
#profile #square_four.keeping_fit { background:url(images/bp-keeping-fit.png) 0 0 no-repeat; }
#profile #square_four.overseas_travel { background:url(images/bp-overseas-travel.png) 0 0 no-repeat; }
#profile #square_four.financial_security { background:url(images/bp-financial-security.png) 0 0 no-repeat; }
#profile #square_four.protection_against_risk { background:url(images/bp-protection-against-risk.png) 0 0 no-repeat; }
#profile #square_four.healthy_living { background:url(images/bp-healthy-living.png) 0 0 no-repeat; }
#profile #square_four.my_family { background:url(images/bp-my-family.png) 0 0 no-repeat; }

#profile a.start_again_button { top:600px; right:42px; text-shadow:none; background:#00a651 url(images/bp-f-arrow-white.png) 50% 50% no-repeat; z-index:50; }
#profile p.start_again_button_label { position:absolute; width:120px; top:640px; right:42px; text-align:right; color:#00a651 !important; text-shadow:none; text-decoration:none; text-transform:uppercase; font-size:11px !important; line-height:10px; font-family:"UniversLTCYR-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight:normal; font-style:normal; }
#profile a.print_profile_button { top:620px; left:200px; text-shadow:none; background:url(images/bp-print-icon.png) 0 50% no-repeat; padding-left:34px; z-index:50; color:#00a651 !important; font-size:13px; font-family:"UniversLTCYR-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight:normal !important; font-style:normal; text-decoration:none; line-height:1.1; }
#profile a.popup_button { text-shadow:none; background:url(images/bp-big-plus.png) 0 0 no-repeat; width:32px; height:32px; padding:0; z-index:50; font-size:1px; text-decoration:none; }
#profile a.popup_one_button { top:390px; left:385px; }
#profile a.popup_two_button { top:219px; left:560px; }
#profile a.popup_three_button { top:245px; left:867px }
#profile a.popup_four_button { top:575px; left:540px; }
#profile a.popup_one_button:hover { background:url(images/bp-big-plus-arrow-right.png) 0 0 no-repeat !important; }
#profile a.popup_two_button:hover { background:url(images/bp-big-plus-arrow-down.png) 0 0 no-repeat !important; }
#profile a.popup_three_button:hover { background:url(images/bp-big-plus-arrow-left.png) 0 0 no-repeat !important; }
#profile a.popup_four_button:hover { background:url(images/bp-big-plus-arrow-up.png) 0 0 no-repeat !important; }
#profile .popup_panel { width:220px; }
#profile .popup_panel.wide { width:360px; }
#profile .popup_panel .popup_close_icon { position:absolute; top:8px; right:8px; z-index:15; background:url(images/bp-popup-close.png) 0 0 no-repeat; width:19px; height:18px; text-indent:-5000px; }

#profile .popup_panel h2 { position:relative; top:auto; left:auto; width:100%; background:#00a651; text-indent:15px; padding-top:6px; padding-bottom:4px; margin:0; border-radius:8px; color:#fff !important; font-size:13px; font-family:"UniversLTCYR-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight:normal !important; font-style:normal; z-index:5 !important; -moz-box-shadow:0 -1px 5px rgba(0,0,0,.4); -webkit-box-shadow:0 -1px 5px rgba(0,0,0,.4); box-shadow:0 -1px 5px rgba(0,0,0,.4); }
#profile .popup_panel .content_area { z-index:10 !important; width:100%; padding-top:5px; padding-bottom:10px; min-height:110px; background:#e8e9ea; border-radius:8px; -moz-box-shadow:0 1px 5px rgba(0,0,0,.4); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.4); box-shadow:0 1px 5px rgba(0,0,0,.4); }
#profile .popup_panel .content_area h3 { font-size:13px; color:#00a651; font-family:"UniversLTCYR-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight:normal !important; font-style:normal; text-shadow:none; margin:0; padding:10px 15px 0 15px; }
#profile .popup_panel .content_area p { font-size:11px; color:#666; font-family:"UniversLTCYR-Roman", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; text-shadow:none; margin:0; padding:5px 15px 5px 15px; }
#profile .popup_panel .content_area p a { color:#666; font-weight:normal; }
#profile .popup_panel .content_area p a:hover { color:#888; }
#profile .popup_panel.ui-overlay-shadow { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; }