/* Minification failed. Returning unminified contents.
(1999,17): run-time error CSS1038: Expected hex color, found '#000A'
(1999,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
.menu {
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-image: url(images/highlight.png);
}

    .menu ul {
        height: 35px;
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: #333333;
        background-repeat: repeat-x;
        background-position-x: 0px;
        background-position-y: center;
        background-image: url(images/glass.png);
    }

    .menu li {
        float: left;
        padding: 0px;
    }

        .menu li a {
            color: #cccccc;
            display: block;
            font-weight: normal;
            line-height: 35px;
            margin: 0px;
            padding: 0px 25px;
            text-align: center;
            text-decoration: none;
        }



            .menu li a:hover, .menu ul li:hover a, .menu ul a.current {
                background-color: #821117;
                background-repeat: repeat-x;
                background-position-x: 0px;
                background-position-y: center;
                background-image: url(images/glass.png);
                color: #FFFFFF;
                text-decoration: none;
            }

        .menu li ul {
            background: #333333;
            display: none;
            height: auto;
            padding: 0px;
            margin: 0px;
            border: 0px;
            position: absolute;
            width: 225px;
            z-index: 200; /*top:1em; 		/*left:0;*/
        }

        .menu li:hover ul {
            display: block;
        }

        .menu li li {
            background: url('images/sub_sep.gif') bottom left no-repeat;
            display: block;
            float: none;
            margin: 0px;
            padding: 0px;
            width: 225px;
        }

        .menu li:hover li a {
            background: none;
        }

        .menu li ul a {
            display: block;
            height: 35px;
            font-size: 12px;
            font-style: normal;
            margin: 0px;
            padding: 0px 10px 0px 15px;
            text-align: left;
        }

            .menu li ul a:hover, .menu li ul li:hover a {
                background-color: #821117;
                background-repeat: repeat-x;
                background-position-x: 0px;
                background-position-y: center;
                background-image: url(images/glass.png);
                border: 0px;
                color: #ffffff;
                text-decoration: none;
            }

    .menu p {
        clear: left;
    }

    .menu li.sub-menu {
        position: relative;
    }

        .menu li.sub-menu ul {
            display: none;
            position: absolute;
            z-index: 1005;
            top: 0px;
            left: 225px;
            border-left: solid 1px #ccc;
        }

        .menu li.sub-menu:hover ul {
            display: block;
        }

            .menu li.sub-menu:hover ul li a{
                background-color: #333333;
                background-repeat: repeat-x;
                background-position-x: 0px;
                background-position-y: center;
                background-image: url(images/glass.png);
            }

            .menu li.sub-menu:hover ul li a:hover {
                background-color: #821117;
                background-repeat: repeat-x;
                background-position-x: 0px;
                background-position-y: center;
                background-image: url(images/glass.png);
            }

html, body {
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    color: #232323;
    background-color: #939393;
    text-align: center;
    padding: 0px;
    margin: 0px;
    font-size: 9pt;
}

.left-align, .form-label.left-align label, .form-row .form-label.left-align, .left-labels form-row .form-label label {
    text-align: left;
}

.text-center {
    text-align: center;
}

.float-left {
    float: left;
}

.border-bottom {
    border-bottom: solid 1px #666;
}

.med-text {
    width: 235px;
}

.sml-text {
    width: 75px;
}

.lrg-text {
    width: 380px;
}

.align-right {
    text-align: right;
}

.bottom-marg {
    margin-bottom: 10px;
}

input[type='submit'].med-text {
    width: 100px;
}

input[type='text'], input[type='email'], input[type='tel'], input[type='password'], textarea, select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.filetree input[type='checkbox'], div.semi-check {
    margin: 0px;
    padding: 0px;
}

div.semi-check {
    display: inline-block;
    height: 13px;
    width: 13px;
    background: url(images/3-state-checkbox.gif) no-repeat 0px -26px #000;
}

a.lookup-link {
    margin-left: 10px;
}

#ui-datepicker-div {
    display: none;
}

input.datepicker {
    width: 90px;
}

input.timepicker {
    width: 50px;
    margin-right: 10px;
}

input[type='checkbox'] {
    height: 15px;
    width: 15px;
}

input[type='text'], select, input[type='password'], textarea {
    border: solid 1px #999;
    padding: 2px;
    border-radius: 3px;
    box-shadow: inset #DDD 0px 3px 5px;
    height: 25px;
}

    input[type='text']:focus, select:focus, input[type='password']:focus, textarea:focus {
        /*border: solid 1px #2572EB;*/
        outline: none;
        border-color: #4195fc;
        box-shadow: 0 0 10px #4195fc;
    }

    select.multi-select-med {
        height: 150px;
    }

/* TimeEntry styles */
.timeEntry_control {
    vertical-align: middle;
    margin-left: 2px;
}

* html .timeEntry_control { /* IE only */
    margin-top: -4px;
}

.timeEntry_control {
    margin-right: 10px;
}

li {
    text-align: left;
}

input, textarea {
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 1em;
}

.left-container {
    text-align: left;
    padding: 10px 0;
}


div.clear {
    clear: both;
    height: 0px !important;
    overflow: hidden;
    width: 100%;
}

div.page {
    background-color: #fff;
    width: 1000px;
    margin: 0px auto;
    text-align: left;
    position: relative;
}

a, a:active, a:focus, a:hover, ui-widget-content a, a:visited, .ui-widget-content a {
    color: #821117;
}

h1 {
    color: #821117; /*#333;*/
    font-size: 14pt;
    font-weight: normal;
}

    h1 span {
        color: #821117;
    }

.page-header-title h1 {
    color: #333;
    margin: 0px;
    padding: 0px;
    margin-left: 150px;
    float: left;
}

h2 {
    color: #333;
    font-size: 1.2em;
}

.page-header-title h1, .header-middle .tel {
    font-size: 14pt;
    color: #333;
}

.header-middle {
    padding-top: 45px;
}


/*Layout styles
---------------------------------------------------------*/

div.header {
    padding: 10px 20px; /*background: url(images/ladders01.jpg) no-repeat 85% top;*/
    background: #fff url(images/header3.jpg?v=1.1) no-repeat left top; /*height:60px;*/
    height: 72px;
}

.header-right {
    float: right;
}

div.header .login {
    font-size: 1em;
    position: absolute;
    top: 10px;
    right: 10px;
}

    div.header .login a.login-link {
        background: url(images/unlock-icon.png) no-repeat 5px 3px #FFF;
        padding: 3px 5px 3px 35px;
        height: 24px;
        display: inline-block;
        line-height: 24px;
        text-decoration: none;
        border-radius: 3px;
        border: solid 1px #999;
    }

        div.header .login a.login-link:hover {
            text-decoration: underline;
        }

div.header img {
    margin-top: -10px;
}

div.footer {
    background-color: #333;
    background-repeat: repeat-x;
    background-position-x: 0px;
    background-position-y: center;
    background-image: url(images/glass.png);
    line-height: 30px;
    text-align: center;
    font-size: 0.8em;
    color: #aaa;
    text-transform: uppercase;
}

    div.footer a {
        text-decoration: none;
        color: #fff;
    }

        div.footer a:hover {
            text-decoration: underline;
            color: #821117;
        }

div.content {
    padding: 0px 25px;
}

td.submit {
    text-align: right;
}

table.list {
    margin-top: 10px;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0px;
    min-width: 70%;
}

    table.list th {
        background-color: #821117;
        background-position-x: 0px;
        background-position-y: center;
        background-image: url(images/glass.png);
        background-repeat: repeat-x;
        color: White;
        text-align: center;
        padding: 8px 5px;
        border-right: solid 1px #000000;
    }

        table.list th:first-child {
            border-top-left-radius: 5px;
        }

        table.list th:last-child {
            border-top-right-radius: 5px;
            border-right: none;
        }

    table.list td {
        padding: 4px 8px;
        vertical-align: middle;
    }

    table.list tbody tr:nth-child(even) td {
        background-color: #dddddd;
    }

    table.list td.nowrap {
        white-space: nowrap;
    }

    table.list td:first-child {
        border-left: solid 1px black;
    }

    table.list td {
        border: solid 1px black;
        border-left: none;
        border-top: none;
    }

    table.list tbody tr:last-child td:last-child {
        border-bottom-right-radius: 5px;
    }

    table.list tbody tr:last-child td:first-child {
        border-bottom-left-radius: 5px;
    }

    table.list tbody td {
        padding: 8px 4px;
    }

.btm-address {
    padding: 10px 0px;
    text-align: center;
    background-color: #eee;
    margin: 0px -25px 0px -25px;
}

    .btm-address p.top {
        /*font-weight:bold;*/ /*border-bottom:solid 1px black;*/
        margin-top: 10px;
    }

    .btm-address p {
        margin: 2px;
    }

/* Styles for basic forms
-----------------------------------------------------------*/

.filter {
    float: right;
}


fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
    font-size: 0.8em;
}

.validation-summary-valid {
    display: none;
}

/*Home Styles
-----------------------------------------------*/

.home {
    padding-bottom: 10px;
}

    .home p {
        width: 80%;
    }

.cols {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.col {
    float: left;
    width: 49%;
    margin: 3px;
}

    .col div.image {
        float: left;
    }

.image a {
    color: #fff;
    border: none;
    text-decoration: none;
}

    .image a img {
        border: solid 1px black;
    }

.col div.info {
    padding-left: 211px;
}

    .col div.info a {
        text-decoration: none;
    }

        .col div.info a:hover {
            text-decoration: underline;
        }

    .col div.info p {
        padding: 0px;
        margin: 3px 0px;
        width: 98%;
        line-height: 130%;
    }


    .col div.info h3 {
        margin: 0px 0px 10px 0px;
        padding: 0px;
        color: #821117;
        font-size: 10pt;
    }

/*Doc Search
        ----------------------------*/
#doc-search {
    background: #EEEEEE;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    float: left;
}

    #doc-search .searchbox {
        display: inline;
        padding: 5px 0px 5px 5px;
        border: solid 1px #999;
        border-radius: 5px;
        background-color: #fff;
    }

        #doc-search .searchbox input.search-criteria {
            border: 0px;
            width: 200px;
            box-shadow: none;
            height: auto;
        }

        #doc-search .searchbox input.search-submit {
            background: url(images/zoom-icon.png) no-repeat left top #fff;
            width: 16px;
            border: 0px;
            height: 16px;
            vertical-align: middle;
            margin: 0px;
        }

/*Login styles
-------------------------------*/
.login {
    text-align: left;
}

    .login table {
        /*margin: 0px auto;*/
        text-align: left;
    }

        .login table td {
            padding: 5px 0px;
        }

        .login table a {
            padding-top: 10px;
            font-size: 0.8em;
            text-decoration: none;
        }

            .login table a:hover {
                text-decoration: underline;
            }

    .login input[type="text"], .login input[type="password"] {
        width: 250px;
        margin-left: 5px;
    }

/*Contact Us
----------------------------------------------------*/
.contact-us input {
    width: 300px;
}

    .contact-us input.subject {
        width: 600px;
    }

.contact-us textarea.description {
    width: 600px;
    height: 250px;
}


/*Document Admin
-------------------------------------------------*/
.documentdetails {
    /* float: left;     width: 300px;*/
}

.required {
    color: Red;
    padding-left: 5px;
}

.documentdetails textarea {
    height: 100px;
}

.documentdetails input, .documentdetails textarea {
    width: 300px;
}

.documentdetails select {
    width: 306px;
}

.documentstructure {
    /*float: left;*/
}

.documentversions {
    /*float:left;    */
}

.documentdetails input, .documentdetails textarea {
    width: 500px;
}

.documentdetails select {
    width: 506px;
}

/*Category
-------------------------------------------------*/
.category input {
    width: 300px;
}

.category textarea {
    width: 300px;
    height: 100px;
}

/*Structure Permissions
---------------------------------------------*/

div.mydocs {
    margin-left: -25px;
    margin-right: -20px;
}

div.struc-folders {
    height: 500px;
    overflow: scroll;
    padding-left: 10px;
}

div.struc-folders, div.mydocs-tree {
    width: 350px;
    overflow: auto;
    float: left;
    border-right: solid 1px black;
}

div.struc-perms {
    float: left;
    padding: 0px 10px;
}

div.struc-folders span.selected, ul.treeview span.selected {
    background-color: #0099EE;
    border: 1px dashed black;
    color: #fff;
}

.treeview span {
    cursor: pointer;
}

.struc-perms {
    width: 540px;
}

.struc-perms-selected, .struc-perms-available {
    width: 225px;
    float: left;
}

.struc-perms-toolbar {
    width: 90px;
    float: left;
}

.struc-perms-available {
}

.struc-perms-toolbar {
    vertical-align: middle;
    text-align: center;
    padding-top: 80px;
}

.struc-perms-selected {
}

    .struc-perms-selected select, .struc-perms-available select {
        width: 225px;
        margin: 0px auto;
        height: 300px;
        border: solid 1px #333333;
    }


.struc-perms-toolbar button {
    width: 95%;
    clear: both;
    margin: auto;
}

.struc-save {
    padding-top: 10px;
}

    .struc-save input {
        width: 75px;
    }

/*User
-----------------------------------------------*/
#user-details input {
    width: 300px;
}

    #user-details input.checkbox {
        width: auto;
    }

#user-isschool-options input {
    width: auto;
    margin-right: 3px;
}

#user-isschool-options label {
    margin-right: 10px;
}

/*Security Groups
------------------------------------------------------*/
.security-group input, .security-group textarea {
    width: 300px;
}

.security-group textarea {
    height: 100px;
}


/*Structure Mgt
---------------------------------------------*/

#structureButtons button {
    display: none;
    width: 140px;
}

.struc-group-action input {
    width: 300px;
}

.struc-group-action textarea {
    width: 300px;
    height: 100px;
}

#currentAction button, #currentAction input[type="submit"] {
    width: 100px;
    height: 30px;
}

/*Member Documents
--------------------------------------------------*/
.mydocs {
}

.mydocs-tree-head, .mydocs-tree {
    float: left;
    width: 350px;
    border-right: solid 1px black;
    padding-left: 10px;
}

.mydocs-tree {
    height: 500px;
    overflow: auto;
    clear: left;
}

.mydocs-view {
    padding-left: 376px;
}

.search-link {
    float: right;
    margin-right: 20px;
}

/*Services
----------------------------------------------*/
.news-tabs {
    margin-top: 20px;
}

#services.tabs {
    padding: 0px;
    margin-bottom: 10px;
}

#services ui.nav li {
    white-space: normal;
    width: 175px;
}

#services ul.nav {
    border-top: none;
    border-left: none;
    border-right: none;
}

    #services ul.nav li {
        white-space: nowrap;
        text-align: center;
        line-height: 200%;
    }

/*#services ul.nav li.large {
            width: 175px;
        }*/

div.subtabs {
    padding-left: 0px;
    padding-right: 0px;
}

    div.subtabs ul.subnav {
        background-color: White;
        background-image: none;
        border: none;
        border-bottom: solid 1px rgb(204,204,204);
        margin-left: 0px;
        margin-right: 0px;
    }

        div.subtabs ul.subnav li {
            height: 60px;
            white-space: normal;
            width: 170px;
            text-align: center;
            position: relative;
        }

            div.subtabs ul.subnav li a {
                display: block;
                float: none;
            }

#services h2 {
    color: #821117;
}

.service-list {
    padding: 0px 10px;
}

    .service-list ul, .service-list ul li {
        margin: 5px 0px;
        padding: 0px;
        list-style-image: none;
        width: 720px;
        list-style-type: none;
    }

        .service-list ul li {
            list-style-image: none;
            list-style-type: none;
            background: url(images/bullet.gif) no-repeat 0px 6px;
            padding-left: 15px;
        }


    .service-list p {
        width: 80%;
    }

h2.sub-title {
    padding-bottom: 0px;
    margin-bottom: 3px;
}

div.sub-title {
    font-size: 8pt;
    padding-bottom: 10px;
}

/*Links
-------------------------------------*/
.useful-links {
    margin-bottom: 10px;
}

    .useful-links table {
        border: none;
        margin: 0px;
        padding: 0px;
    }

    .useful-links tr:nth-child(odd) td {
        background-color: #EEE;
    }

    .useful-links td {
        padding: 10px;
        line-height: 130%;
    }

/*Schools
-------------------------------------------*/
.school-edit {
}

    .school-edit input, .school-edit textarea {
        width: 300px;
    }

    .school-edit textarea {
        height: 50px;
    }



/*Search
-------------------------------------------*/

.search {
    padding-bottom: 20px;
    text-align: left;
}

    .search input.criteria {
        width: 300px;
    }

.searchp input.criteria {
    margin-right: 10px;
}

.results {
    padding-bottom: 10px;
}

.results-top {
    color: White;
    background-color: #333333;
    padding: 10px 10px;
    margin-bottom: 10px;
}

.results-title h3 {
    margin: 0px;
}

.results-filename {
    margin: 2px 0px;
    font-size: 0.8em;
    color: #999999;
}

    .doc-edit-link {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.2em;
    }

.results-right {
    float: right;
    margin-right: 20px;
}

.search-result-desc {
    padding-right: 50px;
}


/*Alerts
-----------------------------------*/

.alert {
    text-align: left;
}

.alert-groups {
    padding: 3px 5px;
    height: 150px;
    width: 300px;
    border: solid 1px #CCCCCC;
    overflow: auto;
}

    .alert-groups input {
        margin-right: 10px;
    }

.alert textarea {
    width: 300px;
    height: 100px;
}

/*Lookups
-------------------------------------------------*/
.lookup-wrapper {
    padding-bottom: 20px;
}

    .lookup-wrapper h3 {
        font-size: 1.1em;
        margin: 10px 0px 10px 0px;
    }

.lookup-top {
}

    .lookup-top select {
        width: 250px;
        margin-left: 5px;
    }

.lookup-add {
    float: left;
    width: 40%;
}

    .lookup-add .lookup-values {
        padding-bottom: 10px;
    }

        .lookup-add .lookup-values input, .lookup-add .lookup-values textarea {
            width: 250px;
        }

        .lookup-add .lookup-values textarea {
            height: 80px;
        }

    .lookup-add .sort-order input {
        width: 20px;
    }

.lookup-list {
    float: right;
    width: 59%;
    padding-top: 10px;
}

    .lookup-list table.list {
        margin-top: 0px;
        font-size: 0.9em;
        width: 100%;
    }

        .lookup-list table.list tbody td {
            vertical-align: top;
            padding: 2px 5px;
        }

.lookup-list-sort .lookup-list-sort-text {
    float: right;
    padding-top: 12px;
    padding-right: 10px;
    text-align: center;
}

    .lookup-list-sort .lookup-list-sort-text span {
        font-weight: bold;
        font-size: 1.1em;
    }

.lookup-list table.list tbody td.lookup-list-sort {
    text-align: center;
    vertical-align: middle;
}

.lookup-list-sort-pos {
    float: right;
    text-align: right;
    width: 20px;
}

.lookup-list-sort a, .lookup-list-sort a img, .lookup-list-remove a, .lookup-list-remove a img, .lookup-list-sort img {
    color: #fff;
    border: none;
    text-decoration: none;
    padding: 0px;
    clear: both;
}

.lookup-list-remove {
    text-align: center;
}

/*Doc Stats
-----------------------------------------------------*/
.stats-filter td {
    padding-bottom: 5px;
    text-align: right;
}

.stats-filter input, .stats-filter select {
    margin-left: 5px;
}

.stats-filter select {
    width: 350px;
}

/*News
---------------------------------------------------------------*/
.newslist {
    padding-bottom: 20px;
}

    .newslist table {
        /*border-bottom: #333 solid 1px;*/
    }

    .newslist thead th {
        text-align: left;
        background-color: #821117;
        padding: 3px 5px;
        color: #fff;
        display: none;
    }

        .newslist thead th:first-child {
            border-top-left-radius: 4px;
            border: none;
        }

        .newslist thead th:last-child {
            border-top-right-radius: 4px;
            border: none;
        }

    .newslist td {
        padding: 15px 30px 15px 5px; /*border-left: #333 solid 1px;*/
    }

    .newslist tr:nth-child(even) td {
        border-bottom: solid 1px #999;
        border-top: solid 1px #999;
    }

    .newslist td a {
        color: #821117;
        text-decoration: underline;
    }

        .newslist td a:hover {
            text-decoration: underline;
        }

    .newslist tr td:last-child {
        text-align: center;
        padding: 3px 10px; /* border-right: #333 solid 1px;*/
    }

.visit-dates-recurrance {
    margin: 10px 0px;
}

/*#school-staff-edit table td {
    padding: 3px 5px 3px 0px;
    vertical-align: top;
    text-align: left;
}

    #school-staff-edit table td input {
        width: 200px;
    }

    #school-staff-edit table td textarea {
        height: 100px;
        width: 400px;
    }

    #school-staff-edit table td select {
        width: 100px;
    }*/


#ajax-loading-bg {
    background-color: #333333;
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
    z-index: 100;
    width: 100%;
    height: 10000px;
    position: absolute;
    display: none;
}

#ajax-loading {
    position: absolute;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    display: none;
    z-index: 101;
}

    #ajax-loading p {
        margin: auto;
        color: #ffffff;
        font-weight: bold;
        font-size: 200%;
    }

/*Register Styles
---------------------------------*/

div.pupil-btns {
    padding-bottom: 20px;
}

div.pupil-editor td {
    vertical-align: top;
    padding: 0px 5px 5px 5px;
}

    div.pupil-editor td input[type='text'], div.pupil-editor td select {
        width: 150px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

div.pupil-groups-list {
    max-height: 150px;
    overflow-y: scroll;
    padding-right: 20px;
    padding-left: 10px;
    margin-bottom: 20px;
    border: #999 solid 1px;
    border-radius: 3px;
    box-shadow: inset #DDD 0px 3px 5px;
}

    div.pupil-groups-list ul {
        margin: 0px;
        padding: 0px;
    }

    div.pupil-groups-list li {
        list-style: none;
        padding-bottom: 5px;
        margin: 0px;
        white-space: nowrap;
        padding-right: 5px;
    }

div.addpupilgroup {
    white-space: nowrap;
    text-align: left;
}

    div.addpupilgroup input[type='text'] {
        width: 250px;
    }

div.view-register-editbtn {
    padding: 10px 0px 0px 0px;
}

#visit-register-group {
    padding-top: 5px;
    padding-bottom: 20px;
    border-bottom: solid 1px #999;
}

    #visit-register-group .form-label {
        width: 100px;
    }

/*    div.visit-register-group select {
        margin-left: 10px;
    }*/

div.visit-register-lists {
    padding-bottom: 20px;
    float: left;
}

    div.visit-register-lists select {
        width: 100%;
        height: 100%;
        border: 0px;
        background: none;
    }

    div.visit-register-lists div.select {
        width: 300px;
        height: 500px;
        border: solid 1px #777777;
        padding: 5px;
        overflow: auto;
    }

div.register-list-item {
    display: table-row;
    white-space: nowrap;
}

hr.register-list-item, hr.visit-register-split {
    background-color: #fff;
    border: #000 1px dashed;
    border-style: none none dashed;
    color: #fff;
}

div.register-list-item div.name {
    width: 250px;
    display: table-cell;
    padding-left: 5px;
}

div.register-list-item div.remove {
    width: 50px;
    text-align: center;
    display: table-cell;
}

    div.register-list-item div.remove a {
        display: block;
        height: 24px;
        width: 24px;
        background: url(images/remove-icon.png) no-repeat 0 0 #ffffff;
        margin: 0px auto;
    }

div.visit-register-buttons {
    float: left;
    width: 120px;
    padding-top: 30px;
}

    div.visit-register-buttons button {
        width: 100px;
        margin: 5px 10px;
        clear: both;
    }

div.visit-register-available, div.visit-register-selected {
    float: left;
}

div.visit-register-detail {
    padding: 5px 0px;
}

div.visit-register-lists p {
    font-size: 1.1em;
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

div.visit-register-edit-buttons {
    clear: both;
    padding: 10px 0px 0px 0px;
    text-align: right;
}

    div.visit-register-edit-buttons input {
        width: 100px;
        padding: 5px 0px;
    }

/*-------------------------------
Paging Lists
----------------------------------*/

div.paged-list {
    float: left;
}

    div.paged-list table.list {
        min-width: 500px;
    }

div.list-head {
}

    div.list-head div.list-search {
        margin: 10px 0px;
    }

        div.list-head div.list-search label, div.list-head div.list-search input[type='text'] {
            margin-right: 10px;
        }

div.list-actions {
    padding: 5px 0px;
}

    div.list-actions div.actions-left {
        float: left;
    }

        div.list-actions div.actions-left a {
            margin-right: 20px;
        }

        div.list-actions div.actions-left.nomargin a {
            margin: 0px;
        }

    div.list-actions div.actions-right {
        text-align: right;
    }

        div.list-actions div.actions-right label, div.list-actions div.actions-left label {
            margin-right: 10px;
        }

div.pupilgrp-dialog {
    text-align: left;
}

    div.pupilgrp-dialog a {
        color: #821117;
    }


#accident-tabs {
    margin-bottom: 20px;
}

    #accident-tabs .ui-tabs-panel {
        padding-left: 5px;
        padding-right: 5px;
    }

.accident-filter {
    padding-bottom: 20px;
}

.accidents-paging {
    padding-bottom: 10px;
    text-align: right;
}

/*About Us Page*/

#about-content {
    padding-bottom: 20px;
    padding-right: 50px;
}

.about-info {
}

    .about-info p {
        font-size: 1.1em;
        padding: 0px;
        margin-bottom: 10px;
    }

.about-list {
    font-size: 1.1em;
    padding-top: 15px;
}

    .about-list .heading {
        color: #821117;
        font-size: 1.2em;
        padding-bottom: 15px;
    }

    .about-list .list-item {
        background: url(images/home-bullet.png) no-repeat left 2px;
        padding-left: 20px;
        line-height: 16px;
        margin-top: 10px;
        width: 75%;
    }

/*End About us page*/

/* News Page*/

.news-list {
}

.news-item {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #666;
}

    .news-item:first-child {
        border-top: solid 1px #666;
    }

    .news-item .news-title {
    }

        .news-item .news-title h3 {
            color: #333;
            margin: 0px;
            padding: 0px;
        }

    .news-item .news-date {
        font-size: 0.9em;
        margin-bottom: 10px;
        margin-top: 5px;
        font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    }

    .news-item .news-detail p {
        font-size: 1.2em;
        margin: 5px 0px;
    }

/*End news page*/


/*General form layout styles*/

.content-form {
    margin-top: 20px;
}

.form-wrap {
    float: none;
}

.form-row {
    vertical-align: top;
    padding-bottom: 10px;
}

.form-horizontal {
    text-align: left;
}

.form-row .form-label {
    display: inline-block;
    width: 115px;
    vertical-align: top;
    padding-top: 5px;
    text-align: right;
    margin-right: 5px;
}

.form-row .form-display {
    display: inline-block;
}

.form-row.buttons .form-display {
    padding-top: 10px;
    text-align: right;
    width: 380px;
}

.form-row .form-display.buttons {
    text-align: right;
}

.form-row.buttons .form-display.med-text {
    width: 235px;
}

.form-row.buttons a, .form-row.buttons input {
    margin-right: 10px;
}

.form-row .form-display.buttons a, .form-row .form-display.buttons input {
    margin-left: 10px;
    margin-right: 0px;
}

.form-row .form-label.no-width, .form-row .form-display.no-width {
    width: auto;
}

.form-row .bold-text {
    font-weight: bold;
}

.pad-top-5 {
    padding-top: 5px;
}

.left-labels .form-row .form-label {
    text-align: left;
}

/*End general form layout styles*/

/*Paged conent styles*/

.paged-content {
}

.paged-content-page {
}

    .paged-content-page select {
        margin: 0px 10px;
    }

.paged-content-list {
}

.paged-content-bottom-actions {
    padding: 20px 0px;
}

/*End paged conent styles*/

#accident-list-top {
    margin-bottom: 10px;
}


.list-back-links {
    margin: 10px 0px;
    clear: both;
}


/*Loading modal layover*/
.loading-overlay {
    position: absolute;
    top: 0px;
    width: 100%;
    bottom: 0px;
    opacity: 0.6;
    display: none;
    z-index: 1001;
    background-color: #333;
}

.loading-container {
    opacity: 1;
    background-color: transparent;
    display: none;
    position: absolute;
    text-align: center;
    top: 50%;
    bottom: 0px;
    width: 100%;
    margin-top: -50px;
    z-index: 1002;
}

.list-search {
    margin-bottom: 20px;
}

.loading-target {
    position: relative;
}

.pager {
    margin: 10px 0px;
}

.hidden {
    display: none;
}

.user-search {
    text-align: left;
}

.no-wrap {
    white-space: nowrap;
}

a.attachments-link {
    text-decoration: none;
    color: #ffffff;
    border: none;
    height: 16px;
    width: 16px;
    display: block;
    margin: 2px 4px;
    background: url(images/Paperclip-icon.png) no-repeat 0 0 transparent;
}

.terms-text {
    border: solid 1px #999;
    padding: 10px;
    height: 500px;
    overflow: scroll;
}


/*Staff training*/

#training-adventure-categories {
}

    #training-adventure-categories .adventure-category {
        width: 49%;
        display: inline-block;
        margin-bottom: 5px;
    }

        #training-adventure-categories .adventure-category .category-label {
            display: inline-block;
            width: 90%;
            padding-left: 10px;
        }

        #training-adventure-categories .adventure-category input[type=checkbox] {
            vertical-align: middle;
        }

.endorsement {
}

    .endorsement .form-row.endorsed {
        color: #66CC66;
        font-weight: bold;
    }

    .endorsement .form-row.pending {
        /*color: #66CC66;*/
        font-weight: bold;
    }

    .endorsement .form-row.rejected {
        color: #ff0000;
        font-weight: bold;
    }

    .endorsement .review span {
        font-weight: bold;
    }



/*End staff training */

.ui-dialog {
    z-index: 1001;
}

.ui-dialog-titlebar, .ui-widget-header {
    background-image: url(images/glass.png);
    background-color: #821117;
    color: #fff;
}

.ui-widget-overlay {
    opacity: 0.7;
    z-index: 1000;
}

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

.action-menu .action-header {
    font-size: 1.1em;
    margin: 3px 0px;
    display: inline-block;
    margin-right: 10px;
}


#school-switcher {
    padding: 5px 10px;
    background-color: #DDD;
    text-align: right;
    font-size: 1.1em;
}

    #school-switcher select {
        margin-left: 5px;
    }

#training-cal-school {
    margin-bottom: 10px;
}

#training-cal-view {
    display: none;
}

#training-cal-container select {
    margin: 0 5px;
}

#training-cal-container a.event-training-award, #training-cal-container a.event-training-award .fc-event-inner {
    background-color: #4195fc;
    border-color: #666;
    color: #000000;
}

#training-cal-container a.event-training-expire, #training-cal-container a.event-training-expire .fc-event-inner {
    background-color: #ff7777;
    border-color: #CCC;
    color: #000000;
}


#training-cal-container a.event-training-award:hover, #training-cal-container a.event-training-award:hover .fc-event-inner, div#calendar a.event-training-expire:hover, div#calendar a.event-training-expire:hover .fc-event-inner {
    background-color: #7272f1;
    border-color: #7272f1;
    color: #ffffff;
}

/* Staff group management */
/*#staff-group-add-search {
    margin: 0 5px;
}

#staff-group-member-list {
    clear: both;
    margin-bottom: 5px;
}

    #staff-group-member-list .staff-group-member-item-label, .staff-group-member-item-btn {
        display: inline-block;
    }

    #staff-group-member-list .staff-group-member-item-label {
        width: 150px;
        padding-left: 25px;
        background: url(Images/users-icon.png) no-repeat 0 0;
    }

    #staff-group-member-list .staff-group-member-item-btn {
        float: right;
        background: url(Images/remove-icon.png) no-repeat 0px 0;
        height: 25px;
        width: 50px;
    }

    #staff-group-member-list .staff-group-member-item {
        padding: 5px 5px;
        clear: both;
        display: inline-block;
        width: 40%;
    }


        #staff-group-member-list .staff-group-member-item:hover {
            background-color: #EEE;
            cursor: pointer;
        }*/


#staff-group-wrapper #staff-group-available-list, #staff-group-wrapper #staff-group-member-list {
    width: 35%;
    float: left;
}

#staff-group-wrapper select{
    width: 100%;
    height: 300px;
}

#staff-group-toolbar{
    float:left;
    width: 15%;
    text-align: center;
    vertical-align:middle;
    padding-top: 65px;
}

#staff-group-toolbar button{
    width: 90%;
    margin: 5px 0;
    
}

a.disabled {
    color: #AAA;
    pointer-events: none;
}

/* Simulates a <select disabled>, without actually disabling it (meaning MVC will still get the data) */
select.disabled {
    opacity: .6;
    background: #D8D8D8;
    pointer-events: none;
}

/* Warning that will appear when the user is approaching the timeout period. */
.toast {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 12px;
    font-size: 1.2rem;
    box-shadow: #000A 0 1px 5px;
    transform: translateY(-100%);
    transition: transform cubic-bezier(.17,.84,.44,1) 400ms;
}

.toast.danger {
    color: #FFF;
    background: #CA280D;
}
.toast.danger a { color: #FFF; }

.toast.success {
    color: #111;
    background: #32B522;
}

.toast.show {
    transform: translateY(0);
}

/* For for jQuery UI's window backdrop being left behind when scrolled */
.ui-widget-overlay {
    position: fixed;
}
.home-content {
    background-color: #FFF;
    margin: 0px -25px;
    padding: 15px;
}

.home-titles {
}

.home-titles-left {
    width: 580px;
    text-align: left;
}

    .home-titles-left h2 {
        color: #821117;
    }

    .home-titles-left .links {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
    }

.home-intro-text p {
    font-size: 1.2em;
    margin: 0px;
    line-height: 140%;
}

.home-titles-right {
    width: 360px;
}

.home-content-banner {
	font-size: 1.2em;
	color:black;
	display: inline-block;
	padding-top: 10px;    
	padding-bottom: 10px;    
	float: left;
    width: 970px;
	background-color: #ffffdd;
}

.home-content-spacer {
	font-size: 1.2em;
	padding-top: 10px;    
	float: left;
    width: 970px;
}

.home-titles #doc-search {
    border: solid 1px #CCC;
}

.home-main-content {
    float: left;
    width: 580px;
    background: url(images/Presentation.jpg) no-repeat 340px 180px;
}

.home-image {
    text-align: center;
    padding-top: 20px;
}

.home-main-content .home-more-info {
    padding: 10px 0px;
}

.home-main-content .home-more-health {
    padding-top: 20px;
}
/*.home-main-content .home-more-health h3{
    font-size: 1.6em;
    color: #821117;
}*/

.home-main-content .home-contact-tel {
    text-align: center;
    float: left;
    font-size: 1.3em;
}

    .home-main-content .home-contact-tel .tel {
        font-size: 1.3em;
        display: inline-block;
        padding-left: 10px;
    }

.home-main-content .home-more-info a {
    padding: 0px;
    margin: 0px;
    padding-left: 36px;
    background: url(images/info-icon.png) no-repeat left top;
    line-height: 32px;
    height: 32px;
    border: none;
    text-decoration: none;
    display: inline-block;
}

    .home-main-content .home-more-info a:hover {
        text-decoration: underline;
    }

.home-services-list {
    padding-top: 10px;
}

    .home-services-list .service-list-item {
        font-size: 1.1em;
        padding-bottom: 5px;
        background: url(images/home-bullet.png) no-repeat left 2px;
        padding-left: 20px;
        line-height: 16px;
    }

.home-side-content {
    float: right;
    width: 360px;
    font-size: 1.1em;
    border-radius: 5px;
    border-top-right-radius: 5px;
}

.home-side-content-inner {
    border-radius: 5px;
    padding: 10px 0px;
    box-shadow: inset 0px 10px 15px #fff;
    border: solid 1px #CCC;
    margin-top: 10px;
    background-color: #DDD;
}

.home-side-content .home-side-content-title h2 {
    padding: 10px;
    padding-top: 0px;
    margin: 0px;
    font-size: 1.0em;
    font-weight: normal;
    color: #333;
}

.home-doc-search #doc-search {
    float: none;
}

.home-doc-updates-list {
    padding: 0px 5px;
    background-color: #fff;
    height: 330px;
    overflow: auto;
}

.home-doc-updates a.show-more{
    display:none;
}

.home-doc-dialog{
    text-align:left;
    height:auto;
}

    .home-doc-updates-list .list-item {
        padding: 5px 5px;
        margin: 0px;
    }

        .home-doc-updates-list .list-item.odd {
            border-bottom: solid 1px #999;
            border-top: solid 1px #999;
        }

        .home-doc-updates-list .list-item:hover {
            background-color: #EEE;
            cursor: pointer;
        }

        .home-doc-updates-list .list-item p {
            margin: 3px 0px;
            padding: 0px;
        }

        .home-doc-updates-list .list-item .doc-img {
            /*border: solid 1px #999;*/
            width: 50px;
            height: 50px;
            margin-right: 10px;
            margin-top: 5px;
            float: left;
        }

        .home-doc-updates-list .list-item .doc-text {
            float:right;
            width:259px;
        }

        .home-doc-updates-list .list-item .doc-img img {
            border: none;
            text-decoration: none;
        }

        .home-doc-updates-list .list-item .doc-img a, .home-doc-updates-list .list-item .doc-img a:hover {
            color: #fff;
            text-decoration: none;
        }

        .home-doc-updates-list .list-item .doc-title {
            white-space: nowrap;
            overflow: hidden;
        }

        .home-doc-updates-list .list-item .doc-date {
            font-size: 0.8em;
        }

.home-doc-updates .doc-view-all {
   margin-bottom: -10px;
    text-align: right;
    font-size: 1.2em;
    background-color: #821117;   
    padding: 5px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .home-doc-updates .doc-view-all a {
        text-decoration: none;
        color: #fff;
        vertical-align:top;
        background: url(images/Document-icon-24-24.png) no-repeat left top;
        padding-left: 30px;
        height: 25px;
        display:inline-block;
    }

    .home-doc-updates .doc-view-all a span{
        vertical-align:middle;
    }

        .home-doc-updates .doc-view-all a:hover {
            text-decoration: underline;            
        }

.home-doc-updates h3 {
    color: #333;
    font-weight: normal;
    padding: 0px 10px;
    margin: 0px;
    margin-bottom: 5px;
    font-size: 1.1em;
}


.home-links {
    margin-top: 10px;
}

.home-links-item {
    height: 80px;
    padding: 0px 5px;
}

    .home-links-item a {
        font-size: 1.4em;
        color: #333;
        text-decoration: none;
        display: block;
        line-height: 80px;
        height: 80px;
        padding-left: 80px;
    }

    .home-links-item.news a {
        background: url(images/news-icon.png) no-repeat 0px 0px;
    }

    .home-links-item.about a {
        background: url(images/Actions-help-about-icon.png) no-repeat 0px 0px;
        padding-left: 80px;
    }

    .home-links-item.services a {
        background: url(images/Service-icon.png) no-repeat 0px 0px;
        padding-left: 80px;
    }

    .home-links-item:hover {
        background-color: #BBB;
    }

        .home-links-item:hover a {
            color: #fff;
        }