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(http://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(http://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("http://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("http://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("http://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("http://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("http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/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("http://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(http://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(http://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(http://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(http://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(http://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("http://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("http://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("http://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("http://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(http://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("http://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("../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("http://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("http://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("http://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("../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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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(http://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(http://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(http://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(http://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(http://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(http://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("http://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(http://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(http://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(http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/mobile/content_bg.png) #fff;
padding:20px;
}
.content_copy .right,
.intro .right {
background:url(http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_red.png");
}
body.pathways .bodycontent ul li {
background-image: url("http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_gold.png");
}
body.english .bodycontent ul li {
background-image: url("http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/bullet_pink.png");
}
body.summer .bodycontent ul li {
background-image: url("http://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("../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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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(http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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(http://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(http://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("http://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("http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StClaresOxfordSchool/Templates/images/summer_teens.png");
}
.summer-page .portals.summer .portal + .portal + .portal .title .featuretitle {
background-image: url("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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;
}