/* responsive changes to blocks.css */ div.TwoCol div{clear:both;float:none;width:100%;} div.CenterZone div.image a.teaserImage{width:25%} @media screen and (min-width:715px){ div.TwoCol > div{clear:none;float:left;width:45%} div.TwoCol > div + div{float:right;} div.CenterZone div.image a.teaserImage{width:auto;} } .image.last{margin-bottom:12px;} /* remove some base style */ .oneDetail .item div:first-child{margin:0;width:auto;} div.CenterZone div.OneCol div.image p, div.CenterZone div.TwoCol div.image p, div.CenterZone div.tocList div.image p, div.CenterZone div.OneCol div.image h4, div.CenterZone div.TwoCol div.image h4, div.CenterZone div.tocList div.image h4, div.CenterZone div.OneCol div.image span.hitCount, div.CenterZone div.TwoCol div.image span.hitCount, div.CenterZone div.tocList div.image span.hitCount, div.CenterZone div.OneCol div.image span.date, div.CenterZone div.TwoCol div.image span.date, div.CenterZone div.tocList div.image span.date, div.CenterZone div.OneCol div.image div.classifications, div.CenterZone div.TwoCol div.image div.classifications, div.CenterZone div.tocList div.image div.classifications, #centerZone div.Calendar div.OneCol div.image h1, #centerZone div.Calendar div.OneCol div.image h2, #centerZone div.Calendar div.OneCol div.image h3, #centerZone div.Calendar div.OneCol div.image h5, #centerZone div.Calendar div.OneCol div.image h6, #centerZone div.Calendar div.OneCol div.image ul, #centerZone div.Calendar div.OneCol div.image ol, #centerZone div.Calendar div.OneCol div.image blockquote{margin-left:0} /* ========================================================================================== RESETS */ /* === reset margin and padding === */ .titanBody,div,h1,h2,h3,h4,h5,h6{margin:0;padding:0;} /* === margin bottom on blocks === */ .Aggregation,.Calendar,.Commenting,.DisplaySideUpload,.EventUpload,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.Product,.SearchResults,.SegmentedSearch,.SiteMap,.TOCBlock,.WhatsNew,.SharePage,.DataList{clear:both;margin-bottom:30px;} .SharePage .Aggregation,.SharePage .Calendar,.SharePage .Commenting,.SharePage .DisplaySideUpload,.SharePage .EventUpload,.SharePage .FAQ,.SharePage .Freeform,.SharePage .FormEditor,.SharePage .PhotoBlock,.SharePage .Product,.SharePage .SearchResults,.SharePage .SegmentedSearch,.SharePage .SiteMap,.SharePage .TOCBlock,.SharePage .WhatsNew{margin-bottom:0;} /* === margin bottom on content === */ .titanBody p,.titanBody blockquote, .mainBody p,.mainBody blockquote, .Freeform p,.Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl, .FAQ p,.FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ .ToTop, .FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl, #disclosureZone .SharePage .FeedReader,div.DataEditor{margin-bottom:12px;margin-top:0;padding-top:0;padding-bottom:0;} /* === fieldset === */ .titanBody fieldset,.mainBody fieldset, .Freeform fieldset,.DisplaySideUpload fieldset,.EventUpload fieldset,.Aggregation fieldset,.Calendar fieldset,.Product fieldset{border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes/change values */ /* === fix floats === */ #pageTopArea:after,#logo:after,.utility:after,#contentContainer:after,#contentArea:after,#topNavWrapper:after,#bottom:after,#topNavWrapper ul:after,#bottomContainer:after,#bottomContainerWrapper:after,#pageTopAreaWrapper:after,#toolWrapper:after,.SiteMap:after,.SiteMap ul:after,#alertWrapper:after,#toolContainerWrapper:after,.dropdown:after,.Freeform:after,.pageTools:after,#banner:after,#daily:after,#findSchool:after,#administration:after,#news:after,.SegmentedSearch:after,#One:after,#Two:after,#Three:after,#Four:after,#Five:after{content: ".";display:block;visibility:hidden;clear:both;height:0;font-size:0px;font-size:0em;line-height:0;} /* === form inputs === */ .FormEditor input[type="text"],.LogIn input[type="text"],.UserAccount input[type="text"],.UserAccount input[type="password"],.LogIn input[type="password"],.Freeform input[type="text"]{width:95%;padding:1px 5px;} .keyword input, .location input{padding:3px;width:100%;box-sizing: border-box;} div.DataList div.DataFilter2 .radius select{padding:6px;width:100%;box-sizing: border-box;} .FormEditor input[type="text"],.LogIn input[type="text"],.UserAccount input[type="text"],.UserAccount input[type="password"],.LogIn input[type="password"]{margin-bottom:5px;} .formBlockSubmit{margin-top:10px;} .FormEditor textarea{width:96%} input::-ms-clear {display: none;} div.DataEditor div.textarea textarea {height:80px;width:97%;} @media screen and (min-width:700px){div.DataEditor div.textarea textarea {width:50%;}} textarea {resize:none;} @media screen and (min-width:715px){ .LogIn input[type="text"], .LogIn input[type="password"], .LogIn .ErrorMessage{width:50%} } /* === buttons === */ .formBlockSubmit,#emailUs input[type="button"],#centerZoneLC .linkText a,#centerZoneC .linkText a,#centerZoneCR .linkText a,div.DataEditor .simple_button,.LogIn input[type=submit],.Calendar.DataList + .Freeform a,.SegmentedSearchFilter2 .button input,#banner .Freeform a,.simple_button{padding:5px 25px 5px 10px;} div.DataEditor div.dataField input.simple_button[type="button"]{padding:3px 7px;} div.DataEditor div.dataField input.simple_button[type="button"] {margin:10px 5px 0 0;} .Button a{display:inline-block;padding-left:10px;} @media screen and (min-width:715px){.Button a{float:right;padding-right:10px;padding-left:0;}} .Aggregation .button,.DataList .button,.closeFilter,.searchButton{float:right;padding:5px 15px 5px 22px;margin-bottom:10px;} .Aggregation .button + div + div,.DataList .button + div + div,.searchButton + div + div{clear:both;} .closeFilter{float:right;padding:5px 15px 5px 22px;margin-bottom:10px;} .CenterZone .linkText{float:right;clear:both;} .linkText.backLink{float:none;} @media screen and (min-width:715px){ .Aggregation .button, .DataList .button{display:none;} .closeFilter{display:none;} } /* === responsive images === */ .titanBody img,.titanBody embed,.titanBody object,.titanBody video,div.CenterZone div.image a.teaserImage,div.CenterZone div.image div.mainPhoto,div.CenterZone div.thumbnails img,#centerZone div.Calendar div.image img{height:auto;max-width:100%;} /* === list style === */ #bottomContainer p,.utility ul,.utilityNavContainer ul,#topNavWrapper ul,#breadCrumbContainer ul,.pageTools ul,#phoneNav .Freeform,#phoneNav p,#phoneNav ul,.section ul,.Spotlight ul,#rightZone .Connect.SharePage ul,#connect .Freeform ul,div.tocList.two-col ul,.DepartmentContacts.Freeform ul,div.ToolBox .Aggregation + div ul,#rightZone .Freeform ul{list-style:none;margin:0;padding:0;} #bottomContainer ul{margin:0;} #centerZoneLC ul li,#centerZoneC ul li,#centerZoneCR ul li{margin-bottom:10px;} @media screen and (min-width:715px){ #bottomContainer ul{list-style:none;margin:0;padding:0;} } #rightZone .Connect.SharePage ul,#connect .Freeform ul{overflow:hidden;padding:5px 0 0 0;} .Spotlight ul{margin:0 0 10px 0;} #rightZone .Freeform ul{margin:0 0 0 15px;padding:0;} .section ul{padding:0 15px 0 15px;} .FAQ dd ul,.Freeform ul,.FormEditor ul{margin-left:0;padding-left:5%} .h4onTop ul,.twoColList{margin:0;padding-left:12%;} div.ToolBox .Aggregation + div ul{margin:0 2%;} .FloatBlockLeft50,.FloatBlockLeft50 ul,.FloatBlockRight50 ul{margin:0;} .FloatBlockLeft50 ul,.FloatBlockRight50 ul{padding:0 0 0 5%;} @media screen and (min-width:800px){ .h4onTop ul,.twoColList{padding-left:5%;} } @media screen and (min-width:715px){ .FloatBlockLeft50 ul,.FloatBlockRight50 ul{padding:0 0 0 11%;} } /* === don't let these blocks style like content blocks === */ #pageTopArea div,#bottomContainer div,#toolContainer div,#pageTopArea p,#bottomContainer p,#toolContainer p{margin:0;padding:0;clear:none;} /* === pointer === */ div.AggregationFilter2 fieldset div span.item,div.ProductFilter2 fieldset div span.item,div.CalendarFilter2 fieldset div span.item,#scrollTop,#searchGo,.menuButton,.Accordion.FAQ dt,.Filter span.button,#alertButton,.utilityNavContainer div,.formBlockSubmit,#phoneNav p,.searchBarContainer .search,#emailUs input[type="button"],.FAQMinMax,.pageTools i,.A-ZFilter.Aggregation fieldset.keyword + fieldset label,.A-ZFilter .az label,.head h4,.Aggregation .button,.DataList .button,.closeFilter,div.ToolBox,.DataDetail .accordion,#phoneBreadcrumbs li,div.DataEditor div.dataField input.simple_button[type="button"],div.DataEditor .simple_button,.LogIn input[type=submit],.searchButton,div.SegmentedSearchFilter2 fieldset div.head h4,.calendar td,.SegmentedSearchFilter2 .button input,#banner .Freeform a,#phoneNav .languages span{cursor:pointer;} div.SegmentedSearchFilter2 fieldset.keyword div.head h4,.MainLunchListing .calendar h4{cursor:default;} /* ========================================================================================== layout === */ /* === z-indices and positions === */ #alert,.menuButton,.searchBarContainer,#pageTopAreaWrapper,#bottomContainer,.pageTools span i,.pageTools,.Connect i,#connect i,#pageTopArea,.DataFilter2,.DataListing,.AggregationFilter2,.AggregationFilter2,.Aggregation.CenterZone,.slider,.SegmentedSearchFilter2{position:relative;} #alertButton,.useSearch,.useSearchPhone,.skipNav,#phoneNav,.searchBarContainer .search,.searchBarContainer label,#emailUs,.pageTools i span,.pageTools .Social,.Connect i span,#connect i span,.A-ZFilter.Aggregation fieldset.keyword + fieldset .inputs input,.A-ZFilter .az .inputs input,.skiptoFilter,.skiptoResults,.resultsArea,.slider .left,.slider .right{position:absolute;} #phoneNav.open .menuButton,.menu-wrapper,#scrollTop,.Filter{position:fixed;} .Filter{z-index:1002} .menuButton{z-index:1001} .menu-wrapper, #pageTopArea .languages ul, #pageTopArea .staff ul{z-index:1000;} .dropdown{z-index:999;} #scrollTop{z-index:900} #banner #adv-custom-pager{z-index:900} .pageTools .Social{z-index:800;} div.EventUpload div.DatePicker, div.DataEditor div.DatePicker, div.DataList div.DatePicker{z-index:2;} @media screen and (min-width:715px){ .Filter{position:static;} #toolWrapper .languages,#toolWrapper .staff,#topNav{position:relative;} #topNav .dropdown,#toolWrapper .languages ul,#toolWrapper .staff ul{position:absolute;} } /* === layout === */ /* general wrapper padding & widths */ #pageTopArea,#topNav ,#contentContainer,#bottomContainer,#alert,#contentFooter, #toolContainer,.homecontent{padding-left:10px;padding-right:10px;} #contentFooter{padding:20px 10px 10px 10px;} h3,div.Aggregation h3, div.TOCBlock h3, div.WhatsNew h3, div.SiteMap h3,div.LogIn h3, div.UserAccount h3, div.Commenting h3, div.SearchResults h3, div.Calendar h3, div.PhotoBlock h3, div.EventUpload h3, div.DisplaySideUpload h3, div.DataList h3{margin-bottom:15px;} h2{margin:0;padding:0;} @media screen and (min-width:1100px){ #pageTopArea,#contentContainer,#bottomContainer,#topNav,#alert,#contentFooter,#toolContainer,.homecontent,#banner .homecontent .item .contents{margin:0 auto;width:1063px} } /* alert message */ #alert .Freeform,#alert .Freeform p{margin:0 0 0 25px;padding:0;} #alert .Freeform{padding:8px 0;} #alertButton{left:10px;height:33px;overflow:hidden;padding:0 5px;top:3px;width:33px;} .KeepThis{display:none;} /* page top */ @media screen and (min-width:715px){#pageTopArea{padding-right:0;}} @media screen and (min-width:800px){#pageTopArea{padding-right:10px;}} /* accessibility skips */ .useSearch,.useSearchPhone,.skipNav,.searchBarContainer label,.pageTools i span,.Connect i span,#connect i span,.A-ZFilter.Aggregation fieldset.keyword + fieldset .inputs input,.A-ZFilter .az .inputs input,.skiptoFilter,.skiptoResults,.resultsArea{left:-10000px;height:1px;overflow:hidden;top:auto;width:1px;} .search{overflow:hidden;text-indent:-1000px;} @media screen and (min-width:715px){ .useSearch.focus, .skipNav.focus, .skiptoFilter.focus,.skiptoResults.focus{left:30%;height:auto;overflow:hidden;top:1%;width:auto;} .skipNav.focus{left:31%;} .skiptoFilter.focus,.skiptoResults.focus{left:10%;top:0;width:150px;} .useSearch.focus a, .skipNav.focus a, #contentArea a.skiptoFilter, #contentArea a.skiptoResults, #contentArea a.skiptoFilter:hover, #contentArea a.skiptoResults:hover, #contentArea a.skiptoFilter:focus, #contentArea a.skiptoResults:focus, #contentArea a.skiptoFilter:active, #contentArea a.skiptoResults:active{display:inline-block;padding:5px;} .useSearch{display:block;} .useSearchPhone{display:none;} } /* phone nav */ #phoneNav{clear:both;float:right;right:0;top:0;} #phoneNav .menuButton{clear:none;float:right;height:35px;padding:17px;right:0;top:0;width:40px;} #phoneNav .menu-wrapper{display:none;height:100%;overflow:hidden;padding-top:62px;right:0;top:0;width:0;} #phoneNav .scroller{height:74%;overflow-y:scroll;padding:10px 30px 10px 10px;overflow-x:hidden;width:106%;} #phoneNav .phoneNav{margin-top:10px;} #phoneNav ul li a,#phoneNav p,#phoneNav .languages span{display:block;margin:0;padding:10px 0 10px 25px;} #phoneNav .phoneNav,#phoneNav .utilityNavContainer,#phoneNav .languages,#phoneNav .staff{width:90%;overflow:hidden;}/* languages public only */ @media screen and (min-width:715px){#phoneNav{display:none;}} /* utility & search */ #toolWrapper{float:right;display:none;} @media screen and (min-width:715px){ #toolWrapper{display:block;} } /* top nav desktop */ #topNavWrapper, .dropdown{display:none;} .iPad li.item:hover a + .dropdown{display:block;} @media screen and (min-width:715px){ #topNavWrapper{display:block;} .topNav li.item{float:left;width:14.26%} .topNav li.item a{display:block;padding:8px 1% 0 1%;} .IE .topNav li.item > a{position:relative;top:1px;} .dropdown .Loner{display:block;margin-top:1px;margin-bottom:5px;} } /* breadcrumbs & page tools */ #breadCrumbContainer{display:none;width:85%} #breadCrumbContainer li span{display:inline-block;margin:0 5px;} .pageTools{float:right;} .pageTools ul,.pageTools li,.pageTools a,.pageTools .Social{clear:none;float:left;} .pageTools .Social .shareMenu li.odd{float:right;} .pageTools a{display:block;} .pageTools i{display:inline-block;padding:10px;} .pageTools .share .Social i{display:inline-block;height:35px;margin:5px;padding:0;width:35px;} #toolContainer .pageTools .Social{display:none;top:42px;right:4px;padding:10px;} @media screen and (min-width:715px){ #toolContainer{clear:both;} #toolContainerWrapper #breadCrumbContainer{display:block;float:left;margin-top:7px} #breadCrumbContainer{width:80%} #breadCrumbContainer li{float:left;} } @media screen and (min-width:860px){ #toolContainer .pageTools .Social{top:37px;} } @media screen and (min-width:900px){ #breadCrumbContainer{width:85%} } /* page title */ .titleBarContainer{margin-bottom:27px;} .titleBarContainer.big{display:none;} @media screen and (min-width:715px){ .titleBarContainer.little{display:none;} .titleBarContainer.big{display:block;} } /* content area & content zones */ #contentArea{padding-top:20px;padding-bottom:70px;} @media screen and (min-width:715px){ #centerZoneCR,#centerZoneLC,.mainInfo{clear:none;width:67%} #centerZoneCR,.mainInfo{float:left;} #centerZoneLC{float:right;} #rightZone,.summaryInfo{clear:none;float:right;width:30%} #leftContentContainer{clear:left;float:left;width:28%} #rightZone h3{margin:0 0 7px 0;padding:0;} #rightZone.noTitle{margin-top:64px} } @media screen and (min-width:850px){ #centerZoneCR,#centerZoneLC,.mainInfo{width:70%} #rightZone,.summaryInfo{width:25.7%} #leftContentContainer{width:26%} } /*left nav */ #contentNavContainer ul{display:none} @media screen and (min-width:715px){ #contentNavContainer ul .navFirst{display:none} #contentNavContainer ul,#contentNavContainer ul ul .navFirst{display:block} } .section{margin-bottom:20px;} .section a{display:block;} .section h3{margin:0;padding:10px 15px 10px 30px;} .section ul{display:none;} #contentArea .section > ul > li{margin:0;padding:13px 0;} #contentArea .section ul ul li{margin-top:10px;} @media screen and (min-width:715px){.section h3{padding:10px 15px;}} /* QuickView & Tools & Right Side Nav */ #rightZone .otherStuff{margin-bottom:15px;} #rightZone .LearnMore .otherStuff, #rightZone .Connect .otherStuff, #rightZone .BulletMenu .otherStuff, #rightZone .BulletMenu div{margin-bottom:0;} #rightZone > div,#rightZone > div.SharePage > div,.quickViewDetail,.schoolContacts{padding:14px 10px 10px 10px;} #rightZone > div.SharePage,#rightZone > div.Connect.SharePage{padding:0;} #rightZone .OneCol > div,#rightZone .TwoCol > div{margin-bottom:0;} #rightZone .Freeform ul li{margin-bottom:5px;} #rightZone .LearnMore,#rightZone .Connect,#rightZone .SharePage .Connect{margin:0;} #rightZone .LearnMore h4 a,#rightZone .Connect h4 a,#rightZone .BulletMenu h4 a,#rightZone .Freeform li,#rightZone .Freeform li a{display:list-item;list-style:disc;margin:0 0 5px 15px;} .iPad #rightZone .BulletMenu h4 a, .Chrome #rightZone .BulletMenu h4 a{margin:0 0 5px 17px;} #rightZone .Freeform li, #rightZone .Freeform li a{margin:0 0 5px 0px;} #rightZone .Freeform li.link{margin:0;list-style:none;} #rightZone .Freeform.LearnMore,#rightZone .Connect.Freeform{margin-bottom:30px;overflow:hidden;padding-top:0;} #rightZone > div.SharePage,#rightZone > .Connect.SharePage > div{margin-bottom:0;} #rightZone > div.SharePage > div{margin-bottom:30px;} #rightZone .LearnMore p a,#rightZone .linkText a{float:right;padding-right:10px;} #rightZone .linkText.backLink.calendar, #rightZone .linkText.backLink.News, #rightZone .linkText.backLink.Jobs{float:none;padding:0;} #rightZone .linkText{margin-top:15px;} #rightZone .last{margin-bottom:0;} .Spotlight, .quickViewDetail, .schoolContacts{margin-bottom:30px;} .Spotlight ul{overflow:hidden;} .Spotlight h4{margin-bottom:10px;} #centerZoneLC .Spotlight ul li,#centerZoneC .Spotlight ul li,#centerZoneCR .Spotlight ul li{float:left;margin-bottom:5px;} .Spotlight ul li.label{clear:left;width:100px;} .News .item .otherStuff{position:relative;padding-bottom:55px;} .postDate + div .linkText{width:auto;position:absolute;bottom:0;right:0;} @media screen and (min-width:900px){ .Spotlight ul{width:40%;float:left;} .Spotlight ul + p{clear:none;float:right;width:55%;} .Spotlight ul + p + p{clear:both;float:none;width:100%} } #rightZone .Connect.SharePage ul,#connect .Freeform ul{overflow:hidden;} #rightZone .Connect.SharePage ul li,#connect .Freeform ul li{float:left;} #rightZone .Connect.SharePage ul li a,#connect .Freeform ul li a{display:inline-block;height:35px;width:35px;} #rightZone .Connect.SharePage ul li i,#connect .Freeform ul li i{display:inline-block;} #rightZone .Connect.SharePage h4{margin-top:10px;} #rightZone .DataFilter2, #rightZone .DataListing .icon {display:none;} #rightZone .DataListing .items{padding-top:0;} /* footer */ #bottomContainerWrapper{padding:40px 0 20px 0;} #bottomContainer .footer{margin:20px 0 0 0;} #emailUs{top:-126px;margin-left:1%;} #emailUs > div{padding:15px 20px 20px 20px;} #emailUs h4{margin-bottom:20px;} #emailUs label{display:block;margin-bottom:3px;} #emailUs input[type="text"]{margin-bottom:20px;padding:5px;} #emailUs input[type="button"], #emailUs .button{padding:8px 35px 8px 15px;margin-right:20px;} #emailUs a{float:left;clear:both;margin-top:4px;} #emailUs a + a{margin-left:15px} @media screen and (min-width:715px){ #bottomContainer #address, #bottomContainer #resources{float:left;} #bottomContainer #emailUs{overflow:hidden;top:-106px;} #emailUs label{display:block;margin-bottom:3px;} #emailUs input[type="button"]{padding: 8px 35px 8px 15px;} } @media screen and (min-width:870px){ #bottomContainer .footer{clear:none;float:left;margin:0 0 0 4%;} #bottomContainerWrapper h4{margin-bottom:12px} #email input[type="button"],#emailUs a{clear:both;margin-top:10px;} } /* scroll to top widget */ #scrollTop{bottom:20px;display:none;height:54px;overflow:hidden;right:5px;text-indent:-150px;width:54px;} /* === blocks === */ /* school List & Detail */ .DataDetail h1{margin-bottom:5px;} .DataDetail div.mainInfo{margin-bottom:30px;overflow:hidden;} .DataDetail div.mainInfo .longName{margin-bottom:20px;} div.DataList .DataListing div.ColOne div.item, .SegmentedSearch .OneCol > div{padding-top:40px;margin-top:30px;} div.DataList .DataListing div.ColOne div.item:first-child, .SegmentedSearch .OneCol > div:first-child{padding-top:0;margin-top:0;} div.ColOne div{margin:0;} .ColOne .quickView{margin:5px 0;} .quickView span, .DataDetail .summaryInfo span{clear:both;display:block;} .quickView span.value, .DataDetail .summaryInfo span.value{margin-bottom:8px} .DataDetail .summaryInfo .linkText, .DataDetail .summaryInfo .website{display:none;} .DataDetail .summaryInfo .StartTime, .DataDetail .summaryInfo .EndTime{float:left;} .DataDetail .summaryInfo .EndTime{clear:none;margin-bottom:8px} .DataDetail .summaryInfo span.space{margin-bottom:0;} .DataDetail .website{display:block;height:35px;margin:20px 0 10px 0;} .DataDetail .website a{padding:15px 0 0 50px;} #centerZoneC .DataDetail .linkText, .backLink.News, .backLink.Jobs{margin:20px 0 0 0;} #centerZoneC .DataDetail .linkText a, #centerZoneC .DataDetail .linkText a:hover, #centerZoneC .DataDetail .linkText a:focus, #centerZoneC .DataDetail .linkText a:active, #centerZoneCR .linkText.backLink.calendar a, #centerZoneCR .linkText.backLink.calendar a:hover, #centerZoneCR .linkText.backLink.calendar a:focus, #centerZoneCR .linkText.backLink.calendar a:active, #rightZone .linkText.backLink.calendar a, #rightZone .linkText.backLink.calendar a:hover, #rightZone .linkText.backLink.calendar a:focus, #rightZone .linkText.backLink.calendar a:active, #centerZoneCR .linkText.backLink.News a, #centerZoneCR .linkText.backLink.News a:hover, #centerZoneCR .linkText.backLink.News a:focus, #centerZoneCR .linkText.backLink.News a:active, #rightZone .linkText.backLink.News a, #rightZone .linkText.backLink.News a:hover, #rightZone .linkText.backLink.News a:focus, #rightZone .linkText.backLink.News a:active, #centerZoneCR .linkText.backLink.Jobs a, #centerZoneCR .linkText.backLink.Jobs a:hover, #centerZoneCR .linkText.backLink.Jobs a:focus, #centerZoneCR .linkText.backLink.Jobs a:active, #rightZone .linkText.backLink.Jobs a, #rightZone .linkText.backLink.Jobs a:hover, #rightZone .linkText.backLink.Jobs a:focus, #rightZone .linkText.backLink.Jobs a:active{padding:15px 0 0 50px;} .DataDetail .fullName{margin-bottom:20px;} .accordion{clear:both;} .accordionInfo{padding:10px 0;} .accordionInfo .label, .accordionInfo .value{display:block;line-height: 1.6rem;} .accordionInfo .value{margin-bottom:8px;} .DataDetail .FAQMinMax{margin-top:20px;} .DataDetail .accordion{margin-bottom:0;} .oneDetail .item div.SchoolCategory{margin:0;padding:0;border:0;} #mapDiv{width:90%;height:410px;} .backLink.Jobs, .backLink.News, .backLink.calendar{margin-bottom:20px;} #rightZone .backLink.Jobs a, #rightZone .backLink.News a, #rightZone .backLink.calendar a{float:none;} @media screen and (min-width:715px){ .DataDetail h1{margin-bottom:0;} .DataDetail .mainInfo .linkText, .DataDetail .mainInfo .website{display:none;} .DataDetail .summaryInfo .linkText, .DataDetail .summaryInfo .website, .backLink.News, .backLink.Jobs, .backLink.calendar{display:block;} .DataDetail .schoolAdmin,.DataDetail .schoolData{float:left;width:48%} .DataDetail .schoolData{float:right;} .DataDetail .website a, #centerZoneC .DataDetail .linkText a, #centerZoneC .DataDetail .linkText a:hover, #centerZoneC .DataDetail .linkText a:focus, #centerZoneC .DataDetail .linkText a:active, #centerZoneCR .linkText.backLink.calendar a, #centerZoneCR .linkText.backLink.calendar a:hover, #centerZoneCR .linkText.backLink.calendar a:focus, #centerZoneCR .linkText.backLink.calendar a:active, #rightZone .linkText.backLink.calendar a, #rightZone .linkText.backLink.calendar a:hover, #rightZone .linkText.backLink.calendar a:focus, #rightZone .linkText.backLink.calendar a:active, #centerZoneCR .linkText.backLink.News a, #centerZoneCR .linkText.backLink.News a:hover, #centerZoneCR .linkText.backLink.News a:focus, #centerZoneCR .linkText.backLink.News a:active, #rightZone .linkText.backLink.News a, #rightZone .linkText.backLink.News a:hover, #rightZone .linkText.backLink.News a:focus, #rightZone .linkText.backLink.News a:active, #centerZoneCR .linkText.backLink.Jobs a, #centerZoneCR .linkText.backLink.Jobs a:hover, #centerZoneCR .linkText.backLink.Jobs a:focus, #centerZoneCR .linkText.backLink.Jobs a:active, #rightZone .linkText.backLink.Jobs a, #rightZone .linkText.backLink.Jobs a:hover, #rightZone .linkText.backLink.Jobs a:focus, #rightZone .linkText.backLink.Jobs a:active{padding:15px 0 0 70px;} } @media screen and (min-width:850px){ .phone,.location{float:left;margin:0 2% 0 0;} .DataList .items .focus{clear:both;} div.summary{float:left;margin:0;padding:0;width:70%;} .ColOne .quickView{margin-top:0;} .quickView, .ColOne .linkText{clear:right;float:right;width:25%} #mapDiv{width:100%;height:500px;} } /* school detail slider */ .schoolSlider{width:auto;overflow:hidden;margin:30px 0 10px 0;padding-top:10px;position:relative;} .clipper{overflow:hidden;margin:0;padding:0;position:relative;z-index:2;margin:0 20px 0 15px;} .schoolSlider ul{padding:0;list-style:none;left:0;overflow:hidden;position:relative;top:0;z-index:1;} .schoolSlider ul li{float:left;margin:0 5px;/*position:relative;*/top:0;} .schoolSlider ul li img{cursor:pointer;width:133px;} .schoolSlider div.leftarrow:first-child, .schoolSlider div.rightarrow{position:absolute;top:24px;left:0;z-index:899;height:78px;width:36px;display:inline-block;cursor:pointer;} .schoolSlider div.rightarrow{right:0;left:auto;} .SchoolModal{position:fixed;display:none;width:100%;height:100%;top:0;left:0;z-index:1000} .SchoolPopUp{display:none;position:fixed;z-index:1001;max-width:800px!important;margin:0 auto;top:50%;left:50%;} .SchoolPopUp .popcontents{padding:0 20px;position:relative;} .SchoolPopUp .close{position:absolute;top:-5px;right:10px;height:30px;width:30px;cursor:pointer;} @media screen and (min-width:360px){ .clipper{margin:0 26px;} } @media screen and (min-width:715px){ .clipper{margin:0 15px;} } /* filtering */ .loading{height:100px;margin-bottom:70px;} div.AggregationFilter2 h3, div.DataFilter2 h3{margin-bottom:0;} div.Aggregation div.AggregationFilter2 fieldset,div.Calendar div.CalendarFilter2 fieldset,div.EventUpload div.accountFilter2 fieldset,div.DisplaySideUpload div.accountFilter2 fieldset,div.UserAccount div.accountFilter2 fieldset,div.SegmentedSearchFilter2 fieldset,div.DataList div.DataFilter2 fieldset{margin-bottom:25px;} div.DataList div.DataFilter2 .location{width:100%;margin:0;} div.AggregationFilter2 .keyword .head, div.DataFilter2 .keyword .head{padding-bottom:0;} div.Aggregation div.AggregationFilter2 .keyword .input, div.DataList div.DataFilter2 .keyword .input{padding-top:0;} div.AggregationFilter2 .inputs input,div.CalendarFilter2 .inputs input,div.DataFilter2 .inputs input{display:inline-block;margin-top:3px;} div.Aggregation div.AggregationFilter2 fieldset div.head h4,div.Aggregation div.AggregationFilter2 fieldset.seeMore div.head h4,div.Calendar div.CalendarFilter2 fieldset div.head h4,div.Calendar div.CalendarFilter2 fieldset.seeMore div.head h4,div.DataFilter2 fieldset div.head h4,div.DataFilter2 fieldset.seeMore div.head h4,div.SegmentedSearchFilter2 fieldset div.head h4{padding-left:15px;} div.Aggregation div.AggregationFilter2 fieldset.keyword div.head h4,div.Calendar div.CalendarFilter2 fieldset.keyword div.head h4,div.DataFilter2 fieldset.keyword div.head h4,div.SegmentedSearchFilter2 fieldset.keyword div.head h4,div.DataFilter2 fieldset.calendar div.head h4{padding:0;} .A-ZFilter.Aggregation fieldset.keyword + fieldset .uses, .A-ZFilter .az .uses{display:none;} .A-ZFilter.Aggregation fieldset.keyword + fieldset .inputs div, .A-ZFilter .az .inputs div{clear:none;float:left;margin:2px;padding:0;} .A-ZFilter.Aggregation div.AggregationFilter2 fieldset.keyword + fieldset label, .A-ZFilter.DataList div.DataFilter2 fieldset.az label{display:inline-block;height:22px;width:22px;} div.AggregationFilter2 .inputs div,.A-ZFilter.Aggregation fieldset + fieldset + fieldset .inputs div{margin-bottom:10px;} .A-ZFilter.DataList div.DataFilter2 .az .inputs div{clear:none;padding:0;} .alpha .tocList a{float:none;width:auto;} .alpha .tocList{margin-bottom:40px;margin-left:0;padding-bottom:20px;} .alpha h3{margin-top:10px;} .TotalItemsDisplay{padding:3px 10px;margin-bottom:5px;} .SegmentedSearchFilter2 .button{display:none;} @media screen and (min-width:715px){ .SegmentedSearchFilter2 .button{display:block;} } @media screen and (min-width:800px){ .alpha a{clear:left;float:left;width:5%;} .alpha .tocList a{float:none;width:auto;} .alpha .tocList {clear:none;float:left;margin-bottom:40px;margin-left:25px;padding-bottom:20px;width:90%;} } .Filter{clear:both;display:none;height:100%;left:0;overflow:hidden;top:0;width:100%;} .Filter #leftZone{height:100%;margin:5px;overflow:hidden;padding:10px;} .Filter .Aggregation, .Filter .DataList{height:85%;overflow-x:hidden;overflow-y:scroll;padding-right:30px;width:100%;} .Filter h3{display:none;} .Filter.open h3{display:block;float:left;} .Filter fieldset{clear:both;} .Filter div.AggregationFilter2 fieldset .inputs div, .Filter div.DataFilter2 fieldset .inputs div, .Filter div.SegmentedSearchFilter2 fieldset .inputs div{display:none;} .Filter div.AggregationFilter2 fieldset.min .inputs div,.Filter div.DataFilter2 fieldset.min .inputs div,.Filter div.AggregationFilter2 fieldset .inputs div.selected,.Filter div.DataFilter2 fieldset .inputs div.selected,.Filter div.SegmentedSearchFilter2 fieldset .inputs div.selected,.Filter div.SegmentedSearchFilter2 fieldset.min .inputs div{display:block;} /*.reset{display:none;}*/ .A-ZFilter div.DataFilter2 .location h4{background:0;padding-left:0;} .DataListing{display:block;clear:both;} @media screen and (min-width:715px){ .Filter{display:block!important;height:auto;overflow:visible;width:100%;} .Filter #leftZone{margin:0;overflow:visible;padding:0;} .Filter .Aggregation, .Filter .DataList{height:auto;overflow-x:visible;overflow-y:visible;padding-right:0;width:auto;} .Filter h3{display:block;} .filterArea{padding:8px;clear:both;} .Filter #leftZone{width:100%;} .Filter div.AggregationFilter2 fieldset .inputs div, .Filter div.DataFilter2 fieldset .inputs div, .Filter div.SegmentedSearchFilter2 fieldset .inputs div{display:block;} .Filter div.AggregationFilter2 fieldset.min .inputs div, .Filter div.DataFilter2 fieldset.min .inputs div, .Filter div.SegmentedSearchFilter2 fieldset.min .inputs div{display:none;} } div.tocList.two-col{overflow:hidden;} .namedAnchor{clear:both;} div.tocList.two-col ul{overflow:hidden;} div.tocList.two-col p{margin:8px 0;} #centerZoneLC div.tocList.two-col ul li,#centerZoneC div.tocList.two-col ul li,#centerZoneCR div.tocList.two-colul li{margin:0;padding:0;} #centerZoneLC div.tocList.two-col p + ul li, #centerZoneC div.tocList.two-col p + ul li,#centerZoneCR div.tocList.two-col p + ul li{float:none;} @media screen and (min-width:715px){ div.tocList.two-col .TwoCol > div{clear:none;float:left;width:45%;} div.tocList.two-col .TwoCol > div + div{float:right;} div.tocList.two-col ul li{float:left;} div.tocList.two-col ul li+li{float:right;} div.tocList.two-col p{clear:both;} } /* jobs */ .DataDetail.Jobs .mainInfo{width:100%;} .DataDetail.Jobs .jobInfo{padding-bottom:20px;overflow:hidden;} .DataDetail.Jobs .jobSummary p{margin:0;} .DataDetail.Jobs .jobSummary p span{display:block;} .DataDetail.Jobs .jobtools{margin-top:20px;padding:20px;overflow:hidden;} .DataDetail.Jobs .jobtools a{float:left;clear:both;padding-left:13px;} .DataDetail.Jobs .description + .jobtools a{margin-right:30px;} @media screen and (min-width:715px){ .DataDetail.Jobs .jobSummary{float:left;width:70%;} .DataDetail.Jobs .jobSummary p span{display:inline-block;} .DataDetail.Jobs .jobInfo p .label{width:120px;} .DataDetail.Jobs .jobInfo .jobtools{float:right;margin:0;width:18%;} .DataDetail.Jobs .description{clear:both;} .DataDetail.Jobs .description + .jobtools a{margin-right:30px;clear:none;} } div.DataList.NoDescription .DataListing div.ColOne .item{margin-top:10px;padding-top:20px;} /* custom nav 2 filter */ div.OneCol div.otherStuff .custom2,div.ColOne .postDate,.News .date,.SegmentedSearch .date{display:block;margin-bottom:10px;} /* h4 on top one col filter block */ .h4onTop > div{padding:10px 0 25px 0;} .h4onTop > div:first-child{padding-top:0;} .h4onTop h4{margin-bottom:10px;} .h4onTop .teaser{margin-bottom:10px;} .h4onTop h5{margin-bottom:5px;} .h4onTop .linkText{float:right;margin-top:20px;} @media screen and (min-width:800px){ #centerZoneC .level2 ul{float:left;width:40%} #centerZoneC .level2 ul + ul{float:right;} } @media screen and (min-width:900px){ .h4onTop ul,.twoColList{float:left;width:40%;} .h4onTop ul + ul,.twoColList + .twoColList{float:right;} #centerZoneC .teaser{float:left;width:60%;} #centerZoneC .level2{float:right;width:35%;} #centerZoneC .level2 ul{float:none;width:100%} #centerZoneC .level2 ul + ul{float:left;} } /* Accordion FAQ */ .Accordion.FAQ ul{display:none;} .FAQMinMax{float:right;} .Accordion.FAQ dl{clear:both;} .Accordion.FAQ dd ul{display:block;} .Accordion.FAQ dt, .DataDetail .accordion{display:block;padding-left:23px;padding-right:23px;} .Accordion.FAQ dd, .oneDetail .item .accordionInfo .schoolAdmin{margin-left:23px;} .Accordion.FAQ dd{display:none;} .mainBody .Accordion.FAQ dd{display:block;} .accordionHeader{margin-bottom:0;} .DataDetail .accordion{padding-bottom:5px;padding-top:7px;} body.Accordion.cke_editable ul{display:block;}/* wkst */ /* Freeforms */ .DepartmentContacts{margin-bottom:5px;} #centerZoneLC .DepartmentContacts ul li,#centerZoneC .DepartmentContacts ul li,#centerZoneCR .DepartmentContacts ul li{margin-bottom:8px;} .DepartmentContacts ul li strong{display:block} .DepartmentContacts ul + p{clear:both;margin-top:20px;} @media screen and (min-width:600px){ .DepartmentContacts h3 + ul li{float:left;} .DepartmentContacts ul{clear:both;} #centerZoneLC .DepartmentContacts ul li,#centerZoneC .DepartmentContacts ul li,#centerZoneCR .DepartmentContacts ul li{margin-bottom:0;} .DepartmentContacts ul li strong{display:inline-block;margin-bottom:5px;width:155px;} } @media screen and (min-width:880px){ .DepartmentContacts ul{float:left;margin:0 0 10px 0;width:30%;} .DepartmentContacts h3 + ul li{float:none;} .DepartmentContacts ul{clear:none;} .DepartmentContacts ul + ul{width:27%;} .DepartmentContacts ul + ul + ul{width:43%;} .DepartmentContacts ul li strong{display:block;} .DepartmentContacts ul + ul li strong{display:inline-block;width:50px;} .DepartmentContacts ul + ul + ul li strong{width:67px;} } .DepartmentDivisions,.DepartmentDivisions ul {margin:0;} .DepartmentContacts.division {clear:both;margin-top:10px;padding-top:20px;} @media screen and (min-width:715px){.DepartmentDivisions,.DepartmentDivisions ul {margin:0 0 10px 0;}} /* site map */ /* home calendar - all sites */ #daily .FloatBlockLeft70, #Four .FloatBlockRight70{width:100%;position:relative;box-sizing: border-box;padding:0 10px;} #daily .FloatBlockLeft70 .DataListing, #Four .FloatBlockRight70 .DataListing{padding-bottom:50px;} #daily div.DataList div.DataFilter2, #Four div.DataList div.DataFilter2{padding:0;} #daily .FloatBlockLeft70 h3, #Four .FloatBlockRight70 h3{margin-bottom:10px;} #daily .dayFilter ul, #Four .dayFilter ul{list-style:none;margin:0;padding:0;overflow:hidden;width:100%;} #daily .dayFilter ul li, #Four .dayFilter ul li{float:left;width:14.26%} #daily .dayFilter ul li a, #Four .dayFilter ul li a{display:block;padding:.5rem 1%;} #daily .dayFilter ul li span, #Four .dayFilter ul li span{display:inline-block;height:20px;width:100%;position:relative;top:-1px;} #daily .todaysDate, #Four .todaysDate{clear:both;} #contentArea #daily .moreEvents, #contentArea #Four .moreEvents{position:absolute;right:0;bottom:0;} #contentArea #daily .moreEvents a, #contentArea #Four .moreEvents a{padding: 5px 25px 5px 10px;} #daily .FloatBlockLeft70 .DataFilter2, #Four .FloatBlockRight70 .DataFilter2 {display:none;} #daily div.DataList.FloatBlockLeft70 .ColOne, #Four div.DataList.FloatBlockRight70 .ColOne{margin:0;padding:0;} #daily .FloatBlockLeft70 .item, #Four .FloatBlockRight70 .item{padding:1rem;margin:0;} #daily .FloatBlockLeft70 .item .calendarItemTime, #daily .FloatBlockRight70 .item .calendarItemDetails, #Four .FloatBlockLeft70 .item .calendarItemTime, #Four .FloatBlockRight70 .item .calendarItemDetails {word-wrap:break-word;} .Calendar.DataList + .Freeform a{float:right} .item .icon{float:left;width:47px;height:46px;margin-right:2%;} @media screen and (min-width:550px){ #daily .FloatBlockLeft70 .item .calendarItemTime, #Four .FloatBlockRight70 .item .calendarItemTime{display:block;float:left;width:22%} #daily .FloatBlockLeft70 .item .calendarItemDetails, #Four .FloatBlockRight70 .item .calendarItemDetails{display:block;float:left;width:77%} #daily .FloatBlockLeft70 .item .calendarItemDetails h4{margin-top:3px;} } @media screen and (min-width:880px){ #daily .FloatBlockLeft70{clear:none;float:left;width:55%;} #Four .FloatBlockRight70{clear:none;float:right;width:55%;} #daily .FloatBlockLeft70 .DataListing, #Four .FloatBlockRight70 .DataListing{padding-bottom:0;} #daily .FloatBlockLeft70 .DataListing, #Four .FloatBlockRight70 .DataListing{height:98.5%;} #daily .FloatBlockLeft70 .DataListing div.resultsDiv, #Four .FloatBlockRight70 .DataListing div.resultsDiv{height:59%;} #daily .FloatBlockLeft70 .DataListing .items, #Four .FloatBlockRight70 .DataListing .items{height:90%;} #daily .FloatBlockLeft70 .DataListing .ColOne, #Four .FloatBlockRight70 .DataListing .ColOne{height:100%;overflow-y:auto;overflow-x:hidden;} } /* fancy student toolbox */ div.ToolBox{box-sizing:border-box;margin:2%;overflow:hidden;} div.ToolBox div,div.ToolBox p,div.ToolBox h3{margin:0;} div.ToolBox.fullSummary .Freeform{display:none;} div.ToolBox.fullSummary{width:96%;} div.ToolBox.fullSummary .OneCol,div.ToolBox.fullSummary .TwoCol{display:block;} div.ToolBox.fullSummary{height:auto!important;padding-bottom:5px;} div.ToolBox .OneCol,div.ToolBox .TwoCol{display:none;} div.ToolBox .data h3{margin-bottom:1%;padding:1% 2%;} div.ToolBox .data .TwoCol{padding:0 2%} div.ToolBox h3 span{display:none;} div.ToolBox.fullSummary h3 span{display:block;float:right;} div.ToolBox .Aggregation .AggregationFilter2{display:none;} div.ToolBox .Aggregation + .Freeform,div.ToolBox .Aggregation + .SharePage{display:none;} div.ToolBox.fullSummary .Aggregation + .Freeform,div.ToolBox.fullSummary .Aggregation + .SharePage,div.ToolBox.fullSummary .Aggregation + .SharePage .Freeform{display:block;padding-top:15px;margin-bottom:0;} div.ToolBox .Aggregation + div ul li{float:left;margin-right:15px} div.ToolBox .Aggregation + div ul li img{display:inline-block;margin-top:-2px;} div.ToolBox .Aggregation h4 span{display:inline-block;height:8px;width:10px;} div.ToolBox .Aggregation .button, div.ToolBox .resultsArea, div.ToolBox .skiptoFilter{display:none;} div.ToolBox .otherStuff h4 {overflow:hidden;margin:4px 0;} div.ToolBox .otherStuff h4 a, div.ToolBox .otherStuff h4 span{float:left;} div.ToolBox .otherStuff h4 span{margin-top:7px;} div.ToolBox .otherStuff h4 a{width:80%;margin-left:5px;} @media screen and (min-width:600px){div.ToolBox{clear:none;float:left;width:46%;}} @media screen and (min-width:850px){ div.ToolBox.fullSummary{width:97%;} div.ToolBox{width:31%;margin:1%;} } /* column toolbox*/ .ColumnToolbox .tocList > div{clear:none;float:left;width:50%;margin:0;padding:0 2% 60px 2%;box-sizing:border-box;} .titanBody .ColumnToolbox .tocList{overflow:hidden;} .titanBody .ColumnToolbox .tocList a.teaserImage, .titanBody .ColumnToolbox .tocList .otherStuff{clear:both;float:none;display:block;text-align:center;width:100%;margin:0;padding:0;} .ColumnToolbox .tocList > div a.teaserImage img{display:block;margin:0 auto;width:80px;} .titanBody .ColumnToolbox .tocList p.noimage {height:80px;margin-bottom:8px;} .titanBody .ColumnToolbox .tocList .otherStuff h4{line-height:1.8rem;} @media screen and (min-width:400px){ .ColumnToolbox .tocList > div{width:33%;} } @media screen and (min-width:550px){ .ColumnToolbox .tocList > div{width:25%;} } @media screen and (min-width:715px){ .ColumnToolbox .tocList > div{width:33%;} } @media screen and (min-width:850px){ .ColumnToolbox .tocList > div{width:25%;} } /* image sliders */ .slider{background:#eee;} .slider,.slider .image,.slider div.info,div.CenterZone .ImageSlider div.OneCol div.image p,div.CenterZone .ImageSlider div.OneCol div.image h4,div.CenterZone .ImageSlider div.OneCol p,div.CenterZone .ImageSlider div.OneCol h4,#contentArea div.CenterZone .ImageSlider div.OneCol a.teaserImage{margin:0;padding:0;} div.CenterZone .ImageSlider div.OneCol div.image p,div.CenterZone .ImageSlider div.OneCol div.image h4,div.CenterZone .ImageSlider div.OneCol p,div.CenterZone .ImageSlider div.OneCol h4{white-space:normal;} div.OneCol div.info{clear:none;} .slider1 .OneCol,.slider2 .TwoCol{margin:0 30px;width:92%} .slider .left,.slider .right{top:35%;} .slider .left{left:0;} .slider .right{right:0;} .slider .left a,.slider .right a{display:block;padding:15px;background:#ddd;} /* submit event */ div.DataEditor p{margin-bottom:0;} div.DataEditor label{padding-top:5px;} div.DataEditor div.dataField .inputs input[type=checkbox]{float:none;} div.DataEditor div.dataField .inputs label{padding-top:0;float:none;} .DataEditor .defaultButtons {margin-top:10px} .reoccurButtons{display:none;} #RecurrenceEditor ul li, #RecurrenceEditor label{padding:0;margin:0;} div.Calendar div.calendarCallOut table td, div.EventUpload div.DatePicker td, div.DataEditor div.DatePicker td, div.DataList div.DatePicker td, div.DataFilter2 table.calendar td{height:20px;width:25px;} div.EventUpload div.DatePicker, div.DataEditor div.DatePicker, div.DataList div.DatePicker{border:1px solid #aaa;box-shadow:3px 3px 3px #777;} div.Calendar div.calendarCallOut table td.selectedDate,div.EventUpload div.DatePicker td.selectedDate,div.DataEditor div.DatePicker td.selectedDate,div.DataList div.DatePicker td.selectedDate,div.DataFilter2 table.calendar td.selectedDate{background:#06c;border:1px solid #fff;color:#fff;} div.FormEditor div.ErrorMessage, div.FormEditor div.errorMessage, div.DataEditor div.ErrorMessage, div.EventUpload div.ErrorMessage, div.DisplaySideUpload div.error, div.commentForm div.ErrorMessage, div.LogIn div.ErrorMessage, div.LogIn div.ErrorText, div.UserAccount div.ErrorMessage, div.commentForm div.messageOn, div.EventUpload div.messageOn {color:#c41e3a;margin:0;} div.DataEditor div.ErrorMessage br + br{display:none;} @media screen and (min-width:715px){ div.DataEditor div.dataField input.simple_button[type="button"] {margin:0 0 10px 5px;} div.DataEditor div.dataField .inputs{width:50%} } @media screen and (min-width:980px){ .reoccurButtons{display:inline-block;margin-top:0;} } /* log in */ .LogIn h3{display:none;} #emailUs div.FormEditor p{margin:20px 0;} /* search */ div.SegmentedSearch.SmartSearch{padding:10px;background:#f4f4f4;border:1px solid #d9d9d9;} div.SegmentedSearch div.SearchResults{float:none;width:100%;position:relative;} div.SegmentedSearch div.SearchResults div.titleTop div.options{padding:0;} div.SearchResults h4.docMatch i{color:#c41e3a} div.SegmentedSearch div.SegmentedSearchFilter2{float:none;width:100%} div.SegmentedSearchFilter2:first-child, div.SegmentedSearchFilter2 .mainFilter, div.SegmentedSearch div.tools, div.SegmentedSearch ul.footerTop{display:none!important;} div.SegmentedSearchFilter2 .head h4{width:69%;} div.SegmentedSearchFilter2 .head{margin-bottom:8px;} div.SegmentedSearch div.SearchResults div.SmartRL, div.SegmentedSearch div.SearchResults div.PagesRL, div.SegmentedSearch div.SearchResults div.FilesRL, div.SegmentedSearch div.SearchResults div.PeopleRL, div.SegmentedSearch div.SearchResults div.NewsRL, div.SegmentedSearch div.SearchResults div.EventRL, div.SegmentedSearch div.SearchResults div.ProductRL,div.SegmentedSearch div.SearchResults div.titleTop,.SearchResults{padding:0;margin:0;} div.SegmentedSearch div.SearchResults h3{padding-bottom:0;} @media screen and (min-width:715px){ .searchButton{display:none;} } #rightZone .Lunch.SharePage, #rightZone .Lunch.SharePage .Freeform, #rightZone .Lunch.SharePage .DataList{border:0;} #rightZone .Lunch .DataListing .loading + div{display:block!important} #rightZone .Lunch.SharePage{padding:40px 15px 20px 15px;} #rightZone .Lunch.SharePage .Freeform, #rightZone .Lunch.SharePage .items{box-sizing:box-border;padding:0;margin:0;width:100%;} #daily .FloatBlockRight30, #rightZone .Lunch{width:100%;background-image:url("images/mpspublic/apple.png");background-repeat:no-repeat;background-position:97% 2rem;background-size:80px auto;background-color:#fc3;box-sizing:border-box;padding:3.5rem 4% 0 4%;margin:0 0 2px 0;} #daily .FloatBlockRight30 .noneFound, #rightZone .Lunch .noneFound{margin:10px 0;} #rightZone .Lunch .noneFound{line-height:1.8rem;} #rightZone .Lunch .noneFound{margin-top:30px;} #contentArea #rightZone .Lunch .noneFound a, #daily .FloatBlockRight30 .noneFound a{text-decoration:underline;} #daily .FloatBlockRight30 .DataList, #daily .FloatBlockRight30 .DataList .otherStuff, #rightZone .Lunch .DataList, #rightZone .Lunch .DataList .otherStuff{padding:0;margin:0;} #daily .FloatBlockRight30 .DataList .ColTwo, #rightZone .Lunch .DataList .ColTwo{border:0;} #daily .FloatBlockRight30 .DataFilter2, #rightZone .Lunch .DataFilter2{display:none;} #daily .FloatBlockRight30 h3, #rightZone .Lunch h3{font-size:3rem;line-height:3.3rem;margin:0;font-weight:700;} #daily .FloatBlockRight30 h4, #rightZone .Lunch h4{font-size:1.8rem;} #daily .FloatBlockRight30 .label, #rightZone .Lunch .label{display:none;} #daily .FloatBlockRight30 .date, #rightZone .Lunch .date{display:block;font-size:1.8rem;line-height:1.8rem;font-weight:700;} #daily .FloatBlockRight30 .item, #rightZone .Lunch .item{float:none;clear:both;box-sizing:border-box;margin:0;width:100%} #daily .FloatBlockRight30 .item p, #rightZone .Lunch .item p{line-height:2rem;margin:0;padding:0;} #daily .FloatBlockRight30 .Freeform, #rightZone .Lunch .Freeform{padding-bottom:20px;} #daily .FloatBlockRight30 .Freeform p, #rightZone .Lunch .Freeform p{line-height:1.8rem} #daily .FloatBlockRight30 .Freeform a, #rightZone .Lunch .Freeform a{float:right;background: url("images/mpspublic/greyarrow.png") no-repeat scroll 90% 55% #fff;color: #333;font-size: 1.5rem;font-weight: 700;border-radius: 3em;padding: 5px 25px 5px 10px;} #daily .FloatBlockRight30 .Freeform a:hover, #daily .FloatBlockRight30 .Freeform a:focus, #daily .FloatBlockRight30 .Freeform a:active, #rightZone .Lunch .Freeform a:hover, #rightZone .Lunch .Freeform a:focus, #rightZone .Lunch .Freeform a:active{background-color:#0174c7;background-image: url("images/mpspublic/buttonarrow.png");color:#fff;text-decoration:none;} #rightZone .Lunch .date{margin-bottom:20px} #rightZone .Lunch h3{margin-bottom:0;padding-bottom:0;} .NoBackground{} @media screen and (min-width:600px){ #daily .FloatBlockRight30, #rightZone .Lunch{background-position:1rem 2rem;padding:3.5rem 2% 0 0;} #daily .FloatBlockRight30 .item{clear:none;float:left;width:47%;} #rightZone .Lunch .item{clear:both;float:none;width:99%;} #daily .FloatBlockRight30 .item + .item, #rightZone .Lunch .item + .item{clear:none;width:45%;margin-right:5%} #daily .FloatBlockRight30 h3, #daily .FloatBlockRight30 .items, #daily .FloatBlockRight30 .Freeform{margin:0 0 0 17%;} #rightZone .Lunch.SharePage .Freeform, #rightZone .Lunch.SharePage .items, #rightZone .Lunch h3{padding-left:17%;width:auto} } @media screen and (min-width:715px){ #rightZone .Lunch h3{margin-left:44%;margin-bottom:25px;} #rightZone .Lunch .date{font-size:1.6rem;margin-bottom:10px;margin-left:0;} #rightZone .Lunch h3{font-size:2.4rem;line-height:2.4rem} #rightZone .Lunch.SharePage .Freeform, #rightZone .Lunch.SharePage .items, #rightZone .Lunch h3, #rightZone .Lunch .date{padding-left:0;} } @media screen and (min-width:1038px){ #rightZone .Lunch .date, #rightZone .Lunch h3{margin-left:33%;margin-bottom:0;} #rightZone .Lunch .date{font-size:1.6rem;margin-bottom:25px} #rightZone .Lunch h3{font-size:2.4rem;line-height:2.4rem} #rightZone .Lunch .noneFound{margin-top:45px;} } /* calendar */ .MainLunchListing .dateGroup, .MainLunchListing .ColOne, .MainLunchListing .items, .Calendar .dateGroup, .Calendar .ColOne, .Calendar .items{overflow:none;} .MainLunchListing .dateGroupHeader, .MainLunchListing .calendarItemTime, .Calendar .dateGroupHeader, .Calendar .calendarItemTime{font-weight:bold;} .MainLunchListing .dateGroupHeader, .Calendar .dateGroupHeader{font-size:1.8rem;margin-bottom:5px;} .MainLunchListing .calendarItemTime, .Calendar .calendarItemTime{font-size:1.5rem;} .MainLunchListing .calendarItemTime{color:#c41e3a;} div.DataList.MainLunchListing .DataListing div.ColOne div.item, div.DataList.Calendar .DataListing div.ColOne div.item{border:0;padding:0;margin:0;margin-bottom:15px;} .MainLunchListing .dateGroup, .Calendar .dateGroup{margin-top:15px;padding-top:40px;border-top:1px dotted #2b2728;} .MainLunchListing .dateGroup:first-child, .Calendar .dateGroup:first-child{border:0;margin-top:0;padding-top:0;} .Calendar.DataDetail .item div{overflow:hidden;margin-bottom:5px;} .Calendar.DataDetail .label{display:block;} .Calendar.DataDetail .calendarDetailDescription .label{font-size:1.6rem;margin-top:20px;} @media screen and (min-width:500px){ .Calendar .calendarItemTime{float:left;width:15%} .Calendar .calendarItemDetails{clear:none;float:right;width:84%} } @media screen and (min-width:715px){ div.DataList.MainLunchListing .DataListing div.ColOne div.item{float:left;width:48%;clear:none;} div.DataList.MainLunchListing .DataListing div.ColOne div.item + div.item{float:right;} } @media screen and (min-width:870px){ .Calendar.DataDetail .label{display:inline-block;width:14%;float:left;} .Calendar.DataDetail .info{display:inline-block;float:left;width:81%;} .Calendar.DataDetail .calendarDetailDescription .label, .Calendar.DataDetail .calendarDetailDescription .info{display:block;float:none;width:100%} } /* === block and freeform class names === */ /* float images */ .FloatLeft,.FloatRight{display:block;margin:0 0 10px 0;} .FloatBlockLeft50 + p,.FloatBlockLeft70 + p,.FloatBlockLeft30 + p,.FloatBlockRight50 + p,.FloatBlockRight30 + p,.FloatBlockRight70 + p{clear:both;} .FloatBlockLeft50,.FloatBlockLeft70,.FloatBlockLeft30,.FloatBlockRight50,.FloatBlockRight30,.FloatBlockRight70,.FloatLeft,.FloatRight{} .FloatBlockLeft50{margin:0;} .HideOnPhone{display:none;} .Background,.Spotlight {margin-bottom: 10px;} .Background.FloatBlockRight50{margin-bottom: 30px;} @media screen and (min-width:500px){ .FloatLeft,div.OneCol div.image a.teaserImage, div.TwoCol div.image a.teaserImage, div.ColOne div.image a.teaserImage, div.ColTwo div.image a.teaserImage, div.tocList div.image a.teaserImage, div.Calendar div.image a.teaserImage, div.Product div.image div.mainPhoto, div.DataList .DataListing div.ColOne a.teaserImage, div.DataList .DataListing div.ColTwo a.teaserImage{float:left;margin:0 4% 2% 0;} .FloatRight{float:right;margin:0 0 2% 4%;} .HideOnPhone{display:inline-block;} .HideOnTabletDesktop{display:none;} } @media screen and (min-width:715px){ .FloatBlockLeft50{clear:none;float:left;} .FloatBlockRight50{clear:none;float:right;} .FloatBlockLeft50,.FloatBlockRight50{width:41%} } @media screen and (min-width:900px){ .FloatBlockLeft70,.FloatBlockLeft30{clear:none;float:left;} .FloatBlockRight30,.FloatBlockRight70{clear:none;float:right;} .FloatBlockLeft70,.FloatBlockRight70{width:68%} .FloatBlockRight30,.FloatBlockLeft30{width:28%} } /* spotlights & background */ .DataList.Spotlight,.DataList.Spotlight .DataListing,.DataList.Spotlight .ColOne,div.DataList.Spotlight .DataListing div.ColOne div.item, .Aggregation.Spotlight,.Aggregation.Spotlight .data,.Aggregation.Spotlight .ColOne,div.Aggregation.Spotlight .data div.OneCol div.item{width:100%;margin:0;padding:0;} .Spotlight,.DataList.Spotlight,.Aggregation.Spotlight{overflow:hidden;margin-bottom:20px;padding:10px 0;} .Background, .Freeform.Spotlight{padding:20px;} .Freeform.Spotlight ul{margin:0;padding:0;} .Spotlight strong{display:block;} div.DataList.Spotlight h3,div.Aggregation.Spotlight h3{margin:0 0 0 10px;padding:0;float:left;clear:none;} .Spotlight .closer{display:block;padding-right:19px;float:right;cursor:pointer;margin:4px 20px 0 0} div.DataList.Spotlight span.left, div.DataList.Spotlight span.right, div.Aggregation.Spotlight span.left, div.Aggregation.Spotlight span.right{display:block;position:absolute;left:5px;top:50px;z-index:800} div.DataList.Spotlight span.right, div.Aggregation.Spotlight span.right{left:auto;right:5px;} .DataList.Spotlight span.left a, .DataList.Spotlight span.right a, .Aggregation.Spotlight span.left a, .Aggregation.Spotlight span.right a{display:block;height:32px;width:18px;} .Spotlight .items{clear:both;} div.DataList.Spotlight div.items, div.Aggregation.Spotlight div.items{padding:20px 35px 0 35px;} div.DataList.Spotlight .DataListing div.ColOne div.item, div.Aggregation.Spotlight .DataListing div.ColOne div.item{padding-bottom:10px;} div.DataList.Spotlight .DataListing h4, div.Aggregation.Spotlight .DataListing h4{margin:0;} div.DataList.Spotlight a.teaserImage, div.Aggregation.Spotlight a.teaserImage{display:none;} #centerZoneC .Spotlight p.teaser , #centerZoneLC .Spotlight p.teaser, #centerZoneCR .Spotlight p.teaser{white-space:normal;width:98%;} @media screen and (min-width:715px){ .Spotlight strong{display:inline-block;} div.DataList.Spotlight span.left, div.DataList.Spotlight span.right, div.Aggregation.Spotlight span.left, div.Aggregation.Spotlight span.right{left:0;top:33%;} div.DataList.Spotlight span.right, div.Aggregation.Spotlight span.right{left:auto;right:0;} .DataList.Spotlight span.left a, .DataList.Spotlight span.right a, .Aggregation.Spotlight span.left a, .Aggregation.Spotlight span.right a{height:76px;width:38px;} div.DataList.Spotlight div.items, div.Aggregation.Spotlight div.items{padding:20px 45px 0 45px;} div.DataList.Spotlight a.teaserImage, div.Aggregation.Spotlight a.teaserImage{display:block;} div.DataList.Spotlight .DataListing div.ColOne div.item, div.Aggregation.Spotlight .DataListing div.ColOne div.item{padding-bottom:0;} } /* swipe table */ .swipeText{padding:10px 10px 10px 30px;margin-bottom:10px;} .swipeText p{margin:0;padding:0 15px 0 0;display:inline-block;} .swipe{overflow-x:auto;width:100%;} .swipe table{width:100%!important;} @media screen and (min-width:715px){ .swipeText{display:none} } /* icon filter & small icons */ div.SmallIcons div.image{margin-bottom:0;} div.SmallIcons div.image a.teaserImage{width:18px;} /* ========================================================================================== print === */ @media print{ .topNav a{font-size:13px;padding:5px;} #phoneNav,#alertWrapper,.pageTools{display:none;} #breadCrumbContainer{display:block;} #breadCrumbContainer li{float:left;padding:5px 0;} #toolContainerWrapper,#toolContainer,#rightZone,#topNavWrapper{display:block;} #topNavWrapper{margin-top:3px;} #topNavWrapper li{float:left;} #topNavWrapper li a{display:block;padding:5px 18px;} .topNav li.current > a {background: none repeat scroll 0 0 #f3d13c;} .topNav li.item a {display: block;padding: 8px 1% 0;} .topNav li > a {border-top-left-radius: 0.3em;border-top-right-radius: 0.3em;} .topNav li > a,#connect .Freeform ul li a {text-align: center;} #contentArea,#contentContainer,#centerZoneCR, #centerZoneLC {width:98%} #logoControlContainer img{width:300px;padding:10px;} .Accordion.FAQ dd, .accordionArea div.accordionInfo{display:block!important;} .accordionArea .accordion{color:#000!important;background:0!important;} .DataList .button,.DataList .linkText,.FAQMinMax,.backLink,p.website,p.website a{display:none;} }