/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, t, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border-left: 0px none #A0A0A0;
    border-right: 0px none #C0C0C0;
    border-top: 0px none #A0A0A0;
    border-bottom: 0px none #C0C0C0;
    font-size: 100%;
    vertical-align: bottom;
    margin: 0;
    padding: 0px;
}

sub, sup {
    border-left: 0px none #A0A0A0;
    border-right: 0px none #C0C0C0;
    border-top: 0px none #A0A0A0;
    border-bottom: 0px none #C0C0C0;
    margin: 0;
    padding: 0px;
}

textarea {
    vertical-align: bottom;
    margin: 0;
    padding: 0px;
    border-width: 1px;
}

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

body {
    line-height: normal;
}

div.fieldset-panel > fieldset {
    border-width: 2px;
    border-style: solid;
    padding: 0 9px;
}

    div.fieldset-panel > fieldset > legend {
        padding: 0 5px;
    }

ol, ul {
    list-style: none;
}

.allowLists ol,
ol.allowLists {
    list-style-type: decimal
}

.allowLists ul,
ul.allowLists{
    list-style-type: disc
}

.tooltip ul {
    text-align: left;
    list-style: disc;
    list-style-position: inside;
    max-width: 500px;
}

.tooltip p {
    text-align: left;
}

.positionListsInside ol, .positionListsInside ul,
ol.positionListsInside, ul.positionListsInside{
    list-style-position: inside
}
    /* Diff between inside and outside: use outside if a bullet-point's text spans several lines, this way the 2nd+ lines maintain the same indent as the first */
.positionListsOutside ol, .positionListsOutside ul
ol.positionListsOutside, ul.positionListsOutside{
    list-style-position: outside;
    padding-left: 5px;
    margin-left: 10px;
}

.spaceOutListItems-narrow ul li,
ul.spaceOutListItems-narrow li {
    margin-bottom: 5px
}

.spaceOutListItems-narrow ul li:first-child,
ul.spaceOutListItems-narrow li:first-child {
    margin-top: 0px
}

blockquote, q {
    quotes: none;
}

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

html {
    overflow-y: scroll;
}

a {
    text-decoration: none;
    color: #035aa4;
}

    a:hover {
        text-decoration: underline;
    }

input:hover {
    cursor: pointer;
}

input[type=file] {
    border: 1px inset;
}

input[type=radio] {
    width: 1.1em;
    height: 1.1em;
    vertical-align: text-bottom;
}

body {
    font-family: Verdana, Arial, sans-serif;
    color: #333;
    font-size: 12px;
    background: #fff url(images/header-bg.jpg) repeat-x top left;
    margin-bottom: 50px;
}

#wrapper {
    width: 1024px;
    margin: 0 auto;
}
#wrapperLegacy {
    width: 1024px;
    margin: 0 auto;
}
.wrapper {
    width: 1024px;
    margin: 0 auto;
}
body.login {
    background: none;
}

p {
    margin-bottom: 7px;
    line-height: 16px;
}

h1 {
    color: #778161;
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: normal;
    margin-top: 15px;
}

h2 {
    font-size: 18px;
    color: #778161;
}

h3 {
    font-size: 18px;
    color: #777161;
    font-weight: normal;
    margin-bottom: 7px;
}

h4 {
    font-size: 16px;
    color: #4183c2;
    text-align: left;
}

h5 {
    color: #4183c2;
    font-size: 13px;
}

h6 {
    font-weight: normal;
    font-size: 12px;
}

em {
    font-size: 12px;
    color: #333;
    font-weight: normal;
    font-style: italic;
    margin-top: 3px;
}

/*Generic classes*/
.nowrap {
    white-space: nowrap;
}

.headroom-small {
    margin-top: 5px;
}

.headroom {
    margin-top: 10px;
}

.headroom-large {
    margin-top: 15px;
}

.headroom-xlarge {
    margin-top: 20px;
}

.headroom-xxl{
    margin-top: 30px;
}

.legroom-small {
    margin-bottom: 5px;
}

.legroom {
    margin-bottom: 10px;
}

.legroom-large {
    margin-bottom: 15px;
}

.legroom-xlarge {
    margin-bottom: 20px;
}
.lroom-tiny {
    margin-left: 2px;
}
.lroom-small {
    margin-left: 5px;
}

.lroom {
    margin-left: 10px;
}

.lroom-large {
    margin-left: 15px;
}

.lroom-xlarge {
    margin-left: 20px;
}

.lroom-xxl {
    margin-left: 30px;
}
.rroom-tiny{
    margin-right: 2px;
}
.rroom-small {
    margin-right: 5px;
}

.rroom {
    margin-right: 10px;
}

.rroom-large {
    margin-right: 15px;
}

.rroom-xlarge {
    margin-right: 20px
}

.room-small {
    margin: 5px;
}

.room {
    margin: 10px;
}

.room-large {
    margin: 15px;
}

.room-xlarge {
    margin: 20px;
}




.padding-left {
    padding-left: 10px;
}

.padding-left-small {
    padding-left: 5px;
}

.padding-left-large {
    padding-left: 15px;
}

.padding-left-xlarge {
    padding-left: 20px;
}

/* Heading tag fixes for Infragistics HTML Editors */
.editorHeadingFix h1 {
    font-size: 2em;
    color: black;
    margin: 0 auto;
}

.editorHeadingFix h2 {
    font-size: 1.5em;
    color: black;
    margin: 0 auto;
}
.editorHeadingFix .h2 {
    font-size: 1.5em;
    color: black;
    margin: 0 auto;
}

.editorHeadingFix h3 {
    font-size: 1.3em;
    color: black;
    margin: 0 auto;
}

.editorHeadingFix h4 {
    font-size: 1em;
    color: black;
    margin: 0 auto;
}

.editorHeadingFix h5 {
    font-size: 0.8em;
    color: black;
    margin: 0 auto;
}

.editorHeadingFix h6 {
    font-size: 0.7em;
    color: black;
    margin: 0 auto;
}

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

.right {
    float: right;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.verticalAlignBottom > tbody > tr > td {
    vertical-align: bottom;
}

.center-v {
    vertical-align: middle;
}

.verticalAlignTop {
    vertical-align: top;
}

.positionModalPopup {
    position: relative;
    top: 50px;
    left: 150px;
}

/* Header */
#mg-header {
    width: 1024px;
    float: left;
    padding-bottom: 7px;
}

#logo {
    float: left;
    margin-left: -3px;
}

#login-logo {
    margin: -14px 0px 0 0;
}

#top-info {
    float: right;
    max-width: 785px;
    *max-width: none;
    *margin-top: -50px;
}

/* IE7 Fix */
.oldIEFix {
    padding-left: 150px\9;
    *width: 100%;
    *padding-left: 450px;
}

.top-nav {
    float: right;
    margin-top: 8px;
}

    .top-nav > li {
        position: relative;
        display: inline;
        background: url(images/bullet-top-nav.jpg) no-repeat center left;
        padding-left: 15px;
        font-size: 11px;
        margin-right: 8px;
        color: #535353;
    }

    .top-nav li:first-child {
        background: none;
    }

    .top-nav a {
        color: #535353;
    }

        .top-nav a:hover {
            text-decoration: underline;
        }

    .top-nav ul {
        display: none;
        position: absolute;
        top: 11px;
        left: 13px;
        background: #f3f3f3;
        border: 1px solid #535353;
        list-style: none;
        z-index: 10;
    }

        .top-nav ul li {
            list-style: none;
        }

            .top-nav ul li a {
                white-space: nowrap;
                display: block;
                padding: 5px 10px 7px;
            }

                .top-nav ul li a:hover {
                    background: #ec9f6c;
                }

    .top-nav li:hover ul {
        display: block;
    }

/* Main Navigation */
.main-nav {
    float: left;
    width: 1024px;
    position: relative;
    margin-left: -15px;
}

    .main-nav li {
        float: left;
        background: url(images/bullet-main-nav.jpg) no-repeat center right;
        padding-right: 15px;
        margin-left: 11px;
        color: #9fbbc9;
    }
        .main-nav li:last-child {
            background: none;
        }

        .main-nav li a {
            color: #fff;
            font-size: 11px;
            text-transform: uppercase;
            display: block;
            padding: 7px 0px 7px;
        }

            .main-nav li a:hover {
                text-decoration: underline;
                cursor: pointer;
            }

/* ProgramViewer */
.cop-menu > a {
    margin-right: 4px;
}

/*User Manager Top Navigation*/
.navigation-info-box {
    width: 90%;
    background: #dedede;
    border-radius: 10px;
    margin-bottom: 10px;
    float: left;
    position: relative;
    padding: 5px 5px 5px 5px;
}

    .navigation-info-box li {
        float: left;
        background: url(images/bullet-main-nav.jpg) no-repeat center left;
        padding-left: 15px;
        margin-right: 11px;
        color: #9fbbc9;
    }

    .navigation-info-box a {
        color: #035aa4;
        font-size: 13px;
        display: block;
        padding: 5px 0 5px;
    }

    .navigation-info-box li:first-child {
        background: none;
    }

/* Content */
#content {
    margin: 0;
    padding: 0;
    width: 1024px;
    float: left;
}

/* Login */
#login-wrap {
    margin: 0 auto;
    width: 460px;
    padding: 0;
    margin-top: 144px;
    border: 1px solid #9bb9d5;
    -webkit-box-shadow: 0 0 50px #777;
    box-shadow: 0 0 50px #777;
    background: url(images/login-bg.jpg) repeat-x top left;
    line-height: normal;
}

    #login-wrap h1 {
        text-align: center;
        color: #fff;
        margin-top: 5px;
        font-size: 32px;
    }

    #login-wrap form {
        text-align: left;
        width: 300px;
        margin: 0 auto;
        padding: 3px 0 0 0;
    }

    #login-wrap input[type=text], #login-wrap label {
        text-align: left;
        display: inline;
        font-size: 14px;
    }

    #login-wrap input[type=submit] {
        margin-bottom: 5px;
    }

    #login-wrap input[type=radio], #login-wrap label {
        text-align: left;
    }

h3#selectSite_text {
    margin-left: 5px;
    margin-top: -5px;
    font-size: 14px;
}

#MainContent_imgLogo {
    padding-left: 110px;
    padding-top: 5px;
}

#MainContent_imgLogo2 {
    padding-left: 110px;
    padding-top: 5px;
}

#MainContent_btnSelectSite {
    margin-left: 5px;
}

#loginValidationWrapper {
    width: 85%;
    margin: auto;
    padding-bottom: 10px;
}

/* Logins Limited */
.limitedLogins_text {
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: normal;
}

#btnEndOtherSessions {
    padding-left: 15px;
}

/* Buttons */
.button {
    font-size: 13px;
    background: #4d8bc6 url(images/btn-bg-blue.jpg) repeat-x top left;
    color: #fff;
    padding: 2px 10px 3px;
    border-radius: 5px;
    border: 1px solid #9999cc;
    font-weight: bold;
}

input.button {
    padding: 2px 14px 4px;
}

.button:hover {
    text-decoration: none;
    background: #8db4db url(images/btn-blue-hover.jpg) repeat-x top left;
}

.button.green {
    background: #5a7854 url(images/btn-green.jpg) repeat-x top left;
    border: 1px solid #999;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

    .button.green:hover {
        background: #97aa94 url(images/btn-green-hover.jpg) repeat-x top left;
    }

    .button.green:disabled:hover {
        background: #5a7854 url(images/btn-green.jpg) repeat-x top left;
    }

.button.orange {
    background: #f3c3a3 url(images/btn-orange.jpg) repeat-x bottom left;
    border: 1px solid #999;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

    .button.orange:hover {
        background: #f3c3a3 url(images/btn-orange-hover.jpg) repeat-x top left;
    }

.button.grey {
    background: #b3b2b0 url(images/btn-grey.jpg) repeat-x top left;
    border: 1px solid #ccc;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

    .button.grey:hover {
        background: #cccccc url(images/btn-grey-hover.jpg) repeat-x top left;
    }

.button.blue, .button.green, .button.grey, .button.orange, input.button {
    padding: 1px\9 14px\9 2px\9;
}
/* IE8 Fix */
.button.blue, .button.green, .button.grey, .button.orange, input.button {
    *padding: 3px 3px 2px !important;
    *height: 22px;
    *margin: 0;
    *outline: none;
    *border: none;
}

/* IE7 Fix */

/* Disabled */
input[type="submit"]:disabled {
    opacity: 0.3;
}

input[type="button"]:disabled {
    opacity: 0.3;
}

.aspNetDisabled {
    color: #8C8C8C;
    opacity: 0.8;
    filter: alpha(opacity=70);
}
    /* filter for IE8 and earlier */
    .aspNetDisabled:hover {
        text-decoration: none;
        cursor: default;
    }

    .aspNetDisabled a {
        color: #8C8C8C;
    }

/* Disable Input (mimic appearance of disabled)
   tested on input textboxes and textareas*/
.input-disabled {
    background-color: #EBEBE4;
    border: thin solid #ABADB3;
    color: #545454;
    padding: 2px 1px;
}
/*Make controls visible while not allowing mouse events so they cannot change selected Values*/
.no-mouse-events {
    pointer-events: none;
    cursor: default;
}
/* Match Firefox's colors*/
@-moz-document url-prefix() {
    .input-disabled {
        background-color: #F0F0F0;
        border: thin solid #D9D9D9;
        color: #6D6D6D;
    }
}
/* Match IE's unique disabled-background colors (colorscheme based on IE10)*/
.input-disabled-IE {
    background-color: #E5E5E5;
    border: thin solid #BCBCBC;
    color: #707070; /*rgb(112, 112, 112);*/
}

.no-border {
    border: none;
}

/* Tables */
.blue_table {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

    .blue_table tr th {
        background: #4888c5;
        color: #fff;
        font-weight: bold;
        height: 24px;
        border: none;
        vertical-align: middle;
        text-align: left;
    }

    .blue_table tr th.alignRight {
        text-align: right;
    }

    .blue_table > tbody > tr:nth-child(even) {
        background: #d7e5f2;
        color: #333;
    }

    .blue_table > tbody > tr:nth-child(odd) {
        background: #e5eef6;
        color: #333;
    }

    .blue_table > tbody > tr.selected {
        color: Black;
        background-color: DarkSeaGreen;
        border-style: Groove;
    }

    .blue_table .active {
        background: #b7c29f;
    }

    .blue_table .highlighted {
        background: #ec9f6c;
    }

    .blue_table > tbody > tr > td,
    .blue_table > tbody > tr > th,
    .blue_table > thead > tr > td,
    .blue_table > thead > tr > th {
        border: none;
        padding: 2px 4px;
        line-height: 20px;
        vertical-align: middle;
    }

    .blue_table th a {
        color: #fff;
        text-decoration: underline;
    }

    .blue_table > tbody > tr:hover > td, .blue_table tr.active td {
        background: #c1ced9;
    }

    .blue_table > tfoot {
        border: none;
    }

        .blue_table > tfoot > tr > td {
            background: #d7e5f2;
            border: none;
        }

/* Tables for blocked rotations */
.blue_table_blockedRotation {
    width: 100%;
    border: none;
    table-layout: fixed
}

    .blue_table_blockedRotation tr th {
        background: #4888c5;
        font-weight: normal;
        color: #fff;
        height: 24px;
        border: none;
        vertical-align: middle;
        text-align: left;
        font-size: 1.0em;
    }

    .blue_table_blockedRotation > tbody > tr:nth-child(even) {
        background: #d7e5f2;
        color: #333;
        font-size: 0.8em;
    }

    .blue_table_blockedRotation > tbody > tr:nth-child(odd) {
        background: #e5eef6;
        color: #333;
        font-size: 0.8em;
    }

    .blue_table_blockedRotation .active {
        background: #b7c29f;
    }

    .blue_table_blockedRotation .highlighted {
        background: #ec9f6c;
    }

    .blue_table_blockedRotation > tbody > tr > td {
        border: none;
        padding: 2px 4px;
        line-height: 20px;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .blue_table_blockedRotation th a {
        color: #fff;
        text-decoration: underline;
    }



/* Tooltip for displaying blocked rotation details */
.mg-tooltip {
    position: absolute;
    color: #4888c5;
    background-color: #fff;
    text-align: left;
    border: 1px solid #4888c5;
    pointer-events: none;
    padding: 3px 3px 3px 3px;
}

    .mg-tooltip.orange {
        position: absolute;
        color: #e77534;
        background-color: #fff;
        text-align: left;
        border: 1px solid #e77534;
        pointer-events: none;
        padding: 3px 3px 3px 3px;
    }

    .mg-tooltip p {
        margin: 0;
    }

opaque30 {
    opacity: .30;                       /* Standard: FF > 1.5, Opera, Safari    */
    -ms-filter: "alpha(opacity=30)";    /* IE 8                                 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8  */
    filter: alpha(opacity=30);          /* IE <= 7                              */
    -khtml-opacity: .30;                /* Safari 1.x                           */
    -moz-opacity: .30;                  /* FF < 1.5, Netscape                   */
}

opaque50 {
    opacity: .50;                       /* Standard: FF > 1.5, Opera, Safari    */
    -ms-filter: "alpha(opacity=50)";    /* IE 8                                 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8  */
    filter: alpha(opacity=50);          /* IE <= 7                              */
    -khtml-opacity: .50;                /* Safari 1.x                           */
    -moz-opacity: .50;                  /* FF < 1.5, Netscape                   */
}

opaque100 {
    opacity: 1;                         /* Standard: FF > 1.5, Opera, Safari    */
    -ms-filter: "alpha(opacity=100)";   /* IE 8                                 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter: alpha(opacity=100);         /* IE <= 7                              */
    -khtml-opacity: 1;                  /* Safari 1.x                           */
    -moz-opacity: .1;                   /* FF < 1.5, Netscape                   */
}

/* style for panel to notify users of upcoming maintenance or other things. */
.infopanel {
    position: absolute;
    display: none;
    height: 100px;
    width: inherit;
    color: #4888c5;
    background-color: #fff;
    text-align: left;
    border: 1px solid #4888c5;
    pointer-events: none;
    padding: 3px 3px 3px 3px;
}

/* Green Heading on blue_table */
.greenHeadings tr th {
    background: #778161;
    background: #9da689;
}

/* No Hover Effect on Tables */
.noHoverHighlight > tbody > tr:hover td {
    background: none;
}

.noHoverHighlight tr td .blue_table > tbody > tr:hover > td {
    background: #c1ced9;
}

#MainContent_tabFunctions_tabCategories_gvCourses > tbody > tr:hover > td {
    background: #b7b597;
}

#MainContent_gvAssessmentSummary > tbody > tr > td > div > div > table > tr:hover > td {
    background: #b7b597;
}

/* ETSchedule Table Colors */
.studentSchedule_green {
    background-color: #b7c29f;
}

    .studentSchedule_green:hover {
        background-color: #8FBC8F;
    }

.studentSchedule_yellow {
    background-color: #EEE8CD;
}

.studentSchedule_red {
    background-color: #d99490;
}

.studentSchedule_white {
    background-color: #F7F7F7;
}

/* Account Profile */
#MainContent_imgPhoto {
    float: left;
    margin-right: 7px;
}

/* Student Viewer Template AND Return to Residency Viewer*/
#MainContent_btnReturnPreviousPage, #MainContent_returnToResidency {
    float: right;
    margin-bottom: 17px;
}

/* Info Boxes */
#student-info-box {
    background: #dedede;
    border-radius: 10px;
    margin-bottom: 17px;
    width: 100%;
}

    #student-info-box tr {
        padding: 20px;
    }

    #student-info-box > tbody > tr > td {
        padding: 10px 3px;
    }

        #student-info-box > tbody > tr > td > table > tbody > tr > td {
            padding: 10px 3px;
        }

#faculty-info-box {
    background: #dedede;
    border-radius: 10px;
    margin-bottom: 17px;
    width: 100%;
}

    #faculty-info-box tr {
        padding: 20px;
    }

    #faculty-info-box td {
        padding: 10px 3px;
    }

    #faculty-info-box > tbody > tr > td > table > tbody > tr > td:first-child {
        vertical-align: top;
        width: 100px;
        font-weight: bold;
    }

    #faculty-info-box > tbody > tr > td > table > tbody > tr > td:nth-child(2) {
        vertical-align: top;
        width: 800px;
    }

    #faculty-info-box > tbody > tr > td:nth-child(2) {
        vertical-align: top;
        width: 175px;
        padding-left: 25px;
    }

/* UserInfoPopUp - Style of default message if no record exists */
.defaultMsg {
    font-style: italic;
}

/* Settings */
.settings-nav-wrap {
    color: #999;
}

    .settings-nav-wrap .active {
        font-weight: bold;
    }

.settings-wrap {
    background: #e5eef6;
    width: 630px;
    padding: 17px 5px;
    border-radius: 10px;
    color: #333;
}

    .settings-wrap input[type=text] {
        border: none;
        padding: 3px;
        max-width: 300px;
    }

    .settings-wrap select {
        max-width: 300px;
    }
/*.settings-wrap table > tbody > tr > td { padding: 0px 7px; }*/

/*Settings - 100% wide*/
.settings100-nav-wrap {
    color: #999;
}

    .settings100-nav-wrap .active {
        font-weight: bold;
    }

.settings100-wrap {
    background: #e5eef6;
    width: 100%;
    padding: 17px 0;
    border-radius: 10px;
    color: #333;
}

    .settings100-wrap input[type=text]:not(.igdd_ValueDisplay):not(.igdd_ValueDisplayDisabled) {
        border: none;
        padding: 3px;
        max-width: 300px;
    }

    .settings100-wrap select {
        max-width: 300px;
    }

    .settings100-wrap table td {
        padding: 0px 7px;
    }

/* Edit Panels */
.form-wrap2 {
    border: 1px solid #f1e9d1;
    background: #fafafa;
    padding: 5px 10px;
}

    .form-wrap2 b {
        font-weight: 700;
        color: #333;
    }

    .form-wrap2 input[type=text]:focus {
        border: 1px solid #ffa763;
    }

/* Expanded Info Table */
.expandedPanelBorder {
    border: 1px solid #999;
    padding: 10px 2px;
}

/* Expanded Info Table Light Border */
.expandedPanelBorderLight {
    border: 1px solid #dcdcdc;
    padding: 10px 2px;
    margin: 10px 10px 10px 10px
}

/* Modal Popup */
.modalPopup {
    width: 90%;
    position: absolute;
    z-index: 100001;
    background: #f4f4f4;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 0px;
}

.modalBackground {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #fff;
    background: black;
    opacity: .6;
}

.modalPopup .popupTitle {
    background: #4888c5;
    color: #fff;
    padding: 6px 5px;
    cursor: move;
}

    .modalPopup .popupTitle h2 {
        color: #fff;
        font-weight: normal;
        font-size: 12px;
    }
    .modalPopup .popupTitle .h2 {
        color: #fff;
        font-weight: normal;
        font-size: 12px;
    }
.popupContent {
    background: #fff;
    margin: 0 8px 8px;
    border: 1px solid #c0c0c0;
    border-top: none;
    padding: 10px 10px;
}

/* Validation */
.validator {
    color: #DB2929;
    font-family: Verdana, sans-serif;
    display: inline;
    font-size: 12px;
}

.confirmation {
    color: #5a7854;
}

.warning {
    color: #be5007;
    font-family: Verdana, sans-serif;
    display: inline;
    font-size: 12px;
}

/* Footer */
#mg-footer {
    text-align: center;
    border-top: 11px solid #4283c7;
    height: 100px;
    width: 100%;
    float: left;
    margin-top: 50px;
}

    #mg-footer img {
        margin: -30px 0 0 700px;
    }

/* Footer & logo on login */
#footer-login {
    margin: 75px auto auto auto;
    height: 48px;
    width: 460px; /* match #login-wrap width to properly center logo relative to #login-wrap */
    overflow: hidden;
}

#MG-logo {
    margin: auto;
    width: 168px;
    height: 48px;
    -webkit-transition: height 1s; /* For Chrome 4 to 26       )                       */
    -moz-transition: height 1s; /* For Firefox 4 to 16      ) Transition            */
    transition: height 1s; /* Modern Browsers          ) only works in IE10+   */
    background-image: url(./images/MG-logo-no-tag-small.png);
    background-repeat: no-repeat;
}

#footer-login:hover #MG-logo {
    height: 0;
}

.links-container a {
    display: block;
    text-align: center;
    margin: 5px 0;
}

/* Preceptor Availability Email Text */
#MainContent_lblEmailStatus {
    font-size: 14px;
    line-height: 1.5;
    color: #5a7854;
}

/* Schduling block successful text */
#MainContent_lblBlockMessage {
    color: #5a7854;
    padding-top: 7px;
    padding-bottom: 5px;
    font-size: 14px;
}

/* Preceptor Availability successfuld text*/
#lblAvailabilitySaveMessage {
    color: #5a7854;
    font-size: 14px;
}

/* successful text*/
.SuccessfulSaveMessage {
    color: #5a7854;
    font-size: 14px;
}

/* New announcment - center buttons */
#btnSaveAnnouncement {
    padding-left: 93px;
}

/*CSS for grid paging */
#first {
    background-image: url("Images/CSS/first.gif");
    background-repeat: no-repeat;
    width: 30px;
    height: 15px;
}

#last {
    background-image: url("Images/CSS/last.gif");
    background-repeat: no-repeat;
    width: 30px;
    height: 15px;
}

#prev {
    background-image: url("Images/CSS/prev.gif");
    background-repeat: no-repeat;
    width: 30px;
    height: 15px;
}

#next {
    background-image: url("Images/CSS/next.gif");
    background-repeat: no-repeat;
    width: 30px;
    height: 15px;
}

/* Specific to the NRSI Grid View */
.padding_left_50 {
    padding-left: 50px;
}

#reportsTable {
    font-size: 14px;
}

    #reportsTable > tbody > tr > td {
        padding: 5px;
    }

    #reportsTable #MainContent_pnlAuditTrailReports table > tbody > tr > td {
        vertical-align: middle;
    }

#ChangePassword1 {
    color: blue !important;
}

/* Release and Notification Tables */
.noFillTable {
    border: 1px solid black;
}

    .noFillTable > tbody > tr:nth-child(even) {
        background: none;
    }

    .noFillTable > tbody > tr:nth-child(odd) {
        background: none;
    }

/* Add Student Screens */
#accountAddTable_bottom > tbody > tr > td:first-child {
    vertical-align: middle;
    width: 350px;
    text-align: right;
}

#accountAddTable_bottom > tbody > tr > td:nth-child(2) {
    vertical-align: top;
    text-align: left;
    padding-left: 15px;
    margin-left: 15px;
}

/* My Profile Screen */
#MainContent_accountAddTable > tbody > tr > td:first-child {
    vertical-align: middle;
    width: 170px;
    text-align: right;
}

#MainContent_accountAddTable > tbody > tr > td:nth-child(2) {
    vertical-align: top;
    text-align: left;
    padding-left: 15px;
    margin-left: 15px;
}

#MainContent_userPhotoOptions {
    vertical-align: top;
}

#enrollNewStudentsTable > tbody > tr > td:first-child {
    width: 40%;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

#enrollNewStudentsTable > tbody > tr > td:nth-child(2) {
    width: 60%;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Student Viewer Tables */
.studentViewerTable > tbody > tr > td:first-child {
    width: 20%;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.studentViewerTable > tbody > tr > td:nth-child(2) {
    width: 80%;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

/* Student Viewer Tab Content Fix */
#MainContent_tcStudents div div {
    text-align: left;
}

#allAssessmentsTable > tbody > tr > td {
    padding: 0px 8px;
}

#viewAssessmentsTable {
    padding: 10px 0px;
}

    #viewAssessmentsTable > tbody > tr > td:first-child {
        width: 150px;
        text-align: right;
    }

    #viewAssessmentsTable > tbody > tr:first-child > td:first-child {
        width: 150px;
        text-align: right;
        vertical-align: middle;
    }

    #viewAssessmentsTable > tbody > tr > td:nth-child(2) {
        text-align: left;
        width: 100px;
        padding: 3px 10px;
    }

    #viewAssessmentsTable > tbody > tr:first-child > td:nth-child(3) {
        text-align: center;
        width: 50px;
        padding: 3px 10px;
        vertical-align: middle;
    }

    #viewAssessmentsTable > tbody > tr:first-child > td:nth-child(4) {
        text-align: left;
        padding: 3px 10px;
    }

.onDemandAssessmentsTable {
    font-size: 13px;
    padding-bottom: 10px;
    padding-top: 5px;
}

    .onDemandAssessmentsTable > tbody > tr > td:first-child {
        width: 120px;
        text-align: right;
        font-weight: bold;
    }

    .onDemandAssessmentsTable > tbody > tr > td:nth-child(2) {
        text-align: left;
        padding-left: 10px;
    }

/* Curricular Reports Table */
#curricularReportsTable {
    margin-top: 10px;
}

    #curricularReportsTable > tbody td {
        padding: 5px 0
    }

    #curricularReportsTable > tbody > tr > td:first-child {
        width: 230px;
        text-align: left;
    }

    #curricularReportsTable > tbody > tr > td:nth-child(2) {
        text-align: left;
        padding-left: 15px;
    }

        #curricularReportsTable > tbody > tr > td:nth-child(2) a {
            padding-left: 3px;
        }

/* Course Catalog Table Top */
#courseCatalogTable_top > tbody > tr > td:first-child {
    width: 10%;
    text-align: right;
}

#courseCatalogTable_top > tbody > tr > td:nth-child(2) {
    width: 90%;
    text-align: left;
    padding-left: 10px;
}

/* Course Catalog Table Bottom */
#courseCatalogTable_bottom {
    width: 800px;
    background: #e5e6f6;
    padding: 7px;
    border-radius: 10px;
}

    #courseCatalogTable_bottom > tbody > tr > td {
        padding: 5px 0;
    }

        #courseCatalogTable_bottom > tbody > tr > td:first-child {
            width: 100px;
        }

    #courseCatalogTable_bottom > tbody > tr:nth-child(2) > td:first-child {
        font-weight: bold;
    }

    #courseCatalogTable_bottom > tbody > tr:nth-child(2) > td:nth-child(3) {
        font-weight: bold;
    }

    #courseCatalogTable_bottom > tbody > tr:nth-child(3) > td:first-child {
        font-weight: bold;
    }

    #courseCatalogTable_bottom > tbody > tr:nth-child(3) > td:nth-child(3) {
        font-weight: bold;
    }

    #courseCatalogTable_bottom > tbody > tr:nth-child(4) > td:first-child {
        font-weight: bold;
    }

    #courseCatalogTable_bottom > tbody > tr:nth-child(5) > td:first-child {
        font-weight: bold;
    }

    #courseCatalogTable_bottom > tbody > tr:nth-child(6) > td:first-child {
        font-weight: bold;
    }

    #courseCatalogTable_bottom > tbody > tr:nth-child(7) > td:first-child {
        padding: 7px;
    }

    #courseCatalogTable_bottom > tbody > tr:nth-child(8) > td:first-child {
        font-weight: bold;
    }

    #courseCatalogTable_bottom > tbody > tr:nth-child(9) > td:first-child {
        padding: 7px;
    }

    #courseCatalogTable_bottom > tbody > tr > td:nth-child(2) {
        width: 200px;
    }

    #courseCatalogTable_bottom > tbody > tr > td:nth-child(3) {
        width: 100px;
        text-align: right;
    }

/* License Management Table */
.licenseManagementTable > tbody > tr > td:first-child {
    width: 15%;
    text-align: right;
}

.licenseManagementTable > tbody > tr > td:nth-child(2) {
    width: 85%;
    text-align: left;
    padding-left: 10px;
}

.siteRotationInformationTable > tbody > tr > td {
    padding-left: 20px;
}

/* Experiential Site Popup Table */
#experientialSitePopupTable {
    width: 600px;
}

    #experientialSitePopupTable > tbody > tr > td:first-child {
        width: 40%;
        text-align: right;
    }

    #experientialSitePopupTable > tbody > tr > td:nth-child(2) {
        width: 60%;
        text-align: left;
        padding-left: 10px;
    }

/* Sites Preceptors Rotations Table */
.sitesPreceptorsRotationsTable > tbody > tr > td:first-child {
    width: 30%;
    text-align: right;
}

.sitesPreceptorsRotationsTable > tbody > tr > td:nth-child(2) {
    width: 70%;
    text-align: left;
    padding-left: 10px;
}

/* Account Table */
.accountTable {
    width: 100%;
}

    .accountTable > tbody > tr > td:first-child {
        width: 30%;
        text-align: right;
    }

    .accountTable > tbody > tr > td:nth-child(2) {
        width: 70%;
        text-align: left;
        padding-left: 10px;
    }

/* Account Table Wide (Profile photo now to the right - hence "wide" */
.accountTableWide {
    width: 65%;
}

    .accountTableWide > tbody > tr > td:first-child {
        width: 25%;
        text-align: right;
    }

    .accountTableWide > tbody > tr > td:nth-child(2) {
        width: 38%;
        text-align: left;
        padding-left: 10px;
    }

.autoWidth2ndCol > tbody > tr > td:nth-child(2) {
    width: auto;
}

.leftFloatingTable {
    float: left;
    clear: left;
}

#photoTable {
    clear: right; /*width: 30%;*/
}

div#endFloat {
    clear: both;
}

/* Standard Format Header */
.standardFormatHeader {
    padding-left: 20%;
}

/* Standard Format Tables */
.standardFormatTableHeader {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}

.sitesPreceptorsRotations {
    width: 100%;
}

.standardFormatTable {
    width: 100%;
}

    .standardFormatTable > tbody > tr > td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .standardFormatTable > tbody > tr > td:first-child {
            width: 30%;
            text-align: right;
        }

        .standardFormatTable > tbody > tr > td:nth-child(2) {
            width: 70%;
            text-align: left;
            padding-left: 10px;
        }

.standardFormatTableAlignLeft2080 > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .standardFormatTableAlignLeft2080 > tbody > tr > td:first-child {
        width: 20%;
        text-align: left;
    }

    .standardFormatTableAlignLeft2080 > tbody > tr > td:nth-child(2) {
        width: 80%;
        text-align: left;
        padding-left: 10px;
    }


.standardFormatTableAlignLeft6040 > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .standardFormatTableAlignLeft6040 > tbody > tr > td:first-child {
        width: 60%;
        text-align: left;
    }

    .standardFormatTableAlignLeft6040 > tbody > tr > td:nth-child(2) {
        width: 40%;
        text-align: left;
        padding-left: 10px;
    }


.standardFormatTableAlignLeft > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .standardFormatTableAlignLeft > tbody > tr > td:first-child {
        width: 30%;
        text-align: left;
    }

    .standardFormatTableAlignLeft > tbody > tr > td:nth-child(2) {
        width: 70%;
        text-align: left;
        padding-left: 10px;
    }

.standardFormatTable_small > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

    .standardFormatTable_small > tbody > tr > td:first-child {
        width: 20%;
        text-align: right;
        vertical-align: middle;
    }

    .standardFormatTable_small > tbody > tr > td:nth-child(2) {
        width: 80%;
        text-align: left;
        padding-left: 10px;
    }

.standardFormatTable_smaller > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

    .standardFormatTable_smaller > tbody > tr > td:first-child {
        width: 130px;
        text-align: right;
    }

    .standardFormatTable_smaller > tbody > tr > td:nth-child(2) {
        text-align: left;
        padding-left: 10px;
    }

.standardFormatTable_smallest > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

    .standardFormatTable_smallest > tbody > tr > td:first-child {
        text-align: right;
    }

    .standardFormatTable_smallest > tbody > tr > td:nth-child(2) {
        text-align: left;
        padding-left: 10px;
    }

.basicFormTable > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

    .basicFormTable > tbody > tr > td:first-child {
        text-align: right;
        vertical-align: top;
    }

    .basicFormTable > tbody > tr > td:nth-child(2) {
        text-align: left;
        vertical-align: top;
    }

.noWrapHeaders tr:first-child > td:nth-child(n) {
    white-space: nowrap;
}

.greedyLastColumn tr:first-child > td:last-child {
    width: 99%;
}

.greedyTable {
    width: 100%;
}

.width-greedy {
    width: 99%;
}

.noWrap1stColumn tr > td:first-child {
    white-space: nowrap;
}


/* Blue Background Round Square */
.blue_background {
    background: #e5eef6;
    padding: 17px 5px;
    border-radius: 10px;
}

/* Blue Panel */
.blue_panel {
    background: #e5eef6;
    padding: 5px 5px;
    border-radius: 5px;
}

.grey_panel {
    background: #dedede;
    padding: 5px 5px;
}

/*next 2 are used for feedback records*/

.yellowblack_panel {
    background: #FFFF00;
    padding: 5px 5px;
    font-size: 16px;
    color: black
}

.grayblack_panel {
    background: #DCDCDC;
    padding: 5px 5px;
    font-size: 16px;
    color: black
}



/* Gray Background Round Square */
.gray_background {
    background: rgba(3,3,3, 0.5);
    height: 100%;
    padding: 17px 5px;
    border-radius: 10px;
}

/* Center Ajax Loader on Screen */
.image_center {
    position: fixed;
    top: 50%;
    left: 50%;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-right {
    display: block;
    margin-right: 0;
    margin-left: auto;
}

.img-left {
    display: block;
    margin-right: auto;
    margin-left: 0;
}

/* Assessment Scales */
#assessmentScales {
    background: #e5eef6;
    width: 600px;
    padding: 3px;
    border-radius: 10px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#assessmentScales {
    font-size: small;
    width: 300px;
}

    #assessmentScales > div > ul > li {
        margin: 8px 5px 8px auto;
        padding: 5px;
        border: 1px dashed #535353;
    }

        #assessmentScales > div > ul > li:last-child {
            border: none;
        }

        #assessmentScales > div > ul > li > table > tbody > tr > td:nth-child(2) {
            width: 30px;
            padding: 3px 5px;
        }

        #assessmentScales > div > ul > li > table > tbody > tr > td:nth-child(3) {
            width: 30px;
            padding: 3px 5px;
        }

        #assessmentScales > div > ul > li > a {
            width: 30px;
            padding-left: 7px;
            padding-top: 3px;
        }

        #assessmentScales > div > ul > li > table > tbody > tr > td:nth-child(2):hover {
            cursor: move;
        }

    #assessmentScales div[id*="rlScaleItemsLocked"] > ul > li {
        border: none;
    }

    #assessmentScales .dragHandle {
        padding: 5px;
        background-image: url(images/bg.gif);
        background-repeat: no-repeat;
        background-position: center;
    }

    #assessmentScales span[id*="lblScaleItem"] {
        font-weight: bold;
        display: block;
        margin-left: 20px;
    }

    #assessmentScales a[id*="btnItemDelete"] {
        margin-left: 5px;
    }

#coureDetailsTable td {
    padding-top: 7px;
    padding-bottom: 7px;
}

#courseManagementPagingTable td {
    vertical-align: middle;
}

#studentScheduleDetailsTable {
    width: 100%;
}

    #studentScheduleDetailsTable > tbody > tr > td:first-child {
        width: 50%;
        text-align: right;
    }

    #studentScheduleDetailsTable > tbody > tr > td:nth-child(2) {
        width: 50%;
        text-align: left;
    }

.matchListTable {
    width: 100%;
}

    .matchListTable > tbody > tr > td:first-child {
        width: 48%;
        float: left;
    }

    .matchListTable > tbody > tr > td:nth-child(2) {
        width: 48%;
        float: right;
    }

.blue_tableHeader {
    background: #4888c5;
    color: #000;
    font-weight: bold;
    height: 24px;
    border: none;
    vertical-align: middle;
    text-align: left;
}

    .blue_tableHeader a {
        color: black;
        text-decoration: underline;
    }

    .blue_tableHeader:hover td {
        background: none !important;
    }

.preceptorlicenseManagement {
    font-size: 12px;
}

    .preceptorlicenseManagement > tbody > tr > td {
        padding: 5px 10px 5px 10px;
    }

#preceptorlicenseManagement_Bottom {
    padding-left: 40px;
}

.communicationLogTable > tbody > tr > td {
    padding: 3px 7px;
    vertical-align: middle;
}

/* Student Viewer Assessments Tab Search Table */
#MainContent_tcStudents_tbAssessments {
    padding: 10px 0px;
}

    #MainContent_tcStudents_tbAssessments > table > tbody > tr > td {
        vertical-align: middle;
    }

        #MainContent_tcStudents_tbAssessments > table > tbody > tr > td:first-child {
            width: 350px;
        }

        #MainContent_tcStudents_tbAssessments > table > tbody > tr > td:nth-child(2) {
            text-align: left;
            width: 100px;
            padding: 3px 10px;
        }

        #MainContent_tcStudents_tbAssessments > table > tbody > tr > td:nth-child(3) {
            text-align: center;
            width: 50px;
            padding: 3px 10px;
        }

        #MainContent_tcStudents_tbAssessments > table > tbody > tr > td:nth-child(4) {
            text-align: left;
            padding: 3px 10px;
        }

        #MainContent_tcStudents_tbAssessments > table > tbody > tr > td:nth-child(5) {
            text-align: left;
            padding: 3px 10px;
        }

/* Add Rotation in ET Schedule Table Fix */
.experientialScheduleTable > tbody > tr.exp-hours > td:nth-child(2) {
    width: 10%;
    text-align: right;
}

.splitTable {
    width: 100%;
}
.splitTable > tbody > tr.exp-hours > td:nth-child(2) {
    text-align: right;
}

.splitTableThirdColumnRightAlign {
    width: 100%;
}
    .splitTableThirdColumnRightAlign > tbody > tr > td:nth-child(3) {
        width: 20%;
        text-align: right;
    }

.experientialScheduleTable > tbody > tr.exp-hours > td:nth-child(3) {
    padding-left: 10px;
}

/* Student Viewer Portfolio Reports Tab Table */
#studentPortfolioReportsTable > tbody > tr > td {
    padding: 5px 7px;
    vertical-align: middle;
}

/* Reports Tab on Experiential Training Home Table - this type of CSS manipulation should be remworked - hardcoding for a single table */
#experientialReportsTabTable_bottom h4 {
    color: black;
}

#experientialReportsTabTable_bottom > tbody > tr > td {
    padding: 5px;
}

#experientialReportsTabTable_bottom > tbody > tr:nth-child(2) > td {
    padding-left: 10px;
    font-size: 13px;
}

#experientialReportsTabTable_bottom > tbody > tr:nth-child(4) > td {
    padding-left: 10px;
    font-size: 13px;
}

#experientialReportsTabTable_bottom > tbody > tr:nth-child(5) > td {
    padding-left: 10px;
    font-size: 13px;
}

#experientialReportsTabTable_bottom > tbody > tr:nth-child(6) > td {
    padding-left: 10px;
    font-size: 13px;
}

#experientialReportsTabTable_bottom > tbody > tr:nth-child(7) > td {
    padding-left: 10px;
    font-size: 13px;
}

#experientialReportsTabTable_bottom > tbody > tr:nth-child(8) > td {
    padding-left: 10px;
    font-size: 13px;
}

#experientialReportsTabTable_bottom > tbody > tr:nth-child(9) > td {
    padding-left: 10px;
    font-size: 13px;
}

#experientialReportsTabTable_bottom > tbody > tr:nth-child(10) > td {
    padding-left: 10px;
    font-size: 13px;
}

#experientialReportsTabTable_bottom2 h4 {
    color: black;
}

#experientialReportsTabTable_bottom2 > tbody > tr > td {
    padding: 5px;
}

#experientialReportsTabTable_bottom2 > tbody > tr:nth-child(2) > td {
    padding-left: 10px;
    font-size: 13px;
}

#experientialReportsTabTable_bottom2 > tbody > tr:nth-child(3) > td {
    padding-left: 10px;
    font-size: 13px;
}

/* Add Padding in ET Home Tabs */
#MainContent_tbETHome > div > div > div {
    padding-left: 5px;
}

#MainContent_tbETHome h2 {
    padding-top: 5px;
}
#MainContent_tbETHome .h2 {
    padding-top: 5px;
}
/* No hover on paging rows fix */
#MainContent_tbfunctions_TabPanel2_gvCourses tr:first-child:hover td {
    background: none;
}

#MainContent_tbfunctions_TabPanel2_gvCourses tr:last-child:hover td {
    background: none;
}

.outcomesReportPopup {
    margin: 0 auto;
    padding: 0px;
    border: 1px solid #9bb9d5;
    -webkit-box-shadow: 0 0 50px #777;
    box-shadow: 0 0 50px #777;
    background: white;
    line-height: normal;
}

    .outcomesReportPopup a {
        display: block;
        padding: 5px;
    }

.reportLink {
    text-decoration: none;
    color: #035aa4;
    cursor: default;
}

    .reportLink:hover {
        text-decoration: underline;
    }

#error_table {
    margin: auto;
    text-align: center;
}

    #error_table > tbody > tr > td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

/*.igte_ButtonImg { *width: 20px; }*/
.igte_Button, .igte_ButtonSize {
    *width: 20px;
}

/* Extra Table Padding for Unformatted Table */
.extraPadding > tbody > tr > td {
    padding: 5px 5px;
}

    .extraPadding > tbody > tr > td:first-child {
        padding-left: 0;
    }

/* Appendix B Table */
#appendixBTable {
    width: 100%;
    border-collapse: collapse;
}

    #appendixBTable > tbody > tr > td {
        padding: 5px;
    }

/* Course Builder - Appendix B Row Highlighting */
.highlightRow {
    background: #E5EEF6;
    border-radius: 10px;
}

.listFix ol {
    margin-left: 35px;
}

    .listFix ol li {
        list-style: decimal;
    }

.listFix ul {
    margin-left: 35px;
}

    .listFix ul li {
        list-style: disc;
    }

.infrWebEditor ol {
    margin-left: 35px;
}

    .infrWebEditor ol li {
        list-style: decimal;
    }

.infrWebEditor ul {
    margin-left: 35px;
}

    .infrWebEditor ul li {
        list-style: disc;
    }

.infrWebEditor blockquote {
    margin-left: 40px;
}

.gvStudentYears_editFix > tbody > tr > td {
    vertical-align: middle;
}

#MainContent_panWarningRemoveStudent, #MainContent_panWarningRemoveUser {
    width: 100%;
    color: #CC3300;
    background: #FCF8E3;
    font-size: medium;
    padding: 10px;
    line-height: 25px;
}

#MainContent_gvSchedule .aspNetDisabled {
    color: #333;
    opacity: 1;
    filter: alpha(opacity=100);
}

.selectedPage {
    background: #E8E8E8;
    padding: 2px;
    border-radius: 5px;
}

#MainContent_tcStudents_header span {
    font-size: 10px;
}

#MainContent_UpdateProgress1 img, #MainContent_uppMain img {
    display: block;
    margin: auto;
    position: relative;
    top: 270px;
}

/* Date Picker table - [Faculty Viewer: Schedule tab] + [StudentRequirementManager.aspx] */
.DatePickerTable {
    margin: 5px 0 5px 0;
}

    .DatePickerTable th {
        text-align: Left;
    }

    .DatePickerTable tr {
        vertical-align: middle;
    }

.DatePickerMargin {
    margin-left: 10px;
    margin-right: 10px;
}

/* Infragistics */
.igdd_DropDownButton > img {
    max-width: none;
}

.igte_EditWithButtons .igte_Inner input[type="text"] {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.igte_Button img {
    max-width: none;
}

.igte_EditWithButtons {
    width: auto; /* Not sure about this one */
}

.matchList {
    display: inline-block;
    margin-bottom: 15px;
    vertical-align: top;
}

    .matchList li {
        padding: 5px;
    }

    .matchList .header {
        font-weight: bold;
        font-size: 1.1em;
    }

#studentLoginBox {
    width: 60%;
    background-color: #e5eef6;
    border: 1px solid #9bb9d5;
    border-radius: 5px;
    margin-bottom: 30px;
}

    #studentLoginBox ul {
        padding: 10px;
        display: inline-block;
        width: 45%;
        vertical-align: top;
    }

        #studentLoginBox ul li:first-child {
            font-weight: bold;
            font-size: 1.2em;
            margin-bottom: 7px;
        }

        #studentLoginBox ul li {
            margin: 5px 0;
        }

            #studentLoginBox ul li > br {
                margin: 5px 0;
            }

.viewerTabPadding h2 {
    margin: 10px;
}
.viewerTabPadding .h2 {
    margin: 10px;
}
.viewerTabPadding .tabContent {
    margin: 10px;
}

/* UserInfoPopup header colors*/
.blueHeader {
    background-color: #4888c5;
}

.darkGrayHeader {
    background-color: #333333;
}

.popupBody {
    overflow-y: hidden;
    height: 100%;
    background: none;
}

#lbCreateEmail {
    font-size: 12px;
}

.panel_padding {
    padding: 5px;
}

div.tabItem-body {
    /*
      Wrap the contets of a tab item's template in this div in order to
      give said content some room to breath - away from tab's outer walls
    */
    margin: 5px;
}

.help {
    padding-right: 15px;
    padding-left: 15px;
    color: #9fbbc9;
    background: #f5f5f5;
    list-style: none;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
    border-radius: 5px;
}

    .help:hover {
        background: #E8E8E8;
    }

.nestedPanel {
    margin-left: 15px;
    margin-top: 25px;
}

/* Generic Classes Part 2*/
.hidden {
    display: none;
}

.block {
    display: block !important;
}

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

.underline {
    text-decoration: underline
}

.inline-wdd {
    display: inline-table
}

/*AssesmentReview*/
p[id*='txtAnswerNC'],
p[id*='txtComments'] {
    min-height: 20px;
    margin-top: 0;
}

div.Q-A-block, /*Question and Answer Block*/
div.assignment-submission-map {
    margin-bottom: 15px;
    line-height: 16px;
    -moz-transition: border-color, linear, 2s;
    -o-transition: border-color, linear, 2s;
    -webkit-transition: border-color, linear, 2s;
    transition: border-color, linear, 2s;
    border: 1px dashed white
}

    div.Q-A-block:hover,
    div.assignment-submission-map:hover {
        border-color: #4888c5
    }

    div.Q-A-block p {
        margin-bottom: 0;
    }

div.objective-block {
    padding-left: 20px;
}

div.evaluator-answer-block {
    margin-top: 7px;
}

div.comment-block {
    margin-top: 5px;
}

.gradeCalculationTable-footer {
    background-color: White;
    height: 45px;
}

/* CSS to allow scrolling on iPad devices */
.ipad-scroll {
    -webkit-overflow-scrolling: touch;
}


/*PharmPortfolio Views*/

#tempViewLink {
    margin-top: 15px;
    padding: 5px;
    background: white;
    border: 1px inset #9fbbc9;
    width: 550px;
}

#selectTempLink {
    border: 1px solid #9fbbc9;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    padding: 5px;
    margin-left: -5px;
    background: #f5f5f5;
    color: #035aa4;
    display: inline-block;
    width: 50px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

    #selectTempLink:hover {
        background: #d0d0d0;
        background: #dcdcdc;
    }

div.fulfillment-block {
    padding-top: 10px;
    padding-bottom: 10px;
}

    div.fulfillment-block + div.fulfillment-block {
        border-top: 1px dashed #A0A0A0;
    }
/*Draw a border between any two consecutive fulfillment-blocks*/
/*.first-column { padding-right: 20px; }*/

.requirementTable > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 10px;
    vertical-align: text-top;
}

    .requirementTable > tbody > tr > td:first-child {
        width: 20%;
        text-align: left;
    }

    .requirementTable > tbody > tr > td:nth-child(2) {
        width: 80%;
        text-align: left;
        padding-left: 10px;
    }

/*First column for textbox description
  Second column for textbox
  Third column for required field validator
*/
.requirementTable3Columns {
    width: 100%;
}
    .requirementTable3Columns > tbody > tr> td {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .requirementTable3Columns > tbody > tr > td:first-child {
        width: 35%;
        text-align: right;
    }

    .requirementTable3Columns > tbody > tr > td:nth-child(2) {
        width: 50%;
        text-align: left;
        padding-left: 10px;
    }

    .requirementTable3Columns > tbody > tr > td:nth-child(3) {
        width: 15%;
        text-align: left;
        vertical-align: top;
    }

/* 
    Collapse a table's spacing and padding so that we retain the formatting
    of the table without the undesired indentation
*/
table.collapse {
    border-spacing: 0;
}

table.collapse > tbody > tr > td {
    padding: 0;
}

/* Class for rendering the "Loading..." .gif spinner    */
span.spinner {
    background: url(../../Images/ajaxloader3.gif) center center no-repeat;
    width: 1024px;      /* PA's standard width  */
    height: 32px;       /* width of the image   */
    position: absolute;
    z-index: 1;
}

.shadow {
    /* Credit: Sara Cope https://css-tricks.com/almanac/properties/b/box-shadow/ */
    -webkit-box-shadow: 3px 3px 1px -1px #777; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    3px 3px 1px -1px #777; /* Firefox 3.5 - 3.6 */
    box-shadow:         3px 3px 1px -1px #777; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.side-box-tab {
    background: no-repeat center url("../../Images/SurveyorNotes.svg");
    float: right;
    border-radius: 5px;
    border: 1px solid #9999cc;
    width: 25px;
    margin-top: 30%;
    margin-right: -30px;
    height: 125px;
}

    .side-box-tab:hover {
        background-image: url("../../Images/SurveyorNotes_hover.svg");
    }

.side-box {
    /*margin-left: 5px; - don't do this else box will never slide out and stay out*/
    position: fixed;
    top: 12%;
    width: 700px;
    height: 80%; /* required for proper y-scroll */
}

.side-box-content {
    border: 1px solid gray;
    margin-left: 5px;
    height: 100%; /* Required for keeping the iframe  */
    min-height: 100%; /* sized to properly fit entire box */
    background-color: white;
    overflow-y: auto;
}

    .side-box-content > div,
    .side-box-content > div > iframe {
        display: block;
        width: 100%;
        height: 100%;
    }

.side-box.reset {
    /*SET THIS to a larger negative number to move the side-button in closer to the edge of the page*/
    margin-left: -707px; /*-1*(700px width + 5px left margin + 2px border) */
}

.slide-in-left {
    animation-duration: .25s;
    animation-name: slideInLeft;
    display: block;
}

@keyframes slideInLeft {
    from {
        margin-left: -702px; /* -1*(700px width + 2px border) */
    }

    to {
        margin-left: 0px;
    }
}

.slide-out-left {
    animation-duration: .25s;
    animation-name: slideOutLeft;
    display: block;
}

@keyframes slideOutLeft {
    from {
        margin-left: 0px;
    }

    to {
        margin-left: -702px; /* -1*(700px width + 5px left margin + 2px border) */
    }
}
.fade-in-on-hover {
    transition: opacity 0.25s, 
                    -ms-filter 0.25s,
                    filter 0.25s,
                    -khtml-opacity 0.25s,
                    -moz-opacity 0.25s;
}

.fade-out-children-on-hover:hover .fade-in-on-hover {
    opacity: .50; /* Standard: FF > 1.5, Opera, Safari    */
    -ms-filter: "alpha(opacity=50)"; /* IE 8                                 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8  */
    filter: alpha(opacity=50); /* IE <= 7                              */
    -khtml-opacity: .50; /* Safari 1.x                           */
    -moz-opacity: .50; /* FF < 1.5, Netscape                   */
}

.fade-out-children-on-hover .fade-in-on-hover:hover{
    opacity: 1;                         /* Standard: FF > 1.5, Opera, Safari    */
    -ms-filter: "alpha(opacity=100)";   /* IE 8                                 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter: alpha(opacity=100);         /* IE <= 7                              */
    -khtml-opacity: 1;                  /* Safari 1.x                           */
    -moz-opacity: 1;                    /* FF < 1.5, Netscape                   */
}

/*Credit: Ibrahim Jabbari: https://codepen.io/ibrahimjabbari/pen/ozinB */
hr.faded-edges {
    border: 0;
    margin: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #ababab, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #ababab, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #ababab, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #ababab, #f0f0f0);
}

/* Cursor icon options */
.cursor-not-allowed,
.cursor-not-allowed:hover {
    cursor: not-allowed;
}

.cursor-wait,
.cursor-wait:hover {
    cursor: wait;
}

.cursor-progress,
.cursor-progress:hover {
    cursor: progress;
}

.cursor-default,
.cursor-default:hover {
    cursor: default;
}

/*Gridview Paging - https://www.aspsnippets.com/Articles/Styling-ASPNet-GridView-Pager-using-CSS-Style-example.aspx */
.GridPager a, .GridPager span {
    display: block;
    height: 15px;
    width: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}

.preserve-newlines {
    white-space: pre-line;
}

.strong {
    font-weight: bold !important;
}

.stronger {
    font-weight: bolder !important;
}

.resizeVertical {
    resize: vertical;
}

.resizeHorizontal {
    resize: horizontal;
}
/*Tiny little shift up of the input for radio buttons in the h3 to line it up vertically with the text of the label.*/
h3 [type=radio] {
    margin-bottom: 3px;
}

.infotext-strong {
    color: #4183c2;
    font-weight:bold;
}

.newlinediv {
    width: 100%;
    height: 0px;
}

.h5 {
    color: #4183c2;
    font-size: 13px;
}
.h4 {
    font-size: 16px;
    color: #4183c2;
    text-align: left;
}
.h3 {
    font-size: 18px;
    color: #777161;
    font-weight: normal;
    margin-bottom: 7px;
}
.h2 {
    font-size: 18px;
    color: #778161;
}
.h1 {
    color: #778161;
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: normal;
    margin-top: 15px;
}
.LayoutTable {
    width: 100%;
}
table .LayoutTable {
    width: 100% !important;
}
.AlignTextLeft {
    text-align: left !important;
}
.AlignTextCenter {
    text-align: center !important;
}
.AlignTextRight {
    text-align: right !important;
}
.no-padding-important {
    padding: 0 !important;
}
.PlainText {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-family: verdana;
    color: #000000;
}
.flex {
    display: flex;
}
.flexSpace {
    display: flex;
    justify-content:space-between;
}
.flexBottom {
    justify-items: flex-end;
    display: flex;
}
.PlainTextSize {
    font-size: 12px;
}
ul.separatedList > li{
    margin-top: 1em;
}
.SlightlyLargerFont{
    font-size:14px;
    font-weight:bold;
}
.Overflow100{
    overflow:auto;
    width:100%;
}
.blackText{
    color:black !important;
}
.headerBox {
    background: #d3e5f7;
    border: 1px solid black;
    border-radius: 5px;
    padding: 20px;
}
.roundedBox{
    border: 1px solid black;
    border-radius: 5px;
    padding:10px;
    margin: 5px;
}
.lroom-5percent{
    margin-left: 5%;
}
.vroom-small {
    margin-bottom: 5px;
    margin-top:    5px;
}

.vroom {
    margin-bottom: 10px;
    margin-top:10px;
}

.vroom-large {
    margin-top: 15px;
    margin-bottom: 15px;
}

.vroom-xlarge {
    margin-top: 20px;
    margin-bottom: 20px;
}
.hroom-tiny {
    margin-left: 2px;
    margin-right: 2px;
}
.hroom-small {
    margin-left: 5px;
    margin-right: 5px;
}

.hroom {
    margin-left: 10px;
    margin-right: 10px;
}

.hroom-large {
    margin-left: 15px;
    margin-right: 15px;
}

.hroom-xlarge {
    margin-left: 20px;
    margin-right: 20px;
}
.headroom-none {
    margin-top: 0;
}
.legroom-none {
    margin-bottom: 0;
}
.lroom-none {
    margin-left: 0;
}
.lroom-none input {
    margin-left: 0;
}
.rroom-none {
    margin-right: 0;
}
.listItem {
    display: list-item;
    list-style-type:circle;
}
.nintyPercentWidth {
    width: 90%
}
.affirmative {
    color: #778161;
}
.autoMargin {
    margin: auto !important; 
}
.paddingTop {
    padding-top: 10px !important;
}
.aligntLabeltoTextbox{
    padding-top: 5px !important;
}
.backgroundBuffer{
    height: 20px !important;
}
.hardlineBorder {
    border: 1px solid black !important;
}
.half-Width {
    width: 50% !important;
}
.threeQuarterWidth {
    width: 75% !important;
}

.centeredContent {
    vertical-align: middle !important;
    text-align: center !important;
}
#ProgramDetailsLayoutTable>tbody>.spacedRow>td {
    padding-bottom: 10px;
}
.flashGreen {
    background-color: white;
    transition: background-color 0.5s ease;
}
.btn.btn-Placebo {
    background-color: white;
    color: green;
    position: relative;
    border-style: solid;
    border-color: green;
    background-image: none;
}
    .btn.btn-Placebo:hover {
        background-color: white;
        color: green;
        border-color: green;
    }

.superHidden {
    width: 0px !important;
    height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.closeGapLeft {
    margin-left: 0px !important;
}
.colorWhite {
    color: #fff !important;
}
.EvalGreyOverride {
    font-weight: normal !important;
    background-image: none !important;
    background-color: gray !important;
    font-size: 14px !important;
}

.button__progress {
    position: absolute;
    height: 100%;
    width: 0%;
    top: 0;
    left: 0;
    background-color: rgba(0,255,0,.5);
    transition: width 1s linear;
}

.button__text {
    position: relative;
}
/*
   ███████████████████████████████████████████████████████████████████████████████████████████
   ███ Dev note: keep items below this line at the bottom of this file please & thank you. ███
   ███           These represent CSS classes that should always override the ones above.   ███
   ███████████████████████████████████████████████████████████████████████████████████████████
*/
.no-padding {
    padding: 0;
}

.debug *{
    border: 1px solid green;
}

/* 
    Optional override of ASP.Net's default disabled css class to darken the color of disabled 
    elements because the default disabled state can be too light gray, making it hard to read.
    
    To use this, add the css class "add-contrast" to your target element. Anytime the element's
    .Enabled state is set to false, ASP will automatically add css class "aspNetDisabled" to the 
    element which will apply the darkening css below.

    Alternatively add "add-contrast-to-children" to a parent element for the same effect on all 
    child elements within the parent.
*/
.aspNetDisabled.add-contrast,
.add-contrast-to-children .aspNetDisabled {
    color: black;
    opacity: 0.9;
    filter: opacity=80;
}