/* ----------------------------------------------------------------- BRA.2213 / Screen Created: 16.05.2007 Last Updated: 16.05.2007 ----------------------------------------------------------------- */ body { font-family: Verdana,Arial, Sans-serif; font-size:76%; color:#444343; background-color: #fff; margin:0; padding:0; text-align:center; } /* accessibility */ #accessibility, .access { position: absolute; top: -10000px; left: 0; } /* LINKS -------------------------------------------------- */ a:link, a:visited, a:active, a:hover { color:#e32118; text-decoration:none; } a:hover { text-decoration:underline; } /* COLUMNS -------------------------------------------------- */ /* wrappers */ #wrapper { text-align:left; margin:0 auto; padding:0; width:1033px; background:#fff url(/resources/images/ui/backgrounds/page_background_gradient_v.gif) 0 0 repeat-x; clear:both; } #container { clear:both; background: url(/resources/images/ui/backgrounds/page_background_left.gif) 0 0 no-repeat; } #container .liner { background: url(/resources/images/ui/backgrounds/page_background_right.gif) right 0 no-repeat; } /* content columns */ #alf_content { width:646px; float:left; padding:0; margin:15px 0 15px 23px; } #alf_content .linertop { clear:both; height:3px; background: url(/resources/images/ui/backgrounds/sub-page-background-top.png) 0 0 no-repeat; } #alf_content .liner { padding:20px 24px 0; background: url(/resources/images/ui/backgrounds/sub-page-background-middle.png) 0 0 repeat-y; } #alf_content .linerbottom { clear:both; height:3px; background: url(/resources/images/ui/backgrounds/sub-page-background-bottom.png) 0 0 no-repeat; margin-bottom:17px; } #alf_content.iframe { width:825px; float:none; text-align:left; padding:5px; } #alf_content.iframe#alf_content { margin:10px; } /* Moo tools popup wrapper margin */ #alf_content.iframe .linertop { clear:both; height:6px; background: url(/resources/images/ui/backgrounds/sub-iframe-background-top.png) 0 0 no-repeat; } #alf_content.iframe .liner, #alf_calculator #alf_content.iframe .liner { padding:2px 6px; background: url(/resources/images/ui/backgrounds/sub-iframe-background-middle.png) 0 0 repeat-y; } #alf_content.iframe .linerbottom { clear:both; height:6px; background: url(/resources/images/ui/backgrounds/sub-iframe-background-bottom.png) 0 0 no-repeat; margin-bottom:17px; } /* sub content boxes (right col) */ #alf_subcontent { width: 325px; float: right; margin:15px 25px 0 0; padding:0; } #alf_subcontent .linertop { height:3px; background: url(/resources/images/ui/backgrounds/subcontent-page-background-top.png) 0 0 no-repeat; } #alf_subcontent .liner { padding:16px 22px; background: url(/resources/images/ui/backgrounds/subcontent-page-background-middle.png) 0 0 repeat-y; } #alf_calculator #alf_subcontent .liner { padding:20px 26px 16px 25px; } #alf_subcontent .linerbottom { height:3px; background: url(/resources/images/ui/backgrounds/subcontent-page-background-bottom.png) 0 0 no-repeat; margin-bottom:17px; } /* layout columns */ .alf_col1 { float:left; width:288px; padding: 0 10px 0 0; } .alf_col2 { float:left; width:278px; padding: 0 0 0 20px; } .alf_col1b { float:left; width:144px; padding:0; } .alf_col2b { float:left; width:406px; margin-left:16px; padding-left:16px; border-left:2px solid #ebebea; } /* HEADER -------------------------------------------------- */ #alf_header { position:relative; height:130px; margin:0 9px 0 8px; background: #f18b00 url(/resources/images/ui/backgrounds/alf-masthead-background.jpg) 0 0 no-repeat; } #alf_masthead { width:600px; height:92px; position:absolute; top:10px; left:38px; font-size:0.9em; color:#000; background: url(/resources/images/ui/logos/alf_masthead.gif) left bottom no-repeat; } #alf_masthead a { color:#000; text-decoration:none; } #branz_logo a { position:absolute; top:0; right:40px; width:82px; height:82px; font-size:0.8em; } #branz_logo a span { position:absolute; top:0; left:0; width:82px; height:82px; background: url(/resources/images/ui/logos/branz_logo_1.gif) 0 0 no-repeat; } /* Supplimentary navigation */ #supplimentarynav { width:700px; text-align:right; position:absolute; top:8px; right:160px; min-height:20px; color:#fff; } #supplimentarynav ul { padding:0; } #supplimentarynav li { display:inline; padding-left:4px; } #supplimentarynav li.first { border-right:1px solid #fff; } #supplimentarynav a { color:#fff; font-weight:bold; cursor:pointer; } /* Sub header */ #alf_subheader { min-height:52px; margin:0 9px 0 8px; background:#f18b00 url(/resources/images/ui/backgrounds/alf-masthead-background-bottom.jpg) left bottom no-repeat; } /* MAIN NAVIGATION -------------------------------------------------- */ #primary_nav { position:relative; top:106px; right:49px; text-align:right; padding:0; } #primary_nav li { display:inline; padding-left:5px; } #primary_nav a { color:#f9dcb3; background:url(/resources/images/ui/icons/double-chevron-right-darkred.gif) 0 0.5em no-repeat; padding:0 0 0 15px; } #primary_nav li.first a { background:none; } #primary_nav li.selected a, #primary_nav a:hover { color:#fff; font-weight:normal; text-decoration:underline; } /* HEADINGS -------------------------------------------------- */ h1 { color:#fff; font-size:1.5em; letter-spacing:0.05em; text-transform:uppercase; font-family:Impact, Arial, sans-serif; padding:16px 0 0 38px; margin:0; line-height:1.3em; } h2 { color:#f18c00; font-size:1.5em; letter-spacing:0.05em; padding:0; margin:0 0 0.8em 0; font-weight:normal; line-height:1.3em; font-family:Impact, Arial, sans-serif; } h2 a { color:#f18c00; } h3 { font-size:1.1em; position:relative; } h3, h4, h5, h6 { color:#333; font-size:1em; padding:0; margin:1em 0 0.2em; font-weight:bold; line-height:1.6em; } /* H1 Image headers */ .h1_about, .h1_calculate, .h1_alf, .h1_register, .h1_glossary, .h1_tools, .h1_help, .h1_contact, .h1_manage_your_profile { position:relative; color:#fff; overflow:hidden; height:20px; } .h1_about span, .h1_calculate span, .h1_alf span, .h1_register span, .h1_glossary span, .h1_tools span, .h1_help span, .h1_contact span, .h1_manage_your_profile span { background-repeat:no-repeat; left: 37px; top:16px; position:absolute; width:100%; height:20px; } .h1_alf { width:260px; } .h1_alf span { width:260px; background-image: url(/resources/images/ui/headings/h1_alf.gif); } .h1_about { width:92px; } .h1_about span { width:92px; background-image: url(/resources/images/ui/headings/h1_about_alf.gif); } .h1_calculate { width:145px; } #alf_calculator h1 { padding-top:0; } .h1_calculate span { width:145px; background-image: url(/resources/images/ui/headings/h1_alf_calculation.gif); } #alf_calculator h1 span { top:0; } .h1_register { width:311px; } .h1_register span { width:311px; background-image: url(/resources/images/ui/headings/h1_purchase_subscription.gif); } .h1_glossary { width:89px; } .h1_glossary span { width:89px; background-image: url(/resources/images/ui/headings/h1_glossary.gif); } .h1_tools { width:89px; } .h1_tools span { width:89px; background-image: url(/resources/images/ui/headings/h1_alf_tools.gif); } .h1_help { width:89px; } .h1_help span { width:89px; background-image: url(/resources/images/ui/headings/h1_alf_help.gif); } .h1_contact { width:136px; } .h1_contact span { width:136px; background-image: url(/resources/images/ui/headings/h1_contact_branz.gif); } .h1_manage_your_profile { width:191px; } .h1_manage_your_profile span { width:191px; background-image: url(/resources/images/ui/headings/h1_manage_your_profile.gif); } /* H2 Image headers */ .h2_1, .h2_2, .h2_3, .h2_login, .h2_register, .h2_return_design, .h2_view_results, .h2_existing_project, .h2_compare_projects, .h2_your_details { position:relative; color:#f18c00; overflow:hidden; } .h2_1 a, .h2_2 a, .h2_3 a, .h2_login a, .h2_register a { color:#f18c00; cursor:pointer; } .h2_1 span, .h2_2 span, .h2_3 span, .h2_login span, .h2_register span, .h2_return_design span, .h2_view_results span, .h2_existing_project span, .h2_compare_projects span, .h2_your_details span { background-repeat:no-repeat; position:absolute; width:100%; height:100%; } .h2_1 { width: 201px; height:28px; } .h2_1 span { background-image: url(/resources/images/ui/headings/h2_introducing_alf.gif); } .h2_2 { width: 194px; height:30px; } .h2_2 span { background-image: url(/resources/images/ui/headings/h2_start_new_project.gif); } .h2_3 { width: 223px; height:30px; } .h2_3 span { background-image: url(/resources/images/ui/headings/h2_contact_feedback.gif); } .h2_login { width: 72px; height:30px; } .h2_login span { background-image: url(/resources/images/ui/headings/h2_login.gif); } .h2_register { width:207px; height:42px; } .h2_register span { background-image: url(/resources/images/ui/headings/h2_purchase_subscription.gif); } #alf_statustracker .h2_return_design { width: 274px; height:42px; padding:0; } #alf_statustracker .h2_return_design span { background-image: url(/resources/images/ui/headings/h2_return_design.gif); } #alf_statustracker .h2_view_results { width: 274px; height:42px; padding:0; } #alf_statustracker .h2_view_results span { background-image: url(/resources/images/ui/headings/h2_view_results.gif); } #alf_statustracker .h2_view_results a:hover, #alf_statustracker .h2_return_design a:hover { text-decoration:none; } #alf_calculator .domtab h2, .alfform.standalone h2 { color:#333; border-bottom:2px solid #fff; padding:1.2em 19px 0.8em; margin:0; letter-spacing:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; } .h2_existing_project { width: 239px; height:30px; } .h2_existing_project span { background-image: url(/resources/images/ui/headings/h2_load_existing_project.gif); } .h2_compare_projects { width: 221px; height:30px; } .h2_compare_projects span { background-image: url(/resources/images/ui/headings/h2_compare_projects.gif); } .h2_your_details { width: 130px; height:30px; } .h2_your_details span { background-image: url(/resources/images/ui/headings/h2_your_details.gif); } /* standalone form headers */ #wrapper .standalone h2, .iframe .standalone h2 { background:url(/resources/images/ui/icons/icon-house-h2.gif) 12px 14px no-repeat; padding-left:40px !important; } /* TEXT STYLES -------------------------------------------------- */ /* content text styles */ ul,ol,p { padding:0 0 1.5em 0; line-height:1.6em; font-size:0.92em; } .bodytextsmall { font-size:0.9em; } /* SUBCONTENT -------------------------------------------------- */ /* text styles */ #alf_subcontent p, #alf_subcontent ul { padding:0; margin:0; line-height:1.6em; } #alf_subcontent div p, #alf_subcontent div ul { padding:0; margin: 0 0 0.8em; } /* subcontent boxes */ #alf_subcontent .alf_subcontent_box.register ul { border-top:2px solid #ebebea; margin-bottom:0; } #alf_subcontent .alf_subcontent_box.register ul li { margin-top:0.8em; } /* flash animation */ #alf_statusbildholder { width:274px; height:121px; margin-bottom:1em; } .alf_statusbild { display:none; } /* ALF dynamic results table */ #alf_statustracker { position:relative; top:-60px; margin-bottom:-60px; } #alf_statustracker table { width:100%; } #alf_statustracker td { font-size:0.9em; width:120px; padding:2px 4px 2px 8px; border-bottom:1px solid #d0cece; } #alf_statustracker h2 { background:#f7f7f7 url(/resources/images/ui/icons/arrow-down-02.gif) 144px 7px no-repeat; color:#333; padding:8px 4px 4px 8px; margin:3px 0; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0; border-bottom:2px solid #d0cece; } #alf_statustracker h2 a, #alf_statustracker h3 a { color:#333; cursor:pointer; } #alf_statustracker h2.projectresultssummary { background:#fe9b00; } #alf_statustracker .projectresultssummary .fail { background:#44443C; color:#fff; } #alf_statustracker .projectresultssummary .pass { background:#9e9e9e; color:#fff; } #alf_statustracker .helpicon a { top:-2em; } /* Design view selector */ #alf_statustracker .design_view_selector { padding:0 0 0.6em; border-bottom:2px solid #d0cece; margin-bottom:0.6em; } #alf_statustracker .design_view_selector p { margin:-0.8em 0 8px; } #alf_statustracker .design_view_selector form { width:274px; position:relative; height:30px; } #alf_statustracker .design_view_selector form label { font-size:0.9em; } #alf_statustracker .design_view_selector form select { font-size:0.9em; color:#484848; width:179px; margin:0 0 0 2px; cursor:pointer; } #alf_statustracker .design_view_selector form .submit { position:absolute; left:235px; top:-4px; margin:0; padding:0 0 5px; width:39px; height:25px; background:url(/resources/images/ui/forms/button-go-white.gif) 0 0 no-repeat; border:none; cursor:pointer; } .safari #alf_statustracker .design_view_selector form .submit { padding:0; } /* login box */ #wrapper #container .login .liner { padding:0 3px 0 11px; background: url(/resources/images/ui/backgrounds/subcontent-login-background-middle.png) 0 0 repeat-y; } #wrapper .login .liner div { padding:14px 14px 8px; background:#d2cec9 url(/resources/images/ui/backgrounds/subcontent-login-background-gradient_v.gif) 0 0 repeat-x; } #wrapper .login p { clear:both; } #wrapper .login label { display:block; float:left; width:82px; margin:0 0 0 0; font-weight:normal; padding:4px 0 0; } #wrapper .login form span { display:block; width:198px; float:left; height:100%; background: #fff url(/resources/images/ui/forms/login-input-middle.gif) repeat-y; } #wrapper .login form span span { float:none; background: url(/resources/images/ui/forms/login-input-bottom.gif) left bottom no-repeat; } #wrapper .login form span span span { background: url(/resources/images/ui/forms/login-input-top.gif) 0 0 no-repeat; } #wrapper .login form span span input { width:175px; height:16px; color:#666; border:none; background:none; padding:3px 10px 1px 2px; margin:5px; } #wrapper .login form #loginrememberme { padding:0; background:#fff; margin:0; width:13px; height:13px; } #wrapper .login .checkbox label { float:none; width:auto; padding-top:3px; } #wrapper .login .checkbox input { width:auto; background:none; } #wrapper .login .submit { float:right; margin:-32px 3px 0 0; } #wrapper .login .submit input, #alf_content .login .submit input { background:url(/resources/images/ui/forms/button-login.gif) 0 1px no-repeat; width:51px; height:27px; border:0; cursor:pointer; } .safari #wrapper .login .submit { margin:-29px 3px 0 0; } .safari #wrapper .login form p.checkbox { margin-top:16px; } /* forgot password */ #alf_content .password .submit input { background:url(/resources/images/ui/forms/button-send-password.gif) 0 1px no-repeat; width:150px; height:27px; border:0; cursor:pointer; } /* LISTS -------------------------------------------------- */ ul, ol { padding:0 14px; line-height:1.6em; } ul { list-style:none; } #alf_content .liner ul { padding-bottom:1em; } #alf_content ul li, #alf_subcontent ul li { background:url(/resources/images/ui/icons/double-chevron-right-black.gif) 0 7px no-repeat; padding:0 0 0 10px; } ol.numbered, #alf_content ol { margin:0 1.5em 1em; } dl { clear:both; margin:0 14px 1em 14px; } dt { margin:0.2em 0; width:140px; float:left; font-weight:bold; clear:both; } dd { margin:0.2em 0; width:450px; float:left; } /* SECONDARY NAV -------------------------------------------------- */ #alf_content #secondarynav ul { list-style:none; margin:0; padding:0; } #alf_content #secondarynav li { margin:0; padding:0; background:transparent url(/resources/images/ui/icons/double-chevron-right-red.gif) 0 10px no-repeat; } #secondarynav li a { display:block; padding:0 0 3px 10px; border-top:2px solid #ebebea; } #secondarynav li.selected a { font-weight:bold; } #secondarynav li.selected li.selected a { font-weight:bold; border:none; } #alf_content #secondarynav li.selected li { margin-left:13px; background:transparent url(/resources/images/ui/icons/single-chevron-right-red.gif) 0 6px no-repeat; } #alf_content #secondarynav li.parentactive { background:transparent url(/resources/images/ui/icons/double-chevron-right-black.gif) 0 10px no-repeat; } #alf_content #secondarynav li.selected li.active { background:transparent url(/resources/images/ui/icons/single-chevron-right-grey.gif) 0 6px no-repeat; } #alf_content #secondarynav li.parentactive a { text-decoration:none; color:#666; cursor:text; } #alf_content #secondarynav li.parentactive li a { color:#e32118; cursor:pointer; } #alf_content #secondarynav li li.active a { text-decoration:none; color:#666; cursor:text; } #secondarynav li.selected li a { font-weight:normal; border:none; } /* DOM TABS - the ALF calculator -------------------------------------------------- */ .domtab { margin:0; position:relative; } /* Tabbed navigation */ ul.domtabs { position:absolute; left:-15px; top:-50px; width:1033px; height:25px; list-style:none; float:left; margin:10px 0 0 0; padding:0; background:url(/resources/images/ui/backgrounds/alf-masthead-background-bottom.jpg) left bottom no-repeat; font-size:0.8em; } #alf_content ul.domtabs li { float:left; padding:0 2px 0 0; background:none; position:relative; line-height:1.2em; } #alf_calculator ul.domtabs a:link, #alf_calculator ul.domtabs a:visited, #alf_calculator ul.domtabs a:active, #alf_calculator ul.domtabs a:hover { height:25px; padding:0; display:block; color:#fff; position:relative; overflow:hidden; } #alf_calculator ul.domtabs a { color:#fff; } #alf_calculator ul.domtabs li a span { position: absolute; width: 100%; height: 100%; cursor:pointer; } #alf_calculator ul.domtabs li.one a { margin-left:34px; width:60px; background:url(/resources/images/ui/tabs/tab-details-over.gif); } #alf_calculator ul.domtabs li.one a span { background:url(/resources/images/ui/tabs/tab-details.gif); } #alf_calculator ul.domtabs li.one a:hover span, #alf_calculator ul.domtabs li.one.active a span.tabone { background:url(/resources/images/ui/tabs/tab-details-over.gif); } #alf_calculator ul.domtabs li.two a { width:63px; background:url(/resources/images/ui/tabs/tab-climate-over.gif); } #alf_calculator ul.domtabs li.two a span { background:url(/resources/images/ui/tabs/tab-climate.gif); } #alf_calculator ul.domtabs li.two a:hover span, #alf_calculator ul.domtabs li.two.active a span.tabtwo { background:url(/resources/images/ui/tabs/tab-climate-over.gif); } #alf_calculator ul.domtabs li.three a { width:55px; background:url(/resources/images/ui/tabs/tab-floors-over.gif); } #alf_calculator ul.domtabs li.three a span { background:url(/resources/images/ui/tabs/tab-floors.gif); } #alf_calculator ul.domtabs li.three a:hover span, #alf_calculator ul.domtabs li.three.active a span.tabthree { background:url(/resources/images/ui/tabs/tab-floors-over.gif); } #alf_calculator ul.domtabs li.four a { width:95px; background:url(/resources/images/ui/tabs/tab-roofs-over.gif); } #alf_calculator ul.domtabs li.four a span { background:url(/resources/images/ui/tabs/tab-roofs.gif); } #alf_calculator ul.domtabs li.four a:hover span, #alf_calculator ul.domtabs li.four.active a span.tabfour { background:url(/resources/images/ui/tabs/tab-roofs-over.gif); } #alf_calculator ul.domtabs li.five a { width:106px; background:url(/resources/images/ui/tabs/tab-walls-over.gif); } #alf_calculator ul.domtabs li.five a span { background:url(/resources/images/ui/tabs/tab-walls.gif); } #alf_calculator ul.domtabs li.five a:hover span, #alf_calculator ul.domtabs li.five.active a span.tabfive { background:url(/resources/images/ui/tabs/tab-walls-over.gif); } #alf_calculator ul.domtabs li.six a { width:52px; background:url(/resources/images/ui/tabs/tab-insulation-over.gif); } #alf_calculator ul.domtabs li.six a span { background:url(/resources/images/ui/tabs/tab-insulation.gif); } #alf_calculator ul.domtabs li.six a:hover span, #alf_calculator ul.domtabs li.six.active a span.tabsix { background:url(/resources/images/ui/tabs/tab-insulation-over.gif); } #alf_calculator ul.domtabs li.seven a { width:81px; background:url(/resources/images/ui/tabs/tab-ventilation-over.gif); } #alf_calculator ul.domtabs li.seven a span { background:url(/resources/images/ui/tabs/tab-ventilation.gif); } #alf_calculator ul.domtabs li.seven a:hover span, #alf_calculator ul.domtabs li.seven.active a span.tabseven { background:url(/resources/images/ui/tabs/tab-ventilation-over.gif); } #alf_calculator ul.domtabs li.eight a { width:67px; background:url(/resources/images/ui/tabs/tab-moisture-over.gif); } #alf_calculator ul.domtabs li.eight a span { background:url(/resources/images/ui/tabs/tab-moisture.gif); } #alf_calculator ul.domtabs li.eight a:hover span, #alf_calculator ul.domtabs li.eight.active a span.tabeight { background:url(/resources/images/ui/tabs/tab-moisture-over.gif); } /* domtabs form status display */ #alf_calculator ul.domtabs li a:hover { text-decoration:none; } #alf_calculator ul.domtabs li a span.status { background:none; width:0; position:absolute; right:6px; top:0; } #alf_calculator ul.domtabs li.incomplete a span.status { background: url(/resources/images/ui/tabs/tab-tick.gif); position:absolute; right:4px; top:0; height:25px; width:10px; } #alf_calculator ul.domtabs li.incomplete a:hover span.status { background: url(/resources/images/ui/tabs/tab-tick-over.gif); position:absolute; right:4px; top:0; height:25px; width:10px; } #alf_calculator ul.domtabs li.active a span.status { background:none; } #alf_calculator ul.domtabs li.incomplete.active a span.status { background: url(/resources/images/ui/tabs/tab-tick-over.gif); } /* results tabs */ #alf_calculator ul.domtabs li.r_one a { margin-left:34px; width:51px; background:url(/resources/images/ui/tabs/tab-graphs-over.gif); } #alf_calculator ul.domtabs li.r_one a span { background:url(/resources/images/ui/tabs/tab-graphs.gif); } #alf_calculator ul.domtabs li.r_one a:hover span, #alf_calculator ul.domtabs li.r_one.active a span.tabr_one { background:url(/resources/images/ui/tabs/tab-graphs-over.gif); } #alf_calculator ul.domtabs li.r_two a { width:51px; background:url(/resources/images/ui/tabs/tab-report-over.gif); } #alf_calculator ul.domtabs li.r_two a span { background:url(/resources/images/ui/tabs/tab-report.gif); } #alf_calculator ul.domtabs li.r_two a:hover span, #alf_calculator ul.domtabs li.r_two.active a span.tabr_two { background:url(/resources/images/ui/tabs/tab-report-over.gif); } #alf_calculator ul.domtabs li.r_three a { width:112px; background:url(/resources/images/ui/tabs/tab-nzs-1-over.gif); } #alf_calculator ul.domtabs li.r_three a span { background:url(/resources/images/ui/tabs/tab-nzs-1.gif); } #alf_calculator ul.domtabs li.r_three a:hover span, #alf_calculator ul.domtabs li.r_three.active a span.tabr_three { background:url(/resources/images/ui/tabs/tab-nzs-1-over.gif); } #alf_calculator ul.domtabs li.r_four a { width:122px; background:url(/resources/images/ui/tabs/tab-nzs-2-over.gif); } #alf_calculator ul.domtabs li.r_four a span { background:url(/resources/images/ui/tabs/tab-nzs-2.gif); } #alf_calculator ul.domtabs li.r_four a:hover span, #alf_calculator ul.domtabs li.r_four.active a span.tabr_four { background:url(/resources/images/ui/tabs/tab-nzs-2-over.gif); } #alf_calculator ul.domtabs li.r_five a { width:53px; background:url(/resources/images/ui/tabs/tab-display-over.gif); } #alf_calculator ul.domtabs li.r_five a span { background:url(/resources/images/ui/tabs/tab-display.gif); } #alf_calculator ul.domtabs li.r_five a:hover span, #alf_calculator ul.domtabs li.r_five.active a span.tabr_five { background:url(/resources/images/ui/tabs/tab-display-over.gif); } #alf_calculator ul.domtabs li.r_six a { width:56px; background:url(/resources/images/ui/tabs/tab-moisture-over.gif); } #alf_calculator ul.domtabs li.r_six a span { background:url(/resources/images/ui/tabs/tab-moisture.gif); } #alf_calculator ul.domtabs li.r_six a:hover span, #alf_calculator ul.domtabs li.r_six.active a span.tabr_six { background:url(/resources/images/ui/tabs/tab-moisture-over.gif); } /* Calculator content */ #alf_calculator #alf_content .liner { padding:0 5px 3.65em; } #alf_calculator #alf_content #results_tabs .liner { padding-bottom:2px; } .domtab #mootabs_panel_container { clear:both; margin:0; padding:2px 0; width:auto; } .domtab .mootabs_panel { margin:0; padding:0; background:#f6f5f1; width:auto; clear:both; float:none; display: none; position: relative; min-height:569px; } .domtab .mootabs_panel.active { display: block; } .domtab .mootabs_panel p, .domtab .mootabs_panel h2, .domtab .mootabs_panel h3, .domtab .mootabs_panel h4 { padding:9px 19px 9px; font-size:0.9em; } .domtab .mootabs_panel .current_design_header { background:#fff; padding-bottom:15px; } #alf_calculator .current_design_header h2 { margin-bottom:0; padding-bottom:0; font-size:0.9em; } #alf_calculator .current_design_header p { padding-top:0; } /* domtabs next/previous links */ #alf_calculator ul.prevnext { float:left; width:608px; list-style:none; height:3em; background:#f6f5f1; } #alf_calculator ul.prevnext li { float:left; width:29%; background:none; } #alf_calculator ul.prevnext li.next { float:right; text-align:right; } #alf_calculator ul.prevnext li a { min-height:25px; padding:2px 0 0 26px; display:block; background:url(/resources/images/ui/icons/arrow-left-01.gif) no-repeat 0 0; } #alf_calculator ul.prevnext li.next a { padding:2px 26px 0 0; display:block; background:url(/resources/images/ui/icons/arrow-right-01.gif) no-repeat right 0; } #alf_calculator ul.prevnext li a:hover { background:url(/resources/images/ui/icons/arrow-left-01-over.gif) no-repeat 0 0; } #alf_calculator ul.prevnext li.next a:hover { background:url(/resources/images/ui/icons/arrow-right-01-over.gif) no-repeat right 0; } /* IE select bug fix - DI@Chrome 8 Jan 2008 */ /* .domtab .mootabs_panel { z-index: -10; overflow: hidden; } .domtab .mootabs_panel.active { z-index: 10; } */ #ieselectfix { display:none; display/**/:block; position: absolute; top:0px; left:0px; z-index: -1; filter:mask(); width:3000px; height:3000px; } /* Results erport */ #alf_calculator #report p { padding: 7px 19px; } #alf_calculator #report ul { margin-left:3em; } #alf_calculator #report ol { margin-left:5em; } #alf_calculator #results_tabs .datatable { margin:1em 20px; width:598px; } /* DOM COLLAPSE -------------------------------------------------- */ .show { position:static; display: table; } .hide { position:absolute; left:-999em; height:1px; width:100px; overflow:hidden; } .expanded a img, .trigger a img { margin:4px 4px; vertical-align:middle; } .trigger, .expanded { clear:both; border-top:2px solid #fff; padding:1em; position: relative; } .trigger a { background:url(/resources/images/ui/icons/arrow-right-01.gif) 0 0 no-repeat; padding:10px 0 0 5px; height:12px; display:block; clear:both; width:24px; float:left; } .expanded a { background:url(/resources/images/ui/icons/arrow-up-01.gif) 0 0 no-repeat; padding:10px 0 0 5px; height:12px; display:block; clear:both; width:24px; float:left; } .expanded a:hover, .trigger a:hover { background:url(/resources/images/ui/icons/arrow-down-01-over.gif) 0 0 no-repeat; } /* TABLES -------------------------------------------------- */ .datatable { } .datatable td p { margin:0; padding:0; font-size:1em; } .datatable caption { background-color:#333; color:#fff; text-align:left; padding:5px 6px; font-weight:bold; font-size:0.9em; } .datatable th { vertical-align:top; background-color:#f7f7f7; color:#333; text-align:left; padding:3px 6px; font-weight:bold; font-size:0.9em; border-bottom:2px solid #d0cece; } .datatable td { vertical-align:top; padding:3px 6px; border-top:1px solid #d0cece; border-right:1px solid #eaeaea; text-align:left; font-size:0.9em; } .datatable .section td { border-top:20px solid #fff; } /* datatables within domtab */ .domtab .datatable { width:auto; margin:0 20px; background:#fff; } .domtab .datatable caption { background-color:#ce0b00; color:#fff; } .domtab .datatable th { background-color:#6fa5b5; border:2px solid #ebebea;color:#fff; } .domtab .datatable td.rowb { background-color:#fff; }*/ /* special cell styles */ .datatable .nowrap { white-space:nowrap; } .datatable td.highlight { background-color: #E9CA8F !important; color:#333; border-top:1px solid #fff; } .datatable td.highlightb { background-color: #DDAD55 !important; color:#333; border-top:1px solid #fff; } .datatable td.th { background:#BCAF89; color:#333; border-right:2px solid #f7f7f7; } .datatable .rowspacer { font-size:0.1em; height:3px; padding:0; } /* PHOTOS/ILLUSTRATIONS -------------------------------------------------- */ .imagefloat01 { float:right; margin:0 0 1em 1em; position:relative; } /* FORMS version 1 - a two column form layout. -------------------------------------------------- */ /* outside fieldsets */ .alfform { position:relative; } .alfform p, .alfform h3, .alfform h4 { padding:0.7em 14px; clear:both; } .alfform h3 { padding:0 14px 0.3em; } /* fieldsets, labels, inputs etc. */ .alfform fieldset { clear:both; margin:0 0 0.7em 0; padding:0.7em 0; border-bottom:2px solid #fff; } .alfform fieldset p { position:static; margin: 0; padding:0.4em 0 0.4em 14px; line-height:1.4em;} input, textarea { border:1px solid #7f9db9; padding:0.1em 0.4em 0.2em; margin:0; } .alfform label { display:block; width:260px; float:left; margin:0 10px 5px 0; font-weight:normal; } /* .alfform .alfform_col2 label { width:130px; } */ .alfform input, .alfform textarea { width:260px; color:#666; border:1px solid #d0cece; border-bottom:2px solid #fff; } .alfform select { width:260px; color:#666; } .alfform .submit input { background:url(/resources/images/ui/forms/button-submit-query.gif) 0 1px no-repeat; width:104px; height:27px; border:0; cursor:pointer; } #alf_calculator .alfform2 .submit input { background:url(/resources/images/ui/forms/button-submit-query.gif) 0 1px no-repeat; width:104px; height:27px; border:0; cursor:pointer; } .alfform p.checkbox input { width:auto; margin:0 0 0 0; float:left; border:none; } .alfform p.checkbox label { width:200px; float:none; margin:0 0 0 15px; font-weight:normal; } .alfform p.checkbox span { display:block; padding-left:0; clear:both; margin:0 0 0.5em 0; } /* nested checkboxes */ .alfform p.checkbox.indent { margin:-7px 0 0 40px; padding:0; } .alfform .checkbox-group .label { padding-bottom:0; } .alfform .checkbox-group .checkbox { padding-bottom:0; } .alfform .checkbox-group .checkbox label { margin-left:0; } .alfform .checkbox-group .checkbox input { margin-right:5px; } /* form layout columns */ .alfform .alfform_col1 { float:left; width:300px; } .alfform .alfform_col2 { float:left; width:300px; margin-left:30px; } .alfform .alfform_col2 p, .alfform .alfform_col2 h3, .alfform .alfform_col2 h4 { padding-left:0; } .alfform .alfform_col1 span, .alfform .alfform_col2 span { clear:both; } /* .alfform .alfform_col2 input, .alfform .alfform_col2 textarea { width:140px; } /* .sub_section { border-top:1px solid #fff; margin-top:0.5em !important; padding-top:0.5em !important; } .alfform .alfform_col1 .sub_section { margin-left:14px; } */ .alf_col1 .alfform label, .alfform .alfform_col1 label, .alfform .alfform_col2 label { float:none; } .alfform .alfform_col1 span.delete, .alfform .alfform_col2 span.delete { clear:both; display:block; } /* form table */ .alfform .formtable { margin:0 0 0 19px; width:587px; } .alfform .formtable th { font-weight:bold; border-bottom:2px solid #fff; text-align:left; padding:2px 4px 2px 0; font-size:0.9em; width:95px; vertical-align:top; } .alfform sup, .alfform2 sup { vertical-align:top; } .alfform .formtable td { vertical-align:top; padding:20px 4px 4px 0; font-size:0.9em; } .alfform .formtable td p { padding-left:0; font-size:1em; } .alfform .formtable .section td { padding:10px 0 20px; border-bottom:2px solid #d0cece; } .alfform .formtable td.mid { vertical-align:middle; } .alfform .formtable input { width:60px; border:1px solid #d0cece; } .alfform .formtable.short input { width:26px; border:1px solid #d0cece; } /* shorter version */ .alfform .formtable .section select { width:300px; margin-top:2px; } .alfform .formtable.short select { width:auto; margin-top:0; } /* shorter version */ .alfform .formtable select.orientation { width:auto; } .alfform .formtable .section img { vertical-align:top; margin-left:3px; margin-top:1px; } .alfform .formtable .section .delete_wall img, .alfform .formtable .section .delete_roof img { margin:3px 0 0 5px; } #skylights.formtable { width:750px; } .alfform .formtable td .elSelect { float:left; } .alfform .formtable .section .label { display:block; margin-bottom:4px; } /* Windows modal variation */ .standalone #windows.formtable .section .label { display:inline; margin-right:5px; } .standalone #windows.formtable .section select, .standalone #windows.formtable .section input { margin-right:20px; } .standalone #windows.formtable .section input { width:200px; } /* Skylights room type variation */ #roof_skylights .alfform .formtable th, #walls_windows .alfform .formtable th, .standalone #windows.formtable th { padding-top:9px; border-bottom:none; padding-bottom:0; vertical-align:bottom; } #roof_skylights .alfform .formtable td, #walls_windows .alfform .formtable td, .standalone #windows.formtable td { padding-top:9px; } #roof_skylights .alfform .formtable .room-types td { padding-top:0; } #roof_skylights .alfform .formtable .room-types .label { font-weight:bold; } #roof_skylights .alfform .formtable .room-types .checkbox { padding-top:5px; } #roof_skylights .alfform .formtable .room-types .checkbox span, #roof_skylights .alfform .formtable .room-types .checkbox label { display:inline; clear:none; margin-right:10px; } #roof_skylights .alfform .formtable .room-types .checkbox input { float:none; } #roof_skylights .helpicon.first a { top:-2em; } /* alerts/validation */ .alert { color:#dd1200; margin-left:140px !important; } .alerttext, .error { color:#dd1200; } .alfform2 .alerttext, .alfform2 .help { margin-right:340px; margin-bottom:1em; } .error { color:#dd1200; } .alfform .alfform_col1 .error, .alfform .alfform_col2 .error, .alf_col1 .error, .alf_col2 .error { display:block; color:#dd1200; position:relative; } .alfform2 .error { display:block; color:#dd1200; position:relative; margin:-6px 0 0 310px; } .alfform .help { margin-left:140px; } .asterisk { color:#dd1200 !important; } .success { color:#4e8120 !important; } .alfform .formtable td .error { display:block; } /* within table cells */ /* defaulted fields */ .locked input, input.locked, select.locked, textarea.locked { background-color:#f2eedc; } /* submits */ input.submit, .submit input { width:auto; border:3px double #b3b2b1; background:#fff; } .safari input.submit, .safari .submit input { padding: 0.15em 0.4em 0; } /* standalone form version - overiding above values */ .standalone { background:#f6f5f1; margin:-17px -18px 2px -18px; } .iframe .standalone { margin:0; } .standalone .alfform_col1, .standalone .alfform_col1 { width:300px; } .standalone label { width:260px; } .standalone input, .standalone textarea { width:260px; } .standalone .submit input { margin-top:0; } .standalone #subscribe .submit input { background:url(/resources/images/ui/forms/button-register.gif) 0 1px no-repeat; width:70px; height:27px; border:0; cursor:pointer; } .standalone #profile_edit .submit input { background:url(/resources/images/ui/forms/button-save-profile.gif) 0 1px no-repeat; width:90px; height:27px; border:0; cursor:pointer; } .standalone #designmanager_form .submit input { background:url(/resources/images/ui/forms/button-add-design.gif) 0 1px no-repeat; width:122px; height:27px; border:0; cursor:pointer; } .iframe .standalone .expirywarning .submit input { background:url(/resources/images/ui/forms/button-send-large.gif) 0 1px no-repeat; width:200px; height:27px; border:0; cursor:pointer; } .standalone .alfform_col1 span, .standalone .alfform_col2 span, .alf_col1 .standalone span { clear:both; } .iframe .datatable { width:780px; } .iframe #datatable01, .iframe #datatable01 caption { margin:16px 0 16px 16px; } .iframe.noproject .alfform.standalone .submit input { background-image:url(/resources/images/ui/forms/button-send-large.gif); width:200px; height:27px; border:0; cursor:pointer; } .iframe #material_image { margin-left:260px; } .iframe .standalone label { width:250px; } /* add more fields button */ .alfform .add { text-align:right; padding:0; margin:0; } .alfform .alfform_col1 .add { padding-right:14px; } .alfform .alfform_col2 .add { padding-right:28px; } .alfform .add a { display:block; background:url(/resources/images/ui/icons/plus_icon_small.gif) right 0 no-repeat; padding-right: 20px; height:1.7em; outline:0; } .add .ajaxloader { margin:2px 2px 0 4px; vertical-align:top; } /* rotate house */ .alfform .rotate { width:200px; height:50px; position:absolute; right:-70px; top:-8px; font-weight:bold; margin:0; padding:0; } .alfform .rotate a { width:48px; height:46px; display:block; float:left; } .alfform .rotate a:hover { text-decoration:none; } .alfform .rotate a.rotateleft { background:url(/resources/images/ui/icons/rotate-icon-left.gif) 0 0 no-repeat; } .alfform .rotate a.rotateright { background:url(/resources/images/ui/icons/rotate-icon-right.gif) 0 0 no-repeat; } .alfform .rotate a.rotateleft:hover { background:url(/resources/images/ui/icons/rotate-icon-left-over.gif) 0 0 no-repeat; } .alfform .rotate a.rotateright:hover { background:url(/resources/images/ui/icons/rotate-icon-right-over.gif) 0 0 no-repeat; } /* design_view_selector in results section */ .alfform .design_view_selector { padding:0 14px; margin-top:12px; } .alfform .design_view_selector form .submit { margin:0; } /* image radio buttons */ #alf_calculator #ventilation #building_wind_exposure p.checkbox { border:4px solid #fff; width:253px; height: 113px; position:relative; padding:0; margin:0 0 10px 320px; } #alf_calculator #ventilation #building_wind_exposure p.checkbox span { display:block; width:63px; float:left; height: 113px; cursor:pointer; clear:none; padding:0; margin:0;} #alf_calculator #ventilation #building_wind_exposure p.checkbox span label { display:none; } #alf_calculator #ventilation #building_wind_exposure p.checkbox span.error { height:auto; float:none; clear:both; } /* image edit buttons in forms */ #alf_calculator .toolbutton { margin-top:5px; cursor:pointer; } /* results form - display tab */ #alf_calculator #display p { padding:5px 14px; } #alf_calculator #display .design_view_selector form select { width:205px; } #alf_calculator #display .design_view_selector form .submit input { float:right; padding:0; margin:-28px 0 0 0; width:41px; height:27px; background:url(/resources/images/ui/forms/button-go.gif) 0 0 no-repeat; border:none; } #alf_calculator #base_design_graph, #alf_calculator #current_design_graph { margin:10px 0 0 14px; } /* Fake select popups */ .elSelect { width:300px; height:25px; background:url(/resources/images/ui/forms/select-long-top.gif) no-repeat; } .elSelect .options-container { z-index:100; width:300px; position:absolute; display:none; background: #fff url(/resources/images/ui/forms/select-long-open-bottom.gif) no-repeat left bottom; padding-bottom:8px; } .elSelect .option { padding:2px 0 3px 7px; text-align:left; font-size:0.92em; cursor:pointer; width:287px; margin:0 0 0 3px; z-index:1; } .elSelect .selected-option { color:#444343; float:left; padding:5px 0 0 10px; width:266px; font-weight:bold; font-size:0.92em; overflow:hidden; cursor:pointer; height:15px; } .elSelect .selected { background-color:#534b4d; color:#fff; z-index:2; } .elSelect .clear { clear:both; } .elSelect .options-container-bottom { display:none; } .elSelect .dropdown { width: 24px; height: 26px; float: right; background:url(/resources/images/ui/forms/select-long-top-button.gif) no-repeat; cursor:pointer; } .elSelect .options-container-top { position:absolute; background:url(/resources/images/ui/forms/select-long-open.gif) no-repeat; width:100%; height:4px; margin-top:-3px; overflow:hidden; } .elSelect .disabled { color:#666; } .elSelect .empty { font-size:0.01em; height:1px; overflow:hidden; padding:0; } /* design view version */ #alf_statustracker .design_view_selector .elSelect, #alf_statustracker .design_view_selector .elSelect .options-container { width:178px; } #alf_statustracker .design_view_selector .elSelect { position:absolute; left:53px; top:-4px; background-image:url(/resources/images/ui/forms/select-long-top-white.gif); } #alf_statustracker .design_view_selector .elSelect .option { width:165px; } #alf_statustracker .design_view_selector .elSelect .selected-option { width:144px; } #alf_statustracker .design_view_selector .elSelect .dropdown { background-image:url(/resources/images/ui/forms/select-long-top-button-white.gif); } #alf_statustracker .design_view_selector .elSelect .options-container-top { background-image:url(/resources/images/ui/forms/select-178-open-white.gif); } #alf_statustracker .design_view_selector .elSelect .options-container { background:url(/resources/images/ui/forms/select-178-open-bottom-white.gif) no-repeat left bottom; } /* other versions */ .alfform .elSelect, .alfform .elSelect .options-container { width:270px; } .alfform .elSelect .option { width:257px; } .alfform .elSelect .selected-option { width:236px; } .alfform .elSelect .options-container-top { background-image:url(/resources/images/ui/forms/select-270-open.gif); } .alfform .elSelect .options-container { background-image:url(/resources/images/ui/forms/select-270-open-bottom.gif); } .alfform2 .elSelect, .alfform2 .elSelect .options-container { width:250px; } .alfform2 .elSelect .option { width:237px; } .alfform2 .elSelect .selected-option { width:216px; } .alfform2 .elSelect .options-container-top { background-image:url(/resources/images/ui/forms/select-260-open.gif); } .alfform2 .elSelect .options-container { background-image:url(/resources/images/ui/forms/select-260-open-bottom.gif); } .standalone .elSelect { float:left; } .standalone .elSelect .selected-option { padding-top:4px; height:16px; } /* Send project modal form */ #send_project_container .alf_col1 { width:318px; } #send_project_container .alf_col1 p { padding:0 16px 4px; } #send_project_container .alf_col1 form { padding-top:20px; } #send_project_container .alf_col1 .error { line-height:1.3; margin-bottom:8px; } #send_project_container .alf_col1 .submit { padding-top:10px; } #send_project_container .alf_col1 .textarea { padding:10px 16px; } #send_project_container .alf_col1 .email_address { padding-bottom:10px; } #send_project_container .alf_col1 .checkbox label { margin:2px; width:auto; } #send_project_container .alf_col1 .checkbox input { margin-right:5px; } #send_project_container .alf_col2 { padding-top:64px; width:336px; } #send_project_container.results .standalone p { padding:0.7em 50px; font-size:1em; } /* FORMS version 2 - a simpler version of the form layout with one column for labels and help and another for the form elements. Sections are made with fieldsets. -------------------------------------------------- */ .alfform2, .alfform { padding-bottom:1em; } .alfform2 p, .alfform2 h2, .alfform2 h3 { margin:0; padding:1em 28px; } #alf_calculator .alfform2 fieldset p, #alf_calculator .alfform2 fieldset h2, #alf_calculator .alfform2 fieldset h3 { margin:0; padding:0 19px; clear:both; } .alfform2 label, .alfform2 .label { display:block; width:280px; float:left; margin:0 10px 0 0; font-weight:normal; } .alfform2 input, .alfform2 textarea { color:#666; width:250px; border:1px solid #d0cece; border-bottom:2px solid #fff; } .alfform2 select { color:#666; width:261px; } /* .alfform2 input.short { width:35px; } */ /* this is currently disabled as looks odd */ .alfform2 span { display:block; margin:0 0 20px 300px; width:290px; } .alfform2 fieldset { padding:10px 0; border-top:2px solid #fff; background:#f6f5f1 url(/resources/images/ui/backgrounds/alform2_fieldset.gif) repeat-y left bottom; } .alfform2 p.checkbox input { width:auto; margin:2px 3px 0 0; border:none; float:left; } .alfform2 p.checkbox label { display:block; width:250px; float:left; font-weight:normal; margin-bottom:0.3em; } .alfform2 p.checkbox span { clear:both; } #alf_calculator .alfform2 .checkbox-group label { margin-right:0; } #alf_calculator .alfform2 .checkbox-group { width:100%; overflow:hidden; margin-bottom:10px; } #alf_calculator #ventilation .alfform2 .checkbox, #alf_calculator .alfform2 .checkbox-group .checkbox { float:left; width:280px; clear:none; padding:9px 0 0; } #alf_calculator #ventilation .alfform2 .checkbox span, #alf_calculator .alfform2 .checkbox-group .checkbox span { margin-left:0; } #alf_calculator .alfform2 .alerttext { margin-left:300px; } #alf_calculator .moisturetable h3 { background:#edebe4; margin-bottom:0; clear:both; border-top:2px solid #fff; padding:1em; position: relative; } #alf_calculator .moisturetable h3 .helpicon { position:static; display:inline; } #alf_calculator .moisturetable h3 .helpicon a { top:1.1em; } #alf_calculator .moisturetable .alerttext { margin:-10px 0 0 300px; } #alf_calculator .moisturetable .alfform2 fieldset { background:#f6f5f1 url(/resources/images/ui/backgrounds/alform2_fieldset_2.gif) repeat-y left bottom; } #alf_calculator #ventilation .alfform2 h3 { width:280px; float:left; } /* FORM BUTTONS -------------------------------------------------- */ .button { padding:2px 7px; color:#333 !important; line-height:1; text-decoration:none; background:#fff url(/resources/images/ui/forms/button-bg.gif) repeat-x; border:3px double #d2d2d2; -moz-box-shadow:0 0 3px #ccc; -moz-border-radius:6px; min-height:1px; white-space:nowrap; } .button:hover, .button:active { text-decoration:none; border-color:#b7b6a5; -moz-box-shadow:0 0 3px #ffc170; } input.button { margin:0; } /* GLOSSARY -------------------------------------------------- */ /* glossary popups - no replaced by MOO tool-tips #glossarypop { background:#474747; color:#fff; text-align:left; line-height:1.5em; width: 260px; display:none; margin:0; position: absolute; z-index:3; left:0; top:0; padding:0.2em 1em; border:2px solid #ccc; } #glossarypop p { padding:0 0 1em; } #glossarypop blockquote.right { } #glossarypop blockquote span { } #glossarypop blockquote.right span { } #glossarypop blockquote.right span span { } #glossarypop blockquote.right span span span { } #glossarypop blockquote.right span span span span { } */ a.glossarypopup { color:#333;text-decoration:underline; } a.glossarypopup:hover { } /* #glossarypop .glossaryhelp { color:#B0CECD; } */ /* glossary page */ #glossary .glossarynav { float:right; } #glossary h2 { text-decoration:underline; font-size:2.6em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#dd1200; padding:0; margin:-5px 0 10px; line-height:1em; } #glossary dl { border-top:2px solid #ebebea; padding:1em 0 0; margin:0; } #glossary dt { color:#dd1200; font-size:0.9em; padding-top:0.2em; } #glossary dd p { padding:0 0 1em; } #glossary .divider { border-top:2px solid #ebebea; margin:0 0 0.5em; clear:both; } #glossary .backtotop { border:none; clear:both; } /* CONTEXTUAL HELP -------------------------------------------------- */ .helppopupclosebox { float:right; margin-top:0; cursor:pointer; } .helppopupclosebox a { background:url(/resources/images/ui/icons/remove.gif) right top no-repeat; padding-right:20px; } /* help popups */ #helppop { background:#515151 url(/resources/images/ui/icons/help-header.gif) 0 0 no-repeat; color:#fff; text-align:left; line-height:1.5em; width: 260px; display:none; margin:0; position: absolute; z-index:3; left:0; top:0; padding:40px 13px 10px; border:2px solid #ccc; } #helppop .helppopupclosebox { float:right; margin-top:-25px; } #helppop .helppopupclosebox a:link, #helppop .helppopupclosebox a:visited, #helppop .helppopupclosebox a:hover, #helppop .helppopupclosebox a:active { color:#fff; } #helppop .helppopupclosebox a img { vertical-align:middle; margin-right:2px; } #helppopbackground { z-index:2; position:absolute; top:0; left:0; width:99%; height:1px; background:#fff; opacity: 0; filter: alpha(opacity = 0); } /* opacity is for IE bug */ #helppop p { margin:0 0 0.6em; padding:0; } */ a.helppopup { color:#333;text-decoration:underline; } a.helppopup:hover { } #helppop .helphelp { color:#fff; text-decoration:underline; } /* inline help icons */ .help { color:#7a7a7a; } .helpicon { position:relative; display:block; } .helpicon a { position:absolute; right:10px; top:-1em; width:19px; height:19px; } .alfform .alfform_col1 .helpicon a { right:0; top:6px; width:13px; height:13px; } .alfform .alfform_col2 .helpicon a { right:10px; top:6px; width:13px; height:13px; } .alfform2 .helpicon a { right:-21px; top:3px; } .helpicon span { display:none; } /* help page styles */ .helptertiarylist { list-style:none; margin:0 -5px 30px; min-height:2em; } .helptertiarylist li { float:left; border-right:1px solid #666; padding:0 0.4em; margin:0.1em 0;} .helptertiarylist .selected a { font-weight:bold; } /* HELP PAGES -------------------------------------------------- */ #help .datatable { margin:14px; width:auto; } #help .alf_col2b h2 { width:458px; height:98px; position:relative; left:-17px; top:-20px; background:url(/resources/images/ui/headings/h2_help-background.jpg) right top no-repeat; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; margin:0 0 -6px 0; } #help .alf_col2b h2 span { display:block; width:114px; height:98px; padding:36px 0 0 18px; letter-spacing:0; } #help h3 { color:#dd1200; font-size:1.2em; border-top:2px solid #ebebea; padding:0.5em 0 0; margin:0; font-weight:normal; } #help h4 { color:#333; font-size:0.9em; padding:0; margin:0.4em 0 0; } /* USER ACCOUNT AREA (PROFILE) -------------------------------------------------- */ #profile ul { margin-bottom:2em; } #profile .profile_list { margin:1em 0 0 0; padding:0; } #profile .profile_list li { border-bottom:2px solid #ebebea; margin-bottom:0.5em; padding-bottom:0.5em; padding-left:0; background:none; clear:both; } #profile .profile_list li h4 { margin:4px 0 0; } #profile .profile_list li h4, #profile .profile_list li p { float:left; width:185px; padding-right:10px; } #profile .profile_list li h4 a { background:url(/resources/images/ui/icons/arrow-right-03.gif) 0 3px no-repeat; padding-left:12px; font-weight:normal; } #profile .profile_list li .project-tools { float:right; width:83px; margin-top:4px; } #profile .profile_list li .project-tools .button { clear:both; display:block; float:left; margin:4px 0; font-size:0.9em; } #profile .profile_list li.highlight { background:#f6f5f1; padding:5px 8px 0.5em; } #profile .profile_list li.highlight h4, #profile .profile_list li.highlight p { width:169px; } .profile_details { clear:both; margin:-1em 14px 1em 14px; width:314px; font-size:0.9em; } .profile_details dt { margin:0.4em 0; width:100px; float:left; font-weight:bold; } .profile_details dd { margin:0.4em 0; width:200px; float:left; padding-left:14px; } #alf_content .alertmessage { position:relative; display:block; min-height:3em; cursor:pointer; background:#f2eedc url(/resources/images/ui/icons/alert.gif) 10px center no-repeat; padding:2em 1em 1em 60px; margin:1em 14px; } #alf_content .alertmessage.success { background:#f2eedc url(/resources/images/ui/icons/alert-success.gif) 10px 10px no-repeat; padding-bottom:1em; } #alf_content .alertmessage.long { padding-top:0.8em; } #alf_content .alertmessage span { display:block; } #site_notices .alertmessage { margin:0 0 2em; } #alf_content .alertmessage .dialogControls { width:15px; height:14px; background-image: url(/resources/images/ui/icons/remove.gif); left:auto; right:8px; top:8px; z-index:1 !important; } /* FOOTER -------------------------------------------------- */ #alf_footer { clear:both; margin:8px 26px; border-top:2px solid #fff; padding:0 0 3em; } #alf_footer p { margin:0; padding:13px 18px 0; font-weight:bold; } #alf_footer ul { margin:0; padding:0 0 0 17px; } #alf_footer li { display:inline; padding-right:5px; } #alf_footer a { background:url(/resources/images/ui/icons/double-chevron-right-darkred.gif) 0 0.6em no-repeat; padding:0 0 0 12px; } #alf_footer li.first a { background:none; padding-left:0; } #alf_footer li.selected a { text-decoration:underline; } /* MISC -------------------------------------------------- */ /* Print header */ #print_header { display:none; } /* in-line lists */ .simplemenu { list-style:none; margin:0 -5px 30px; } .simplemenu li { float:left; border-right:1px solid #666; padding:0 0.4em; margin:0.1em 0;} .simplemenu .selected a { font-weight:bold; } .backtotop { clear:both; text-align:right; border-bottom:2px solid #ebebea; padding:0; margin-bottom:2em; } .clearer { clear:both; font-size:0.1em; height:1px; display:block; } .message { background-color:#a46868; color:#fff; padding:1em !important; margin:1em !important; } hr, .hr { border:none; border-top:2px dotted #ebebea; } /* print link/icon */ #alf_content #printpage2 ul { margin-left:6px; margin-top:8px; } #alf_content #printpage2 li { display:inline; min-height:17px; } #alf_content #printpage2 li { background:url(/resources/images/ui/icons/print-icon.gif) 0 0 no-repeat; padding:3px 0 3px 21px; cursor:pointer; margin-right:16px; } #alf_content #printpage2 li#getpdf { background:url(/resources/images/ui/icons/pdf-icon.gif) 0 0 no-repeat; } /* Moo stuff */ .dialogControls { cursor: pointer; z-index: 104 !important; left: 853px; position:absolute; top:135px; color:#f6f5f1; font-size:0.01em; height:22px; padding-top:22px; width:66px; background: url(/resources/images/ui/moo/closelabel.gif) no-repeat; } /* close box */ .dialogOverlay { background:url(/resources/images/ui/moo/transparent-70.png); } /* Tips CSS */ div.tool-tip { width: 250px; color: #fff; text-align: left; font-size:0.95em; opacity:90; -moz-opacity:0.90; filter:alpha(opacity=90); background: url(/resources/images/ui/moo/balloon_top.png) top left no-repeat; } div.tool-title { color: #fff; font-weight: bold; margin: 3px 0 0; padding: 8px 13px 5px; background: #333; } div.tool-text { background: url(/resources/images/ui/moo/balloon_bottom.png) bottom left no-repeat; padding-bottom:3px; } div.tool-text span { display:block; padding: 0 13px 0; background:#333 } div.tool-text p { padding-bottom:1em; } /* UI CSS */ .nodisplay { display:none; visibility:hidden; }