html, body, span, h1, h2, h3, h4, h5, p, blockquote, big, cite, code, del, dfn, em, font, img, a, a img, ol, ul, li, table, tbody, tfoot, thead, tr, th, td { border: 0 none; margin: 0; outline: 0 none; padding: 0; text-decoration: none; } .table_wrapper { overflow-x: scroll; margin: 0 0 10px; } html { -webkit-text-size-adjust: none; width:100%; } body { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bg.png) repeat 0 0 transparent; font-family: Tahoma, Arial; font-size:13px; color: #535353; line-height:1.5em; } iframe { width:100%; } .clear { clear: both; height: 0; } ul.print_accessibility, h2.print_accessibility{ display:none !important; } h2.sws_title, .content_top > h1, .blog > h2, .ceTitle, h2.heading { border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; color: #0279BD; font-size: 1.4em; font-weight: normal; margin-bottom: 18px; padding: 10px 0; } .top.bar { background: url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/top_bar_bg.png) repeat-x scroll 0 0 transparent; height: 15px; } .top.bar .inner { display: none; } .content_area { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/templates/images/mobile/st_clares_logo_highlight.png") no-repeat scroll center -80px transparent; } /* Logo */ .logo { height: auto; padding: 10px 0; text-align: center; margin:0 auto; width:320px; } .logo img{ display:block; width:100%; } .logo h1 { border: medium none; float: left; margin: 0; padding: 0; position: relative; width: 264px; } .logo h1 a { display: block; height: 100%; left: 0; position: absolute; text-indent: -9999px; top: 0; width: 100%; } .logo h3 { border-left: 2px solid #fff; float: left; margin: 16px 0 0; padding: 3px 0 3px 8px; position: relative; width: 34px; } .logo h3 a { display: block; height: 100%; left: 0; position: absolute; text-indent: -9999px; top: 0; width: 100%; } /* Mobile Menu */ .mobile_menu { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/mobile_menu_bg.png") repeat-x scroll 0 bottom transparent; height: 43px; } .mobile_menu .inner { padding: 0 15px; } .mobile_menu .inner .navigation { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/mobile_menu_navigation_bg.png") no-repeat scroll 0 0 transparent; float: left; height: 43px; width: 131px; } .mobile_menu .inner .navigation h2 { color: #fff; font-family: Tahoma,Geneva,sans-serif; font-size: 15px; font-weight: 100; } .mobile_menu .inner .navigation h2 a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/mobile_menu_navigation_icon.png") no-repeat scroll 100% 17px transparent; color: #fff; display: block; margin: 0 20px; padding: 10px 0; } .mobile_menu .inner .search { background: url("../images/mobile/mobile_menu_search_bg.png") no-repeat scroll 0 0 transparent; float: right; height: 43px; width: 49px; } .mobile_menu .inner .search h2 a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/mobile_menu_search_icon.png") no-repeat scroll center center transparent; display: block; height: 43px; text-indent: -9999px; } /* Mobile Portals */ .mobile_portals { display:block; position:relative; margin:10px 0; } .bx-clone { display:none; } .mobile_portals .outside { position:absolute; top:95px; left:0; width:100%; } .mobile_portals .outside span#slider-prev a { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/portals_slide_prev_icon.png) no-repeat 0 0 transparent; width:23px; height:26px; left:15px; display:block; position:absolute; top:0; text-indent:-9999px; } .mobile_portals .outside span#slider-next a { position:absolute; top:0; background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/portals_slide_next_icon.png) no-repeat 0 0 transparent; width:23px; height:26px; right:15px; display:block; text-indent:-9999px; } .bx-controls.bx-has-pager { left: 0; position: absolute; top: 25px; width: 100%; } .mobile_portals ul li { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/portals_img_highlight.png) no-repeat center 10px transparent; padding:0 10px; } .mobile_portals ul li .icon { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/portals_img_shadow.png) no-repeat center 92% transparent; padding:10px; text-align:center; position:absolute; } .landing_summer .mobile_portals ul li .icon { display:none; } .mobile_portals ul li .title { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/portals_title_shadow.png) no-repeat center 90% transparent; margin:0 auto; position:relative; z-index:2; } .mobile_portals ul li .title h2 { font-family:Tahoma, Geneva, sans-serif; color:#fff; text-align:center; margin:0 auto; font-size: 1em; } .landing_summer .mobile_portals ul li .title h2 { background:#ffff00; color:#000; border: 1px solid #fff; margin: 0 0 10px; } .mobile_portals ul li .title h2 a { color: #fff; display: block; height: 31px; line-height: 30px; margin-bottom: 8px; padding: 0 0 0 35px; } .landing_summer .mobile_portals ul li .title h2 a { color:#000; margin-bottom: 0; } .mobile_portals ul li .title h2 a:hover { background-position: left bottom; } .mobile_portals ul li .title h2 a.ib { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_ib_bg.png") no-repeat scroll 0 0 #584FA0; text-shadow: 1px 1px 1px #393368; } .mobile_portals ul li .title h2 a.pathways { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_uni_bg.png") no-repeat scroll 0 0 #842F59; text-shadow: 1px 1px 1px #561F3A; } .mobile_portals ul li .title h2 a.english { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_english_bg.png") no-repeat scroll 0 0 #009CA5; text-shadow: 1px 1px 1px #00666B; } .mobile_portals ul li .title h2 a.summer { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_summer_bg.png") no-repeat scroll 0 0 #FFF000; color: #222; } .mobile_portals ul li .content { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/portals_content_bg.png) repeat-x 0 0 #04182c; position:relative; z-index:0; height:auto; display:none; margin-bottom:10px; padding:10px 0; } .mobile_portals ul li .content .inner { padding:0; } .mobile_portals ul li .content .inner ul { margin-left:83px; } .mobile_portals ul li .content .inner ul li { background:none; border: medium none; color: #fff; list-style: none outside none; text-align:left; padding:5px 10px; } .mobile_portals #ib_swipe ul li span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_red.png") no-repeat scroll left 7px transparent; padding:0 0 0 20px; } .mobile_portals #ib_swipe ul li a.readmore { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/readmore_ib.png") no-repeat scroll 0 center transparent; text-shadow: 1px 1px 1px #393368; color:#fff; padding:0 0 0 9px; width:199px; display:block; } .mobile_portals #pathways_swipe ul li span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_gold.png") no-repeat scroll left 7px transparent; padding:0 0 0 20px; } .mobile_portals #pathways_swipe ul li a.readmore { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/readmore_pathways.png") no-repeat scroll 0 center transparent; text-shadow: 1px 1px 1px #561F3A; color:#fff; padding:0 0 0 9px; width:199px; display:block; } .mobile_portals #eng_swipe ul li span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_pink.png") no-repeat scroll left 7px transparent; padding:0 0 0 20px; } .mobile_portals #eng_swipe ul li a.readmore { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/readmore_english.png") no-repeat scroll 0 center transparent; text-shadow: 1px 1px 1px #561F3A; color:#fff; padding:0 0 0 9px; width:199px; display:block; } .mobile_portals #summer_swipe ul li span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_blue.png") no-repeat scroll left 7px transparent; padding:0 0 0 20px; } .mobile_portals #summer_swipe ul li a.readmore { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/readmore_summer.png") no-repeat scroll 0 center transparent; color:#000; padding:0 0 0 9px; width:199px; display:block; } .mobile_portals ul li .content .social_media { border-left:none; border-right:none; border-bottom:none; background:none; margin-top: 10px; padding-top: 7px; } .mobile_portals ul li .content .social_media ul li a { display: block; color:#fff; } .mobile_portals ul li .content .social_media ul li a span { display: block; } /* Wrapper */ .wrapper { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bg.png") repeat scroll 0 0 #021F3C; min-height: 100%; min-width: 320px; position: relative; line-height: 1.8em; } .wrapper p { line-height: 1.8em; padding-bottom: 20px; } .wrapper a, .wrapper a:link, .wrapper a:visited { color: #0279BD; outline: medium none; text-decoration: none; } .wrapper a, .wrapper a:link, .wrapper a:visited { color: #0279BD; outline: medium none; text-decoration: none; } .bodycontent img { background-color: #fff; border: 2px solid #0D5199; padding: 1px; width:40%; height:auto; } body .bodycontent img.no_border { border: medium none; } .bodycontent .float_right, body.detail .float_right { float: right; margin: 5px 0 5px 15px; padding: 0; text-align:right; } /* Mobile Footer */ .mobile_footer { display:block; } .mobile_footer_upper { padding:0 10px; } .mobile_footer_upper, .mobile_footer_upper a, .mobile_footer_upper a:link, .mobile_footer_upper a:visited { color:#fff; } .mobile_footer_upper_left, .mobile_footer_upper_right { width:48%; background:#284b70; float:left; text-align:center; } .mobile_footer_upper_right { float:right; } .mobile_footer_lower { text-align:center; background: #011323; border: 1px solid #062642; margin: 10px 0 0 0; padding:10px 10px 5px 10px; } .mobile_footer_lower .social_media { margin:0; padding:0; border:none; background: none; display:inline; zoom:1; } .mobile_footer_lower .social_media ul { display:inline-block; } .mobile_footer_lower .social_media ul, .mobile_footer_lower .social_media ul li { list-style:none; list-style-type:none; } .mobile_footer_lower .social_media ul li { display:block; float:left; padding:0 5px; } .mobile_footer_lower .social_media ul li a { display: block; text-indent:-9999em; width:20px; height:20px; } .mobile_footer_lower .social_media ul li.fb a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/fb_icon.png") no-repeat scroll right center transparent; } .mobile_footer_lower .social_media ul li.twitter a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/twitter_icon.png") no-repeat scroll right center transparent; } .mobile_footer_lower .social_media ul li.youtube a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/youtube-icon.png") no-repeat scroll right center transparent; } .mobile_footer_lower .social_media ul li.share a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/share-icon.png") no-repeat scroll right center transparent; } .mobile_footer_lower .social_media ul li.email a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/email_icon.png") no-repeat scroll right center transparent; } .summer-page .mobile_footer_lower .social_media ul li.share a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/share-icon.png") no-repeat scroll right center transparent; } .summer-page .mobile_footer_lower .social_media ul li.youtube a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/youtube-icon.png") no-repeat scroll right center transparent; } .summer-page .footer.bar { height:auto; } /* Footer */ .footer.bar li.accessibility, .portals { display: none; } .footer.bar { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/footer_bg.png) repeat-x 0 0 transparent; height:55px; font-size:10px; color:#fff; } .footer.bar .inner { padding:0 15px; } .footer.bar .inner .sitemap { float:left; padding:16px 0; } .footer.bar .inner .sitemap a { color:#fff; } .footer.bar .inner ul { float:right; list-style:none; padding:7px 0; text-align:right; } .footer.bar .inner ul li a { color:#fff; } /* Breadcrumbs */ .breadCrumb_wrap { display:none; } .content.inner { padding:20px 15px; } .menu_listing { clear: both; overflow: hidden; position: relative; width: 100%; display:table; } .content.inner .top { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/content_top_bg.png) repeat-x 0 0 transparent; height:4px; } .menu_listing .left { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/content_far_left_bg.png) repeat-y 0 0 transparent; position:relative; display:table-cell; left:0; width:4px; min-height:100%; } .menu_listing .center { background: #011323; min-height:100%; display:table-cell; margin: 0 50px; padding:0 10px; overflow:hidden; } .mobile-search .menu_listing .center { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/content_bg.png) repeat-y 0 0 transparent; padding:10px; } .menu_listing .right { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/content_far_left_bg.png) repeat-y 100% 0 transparent; display:table-cell; width:4px; min-height:100%; } .content.inner .bottom { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/content_top_bg.png) repeat-x 0 100% transparent; height:4px; } .menu_listing .center .RadMenu ul li { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/level2_border.png") no-repeat scroll center bottom transparent; border: medium none; font-style: normal; font-weight: bold; list-style: none outside none; padding: 0; text-decoration: none; text-transform: uppercase; margin:0; } .menu_listing .center .RadMenu ul li:first-child { margin:0; } .menu_listing .center .RadMenu ul li a { background: none; border-top: none; border-bottom: none; font-size: 0.85em; font-weight: normal; letter-spacing: 2px; padding: 8px 10px 8px 14px; display:block; color: #fff; } .menu_listing .center .RadMenu ul li a:hover { color: #0D5199; } /* ================================================================================== ------------------------------MOBILE SEARCH--------------------------------- ================================================================================*/ .mobile-search #search_area { position:relative; } .mobile-search #search_area .searchInput { background:#0C2D50; width:87% !important; height:16px !important; border:none; border-radius:0; padding:7px 11% 7px 2%; color:#fff; position:relative; } #search_area > input { position:absolute; top:0; right:0; width:30px !important; height:30px !important; background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/search_search_icon.png) no-repeat 0 0 transparent; border-radius:0; } /* ================================================================================== ------------------------------CONTENT--------------------------------- ================================================================================*/ .content_inside, .mobile_content_area { padding:10px; } body.landing.ib.narrow .content_inside, body.landing.english.narrow .content_inside, body.landing.pathways.narrow .content_inside { padding:0; } .content_copy .left, .intro .left { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/content_far_left_bg.png) repeat-y 0 0 transparent; position:relative; display:table-cell; left:0; width:1%; min-height:100%; } .formInformation .left, .formInformation .right { background:none !important; } .content_copy .inside, .intro .inner { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/content_bg.png) #fff; padding:20px; } .content_copy .right, .intro .right { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/content_far_left_bg.png) repeat-y 100% 0 transparent; display:table-cell; width:1%; right:0; position:relative; min-height:100%; } /* Section Menu Navigation */ .sidebar .middle { background: none repeat scroll 0 0 #011323; border-left: 1px solid #062642; border-right: 1px solid #062642; margin: 0 0 20px 0; padding: 15px 12px; } .section_menu ul .rmSlide { display: block !important; height: auto !important; top: 0 !important; width: auto !important; } .section_menu ul.rmLevel1 { font-size: 0.9em; padding: 0 8px; } .section_menu ul.rmLevel2, .section_menu ul.rmLevel3, .section_menu ul.rmLevel4 { padding: 0 8px; } body.standard .section_menu ul li.level1 { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/content_menu_border.png") no-repeat scroll center top transparent; padding: 1px 0 0; } body.standard .section_menu ul li.level1 a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/content_menu_border.png") no-repeat scroll center bottom #074280; border-left: 1px solid #0D5199; border-right: 1px solid #0D5199; color: #fff; display: block; font-weight: bold; } body.standard .section_menu ul li.level1 a span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_crest.png") no-repeat scroll 0 0 transparent; display: block; padding: 5px 10px 6px 35px; } body.standard .section_menu ul li.level2 a:hover, body.standard .section_menu ul li.level2 a:active, body.standard .section_menu ul li.level2 a:focus { color: #83A4C4; } body.standard .section_menu ul li.level2.selectedPage > a, body.standard .section_menu ul li.level2.selectedPagePath > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 10px center #103B69; color: #fff; } body.standard .wrapper .section_menu ul li.level2.hasChildren.liSelected > a, body.standard .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 10px center #0279BD; color: #fff; text-shadow: 1px 1px 1px #014F7B; } body .wrapper .section_menu ul li { list-style: none outside none; } body .wrapper .section_menu ul li.level2 { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/level2_border.png") no-repeat scroll center bottom transparent; list-style: none outside none; padding: 0; } body .wrapper .section_menu ul li.level2 a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_blue.png") no-repeat scroll 10px center transparent; border: medium none; color: #fff; display: block; font-weight: normal; padding: 0 10px 0 0; } body .wrapper .section_menu ul li.level2 a span { background: none repeat scroll 0 0 transparent; display: block; padding: 5px 15px 5px 26px; } body .wrapper .section_menu ul li.level2.hasChildren ul { background: none repeat scroll 0 0 #021627; border: 1px solid #041D33; padding-bottom: 10px; } body .wrapper .section_menu ul li.level2.hasChildren ul li { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/level2_border.png") no-repeat scroll center bottom transparent; } body .wrapper .section_menu ul li.level2.hasChildren ul li a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 9px 11px transparent; } body .wrapper .section_menu ul li.level2.hasChildren ul li a:hover, body .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPage > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_blue.png") no-repeat scroll 9px 11px transparent; color: #83A4C4; } body .wrapper .section_menu ul.rmRootGroup li.selectedPage ul.rmLevel1, body.standard .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath ul.rmLevel2, body .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath ul.rmLevel1, body .wrapper .section_menu ul li.level3.hasChildren.selectedPagePath ul.rmLevel2 { display: block !important; height: auto !important; padding-bottom: 10px !important; } body .wrapper .section_menu ul li.level3.hasChildren ul { background: none repeat scroll 0 0 #011323; } body .wrapper .section_menu ul li.level2.hasChildren > a:hover span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/standard_blue_plus.png") no-repeat scroll right 10px transparent; } body .wrapper .section_menu ul li.level2.hasChildren.selectedPage > a:hover span, body .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a:hover span { background: none repeat scroll 0 0 transparent; } body .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a:hover span, body .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath.liSelected > a span, body .wrapper .section_menu ul li.level3.hasChildren.selectedPagePath > a:hover span, body .wrapper .section_menu ul li.level3.hasChildren.selectedPagePath.liSelected > a span { background: none repeat scroll 0 0 transparent !important; } body.ib .wrapper .section_menu ul li.level2 a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_red.png") no-repeat scroll 13px 11px transparent; padding: 0 10px 0 0; } body.ib .wrapper .section_menu ul li.level2 a:hover, body.ib .wrapper .section_menu ul li.level2.selectedPage > a { color: #DB4740; } body.ib .wrapper .section_menu ul li.level2 a span { margin: 1px 0; padding: 5px 0 5px 30px; } body.ib .wrapper .section_menu ul li.level2.hasChildren > a:hover span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/ib_red_plus.png") no-repeat scroll right 10px transparent; } body.ib .wrapper .section_menu ul li.level2.hasChildren.liSelected > a span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/ib_red_plus.png") no-repeat scroll right -85px transparent; } body.ib .wrapper .section_menu ul li.level2.hasChildren.selectedPage > a, body.ib .wrapper .section_menu ul li.level2.hasChildren.liSelected > a, body.ib .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 13px 11px #DB4740; color: #fff; text-shadow: 1px 1px 1px #470D0B; } body.ib .wrapper .section_menu ul li.level2.hasChildren.liSelected > a span, body.ib .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a span { margin: 1px 0; padding: 5px 0 5px 30px; } body.ib .wrapper .section_menu ul li.level2.hasChildren ul li a:hover, body.ib .wrapper .section_menu ul li.level2.hasChildren ul li.hasChildren.liSelected > a, body.ib .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPage a, body.ib .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPagePath > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_yellow.png") no-repeat scroll 9px 11px transparent; color: #FEF102; } body.ib .wrapper .section_menu ul li.level2.hasChildren ul li a span { background: none repeat scroll 0 0 transparent; padding: 5px 0 5px 27px; } body.ib .wrapper .section_menu ul li.level2 ul li.hasChildren > a:hover span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/ib_yellow_plus.png") no-repeat scroll right 10px transparent; } body.ib .wrapper .section_menu ul li.hasChildren.selectedPage > a:hover span, body.ib .wrapper .section_menu ul li.hasChildren.selectedPagePath > a:hover span { background: none repeat scroll 0 0 transparent; } body.ib .wrapper .section_menu ul li.level2.selectedPage.hasChildren > a { color: #fff; } body.ib .wrapper .section_menu ul li.level2.selectedPage.hasChildren > a span, body.ib .wrapper .section_menu ul li.level2.selectedPage.hasChildren.liSelected > a span { background: none repeat scroll 0 0 transparent; } body.pathways .wrapper .section_menu ul li a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_gold.png") no-repeat scroll 13px 11px transparent; } body.pathways .wrapper .section_menu ul li.selectedPage > a, body.pathways .wrapper .section_menu ul li a:hover { color: #BC9633; } body.pathways .wrapper .section_menu ul li.hasChildren > a:hover span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/gold_plus.png") no-repeat scroll right 11px transparent; } body.pathways .wrapper .section_menu ul li.hasChildren.selectedPage > a, body.pathways .wrapper .section_menu ul li.hasChildren.liSelected > a, body.pathways .wrapper .section_menu ul li.hasChildren.selectedPagePath > a, body.pathways .wrapper .section_menu ul li.hasChildren.liSelected > a:hover, body.pathways .wrapper .section_menu ul li.hasChildren ul li.selectedPagePath > a:hover { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 13px 11px #BC9633; color: #fff; text-shadow: 1px 1px 1px #3F3009; } body.pathways .wrapper .section_menu ul li.hasChildren.liSelected > a span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/gold_plus.png") no-repeat scroll right -84px transparent; } body.pathways .wrapper .section_menu ul li.selectedPage > a:hover { color: #fff; } body.pathways .wrapper .section_menu ul li.selectedPage > a span, body.pathways .wrapper .section_menu ul li.hasChildren.selectedPage > a:hover span, body.pathways .wrapper .section_menu ul li.hasChildren.selectedPagePath > a:hover span { background: none repeat scroll 0 0 transparent; } body.pathways .wrapper .section_menu ul li.hasChildren ul li a:hover, body.pathways .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPage > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_gold.png") no-repeat scroll 9px 11px transparent; color: #BC9633; } body.pathways .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPage > a, body.pathways .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a, body.pathways .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a:hover { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 13px 11px #BC9633; color: #fff; text-shadow: 1px 1px 1px #3F3009; } body.english .wrapper .section_menu ul li.level2 a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_pink.png") no-repeat scroll 13px 11px transparent; } body.english .wrapper .section_menu ul li.level2.selectedPage > a, body.english .wrapper .section_menu ul li.level2 a:hover { color: #C6178C; } body.english .wrapper .section_menu ul li.level2.hasChildren > a:hover span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/pink_plus.png") no-repeat scroll right 11px transparent; } body.english .wrapper .section_menu ul li.level2.hasChildren.selectedPage > a, body.english .wrapper .section_menu ul li.level2.hasChildren.liSelected > a, body.english .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 13px 11px #C6178C; color: #fff; text-shadow: 1px 1px 1px #5B0940; } body.english .wrapper .section_menu ul li.hasChildren.selectedPage > a:hover span, body.english .wrapper .section_menu ul li.hasChildren.selectedPagePath > a:hover span { background: none repeat scroll 0 0 transparent; } body.english .wrapper .section_menu ul li.selectedPage > a span, body.english .wrapper .section_menu ul li.selectedPage.hasChildren.liSelected > a span { background: none repeat scroll 0 0 transparent; } body.english .wrapper .section_menu ul li.level2.hasChildren ul li a:hover, body.english .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPage > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_terquoize.png") no-repeat scroll 9px 11px transparent; color: #009CA5; } body.english .wrapper .section_menu ul li.level2.hasChildren ul li.hasChildren > a:hover span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/terquoize_plus.png") no-repeat scroll right 11px transparent; } body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.liSelected > a, body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.liSelected > a:hover, body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.selectedPagePath > a, body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.selectedPagePath > a:hover { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 9px 11px #009CA5; color: #fff; } body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.liSelected > a span, body.english .wrapper .section_menu ul li.level2.hasChildren ul li.level3.liSelected > a:hover span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/terquoize_plus.png") no-repeat scroll right -84px transparent; } body.english .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPage > a, body.english .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a, body.english .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a:hover { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 13px 11px #009CA5; color: #fff; text-shadow: 1px 1px 1px #00393C; } body.summer .wrapper .section_menu ul li.level2 a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_blue.png") no-repeat scroll 13px 11px transparent; } body.summer .wrapper .section_menu ul li.level2 a:hover { color: #00ADEF; } body.summer .wrapper .section_menu ul li.selectedPage > a, body.summer .wrapper .section_menu ul li.level2.hasChildren.liSelected > a, body.summer .wrapper .section_menu ul li.level2.hasChildren.selectedPagePath > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 13px 11px #00ADEF; color: #fff; text-shadow: 1px 1px 1px #004460; } body.summer .wrapper .section_menu ul li.selectedPage > a:hover { color: #fff; } body.summer .wrapper .section_menu ul li.selectedPage > a span, body.summer .wrapper .section_menu ul li.selectedPage.liSelected > a span { background: none repeat scroll 0 0 transparent; } body.summer .wrapper .section_menu ul li.level2.hasChildren ul li a:hover, body.summer .wrapper .section_menu ul li.level2.hasChildren ul li.selectedPage > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_orange.png") no-repeat scroll 9px 11px transparent; color: #F26F24; text-shadow: none; } body.summer .wrapper .section_menu ul li.level2.hasChildren ul li.hasChildren > a:hover span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/orange_plus.png") no-repeat scroll right 11px transparent; } body.summer .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPage > a, body.summer .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a, body.summer .wrapper .section_menu ul li.hasChildren ul li.level3.hasChildren.selectedPagePath > a:hover { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_white.png") no-repeat scroll 9px 11px #F26F24; color: #fff; text-shadow: 1px 1px 1px #612300; } body.summer .wrapper .section_menu ul li.hasChildren.selectedPage > a:hover span, body.summer .wrapper .section_menu ul li.hasChildren.selectedPagePath > a:hover span { background: none repeat scroll 0 0 transparent !important; } .sidebar .middle h2 { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/h2_dash.png") no-repeat scroll left center transparent; color: #fff; display: inline; font-size: 1em; padding: 0 0 1px 32px; } .sidebar .middle h2 span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/templates/images/h2_dash.png") no-repeat scroll right center transparent; display: inline-block; margin-bottom: 9px; padding: 0 28px 1px 0; } .sidebar .middle h3 { font-size: 1em; } .sidebar .middle h3 a { color: #fff; display: block; height: 31px; line-height: 30px; margin-bottom: 8px; padding: 0 0 0 35px; } .section_menu.sidebar .middle h3 a { margin-bottom: 2px; } .sidebar .middle h3 a:hover { background-position: left bottom; } .sidebar h3 a.ib { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_ib_bg.png") no-repeat scroll 0 0 #584FA0; text-shadow: 1px 1px 1px #393368; } .sidebar h3 a.pathways { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_uni_bg.png") no-repeat scroll 0 0 #842F59; text-shadow: 1px 1px 1px #561F3A; } .sidebar h3 a.english { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_english_bg.png") no-repeat scroll 0 0 #009CA5; text-shadow: 1px 1px 1px #00666B; } .sidebar h3 a.summer { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_summer_bg.png") no-repeat scroll 0 0 #FFF000; color: #222; } .sidebar .middle h3 + h3 + h3 a, body.standard .sidebar .middle h3 + h3 + h3 + h3 a { margin: 0; } body.standard .sidebar .middle h3 + h3 + h3 a { margin-bottom: 8px; } /*Return*/ .section_menu.sidebar .middle h3.return { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/content_menu_border.png") no-repeat scroll center top #074280; margin: 0; padding: 1px 0 0; } .section_menu.sidebar .middle h3.return a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/content_menu_border.png") no-repeat scroll center bottom #074280; border-left: 1px solid #0D5199; border-right: 1px solid #0D5199; color: #fff; display: block; font-weight: bold; margin: 0; padding: 0; } .section_menu.sidebar .middle h3.return a span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_crest.png") no-repeat scroll 0 0 transparent; display: block; padding: 0 10px 0 35px; } /* Courses Available */ .other_courses.sidebar .middle { background:#011323; padding:10px; margin:20px 0 0 0; } .other_courses.sidebar .middle h2 { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/h2_dash.png") no-repeat scroll left center transparent; color: #fff; display: inline; font-size: 14px; padding: 0 0 1px 32px; text-align:center; } .other_courses.sidebar .middle h2 span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/templates/images/h2_dash.png") no-repeat scroll right center transparent; display: inline-block; margin-bottom: 9px; padding: 0 28px 1px 0; } .other_courses.sidebar .middle h3 a { color: #fff; display: block; height: 31px; line-height: 30px; margin-bottom: 15px; padding: 0 0 0 35px; } .other_courses.sidebar .middle h3 a.ib { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_ib_bg.png") no-repeat scroll 0 0 #584FA0; text-shadow: 1px 1px 1px #393368; } .other_courses.sidebar .middle h3 a.pathways { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_uni_bg.png") no-repeat scroll 0 0 #842F59; text-shadow: 1px 1px 1px #561F3A; } .other_courses.sidebar .middle h3 a.english { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_english_bg.png") no-repeat scroll 0 0 #009CA5; text-shadow: 1px 1px 1px #00666B; } .other_courses.sidebar .middle h3 a.summer { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_summer_bg.png") no-repeat scroll 0 0 #FFF000; color: #222; } /* Social Media */ .social_media { background: none repeat scroll 0 0 #011323; border: 1px solid #062642; margin:20px 0 0 0; } .social.media ul { padding: 1px 10px; } .social.media ul li:first-child { background: none repeat scroll 0 0 transparent; } .social.media ul li { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_border.png") no-repeat scroll center top transparent; list-style: none outside none; } .social.media ul li a { color: #fff; display: block; padding: 4px 4px 4px 15px; } body.landing.ib .social.media ul li a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_red.png") no-repeat scroll left center transparent; } .social.media ul li a span { display: block; } .social.media ul li.fb a span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/fb_icon.png") no-repeat scroll right center transparent; } .social.media ul li.twitter a span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/twitter_icon.png") no-repeat scroll right center transparent; } .social.media ul li.email a span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/email_icon.png") no-repeat scroll right center transparent; } .social.media ul li.share a span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/share-icon.png") no-repeat scroll right center transparent; } .social.media ul li.youtube a span { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/youtube-icon.png") no-repeat scroll right center transparent; } /* To Top Button */ body.landing.content #back_to_top { height: 27px; position:relative; padding:20px 0 0 0; } #back_to_top a { display: block; width: 27px; height: 27px; text-indent: -9999px; position:absolute; left:50%; margin-left:-13.5px; } body.content.standard #back_to_top a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/backtotop_content.png") no-repeat scroll 0 0 transparent; } /* Bodycontent */ .bodycontent ul { margin: 0; padding-bottom: 20px; padding-left: 0; padding-top: 0; } .bodycontent ul li:first-child { border-top: 1px solid #ccc; } .bodycontent ul li { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_blue.png") no-repeat scroll 14px 14px #F5F5F5; border-bottom: 1px solid #ccc; list-style-type: none; padding: 6px 20px 6px 32px; } body.ib .bodycontent ul li { background-image: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_red.png"); } body.pathways .bodycontent ul li { background-image: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_gold.png"); } body.english .bodycontent ul li { background-image: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_pink.png"); } body.summer .bodycontent ul li { background-image: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_blue.png"); } .bodycontent ul li p { padding: 0; } .bodycontent ul li.odd { background-color: #fff; } .bodycontent ol { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/text_ol_bg.png") repeat-y scroll 0 bottom transparent; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; list-style-type: decimal; margin: 0 0 20px; padding: 0 0 0 30px; } .bodycontent ol li:first-child { border-top: medium none; } .bodycontent ol li { border-top: 1px solid #ccc; color: #0279BD; padding: 6px 20px 6px 12px; text-shadow: 1px 1px 1px #22356A; } body.ib .bodycontent ol li { color: #DB4740; } body.pathways .bodycontent ol li { color: #BC9633; } body.english .bodycontent ol li { color: #C6178C; } body.summer .bodycontent ol li { color: #00ADEF; } .bodycontent ol li .ol_content { color: #555; text-shadow: none; } .bodycontent ol li.even { background: none repeat scroll 0 0 #F5F5F5; } .bodycontent ol li.odd { background: none repeat scroll 0 0 #fff; } /* Tables */ .bodycontent table { border-collapse: separate; border-spacing: 2px; margin-bottom: 1.2em; margin-top: 0.1em; width: 100%; } .bodycontent table th { background: none repeat scroll 0 0 #0D5199; border-collapse: collapse; color: #fff; font-size: 13px; font-weight: bold; padding: 5px; text-align: center; vertical-align: top; } body.ib .bodycontent table th { background: none repeat scroll 0 0 #584FA0; } body.pathways .bodycontent table th { background: none repeat scroll 0 0 #842F59; } body.english .bodycontent table th { background: none repeat scroll 0 0 #009CA5; } body.summer .bodycontent table th { background: none repeat scroll 0 0 #FFF000; border: 1px solid #FFCC00; color: #222; padding: 4px 5px; } .bodycontent table td { background: none repeat scroll 0 0 #fff; border: 1px solid #cecece; font-size: 1em; font-weight: normal; padding: 3px 9px; vertical-align: top; } body.detail .bodycontent table td { background: none repeat scroll 0 0 transparent; padding: 7px; } table p { padding: 0 !important; } table.quotation { border: medium none; border-collapse: collapse; border-spacing: 0; color: #555; font-family: Arial,Helvetica,sans-serif; line-height: 2.15em; margin-bottom: 0; margin-top: 0; width: auto; } table.quotation td { background: url("https://www.fluencycms.co.uk/sw_template/images/style_template/text_quotation_mark.png") no-repeat scroll right 5px transparent; border: medium none; font-weight: inherit; padding: 0 40px 0 0; vertical-align: middle; } table.quotation tr + tr td { background-image: none; } table.quotation td em { background: url("https://www.fluencycms.co.uk/sw_template/images/style_template/text_quotation_credit_icon.png") no-repeat scroll 0 11px transparent; color: #888; display: block; font-size: 1.1em; padding-left: 22px; padding-top: 6px; } table.downloads { border-collapse: collapse; margin-bottom: 1.5em; } table.downloads td { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/text_dl_link.png") no-repeat scroll 11px 10px #F4F4F4; border-left: medium none; border-right: medium none; padding: 6px 20px 6px 32px; } table.downloads td p { font-style: italic; padding: 0; } table.downloads td.odd { background-color: #fff; } table.layout_table { border: medium none; border-collapse: collapse; border-spacing: 0; margin-bottom: 1.2em; margin-top: 0.1em; width: auto; } body.detail table.layout_table { width: 100%; } table.layout_table th { background-color: transparent; background-image: none; border: medium none; border-collapse: collapse; color: #535353; font-family: Arial,Verdana,Sans-Serif; font-size: 1em; font-weight: bold; line-height: inherit; text-align: center; text-transform: none; vertical-align: middle; } table.layout_table td { background-color: transparent; background-image: none; border: medium none; font-weight: inherit; padding: 0 0 10px; vertical-align: top; } /*CUSTOM TABLES*/ /*IB*/ .bodycontent table.ib-table{ margin:0; } .bodycontent table.ib-table td { border: medium none; padding: 0; } .bodycontent table.ib-table td a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_ib_bg.png") no-repeat scroll 0 0 #584FA0; color: #fff; display: block; font-weight: bold; height: 23px; margin: 0 0 8px; overflow: hidden; padding: 4px 10px 4px 35px; text-overflow: ellipsis; white-space: nowrap; } .bodycontent table.ib-table td a:hover{ background-position:left bottom; } /*UNI*/ .bodycontent table.uni-table{ margin:0; } .bodycontent table.uni-table td { border: medium none; padding: 0; } .bodycontent table.uni-table td a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_uni_bg.png") no-repeat scroll 0 0 #842F59; color: #fff; display: block; font-weight: bold; height: 23px; margin: 0 0 8px; overflow: hidden; padding: 4px 10px 4px 35px; text-overflow: ellipsis; white-space: nowrap; } .bodycontent table.uni-table td a:hover{ background-position:left bottom; } /*English*/ .bodycontent table.english-table{ margin:0; } .bodycontent table.english-table td { border: medium none; padding: 0; } .bodycontent table.english-table td a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_english_bg.png") no-repeat scroll 0 0 #009CA5; color: #fff; display: block; font-weight: bold; height: 23px; margin: 0 0 8px; overflow: hidden; padding: 4px 10px 4px 35px; text-overflow: ellipsis; white-space: nowrap; } .bodycontent table.english-table td a:hover{ background-position:left bottom; } /*Summer*/ .bodycontent table.summer-table{ margin:0; } .bodycontent table.summer-table td { border: medium none; padding: 0; } .bodycontent table.summer-table td a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/menu_summer_bg.png") no-repeat scroll 0 0 #FFF000; color: #222; display: block; font-weight: bold; height: 23px; margin: 0 0 8px; overflow: hidden; padding: 4px 10px 4px 35px; text-overflow: ellipsis; white-space: nowrap; } .bodycontent table.summer-table td a:hover{ background-position:left bottom; } /* Gallery */ .thumbnail { width:30%; margin-left:5%; margin-bottom:5%; float:left; } .thumbnail:nth-child(3n+1) { margin-left:0; } .thumbnail a { display:block; height:auto; } .thumbnail a img { width:98%; height:auto; border:1px solid #584FA0; } /* Sitemap */ #SiteMap h2.pageTitle { border-bottom: 1px solid #cecece; color: #0279BD; font-size: 1.4em; font-weight: normal; margin-bottom: 18px; padding-bottom: 10px; } #SiteMap .rmSlide { height: auto !important; left: 0 !important; top: 0 !important; width: auto !important; } #SiteMap iframe { display: none; } #SiteMap { line-height: normal; margin-bottom: 5px; padding-bottom: 1px; } #SiteMap ul { padding: 0; } #SiteMap ul li { background: none repeat scroll 0 0 transparent; border: medium none; font-style: normal; font-weight: bold; list-style: none outside none; padding: 0; text-decoration: none; text-transform: uppercase; } #SiteMap ul li a { display: block; min-height: 0; text-decoration: none; } #SiteMap ul li.level1 a { background: none repeat scroll 0 0 #f9f9f9; border-bottom: 1px solid #ebebeb; font-size: 0.85em; font-weight: normal; letter-spacing: 2px; padding: 8px 10px 8px 14px; } #SiteMap ul li.rmFirst.level1 a { background: none repeat scroll 0 0 #f3f3f3; border-top: 1px solid #ebebeb; } #SiteMap ul.rmLevel1 { border-bottom: 1px solid #ebebeb; padding-bottom: 12px; } #SiteMap ul li.level2 a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/templates/images/bullet_darkblue.png") no-repeat scroll 12px 12px transparent; border: medium none; color: #535353; font-size: 0.9em; font-weight: normal; letter-spacing: 0; padding: 9px 0 0 28px; text-transform: none; } #SiteMap ul li.level3 a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/templates/images/bullet_blue.png") no-repeat scroll 31px 13px transparent; font-style: italic; padding: 9px 0 0 48px; } #SiteMap ul li.level4 a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/templates/images/bullet_purple.png") no-repeat scroll 48px 13px transparent; font-style: normal; padding: 9px 0 0 66px; } /*SWIPE JS */ .swipe { overflow: hidden; position: relative; visibility: hidden; } .swipe-wrap { overflow: hidden; position: relative; } .swipe-wrap > div { float: left; position: relative; width: 100%; } /* TURN OFF */ #supersize, .carousel { display:none !important; } /* Styling */ body .bodycontent h1, body .bodycontent h2 { border-bottom: 1px solid #cecece; color: #0279BD; font-size: 1.4em; font-weight: normal; margin-bottom: 12px; padding-bottom: 10px; } h2.summerportal_title { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/mobile_summer_title.png) repeat-x 0 0 transparent; display: block; height: auto; padding:10px 0; margin:10px 0; color:#ffff00; text-align:center; } /* Blog Entries */ .BlogFeatureList { padding-bottom: 0; } .BlogFeatureList ul li.even { background-color: #f5f5f5; } .BlogFeatureList ul li:first-child { border-top: 1px solid #ccc; } .blogentries ul li { list-style: none outside none; } .BlogFeatureList ul li { border-bottom: 1px solid #ccc; list-style: none outside none; padding: 5px 12px; position: relative; } .blogentries li { list-style: none outside none !important; min-height: 0; } .BlogFeatureList ul li h2.blogTitle { float: none; font-size: 1em; margin: 0 0 2px; padding: 0 0 5px; } body.english .featuretitle, body.english .galleryTitle, body.english .blogTitle, body.english .calendarTitle, body.english .form_description > h2 { color: #009CA5; } .blogentries ul li a, .blogentries ul li h2 { float: left; } .featuretitle, .galleryTitle, .blogTitle, .calendarTitle, .form_description > h2 { border-bottom: 1px solid #e1e1e1; color: #0D5199; font-size: 1.4em; font-weight: normal; margin-bottom: 15px; padding-bottom: 10px; } body.english .BlogFeatureList ul li h2.blogTitle a { color: #25A1A8; } .BlogFeatureList ul li h2.blogTitle a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/breadcrumb_Arrow.png") no-repeat scroll 12px 7px transparent; display: block; float: none; font-weight: bold; } .blogDate { color: #888; display: block; float: none; font-size: 0.85em; letter-spacing: 2px; padding: 0 0 2px; text-transform: capitalize; } .blogSummary { clear: both; } .blogSummary { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/default_blogimg.png") no-repeat scroll 0 12px transparent; border-top: 1px solid #e1e1e1; min-height: 93px; padding: 8px 0 10px 145px; position: relative; } .blogSummary .img_wrap { height: 90px; left: 0; overflow: hidden; position: absolute; top: 12px; width: 130px; } .blogSummary img { height: 90px; left: 0; overflow: hidden; position: absolute; } /* Slideshow */ .SlideShowHolder { width:100%; height:auto; } .SlideShowHolder .myslides { border: 2px solid #0D5199; margin-bottom: 1.1em; padding: 1px; height:150px !important; } .SlideShowHolder ul, .SlideShowHolder ul li { height: 150px !important; overflow: hidden; width: 100%; } .SlideShowHolder ul li img { height: auto; margin-bottom: -3px; min-height: 0; min-width: 320px; padding-bottom: 0; width: 100%; } .SlideShowHolder .imgAltCaption { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/img_caption.png") repeat scroll 0 0 transparent; bottom: 0; color: #fff; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; font-weight: bold; left: 0; line-height: 20px; margin: 0; padding: 10px 0; position: absolute; text-indent: 10px; width: 100%; } /* Calender */ table.RadCalendar_Fluency.RadCalendar { background: none repeat scroll 0 0 transparent; border-spacing: 0; clear: both; margin-bottom: 20px; padding: 0; width: 100% !important; } table.RadCalendar table { border-color: #ccc; clear: both; margin-bottom: 0; margin-top: 0.1em; } table.RadCalendar table td, table.RadCalendar table th { border: medium none; } table.RadCalendar table th, table.RadCalendar table td { background: none repeat scroll 0 0 transparent; padding: 4px; vertical-align: top; } table.RadCalendar table th { background-color: #fff; color: #fff; } table.RadCalendar table.rcMainTable { border-spacing: 2px; margin: 0; width: 100%; } table.RadCalendar table .rcMainTable, table.RadCalendar table table { border: medium none; padding: 0; } table.RadCalendar table td { padding: 0; vertical-align: top; } table.RadCalendar_Fluency .rcTitlebar { background: none repeat scroll 0 0 transparent; border: medium none; height: auto; padding: 0 2px; } table.RadCalendar_Fluency .rcTitlebar table { background: none repeat scroll 0 0 #0D5199; border: medium none; border-collapse: collapse; color: #fff; font-family: tahoma,arial; font-size: 1em; height: 33px; letter-spacing: normal; overflow: hidden; padding: 0; text-align: center; text-shadow: 1px 1px 1px #22356A; text-transform: uppercase; } body.ib table.RadCalendar_Fluency .rcTitlebar table { background: none repeat scroll 0 0 #584FA0; } body.pathways table.RadCalendar_Fluency .rcTitlebar table { background: none repeat scroll 0 0 #842F59; } body.english table.RadCalendar_Fluency .rcTitlebar table { background: none repeat scroll 0 0 #008289; } body.summer table.RadCalendar_Fluency .rcTitlebar table { background: none repeat scroll 0 0 #FFF000; border: 1px solid #FFCC00; color: #222; height: 31px; text-shadow: none; } table.RadCalendar_Fluency .rcTitlebar table td { font-size: 1.2em; font-weight: normal; letter-spacing: 0; line-height: 33px; } table.RadCalendar_Fluency .rcTitlebar table td a.rcFastNext, table.RadCalendar_Fluency .rcTitlebar table td a.rcFastPrev { display: none; } table.RadCalendar_Fluency .rcTitlebar table td a.rcPrev, table.RadCalendar_Fluency .rcTitlebar table td a.rcNext { display: block; margin: 0; padding: 4px 20px; } table.RadCalendar_Fluency .rcTitlebar a.rcPrev { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/left_arrow_button.gif") no-repeat scroll 30px 9px transparent; margin-left: 0; text-indent: -9999px; } table.RadCalendar_Fluency .rcTitlebar a.rcNext { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/right_arrow_button.gif") no-repeat scroll 20px 9px transparent; margin-right: 0; text-indent: -9999px; } body.summer table.RadCalendar_Fluency .rcTitlebar a.rcPrev { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/left_arrow_button_blk.gif") no-repeat scroll 30px 9px transparent; } body.summer table.RadCalendar_Fluency .rcTitlebar a.rcNext { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/right_arrow_button_blk.gif") no-repeat scroll 20px 9px transparent; } table.RadCalendar_Fluency .rcTitlebar a.rcPrev:hover { background-position: 30px 9px; } table.RadCalendar_Fluency .rcTitlebar a.rcNext:hover { background-position: 20px 9px; } table.RadCalendar td.rcMain { background: none repeat scroll 0 0 transparent; border: medium none; } table.RadCalendar table.rcMainTable { font-family: Arial,Helvetica,sans-serif; } table.RadCalendar table.rcMainTable td { background-color: #fff; text-align: center; } table.RadCalendar table.rcMainTable th { border-top: 1px solid #fff; color: #555; text-align: center; } table.RadCalendar table.rcMainTable .rcWeek th.rcViewSel, table.RadCalendar table.rcMainTable .rcRow th { display: none; } table.RadCalendar table.rcMainTable .rcWeek th { background: none repeat scroll 0 0 #ddd; border: medium none; } table.RadCalendar table.rcMainTable .rcRow td { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/text_table_td_bg.png") repeat-x scroll 0 bottom #F5F5F5; border: 1px solid #ddd; line-height: 2em; padding: 6px; } table.RadCalendar table.rcMainTable .rcRow td a { background: none repeat scroll 0 0 transparent; color: #555; cursor: pointer; display: inline; font-weight: normal; padding: 0; text-decoration: none; } table.RadCalendar table.rcMainTable .rcRow td.rcSelected { background: none repeat scroll 0 0 #ddd; border: 1px solid #ddd; color: #555; } table.RadCalendar table.rcMainTable td.rcHover { background: none repeat scroll 0 0 #ddd; border: 1px solid #ddd; } table.RadCalendar table.rcMainTable td.rcHover a { color: #555; } table.RadCalendar .rcMain tbody .rcRow td table, table.RadCalendar .rcMain tbody .rcRow td table td { background-color: transparent; background-image: none; border: medium none; } table.RadCalendar .rcMain table td.rcHover table { color: #fff; } table.RadCalendar .rcMain .CalendarEvents td { background-image: none; } table.RadCalendar .rcMain table td.rcHover table .CalendarEvents a { background-color: transparent; background-image: none; color: #fff; } table.RadCalendar .rcMain .rcRow .rcSelected a, table.RadCalendar .rcMain .rcRow .rcSelected a:focus, table.RadCalendar .rcMain .rcRow .rcSelected a:hover, table.RadCalendar .rcMain .rcRow .rcSelected a:active { color: #333; } table.RadCalendar .rcMain tbody .rcRow td.rcOtherMonth, table.RadCalendar .rcMain tbody .rcRow td.rcOtherMonth a { color: #ccc; } table.rgMasterTable tr.rgCommandRow td.rgCommandCell a { background: none repeat scroll 0 0 transparent; color: #0279BD; padding: 0; } div.RadGrid_Fluency { background: none repeat scroll 0 0 transparent; border: medium none; margin: 0 0 30px; width: 100%; } div.RadGrid_Fluency table.rgMasterTable { border-collapse: collapse; font-family: Arial,Helvetica,sans-serif; width: 100% !important; } table.rgMasterTable th.rgHeader { background: none repeat scroll 0 0 #0D5199; border: medium none; color: #fff; padding: 7px; } div.RadGrid_Fluency table.rgMasterTable td { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/text_table_td_bg.png") repeat-x scroll 0 bottom #F5F5F5; border: 1px solid #ddd; color: #555; height: auto; line-height: 2em; padding: 3px 14px; vertical-align: middle; } div.RadGrid_Fluency table.rgMasterTable td { color: #555; line-height: 2em; } /*Enquiry Form*/ .enquireForm ul { border: medium none; margin-bottom: 10px; } .enquireForm ul li { background: none repeat scroll 0 0 #fff; border: 1px solid #cecece; font-family: Arial,Helvetica,sans-serif; list-style: none outside none; margin-bottom: 5px; min-height: 0; padding: 10px 0; } .enquireForm p.guidelines { padding-bottom: 0; } .enquireForm ul li label { color: #555; } .enquireForm ul li label.description { border-bottom: 1px solid #ddd; display: block; margin-bottom: 10px; padding-bottom: 5px; } .enquireForm ul li span label, .enquireForm ul li div label { font-weight: normal; letter-spacing: 0; } .enquireForm ul li input, .enquireForm ul li textarea, .enquireForm ul li select { background: none repeat scroll 0 0 #eee; border: 1px solid #ddd; color: #555; font-family: tahoma; margin-right: 0; padding: 3px 6px; width: 96%; } .enquireForm ul li select { padding: 2px; } .enquireForm ul li input:focus, .enquireForm ul li textarea:focus, .enquireForm ul li select:focus { background: none repeat scroll 0 0 #e9e9e9; border: 1px solid #ccc; } .enquireForm ul li select:focus { padding: 2px; } .enquireForm ul li textarea { height: 150px; line-height: 1.6em; margin: 0; } .enquireForm ul li.radio { padding-bottom: 9px; } .enquireForm ul li input.radio { border: medium none; margin: 0 12px 0 0; width: auto; } .enquireForm ul li.radio span label { float: none; padding: 0 10px 0 0; width: auto; } .enquireForm ul li.checkbox { padding-bottom: 9px; } .enquireForm ul li input.checkbox { border: medium none; margin: 0 10px 0 0; width: auto; } .enquireForm ul li.checkbox span label { padding: 0 15px 0 0; } .enquireForm ul li.name label.description { float: none; } .enquireForm ul li.name span { display: block; padding: 5px 0 0; } .enquireForm ul li.name span input { margin-right: 10px; width: 10%; } .enquireForm ul li.name span + span input { width: 60%; } .enquireForm ul li.name span + span + span { margin-right: 0; } .enquireForm ul li.name span + span + span input { width: 60%; } .enquireForm ul li.name span + span + span + span input { width: 30px; } .enquireForm ul li.name span + span + span + span { display: none; } .enquireForm ul li.simple_name span { display: block; padding: 0 0 5px; } .enquireForm ul li.simple_name span input { margin-right: 10px; width: 350px; } .enquireForm ul li.select div .select { height: 25px; width: 72%; } .enquireForm ul li.date input.text, .enquireForm ul li.europe_date input.text { margin-right: 5px; width: 40px !important; } .enquireForm ul li.date span, .enquireForm ul li.europe_date span { color: #999; padding-right: 10px; } .enquireForm ul li.date span input, .enquireForm ul li.europe_date span input { font-size: 1.2em; } .enquireForm ul li.time .input_border { margin-left: 4px; margin-right: 4px; } .enquireForm ul li.time input.text { margin-right: 5px; padding: 2px; width: 40px; } .enquireForm ul li.time select { margin-right: 10px; } .enquireForm ul li.time span { padding-right: 10px; } .enquireForm ul li.time span label { padding: 0; } .enquireForm ul li.money span { margin-right: 6px; } .enquireForm ul li.money span.symbol { color: #555; margin-left: 0; margin-right: 10px; width: auto; } .enquireForm ul li.money span label { padding: 0 5px 0 0; } .enquireForm ul li.money span input { margin-right: 5px; width: 40px; } .enquireForm ul li.section_break { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fff; border-color: #d5d5d5 -moz-use-text-color; border-image: none; border-left: medium none; border-right: medium none; border-style: solid none; border-width: 1px medium; height: 0; padding: 7px 0; } .enquireForm ul li.section_break h3, .enquireForm ul li.section_break p { display: none; } .enquireForm ul li.file input.file { height: 25px; } .enquireForm ul li.address div { clear: both; padding: 5px 0; } .enquireForm ul li.address div + div { padding: 0 0 5px; } .enquireForm ul li.address div.clear { padding: 0; } .enquireForm ul li.address div input { margin-right: 10px; width: 70%; } .enquireForm ul li.address div select { margin-right: 10px; } .enquireForm ul li.address div label { line-height: 18px; padding: 0; } .enquireForm ul li.address div.left input, .enquireForm ul li.address div.right input { width: 40%; } .enquireForm ul li.address div.right select { height: 24px; padding: 1px; width: 43%; } .enquireForm label.error { color: #BA131A !important; padding: 0 5px 0 0 !important; } .enquireForm ul li span.required { color: #BA131A !important; display: inline !important; } .enquireForm ul li.text label.error { clear: both !important; } .enquireForm ul li.buttons { background-color: transparent; border: medium none; margin-bottom: 5px; padding: 5px 0; } .enquireForm ul li.buttons input { background: none repeat scroll 0 0 #0D5199; border: medium none; color: #fff; cursor: pointer; float: right; font-size: 1.1em; height: 35px; margin: 0; outline: medium none; padding: 0; text-transform: uppercase; width: 100px; } body.ib .enquireForm ul li.buttons input { background: none repeat scroll 0 0 #584FA0; } body.pathways .enquireForm ul li.buttons input { background: none repeat scroll 0 0 #842F59; } body.english .enquireForm ul li.buttons input { background: none repeat scroll 0 0 #008289; } body.summer .enquireForm ul li.buttons input { background: none repeat scroll 0 0 #FFF000; border: 1px solid #FFCC00; color: #222; height: 33px; } .enquireForm ul li.buttons input[type="submit"]:hover { background: none repeat scroll 0 0 #0279BD; } body.ib .enquireForm ul li.buttons input[type="submit"]:hover { background: none repeat scroll 0 0 #7970BA; } body.pathways .enquireForm ul li.buttons input[type="submit"]:hover { background: none repeat scroll 0 0 #B9608C; } body.english .enquireForm ul li.buttons input[type="submit"]:hover { background: none repeat scroll 0 0 #16A2AA; } body.summer .enquireForm ul li.buttons input[type="submit"]:hover { background: none repeat scroll 0 0 #FFD800; border: 1px solid #FFCC00; color: #222; height: 33px; } .enquireForm ul li small { color: #888; display: block; font-size: 1em; font-style: italic; font-weight: normal; letter-spacing: 0; line-height: 20px; padding: 10px 0 2px; text-transform: none; } .enquireForm ul li p.guidelines { clear: both; } canvas { width:100%; } /*Download*/ table.downloads { border-collapse: collapse; margin-bottom: 1.5em; } table.downloads td { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/text_dl_link.png") no-repeat scroll 11px 10px #F4F4F4; border-left: medium none; border-right: medium none; padding: 6px 20px 6px 32px; } table.downloads td p { font-style: italic; padding: 0; } table.downloads td.odd { background-color: #fff; } .blogentries div.blogEntriesRssLinkPanel { background: none repeat scroll 0 0 #0D5199; border: medium none; height: 20px; margin-bottom: 5px; } .blogentries div.blogEntriesRssLinkPanel > a { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/style_template/blog_rss_icon.png") no-repeat scroll 0 0 transparent; display: block; float: right; height: 11px; margin: 5px; width: 11px; } .blogentries .rsslinkicon, .blogentries .rsslinktext { display: none; } .eventSubjectCol { width:33% !important; } .open_menu { position:relative; } .open_menu a { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/mobile_menu_expand.png) no-repeat 10px 10px; width:14px; height:10px; text-indent:-9999em; display:block; position:absolute; right:0; top:0; padding: 10px 12px 12px; } .summer .open_menu a, .landing_summer .open_menu a { background:url(https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/mobile_menu_expand_black.png) no-repeat 10px 10px; } .mobile_sub_menu { display:none; } /* ================================================================================== ------------------------ST CLARE'S SUMMER LANDING PAGE-------------------------- ================================================================================*/ .summer-page .portals.summer .box.ib .grid .inner, .summer-page .portals.summer .box.uni .grid .inner, .summer-page .portals.summer .box.english .grid .inner, .summer-page .portals.summer .box.summer .grid .inner { background: none; } .summer-page .portal .entry_inside .featuretitle, .summer-page .portal .entry_inside .addFeatureBar, .summer-page .portal .entry_inside .featureWidgetTop { display: block; } body.home.summer-page .content_area { padding: 20px 0 30px; } .summer-page .portals { display: block; } .summer-page .portals.summer .portal .title { background: #FFF000; margin: 0 5px; position: relative; } .summer-page .portals.summer .portal .title > a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .summer-page .portals.summer .portal .title .featuretitle { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/summer_adults.png") center center no-repeat #FFFF00; border-bottom: medium none; color: #04192c; font-size: 0; font-weight: normal; height: 58px; margin-bottom: 15px; padding: 0; text-align: center; text-indent: -9999px; text-transform: capitalize; } .summer-page .portals.summer .portal + .portal .title .featuretitle { background-image: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/summer_teens.png"); } .summer-page .portals.summer .portal + .portal + .portal .title .featuretitle { background-image: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/summer_juniors.png"); } .summer-page .portals.summer .portal + .portal + .portal + .portal .title .featuretitle { background-image: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/summer_ib.png"); } .summer-page .portal .entry .entry_inside .sw-zone { height: auto; margin: 0 0 0 4%; padding: 0 0 20px; width: 92%; } .summer-page .portals.summer .portal .entry .entry_inside .sw_zone { height: auto; padding: 0 0 10px; } .summer-page .portal .box .grid .inner .img-parent { text-align: center; } .summer-page .portal .box .grid .inner img { border: 1px solid #2b6299; padding: 1px; } .summer-page .portal .box .grid .inner a { display: block; height: 100%; margin: 0; padding: 0; position: relative; text-align: center; text-indent: 0; width: 100%; } .summer-page .portal .box .grid .inner a.video-link:before { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/play-btn.png") center center no-repeat transparent; content: ""; height: 40px; left: 50%; margin: -20px 0 0 -20px; position: absolute; top: 50%; width: 40px; } .summer-page .portals.summer .portal .entry .entry_inside { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/logo_wm.png") repeat scroll 50% 0 #041525; border-bottom: 1px solid #062642; border-right: 1px solid #062642; border-left: 1px solid #062642; border-top: 1px solid #133b64; height: auto; } .summer-page .portals.summer .portal .entry .entry_inside .bodycontent h2 { background: none; border-bottom: 1px solid #123a62; color: #fff; display: block; font-size: 1.4em; letter-spacing: 0.02em; line-height: 22px; margin: 0 auto 10px; padding: 12px 50px 10px; text-align: center; } .summer-page .portal.summer .sw-zone ul li { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_blue.png") no-repeat scroll left 11px transparent; border: medium none; color: #fff; list-style: outside none none; padding: 4px 0 4px 15px; } .summer-page .portal.summer .sw-zone ul li a { color: #fff; display: block; } .summer-page .portal.summer { clear: both; padding: 20px 0; } .summer-page .portals.summer .portal .entry .bodycontent a { visibility: visible; } .summer-page .portals.summer .portal .entry .bodycontent a.readmore { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/readmore_summer.png") no-repeat scroll 0 center transparent; color: #000; display: block; padding: 0 0 0 9px; width: 199px; } .summer-page .portal .entry .entry_inside h3 { color: #fff; font-size: 1em; font-weight: normal; margin: 0; padding: 0 0 10px; } /* GALLERIES PAGE */ .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView h2.blogTitle, .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView .blogDate, .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView .blogSummary { display:none; } .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul li { width:98%; height:240px; overflow:hidden; float:none; padding:1%; border:none; margin: 0 auto; max-width: 300px; } .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul { overflow:hidden; } .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul.blog-posts-left { padding-right:20px; } .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul .post { width:100%; height:100%; position:relative; overflow:hidden; } .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul .image { height:100%; margin:0; overflow:hidden; zoom: 0.6; -webkit-transition: all 200ms linear; /* Safari and Chrome */ -moz-transition: all 200ms linear; /* Firefox */ transition: all 200ms linear; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; /* Safari and Chrome */ -moz-transition-duration: 200ms; /* Firefox */ transition-duration: 200ms; } .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul li:hover .image { overflow:hidden; -moz-transform: scale(1.12,1.12); -webkit-transform: scale(1.12,1.12); transform: scale(1.12,1.12); -webkit-transition: all 200ms linear; /* Safari and Chrome */ -moz-transition: all 200ms linear; /* Firefox */ transition: all 200ms linear; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; /* Safari and Chrome */ -moz-transition-duration: 200ms; /* Firefox */ transition-duration: 200ms; } .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul .image:after { position:absolute; top:0; left:0; z-index:9; width:100%; height:100%; background-color:#55768d; content:" "; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; display:none; } .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul li:hover .image:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul a { width:100%; height:100%; display:block; color:#fff; font-weight:400; text-transform:uppercase; padding:0; text-decoration:none; background:none; position:absolute; left:0; bottom:0; clear: both; } .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul a span { width:100%; display:block; color:#fff; font-weight:400; text-transform:uppercase; padding:10px 20px; text-decoration:none; background-color:#02203C; position:absolute; left:0; bottom:0; clear: both; } .ib .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul a span { background-color: #584FA0; } .pathways .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul a span { background-color: #842F59; } .english .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul a span { background-color: #009CA5; } .summer .sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul a span { background-color: #FFF000; color: #000; } body.landing.content .sws-page-galleries .content_copy_border { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/content_inside_border.png") repeat scroll right center transparent; float: left; margin: -2px 0 0; padding: 0; position: relative; z-index: 50; width: 76%; } .sws-page-galleries .content_copy .inside { background: url("https://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/content_bg.png") repeat scroll 0 0 #fff; min-height: 690px; padding: 20px 28px; width: 90%; } .gallery .blogSummary { background: none !important; } .gallery .blogSummary img { max-width: 100%; height: auto !important; } .gallery .blogSummary .img_wrap { height: auto !important; width: auto !important; } @media only screen and (min-width : 0px) and (max-width : 539px) { .sws-page-galleries #content_structure #content_middle_col #bodycopy .BlogFeatureList.BlogSummaryView > ul li { width:100%; padding-left:0; padding-right:0; } } @media only screen and (min-width : 540px) and (max-width : 767px) { .sws-page-galleries #content_structure #content_middle_col #bodycopy .BlogFeatureList.BlogSummaryView > ul li { width:48%; } } @media only screen and (min-width : 768px) and (max-width : 1070px) { .sws-page-galleries #content_structure #content_middle_col #bodycopy .BlogFeatureList.BlogSummaryView > ul li { width:31.333333%; } } @media only screen and (max-width : 1519px) { .sws-page-galleries #content_structure #content_middle_col #bodycopy .BlogFeatureList.BlogSummaryView > ul.blog-posts-left { padding-right:0; } } @media only screen and (min-width : 1520px) and (max-width : 1780px) { .sws-page-galleries #content_structure #content_middle_col #bodycopy .BlogFeatureList.BlogSummaryView > ul li { width:18%; } } body.gallery .fluency-dialog.ui-dialog.ui-widget.inline-editor-dialog .ui-dialog-content .sws-inline-content.summary { min-height: 300px; } body.landing.content.gallery .left_column { width: 94%; } body.landing.content.gallery .sidebar { width: 100%; } body.landing.content.gallery .sws-page-galleries .content_copy_border { width: 98%; } .sws-page-gallery-landing.sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul li a span { background-color: #FFF000; color: #000; } .sws-page-gallery-landing.sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul li + li a span { background-color: #009CA5; color: #fff; } .sws-page-gallery-landing.sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul li + li + li a span { background-color: #842F59; } .sws-page-gallery-landing.sws-page-galleries .content_inside .content_copy .inside .blogentries .BlogFeatureList.BlogSummaryView > ul li + li + li + li a span { background-color: #584FA0; }