@font-face {
        font-family: 'chawpregular';
        src: url('font/chawpwebfont.eot');
        src: url('font/chawpwebfont.eot?#iefix') format('embedded-opentype'),
            url('font/chawpwebfont.woff') format('woff'),
            url('font/chawpwebfont.ttf') format('truetype'),
            url('font/chawpwebfont.svg#chawpregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    /* /font-family: 'chawpregular', cursive;
    //font-family: 'Fredericka the Great', cursive;
    //font-family: 'Cabin Sketch', cursive; 
    /* RESET */
    div#du_schools_17_body{font-size:16px;margin:0 auto;padding:0;border:0;line-height:initial}
    div#du_schools_17_body div,
    div#du_schools_17_body h1,
    div#du_schools_17_body h2,
    div#du_schools_17_body h3,
    div#du_schools_17_body h4,
    div#du_schools_17_body p,
    div#du_schools_17_body span,
    div#du_schools_17_body ul,
    div#du_schools_17_body li,
    div#du_schools_17_body img,
    div#du_schools_17_body button,
    div#du_schools_17_body input,
    div#du_schools_17_body select
    {margin:0;padding:0;border:0;font-size:inherit;font:inherit;vertical-align:baseline;line-height:initial;box-sizing:content-box}
    div#du_schools_17_body ul,
    div#du_schools_17_body li
    {list-style:none;}
    div#du_schools_17_body img{display:block;width:100%}
    div#du_schools_17_body .du_img_hd,
    div#du_schools_17_body h2::before,
    div#du_schools_17_body h2::after,
    div#du_schools_17_body h3::before,
    div#du_schools_17_body h3::after
    {display:none}

    /* CLEARFIX */
    div#du_schools_17_body div.du_bb_row:after,
    div#du_schools_17_body div#du_header:after,
    div#du_schools_17_body:after
    {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
    div#du_schools_17_body div.du_bb_row,
    div#du_schools_17_body div#du_header,
    div#du_schools_17_body
    {display: inline-block;}
    html[xmlns] div#du_schools_17_body div.du_bb_row,
    html[xmlns] div#du_schools_17_body div#du_header,
    html[xmlns] div#du_schools_17_body
    {display: block;}
    * html div#du_schools_17_body div.du_bb_row,
    * html div#du_schools_17_body div#du_header,
    * html div#du_schools_17_body
    {height: 1%;}

    /* CSS */
    div#du_schools_17_body{
        width: 100%;
        text-align:left;
        display: block;
        position: relative;
        overflow: hidden;
        font-family: "PT Sans",sans-serif;
        min-height: 140px;
    }
    div#du_schools_17_body p{
        color:#000;
        padding: 3px 10px;
        font-size: 1em;
    }

    div#du_schools_17_body a.du_link{
        color: #a8000e;
        font-size: 1.2em;
    }
    div#du_schools_17_body h2,
    div#du_schools_17_body h3{
        font-family: 'Fredericka the Great', cursive;
        color:#000;
    }
    div#du_schools_17_body h2{
        font-size: 2.5em;
        padding: 15px 10px 5px;
    }
    div#du_schools_17_body h3{
        font-size: 1.5625em;
        padding: 15px 10px 5px;
        text-decoration: underline;
    }
    div#du_schools_17_body h4{
    }

    div#du_schools_17_body #du_wait_schools_17_body{
        background: none no-repeat scroll center center transparent;
        background-color: rgba(0, 0, 0, 0.5);
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        z-index:6;
        left: 0;
        top: 0;
    }
    div#du_schools_17_body #du_wait_schools_17_body span{
        background: none no-repeat scroll center center transparent;
        background-color: rgba(0, 0, 0, 0.4);
        background-image: url(https://s3-eu-west-1.amazonaws.com/trinitymirrordataunit.com/img/base/spinning-loader-black-bg.gif);
    }
    div#du_schools_17_body #du_wait_schools_17_body span{
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        display: block;
        height: 100px;
        margin: 0 auto;
        position: relative;
        top: 21%;
        width: 100px;
    }
    div#du_schools_17_body #du_wait_schools_17_body.du_hide{
        display: none;
    }
    div#du_schools_17_body .du_error,
    div#du_schools_17_body .du_js_warning{
        text-align:center;
        background-color: #000;
        padding: 15px 0;
        color:red;
    }

    /* Main Page - INI */
    div#du_schools_17_body #du_widget_search,
    div#du_schools_17_body #du_widget_choice,
    div#du_schools_17_body #du_widget_school{
        width: 100%;
        display: none
    }

    div#du_schools_17_body #du_header{
        background: rgba(0, 0, 0, 0) url("https://s3-eu-west-1.amazonaws.com/trinitymirrordataunit.com/img/base/schools_2016/du_sc16_sheet.jpg") repeat scroll 0 0
    }
    div#du_schools_17_body .du_header_img{
        margin: 3% 0;
    }
    div#du_schools_17_body .du_bt_holder{
        margin: 0 auto;
        position: relative;
        width: 28%;
    }
    div#du_schools_17_body .du_button{
        cursor: pointer;
        background-color: #000;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        color: #fff;
        font-family: "Fredericka the Great",cursive;
        font-size: 27px;
        padding: 2px 0;
        text-align: center;
        width: 100%;
    }
    div#du_schools_17_body #du_enter{
        position: absolute;
        bottom: 8px;
    }
    div#du_schools_17_body #du_widget_choice{
        background: #404040 url("https://s3-eu-west-1.amazonaws.com/trinitymirrordataunit.com/img/base/schools_2016/du_sc16_blackboard.jpg") repeat scroll center center;
        color: #fff;
        padding: 1px 0 20px;
        text-align: center;
    }
    div#du_schools_17_body #du_widget_choice h2,
    div#du_schools_17_body #du_widget_choice h3,
    div#du_schools_17_body #du_widget_choice p{
        color: #fff;
    }
    div#du_schools_17_body .du_button_choice{
        cursor:pointer;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background: #2c2b2b;
        border: 2px solid #fff;
        color: #fff;
        display: block;
        font-family: "Fredericka the Great",cursive;
        font-size: 2em;
        margin: 10px auto;
        padding: 7px 0;
        width: 360px;
    }
    div#du_schools_17_body #du_search_pri{
        color:#dee484
    }
    div#du_schools_17_body #du_search_sec{
        color:#71a432

    }
    /* Main Page - search - INI */
    div#du_schools_17_body .schoolsTabNav {
        background-color: #000000;
        color: #ffffff;
        height: 50px;
        position: relative;
    }
    div#du_schools_17_body .schoolsTabNav {
        background-color: #000000;
        color: #ffffff;
        height: 50px;
        position: relative;
    }
    div#du_schools_17_body .schoolsTabNav ul {
        list-style-type:none;
        padding:0;
        position: absolute;
        top: 20px;
        left: 10px;
    }
    div#du_schools_17_body .schoolsTabNav li {
        display:inline;
        padding: 10px 100px;
        font-weight: bold; 
        font-size: 18px;
        background-color: #333;
        margin: 0 10px 0 0;
    }
    div#du_schools_17_body .schoolsTabNav li.activetab {
        background-color: #ffffff;
        color: #000000;
    }
    div#du_schools_17_body .schoolContentContainer {

        border: 1px solid #e0e0e0;
        border-top: none;
        padding-top: 15px;
    }
    div#du_schools_17_body .schoolContentContainer input,
    div#du_schools_17_body div.ui-input-text .schoolContentContainer input.ui-input-text {
        display: block;
        font-size: 18px;
        margin:  5px 15px 15px 15px;
        padding: 10px 15px;
        width: 320px;
        border-radius: 10px;
        box-shadow: inset 0 0 5px #ccc;
        border: 1px solid #e0e0e0;
        color: #999;
    }
    div#du_schools_17_body .schoolContentContainer input:focus {
        font-weight: bold;
        color: #141414;
    }
    div#du_schools_17_body .schoolContentContainer label {
        font-size: 16px;
        padding: 0 15px 0;
    }
    div#du_schools_17_body .jPaginate{
        width: 425px;
        height:34px;
        position:relative;
        color:#a5a5a5;
        font-size:small;   
        padding: 15px;
        border-top: 7px solid #e0e0e0;
    }
    div#du_schools_17_body .jPaginate a{
        line-height:15px;

        cursor:pointer;
        padding:10px;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        margin:2px;
        float:left;
        border-radius: 4px;
    }
    div#du_schools_17_body .jPag-control-back{
        position:absolute;
        left:0px;
    }
    div#du_schools_17_body .jPag-control-front{
        position:absolute;
        top:15px;
    }
    div#du_schools_17_body .jPaginate span{
        cursor:pointer;
    }
    div#du_schools_17_body ul.jPag-pages{
        float:left;
        list-style-type:none;
        margin:0px 0px 0px 0px;
        padding:0px;
    }
    div#du_schools_17_body ul.jPag-pages li{
        display:inline;
        float:left;
        padding:0px;
        margin:0px;
    }
    div#du_schools_17_body ul.jPag-pages li a{
        float:left;
        text-decoration: none;
    }
    div#du_schools_17_body span.jPag-current{
        cursor:default;
        font-weight:normal;
        line-height:15px;
        height:18px;
        padding:10px;
        margin:2px;
        float:left;
    }
    div#du_schools_17_body ul.jPag-pages li span.jPag-previous,
    div#du_schools_17_body ul.jPag-pages li span.jPag-next,
    div#du_schools_17_body span.jPag-sprevious,
    div#du_schools_17_body span.jPag-snext,
    div#du_schools_17_body ul.jPag-pages li span.jPag-previous-img,
    div#du_schools_17_body ul.jPag-pages li span.jPag-next-img,
    div#du_schools_17_body span.jPag-sprevious-img,
    div#du_schools_17_body span.jPag-snext-img{
        height:22px;
        margin: 2px;
        float:left;
        line-height:18px;
    }

    div#du_schools_17_body ul.jPag-pages li span.jPag-previous,
    div#du_schools_17_body ul.jPag-pages li span.jPag-previous-img{
        margin:14px 2px 2px 2px;
        font-size:12px;
        font-weight:bold;
        width:10px;

    }
    div#du_schools_17_body ul.jPag-pages li span.jPag-next,
    div#du_schools_17_body ul.jPag-pages li span.jPag-next-img{
        margin:14px 2px 2px 2px;
        font-size:12px;
        font-weight:bold;
        width:10px;
    }
    div#du_schools_17_body span.jPag-sprevious,
    div#du_schools_17_body span.jPag-sprevious-img{
        margin:14px 2px 2px 2px;
        font-size:18px;
        width:15px;
        text-align:right;
    }
    div#du_schools_17_body span.jPag-snext,
    div#du_schools_17_body span.jPag-snext-img{
        margin:14px 2px 2px 2px;
        font-size:18px;
        width:15px;
        text-align:right;
    }
    div#du_schools_17_body ul.jPag-pages li span.jPag-previous-img{
        background:transparent url(../images/previous.png) no-repeat center right;
    }
    div#du_schools_17_body ul.jPag-pages li span.jPag-next-img{
        background:transparent url(../images/next.png) no-repeat center left;
    }
    div#du_schools_17_body span.jPag-sprevious-img{
        background:transparent url(../images/sprevious.png) no-repeat center right;
    }
    div#du_schools_17_body span.jPag-snext-img{
        background:transparent url(../images/snext.png) no-repeat center left;
    }



    div#du_schools_17_body #paginationdemo .schoollist,
    div#du_schools_17_body #paginationdemo.schoollist {list-style-type: none; padding: 0; margin: 0;}
    div#du_schools_17_body #paginationdemo .schoollist li {border-top: 1px solid #e0e0e0; padding: 3px 15px;}
    div#du_schools_17_body #paginationdemo .schoollist li a { font-size: 14px;}
    div#du_schools_17_body #paginationdemo .schoollist li:nth-child(odd),
    div#du_schools_17_body #paginationdemo .schoollist li:nth-child(odd) {background: #f1f1f1;}
    div#du_schools_17_body #paginationdemo #navigation a { text-decoratoin: none !important;}





    /* Main Page - search - END */

    /* Main Page - END */

    /* BLACKBOARD */
    div#du_schools_17_body .du_bb{
        font-family:'chawpregular';
        background: #404040 url(https://s3-eu-west-1.amazonaws.com/trinitymirrordataunit.com/img/base/schools_2016/du_sc16_blackboard.jpg) repeat scroll center center;
        background-size:100% auto;
        color: #fff;
        padding: 20px 40px 50px;
        text-align: center;
    }
    div#du_schools_17_body .du_bb .du_bb_title{
        font-size: 2em;
        padding: 3px 0 5px;
    }
    div#du_schools_17_body .du_bb .du_bb_title span{
        text-decoration: underline;
    }
    div#du_schools_17_body .du_bb .du_bb_txt{
        font-size: 1.6em;
        color: #e8d57d;
        padding:0;
    }
    div#du_schools_17_body .du_bb .du_bb_row{
        border-bottom: 2px solid #fff;
        display: block;
        font-size: 1.575em;
        padding: 10px 0 5px;
        position: relative;
    }
    div#du_schools_17_body .du_bb .du_bb_row .du_bb_label{
        float: left;
    }
    div#du_schools_17_body .du_bb .du_bb_row .du_bb_val{
        color: #e8d57d;
        float:right;
    }
    div#du_schools_17_body .du_bb .du_bb_row .du_bb_note{
        color: #ff8080;
        display: block;
        float: none;
        clear: both;
        font-size: 14px;
        text-align: left;
    }

    div#du_schools_17_body .du_icon{
        background: url(https://s3-eu-west-1.amazonaws.com/trinitymirrordataunit.com/img/base/schools_2016/du_sc16_sprite.png);
    }
    div#du_schools_17_body .du_star{
        background-position: 0 -50px;
        display: block;
        float: left;
        height: 22px;
        margin: 4px 0 0 3px;
        width: 136px;
    }
    div#du_schools_17_body .du_star_{
        display: none;
    }
    div#du_schools_17_body .du_star_0{
        background-position: 0 -50px;
    }
    div#du_schools_17_body .du_star_1{
        background-position: -28px -50px;
    }
    div#du_schools_17_body .du_star_2{
        background-position:-56px -50px;
    }
    div#du_schools_17_body .du_star_3{
        background-position: -84px -50px;
    }
    div#du_schools_17_body .du_star_4{
        background-position:-112px -50px;
    }
    div#du_schools_17_body .du_star_5{
        background-position: -140px -50px;
    }
    div#du_schools_17_body .du_star_r1{
        background-position: -28px -130px;
    }
    div#du_schools_17_body .du_star_r2{
        background-position:-56px -130px;
    }
    div#du_schools_17_body .du_star_r3{
        background-position: -84px -130px;
    }
    div#du_schools_17_body .du_star_r4{
        background-position:-112px -130px;
    }
    div#du_schools_17_body .du_star_r5{
        background-position: -140px -130px;
    }







    div#du_schools_17_body .du_paper{
        background:#FFFDF0 url(https://s3-eu-west-1.amazonaws.com/trinitymirrordataunit.com/img/base/schools_2016/du_sc16_sheet_line.jpg);
        padding: 25px 3%;
    }

    div#du_schools_17_body ul.du_list{
        padding: 3px 10px;
    }
    div#du_schools_17_body ul.du_list li{
        list-style: outside;
        margin-left: 19px;
    }
    /* TABLE */
    div#du_schools_17_body .du_table{
        border-collapse: collapse;
        margin: 10px auto;
        width: 94%;
        border:2px solid #dddddd;
    }
    div#du_schools_17_body .du_table tr{
    }
    div#du_schools_17_body .du_table td,
    div#du_schools_17_body .du_table th{
        border-bottom: 2px solid #ddd;
        border-left: 2px solid #ddd;
        font-size: 13px;
        padding: 5px 6px;
        text-align: left;
        vertical-align: top;
    }
    div#du_schools_17_body .du_table thead th{
        border:0 none;
        background: #fefefe; 
        background: -moz-linear-gradient(top, #fefefe 0%, #dddddd 100%);
        background: -webkit-linear-gradient(top, #fefefe 0%,#dddddd 100%);
        background: linear-gradient(to bottom, #fefefe 0%,#dddddd 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dddddd',GradientType=0 ); 
    }

    /* default / chalk */
    div#du_schools_17_body.du_load_charts div.du_nodata.du_chart_box,
    div#du_schools_17_body div.du_chart_box{
        background: #3f3f4f;
        border-radius: 8px;
        font-family: "chawpregular";
        margin: 10px auto;
        padding: 1px 0;
        width: 98%;
        background: #404040 url(https://s3-eu-west-1.amazonaws.com/trinitymirrordataunit.com/img/base/schools_2016/du_sc16_blackboard.jpg) repeat scroll center center;
    }
    div#du_schools_17_body img.du_loading{
        display:none
    }
    div#du_schools_17_body.du_load_charts img.du_loading{
        display: block;
        margin: 10px auto;
        width: auto;
    }
    div#du_schools_17_body.du_load_charts .du_chart_box{
        height: 360px;
    }
    /* light */
    div#du_schools_17_body.du_load_charts div.du_vis_light{
        border:1px solid #91c3ca;
        background: #FFFBF3;
    }
    /* chalk */
    /* dark */
    div#du_schools_17_body.du_load_charts div.du_vis_dark{
        background: #3F3F4F;
    }
    /* no data */
    div#du_schools_17_body.du_load_charts div.du_nodata{
        border: 0 none;
        height: auto;
    }
    div#du_schools_17_body.du_load_charts div.du_nodata .du_loading{
        display: none
    }



    /* MOBILE -Main Page - INI */
    div#du_schools_17_body.du_mobile .du_button{ 
        font-size: 18px;
    }
    /* MOBILE -Main Page - END */
    /* MOBILE */
    div#du_schools_17_body.du_mobile p{
        padding: 3px 10px;
    }
    div#du_schools_17_body.du_mobile .du_bb{
        padding: 15px 10px 20px;
    }
    div#du_schools_17_body.du_mobile .du_bb .du_bb_row{
        font-size: 1.4em;
    }
    div#du_schools_17_body.du_mobile .du_bb .du_bb_title{
        font-size: 1.7em;
    }
    div#du_schools_17_body.du_mobile .du_bb .du_bb_row .du_bb_note{
        font-size: 12px;
    }
    div#du_schools_17_body.du_mobile .du_bb .du_bb_txt{
        font-size: 1.3em;
    }


    @media 
    (-webkit-min-device-pixel-ratio: 2), 
    (min-resolution: 192dpi) { 
        /* Retina-specific stuff here */
         
        div#du_schools_17_body span.du_icon{
            background-image: url(https://s3-eu-west-1.amazonaws.com/trinitymirrordataunit.com/img/base/schools_2016/du_sc16_sprite.png);
            background-size: 280px;
        }
        div#du_schools_17_body .du_star{
            background-position: 0 0;
        }
        div#du_schools_17_body .du_star_1{
            background-position: -28px 0;
        }
        div#du_schools_17_body .du_star_2{
            background-position:-56px 0;
        }
        div#du_schools_17_body .du_star_3{
            background-position: -84px 0;
        }
        div#du_schools_17_body .du_star_4{
            background-position:-112px 0;
        }
        div#du_schools_17_body .du_star_5{
            background-position: -140px 0;
        }
        div#du_schools_17_body .du_star_r1{
            background-position: -28px -40px;
        }
        div#du_schools_17_body .du_star_r2{
            background-position:-56px -40px;
        }
        div#du_schools_17_body .du_star_r3{
            background-position: -84px -40px;
        }
        div#du_schools_17_body .du_star_r4{
            background-position:-112px -40px;
        }
        div#du_schools_17_body .du_star_r5{
            background-position: -140px -40px;
        }
    }