<<<<<<< .mine /* ========= misc, preparatory === */ .fl { float: left !important; } .fr { float: right !important; } .fullWidth { width: 100% !important; } .warning { font-weight: bold; color: #f40f2d; font-style: italic; margin: 4px 10px 18px 10px; } .badField_text { color: #f40f2d; margin: 25px 0 10px 0 !important; color: #f40f2d; } .smallText, .smallText em, .smallText strong, .smallText span { font-size: 11px; margin-top: 12px; } /* ========= clears === */ .cl, .cl2, .cl3, .cl4 { clear: both; display: block; margin:0;line-height:0;height:1px;padding:0;font-size:1% } .cl2 { padding-bottom: 9px; } .cl3 { padding-bottom: 15px; } .cl4 { padding-bottom: 22px; } /* ========= buttons === */ .blackButton { background: #000; color: #fff; border: solid 1px #000; height: 20px; padding: 0 4px; cursor: pointer; } #content .submit, .greyBut, button { background: #ffd900; border: none; padding: 3px 4px; border: solid 1px #ffd900; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -icab-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; cursor: pointer; font-weight: bold; font-size: 14px; float: right !important; margin-left: 10px; } #content a.submit { padding-bottom:5px; } .greyBut, #content div.buttonsFooter button.submit.greyBut { background: #e6e6e6; border-color: #e6e6e6; float: left; } .disabled { color: #aaa; background: #f4f4f4; } #content .submit.addToCart { background-image: url(/assets/images/cart.gif); background-position: 6px center; background-repeat: no-repeat; text-indent: 30px; } /* ========= links === */ a { color: #052d92; text-decoration: underline; } a:hover { text-decoration: none; } /* ========= special links (with file download icons etc) === */ a.downloadFile { background: left center no-repeat; padding-right: 20px; } a.downloadFile.csv { background-image: url(/assets/images/csv_icon.gif); } .csv{ background:url(/assets/images/icon-csv.png) no-repeat left center; float:left; height:22px; text-indent: 25px; } /* ========= headings === */ #content h2 { font-size: 19px; padding-bottom: 10px; border-bottom: solid 1px #e6e6e6; } h4 { font-size: 16px; margin-top: 0; } h4 a { font-size: 16px !important; } h4 span { font-size: 12px; font-weight: normal; } h5 { font-size: 14px; margin-top: 0; margin-bottom: 23px; } /* ========= tables === */ .table { width: 700px; border-collapse: collapse; margin-top: 30px; } .table th, .table td { padding: 8px 15px; } .table.alt th, .table.alt td { padding: 6px 8px; } .table th { background: #f0f0f0; text-align: left; border-right: solid 1px #fff; } .table td { border-bottom: solid 1px #ccc; } .table.morePadding td { padding: 13px 15px; } .table.noBorder td { border: none; } .table_noBorderTD { border: none !important; text-align: right; padding-right: 15px; font-weight: bold; font-size: 13px; } /* ========= form field defaults === */ .textfield0, .textfield1, .textfield2, .textfield3, textarea, select { border: solid 1px #ccc; } .textfield0, .textfield1, .textfield2, .textfield3 { height: 17px; line-height: 17px; } .textfield0 { width: 35px !important;text-align:center; } .textfield1, .textarea1 { width: 90px; } .select1 { width: 92px; } .textfield2, .textarea2 { width: 198px; } .select2 { width: 200px; } .textfield3, .select3, .textarea3 { width: 275px; } .textarea4 { width: 350px; height: 180px; } input.badField_field,select.badField_field { border-color: #f40f2d; } textarea { height: 100px; } #useProfAddr{margin-right:5px;} /* ========= additional css for Andy's lightbox plugin === */ #lightboxdialog ul { margin: 0; padding: 0 0 0 25px; } #lightboxdialog ul li { list-style: square inside; } /* ========= buttons footer === */ .buttonsFooter { border: solid 1px #e5e5e5; border-width:1px 0 0 0; margin-top: 30px; padding: 10px 2px; width: 700px; } .buttonsFooter div { clear: both; } /* ========= sign-up stages arrows === */ .stages { height: 38px; width: 700px; padding: 0; margin: 27px 0; } #content .stages li { list-style: none; float: left; display: block; color: #999; font-weight: bold; font-size: 13px; line-height: 38px; background: none; padding: 0; margin: 0; } #content .stages li.on { color: #000; } #content .stages li#firstStage, #content #startrack_stages li#firstStage { text-indent: 12px; } #signup_stages { background: url(/assets/images/site_registration_stages_arrows.jpg); } #content #signup_stages li { width: 25%; text-indent: 5px; } #startrack_stages { background: url(/assets/images/startrack_registration_stages_arrows.jpg); } #startrack_stages li { width: 33%; text-indent: 20px; } #ordering_stages { background: url(/assets/images/ordering_stages_arrows.jpg) no-repeat; } #ordering_stages li { width: 25%; text-indent: 10px; } /* ========= styled forms === */ .pageForm { width: 700px; margin-top: 20px; } /* undo paragraph reset silliness */ .pageForm p { margin-top: 12px;clear:both; } .pageForm a, .pageForm a, .pageForm label { font-size: 12px; } /* asterisk text */ #asteriskExpl { font-weight: bold; margin-bottom: 20px !important; } #asteriskExpl span { color: #f40f2d; } /* fieldsets */ .pageForm fieldset { border: none; margin: 0; padding: 0; width: 100%; } .pageForm fieldset.divider, .pageForm fieldset.divider2 { border-bottom: solid 1px #e6e6e6; padding-bottom: 13px; } .pageForm fieldset.divider2 { margin: 0; } .form_5050 fieldset { width: 330px; float: left; } /* form-specific headings */ .pageForm h4 { padding-bottom: 16px; border-bottom: solid 1px #e6e6e6; margin-bottom: 16px; } /* labels */ .pageForm label { display: block; float: left; width: 122px; } .pageForm fieldset.fullWidth label { width: 50%; } .pageForm label.fullWidth { float: none; display: inline; } .pageForm label span, h4 em, h5 em { color: #f40f2d; } .callout label { width: 90%; } .pageForm.allLeft label { width: 150px; } /* inputs */ .pageForm input, .pageForm textarea, .pageForm select { float: right; } .pageForm.allLeft input, .pageForm.allLeft select, .pageForm.allLeft textarea { float: left; } /* 50-50, 2 col sub-wrappers */ .twoCol5050Wrapper { padding: 0 !important; border: solid 1px transparent; } /* border is hack for IE spacing issue */ .twoCol5050Wrapper div { width: 47%; float: left; } .twoCol5050Wrapper div:first-child { margin-right: 6%; } .twoCol5050Wrapper div label { width: 103px !important; } /* radio groups */ .radioGroup { border-top: solid 1px transparent; } /* border is hack for IE spacing issue */ .form_5050 .radioGroup { float: right; } .form_5050 .radioGroup { width: 200px; } fieldset.fullWidth .radioGroup { width: 40%; margin-left: 10px; } .radioGroup * { float: left !important; width: auto !important; display: inline; margin: 0; } .radioGroup label { margin: 0 10px 0 6px; } .radioGroup .badField_text { margin-top: 10px !important; } /* checkbox groups */ .checkboxGroup { width: 25%; float: left; height:40px; } .checkboxGroup * { float: none !important; } .checkboxGroup div { clear: both; padding-bottom: 12px; } .checkboxGroup label { display: inline; position: relative; top: 0; } .checkboxGroup .textfield2 { width: 130px; margin-left: 10px; } /* wrappers for fields that appear with other elements (e.g. DOB field + calendar icon) */ .fieldHolder { float: right; } .fieldHolder p { margin-top: 4px; } .form_5050 .fieldHolder { width: 200px; } .fieldHolder input { float: left; } .calendarIcon { width: 17px; float: left; height: 14px; display: block; background: url(/assets/images/calendar.gif); position: relative; left: 6px; } /* callouts */ .callout { width: 674px; background: #ffec80; padding: 13px; margin-top: 10px; } .form_5050 .callout { width: 302px !important; } .callout h4 { border: none; margin: 0 0 10px 0; padding: 0; } .callout label { width: 115px; } .callout input { width: 178px; } #tAndACallout { padding-bottom: 12px; } #tAndACallout label, #tAndACallout input { float: none; margin: 0; width: auto; float: left; padding: 0; } #tAndACallout label { border: none; text-indent: 6px; font-weight: bold; } fieldset.fullWidth .callout input { float: left; width: auto; margin-right: 10px; } .callout.white{background:none;} .callout.fatter { padding: 30px; width: 640px; } .callout.fatter label { width: 200px; } /* yellow tab areas */ .yellowTabs { margin: 25px 0 10px 0; display: none; } .yellowTabs ul { margin: 0; padding: 0; } #content .yellowTabs li {display: block; width: 150px; float: left; list-style: none; padding: 7px 10px 12px 10px; cursor: pointer; background: none; margin: 0;} .yellowTabs li.on {background: #ffec80 !important;cursor: default;border-top-left-radius: 7px;-moz-border-top-left-radius: 7px;border-top-right-radius: 7px;-moz-border-top-right-radius: 7px;} .yellowTabs li input { float: left; margin-right: 10px; cursor: pointer; } .yellowTabs label { width: 80px; } .yellowTabs p { margin-bottom: 0; } .yellowTabs input { float: none; } .yellowTabs div { background: #ffec80; padding: 15px; } #schoolFind_byKeyword_area { display: none; } #clubFind_byKeyword_area { display: none; } /* membership & payment specifics */ .viewBenefitsLink { font-size: 12px !important; margin-left: 20px; font-weight: normal; } #paymentOptions { padding-bottom: 0px; } invoiceFields { display: none; border-top: solid 1px #e6e6e6; } usePrevDetails { width: 100%; margin: 12px 0 20px 0; } #usePrevDetails input { float: left; margin-right: 6px; width: auto; } #usePrevDetails label { width: 90% !important; font-weight: bold; } /* ========= thanks page === */ #myAccountExpl li { margin-bottom: 6px; } /* ========= login form === */ #content #loginForm{width:auto;float:left;margin:0;} #loginForm fieldset label { display: block; margin:2px 0 0 0;} #loginForm fieldset input { float: left; } #loginForm .callout{margin:0;} .login.fr{width:350px;position:relative;z-index:100;} .login .bg{background:#ccebf7;padding:10px;height:54px;} #content .login.fr h2{margin:0;padding:0;border:none;font-size:15px;margin:0 0 10px;} #content .login.fr p{margin:0;width:217px;float:left;} .loginwrap .buttonsFooter{margin:0;} #content .loginwrap #asteriskExpl{margin-bottom:10px!important;} /* ========= order details page === */ #orderDetails { margin-top: 20px; } #orderDetails * { font-size: 14px; margin-bottom: 10px; } #totalCol { background: #000; font-size: 16px; font-weight: bold; color: #fff; border: solid 1px transparent; } /* ========= update event or scheme page === */ #endDateLabel, #endTimeLabel { margin: 0 8px 0 20px; width: auto; } #endTimeLabel { margin-left: 37px; } #numDays { margin-left: 20px; } /* ========= academy calendar page === */ .table_fullColSpanLinksRow td { padding-top: 2px !important; border-bottom: solid 2px #ccc !important; } .table_fullColSpanLinksRow td p { margin: 0 !important; } .table_fullColSpanLinksRow td p a { margin: 0 6px; } #wrapper table ul{ margin:0; } #content table ul.fr li{ background:none; float:left; padding:0; margin:0; } #wrapper table ul.fr li a{ padding: 0 5px; } #wrapper table ul.fr li a.csv { padding-left: 0; } /* ========= goodie bag order page === */ #goodie_bag_order_form { margin-top: 20px; border-top: solid 1px #e6e6e6; } #goodie_bag_order_form fieldset { width: 96%; padding: 6px 2% 6px 2%; } #goodie_bag_order_form fieldset:hover { background: #e6f7fb; } #goodie_bag_order_form fieldset .callout { width: 96%; } #goodie_bag_order_form h4 { border: none; margin: 10px 0 0 0; padding-bottom: 0; } #goodie_bag_order_form h4 a { text-decoration: none; } #goodie_bag_order_form fieldset#pickTops div { width: 29%; float: left; margin-right: 4%; } #goodie_bag_order_form fieldset#pickTops div select { float: none; } #goodie_bag_order_form fieldset#pickTops div .buttonsFooter { margin: 0 0 20px 0; width: 100%; } #goodie_bag_order_form fieldset#pickTops div .buttonsFooter button { margin: 0; } #goodie_bag_order_form fieldset#pickTops h4 { color: #f40f2d; } #goodie_bag_order_form fieldset#pickTops h5 { margin: 15px 0 0 0; } #goodie_bag_order_form fieldset#pickTops .free { font-size: 19px; font-weight: bold; margin: 0; } #goodie_bag_order_form fieldset#pickTops button { float: none !important; margin-bottom: 10px; } #goodie_bag_order_form fieldset#pickTops h5 span { font-size: inherit; font-weight: inherit; } #goodie_bag_order_form fieldset#pickTops div h4 { color: #000; margin-top: 30px; } #goodie_bag_order_form fieldset#pickTops div div.productShot { width: 100%; height: 200px; background: #ccc; margin: 20px 0; } #goodie_bag_order_form .callout { margin-top: 20px; } #goodie_bag_order_form .callout label { font-weight: bold; width: 150px; } #goodie_bag_order_form .callout .fieldHolder { margin-right: 30px; float: right; } #goodie_bag_order_form .callout .fieldHolder label { width: auto; margin-right: 10px; font-weight: normal; position: relative; top: 2px; } #goodie_bag_order_form .callout p { margin: 8px 0 0 0; } /* ========= upload participants page === */ #uploadParticipants_callout { padding: 13px !important; } #uploadParticipants_callout input, #uploadParticipants_callout select { width: 270px; float: left; } #uploadParticipants_callout label { width: auto !important; margin-left: 10px; } /* ========= startrack registration pages === */ /* stage 1 */ #startrackReg1 { border-top: solid 1px #e6e6e6; width: 700px; position: relative; } #conjunctionWarning,.conjunctionWarning { color: #f40f2d; font-weight: bold; padding: 10px; margin-bottom: 40px; width: 680px; border: solid 2px #f40f2d; } #ifIncorrectDetails { position: absolute; right: 0; width: 270px; } #ifIncorrectDetails button { float: left; } #startrackReg1 label { width: 150px; float: left; } #startrackReg1 span { float: left; } #newOrg label { width: 50%; } #newOrg p { float: left; margin: 4px 0 0 6px; } /* stage 3 */ #localOfficesPopUp { display: none; padding: 20px; background: #fff; width: 400px; height: 270px; } #localOfficesPopUp button { margin-top: 15px; float: right; } #localOfficesPopUp div { margin-top: 10px; } #localOfficesPopUp div h5 { margin: 12px 0 6px 0; font-size: 13px; } #startrackReg3 { margin-top: 25px; } #startrackReg3 label { width: 550px; } #startrackReg3 .radioGroup { float: right; width: auto; } /* ========= basket page === */ #basketTable input { float: none; } #editBagsText { position: relative; } #editBagsText p { font-weight: normal; position: absolute; font-style: italic; } #cards { width: 700px; margin-top: 25px; } #cards div { background: url(/assets/images/cards.gif); width: 214px; height: 28px; float: left; } #cards p { font-style: italic; float: right; width: 475px; margin: 0; } /* ========= order summary page === */ #summaryTable input { float: none; } #editOrderBut { position: relative; } #editOrderBut button { position: absolute; left: 0; margin: 0; } #remindAddr { height: 200px; border-top: solid 1px #e6e6e6; } #remindAddr h5 { padding: 20px 0; border-bottom: solid 1px #e6e6e6; margin-bottom: 0; } #remindAddr div { border-bottom: solid 1px #e6e6e6; height: 100%; } #remindAddr button { float: none !important; margin: 0; } #basketTable{margin-bottom:20px;} /* order confirmation page */ #content div.order_confirmation p { background:#ffec80; font-weight:bold; font-size:14px; padding:10px; margin:0 0 2px 0; } #content div.order_confirmation p span { color:#3375b9; font-size:25px; padding-left:5px; } ======= /* ========= misc, preparatory === */ .fl { float: left !important; } .fr { float: right !important; } .fullWidth { width: 100% !important; } .warning { font-weight: bold; color: #f40f2d; font-style: italic; margin: 4px 10px 18px 10px; } .badField_text { color: #f40f2d; margin: 25px 0 10px 0 !important; color: #f40f2d; } .smallText, .smallText em, .smallText strong, .smallText span { font-size: 11px; margin-top: 12px; } /* ========= clears === */ .cl, .cl2, .cl3, .cl4 { clear: both; display: block; margin:0;line-height:0;height:1px;padding:0;font-size:1% } .cl2 { padding-bottom: 9px; } .cl3 { padding-bottom: 15px; } .cl4 { padding-bottom: 22px; } /* ========= buttons === */ .blackButton { background: #000; color: #fff; border: solid 1px #000; height: 20px; padding: 0 4px; cursor: pointer; } #content .submit, .greyBut, button { background: #ffd900; border: none; padding: 3px 4px; border: solid 1px #ffd900; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -icab-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; cursor: pointer; font-weight: bold; font-size: 14px; float: right !important; margin-left: 10px; } #content a.submit { padding-bottom:5px; } .greyBut, #content div.buttonsFooter button.submit.greyBut { background: #e6e6e6; border-color: #e6e6e6; float: left; } .disabled { color: #aaa; background: #f4f4f4; } #content .submit.addToCart { background-image: url(/assets/images/cart.gif); background-position: 6px center; background-repeat: no-repeat; text-indent: 30px; } /* ========= links === */ a { color: #052d92; text-decoration: underline; } a:hover { text-decoration: none; } /* ========= special links (with file download icons etc) === */ a.downloadFile { background: left center no-repeat; padding-right: 20px; } a.downloadFile.csv { background-image: url(/assets/images/csv_icon.gif); } .csv{ background:url(/assets/images/icon-csv.png) no-repeat left center; float:left; height:22px; text-indent: 25px; } /* ========= headings === */ #content h2 { font-size: 19px; padding-bottom: 10px; border-bottom: solid 1px #e6e6e6; } h4 { font-size: 16px; margin-top: 0; } h4 a { font-size: 16px !important; } h4 span { font-size: 12px; font-weight: normal; } h5 { font-size: 14px; margin-top: 0; margin-bottom: 23px; } /* ========= tables === */ .table { width: 700px; border-collapse: collapse; margin-top: 30px; } .table th, .table td { padding: 8px 15px; } .table.alt th, .table.alt td { padding: 6px 8px; } .table th { background: #f0f0f0; text-align: left; border-right: solid 1px #fff; } .table td { border-bottom: solid 1px #ccc; } .table.morePadding td { padding: 13px 15px; } .table.noBorder td { border: none; } .table_noBorderTD { border: none !important; text-align: right; padding-right: 15px; font-weight: bold; font-size: 13px; } /* ========= form field defaults === */ .textfield0, .textfield1, .textfield2, .textfield3, textarea, select { border: solid 1px #ccc; } .textfield0, .textfield1, .textfield2, .textfield3 { height: 17px; line-height: 17px; } .textfield0 { width: 35px !important;text-align:center; } .textfield1, .textarea1 { width: 90px; } .select1 { width: 92px; } .textfield2, .textarea2 { width: 198px; } .select2 { width: 200px; } .textfield3, .select3, .textarea3 { width: 275px; } .textarea4 { width: 350px; height: 180px; } input.badField_field,select.badField_field { border-color: #f40f2d; } textarea { height: 100px; } #useProfAddr{margin-right:5px;} /* ========= additional css for Andy's lightbox plugin === */ #lightboxdialog ul { margin: 0; padding: 0 0 0 25px; } #lightboxdialog ul li { list-style: square inside; } /* ========= buttons footer === */ .buttonsFooter { border: solid 1px #e5e5e5; border-width:1px 0 0 0; margin-top: 30px; padding: 10px 2px; width: 700px; } .buttonsFooter div { clear: both; } /* ========= sign-up stages arrows === */ .stages { height: 38px; width: 700px; padding: 0; margin: 27px 0; } #content .stages li { list-style: none; float: left; display: block; color: #999; font-weight: bold; font-size: 13px; line-height: 38px; background: none; padding: 0; margin: 0; } #content .stages li.on { color: #000; } #content .stages li#firstStage, #content #startrack_stages li#firstStage { text-indent: 12px; } #signup_stages { background: url(/assets/images/site_registration_stages_arrows.jpg); } #content #signup_stages li { width: 25%; text-indent: 5px; } #startrack_stages { background: url(/assets/images/startrack_registration_stages_arrows.jpg); } #startrack_stages li { width: 33%; text-indent: 20px; } #ordering_stages { background: url(/assets/images/ordering_stages_arrows.jpg) no-repeat; } #ordering_stages li { width: 25%; text-indent: 10px; } /* ========= styled forms === */ .pageForm { width: 700px; margin-top: 20px; } /* undo paragraph reset silliness */ .pageForm p { margin-top: 12px;clear:both; } .pageForm a, .pageForm a, .pageForm label { font-size: 12px; } /* asterisk text */ #asteriskExpl { font-weight: bold; margin-bottom: 20px !important; } #asteriskExpl span { color: #f40f2d; } /* fieldsets */ .pageForm fieldset { border: none; margin: 0; padding: 0; width: 100%; } .pageForm fieldset.divider, .pageForm fieldset.divider2 { border-bottom: solid 1px #e6e6e6; padding-bottom: 13px; } .pageForm fieldset.divider2 { margin: 0; } .form_5050 fieldset { width: 330px; float: left; } /* form-specific headings */ .pageForm h4 { padding-bottom: 16px; border-bottom: solid 1px #e6e6e6; margin-bottom: 16px; } /* labels */ .pageForm label { display: block; float: left; width: 122px; } .pageForm fieldset.fullWidth label { width: 50%; } .pageForm label.fullWidth { float: none; display: inline; } .pageForm label span, h4 em, h5 em { color: #f40f2d; } .callout label { width: 90%; } .pageForm.allLeft label { width: 150px; } /* inputs */ .pageForm input, .pageForm textarea, .pageForm select { float: right; } .pageForm.allLeft input, .pageForm.allLeft select, .pageForm.allLeft textarea { float: left; } /* 50-50, 2 col sub-wrappers */ .twoCol5050Wrapper { padding: 0 !important; border: solid 1px transparent; } /* border is hack for IE spacing issue */ .twoCol5050Wrapper div { width: 47%; float: left; } .twoCol5050Wrapper div:first-child { margin-right: 6%; } .twoCol5050Wrapper div label { width: 103px !important; } /* radio groups */ .radioGroup { border-top: solid 1px transparent; } /* border is hack for IE spacing issue */ .form_5050 .radioGroup { float: right; } .form_5050 .radioGroup { width: 200px; } fieldset.fullWidth .radioGroup { width: 40%; margin-left: 10px; } .radioGroup * { float: left !important; width: auto !important; display: inline; margin: 0; } .radioGroup label { margin: 0 10px 0 6px; } .radioGroup .badField_text { margin-top: 10px !important; } /* checkbox groups */ .checkboxGroup { width: 25%; float: left; height:40px; } .checkboxGroup * { float: none !important; } .checkboxGroup div { clear: both; padding-bottom: 12px; } .checkboxGroup label { display: inline; position: relative; top: 0; } .checkboxGroup .textfield2 { width: 130px; margin-left: 10px; } /* wrappers for fields that appear with other elements (e.g. DOB field + calendar icon) */ .fieldHolder { float: right; } .fieldHolder p { margin-top: 4px; } .form_5050 .fieldHolder { width: 200px; } .fieldHolder input { float: left; } .calendarIcon { width: 17px; float: left; height: 14px; display: block; background: url(/assets/images/calendar.gif); position: relative; left: 6px; } /* callouts */ .callout { width: 674px; background: #ffec80; padding: 13px; margin-top: 10px; } .form_5050 .callout { width: 302px !important; } .callout h4 { border: none; margin: 0 0 10px 0; padding: 0; } .callout label { width: 115px; } .callout input { width: 178px; } #tAndACallout { padding-bottom: 12px; } #tAndACallout label, #tAndACallout input { float: none; margin: 0; width: auto; float: left; padding: 0; } #tAndACallout label { border: none; text-indent: 6px; font-weight: bold; } fieldset.fullWidth .callout input { float: left; width: auto; margin-right: 10px; } .callout.white{background:none;} .callout.fatter { padding: 30px; width: 640px; } .callout.fatter label { width: 200px; } /* yellow tab areas */ .yellowTabs { margin: 25px 0 10px 0; display: none; } .yellowTabs ul { margin: 0; padding: 0; } #content .yellowTabs li {display: block; width: 150px; float: left; list-style: none; padding: 7px 10px 12px 10px; cursor: pointer; background: none; margin: 0;} .yellowTabs li.on {background: #ffec80 !important;cursor: default;border-top-left-radius: 7px;-moz-border-top-left-radius: 7px;border-top-right-radius: 7px;-moz-border-top-right-radius: 7px;} .yellowTabs li input { float: left; margin-right: 10px; cursor: pointer; } .yellowTabs label { width: 80px; } .yellowTabs p { margin-bottom: 0; } .yellowTabs input { float: none; } .yellowTabs div { background: #ffec80; padding: 15px; } #schoolFind_byKeyword_area { display: none; } #clubFind_byKeyword_area { display: none; } /* membership & payment specifics */ .viewBenefitsLink { font-size: 12px !important; margin-left: 20px; font-weight: normal; } #paymentOptions { padding-bottom: 0px; } invoiceFields { display: none; border-top: solid 1px #e6e6e6; } usePrevDetails { width: 100%; margin: 12px 0 20px 0; } #usePrevDetails input { float: left; margin-right: 6px; width: auto; } #usePrevDetails label { width: 90% !important; font-weight: bold; } /* ========= thanks page === */ #myAccountExpl li { margin-bottom: 6px; } /* ========= login form === */ #content #loginForm{width:auto;float:left;margin:0;} #loginForm fieldset label { display: block; margin:2px 0 0 0;} #loginForm fieldset input { float: left; } #loginForm .callout{margin:0;} .login.fr{width:350px;position:relative;z-index:100;} .login .bg{background:#ccebf7;padding:10px;height:54px;} #content .login.fr h2{margin:0;padding:0;border:none;font-size:15px;margin:0 0 10px;} #content .login.fr p{margin:0;width:217px;float:left;} .loginwrap .buttonsFooter{margin:0;} #content .loginwrap #asteriskExpl{margin-bottom:10px!important;} /* ========= order details page === */ #orderDetails { margin-top: 20px; } #orderDetails * { font-size: 14px; margin-bottom: 10px; } #totalCol { background: #000; font-size: 16px; font-weight: bold; color: #fff; border: solid 1px transparent; } /* ========= update event or scheme page === */ #endDateLabel, #endTimeLabel { margin: 0 8px 0 20px; width: auto; } #endTimeLabel { margin-left: 37px; } #numDays { margin-left: 20px; } /* ========= academy calendar page === */ .table_fullColSpanLinksRow td { padding-top: 2px !important; border-bottom: solid 2px #ccc !important; } .table_fullColSpanLinksRow td p { margin: 0 !important; } .table_fullColSpanLinksRow td p a { margin: 0 6px; } #wrapper table ul{ margin:0; } #content table ul.fr li{ background:none; float:left; padding:0; margin:0; } #wrapper table ul.fr li a{ padding: 0 5px; } #wrapper table ul.fr li a.csv { padding-left: 0; } /* ========= goodie bag order page === */ #goodie_bag_order_form { margin-top: 20px; border-top: solid 1px #e6e6e6; } #goodie_bag_order_form fieldset { width: 96%; padding: 6px 2% 6px 2%; } #goodie_bag_order_form fieldset:hover { background: #e6f7fb; } #goodie_bag_order_form fieldset .callout { width: 96%; } #goodie_bag_order_form h4 { border: none; margin: 10px 0 0 0; padding-bottom: 0; } #goodie_bag_order_form h4 a { text-decoration: none; } #goodie_bag_order_form fieldset#pickTops div { width: 29%; float: left; margin-right: 4%; } #goodie_bag_order_form fieldset#pickTops div select { float: none; } #goodie_bag_order_form fieldset#pickTops div .buttonsFooter { margin: 0 0 20px 0; width: 100%; } #goodie_bag_order_form fieldset#pickTops div .buttonsFooter button { margin: 0; } #goodie_bag_order_form fieldset#pickTops h4 { color: #f40f2d; } #goodie_bag_order_form fieldset#pickTops h5 { margin: 15px 0 0 0; } #goodie_bag_order_form fieldset#pickTops .free { font-size: 19px; font-weight: bold; margin: 0; } #goodie_bag_order_form fieldset#pickTops button { float: none !important; margin-bottom: 10px; } #goodie_bag_order_form fieldset#pickTops h5 span { font-size: inherit; font-weight: inherit; } #goodie_bag_order_form fieldset#pickTops div h4 { color: #000; margin-top: 30px; } #goodie_bag_order_form fieldset#pickTops div div.productShot { width: 100%; height: 200px; background: #ccc; margin: 20px 0; } #goodie_bag_order_form .callout { margin-top: 20px; } #goodie_bag_order_form .callout label { font-weight: bold; width: 150px; } #goodie_bag_order_form .callout .fieldHolder { margin-right: 30px; float: right; } #goodie_bag_order_form .callout .fieldHolder label { width: auto; margin-right: 10px; font-weight: normal; position: relative; top: 2px; } #goodie_bag_order_form .callout p { margin: 8px 0 0 0; } /* ========= upload participants page === */ #uploadParticipants_callout { padding: 13px !important; } #uploadParticipants_callout input, #uploadParticipants_callout select { width: 270px; float: left; } #uploadParticipants_callout label { width: auto !important; margin-left: 10px; } /* ========= startrack registration pages === */ /* stage 1 */ #startrackReg1 { border-top: solid 1px #e6e6e6; width: 700px; position: relative; } #conjunctionWarning,.conjunctionWarning { color: #f40f2d; font-weight: bold; padding: 10px; margin-bottom: 40px; width: 680px; border: solid 2px #f40f2d; } #ifIncorrectDetails { position: absolute; right: 0; width: 270px; } #ifIncorrectDetails button { float: left; } #startrackReg1 label { width: 150px; float: left; } #startrackReg1 span { float: left; } #newOrg label { width: 50%; } #newOrg p { float: left; margin: 4px 0 0 6px; } /* stage 3 */ #localOfficesPopUp { display: none; padding: 20px; background: #fff; width: 400px; height: 270px; } #localOfficesPopUp button { margin-top: 15px; float: right; } #localOfficesPopUp div { margin-top: 10px; } #localOfficesPopUp div h5 { margin: 12px 0 6px 0; font-size: 13px; } #startrackReg3 { margin-top: 25px; } #startrackReg3 label { width: 550px; } #startrackReg3 .radioGroup { float: right; width: auto; } /* ========= basket page === */ #basketTable input { float: none; } #editBagsText { position: relative; } #editBagsText p { font-weight: normal; position: absolute; font-style: italic; } #cards { width: 700px; margin-top: 25px; } #cards div { background: url(/assets/images/cards.gif); width: 214px; height: 28px; float: left; } #cards p { font-style: italic; float: right; width: 475px; margin: 0; } /* ========= order summary page === */ #summaryTable input { float: none; } #editOrderBut { position: relative; } #editOrderBut button { position: absolute; left: 0; margin: 0; } #remindAddr { height: 200px; border-top: solid 1px #e6e6e6; } #remindAddr h5 { padding: 20px 0; border-bottom: solid 1px #e6e6e6; margin-bottom: 0; } #remindAddr div { border-bottom: solid 1px #e6e6e6; height: 100%; } #remindAddr button { float: none !important; margin: 0; } #basketTable{margin-bottom:20px;} /* order confirmation page */ #content div.order_confirmation p { background:#ffec80; font-weight:bold; font-size:14px; padding:10px; margin:0 0 2px 0; } #content div.order_confirmation p span { color:#3375b9; font-size:25px; padding-left:5px; } >>>>>>> .r797