/* Layout and Positioning ================================================================================================= */ /* #contents ul, #contents li, #contents p, #contents h3, #contents h4 { margin: 0; padding: 0; } #contents li { background: none; } */ #nodecontent li { list-style: none; } #nodecontent h3 { padding: 0px; } #noCookiesError { width: 650px; margin: 0px 0px 10px 15px; padding: 10px; background-color: #F0F87E; border: 2px solid #E4F149; } h3#top { margin: 12px 0px 13px 0px; padding: 3px 5px 10px 5px; } h3#topHeader { width: 700px; height: 40px; margin: 12px 0px 0px 0px; background: #cbe4fd url(innerpage_topheader.gif) no-repeat top left; } span.gakko { display: inline; float: left; margin: 10px 0px 0px 22px; } span.headerTxt { display: inline; float: left; margin: 10px 0px 0px 20px; } h3.schoolHeader span.headerTxt { margin: 10px 0px 0px 10px;} span.schoolLogo { display: inline; float: left; margin: 0px 0px 0px 10px; } a.printIcon { display: inline; float: right; width: 14px; height: 14px; margin: 12px 15px 0px 0px; outline: none; background: transparent url(/img/elts/icon_print.png) no-repeat top left; text-indent: -4000px; } #toolbar { display: inline; float: left; width: 700px; margin: 10px 0px 6px 0px; } #toolbar li { background: none; } #jump li, #help li { display: inline; } #jump { width: 466px; float: left; display: inline; } .etapes #jump { width: 525px; } #help { width: 234px; float: left; display: inline; text-align: right;} .etapes #help { width: 175px; } /* Search Page */ #interactiveArea{ float: left; width: 700px; height: 290px; background: #ebf4fe url(bg_search_icons.gif) repeat-x top left; } #step1 { display: inline; float: left; width: 320px; height: 40px; background: url(search_step_1.gif) no-repeat top left; } #finished { display: inline; float: left; width: 700px; height: 64px; background: url(h4_thankyou.png) no-repeat top left; text-indent: -4000px;} #stepsIndicator { display: inline; float: right; width: 361px; height: 29px; margin: 6px 5px 0px 0px; background: url(search_step_2_3.gif) no-repeat top left; } #stepsIndicator.showStep2And3 { background-position: bottom left; } #stepsIndicator a#showNextSteps { display: none; outline: none; width: 361px; height: 29px; } #step1Exp { display: inline; float: left; width: 500px; height: 24px; background: url(search_step_1_exp.gif) no-repeat top left; } #searchMap { float: right; margin: 10px 0px 0px 0px; } #searchMap ul#franceMap { list-style-type: none; position: relative; width: 141px; height: 205px; background: url(map_large.gif) no-repeat 0px 0px; } #searchMap li.location { z-index: 10; position: absolute; list-style: none; margin-left:0px !important; margin-bottom: 0px !important; } #searchMap li.location a { display: block; width: 8px; height: 8px; outline: none; background: transparent url(map_markers.gif) no-repeat -24px 0px; } #searchMap li.location a:hover { background-position: -8px 0px; } #searchMap li.location a.selected { background-position: 0px 0px; } #searchMap li.location span { display: block; width: 8px; height: 8px; background: transparent url(map_markers.gif) no-repeat -16px 0px; } #searchButtons { display: inline; float: left; width: 559px; height: 190px; margin: 25px 0px 0px 0px; overflow: hidden; } #searchButtons h4 { display: block; float: left; height: 12px; margin: 0px 0px 4px 0px; overflow: hidden; background-image: url(button_group_labels.gif); background-repeat: no-repeat; } #searchButtons ul { display: inline; float: left; } #searchButtons li { display: inline; float: left; height: 70px; margin: 0px 7px 0px 0px; padding: 0; } #searchButtons li.lastRightButton { margin: 0; } #searchButtons li a { background-image: url(search-buttons.gif); background-repeat: no-repeat; overflow: hidden; width: 45px; } #searchButtons li a { line-height: 45px; padding-top: 45px; height: 0px !important; height /**/: 45px; display: block; overflow: hidden; outline: none; } #searchButtons li span { background-image: url(button_labels.gif); background-repeat: no-repeat; } #searchButtons li span { display: block; width: 45px; height: 21px; margin: 3px 0px 0px 0px; } #chooseIntensity, #chooseStart, #chooseRegion, #chooseDuration, #chooseClassSize, #chooseIsolationLevel { display: inline; float: left; background-image: url(button_group_divider.gif); background-repeat: no-repeat; } #chooseIntensity { width: 162px; margin: 0px 0px 0px 10px; background-position: 149px 18px; } #chooseIntensity h4 { width: 162px; background-position: 0px 0px; } #chooseStart { width: 214px; margin: 0px 0px 0px 12px; background-position: 201px 18px; } #chooseStart h4 { width: 214px; background-position: 0px -12px; } #chooseDuration { width: 149px; margin: 0px 0px 0px 12px; background-position: 300px 300px; } #chooseDuration h4 { width: 149px; background-position: 0px -24px; } #chooseRegion { width: 162px; margin: 0px 0px 0px 10px; background-position: 149px 18px; } #chooseRegion h4 { width: 162px; background-position: 0px -36px; } #chooseClassSize { width: 110px; margin: 0px 0px 0px 12px; background-position: 97px 18px; } #chooseClassSize h4 { width: 110px; background-position: 0px -48px; } #chooseIsolationLevel { width: 149px; margin: 0px 0px 0px 12px; background-position: 300px 300px; } #chooseIsolationLevel h4 { width: 149px; background-position: 0px -60px; } #resetButton { display: inline; float: left; margin: 30px 0px 0px 18px; } #resetButton a { float: left; display: block; width: 70px; height: 20px; outline: none; background: url(button_reset.gif) no-repeat top left; } #resetButton a:hover { background: url(button_reset.gif) no-repeat top right; } #searchResultsBlock { float: left; width: 700px; } #resultsHeader { float: left; width: 700px; height: 40px; background: url(bg_search_results.gif) no-repeat top left; } #loadingIndicator { display: inline; float: left; width: 95px; height: 13px; margin: 13px 0px 0px 25px; text-indent: -4000px; } .initial { background-image: none !important; width: 0px !important; margin: 0px 0px 0px 12px !important; } .static { background: url(search_static.gif) no-repeat top left !important; } .animation { background: url(search_animation.gif) no-repeat top left !important; } #searchResultNumbers { display: inline; float: left; width: 200px; margin: 11px 0px 0px 8px; } #resultsHelp { display: inline; float: right; margin: 5px 6px 0px 0px; } #resultsHelp ul { list-style-type: none; } #resultsHelp li#savedList { margin: 0; padding: 0px 0px 0px 20px; background: url(icon_list.gif) no-repeat 5px 2px; } #resultsHelp li#guidance { margin: 0; padding: 0px 0px 0px 20px; background: url(icon_email.gif) no-repeat 0px 2px; } #searchResults { float: left; width: 700px; } #searchResults p { margin: 0px 0px 20px 0px; } .schoolResult { float: left; width: 700px; background: #e9f4ff url(bg_gradient.gif) repeat-x top left; } .schoolPrevImage { display: inline; float: left; width: 100px; margin: 20px 15px 0px 15px; } .schoolPrevImage img { margin: 0px 0px 20px 0px; } .schoolIntro { display: inline; float: left; width: 500px; margin: 20px 0px 0px 0px; } .schoolInfoBlock { display: inline; float: left; width: 319px; margin: 18px 0px 35px 14px; } #searchResults .schoolInfoBlock h4 { margin: 0px 0px 12px 0px; } .schoolInfoBlock img { display: inline; float: left; margin: 3px 8px 1px 0px; } p#addInstructions { float: right; width: 336px; height: 22px; margin: 18px 14px 5px 0px; background: transparent url(add_button_label.gif) no-repeat top right; } .schoolCourses { float: right; width: 350px; margin: 0px 0px 35px 0px; border-top: 1px solid #d0e7fd; } .courseInfoBlock { float: left; width: 347px; background-color: #f6fbff; border-bottom: 1px solid #d0e7fd; } .courseInfoBlock ul { float: left; list-style-type: none; } .courseDetails { display: inline; float: left; width: 280px; margin: 5px 0px 0px 5px; } #contents .courseDetails a { float: left; width: 265px; } #contents .courseDetails ul { margin: 6px 0px 0px 0px; } #coursesList .courseDetails { width: 290px; } #searchResults .courseDetails li, #coursesList .courseDetails li { float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 6px 0px; background: none; } a.cartButton { display: block; float: right; outline: none; width: 46px; height: 23px; margin: 8px 13px 0px 0px; background: #f5fafe url(button_add_sm.gif); } a.add { background-position: 0px 0px; } a.add:hover { background-position: -46px 0px; } a.add.clicked:hover { background-position: 0px 0px; } a.remove { background-position: -92px 0px; } a.remove:hover { background-position: -138px 0px; } a.remove.clicked:hover { background-position: -92px 0px; } p#zeroResults { padding: 20px 15px 200px 15px; background-color: #e9f4ff } #nextSteps { float: left; width: 695px; padding: 4px 0px 4px 5px; background-color: #f4f4f4; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #nextSteps a { margin: 0px 0px 0px 8px; } /* Search Map Points (location areas rather than individual cities) */ #searchMap ul#franceMap li#location-1 { left: 77px; top: 36px; } /* Paris */ #searchMap ul#franceMap li#location-2 { left: 86px; top: 71px; } /* Vichy */ #searchMap ul#franceMap li#location-3 { left: 49px; top: 53px; } /* Angers */ #searchMap ul#franceMap li#location-4 { left: 125px; top: 108px; } /* Nnce + Antibes */ #searchMap ul#franceMap li#location-5 { left: 99px; top: 178px; } /* Nouméa */ #searchMap ul#franceMap li#location-6 { left: 115px; top: 52px; } /* Besançon */ #searchMap ul#franceMap li#location-7 { left: 64px; top: 53px; } /* Tours */ #searchMap ul#franceMap li#location-8 { left: 50px; top: 30px; } /* Caen */ #searchMap ul#franceMap li#location-9 { left: 88px; top: 112px; } /* Montpellier */ #searchMap ul#franceMap li#location-10 { left: 10px; top: 40px; } /* Brest */ #searchMap ul#franceMap li#location-11 { left: 45px; top: 92px; } /* Bordeaux */ #searchMap ul#franceMap li#location-12 { left: 100px; top: 92px; } /* Lyon */ /* added by chikara 101014 */ #searchMap ul#franceMap li#location-13 { left: 110px; top: 77px; } /* AnnecyLeVieux */ /* Main Search Buttons */ #searchButtons span { text-indent: -4000px; } #pace-slow, #pace-slow a { background-position: 0px 0px; } #pace-slow a:hover { background-position: -90px 0px; } #pace-slow.on, #pace-slow.on a, #pace-slow.on a:hover { background-position: -45px 0px; } #pace-slow span { background-position: 0px 0px; } #pace-medium, #pace-medium a { background-position: 0px -45px; } #pace-medium a:hover { background-position: -90px -45px; } #pace-medium.on, #pace-medium.on a, #pace-medium.on a:hover { background-position: -45px -45px; } #pace-medium span { background-position: 0px -21px; } #pace-fast, #pace-fast a { background-position: 0px -90px; } #pace-fast a:hover { background-position: -90px -90px; } #pace-fast.on, #pace-fast.on a, #pace-fast.on a:hover { background-position: -45px -90px; } #pace-fast span { background-position: 0px -42px; } #season-spring, #season-spring a { background-position: 0px -135px; } #season-spring a:hover { background-position: -90px -135px; } #season-spring.on, #season-spring.on a, #season-spring.on a:hover { background-position: -45px -135px; } #season-spring span { background-position: 0px -63px; } #season-summer, #season-summer a { background-position: 0px -180px; } #season-summer a:hover { background-position: -90px -180px; } #season-summer.on, #season-summer.on a, #season-summer.on a:hover { background-position: -45px -180px; } #season-summer span { background-position: 0px -84px; } #season-fall, #season-fall a { background-position: 0px -225px;} #season-fall a:hover { background-position: -90px -225px;} #season-fall.on, #season-fall.on a, #season-fall.on a:hover { background-position: -45px -225px; } #season-fall span { background-position: 0px -105px; } #season-winter, #season-winter a { background-position: 0px -270px; } #season-winter a:hover { background-position: -90px -270px; } #season-winter.on, #season-winter.on a, #season-winter.on a:hover { background-position: -45px -270px; } #season-winter span { background-position: 0px -126px; } #length-short, #length-short a { background-position: 0px -315px; } #length-short a:hover { background-position: -90px -315px; } #length-short.on, #length-short.on a, #length-short.on a:hover { background-position: -45px -315px; } #length-short span { background-position: 0px -147px; } #length-medium, #length-medium a { background-position: 0px -360px; } #length-medium a:hover { background-position: -90px -360px; } #length-medium.on, #length-medium.on a, #length-medium.on a:hover { background-position: -45px -360px; } #length-medium span { background-position: 0px -168px; } #length-long, #length-long a { background-position: 0px -405px; } #length-long a:hover { background-position: -90px -405px; } #length-long.on, #length-long.on a, #length-long.on a:hover { background-position: -45px -405px; } #length-long span { background-position: 0px -189px; } #area-city, #area-city a { background-position: 0px -450px; } #area-city a:hover { background-position: -90px -450px; } #area-city.on, #area-city.on a, #area-city.on a:hover { background-position: -45px -450px; } #area-city span { background-position: 0px -210px; } #area-country, #area-country a { background-position: 0px -495px;} #area-country a:hover { background-position: -90px -495px;} #area-country.on, #area-country.on a, #area-country.on a:hover { background-position: -45px -495px; } #area-country span { background-position: 0px -231px; } #area-sea, #area-sea a { background-position: 0px -540px; } #area-sea a:hover { background-position: -90px -540px; } #area-sea.on, #area-sea.on a, #area-sea.on a:hover { background-position: -45px -540px } #area-sea span { background-position: 0px -252px; } #size-small, #size-small a { background-position: 0px -585px; } #size-small a:hover { background-position: -90px -585px; } #size-small.on, #size-small.on a, #size-small.on a:hover { background-position: -45px -585px; } #size-small span { background-position: 0px -273px; } #size-large, #size-large a { background-position: 0px -630px; } #size-large a:hover { background-position: -90px -630px; } #size-large.on, #size-large.on a, #size-large.on a:hover { background-position: -45px -630px; } #size-large span { background-position: 0px -294px; } #other-staff, #other-staff a { background-position: 0px -675px; } #other-staff a:hover { background-position: -90px -675px; } #other-staff.on, #other-staff.on a, #other-staff.on a:hover { background-position: -45px -675px; } #other-staff span { background-position: 0px -315px; } #other-class, #other-class a { background-position: 0px -720px; } #other-class a:hover { background-position: -90px -720px; } #other-class.on, #other-class.on a, #other-class.on a:hover { background-position: -45px -720px; } #other-class span { background-position: 0px -336px; } #other-jp, #other-jp a { background-position: 0px -765px; } #other-jp a:hover { background-position: -90px -765px; } #other-jp.on, #other-jp.on a, #other-jp.on a:hover { background-position: -45px -765px; } #other-jp span { background-position: 0px -357px; } /* Individual School Page */ #schoolInfo { display: inline; float: left; width: 475px; margin: 10px 25px 0px 0px; } #schoolIntro { float: left; width: 475px; padding: 8px 0px 0px 0px; border-top: 1px solid #ebebeb; background-color: #fafafa; } #schoolIntro p { padding: 0px 6px 0px 6px; } #mainPoints { width: 462px; margin: 8px 0px 20px 0px; background: transparent url(bg_three_points_top.gif) no-repeat top left; } #mainPoints p { text-indent: -4000px; } #mainPoints ul { width: 462px; margin: 2px 0px 0px 0px; padding: 0px 0px 10px 0px; background: transparent url(bg_three_points_bottom.gif) no-repeat bottom left; } #mainPoints li { width: 335px; margin: 0px 0px 10px 100px; padding: 0px 0px 0px 15px; background: transparent url(bullet_3points.gif) no-repeat 0px 5px; } #mainPoints li.lastPoint { margin: 0px 0px 0px 100px; } #schoolData { float: left; width: 475px; background-color: #fafafa; border-bottom: 1px solid #ebebeb; } #schoolData h3 { margin: 0px 0px 8px 0px; padding: 5px 0px 5px 8px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: none; } #schoolData p { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 10px; background: url(small_bullet.gif) 1px .3em no-repeat; } #schoolData ul { margin: 0px 0px 8px 0px; } #schoolData li { margin: 0; padding: 0px 0px 0px 10px; list-style: none; background: url(small_bullet.gif) 1px .3em no-repeat; } #courses { float: left; width: 475px; margin: 20px 0px 0px 0px; background-color: #F6FBFF; } #coursesHeader { float: left; width: 475px; height: 40px; background: url(bg_class_list.gif) no-repeat top left; } #coursesHeader h3 { float: left; width: 80px; margin: 12px 0px 0px 25px; background: none; } #courses p#addInstructions { display: inline; width: 465px; height: 10px; margin: 7px 6px 4px 0px; background-image: url(school_button_column_label.gif); } #coursesList { float: left; width: 475px; border-top: 1px solid #d0e7fd; } #coursesList .courseInfoBlock { width: 475px; } .inSearchResults { margin-left: 0px; padding: 0px 0px 0px 20px; background: url(arrow-selected.png) no-repeat 3px 10px; } .notInSearchResults { margin-left: 0px; padding: 0px 0px 0px 20px; } #courses p#returnToSearch { width: 469px; } #qualifications { float: left; width: 475px; margin: 0px 0px 20px 0px; padding: 8px 0px 0px 0px; border-bottom: 1px solid #ebebeb; background-color: #fafafa; } #qualifications h4 { display: inline; float: left; width: 400px; margin: 0px 0px 6px 6px; } #qualifications ul { display: inline; float: left; width: 400px; margin: 0px 0px 0px 6px; padding: 0px 0px 10px 0px; } #qualifications ul li { float: left; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 20px; background-image: url(qualif_yesno.gif); background-repeat: no-repeat; } #qualifications ul li.available { background-position: 0px 1px; line-height: 1.2; } #qualifications ul li.notavailable { background-position: 0px -15px; } #accommodations { display: inline; float: left; width: 475px; background-color: #fafafa; border-bottom: 1px solid #eeeeee; } #accommodations h3 { margin: 0px 0px 10px 0px; padding: 6px 0px 6px 4px; background-image: none; background-color: #f4f4f4; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #accommodations h4 { display: inline; float: left; width: 470px; margin: 0px 0px 5px 4px; } .housingOption { display: inline; float: left; margin: 0px 0px 15px 0px; } .housingDesc { display: inline; float: left; width: 340px; margin: 0px 0px 0px 4px; } .housingDesc p { margin: 0; } .housingImage { display: inline; float: right; width: 100px; margin: 4px 8px 0px 8px; } #accommodations p.housingDescTxt { margin: 0px 0px 8px 0px; } #sidebar2 { float: left; width: 200px; margin: 10px 0px 0px 0px; } #slideshow { width: 198px; height: 165px; border: 1px solid #e3e3e3; margin: 0px 0px 15px 0px; } #slideImage { width: 188px; height: 143px; margin: 5px 5px 0px 5px; } #slideButtons { display: inline; float: right; margin: 0px 2px 0px 0px; } #slideButtons p { white-space:nowrap; display: inline; float: left; width: 52px; margin: 0px 30px 0px 0px; } #slideButtons ul { float: left; margin: 3px 0px 0px 0px; } #slideButtons li { display: inline; float: left; margin: 0px 4px 0px 0px; line-height: 0; } #slideButtons li a { display: block; width: 9px; height: 9px; text-indent: -4000px; outline: none; background: url(button_photo_slideshow.gif) no-repeat center left; } #slideButtons li a:hover { background-position: center right; } #slideButtons li.selected a { background-position: center right; } #cityInfo { width: 190px; margin: 0px 0px 14px 0px; padding: 5px; background-color: #dfeffe; } #cityInfo img { display: inline; float: right; margin: 0px 4px 0px 0px; } #schoolContact { width: 200px; border-bottom: 3px solid #e3e3e3; } #schoolContact h3 { margin: 0px 0px 10px 0px; padding: 2px 0px; background: none; border-top: 3px solid #e3e3e3; border-bottom: 3px solid #e3e3e3; } #schoolContact p { margin: 0px 0px 10px 0px; } /* Individual Course Page */ #courseInfo { display: inline; float: left; width: 475px; margin: 0px 25px 0px 0px; } #courseIntro { float: left; width: 475px; margin: 10px 0px 10px 0px; } #priceInfo { float: left; width: 475px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background-color: #fafafa; } #basePrice { display: inline; float: left; width: 220px; margin: 8px 0px 8px 6px; } #repetitionPrices { display: inline; float: left; width: 220px; margin: 8px 0px 8px 15px; } #courseData { float: left; width: 475px; border-bottom: 1px solid #ebebeb; background-color: #fafafa; } .column1 { display: inline; float: left; width: 220px; margin: 8px 0px 8px 6px; } #courseData p#scheduleTxt { margin: 0; } .column2 { display: inline; float: left; width: 220px; margin: 8px 0px 8px 15px; } #courseData h4 { margin: 0px 0px 5px 0px; padding: 0; } #courseData p { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 10px; background: url(small_bullet.gif) 1px .3em no-repeat; } #courseData ul { margin: 0px 0px 16px 0px; } #courseData li { margin: 0; padding: 0px 0px 0px 10px; list-style: none; background: url(small_bullet.gif) 1px .3em no-repeat; } #otherLinks { float: left; width: 475px; margin: 8px 0px 0px 0px; } #sidebar2.coursSideBar #slideImage { margin: 0px 5px 6px 5px; } #sidebar2.coursSideBar #resultsHelp { float: left; width: 200px; height: 36px; margin: 0; background-color: #dfeffe; } #sidebar2.coursSideBar #resultsHelp ul { margin: 3px 0px 0px 5px; } #addCourse { float: left; width: 200px; height: 62px; margin: 0px 0px 19px 0px; background-color: #f5faff; border-top: 1px solid #cce2fb; border-bottom: 1px solid #cce2fb; } #addCourse a { display: inline; display: block; width: 147px; height: 33px; margin: 13px 0px 0px 30px; outline: none; background: transparent url(button_add_big.gif); text-indent: -4000px; } #addCourse a.add { background-position: 0px 0px; } #addCourse a.add:hover { background-position: -147px 0px; } #addCourse a.clicked.add:hover { background-position: 0px 0px; } #addCourse a.remove { background-position: -294px 0px; } #addCourse a.remove:hover { background-position: -441px 0px; } #addCourse a.clicked.remove:hover { background-position: -294px 0px; } #schoolDetails { float: left; width: 200px; border-bottom: 3px solid #e3e3e3; } #schoolDetails h3 { margin: 0px 0px 10px 0px; padding: 2px 0px; background: none; border-top: 3px solid #e3e3e3; border-bottom: 3px solid #e3e3e3; } #schoolDetails h4 { margin: 0px 5px 0px 5px; } #schoolDetails p { margin: 0px 5px 10px 5px; } /* Checkout Page */ h4#step2 { display: block; float: left; width: 700px; height: 65px; margin: 4px 0px 0px 0px; padding: 0; background-image: url(h4_no_courses_added.gif); background-repeat: no-repeat; background-position: top left; } .overFiveSaved { background-image: url(checkout_step_2_3.gif) !important; } .oneToFiveSaved { background-image: url(h4_confirm_courses.gif) !important; } .zeroSaved { background-image: url(h4_no_courses_added.gif) !important; } #courseSelectionBlock { float: left; width: 700px; background: #e9f4ff; } p#scText { margin: 15px 10px 0px 20px; } p#scText span#toBeRemoved { margin: 0px 0px 0px 210px; } #savedCourses { display: inline; float: left; width: 475px; border-top: 1px solid #d0e7fd; } .noCourses { width: 450px; margin: 10px 0px 0px 20px; border: none; } #savedCourses .courseInfoBlock { display: inline; float: left; width: 475px; margin: 0px -3px 0px 0px; } a.deleteButton { float: right; display: block; outline: none; width: 46px; height: 23px; margin: 8px 10px 0px 0px; background: url(button-add-sm.gif) no-repeat -138px 0px; } #savedCourses .courseDetails { margin: 8px 0px 0px 20px; width: 300px; } #savedCourses .courseDetails p { float: left; width: 280px; } #savedCourses .courseDetails h4 { float: left; width: 280px; } #savedCourses .courseInfoBlock ul { float: left; list-style-type: none; margin: 0; } #savedCourses .courseInfoBlock li { float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 8px 0px; background: none; } #instructions { float: right; width: 200px; margin: 0; } #instructions p { margin: 0; padding: 0px 0px 10px 0px; } #deletedCourses { float: left; width: 475px; margin: 10px 0px 10px 20px; } .deletedCourse { height: 14px; margin: 0px 0px 8px 0px; } .deletedCourse img { vertical-align: middle; padding: 0px 2px 3px 0px; } p#returnToSearch { float: left; width: 694px; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 6px; background-color: #f4f4f4; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #contact { float: left; width: 700px; margin: 35px 0px 0px 0px; background: #e9f4ff; } h4#step3 { float: left; width: 700px; height: 87px; margin: 0; padding: 0; background: #cbe4fd url(checkout_step_2_3.gif) no-repeat bottom left; } #errorBox { float: left; width: 660px; margin: 10px 0px 0px 10px; padding: 5px; border: 1px solid #ff0000; background-color: #fddfdf; } #contact #errorBox p { margin: 0; padding: 0; } #contact form { display: inline; float: left; width: 390px; margin: 20px 0px 0px 10px; } #contact p { display: inline; float: left; margin: 0px 12px 25px 0px; padding: 0; } #contact .errorField { background-color: #fddfdf; } p#pickTime { display: inline; float: left; width: 380px; margin: 0; padding: 0; } #contact table { float: left; width: 330px /* オリジナルの値は310px */; border: none; } .availHead { padding: 0px 3px 0px 3px; background: #e9f4ff; border-bottom: 1px solid #d0e7fd; text-align: center; } .availCell { padding: 4px 12px; background-color: #f6fbff; border-bottom: 1px solid #d0e7fd; text-align: center; } .timeLabelCell { padding: 4px 6px; background-color: #f6fbff; border-bottom: 1px solid #d0e7fd; text-align: left; } p#submitContactForm { width: 650px; margin: 20px 0px 20px 0px; } input#submitButton { width: 130px; } /* Thank You Page */ p#printInstructions { margin: 0px 0px 0px 0px; } .clearBoth { clear: both; } /* Typography ================================================================================================= */ span.headerTxt { line-height: 1; } /* Search Page */ #noCookiesError { line-height: 20px; } #pickOptions ul li a { text-decoration: none; text-align: center; } #schoolContact h3, #schoolDetails h3 { text-align: center; line-height: 1.4em; font-weight: normal; color: #424242; } #step1, #stepsIndicator, #step1Exp, #searchMap li.location a, #searchMap li.location span, #searchButtons h4, #resetButton a, a.cartButton { text-indent: -4000px; } #resultsHelp li { } #searchResults h4 a { text-decoration: none; } #searchResultNumbers { line-height: 1; } .courseDetails li { color: #000000; } p#zeroResults { } p#addInstructions { text-indent: -4000px; } #nextSteps { color: #000000; } /* Individual Course Page */ #basePrice span.oneWeek { font-weight: normal; } /* Individual School Page */ #schoolData h3 { color: #000000 !important; } #qualifications ul li { color: #000000; } #coursesHeader h3 { line-height: 1; color: #000000; } #slideshow p { } #accommodations h3 { color: #000; } p.housingPrice span { color: #7d7d7d; font-weight: bold; } /* Checkout Page */ h3#topHeader { color: #2c2d2e; } span.gakko { font-weight: normal; } h4#step2 { text-indent: -4000px; } h4#step3 { text-indent: -4000px; } #basePrice p.basePrice { color: #000000; } #savedCourses .courseInfoBlock li { color: #000000; } a.deleteButton { text-indent: -4000px; } #deletedCourses .deletedCourse { } #availabilityTable th, #availabilityTable td, p#formWarning { color: #2c2d2e; } label { color: #6d6f72; font-weight: bold; }