/* Telstra Seniors CSS Definitions =============================== Author: the white agency Born: 14/09/07 CONTENTS ======== $1 - Masthead & Navigation $2 - Header Images */ /* $1 - Masthead & Navigation ***********************************************************/ #navigationBar { } #navigationBar ul { padding:0; margin:0; list-style-type:none; } #navigationBar li { float:left; margin-right:9px; } li#navWhatIsIt, li#navWhatIsIt a, li#navWhatIsIt a:hover, li#navHowWillIt, li#navHowWillIt a, li#navHowWillIt a:hover, li#navWhereDoI, li#navWhereDoI a, li#navWhereDoI a:hover, li#navTools, li#navTools a, li#navTools a:hover, li#navApply4Grant, li#navApply4Grant a, li#navApply4Grant a:hover, li#TopControl1_navMyAccount, li#TopControl1_navMyAccount a, li#TopControl1_navMyAccount a:hover, li#TopControl1_navMyAccountDisabled, li#TopControl1_navMyAccountDisabled a, li#TopControl1_navMyAccountDisabled a:hover { display:block; height:66px; width:155px; background-image:url(../images/telstraSpons_nav_sprite2.jpg); background-repeat:no-repeat; text-indent:-90000em; text-decoration:none; overflow:hidden; } /* For the ON state, move the y co-ordinate by increments of 75px. For the HOVER state, move the x co-ordinate by -200px; */ #navigationBar li#navWhatIsIt a { background-position:0 0;} #navigationBar li#navWhatIsIt a:hover, #navigationBar li#navWhatIsIt a.activeNavItem { background-position:-200px 0;} #navigationBar li#navHowWillIt a { background-position:0 -75px;} #navigationBar li#navHowWillIt a:hover, #navigationBar li#navHowWillIt a.activeNavItem { background-position:-200px -75px;} #navigationBar li#navWhereDoI a { background-position:0 -150px;} #navigationBar li#navWhereDoI a:hover, #navigationBar li#navWhereDoI a.activeNavItem { background-position:-200px -150px;} #navigationBar li#navTools a { background-position:0 -225px;} #navigationBar li#navTools a:hover, #navigationBar li#navTools a.activeNavItem { background-position:-200px -225px;} #navigationBar li#navApply4Grant a { background-position:0 -300px;} #navigationBar li#navApply4Grant a:hover, #navigationBar li#navApply4Grant a.activeNavItem { background-position:-200px -300px;} /* my account nav item */ #navigationBar li#TopControl1_navMyAccount { margin:0 !important; } #navigationBar li#TopControl1_navMyAccount a { background-position:0 -375px;} #navigationBar li#TopControl1_navMyAccount a:hover, #navigationBar li#TopControl1_navMyAccount a.activeNavItem { background-position:-200px -375px;} /*#navigationBar li#TopControl1_navMyAccountDisabled { background-position:-400px -375px; }*/ #navigationBar li#TopControl1_navMyAccountDisabled { margin:0 !important; } #navigationBar li#TopControl1_navMyAccountDisabled a { background-position:-400px -375px;} #navigationBar li#TopControl1_navMyAccountDisabled a:hover, #navigationBar li#TopControl1_navMyAccountDisabled a.activeNavItem { background-position:-200px -375px;} /* $2 - Header Images ***********************************************************/ #contentSection h1 { text-indent:-9999px; border-bottom: 1px solid #cde6ff; margin:20px 26px 10px 8px; font-size:0; padding:0; min-height:35px; height:auto !important; height:35px; } #contentSection h1.twoLine { min-height:70px; height:auto !important; height:70px; } #contentSection .getReady { background:url(../images/get_ready.gif) no-repeat } #contentSection .beginnerExpert { background:url(../images/beginner_expert.gif) no-repeat } #contentSection .timeToMobilise { background:url(../images/time_to_mobilise.gif) no-repeat } #contentSection .mobilePhoneSkillsPack { background:url(../images/mobile_phone_skills_pack.gif) no-repeat } #contentSection .myAccount { background:url(../images/my_account.gif) no-repeat } #contentSection .howDoTheGrantsWork { background:url(../images/how_do_the_grants_work.gif) no-repeat } #contentSection .whatOrganisationsCanApply { background:url(../images/what_organisations_can_apply.gif) no-repeat } #contentSection .whatLevelsOfGrantAreAvailable { background:url(../images/what_levels_of_grant.gif) no-repeat } #contentSection .grantApplicationTimetable { background:url(../images/grant_application_timetable.gif) no-repeat } #contentSection .rulesApplicableToLocalAndStateBasedGrants { background:url(../images/rules_applicable.gif) no-repeat } #contentSection .howAreGrantApplicationsAssessed { background:url(../images/how_are_grant_applications_assessed.gif) no-repeat } #contentSection .applicationExample { background:url(../images/application_example.gif) no-repeat } #contentSection .needHelp { background:url(../images/need_help.gif) no-repeat } #contentSection .changePassword { background:url(../images/change_password.gif) no-repeat } #contentSection .changeEmail { background:url(../images/change_email.gif) no-repeat } #contentSection .forgotYourPassword { background:url(../images/forgot_password.gif) no-repeat } #contentSection .passwordSent { background:url(../images/password_sent.gif) no-repeat } #contentSection .registration { background:url(../images/registration.gif) no-repeat } #contentSection .registrationConfirmation { background:url(../images/registration_confirmation.gif) no-repeat } #contentSection .registrationError { background:url(../images/registration_error.gif) no-repeat } #contentSection .contactUs { background:url(../images/contact_us_white.gif) no-repeat } #contentSection .feedbackForm { background:url(../images/feedback_form.gif) no-repeat } #contentSection .feedbackSubmitted { background:url(../images/feedback_submitted.gif) no-repeat } #contentSection .toolsResources { background:url(../images/tools_resources.gif) no-repeat } #contentSection .incorrectUsernamePassword { background:url(../images/incorrect_username_password.gif) no-repeat } #contentSection .signInRegister { background:url(../images/sign_in_register.gif) no-repeat } #contentSection .telstraBrochure { background:url(../images/telstra_brochure.gif) no-repeat } #contentSection .sitemap { background:url(../images/sitemap.gif) no-repeat } #contentSection .noviceOrKnow { background:url(../images/novice_or_know_it_all.gif) no-repeat } #contentSection .upcomingWorkshops { background:url(../images/upcoming-workshops.gif) no-repeat } #contentSection .passwordChanged { background:url(../images/password_changed.gif) no-repeat } #contentSection .emailChanged { background:url(../images/email_changed.gif) no-repeat } #contentSection .trainingResource { background:url(../images/training_resource.gif) no-repeat } #contentSection .members { background:url(../images/members-area.gif) no-repeat } #contentSection .howTo { background:url(../images/how-to.jpg) no-repeat } #contentSection h2 { text-indent:-9999px; display:block; overflow:hidden; border-bottom: 1px solid #cde6ff; margin:20px 26px 10px 10px; font-size:0; min-height:27px; height:auto !important; height:27px; } #contentSection .importantInfo { background:url(../images/important_info.gif) no-repeat } #contentSection .applicationHistory { background:url(../images/application_history.gif) no-repeat } #contentSection .moreTools { background:url(../images/more_tools.gif) no-repeat } #contentSection .introductoryMaterial { background:url(../images/introductory_material.gif) no-repeat } #contentSection .presenterMaterial { background:url(../images/presenter_material.gif) no-repeat } #contentSection .studentMaterial { background:url(../images/student_material.gif) no-repeat } #contentSection .moreEd { background:url(../images/more-ed.jpg) no-repeat }