/*------------------------------------------------------------------ [ Main Stylesheet] Project: Discovery Point Author: Scott Lively Version: 1.1 Last change: 04/01/2010 -------------------------------------------------------------------*/ @import 'reset.css'; /*------------------------------------------------------------------ [Table of contents] 1. Body 2. Header 3. Sidebar a. Splash b. Left c. Right 4. Content a. Splash b. Main c. Forms d. Pagination e. Pages 5. Footer 6. Error 7. Franchisee Application [Added 06.01.11 by Chase Adams] 8. Parents Portal -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [1. Body ] -------------------------------------------------------------------*/ html, body { height:100%; margin:0 0 1px; padding:0; } body { background:#8AC7E7 url(../images/body-bg.jpg) no-repeat top center; color:#6C6056; font-family:Georgia1, Georgia, serif; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:0px; line-height:19px; text-align:left; word-spacing:0px; } a { color:#6C6056; } a:hover { color:#EC9B51; } hr { color:#EFEFEF; } p { padding:8px 0px; } ol, ul { padding:8px 0px 8px 16px; } ol.no_padding, ul.no_padding { padding:0px 0px 0px 16px; } ul.checkboxes { margin-top: 0; padding-top: 0; } ul.checkboxes li { font-size: 1em; line-height: 2em; list-style: url(../images/experience/get-started/checkboxes.jpg); } /* Maintains Consistent list style, even in nested lists */ ul ul, ol ul { list-style: disc; } ul.dp_indent { margin-left: 20px; } h1, h2, h3 { margin-bottom: 3px; } .get_started_head { text-decoration: underline; } .spaced_out { display: block; margin-top: 20px; } .blue { color:#71ADDA; } .pink { color:#CE5081; } .orange { color:#EC9B51; } .green { color:#83CFA2; } .purple { color:#9498C9; } .deep_purple { color: #77417e; } .title { font-size:18px; font-weight:bold; line-height:20px; } .blue_title { color:#71ADDA; font-size:18px; font-weight:bold; line-height:20px; } .pink_title { color:#CE5081; font-size:18px; font-weight:bold; line-height:20px; } .orange_title { color:#EC9B51; font-size:18px; font-weight:bold; line-height:20px; } .green_title { color:#83CFA2; font-size:18px; font-weight:bold; line-height:20px; } .purple_title { color:#9498C9; font-size:18px; font-weight:bold; line-height:20px; } .alert { color:#CC0000; font-weight:bold; } .screen_hide { display: none; } /*------------------------------------------------------------------ [2. Header ] -------------------------------------------------------------------*/ #hdr { height:190px; position: relative; margin:auto; width:980px; } #logo { float:left; height:170px; width:210px; } #logo h1, #logo h3 { margin: 0; padding: 0; } #logo h1 a, #logo h3 a { background: url(../images/dp-logo.jpg) no-repeat; display: block; margin: 0; padding: 0; text-indent: -999em; width:210px; height:170px; } #nav_main { float:left; height:170px; width:600px; } ul.dp_online_login, ul.dp_online_my_account { margin: 0; padding: 0; list-style: none; text-align: left; } .dp_online_login a { display: block; text-indent: -999em; background: url(../images/experience/get-started/login_button.jpg); margin-top: 10px; margin-left: 3px; width: 155px; height: 59px; text-indent: -999em; } .dp_online_my_account a { display: block; text-indent: -999em; background: url(../images/experience/get-started/login_button.jpg); background-position: 0 -59px; margin-top: 10px; margin-left: 3px; width: 155px; height: 59px; text-indent: -999em; } ul#global_navigation { list-style: none; margin: 0; padding: 0; text-indent: -999em; width: 0; height: 0; } #quick_navigation, #quick_navigation li { margin: 0; padding: 0; list-style: none; z-index: 100; } #quick_navigation { position: absolute; top: 15px; right: -1px; width: 149px; } #quick_navigation li.shown { background: url(../images/quick_nav_bg.jpg) no-repeat top; border-bottom: 2px solid #93CCE9;} #quick_navigation .top_form { padding: 10px 0; width: 100%; } #quick_navigation li.top_login_show form input, #quick_navigation li.top_login_show form label { display: block; margin: 6px auto; text-align: center; width: 120px; } #quick_navigation li.top_login_show form input { margin-left: 12px; } #quick_navigation #quick_navigation_login_button { background: url(../images/buttons/sign-in.jpg) no-repeat; border: none; display: block; margin: 5px auto; text-indent: -999em; width: 60px; height: 20px; } #quick_navigation li ul, #quick_navigation li ul li { margin: 0; padding: 0; position: relative; text-align: center; } #quick_navigation li ul li a { display: block; margin: 10px 0; } #quick_navigation li a.show_it { background: url(../images/quick_nav.jpg) no-repeat; display: block; text-indent: -999em; width: 149px; height: 33px; } #quick_navigation li { position: absolute; top: 0; z-index: 20; } #quick_navigation li#center_locator { position: absolute; top: 33px; z-index: 10; } #quick_navigation li.top_login_show a#account_login { background-position: 0 -3px; } #quick_navigation li.top_login_show a#my_account { background-position: 0 -36px; } #quick_navigation li a#locate_center { background-position: 0 -69px; } .franchise_available { position: absolute; top: 99px; right: 0; z-index: 0; } #locator { font-family:Arial, Helvetica, sans-serif; width:140px; } #locator .locator_top_contaier { height: 60px; position: relative; } #locator .heading { position: absolute; z-index: 10; float:left; line-height:14px; height:49px; padding:15px 0px 0px 12px; width:68px; } #locator .map { position: absolute; right: -2px; height:56px; padding-top:8px; width:70px; overflow: hidden; } #locator .form_container { height:30px; padding-bottom: 25px; width: 140px; } #locator .form_container #cityZip { margin-left: 8px; } #locator .form_container input[type='image'] { display: block; margin: 5px auto; width: 34px; height: 20px; text-align: center; } #locator .frachise_available { height:72px; width:170px; } #breadcrumbs { float:left; font-size:11px; padding-left:20px;} #breadcrumbs a:hover { color:#474747; } #login_msg { color:#9F9287; float:right; font-size:11px; padding-right:20px; margin-top: -60px; text-align: right; } #login_msg a { color:#9F9287; } #login_msg a:hover { color:#474747; } #wrapper { background:#FFF url(../images/wrapper.jpg) repeat-y; margin:auto; width:980px; } /*------------------------------------------------------------------ [3a. Sidebar Splash ] -------------------------------------------------------------------*/ #sidebar_splash { float:right; height:334px; padding:12px 23px 24px 5px; width:194px; } /*------------------------------------------------------------------ [3b. Sidebar Left ] -------------------------------------------------------------------*/ #sidebar_left { float:left; width:216px; } #sidebar_left ul { padding:0px; } #sidebar_left ul li { list-style-type:none; } #sidebar_left ul li a { color:#FFF; display:block; font-size:13px; height:38px; padding:17px 26px 0px 0px; text-align:right; text-decoration:none; width:190px; } #sidebar_left ul li ul { padding:0px 8px 0px 20px; } #sidebar_left ul li ul li { padding:6px 8px; } #sidebar_left ul li ul li a { color:#6C6056; display:inline; font-size:11px; line-height:11px; } #sidebar_left ul li ul li a, #sidebar_left ul li ul li a:hover, #sidebar_left ul li ul li a.current { background:none; } #sidebar_left .form_container_locator { background:#FFF url(../images/sidebar/left/visit-us-anytime.jpg) no-repeat; padding:126px 0px 0px 26px; height:36px; width:190px; } /*------------------------------------------------------------------ [3c. Sidebar Right ] -------------------------------------------------------------------*/ #sidebar_right { float:right; clear:right; text-align:right; width:200px; } /*------------------------------------------------------------------ [4a. Content - Splash ] -------------------------------------------------------------------*/ #content_container_splash { background:url(../images/splash/content-bg.jpg) no-repeat; height:370px; padding-top:10px; } #content_splash { float:left; height:334px; padding:10px 0px 26px 30px; width:728px; } /*------------------------------------------------------------------ [4b. Content - Main ] -------------------------------------------------------------------*/ #content_container { float:left; padding:6px 12px; text-align:justify; width:740px; } #content_container p, #content_container ul { padding-right: 35px; } #content_left { float:left; width:540px; } #head_container { float:left; height:202px; width:418px; } #head_title { float:left; height:80px; width:418px; } #top_right_img { float:right; height:202px; width:322px; } #nav_sub { padding-top:70px; text-transform: uppercase; } #nav_sub ul { padding:0px; } #nav_sub ul li { list-style-type:none; } #nav_sub ul li a { background:#EB9950; color:#FFF; display:block; float:left; font-weight:bold; line-height:13px; margin-right:2px; text-align:center; text-decoration:none; width:108px; } #nav_sub ul li a:hover, #nav_sub ul li a.current { background:#FFF url(../images/experience/programs/navsub-bg.jpg) no-repeat; color:#70AAD4; } /*------------------------------------------------------------------ [4c. Content - Forms ] -------------------------------------------------------------------*/ .identifier { float:left; height:20px; padding:2px; text-align:right; width:165px; } .input_side { float:left; padding:2px; } .input_side_general { float:left; padding:2px; } .frm_fld_short { border:1px solid #9F9287; width:85px; } .frm_fld_nrml { border:1px solid #9F9287; width:105px; } .frm_fld_long { border:1px solid #9F9287; width:165px; } .frm_fld_xtra_long { border:1px solid #9F9287; width:200px; } .frm_fld_locator { border:1px solid #BBB; color:#CBCBCB; font-size:13px; width:126px; } .frm_fld_newsletter { border:1px solid #BBB; color:#CBCBCB; font-size:13px; width:182px; } input.submit { background-color:#9F9287; color:#FFF; height:20px; } select, textarea { border:1px solid #9F9287; } /*------------------------------------------------------------------ [4d. Content - Pagination (page flipper) ] -------------------------------------------------------------------*/ #paginator_container { background-color:#FAEBDD; border:1px solid #EC9B51; color:#9F9287; padding:4px; } #biz_pager #paginator_container { background-color:#EFEDEB; border:1px solid #ABABAB; } #pages, .paginator a, .paginator_current { background-color:#FFF; border:1px solid #ABABAB; float:left; font-size:10px; margin:0px 2px; padding:4px 6px; } .paginator a { color:#9F9287; display:block; text-decoration:none; } .paginator_current, .paginator a:hover { background-color:#FAEBDD; border:1px solid #EC9B51; } /*------------------------------------------------------------------ [4e. Content - Pages ] -------------------------------------------------------------------*/ #auth_container { margin:auto; width:400px; } #experience_home_hint { background:url(../images/experience/home/hint-bg.jpg) no-repeat; height:90px; overflow:hidden; width:740px; } #experience_home_hint p { font-size:12px; line-height:16px; padding:36px 0px 0px 36px; text-align:left; } #experience_home_hint a { color:#70AAD4; text-decoration:none; } #experience_home_hint a:hover { color:#EC9B51; } #experience_home { height:650px; } #experience_home .top { height:212px; width:740px; } #experience_home .col1 { float:left; height:438px; width:190px; } #experience_home .col2 { float:left; height:438px; width:338px; } #experience_home .col2 .col2_top { background:url(../images/experience/home/col2-top.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:258px; line-height:14px; overflow:hidden; padding:0px 16px 0px 40px; text-align:left; width:282px; } #experience_home .col2 .col2_top p { padding:2px 0px; } #experience_home .col2 .col2_top ul { padding-top:0px; } #experience_home .col2 .col2_bottom { height:180px; padding-top:0px; width:338px; } #experience_home .col3 { float:left; height:438px; width:212px; } #experience_home p.heading { color:#70AAD4; font-weight:bold; line-height:12px; padding:0px; text-align:center; } .programs_overview_container_1, .programs_overview_container_2 { padding-top:50px; width:740px; } .programs_overview_container_1 p, .programs_overview_container_2 p { padding-bottom:50px; } #overview_blurbs { margin:auto; width:500px; } #overview_blurbs_wide { margin:auto; width:740px; } /* begin programs sidebar option */ /* right sidebar included */ .blue_bar { background-color:#8AC7E7; height:34px; width:540px; } #programs_wrapper { background:#FFF url(../images/experience/programs/wrapper.jpg) repeat-y; padding:16px 20px 0px 20px; width:500px; } #programs_text { padding:0px 20px; } #programs_wrapper div.thumbnail { float:left; padding-bottom:8px; width:76px; } #programs_wrapper div.blurb { float:left; font-size:11px; letter-spacing:-0.5px; line-height:16px; padding-left:4px; text-align:left; width:170px; } /* no right sidebar included */ .blue_bar { background-color:#8AC7E7; height:34px; width:740px; } #programs_wrapper { background:#FFF url(../images/experience/programs/wrapper-wide.jpg) repeat-y; padding:16px 20px 0px 20px; width:700px; } #programs_text { padding:0px 20px; } #programs_wrapper div.thumbnail { float:left; padding-bottom:8px; width:76px; } #programs_wrapper div.blurb { float:left; font-size:11px; letter-spacing:-0.5px; line-height:16px; padding-left:4px; text-align:left; width:170px; } /* end programs sidebar option */ #mymap { border:1px solid #EC9B51; position:relative; } #mymap a { color:#FFF; } #center_locations_tour_container { background:#FFF url(../images/experience/center-locations/tour/main-bg.jpg) no-repeat; height:924px; width:740px; } #center_locations_tour_description { height:250px; width:740px; } #center_locations_tour_description div.col1 { float:left; padding:30px 20px 0px 30px; width:466px; border:0px solid #ff0000; } #center_locations_tour_description div.col2 { float:left; padding-top:46px; text-align:center; width:202px; border:0px solid #ff0000; } #center_locations_tour_map { height:562px; padding-top:112px; width:740px; } #centers { background:url(../images/experience/center-locations/wrapper.jpg) repeat-y; padding:0px 20px; width:700px; } #centers .heading { color:#EC9B51; float:left; font-size:16px; font-weight:bold; line-height:40px; text-align:center; } #centers .heading_listing { color:#EC9B51; font-size:16px; font-weight:bold; line-height:40px; text-align:left; } #centers .container { border-top:1px solid #EC9B51; width:100%; } #centers .number { float:left; background:url(../images/experience/center-locations/hand.jpg) no-repeat; color:#FFF; font-size:10px; height:24px; padding-top:36px; text-align:center; width:60px; } #centers .table { float:left; padding:8px 0px 8px 14px; width:626px; } #centers .data { float:left; } a.faq { color:#6C6056; font-weight:bold; text-decoration:underline; } a:hover.faq { color:#6C6056; } /* Valpak page styles */ #valpak_content h1 { font-size:18px; font-weight:bold; padding:18px 0px; } #valpak_content h3 { color:#54addc; font-weight:bold; } #valpak_content p { padding:1px 0px 20px 0px;; } #valpak_content table { border-color:#948883; border-style:solid; border-width:1px; font-size:16px; width:740px; } #valpak_content tr { height:50px; } #valpak_content td { border-color:#948883; border-style:solid; border-width:1px; text-align:center; } .td_1 { background:#eeefef; border-color:#948883; border-style:solid; border-width:1px; color:#948883; font-weight:bold; text-align:center; width:230px; } .td_2 { color:#000; font-size:18px; font-weight:bold; } .td_3 { color:#000; } .td_4 { color:#54addc; font-size:18px; font-weight:bold; } #valpak_left { float:left; height:197px; width:274px; } #valpak_right { float:right; height:197px; text-align:left; width:460px; } #valpak_subnav { background:url(../images/business-center/marketing-opportunities/orange-bar.jpg) no-repeat; color:#ffffff; font-size:16px; height:44px; line-height:44px; text-align:center; width:740px; } #valpak_subnav a { color:#ffffff; font-weight:bold; text-decoration:none; } #valpak_subnav a:hover { text-decoration:underline; } .blue_rule { background:url(../images/business-center/marketing-opportunities/blue-hr.jpg) no-repeat; height:27px; margin:auto; width:198px; } .orange_rule { background:url(../images/business-center/marketing-opportunities/orange-hr.jpg) no-repeat; height:26px; margin:auto; width:708px; } /*------------------------------------------------------------------ [4f. Content - CMS ] -------------------------------------------------------------------*/ td { border-top:1px solid #666; padding:4px; } td.header { border-top:1px solid #666; color:#FFF; font-weight:bold; padding:4px; text-align:center; } /*------------------------------------------------------------------ [5. Footer ] -------------------------------------------------------------------*/ #pre_ftr { background:url(../images/footer-pre.jpg) no-repeat; height:122px; width:980px; } #pre_ftr .col1, #pre_ftr .col2, #pre_ftr .col3, #pre_ftr .col4 { float:left; height:88px; padding:34px 0px 0px 36px; } #newsletter { float:left; height:82px; padding:40px 0px 0px 36px; width:236px; } #ftr { background:url(../images/footer.jpg) no-repeat; color:#FFF; font-size:12px; height:90px; margin:auto; padding-top:10px; width:980px; } #ftr p.left { float:left; padding-left:6px; } #ftr p.right { float:right; } #ftr a { color:#FFF; padding:0px 6px; text-decoration:none; } #ftr a:hover { color:#353E99; } /*------------------------------------------------------------------ [6. Error ] -------------------------------------------------------------------*/ .err_msg, .error, #errUsername, #errPassword, #errEmail, #errName, #errFirstName, #errLastName, #errAddress, #errCity, #errZip, #errPhone, #errFax, #errPhoneHome, #errPhoneMobile, #errPhoneWork, #errPhoneCell, #errEmployerPhone, #errDoctorPhone, #errDentistPhone, #errSpecialistPhone, #errDln, #errSsn, #errAssets, #errNetWorth, #errEmployer, #errCenter, #errHearAbout, #errCenterId, #errDoctor, #errDentist, #errInsCompany, #errInsPolicyNumber, #errFoodAllergies, #errDietRestrictions, #errOtherAllergies, #errParentSignature, #errNumber, #errNickname, #errSubdomain, #errPrograms, #errComments, #errEmailSuggestion, #errDateStart, #errDateEnd, #errDescription, #errPhoneContact, #errAgreeToTerms { color:#CC0000; font-style:italic; } /*------------------------------------------------------------------ [7. Franchisee Application ] -------------------------------------------------------------------*/ #content_container.application_form { margin: 0 auto; } #content_container.application_form h1 { font-size: 2em; margin: 0 auto; } #content_container.application_form #form { margin: 0 auto; padding: 10px 0; } #content_container.application_form #form .form_element_block label { display: inline-block; width: 250px; } #content_container.application_form #form #abo_info label { display: inline-block; width: 100%; } #content_container.application_form .clear { clear: both; } #content_container.application_form h1, #content_container.application_form h2, #content_container.application_form h3, #content_container.application_form h4 { margin-top: 10px; } #content_container.application_form ul { margin: 0; padding: 0; } #content_container.application_form ul li { padding: 10px 10px 10px 0; margin: 0; list-style: none; } #content_container.application_form ul.tabbed_navigation, #content_container.application_form ul.tabbed_navigation li { margin: 0; padding: 0; list-style: none; } #content_container.application_form ul.tabbed_navigation { padding-top: 30px; } #content_container.application_form ul.tabbed_navigation li { background: #eaf5fb; float: left; margin: 2px; margin-bottom: 0; } #content_container.application_form ul.tabbed_navigation li:hover { background: #9498c9; } #content_container.application_form ul.tabbed_navigation li a:link, #content_container.application_form ul.tabbed_navigation li a:visited { color: #71adda; text-decoration: none; } #content_container.application_form ul.tabbed_navigation li a:hover { color: #fff; } #content_container.application_form ul.tabbed_navigation li a { display: block; padding: 10px; } #content_container.application_form h3 a.show_fieldset { background: #eaf5fb; color: #906; display: block; padding: 10px; margin: 5px 0; text-decoration: none; } #content_container.application_form ul.tabbed_navigation li.current_fin_nav, #content_container.application_form ul.tabbed_navigation li.current_nav, #content_container.application_form h3 a.shown_fieldset { background: #ce5081; color: #fff; } #content_container.application_form ul.tabbed_navigation li.current_fin_nav a:link, #content_container.application_form ul.tabbed_navigation li.current_fin_nav a:visited, #content_container.application_form ul.tabbed_navigation li.current_nav a:link, #content_container.application_form ul.tabbed_navigation li.current_nav a:visited, #content_container.application_form h3 a:link.shown_fieldset, #content_container.application_form h3 a:visited.shown_fieldset { color: #fff; } #content_container.application_form form { border: #ccc 1px solid; margin: 0; padding: 0; padding: 0 15px; position: relative; } #content_container.application_form .tab { position: relative; top: 0; left: 0; } #content_container.application_form fieldset { border: none; position: relative; } #content_container.application_form .halfsies { float: left; width: 50%; } #content_container.application_form .screen_reader, #content_container.application_form .form_element label.screen_reader { display: none; } #content_container.application_form select { font-size: 14px; } #content_container.application_form textarea { font-size: 14px; height: 150px; } #content_container.application_form input[type="text"], #content_container.application_form input[type="password"] { border: 2px solid #ccc; margin: 0; font-size: 18px; } #content_container.application_form input[type="text"].important { font-size: 24px; } #content_container.application_form input[type="submit"] { border: 1px solid #f1c470; background: #e1a228; color: #fff; cursor: pointer; font-size: 2em; font-weight: bold; display: block; padding: 5px; margin: 5px 5px 5px 0; text-transform: uppercase; text-shadow: 1px 1px 1px #333; } #content_container.application_form input[type="submit"]:hover { background: #906; color: #fff; } #content_container.application_form .form_element { display: inline-block; margin-top: 5px; } #content_container.application_form .form_element label { display: block; padding-bottom: 5px; } #content_container.application_form .form_element_block { display: block; margin-top: 10px; } #content_container.application_form .address { width: 400px; } #content_container.application_form .big_financial_block { position: relative; } #content_container.application_form .financial_block { position: relative; top: 0; left: 0; } #content_container.application_form .financial_block label { display: block; float: left; width: 350px; text-align: right; padding: 6px 5px 0px 0px; } #content_container.application_form .tiny_nav ul, #content_container.application_form .tiny_nav ul li { float: right; list-style: none; margin: 0; padding: 0; } #content_container.application_form .tiny_nav ul li { float: left; } #content_container.application_form .tiny_nav ul li.logout { padding-left: 25px; } /*------------------------------------------------------------------ [8. Parents Portal ] -------------------------------------------------------------------*/ #enrollment_status { background: #fff url(../images/parents/progress_bar.jpg); display: block; width: 743px; height: 61px; margin-left: -2px; } #enrollment_status.stage2_complete { background-position: 0 -137px; } #enrollment_status.stage3_complete { background-position: 0 -411px; } #enrollment_status.stages_complete { background-position: 0 -274px; } #enrollment_status.stages_complete_add_student {background-position: 0 -480px; } #enrollment_status.add_student { background-position: 0 -69px; } #enrollment_status.add_ec { background-position: 0 -343px; } #enrollment_status.stages_complete_add_ec { background-position: 0 -206px; } #enrollment_status .stat_block { display: none; } .enrollment_table { padding-top: 15px; } .progress_link a { background: none; display: block; float: left; width: 238px; height: 56px; text-indent: -999em; margin-top: 5px; } #enrollment_status_student a { width: 247px; } #enrollment_status_e_contact a { width: 257px; } /*------------------------------------------------------------------ [9. Conversions from Chase ] -------------------------------------------------------------------*/ /* layouts/available-properties.phtml utilizes this now. */ h1#head_title.sprite_replacements { background: url(../images/head_titles.jpg) no-repeat; text-indent: -999em; width: 418px; height: 76px; } h1#head_title.available_centers { background-position: 0 0; } .center_listing_container { margin: 15px 0; } /* Floats everything nicely into 2 columns */ .halfsies { float: left; margin: 5px; padding: 10px; width: 44%; } .center_listing { background: #eeeffc; color: #9a8371; } .center_listing h2 { font-size: 1.25em; margin-top: 0; padding-top: 0; } .center_listing .dl_prop_info_container { font-family: 'Gill Sans', Helvetica, Arial, sans-serif; text-transform: uppercase; padding-top: 5px; } .center_listing .dl_prop_info_container span.img_helper { background: url(../images/franchise/properties/download-center-info.jpg) no-repeat; display: block; float: left; text-indent: -999em; width:19px; height: 31px; } .center_listing .dl_prop_info_container div.dl_prop_info { padding-left: 25px; margin-top: 6px;} .note { background: url(../images/note_repeat.jpg) repeat-y; width: 721px; margin: 0 auto; } .note_topper { background: url(../images/note_topper.jpg) no-repeat; display: block; width: 721px; height: 27px; } .note_container { padding: 15px 30px; } .note_container h2 { font-size: 1.6em; } .note_container h3 { font-size: 1.3em; } .note_footer { background: url(../images/note_bottom.jpg) no-repeat; display: block; width: 721px; height: 30px; } .enrollment_process { position: relative; } #enroll_now_button { float: right; margin-left: 5px; } .my_account_alert { background: url(../images/parents/helper_bg.jpg) no-repeat bottom; display: block; font-family: "Futura", Arial, Helvetica, sans-serif; margin: 0 auto; padding: 15px 40px 30px; width: 623px; } .my_account_alert em { } .hide_on_screen { display: none; }