html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
}

body {
    overflow-y: scroll;
    overflow-x: hidden;
}

.ie7 body {
    overflow: hidden;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
    font-weight: bold;
}

/* End Reset Styles */

/* Start Background */

body {
    background: #F8F8F8;
    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
    font-size: 12px;
    color: #444444;
    margin: 0 auto;
    line-height: 1.5em;
    /*-webkit-tap-highlight-color: #C1D7EA; */
}

    body.admin {
        background: #F8F8F8;
    }

/* End Background */

/* Start Colours */

.blue, .blue a {
    color: #003366;
    text-decoration: none;
}

a {
    color: #444444;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    _noFocusLine: expression(this.hideFocus=true);
}

/* Selection colours */

::selection {
    background: #C1D7EA; /* #C1D7EA = 20% of #004B79 */
}

::-moz-selection {
    background: #C1D7EA;
}

img::selection {
    background: #C1D7EA;
}

img::-moz-selection {
    background: #C1D7EA;
}

/* Finish Select Colours */

/* Start Elements */

header, .wrapper, footer {
    margin: 0 auto;
}

header, footer {
    max-width: 940px;
}

header {
    min-height: 137px;
}

#main {
    line-height: 1.5em;
}

.cf:after, .cf:before {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}



.wrapper {
    width: 940px;
    position: relative;
    padding-bottom: 50px;
}

/* End Elements */

/* Start Header */

header h1 {
    float: left;
    font-size: 40px;
    margin-top: 62px;
    font-weight: 300;
}

#logo {
    float: right;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 79px;
    width: 196px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 0;
}

    #logo.uat, #logo.uat a {
        width: 83px;
        height: 79px;
    }

        #logo.uat a {
            background-image: url('/Content/images/uat-logo.png');
            background-size: 83px 79px;
        }

    #logo a {
        display: block;
        background-image: url('/Content/images/logo.png');
        background-size: 196px 79px;
        background-repeat: none;
        background-position: 0 0;
        font-size: 0;
        color: transparent;
        width: 100%;
        height: 100%;
    }

a img {
    border: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.welcome {
    float: left;
    position: relative;
    top: 85px;
    max-width: 715px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .welcome a:hover {
        text-decoration: underline;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

#my-details {
    display: none;
    clear: both;
}

    #my-details ul {
        clear: both;
        margin: 0;
        padding: 0;
        text-align: center;
        min-height: 33px;
        border-top: 1px solid #eee;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        #my-details ul li {
            list-style: none;
            display: inline-block;
            padding: 8px 2%;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

.ie7 #my-details ul li {
    display: inline;
}

#my-details .close {
    float: right;
    margin-top: -25px;
}

    #my-details .close:after {
        content: url('../images/close.png');
    }

.welcome > form > span {
    display: inline;
    cursor: pointer;
}

    .welcome > form > span:hover, #details {
        text-decoration: underline;
        cursor: pointer;
    }

#details {
    width: 11px;
    height: 13px;
    background-image: url('/Content/Images/my-details.png');
    background-repeat: none;
    background-size: 11px 13px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 10px;
    margin-right: 2px;
    margin-top: 7px;
}

/* End Header */

/* Start Nav */

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 33px;
    clear: both;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    margin-bottom: 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    nav ul#mainlinks {
        border-top: 0px;
        border-bottom: 0px;
    }

    nav ul li {
        display: inline-block;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: auto;
        min-width: auto;
        margin-left: -4px;
    }

.ie7 nav ul li {
    display: inline;
}

nav ul li img {
    padding-right: 3.3%;
}

nav ul#anchor-buttons {
    display: none;
}

footer nav ul {
    margin-bottom: 0;
}

    footer nav ul li {
        display: inline-block;
    }

.ie7 footer nav ul li {
    display: inline;
}

nav ul#my-admin li:hover {
    background: none;
}

nav ul#my-programme, nav ul#my-assessments, nav ul#my-admin {
    margin-top: -13px;
}

ul#my-admin li.selected, ul#my-admin li.selected:hover {
    background: #eee;
}

ul#my-admin li {
    padding: 0;
    width: auto;
    min-width: auto;
}

    nav ul li a, ul#my-admin li a, ul#my-admin li span, ul#my-admin li.selected span {
        display: block;
        line-height: 33px;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
    }

nav ul li.show-all a {
    background-image: url('../images/nav-show-all.png');
}

nav ul li.my-programme a {
    background-image: url('../images/nav-my-programme.png');
}

nav ul li.my-assessments a {
    background-image: url('../images/nav-my-assessments.png');
}

nav ul li.my-admin a {
    background-image: url('../images/nav-my-admin.png');
}

ul#my-admin li.campus a, ul#my-admin li.campus span {
    background-image: url('../images/nav-campus.png');
}

ul#my-admin li.options a, ul#my-admin li.options span {
    background-image: url('../images/nav-options.png');
}

ul#my-admin li.module-marks a, ul#my-admin li.module-marks span {
    background-image: url('../images/nav-module-marks.png');
}

ul#my-admin li.award a, ul#my-admin li.award span {
    background-image: url('../images/nav-award.png');
}

ul#my-admin li.assessment a, ul#my-admin li.assessment span {
    background-image: url('../images/nav-assessment.png');
}

ul#my-admin li.report a, ul#my-admin li.report span {
    background-image: url('../images/nav-report.png');
}

ul#my-admin li.settings a, ul#my-admin li.settings span {
    background-image: url('../images/nav-settings.png');
}

ul#my-admin li.student a, ul#my-admin li.student span {
    background-image: url('../images/nav-student.png');
}

ul#my-admin li.student-and-module a, ul#my-admin li.student-and-module span {
    background-image: url('../images/nav-student-and-module.png');
}

ul#my-admin li.faculty a, ul#my-admin li.faculty span {
    background-image: url('../images/nav-faculty.png');
}

ul#my-admin li.school a, ul#my-admin li.school span {
    background-image: url('../images/nav-school.png');
}

ul#my-admin li.department a, ul#my-admin li.department span {
    background-image: url('../images/nav-department.png');
}

ul#my-admin li.module a, ul#my-admin li.module span {
    background-image: url('../images/nav-module.png');
}

ul#my-admin li.programme a, ul#my-admin li.programme span {
    background-image: url('../images/nav-programme.png');
}

ul#my-admin li.email a, ul#my-admin li.email span {
    background-image: url('../images/nav-email.png');
}

ul#my-admin li.user-maintenance a, ul#my-admin li.user-maintenance span {
    background-image: url('../images/nav-user-maintenance.png');
}

ul#my-admin li.display-text a, ul#my-admin li.display-text span {
    background-image: url('../images/nav-display-text.png');
}

ul#my-admin li.student-view a, ul#my-admin li.student-view span {
    background-image: url('../images/nav-student-view.png');
}

ul#my-admin li.survey-management a, ul#my-admin li.survey-management span {
    background-image: url('../images/nav-survey-management.png');
}

ul#my-admin li.survey-reporting a, ul#my-admin li.survey-reporting span {
    background-image: url('../images/nav-survey-reporting.png');
}

nav ul li.show-all a, nav ul li.my-programme a, nav ul li.my-programme span, nav ul li.my-assessments a, nav ul li.my-admin a,
ul#my-admin li.campus a, ul#my-admin li.campus span,
ul#my-admin li.options a, ul#my-admin li.options span,
ul#my-admin li.module-marks a, ul#my-admin li.module-marks span,
ul#my-admin li.award a, ul#my-admin li.award span,
ul#my-admin li.assessment a, ul#my-admin li.assessment span,
ul#my-admin li.report a, ul#my-admin li.report span,
ul#my-admin li.settings a, ul#my-admin li.settings span,
ul#my-admin li.student a, ul#my-admin li.student span,
ul#my-admin li.student-and-module a, ul#my-admin li.student-and-module span,
ul#my-admin li.faculty a, ul#my-admin li.faculty span,
ul#my-admin li.school a, ul#my-admin li.school span,
ul#my-admin li.department a, ul#my-admin li.department span,
ul#my-admin li.module a, ul#my-admin li.module span,
ul#my-admin li.programme a, ul#my-admin li.programme span,
ul#my-admin li.email a, ul#my-admin li.email span,
ul#my-admin li.user-maintenance a, ul#my-admin li.user-maintenance span,
ul#my-admin li.display-text a, ul#my-admin li.display-text span,
ul#my-admin li.student-view a, ul#my-admin li.student-view span,
ul#my-admin li.survey-management a, ul#my-admin li.survey-management span,
ul#my-admin li.survey-reporting a, ul#my-admin li.survey-reporting span {
    background-color: transparent;
    background-position: 10px center;
    background-repeat: no-repeat;
}

    nav ul li a:hover, nav ul li.show-all a:hover, nav ul li.my-programme a:hover, nav ul li.my-programme.selected, nav ul li.my-assessments a:hover, nav ul li.my-assessments.selected, nav ul li.my-programme.selected, nav ul li.my-admin a:hover, nav ul li.my-admin.selected,
    ul#my-admin li.campus a:hover, ul#my-admin li.campus span a:hover,
    ul#my-admin li.options a:hover, ul#my-admin li.options span:hover,
    ul#my-admin li.module-marks a:hover, ul#my-admin li.module-marks span:hover,
    ul#my-admin li.award a:hover, ul#my-admin li.award span:hover,
    ul#my-admin li.assessment a:hover, ul#my-admin li.assessment span:hover,
    ul#my-admin li.report a:hover, ul#my-admin li.report span:hover,
    ul#my-admin li.settings a:hover, ul#my-admin li.settings span:hover,
    ul#my-admin li.student a:hover, ul#my-admin li.student span:hover,
    ul#my-admin li.student-and-module a:hover, ul#my-admin li.student-and-module span:hover,
    ul#my-admin li.faculty a:hover, ul#my-admin li.faculty span:hover,
    ul#my-admin li.student a:hover, ul#my-admin li.student span:hover,
    ul#my-admin li.department a:hover, ul#my-admin li.department span:hover,
    ul#my-admin li.module a:hover, ul#my-admin li.module span:hover,
    ul#my-admin li.programme a:hover, ul#my-admin li.programme span:hover,
    ul#my-admin li.email a:hover, ul#my-admin li.email span:hover ul#my-admin li.user-maintenance a:hover, ul#my-admin li.user-maintenance span:hover,
    ul#my-admin li.display-text a:hover, ul#my-admin li.display-text span:hover,
    ul#my-admin li.student-view a:hover, ul#my-admin li.student-view span:hover,
    ul#my-admin li.survey-management a:hover, ul#my-admin li.survey-management span:hover,
    ul#my-admin li.survey-reporting a:hover, ul#my-admin li.survey-reporting span:hover {
        background-color: #eee;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

/* End Nav */

/* Start Body */

.wrapper {
    font-size: 12px;
}

#welcome, .back-to-top {
    display: none;
}

#welcome {
    display: none;
    max-width: 916px;
    margin: 0 auto;
    color: #444444;
    display: none;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 10px;
}

    #welcome h2, #welcome h3 {
        text-align: center;
        line-height: 30px;
        margin-bottom: 12px;
    }

h1, h2, h3, h5, h6 {
    font-weight: normal;
    font-size: 30px;
    color: #003366;
    margin-bottom: 12px;
    margin-top: 6px;
    line-height: 100%;
}

    h2.my-programme {
        background-image: url('../images/header-my-programme.png');
    }

    h2.my-assessments {
        background-image: url('../images/header-my-assessments.png');
    }

    h2.my-programme, h2.my-assessments {
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 25px;
    }

h3 {
    margin-bottom: 0;
}

.content h3, .content p {
    margin-bottom: 12px;
}

.content h3 {
    font-size: 22px;
}

.content a {
    text-decoration: underline;
}

    .content a:hover {
        color: #003366;
    }

.content ul {
    margin-bottom: 12px;
    margin-top: -12px;
    padding: 0;
}

    .content ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

.content ol li {
    list-style: decimal;
    margin-left: 18px;
}

.ie7 .content ol li {
    margin-left: 23px;
}

.content strong {
    font-weight: bold;
}

.back-to-top {
    font-weight: bold;
    color: #003366;
    max-width: 75px;
    overflow: visible;
}

.close {
    font-weight: bold;
    color: #FC0E0E;
    cursor: pointer;
    max-width: 35px;
    overflow: visible;
}

    .close:after {
        content: "Close";
    }

.disclaimer {
    border-top: 1px solid #eee;
    padding-top: 12px;
}

.note {
    display: none;
    background-color: #FDFDC3;
    background-image: url('../images/note-background.png');
    background-position: top right;
    background-repeat: no-repeat;
    color: #000000;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 27px;
    padding-bottom: 12px;
    width: 95.8%;
    margin-bottom: 24px;
    min-height: 55px;
    font-size: 13px;
}

    .note h3 {
        color: #000;
        margin-bottom: 6px;
    }

#main p {
    margin-bottom: 12px;
}

/* Start Filtered Items */

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

#filter-container {
    width: 965px;
    padding-left: 5px;
    padding-top: 5px;
    margin-left: -5px;
    min-height: 400px;
}

    #filter-container figure {
        width: 300px;
        float: left;
        margin-right: 20px;
        margin-bottom: 30px;
    }

        #filter-container figure .thumb {
            display: block;
            width: 100%;
            line-height: 0em;
        }

            #filter-container figure .thumb img {
                max-width: 100%;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

    #filter-container figure {
        cursor: pointer;
        overflow: hidden;
    }

        #filter-container figure figcaption {
            text-align: center;
            position: absolute;
            color: #000000;
            width: 100%;
            bottom: 0;
            margin-top: 70%;
            padding-bottom: 12px;
            padding-top: 12px;
        }

.ie9 #filter-container figure figcaption {
    margin-bottom: 0px;
}

#filter-container figure figcaption:hover, #filter-container figure figcaption.hover {
    padding-top: 100%;
    margin-top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ie7 #filter-container figure figcaption:hover, .ie7 #filter-container figure figcaption.hover {
    padding-top: 100.5%;
}

#filter-container figure figcaption a {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#filter-container figure.isotope-hidden a {
    display: none; /* Ensures hidden links are not clickable in Opera */
}

#filter-container figure h2, #filter-container figure h3, #filter-container figure h3 a {
    color: #fff;
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 0;
}

    #filter-container figure h3 a {
        position: static;
        display: inline;
    }

.student #main .home-featured h3 {
    font-size: 16px;
    margin-bottom: 0;
}

#filter-container figure.my-programme figcaption {
    background-image: url('../images/figure-my-programme.png');
    background-color: rgba(204, 204, 2, 0.95);
}

#filter-container figure.my-assessments figcaption {
    background-image: url('../images/figure-my-assessments.png');
    background-color: rgba(2, 175, 219, 0.95);
}

#filter-container figure.my-programme figcaption, #filter-container figure.my-assessments figcaption {
    background-position: center 200px;
    background-repeat: no-repeat;
}

.no-rgba #filter-container figure.my-programme figcaption {
    background-image: url('../images/no-rgba-figure-my-programme.png');
    background-position: center 450px;
    background-repeat: repeat;
}

.no-rgba #filter-container figure.my-assessments figcaption {
    background-image: url('../images/no-rgba-figure-my-assessments.png');
    background-position: center 450px;
    background-repeat: repeat;
}

.no-csstransitions figure.my-programme.my-modules figcaption, .no-csstransitions figure.my-programme.my-modules figcaption, .no-csstransitions figure.my-programme.my-marks figcaption, .no-csstransitions figure.my-programme.my-timetable figcaption {
    margin-bottom: 3px;
}

.ie8 figure.my-programme.my-modules figcaption, .ie8 figure.my-programme.my-modules figcaption, .ie8 figure.my-programme.my-marks figcaption, .ie8 figure.my-programme.my-timetable figcaption {
    margin-bottom: 0;
}

.ie7 figure.my-marks figcaption {
    margin-bottom: 1px;
}

.ie7 figure.my-progression figcaption {
    margin-bottom: 2px;
}

/* End Filtered Items */

/* Start Form Styles */

form, input, textarea {
    font-family: inherit;
    -webkit-appearance: none;
    border: 0;
    _noFocusLine: expression(this.hideFocus=true);
    border-radius: 0;
}

    input[type="checkbox"] {
        height: auto;
        width: auto;
        opacity: 1;
        display: block;
        -webkit-appearance: checkbox;
    }

section#loginForm {
    clear: both;
}

    section#loginForm h2 {
        text-align: center;
    }

    section#loginForm fieldset {
        width: 20%;
        margin: 0 auto;
        margin-bottom: 24px;
    }

.validation-summary-errors {
    text-align: center;
    margin-bottom: 12px;
}

form label {
    display: block;
    margin-bottom: 6px;
}

label[for="RememberMe"] {
    display: inline;
}

.ie7 form label {
    display: inline;
}

form fieldset li {
    margin-bottom: 12px;
}

form input[type='text'], form input[type='password'], form select {
    border: 0;
    width: 100%;
    color: #003366;
    padding: 6px;
    min-height: 20px;
    min-width: 220px;
}

.select-container {
    float: left;
    margin: 0 12px 12px 0;
}

.clear {
    clear: both;
}

p select {
    width: 150px;
    min-width: 150px;
}

p.date-container select {
    width: 80px;
    min-width: 80px;
}

    p.date-container select.two-digits {
        width: 50px;
        min-width: 50px;
    }

    p.date-container select.four-digits {
        width: 60px;
        min-width: 60px;
    }

form select {
    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
    font-size: 12px;
}

form input[type='text'], form input[type='password'], form textarea, form select {
    background: #e5e5e5;
}

    form input[type='text']:hover, form input[type='password']:hover, form textarea:hover, form select:hover {
        background: #d8d8d8;
    }

    form input[type='text']:focus, form input[type='password']:focus, form textarea:focus, form select:focus {
        background: #d4d4d4;
    }

form span {
    display: block;
    margin-top: 6px;
}

    form span.field-validation-error {
        color: #FC0E0E;
        font-weight: bold;
        font-size: 14px;
    }

form input[type='radio'], input[type='radio'] {
    -webkit-appearance: radio;
}

form label.checkbox, form label[for="Channel_IsActive"], form label[for="lblChannelOnOff"], form label[for="Channel_OpenToUg"], form label[for="Channel_OpenToPg"] {
    display: inline;
}

#intro {
    font-size: 1.3em !important;
    color: #003366;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
}

form input[type='submit'], .btn {
    background: #003366;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 6px;
    cursor: pointer;
    min-height: 31px;
}



.surveysorresultsredirect a {
    background: #003366;
    border: 0;
    color: white;
    font-size: 18px;
    padding: 20px;
    cursor: pointer;
    min-height: 31px;
    min-width: 180px;
    margin: 12px;
}

    .surveysorresultsredirect a:hover {
        background: #003366;
        text-decoration: underline;
    }


.btn a {
    color: #fff;
}

.content .btn {
    text-decoration: none;
}

    .content .btn:hover {
        color: #fff;
    }

.btn[disabled='disabled'] {
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.module-title {
    margin-bottom: 12px;
}

form input[type='submit']:focus, form input[type='submit']:hover, .btn:hover {
    background: #0073AE;
}

form textarea, textarea {
    margin-bottom: 12px;
    border: 0;
    color: #003366;
    padding: 6px;
    overflow: hidden;
    font-family: inherit;
    font-size: 12px;
}

p textarea {
    width: 100%;
    height: 50px;
}

.ie7 textarea {
    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
}

form#logoutForm a {
    position: relative;
    top: 85px;
}

    form#logoutForm a:hover {
        text-decoration: underline;
    }

input#logout {
    background: none;
    border: 0;
    font-size: 12px;
    color: #003366;
    padding: 0;
    margin: 0;
    text-align: left;
}

.ff2 input#logout {
    text-indent: -3px;
}

.ie7 input#logout {
    padding-top: 1px;
    text-align: left;
}

input#logout:hover {
    text-decoration: underline;
}

/* End Form Styles */

/* Start Table/Grid Styles */

strong p {
    font-size: 14px;
    color: #003366;
    padding-top: 6px;
    padding-bottom: 6px;
}

table, .gridTable, table.modules, table.transcript, table.email {
    margin-top: 12px;
    margin-bottom: 12px;
    border: 0;
    border-collapse: collapse;
    width: 100%;
    color: #444444;
}

    table th, .gridHead th, .modules th, .transcript th, .email th {
        font-weight: normal;
        background-color: #eee;
        color: #003366;
        padding: 10px;
        font-size: 14px;
        text-align: left;
    }

    .gridHead tr.gridHead, .modules tr.gridHead, .transcript tr.gridHead, .email thead tr, .ie8 .modules tr.gridHead, .ie8 .transcript tr.gridHead, table thead tr, table tr:last-child, .gridTable tr:last-child, .modules tr:last-child, .transcript tr:last-child, .email tr:last-child {
        border-bottom: 0;
    }

.gridHead a:link, .gridHead a:visited, .gridHead a:active, .gridHead a:hover {
    color: #003366;
    background-image: url('../images/gridHead-th-a-background.png');
    background-position: right 6px;
    background-repeat: no-repeat;
    display: block;
}

.gridHead a:hover {
    text-decoration: none;
}

table tr, .gridTable tr, .modules tr, .transcript tr, .email tr, .ie8 .gridTable tr, .ie8 .modules tr, .ie7 .gridTable tr, .ie7 .modules tr, .ie8 .transcript tr, .ie7 .transcript tr, .ie7 .modules td, .ie7 .transcript td, .ie7 .email td {
    border-bottom: 1px solid #e5e5e5;
}

.ie8 .transcript thead tr, .ie8 .transcript thead tr th {
    border-bottom: none;
}

.modules td:nth-child(1), .modules td:nth-child(2), .modules td:nth-child(3), .modules td:nth-child(4), .transcript td:nth-child(1), .transcript td:nth-child(2), .transcript td:nth-child(3), .transcript td:nth-child(4) {
    word-wrap: break-word;
}

.modules td:nth-child(1), .transcript td:nth-child(1) {
    width: 60px;
    max-width: 60px;
}

.survey td:nth-child(1) {
    width: auto;
    max-width: 100%;
}

.ie8 .modules td.first-child, .ie7 .modules td.first-child, .ie8 .transcript td.first-child, .ie7 .transcript td.first-child {
    width: 60px;
    max-width: 60px;
}

.modules td:nth-child(2) {
    width: 680px;
    max-width: 680px;
}

.modules td:nth-child(2) {
    width: auto;
    max-width: auto;
}

.ie8 .modules td.second-child, .ie7 .modules td.second-child {
    width: 680px;
    max-width: 680px;
}

.modules th:nth-child(3), .modules td:nth-child(3) {
    text-align: center;
}

.ie8 .modules th.third-child, .ie7 .modules th.third-child, .ie8 .modules td.third-child, .ie7 .modules td.third-child {
    text-align: center;
}

.transcript td:nth-child(2) {
    width: 387px;
}

.ie8 .transcript td.second-child, .ie7 .transcript td.second-child {
    width: 387px;
}

.transcript th:nth-child(3), .transcript td:nth-child(3), .transcript th:nth-child(5), .transcript td:nth-child(5), .transcript th:nth-child(6), .transcript td:nth-child(6), .transcript th:nth-child(7), .transcript td:nth-child(7) {
    text-align: center;
}

.ie8 .transcript th.third-child, .ie8 .transcript td.third-child, .ie7 .transcript th.third-child, .ie7 .transcript td.third-child,
.ie8 .transcript th.fifth-child, .ie8 .transcript td.fifth-child, .ie7 .transcript th.fifth-child, .ie7 .transcript td.fifth-child,
.ie8 .transcript th.sixth-child, .ie8 .transcript td.sixth-child, .ie7 .transcript th.sixth-child, .ie7 .transcript td.sixth-child,
.ie8 .transcript th.seventh-child, .ie8 .transcript td.seventh-child, .ie7 .transcript th.seventh-child, .ie7 .transcript td.seventh-child {
    text-align: center;
}

.transcript th:nth-child(3), .transcript td:nth-child(3) {
    width: 40px;
}

.ie8 .transcript th.third-child, .ie8 .transcript td.third-child, .ie7 .transcript th.third-child, .ie7 .transcript td.third-child {
    width: 40px;
}

.transcript td:nth-child(4) {
    width: 60px;
}

.ie8 .transcript td.fourth-child, .ie7 .transcript td.fourth-child {
    width: 60px;
}

.transcript td:nth-child(5) {
    width: auto;
    min-width: 120px;
}

.ie8 .transcript td.fifth-child, .ie7 .transcript td.fifth-child {
    width: auto;
    min-width: 120px;
}

.transcript td:nth-child(6), .transcript td:nth-child(7) {
    width: auto;
    min-width: 60px;
}

.ie8 .transcript td.sixth-child, .ie7 .transcript td.sixth-child, .ie8 .transcript td.seventh-child, .ie7 .transcript td.seventh-child {
    width: auto;
    min-width: 60px;
}

.gridAltRow td {
    padding: 10px;
    margin: 5px;
}

table td, .gridRow td, .email td {
    padding: 10px;
}

    .email td.first-child {
        width: 370px;
    }

    .email td input {
        background: #f8f8f8;
        font-size: 12px;
        color: #444444;
    }

        .email td input[type="button"] {
            cursor: pointer;
        }

.ie .email td progress {
    max-width: 122px;
}

.gridFooter td {
    padding: 10px;
    background-color: #c7d1d6;
    font-size: 12pt;
    text-align: center;
}

.gridFooter a {
    font-weight: bold;
    border: 1px #333 solid;
}

p.transcript-print-view {
    background-image: url('../images/transcript-print.png');
    background-repeat: no-repeat;
    background-position: left center;
}

    p.transcript-print-view a {
        padding-left: 16px;
        text-decoration: none;
    }

        p.transcript-print-view a:hover {
            text-decoration: underline;
        }

.scrollable-height {
    display: block;
    max-height: 230px;
    overflow: auto;
}

    .scrollable-height tbody, .scrollable-height tr, .scrollable-height td {
        display: block;
    }
/* End Table/Grid Styles */

/* Start Transcript Print View Styles */

body#transcript-print-view, #transcript-print-view table, #transcript-print-view table th, #transcript-print-view .gridHead th, #transcript-print-view h3 {
    color: #000;
}

body#transcript-print-view {
    background-color: #fff;
}

#transcript-print-view strong {
    font-weight: bold;
}

#transcript-print-view table th, #transcript-print-view .gridHead th {
    background-color: #f7f7f7;
}

#transcript-print-view .gridRow, #transcript-print-view .gridAltRow {
    border-bottom: 1px solid #f7f7f7;
}

#transcript-print-view h3 {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 12px;
}

#transcript-print-view span.date-time {
    margin-left: 50px;
    font-size: 12px;
}

#transcript-print-view p strong {
    font-weight: bold;
}

#transcript-print-view p + h3 {
    margin-top: 12px;
}

.transcript-print-view th:nth-child(3), .transcript-print-view td:nth-child(3), .transcript-print-view th:nth-child(5), .transcript-print-view td:nth-child(5), .transcript-print-view th:nth-child(6), .transcript-print-view td:nth-child(6), .transcript-print-view th:nth-child(7), .transcript-print-view td:nth-child(7) {
    text-align: center;
}

.ie8 .transcript-print-view th.third-child, .ie8 .transcript-print-view td.third-child, .ie7 .transcript-print-view th.third-child, .ie7 .transcript-print-view td.third-child,
.ie8 .transcript-print-view th.fifth-child, .ie8 .transcript-print-view td.fifth-child, .ie7 .transcript-print-view th.fifth-child, .ie7 .transcript-print-view td.fifth-child,
.ie8 .transcript-print-view th.sixth-child, .ie8 .transcript-print-view td.sixth-child, .ie7 .transcript-print-view th.sixth-child, .ie7 .transcript-print-view td.sixth-child,
.ie8 .transcript-print-view th.seventh-child, .ie8 .transcript-print-view td.seventh-child, .ie7 .transcript-print-view th.seventh-child, .ie7 .transcript-print-view td.seventh-child {
    text-align: center;
}

/* add widths here */
.transcript-print-view th:nth-child(1), .transcript-print-view td:nth-child(1) {
    width: auto;
    min-width: 60px;
}

.ie8 .transcript-print-view th.first-child, .ie8 .transcript-print-view td.first-child, .ie7 .transcript-print-view th.first-child, .ie7 .transcript-print-view td.first-child {
    width: auto;
    min-width: 60px;
}

.transcript-print-view th:nth-child(2), .transcript-print-view td:nth-child(2) {
    width: auto;
    min-width: 387px;
}

.ie8 .transcript-print-view th.second-child, .ie8 .transcript-print-view td.second-child, .ie7 .transcript-print-view th.second-child, .ie7 .transcript-print-view td.second-child {
    width: auto;
    min-width: 387px;
}

.transcript-print-view th:nth-child(4), .transcript-print-view td:nth-child(4) {
    width: auto;
    min-width: 120px;
}

.ie8 .transcript-print-view th.fourth-child, .ie8 .transcript-print-view td.fourth-child, .ie7 .transcript-print-view th.fourth-child, .ie7 .transcript-print-view td.fourth-child {
    width: auto;
    min-width: 120px;
}

.transcript-print-view td:nth-child(3), .transcript-print-view td:nth-child(5), .transcript-print-view td:nth-child(6), .transcript-print-view td:nth-child(7) {
    width: auto;
    min-width: 60px;
}

.ie8 .transcript-print-view td.third-child, .ie7 .transcript-print-view td.third-child, .ie8 .transcript-print-view td.fifth-child, .ie7 .transcript-print-view td.fifth-child,
.ie8 .transcript-print-view td.sixth-child, .ie7 .transcript-print-view td.sixth-child, .ie8 .transcript-print-view td.seventh-child, .ie7 .transcript-print-view td.seventh-child {
    width: auto;
    min-width: 60px;
}


/* End Transcript Print View Styles */

/* Start Survey Styles */
.survey-question-container {
    margin-bottom: 12px;
    margin-top: 12px;
    padding: 12px;
}

    .survey-question-container:nth-of-type(even) {
        background-color: #eee;
    }

.survey-rating-ranking-container {
    width: 460px;
    min-height: 30px;
}

.survey-rating-ranking-left {
    float: left;
}

.survey-rating-ranking-right {
    float: right;
}

ul.survey-rating-question, ul.survey-rating-question-label {
    clear: both;
    margin-bottom: 10px;
}

    ul.survey-rating-question li, ul.survey-rating-question-label li {
        display: inline-block;
        *display: inline;
        zoom: 1;
        text-align: center;
        min-width: 90px;
    }

        ul.survey-rating-question li input[type="radio"] {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

.survey-question-container textarea {
    width: 99%;
}

.survey-question-container:nth-of-type(even) textarea:hover, .survey-question-container:nth-of-type(even) textarea:focus {
    background-color: #ddd;
}

/* End Survey Styles */

/* Start Admin Styles */

/* Start List Styles */

ul.campus, ul.channel, ul.settings, ul.busy {
    width: 100%;
    text-align: center;
}

    ul.campus li, ul.options li, ul.settings li, ul.busy li {
        display: inline-block;
        text-align: center;
        background: #003366;
        margin-bottom: 12px;
        width: 302px;
    }

.ie7 ul.campus li, .ie7 ul.options li, .ie7 ul.settings li, .ie7 ul.busy li {
    display: inline;
    zoom: 1;
}

ul.campus li, ul.busy li {
    background: #003366;
}

    ul.campus li:hover, ul.busy li:hover {
        background: #0073AE;
    }

    ul.campus li.campus-disabled:hover, ul.busy li.campus-disabled:hover {
        background: #003366;
    }

    ul.campus li.campus-disabled {
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

#main li.uk p, #main li.china p, #main li.malaysia p {
    margin-bottom: 0;
}

ul.campus li {
    background: #003366;
}

ul.options li {
    margin: 4px;
    margin-bottom: 6px;
    background: #0073AE;
}

    ul.options li:hover {
        background: #C2D9EC;
    }

ul.settings li {
    background: #009FC3;
}

    ul.settings li:hover {
        background: #A3DDE9;
    }

    ul.campus li.first, ul.options li.first, ul.settings li.first {
        margin-right: 12px;
    }

    ul.campus li.second, ul.options li.second, ul.settings li.second {
        margin-right: 12px;
    }

    ul.options li.left, ul.options li.right, ul.settings li.left, ul.settings li.right, ul.busy li.right, ul.busy li.left {
        width: 462px;
    }

    ul.options li.left, ul.settings li.left, ul.busy li.left {
        margin-right: 6px;
    }

    ul.options li.right, ul.settings li.right, ul.busy li.right {
        margin-left: 6px;
    }

    ul.options li.whole, ul.settings li.whole, ul.busy li.whole {
        width: 100%;
    }

    ul.campus li a, ul.campus li p, ul.options li a, ul.settings li a, ul.busy li a, ul.busy li span {
        display: block;
        color: #fff;
        width: 100%;
        min-width: 100%;
        height: 100%;
        padding-top: 136px;
        padding-bottom: 12px;
        font-size: 14px;
    }

/* End List Styles */

/* Start Campus Styles */

.campus li.uk a, .campus li.uk p, .busy li.uk a, .busy li.uk span {
    background-image: url('../images/campus-uk-background.png');
    background-position: center 24px;
    background-repeat: no-repeat;
}

.campus li.china p, .campus li.china a, .busy li.china a, .busy li.china span {
    background-image: url('../images/campus-china-background.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.campus li.malaysia p, .campus li.malaysia a, .busy li.malaysia a, .busy li.malaysia span {
    background-image: url('../images/campus-malaysia-background.png');
    background-position: center 24px;
    background-repeat: no-repeat;
}

/* Start Options */

.options li.module-marks a {
    background-image: url('../images/options-module-marks-background.png');
    background-position: center 24px;
}

.options li.award a {
    background-image: url('../images/options-award-background.png');
    background-position: center center;
}

.options li.progression a {
    background-image: url('../images/options-progression-background.png');
    background-position: center center;
}

.options li.user-maintenance a {
    background-image: url('../images/options-user-maintenance-background.png');
    background-position: center center;
}

.options li.add-user a {
    background-image: url('../images/options-user-maintenance-add-background.png');
    background-position: center center;
}

.options li.edit-user a {
    background-image: url('../images/options-user-maintenance-edit-background.png');
    background-position: center center;
}

.options li.delete-user a {
    background-image: url('../images/options-user-maintenance-delete-background.png');
    background-position: center center;
}

.options li.display-text a {
    background-image: url('../images/options-display-text-background.png');
    background-position: center center;
}

.options li.student-view a {
    background-image: url('../images/options-student-view-background.png');
    background-position: center center;
}

.options li.survey-management a {
    background-image: url('../images/options-survey-management-background.png');
    background-position: center center;
}

.options li.survey-reporting a {
    background-image: url('../images/options-survey-reporting-background.png');
    background-position: center center;
}

.campus li.uk a, .campus li.china p, .campus li.malaysia p, .options li.module-marks a, .options li.award a, .options li.progression a, .options li.user-maintenance a, .options li.add-user a, .options li.edit-user a, .options li.delete-user a, .options li.display-text a, .options li.student-view a, .busy li.busy a, .busy li.busy span, .busy li.nursing a, .busy li.malaysia a, .busy li.china a, .busy li.china span, .busy li.contact span, .busy li.nursing a, .busy li.nursing span, .options li.survey-management a, .options li.survey-management span, .options li.survey-reporting a, .options li.survey-reporting span {
    background-repeat: no-repeat;
}

/* End Channel Styles */

/* Busy Styles */

.busy li.busy a, .busy li.busy span {
    background-image: url('../images/busy-background.png');
}

.busy li.nursing a, .busy li.nursing span {
    background-image: url('../images/nursing-background.png');
}

.busy li.contact a, .busy li.contact span {
    background-image: url('../images/contact-background.png');
}

.busy li.busy a, .busy li.busy span, .busy li.nursing a, .busy li.nursing span, busy li.contact a, .busy li.contact span {
    background-position: center 24px;
}

    .busy li.contact span a {
        width: auto;
        height: auto;
        background: none;
        padding: 0;
        margin: 0;
        display: inline;
        min-width: auto;
    }

/* End Busy Styles */

/* Start Control Styles */

#channel {
    background: #eee;
    padding: 6px 12px 12px 12px;
    margin-top: 12px;
}

    #channel form {
        margin: 0 auto;
        width: 50%;
    }

h2.module-marks {
    background-image: url('../images/header-module-marks.png');
}

h2.award {
    background-image: url('../images/header-award.png');
}

h2.assessment {
    background-image: url('../images/header-assessment.png');
}

h2.email {
    background-image: url('../images/header-email.png');
}

h2.module-marks, h2.award, h2.assessment, h2.email {
    background-position: left 7px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

#channel .channel-ug, #channel .channel-pg {
    color: #fff;
}

.channel-master, .channel-ug, .channel-pg {
    height: 40px;
}

.channel-master {
    display: none;
}

.channel-ug {
    margin-top: 24px;
    margin-bottom: 24px;
}

.channel-pg, #channel p {
    margin-bottom: 12px;
}

    #channel p strong {
        font-weight: bold;
    }

.channel-ug, .channel-pg {
    height: 34px;
    overflow: hidden;
}

    .channel-ug input[type="checkbox"], .channel-pg input[type="checkbox"] {
        cursor: pointer;
        float: left;
        margin: 0;
        padding: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        width: 100%;
        max-width: 458px;
        height: 34px;
        position: absolute;
        z-index: 99;
        overflow: hidden;
    }

    .channel-ug label, .channel-pg label {
        color: #fff;
        text-align: center;
        line-height: 34px;
        height: 34px;
        display: block;
    }

.ie7 .channel-ug label, .ie7 .channel-pg label {
    display: inline-block;
    width: 100%;
}

.unchecked {
    background-image: url('../images/controls-label-background-unchecked.png');
    background-color: #D27573;
}

.checked {
    background-image: url('../images/controls-label-background-checked.png');
    background-color: #0FA056;
}

.unchecked, .checked {
    background-position: 6px center;
    background-repeat: no-repeat;
}

a.open-message {
    float: right;
    display: block;
    font-size: 0;
    line-height: 0;
    background-image: url('../images/message-background.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    display: none;
}

.channel-message-container textarea {
    width: 97%;
    height: auto;
    min-height: 100px;
}

label[for="Channel_Message"] {
    color: #003366;
    font-size: 14px;
}

.channel-message-container textarea:focus, .channel-message-container textarea:hover {
    background: #e9e9e9;
}

#channel input[value="Save"], a#report, a#settings, a#ugemail, a#pgemail {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    text-align: center;
}

a#report, a#settings, a#ugemail, a#pgemail {
    color: #ffffff;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    background-color: #003366;
}

.ff2 a#report, .ff2 a#settings, .ff2 a#ugemail, .ff2 a#pgemail {
    line-height: 34px;
    height: 34px;
}

a#report:hover, a#settings:hover, a#ugemail:hover, a#pgemail:hover {
    background: #0073AE;
}

a#pgemail {
    margin-bottom: 24px;
}

a#report {
    margin-bottom: 0;
}
/* End Control Styles */

/* Start Report Styles */

.report-section-header {
    font-size: 20px;
    color: #003366;
    font-weight: 300;
    margin-top: 18px;
}

.report-checkbox {
    height: 15px;
    width: 15px;
    text-align: center;
    margin-left: 10px;
}

.report-q-and-a {
    width: 48%;
    float: left;
    margin-right: 1%;
}

.report-q-and-a-list li {
    padding-bottom: 10px;
}

/* End Report Styles */

/* Start Settings Styles */

.settings li.student a {
    background-image: url('../images/settings-student-background.png');
}

.settings li.student-and-module a {
    background-image: url('../images/settings-student-and-module-background.png');
}

.settings li.faculty a {
    background-image: url('../images/settings-faculty-background.png');
}

.settings li.department a {
    background-image: url('../images/settings-department-background.png');
}

.settings li.school a {
    background-image: url('../images/settings-school-background.png');
}

.settings li.programme a {
    background-image: url('../images/settings-programme-background.png');
}

.settings li.module a {
    background-image: url('../images/settings-module-background.png');
}

.settings li a {
    background-repeat: no-repeat;
    background-position: center center;
}

.settings .selected {
    background-color: #B8CEE1;
}
/* End Settings Styles */

/* Start Settings Search Styles  */

form#form0 {
    text-align: right;
}

input#searchQuery, input#keyword {
    width: 46%;
    font-size: 14px;
    padding-right: 32px;
    background: #eee;
    min-width: auto;
    margin-bottom: 12px;
    margin-top: 12px;
}

input#search-submit {
    background-image: url('../images/search-background.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #eee;
    font-size: 0;
    line-height: 0;
    height: 32px;
    min-width: 32px;
    padding: 6px;
    margin-left: -35px;
    position: relative;
    top: -5px;
    color: transparent;
}

.ie1 #search-submit {
    top: -6px;
}

.ie7 input#search-submit {
    top: -12px;
}

input#search-submit:hover {
    background-image: url('../images/search-hover-background.png');
}

#searchResults h3 {
    display: block;
    color: #fff;
    font-weight: normal;
    text-align: left;
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: -12px;
    padding-left: 34px;
}

h3.student {
    background-image: url("../images/settings-student-background.png");
    background-size: 16px 18px;
}

h3.faculty {
    background-image: url("../images/settings-faculty-background.png");
    background-size: 16px 21px;
}

h3.student, h3.faculty {
    background-position: 12px 11px;
}

h3.school {
    background-image: url("../images/settings-school-background.png");
    background-size: 18px 15px;
    background-position: 12px 14px;
}

h3.department {
    background-image: url("../images/settings-department-background.png");
    background-size: 18px 16px;
    background-position: 12px 13px;
}

h3.programme {
    background-image: url("../images/settings-programme-background.png");
    background-size: 13px 20px;
    background-position: 12px 9px;
}

h3.module {
    background-image: url("../images/settings-module-background.png");
    background-size: 16px 16px;
    background-position: 12px center;
}

h3.student, h3.faculty, h3.student, h3.faculty, h3.school, h3.department, h3.programme, h3.module {
    background-color: #4CBCD5;
    background-repeat: no-repeat;
}

.no-backgroundsize #searchResults h3 {
    background: #4CBCD5;
    padding-left: 12px;
}

#text-message-container {
    margin-bottom: -12px;
    background: #4CBCD5;
    padding-bottom: 2px;
}

#txtMessage {
    position: relative;
    top: -16px;
    width: 70%;
    background: rgba(255,255,255,0.10);
    color: #fff;
    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
    margin-bottom: -12px;
}

#txtMessage, a#addMessageId {
    margin-right: 12px;
}

    #txtMessage::-webkit-input-placeholder {
        color: #fff;
    }

a#addMessageId {
    display: block;
    color: #ffffff;
    margin-bottom: 12px;
}
/* End Settings Search Styles */

/* Start Search Result Styles */

table.search-results {
    text-align: left;
}

    table.student thead, table.search-results thead, table.student tfoot, table.search-results tfoot {
        background: #4CBCD5;
    }

    table.search-results th {
        padding-bottom: 12px;
    }

        table.student th:first-child, table.student tbody tr td:first-child, table.search-results th:first-child, table.search-results tbody tr td:first-child {
            text-align: center;
        }

        table.search-results th a, table.search-results tfoot a {
            color: #fff;
        }

    table.search-results thead a {
        color: #003366;
    }

    table.search-results tbody {
        background: #eee;
    }

        table.search-results tbody tr td {
            padding-top: 6px;
            padding-bottom: 6px;
            vertical-align: top;
        }

    table.student tfoot, table.search-results tfoot {
        color: #ddd;
    }

        table.search-results tfoot td {
            padding: 12px;
            text-align: left;
            font-size: 14px;
            letter-spacing: 3px;
        }

            table.search-results tfoot td a {
                background: rgba(255,255,255,0.05);
                padding-left: 6px;
                padding-right: 6px;
                padding-top: 3px;
                padding-bottom: 3px;
            }

table.search-results {
    border-bottom: 42px solid #4CBCD5; /* Will need removing */
}

table.student {
    border-bottom: 0;
    text-align: left;
}

table.search-results textarea.enteredmessages, table.search-results textarea.enterednotes {
    min-height: 50px;
    display: block;
    width: 100%;
}

table.Programme textarea.enteredmessages, table.Programme textarea.enterednotes {
    width: 260px;
}

table.search-results textarea.enterednotes {
    overflow-y: scroll;
}

.ie7 table.search-results textarea.enteredmessages, .ie7 table.search-results textarea.enterednotes {
    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
}

table.student thead tr th:nth-child(2), table.student thead tr th:nth-child(3), table.student tbody tr td:nth-child(2), table.student tbody tr td:nth-child(3) {
    text-align: left;
}

table.search-results thead tr th:first-child, table.search-results tbody tr td:first-child {
    padding-left: 12px;
}

.alternate-row-color tr:nth-child(even) td {
    background-color: #e5e5e5;
}

.alternate-row-color tr:nth-child(even):hover td {
    background-color: #e5e5e5;
}

.row-border-bottom td {
    border-bottom: 1px solid #e5e5e5;
}

p.grid-checkbox-container, p.grid-checkbox-container input[type="checkbox"], p.grid-checkbox-container label {
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
}

p.grid-checkbox-container {
    margin: 12px 0;
}

    p.grid-checkbox-container > input[type="checkbox"] {
        cursor: pointer;
        float: left;
        margin: 0;
        padding: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.ie7 p.grid-checkbox-container > input[type="checkbox"] {
    position: absolute;
    z-index: 99;
}

p.grid-checkbox-container > label, p.grid-checkbox-container > label.unchecked {
    background: #e5e5e5;
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.ie7 p.grid-checkbox-container > label {
    display: block;
}

p.grid-checkbox-container > label.checked {
    background-color: #e5e5e5;
    background-image: url('../images/checkbox-checked.png');
    background-repeat: no-repeat;
    background-position: center center;
}

table.search-results textarea.enteredmessages:focus, table.search-results textarea.enterednotes:focus, table.search-results textarea.enteredmessages:hover, table.search-results textarea.enterednotes:hover {
    background: #e5e5e5;
}

.grid-container {
    display: block;
    width: 100%;
}

    .grid-container .left {
        width: 90%;
        float: left;
    }

    .grid-container .right {
        width: 10%;
        float: right;
        position: relative;
        top: 18px;
        left: 50px;
    }

        .grid-container .right input {
            display: block;
        }

            .grid-container .right input[type = "button"] {
                font-family: inherit;
                font-size: 12px;
                cursor: pointer;
                background: #4CBCD5;
                border: 0;
                color: #fff;
                min-width: 38px;
                margin-left: 0;
            }

            .grid-container .right input[value="Edit"] {
                margin-bottom: 2px;
                margin-top: -4px;
            }

            .grid-container .right input[type="button"]:hover, .grid-container .right input[type="checkbox"]:hover + label {
                background: #5EC3D9;
            }

            .grid-container .right input[type="checkbox"] {
                position: absolute;
                cursor: pointer;
                margin-left: 0;
                height: 21px;
                width: 38px;
                z-index: 99;
                opacity: 0;
                filter: alpha(opacity=0);
            }

        .grid-container .right label {
            width: 38px;
            text-align: center;
            background: #4CBCD5;
            color: #fff;
            cursor: pointer;
        }

.ie7 .grid-container .right label {
    display: block;
}

.grid-container .right input[type="checkbox"] + label[for="Show Message"].checked {
    background: #0FA056;
}

table.search-results tfoot td a:hover, table.student tfoot td a:hover, #grid-results-submit:hover {
    background: rgba(255,255,255,0.10);
}

#grid-results-submit {
    position: relative;
    top: -50px;
    right: 12px;
    background: rgba(255,255,255,0.05);
}

    #grid-results-submit.student-view {
        right: 0;
        left: 6px;
    }

.no-rgba table.search-results tfoot td a, .no-rgba #grid-results-submit {
    background-image: url('../images/white-trans-0.05.png');
    background-repeat: repeat;
    background-position: top left;
    background-color: transparent;
}

    .no-rgba table.search-results tfoot td a:hover, .no-rgba table.student tfoot td a:hover, .no-rgba #grid-results-submit:hover, .no-rgba #txtMessage {
        background-image: url('../images/white-trans-0.10.png');
        background-position: top left;
        background-repeat: repeat;
        background-color: transparent;
    }
/* End Search Result Styles */

/* End Admin Styles */

/* Spinner */
.spinner {
    width: 24px;
    height: 24px;
    margin: 0 50% 0 50%;
}

/* Center */
.center {
    text-align: center;
}

/* End Body */

/* Start Footer */

footer {
    padding-top: 16px;
    border-top: 1px solid #eee;
}

    footer p {
        padding-right: 3.3%;
        float: left;
        line-height: 60px;
    }

    footer .sponsor {
        float: right;
        padding-left: 1.5%;
        padding-bottom: 1.5%;
    }

.sponsor a {
    display: block;
    background-repeat: none;
    color: transparent;
    font-size: 0;
}

.russell-group {
    width: 109px;
    height: 50px;
}

    .russell-group a {
        width: 109px;
        height: 50px;
        background-image: url('/Content/Images/russell-group.png');
        background-repeat: none;
        background-size: 109px 50px;
    }

.universitas-21 {
    width: 52px;
    height: 50px;
}

    .universitas-21 a {
        width: 52px;
        height: 50px;
        background-image: url('/Content/Images/universitas-21.png');
        background-repeat: none;
        background-size: 52px 50px;
    }

.chrome footer img.sponsor:hover, .opera footer img.sponsor:hover, .safari footer img.sponsor:hover, .ff footer img.sponsor:hover, .ff2 footer img.sponsor:hover, .ie9 footer img.sponsor:hover, .ie1 footer img.sponsor:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

footer nav ul {
    border-bottom: 0;
}
/* End Footer */

/* Hidden Elements */

h4, hr, .hidden {
    display: none;
}
/* End Hidden Elements */

/* Start No JavaScript Styles */

.no-js body, .no-js .wrapper {
    background: #f8f8f8;
}

.no-js .home-featured, .no-js #filter-container, .no-js .close, .no-js ul#filter-buttons, .no-js #page-links, .no-js ul#my-programme, .no-js ul#my-assessments {
    display: none;
}

.no-js #anchor-buttons, .no-js #welcome, .no-js #my-marks, .no-js #my-award, .no-js #my-timetable, .no-js #my-modules, .no-js #my-assessments, .no-js .back-to-top {
    display: block;
}

.no-js #welcome {
    background: #eee;
    padding-top: 6px;
    margin-bottom: 12px;
}

.no-js #welcome {
    margin-top: 12px;
    text-align: center;
}

.no-js .welcome > form > span:hover, .no-js #details {
    text-decoration: none;
    cursor: auto;
}

.no-js #my-assessments {
    margin-bottom: 0;
}

.no-js footer {
    background: none;
}
/* End No JavaScript Styles */

/* Start Responsive Styles */

@media only screen and (min-width: 991px) and (max-width: 1250px) {
    body {
        background: #F8F8F8; /* Remove background image for smaller devices */
    }
}

@media only screen and (min-width: 992px) and (max-width: 1005px) {
    body {
        overflow-x: hidden; /* Removes the unnecessary horizontal scroll-bar between these screen widths */
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* GENERAL TABLET ----------------------------------------------------*/

    body {
        background: #F8F8F8; /* Remove background for smaller devices */
    }

    header, .wrapper, footer {
        width: 712px;
    }

    .no-js nav ul#anchor-buttons {
        height: auto;
        max-height: 100%;
    }

        .no-js nav ul#anchor-buttons li {
            display: block;
            border-bottom: 1px solid #eee;
        }

    .no-js ul#anchor-buttons li:last-child {
        border-bottom: none;
    }

    .no-js ul#anchor-buttons li {
        background-position: 295px center;
    }

    #filter-container {
        width: 732px;
        min-height: 100%;
    }

        #filter-container figure {
            width: 223px;
            margin-right: 20px;
            margin-bottom: 21px;
        }

            #filter-container figure.my-programme figcaption, #filter-container figure.my-assessments figcaption {
                background-position: center 173px;
                background-size: 50px 49px;
            }

    .ie8 #filter-container figure.my-programme figcaption, .ie7 #filter-container figure.my-programme figcaption {
        background-image: url('../images/no-rgba-figure-my-programme-100.png');
        background-position: center 335px;
        background-repeat: repeat;
    }

    .ie7 #filter-container figure.my-programme figcaption {
        background-position: center 325px;
    }

    .ie8 #filter-container figure.my-assessments figcaption, .ie7 #filter-container figure.my-assessments figcaption {
        background-image: url('../images/no-rgba-figure-my-assessments-100.png');
        background-position: center 350px;
        background-repeat: repeat;
    }

    .ie7 #filter-container figure.my-assessments figcaption {
        background-position: center 345px;
    }

    ul.campus li.first, ul.options li.first, ul.settings li.first {
        margin-right: 12px;
    }

    ul.campus li.second, ul.options li.second, ul.settings li.second {
        margin-right: 12px;
    }

    ul.options li.left, ul.options li.right, ul.settings li.left, ul.settings li.right, ul.busy li.left, ul.busy li.right {
        width: 348px;
    }

    ul.options li.left, ul.settings li.left, ul.busy li.left {
        margin-right: 6px;
    }

    ul.options li.right, ul.settings li.right, ul.busy li.right {
        margin-left: 6px;
    }

    ul.campus li, ul.options li, ul.settings li, ul.busy li {
        width: 227px;
    }

        ul.campus li a, ul.campus li p, ul.options li a, ul.settings li a, ul.busy li a, ul.busy li span {
            min-width: 227px;
        }

        ul.busy li.nursing a {
            padding-top: 118px;
            background-position: center 12px;
        }

    table.search-results textarea.enteredmessages, table.search-results textarea.enterednotes {
        min-width: 410px;
    }

    .email td.first-child {
        width: auto;
    }

    footer {
        text-align: center;
        background: none;
    }

        footer img.sponsor, footer p {
            float: none;
        }

        footer p {
            padding-bottom: 12px;
            padding-top: 0;
            padding-left: 0;
            line-height: normal;
        }

        footer nav ul {
            border: 0;
        }

            footer nav ul li {
                display: block;
                border-bottom: 1px solid #eee;
            }

                footer nav ul li:last-child {
                    margin-bottom: 24px;
                    border: 0;
                }
}
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {

    .wrapper {
        width: 252px;
    }

    header, footer {
        width: 438px;
    }

    header {
        text-align: center;
    }

    a img#logo, img#logo, .welcome {
        float: none;
    }

    #title {
        display: none;
    }

    .welcome {
        position: static;
        padding-bottom: 12px;
    }

    #my-details ul {
        margin-bottom: 12px;
    }

        #my-details ul li {
            display: block;
        }

    #my-details .close {
        float: none;
        display: block;
        max-width: 100%;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 8px;
    }

        #my-details .close:after {
            content: "Close";
        }

    #filter-container {
        min-height: 100%;
    }

    .ie8 #filter-container figure.my-programme figcaption, .ie7 #filter-container figure.my-programme figcaption {
        background-image: url('../images/no-rgba-figure-my-programme-100.png');
        background-position: center 315px;
        background-repeat: repeat;
    }

    .ie7 #filter-container figure.my-programme figcaption {
        background-position: center 310px;
    }

    .ie8 #filter-container figure.my-assessments figcaption, .ie7 #filter-container figure.my-assessments figcaption {
        background-image: url('../images/no-rgba-figure-my-assessments-100.png');
        background-position: center 335px;
        background-repeat: repeat;
    }

    .ie7 #filter-container figure.my-assessments figcaption {
        background-position: center 330px;
    }

    .no-js nav ul#anchor-buttons {
        height: auto;
        max-height: 100%;
    }

        .no-js nav ul#anchor-buttons li {
            display: block;
            border-bottom: 1px solid #eee;
        }

            .no-js nav ul#anchor-buttons li:last-child {
                border-bottom: none;
            }
    /*
	.no-js nav ul#anchor-buttons li.show-all, .no-js nav ul#anchor-buttons li.show-all:hover, .no-js nav ul#anchor-buttons li.my-programme, .no-js nav ul#anchor-buttons li.my-programme:hover, .no-js nav ul#anchor-buttons li.my-assessments, .no-js nav ul#anchor-buttons li.my-assessments:hover, .no-js nav ul#anchor-buttons li.my-admin, .no-js nav ul#anchor-buttons li.my-admin:hover{
		background-position: 150px center;
	}
	*/
    #filter-container figure.my-programme figcaption, #filter-container figure.my-assessments figcaption {
        background-position: center 157px;
        background-size: 50px 49px;
    }

    #filter-container {
        width: 252px;
    }

        #filter-container figure {
            width: 252px;
            margin-right: 0px;
            margin-bottom: 20px;
        }

            #filter-container figure figcaption .heading {
                font-size: 28px;
            }

    ul.campus li, ul.options li, ul.settings li, ul.campus li a, ul.campus li p, ul.options li a, ul.settings li a, ul.campus li.module-marks, ul.options li.first, ul.settings li.first, ul.campus li.second, ul.options li.second, ul.settings li.second, ul.options li.left, ul.settings li.left, ul.options li.right, ul.settings li.right, ul.busy li.left, ul.busy li.right, ul.settings li.whole, ul.busy li.whole {
        width: 100%;
        min-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

        ul.settings li.whole a, ul.busy li.whole a {
            min-width: auto;
        }

    .grid-container .left, .grid-container .right {
        float: none;
    }

    .grid-container .right {
        padding-bottom: 12px;
        margin-top: -12px;
    }

    table.search-results textarea.enteredmessages, table.search-results textarea.enterednotes {
        min-width: 205px;
    }

    .modules td:nth-child(1), .transcript td:nth-child(1) {
        width: auto;
        max-width: auto;
    }

    .survey td:nth-child(1), .modules td:nth-child(2), .transcript td:nth-child(2) {
        width: auto;
        max-width: auto;
    }

    .modules td:nth-child(3), .modules th:nth-child(3), .transcript td:nth-child(3), .transcript th:nth-child(3) {
        text-align: left;
    }

    .ie7 .modules td {
        border-bottom: 0;
    }

    footer {
        text-align: center;
        background: none;
    }

        footer img.sponsor, footer p {
            float: none;
        }

        footer p {
            padding-bottom: 12px;
            padding-top: 0;
            padding-left: 0;
            line-height: normal;
        }

        footer nav ul {
            border: 0;
        }

            footer nav ul li {
                display: block;
                border-bottom: 1px solid #eee;
            }

                footer nav ul li:last-child {
                    margin-bottom: 24px;
                    border: 0;
                }
}

@media only screen and (min-width: 480px) and (max-width: 499px) {
    body {
        overflow-x: hidden; /* Removes the unnecessary horizontal scroll-bar */
    }
}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    body {
        background: #f8f8f8;
    }

    header, .wrapper, footer {
        width: 436px;
    }

    #logo {
        float: none;
        margin: 0 auto;
    }

    #title {
        display: none;
    }

    section#loginForm fieldset {
        width: 50%;
        margin: auto;
    }

    input#RememberMe {
        display: inline;
    }

    nav ul li.show-all {
        background-position: 13px center;
    }

        nav ul li.show-all:hover {
            background-position: 13px center;
        }

        nav ul li.show-all.home, nav ul li.show-all.home:hover {
            min-width: 54px;
            background-position: 4px center;
        }

    .no-backgroundsound nav ul li.show-all, .no-backgroundsound nav ul li.show-all:hover {
        background-position: 5px center;
    }

    nav ul li.my-programme, .no-backgroundsize nav ul li.my-programme, nav ul li.my-programme:hover, .no-backgroundsize nav ul li.my-programme:hover {
        background-position: 5px center;
        min-width: 98px;
    }

    nav ul li.my-assessments, .no-backgroundsize nav ul li.my-assessments, nav ul li.my-assessments.selected, nav ul li.my-assessments:hover, .no-backgroundsize nav ul li.my-assessments:hover, .no-backgroundsize nav ul li.my-assessments.selected {
        background-position: 6px center;
        min-width: 94px;
    }

    nav ul li.my-admin, .no-backgroundsize nav ul li.my-admin, nav ul li.my-admin:hover, .no-backgroundsize nav ul li.my-admin:hover, nav ul li.my-admin.selected, nav ul li.my-admin.selected:hover, .no-backgroundsize nav ul li.my-admin.selected, .no-backgroundsize nav ul li.my-admin.selected:hover {
        background-position: 7px center;
    }

    .no-js ul#anchor-buttons li {
        background-position: 155px center;
    }

    #filter-container {
        width: 460px;
    }

        #filter-container figure {
            width: 206px;
            margin-right: 24px;
            float: left;
        }

    .note {
        width: 396px;
    }
    /* Start Module Grid Responsive Style */

    table.modules, table.modules thead, table.modules tbody, table.modules th, table.modules td, table.modules tr, table.transcript, table.transcript thead, table.transcript tbody, table.transcript th, table.transcript td, table.transcript tr {
        display: block;
    }

        table.modules thead, table.transcript thead {
            display: none;
        }

    .ie8 table.modules thead, .ie7 table.modules thead, .ie8 table.transcript thead, .ie7 table.transcript thead {
        display: block;
    }

    .ie8 .gridHead a:link, .ie8 .gridHead a:visited, .ie8 .gridHead a:active, .ie8 .gridHead a:hover {
        background: none;
    }

    .ie7 .gridHead a:link, .ie7 .gridHead a:visited, .ie7 .gridHead a:active, .ie7 .gridHead a:hover {
        background: none;
    }

    .ie9 table.modules, .ie9 table.modules tbody, .ie9 table.modules tr, .ie9 table.modules td, .ie9 table.transcript, .ie9 table.transcript tbody, .ie9 table.transcript tr, .ie9 table.transcript td {
        float: left;
    }

        .ie9 table.modules td, .ie9 table.transcript td {
            width: 206px;
        }

    .modules tr.gridRow, .modules tr.gridAltRow, .transcript tr.gridRow, .transcript tr.gridAltRow {
        border: 0;
    }

    .ie8 .modules td, .ie8 .transcript td {
        border-bottom: 1px solid #e5e5e5;
    }

    .modules tr.gridRow, .transcript tr.gridRow {
        background: #eee;
    }

    #transcript-print-vew tr.gridRow, .transcript tr.gridRow {
        border-bottom: 0;
        background-color: #F7F7F7;
    }

    .ie8 .modules tr.gridRow, .ie8 .transcript tr.gridRow, .ie7 .modules tr.gridRow, .ie7 .transcript tr.gridRow {
        background: transparent;
    }

    .gridTable td {
        background-color: #f8f8f8;
    }

    .search-results td {
        background-color: #eee;
    }

    .modules td, .transcript td {
        padding-left: 20%;
        min-height: 16px;
    }

    .ie8 .modules td, .ie7 .modules td, .ie8 .transcript td, .ie7 .transcript td {
        padding-left: 10px;
    }

    .modules td:before, .transcript td:before {
        white-space: nowrap;
        text-align: left;
        position: absolute;
        left: 10px;
        color: #003366;
    }

    #transcript-print-view .transcript td:before {
        color: #000;
    }

    .modules td:first-child::before {
        content: "Module";
    }

    .modules td:nth-child(2)::before {
        content: "Survey";
    }

    .modules td:nth-child(3)::before {
        content: "Lecturer";
    }

    .modules td:nth-child(4)::before {
        content: "Expires";
    }

    .transcript td:first-child::before {
        content: "Code";
    }

    .transcript td:nth-child(2)::before {
        content: "Title";
    }

    .transcript td:nth-child(3)::before {
        content: "Credits";
    }

    .transcript td:nth-child(4)::before {
        content: "Semester";
    }

    .transcript td:nth-child(5)::before {
        content: "Mark";
    }

    .transcript td:nth-child(5), .transcript td:nth-child(6), .transcript td:nth-child(7) {
        text-align: left;
    }

        .transcript td:nth-child(6)::before {
            content: "1st Resit";
        }

        .transcript td:nth-child(7)::before {
            content: "2nd Resit";
        }
    /* End Module Grid Responsive Style */

    /* Start Survey Styles */
    .survey-rating-ranking-container {
        width: auto;
    }

    ul.survey-rating-question li {
        min-width: 80px;
    }

    .survey-question-container textarea {
        width: 97.5%;
    }
    /* End Survey Styles */

    /* Start Survey Details for Students Styles */
    /* SS: CAN'T OVERRIDE FONT SIZES FOR SOME REASON */
    /*div#main div.wrapper p.student-survey-details {
	    font-size: 24pt;
	}*/
    /* End Survey Details for Students Styles */

    #channel form {
        width: auto;
    }

    form#form0 {
        text-align: left;
    }

    input#searchQuery, input#keyword {
        width: 398px;
    }

    .chrome input#search-submit, .safari input#search-submit {
        top: -44px;
        float: right;
    }

    .ie9 input#search-submit, .ie1 input#search-submit {
        float: right;
        top: 12px;
    }

    .survey-question-container {
        clear: both;
        padding: 12px 12px 30px;
    }

    ul.survey-rating-question li {
        display: inline;
        float: left;
        min-width: 0;
        text-align: center;
        width: 20%;
    }
}

@media only screen and (max-width: 480px) {
    body {
        background: #f8f8f8;
    }

    header, footer, .wrapper {
        width: 250px;
    }

    #title {
        display: none;
    }

    #logo {
        float: none;
        margin: 0 auto;
    }

    header nav ul {
        max-height: 100%;
        height: 100%;
        margin-bottom: 0;
    }

        header nav ul li {
            display: block;
            height: 100%;
            max-height: 100%;
            border-bottom: 1px solid #eee;
        }

    section#loginForm fieldset {
        width: auto;
        margin: auto;
    }

    #transcript-print-view span.date-time {
        margin-left: 0;
        display: block;
        margin-top: 12px;
    }

    form input[type="text"], form input[type="password"] {
        width: 96%;
    }

    input#RememberMe {
        display: inline;
    }

    .ie7 nav ul li {
        display: block;
    }

    header nav ul li:last-child, .ie7 nav ul, .ie8 nav ul {
        border-bottom: 0;
    }

    nav ul#filter-buttons, nav ul#my-programme, nav ul#my-assessments, nav ul#page-links, .no-js nav ul#page-links {
        display: none;
    }

    nav ul#anchor-buttons {
        display: block;
    }

    nav ul#my-admin, .no-js nav ul#my-programme, .no-js nav ul#my-assessments {
        margin-top: auto;
        border-top: 0;
        margin-bottom: 12px;
    }

    nav ul li.show-all a, .no-backgroundsize nav ul li.show-all a,
    nav ul li.show-all a:hover, .no-backgroundsize nav ul li.show-all a:hover,
    nav ul li.my-programme a, .no-backgroundsize nav ul li.my-programme a, .no-js nav ul li.my-programme a,
    nav ul li.my-programme:hover a, .no-backgroundsize nav ul li.my-programme a:hover, .no-js nav ul li.my-programme a:hover,
    nav ul li.my-assessments a, .no-backgroundsize nav ul li.my-assessments a, .no-js nav ul li.my-assessments a,
    nav ul li.my-assessments a:hover, .no-backgroundsize nav ul li.my-assessments a:hover, .no-js nav ul li.my-assessments a:hover,
    nav ul li.my-admin a, .no-backgroundsize nav ul li.my-admin a, .no-js nav ul li.my-admin a,
    nav ul li.my-admin a:hover, .no-backgroundsize nav ul li.my-admin a:hover, .no-js nav ul li.my-admin a:hover,
    ul#my-admin li.campus a, ul#my-admin li.campus span,
    ul#my-admin li.options a, ul#my-admin li.options span,
    ul#my-admin li.module-marks a, ul#my-admin li.module-marks span,
    ul#my-admin li.award a, ul#my-admin li.award span,
    ul#my-admin li.assessment a, ul#my-admin li.assessment span,
    ul#my-admin li.settings a, ul#my-admin li.settings span,
    ul#my-admin li.report a, ul#my-admin li.report span,
    ul#my-admin li.student a, ul#my-admin li.student span,
    ul#my-admin li.student-and-module a, ul#my-admin li.student-and-module span,
    ul#my-admin li.faculty a, ul#my-admin li.faculty span,
    ul#my-admin li.school a, ul#my-admin li.school span,
    ul#my-admin li.department a, ul#my-admin li.department span,
    ul#my-admin li.module a, ul#my-admin li.module span,
    ul#my-admin li.programme a, ul#my-admin li.programme span,
    ul#my-admin li.email a, ul#my-admin li.email span,
    ul#my-admin li.user-maintenance a, ul#my-admin li.user-maintenance span,
    ul#my-admin li.display-text a, ul#my-admin li.display-text span,
    ul#my-admin li.student-view a, ul#my-admin li.student-view span,
    ul#my-admin li.my-survey a, ul#my-admin li.my-survey span,
    .no-backgroundsize ul#my-admin li.campus a, .no-backgroundsize ul#my-admin li.campus span,
    .no-backgroundsize ul#my-admin li.options a, .no-backgroundsize ul#my-admin li.options span,
    .no-backgroundsize ul#my-admin li.module-marks a, .no-backgroundsize ul#my-admin li.module-marks span,
    .no-backgroundsize ul#my-admin li.award a, .no-backgroundsize ul#my-admin li.award span,
    .no-backgroundsize ul#my-admin li.assessment a, .no-backgroundsize ul#my-admin li.assessment span,
    .no-backgroundsize ul#my-admin li.settings a, .no-backgroundsize ul#my-admin li.settings span,
    .no-backgroundsize ul#my-admin li.report a, .no-backgroundsize ul#my-admin li.report span .no-backgroundsize ul#my-admin li.student a, .no-backgroundsize ul#my-admin li.student span,
    .no-backgroundsize ul#my-admin li.student-and-module a, .no-backgroundsize ul#my-admin li.student-and-module span,
    .no-backgroundsize ul#my-admin li.faculty a, .no-backgroundsize ul#my-admin li.faculty span,
    .no-backgroundsize ul#my-admin li.school a, .no-backgroundsize ul#my-admin li.school span,
    .no-backgroundsize ul#my-admin li.department a, .no-backgroundsize ul#my-admin li.department span,
    .no-backgroundsize ul#my-admin li.module a, .no-backgroundsize ul#my-admin li.module span,
    .no-backgroundsize ul#my-admin li.programme a, .no-backgroundsize ul#my-admin li.programme span,
    .no-backgroundsize ul#my-admin li.email a, .no-backgroundsize ul#my-admin li.email span {
        background-position: 55px center;
    }

    .wrapper {
        background: #F8F8F8;
    }

    #transcript-print-view .wrapper {
        background: #fff;
    }

    .home-featured, #filter-container {
        display: none;
    }

    .content {
        display: block;
    }

    .note {
        width: 212px;
    }

    #welcome {
        display: block;
        background: #eee;
        margin-top: 16px;
        text-align: center;
        padding: 12px;
    }

    .content h3, .content h5, .content h6, .content h7 {
        font-size: 20px;
    }

    .back-to-top {
        display: block;
    }

    .close {
        display: none;
    }

    h2 {
        margin-top: 12px;
    }

    /* Start Module Grid Responsive Style */

    table.modules, table.modules thead, table.modules tbody, table.modules th, table.modules td, table.modules tr, table.transcript, table.transcript thead, table.transcript tbody, table.transcript th, table.transcript td, table.transcript tr, table.email, table.email thead, table.email tbody, table.email th, table.email td {
        display: block;
    }

        table.modules thead, table.transcript thead, table.email thead {
            display: none;
        }

    .ie8 table.modules thead, .ie7 table.modules thead, .ie8 table.transcript thead, .ie7 table.transcript thead, .ie7 .email thead {
        display: block;
    }

    .ie8 .gridHead a:link, .ie8 .gridHead a:visited, .ie8 .gridHead a:active, .ie8 .gridHead a:hover {
        background: none;
    }

    .ie7 .gridHead a:link, .ie7 .gridHead a:visited, .ie7 .gridHead a:active, .ie7 .gridHead a:hover {
        background: none;
    }

    .modules tr.gridRow, .modules tr.gridAltRow, .transcript tr.gridRow, .transcript tr.gridAltRow, .email tr, .email tr.even {
        border: 0;
    }

    .ie8 .modules td, .ie8 .transcript td, .ie7 .modules td, .ie7 .transcript td {
        border-bottom: 1px solid #e5e5e5;
    }

    .ie9 table.modules, .ie9 table.modules tbody, .ie9 table.modules tr, .ie9 table.modules td, .ie9 table.transcript, .ie9 table.transcript tbody, .ie9 table.transcript tr, .ie9 table.transcript td {
        float: left;
    }

        .ie9 table.modules td, .ie9 table.transcript td {
            width: 116px;
        }

    .modules tr.gridRow, .transcript tr.gridRow, tr.even, tr.even input {
        background: #eee;
    }

    #transcript-print-vew tr.gridRow, .transcript tr.gridRow {
        border-bottom: 0;
        background-color: #F7F7F7;
    }

    .ie8 .modules tr.gridRow, .ie8 .transcript tr.gridRow, .ie7 .modules tr.gridRow, .ie7 .transcript tr.gridRow {
        background: transparent;
    }

    .modules td, .transcript td, .email td {
        padding-left: 30%;
        min-height: 16px;
    }

    .ie8 .modules td, .ie7 .modules td, .ie8 .transcript td, .ie7 .transcript td {
        padding-left: 10px;
    }

    .modules td:before, .transcript td:before, .email td:before {
        white-space: nowrap;
        text-align: left;
        position: absolute;
        left: 10px;
        color: #003366;
    }

    #transcript-print-view .transcript td:before {
        color: #000;
    }

    .modules td:first-child::before {
        content: "Module";
    }

    .modules td:nth-child(2)::before {
        content: "Survey";
    }

    .modules td:nth-child(3)::before {
        content: "Lecturer";
    }

    .modules td:nth-child(4)::before {
        content: "Expires";
    }

    .transcript td:first-child::before {
        content: "Code";
    }

    .transcript td:nth-child(2)::before {
        content: "Title";
    }

    .transcript td:nth-child(3)::before {
        content: "Credits";
    }

    .transcript td:nth-child(4)::before {
        content: "Semester";
    }

    .transcript td:nth-child(5)::before {
        content: "Mark";
    }

    .transcript td:nth-child(5), .transcript td:nth-child(6), .transcript td:nth-child(7) {
        text-align: left;
    }

        .transcript td:nth-child(6)::before {
            content: "1st Resit";
        }

        .transcript td:nth-child(7)::before {
            content: "2nd Resit";
        }

    .email td.first-child {
        width: auto;
    }

        .email td.first-child::before {
            content: "Name";
        }

    .email td.second-child::before {
        content: "Progress";
    }

    .email td.third-child::before {
        content: "Date";
    }

    .email td.fourth-child::before {
        content: "Actions";
    }

    .email td.second-child progress, .email td.second-child span, .email td.fourth-child input {
        display: block;
    }

    .email td.second-child span {
        margin-top: 6px;
        padding-left: 18px;
    }

    .email td.first-child {
        width: auto;
    }

    #text-message-container {
        margin-top: 12px;
    }

    #txtMessage {
        position: static;
        width: 80%;
    }

    a#addMessageId {
        margin-top: 12px;
    }

    table.search-results textarea.enteredmessages, table.search-results textarea.enterednotes {
        min-width: 70px;
    }

    /* End Module Grid Responsive Style */

    /* Start Survey Styles */
    .survey-question-container {
        clear: both;
        padding: 12px 12px 30px;
    }

    .survey-rating-ranking-container {
        width: auto;
    }

    ul.survey-rating-question li {
        display: inline;
        float: left;
        min-width: 0;
        text-align: center;
        width: 20%;
    }

    .survey-question-container textarea {
        width: 96%;
    }
    /* End Survey Styles */
    #channel form {
        width: auto;
    }
    /* End Survey Styles */

    form#form0 {
        text-align: left;
    }

    #channel form {
        width: auto;
    }

    input#searchQuery, input#keyword {
        width: 209px;
    }

    .chrome input#searchQuery, .safari input#searchQuery, .chrome input#keyword, .safari input#keyword {
        min-width: 210px;
    }

    .ie1 input#searchQuery, .ie1 input#keyword {
        width: 212px;
        min-width: 212px;
    }

    .ie1 input#search-submit, .chrome input#search-submit, .safari input#search-submit {
        float: right;
    }

    .chrome input#search-submit, .safari input#search-submit {
        top: -44px;
    }

    .ie1 input#search-submit {
        top: 12px;
    }

    footer p {
        padding-top: 12px;
        line-height: normal;
    }
}

/* Start Retina Styles */

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    body {
        background: #f8f8f8;
    }

    #logo a {
        background-image: url('/Content/images/logo@2x.png');
    }

    #logo.uat a {
        background-image: url('/Content/images/uat-logo@2x.png');
    }

    #my-details .close:after {
        content: "Close";
    }

    #details {
        background-image: url('/Content/Images/my-details@2x.png');
    }

    nav ul li.show-all a {
        background-image: url('../images/nav-show-all@2x.png');
        background-size: 12px 12px;
    }

        nav ul li.show-all a:hover {
            background-image: url('../images/nav-show-all@2x.png');
            background-size: 12px 12px;
        }

    nav ul li.my-programme a {
        background-image: url('../images/nav-my-programme@2x.png');
        background-size: 12px 12px;
    }

        nav ul li.my-programme a:hover, nav ul li.my-programme.selected a {
            background-image: url('../images/nav-my-programme@2x.png');
            background-size: 12px 12px;
        }

    nav ul li.my-assessments a {
        background-image: url('../images/nav-my-assessments@2x.png');
        background-size: 8px 12px;
    }

        nav ul li.my-assessments a:hover, nav ul li.my-assessments.selected a {
            background-image: url('../images/nav-my-assessments@2x.png');
            background-size: 8px 12px;
        }

    nav ul li.my-admin a {
        background-image: url('../images/nav-my-admin@2x.png');
        background-size: 12px 12px;
    }

        nav ul li.my-admin a:hover, nav ul li.my-admin.selected a {
            background-image: #eee url('../images/nav-my-admin@2x.png');
            background-size: 12px 12px;
        }

        nav ul li.show-all a, nav ul li.show-all a:hover, nav ul li.my-programme a, nav ul li.my-programme a:hover, nav ul li.my-programme.selected a, nav ul li.my-assessments a, nav ul li.my-assessments a:hover, nav ul li.my-assessments.selected a, nav ul li.my-admin a, nav ul li.my-admin a:hover, nav ul li.my-admin.selected a {
            background-repeat: no-repeat;
        }

    ul#my-admin li.campus a, ul#my-admin li.campus span {
        background-image: url('../images/nav-campus@2x.png');
    }

    ul#my-admin li.options a, ul#my-admin li.options span {
        background-image: url('../images/nav-channel@2x.png');
    }

    ul#my-admin li.module-marks a, ul#my-admin li.module-marks span {
        background-image: url('../images/nav-module-marks@2x.png');
    }

    ul#my-admin li.award a, ul#my-admin li.award span {
        background-image: url('../images/nav-award@2x.png');
    }

    ul#my-admin li.assessment a, ul#my-admin li.assessment span {
        background-image: url('../images/nav-assessment@2x.png');
    }

    ul#my-admin li.report a, ul#my-admin li.report span {
        background-image: url('../images/nav-report@2x.png');
    }

    ul#my-admin li.settings a, ul#my-admin li.settings span {
        background-image: url('../images/nav-settings@2x.png');
    }

    ul#my-admin li.student a, ul#my-admin li.student span {
        background-image: url('../images/nav-student@2x.png');
    }

    ul#my-admin li.student-and-module a, ul#my-admin li.student-and-module span {
        background-image: url('../images/nav-student-and-module@2x.png');
    }

    ul#my-admin li.faculty a, ul#my-admin li.faculty span {
        background-image: url('../images/nav-faculty@2x.png');
    }

    ul#my-admin li.school a, ul#my-admin li.school span {
        background-image: url('../images/nav-school@2x.png');
    }

    ul#my-admin li.department a, ul#my-admin li.department span {
        background-image: url('../images/nav-department@2x.png');
    }

    ul#my-admin li.module a, ul#my-admin li.module span {
        background-image: url('../images/nav-module@2x.png');
    }

    ul#my-admin li.programme a, ul#my-admin li.programme span {
        background-image: url('../images/nav-programme@2x.png');
    }

    ul#my-admin li.email a, ul#my-admin li.email span {
        background-image: url('../images/nav-email@2x.png');
    }

    ul#my-admin li.user-maintenance a, ul#my-admin li.user-maintenance span {
        background-image: url('../images/nav-user-maintenance@2x.png');
    }

    ul#my-admin li.display-text a, ul#my-admin li.display-text span {
        background-image: url('../images/nav-display-text@2x.png');
    }

    ul#my-admin li.student-view a, ul#my-admin li.student-view span {
        background-image: url('../images/nav-student-view@2x.png');
    }

    ul#my-admin li.survey-management a, ul#my-admin li.survey-management span {
        background-image: url('../images/nav-survey-management@2x.png');
    }

    ul#my-admin li.survey-reporting a, ul#my-admin li.survey-reporting span {
        background-image: url('../images/nav-survey-reporting@2x.png');
    }

    ul#my-admin li.campus a, ul#my-admin li.campus span,
    ul#my-admin li.options a, ul#my-admin li.options span,
    ul#my-admin li.module-marks a, ul#my-admin li.module-marks span,
    ul#my-admin li.award a, ul#my-admin li.award span,
    ul#my-admin li.assessment a, ul#my-admin li.assessment span,
    ul#my-admin li.report a, ul#my-admin li.report span,
    ul#my-admin li.settings a, ul#my-admin li.settings span,
    ul#my-admin li.student a, ul#my-admin li.student span,
    ul#my-admin li.student-and-module a, ul#my-admin li.student-and-module span,
    ul#my-admin li.faculty a, ul#my-admin li.faculty span,
    ul#my-admin li.school a, ul#my-admin li.school span,
    ul#my-admin li.department a, ul#my-admin li.department span,
    ul#my-admin li.module a, ul#my-admin li.module span,
    ul#my-admin li.programme a, ul#my-admin li.programme span,
    ul#my-admin li.email a, ul#my-admin li.email span,
    ul#my-admin li.user-maintenance a, ul#my-admin li.user-maintenance span,
    ul#my-admin li.display-text a, ul#my-admin li.display-text span,
    ul#my-admin li.student-view a, ul#my-admin li.student-view span,
    ul#my-admin li.survey-management a, ul#my-admin li.survey-management span,
    ul#my-admin li.survey-reporting a, ul#my-admin li.survey-reporting span {
        background-color: transparent;
        background-size: 12px 12px;
    }

    #filter-container figure.my-programme figcaption {
        background-image: url('../images/figure-my-programme@2x.png');
    }

    #filter-container figure.my-assessments figcaption {
        background-image: url('../images/figure-my-assessments@2x.png');
    }

    #filter-container figure.my-programme figcaption, #filter-container figure.my-assessments figcaption {
        background-size: 50px 49px;
    }

    h2.my-programme {
        background-image: url('../images/header-my-programme@2x.png');
    }

    h2.my-assessments {
        background-image: url('../images/header-my-assessments@2x.png');
    }

    h2.my-programme, h2.my-assessments {
        background-position: left 7px;
        background-size: 20px 20px;
        padding-left: 25px;
    }

    .gridHead a:link, .gridHead a:visited, .gridHead a:active, .gridHead a:hover {
        background-image: url('../images/gridHead-th-a-background@2x.png');
        background-size: 12px 7px;
    }

    .campus li.uk a {
        background-image: url('../images/campus-uk-background@2x.png');
        background-size: 150px 100px;
    }

    .campus li.china p, .busy li.china a, .busy li.china span {
        background-image: url('../images/campus-china-background@2x.png');
        background-size: 89px 74px;
    }

    .campus li.malaysia p, .busy li.malaysia a, .busy li.malaysia span {
        background-image: url('../images/campus-malaysia-background@2x.png');
        background-size: 142px 100px;
    }

    .options li.module-marks a {
        background-image: url('../images/options-module-marks-background@2x.png');
        background-size: 87px 100px;
    }

    .options li.award a {
        background-image: url('../images/options-award-background@2x.png');
        background-size: 98px 100px;
    }

    .options li.progression a {
        background-image: url('../images/options-assessment-background@2x.png');
        background-size: 56px 77px;
    }

    .options li.user-maintenance a {
        background-image: url('../images/options-user-maintenance-background@2x.png');
        background-size: 81px 62px;
    }

    .options li.add-user a {
        background-image: url('../images/options-user-maintenance-add-background@2x.png');
        background-size: 81px 62px;
    }

    .options li.edit-user a {
        background-image: url('../images/options-user-maintenance-edit-background@2x.png');
        background-size: 81px 62px;
    }

    .options li.delete-user a {
        background-image: url('../images/options-user-maintenance-delete-background@2x.png');
        background-size: 81px 62px;
    }

    .options li.display-text a {
        background-image: url('../images/options-display-text-background@2x.png');
        background-size: 73px 62px;
    }

    .options li.student-view a {
        background-image: url('../images/options-display-text-background@2x.png');
        background-size: 73px 62px;
    }

    .busy li.busy a, .busy li.busy span {
        background-image: url('../images/busy-background@2x.png');
        background-size: 93px 102px;
    }

    .busy li.nursing a, .busy li.nursing span {
        background-image: url('../images/nursing-background@2x.png');
        background-size: 92px 102px;
    }

    .busy li.contact a, .busy li.contact span {
        background-image: url('../images/contact-background@2x.png');
        background-size: 166px 102px;
    }

    h2.module-marks {
        background-image: url('../images/header-module-marks@2x.png');
    }

    h2.award {
        background-image: url('../images/header-award@2x.png');
    }

    h2.assessment {
        background-image: url('../images/header-assessment@2x.png');
    }

    h2.email {
        background-image: url('../images/header-email@2x.png');
    }

    h2.module-marks, h2.award, h2.assessment, h2.email {
        background-size: 20px 20px;
    }

    .unchecked {
        background-image: url('../images/controls-label-background-unchecked@2x.png');
        background-size: 22px 22px;
    }

    .checked {
        background-image: url('../images/controls-label-background-checked@2x.png');
        background-size: 22px 22px;
    }

    a.open-message {
        background-image: url('../images/message-background@2x.png');
        background-size: 30px 20px;
    }

    .settings li.student a {
        background-image: url('../images/settings-student-background@2x.png');
        background-size: 60px 62px;
    }

    .settings li.student-and-module a {
        background-image: url('../images/settings-student-and-module-background@2x.png');
        background-size: 122px 86px;
    }

    .settings li.faculty a {
        background-image: url('../images/settings-faculty-background@2x.png');
        background-size: 60px 60px;
    }

    .settings li.department a {
        background-image: url('../images/settings-department-background@2x.png');
        background-size: 80px 60px;
    }

    .settings li.school a {
        background-image: url('../images/settings-school-background@2x.png');
        background-size: 100px 85px;
    }

    .settings li.programme a {
        background-image: url('../images/settings-programme-background@2x.png');
        background-size: 50px 80px;
    }

    .settings li.module a {
        background-image: url('../images/settings-module-background@2x.png');
        background-size: 100px 100px;
    }

    input#search-submit {
        background-image: url('../images/search-background@2x.png');
        background-size: 15px 14px;
    }

        input#search-submit:hover {
            background-image: url('../images/search-hover-background@2x.png');
            background-size: 15px 14px;
        }

    table.search-results tbody tr td:first-child p.grid-checkbox-container input[type="checkbox"]:hover + label {
        background-image: url('../images/checkbox-hover@2x.png');
        background-size: 40px 40px;
    }

    table.search-results tbody tr td:first-child p.grid-checkbox-container input[type="checkbox"]:checked + label {
        background-image: #e5e5e5 url('../images/checkbox-checked@2x.png');
        background-size: 40px 40px;
    }

    h3.student {
        background-image: url("../images/settings-student-background@2x.png");
        background-size: 16px 18px;
    }

    h3.faculty {
        background-image: url("../images/settings-faculty-background@2x.png");
        background-size: 16px 21px;
    }

    h3.school {
        background-image: url("../images/settings-school-background@2x.png");
        background-size: 18px 15px;
    }

    h3.department {
        background-image: url("../images/settings-department-background@2x.png");
        background-size: 18px 16px;
    }

    h3.programme {
        background-image: url("../images/settings-programme-background@2x.png");
        background-size: 13px 20px;
    }

    h3.module {
        background-image: url("../images/settings-module-background@2x.png");
        background-size: 16px 16px;
    }

    .note {
        background-image: url('../images/note-background@2x.png');
        background-size: 36px 31px;
    }
}
/* End Retina Styles */
#dialog-message {
    background-color: Silver;
    border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
}

.dlg-no-close .ui-dialog-titlebar-close {
    display: none;
}

.resourcedictionary {
    width: 97%;
    height: 150px;
    overflow: auto;
}

/* Survey Reporting */
.survey-search-field {
    width: 30%;
    margin-right: 3%;
    display: inline-block;
}

    .survey-search-field input {
        width: 30%;
    }

.survey-search-button {
    text-align: center;
}

table tr.align-middle td {
    vertical-align: middle;
}

table td.center-cell, table th.center-cell {
    text-align: center;
}

.content .lecturer-name-sub-heading {
    color: #003366;
    font-size: 1.5em;
}

/* Charting Styles */
div#PieCharts {
    text-align: center;
}

.chart {
    display: inline-block;
    width: 49%;
}

.manage-student-display-left {
    float: left;
    width: 40%;
}

.manage-student-display-right {
    float: right;
    width: 40%;
}

.bold {
    font-weight: bold;
}

/* Vertical align TH */
#ModuleSurveys.tablesorter th {
    vertical-align: middle;
}

/* Optional Question Styles */
.remove-optional-question-from-survey, .edit-optional-question-link, .update-optional-question-link {
    cursor: pointer;
}

/* TableSorter Overrides */
/*#ModuleSurveys.tablesorter .tablesorter-filter {
    width: 80px;
}*/