/*---------------------------------------- / responsive design ----------------------------------------*/ /*left meus*/ #LeftMenu a.link,#LeftMenu a.CMLevel1Selected {height:auto; border-bottom:1px solid #ccc; width:270px !important;background: #fff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center; background-position:248px;color: #000;font-size:13px;} /*blue*/ .blueSub #LeftMenu a.link,.blueSub #LeftMenu a.CMLevel1Selected {height:auto; border-bottom:1px solid #ccc; width:290px !important;background: #fff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center; background-position: 270px;color: #000;font-size:13px;} /*lavan*/ .LavenderSub #LeftMenu a.link,.LavenderSub #LeftMenu a.CMLevel1Selected {height:auto; border-bottom:1px solid #ccc; width:290px !important;background: #fff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center; background-position: 270px;color: #000;font-size:13px;} /*Green*/ .GreenSub #LeftMenu a.link,.GreenSub #LeftMenu a.CMLevel1Selected {height:auto; border-bottom:1px solid #ccc; width:290px !important;background: #fff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center; background-position: 270px;color: #000;font-size:13px;} #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 270px !important; background:#193477!important; color: #fff !important;} .blueSub #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 290px !important; background:#3db8e4!important; color: #fff !important;} .LavenderSub #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 290px !important; background:#bc99c6!important; color: #fff !important;} .GreenSub #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 290px !important; background:#81b52c!important;color: #fff !important;} @media (min-width:1280px){ /*Google Translate*/ #google_translate_element{position: absolute; left:100px;top:0;} } a.Mob-LeftNav { display: none;} /* ------------------------------------------------------------------- */ /* Tab - Anything less than 1160px (the desktop design width) we want to display the tablet stylings */ @media (min-width: 0) and (max-width:1280px){ .mobileOnly{display: block;visibility: visible;} .desktopOnly{display: none !important;visibility: hidden;} #breadcrumb-panel, .content-area .content-breadcrumb{padding: 11px 0 20px 20px;} #wrapper #page-content { margin-top:10px;} .subImage img { display:none;} .container-wrap { /* width:97%; */} div#header { width:98%; padding:10px;} .content-area .newsevents .mainItem, .content-area .newswidget .mainItem, .content-area .newsevents .subItem, .content-area .newswidget .subItem {margin-right:5% !important;} #main-nav { width:100%;} #intro .intro-block-three { width:260px; margin-left:0px; margin-top:27px;} .connectTara img { margin-left:0px; margin-top:0px} #intro .intro-block-two { margin-left:10px; float:left;} .addressContent { width:20%; float:right; } /* sub-pages*/ #wrapper #page-content { width:88.2%;} #wrapper #page-content #container { width:70%; float:left;} .HotTopic img { width:90%;} .HotTopic .subItem { margin-left:-5px;} #slide2 img {width: 100%;height:282px;} .feature-item { width:100% !important;} #slider2 h4 { width:96.2%;} .subImage img { height:500px !important; width:100%;} .EventQuickSearchMain .EventQuickSearchCalendar { margin-top:20px;} .quickeventList dl { width:67%} .NewsRightLinks {width: 21.7%;} a.virtualLinkTwo {top:60px;} #slider2 { display:none;} .subImage img { display:none;} /* #header-top { display:none !important;} */ #header .header-menu ul { display:none !important;} .hideMobile{display:none;} #menuTop { display:block; color: #fff;font-size: 16px;font-weight: bold;padding: 10px;padding-left:32px; width: 13%;background-position: 8px; margin-left:20px;} #wrapper #wrapper-inner{width:100%;} #intro {margin:0px !important;} #slider .container { display:none;} .carousel-contents #slide { display:none;} #slider { display:none !important;} /* - main nav */ #main-nav {margin: 0;} .utilite-cover { display:none !important;} #main-nav > .accessible-heading {display: block;left:90% !important;top:7px !important;z-index: 1000;width: 23px !important;height:22px !important;padding: 10px;text-indent: -9999px; background: url(/images/UserUploadedImages/11/main-menu-icon.png) no-repeat center center; } #main-nav .accessible-heading:before {} #main-nav .hmenu li.selected:after { display: none !important;} #main-nav > .accessible-heading:hover, #main-nav > .accessible-heading:focus {/* cursor:pointer; background: #fff url(/images/UserUploadedImages/11/main-menu-icon.png) no-repeat 5px 9px; */ } #main-nav > .accessible-heading.open {/* cursor:pointer; background: #fff url(/images/UserUploadedImages/11/main-menu-icon.png) no-repeat 5px 9px; */ } #main-nav .hmenu {position: absolute!important;top:42px!important;background-color: #fff !important;width:100%;float: right;z-index: 30; height:auto !important; display:none;} #main-nav .hmenu > li {float:none; padding:0; border:none;} #main-nav .hmenu > li > a {color:#000; font-size:120%; height:auto; background:none; border-bottom:1px solid #ccc; width:100% !important;padding: 0 !important;} #main-nav .hmenu > li > a > span {background:none; margin: 11px 18px 11px 18px;display: block;width: 95%;} #main-nav .hmenu > li:hover, #main-nav .hmenu > li:focus {padding:0; width:100% !important;} #main-nav .hmenu > li:hover > a, #main-nav .hmenu > li:focus > a, #main-nav .hmenu > li.selected > a {color:#ccc !important; background:#fff;} #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:none;} #main-nav .hmenu.open{display: block;} .search-icon {opacity:none !important;background: url(/images/UserUploadedImages/11/mobile-search.png) no-repeat left center;display: block;height: 32px;background-position: 7px 13px;float: left;width: 23px;position: absolute;padding: 5px; top: 0px;left: 78%!important;} #main-nav .search-icon:hover, #main-nav .search-icon.open {background: #fff url(/images/UserUploadedImages/11/mobile-search.png) no-repeat left center;width:23px;height:32px;background-position: 7px 13px; padding:5px;} #menuTopWrap {position: relative;} #menuTopWrap #quickLinks, #menuTopWrap .top_icons {background: #ccc;} .header-search {margin: 0; position: absolute!important; right: 0px!important; z-index: 9; top: 226px!important; padding: 0; background: #fff; width: 100%; display:none;} .header-search div.searchPanel { top:0px !important; margin: 10px;} .header-search.open{display: block;} div.searchPanel input.searchInput { width:85% !important;} .container-wrap {/* display:inline-block; */ display:table; width:95%;} .newsevents {width:100%;} .newswidget{width:100%;} .newseventsMain .mainItem, .newswidgetMain .mainItem, .newsevents .mainItem, .newswidget .mainItem, .newsevents .subItem, .newswidget .subItem{margin-right:0px; margin:0px 20px;} #FooterTopImg .container-wrap {width: 81%;} img {max-width: 100%;} /* blogs */ .blogContainer .blogMenu {position: relative; margin-bottom: 15px; width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .blogContainer .blogMain {margin: 0;} .blogContainer .blogMenu .clsMidHeader {margin: 15px 0;} .blogContainer .blogMenu a.AddArticleLink {padding:5px; border-radius:3px; color:#fff; background: #1D779F; width: auto; font-size: 120%; font-family:arial,sans-serif;} .blogArticle .Comments {width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* Polls */ .content-area #PollMain {width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* Search */ .SearchResults {width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .SearchResults ol li span.lastRow {word-wrap: break-word; margin-left: 0;} .SearchResults ol li span.clsResultDescr {margin-left: 0;} /* People */ .people-element-tabular-layout table {width: 100%;} /* Mailing lists */ #pMailingListSelectListInstructions, #divMailingListSubscribe {margin: 10px 0;} /* Faq */ #faqContainer .FAQHeadingLinks a {position: static;} /* Forms */ .clsFormCreator .formCreatorCaptchaTable {padding: 0;} .clsFormCreator div.clsFormCreator_checkbox {padding: 0;} .clsFormCreator div.clsFormCreator_checkbox label {position: static;} /* Event Quick Search */ #page-content .EventQuickSearchMain .EventQuickSearchRow input[type="text"], #page-content .EventQuickSearchMain .EventQuickSearchRow label {display: block; width: 100% !important; margin: 5px 0;} #page-content .EventQuickSearchMain .EventQuickSearchRow #selQuickEventType label {width: auto !important;display: inline;} .EventQuickSearchMain div[id$="EventQuickSearch"] {width:100%;-moz-box-sizing: border-box; box-sizing: border-box;} .EventQuickSearchMain .EventQuickSearchCalendar, .EventQuickSearchMain .EventQuickSearchCalendar table {width:100%;-moz-box-sizing: border-box; box-sizing: border-box;} .EventQuickSearchMain .EventQuickSearchCalendar table {margin: 15px 0;} .EventQuickSearchMain .EventQuickSearchCalendar { padding:0px;} /* Form Results */ .FormResult .clsSearchParameters .clsSubmitNew {position: static; padding-bottom: 10px;} .FormResult .clsSearchParameters .divSearchPanelInner, .FormResult div.advanced-search-panel {width: 100%;padding-bottom: 5px;} /*home */ .header-logo {text-align: center !important; width:100%;position: static;top: 61px !important;margin: 15px 0;float: left;} .header-menu h4 {position: absolute;font-size: 22px;width: 100%;text-align: center;} ul.top_icons li{width: 130px;} #header {width: 100%;margin: 0px;padding: 20px 0px 20px 0px;height: auto;} #header .container-wrap {margin: 0px;width: 100%;} .mobileBanner h4 {position: relative;font-size: 22px;width: 100%;text-align: left;float: left;padding: 10px 0px 10px 15px;background: #eaeaeb;margin: 0px;} #google_translate_element{position:absolute;top:0;right:0;} #intro {margin:0px !important;} #intro .intro-block-two {margin: 0 0 20px 27px;position: absolute;right: -20px;} #intro .intro-block-three {width: 100%;margin: 40px 0 20px 0px; height:auto;} .connectTara { width:44%; float:left; margin-top:5px;} a.twitter, a.facebook, a.youtube, a.linkedin { margin-left:70px; float:right; width:36%;} #utilities { display:none;} #feature a { float:left;width: 100% !important;text-align: center; } .BookTour {float: left;width: 47%;} .JuniorSchool {float: left;width: 47%;} .SeniorSchoolNew {float: left;width: 47%; margin-top:30px;} .BoardingHouse {float: left;width: 47%; margin-top:30px;} /*subpages*/ #wrapper #page-content #container { width:60%;} .SeniorSchoolEvents,.BoardingEvents,.JuniorEvents {width: 620px;margin: auto;display:table;} .SeniorSchoolEvents .mainItem,.JuniorEvents .mainItem, .BoardingEvents .mainItem {margin: 0 24px;} .SeniorSchoolEvents .subItem, .JuniorEvents .subItem , .BoardingEvents .subItem {margin: 0 24px;} .events, .BoardingEvents,.JuniorEvents, .portal-bottom-links { width:94%; margin:auto; margin-bottom:20px;} .portal-bottom-links {float: none;} .events img { } span.resultPageNumberSelected { color:#999;} #page-content .EventQuickSearchMain .EventQuickSearchRow #selQuickEventType label { padding-left:10px;} .content-area h1 {margin-left: 10px;} .tableclass { width:100% !important;} .socialCopyright {width:100% !important;float: left;} .addressContent {float: left !important;width: 100% !important;text-align: left !important;margin-top: 20px;} .EventQuickSearchMain { width:87%;} .quickeventList dl {width: 100% !important;margin-top: 20px;} #calDateHeadingText { width:75%;} .NewsHeading { width:62% !important;} .NewsHeading dl { width:78% !important; margin:0px; margin-left:0px !important;} .NewsRightLinks { width:33.7% !important;} /* #slider2 h4 { width:95%;} */ .HotTopic .subItem { margin-left:0px;} #wrapper #page-content { width:97%; margin-top:22px !important; margin-left:10px;} .DeptEvents, .BoardingEvents, .JuniorEvents{width: 100%;float: left;background-size: 100% 100% !important; height: inherit;} div#header { width:100%; padding:0px;} .SeniorSchoolEvents .mainItem, .BoardingEvents .mainItem, .JuniorEvents .mainItem { margin-left:26px;} .SeniorSchool img, .BoardingEvents img, .JuniorEvents img{float: right; margin:0px;} /* search result*/ .header-search .quickSearchPanel { width:100%;} .dynamic-results {width: 100%;margin: 0px;padding: 0px;} .dynamic-results .dynamic-results-inner { width:100%;} /* footer*/ #footer .container-wrap {margin: 0px 20px;width:95%;} #footerTopRow { width:41% !important;margin-bottom: 5px !important;position: relative;display: table;} #footersiteWrap>ul.hmenu>li {float: left;width: 100%;margin-left: 0px !important;} #footersiteWrap ul li ul {display: none;} #footerBaseRow {min-height: 175px !important;background: none !important;padding-bottom:0px;border-top: 1px solid #0e397e;padding-top: 20px;width:100%;} .preftrMenu {float:none;line-height: 22px;margin-top: 10px;} a.footersiteIndex { display:none;} #footerBottom { display:table;padding: 18px 0 18px 0 !important;} /* Additions - Emmet */ #header-top{height: auto;} #header-top ul.top_icons li{display: none;} #menuTopWrap.open{display: block !important;} .Event_wrap_One{width: 620px; margin: 30px auto 0 auto;} .News_wrap_Two{width: 620px; margin: 0 auto;} ul.top_icons li a{width: 95%;padding-left: 50px;background-position:24px center; } #main-nav > .accessible-heading, #main-nav .search-icon{position: static; float: left;} #main-nav #menuTop{float: right; width:45px;} #main-nav #menuTop.openMob {width: 85px;} #main-nav .search-icon {float: right;} #menuTopWrap #quickLinks{margin: 0;padding: 0;width: 100%;} #menuTopWrap #quickLinks li{margin: 0;padding: 0;width: 100%;} #menuTopWrap #quickLinks li a{padding: 10px 16px 10px 50px;background-position:29px center;display: block; float: none; position: relative; margin-top:0;} .widget.portal {width: 100%} .refinewidget.portal {position: relative;} .widget.portal .mainItem, .widget.portal .subItem {width: 46%;} } /* Tablet - Styles we specifically only want on tablet view and not mobile -------------------------------------------------initially was max-width:1160px */ @media (min-width: 768px) and (max-width:1280px){ #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 267px !important;background:#193477!important; color:#fff !important;} .RadPicker { width:100% !important;} #LeftMenu a.link .text, #LeftMenu a.link .rpText, #LeftMenu a.CMLevel1Selected .text {font-size: 100%;height:auto;padding: 10px 0px 10px 10px;color:#fff;} /*level 2 vertical menu*/ #LeftMenu a.CMLevel2, #LeftMenu a.CMLevel2Selected {height:auto; border-bottom:1px solid #ccc; background-color: #c7c5c5; } #LeftMenu a.CMLevel2 span, #LeftMenu a.CMLevel2Selected span {background-color:#ededed; height:auto; padding:10px 0px 10px 10px; color:#000;} #LeftMenu a.CMLevel2Selected:hover span, #LeftMenu a.CMLevel2:hover span, #LeftMenu a.CMLevel2:focus span {background: #d2d2d2;color:#646464; height:auto;} /*level 3 vertical menu*/ #LeftMenu a.CMLevel3, #LeftMenu a.CMLevel3Selected {height:auto; border-bottom:1px solid #ccc;color:#000; } #LeftMenu a.CMLevel3 span, #LeftMenu a.CMLevel3Selected span {background-color:#ededed; height:auto; padding:10px 0px 10px 10px;color:#000;} #LeftMenu a.CMLevel3Selected:hover span, #LeftMenu a.CMLevel3:hover span, #LeftMenu a.CMLevel3:focus span {background: #d2d2d2; color:#646464; } /*level 4 vertical menu*/ #LeftMenu a.CMLevel4, #LeftMenu a.CMLevel4Selected {height:auto; border-bottom:1px solid #ccc; color:#000;} #LeftMenu a.CMLevel4 span, #LeftMenu a.CMLevel4Selected span { background-color:#ededed; height:auto;padding:10px 0px 10px 10px;color:#000;} #LeftMenu a.CMLevel4Selected:hover span, #LeftMenu a.CMLevel4:hover span, #LeftMenu a.CMLevel4:focus span {background: #d2d2d2; color:#000; height:auto;} #LeftMenu .group {width:270px !important;} .RadMenu_CM14 { width:100% !important;} /*-----panelbar menu styles-----*/ #LeftMenu .panelbar a.link:hover .rpText, #LeftMenu .panelbar a.link:focus .rpText { background: #deeaff;color:#000; height:auto; font-size:13px; border:none !important; width:248px !important;} /*level 2 panelbar*/ #LeftMenu .panelbar a.MenuItemTwo .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText {width:248px !important; background-color:#fff; color:#000; border:none !important;} /*level 3 panelbar*/ #LeftMenu .panelbar a.MenuItemThree .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {width:auto!important; !important; background-color:#fff; color:#000; border:none !important; padding:10px; padding-left: 25px;} #LeftMenu .panelbar a.MenuItemThree:hover .rpText, #LeftMenu .panelbar a.MenuItemThree:focus .rpText {width:auto!important; color:#193477; height:auto;font-size:13px; width: auto; padding:10px; padding-left: 25px;} /*level 4 panelbar*/ #LeftMenu .panelbar a.MenuItemFour .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText { /*width:248px !important;*/ background-color:#fff; color:#000; border:none !important; } #LeftMenu .panelbar a.MenuItemFour:hover .rpText, #LeftMenu .panelbar a.MenuItemFour:focus .rpText {color:#193477; height:auto;font-size:13px;} /*selected item*/ #LeftMenu a.CMLevel1Selected .text, #LeftMenu a.CMLevel2Selected .text, #LeftMenu a.CMLevel3Selected .text, #LeftMenu a.CMLevel4Selected .text #LeftMenu .panelbar a.MenuItemOneClicked .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText { font-weight:bold; color:#193477;} #LeftMenu .panelbar a.MenuItemThreeClicked .rpText{font-weight: bold;color:#193477;background: #deeaff; width:235px!important;font-size: 13px;} #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText:hover{width:270px !important; background: #193477 !important; color:#fff !important;} /*Two and three Expandable Clicked Left menu Arrow */ #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText {background: #deeaff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat right center !important;font-size:13px; background-position:248px !important; width: 100% !important;} #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText {background: #deeaff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important; background-position: 248px !important;font-size:13px;color: #193477 !important; width:238px;} #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked.MenuItemFourClicked.MenuItemFourOver .rpText {background: #deeaff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important;color: #193477 !important; background-position: 270px !important;font-size:13px; width:248px; font-weight:bold;} #LeftMenu .panelbar a.rpLink.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked .rpText { background: #deeaff !important;color: #193477 !important; font-weight: bold;} .RadPanelBar ul { width:270px !important;} a.MenuItemOneClicked, a.MenuItemOneClicked:hover, a.MenuItemOneClicked:focus { background:#deeaff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat 270px center !important; font-weight:bold; } /* Hover Expandable Menu and Normal Menu */ #LeftMenu .panelbar a.MenuItemTwo:hover .rpText { color: #193477; background: #deeaff; background-position:248px !important; width: 260px !important;font-size:13px; } #LeftMenu .panelbar a.rpExpandable:hover .rpText{background:#deeaff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat right center !important;background-position:248px !important; } a.MenuItemTwoClicked, a.MenuItemTwoClicked .rpText { background:#deeaff !important; font-weight:bold;} .BlueContentLink {margin:0px !important; color:#3db8e4 !important;} .BlueContentLink:hover { text-decoration:underline !important;color: #3db8e4;} #LeftMenu .Arrow>a.link .rpText{background:url(/images/UserUploadedImages/11/down-arrow.png) no-repeat 270px;} /* blue left menu */ .blueSub #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 267px !important; background:#3db8e4!important; color: #fff !important;} .RadPanelBar.RadPanelBar_NoSkin.panelbar { width: 268px; !important;} .blueSub .RadPanelBar ul { width: 268px !important;} .blueSub #LeftMenu a.link, .blueSub #LeftMenu a.CMLevel1Selected { width: 268px !important;} .blueSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText { width: 268px !important;} .blueSub #LeftMenu .panelbar a.MenuItemTwo .rpText, .blueSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText { padding-right:0px; width: 258px !important;} .blueSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText { width: 223px !important;} .blueSub #LeftMenu .panelbar a.link:hover .rpText, .blueSub #LeftMenu .panelbar a.link:focus .rpText {/* width: 258px !important;*/ width: auto !important; } .blueSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText:hover{ width: 100% !important;} #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText {width: 258px !important;} .blueSub #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText { background-position: 240px !important;} .blueSub #LeftMenu .panelbar a.MenuItemTwo .rpText, .blueSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText { background-position:240px !important;} .blueSub #LeftMenu .panelbar a.link:hover .rpText, .blueSub #LeftMenu .panelbar a.link:focus .rpText { background-position: 240px !important;} .blueSub #LeftMenu .panelbar a.MenuItemThree .rpText, .blueSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText { background-position:240px !important;} .blueSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText{ background-position:240px !important;} .blueSub #LeftMenu .panelbar a.rpLink.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked .rpText { width: auto !important;} .blueSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText { width: auto !important;} /* Lavender Junior School Left menu */ .LavenderSub #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 267px !important; background:#bc99c6!important; color: #fff !important;} .carousel-contents #slide3 { display:none;} #slider3 #nav3 { display:none;} .RadPanelBar.RadPanelBar_NoSkin.panelbar { width: 268px; !important;} .LavenderSub .RadPanelBar ul { width: 268px !important;} .LavenderSub #LeftMenu a.link, .LavenderSub #LeftMenu a.CMLevel1Selected { width: 268px !important;} .LavenderSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText { width: 268px !important;} .LavenderSub #LeftMenu .panelbar a.MenuItemTwo .rpText, .LavenderSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText { padding-right:0px; width: 258px !important;} .LavenderSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText { width: 223px !important;} .LavenderSub #LeftMenu .panelbar a.link:hover .rpText, .LavenderSub #LeftMenu .panelbar a.link:focus .rpText {/* width: 258px !important;*/ width: auto !important; } .LavenderSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText:hover{ width: 100% !important;} #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText {width: 258px !important;} .LavenderSub #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText { background-position: 240px !important;} .LavenderSub #LeftMenu .panelbar a.MenuItemTwo .rpText, .LavenderSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText { background-position:240px !important;} .LavenderSub #LeftMenu .panelbar a.link:hover .rpText, .LavenderSub #LeftMenu .panelbar a.link:focus .rpText { background-position: 240px !important;} .LavenderSub #LeftMenu .panelbar a.MenuItemThree .rpText, LavenderSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText { background-position:240px !important;} .LavenderSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText{ background-position:240px !important;} .LavenderSub #LeftMenu .panelbar a.rpLink.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked .rpText { width: auto !important;} .LavenderSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText { width: auto !important;} /* Green Boarding Left menu */ .carousel-contents #slide4 { display:none;} #slider4 #nav4 { display:none;} .GreenSub #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 267px !important; background:#81b52c!important; color: #fff !important;} .RadPanelBar.RadPanelBar_NoSkin.panelbar { width: 268px; !important;} .GreenSub .RadPanelBar ul { width: 268px !important;} .GreenSub #LeftMenu a.link, .GreenSub #LeftMenu a.CMLevel1Selected { width: 268px !important;} .GreenSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText { width: 268px !important;} .GreenSub #LeftMenu .panelbar a.MenuItemTwo .rpText, .GreenSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText { padding-right:0px; width: 258px !important;} .GreenSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText { width: 223px !important;} .GreenSub #LeftMenu .panelbar a.link:hover .rpText, .GreenSub #LeftMenu .panelbar a.link:focus .rpText {/* width: 258px !important;*/ width: auto !important; } .GreenSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText:hover{ width: 100% !important;} #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText {width: 258px !important;} .GreenSub #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText { background-position: 240px !important;} .GreenSub #LeftMenu .panelbar a.MenuItemTwo .rpText, .GreenSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText { background-position:240px !important;} .GreenSub #LeftMenu .panelbar a.link:hover .rpText, .GreenSub #LeftMenu .panelbar a.link:focus .rpText { background-position: 240px !important;} .GreenSub #LeftMenu .panelbar a.MenuItemThree .rpText, .GreenSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText { background-position:240px !important;} .GreenSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText{ background-position:240px !important;} .GreenSub #LeftMenu .panelbar a.rpLink.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked .rpText { width: auto !important;} .GreenSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText { width: auto !important;} .preftrMenu { width:100px;} div#footerBaseRow { display:block;} .tabletClr .subItem:nth-child(2n+1) { clear:both; } .tabletClr .subItem:nth-child(2) { clear:none; } .subItem:nth-child(0n+2) { clear:both; } #intro .container-wrap{width: 720px;} .NewsRightLinks dt a { float:none !important; width:138px !important; display:table!important;} .NewsRightLinks dd {width: 83%!important;float: none;display: table;} /*Articles page*/ .NewsHeading { width:100% !important;} #wrapper #page-content #sidebar {width: 160px;float:right;padding: 0 0 0 20px;margin-top: 134px;} #wrapper #page-content #containerArticle {width: 35%;float: left;padding-left: 19px;margin-bottom: 20px;} .NewsHeading dl{width: 98%!important; } .NewsRightLinks .mainItem { width:158px;} .NewsRightLinks .subItem { width:158px;} li.annualReport a {width: 80px !important;padding-right: 0px !important;float:left !important;} .content-area .carousel-contents {min-height: 240px;} } .events .vcard {width:50%; float:left; padding-right:20px; box-sizing:border-box;} .events .vcard:nth-child(even) {clear:both;} .events .vcard:nth-child(odd) {padding-right:0px; padding-left:20px;} @media (min-width: 0) and (max-width:992px){ .tara-login-portal div[id$="LoginPanel"] {box-sizing: border-box; width: 100%; padding: 0;} } /* Mobile - Anything less than 768px (smaller than an ipad mini portrait), we want to display the mobile version -------------------------------------------------*/ @media (min-width: 0) and (max-width:767px){ a.Mob-LeftNav { display: block;} .blueSub #section-menu h2 { width:auto !important;} .LavenderSub #section-menu h2 { width:auto !important;} .GreenSub #section-menu h2 { width:auto !important;} .events .vcard {width:100%; padding:0px;} .events .vcard:nth-child(odd) {padding-right:0px; padding-left:0px;} /*a.Mob-LeftNav {}*/ .Mob-LeftNav {background: #193477 url(/images/UserUploadedImages/11/ftr_arrow.png) no-repeat right center; background-position: 90%; border: 0;color: #fff;padding: 1em;display: block;cursor: pointer;margin: 10px 0;font-weight: bold;font-size: 1em; padding-left: 0.8em; font-family:chaparralproregular; font-size:14px;} a.Mob-LeftNav:hover { color:#fff;font-family:chaparralproregular; font-size:14px; font-weight: bold;} .blueSub .Mob-LeftNav {background: #3db8e4 url(/images/UserUploadedImages/11/ftr_arrow.png) no-repeat right center; background-position: 90%;border: 0;color: #fff;padding: 1em;display: block;cursor: pointer;margin: 10px 0;font-weight: bold;font-size: 1em; padding-left: 0.8em; font-family:chaparralproregular; font-size:14px; } .LavenderSub .Mob-LeftNav {background: #bc99c6 url(/images/UserUploadedImages/11/ftr_arrow.png) no-repeat right center;background-position: 90%; border: 0;color: #fff;padding: 1em;display: block;cursor: pointer;margin: 10px 0;font-weight: bold;font-size: 1em; padding-left: 0.8em; font-family:chaparralproregular; font-size:14px; } .GreenSub .Mob-LeftNav {background: #81b52c url(/images/UserUploadedImages/11/ftr_arrow.png) no-repeat right center;background-position: 90%; border: 0;color: #fff;padding: 1em;display: block;cursor: pointer;margin: 10px 0;font-weight: bold;font-size: 1em; padding-left: 0.8em; font-family:chaparralproregular; font-size:14px; } .RadPicker { width:100% !important;} .SeniorSchoolEventPage {width: 95%;margin: auto;} .Boarding {width: 95%;margin: auto;} .JuniorSchoolpage {width: 95%;margin: auto;} li.annualReport a {width: 80px !important;padding-right: 0px !important;float:left !important;} #LeftMenu .Arrow>a.link .rpText {background:right 90%;} #LeftMenu span { box-sizing:border-box !important; } #main-nav #menuTop{width: 45px;} #main-nav #menuTop.openMob {width: 85px;} .SeniorSchoolEvents .mainItemHeading,.BoardingEvents .mainItemHeading, .JuniorEvents .mainItemHeading { width:78%; } .SeniorSchoolEvents .subItemHeading, .BoardingEvents .subItemHeading, .JuniorEvents .subItemHeading { width:78%; } div#footerBaseRow { display:block;} .blockVideo a:hover #videoHover{width:100%;height:100%;display:block;background-position:-40px -40px;} #slider #slide .content {position: relative;top: 543px;width: 1900px;z-index: 999999;display: table;margin: auto;} a.virtualLinkTwo {top:58px !important; width:93%;} .SeniorSchoolEvents img, .BoardingEvents img, .JuniorEvents img { width:100%;height: 100%;} .RadPanelBar.RadPanelBar_NoSkin.panelbar { width:auto !important;} #slider2 { display:none;} h2.NewsEvents-Heading { width:93%;} #page-content .EventQuickSearchMain .EventQuickSearchRow input[type="text"], #page-content .EventQuickSearchMain .EventQuickSearchRow label { width:92% !important;} .subImage img { display:none;} .SeniorSchoolEvents h2, .BoardingEvents h2, .JuniorEvents h2 { padding-left:0px; width:86%; margin:auto; font-size:30px !important;} .NewsRightLinks img { width:169px;} .NewsRightLinks dd { width:86%;} /* #header-top { display:none !important;} */ .SeniorSchool img {margin-bottom: 45px;margin-left: 42px;margin-top: 59px; width: 100%;} #header .header-menu ul { display:none !important;} .hideMobile{display:none;} #menuTop { display:block; color: #fff;font-size: 16px;font-weight: bold;padding: 10px;padding-left:32px; width: 13%;background-position: 8px; margin-left:3px;} #wrapper #wrapper-inner{width:100%;} .container-wrap { /* width:100%; */ display:table;} .SeniorSchoolEvents .mainItem, .JuniorEvents .mainItem, .BoardingEvents .mainItem {width:100% !important;float: none;display: table; margin:0px; } .SeniorSchoolEvents .subItem, .JuniorEvents .subItem, .BoardingEvents .subItem {width:100% !important;float: none;display: table; margin:0px; } .quickeventList .mainItem { float:none;} #intro {margin:0px !important;} #slider .container { display:none;} .carousel-contents #slide { display:none;} #slider { display:none;} /* Normal Left Menu */ #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width:100% !important;background:##193477!important; color:#fff !important;} #LeftMenu {width: 100%!important;Submitmargin-top: 20px!important;} #LeftMenu a.link, #LeftMenu a.CMLevel1Selected { width: 100% !important; background:none !important; } #LeftMenu .panelbar a.link:hover .rpText, #LeftMenu .panelbar a.link:focus .rpText { background: #deeaff;color:#000; width:100% !important;} /*level 2 panelbar*/ #LeftMenu .panelbar a.MenuItemTwo .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText {width:100% !important; background-color:#fff; color:#000; border:none !important;} /*level 3 panelbar*/ #LeftMenu .panelbar a.MenuItemThree .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {width:auto!important; !important; background-color:#fff; color:#000; border:none !important; padding:10px; padding-left: 25px;} #LeftMenu .panelbar a.MenuItemThree:hover .rpText, #LeftMenu .panelbar a.MenuItemThree:focus .rpText {width:auto!important; color:#193477; height:auto;font-size:13px; width: auto; padding:10px; padding-left: 25px;} /*level 4 panelbar*/ #LeftMenu .panelbar a.MenuItemFour .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {padding-left:48px; width:100% !important; background-color:#fff; color:#000; border:none !important; padding-left:44px;} #LeftMenu .panelbar a.MenuItemFour:hover .rpText, #LeftMenu .panelbar a.MenuItemFour:focus .rpText {color:#193477; height:auto;font-size:13px;} /*selected item*/ #LeftMenu a.CMLevel1Selected .text, #LeftMenu a.CMLevel2Selected .text, #LeftMenu a.CMLevel3Selected .text, #LeftMenu a.CMLevel4Selected .text #LeftMenu .panelbar a.MenuItemOneClicked .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText { font-weight:bold; color:#193477;} #LeftMenu .panelbar a.MenuItemThreeClicked .rpText{font-weight: bold;color:#193477;background: #deeaff; width:100%!important;font-size: 13px;} #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText:hover{width:100% !important; background: #193477 !important; color:#fff !important;} /*Two and three Expandable Clicked Left menu Arrow */ #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText {background: #deeaff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat right center !important;font-size:13px; background-position:90% !important;} #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText {background: #deeaff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important; background-position:90% !important;font-size:13px;color: #193477 !important; width:100%;} #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked.MenuItemFourClicked.MenuItemFourOver .rpText {background: #deeaff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important;color: #193477 !important; background-position:90% !important;font-size:13px; width:100%; font-weight:bold;} #LeftMenu .panelbar a.rpLink.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked .rpText { background: #deeaff !important;color: #193477 !important; font-weight: bold;} .RadPanelBar ul { width:100% !important;} a.MenuItemOneClicked, a.MenuItemOneClicked:hover, a.MenuItemOneClicked:focus { background:#deeaff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat 100% center !important; font-weight:bold; } /* Hover Expandable Menu and Normal Menu */ #LeftMenu .panelbar a.MenuItemTwo:hover .rpText { color: #193477; background: #deeaff; background-position:90% !important; width:100% !important;font-size:13px; } #LeftMenu .panelbar a.rpExpandable:hover .rpText{background:#deeaff url(/images/UserUploadedImages/11/down-arrow.png) no-repeat right center !important;background-position:90% !important;width:100% !important; } a.MenuItemTwoClicked, a.MenuItemTwoClicked .rpText { background:#deeaff !important; font-weight:bold;} .BlueContentLink {margin:0px !important; color:#3db8e4 !important;} .BlueContentLink:hover { text-decoration:underline !important;color: #3db8e4;} #LeftMenu .Arrow>a.link .rpText {background:url(/images/UserUploadedImages/11/down-arrow.png) no-repeat 90%; width: 100% !important;} /* blue left menu */ .blueSub #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 100% !important;background:#3db8e4!important; color: #fff!important;} .blueSub #LeftMenu {width: 100%!important;Submitmargin-top: 20px!important;} .blueSub #LeftMenu a.link, #LeftMenu a.CMLevel1Selected { width: 100% !important; background:none !important; } .blueSub #LeftMenu a.link .text, .blueSub #LeftMenu a.link .rpText, .blueSub #LeftMenu a.CMLevel1Selected .text {font-size: 100%;height:auto;padding: 10px 0px 10px 10px; } .blueSub #LeftMenu a.link.CMLevel1:hover, .blueSub #LeftMenu a.link.CMLevel1:focus {font-size:100%;} .blueSub #LeftMenu a.link.CMLevel1:hover .text, .blueSub #LeftMenu a.link.CMLevel1:focus .text {} .blueSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText{background: #3db8e4 !important; color: #fff !important;padding:10px 0px 10px 10px;width:100% !important;} /*Left menu Heading Color*/ .blueSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText:hover{background: #3db8e4 !important; color: #fff !important;} .blueSub #LeftMenu .rpRootGroup > .rpFirst > a.link:focus, .blueSub #LeftMenu .rpRootGroup > .rpFirst > a.link:hover { } .blueSub #LeftMenu .panelbar .rpRootGroup > .rpFirst >a.link:hover .rpText, .blueSub #LeftMenu .panelbar .rpRootGroup > .rpFirst >a.link:focus .rpText {} /*level 2 vertical menu*/ .blueSub #LeftMenu a.CMLevel2, .blueSub #LeftMenu a.CMLevel2Selected {height:auto; border-bottom:1px solid #ccc; background-color: #c7c5c5; } /*.blueSub #LeftMenu ul.vertical.group.level1 li a { }*/ .blueSub #LeftMenu a.CMLevel2 span, .blueSub #LeftMenu a.CMLevel2Selected span {background-color:#ededed; height:auto; padding:10px 0px 10px 10px; color:#000;} .blueSub #LeftMenu a.CMLevel2Selected:hover span, .blueSub #LeftMenu a.CMLevel2:hover span, .blueSub #LeftMenu a.CMLevel2:focus span {background: #d2d2d2;color:#3db8e4; height:auto;} /*level 3 vertical menu*/ .blueSub #LeftMenu a.CMLevel3, .blueSub #LeftMenu a.CMLevel3Selected {height:auto; border-bottom:1px solid #ccc;color:#000; } .blueSub #LeftMenu a.CMLevel3 span, .blueSub #LeftMenu a.CMLevel3Selected span {background-color:#ededed; height:auto; padding:10px 0px 10px 10px;color:#000;} .blueSub #LeftMenu a.CMLevel3Selected:hover span, .blueSub #LeftMenu a.CMLevel3:hover span, .blueSub #LeftMenu a.CMLevel3:focus span {background: #d2d2d2; color:#3db8e4; } /*level 4 vertical menu*/ .blueSub #LeftMenu a.CMLevel4, .blueSub #LeftMenu a.CMLevel4Selected {height:auto; border-bottom:1px solid #ccc; color:#000;} .blueSub #LeftMenu a.CMLevel4 span, .blueSub #LeftMenu a.CMLevel4Selected span { background-color:#ededed; height:auto;padding:10px 0px 10px 10px;color:#000;} .blueSub #LeftMenu a.CMLevel4Selected:hover span, .blueSub #LeftMenu a.CMLevel4:hover span, .blueSub #LeftMenu a.CMLevel4:focus span {background: #d2d2d2; color:#3db8e4; height:auto;} .blueSub #LeftMenu .group {width:100% !important;} .blueSub .RadMenu_CM14 { width:100% !important;} /*-----panelbar menu styles-----*/ .blueSub #LeftMenu .panelbar a.link:hover .rpText, .blueSub #LeftMenu .panelbar a.link:focus .rpText {background: #d1f1fe;color:#3db8e4; height:auto; font-size:13px; border:none !important;} /*level 2 panelbar*/ .blueSub #LeftMenu .panelbar a.MenuItemTwo .rpText, .blueSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText {width:100% !important; background-color:#fff; color:#000; border:none !important; padding-left:10px; padding-right:20px;} /*level 3 panelbar*/ .blueSub #LeftMenu .panelbar a.MenuItemThree .rpText, .blueSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {width:100% !important; background-color:#fff; color:#000; border:none !important;padding-left:25px;padding-right:20px;} .blueSub #LeftMenu .panelbar a.MenuItemThree:hover .rpText, .blueSub #LeftMenu .panelbar a.MenuItemThree:focus .rpText {color:#3db8e4; height:auto;font-size:13px;} /*level 4 panelbar*/ .blueSub #LeftMenu .panelbar a.MenuItemFour .rpText, .blueSub #LeftMenu .panelbar a.MenuItemFourClicked .rpText {padding-left:48px; width:100% !important; background-color:#fff; color:#000; border:none !important; padding-left:25px;padding-right:20px;} .blueSub #LeftMenu .panelbar a.MenuItemFour:hover .rpText, .blueSub #LeftMenu .panelbar a.MenuItemFour:focus .rpText {color:#3db8e4; height:auto;font-size:13px;} /*selected item*/ .blueSub #LeftMenu a.CMLevel1Selected .text, .blueSub #LeftMenu a.CMLevel2Selected .text, .blueSub #LeftMenu a.CMLevel3Selected .text, .blueSub #LeftMenu a.CMLevel4Selected .text .blueSub #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .blueSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText{color:#3db8e4 ;background: #d1f1fe !important;font-size:13px;color: #3db8e4 !important;} .blueSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {color:#3db8e4 ;background: #d1f1fe;font-size:13px;color: #3db8e4 !important; width:100% !important;} .blueSub .RadPanelBar ul { width:100% !important;} /*Two and three Expandable Clicked Left menu Arrow */ .blueSub #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText{color:#3db8e4 ;background: #d1f1fe url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important; background-position:90% !important;font-size:13px;color: #3db8e4 !important; width: 100% !important;} .blueSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText {background: #d1f1fe url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important; background-position:90% !important;font-size:13px;color: #3db8e4 !important; width:100%;} .blueSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked.MenuItemFourClicked.MenuItemFourOver .rpText {background: #d1f1fe url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important;color: #3db8e4 !important; background-position:90% !important;font-size:13px; width:100%; font-weight:bold;} .blueSub #LeftMenu .panelbar a.rpLink.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked .rpText { background: #d1f1fe !important;color: #3db8e4 !important; font-weight: bold; background-position: 90%;} /* Hover Expandable Menu and Normal Menu */ .blueSub #LeftMenu .panelbar a.MenuItemTwo:hover .rpText { background:#d1f1fe !important; color: #3db8e4 !important; } .blueSub #LeftMenu .panelbar a.rpExpandable:hover .rpText { background:#d1f1fe url(/images/UserUploadedImages/11/down-arrow.png) no-repeat 90% center !important; color: #3db8e4 !important; } .blueSub a.MenuItemTwoClicked, a.MenuItemTwoClicked .rpText {font-weight:bold;} .RadPanelBar.RadPanelBar_NoSkin.panelbar { width:100% !important; overflow: hidden;} /* Lavender Junior School left menu */ .LavenderSub #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 100% !important;background:#bc99c6!important; color: #fff !important;} .LavenderSub #LeftMenu {width: 100%!important;Submitmargin-top: 20px!important;} .LavenderSub #LeftMenu a.link, #LeftMenu a.CMLevel1Selected { width: 100% !important; background:none !important; } #slider3 { display:none;} #slider3 #nav3 { display:none;} .LavenderSub #LeftMenu a.link .text, .LavenderSub #LeftMenu a.link .rpText, .LavenderSub #LeftMenu a.CMLevel1Selected .text {font-size: 100%;height:auto;padding: 10px 0px 10px 10px; } .LavenderSub #LeftMenu a.link.CMLevel1:hover, .LavenderSub #LeftMenu a.link.CMLevel1:focus {font-size:100%;} .LavenderSub #LeftMenu a.link.CMLevel1:hover .text, .LavenderSub #LeftMenu a.link.CMLevel1:focus .text {} .LavenderSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText{background: #bc99c6 !important; color: #fff !important;padding:10px 0px 10px 10px;width:100% !important;} .LavenderSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText:hover {background: #bc99c6 !important; color:#fff!important;} .LavenderSub #LeftMenu .rpRootGroup > .rpFirst > a.link:focus, .LavenderSub #LeftMenu .rpRootGroup > .rpFirst > a.link:hover { } .LavenderSub #LeftMenu .panelbar .rpRootGroup > .rpFirst >a.link:hover .rpText, .LavenderSub #LeftMenu .panelbar .rpRootGroup > .rpFirst >a.link:focus .rpText {} /*level 2 vertical menu*/ .LavenderSub #LeftMenu a.CMLevel2, .LavenderSub #LeftMenu a.CMLevel2Selected {height:auto; border-bottom:1px solid #ccc; background-color: #c7c5c5; } /*.LavenderSub #LeftMenu ul.vertical.group.level1 li a { }*/ .LavenderSub #LeftMenu a.CMLevel2 span, .LavenderSub #LeftMenu a.CMLevel2Selected span {background-color:#ededed; height:auto; padding:10px 0px 10px 10px; color:#000;} .LavenderSub #LeftMenu a.CMLevel2Selected:hover span, .LavenderSub #LeftMenu a.CMLevel2:hover span, .LavenderSub #LeftMenu a.CMLevel2:focus span {background: #d2d2d2;color:#947a9c; height:auto;} /*level 3 vertical menu*/ .LavenderSub #LeftMenu a.CMLevel3, .LavenderSub #LeftMenu a.CMLevel3Selected {height:auto; border-bottom:1px solid #ccc;color:#000; } .LavenderSub #LeftMenu a.CMLevel3 span, .LavenderSub #LeftMenu a.CMLevel3Selected span {background-color:#ededed; height:auto; padding:10px 0px 10px 10px;color:#000;} .LavenderSub #LeftMenu a.CMLevel3Selected:hover span, .LavenderSub #LeftMenu a.CMLevel3:hover span, .LavenderSub #LeftMenu a.CMLevel3:focus span {background: #d2d2d2; color:#947a9c; } /*level 4 vertical menu*/ .LavenderSub #LeftMenu a.CMLevel4, .LavenderSub #LeftMenu a.CMLevel4Selected {height:auto; border-bottom:1px solid #ccc; color:#000;} .LavenderSub #LeftMenu a.CMLevel4 span, .LavenderSub #LeftMenu a.CMLevel4Selected span { background-color:#ededed; height:auto;padding:10px 0px 10px 10px;color:#000;} .LavenderSub #LeftMenu a.CMLevel4Selected:hover span, .LavenderSub #LeftMenu a.CMLevel4:hover span, .LavenderSub #LeftMenu a.CMLevel4:focus span {background: #d2d2d2; color:#947a9c; height:auto;} .LavenderSub #LeftMenu .group {width:100% !important;} .LavenderSub .RadMenu_CM14 { width:100% !important;} /*-----panelbar menu styles-----*/ .LavenderSub #LeftMenu .panelbar a.link:hover .rpText, .LavenderSub #LeftMenu .panelbar a.link:focus .rpText {background: #e6d6eb;color:#947a9c; height:auto; font-size:13px; border:none !important;} /*level 2 panelbar*/ .LavenderSub #LeftMenu .panelbar a.MenuItemTwo .rpText, .LavenderSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText {width:100% !important; background-color:#fff; color:#000; border:none !important; padding-left:10px; padding-right:20px;} /*level 3 panelbar*/ .LavenderSub #LeftMenu .panelbar a.MenuItemThree .rpText, .LavenderSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {width:100% !important; background-color:#fff; color:#000; border:none !important;padding-left:25px;padding-right:20px;} .LavenderSub #LeftMenu .panelbar a.MenuItemThree:hover .rpText, .LavenderSub #LeftMenu .panelbar a.MenuItemThree:focus .rpText {color:#947a9c; height:auto;font-size:13px;} /*level 4 panelbar*/ .LavenderSub #LeftMenu .panelbar a.MenuItemFour .rpText, .LavenderSub #LeftMenu .panelbar a.MenuItemFourClicked .rpText {padding-left:48px; width:100% !important; background-color:#fff; color:#000; border:none !important; padding-left:25px;padding-right:20px;} .LavenderSub #LeftMenu .panelbar a.MenuItemFour:hover .rpText, .LavenderSub #LeftMenu .panelbar a.MenuItemFour:focus .rpText {color:#947a9c; height:auto;font-size:13px;} /*selected item*/ .LavenderSub #LeftMenu a.CMLevel1Selected .text, .LavenderSub #LeftMenu a.CMLevel2Selected .text, .LavenderSub #LeftMenu a.CMLevel3Selected .text, .LavenderSub #LeftMenu a.CMLevel4Selected .text .LavenderSub #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .LavenderSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText{color:#947a9c ;background: #e6d6eb !important; font-size:13px;color: #947a9c !important;} .LavenderSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {color:#947a9c ;background: #e6d6eb;font-size:13px;color: #947a9c !important; width:100% !important;} .LavenderSub .RadPanelBar ul { width:100% !important;} /*Two and three Expandable Clicked Left menu Arrow */ .LavenderSub #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText{background:#e6d6eb url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important; background-position: 90% !important;font-size:13px;color: #947a9c !important;} .LavenderSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText {background:#e6d6eb url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important; background-position: 90% !important; color:#947a9c !important;font-size:13px; width:100% !important;} .LavenderSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked.MenuItemFourClicked.MenuItemFourOver .rpText {background: #e6d6eb url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important;color: #947a9c !important; background-position: 90% !important;font-size:13px; width:100% !important; } .LavenderSub #LeftMenu .panelbar a.rpLink.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked .rpText { background: #e6d6eb !important;color: #947a9c !important; font-weight: bold;} /* Hover Expandable Menu and Normal Menu */ .LavenderSub #LeftMenu .panelbar a.MenuItemTwo:hover .rpText { background:#e6d6eb !important; color: #947a9c !important; } .LavenderSub #LeftMenu .panelbar a.rpExpandable:hover .rpText { background:#e6d6eb url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important; background-position:90% !important; color: #947a9c !important; } .LavenderSub a.MenuItemTwoClicked, a.MenuItemTwoClicked .rpText {font-weight:bold;} .RadPanelBar.RadPanelBar_NoSkin.panelbar { width:100% !important; overflow: hidden;} /* Green Boarding left menu */ .GreenSub #LeftMenu .panelbar a.MenuItemOneOver:hover .rpText { width: 100% !important;background:#81b52c!important;color: #fff !important;} .GreenSub #LeftMenu {width: 100%!important;Submitmargin-top: 20px!important;} .GreenSub #LeftMenu a.link, #LeftMenu a.CMLevel1Selected { width: 100% !important; background:none !important; } #slider4 { display:none;} #slider4 #nav4 { display:none;} .GreenSub #LeftMenu a.link .text, .GreenSub #LeftMenu a.link .rpText, .GreenSub #LeftMenu a.CMLevel1Selected .text {font-size: 100%;height:auto;padding: 10px 0px 10px 10px; } .GreenSub #LeftMenu a.link.CMLevel1:hover, .GreenSub #LeftMenu a.link.CMLevel1:focus {font-size:100%;} .GreenSub #LeftMenu a.link.CMLevel1:hover .text, .GreenSub #LeftMenu a.link.CMLevel1:focus .text {} .GreenSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText{background: #81b52c !important; color: #fff !important;padding:10px 0px 10px 10px;width:100% !important;} .GreenSub #LeftMenu .rpRootGroup>.rpFirst>a.link .rpText:hover{background: #81b52c !important; color: #fff !important;} .GreenSub #LeftMenu .rpRootGroup > .rpFirst > a.link:focus, .GreenSub #LeftMenu .rpRootGroup > .rpFirst > a.link:hover { } .GreenSub #LeftMenu .panelbar .rpRootGroup > .rpFirst >a.link:hover .rpText, .GreenSub #LeftMenu .panelbar .rpRootGroup > .rpFirst >a.link:focus .rpText {} /*level 2 vertical menu*/ .GreenSub #LeftMenu a.CMLevel2, .GreenSub #LeftMenu a.CMLevel2Selected {height:auto; border-bottom:1px solid #ccc; background-color: #c7c5c5; } /*.GreenSub #LeftMenu ul.vertical.group.level1 li a { }*/ .GreenSub #LeftMenu a.CMLevel2 span, .GreenSub #LeftMenu a.CMLevel2Selected span {background-color:#ddedc3; height:auto; padding:10px 0px 10px 10px; color:#000;} .GreenSub #LeftMenu a.CMLevel2Selected:hover span, .GreenSub #LeftMenu a.CMLevel2:hover span, .GreenSub #LeftMenu a.CMLevel2:focus span {background: #ddedc3;color:#6b9427; height:auto;} /*level 3 vertical menu*/ .GreenSub #LeftMenu a.CMLevel3, .GreenSub #LeftMenu a.CMLevel3Selected {height:auto; border-bottom:1px solid #ccc;color:#000; } .GreenSub #LeftMenu a.CMLevel3 span, .GreenSub #LeftMenu a.CMLevel3Selected span {background-color:#ddedc3; height:auto; padding:10px 0px 10px 10px;color:#000;} .GreenSub #LeftMenu a.CMLevel3Selected:hover span, .GreenSub #LeftMenu a.CMLevel3:hover span, .GreenSub #LeftMenu a.CMLevel3:focus span {background: #ddedc3; color:#6b9427; } /*level 4 vertical menu*/ .GreenSub #LeftMenu a.CMLevel4, .GreenSub #LeftMenu a.CMLevel4Selected {height:auto; border-bottom:1px solid #ccc; color:#000;} .GreenSub #LeftMenu a.CMLevel4 span, .GreenSub #LeftMenu a.CMLevel4Selected span { background-color:#ddedc3; height:auto;padding:10px 0px 10px 10px;color:#000;} .GreenSub #LeftMenu a.CMLevel4Selected:hover span, .GreenSub #LeftMenu a.CMLevel4:hover span, .GreenSub #LeftMenu a.CMLevel4:focus span {background: #ddedc3; color:#6b9427; height:auto;} .GreenSub #LeftMenu .group {width:100% !important;} .GreenSub .RadMenu_CM14 { width:100% !important;} /*-----panelbar menu styles-----*/ .GreenSub #LeftMenu .panelbar a.link:hover .rpText, .GreenSub #LeftMenu .panelbar a.link:focus .rpText {background: #ddedc3;color:#6b9427; height:auto; font-size:13px; border:none !important;} /*level 2 panelbar*/ .GreenSub #LeftMenu .panelbar a.MenuItemTwo .rpText, .GreenSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText {width:100% !important; background-color:#fff; color:#000; border:none !important; padding-left:10px; padding-right:20px;} /*level 3 panelbar*/ .GreenSub #LeftMenu .panelbar a.MenuItemThree .rpText, .GreenSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {width:100% !important; background-color:#fff; color:#000; border:none !important;padding-left:25px;padding-right:20px;} .GreenSub #LeftMenu .panelbar a.MenuItemThree:hover .rpText, .GreenSub #LeftMenu .panelbar a.MenuItemThree:focus .rpText {color:#6b9427; height:auto;font-size:13px;} /*level 4 panelbar*/ .GreenSub #LeftMenu .panelbar a.MenuItemFour .rpText, .GreenSub #LeftMenu .panelbar a.MenuItemFourClicked .rpText {padding-left:48px; width:100% !important; background-color:#fff; color:#000; border:none !important; padding-left:25px;padding-right:20px;} .GreenSub #LeftMenu .panelbar a.MenuItemFour:hover .rpText, .GreenSub #LeftMenu .panelbar a.MenuItemFour:focus .rpText {color:#6b9427; height:auto;font-size:13px;} /*selected item*/ .GreenSub #LeftMenu a.CMLevel1Selected .text, .GreenSub #LeftMenu a.CMLevel2Selected .text, .GreenSub #LeftMenu a.CMLevel3Selected .text, .GreenSub #LeftMenu a.CMLevel4Selected .text .GreenSub #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .GreenSub #LeftMenu .panelbar a.MenuItemTwoClicked .rpText{color: #6b9427 !important;background: #ddedc3 !important; font-size:13px;} .GreenSub #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {color: #6b9427 !important; background: #ddedc3 !important; font-size:13px; width:100% !important;} .GreenSub .RadPanelBar ul { width:100% !important;} /*Two and three Expandable Clicked Left menu Arrow */ .GreenSub #LeftMenu .panelbar .rpExpandable.MenuItemTwo.link.MenuItemTwoClicked .rpText{background: #ddedc3 url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important; background-position: 90% !important;font-size:13px;color: #6b9427 !important;} .GreenSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemThree.link.MenuItemThreeOver.MenuItemThreeClicked.MenuItemThreeClicked.MenuItemThreeOver .rpText {background: #ddedc3 url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important; background-position: 90% !important;font-size:13px;color: #6b9427!important; width:100% !important;}*/ /* Hover Expandable Menu and Normal Menu */ .GreenSub #LeftMenu .panelbar a.MenuItemTwo:hover .rpText { background:#ddedc3 !important; color: #6b9427 !important; } .GreenSub #LeftMenu .panelbar a.rpExpandable:hover .rpText { background: #ddedc3 url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important; background-position: 90% !important; color: #6b9427 !important; } .GreenSub #LeftMenu .panelbar a.rpLink.rpExpandable.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked.MenuItemFourClicked.MenuItemFourOver .rpText {background: #ddedc3 url(/images/UserUploadedImages/11/down-arrow.png) no-repeat left center !important;color: #6b9427 !important; background-position: 90% !important;font-size:13px; width:100% !important; } .GreenSub #LeftMenu .panelbar a.rpLink.MenuItemFour.link.MenuItemFourOver.MenuItemFourClicked .rpText { background: #ddedc3 !important;color: #6b9427 !important; font-weight: bold; background-position: 90%;} .GreenSub a.MenuItemTwoClicked, a.MenuItemTwoClicked .rpText {font-weight:bold;} .RadPanelBar.RadPanelBar_NoSkin.panelbar { width:100% !important; overflow:hidden;} /* ---------------------- Home ------------- */ .content { float:none !important;} #feature a {float: none;width: 100% !important;text-align: center;display: table;margin-left: 0px;} #header {display: table;width: 100%;padding: 0px !important;} #utilities { display:none;} .header-menu h4 {width: 100%;text-align: center;position: relative;background: #ebebeb;padding: 10px 0;} #intro .blockVideo {float: none;margin: auto !important;margin-bottom: 20px !important;height:272px; width:283px;} .blockVideo h2 {width: 100%;display: table;} #intro .blockVideo img {height: auto;} #intro .intro-block-two {float: none;margin: auto !important;margin-bottom: 20px !important; position:relative !important; right:0px !important; display:table; width:100%; } #intro .intro-block-three {float: none;margin: auto !important;height: auto;display: table;width:47% !important;} .hoverWidget .mainItem, .hoverWidget .subItem { margin-right:3%; float:none; margin:auto; margin-bottom:20px;} .hoverWidget{max-width:158px;display: block;margin: 0 auto;} .connectTara img { margin-left:0px;} .connectTara { width:100% !important;} a.twitter, a.facebook, a.youtube, a.linkedin { margin-left:0px !important; width:70% !important; float:left !important;} .BookTour {float: none !important;width: 100% !important;} .JuniorSchool {float: none !important;width: 100% !important;} .SeniorSchoolNew {float: none !important;width: 100% !important; margin-top:0px !important];} .BoardingHouse {float: none !important;width: 100% !important; margin-top:0px !important;} /* search result*/ .header-search .quickSearchPanel { width:100% !important;} .dynamic-results {width: 100% !important;margin: 0px;padding: 0px;} .dynamic-results .dynamic-results-inner { width:100%!important;} /*sub pages*/ #wrapper #page-content { width:100% !important; margin-left:0px;} #wrapper #page-content #container {width:100%!important;padding-left:0px !important;} #wrapper #page-content #sidebar { width: 100% !important;top: 0!important;padding: 0!important;margin: auto;} #wrapper #page-content #containerArticle { width:100% !important; padding-left:0px !important;} #section-menu {width: 100% !important;float: none;} /* .subImage img {height:79% !important;width: 100% !important;} */ .connect-taratext {margin-top: 20px;position: relative;float: none;width:242px !important;margin: auto !important;display: table;} .connect-taratext img { left:123px;} .LeftMnuFollowUs { margin-top:15px !important;} .NewsHeading img {width: 100% !important;height: auto !important;} .EventQuickSearchMain {width: 76% !important; margin: auto;} #calDateHeadingText {width: 62% !important;} .quickeventList {margin-top: 20px;width:87% !important; padding:0 20px;} .quickeventList img {width: 100% !important;height: 100% !important;} .quickeventList .mainItemHeading { display: inline-block !important;background: url(/images/UserUploadedImages/11/Event-ico.png) no-repeat left center;background-position: 0px 0px !important;width:90% !important;} .quickeventList .mainItemDate { width:80% !important;} .quickeventList .subItemHeading { display: inline-block !important;background: url(/images/UserUploadedImages/11/Event-ico.png) no-repeat left center;background-position: 0px 0px !important; width:90% !important;} .quickeventList .subItemDate { width:80% !important;} .NewsHeading { width:100% !important; margin-left:0px !important; margin-bottom:20px;} .NewsHeading dl { width:100% !important; margin:0px !important;} .NewsRightLinks {width:168px !important;margin: auto;display: table;float: none;margin-top:0px!important;} .HotTopic .mainItem { width:95% !important;} .HotTopic .subItem { width:95% !important;} .HotTopic img { width:100% !important;} .HotTopic {width: 90%;margin: auto;} .DepartGallery { margin:auto; width:92%; display:table; padding:0 10px;} .DepartGallery .mainItem { width:100% !important; height: auto;} .DepartGallery .subItem { width:100% !important; height: auto;} .DepartGallery img { width:100%;} .DepartGallery a { width:100% !important;} .LeftMnuFollowUs ul {/* margin-left:0px; */padding-left: 0;list-style: none;float: none;width: 238px;margin: auto;} .LeftMnuFollowUs li { display:block;} .container-wrap .SeniorSchoolEvents {display: table;width: auto; width:86%;} .container-wrap .BoardingEvents {display: table;width: auto; width:86%;} .container-wrap .JuniorEvents {display: table;width: auto; width:86%;} .newsevents .subItem, .newswidget .subItem { margin-left:0px;} /* #slider2 h4 {width: 88% !important;font-size: 15px;} */ .newseventsMain .mainItem, .newswidgetMain .mainItem, .newsevents .mainItem, .newswidget .mainItem, .newsevents .subItem, .newswidget .subItem { float:none; /* margin-right:0px; */ min-height:inherit; width:218px !important;} .newsevents, .newswidget { width:100%;} .newseventsMain, .newswidgetMain { display: table !important; margin:auto; float:none; } .newsevents .mainItem, .newswidget .mainItem, .newsevents .subItem, .newswidget .subItem { float:none; margin:auto !important;} .Event_wrap_One a{display:none;} .Event_wrap_One dl a{display:block;} .News_wrap_Two a{display:none;} .News_wrap_Two dl a{display:block;} .newseventsMain .mainItemMore, .newswidgetMain .mainItemMore { display:block !important; text-indent:0px;} .newsevents .mainItemTaxonBelowHeading, .newsevents .subItemTaxonBelowHeading { display:block !important; text-indent:0px; padding-left:46px;} .newsevents .mainItemTaxonBelowHeading, .newswidget .mainItemMore, .newswidget .subItemMore { display:block !important; text-indent:0px;} .newsevents dt a .subItemHeading {padding-left: 43px;display: block;margin-top: 14px;float: none;min-height: 28px;} /* .newswidget dt a .subItemHeading {padding-left: 43px;display: block;margin-top: 14px;float: none;min-height: 28px;} */ .content-area .newsevents .mainItem, .content-area .newswidget .mainItem, .content-area .newsevents .subItem, .content-area .newswidget .subItem { width:100%;} #wrapper #page-content #container-full { width:82%;} .content-area .newsevents img {width:100%;height: 100%;} .content-area .newswidget img {width:100%;height: 100%;} /* footer*/ #footer .container-wrap {margin: 0px 20px;width: 88%;} #footerTopRow { width: 33%;margin-bottom: 5px !important;position: relative;display: table;} #footersiteWrap>ul.hmenu>li {float: left;width: 100%;margin-left: 0px !important;} #footersiteWrap ul li ul {display: none;} #footerBaseRow {min-height: 175px !important;background: none !important;padding-bottom:0px;border-top: 1px solid #0e397e;padding-top: 20px;} .preftrMenu {float:none;line-height: 22px;margin-top: 10px; width:100px;} a.footersiteIndex { display:none;} #footerBottom { display:table;padding: 18px 0 18px 0 !important;} .socialCopyright { width:100% !important; float:none;} .addressContent {float: left !important;width: 100% !important;text-align: left !important;position: relative;} /* content*/ .NewsHeading .mainItem {float: none;padding: 20px 10px 20px 10px;width: 94%;display: table;border-bottom: 1px solid #e5e6f8;margin: auto;} .NewsHeading .subItem {float: none;padding: 20px 10px 20px 10px;width: 94%;display: table;border-bottom: 1px solid #e5e6f8;margin: auto;} .NewsHeading .mainItemDate {margin-left: 44px;float: none;width: 87%;display: table;margin-bottom: 10px;} #breadcrumb-panel, .content-area .content-breadcrumb {width:92%;float: left;padding: 11px 10px 20px 10px;} .SeniorSchool {width: 92%;margin: auto;text-align: justify;padding: 0 10px;} /* Additions - Emmet */ .Event_wrap_One, .News_wrap_Two{width: 100%;} #wrapper #page-content #container-full.module-area { padding: 20px; } .content-area .carousel-contents { min-height: 260px; } .refinewidget.portal {margin-left: 10px;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] table tr td[id$="paneSideBar"] {display:none;} } @media (min-width: 0) and (max-width:468px){ .content-area .carousel-contents {min-height: 170px;} .widget.portal .mainItem, .widget.portal .subItem {width: 91%;} .tara-login-portal .login-element {width: 100%; box-sizing: border-box; margin: 40px 0;} .tara-login-portal .login-element div input[type="text"], .tara-login-portal .login-element div input[type="password"] {width: 100%; box-sizing: border-box;} }