#pagebody {
    overflow: hidden !important;
}

h1 {
    margin-bottom: 20px !important;
}

.sys_rcnavtitle {
    margin-top: 10px;
}

a[href^="tel:"]:before {
    content: '' !important;
}

a[href^="mailto:"]:before {
    content: "" !important;
    padding-right: 0px !important;
}

.maindisplaypadding {
    margin-bottom: 150px;
}

.maindisplay h1 {
    font-size: 30px !important;
    margin-top: 0px;
    margin-bottom: 5px;
}

@media screen and (max-width:406px) {
    .maindisplay h1 {
        font-size: 24px !important;
    }
}

#fullcontent h2 {
    font-size: 1.4em !important;
}

.linkbutton {
    color: #FFFFFF;
    background-color: #305567;
    font-size: 1.2em;
    text-decoration: none;
    padding: 10px;
    min-width: 160px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

    .linkbutton:hover {
        background-color: #3a657a;
    }

    .linkbutton:disabled {
        color: #989898 !important;
        background-color: #DEDEDE !important;
    }

    .greenbutton {
    background-color: #257117;
    margin-right:20px;
}

    .greenbutton:hover {
        background-color: #388b29;
    }

.icongraphic option:first-letter {
    color: #000088;
    padding-right: 5px;
}

.linkbuttonnarrow {
    vertical-align: top;
    color: #FFFFFF;
    background-color: #006600;
    font-size: 17px;
    text-decoration: none;
    padding: 5px 10px;
    min-width: 180px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin: 2px 20px 2px 20px;
    cursor: pointer;
}

    .linkbuttonnarrow:hover {
        background-color: #008800;
    }

@media screen and (max-width:520px) {
    .linkbuttonnarrow {
        margin: 2px 10px 2px 10px;
        font-size: 15px;
    }
}

@media screen and (max-width:470px) {
    .linkbuttonnarrow {
        margin: 2px 10px 2px 10px;
        min-width: 120px;
        width: 120px;
        font-size: 16px;
        height: 38px;
    }
}

#productMenuBar {
    z-index: 9998;
    width: 100%;
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 0px 0px 5px 0px;
    padding-bottom: 1px;
}

.thin {
    padding: 5px;
    font-size: 1.1em;
    min-width: 92px;
}

.smallbutton {
    min-width: 10px;
}

.gobutton {
    padding: 1px 10px;
}

.validator {
    background-color: #C4E0ED;
    background-image: url('images/exclaimorange.gif');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding: 4px 20px 4px 40px;
    display: block;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

    .validator li {
        margin-top: 2px !important;
    }

    .validator ul {
        margin-bottom: 4px;
    }


.comparelimit {
    background-color: #C4E0ED;
    background-image: url('images/exclaimorange.gif');
    background-repeat: no-repeat;
    background-position: 4px 12px;
    display: block;
    padding: 4px 4px 4px 40px;
    margin-bottom: 10px;
    width: 100%;
}

.offline {
    background-image: url(images/maintenance.gif);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    padding: 10px 10px 10px 140px;
    min-height: 100px;
}

.strongtext {
    font-weight: bold;
}

.blocktext {
    display: block;
}

.underline {
    text-decoration: underline;
}

.buttonoff {
    color: #989898 !important;
    background-color: #DEDEDE !important;
}

.buttonaverage {
    background-color: #E1E1E1;
    border-style: solid;
    border-color: #888888;
    border-width: 2px;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
}

    .buttonaverage:hover {
        background-color: #FAFAFA;
    }

.tooltip {
    padding-left: 5px;
    padding-top: 2px;
}

    .tooltip:hover:after {
        content: attr(aria-label);
        position: absolute;
        left: 0px;
        top: 20px;
        padding: 4px;
        font-family: Arial, Verdana, Tahoma;
        font-size: 12.5px;
        color: #FAFAFA;
        width: 170px;
        background-color: #444444;
        border-radius: 10px;
        z-index: 9999;
    }


.marginright {
    margin-right: 10px;
}

.marginleft {
    margin-left: 10px;
}

.marginbottom {
    margin-bottom: 10px;
}

.nomargin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.nominwidth {
    min-width: 1px;
}

.searchtext {
    font-size: 16px;
}

.searchcontrols {
    border-style: solid;
    border-width: 1px;
    border-color: #AAAAAA;
    border-radius: 2px;
    padding: 0px 6px;
    overflow: hidden;
    background-color: #F6F6F6;
}

.searchcontrolsmargin {
    padding-top: 6px;
    padding-bottom: 6px;
}

.infolinemargin {
    padding-top: 12px;
    padding-bottom: 0px;
}

.dropdowntitle {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
}

.dropdown {
    vertical-align: top;
    font-size: 16px;
    height: 28px;
    margin-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #597989;
    border-radius: 4px;
    padding: 3px;
}

.dropdownalign {
    vertical-align: inherit;
    margin-right: 0px;
}

.searchoptions {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: #888888;
    background-color: #FAFAFA;
    width: 90%;
    margin: 0 auto;
    padding: 10px;
}

.counterholder {
    float: right;
    margin-left: 40px;
    display: inline-block;
    margin-top: -3px;
}

.nearposition {
    display: block;
    margin-bottom: 15px;
}

.floatleft {
    float: left;
}

.floatcentre {
    margin-left: 40px;
    margin-right: 10px;
}

    .floatcentre a {
    }

.floatright {
    float: right;
}

.padright {
    padding-right: 10px;
}

.padbottom {
    padding-bottom: 18px;
}

.padtop {
    padding-top: 20px;
}

.schoolitems {
    margin-top: 15px;
}

    .schoolitems p {
        line-height: 1.2em !important;
    }

.schoolitem {
    vertical-align: top;
    background-color: #F5FAFC;
    border-color: #D7E6EF;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 5px;
}

.schoolitemindent {
    padding-left: 35px;
}

.ofstedlinks {
    display: block;
    margin-top: 4px;
}

    .ofstedlinks a {
        text-decoration: none;
    }

.ofstedsummary {
    cursor: pointer;
    text-decoration: underline;
    color: #0066CC;
}

.ofstedsummarytext {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #888888;
    margin-top: 5px;
    padding-top: 10px;
}

.counter {
    display: inline-block;
    background-color: #668492;
    vertical-align: middle;
    width: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 15px;
    border-width: 1px;
    border-color: #668492;
}

.largetextbox {
    font-size: 1.0em;
    width: 90%;
    min-width: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    padding: 2px;
}

.moveright {
    text-align: right;
}

.buttonholder {
    text-align: right;
}

.linkbuttonholder {
    padding-top: 10px;
    text-align: center;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #888888;
    padding-bottom: 8px;
}

.notoppadding {
    padding-top: 0px !important;
}

i {
    padding-right: 0.5em;
}


.questionholder {
    clear: both;
    padding-top: 10px;
}

.inline {
    display: inline-block;
    vertical-align: top;
}

.inlinepadded {
    display: inline-block;
    padding-right: 30px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.clearboth {
    clear: both;
}

.labelholder {
    padding-right: 20px;
    width: 120px;
    float: left;
}

.labelholderindent {
    padding-right: 20px;
    padding-left: 20px;
    width: 260px;
    float: left;
}

.highlighttext {
    font-weight: bold;
    color: #004400;
}

.textboxholder {
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

.textboxholderinline {
    display: inline-block;
}

.nobottom {
    margin-bottom: 4px;
}

.chkarea {
}

input[type="checkbox"] {
    height: 18px;
    width: 18px;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    vertical-align: middle;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
}

.checkboxblock {
    display: block;
    margin-bottom: 2px;
}

    .checkboxblock input {
        margin-right: 10px;
    }

divs {
    border-style: solid;
    border-width: 1px;
}

.statdisplay {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #888888;
    padding-bottom: 10px;
}

.statholder {
    position: relative;
    width: 180px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
    vertical-align: top;
}

.statimage {
    width: 170px;
    height: 170px;
}

.statcolor {
    background-color: #597989;
}

.statpadtop {
    display: block;
    padding-top: 10px;
}

.statofsted {
    width: 128px;
    height: 123px;
}

.statmeals {
    width: 166px;
    height: 132px;
    position: relative;
}

.statclipboard {
    width: 122px;
    height: 120px;
    position: relative;
    overflow: hidden;
}

.statabsence {
    width: 122px;
    height: 150px;
    position: relative;
}

.stathappiness {
    width: 120px;
    height: 120px;
    font-weight: bold;
    font-size: 140px;
}

.statnorightpad {
    padding-right: 0px;
}

.statwork {
    width: 120px;
    height: 120px;
    font-weight: bold;
    font-size: 126px;
}

.statbook {
    width: 130px;
    height: 120px;
    font-weight: bold;
    font-size: 125px;
}

.statdestination {
    width: 120px;
    height: 120px;
}

.statdestinationsmall {
    height: auto;
    width: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
}

.statsubscribed {
    width: 107px;
    height: 120px;
}

.statpan {
    width: 165px;
    height: 172px;
}

.statholder i {
    overflow: hidden;
    margin-top: -8px;
}

.statlanguage {
    width: 158px;
    height: 147px;
    position: relative;
}

.statvalueadded {
    width: 150px;
    height: 157px;
    position: relative;
}

.statpupilholder {
    width: 119px;
    float: left;
    height: 120px;
}

.statpupil {
    width: 12px;
    height: 22px;
    margin-right: 2px;
    margin-bottom: 2px;
    display: inline-block;
}

.statpupilimage {
    vertical-align: top;
}

.statpupiltext {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
}

.statteacher {
    width: 47px;
    height: 105px;
    float: right;
}

.statpad {
    padding-left: 5px;
}

.statcenter {
    margin: 0 auto;
    text-align: center;
}

.statcentertext {
    padding-top: 10px;
}

.statverticalalign {
    display: flex;
    align-items: center;
    justify-content: center;
}

.alignmiddle {
    vertical-align: middle;
}

.statexplainlink {
    text-align: left;
    margin-bottom: 0px;
}

.statvalue {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #FFFFFF;
}

.statvaluecentre {
    top: 70px;
}

.statvaluelarge {
    top: 0px;
    font-size: 136px;
}

.statsubvalue {
    position: absolute;
    top: 75px;
    left: 0px;
}

.statsubvaluelow {
    position: absolute;
    top: 148px;
    left: 0px;
}

.stattext {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
}

.statdetail {
    width: 100%;
    height: 45px;
    font-size: 22px;
    padding-top: 2px;
    border-radius: 4px;
    color: #FFFFFF;
}

.statdetailtext {
    width: 100%;
    font-size: 22px;
    padding-top: 2px;
    color: #FFFFFF;
    height: 45px;
}

.staticontext {
    font-size: 31px;
    padding-left: 14px;
}

.stattextcolor {
    color: #597989;
}

.stattextgrey {
    color: #444444;
}

.stattextwhite {
    color: #FFFFFF;
}

.staticon {
    position: absolute;
    top: 110px;
    left: 5px;
    width: 100%;
    text-align: center;
    font-size: 29px;
    color: #FFFFFF;
}

.staticonpad {
    left: 9px;
}

.statratingoff {
    display: inline-block;
    font-size: 26px;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    margin-right: 4px;
    margin-left: 4px;
}

.statratingon {
    display: inline-block;
    font-size: 26px;
    width: 35px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    background-color: #597989;
    border-radius: 14px;
    margin-right: 4px;
    margin-left: 4px;
}

.statratingnovalue {
    font-size: 28px;
    color: #888888;
}

.statbutton {
    color: #FFFFFF;
    font-size: 1.4em;
    text-decoration: none;
    padding: 8px;
    display: block;
    width: 99%;
    max-width: 154px;
    text-align: center;
    border-radius: 4px;
    z-index: 0;
}

.statratingsmall {
    display: inline-block;
    font-size: 14px;
    width: 20px;
    height: 19px;
    color: #FFFFFF;
    text-align: center;
    padding-top: 2px;
    background-color: #597989;
    border-radius: 10px;
    vertical-align: middle;
}


.statratingsmalloff {
    color: #597989;
    background-color: #FFFFFF;
}

.statratingsmallnovalue {
    font-size: 14px;
    color: #888888;
}


.statfootertext {
    padding-top: 4px;
    color: #444444;
    font-weight: bold;
    font-size: 12.5px;
}



.statbar {
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #888888;
    margin-top: 10px;
    padding-top: 6px;
    padding-bottom: 2px;
}

.statbaritem {
    display: inline-block;
    margin-right: 15px;
    width: 105px;
    vertical-align: top;
}

.statbaritemwide {
    width: 195px;
}

.statbarimage {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
}

.statbarinfo {
    vertical-align: middle;
    display: inline-block;
    width: 59px;
}

.statbarinfowide {
    width: 149px;
}

.statbarheader {
    font-weight: bold;
    font-size: 16px;
    color: #656565;
}

.statbardetails {
    display: block;
    font-size: 14px;
    color: #444444;
}

.statbarpupils {
    width: 39px;
    height: 36px;
}

.statbarages {
    width: 30px;
    height: 32px;
}

.statbarreligion {
    width: 28px;
    height: 32px;
}

.statbarbuilding {
    width: 32px;
    height: 32px;
}

.statsmalldataset {
    font-size: 18px;
    margin-top: -8px;
    margin-left: -2px;
}

.fullstar {
    color: #FFBF37;
}

.emptystar {
    color: #EAD9B4;
}

#divPleaseWait {
    border-style: solid;
    border-width: 2px;
    border-color: #F0BF4E;
    background-image: url(images/pleasewait.png);
    position: fixed;
    width: 200px;
    height: 50px;
    font-size: 24px;
    padding: 20px 0px 0px 0px;
    display: none;
    margin-top: -15px;
    margin-left: -75px;
    top: 50%;
    left: 50%;
    text-align: center;
    border-radius: 10px;
    z-index: 9999;
}

.schoolguide {
    margin-top: 20px;
    font-size: 14px;
}

.pleasewaitprocess {
    border-style: solid;
    border-width: 2px;
    border-color: #F0BF4E;
    background-image: url(images/pleasewait.png);
    position: fixed;
    width: 380px;
    height: 68px;
    font-size: 14px;
    padding: 5px 5px 15px 5px;
    display: none;
    margin-top: -15px;
    margin-left: -190px;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    z-index: 9999;
}

.pleasewaitprocessheader {
    font-size: 20px;
    display: block;
}

.pleasewaitprocessicon {
    vertical-align: top;
    display: inline-block;
    padding-top: 4px;
    font-size: 26px;
    padding-left: 4px;
    width: 40px;
    overflow: hidden;
}

.pleasewaitprocesstext {
    vertical-align: top;
    display: inline-block;
    width: 320px;
}

.pleasewaitprocessanim {
    display: block;
    margin-top: 5px;
}

.entitlementdescription {
    display: block;
    min-height: 34px;
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    margin-top: 5px;
    margin-left: 26px;
    background-color: #fdfeed;
    width: 94%;
}

.hrseparator {
    width: 90%;
    border: none;
    color: #888;
    background-color: #888;
    height: 1px;
}

.padhr {
    margin-bottom: 15px;
}

.entitlementhighlight {
    background-image: url(images/exclaimorange.gif);
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

@media screen and (max-width:499px) {
    .labelholder {
        display: block;
        width: 100%;
        font-weight: bold;
    }

    .textboxholder {
        display: block;
        padding-left: 10px;
    }
}

@media screen and (max-width:999px) {
    #breadcrumb {
        display: none;
    }

    #fullcontent {
        margin-top: 0px;
    }
}

/* Map Specific Styles */

#map_canvas {
    width: 98%;
    height: 480px;
    border-style: solid;
    border-width: 1px;
    margin: 0px 0px 5px 0px;
    border-color: #AAAAAA;
    padding: 2px;
}

@media screen and (max-width:460px) {
    #map_canvas {
        height: 400px;
    }
}

.mapborderb {
    border-style: none;
    width: 80%;
    border-width: 2px;
    border-color: #888888;
    padding: 2px 2px 2px 2px;
    margin: 0 10%;
    text-align: center;
}

#map_canvasb {
    width: 100%;
    height: 340px;
    min-height: 340px;
    border-style: solid;
    border-width: 1px;
    border-color: #AAAAAA;
    margin: 0px 0px 0px 0px;
}

.mapbuttonholder {
    width: 98%;
    text-align: center;
}

.mapbutton {
    border-style: solid;
    border-width: 1px;
    border-color: #234150;
    background-color: #597989;
    color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 5px 5px 5px #888888;
    padding: 4px 12px;
    margin: 5px 5px;
    cursor: pointer;
    font-size: 16px;
}

.maplink, .maplink:visited {
    display: block;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #888888;
    border-style: solid;
    border-color: #234150;
    border-width: 1px;
    min-height: 12px;
    width: 128px;
    background-color: #597989;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    margin: 10px 0px 10px 0px;
    padding: 4px 4px 4px 12px;
}

    .maplink:active {
        background-color: #2A782B;
        -webkit-tap-highlight-color: rgba(0,120,0,0.5);
        box-shadow: 0;
    }

/* Comparison Area Specific Styles */

.tblHeader {
    text-align: center;
}

#tblCompare {
    margin-top: 10px;
    border-collapse: collapse;
    font-size: 15px;
    border-style: solid;
    border-color: #AAAAAA;
    border-width: 0px 0px 1px 0px;
    width: 100%;
}

    #tblCompare th {
        border-style: solid;
        border-color: #AAAAAA;
        border-width: 0px 1px 0px 1px;
        padding: 4px;
    }


    #tblCompare td {
        vertical-align: top;
        border-style: solid;
        border-width: 0px 1px 0px 0px;
        border-color: #AAAAAA;
        padding: 4px;
    }

    #tblCompare .colhead {
        vertical-align: bottom;
        background-color: #597989;
        color: #FFFFFF;
        padding: 4px;
        font-weight: bold;
    }

    #tblCompare .rowhead {
        font-weight: normal;
        padding-left: 5px;
        padding-top: 3px;
        vertical-align: top;
        position: relative;
    }

    #tblCompare .content {
        vertical-align: top;
        text-align: center;
    }

    #tblCompare .roundleft {
        border-radius: 5px 0px 0px 0px;
    }

    #tblCompare .roundright {
        border-radius: 0px 5px 0px 0px;
    }

.hoverrow:hover {
    background-color: #F7F5D9;
}

.alternaterow {
    background-color: #F6F6F6;
}

.rowicon {
    display: inline-block;
    color: #597989;
    font-size: 18px;
    position: absolute;
    text-align: center;
}

.rowindent {
    display: inline-block;
    margin-left: 25px;
}


.buttonfulldetails {
    display: block;
    text-align: center;
    text-decoration: none;
    border-style: none;
    border-radius: 4px;
    padding: 2px;
    color: #597989;
    margin: 6px 22%;
    background-color: #EEEEEE;
}

.buttoncall {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    padding: 4px;
    background-color: #597989;
    margin-left: 20px;
    color: #EEEEEE;
}

.detailsbar {
    background-color: #EEEEEE;
    padding: 4px;
    margin-top: 10px;
}

.detailsinfo {
    padding: 4px;
}

.catchmentbanner {
    border-style: solid;
    border-color: #888888;
    border-width: 1px;
    border-radius: 4px;
    margin-top: 5px;
    background-image: url('images/exclamationshadow.gif');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-color: #FFF6F6;
    padding: 4px 4px 4px 40px;
    display: block;
    min-height: 28px;
}

.catchmentinfo, .catchmentinfo a {
    margin-left: 30px;
    margin-top: 3px;
    color: #002200;
    font-weight: bold;
    display: inline-block;
}

.smalltext {
    font-size: 70%;
}

.catchmentbar, .catchmentbar a {
    color: #008800;
    text-align: center;
    display: block;
    padding-top: 5px;
    text-decoration: none;
}

.schoolcatchment {
    background-color: #F1FFF1;
}

.catchmentkey {
    margin: 4px 0px;
    display: inline-block;
    margin-right: 20px;
}

.catchmentkeyicon {
    border-style: solid;
    border-width: 1px;
    background-color: #AAAAFF;
    border-color: #222288;
    min-width: 20px;
    margin: 4px 0px;
    display: inline-block;
}

.routekey {
    margin: 4px 0px;
    display: inline-block;
}

.routekeyicon {
    border-style: solid;
    border-color: #FF0000;
    border-width: 2px 0px 0px 0px;
    display: inline-block;
    width: 20px;
    height: 4px;
    vertical-align: middle;
}

.introtext {
    background-image: url('images/exclaimorange.gif');
    background-repeat: no-repeat;
    background-position: 8px 4px;
    line-height: 17px;
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    border-color: #BBBBBB;
    background-color: #FAFAFA;
    padding: 4px 4px 4px 50px;
    min-height: 28px;
    margin-bottom: 18px;
}

.catchmenttext {
    font-size: 14px;
    display: block;
    margin-bottom: 12px;
}

.instructiontext {
    background-image: url('images/info.gif');
    margin-bottom: 20px;
}

.sglogo {
    padding: 4px 0px 4px 20px;
}

.sgfooter {
    padding-left: 22px;
    font-size: 12px;
}

.helpbar {
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    background-color: #EAEAEA;
    padding: 10px;
    border-radius: 5px;
    width: 80%;
    margin: 20px auto 0px auto;
}

.helpbaricon {
    font-size: 38px;
    display: inline-block;
    width: 40px;
    vertical-align: top;
    margin-right: 15px;
}

.helpbartext {
    display: inline-block;
    width: 85%;
    vertical-align: top;
}

.newacademytext {
    background-image: url('images/exclaimgrey.gif');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-color: #EEEEEE;
    margin-top: 10px;
    padding: 5px 5px 5px 60px;
    min-height: 44px;
    font-size: 12.8px;
}

.extrainfo {
    margin: 60px auto 0px auto;
    border-style: solid;
    border-width: 1px;
    border-color: #AAAAAA;
    background-color: #fefced;
    padding: 5px 20px;
    text-align: center;
    font-size: 80%;
    width: 80%;
}

.schoolroute {
    margin-bottom: 20px;
}

.schoolroutelong {
    margin: 20px auto;
    min-height: 32px;
    padding-top: 8px;
    border-style: solid;
    border-width: 5px 0px;
    border-color: #F7BB7C;
    text-align: center;
}


/* Rotational Graph Styles */


.pieHolder {
    height: 150px;
    width: 150px;
    position: relative;
}

.pieBackground {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    background-color: #DBDFDF;
}

.pie {
    transition: all 1s;
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    clip: rect(0px, 75px, 150px, 0px);
    background-color: #597989;
}

.hold {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    clip: rect(0px, 150px, 150px, 75px);
}

.rotate180 {
    transform: rotate(180deg);
}

.innerCircle {
    position: absolute;
    /*The smaller the width and height, the thicker the band of the pie chart - values must be the same*/
    width: 118px;
    height: 118px;
    background-color: #FFF;
    /*border radius must be half of width/height */
    border-radius: 59px;
    /*top and left must be half of full width of pie chart - the width of the inner circle, so if pie is 150 and inner is 118 top and left must be 150 - 118 = 32 then divide by 2 = 16 */
    top: 16px;
    left: 16px;
    color: white;
}

.slidemenu #divOfstedSummary {
    display: none;
}

@media screen and (min-width:460px) and (max-width:705px) {
    .statbaritemwide {
        background-color: #FFFFFF;
        width: 275px;
    }

    .statbarinfowide {
        background-color: #FFFFFF;
        width: 229px;
    }
}

@media screen and (min-width:880px) and (max-width:990px) {
    .statbaritemwide {
        background-color: #FFFFFF;
        width: 275px;
    }

    .statbarinfowide {
        background-color: #FFFFFF;
        width: 229px;
    }
}

/* School Route Summary Styles */
.schoolrouteinfo {
    display: block;
    margin-bottom: 15px;
}

.schoolroutesummaryholder {
    margin-top: 10px;
    font-size: 0px;
    margin-left: 26px;
}

.schoolroutesummaryitem {
    display: inline-block;
    margin-right: 10px;
}

.schoolroutesummary {
    vertical-align: top;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    height: 40px;
    padding: 3px;
}

.schoolroutesummarytext {
    font-size: 16px;
    width: 200px;
}

.schoolroutesummarytextfull {
    padding: 4px 0px;
    width: 92%;
}

.schoolroutesummarylink {
    display: block;
    margin: 15px 0px 10px 0px;
}

    .schoolroutesummarylink a {
        border-style: none;
        border-radius: 4px;
        padding: 4px 20px;
        text-decoration: none;
        color: #FFF;
        background-color: #008800;
        cursor: pointer;
    }

        .schoolroutesummarylink a:hover {
            background-color: #00AA00;
        }

.schoolroutesummaryinfo {
    display: block;
    background-image: url('images/exclaimorange.gif');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    margin: 10px 0px 15px 26px;
    padding: 4px 4px 4px 45px;
    border-style: none;
    width: 83%;
    background-color: #C4E0ED;
}

.schoolroutesummarymarker {
    font-size: 36px;
    width: 40px;
    border-width: 1px 1px 1px 0px;
    color: #008800;
    padding-left: 3px;
    padding-right: 3px;
}

.schoolrouteitemheader {
    font-weight: bold;
    display: inline-block;
    min-width: 85px;
}

.schoolrouteitem {
    display: inline-block;
}

.tickmarker {
    color: #008800;
    padding-left: 3px;
}

.crossmarker {
    color: #880000;
    padding-left: 8px;
}

.questionmarker {
    color: #000088;
    padding-left: 7px;
}

.smallmarker {
    font-size: 25px !important;
    vertical-align: middle;
}

@media screen and (min-width:816px) and (max-width:1219px) {
    .schoolroutesummaryitem {
        width: 32%;
    }

    .schoolroutesummarytext {
        width: 75%;
    }
}


@media screen and (max-width:815px) {
    .schoolroutesummarytext {
        width: 160px;
    }
}

@media screen and (max-width:750px) {

    .schoolroutesummaryitem {
        width: 100%;
    }

    .schoolroutesummarytext {
        border-width: 1px 1px 0px 1px;
        width: 80%;
    }

    .schoolroutesummarytextlast {
        border-width: 1px;
    }

    .schoolroutesummarymarker {
        border-width: 1px 1px 0px 0px;
    }

    .schoolroutesummarymarkerlast {
        border-width: 1px 1px 1px 0px;
    }

    .schoolroutesummaryinfo {
        width: 80%;
    }
}

@media screen and (max-width:740px) {
    .schoolroutesummarytextfull {
        width: 88%;
    }
}

@media screen and (max-width:595px) {
    .schoolroutesummarytextfull {
        width: 85%;
    }

    .entitlementdescription {
        width: 90%;
    }
}

@media screen and (max-width:360px) {
    .schoolroutesummarytext {
        width: 70%;
    }

    .schoolroutesummaryinfo {
        width: 70%;
    }
}



/* End of School Route Summary Styles */

.pangroup {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: -3px;
    text-align: left;
    margin-left: 50px;
}

/* Advanced search styles */
.advancedsearch {
    text-align: left;
    width: 90%;
    margin: 0px auto 20px auto;
}

#divAdvancedSearch h2 {
    margin-top: 0px !important;
    font-size: 18px !important;
}

#divAdvancedSearch h3 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-size: 16px !important;
}

#divAdvancedSearch p {
    font-size: 16px !important;
    margin: 5px auto 15px auto !important;
    line-height: 1.2em !important;
}

.checkboxadvanced {
    font-size: 14px;
    width: 45%;
    display: inline-block;
    padding-left: 28px;
    text-indent: -28px;
    margin-bottom: 2px;
    vertical-align: top;
}

    .checkboxadvanced input {
        margin-right: 5px;
    }

@media screen and (max-width:790px) {
    .checkboxadvanced {
        width: 90%;
    }
}

.advancedsearchbuttonholder {
    display: block;
    width: 90%;
    text-align: right;
    margin: 0px auto 20px auto;
}

.advancedsearchbutton {
    font-size: 14px;
    background-color: #C4E0ED;
    color: #000000;
    padding: 4px 20px;
    border-radius: 5px;
    border-style: none;
    cursor: pointer;
}

    .advancedsearchbutton:hover {
        background-color: #dfeff7;
    }

.advancedsearchnoresults {
    background-image: url(images/exclaimorange.gif);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    width: 90%;
    margin: 20px auto;
    padding: 4px 4px 4px 46px;
    min-height: 50px;
    font-size: 16px;
    max-width: 650px;
    background-color: #FAFAFA;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #EAEAEA;
}

/* End of Advanced search styles */

/* Special Needs Section Styles */

.sectionoptions {
    margin-top: 20px;
    margin-bottom: 0px;
}
.sectionholder h2{
    margin-top:20px;
}

.senbutton, .senbutton:visited {
    display: inline-block;
    height: 90px;
    overflow: hidden;
    border-style: none;
    border-radius: 5px;
    font-size: 18px;
    width: 110px;
    text-align: center;
    padding: 5px;
    color: #000000;
    text-decoration: none;
    cursor: pointer: --alpha: 1;
}


.senbuttona {
    --rgb: 255, 118, 75; /*background-color: #FF764B;*/
}

.senbuttonb {
    --rgb: 255, 182, 75; /*background-color: #FFB64B; */
}

.senbuttonc {
    --rgb: 255, 208, 59; /*background-color: #FFD03B; */
}

.senbuttond {
    --rgb: 255, 255, 153; /*background-color: #FFFF99; */
}

.senbuttone {
    --rgb: 167, 217, 112; /*background-color: #A7D971; */
}

.senbuttonf {
    --rgb: 138, 186, 169; /*background-color: #8ABAA9;*/
}

.senbuttong {
    --rgb: 206, 195, 219; /*background-color: #CEC3DB; */
}

.senbuttonh {
    --rgb: 179, 168, 216; /*background-color: #CEC3DB; */
}

.senbuttona, .senbuttonb, .senbuttonc, .senbuttond, .senbuttone, .senbuttonf, .senbuttong, .senbuttonh  {
    --alpha: 1;
    background-color: rgba(var(--rgb), var(--alpha));
}

    .senbuttona:hover, .senbuttonb:hover, .senbuttonc:hover, .senbuttond:hover, .senbuttone:hover, .senbuttonf:hover, .senbuttong:hover , .senbuttonh:hover {
        --alpha:0.6;
    }

    .senlinktext{
        font-size:60%;
        color:#444444;
      
    }
@media screen and (min-width:885px) {
    .senbuttonh{
        padding:2px 10px;
        width:100%;
        max-width:848px;
        height:22px;
        margin-top:8px;
    }
}
.senquestion {
    font-size: 18px;
    color: #444444;
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color:#b3a8d8
}
.senquestionextra h2{
    margin-bottom:6px !important;
    margin-top:4px !important;
}

.senanswer {
    margin-left: 30px;
    margin-bottom: 40px;
    display: block;
}

.senquestion .extrainfo {
    display: block;
    border-style: none;
    background-color: transparent;
    color: #888888;
    text-align: left;
    margin: 10px 10px 0px 0px;
}

.senquestion ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
.senquestionextra::after {
    content: 'Click on the question bar to view details';
}
.senlinkholder{
    display:block;
    margin-left: 20px;
}

.senlinkholder h4{
    font-size:16px;
    font-weight:bold;
    margin-top:12px;
    margin-bottom:8px;
}

/* collapsible area */
.sectionholder {
    margin-top: 10px;
}

    .sectionholder input[type='checkbox'] {
        display: none;
    }

    .sectionholder p {
        margin-top: 5px;
        margin-bottom: 5px;
    }



.wrap-collapsible {
    margin-bottom: 2px;
}

.lbl-toggle {
    display: block;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    padding: 4px;
    color: #000000;
    background: #EEEEEE;
    cursor: pointer;
    border-radius: 4px;
    margin-top:10px;
}

    .lbl-toggle:hover {
        color: #880000;
    }

    .lbl-toggle::before {
        content: ' ';
        display: inline-block;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid currentColor;
        vertical-align: middle;
        margin-right: .7rem;
        transform: translateY(-2px);
        transition: transform .2s ease-out;
    }

.collapsible-content .content-inner {
    background: #FEFEFE;
    border-bottom: 1px solid rgba(250, 224, 66, .45);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 5px 10px 5px 30px;
}

.collapsible-content {
    max-height: 0px;
    overflow: hidden;
    font-size: 14px;
    transition: max-height .25s ease-in-out;
}

.ins-toggle {
    display: block;
}



.toggle:checked + .lbl-toggle + .collapsible-content {
    max-height: 1000vh;
}

.toggle:checked + .lbl-toggle::before {
    transform: rotate(90deg) translateX(-3px);
}

.toggle:checked + .lbl-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}




.sectionholder  h3 {
    display:inline;
    margin:0px;
    padding:0px;
    font-size:16px;
    font-weight:normal;
}
/* end of collapsible area */


@media print {
    .questiongroup {
        display: block !important;
    }

    .screenonly {
        display: none !important;
    }

    .lbl-toggle::before {
        display: none;
    }

    .senquestionextra::after {
        content: '';
    }

    .lbltoggle {
        background-color: #FFFFFF;
    }


    .collapsible-content .content-inner {
        background: #FFFFFF;
        border-radius: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: #888888;
        padding: 5px 5px 5px 5px;
    }

    .collapsible-content {
        max-height: 100vh;
        overflow: hidden;
    }

    .senheader{
        margin-top:20px !important;
        margin-bottom:0px !important;
    }
    .appholder{
        display:none !important;
    }
}

/* BackTop Styles */
@media (min-width:5000px){
    .showbacktop
    {
        display:none;
    }
}

.backtop {
    padding-top: 5px;
    padding-right: 20px;
    text-align: right;
    font-size: 25px;
}

.backtopfloat{
    font-size:25px;
    position:fixed;
    bottom:104px;
    right:20px;
     z-index:9999;
}
.backtophide{
    display:none;
}
.backtopstyle a{
    text-decoration:none;
    font-size:16px;
    color:#FFFFFF;
    background-color:#bd313e;
    padding:4px 10px;
    border-style:none;
    border-radius:4px;
}
.backtopstyle a:hover{
    background-color:#ff4b5c;
}
/* End BackTop Styles */


/* End of Special Needs Section Styles*/