/* Minification failed. Returning unminified contents.
(1031,22): run-time error CSS1035: Expected colon, found 'margin'
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline;
    display: inline-block;
    zoom: 1;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    font-size: 100%;
}

.disabled {
    pointer-events: none;
    background: lightgrey !important;
}

#ulErrors {
    margin-right: 100px;
}

    #ulErrors li {
        color: red;
        word-break: normal;
        word-wrap: normal;
    }

body {
    margin: 0;
    padding: 0;
    min-width: 1280px;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

a.disabled {
    color: #999;
    font-style: oblique;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

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

small {
    font-size: 75%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
    border: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    vertical-align: middle;
}

button,
input {
    line-height: normal;
}

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
        overflow: visible;
        -webkit-appearance: button;
        font-size: 16px;
        font-weight: bold;
    }

        button[disabled],
        input[disabled] {
            cursor: default !important;
        }

    input[type="search"] {
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/*button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }*/

textarea {
    overflow: auto;
    vertical-align: top;
}

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

input:focus, textarea:focus, select:focus {
    outline: none;
}

:focus {
    outline: none;
}

body {
    color: #4d4d4d;
    font: 14px/18px Arial;
}

h1, h2, h3 {
    color: #666;
}

h4 {
    color: #000;
}

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: fliph; /*IE*/
}

.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv; /*IE*/
}

/* header start */
#wrapper {
    background-size: 100% auto;
    position: relative;
    width: 100%;
}

#header-main {
    height: 86px;
    width: 100%;
    min-width: 950px;
}

.header-inner, #main-inner, .main-inner {
    margin: 0 auto;
    width: 1280px;
}

.beca-main-inner {
    margin: 0 auto;
    width: 950px;
}

.wj-login-inner {
    margin: 0 auto;
    width: 1260px;
}

.beca-main-inner h2 {
    float: left;
    font-size: 24px;
    margin: 38px 0 6px;
    width: 950px;
    font-style: italic;
}

.beca-main-inner p {
    float: left;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    text-align: justify;
    width: 950px;
}

.mainpage-inner {
    margin: 0 auto;
    width: 950px;
}

.header-logo {
    float: left;
    margin: 3px 0 0 0;
    width: 400px;
    height: 67px;
}

.beca-header-logo {
    float: left;
    margin: 10px 0 0px 0;
    width: 450px;
}

.header-top-menu {
    float: right;
}

    .header-top-menu ul {
        display: block;
        float: right;
        list-style-type: none;
        margin-top: 5px;
        padding: 0;
    }

        .header-top-menu ul li {
            border-right: 1px solid #666666;
            color: #FFFFFF;
            display: block;
            float: left;
            font-size: 12px;
            font-weight: normal;
            line-height: 14px;
            margin: 0;
            padding: 0 5px;
        }

            .header-top-menu ul li a, .dashboard-notifications a {
                color: #1a6f9d;
                text-decoration: none;
            }

            .header-top-menu ul li#help a {
                background: url("../images/help.png") no-repeat scroll 3px 2px transparent;
                float: left;
                padding-left: 14px;
                text-decoration: none;
            }

            .header-top-menu ul li#logout a {
                background: url("../images/logout.png") no-repeat scroll 2px 3px transparent;
                float: left;
                padding-left: 14px;
                text-decoration: none;
            }

            .header-top-menu ul li.last {
                border-right: none;
            }

.belasearch-main {
    float: right;
}

.belasearch-bg {
    background: url("../images/mainsearch-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 0 6px 0px;
    vertical-align: top;
    width: 223px;
}

    .belasearch-bg input[type="text"] {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        padding: 5px;
        color: #fff;
        font-family: georia;
        font-style: italic;
    }

.belasearch-submit {
    background: url("../images/glass.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 30px;
    left: 0;
    position: relative;
    text-indent: -9999px;
    top: 0px;
    width: 30px;
}

/*.header-top-menu ul li:nth-child(n+2):after {
  content: "|";
  margin-left: 10px;
  color: #3c3c3c;
}*/

/* header End */

/* Login Start */

#login-bg {
    background: url(/images/banner-bg.png);
    width: 100%;
    float: left;
    height: 312px;
    min-width: 950px;
}

#banner-bg {
    background: url(/images/banner-newpassword-bg.png);
    width: 100%;
    float: left;
    height: auto;
    min-width: 950px;
}

.user {
    float: left;
    /*margin: 11px 0 0 112px;*/
    margin: 11px 134px 0 1px;
    width: 450px;
}

.login-details {
    float: left;
    width: 320px;
    position: relative;
}

.input-login-bg {
    background: url(/images/login-text-bg.png) no-repeat;
    border: none;
    float: right;
    min-height: 44px;
    max-height: 200px;
    margin: 0 0 15px 0;
    padding: 0 5px;
    width: 300px;
}

.login-details label {
    clear: both;
    float: left;
    margin: 0 0 12px 21px;
    text-align: left;
    width: 400px;
}

label.username {
    margin: 12px 0 0 0;
}

.login-details input[type="text"], .login-details input[type="password"] {
    border: medium none;
    float: left;
    margin-top: 5px;
    padding: 5px;
    width: 260px;
    font-size: 20px;
    color: #4d4d4d;
}

.login-details input:-webkit-input-placeholder, login-details input:-moz-placeholder {
    color: #4d4d4d;
}

.login-error {
    clear: both;
    color: #CC0000;
    float: left;
    font-size: 12px;
    margin: 9px 0 9px 71px;
    text-align: center;
    width: 335px;
}

.login-btn {
    background: url("/images/login-btn.png") repeat scroll 0px 0px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 30px !important;
    height: 44px;
    padding: 0;
    width: 300px;
    margin-left: 10px;
    cursor: pointer;
}

.login {
    clear: both;
    float: left;
    margin: 10px 0 0 19px;
}

.loginborder {
    border-left: 1px solid #A9A9A9;
    float: left;
    height: 23px;
    margin: 29px 0 0 13px;
    width: 14px;
}

.login-info {
    border-bottom: 1px dashed #C8C8C8;
    margin-left: 20px;
    padding-bottom: 6px;
    width: 344px;
    float: left;
    height: 78px;
}

    .login-info h1 {
        float: left;
        margin-top: 21px;
    }

.det-text {
    color: #4d4d4d;
    float: left;
    font-weight: bold;
    line-height: 25px;
    margin: 22px 0 21px 10px;
    width: 320px;
    word-wrap: break-word;
}

.username-block {
    color: #4d4d4d;
    float: left;
    font-weight: bold;
    line-height: 25px;
    margin: 0px 0 0 10px;
    width: 430px;
    font-size: 20px;
}

.banner-bottom {
    background: url("/images/banner-newpassword-bg-bottom.png") repeat-x scroll 0 0 transparent;
    float: left;
    width: 100%;
    height: 4px;
}

.text-bottom {
    margin: 19px 0 0 10px;
}

.status-message {
    margin: 2px 13px 0 0;
    float: right;
    font-weight: bold;
}

.details {
    float: left;
    background: url("/images/details-btn.png") repeat scroll 0 0 transparent;
    width: 79px;
    height: 38px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
}

.loginpage {
    margin-left: 21px !important;
}

.remember {
    color: #4d4d4d;
    float: left;
    font-size: 14px;
    margin-left: 10px;
    width: 300px;
    height: 23px;
}

    .remember a {
        color: #4d4d4d;
        float: left;
        line-height: 16px;
        margin-top: -3px;
        text-decoration: none;
    }

.remeb-forgotspace {
    border-left: 1px solid #B9BEC2;
    color: #4D4D4D;
    float: left;
    height: 13px;
    line-height: 22px;
    width: 13px;
}
/* Home page Custom Check box */
.customs-checkbox {
    position: relative;
    width: 132px;
    float: left;
}

    .customs-checkbox input {
        border: medium none;
        left: -99999px;
        margin: 0;
        outline: medium none;
        position: absolute;
        top: 0;
        z-index: 0;
    }

    .customs-checkbox label {
        cursor: pointer;
        display: block;
        margin: 0;
        padding: 0 0 1px 18px;
        position: relative;
        z-index: 1;
        line-height: 10px;
        margin: 0px;
        width: 105px !important;
    }

    .customs-checkbox label {
        background: url(/images/remember.png) no-repeat;
    }

    .customs-checkbox label {
        background-position: 0 0px;
    }

        .customs-checkbox label.checked {
            background: url(/images/remember-active.png) no-repeat;
        }

        .customs-checkbox label.focus {
            outline: 1px dotted #ccc;
        }
/* Login End */

/* Home Page Section*/
.services {
    border-top: 1px solid #C8D3DE;
    float: left;
    margin-top: 30px;
    padding-top: 30px;
    width: 950px;
}

.image-border {
    float: left;
    height: 200px;
    width: 300px;
}

    .image-border.mobile {
        border: solid 1px #d3d3d3;
        width: 298px;
    }

        .image-border.mobile img {
            margin: 4px 9px;
        }

div.services ul {
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

    div.services ul li {
        padding: 0px;
        margin: 0px;
        margin-bottom: 7px;
    }

.mainpage-content-block {
    float: left;
    margin-left: 30px;
    width: 620px;
}

    .mainpage-content-block h3 {
        float: left;
        font-size: 18px;
        margin: 8px 17px 0 0;
    }

    .mainpage-content-block p {
        width: 620px !important;
    }

.applink {
    text-decoration: none !important;
}

.grid {
    float: left;
}

.img1 {
    float: left;
    width: 100px;
    height: 50px;
    background: #ccc;
}

.grid p {
    font-size: 16px;
    line-height: 21px;
    margin: 18px 0 0;
    text-align: left;
    width: 298px;
}

.services h2 {
    float: left;
    width: 176px;
    font-size: 17px;
    font-weight: normal;
    margin: 6px 0 10px 10px;
    height: 50px;
}

.col-one {
    margin-right: 49px;
    width: 286px;
}

.col-two {
    width: 286px;
    margin-right: 26px;
}

.col-three {
    width: 300px;
    float: right;
}

.introducing {
    background: url("/images/ipad.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 220px;
    margin: 20px 0 0 40px;
    width: 920px;
}

.app h3 {
    font-size: 36px;
    margin: 17px 0 0;
    font-weight: normal;
}

.app {
    float: left;
    margin-left: 250px;
}

    .app p {
        line-height: 21px;
        margin: 18px 0 0;
        text-align: left;
        font-weight: normal;
        font-size: 18px;
    }

.appstore {
    float: right;
    background: url("/images/appstrore.png") repeat scroll 0 0 transparent;
    width: 134px;
    height: 47px;
    margin: 0 20px 0 0;
    padding: 0px;
}

.download {
    background: url("/images/download.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    font-weight: bold;
    height: 47px;
    line-height: 42px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 154px;
}
/* Main Menu Start */

.main-menu {
    background: url(/images/nav-bg.png);
    float: left;
    height: 50px;
    width: 960px;
}

    .main-menu ul ul {
        display: none;
    }

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

    .main-menu ul {
        list-style: none;
        position: relative;
        display: inline-table;
        padding: 0px;
        margin: 0px;
    }

        .main-menu ul:after {
            content: "";
            clear: both;
            display: block;
        }

        .main-menu ul li {
            float: left;
            border-right: 1px solid #575757;
            color: #FFFFFF;
            display: block;
            float: left;
            font-size: 19px;
            font-weight: normal;
            height: 50px;
        }

        .main-menu ul ul li {
            border-right: none;
        }

        .main-menu ul li.selected a, .main-menu ul li:hover a {
            color: #000000;
        }

        .main-menu ul li a {
            color: #000000;
            font-weight: bold;
            padding: 3px 40px 10px;
            text-decoration: none;
        }

        .main-menu ul li a {
            float: left;
            height: 37px;
            line-height: 36px;
            outline: medium none;
            padding: 6px 20px;
        }

        .main-menu ul ul {
            background: #999999;
            padding: 0;
            position: absolute;
            top: 100%;
            z-index: 9999;
        }

            .main-menu ul ul ul {
                background: #ccc;
                padding: 0;
                position: absolute;
                top: 100%;
            }

            .main-menu ul ul li {
                float: none;
                position: relative;
            }

                .main-menu ul ul li a {
                    color: #000000;
                    padding: 0 14px 0 14px;
                }

            .main-menu ul ul li {
                height: 39px;
                float: none;
                position: relative;
            }

        .main-menu ul li ul li:hover {
            background: #cccccc;
            cursor: pointer;
        }

        .main-menu ul li ul li ul li:hover {
            background: #999;
            cursor: pointer;
        }

        .main-menu ul li.selected, .main-menu ul li:hover {
            background-image: url("/images/nav-selected.png");
            cursor: pointer;
        }

        .main-menu ul ul ul {
            position: absolute;
            left: 100%;
            top: 0%;
        }

#info {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding: 0px 0 0 40px;
    margin-top: 30px;
    width: 985px;
}

#sub-info {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    width: 985px;
    margin-bottom: 20px;
}

#info h2 {
    float: left;
    width: 400px;
    margin: 10px 0 20px 0px;
    font-size: 24px;
}

.accountinfo {
    float: left;
    width: 950px;
}

/* New Organization Form Start */

.new-org {
    float: left;
    margin-left: 40px;
    height: 250px;
}

.input-bg {
    background: url(/images/text-bg.png) no-repeat;
    border: none;
    display: inline-block;
    margin: 0 0 5px 0px;
    padding: 0 0 12px 5px;
    width: 261px;
    vertical-align: top;
    height: auto;
}

.input-bgempty {
    border: none;
    display: inline-block;
    margin: 0 0 5px 0px;
    padding: 0 0 12px 5px;
    width: 261px;
    vertical-align: top;
    height: 31px;
}
/* CL.205-110 */
.input-label {
    border: none;
    display: inline-block;
    margin: 0 0 0 0px;
    padding: 0 0 0 10px;
    width: 375px;
    vertical-align: top;
    font-family: Georgia;
    font-style: italic;
    color: #4d4d4d;
}

.asteric {
    color: #ff0000;
    padding: 0 0 0 4px;
}

.textarea-bg {
    background: url(/images/textarea-bg.png) no-repeat;
    border: none;
    color: #717172;
    float: right;
    height: 144px;
    customer-details margin: 0 19px 12px 0;
    padding: 0 5px;
    width: 355px;
}

    .textarea-bg textarea {
        border: medium none;
        float: left;
        height: 116px;
        margin-top: 6px;
        padding: 5px;
        resize: none;
        width: 334px;
    }

.customer-details, .beca-form-details {
    float: left;
    width: 1000px !important;
    margin-bottom: 20px;
}

    .customer-details h3, .beca-form-details h3 {
        clear: both;
        float: left;
        margin: 10px 0px 10px 11px;
        width: 1000px;
        color: #4d4d4d;
        font-size: 18px;
        font-weight: bold;
    }

    .customer-details input[type="text"], .customer-details input[type="password"], .customer-details input.text, input.ajaxtext,
    .beca-form-details input[type="text"], .beca-form-details input[type="password"], .beca-form-details input.text, input.ajaxtext,
    #template-editor-dialog input[type="text"], .advanced-content-filter-text, .roster-option-text, .demographics-text,
    .input-bg input[type=text], .input-bg input[type=password] {
        border: medium none;
        float: left;
        margin-top: 2px;
        padding: 4px 27px 3px 5px;
        width: 222px;
        font-size: 14px;
    }

.portfolio-notes {
    line-height: 15px !important;
    margin-top: 2px !important;
}

.subtitle {
    clear: both;
    color: #000000;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: -10px 0 25px 0px;
    width: 900px;
}

.usernamecheck {
    background: url(/images/username.png) no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: 3px;
    cursor: pointer;
}

.clear-both {
    clear: both;
}

.customer-details input[type="text"], .customer-details input[type="password"], .customer-details textarea, .customer-details input.text, input.ajaxtext {
    color: #4d4d4d;
    /*font-family: Georgia;
    font-style: italic;*/
}

span.username-text {
    color: #588FBA;
    font-size: 13px;
    margin: 0px;
    cursor: pointer;
    width: 265px;
}

.auto-space {
    float: left;
    margin-bottom: 12px !important;
}

span.username-text a {
    color: #588FBA;
    text-decoration: none;
}

select.choose {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #4d4d4d;
    float: left;
    font-size: 14px;
    line-height: 14px;
    margin: 7px 0 0;
    /*padding: 5px 5px -1px 0px;*/
    width: 251px;
}

    select.choose.disable {
        color: #cccccc;
    }

    select.choose.longdropdownfix:focus {
        width: auto;
        position: relative;
    }

.ctrDropDownClick {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #4d4d4d;
    float: left;
    font-size: 14px;
    line-height: 22px;
    margin: 7px 0 0;
    /*padding: 5px 5px -1px 0px;*/
    width: 251px;
}

.ctrDropDown {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #4d4d4d;
    float: left;
    font-size: 14px;
    line-height: 22px;
    margin: 7px 0 0;
    /*padding: 5px 5px -1px 0px;*/
    width: 251px;
}
/*input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #666;
}*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.choose {
        color: #4d4d4d;
    }

    input:-webkit-autofill {
        color: #fff;
    }
}

.clear-left {
    clear: left;
    height: auto;
}

.buttons {
    float: left;
    margin: 20px 0 20px 364px;
}

.save {
    background: url("/images/buttons-copy.png") repeat scroll 234px 0px transparent;
    border: medium none;
    color: #fff;
    font-size: 16px;
    height: 31px;
    padding: 0;
    width: 99px;
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

input[type="submit"] {
    font-weight: bold;
    font-family: Arial;
}

.cancel {
    background: url("/images/buttons-copy.png") repeat scroll 343px 0px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    height: 31px;
    padding: 0;
    width: 99px;
}

.popupyes {
    background: url("/images/buttons-copy.png") repeat scroll 343px 0px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    height: 31px;
    padding: 0;
    width: 99px;
    margin: 0 24px 0 8px;
}

/* New Organization Form End */

/* Footer Start */

footer, .footer-bg {
    border-top: 3px solid #244F7A;
    width: 100%;
    height: 133px;
    float: left;
    margin-top: 30px;
    min-width: 950px;
}

.footer-info {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 950px;
}

    .footer-info nav ul {
        float: left;
        height: 53px;
        margin: 17px 0 0;
        padding: 0;
    }

        .footer-info nav ul li:after {
            color: #8F8F8F;
            content: "|";
            margin: 0 10px;
        }

        .footer-info nav ul li:first-child:before {
            margin: 0;
            padding: 0;
        }

        .footer-info nav ul li {
            float: left;
            height: 10px;
            margin-top: 30px;
        }

            .footer-info nav ul li a {
                color: #000000;
                text-decoration: none;
            }

.copyinfo {
    color: #000;
}

    .copyinfo a {
        color: #1A6F9D !important;
        text-decoration: none;
    }

.company-name {
    color: #000000;
}

.footer-info p a {
    color: #1A6F9D !important;
    text-decoration: none;
}

.footer-info p {
    color: #999999;
    float: left;
    font-size: 12px;
    margin-top: 50px;
}

p.copyright {
    float: left;
    padding-top: 0;
    text-align: left;
    font-size: 12px;
    margin-top: 25px;
    clear: left;
}

/* Footer End */

/* Assesments Start */
.assement {
    float: left;
    width: 900px;
    height: 68px;
}

/* Assesments Checkbox */
.custom-checkbox, .custom-radio {
    position: relative;
    width: 270px;
    margin-left: 40px;
    float: left;
}

    .custom-checkbox input,
    .custom-radio input {
        position: absolute;
        left: 2px;
        top: 3px;
        margin: 0;
        z-index: 0;
    }

    .custom-checkbox label {
        cursor: pointer;
        display: block;
        height: 6px;
        margin: 0;
        padding: 7px 0 24px 51px;
        position: relative;
        z-index: 1;
    }

    .custom-checkbox label {
        background: url("/images/checkboxradiosprite.png") no-repeat scroll -28px 0 transparent;
    }

        .custom-checkbox label.checked {
            background-image: url("/images/checkboxradiosprite.png");
            background-position: -28px -30px;
        }

/* info and errors */
.message-info {
    border: 1px solid #e80c4d;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

.error-assem {
    position: absolute;
    color: red;
    padding: 10px;
    width: 264px;
    top: 46px;
    border: 2px solid red;
    text-align: left;
    right: 35px;
}

.spMsgInvalid {
    position: absolute;
    color: red;
    left: 4px;
    padding: 10px;
    width: 264px;
    top: 11px;
    border: 2px solid red;
    text-align: left;
}

#spSaveMsg {
    float: left;
    clear: both;
    margin-left: 313px;
    color: #4d4d4d;
    font-weight: bold;
}
/* styles for validation helpers */
.field-validation-error10 {
    color: #e80c4d;
    font-weight: bold;
    /*border: solid 5px;*/
    font-size: 12px;
    display: block;
    text-align: center;
    position: relative;
    z-index: 5000;
    background-color: #ffffff;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 550px !important;
}

.field-validation-error1 {
    color: #e80c4d;
    font-weight: bold;
    /*border: solid 5px;
    background-color: #ffffff;
    width: 370px !important;*/
    display: block;
    text-align: center;
    position: relative;
    z-index: 5000;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: auto;
}
/*styles for validation helpers */
.field-validation-error10 {
    /*width: 500px !important;*/
    width: auto;
}

.field-validation-error2 {
    color: #e80c4d;
    font-weight: bold;
    border: solid 5px;
    text-align: center;
    background-color: #ffffff;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 370px !important;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    /*border: solid 5px;*/
    display: block;
    /*text-align: center;*/
    text-align: left;
    position: relative;
    z-index: 5000;
    /*width: 186px;*/
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    float: left;
    margin-top: 8px;
}

.validation_error span, .validation_error span span {
    color: #e80c4d;
    font-weight: bold;
}

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

.triangle-borderpassword {
    margin: 9px 0 0 -4px;
    width: 385px;
}

    .triangle-borderpassword.validation-summary-errors {
        margin: 50px 0px 0px -32px;
    }

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors1 {
    color: #e80c4d;
    font-weight: bold;
    display: block;
    text-align: center;
    position: relative;
    z-index: 5000;
    width: auto;
    /*bottom: 191px;*/
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    /*border: solid 5px;
    background-color: #ffffff;
    width: 186px;
        */
    /*background-color: #ffffff;*/
    display: block;
    text-align: center;
    position: relative;
    z-index: 5000;
    width: auto;
    /*bottom: 191px;*/
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div.validation-summary-errors.customerassessment {
    position: absolute;
    right: 20%;
    bottom: 51%;
}

.validation-summary-errors ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .validation-summary-errors ul li:nth-child(2n+1) {
        margin-top: -4px;
    }

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

/* =====
== BUBBLE WITH A BORDER AND TRIANGLE
** ===== */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

/*.triangle-border {
    position: absolute;
    padding: 8px 19px 8px 3px;
    /*margin:-68px 0px 0px 0px;
    margin: -100px 0px 0px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}*/
.triangle-border {
    /*margin: -102px 0 0;*/
    margin: -36px 0 0;
    padding: 0 4px 0 3px;
    position: absolute;
}

.errormsgheight {
    margin: -32px 0 0;
}

.triangle-borderLoginScreen {
    /*margin: -102px 0 0;*/
    margin: -69px 0 0;
    padding: 0 4px 0 90px;
    position: absolute;
}

div.manage-student .triangle-border, div.general-border.triangle-border {
}

div.manage-staff .triangle-border {
    /*margin: -68px 0px 0px 169px;*/
}
/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
    margin-left: 30px;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-border.right {
    margin-right: 30px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
    /*content: "";
        position: absolute;
        bottom: -20px; /* value = - border-top-width - border-bottom-width
        left: 40px; /* controls horizontal position
        border-width: 20px 20px 0;
        border-style: solid;
        border-color: #e80c4d transparent;
        /* reduce the damage in FF3.0
        display: block;
        width: 0;*/
    content: "";
    display: block;
}

.AssError {
    position: absolute;
    padding: 8px 19px 8px 3px;
    /*margin:-68px 0px 0px 0px;*/
    margin: -100px 0px 0px 20px;
    /* css3 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-width: 2px 2px 0;
    border-style: solid;
    border-color: #fff transparent;
}
/* creates the smaller  triangle */
.triangle-border:after {
    /*content: "";
        position: absolute;
        bottom: -13px; /* value = - border-top-width - border-bottom-width
        left: 47px; /* value = (:before left) + (:before border-left) - (:after border-left)
        border-width: 13px 13px 0;
        border-style: solid;
        border-color: #fff transparent;
        /* reduce the damage in FF3.0
        display: block;
        width: 0;*/
    content: "";
    display: block;
    left: 2px;
    position: absolute;
}

/* Variant : top
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.top:before {
    top: -20px; /* value = - border-top-width - border-bottom-width */
    bottom: auto;
    left: auto;
    right: 40px; /* controls horizontal position */
    border-width: 0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
    top: -13px; /* value = - border-top-width - border-bottom-width */
    bottom: auto;
    left: auto;
    right: 47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width: 0 13px 13px;
}

/* Variant : left
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.left:before {
    top: 10px; /* controls vertical position */
    bottom: auto;
    left: -30px; /* value = - border-left-width - border-right-width */
    border-width: 15px 30px 15px 0;
    border-color: transparent #e80c4d;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
    top: 16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
    bottom: auto;
    left: -21px; /* value = - border-left-width - border-right-width */
    border-width: 9px 21px 9px 0;
    border-color: transparent #fff;
}

/* Variant : right
------------------------------------------ */

/* creates the larger triangle */
.triangle-border.right:before {
    top: 10px; /* controls vertical position */
    bottom: auto;
    left: auto;
    right: -30px; /* value = - border-left-width - border-right-width */
    border-width: 15px 0 15px 30px;
    border-color: transparent #e80c4d;
}

/* creates the smaller  triangle */
.triangle-border.right:after {
    top: 16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
    bottom: auto;
    left: auto;
    right: -21px; /* value = - border-left-width - border-right-width */
    border-width: 9px 0 9px 21px;
    border-color: transparent #fff;
}

/* create the password */

.please {
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 19px;
    margin: 10px 0 10px 10px;
}

.save-btn {
    background: url("/images/save-btn.png") repeat scroll 0px 0px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 27px;
    height: 47px;
    padding: 0;
    width: 302px;
    margin: 0px 0 0 10px;
}

.send-email {
    margin-top: 10px;
}

a.cancel-text {
    color: #588FBA;
    float: right;
    font-weight: bold;
    margin: 2px 13px 0 0;
}

.my-error {
    color: #ee0101;
    padding: 3px 0 0 0;
    display: none;
    font-size: 12px;
    line-height: 12px;
}

#dvUserName {
    display: inline-block;
    width: 265px;
}

.required-label {
    background: url('/images/required.png') no-repeat right;
    width: 69px;
    height: 20px;
    position: absolute;
    margin: 6px 0 0 184px;
}

.optional-label {
    background: url('/images/optional.png') no-repeat right;
    width: 69px;
    height: 20px;
    position: absolute;
    margin: 6px 0 0 184px;
}

.success {
    background: url('/images/check.png') no-repeat right;
    width: 24px;
    height: 23px;
    position: absolute;
    margin: 4px 0 0 228px;
}

.error {
    background: url('/images/exclamation.png') no-repeat right;
    width: 34px;
    height: 23px;
    position: absolute;
    margin: 4px 0 0 218px;
}

.req-label-addtional {
    margin: 5px 0 0 157px !important;
}

/*.disabled:hover {
    background: url("/images/popup-yes.png") repeat scroll 0px 0px transparent;
}*/

/* Custom dialog styles */
#popup_container.style_1 {
    font-family: Georgia, serif;
    color: #A4C6E2;
    background: #005294;
    border-color: #113F66;
}

    #popup_container.style_1 #popup_title {
        color: #FFF;
        font-weight: normal;
        text-align: left;
        background: #76A5CC;
        border: solid 1px #005294;
        padding-left: 1em;
    }

    #popup_container.style_1 #popup_content {
        background: none;
    }

    #popup_container.style_1 #popup_message {
        padding-left: 0em;
    }

    #popup_container.style_1 INPUT[type='button'] {
        border: outset 2px #76A5CC;
        color: #A4C6E2;
        background: #3778AE;
    }

fieldset.user-details {
    margin-bottom: 20px;
    border: 1px solid #DDD;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    float: left;
    width: 900px;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 27px;
    text-indent: 5px;
    font-size: 19.5px;
    line-height: 36px;
    color: #333;
    border: 1px solid #E5E5E5;
}

fieldset label {
    margin-right: 5px;
    padding: 5px;
    line-height: 30px;
}

    fieldset label.title {
        font-weight: bold;
    }

    fieldset label.pass-label {
        font-weight: bold;
        float: left;
        width: 200px;
    }

#logoutForm {
    padding: 0px;
    margin: 0px;
}

table.paging {
    margin-top: 10px;
}

    table.paging a, table.paging span {
        padding: 5px;
    }

/* Search customer */

.search-bg {
    background: url("/images/search-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 0 6px 5px;
    vertical-align: top;
    /* CL.205-667 */
    width: 220px;
}

    .search-bg input[type="text"] {
        border: medium none;
        float: left;
        /*font-family: georgia;
        font-style: italic;*/
        color: #4d4d4d;
        margin-top: 2px;
        padding: 5px;
        width: 200px;
    }

.search-submit {
    background: url("/images/search-icon.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 26px;
    left: 0px;
    position: relative;
    text-indent: -9999px;
    top: 2px;
    width: 23px;
}

.savecorrect, .popupno {
    background: url("/images/buttons-copy.png") repeat scroll 234px 0px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    height: 31px;
    margin: 0;
    padding: 0;
    width: 99px;
}

.correctsave {
    background: url("/images/buttons-copy.png") repeat scroll 234px 0px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    height: 31px;
    margin: 0;
    padding: 0;
    width: 99px;
}

.removebutton {
    background-image: linear-gradient(#AA0000, #AA0000);
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    height: 31px;
    margin: 0;
    padding: 0;
    width: 160px;
    border-radius: 5px;
}

.selectStudent, .popupno {
    background: url("/images/buttons-copy.png") repeat scroll 234px 0px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 20px;
    height: 31px;
    margin: 0;
    padding: 0;
    width: 99px;
}

.search-error {
    color: #FF0000;
    float: left;
    font-family: Georgia;
    margin-top: 10px;
    width: 500px;
}

.error-main {
    font-size: 18px;
    font-weight: bold;
    margin-left: 154px;
    text-align: left;
    width: 510px;
}

.search-space {
    border-bottom: 1px solid #C9C9C9;
    float: left;
    /*margin: 0 22px;*/
    padding-bottom: 10px;
    width: 1100px;
}

    .search-space p {
        float: left;
        margin-top: 1px;
        width: 809px;
    }

p.student {
    width: 854px;
}

/* Table */
.table-main {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #4d4d4d;
    margin: 0 22px;
}

table.search-results {
    float: left;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #C9C9C9;
}

table.Assign-Contents {
    float: left;
    width: 100%;
    /*table-layout: fixed;*/
}

    table.search-results th, table.results th, table.Assign-Contents th {
        border-right: 1px solid #dcdcdc;
        background: #ebedec;
        height: 41px;
        line-height: 16px;
        text-align: left;
        vertical-align: middle;
        border-top: 1px solid #ccc;
        font-size: 15px;
        vertical-align: middle;
        padding: 5px;
    }

    table.search-results tr.head, table.results tr.head, table.Assign-Contents tr.head {
        border: 1px solid #c9c9c9;
    }

    table.search-results tr.even, table.results tr.even, table.Assign-Contents tr.even, table.benchmarks tr.even, tr.content-odd, tr.indicators-odd {
        background: none repeat scroll 0 0 #f4f9fd;
        border-top: 1px solid #e3e9ef;
        border-bottom: 1px solid #e3e9ef;
    }

    table.search-results tr td, table.results tr td, table.Assign-Contents tr td {
        text-align: left;
        font-size: 13px;
        padding: 5px 0px;
        vertical-align: middle;
        word-wrap: break-word;
    }

.role {
    width: 100px;
}

table.search-results tr td a, table.results tr td a, table.Assign-Contents tr td a {
    text-decoration: none;
    color: #588fba;
}

/* Pagination */
.math-paingation {
    float: left;
    margin: 10px 0 20px 22px;
    width: 1003px;
    /*border-top: 1px solid #c9c9c9;*/
    padding-top: 20px;
}

.mathces {
    float: left;
    width: 600px;
    font-size: 24px;
    color: #000;
}

ul.pagination {
    list-style: none;
    float: right;
    margin: 0px;
    padding: 0px;
}

    ul.pagination li {
        float: left;
        margin-left: 0px;
        padding: 1px 3px 1px 3px;
    }

        ul.pagination li.first a, ul.pagination li span {
            color: #999999;
            text-decoration: underline;
        }

        ul.pagination li.first {
            margin-left: 1px;
        }

        ul.pagination li a {
            color: #588FBA;
            text-decoration: none;
        }

        ul.pagination li.total {
            color: #000;
        }

/* Add New Student */

.date-bg {
    background: url(/images/day-bg.png) no-repeat;
    border: none;
    margin: 0 0 5px 0px;
    padding: 0 0 6px 5px;
    width: 83px;
    float: left;
}

.select-bg {
    background: url(/images/select-bg.png) no-repeat;
    border: none;
    display: inline-block;
    margin: 0 0 5px 0px;
    padding: 0 0 17px 5px;
    width: 261px;
    vertical-align: top;
}

select.day {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #4d4d4d;
    float: left;
    /*font-family: Georgia;
    font-style: italic;*/
    font-size: 14px;
    line-height: 22px;
    margin: 3px 0 0;
    padding: 3px 5px 0 0;
    width: 78px;
}

.addanother {
    background: url("/images/addanother.png") repeat scroll 0px 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 15px !important;
    height: 31px;
    opacity: 0.2;
    padding: 0;
    width: 201px;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.addanothercorrect {
    background: url("/images/addanother.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    /*font-size: 15px!important;*/
    font-size: 16px;
    height: 31px;
    padding: 0;
    width: 201px;
}

.addanothercorrect_disabled {
    background: url("/images/addanother.png") repeat scroll 0 0 transparent !important;
    border: medium none;
    color: #FFFFFF;
    font-size: 11px !important;
    height: 31px;
    opacity: 0.2;
    padding: 0;
    width: 201px;
    filter: alpha(opacity=20);
    cursor: default !important;
}

.proceedtosite {
    background: url("/images/addanother.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px !important;
    height: 31px;
    padding: 0;
    width: 201px;
}

.robohelp {
    background: url("/images/help.png") no-repeat scroll 3px 2px transparent;
    float: right;
    padding-left: 14px;
    text-decoration: none;
    line-height: 13px;
    color: #1A6F9D;
}

.student-error {
    color: #FF0000;
    float: left;
    font-family: Georgia;
    margin-top: 10px;
    text-align: left;
    width: 363px; /* 360px 214px */
}

.reportlocation-error {
    color: #FF0000;
    float: left;
    font-family: Georgia;
    margin-top: 10px;
    text-align: left;
    /*width: 363px; /* 360px 214px */
}

a.back {
    background: url("/images/buttonsprites.png") repeat scroll 0 125px transparent;
    border: medium none;
    color: #FFFFFF;
    float: right;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    line-height: 43px;
    padding: 0;
    text-align: center;
    width: 128px;
    margin-top: 8px;
    cursor: pointer;
    text-decoration: none;
}
/* Password text for IE Browser*/

.passwordtext {
    background: url('/images/password-text.png') no-repeat left;
}

.newpassword-text {
    background: url('/images/newpassword-text.png') no-repeat left;
}

.verify-text {
    background: url('/images/verfiy-text.png') no-repeat left;
}

.space {
    float: left;
    margin-left: 143px;
    width: 300px;
}

.sub-text {
    clear: both;
    float: left;
    width: 600px;
    height: 31px;
    color: #4d4d4d;
    font-weight: bold;
    font-size: 13px;
}

.manage-staff, .manage-student {
    float: left;
    margin-left: 46px;
    padding-top: 10px;
    width: 646px;
    clear: left;
}

    .manage-staff label, manage-student label {
        font-weight: bold;
        margin: 8px 10px 0 0;
        text-align: right;
        width: 170px;
        font-size: 14px;
    }

.buttons-location {
    float: left;
    margin: 10px 0 10px 5px;
    width: 400px;
    text-align: right;
}

    .buttons-location.right {
        float: right;
    }

    .buttons-location.full {
        width: 100% !important;
    }

    .buttons #Save_Msg, .buttons-location #Save_Msg {
        float: left;
        padding: 2px 0px 2px 0px;
        width: 100%;
        font-size: 18px;
        font-weight: bold;
        text-align: right;
    }

.manage-student .buttons-location {
    float: none;
    text-align: initial;
    margin: 0px;
    width: inherit !important;
}

input.save:focus, input.cancel:focus, input.save:focus, input.save-btn:focus, input.savecorrect:focus,
input.login-btn:focus, select.choose:focus {
    border: 1px dotted #000;
}

.input-login-bg div.icon {
    width: 74px;
    margin: 12px 0 0 218px;
}

div.req-label-addtional-success {
    margin: 5px 0 0 209px !important;
}

a.cursormenu {
    cursor: default;
}

input.locations {
    width: 195px !important;
}

.list-bg {
    border: 2px solid #ccc;
    border-radius: 3px;
    height: auto;
    width: 257px;
    display: inline-block;
    margin: 0 0 5px;
}

    .list-bg select {
        font-size: 11px !important;
    }

.edit {
    color: #4d4d4d !important;
    margin: 0 0 4px 10px !important;
    font-family: Georgia;
    font-style: italic;
    font-weight: normal !important;
    text-align: left !important;
}

input.locations {
    width: 195px !important;
}

#divtree label {
    font-weight: normal;
}

textarea.hiererchary {
    border: 1px solid #CCCCCC;
    float: left;
    margin-top: 0;
    padding: 5px;
    resize: none;
    width: 219px;
}

.distributor-search-field {
    padding-top: 18px;
}

.searchstudent-bg {
    background: url("/images/studentsearch-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 0 6px 5px;
    vertical-align: top;
    width: 174px;
}

    .searchstudent-bg input[type="text"] {
        border: medium none;
        float: left;
        font-family: georgia;
        font-style: italic;
        margin-top: 2px;
        padding: 5px;
        width: 150px;
        color: #4d4d4d;
    }

.date {
    background: url("/images/day-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 0 6px 5px;
    width: 83px;
}

.dob {
    display: inline-block;
    padding: 5px 6px 11px 3px;
    vertical-align: top;
}

.table-student {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #4D4D4D;
    float: left;
    margin: 0 22px;
    width: 700px;
}

table.results {
    float: left;
    width: 700px;
}

.loc {
    color: #000000;
    display: inline-block;
    font-weight: bold;
    margin-top: 11px;
    padding: 0 6px 11px 3px;
    vertical-align: top;
}

.location-space {
    float: left;
    margin-left: 30px;
    width: 900px;
}

.search-student {
    float: left;
    width: 700px;
}

.close {
    background: url("/images/close.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin: 6px 3px 0 0;
}

.deleteimg {
    background: url("../images/deleteimage.png") no-repeat scroll 1px 5px transparent;
    cursor: pointer;
    float: right;
    height: 16px;
    width: 20px;
}

.loc-bg {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    height: 28px;
    width: 225px;
}

label.fancy-checkbox {
    top: 17px;
    position: relative;
    background: url("/images/checkboxradiosprite.png");
    background-repeat: no-repeat;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    background-position: -31px -3px;
}

label.checkbox-checked {
    background-position: -31px -32px;
}

label.radio-checked {
}

label.fancy-checkbox input[type=checkbox], label.fancy-checkbox input[type=radio] {
    opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
}

label.fancy-checkbox span {
    position: relative;
    top: 8px;
    left: 40px;
}

/* Search Labels */
.staff-labels {
    float: left;
    width: 1100px;
}

    .staff-labels label {
        float: left;
        color: #000;
        font-weight: bold;
        width: 183px;
    }

label.staff {
    width: 222px;
    margin: 0 6px 0 2px;
}

label.stud-pri {
    width: 153px;
    margin-left: 28px;
}

label.stud-dob {
    margin-left: 29px;
    width: 275px;
}

.search-locbg {
    background: url("/images/location-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 0 6px 5px;
    vertical-align: top;
    width: 261px;
}

    .search-locbg input[type="text"] {
        border: medium none;
        color: #4d4d4d;
        float: left;
        font-family: georgia;
        font-style: italic;
        margin-top: 2px !important;
        padding: 5px;
        width: 240px;
    }

.cla {
    margin-top: 6px;
}

th.address {
    width: 144px;
}

.woutborder {
    border: none;
}

.clear-all {
    clear: both;
}

.cssTreeDiv {
    visibility: hidden;
}

.success-message {
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 4px 0 10px 128px;
}

/*WJIV Merging the Tabs*/
.span-col1 {
    font-size: 16px;
    font-weight: bold;
    margin-left: 400px;
    margin-right: 130px;
    display: none;
}

.span-col2 {
    font-size: 16px;
    font-weight: bold;
    margin-left: 40px;
    display: none;
}

ul.license-nav-sub {
    float: left;
    height: 32px;
    list-style: none outside none;
    width: 935px;
    padding: 0px;
    clear: both;
    margin-left: 20px;
    border-bottom: 1px solid #CCC;
}

    ul.license-nav-sub li {
        background: #CCC;
        background-repeat: repeat-x;
        border-top: 1px solid #CCC;
        float: left;
        font-size: 14px;
        height: 32px;
        width: 175px;
        margin-right: 10px;
    }

        ul.license-nav-sub li.current a {
            background-color: #FFFFFF;
            border-bottom: medium none;
            border-right: 1px solid #CCC;
            color: #4d4d4d;
            height: 32px;
            text-decoration: none;
            font-weight: bold;
        }

    ul.license-nav-sub a {
        border-bottom: 1px solid #CCC;
        border-left: 1px solid #CCC;
        color: #565656;
        display: block;
        line-height: 31px;
        padding: 0 4px 0 4px;
        text-align: center;
        text-decoration: none;
    }

.license-border-sub {
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    float: left;
    margin: -14px 0 0 20px;
    width: 893px;
    padding: 0 20px 60px;
}

    .license-border-sub h3 {
        color: #4d4d4d;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 35px;
    }

    .license-border-sub h4 {
        color: #4d4d4d;
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 40px;
    }

/* User Story-1054 and 46 & 71*/
ul.license-nav {
    float: left;
    list-style: none outside none;
    width: 100.3%;
    padding: 0px;
    clear: both;
    margin-left: 20px;
    border-bottom: 1px solid #CCC;
}

    ul.license-nav li {
        background: #CCC;
        background-repeat: repeat-x;
        border-top: 1px solid #CCC;
        float: left;
        font-size: 14px;
        height: 32px;
        width: 118px;
        margin-right: 10px;
    }

        ul.license-nav li.current a {
            background-color: #FFFFFF;
            border-bottom: medium none;
            border-right: 1px solid #CCC;
            color: #4d4d4d;
            height: 32px;
            text-decoration: none;
            font-weight: bold;
        }

    ul.license-nav a {
        border-bottom: 1px solid #CCC;
        border-left: 1px solid #CCC;
        color: #565656;
        display: block;
        line-height: 31px;
        padding: 0 4px 0 4px;
        text-align: center;
        text-decoration: none;
    }

.license-border {
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    float: left;
    margin: -14px 0 0 20px;
    width: auto;
    padding: 0 20px;
}

    .license-border h3 {
        color: #4d4d4d;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 35px;
    }

    .license-border h4 {
        color: #4d4d4d;
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 40px;
    }

table.license-info {
    float: left;
    width: 821px;
    margin-bottom: 20px;
    color: #4d4d4d;
}

    table.license-info th, table.results th {
        border: 1px solid #545454;
        height: 30px;
        line-height: 16px;
        text-align: center;
        padding: 5px 0px;
        width: 120px;
    }

    table.license-info tr td {
        text-align: left;
        padding: 10px;
        word-wrap: break-word;
        border: 1px solid #545454;
        text-align: center;
    }


/* Checkbox */
.bela-checkbox {
    position: relative;
    width: auto;
    float: left;
}

    .bela-checkbox input {
        position: absolute;
        left: -99999px;
        top: 5px;
        margin: 0;
        z-index: -99999;
    }

    .bela-checkbox label {
        cursor: pointer;
        display: block;
        /*font-size: 19px;*/
        height: 6px;
        margin: 0;
        padding: 7px 0 14px 41px;
        position: relative;
        z-index: 1;
    }

.space-license {
    float: left;
    height: 59px;
    width: 300px;
}

.bela-checkbox label {
    background: url("/images/license-checkbox.png") no-repeat scroll 0px -38px transparent;
}

    .bela-checkbox label.checked {
        background-image: url("/images/license-checkbox.png");
        background-position: 0px 2px;
    }

    .bela-checkbox label.disabled {
        background: url("/images/license-checkbox.png") no-repeat scroll 0px -38px transparent;
        opacity: 0.35;
    }

.radio-info {
    float: left;
    width: 250px;
}

.transfer-main {
    float: left;
    width: 569px;
}

.add-license {
    clear: left;
    float: left;
    width: 564px;
}

.tr-info {
    float: left;
    width: 952px;
    height: 70px;
}

.tr-to {
    float: left;
    height: 70px;
}

.license-info {
    display: inline;
    line-height: 26px;
}

.license-info-lic {
    display: inline-block;
    line-height: 20px;
    float: right;
    width: 0px;
}

.save-location {
    float: right;
    margin: 10px 0;
}

.license-bg {
    background: url("/images/license-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    margin: 0 0 5px 100px;
    padding: 0 0 6px 5px;
    vertical-align: top;
    width: 174px;
    height: 59px;
}

    .license-bg input[type="text"] {
        border: medium none;
        float: left;
        font-family: georgia;
        font-style: italic;
        margin-top: 2px;
        padding: 5px;
        width: 140px;
    }
/* Transfer License radio button */
.bela-radio {
    position: relative;
    width: auto;
    float: left;
}

    .bela-radio input {
        position: absolute;
        left: 2px;
        top: 7px;
        margin: 0;
        z-index: -99999;
    }

    .bela-radio label {
        cursor: pointer;
        display: block;
        height: 13px;
        margin: 0;
        padding: 7px 0 24px 40px;
        position: relative;
        z-index: 1;
    }

    .bela-radio label {
        background: url("/images/radiobutton.png") no-repeat scroll 0px 4px transparent;
    }

        .bela-radio label.checked {
            background-image: url("/images/radiobutton.png");
            background-position: 0 -37px;
        }

        .bela-radio label.disabled {
            background: url("/images/radiobutton.png") no-repeat scroll 0px 4px transparent;
            opacity: 0.35;
        }

.transfer-from {
    width: 450px;
    float: left;
}

/*.transfer-from h4, .transfer-to h4 {
        float: left;
        line-height: 0;
        margin: 5px 0 20px;
        padding: 0;
    }*/
.transfer-main h4, .transfer-to h4 {
    color: #4D4D4D;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 31px;
}

.transfer-to {
    float: right;
    width: 250px;
}

.transfer {
    width: 250px;
    float: left;
}

.transfer-save-location {
    float: right;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}

/* Rating */

.main-indicator {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin: 20px 0 5px 0;
    float: left;
}

.sub-indicator {
    clear: both;
    color: #000;
    float: left;
    font-size: 18px;
    font-weight: bold;
    width: 1050px;
    line-height: 22px;
}

    .main-indicator span, .sub-indicator span {
        width: 245px;
        float: left;
    }

.sub-sub-indicator {
    width: 802px !important;
}

#rating-left {
    clear: both;
    float: left;
    margin: 40px 30px 0 0;
    width: 307px;
}

#studentslist {
    clear: both;
    float: left;
    margin: 0px 30px 0 0;
    width: 307px;
}

.student-name {
    float: left;
    font-size: 18px;
    margin: 18px 0 0 9px;
    width: 218px;
    -ms-word-break: break-all;
    word-break: break-all;
}

    .student-name a {
        width: 130px;
        /*word-wrap: break-word;
   float:left;*/
        color: #4d4d4d;
        text-decoration: none;
    }

.slider {
    float: left;
    width: 340px;
    margin: 4px 20px 15px 0;
}

#mexamples {
    float: left;
    width: 721px;
}

#rating-right {
    float: left;
    width: 721px;
}

    #rating-right > span {
        float: left;
        margin: 10px 0;
    }

.description {
    float: left;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    width: 402px;
    margin-bottom: 10px;
}

.value-bg {
    background: url("../images/value-bg.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 31px;
    margin: 18px 0 0;
    width: 69px;
}

    .value-bg input[type="text"] {
        border: medium none;
        color: #4d4d4d;
        float: left;
        font-size: 18px;
        margin: 3px 0 0 4px;
        padding: 3px 0 0 5px;
        text-align: center;
        width: 51px;
    }

    .value-bg input[disabled] {
        background: #f0f0f0;
        height: 24px;
        width: 58px;
    }

#boxscroll {
    height: 350px;
    width: 400px;
    cursor: pointer;
}

#ascrail2000 {
    cursor: pointer;
}

ul.student-links {
    float: left;
    height: 13px;
    padding: 0;
    text-align: center;
    width: 301px;
    /*width: 250px;*/
    margin: 10px 0 15px 9px;
}

    ul.student-links li a, a.actionlink {
        color: #0099ff;
        text-decoration: none;
    }

    ul.student-links li:first-child + li + li {
        border-right: none;
    }

    ul.student-links li {
        border-right: 1px solid #A0A0A0;
        float: left;
        line-height: 1px;
        list-style: none outside none;
        margin-right: 5px;
        padding: 5px 5px 2px 0;
    }

        ul.student-links li.last {
            border: none;
        }

.rating-table {
    float: left;
    width: 400px;
}

.milestone-headings {
    background: none repeat scroll 0 0 #EBEDEC;
    float: left;
    font-weight: bold;
    height: 55px;
    line-height: 28px;
    text-align: left;
    width: 720px;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

.score-heading {
    border-left: 1px solid #CCCCCC;
    height: 54px;
    line-height: 47px;
    float: left;
    width: 60px;
    padding-left: 19px;
}

.age-heading {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    float: left;
    height: 56px;
    line-height: 17px;
    padding-left: 3px;
    text-align: center;
    width: 112px;
}

.milestone-heading {
    float: left;
    height: 54px;
    line-height: 47px;
    padding-left: 10px;
    width: 497px;
}

.score-info {
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 35px;
    padding-left: 19px;
    /*padding: 5px 5px 0 0;*/
    text-align: center;
    width: 60px;
    line-height: 40px;
    vertical-align: middle;
}

    .score-info a {
        color: #1A6F9D;
        float: left;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        width: 33px;
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        display: block;
    }

        .score-info a:hover, .score-info a:active, .score-info a:focus {
            outline: 0 !important;
            border: none !important;
        }

.rowodd .score-info a, .roweven .score-info a {
    background: url("/images/box1-bg.png") no-repeat scroll 0 0 transparent;
    text-align: center;
    width: 34px;
    line-height: 33px;
    vertical-align: middle;
    height: 33px;
}

.age-info {
    float: left;
    font-size: 12px !important;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    padding-left: 3px;
    text-align: center;
    width: 112px;
}

/*.milestone-info:first-line{
  height:10px;
   line-height:15px;
   float:left;
}*/
.milestone-info {
    float: left;
    font-size: 12px !important;
    line-height: 17px;
    margin: 7px 0 10px 10px;
    width: 428px;
}

.odd-even .milestone-info, .even-odd .milestone-info, .odd-even .age-info, .even-odd .age-info {
    /*line-height: 40px !important;*/
}

.odd-even .milestone-info, .even-odd .milestone-info {
    margin-top: 0px;
    height: 40px;
    line-height: 40px;
}

.rowodd {
    font-size: 13px;
    float: left;
    padding: 7px 0;
    min-height: 40px;
    width: 703px;
}

.roweven {
    background: #f3f9fe;
    width: 710px;
    font-size: 13px;
    float: left;
    min-height: 40px;
    padding: 7px 0;
    line-height: 40px;
    vertical-align: middle;
}

.odd-even {
    float: left;
    clear: both;
    /*background:#f3f9fe;*/
    width: 694px;
    height: 40px;
    background: url("/images/oddeven_bg.png") repeat-x 0 0;
    padding-right: 7px;
    line-height: 40px;
    vertical-align: middle;
}

.even-odd {
    float: left;
    clear: both;
    /*background:#f3f9fe;*/
    width: 694px;
    height: 40px;
    background: url("/images/evenodd_bg.png") repeat-x 0 0;
    padding-right: 7px;
    line-height: 40px;
    vertical-align: middle;
}

.rating-accordion {
    float: left;
    clear: both;
}

    .rating-accordion ul {
        margin: 0 0 0 227px;
        padding: 0px;
    }

        .rating-accordion ul li {
            float: left;
            list-style: disc outside none;
            margin: 0;
            padding: 1px;
            width: 438px;
            line-height: 15px;
        }

.rowodd h6.active, .roweven h6.active {
    background: url("/images/minus.png") no-repeat scroll 0 0 transparent;
    /* margin-top: -26px;*/
}

.rating-accordion div {
    float: left;
}

.rowodd h6, .roweven h6 {
    background: url("/images/plus.png") no-repeat scroll 0px 0px transparent;
    color: #0099FF;
    cursor: pointer;
    float: left;
    font-size: 13px;
    margin: 11px 0 0 13px;
    padding: 11px 13px;
}

.rating-expanded {
    clear: both;
    float: left;
    width: 693px;
}

a.doc-close {
    float: left;
    font-size: 13px;
    margin: 4px 2px 2px 143px;
    text-decoration: none;
    color: #0099FF;
}

.indicator {
    background: url("/images/buttons-copy.png") repeat scroll 125px 0px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    height: 31px;
    margin: 0;
    padding: 0;
    width: 125px;
}

.back-location {
    float: left;
    margin-top: 60px;
}

.indicator-location {
    float: right;
    margin: 25px 0 0;
}

.rateass-back {
    margin-right: 287px;
}

.students-saved {
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 0 57px;
    text-align: center;
    width: 223px;
}

/*CL 205-72*/
.center {
    text-align: center;
}

.document {
    float: left;
    height: 50px;
    clear: both;
    width: 305px;
    margin-left: 2px;
}

.doc {
    background: url("/images/upload-bg.png") no-repeat scroll 0 0px transparent;
    color: #4d4d4d;
    height: 31px;
    border: none;
    /*margin: 5px 0 15px 5px;*/
    float: left;
    min-width: 146px !important;
    max-width: 135px !important;
    padding: 4px 3px 2px 0px !important;
    cursor: pointer;
    margin-top: 3px;
    margin-right: 5px;
}

.document input[type="file"] {
    cursor: pointer;
}

.another {
    color: #0099ff;
    font-size: 13px;
    text-decoration: none;
    float: left;
}

.previousfile {
    color: #0099ff;
    font-weight: bold;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    width: 343px;
}

.notes-bg {
    background: url("/images/notes-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 61px;
    margin: 5px 8px 9px 9px;
    text-indent: 7px;
    width: 287px;
    float: left;
}

.anotherdoc {
    float: left;
    margin: 10px 0 0 2px;
    width: 164px;
}

label.notes {
    clear: left;
    float: left;
    font-weight: bold;
    margin: 5px 0 0 9px;
    color: #4d4d4d;
}

label.previousnotes, .previousrating li {
    color: #000 !important;
}

.notes-bg textarea {
    border: medium none;
    float: left;
    font-family: arial;
    font-size: 14px;
    margin: 1px 0 0 4px;
    padding: 5px;
    resize: none;
    width: 268px;
    color: #4d4d4d;
    height: 48px;
}

ul.documents {
    float: left;
    clear: both;
    padding: 0;
    width: 335px;
}

    ul.documents li {
        color: #0099FF;
        float: left;
        line-height: 1px;
        list-style: disc inside none;
        margin-right: 10px;
        padding: 5px 10px 10px 0;
        text-align: left;
        width: 400px;
        font-size: 13px;
    }

/*CL-456*/

.assign-location {
    clear: both;
    float: left;
    margin-left: 20px;
    width: 700px;
}

label.ass-select {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 7px 10px 0 0;
}

/*.assign-location label {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  float:left;
  margin: 3px 10px 0 0;
}*/

#accordioncontent {
    clear: both;
    float: left;
    width: 958px;
    color: #4d4d4d;
    margin-bottom: 10px;
}

.district {
    font-weight: bold;
    font-size: 16px;
    margin: 0px 0px 0px 26px;
    color: #000;
    width: 1015px;
    float: left;
}

.sch-head {
    height: 65px;
    width: 870px;
    color: #4d4d4d;
}

.class-head {
    width: 200px;
    height: 64px;
}

.name-head {
    height: 64px;
    width: 54px;
}

.class-info {
    border-right: 1px solid #CCCCCC;
    float: left;
    height: 36px;
    width: 211px;
}

.hs-info {
    border-right: 1px solid #CCCCCC;
    float: left;
    height: 36px;
    width: 64px;
}

.rowclassodd, .rowclasseven {
    float: left;
    font-size: 13px;
}

.classname {
    float: left;
    width: 150px;
    margin: 12px 0 0 10px;
}

.rowclasseven {
    background: none repeat scroll 0 0 #E7F4FE;
    clear: both;
}

.check-info {
    text-align: center;
    margin: 10px 0 0 10px;
}

ul.locations {
    margin: 0px;
    padding: 0px;
    float: right;
}

    ul.locations li {
        border-right: 1px solid #4D4D4D;
        color: #4D4D4D;
        float: left;
        height: 16px;
        line-height: 13px;
        list-style: none outside none;
        margin: 0;
        padding: 0 4px 0 5px;
    }

        ul.locations li.last {
            border-right: none;
        }

table.assign-contents th {
    background: none repeat scroll 0 0 #EBEDEC;
    height: 64px;
    line-height: 16px;
    text-align: center;
    border: 1px solid #CCCCCC;
}

    table.assign-contents th.class-name, table.assign-contents td.class-name {
        padding-left: 11px;
        text-align: left !important;
        width: 200px;
    }

table.assign-contents tr.content-odd {
    background: none repeat scroll 0 0 #E7F4FE;
}

table.assign-contents tr td {
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
    font-size: 13px;
}

table.assign-contents th.mainborder {
    width: 538px;
}

table.assign-contents td.subborder {
    width: 500px;
    border-right: none !important;
}

.cls-name {
    float: left;
    margin: 12px 0 10px;
    width: 149px;
}

.sucmsg {
    margin: 10px 0 0 148px;
}

.hirearchyedit {
    margin: 10px 0;
}

.hirearchycreate {
    margin: 10px 0 0 30px;
}

.saved {
    margin: 10px 0 0 55px;
}
/* Cl 205-44 */
table.benchmarks {
    float: left;
    width: 1044px;
}

    table.benchmarks th {
        background: none repeat scroll 0 0 #EBEDEC;
        border: 1px solid #CCCCCC;
        height: 30px;
        line-height: 16px;
        padding: 5px;
        text-align: left;
        font-size: 14px;
        color: #4d4d4d;
    }

tr.content-odd, tr.benchmarks-odd {
    background: none repeat scroll 0 0 #E7F4FE;
}

table.benchmarks tr td {
    font-size: 13px;
    padding-left: 5px;
    text-align: left;
    vertical-align: middle;
    word-wrap: break-word;
    height: 28px;
    white-space: nowrap;
}

    table.benchmarks tr td a {
        color: #0099ff;
        text-decoration: none;
    }

.select-all {
    float: left;
}

.check-all {
    float: left;
    margin-right: 8px;
}

.continue-location {
    float: right;
    margin: 60px 0 0 0;
}

.belacheck1-checkbox {
    position: relative;
    width: auto;
    float: left;
}

    .belacheck1-checkbox input {
        position: absolute;
        left: 2px;
        top: 3px;
        margin: 0;
        z-index: -99999;
    }

    .belacheck1-checkbox label {
        cursor: pointer;
        display: block;
        height: 3px;
        margin: 0;
        padding: 0px 0 17px 24px;
        position: relative;
        z-index: 1;
    }

    .belacheck1-checkbox label {
        background: url("/images/becasmallcheck.png") no-repeat scroll 0 0 transparent;
    }

        .belacheck1-checkbox label.checked {
            background: url("/images/becasmallchecked.png") no-repeat scroll 0 0 transparent;
        }

        .belacheck1-checkbox label.disabled {
            background: url("/images/becasmallcheck.png") no-repeat scroll 0 0 transparent;
            opacity: 0.43;
        }

.belacheck1-radio {
    position: relative;
    width: auto;
    float: left;
}

    .belacheck1-radio input {
        position: absolute;
        left: 2px;
        top: 3px;
        margin: 0;
        z-index: -99999;
    }

    .belacheck1-radio label {
        cursor: pointer;
        display: block;
        height: 4px;
        margin: 0;
        padding: 3px 0 17px 24px;
        position: relative;
        z-index: 1;
    }

    .belacheck1-radio label {
        background: url("/images/becasmallradiobutton.png") no-repeat scroll -23px -19px transparent;
    }

        .belacheck1-radio label.checked {
            background: url("/images/becaradiobuttonchecked.png") no-repeat scroll -23px 2px transparent;
        }

        .belacheck1-radio label.disabled {
            background: url("/images/becasmallradiobutton.png") no-repeat scroll -23px -19px transparent;
            opacity: 0.43;
        }

.one-error {
    color: #FF0000;
    float: left;
    font-size: 18px;
    margin: 68px 0 0 256px;
}

.ass-info {
    margin-top: 6px;
    text-align: center;
}

.content-saved {
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 6px 6px 0 14px;
}

.loc-error {
    margin-top: 33px;
}

#studentscroll {
    height: 560px;
    width: 683px;
    border: 1px solid #c9c9c9;
    /*border-bottom:5px solid #c9c9c9;*/
}

/************************ beca Error Page **************************/
beca-errorpage {
    color: #FF0000;
    font-family: Georgia;
    left: 182px;
    position: relative;
    top: -37px;
    width: 600px;
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 10px;
}
/************************ beca Error Page **************************/

/************************ beca Tree List **************************/
ul.bela-treelist {
    margin-left: 45px;
    padding: 0px;
}

    ul.bela-treelist ul {
    }

    ul.bela-treelist li {
        list-style: none;
    }

    ul.bela-treelist a {
    }

    ul.bela-treelist li.span {
        margin-right: 3px;
    }

    ul.bela-treelist input[type='checkbox'] {
        margin-right: 3px;
    }

/************************ beca Tree List **************************/

/************************ beca Rating  **************************/
.rate-success {
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 17px 0 0 244px;
}
/************************ beca Rating  **************************/

/* 1397 */

.beca-main {
    width: 100%;
    background: #244f7a;
    height: 40px;
    min-width: 1280px;
}

#navigation-left {
    /*background: url("/images/content-nav-bg.png") repeat scroll 0px 0px transparent;*/
    float: left;
    height: 700px;
    margin-top: 0;
    width: 217px;
    margin-left: 12px;
}

.nav-info {
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 34px;
    width: 168px;
}

ul#sidenav {
    list-style: none outside none;
    width: 180px;
    padding: 0 0 0 20px;
    float: left;
}

.shortcut-top {
    margin: 20px 0 20px 0;
}

.sidenavborder {
    border-bottom: 1px solid #b8c5d3;
    float: left;
    height: 1px;
    width: 192px;
    margin: 6px 0;
}

ul#sidenav li {
    float: left;
}

    ul#sidenav li a {
        float: left;
        height: 30px;
        text-decoration: none;
        width: 83px;
        color: #1a6f9d;
        padding-left: 30px;
        font-size: 13px;
        line-height: 21px;
    }

    ul#sidenav li#nav-1 a {
        background: url("/images/left-nav-icons.png") no-repeat scroll 0 1px transparent;
    }

    ul#sidenav li#nav-2 a {
        background: url("/images/left-nav-icons.png") no-repeat scroll 0 -29px transparent;
    }

    ul#sidenav li#nav-3 a {
        background: url("/images/left-nav-icons.png") no-repeat scroll 0 -62px transparent;
    }

    ul#sidenav li#nav-4 a {
        background: url("/images/left-nav-icons.png") no-repeat scroll 0 -96px transparent;
    }

    ul#sidenav li#nav-5 a {
        background: url("/images/left-nav-icons.png") no-repeat scroll -2px -129px transparent;
    }

.notice-bg {
    background: url("/images/notice-bg.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    height: 28px;
    line-height: 25px;
    text-align: center;
    width: 27px;
}

#users-main {
    clear: both;
    float: left;
    width: 260px;
}

.users-info {
    float: left;
    width: 120px;
    font-weight: bold;
    margin-bottom: 3px;
}

.users-details {
    float: left;
    margin-bottom: 3px;
    width: 140px;
    word-wrap: break-word;
}

#announcement-info {
    float: left;
    width: 670px;
}

.place-info {
    background: url("/images/announcement.png") no-repeat scroll 2px 4px transparent;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding-left: 23px;
}

.announcement-desc {
    float: left;
    margin-bottom: 10px;
    width: 754px;
}

    .announcement-desc ul {
        margin: 0;
        padding: 0;
    }

        .announcement-desc ul li {
            list-style: inside;
            padding-bottom: 5px;
        }

a.view {
    float: right;
}

.login-header-top-menu {
    float: right;
    margin-right: 1px;
    height: 27px;
}

    .login-header-top-menu ul {
        display: block;
        float: right;
        list-style-type: none;
        margin-top: 5px;
        padding: 0;
    }

        .login-header-top-menu ul li {
            border-right: 1px solid #999;
            /*color: #FFFFFF;*/
            display: block;
            float: left;
            font-size: 12px;
            font-weight: bold;
            line-height: 14px;
            margin: 0;
            padding: 0 5px;
        }

            .login-header-top-menu ul li a, fieldset label a {
                color: #1a6f9d;
                text-decoration: none;
                font-size: 13px;
            }

            .login-header-top-menu ul li#help a {
                background: url("/images/help.png") no-repeat scroll 3px 2px transparent;
                float: left;
                padding-left: 14px;
                text-decoration: none;
                line-height: 13px;
                margin-left: -6px;
            }

            .login-header-top-menu ul li#logout a {
                background: url("/images/logout.png") no-repeat scroll 1px 1px transparent;
                float: left;
                padding-left: 14px;
                text-decoration: none;
                line-height: 13px;
            }

            .login-header-top-menu ul li.last {
                border-right: none;
                padding-right: 0px;
            }

.becasearch-main {
    clear: right;
    float: right;
    width: 258px;
    display: none;
}

.becasearch-bg {
    background: url("/images/mainsearch-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: 3px 0 0;
    padding: 0 0 6px 0px;
    vertical-align: top;
    width: 223px;
}

    .becasearch-bg input[type="text"] {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        padding: 5px;
        color: #999999;
        font-family: georia;
        font-style: italic;
    }

.becasearch-submit {
    background: url("/images/glass.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    float: right;
    height: 30px;
    text-indent: -9999px;
    width: 30px;
    margin-top: 3px;
}

/* Bela Menu Styles */
.beca-menu ul, .beca-menu ul li {
    list-style: none;
}

.beca-menu form {
    padding: 0px;
    margin: 0px;
    float: left;
}

.beca-menu ul {
    position: relative;
    padding: 0;
    margin: 0;
}

#beca-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

#beca-menu {
    width: 100%;
    height: 40px;
    float: left;
    min-width: 1280px;
}

    #beca-menu li {
        float: left;
        margin: 0 3px 0 0;
        padding: 0;
        font-weight: bold;
        width: 140px;
    }

        #beca-menu li a {
            color: #FFFFFF;
            display: block;
            float: left;
            font-size: 18px;
            font-weight: bold;
            height: 40px;
            line-height: 34px;
            text-align: center;
            text-decoration: none;
            width: 140px;
        }

        #beca-menu li a {
            background: url("/images/menu-bg.png");
            background-size: 213px 91px;
            /*background-size:cover;*/
        }

            #beca-menu li.mega-hover a, #beca-menu li.mega-hover a:hover, #beca-menu li a.selected {
                background: url("/images/menu-bg.png") repeat scroll 10px 40px transparent;
                color: #244f7a;
            }

            #beca-menu li a:hover {
                background: url("/images/menu-bg.png") repeat scroll 10px 40px transparent;
                color: #244f7a;
            }

        #beca-menu li .sub a:hover {
            background: none;
            text-decoration: underline;
        }

        #beca-menu li.mega-hover .sub-container {
            position: absolute;
            left: 0 !important;
            margin-left: 0 !important;
            top: 115px !important;
            width: 100% !important;
            z-index: 1000;
            background: url("/images/nav-rollover.png") repeat-x scroll center bottom #FFFFFF;
            min-width: 1280px;
            /*background-color: #FFFFFF;
  background: url("/images/nav-rollover.png") repeat-x;
  background-repeat:repeat-x;
  background-position: bottom;*/
        }

        /*#beca-menu li.sub-container {
 background-color: #FFFFFF;
  background-image: url("/images/nav-rollover.png");
  background-repeat:repeat-x;
 /* background-position: bottom;
}*/

        #beca-menu li .sub {
            left: 70px;
            display: none;
            height: 38px;
            margin: 0px auto;
            width: 1124px;
        }

            #beca-menu li .sub.expanded {
                height: 76px;
            }

            #beca-menu li .sub .row {
                width: auto !important;
                overflow: hidden;
                clear: both;
            }

            #beca-menu li .sub li {
                list-style: none;
                font-size: 14px;
                font-weight: normal;
                display: inline;
                width: auto;
            }

                #beca-menu li .sub li.mega-hdr {
                    float: left;
                }

    #beca-menu ul.bela-menu li .sub-container.mega-hdr .sub {
        padding: 20px 20px 0px 0;
    }

    #beca-menu li .sub li.mega-hdr.last {
        margin-right: 0;
    }

    #beca-menu li .sub a {
        background: none;
        color: #244f7a;
        display: block;
        font-size: 16px;
        width: auto;
        font-weight: bold !important;
    }

    #beca-menu li .sub span {
        color: #244f7a;
        font-size: 16px;
        margin: 0 10px;
        font-weight: bold;
        line-height: 35px;
    }

    #beca-menu li .sub li.mega-hdr a.mega-hdr-a {
        margin-bottom: 5px;
        font-weight: bold;
        color: #244f7a;
        border-top-color: #FFFFFF;
        border-top-style: solid;
        border-top-width: 4px;
    }

    #beca-menu .sub li.mega-hdr li a {
        font-weight: normal;
        line-height: 33px;
        cursor: pointer;
        height: auto;
        margin-left: -5px;
    }

        #beca-menu .sub li.mega-hdr li a:hover {
            background: none;
        }

    #beca-menu .sub ul, #beca-menu .sub ul li ul {
        display: block;
    }

        #beca-menu .sub ul li {
            cursor: pointer;
            float: left;
            height: auto;
            padding: 0px;
        }

    #beca-menu .sub li.level2nav a:hover {
        text-decoration: underline;
    }

    #beca-menu .sub li.mega-unit li a.last, #beca-menu .sub li.level3menu li a.last {
        border-right: none;
    }

    #beca-menu li .sub li.add-mega {
        margin-left: 402px;
    }

ul#subnav {
    margin: 44px 10px 0 0;
    padding: 0;
    float: left;
}

    ul#subnav li ul {
        margin: 0px 10px 0 0;
        padding: 0;
        float: left;
    }

    ul#subnav li {
        float: left;
        font-size: 13px;
        font-weight: bold;
        clear: left;
        text-align: left;
        width: 192px;
        list-style: none;
        clear: left;
    }

        ul#subnav li.header {
            margin-bottom: 5px;
        }

        ul#subnav li a {
            color: #244f7a;
            display: block;
            text-decoration: none;
            line-height: 18px;
            vertical-align: middle;
            text-decoration: none;
            vertical-align: middle;
            width: 191px;
        }

            ul#subnav li a.header {
                /*padding-left: 15px;*/
                color: #000;
                margin-bottom: 5px;
            }
            /*ul#subnav li a.header:hover {
 background: none repeat scroll 0 0;
 cursor:none;
}*/
            ul#subnav li a:hover {
                background: none repeat scroll 0 0 #d0ecfc;
                cursor: pointer;
                padding-right: 2px;
                width: 190px;
            }

            ul#subnav li a.selected {
                background: none repeat scroll 0 0 #d0ecfc;
                border-top: 1px solid #8ad0f8;
                cursor: pointer;
                width: 191px;
                padding-right: 1px;
            }

        ul#subnav li ul li {
            clear: left;
            float: left;
            font-size: 13px;
            font-weight: normal;
            text-align: left;
            width: 189px;
            list-style: disc;
            margin-left: 15px;
        }

            ul#subnav li ul li:last-child {
                margin-bottom: 7px;
            }

            ul#subnav li ul li a {
                color: #244f7a;
                display: block;
                font-size: 13px;
                line-height: 18px;
                vertical-align: middle;
                text-decoration: none;
                width: 177px !important;
                margin-top: 5px;
            }

        ul#subnav li.sub-nav {
            list-style: disc inside none;
            text-align: left;
            padding-left: 47px;
            color: #244f7a;
        }

        ul#subnav li.subselected {
            background: none repeat scroll 0 0 #d0ecfc;
            border-top: 1px solid #8ad0f8;
            cursor: pointer;
            width: 145px;
        }

        ul#subnav li.sub-nav:hover {
            width: 146px;
            background: none repeat scroll 0 0 #d0ecfc;
        }

.beca-inner {
    margin: 0 auto;
    width: 1280px;
}

#loginheader-main {
    height: 70px;
    width: 100%;
    background: #e9edf1;
    min-width: 1280px;
}

.login-header-logo {
    float: left;
    margin: 20px 0 10px;
    width: 960px;
}

.login-inner {
    margin: 0 auto;
    width: 960px;
}

.loginfooter-bg {
    background-image: url("/images/footer-bg.png");
    clear: both;
    float: left;
    height: 144px;
    margin-top: 30px;
    width: 100%;
}

.loginfooter-info {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 960px;
}

    .loginfooter-info ul {
        float: left;
        height: 53px;
        margin: 17px 0 0;
        padding: 0;
    }

        .loginfooter-info ul li:after {
            color: #8F8F8F;
            content: "|";
            margin: 0 10px;
        }

        .loginfooter-info ul li:first-child:before {
            margin: 0;
            padding: 0;
        }

        .loginfooter-info ul li {
            float: left;
            height: 10px;
            margin-top: 30px;
            list-style: none;
        }

            .loginfooter-info ul li a {
                color: #000000;
                text-decoration: none;
            }

p.logincopyright {
    float: left;
    font-size: 12px;
    padding-top: 0;
    text-align: left;
}

.hmh-logo {
    background: url("/images/hmh-logo.png") repeat scroll 0 0 transparent;
    float: right;
    height: 47px;
    width: 274px;
    margin: 15px 0 0 0;
}

.clear-left {
    float: none;
}

.footer-border {
    border: 1px solid #244f7a;
    float: left;
    width: 99.8%;
    min-width: 1280px;
}

.footer-borderinfo {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.footer-links {
    float: left;
    width: 950px;
}

    .footer-links ul li {
        float: left;
        height: 10px;
        padding: 0 20px 0 0;
        list-style: none;
    }

        .footer-links ul li:after {
            margin: 0 10px;
            color: #8f8f8f;
        }

        .footer-links ul li a {
            color: #244f7a;
            text-decoration: none;
            font-weight: bold;
            font-size: 14px;
        }

            .footer-links ul li a.selected {
                color: #244f7a;
                text-decoration: underline;
                font-weight: bold;
            }

    .footer-links ul {
        float: left;
        margin: 15px 0 0 0;
        padding: 0;
    }

#form-info {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/nav-divder.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: auto auto;
    float: left;
    min-height: 890px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
    padding-top: 0;
    width: 1056px;
    margin-left: -25px;
}

    #form-info h2 {
        float: left;
        width: 700px;
        margin: 36px 0 40px 0;
        font-size: 24px;
        font-weight: bold;
        color: #000;
    }

.beca-login-inner {
    margin: 0 auto;
    width: 1280px;
}

/* Student Page */

.benchmark-labels {
    float: left;
    margin-left: 41px;
    width: 995px;
}

.benchmark-space {
    float: left;
    height: 30px;
    width: 37px;
}

.benchmark-labels label {
    float: left;
    color: #4d4d4d;
    font-family: georgia;
    font-style: italic;
    width: 173px;
}

.content-loading {
    margin-left: 51px;
}

.benchmark-bg {
    background: url("../images/benchmark-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 0 6px 5px;
    vertical-align: top;
    width: 169px;
    float: left;
}

    .benchmark-bg input[type="text"] {
        border: medium none;
        color: #4d4d4d;
        float: left;
        height: 18px;
        margin-top: 2px;
        padding: 5px;
        width: 115px;
    }

#raceflip {
    height: 31px;
    line-height: 27px;
    text-align: left;
}

#racepanel {
    background: url("../images/race-bg.png") no-repeat scroll 0 0 transparent;
    display: none;
    width: 551px;
    height: 101px;
    margin: -2px 0 0 1px;
    color: #4d4d4d;
}

#contentpanel {
    background: url("../images/Content-bg.png") no-repeat scroll 0 0 transparent;
    /*margin: -15px 0 0 1px;height: 90px;*/
    display: none;
    width: 261px;
    height: 111px;
    margin: -15px 0 10px;
    color: #4d4d4d;
}

#ratingpanel {
    background: url("../images/Content-bg.png") no-repeat scroll 0 0 transparent;
    /*margin: -15px 0 0 1px;height: 90px;*/
    display: none;
    width: 261px;
    height: 111px;
    margin: -15px 0 16px;
    color: #666;
}

#sourcepanel {
    background: url("../images/funding-bg.png") no-repeat scroll 0 0 transparent;
    display: none;
    width: 731px;
    height: 310px;
    margin: -12px 0 0 0px;
    color: #4d4d4d;
}

.input-panel {
    background: url("../images/funding-bg.png") no-repeat scroll 0 0 transparent;
    display: none;
    width: auto;
    height: 281px;
    margin: -12px 0 0 0px;
    color: #4d4d4d;
    font-size: 13px;
    float: left;
}

.sourcecheck {
    float: none;
    font-size: 13px;
    margin-left: 14px;
    width: 308px;
}

.ratecheck {
    float: left;
    font-size: 13px;
    margin-left: 14px;
    width: 308px;
}

.contentFiltercheck {
    font-size: 13px;
    float: left;
    width: 240px;
    margin-left: 13px;
}

.racecheckbox {
    float: left;
    text-align: left;
    margin: 10px 5px 0 5px;
}

    .racecheckbox label, .racecheckbox1 label {
        float: left;
        margin-top: 3px;
    }

.racecheckbox1 {
    float: right;
    margin: 10px 5px 0 7px;
    text-align: left;
    width: 289px;
}

.racecheckbox2 {
    float: right;
    margin: 0 5px 0 7px;
    text-align: left;
    width: 170px;
}

.racecheck {
    float: left;
    font-size: 12px;
    width: 250px;
}

#racepanel input[type="checkbox"], #sourcepanel input[type="checkbox"] {
    float: left;
    margin: 1px 3px 0 0;
}

#raceclose {
    float: right;
    margin-right: 14px;
    color: #00aeef;
    cursor: pointer;
    clear: both;
    font-size: 13px;
}

#Contentclose {
    color: #00AEEF;
    cursor: pointer;
    float: right;
    margin: 0 14px 0 0;
}

#sourceclose {
    float: right;
    color: #00aeef;
    cursor: pointer;
    margin: 18px 35px 0 0;
}

#obstypeclose {
    float: right;
    color: #00aeef;
    cursor: pointer;
    margin: 80px 35px 0 0;
}

.info-border h4 {
    color: #4d4d4d;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-left: 100px;
    width: 739px;
}

.Primary-label {
    border: none;
    display: inline-block;
    margin: 0 0 0 0px;
    padding: 0 0 0 5px;
    vertical-align: top;
    font-family: Georgia;
    font-style: italic;
}

input.grays {
    color: #B0B0B0 !important;
}

/* End Student page  */
.previous-indicator {
    background: url("/images/buttons-copy.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 31px;
    margin: 0 231px 0 0;
    float: left;
    padding: 0;
    width: 159px;
}

.student-highlight {
    background: none repeat scroll 0 0 #f3f9fe;
    float: left;
    width: 307px;
    border: 1px solid #C9C9C9;
    padding-bottom: 5px;
}

#divsavexaminersuccess {
    width: 378px !important;
}

.support {
    float: left;
    font-weight: bold;
    line-height: 0 !important;
    margin: 0 0 10px 211px;
    padding: 0;
}

/* Miscelaneous Elements */
ul.layout {
    list-style: none;
}
/*@media only screen and (max-width: 1280px){
body{
overflow-x:hidden;
}
}*/
/*Student Paginations*/
ul.student-pagination {
    list-style: none;
    float: right;
    margin: 0px;
    padding: 0px;
}

    ul.student-pagination li {
        border-right: 1px solid #A0A0A0;
        float: left;
        height: 18px;
        margin-left: 0;
        margin-top: 0;
        padding: 0 3px;
    }

        ul.student-pagination li a {
            color: #588FBA;
            text-decoration: none;
        }

        ul.student-pagination li.last {
            border-right: none;
        }

.start {
    float: left !important;
}

.student-paginationdiv {
    float: left;
    width: 305px;
    margin: 20px 0 0 0;
}

.calendar-success {
    color: #4d4d4d;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 73px 0 0 187px;
    width: 372px;
}

.calendar-error {
    color: #E80C4D;
    float: right;
    font-size: 13px;
    font-weight: bold;
    margin-right: 67px;
    position: relative;
    text-align: center;
    top: -20px;
    width: 228px;
}

.firsterror {
    /*width:190px;*/
    width: 220px;
    float: left;
    text-align: center;
}

.dashboard-report-info {
    float: left;
    clear: both;
    width: 1024px;
    margin-top: 10px;
}

.report-info {
    float: left;
    clear: both;
    width: 450px;
}

.filtercheck {
    float: left;
    width: 250px;
    margin-bottom: 5px;
}

    .filtercheck input[type="checkbox"] {
        float: left;
        clear: both;
        margin: 0 5px 0 5px;
        height: 20px;
    }

    .filtercheck label {
        float: left;
    }

.advan-flter {
    color: #00AEEF;
    float: right;
    margin-right: 5px;
    text-decoration: none;
}

#gradient-info {
    background: url("../images/subtle.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    margin-left: 13px;
    padding-right: 36px;
    width: 189px;
}

.filter-top {
    background: url("../images/content-top-curve.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    width: 265px;
    margin-top: -1px;
}

.filter-center {
    background: url("../images/content-middle-curve.png") repeat-y scroll 0px 0px transparent;
    float: left;
    height: auto;
    width: 265px;
}

.filter-bottom {
    background: url("../images/content-bottom-curve.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    width: 265px;
}

.ratingerrorstudent {
    float: left;
    color: #E80C4D;
    font-weight: bold;
    width: 300px;
}

/************ Dialog *************/
.ui-dialog {
    z-index: 5000 !important;
}
/*********************************/

/************ Tabs ***************/
.ui-widget-header {
    background: none !important;
}

.ui-tabs-nav {
    margin-left: 6px !important;
    width: 1048px;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    float: left;
}
/************* Tabs ***************/
#ascrail2000 {
    background-color: transparent !important;
    background-image: url("../images/scroll-buttons.png") !important;
    background-position: center bottom;
    background-repeat: no-repeat !important;
    height: 585px !important;
}

#ascrail2000-hr div {
    border: medium none !important;
    background: none !important;
}

/********** Scroll Bar  ************/
.scrollable {
    overflow: hidden !important;
    position: relative;
}

    .scrollable .scrollcontent {
        position: absolute;
        top: 0px;
        right: 20px;
        bottom: 20px;
        left: 0px;
        overflow: hidden;
        line-height: 0px;
    }

    .scrollable .scrollwrap {
        overflow: hidden;
        display: inline-block;
        line-height: 1.3em;
    }

        .scrollable .scrollwrap:after {
            display: none;
        }

    .scrollable.no_scroll_v .scrollcontent {
        left: 0px;
        right: 0px;
    }

    .scrollable.no_scroll_h .scrollcontent {
        top: 0px;
        bottom: 0px;
    }

    .scrollable .scroller {
        position: absolute;
    }

    .scrollable .vscroller {
        top: 0px;
        left: auto;
        right: 0px;
        width: 20px;
        bottom: 20px;
    }

    .scrollable.no_scroll_v .vscroller {
        display: none;
    }

    .scrollable.no_scroll_h .vscroller {
        bottom: 0px;
    }

    .scrollable .hscroller {
        left: 0px;
        top: auto;
        right: 20px;
        height: 20px;
        bottom: 0px;
    }

    .scrollable.no_scroll_v .hscroller {
        right: 0px;
    }

    .scrollable.no_scroll_h .hscroller {
        display: none;
    }

    .scrollable .scrollarea {
        position: absolute;
    }

    .scrollable .vscroller .scrollarea {
        top: 0px;
        bottom: 33px;
        left: 0px;
        right: 0px;
    }

    .scrollable .hscroller .scrollarea {
        top: 0px;
        bottom: 0px;
        left: 20px;
        right: 20px;
    }

    .scrollable .scrollblock {
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: black;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
    }

        .scrollable .scrollblock:hover {
            background-color: #4d4d4d;
        }

    .scrollable .vscroller .scrollblock {
        top: 20px;
        height: 60px;
        left: 4px;
        right: 4px;
    }

    .scrollable .hscroller .scrollblock {
        left: 70px;
        width: 20px;
        top: 4px;
        bottom: 4px;
    }

    .scrollable .scrollbtn {
        position: absolute;
        width: 15px;
        height: 17px;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        color: black;
        font-weight: bold;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -moz-box-sizing: border-box;
    }

    .scrollable .scrolltop {
        background: url("../images/scroll-buttons.png") no-repeat scroll 0 0 transparent;
        bottom: 16px;
        left: 2px;
    }

    .scrollable .scrollbtn:hover {
        color: #4d4d4d;
    }

    .scrollable .scrolldown {
        left: 2px;
        bottom: 0px;
        top: auto;
    }

    .scrollable .scrollleft {
        left: 0px;
        top: 0px;
    }

    .scrollable .scrollright {
        top: 0px;
        right: 0px;
        left: auto;
    }

    .scrollable .filler {
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: 20px;
        width: 20px;
        left: auto;
        top: auto;
    }

    .scrollable.no_scroll_v .filler,
    .scrollable.no_scroll_h .filler {
        display: none;
    }

    .scrollable .vscroller {
        /* background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.0, #333333),
        color-stop(1.0, #222222)
    );
  background: -moz-linear-gradient(
        left center,
        #333333 0%,
        #222222 100%
    );*/
    }

    .scrollable .hscroller {
        /* background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.0, #333333),
        color-stop(1.0, #222222)
    );
  background: -moz-linear-gradient(
        top center,
        #333333 0%,
        #222222 100%
    );*/
    }

    .scrollable .vscroller .scrollarea {
        left: 2px;
        right: 2px;
    }

    .scrollable .hscroller .scrollarea {
        top: 2px;
        bottom: 2px;
    }

    .scrollable .scrollarea {
        box-shadow: 1px 1px 4px #111 inset;
        -moz-box-shadow: 1px 1px 4px #111 inset;
        -webkit-box-shadow: 1px 1px 4px #111 inset;
        border: 1px solid #333333;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .scrollable .scrollblock {
        border: 1px solid #161616;
    }

    .scrollable .vscroller .scrollblock {
        left: 0px;
        right: 0px;
        background: url("../images/scroll-overlay.png");
        background-repeat: repeat-y;
    }

.scrolldown {
    background: url("../images/scroll-buttons.png") no-repeat scroll 0 -16px transparent;
    width: 15px;
    height: 33px;
}

#scrollTest {
    border-color: #C9C9C9;
    border-style: solid;
    border-width: 1px 1px 5px;
    float: left;
    height: 560px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 719px;
}

.scrollable .hscroller .scrollblock {
    top: 0px;
    bottom: 0px;
    /*background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.0, #3C3C3C),
        color-stop(1.0, #000)
    );
  background: -moz-linear-gradient(
        top center,
        #3C3C3C 0%,
        #000 100%
    );*/
}

.scrollable .scrollbtn {
}

    .scrollable .scrollbtn:hover {
        /*color: #888;*/
    }

.scrollable .filler {
    /* background: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0.0, #333333),
        color-stop(0.5, #222)
    );
  background: -moz-linear-gradient(
        -45deg,
        #333333 0%,
        #222 50%
    );*/
}

#beca-tabs {
    width: 1059px;
}

#ErrorSpan {
    color: #FF0000; /* #e80c4d */
    font-family: Georgia;
    float: left;
}

#ErrorSpanText {
    color: #FF0000; /* #e80c4d */
    font-family: Georgia;
    float: left;
    width: 555px;
    top: initial;
}

/******Report Criteria Page *******/
#divProgressMonitoringRange {
    width: 261px;
    float: left;
    margin-bottom: 17px;
    display: none;
}

    #divProgressMonitoringRange input {
        padding: 0px;
        margin: 0px;
        width: 108px;
        margin-top: 8px;
        border: none;
    }

    #divProgressMonitoringRange .input-label {
        width: 125px;
        float: left;
    }

    #divProgressMonitoringRange .input-bg {
        width: 126px;
        float: left;
    }

    #divProgressMonitoringRange .input-bg {
        background: none transparent;
        padding: 0px 0px 0px 0px !important;
    }

    #divProgressMonitoringRange .input-bg-left {
        background-image: url('../images/text-bg-left.png');
        background-position: left;
        float: left;
        width: 6px;
        height: 31px;
        line-height: 31px;
    }

    #divProgressMonitoringRange .input-bg-middle {
        background-image: url('../images/text-bg-pixel.png');
        background-repeat: repeat-x;
        float: left;
        width: 113px;
        height: 31px;
        line-height: 31px;
    }

    #divProgressMonitoringRange .input-bg-right {
        background-image: url('../images/text-bg-right.png');
        background-position: right;
        float: left;
        width: 6px;
        height: 31px;
        line-height: 31px;
    }

    #divProgressMonitoringRange .space {
        width: 9px;
        float: left;
        height: 31px;
        margin: 0px !important;
    }

.openPopup {
    text-decoration: none;
    font-weight: bold;
    color: #1A6F9D;
    font-size: 13px;
    margin-left: 37px;
    font-style: normal;
    font-family: Arial;
}

/* Delete Staff */

.popuptop-bg {
    background: url("/images/popup-top.png") no-repeat scroll transparent;
    float: left;
    width: 376px;
    height: 8px;
    margin-left: 2.8px;
}

.popup-bottom {
    background: url("/images/popup-bottom.png") no-repeat scroll transparent;
    float: left;
    width: 381px;
    height: 29px;
}

.popup-middle {
    background: url("/images/popup-middle.png") repeat-y scroll 0 0 transparent;
    float: left;
    height: auto;
    margin-left: 2px;
    width: 378px;
}

.deletepopupcancel {
    background: url("/images/popup-buttons.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    float: left;
    height: 41px;
    line-height: 22px;
    margin-left: 40px;
    margin-right: 13px;
    padding: 0;
    width: 129px;
    font-family: Arial;
}

.AHMessage-OK {
    background: url("/images/popup-buttons.png") no-repeat scroll -136px 1px transparent;
    border: medium none;
    color: #FFFFFF;
    float: left;
    height: 41px;
    line-height: 22px;
    padding: 0;
    width: 135px;
    margin-left: 90px;
    margin-right: 0px;
    position: relative;
}

.delelepopup {
    background: url("/images/popup-buttons.png") no-repeat scroll -136px 1px transparent;
    border: medium none;
    color: #FFFFFF;
    float: left;
    height: 41px;
    line-height: 22px;
    padding: 0;
    width: 133px;
    font-family: Arial;
}

.pop-up-container {
    float: left;
    margin: 0 13px;
    width: 332px;
}

    .pop-up-container h6 {
        color: #4d4d4d;
        display: inline;
        float: left;
        font-weight: normal;
        margin: 10px 0;
        width: 350px;
        font-size: 14px;
        word-break: break-all;
    }

        .pop-up-container h6.popup-font {
            font-size: 18px;
            /*height: 10px;
              margin-top: 13px;
            */
            height: auto;
            margin-top: 15px;
        }

h6.shortcut-height {
    height: 18px !important;
}

.shortcut-ok {
    margin-left: 129px;
    width: 259px;
    float: left;
}

.popup-close {
    background: url("/images/closepopup.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 10px;
    width: 9px;
}

#deletePopup, #popupdelete, #usercancel, #userdelete, #Errorloading, #loading, #useroncancel, #useroncancelclick, #useronsave, #imagedeleteblock, #btnobservationcancel, #Noteoncancel, #Imageoncancel, #Notecancelbtn, #Cancelobj, #DeleteMessage, #PopupMessage, #PopTime, #POPEmptyMessage, #popup-continue, #popup-licenseExists, #usermove, #EditorCancelobj, #popupmove, #popupshare, #popupDeleteNote, #errormsgV, #divelnsuccessblock, #popupaddanotherah, #popup-errormsg, #popupConfirmation, #divremovesuccess, #popup-customerid-confirm, #popup-subcustomerid-confirm, #divdatevalid, #popup-duplicate-renewal-date {
    width: 420px !important;
}

#Imagesuccessblock1 {
    width: 390px !important;
    margin-left: -60px;
}

#addnewnotePopup {
    width: 415px !important;
    overflow: hidden;
}

#deletePopup {
    width: 427px;
}

.search-button {
    background: url("/images/glass.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 20px;
    height: 30px;
    margin: 0;
    padding: 0;
    text-indent: -999px;
    width: 30px;
}

.rating-error {
    color: #cc0000;
    font-size: 18px;
    float: left;
}

.stu-back {
    margin-left: 20px;
}

/****************** Report Criteria Page *********************************************/
.observation-period__control {
    display: none;
}

.report-criteria__separator {
    color: red;
    text-align: center;
    padding: 5px 0px 16px 0px;
    display: block;
    width: 254px;
}

/*************************************************************************************/

/****************** SSRS Report Viewer View (wrapper around IFRAME)*******************/
.reportviewer-nav {
    background-color: #e9edf1;
    padding-top: 8px;
    float: left;
    width: 100%;
    margin-left: 1px;
    margin-right: 1px;
}

    .reportviewer-nav input {
        float: right;
        margin-right: 30px;
    }

    .reportviewer-nav img {
        float: left;
        margin-left: 7px;
    }

#iframe_reportviewer {
    width: 100%;
    border: none;
    float: left;
    padding: 0px;
    margin: 0px 1px 0px 1px;
}

#iframe_loading {
    width: 308px;
    height: 50px;
    margin: 0px 317px;
    border: solid 1px #000000;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    position: absolute;
    top: 200px;
    background-color: #e9edf1;
    vertical-align: middle;
    line-height: 50px;
}

/**********************************************************/

/*****************User Story 488********************/

.portfolio {
    clear: both;
    color: #4d4d4d;
    margin: 10px 0 10px 20px;
    width: 900px;
    font-size: 18px;
    font-weight: bold;
}

a.trigger {
    background-image: url("/images/rating-accordion.png");
    background-repeat: no-repeat;
    background-position: 5px -13px;
    display: block;
    font-weight: 700;
    padding-left: 20px;
    cursor: pointer;
}

    a.trigger.open {
        background-image: url("/images/rating-accordion.png");
        background-repeat: no-repeat;
        background-position: 5px -29px;
    }

.ratingaccordion a.trigger.open {
    line-height: 25px;
    background-color: #FFFFFF !important;
    border: 1px solid #C9C9C9;
    color: #4D4D4D;
    height: 21px;
}

.ratingaccordion a.trigger {
    background-color: #f7f7f7;
    text-decoration: none;
    border: 1px solid #C9C9C9;
    color: #4D4D4D;
    height: 21px;
    line-height: 25px;
}

    .ratingaccordion a.trigger.open:hover, .ratingaccordion a.trigger.open:focus, .ratingaccordion a.trigger.open:active {
        border-color: #BBCCDD;
    }

table.indicators {
    color: #4d4d4d;
    width: 100%;
    float: left;
}

    table.indicators th {
        background: none repeat scroll 0 0 #f0f0f0;
        border: 1px solid #CCCCCC;
        height: 22px;
        line-height: 16px;
        padding: 5px;
        text-align: left;
        font-size: 14px;
        color: #4d4d4d;
        text-indent: 16px;
    }

    table.indicators tr td {
        font-size: 13px;
        padding-left: 5px;
        text-align: left;
        vertical-align: middle;
        word-wrap: break-word;
        min-height: 28px;
    }

        table.indicators tr td a, ul.notehistory li a {
            color: #0099ff;
            text-decoration: none;
        }

.select-all {
    float: left;
}

.doc-history ul li {
}

.indicator-box {
    font-size: 13px;
}

.indic-info {
    color: #4d4d4d;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.doc-history {
    float: left;
    margin: 0 121px 0 60px;
    width: 152px;
}

    .doc-history ul {
        margin: 0px;
        padding: 0px;
    }

        .doc-history ul li.last-child a.trigger {
            background: none !important;
            border: none !important;
            /*color: none!important;*/
            /*height: none!important;*/
            /*line-height: none!important;*/
        }

        .doc-history ul li, .obj-history ul li {
            color: #0099FF;
            list-style-type: disc;
            float: left;
            text-indent: 0;
        }

            .doc-history ul li a, .obj-history ul li a, .viewmore {
                color: #0099FF;
                text-decoration: none;
            }

.imagehistory li {
    width: 168px;
    cursor: pointer;
}

.notehistory li {
    cursor: pointer;
}

td.vtop {
    vertical-align: top !important;
}

.obj-history {
    float: left;
    width: 225px;
}

    .obj-history ul li {
        color: #0099FF;
        float: left;
        list-style: disc inside none;
        width: 224px;
    }

.rate-history {
    float: right;
    margin-right: 52px;
    width: 225px;
    color: #4d4d4d;
}

    .rate-history ul li {
        float: left;
        list-style: disc inside none;
        width: 224px;
    }

        .rate-history ul li a {
            text-decoration: none;
        }

.viewmore {
    float: left;
    margin-left: -5px;
}

.obsviewmore {
    float: left;
    text-indent: 8px;
}

.past-rating {
    font-weight: bold;
}

.interact-check {
    float: left;
    margin-left: 18px;
}

.interact {
    text-indent: 10px;
    float: left;
    width: 83%;
}

.interact-plus {
    background-image: url("/images/rating-accordion.png");
    background-position: 9px 7px;
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 16px;
    margin-left: 4px;
    width: 19px;
    cursor: pointer;
}

.interact-minus {
    background-image: url("/images/rating-accordion.png");
    background-position: 9px -45px;
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 16px;
    margin-left: 4px;
    width: 19px;
    cursor: pointer;
}

.prog-monitor {
    margin-right: 13px;
    text-indent: 8px;
}

    .prog-monitor input {
        margin: -2px 6px 0 0;
        border: none !important;
        background-color: transparent;
    }

.indicators-edit {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 13px !important;
    font-weight: normal !important;
    margin-left: 36px;
    color: #0099FF;
    padding: 0;
}

.disabledindicators-edit {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 13px !important;
    font-weight: normal !important;
    margin-left: 36px;
    color: #000;
    padding: 0;
}

.det-indicator {
    float: left;
    width: 100%;
    line-height: 25px;
}

.det-td1-indicator {
    float: left;
    width: 40%;
}

.det-td2-indicator {
    float: left;
    width: 44.26%;
}

.det-td3-indicator {
    float: left;
    width: 12%;
}

a.action {
    padding-left: 45px;
}

.his-td1-indicator {
    float: left;
    width: 297px;
}

.his-td2-indicator {
    width: 305px;
}

.his-td3-indicator {
    width: 200px;
}

.area-block {
    height: 25px;
    line-height: 25px;
}

a.areablockcolor {
    font-weight: bold;
    color: #4D4D4D !important;
}

a.areaexpand {
    background-image: url("/images/rating-accordion.png");
    background-position: 3px -13px;
    background-repeat: no-repeat;
    float: left;
    height: 18px;
    width: 20px;
    cursor: pointer;
}

a.areacollapse {
    background-image: url("/images/rating-accordion.png");
    background-position: 5px -29px;
    background-repeat: no-repeat;
    float: left;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.areaborder {
    border: 1px solid #C9C9C9;
    float: left;
    width: 972px;
    height: 22px;
    cursor: pointer;
}

.rhistorylist {
    list-style-type: none !important;
}

    .rhistorylist ul {
        padding: 0px !important;
    }

.historyexpand {
    background: url("/images/history-plus.png") no-repeat scroll 1px 3px transparent;
    cursor: pointer;
    display: inline;
    height: 19px;
    padding-left: 12px;
}

.historycollpase {
    background: url("/images/history-minus.png") no-repeat scroll 1px 3px transparent;
    cursor: pointer;
    display: inline;
    height: 19px;
    padding-left: 12px;
}
/*******************************/
/* US-75 */
.note-bg {
    background: url("/images/notes-textarea.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    height: 128px;
    margin: 5px 8px 9px 9px;
    text-indent: 7px;
    width: 287px;
}

    .note-bg textarea {
        border: medium none;
        color: #4d4d4d;
        float: left;
        font-family: arial;
        font-size: 14px;
        height: 115px;
        margin: 1px 0 0 4px;
        padding: 5px;
        resize: none;
        width: 269px;
    }

.student-note {
    float: left;
    margin-left: 9px;
    width: 210px;
    font-weight: bold;
    color: #4d4d4d;
}

.observaion-note {
    color: #4D4D4D;
    float: left;
    font-weight: bold;
    width: 596px;
    margin: 0 0 17px 9px;
}

.student-note span, .newnoteobj-label span, .newnoteobj-label1 span {
    font-size: 12px;
    font-weight: normal;
}

.note-close {
    color: #0099FF;
    float: right;
    font-size: 13px;
    margin: 2px 16px 4px 3px;
    text-decoration: none;
}

.rating-saveblock {
    float: left;
    width: 308px;
}

.notes-saveblock {
    float: right;
    width: 213px;
}

#popupnote, #popupImage {
    width: 501px !important;
}

.notepopuptop-bg {
    background: url("/images/notes-top-bg.png") no-repeat scroll transparent;
    float: left;
    width: 501px;
    height: 10px;
}

.notepopup-bottom {
    background: url("/images/notes-bottom-bg.png") no-repeat scroll transparent;
    float: left;
    width: 501px;
    height: 10px;
}

.notepopup-middle {
    background: url("/images/notes-middle-bg.png") repeat-y scroll 0 0 transparent;
    float: left;
    height: auto;
    width: 501px;
}

.notepop-up-container {
    float: left;
    margin: 0 13px;
    width: 470px;
}

    .notepop-up-container p {
        float: left;
        text-align: justify;
        width: 475px;
        word-break: break-all;
    }

.notepopup-close {
    background: url("/images/closepopup.png") no-repeat scroll right center transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    width: 47px;
    font-size: 13px;
    margin-right: 13px;
}

.notepop-up-container h6 {
    color: #4d4d4d;
    display: inline;
    float: left;
    font-weight: normal;
    margin: 10px 0;
    width: 464px;
    font-size: 16px;
    font-weight: bold;
}

.notehistory {
    margin: 0;
    padding: 0 0 0 10px;
    padding: 0 0 0 0;
    float: left;
    clear: left;
}

    /*.showmore{
       list-style: none outside none !important;
           list-style: none inside none !important;
}*/
    .notehistory li {
        color: #0099FF;
        float: left;
        list-style: disc inside none !important;
        width: 290px;
        width: 280px;
        font-size: 13px;
        margin-left: 24px;
    }

ul.notehistory li.showmore, ul.notehistory li.rhistorylist {
    list-style: none outside none !important;
}

.noteexpand {
    background: url("/images/note-expand.png") no-repeat scroll 0 5px transparent;
    cursor: pointer;
    display: inline;
    height: 19px;
    padding-left: 12px;
}

.notecollpase {
    background: url("/images/note-collapse.png") no-repeat scroll 0 8px transparent;
    cursor: pointer;
    display: inline;
    height: 19px;
    padding-left: 12px;
}
/**************************/
/*US-2444*/
.popup-link {
    color: #1A6F9D;
    display: inline;
    line-height: 32px;
    margin-left: 14px;
    text-decoration: none;
}

/***********US-2254*********/

ul#shortcut-nav {
    float: left;
    list-style: none outside none;
    padding: 0 0 0 5px;
    width: 180px;
    margin-top: -5px;
}

    ul#shortcut-nav li#shortcut a {
        background: url("/images/shortcut-icons.png") no-repeat scroll -213px -2px transparent;
    }

    ul#shortcut-nav li#shortcutdisabled a {
        background: url("/images/shortcut-icons.png") no-repeat scroll -33px 0px transparent;
        color: #cccccc;
    }

    ul#shortcut-nav li a {
        color: #1A6F9D;
        float: left;
        font-size: 13px;
        height: 24px;
        line-height: 16px;
        padding-left: 22px;
        text-decoration: none;
        width: 83px;
        margin-left: -5px;
    }

.shortcut-block {
    float: left;
    width: 200px;
    margin-bottom: 10px;
}

#shortcutpopupblock, #shortcutdeleteblock, #shorteditpopupblock, #shortcutsuccessblock, #shortcutconfirmationblock, #shortcutrequired, #Imagesuccessblock, #addnewnoteblock, #addnewimageblock, #ParentEmailblock, #DeleteMessage, #deletepopup, #Changeobj, #userName, #popupAdd, #divsuccess {
    width: 420px !important;
}

#reportSavePopupblock, #ParentCheck {
    width: 404px !important;
}

.shortcut-info {
    float: left;
    width: 134px;
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.dashboard-messages {
    /*display: inline-block !important;*/
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.shortcut-info a {
    color: #1A6F9D;
    text-decoration: none;
}

.shortcut-delete {
    background: url("/images/shortcut-icons.png") no-repeat scroll -26px -22px transparent;
    float: left;
    height: 20px;
    width: 18px;
}

.shortcut-edit {
    background: url("/images/shortcut-icons.png") no-repeat scroll -60px -22px transparent;
    float: left;
    height: 20px;
    width: 19px;
}

.shortcutpopuptop-bg {
    background: url("/images/shortcut-top.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    width: 404px;
}

.shortcutpopup-middle {
    background: url("/images/shortcut-middle.png") repeat-y scroll 0 0 transparent;
    float: left;
    height: auto;
    width: 404px;
    overflow: hidden;
}

.shortcutpopup-bottom {
    background: url("/images/shortcut-bottom.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    width: 404px;
}

.popup-close {
    background: url("/images/closepopup.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 10px;
    width: 9px;
}

.pop-up-container label {
    color: #4d4d4d;
    float: left;
    font-style: italic;
    margin-left: 8px;
    width: 261px;
}

.pop-up-container input[type="text"] {
    border: medium none;
    float: left;
    margin-left: 1px;
    margin-top: 2px;
    padding: 1px 8px 6px 5px;
    width: 246px;
    color: #4d4d4d;
}

.shortcut-input-bg {
    background: url("/images/shortcut-icons.png") no-repeat scroll 0 -169px transparent;
    border: medium none;
    float: left;
    height: 38px;
    color: #4d4d4d;
    width: 261px;
}

.shortcutsaveebtn {
    background: url("/images/shortcut-icons.png") no-repeat scroll -31px -95px transparent;
    border: medium none;
    color: #FFFFFF;
    float: left;
    height: 32px;
    padding: 0;
    text-align: center;
    width: 102px;
    font-size: 16px !important;
    font-weight: bold;
    margin-left: 10px;
}

.shortcutnobtn {
    background: url("/images/shortcut-icons.png") no-repeat scroll -30px -54px transparent;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-size: 16px !important;
    font-weight: bold;
    height: 32px;
    margin-left: 75px;
    padding: 0;
    text-align: center;
    width: 102px;
}

.shortcut-text-info {
    float: left;
    width: 387px;
}

.shortcut-scroll {
    float: left;
    height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 192px;
    margin-bottom: 15px;
}

.del-color {
    color: #ff0000 !important;
}

.sure {
    margin-left: 22px;
    color: #4d4d4d;
}

#n {
    background: #fff;
}

.search-location {
    margin: 38px 6px -7px 38px;
    width: 224px;
}

.popup-link {
    color: #1A6F9D;
    display: inline;
    line-height: 32px;
    margin-left: 14px;
    text-decoration: none;
}

.wait-top {
    margin-top: 50px;
}

.wait {
    float: left;
    color: #4d4d4d;
}

.pop-up-container img {
    float: left;
    margin: 0 13px;
}

.ui-resizable-handle {
    display: none !important;
}

.downloadfile {
    margin: 0 18px;
    width: 440px;
}
/*browse button*/

.file-input-textbox {
    margin-left: 2px;
    padding: 4px 6px 4px 7px !important;
    width: 159px !important;
    background: none;
    border: none;
}

.file-input-bg {
    background: url("/images/upload-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #4d4d4d;
    float: left;
    height: 31px;
    margin: 1px 10px 0 5px;
    width: 178px !important;
}

.file-input-div {
    height: 31px;
    overflow: hidden;
    position: relative;
    width: 99px;
}

.file-input-button {
    background: url("/images/browse-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 31px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 99px;
    cursor: pointer;
}

.file-input-hidden {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
/*Browse button*/
.popupscroll {
    height: 500px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.uploadright {
    float: right;
    margin-right: 12px;
}
/***************Start US 2380*******************/

.filter {
    float: left;
    margin-left: 10px;
    width: 533px;
}

.filter-color {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin-top: 25px;
}

.filter-name {
    float: left;
    width: 280px;
}

.filter-bg {
    float: left;
    width: 1030px;
    height: 40px;
    border: 1px solid #c9c9c9;
    background: none repeat scroll 0 0 #F8F8F8;
}

.filter-block {
    border-right: 1px solid #c9c9c9;
    float: left;
    height: 40px;
    padding-left: 8px;
    background: #f8f8f8;
    color: #4d4d4d;
    font-size: 14px;
}

.assign-block {
    width: 187px;
}

.img-noteblock {
    width: 123px;
}

.view-block {
    width: 196px;
}

.filter-block label {
    float: left;
    margin: 11px 5px 0 0;
}

.filter-monitor {
    float: left;
    margin: 13px 2px 0 0;
}

.filter-block input[type="radio"] {
    float: left;
}

.filter-btn {
    margin: 5px 10px 0 11px;
}

.filter-new {
    margin-top: 5px;
}

.search-block {
    width: 271px;
}

.filter-search-bg {
    float: left;
    width: 150px;
    background: url("/images/filter-search-bg.png") repeat scroll 0 0 transparent;
    border: medium none;
    height: 30px;
    margin-top: 5px;
}

    .filter-search-bg input[type="text"] {
        background: none;
        border: none;
        float: left;
        font-family: Georgia;
        font-style: italic;
        color: #999999;
        width: 140px;
        text-indent: 10px;
        padding-top: 4px;
    }

.img-block {
    width: 205px;
    border-right: none;
    padding-left: 5px;
}

.image-noteblock {
    background: none repeat scroll 0 0 #F3F9FE;
    border: 1px solid #E2E9EF;
    float: left;
    height: 119px;
    line-height: 102px;
    width: 1030px;
    margin-top: 29px;
}

.objtype-block {
    float: left;
    margin-left: 56px;
    margin-top: 10px;
}

.addnote-close {
    background: url("/images/closepopup.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 10px;
    margin-right: 28px;
    width: 9px;
}

.addnote-block {
    float: left;
    margin-left: 75px;
}

.newobj {
    width: 235px;
}

.newnote-heading {
    float: left;
    font-weight: bold;
    margin: 0 0 15px 20px;
    width: 200px;
}

.date-block {
    float: left;
    width: 327px;
    margin-top: 10px;
}

.bold-style {
    font-weight: bold;
}

.fdate-block {
    float: left;
    width: 190px;
    margin-top: 10px;
}

    .fdate-block label {
        float: left;
    }

.date-block label {
    float: left;
}

.fdate-block img {
    float: left;
    /*height: 75px;*/
    margin-left: 10px;
    margin-top: 20px;
    /*width: 75px;*/
}

.date-block img {
    float: left;
    /*height: 75px;*/
    margin-left: 53px;
    margin-top: 20px;
    /*width: 75px;*/
}

.type {
    float: left;
    margin-top: 10px;
    width: 300px;
}

.type-family-message-board {
    float: left;
    margin-top: 10px;
    width: 200px;
}

.created-block {
    float: left;
    width: 389px;
    margin-top: 10px;
    text-align: right;
    line-height: 0PX;
    padding-top: 58PX;
    word-break: break-all;
    height: 30px;
    margin-top: 4px;
}

.created-block-family-message-board {
    float: right;
    height: 30px;
    line-height: 16px;
    margin-right: 15px;
    margin-top: 2px;
    padding-top: 53px;
    text-align: right;
    width: 243px;
    word-break: break-all;
}

    .created-block-family-message-board span {
        color: #244F7A;
    }

.created-block-family-message-board-reply {
    float: right;
    width: 243px;
    margin-top: 10px;
    text-align: right;
    line-height: 20PX;
    padding-top: 10PX;
    word-break: break-all;
    height: 30px;
}

.created-block span {
    color: #244f7a;
}

.img-note-info {
    float: left;
    max-height: 2000px;
    min-height: 374px;
    border-right: 1px solid #e2e9ef;
    width: 363px;
    border-left: 1px solid #e2e9ef;
    border-bottom: 1px solid #e2e9ef;
}

.inside-block {
    float: left;
    height: 431px;
    margin: 20px 33px 10px 29px;
    overflow: auto;
}

.content-heading {
    float: left;
    margin-bottom: 15px;
    font-weight: bold;
    width: 200px;
}

.esse-block p {
    float: left;
    font-size: 13px;
    margin-top: 1px;
    width: 270px;
}

.image-name {
    width: 200px;
    float: left;
    font-size: 13px;
}

.img-actions {
    float: right;
}

    .img-actions a {
        color: #244f7a !important;
        text-decoration: none;
        font-size: 13px;
    }

.note-block {
    float: left;
    width: 346px;
    border-bottom: 1px solid #e2e9ef;
    max-height: 2000px;
    min-height: 374px;
}

.content-block {
    width: 319px;
    float: left;
    max-height: 2000px;
    min-height: 374px;
    border-left: 1px solid #e2e9ef;
    border-bottom: 1px solid #e2e9ef;
    border-right: 1px solid #e2e9ef;
}

.observation-saveblock {
    float: left;
    margin: 10px 0 21px 60px;
}

.note-observaiondesc {
    clear: left;
    color: #4D4D4D;
    float: left;
    font-size: 13px;
    margin: 0 12px 0 7px;
    text-align: justify;
    width: 628px;
}

.obj-edit-block {
    float: left;
    width: 650px;
}

.filter-note {
    width: 213px;
}

.observation-desc {
    border-bottom: 1px solid #E2E9EF;
    border-left: 1px solid #E2E9EF;
    float: left;
    max-height: 2000px;
    min-height: 374px;
    width: 710px;
}

.note-textarea {
    font-size: 13px !important;
    font-family: arial !important;
    overflow-x: hidden;
}

.filter-plus {
    background-image: url("/images/rating-accordion.png");
    background-position: 4px 3px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    float: left;
    height: 16px;
    width: 19px;
    margin: 43px 0 0 4px;
}

.filter-minus {
    background-image: url("/images/rating-accordion.png");
    background-position: 4px -48px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    float: left;
    height: 16px;
    width: 19px;
    margin: 43px 0 0 4px;
}

.main-div {
    float: left;
    width: 1032px;
}

.student-portfolio-note {
    color: #4D4D4D;
    float: left;
    font-weight: bold;
    margin: 0 0 17px 9px;
    width: 239px;
}

.student-portfolio-note-image {
    color: #4D4D4D;
    float: left;
    font-weight: bold;
    margin: 0 0 17px 9px;
    width: 578px;
}

.edit-block {
    color: #244F7A !important;
    float: left;
    font-size: 13px;
    text-decoration: none;
}

.notetextarea-block {
    background: url("/images/notetextarea-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    width: 654px;
    height: 148px;
    margin-bottom: 10px;
}

.noresults-block {
    color: #E80C4D;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    width: 1035px;
}

.noteshortcut-block {
    float: left;
    margin: 0px 52px;
}

.newnoteobj-label {
    color: #4D4D4D;
    float: left;
    font-weight: bold;
    margin-left: 9px;
    width: 260px;
}

.newnoteobj-label1 {
    color: #4D4D4D;
    float: left;
    font-weight: bold;
    margin-left: 20px;
    width: 260px;
}

.notetextarea-block textarea {
    border: medium none;
    float: left;
    height: 130px;
    margin: 6px 0 0 5px;
    padding: 5px;
    resize: none;
    width: 635px;
}

.noteupdate-block {
    float: right;
}

.note-description {
    float: left;
    font-size: 13px;
    margin-left: 12px;
    text-align: justify;
    color: #4d4d4d;
}

.observation-description {
    float: left;
    font-size: 13px;
    margin: 0 12px 0 12px;
    text-align: justify;
    color: #4d4d4d;
    clear: left;
    word-break: break-all;
}

.note-style {
    margin: 5px 8px 9px 4px;
}

.objtype-block input[type="text"] {
    border: medium none;
    float: left;
    margin-top: 2px;
    padding: 4px 27px 5px 5px;
    width: 194px;
    font-size: 14px;
}

.affilation-expand {
    float: left;
    font-size: 18px;
    margin-left: 0;
    margin-top: 5px;
}

.content-expand {
    color: #306496 !important;
    float: left;
    font-size: 18px;
    margin-right: 14px;
    margin-top: 5px;
    text-decoration: none;
    width: 20px;
}

.upload-block {
    clear: both;
    float: left;
    height: 60px;
    margin-left: 2px;
    width: 319px;
}

.file-upload-input-textbox {
    margin-left: 2px;
    padding: 4px 6px 4px 7px !important;
    width: 131px !important;
    background: none;
    border: none;
}

.file-upload-input-bg {
    background: url("/images/upload-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #4d4d4d;
    float: left;
    height: 31px;
    margin: 4px 5px 0 5px;
    width: 178px !important;
}

.file-upload-input-div {
    height: 52px;
    overflow: hidden;
    position: relative;
    width: 130px;
}

.file-upload-input-button {
    background: url("/images/browse-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 46px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 128px;
    cursor: pointer;
    margin-top: 3px;
}

.file-upload-input-hidden {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
/***************End US 2380*******************/
#divProgressMonitoringRange .input-label {
    float: left;
    width: 120px !important;
}

.checkpoint-window {
    float: left;
    width: 310px;
}

.checkpoint-tree {
    float: left;
    width: 345px;
}

    .checkpoint-tree label {
        float: left;
        font-style: italic;
        margin: 0 0 0 12px;
    }

.checkpoint-btn {
    clear: both;
    margin: 0 20px 20px 0;
}

/************************** Content Treelist - ContenTreelistPartial ********************************/
ul.checkpoint-treelist {
    padding-left: 0px;
}

.checkpoint-treelist ul {
    list-style-type: none;
    padding: 0;
    margin: 2px 3px 3px 34px;
    font-size: 13px;
    float: left;
    padding: 0px;
}

    .checkpoint-treelist ul ul {
        margin: 2px 3px 3px 12px;
    }

.checkpoint-treelist li {
    margin: 0px;
    list-style: none;
    float: left;
    width: 300px;
}

.checkpoint-treelist span.domain-info {
    margin-left: 5px;
    width: 230px;
    font-size: 13px;
    float: left;
}

.checkpoint-treelist li input[type="checkbox"] {
    float: left;
    margin-top: 3px;
}

#divRateFlowContent {
    width: 500px;
}

    #divRateFlowContent .checkpoint-treelist li {
        width: 450px;
    }

    #divRateFlowContent .checkpoint-treelist span.domain-info {
        width: 350px;
    }

#n .checkpoint-treelist li, .content-popup .checkpoint-treelist li {
    width: 630px;
}

#n .checkpoint-treelist span.domain-info, .content-popup .checkpoint-treelist span.domain-info {
    width: 570px;
}

.handle {
    background: transparent url(/Content/images/spacer.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    float: left;
    width: 30px;
    height: 11px;
}

.collapsed {
    background: transparent url(/Content/images/plus-black.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    cursor: pointer;
}

.expanded {
    background: transparent url(/Content/images/minus-black.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

/*---Color Code US 3376--*/
.domain-colored {
    font-weight: bold;
    padding: 3px;
    width: 395px;
}

.domain-red {
    background: #d2232a;
    color: white;
}

.domain-blue {
    background: #00aeef;
    color: white;
}

.domain-orange {
    background: #f7941d;
    color: white;
}

.domain-green {
    background: #80c342;
    color: white;
}

.domain-darkgreen {
    background: #00a651;
    color: white;
}

.domain-purple {
    background: #6f2c91;
    color: white;
}

.domain-eld {
    background: #00aaad;
    color: white;
}

.domain-cluster {
    background: #FFFFFF;
    color: black;
}
/************************** Content Treelist ********************************/

/************************** Misc Elements ***********************************/
#NoStudentsInAnyLocations {
    width: 400px !important;
}

.custom-popup.ui-widget-content {
    background: transparent !important;
}

.custom-popup .ui-dialog-titlebar {
    display: none !important;
}

.readonly {
    background-color: #c0c0c0;
}

.dashboard-details {
    padding-top: 20px;
    float: left;
    width: 250px;
    border: 1px solid #DDDDDD;
    margin-right: 10px;
    height: 378px;
}

    .dashboard-details .title {
        clear: left;
        float: left;
        font-weight: bold;
        line-height: 20px;
        padding: 5px 0px 5px 10px;
        width: 80px;
    }

.user-info {
    float: left;
    line-height: 20px;
    margin-right: 5px;
    padding: 5px;
    width: 160px;
    word-wrap: break-word;
}

.dashboard-user-info {
    float: left;
    line-height: 20px;
    margin-right: 5px;
    padding: 5px;
    width: 140px;
    word-wrap: break-word;
}

.dashboard-notifications {
    border: 1px solid #DDDDDD;
    float: left;
    width: 730px;
}

    .dashboard-notifications p {
        padding: 10px;
    }

        .dashboard-notifications p.last {
            height: 0;
            padding-left: 10px;
        }

.dashboard-main h2 {
    width: 600px !important;
    word-wrap: break-word;
}

.dashboard-view {
    float: right;
    margin-top: 34px;
}

    .dashboard-view label {
        float: left;
        font-style: italic;
        margin: 5px 5px 0 0;
    }

.dashboard-details a {
    text-decoration: none;
    float: left;
    color: #1A6F9D;
    margin: 0 0 5px 5px;
}

.announcement-desc img {
    margin-right: 5px;
}
/****************************************************************************/

/****************************************************************************/
/*---US 3892--*/
.technical-manual h4 {
    float: left;
    width: 1020px;
}

.technical-manual img {
    float: left;
    margin: 0px 50px 0px 0;
    padding: 10px 10px 0px 0;
}

.manual-block {
    float: left;
    width: 240px;
}

.manual-title {
    float: left;
    width: 210px;
    text-align: center;
}

.manual-subtitle {
    clear: both;
    color: #000000;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 25px 0px;
    width: 900px;
}

#WelcomeDiv, #HirecyDiv, #LocationDiv, #CalendarDiv, #BenchCalenderDiv, #BCalendarDiv, #AddStaff, #Final {
    width: 650px !important;
}

.introdutary-container {
    float: left;
    margin: 0 12px;
    width: 590px;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    border: 5px solid #4D4D4D;
    color: #4D4D4D;
    font: 14px/18px Arial;
    background: #fff;
    padding: 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

    .introdutary-container h1 {
        color: #000000;
        float: left;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        margin: 5px 0;
        padding: 0 5px 5px 0;
        width: 590px;
    }

    .introdutary-container p {
        font-size: 14px;
        color: #4D4D4D;
        font: 14px/18px Arial;
        text-align: justify;
    }

.introductory-right {
    float: right;
}

.introdutary-container ul, .introdutary-container ol {
    padding: 0 0 0 3px;
}

    .introdutary-container ul li, .introdutary-container ol li {
        /*list-style-image: none;
        list-style-position: inside;
        list-style-type: disc;
        padding-bottom: 10px;*/
        margin-left: 30px;
        padding-bottom: 10px;
    }

.introductory-back {
    margin-left: 0px;
}

.popupBlue, .applink {
    color: #1A6F9D !important;
}

.popup-help-menu {
    float: left;
    height: 29px;
    margin-left: 550px;
}

    .popup-help-menu a {
        background-image: url("/images/helppopup.png");
        background-position: 3px 4px;
        background-repeat: no-repeat;
        float: left;
        font-size: 13px;
        padding-left: 13px;
        color: #1a6f9d !important;
        text-decoration: none;
    }

.report-buttons {
    float: left;
    margin-left: 50px;
}

/*************************************************************************************************/
/*CL 205-4567*/
.user-block {
    float: left;
    width: 1040px;
    color: #0900ff;
    font-size: 18px;
    font-weight: normal;
    height: 25px;
}

    .user-block span.profile {
        width: 250px;
        float: left;
    }

    .user-block span.messages {
        width: 500px;
        float: left;
        margin-left: 20px;
    }

.holder-block {
    float: left;
    width: 1040px;
    margin-top: 40px;
    height: auto;
}

    .holder-block span {
        color: #0900ff;
        font-size: 18px;
        font-weight: normal;
        height: 25px;
    }

.dashboard-main {
    float: left;
    height: auto;
    width: 1025px;
}

.message-block .benchmark-bg {
    margin-top: -5px;
    width: 140px;
}

.benchmark-bg-time {
    background: url("../images/benchmark-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: -5px 0 5px;
    padding: 0 0 6px 5px;
    vertical-align: top;
    width: 169px;
}

    .benchmark-bg-time input {
        margin-left: -10px;
    }

/* CL 205-64*/
.message-block {
    float: left;
    width: 800px !important;
}

    .message-block label {
        color: #4D4D4D;
        float: left;
        width: 315px !important;
    }

.time-block {
    padding: 3px;
    margin-top: 3px;
}
/***US-64***/

table.message-block {
    float: left;
    width: 738px !important;
}

.message-block td {
    border-right: 1px solid #ebe6e3;
}

tr.message-block-single {
    float: left;
    width: 737px;
    border-bottom: 1px solid #ebe6e3;
    border-left: 1px solid #ebe6e3;
    margin-bottom: 10px;
}

.message-list-heading {
    background-image: url("/images/messege-heading-bg.jpg");
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 4px 10px;
    width: 728px;
}

th.message-text-heading {
    background-image: url("/images/text-heding.jpg");
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 0 1px 10px;
    border-top: 1px solid #6f8183;
    width: 379px;
    float: left;
}

th.message-beginingdate-heading {
    background-image: url("/images/text-heding.jpg");
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 0 1px 10px;
    border-top: 1px solid #6f8183;
    width: 119px;
    float: left;
}

td.message-beginingdate-description {
    color: #000000;
    float: left;
    width: 126px;
    padding-left: 4px;
    font-size: 12px;
    border-right: 1px solid #cccccc;
}

th.message-action-heading {
    background-image: url("/images/text-heding.jpg");
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 0 1px 10px;
    border-top: 1px solid #6f8183;
    width: 81px;
    float: left;
}

td.message-action-description {
    float: left;
}

    td.message-action-description a {
        margin-right: 2px;
        cursor: pointer;
    }

td.message-text-description {
    float: left;
    width: 413px;
    word-break: break-all;
    border-right: 1px solid #cccccc;
}

.message-text-description span {
}

td.message-text-description p {
    color: #000000;
    margin-left: 10px;
    margin-top: -1px;
    font-size: 12px;
}

.message-block label {
    color: #4D4D4D;
    float: left;
    width: 304px;
}

.time-block {
    padding: 3px;
    margin-top: 3px;
}

a.message-action-delete {
    background-image: url("/images/Delete-message.png");
    cursor: pointer;
    height: 16px;
    width: 16px;
    float: left;
    margin-left: 13px;
}

a.message-action-edit {
    background-image: url("/images/edit-message.png");
    cursor: pointer;
    height: 16px;
    width: 16px;
    float: left;
    margin-left: 10px;
}

.message-block-info {
    float: right;
    font-weight: bold;
    margin-right: 226px;
    margin-top: -639px;
    width: auto;
    color: #e80c4d;
}

.btn-message-block {
    clear: both;
    margin: 40px 20px 20px 0;
    float: right;
}

.message-block label p {
    margin-top: -1px;
    width: 350px;
}

    .message-block label p span {
        font-weight: bold;
    }

label.no-message-label {
    font-weight: bold;
}
/*----------------US-RichTextBOX------*/
.holder-block {
    padding-bottom: 4%;
}

.ah-message label {
    font-weight: bold;
    color: #4D4D4D;
}

.validation-message-editor {
    color: #e80c4d;
    font-weight: bold;
    background-color: #ffffff;
    display: block;
    position: relative;
    z-index: 5000;
    width: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    clear: both;
    margin: 40px 20px 20px 0;
    float: right;
}

.benchmark-bg .field-validation-error {
    color: #e80c4d;
    width: 200px;
    z-index: -1;
}

.ah-message img {
    width: 180px;
    height: 180px;
}

tr.message-block-single img {
    width: 180px;
    height: 180px;
}

.k-editor iframe.k-content img {
    width: 180px;
    height: 180px;
}

.thumbnail {
    padding: 5px;
    background-color: #96CEB4;
    border-radius: 5px;
    margin: 5px;
}

.searchstudent-bg label {
    float: left;
    margin-left: 185px;
    margin-top: -17.9px;
    font-weight: bold;
}

/*CL 205-4567*/
.ah-message .ui-state-default .ui-icon, .ah-message .ui-icon {
    background-image: none;
}

.ah-message .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    word-break: break-all;
}

.ah-message.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ah-message.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: none;
    border: none;
    word-break: break-all;
}

.ah-message.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ah-message p {
    background: none;
    padding: 5px;
    word-break: break-all;
    border-radius: 4px 4px 4px 4px;
}

.ah-block {
    border: 1px solid #ccc;
    font-size: 14px;
    color: #4D4D4D !important;
    padding: 20px 0;
    margin-bottom: 10px;
    width: 1020px;
}

    .ah-block.ui-helper-reset {
        line-height: 8px !important;
    }

.ah-message .ui-accordion .ui-accordion-icons {
    padding-left: 10px !important;
}

.ah-message.ui-accordion .ui-accordion-content {
    padding: 0 0 0 10px !important;
    margin-top: -15px;
    height: auto !important;
    border: 1px solid #ccc;
    padding-bottom: 20px;
}

.ah-message p {
}

.ah-message.ui-accordion .ui-accordion-header {
    margin: 0 !important;
    padding: 0 !important;
}

.ah-first {
    line-height: 15px !important;
    padding-left: 10px !important;
    color: #4D4D4D !important;
}

.checkpointbox {
    margin: -18px 0px 0px -11px;
    border: solid 1px;
    border-color: lightgray;
    border-radius: 8px;
    display: block;
    width: 350px;
    padding: 10px 10px 10px 10px;
}

#CheckPointClose {
    float: right;
    margin-right: 14px;
    color: #00aeef;
    cursor: pointer;
    clear: both;
    font-size: 13px;
}

.download-imp-template {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    margin: -10px 0px 25px 0px;
    width: 450px;
}

.import-description {
    margin-bottom: 20px;
}

    .import-description p {
        line-height: 4px;
    }

.import-template {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 450px;
}

.upload-imp-template {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    margin: -10px 0px 25px 0px;
    float: right;
    width: 450px;
}

.upload-right-div {
    width: 450px;
    float: right;
    margin-top: -155px;
}

.download-left-div {
    width: 450px;
    float: left;
}

.upload-import-template {
    margin-top: 28px;
    color: #cccccc;
}

.upload-imp-button-blue {
    float: right;
    margin-right: 89px;
    margin-top: 20px;
}

/*.upload-imp-button-blue1 {
    float: right;
margin-right: 200px;
margin-top: 20px;
}*/

/*.upload-cancel-button-grey
{
    background: url("/images/buttons-copy.png") repeat scroll 343px 0px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    height: 31px;
    padding: 0;
    width: 99px;
    float: right;
margin-right: 90px;
margin-top: -31px;
}*/
.upload-import-button {
    background: url("/images/browse-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 31px;
    text-indent: -9999px;
    width: 99px;
}

.file-input-hidden1 {
    position: absolute;
    margin-left: -101px;
    opacity: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
    height: 31px;
    width: 99px;
    font-size: 22px;
    text-indent: -9999px;
}

.file-import-upload-bg {
    background: url("/images/upload-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #4d4d4d;
    float: left;
    height: 31px;
    margin: 1px 10px 0 5px;
    width: 178px !important;
    text-align: left;
}

.upload-import-filename {
    color: #cccccc;
    width: 68px;
    float: left;
    margin-top: 7px;
}

#error-msg-upload {
    color: #CC0000;
    float: left;
    font-size: 12px;
    margin-top: 1px;
    width: 400px;
    font-weight: bold;
}

.import-description-notice p {
    color: #CC0000;
    float: right;
    margin-top: -200px;
}

.new-org .input-label {
    width: 260px !important;
}

.expand {
    color: #000;
    font-weight: bold;
    cursor: pointer;
    float: left;
    font-size: 20px;
    margin: -40px 0 0 0;
    padding: 11px 2px;
}

.collapse {
    color: #000;
    font-weight: bold;
    cursor: pointer;
    float: left;
    margin: -40px 0 0 0px;
    padding: 11px 2px;
    font-size: 20px;
}

.message-family-block {
    float: right;
    border-right: none;
    padding-left: 5px;
}

    .message-family-block input {
        float: right;
        margin-right: 20px;
    }

.family-message-button {
    background: url("/images/addanother.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    /*font-size: 15px!important;*/
    font-size: 16px;
    height: 31px;
    padding: 0;
    width: 201px;
    margin-top: 5px;
}

.image-note-family-message {
    background: none repeat scroll 0 0 #F3F9FE;
    border: 1px solid #E2E9EF;
    float: left;
    line-height: 103px;
    margin-top: 29px;
    width: 1030px;
    padding-bottom: 9px;
}

.family-message-description {
    border: 10px solid #f3f9fe;
    float: left;
    max-height: 2000px;
    /*min-height: 100px;*/
    width: 1012px;
}

    .family-message-description p {
        padding: 0px 10px;
        word-break: break-all;
    }

.main-div-family-message {
    float: left;
    width: 1032px;
    margin-bottom: 20px;
}

.subject-family-message {
    float: left;
    height: 30px;
    line-height: 15px;
    margin-top: 1px;
    padding-top: 53px;
    width: 382px;
    /*word-break: break-all;*/
}

    .subject-family-message a {
        color: blue !important;
        vertical-align: top;
    }

.messagenote-desc .edit-family a {
    color: rgb(36, 79, 122);
    float: right;
    margin-right: 10px;
    padding-bottom: 10px;
    position: relative;
    vertical-align: bottom;
}

.subject-family-message-reply {
    float: left;
    margin-top: 10px;
    width: 240px;
    padding-top: 10PX;
    word-break: break-all;
    height: 30px;
    line-height: 20px;
}

.messagecontent-block .edit-family a {
    color: rgb(36, 79, 122);
    float: right;
    margin-right: 10px;
    padding-bottom: 10px;
    position: relative;
    vertical-align: bottom;
}

.family-message-description .edit-family a {
    float: right;
    margin-right: 77px;
    margin-top: -30px;
    color: rgb(36, 79, 122);
    padding-bottom: 10px;
    position: relative;
}

.family-message-description .edit-family label {
    float: right;
    margin-right: 77px;
    margin-top: -30px;
    color: #000000;
    padding-bottom: 10px;
    position: relative;
}

.family-comment-description .edit-comment a {
    color: #244F7A;
    float: right;
    margin-right: 11px;
    margin-top: -30px;
    padding-bottom: 10px;
    position: relative;
}

.family-comment-description .edit-comment label {
    float: right;
    margin-right: 11px;
    margin-top: -30px;
    color: #000000;
    padding-bottom: 10px;
    position: relative;
}

.family-comment-description .delete-comment a {
    color: #244F7A;
    float: right;
    margin-right: 65px;
    margin-top: -30px;
    padding-bottom: 10px;
    position: relative;
}

.family-comment-description .delete-comment label {
    float: right;
    margin-right: 65px;
    margin-top: -30px;
    color: #000000;
    padding-bottom: 10px;
    position: relative;
}

.family-comment-description .reply-comment a {
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    color: rgb(36, 79, 122);
    padding-bottom: 10px;
}

.family-message-description .delete-thread-family a {
    float: right;
    margin-right: 137px;
    margin-top: -30px;
    color: rgb(36, 79, 122);
    padding-bottom: 10px;
    position: relative;
}

.family-message-description .delete-thread-family label {
    float: right;
    margin-right: 137px;
    margin-top: -30px;
    color: #000000;
    padding-bottom: 10px;
    position: relative;
}

.family-message-description .reply-family a {
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    color: rgb(36, 79, 122);
    padding-bottom: 10px;
}

.family-message-description .delete-message-family a {
    float: right;
    margin-right: 77px;
    margin-top: -30px;
    color: rgb(36, 79, 122);
    padding-bottom: 10px;
    position: relative;
}

.family-message-description .delete-message-family label {
    float: right;
    margin-right: 77px;
    margin-top: -30px;
    color: #000000;
    padding-bottom: 10px;
    position: relative;
}

.family-message-description .delete-report-family a {
    color: #244F7A;
    float: right;
    margin-right: 85px;
    margin-top: -30px;
    padding-bottom: 10px;
    position: relative;
}

.family-message-description .delete-report-family label {
    color: #000000;
    float: right;
    margin-right: 85px;
    margin-top: -30px;
    padding-bottom: 10px;
    position: relative;
}

.image-note-reply-message {
    float: left;
    height: auto;
    border: 1px solid #e2e9ef;
    width: 1010px;
    background: #f3f9fe;
    cursor: pointer;
    line-height: 38px;
    padding-bottom: 12px;
}

.image-note-comment {
    float: left;
    height: auto;
    border: 1px solid #e2e9ef;
    width: 1031px;
    background: #f3f9fe;
    cursor: pointer;
    line-height: 38px;
    padding-bottom: 12px;
}

.filter-plus-message-reply {
    background-image: url("/images/rating-accordion.png");
    background-position: 4px 3px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    float: left;
    height: 16px;
    width: 19px;
    margin: 10px 0 0 4px;
}

.filter-minus-message-reply {
    background-image: url("/images/rating-accordion.png");
    background-position: 4px -48px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    float: left;
    height: 16px;
    width: 19px;
    margin: 10px 0 0 4px;
}

.family-message-reply-description {
    border: 10px solid #f3f9fe;
    float: left;
    /*max-height: 2000px;
    min-height: 100px;*/
    height: auto;
    width: 1001px;
}

    .family-message-reply-description .edit-comment a {
        color: #244F7A;
        float: right;
        margin-right: 11px;
        margin-top: -30px;
        padding-bottom: 10px;
        position: relative;
    }

    .family-message-reply-description .edit-comment label {
        float: right;
        margin-right: 11px;
        margin-top: -30px;
        color: #000000;
        padding-bottom: 10px;
        position: relative;
    }

    .family-message-reply-description .delete-comment a {
        color: #244F7A;
        float: right;
        margin-right: 65px;
        margin-top: -30px;
        padding-bottom: 10px;
        position: relative;
    }

    .family-message-reply-description .delete-comment label {
        float: right;
        margin-right: 65px;
        margin-top: -30px;
        color: #000000;
        padding-bottom: 10px;
        position: relative;
    }

.family-comment-description {
    border: 10px solid #f3f9fe;
    float: left;
    /*max-height: 2000px;
    min-height: 100px;*/
    height: auto;
    width: 1013px;
}

#dialog-family-message-add .ui-dialog .ui-dialog-title {
    border: none;
}

.share-family a {
    color: #1A6F9D !important;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin-left: 146px;
    margin-right: 10px;
    margin-top: 0px;
    position: relative;
    text-align: right;
    text-decoration: underline;
    width: 238px;
}

.forgot-pw-cancel-btn a {
    color: #588FBA !important;
    font-size: 13px;
    font-weight: bold;
}

.mail-format-family-message p {
    font-size: 11px;
    font-family: Verdana;
}
/*US 5160 Starts*/
.messagecontent-block {
    float: left;
    width: 666px;
    border-bottom: 1px solid #e2e9ef;
    max-height: 2000px;
    border-right: 1px solid #e2e9ef;
}

.messagenote-desc {
    border-bottom: 1px solid #E2E9EF;
    border-left: 1px solid #E2E9EF;
    float: left;
    max-height: 2000px;
    min-height: 200px;
    border-right: 1px solid #E2E9EF;
    width: 1030px;
}

.messageinside-block {
    float: left;
    height: 200px;
    margin: 20px 33px 10px 29px;
    overflow: auto;
    width: 968px;
}

.messageimg-note-info {
    border-bottom: 1px solid #E2E9EF;
    border-left: 1px solid #E2E9EF;
    border-right: 1px solid #E2E9EF;
    float: left;
    max-height: 2000px;
    min-height: 285px;
    width: 363px;
}

.messageimageinside-block {
    float: left;
    height: 227px;
    margin: 20px 17px 10px 29px;
    overflow: auto;
}

.messagenote-observaiondesc {
    clear: left;
    color: #4D4D4D;
    float: left;
    font-size: 13px;
    margin: 0 0px 0 7px;
    text-align: justify;
}
/*US 5160 End*/
.mail-invite-inactive {
    background: url("/images/addanother.png") repeat scroll 0px 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 10px !important;
    height: 31px;
    opacity: 0.2;
    padding: 0;
    width: 201px;
    filter: alpha(opacity=20); /* For IE8 and earlier */
    margin-left: 300px;
    margin-top: -46px;
    cursor: default !important;
}

.mail-invite-active {
    background: url("/images/addanother.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 11px !important;
    height: 31px;
    padding: 0;
    width: 201px;
    margin-left: 300px;
    margin-top: -46px;
}

.mail-invite-active-resend input {
    background: url("/images/addanother.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 11px !important;
    height: 31px;
    padding: 0px 5px;
    width: 201px;
    margin-left: 300px;
    margin-top: -46px;
    white-space: normal;
    line-height: 2px;
}

.mail-invite-active-resend {
    background: url("/images/addanother.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 11px !important;
    height: 31px;
    padding: 0px 5px;
    width: 201px;
    margin-left: 300px;
    margin-top: -46px;
    white-space: normal;
}

.familymessageboard-tab {
    display: inline-block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 145px !important;
    text-align: left !important;
    padding-left: 10px !important;
}

.dont-show-messageone {
    width: 300px;
    line-height: 44px;
}

.dont-show-messagetwo {
    width: 300px;
    line-height: 44px;
}

#printArea {
    float: right;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 20px;
}

.kendu-pop-up-subject input {
    width: 638px;
    margin-top: 2px;
    margin-left: 2px;
    border: 2px solid #CCCCCC;
}

.kendu-pop-up-subject label {
    font-weight: bold;
}

.kendu-pop-up-subject {
    /*margin-top: 30px;*/
    float: left;
    margin-top: 8px;
}

.kendu-pop-up-message-block {
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 450px !important;
}

.kendu-pop-up-btn-message-block {
    clear: both;
    float: right;
    margin: -24px 20px 20px 0;
}

.kendo-pop-up-checkbox {
    float: left;
    margin-top: 30px;
    width: 481px;
}

.kendo-pop-up-editorheight {
    height: 400px;
}

.check-box-text {
    float: right;
    margin-top: 2px;
    margin-right: 14px;
}

.error-subject-empty label {
    color: #E80C4D;
    display: none;
    float: right;
    font-weight: bold;
    text-align: right;
    width: 291px;
    margin-top: 0px;
    clear: both;
    line-height: 1px;
    margin-right: 11px;
}

.error-report-title {
    color: #E80C4D;
    display: none;
    float: right;
    font-weight: bold;
    margin-right: 35px;
    /*text-align: right;
    width: 291px;
    margin-top: 0px;
    clear:both;
    line-height:1px;
    margin-right: 11px;*/
}

.error-description-empty label {
    color: #E80C4D;
    display: none;
    float: right;
    font-weight: bold;
    line-height: 47px;
    text-align: right;
    width: 291px;
}

.image-download-message a {
    background: url("/images/subjectcontroller.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    clear: both;
    color: #FFFFFF !important;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 31px;
    margin-top: -28px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}

.check-note-child-selection {
    float: right;
    line-height: 8px;
    margin-top: 46px;
    width: 549px;
}

    .check-note-child-selection input {
        margin-right: 3px;
    }

/************ Error Page ****************/
.bela-errorpage div {
    float: left;
    width: 90%;
    padding: 10px;
    margin: 10px;
    font-size: 36pt;
}

    .bela-errorpage div.logo {
        text-align: center;
        margin-top: 80px;
        margin-bottom: 80px;
    }

        .bela-errorpage div.logo img {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

/*US-226 WJIV search organization*/
.ProductCheck {
    float: right;
    font-size: 12px;
    width: 250px;
    padding-left: 5px;
}

#Productflip {
    width: 173px !important;
    margin-top: -1px;
    margin-right: 98px;
}

/** Simple modifications needed for DropDownCheckList to take advantage of ThemeRoller settings */
.ui-dropdownchecklist .ui-widget-content, .ui-dropdownchecklist .ui-widget-header {
    border-bottom: 1px solid #afafaf;
    /* border-bottom: 1px solid rgba(175, 175, 175, 0.56);*/
    border-right: 1px solid #afafaf;
    /*border-right: 1px solid rgba(175, 175, 175, 0.56);*/
    background: #fff;
    margin-top: -26px;
    margin-left: -0.5px;
    padding-left: 10px;
    border-left: 1px solid #afafaf;
    /*border-left: 1px solid rgba(175, 175, 175, 0.56);*/
}

.ui-dropdownchecklist-indent {
    padding-left: 7px;
}

/*WJIV Orgnization Dropdown US-225*/
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate
   descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper, .ui-widget.ui-dropdownchecklist-selector-wrapper {
    vertical-align: middle;
    font-size: 0px;
    width: 261px;
}

.ui-dropdownchecklist-selector {
    background: url(../images/text-bg.png) no-repeat;
    border: none;
    display: inline-block;
    margin: 0 0 5px 0px;
    padding: 6px 0 12px 5px;
    width: 261px !important;
    vertical-align: top;
    height: 31px;
}

.ui-dropdownchecklist-text {
    font-size: medium;
    width: 250px !important;
}

.ui-dropdownchecklist-item, .ui-dropdownchecklist-item input {
    vertical-align: middle;
}

.ui-dropdownchecklist-group {
    padding: 1px 2px 2px 2px;
}

#sourcepanel-expand {
    background: url("images/product-expand-bg.png") no-repeat scroll 0 0 transparent;
    display: none;
    width: 340px;
    height: 220px;
    margin: -12px 0 0 0px;
    color: #4d4d4d;
    clear: both;
}

/*.subject-Delete {
    background-image: url("../Content/images/sprite.png");
    padding: 8px 10px 21px 12px;
    width: 1px;
    background-position: -78px 0px;
    display: block;
    float: left;
    cursor: pointer;
}*/

.subject-edit {
    background-image: url("../Content/images/sprite.png");
    padding: 30px 0 10px 0;
    width: 27px;
    background-position: 4px 0;
    display: block;
    float: left;
    cursor: pointer;
}

.subject-edit1 {
    background-image: url("../Content/images/edit-blue.png");
    padding: 18px 0 10px 0;
    width: 27px;
    background-position: 4px 0;
    display: block;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
}

/*WJIV US-453 CSS Starts*/
#Examinerpanel {
    /*background: url("../images/funding-bg.png") no-repeat scroll 0 0 transparent;
    display: none;*/
    width: 610px; /*595*/
    height: 310px;
    margin: -12px 0 0 0;
    color: #4d4d4d;
    border: 1px solid #dcdcdc;
    overflow-y: auto;
}

.examiner-panel-title {
    background: #ebedec;
    height: 22px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    vertical-align: middle;
    padding: 5px;
    font-weight: bold;
    padding-left: 19px;
}

.examinercheck {
    float: left;
    font-size: 13px;
    margin-left: 14px;
    width: 180px;
}

    .examinercheck.even {
        background-color: #F4F9FD;
    }

.examinercheckbox {
    float: left;
    text-align: left;
    margin: 10px 5px 0 5px;
    overflow-y: auto;
}

    .examinercheckbox label {
        float: left;
        margin-top: 3px;
    }

.share-subject-buttons {
    float: left;
    margin: 35px 0 10px 764px;
    width: 317px;
    text-align: left;
    clear: both;
}

.success-msg-wj4 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-left: -93px;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 6px;
    text-align: left;
    width: 374px;
}

/*WJIV US-453 CSS End*/

.popup-controller-wj4 {
    margin-left: 78px;
}

.popup-controller-move {
    margin-left: 86px;
}

/*WJIV US-30 */
.errormsg {
    color: #ff0000;
    margin-left: 98px;
}

/**** User story 521**/

.wj4-mathces-caseload {
    color: rgb(0, 0, 0);
    float: left;
    font-size: 24px;
    width: 1000px;
    font-weight: bold;
}

/***WJIV - Changes*/

.ah-messages {
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    float: left;
    width: 755px;
    max-height: 300px;
}

    .ah-messages header {
        background: rgb(198, 232, 248);
        margin: 5px;
        /* border-radius: 10px; */
        /* width: 98.7%; */
        padding: 5px;
        font-size: 15px;
        font-weight: bold;
        color: rgb(11, 107, 153);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

.ah-messages-body {
    margin-left: -5px;
    margin-top: 30px;
    max-height: 250px;
    overflow-y: auto;
    padding-bottom: 5px;
    width: 100.8%;
}

.ah-caseload-body {
    margin-left: -4px;
    margin-top: 30px;
    max-height: 360px;
    overflow-y: auto;
    padding-bottom: 5px;
    width: 102.7%;
}

.ah-subject-body {
    width: 100.8%;
    max-height: 455px;
    overflow-y: auto;
    padding-bottom: 5px;
    margin-top: 30px;
    margin-left: -5px;
}


.ah-messages img {
    padding-left: 63.4%;
    cursor: pointer;
}

.ah-messages-body i {
    padding-left: 5px;
}



.ah-messages img {
    padding-left: 63.4%;
    cursor: pointer;
}

.ah-messages-body header {
    background: rgb(226, 238, 253);
    margin: 5px;
    /* border-radius: 10px; */
    /* width: 98.7%; */
    padding: 5px 5px 5px 10px;
    font-size: 12px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    width: 94%;
}

.ah-messages p {
    padding: 10px;
}

    .ah-messages p.last {
        height: 0;
        padding-left: 10px;
    }

.ah-messages h2 {
    width: 600px !important;
    word-wrap: break-word;
}




/*WJIV US-520 CSS Start*/

.dashboard-riverside-msg {
    border: 2px solid #DDDDDD;
    display: inline-block;
    width: 46%;
    margin-right: 18px;
    border-radius: 10px;
    max-height: 300px;
    word-wrap: normal;
    word-break: normal;
    padding: 10px;
    min-height: 36px;
    overflow-y: auto;
}

.dashboard-Acc-holder-msg {
    border: 2px solid #DDDDDD;
    float: right;
    width: 46%;
    border-radius: 10px;
    max-height: 300px;
    overflow-y: auto;
    word-wrap: normal;
    word-break: normal;
    padding: 10px;
    min-height: 36px;
}

.dashboard-riverside-msg h5 {
    font-size: 14px;
    color: #255c9f;
    width: 95.5%;
    margin-left: 0px;
    background-color: #B7C9E9;
    padding: 10px;
    margin-top: -19px;
    margin-bottom: -30px;
}

.dashboard-riverside-msg h3 {
    background-color: #E6EDF7;
    color: #000000;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 94.6%;
}

.dashboard-riverside-msg p {
    margin-top: 0px;
    padding: 0px 25px;
}

.dashboard-Acc-holder-msg p {
    margin-top: 0px;
    padding: 0px 25px;
}

.dashboard-Acc-holder-msg i {
    display: block;
    padding: 0px 25px;
    margin-top: 23px;
}

.dashboard-riverside-msg i {
    display: block;
    padding: 0px 25px;
    margin-top: 23px;
}

.dashboard-Acc-holder-msg h5 {
    font-size: 14px;
    color: #255c9f;
    width: 95.5%;
    background-color: #B7C9E9;
    padding: 10px;
    margin-top: -19px;
    margin-bottom: -30px;
}


.dashboard-Acc-holder-msg h3 {
    font-size: 16px;
    color: #000000;
    width: 93%;
    margin-left: 12px;
    background-color: #e6edf7;
    padding: 10px;
    margin-top: -12px;
    margin-top: 40px;
}
/*.dashboard-riverside-msg input {
    display: inline-block;
   background: url("content/images/expand.png");
    border: none;
    color: #255c9f;
    float: right;
 margin-top:0px;
margin-right: 20px;
line-height:  normal !important;
padding: 1px;
height:28px;
}*/

.button_expand {
    background-image: url("/images/expand.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: right;
    height: 12px;
    line-height: normal !important;
    margin-right: 20px;
    margin-top: 11px;
    width: 13px;
    cursor: pointer;
}

.button_collapse {
    background-image: url("/images/minus.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: right;
    height: 4px;
    line-height: normal !important;
    margin-right: 20px;
    margin-top: 16px;
    width: 11px;
    cursor: pointer;
}

.button_expand-case {
    background-image: url("/images/expand.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: right;
    height: 12px;
    line-height: normal !important;
    margin-right: 9px;
    margin-top: 11px;
    width: 13px;
    cursor: pointer;
}

.button_collapse-case {
    background-image: url("/images/minus.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: right;
    height: 4px;
    line-height: normal !important;
    margin-right: 9px;
    margin-top: 16px;
    width: 11px;
    cursor: pointer;
}

.ah-messages-body-inside input {
    line-height: normal !important;
    margin-top: 2px !important;
}


.dashboard-Acc-holder-msg input {
    display: inline-block;
    background: none;
    border: none;
    color: #255c9f;
    float: right;
    margin-top: 15px;
    margin-right: 20px;
    line-height: 8px;
    padding: 1px;
}

.table-main-dashboard {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    width: 98%;
    color: #4d4d4d;
    margin-left: 5px;
}

    .table-main-dashboard table.search-results th {
        font-size: 12px;
        padding-bottom: 0;
        padding-left: 5px;
        padding-right: 0;
        padding-top: 0;
        /*text-align: center;*/
        /* width: 100px;*/
    }

.dashboard-caseload-folder {
    border: 2px solid #DDDDDD;
    float: left;
    width: 46%;
    margin-right: 18px;
    border-radius: 10px;
    max-height: 505px;
    word-wrap: normal;
    word-break: normal;
    padding: 10px;
    min-height: 36px;
    /*overflow-y: auto;*/
    margin-bottom: 10px;
    margin-top: 30px;
    clear: right;
}

    .dashboard-caseload-folder h5 {
        background-color: #B7C9E9;
        color: #255C9F;
        font-size: 14px;
        margin-bottom: -30px;
        margin-top: -19px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        width: 95.5%;
    }

        .dashboard-caseload-folder h5 a {
            -moz-text-decoration-color: -moz-use-text-color;
            -moz-text-decoration-line: none;
            -moz-text-decoration-style: solid;
            color: #848796;
            display: block;
            float: right;
            font-size: 10px;
            font-weight: bold;
            margin-top: 0px;
            text-decoration: none;
            margin-right: 7px;
        }

    .dashboard-caseload-folder h3 {
        font-size: 12px;
        color: #000000;
        width: 94.7%;
        margin-left: 5px;
        background-color: #e6edf7;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 5px;
        margin-top: 5px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dashboard-caseload-folder input {
        display: inline-block;
        background: none;
        border: none;
        color: #255c9f;
        float: right;
        margin-top: 15px;
        margin-right: 20px;
        line-height: 8px;
        padding: 1px;
    }

.dashboard-caselaod-left {
    border: 2px solid #DDDDDD;
    float: left;
    margin-right: 18px;
    border-radius: 10px;
    max-height: 400px;
    word-wrap: normal;
    word-break: normal;
    padding: 10px;
    min-height: 36px;
    margin-bottom: 10px;
    margin-top: 25px;
    width: 116%;
}

.dashboard-caselaod-left-users-list {
    border: 2px solid #DDDDDD;
    float: left;
    margin-right: 18px;
    border-radius: 10px;
    max-height: 350px;
    word-wrap: normal;
    word-break: normal;
    padding: 10px;
    min-height: 36px;
    margin-bottom: 10px;
    margin-top: 25px;
    width: 116%;
}

.ah-caseload-body-users-list {
    margin-left: -4px;
    margin-top: 30px;
    max-height: 237px;
    overflow-y: auto;
    padding-bottom: 5px;
    width: 102.7%;
}


.dashboard-caselaod-left h5, .dashboard-caselaod-left-users-list h5 {
    background-color: #B7C9E9;
    color: #255C9F;
    font-size: 14px;
    margin-bottom: -30px;
    margin-left: -3px;
    margin-top: -19px;
    padding-bottom: 10px;
    padding-left: 6px;
    padding-right: 10px;
    padding-top: 10px;
    width: 96%;
}

    .dashboard-caselaod-left h5 a, .dashboard-caselaod-left-users-list h5 a {
        -moz-text-decoration-color: -moz-use-text-color;
        -moz-text-decoration-line: none;
        -moz-text-decoration-style: solid;
        color: #848796;
        font-size: 10px;
        font-weight: bold;
        margin-right: 7px;
        display: block;
        float: right;
        margin-top: 0px;
        text-decoration: none;
    }

.dashboard-caselaod-left h3, .dashboard-caselaod-left-users-list h3 {
    background-color: #E2EEFD;
    color: #000000;
    font-size: 12px;
    margin-left: 2px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    width: 91%;
}

.dashboard-caselaod-left input, .dashboard-caselaod-left-users-list input {
    display: inline-block;
    background: none;
    border: none;
    color: #255c9f;
    float: right;
    margin-top: 13px;
    margin-right: 3px;
    line-height: 8px;
    padding: 1px;
}

.dashboard-caselaod-left .year, .dashboard-caselaod-left-users-list .year {
}

.dashboard-saved-report {
    border: 2px solid #DDDDDD;
    float: right;
    width: 46%;
    border-radius: 10px;
    max-height: 300px;
    overflow-y: auto;
    word-wrap: normal;
    word-break: normal;
    padding: 10px;
    min-height: 36px;
    margin-top: 30px;
}

    .dashboard-saved-report h5 {
        font-size: 14px;
        color: #255c9f;
        width: 95.5%;
        background-color: #B7C9E9;
        padding: 10px;
        margin-top: -19px;
        margin-bottom: -30px;
    }


    .dashboard-saved-report h3 {
        background-color: #E6EDF7;
        color: #000000;
        font-size: 12px;
        margin-left: 5px;
        margin-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 5px;
        width: 92%;
    }

    .dashboard-saved-report input {
        display: inline-block;
        background: none;
        border: none;
        color: #255c9f;
        float: right;
        margin-top: 15px;
        margin-right: 20px;
        line-height: 8px;
        padding: 1px;
    }

.spanmathces {
    color: #000000;
    float: left;
    font-size: 12px;
    width: 100%;
}

#info-wj4 {
    background: none repeat scroll 0 0 #fff;
    float: left;
    padding: 0 0 0 0;
    width: 101%;
    margin-top: 18px;
}

#form-info-wj4 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: auto auto;
    min-height: 890px;
    padding-bottom: 10px;
    padding-left: 80px;
    padding-right: 10px;
    padding-top: 0;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 80px;
    margin-top: 7px;
    background: url("/images/nav-divder.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
}

.staff-labels-wj4 {
    float: left;
    clear: both;
}

    .staff-labels-wj4 label {
        float: left;
        font-weight: bold;
        width: 185px;
    }

        .staff-labels-wj4 label.stud-pri {
            margin-left: 0px;
        }

.search-space-wj4 {
    border-bottom-color: #C9C9C9;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    float: left;
    padding-bottom: 10px;
    width: 1024px;
}

    .search-space-wj4 .savecorrect {
        background: url("/images/buttons-copy.png") repeat scroll 234px 0px transparent;
        border: medium none;
        color: #FFFFFF;
        font-size: 16px;
        height: 31px;
        margin-right: 72px;
        padding: 0;
        width: 99px;
        float: right;
    }

.search-error-wj4 {
    color: #FF0000;
    float: right;
    font-family: Georgia;
    margin-bottom: 45px;
    margin-top: -39px;
    width: 618px;
}

.wj4-dashboard-info {
    color: #000000;
    float: left;
    font-size: 13px;
    width: 403px;
    margin-left: 13px;
    margin-top: -8px;
    margin-bottom: 8px;
}

#form-info-wj4 h2 {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 42px;
    margin-top: 31px;
}
/*WJIV US-520 CSS End*/
/* WJIV US-970 End*/

.acc-note-user {
    float: left;
    margin-right: 20px;
    width: 162px;
    word-break: break-all;
    margin-bottom: 30px;
}

.acc-note-date {
    float: right;
    width: 115px;
    word-break: break-all;
}

.popup-controller-wj4-ok {
    margin-left: 123px;
}

/* WJ US-1260 Start*/
.Report-option-view {
    border: 2px solid #DDDDDD;
    border-radius: 10px;
    display: inline-block;
    margin-right: 18px;
    margin-top: 36px;
    max-height: 500px;
    min-height: 36px;
    overflow-y: auto;
    padding: 10px;
    width: 78%;
    word-break: normal;
}

    .Report-option-view h5 {
        background-color: #B7C9E9;
        color: #255C9F;
        font-size: 14px;
        margin-bottom: -30px;
        margin-left: 2px;
        margin-top: -2px;
        padding: 10px;
        width: 97%;
    }

    .Report-option-view h3 {
        background-color: #E6EDF7;
        color: #255C9F;
        font-size: 13px;
        margin-left: 2px;
        margin-top: 41px;
        padding: 10px;
        width: 97%;
    }

.select-form-label {
    color: #000000;
    float: left;
    width: 88px;
}

.cutoff-block {
    color: #000000;
    display: block;
    margin-top: 20px;
    width: 64%;
}


.value-form-label {
    color: #000000;
    float: right;
    margin-right: 77px;
    margin-top: 5px;
    width: 100px;
}


.other-block {
    color: #000000;
    display: block;
    margin-top: 45px;
    position: relative;
    width: 66%;
}
/* WJ US-1260 Start*/

.cutoff-input-radio {
    float: left;
    width: 35%;
}

.cutoff-labels {
    float: left;
    height: 10px;
    margin-left: 24.88%;
    width: 55%;
    margin-bottom: 16px;
}

.cutoff-input-small {
    background: url("/Content/images/license1-bg.png") no-repeat;
    border: none;
    display: inline-block;
    margin: 0 0 -20px 0px;
    padding: 0 0 2px 1px;
    width: 110px;
    vertical-align: top;
    height: 30px;
}

    .cutoff-input-small input {
        border: none;
        margin-top: 7px;
        width: 105px;
    }

.conf-select {
    background: url("/Content/images/license1-bg.png") no-repeat;
    border: none;
    display: inline-block;
    margin: 0 0 5px 192px;
    padding: 0 0 12px 5px;
    width: 175px;
    vertical-align: top;
    height: 31px;
}

    .conf-select select {
        border: none;
        margin-top: 7px;
        width: 100px;
    }

.restore-default {
    float: right;
    margin-right: 181px;
    margin-top: 49px;
    width: 181px;
}

.popup-controller-wj4-ok {
    margin-left: 130px;
}

li .left-menu-item-wj4 {
    list-style: none !important;
}

#rostercontentpanel {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    display: none;
    width: 300px;
    height: 160px;
    margin: -15px 0 10px;
    color: #4d4d4d;
    overflow-y: scroll;
}

.cutoff-input-radio input {
    margin-right: 10px;
    margin-top: -3px;
}

/* US - 1261*/
#rostercontentpanel {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    display: none;
    width: 300px;
    height: 160px;
    margin: -15px 0 10px;
    color: #4d4d4d;
    overflow-y: scroll;
}

.contentFiltercheck-roster {
    font-size: 13px;
    float: left;
    width: 270px;
    margin-left: 13px;
}

.other-block input {
    margin-top: -3px;
}

.licence-order-bg {
    background: url("/images/studentsearch-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 0 6px 5px;
    vertical-align: top;
    width: 174px;
}

    .licence-order-bg input[type="text"] {
        border: medium none;
        float: left;
        margin-top: 2px;
        padding: 5px;
        width: 150px;
        color: #4d4d4d;
    }

.report-info-second {
    clear: both;
    float: left;
    width: 262px;
}

.input-label-report {
    border: medium none;
    color: #4D4D4D;
    display: inline-block;
    float: left;
    font-family: Georgia;
    font-style: italic;
    margin: -20px 0 0 0px;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 375px;
}

#divReportType {
    float: left;
    width: 64%;
}

.advance-link-report {
    float: right;
    margin-top: -18px;
    margin-right: 2px;
}

/*501 code Starts*/
.msg-produc-flip {
    display: block;
    width: 230px;
}

.product-flip-block label {
    width: 66px !important;
}

.product-flip-block {
    width: 800px;
    /* height: 200px;*/
    height: 280px;
}

/*501 code End*/
.buttons-location-report {
    margin-left: 163px;
    width: 120px;
}

/**WJIV-1628 start*/
p.copyright-wj4 {
    clear: left;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 27px;
    padding-top: 0;
    width: 600px;
    padding-top: 30px;
}

    p.copyright-wj4 a {
        text-decoration: none;
        color: #578FBA;
    }

.hmh-logo-wj4 {
    background: url("/images/hmh-logo.png") repeat scroll 0 0 transparent;
    float: right;
    height: 47px;
    width: 274px;
    margin: -66px 0 20px;
}

p.copyright a {
    text-decoration: none;
    color: #578FBA;
}
/**WJIV-1628 end*/

/* US WJIV-497 Start*/
.year-dropdown {
    background-image: url("/Content/images/year-drop.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-size: auto auto;
    border: medium none;
    float: left;
    height: 25px;
    margin-left: 59px;
    margin-top: -39px;
    width: 67px !important;
}

    .year-dropdown .choose {
        background: none repeat scroll 0 0 #78939C;
        border: medium none;
        color: #FFFFFF;
        margin-left: 2px;
        margin-top: 4px;
        width: 64px;
        font-size: 13px;
    }

    .year-dropdown select.choose:focus {
        border: none;
    }

    .year-dropdown:focus {
        color: #ffffff;
    }
/* US WJIV-497 End*/
/*kendo.common.min.css altered bellow*/
.k-picker-wrap .k-input {
    margin-top: 2px !important;
}

.searchstudent-bg .k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 20px !important;
}
/*kendo.common.min.css altered bellow edns*/
.state-data {
    display: none;
    width: 300px;
}

#PA_Content label.fancy-checkbox {
    background-position: -39px -5px;
    clear: both;
    display: block;
    float: left;
    height: 25px;
    margin-bottom: -3px;
    margin-left: 232px;
    padding-left: 0;
    width: 22px;
}

#PA_Content label.checkbox-checked {
    background-position: -39px -35px;
}

.export {
    display: inline-block;
    float: left;
    margin-left: 0;
    width: 230px;
}

.disable-rating {
    float: left;
    margin-top: -89px;
    margin-left: 83px;
}

    .disable-rating span {
        color: #000000;
        font-weight: bold;
        margin-left: 6px;
    }

.disable-rating-info {
    color: #FF0000;
    font-family: sans;
    font-weight: bold;
    margin: 20px 0px 250px 20px;
    font-size: 18px;
}

    .disable-rating-info a {
        color: #0000FF !important;
    }

.table-main-summery {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    color: #4d4d4d;
    margin: 0 22px;
}

    .table-main-summery tr {
        border: 2px solid #dcdcdc;
    }

    .table-main-summery td {
        border-right: 2px solid #DCDCDC;
        /*padding: 0 20px !important;
        text-align: center !important;*/
    }

    .table-main-summery th {
        text-align: center !important;
        /*background: none !important;*/
        border: 2px solid #DCDCDC;
        font-size: 14px !important;
    }

.product-info {
    color: #E80C4D;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 43px;
    position: relative;
    display: block;
}

a.link-view-disable {
    color: #CCCCCC !important;
    cursor: default;
}

/* US 8268 */
.error-page-unexpected {
    color: #000000;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    padding-top: 0;
}

    .error-page-unexpected a {
        color: #2a9cff;
        text-decoration: none;
    }

.error-logo-unexpected {
    float: left;
    height: 100px;
    margin-right: 25px;
    width: 195px;
}
/*US 7809*/
.space-license-admin {
    float: left;
    height: 59px;
    margin-top: 13px;
    width: 300px;
}

.license-bg-admin {
    background: url("/images/license-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: right;
    height: 59px;
    margin: 13px 0 0;
    padding: 0 0 6px 5px;
    vertical-align: top;
    width: 270px;
}

    .license-bg-admin input[type="text"] {
        border: medium none;
        float: left;
        font-family: georgia;
        margin-top: 2px;
        padding: 5px;
        width: 140px;
    }

.save-location-admin {
    float: right;
    margin: 10px 0;
    margin-bottom: -38px;
    margin-top: 138px;
}

.license-label {
    color: #E80C4D;
    margin-left: -75px;
    margin-right: 2px;
    margin-top: 32px;
}

#dateerror {
    margin-left: -4px;
    margin-top: -44px;
}
/*us-7818*/
.footer-links-terms {
    display: block;
    float: right;
    padding-top: 26px;
    width: 341px;
}

    .footer-links-terms a {
        margin-right: 40px;
    }

.footer-links-login {
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 10px;
    padding-top: 3px;
    text-align: left;
    width: 600px;
}

    .footer-links-login a {
        margin-right: 23px;
    }

.add-accountholder-btn {
    float: left;
    /*margin-right: -213px;*/
}

.disable-input-fields {
    color: #cccccc !important;
    background-color: #ffffff;
}



.license-bg-admin-wiiip {
    background: url("/images/license-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: inline;
    float: left;
    height: 59px;
    margin: 13px 0 0 15px;
    padding: 0 0 6px 5px;
    vertical-align: top;
    width: 178px;
}

    .license-bg-admin-wiiip input[type="text"] {
        border: medium none;
        float: left;
        font-family: georgia;
        margin-top: 2px;
        padding: 5px;
        width: 157px;
    }

.space-license-admin-wiiip {
    float: left;
    height: 59px;
    margin-top: 17px;
    width: 196px;
}

.license-label-wiiip {
    color: #e80c4d;
    display: inline;
    float: left;
    margin-top: 20px;
}


.tr-info-wiiip {
    float: left;
    height: 50px;
    width: 952px;
}

.save-location-admin-wiiip {
    float: right;
    margin: 220px 0 -38px;
}

select.choose-wiiip {
    background: none repeat scroll 0 0 #ffffff;
    border: 0 none;
    color: #4d4d4d;
    float: left;
    font-size: 14px;
    line-height: 14px;
    margin: 7px 0 0;
    width: 158px;
}

.my-error-actype {
    margin-bottom: 11px;
    margin-left: 274px;
    width: 272px;
    font-family: Arial;
    font-size: 12px;
    margin-top: -20px;
    line-height: 20px !important;
}

.content-loading1 {
    margin-left: 5px;
    margin-top: 77px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .content-loading1 {
        margin-left: -449px;
        margin-top: 470px;
    }
}

::-ms-clear {
    display: none;
}

.passwordreset_error-message {
    margin: auto 0;
    padding: 30px;
    text-align: center;
}

.add-secaccountholder-btn {
    float: left;
    /*margin-right: -254px;*/
}

.addsecanothercorrect {
    background: transparent url("/images/addanother.png") repeat scroll 0 0 / 255px auto;
    border-radius: 5px;
    height: 30px;
    padding: 0;
    color: #ffffff;
    border: 0 none;
}

.saveaddsec {
    background: transparent url("/images/addanother.png") repeat scroll 0 0 / 255px auto;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    height: 30px;
    opacity: 0.2;
    padding: 0;
    pointer-events: none;
}

.wj4briefcog {
    font-size: 11px;
    line-height: 15px !important;
}

.wmlswiiip {
    line-height: 15px !important;
    font-size: 10px;
}

.wmlswiiiptab {
    font-size: 11px;
    line-height: 16px !important;
}

.productcoordinatortab {
    width: 213px !important;
}

.administartiontab {
    margin-left: 6px !important;
    position: relative !important;
    left: -6px !important;
}

.resourcetab {
    margin-left: 1px !important;
    position: relative !important;
    /*left: -74px !important;*/
}

.distributortab {
    width: 140px !important;
}

.activationsearch-space {
    border-bottom: 1px solid #C9C9C9;
    float: left;
    margin-top: 20px;
    padding-bottom: 10px;
    width: 991px;
}

.edit-Codes {
    background: url("/images/buttons-copy.png") repeat scroll 234px 0px transparent;
    border: medium none;
    color: #fff;
    font-size: 16px;
    height: 31px;
    padding: 0;
    width: 99px;
    filter: alpha(opacity=20);
}

.activation-tab {
    font-size: 13px !important;
}

.searchActivationCode-bg {
    border: medium none;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 0 6px 5px;
    vertical-align: top;
    width: 174px;
    font-style:italic;
}

    .searchActivationCode-bg label {
        float: left;
        margin-left: 2px;
        margin-top: 12.1px;
    }

.activation-label {
    font-weight: normal !important;
    margin-left: 6px !important;
    font-style: italic !important;
}

/*#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; 
	max-width: 600px; 
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #fff;
    background: url(../images/nav-bg.png);
    border: solid 1px #FFF;
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../images/info.gif);
}

#popup_content.confirm {
	background-image: url(../images/important.gif);
}

#popup_content.prompt {
	background-image: url(../images/help.gif);
}

#popup_message {
    padding-left: 48px;
    font-size: 19px;
    font-weight: bold;
    margin: 0px 0 0 12px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}*/
#popup_container {
   width: 316px; 
   height:141px;
   background: url("../images/dialog-overlay.png") repeat scroll 0 0 transparent;
}

#popup_title {
   display:none;
}
#popup_message {
  color: #666666;
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin: 21px 0 0 12px;
  text-align: center;
  width: 283px;
}

#popup_panel {
  float: left;
  margin: 12px 0 0 28px;
  width: 266px;
}
body
{
}
/*US_28*/
/*ul.pagination li.total {
    color: #000;
}

ul.pagination li {table-main
    float: left;
    margin-left: 0;
    padding: 1px 3px 1px 3px;
}

    ul.pagination li a {
        color: #588fba;
        text-decoration: none;
    }

ul.pagination {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
}*/

.subject-edit
{
	/*background-image: url("../WJIVStyle/images/sprite.png");
    background-position: -47px -11px;
    cursor: pointer;
    display: block;
    float: left;
    height: 17px;
    margin-right: 11px;
    margin-top: 10px;
    padding-left: 2px;
    padding-right: 0;
    width: 21px;*/
	background-image: url("../WJIVStyle/images/sprite.png");
	background-position: -47px 2px;
	cursor: pointer;
	display: block;
	float: left;
	margin-bottom: -14px;
	margin-right: 5px;
	margin-top: -10px;
	padding-left: 2px;
	padding-right: 0;
	width: 21px;
}

.subject-Delete
{
	background-image: url("../WJIVStyle/images/delete.png");
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	margin-bottom: 0;
	margin-left: 75px;
	/* margin-top: 4px; */
	margin-bottom: -6px;
	width: 20px;
}

.subject-share
{
	background-image: url("../WJIVStyle/images/sprite.png");
	background-position: -140px 0;
	cursor: pointer;
	display: block;
	float: left;
	height: 8px;
	margin-left: 13px;
	margin-top: -2px;
	padding-bottom: 20px;
	padding-right: 0;
	width: 20px;
}

.subject-edit-gray
{
	background-image: url("../Images/edit-gray.gif");
	display: block;
	float: left;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	margin: 10px 10px 10px 0px;
	cursor: default;
}

.subject-Delete-gray
{
	background-image: url("../Images/delete-gray.gif");
	display: block;
	float: left;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	margin: 10px 10px 10px 0px;
	cursor: default;
}

.subject-share-gray
{
	background-image: url("../Images/share-gray.gif");
	display: block;
	float: left;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	margin: 10px 10px 10px 0px;
	cursor: default;
}

.subject-move-gray
{
	background-image: url("../Images/move-gray.gif");
	display: block;
	float: left;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	margin: 10px 10px 10px 0px;
	cursor: default;
}

.subject-move
{
	background-image: url("../WJIVStyle/images/sprite.png");
	background-position: -107px -7px;
	display: block;
	float: left;
	height: 25px;
	margin-left: 2px;
	margin-top: 6px;
	padding-right: 0;
	width: 20px;
}

.subject-Delete-main
{
	background-image: url("../WJIVStyle/images/sprite.png");
	padding: 8px 10px 21px 12px;
	width: 1px;
	background-position: -78px 0px;
	display: block;
	float: left;
	cursor: pointer;
}

.subject-share-main
{
	background-image: url("../WJIVStyle/images/sprite.png");
	padding: 9px 0px 20px 7px;
	width: 20px;
	background-position: -135px 0px;
	display: block;
	float: left;
	cursor: pointer;
}

.test-record-add
{
	background-image: url("../WJIVStyle/images/sprite.png");
	background-position: -198px 48px;
	display: block;
	float: left;
	height: 18px;
	margin-top: 3px;
	width: 18px;
}

.test-record-view
{
	background-image: url("../WJIVStyle/images/sprite.png");
	background-position: -229px -14px;
	display: block;
	float: left;
	height: 12px;
	margin-left: 9px;
	margin-right: 3px;
	margin-top: 5px;
	width: 21px;
}

.test-record-share
{
	background-image: url("../WJIVStyle/images/sprite.png");
	padding: 9px 0px 20px 7px;
	width: 20px;
	background-position: -135px 0px;
	display: block;
	float: left;
	margin-top: -9px;
}

.test-record-share-gray
{
	background-image: url("../Images/testshare.png");
	display: block;
	float: left;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	margin: 10px 10px 10px 0;
	cursor: default;
}

.test-record-add-gray
{
	background-image: url("../Images/testadd.png");
	display: block;
	float: left;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	margin: 10px 10px 10px 0;
	cursor: default;
}

.trwith-results
{
	background-color: #ebedec;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
}

/*table.wj-search-results {
    float: left;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #C9C9C9;
    margin-left: -32px;
}

    table.wj-search-results tr.head, table.results tr.head, table.Assign-Contents tr.head {
        border: 1px solid #c9c9c9;
    }

    table.wj-search-results th, table.results th, table.Assign-Contents th {
        border-right: 1px solid #dcdcdc;
        background: #ebedec;
        height: 41px;
        line-height: 16px;
        text-align: left;
        vertical-align: middle;
        border-top: 1px solid #ccc;
        font-size: 15px;
        vertical-align: middle;
        padding: 5px;
    }

.mathces {
    float: left;
    width: 600px;
    font-size: 24px;
    color: #000;
}

.math-paingation {
    float: left;
    margin: 10px 0 20px -38px;
    width: 1003px;
    padding-top: 20px;
}*/

.math-paingation-script
{
	float: left;
	margin: 10px 0 20px 0px;
	width: 1003px;
	padding-top: 20px;
}

/*.staff-labels {
    float: left;
    width: 912px;
    margin-left: -65px;
    margin-top: -43px;
}

    .staff-labels label {
        float: left;
        color: #000;
        font-weight: bold;
    }*/

/*.savecorrect-search {
    background: url("/Images/buttons-copy.png") repeat scroll 234px 0px transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 16px;
    height: 31px;
    margin-top: -10px;
    padding: 0;
    width: 99px;
    float: right;
    margin-right: 130px;
}*/

/*label.stud-pri {
    width: 153px;
    margin-left: 27px;
}*/

label.stud-pri-lastname
{
	width: 153px;
	margin-left: 30px;
}

label.stud-dob
{
	margin-left: 29px;
	width: 155px;
}

label.stud-pri-lastname
{
	width: 153px;
	margin-left: 30px;
}

.wj-search-space
{
	border-bottom: 1px solid #C9C9C9;
	float: left;
	margin: 0 22px 0px -38px;
	padding-bottom: 10px;
	width: 1003px;
}

/*.searchstudent-bg {
    background: url("/Images/searchstudent-bg.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: -25px 0 1px -39px;
    padding: 0 36px 6px 5px;
    vertical-align: top;
    width: 174px;
}*/

.search-error
{
	color: #FF0000;
	float: left;
	font-family: Georgia;
	margin-top: 30px;
	width: 500px;
}

.error-main
{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	width: 510px;
}

/*.table-main {
    background: none repeat scroll 0 0 #fff;
    float: left;
    width: 1003px;
    color: #4d4d4d;
    margin: 0 22px 0px -38px;
}*/

/*table.search-results {
    float: left;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #C9C9C9;
}

    table.search-results th, table.results th, table.Assign-Contents th {
        border-right: 1px solid #dcdcdc;
        background: #ebedec;
        height: 41px;
        line-height: 16px;
        text-align: left;
        vertical-align: middle;
        border-top: 1px solid #ccc;
        font-size: 14px;
        vertical-align: middle;
        padding: 5px;
    }

    table.search-results tr.head, table.results tr.head, table.Assign-Contents tr.head {
        border: 1px solid #c9c9c9;
    }

    table.search-results tr.even, table.results tr.even, table.Assign-Contents tr.even, table.benchmarks tr.even, tr.content-odd, tr.indicators-odd {
        background: none repeat scroll 0 0 #f4f9fd;
        border-top: 1px solid #e3e9ef;
        border-bottom: 1px solid #e3e9ef;
    }

    table.search-results tr td, table.results tr td, table.Assign-Contents tr td {
        text-align: left;
        font-size: 13px;
        padding: 5px;
        vertical-align: middle;
        word-wrap: break-word;
    }

        table.search-results tr td a, table.results tr td a, table.Assign-Contents tr td a {
            text-decoration: none;
            color: #588fba;
        }*/

th.select-to-report
{
	width: 67px;
}

td.subject-first-name
{
	color: #09f;
}

td.subject-last-name
{
	color: #09f;
}
/*UserStory-28 END*/

/******* User story -77 Start********/
.wj-validation_error span, .validation_error span span
{
	color: #e80c4d;
	font-weight: bold;
	z-index: inherit;
}

.field-validation-error
{
	color: #e80c4d;
	font-weight: bold;
	text-align: center;
	text-align: left;
}

.field-validation-error-caseload
{
	margin-left: -35px;
	color: #e80c4d;
	font-weight: bold;
	text-align: center;
	text-align: left;
}

.wj-triangle-border
{
	margin: -102px 0 0;
	margin: -34px 0 0;
	padding: 0 4px 0 3px;
	position: absolute;
	z-index: inherit;
}

.add-subject-info
{
	margin-left: -177px;
}

.add-subject-info-right
{
	width: 400px;
	float: left;
	margin-top: -48px;
}

.add-subject-buttons
{
	float: left;
	margin: 35px 0 10px 293px;
	width: 317px;
	text-align: left;
	clear: both;
}

#Save_Msg
{
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 6px;
	text-align: left;
	width: 345px;
}

#Save_Msg_TestForm
{
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 6px;
	text-align: left;
	width: 345px;
	width: 645px;
	margin-top: -50px;
}

td.wj-radio-input
{
	float: right;
	margin-right: 31px;
	margin-top: 9px;
}

.space-wj
{
	float: left;
	margin-left: 143px;
	width: 300px;
	margin-top: -48px;
}

.wj-input-bg
{
	background: url(/images/text-bg.png) no-repeat;
	border: none;
	display: inline-block;
	margin: 0 0 5px -35px;
	padding: 0 0 12px 5px;
	width: 261px;
	vertical-align: top;
	height: 31px;
}

.wj-earch-caseload-label
{
	float: left;
	/*width: 912px;

    margin-top: -25px;*/
	margin-left: -60px;
	font-weight: bold;
}

.Search-wj-input-bg
{
	background: url(/images/CaseFolderSearch_text-bg.png) no-repeat;
	border: none;
	display: inline-block;
	margin: 0 0 5px -35px;
	padding: 0 0 12px 5px;
	width: 261px;
	vertical-align: top;
	height: 31px;
}

	.Search-wj-input-bg input
	{
		border: medium none;
		float: left;
		margin-top: 2px;
		padding: 4px 5px 5px 5px;
		width: 180px;
		font-size: 14px;
	}

.wj-input-bg input
{
	border: medium none;
	float: left;
	margin-top: 2px;
	padding: 4px 27px 5px 5px;
	width: 222px;
	font-size: 14px;
}

.wj-search-caseload-label
{
	float: left;
	/*width: 912px;

    margin-top: -25px;*/
	margin-left: -60px;
	font-weight: bold;
}

.wj-caseload-label
{
	float: left;
	width: 912px;
	margin-left: -65px;
	margin-top: -25px;
	font-weight: bold;
}

.wj-sucss-msg
{
	color: green;
	font-weight: bold;
	text-align: center;
	text-align: left;
}

.wj-sucss-msg-caseload
{
	margin-left: -35px;
	font-weight: bold;
	text-align: center;
	text-align: left;
}

/******* User story 64 ********/

.wj4-mathces
{
	color: rgb(0, 0, 0);
	float: left;
	font-size: 24px;
	width: 600px;
}

.dashboard-table-main
{
	margin-left: 37px;
}

.subject-info-labels-name
{
	width: 49px;
	float: left;
	color: #000;
	font-weight: bold;
}

.subject-info-labels-dob
{
	width: 96px;
	float: left;
	color: #000;
	font-weight: bold;
	margin-left: 40px;
}

.subject-info-labels-age
{
	width: 34px;
	float: left;
	color: #000;
	font-weight: bold;
	margin-left: 45px;
}

.subject-info-labels-gender
{
	width: 60px;
	float: left;
	color: #000;
	font-weight: bold;
	margin-left: 54px;
}

.subject-info-labels-id
{
	color: rgb(0, 0, 0);
	float: left;
	font-weight: bold;
	position: relative;
	width: 23px;
}

.subject-label-data
{
	width: 1024px;
	margin-left: -40px;
	margin-top: -51px;
	float: left;
	position: relative;
}

.subject-info-data
{
	width: 140px;
	float: left;
	word-wrap: break-word;
	word-break: break-all;
	height: auto;
}

.subject-info-date
{
	width: 74px;
	float: left;
	word-wrap: break-word;
	word-break: break-all;
	height: auto;
}

.subject-info-age
{
	width: 137px;
	float: left;
	word-wrap: break-word;
	word-break: break-all;
	height: auto;
}

.subject-info-gender
{
	width: 90px;
	float: left;
	word-wrap: break-word;
	word-break: break-all;
	height: auto;
	padding-right: 6px;
}

.subject-info-controller
{
	display: block;
	float: right;
	margin-top: 20px;
}

.subject-info-controllerback
{
	display: block;
	float: left;
	margin-top: 70px;
}

.subjectcontroller
{
	background: url("../WJIVStyle/images/subjectcontroller.png") repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	font-size: 15px!important;
	font-size: 16px;
	height: 31px;
	padding: 0;
	width: 150px;
	margin-left: 12px;
}

.subjectcontroller-disable
{
	background: url("../WJIVStyle/images/buttons-disable.png") repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	font-size: 15px!important;
	font-size: 16px;
	height: 31px;
	padding: 0;
	width: 150px;
	margin-left: 12px;
}

.subjectcontroller-disable
{
	background: url("../WJIVStyle/images/buttons-disable.png") repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	font-size: 15px!important;
	font-size: 16px;
	height: 31px;
	padding: 0;
	width: 150px;
	margin-left: 12px;
}

input.subjectcontroller-disable
{
	cursor: default !important;
}

.table-header
{
	float: left;
	width: 450px;
	margin: 105px 0 40px -40px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

.table-test-records
{
	background: none repeat scroll 0 0 #fff;
	float: left;
	width: 663px;
	color: #4d4d4d;
	margin: -16px 22px 0px -38px;
}

td .wj-check-input
{
	float: right;
	margin-right: 31px;
	padding: 10px 0px;
}

th.test-grades
{
	width: 84px;
}

th.grade
{
	width: 40px;
}

th.test
{
}

div.searchs-results
{
	float: left;
	width: 662px;
	table-layout: fixed;
}

div.select
{
	width: 67px;
	float: left;
	border: 1px solid #dcdcdc;
	background: #ebedec;
	height: 41px;
	line-height: 41px;
	text-align: left;
	border-top: 1px solid #ccc;
	font-size: 14px;
	vertical-align: middle;
	padding: 5px;
	font-weight: bold;
}

div.testgrade
{
	width: 84px;
	float: left;
	border: 1px solid #dcdcdc;
	background: #ebedec;
	height: 41px;
	line-height: 41px;
	text-align: left;
	border-top: 1px solid #ccc;
	font-size: 14px;
	vertical-align: middle;
	padding: 5px;
	font-weight: bold;
}

div.grade
{
	width: 40px;
	float: left;
	border: 1px solid #dcdcdc;
	background: #ebedec;
	height: 41px;
	line-height: 41px;
	text-align: left;
	border-top: 1px solid #ccc;
	font-size: 14px;
	vertical-align: middle;
	padding: 5px;
	font-weight: bold;
}

div.test
{
	width: 423px;
	float: left;
	border: 1px solid #dcdcdc;
	background: #ebedec;
	height: 41px;
	line-height: 41px;
	text-align: left;
	border-top: 1px solid #ccc;
	font-size: 14px;
	vertical-align: middle;
	padding: 5px;
	font-weight: bold;
}

div.selectcontent
{
	width: 69px;
	float: left;
	height: 41px;
	line-height: 41px;
	padding: 5px;
	text-align: center;
	font-size: 13px;
	padding: 5px;
	vertical-align: middle;
	word-wrap: break-word;
	border-top: 1px solid #e3e9ef;
	border-bottom: 1px solid #e3e9ef;
}

div.testgradecontent
{
	width: 86px;
	float: left;
	height: 41px;
	line-height: 41px;
	padding: 5px;
	text-align: left;
	font-size: 13px;
	padding: 5px;
	vertical-align: middle;
	word-wrap: break-word;
	border-top: 1px solid #e3e9ef;
	border-bottom: 1px solid #e3e9ef;
}

div.gradecontent
{
	width: 47px;
	float: left;
	height: 41px;
	line-height: 41px;
	padding: 5px;
	text-align: left;
	font-size: 13px;
	padding: 5px;
	vertical-align: middle;
	word-wrap: break-word;
	border-top: 1px solid #e3e9ef;
	border-bottom: 1px solid #e3e9ef;
}

div.testcontent
{
	width: 652px;
	height: 41px;
	line-height: 41px;
	padding: 5px;
	text-align: left;
	font-size: 13px;
	padding: 5px;
	vertical-align: middle;
	word-wrap: break-word;
	/*background: none repeat scroll 0 0 #f4f9fd;*/
	border-top: 1px solid #e3e9ef;
	border-bottom: 1px solid #e3e9ef;
}

.subject-info-last
{
	float: right;
	width: 179px;
}

	.subject-info-last .subject-info-data
	{
		text-align: left;
		width: auto;
		margin-right: 0 !important;
	}

.dashboard-details
{
	padding-top: 0px;
	float: left;
	width: 250px;
	border: 1px solid #DDDDDD;
	margin-right: 10px;
	height: auto;
}

/*US-74 CaseFolder Dropdown*/
.select-bg-caseload
{
	background: url(../WJIVStyle/images/select-bg.png) no-repeat;
	border: none;
	display: inline-block;
	/*margin: 19px 0 5px 0px;*/
	padding: 0 0 17px 5px;
	width: 261px;
	vertical-align: top;
}

.rounded-inputDelayed
{
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: .178em 0;
	height: 1.62em;
	line-height: 1.62em;
	text-indent: 4px;
	border: 1.2px solid #cccccc;
	display: inline-block;
}

	.rounded-inputDelayed input
	{
		border: none;
	}

.rounded-input
{
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: .178em 0;
	height: 1.62em;
	line-height: 1.62em;
	text-indent: 4px;
	border: 1.2px solid #cccccc;
	display: inline-block;
}

	.rounded-input input
	{
		border: none;
	}

.rounded-border
{
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: .178em 0;
	text-indent: 4px;
	border: 1.2px solid #cccccc;
}

.stiedit
{
	color: #4d4d4d !important;
	font-family: Georgia;
	font-style: italic;
	font-weight: normal !important;
	text-align: left !important;
}

.stieValidation
{
	display: block;
	width: 60%;
}

.itemWrapper
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.itemLabel
{
}

.itemText
{
}

.sectionHeaderButton
{
	position: relative;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #cccccc;
	height: 30px;
	top: 1px;
	cursor: pointer;
	text-align: center;
}

.sectionHeaderButton_selected
{
	position: relative;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid white;
	background-color: white;
	font-weight: bolder;
	height: 30px;
	text-align: center;
	top: 1px;
	cursor: pointer;
}

.spanmathces
{
	float: left;
	width: 600px;
	font-size: 24px;
	color: #000;
}

.wideSublist
{
	-ms-border-radius: 4px;
	border-radius: 4px;
	text-indent: 4px;
	border: 1.2px solid #cccccc;
	width: 50%;
}

	.wideSublist .formInstanceLabel
	{
		width: 350px;
	}

.formInstanceLabel
{
	display: inline-block;
	width: 275px;
}

.formInstanceDirectionsFixed
{
	border: #888888 1px solid;
	display: none;
	position: fixed;
	background-color: #d7fdea;
	width: 50%;
}

#sourceclose
{
	float: right;
	color: #00aeef;
	cursor: pointer;
	margin: 18px 35px 0 0;
}

#sourceclose-expand
{
	float: right;
	color: #00aeef;
	cursor: pointer;
	margin: 0px 10px;
}

#sourcepanel-expand
{
	background: url("../Content/images/product-expand-bg.png") no-repeat scroll 0 0 transparent;
	display: none;
	width: 340px;
	height: 200px;
	margin: -12px 0 0 0px;
	color: #4d4d4d;
	clear: both;
	overflow: auto;
}

span.username-text-wj4 a
{
	color: #588FBA;
	font-size: 13px;
	margin-top: 22px;
	cursor: pointer;
	width: 265px;
	/*float: right;*/
	margin-left: 275px;
	text-decoration: none;
}

.error-usmsg
{
	float: right;
	width: 267px;
	clear: both;
	margin-top: -20px;
	line-height: 20px !important;
}

/**Examiner Search Changes*/

.addexaminer
{
	background: url("/images/addanother.png") repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	/*font-size: 15px!important;*/
	font-size: 16px;
	height: 31px;
	padding: 0;
	width: 201px;
	float: right;
	margin: -42px 20px;
	/*margin-top: -42px;*/
}

.search-space-examiner
{
	/*border-bottom: 1px solid #C9C9C9;*/
	float: left;
	margin: 0 22px;
	padding-bottom: 10px;
	width: 545px;
}

.subject-Delete-ACNotes
{
	background-image: url("../WJIVStyle/images/delete.png");
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	margin-bottom: 0;
	margin-left: -3px;
	/* margin-top: 4px; */
	margin-bottom: -6px;
	width: 20px;
}