#pagebody {
    overflow: hidden !important;
}

.sys_rcnavtitle {
    margin-top: 10px;
}
a[href^="tel:"]:before{
    content:'' !important;
}

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

.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;
}
.linkbutton:hover{
    background-color: #3a657a;
}
.linkbutton:disabled{
    color:#989898;
    background-color:#DEDEDE;
}
.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;
    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;
}

.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 */