/* // ***************************************************************** // // Styles for the Tag // // ***************************************************************** */ body div#Registration { font: 12pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; background: #fff !important; color: #000; } /* // ***************************************************************** // // Registration Page Banner // // ***************************************************************** */ div#Registration { width: 80%; margin: 0 auto; max-width: 70rem; } h1.Registration { font-size: 300%; color: #2d1f06; padding: 1rem 0 0 0; line-height: .8; margin: .1rem 0 0 0; text-align: center; } h1.Registration span { font-size: 60%; top: 0; } /* // ***************************************************************** // // Lesson Metadata - School Address // // ***************************************************************** */ #Address { /* display: flex; gap: .5rem; justify-content: center; */ margin: 0 auto; text-align: center; } #Address p { margin: 0; text-align: center; } #Address div { font-weight: bold; } #Address div#SchoolContact { display: flex; gap: 5rem; justify-content: center; } /* // ***************************************************************** // // Lesson Metadata - School Contact Info // // ***************************************************************** */ #Contact { display: flex; gap: .5rem; justify-content: space-evenly; margin: 0 auto; padding-bottom: 1rem; } #Registrar { border-bottom: .2rem solid #000; display: flex; justify-content: center; margin: 0 auto; padding-bottom: 1rem; } /* // ***************************************************************** // // Lesson Metadata - Lesson Info // // ***************************************************************** */ #Details { border: .2rem ridge #f4a460; border-radius: .6rem; display: flex; gap: .5rem; justify-content: space-evenly; line-height: 2; margin: 1rem auto 0; } #Details div.Date { border-bottom: 1px solid #000; display: inline-block; margin-left: 0; width: 80px; } #Details div.Instrument { border-bottom: 1px solid #000; display: inline-block; width: 140px; } #Details div.Instructor { border-bottom: 1px solid #000; display: inline-block; width: 140px; } /* // ***************************************************************** // // Student Informtion Dialog Box // // ***************************************************************** */ #StudentInfo { border: .2rem ridge #f4a460; border-radius: .6rem; margin: 1rem auto 0; overflow: hidden; padding: .3rem 1rem; position: relative; } #StudentInfo .label { float: left; font-weight: bold; line-height: 2; text-align: right; width: 170px; } #StudentInfo .StudentInput100, #StudentInfo .StudentInput250, #StudentInfo .StudentInput400 { border-bottom: 1px solid #000; float: left; line-height: 2; margin-left: 10px; width: 400px; } #StudentInfo .StudentInput250 { width: 250px; } /* // ***************************************************************** // // Parent / Guardian Informtion // // ***************************************************************** */ #GuardianContainer { border: .2rem ridge #f4a460; border-radius: .6rem; float: left; margin: 1rem auto; padding: .3rem .5rem; position: relative; /* width: 640px; */ } #GuardianContainer div.label, #GuardianContainer div.SigLabel { float:left; font-weight: bold; line-height: 2; text-align: right; width: 6rem; } #GuardianContainer div.SigLabel { width: 11rem; } #GuardianContainer div.SigLabel.vSpace { margin-bottom: 1rem; } #GuardianContainer div.Name, #GuardianContainer div.Signature { float:left; line-height: 2; margin-left: .5rem; } #GuardianContainer div.Name { margin-right: 2rem; } #GuardianContainer div.Name { margin-right: 2rem; } #GuardianContainer div.PrintName { border-bottom: 1px solid #000; width: 24.3rem; } #GuardianContainer div.Name.Home { margin-right: 1rem; } #GuardianContainer div.PhoneNum { float:left; margin-left: .5rem; width: 18rem; } /* // ***************************************************************** // // Financial Details // // ***************************************************************** */ #Financial { margin: 1rem auto; overflow: hidden; padding: .3rem .5rem; position: relative; width: 640px; } /* // ***************************************************************** // // Enrollment Fees // // ***************************************************************** */ #FeesContainer { border: .2rem ridge #f4a460; border-radius: .6rem; float: left; line-height: 1.6; margin-left: 1.6rem; padding: .3rem 1rem; width: 45%; } #FeesContainer div.label { float: left; font-weight: bold; text-align: right; width: 18rem; } #FeesContainer div.Amount { float: right; margin-right: .5rem; } /* // ***************************************************************** // // Payment Method // // ***************************************************************** */ #Payment { border: .2rem ridge #f4a460; border-radius: .6rem; float: right; line-height: 1.6; margin-right: 1.6rem; padding: .3rem 1rem; width: 30%; } /* // ***************************************************************** // // Lesson Schedule // // ***************************************************************** */ #Schedule { border: .2rem ridge #f4a460; border-radius: .6rem; line-height: 1.6; margin: 0 auto 1rem; padding: .3rem 1rem; position: relative; } #Schedule div { margin-left: 1rem; } /* ================================================================== */ div#Agreement { /* font-size: 80%; */ margin: 0 auto; position: relative; width: 600px; } #Agreement h1 { margin-top: 5px; text-align: center; color: #2d1f06; text-shadow: 2px 2px 0 #fff; } #Agreement h2 { font-size: 120%; color: #2d1f06; margin-top: .5em; } #Agreement ol { margin-left: 30px; font-size: 100%; } #Agreement ol li { line-height: 1.4; } #Agreement ul li { list-style: circle inside url(../img/bullet.gif); margin: 0 5px 0 15px; color: #2d1f06; } #Agreement .FeeDesc { float: left; position: relative; font-size: 110%; line-height: 1.4; margin-top: 5px; } #Agreement .FeeAmount { float: right; position: relative; font-size: 110%; line-height: 1.4; text-align: right; margin-top: 5px; } div#PaymentInfo { width: 300px; margin: 0 0 0 20px; } /* // ***************************************************************** // // Rate Card and Registration Form Containers // ========================================== // // ***************************************************************** */ /* #Rates { position: relative; width: 80rem; margin: 0 auto; } */ #Rates > div { position: relative; width: 600px; margin: 0 auto; overflow: hidden; } #Address.RateCard { height: 60px; position: relative; margin: 0 auto; border-bottom: 3px ridge #f4a460; border-radius: 0.5em; } /* // *************************************************** // // Miscellaneous Styles // // *************************************************** */ legend, label, .label { font-weight: bold; } .clearBoth { clear: both; } /* // *************************************************** // // Rate Card Table // // *************************************************** */ #hor-zebra { font-size: 12px; margin: 45px; width: 480px; text-align: left; border-collapse: collapse; } #hor-zebra th { font-size: 14px; font-weight: bold; padding: 10px 8px; color: #2d1f06; } #hor-zebra td { padding: 8px; } #hor-zebra .odd { background: #f4d4aa; } /* // *************************************************** // // Terms of Agreement: Footer // // *************************************************** */ #ToA div#footer { width: 70%; } /* // ***************************************************************** // // Media Queries // ============= // // ***************************************************************** */ @media (max-width: 640px) { #Address2211 > ul { border-radius: 0; margin: 0 auto; padding-bottom: .5rem; width: 100%; } h1.Registration { font-size: 300%; color: #2d1f06; padding: 1rem 0 0 0; line-height: .8; margin: .1rem 0 0 0; text-align: center; } } @media print { div.myNav { display: none; } }