/*
 * Copyright (c)  1999-2019. Pearson Educational Measurement
 * 2510 North Dodge St., Iowa City, Iowa, 52245, U.S.A.
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of Pearson Educational Measurement.
 * Any use of this software which is not expressly granted is forbidden.
 */

.ui-accordion {
    width: 100%;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    min-height: 0;
    padding: .5em .5em .5em 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    zoom: 1;
}

.ui-accordion .ui-accordion-header.ui-state-active {
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top, #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
}

.ui-accordion .ui-accordion-header.ui-state-disabled, .ui-accordion .ui-accordion-header.ui-state-disabled a {
    cursor: default;
}

/** RTL **/
.ui-accordion.ui-accordion-rtl {
    direction: rtl;
}

.ui-accordion.ui-accordion-rtl .ui-accordion-header .ui-icon {
    right: 0.5 m;
    left: auto;
}

.ui-accordion.ui-accordion-rtl .ui-accordion-header a {
    padding: 0.5em 2.2em 0.5em 0.5em;
}

.ui-accordion .ui-accordion-content.ui-widget-content {
    overflow: visible;
}

.ui-datatable input, .ui-datatable select {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 2px;
    height: inherit;
}

.ui-datalist-content.ui-widget-content {
    background-color: transparent;
}

.control-label.group-label {
    border-bottom: 1px solid #ddd;
}

div[id$=stateResults] select {
    display: none;
}

.ui-menu.ui-widget a.ui-state-highlight {
    color: #fff;
}

.no-low-margin input {
    margin-bottom: 0px;
}

div[id$=scorerDigestTable] th {
    height: 45px;
}

.online-status {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 500px;
    margin: 0 .5em;
    background-color: #ddd;
    vertical-align: baseline;
    border: 2px solid transparent;
    margin-right: 7px;
    margin-left: 0px;
}

.online-status.online {
    background-color: #27c24c;
}

.online-status.offline {
    background-color: #ddd;
}

.ui-datatable .ui-datatable-data tr.ui-row-editing td.ui-editable-column,
.ui-datatable .ui-datatable-data td.ui-cell-editing {
    padding: 4px 10px;
}

div[id$=itemSearchPanel] input, div[id$=itemSearchPanel] select {
    min-width: 75px;
    width: auto;
}

.form-inline select {
    margin-right: 10px;
}

form[id$="common_item_search"] input[type="text"], form[id$="selectTeamForm"] input[type="text"] {
    width: auto;
}

.no-margin, .no-margin input {
    margin: 0px !important;
}

select[multiple], select[size] {
    height: 28px;
}

.ui-picklist .ui-picklist-buttons {
    padding-top: 50px;
    height: auto;
}

.ui-datatable .ui-selectoneradio td:first-child {
    padding-left: 17px;
}

.ui-datatable .ui-column-filter, th select {
    width: 80%;
    margin: 0 auto;
}

.ui-menubutton .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
    height: 28px;
}

.form-horizontal.wider label {
    width: 160px;
}

.form-horizontal.wider .controls {
    margin-left: 170px;
}

.ui-datatable-header.ui-widget-header.ui-corner-top,
.ui-datatable-footer.ui-widget-header.ui-corner-bottom {
    min-height: 33px;
    padding: 10px 10px 6px 10px;
}

form[id$=id_form_account_entity_search] select {
    min-width: 120px;
    max-width: 160px;
}

form[id$=id_form_account_entity_search] input {
    width: 80px;
}

.headerColumn > button {
    margin-top: 23px;
}

#sideFilters input, .sideFilters input[type=text] {
    width: 100%;
    box-sizing: border-box;
    height: 28px;
}

.sideFilters input[type=checkbox] + label {
    margin-left: 5px;
    position: absolute;
}

#sideFilters select, .sideFilters select {
    width: 100%;
}

.text-error {
    color: #b94a48;
}

/* Active Assignment Modal Primefaces Adjustments */
div[id$=panel2] .ui-picklist .ui-picklist-filter-container .ui-icon {
    right: 10px;
}

div[id$=panel2] .ui-picklist .ui-picklist-list {
    width: 380px;
}

div[id$=panel2] .ui-picklist .ui-picklist-filter {
    padding-right: 20px;
    width: 355px;
}

/* END of Active Assignment Modal Primefaces Adjustments */
.alert:empty {
    display: none !important;
}

.minimizedSelect {
    width: auto;
    min-width: 120px;
}

.form-inline label, .form-inline input, .form-inline select,
.form-inline .input-append label {
    margin-left: 10px !important;
}

.form-horizontal .control-group:only-child {
    margin-bottom: 0px;
}

.PrimefacesSelectStyle {
    -webkit-appearance: menulist-button;
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset,
    rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
    -webkit-rtl-ordering: logical;
    -webkit-writing-mode: horizontal-tb;
    align-items: center;
    background-color: rgb(245, 245, 245);
    background-image: -webkit-linear-gradient(top, rgb(255, 255, 255),
    rgb(230, 230, 230));
    background-repeat: repeat-x;
    border-bottom-color: rgba(0, 0, 0, 0.247059);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-collapse: collapse;
    border-left-color: rgba(0, 0, 0, 0.0980392);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.0980392);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgba(0, 0, 0, 0.0980392);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset,
    rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: block;
    height: 28px !important;
    margin: 0px auto;
    padding: 0px;
    text-align: start;
    text-shadow: rgba(255, 255, 255, 0.74902) 0px 0px 0px;
    vertical-align: middle;
    width: 100px;
}

.ui-panel-content > form {
    margin-bottom: 0px;
}

.ui-messages + h2 {
    margin-top: 20px;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li {
    margin-bottom: 0px;
}

.sideForm input {
    width: 125px;
    display: block;
}

.sideForm select {
    width: 135px;
    display: block;
}

a span.ui-icon, .btn .ui-icon {
    display: inline-block;
    vertical-align: sub;
}

.ui-panel-titlebar-icon span.ui-icon {
    margin-left: 0px;
}

.ui-dialog-footer .btn + .btn, .modal-footer .btn + .btn, .modal-footer button + button {
    margin-left: 10px;
}

.no-margin {
    margin: 0px;
}

a.ui-selectcheckboxmenu-label-container, a.ui-selectcheckboxmenu-label-container:hover {
    color: #333333;
    text-decoration: none;
}

.ui-selectcheckboxmenu-label {
    min-width: 75px !important;
    margin: 0px;
}

.ui-datatable .ui-selectoneradio td {
    width: 20px;
}

.ui-datatable .ui-selectoneradio td {
    border: 1px hidden;
}

.navbar-inner {
    border-radius: 0px;
}

.ui-selection-column {
    width: 20px;
}

#infoHeader {
    margin-bottom: 40px;
}

.headerColumn {
    min-width: 50px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.headerColumn .label {
    position: absolute;
    top: 35px;
}

#copyrightFooter {
    position: relative;
    padding: 15px 0px;
    color: #000;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav.ui-widget-header {
    border: 1px hidden #eeeeee;
}

.ui-tabs.ui-widget-content {
    border-bottom: 1px hidden !important;
}

.ui-tabs-panels {
    border-top: 1px solid #dddddd
}

table label {
    margin: 0px;
    display: inline;
}

label.placeholder {
    cursor: text;
    padding: 4px 4px 4px 4px;
    color: #999999;
}

.epenMenuActive {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 21%, rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 71%, rgba(0, 0, 0, 0.8) 75%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(21%, rgba(0, 0, 0, 0.8)),
    color-stop(24%, rgba(0, 0, 0, 1)), color-stop(50%, rgba(0, 0, 0, 1)),
    color-stop(71%, rgba(0, 0, 0, 1)), color-stop(75%, rgba(0, 0, 0, 0.8)),
    color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 21%, rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 71%, rgba(0, 0, 0, 0.8) 75%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 21%, rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 71%, rgba(0, 0, 0, 0.8) 75%, rgba(0, 0, 0, 0) 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 21%, rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 71%, rgba(0, 0, 0, 0.8) 75%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#00000000', endColorstr='#00000000',
            GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 21%, rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 71%,
    rgba(0, 0, 0, 0.8) 75%, rgba(0, 0, 0, 0) 100%); /* W3C */
}

.epenMenuActiveWhite {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 21%, rgba(255, 255, 255, 1) 24%,
    rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 71%,
    rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
    255, 255, 0)), color-stop(21%, rgba(255, 255, 255, 0.8)),
    color-stop(24%, rgba(255, 255, 255, 1)),
    color-stop(50%, rgba(255, 255, 255, 1)),
    color-stop(71%, rgba(255, 255, 255, 1)),
    color-stop(75%, rgba(255, 255, 255, 0.8)),
    color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 21%, rgba(255, 255, 255, 1) 24%,
    rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 71%,
    rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 21%, rgba(255, 255, 255, 1) 24%,
    rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 71%,
    rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 21%, rgba(255, 255, 255, 1) 24%,
    rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 71%,
    rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#00ffffff', endColorstr='#00ffffff',
            GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 21%, rgba(255, 255, 255, 1) 24%,
    rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 71%,
    rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
}

.backreadingTableCell {
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

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

.mailDetailsC1 {
    width: 5%;
    text-align: right;
    vertical-align: text-top;
}

canvas {
    border: 1px solid black;
}

.moveCursor {
    cursor: move;
}

/* html5 placeholder support */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999999;
}

input:placeholder, textarea:placeholder {
    color: #999999;
}

.greyLabel {
    font-size: 10px;
    color: gray;
}

ul.legal {
    margin: 0px 0px 0px 25px;
    padding: 3px;
    list-style-type: disc;
}

input.error, textarea.error {
    color: #a11;
    background-color: white;
    border: 1px solid #a11;
}

input.error[type="radio"], input.error[type="checkbox"], select.error {
    background-color: white;
    border: 1px solid #a11;
}

td.error, div.error {
    color: #a11;
    font-weight: bold;
}

label.error {
    color: #a11;
    font-weight: normal;
}

table.sortable tr.odd td {
    background-color: #fff;
}

table.sortable tr.even td {
    background-color: #e7ecf2;
}

.DATA-TABLE-3 caption {
    text-align: left;
    vertical-align: top;
    font-family: Verdana;
    font-weight: bold !important;
    color: #010161;
    font-size: 14px;
    padding-bottom: 5px !important;
}

.DATA-TABLE-3-command-bar span {
    color: #aaa;
    padding: 2px;
    padding-left: 4px;
    padding-right: 5px;
    padding-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
}

.grayControl {
    color: #999999;
}

.normalControl {
    background-color: #fff;
}

.enabled {
    background-color: #7ca !important;
}

.disabled {
    background-color: #a11 !important;
}

.projectUpdateButton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    background-color: #CDF;
    width: 100px;
    height: 17px;
    border: 1px solid;
    border-top-color: #484;
    border-left-color: #484;
    border-right-color: #141;
    border-bottom-color: #141;
    margin: 3px;
}

.projectUpdateButtonOn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    background-color: #DEF;
    width: 100px;
    height: 17px;
    border: 1px solid;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
    margin: 3px;
}

.warning {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FF4500;
}

.headerRow {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #349;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 1px;
    padding-bottom: 2px;
}

.boldDarkBlue {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #366495;
    text-align: center;
}

.boldDarkBlue2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #366495;
    text-align: left;
}

.boldSelect {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    width: 200px
}

.boldText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.italic {
    font-weight: normal;
    font-style: italic;
}

.vAlignMiddle {
    vertical-align: middle;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.alignBottom {
    vertical-align: bottom;
}

.alignTop {
    vertical-align: top;
}

.normalText {;

}

a:link.normalText, a:visited.normalText {
    text-decoration: none;
    color: #22D;
}

a:hover.normalText {
    text-decoration: underline;
    color: #229;
}

.whiteText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

a:link.whiteText, a:visited.whiteText {
    text-decoration: underline;
    color: #FFFFFF;
}

a:hover.whiteText {
    text-decoration: none;
    color: #FFFFFF;
}

.smallText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
}

.disabledLabel {
    font-size: 12px;
    color: #bbb;
}

.grabBar {
    cursor: move;
    background-color: #366495;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
}

a:link.grabBar, a:visited.grabBar {
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
}


a:hover.grabBar {
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
}

/* DHTML Tabs for Scorer Exception */
.tab-container {
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 2px;
}

.tab-panes {
    margin: 3px;
}

#tabnav, .tabnav {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 20px;
    margin: -1px;
    padding-left: 10px;
    background: url(re/epen-webapp/images/tabs/tab_bottom.gif) repeat-x bottom;
}

#tabnav li, .tabnav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    white-space: nowrap;
}

#tabnav a:link, #tabnav a:visited, .tabnav a:link, .tabnav a:visited {
    float: left;
    background: #f3f3f3;
    font: 11px verdana, helvetica, sans-serif;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}

#tabnav a:link.active, #tabnav a:visited.active, .tabnav a:link.active,
.tabnav a:visited.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

.tabnav a:hover, #tabnav a:hover {
    background: #f9f9f9;
}

.confirmationBox {
    border: 10px solid #b6b8b7;
    width: 40%;
    text-align: center;
    background: white;
    background-color: #FFFFCC;
}

.borderlessButton {
    font-family: verdana, Helvetica, sans-serif;
    font-size: 11px;
    background-color: transparent !important;
    border-top-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-right-style: none !important;
}

.pleaseWait {
    width: 300px;
    height: 30px;
    z-index: 99;
    font: 16px verdana;
    background: white;
    background-color: #FFFFCC;
    visibility: hidden;
}

input.results-button, input.results-button-hover, input.results-button-current {
    font-size: 11px;
    background: white;
    padding: 0px 0px;
    margin-right: 0px;
    white-space: nowrap;
    border: 0px solid black;
    text-decoration: none;
}

input.results-button, input.results-button-current {
    color: black;
}

input.results-button-hover, input.results-button-current-hover {
    color: blue;
}

input.results-button, input.results-button-hover {
    cursor: pointer;
    font-weight: normal;
}

input.results-button-current, input.results-button-current-hover {
    cursor: text;
    font-weight: bold;
}

input.command-bar {
    font-family: Verdana;
    font-size: 11px;
    background: url("/epen-webapp/images/command-bar-bg.gif") repeat-x !important;
    margin: 1px 1px 1px 1px;
    border: none;
    white-space: nowrap !important;
    color: black;
    padding-left: 4px;
    padding-right: 5px;
    padding-bottom: 3px;
    vertical-align: top;
    text-decoration: none;
}

input.command-bar:hover {
    margin: 0px 0px 0px 0px;
    background: white;
    border: 1px solid #5a543d;
}

/* Below Styles are generated based on FS*/
.FieldLabelVAlignTop {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.FieldLabel {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.FieldLabelRight {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: right;
}

.FieldLabelRightVAlignTop {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: right;
    vertical-align: top;
}

.FieldLabelOrange {
    margin-left: 10px;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #FF7700;
}

.CompactFieldLabel {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-weight: lighter;
}

.ScreenText {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.HoverText {
    font-size: 85%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.NewsfeedTitleText {
    font-size: 125%;
    font-family: Arial, Helvetica, sans-serif;
    color: #CC6600;
}

.NewsfeedContentText {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.DateHintText {
    font-size: 85%;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
}

.ScreenTextSpecialProminence {
    font-size: 115%;
    font-family: Arial, Helvetica, sans-serif;
    color: #CC6600;
    font-weight: bold;
}

.ColumnHeader {
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.ColumnHeaderDarkBlue {
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #004080;
    background: #004080 !important;
}

.ColumnHeaderOrange {
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #004080;
}

.ColumnHeaderSmall {
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.ColumnHeaderSmallDarkPurple .ui-dt-c {
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #773377;
    color: #ffffff;
}

.ColumnHeaderSmallLightPurple .ui-dt-c {
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #9999CC;
}

.ColumnHeaderSmallLBorder {
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: solid 0 black;
    border-left-color: black;
    border-left-width: 10px;
}

.ColumnHeaderSmallRBorder {
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: solid 0 black;
    border-right-color: black;
    border-right-width: 10px;
}

.ColumnHeaderReportletXAxis {
    font-size: 120%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #004080;
    color: #FFFFFF;
    text-align: center;
}

table.ReportletMatrix {

}

.ColumnHeaderReportletYAxis {
    font-size: 120%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #F8C088;
    color: #004080;
    text-align: center;
}

.TableData {
    font-size: 10pt
    font-family: Arial, Helvetica,
    sans-serif;
    color: #000000;
}

.TableDataBold {
    font-size: 10pt
    font-family: Arial, Helvetica,
    sans-serif;
    font-weight: bold;
    color: #000000;
}

.TableDataSmall {
    font-size: 90%
    font-family: Arial, Helvetica,
    sans-serif;
    color: #000000;
}

.TableDataLBorder {
    border-left-color: black;
    border-left-width: 10px;
}

.TableDataRBorder {
    border-left-color: black;
    border-left-width: 10px;
}

.sectionHeader {
    font-weight: bold;
    margin-bottom: 20px;
}

.AddNew_Link {
    font-size: 85%;
    font-family: Arial, Helvetica, sans-serif;
    color: #0000FF !important;
}

.WatermarkText {
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
    color: #808080;
}

.BackgroundScreenText {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #808080;
}

.BackgroundScreenTextItalics {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: italic;
    color: #808080;
}

.DarkBlueText {
    font-family: Arial, Helvetica, sans-serif;
    color: #004080;
}

.GoldText {
    font-family: Arial, Helvetica, sans-serif;
    color: #CC6600;
}

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
    margin: 3px;
    padding: 0px;
    border-left: solid 1px #CCC;
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #CCC;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
    font: bold 10pt
    background-color: #E5E2C5;
    border-bottom: solid 1px #CCC;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
    margin: 5px;
    padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
    color: black;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
    background-color: #E5E2C5;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */
.CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #E5E2C5;
    /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
    background-color: #D7D7FF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
    background-color: #E5873B;
}

.right {
    float: right;
}

.left {
    float: left;
}

.alignCenter {
    text-align: center;
}

.strong {
    font-weight: bold;
}

.smallFont {
    font-size: small;
}

.red {
    color: #CC0000 !important;
}

.blue {
    color: #0000FF !important;
}

.leftButton {
    float: left;
    padding: 0 0 0 0;
}

.rightButton {
    float: right;
    padding: 0 0 0 0;
}

.ui-datatable td {
    vertical-align: top;
}

.alignTableColumnTop {
    vertical-align: top;
}

.alignTableColumnTop td {
    vertical-align: top;
}

.itemQueueStyle {
    background: #F8C088 !important;
    font-weight: bold !important;
    border-radius: 0px !important;
    border: 1px hidden #fff !important;
}

.firstScorePointStyle, .ui-state-default .firstScorePointStyle {
    background: #F8C088;
}

.backReadScorePointStyle, .ui-state-default .backReadScorePointStyle {
    background: #004080;
}

.sectionData {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 120%;
    font-weight: bold;
    color: #000000;
}

.reportletTitleText {
    font-family: Geneva, Arial, Helvetica;
    font-size: 120%;
    color: #004080;
}

.reportletAxisTitleText {
    font-family: Geneva, Arial, Helvetica;
    font-size: 100%;
    font-weight: bold;
    color: #000000;
}

.invisibleEnter {
    height: 0;
    width: 0;
    border: 0;
    overflow: hidden;
}

.backreadAgreeMatrixStyle {
    background-color: #BBFFEE;
}

.backreadAdjMatrixStyle {
    background-color: #FFFFFF;
}

.noborder.ui-datatable table {
    border: 0 hidden;
    border-collapse: separate;
    margin: 0;
    padding: 0;
}

.noborder.ui-datatable table thead {
    display: none;
    margin: 0;
    padding: 0;
}

.noborder.ui-datatable tr {
    border: 0 transparent;
    background: transparent none;
    margin: 0;
    padding: 0;
}

.noborder.ui-datatable td {
    border: 0
    margin: 0;
    padding: 0;
}

.backgroundDeepRed {
    background-color: #FF5B5B !important;
}

.backgroundRed {
    background-color: #FF0000 !important;
}

.backgroundGreen {
    background-color: #008000 !important;
}

.backgroundOrange {
    background-color: #FFA500 !important;
}

.backgroundLightRed {
    background-color: #FFDFDF !important;
}

.LabelGraySmall {
    margin-left: 8px;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #82807f;
}

.LabelOrange {
    margin-left: 10px;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #FF7700;
}

.LabelBlack {
    margin-left: 10px;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.LabelRed {
    color: #ff4040;
}

.ui-state-hover-messaging {
    background: url("/PrimefacesTest/javax.faces.resource/themes/sam/images/sprite.png.jsf?ln=primefaces&v=2.2.1") repeat-x scroll left -1300px #BFDAFF
    border: 1px solid #D3D3D3;
    color: #212121;
    font-weight: normal;
}

.epen-green {
    background-color: #88C88C;
}

.prime-table-header {
    background-image: none !important;
    background-color: #326496;
}

.prime-table-headercell {
    color: white;
    font-weight: bold;
}

.reportStatsTraitScorePointNotUsed {
    background-color: #000000;
    color: #000000;
    text-align: center;
    opacity: 1.0;
}

.redZoneBGround {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #FFDFDF;
}

.redZoneBGroundBold {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    background-color: #FFDFDF;
}

.amberBGroundVAlign {
    vertical-align: middle;
    background-color: #FFE77E;
}

.redBGroundVAlign {
    vertical-align: middle;
    background-color: #FFD8D4;
}

.whiteBGroundVAlign {
    vertical-align: middle;
    background-color: #FFFFFF;
}

.anchorLink {
    noc text-decoration: underline;
    color: #22D;
}

.hide-column-names table thead tr {
    display: none;
}

.ScreenTextSpecialProminence2 {
    font-size: 115%;
    font-family: Arial, Helvetica, sans-serif;
    color: #008000;
    font-weight: bold;
}

.ui-column-filter.ui-widget.ui-state-default.ui-corner-left.responseColumnHeader {
    width: auto;
}

.preformatted {
    white-space: pre;
}

.purpleColoredPanel .ui-panel-titlebar {
    background-color: #773377;
    color: #ffffff;
}

.cc-ui-datatable-trait-column {
    width: 150px;
}

.ui-button-text-only .ui-button-text {
    padding: 4px 12px !important;
    line-height: 18px !important;
}

.fileupload-buttonbar .ui-button {
    margin-bottom: 0px;
}

.modal {
    z-index: 1002 !important;
}

.modal-backdrop {
    z-index: 1001 !important;
}

.ButtonText-sp-cc-blue .ui-button-text {
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top, #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
}

.borderless-panel .ui-panel {
    border: none;
    padding: 4px 10px;
}

.commentCodeMinMax .ui-button {
    height: 13px !important;
}

.cell-trait {
    width: 15px !important;
    text-align: center !important;
    cursor: pointer;
}

.ui-cell-editor-input input {
    margin-bottom: 0px;
}

.ui-selectonemenu {
    display: block !important;
}

.ui-spinner-input.ui-inputfield {
    padding-right: 25px;
    margin: 0px;
}

.ui-spinner-button {
    position: absolute;
    right: 0px;
    height: 14px !important;
}

.ui-spinner-button.ui-spinner-up {
    top: 0px;
}

.ui-spinner-button.ui-spinner-down {
    bottom: 0px;
}

span.legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

[class^="icon-"], [class*=" icon-"] {
    background-image: url('/epen-login/resources/public/js/libs/bootstrap/img/glyphicons-halflings.png') !important;
}

[class^="icon-white"], [class*=" icon-white"] {
    background-image: url('/epen-login/resources/public/js/libs/bootstrap/img/glyphicons-halflings-white.png') !important;
}

button.btn > span.ui-button-text {
    padding: 0px !important;
}

th .ui-button, td .ui-button, .ui-toolbar-group-left .ui-button {
    margin: 0px;
}

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
    margin-bottom: 0px;
    height: 25px;
}

.ui-datepicker-trigger.ui-button {
    height: 28px;
    margin-bottom: 9px;
}

ul.list-horizontal {
    display: block;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

ul.list-horizontal li {
    line-height: 1.5em;
    float: left;
    display: inline;
    width: 20%;
}

.label a {
    color: #fff !important;
}

/* Primefaces corrections */
.ui-datatable-header .btn, .ui-datatable-footer .btn {
    margin-right: 5px;
}

.ui-selectonemenu-panel {
    position: fixed !important;
}

.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td {
    border-color: #ddd;
}

thead .ui-datatable .ui-selection-column .ui-chkbox-all {
    display: inherit;
    margin: auto;
}

.ui-datatable .ui-chkbox-all {
    margin: inherit;
}

/* FORMS */
.label:empty {
    display: none;
}

.input-append input.span2 {
    width: 132px;
}

.form-horizontal .control-label.control-label-small {
    width: 50px !important;
    text-align: left;
}

.form-horizontal .controls.controls-small {
    margin-left: 60px;
}

/* Bootstrap corrections */
.input-append .add-on:last-child, .input-append .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0 !important;
    -moz-border-radius: 0 4px 4px 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

.input-prepend .add-on, .input-append .add-on, .input-prepend .btn,
.input-append .btn {
    margin-left: -5px !important;
}

.controls-row .control-group {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.controls-row .control-group:last-child {
    margin-right: 0px;
}

.text-error {
    color: #b94a48;
}

/* Primefaces-Bootstrap conversions */
.ui-dialog-footer {
    padding: 14px 15px 15px !important;
    margin-bottom: 0;
    text-align: right !important;
    background-color: #f5f5f5 !important;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.ui-dialog-footer button {
    margin: 0px;
}

small {
    font-size: 85%;
}

/* ePEN Bootstrap Adaptations */
.divider {
    color: #ccc;
    margin: 0px 5px;
}

thead th .ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
    width: 55px;
}

table .ui-selection-column .ui-chkbox, table .ui-chkbox .ui-chkbox-box {
    display: block;
    float: none;
}

.ui-datatable .ui-selection-column .ui-chkbox-all {
    display: inherit;
    margin: auto;
    width: auto;
    height: auto;
}

.ui-commandlink.btn, a.btn {
    color: #333;
    font-weight: normal
}

.ui-commandlink.btn-primary, .ui-commandlink.btn-info, .ui-commandlink.btn-success,
.ui-commandlink.btn-warning, .ui-commandlink.btn-danger,
.ui-commandlink.btn-inverse, .ui-widget-content a.btn-primary, a.btn.btn-primary,
.ui-widget-content a.btn-info, a.btn.btn-info, .ui-widget-content a.btn-success,
a.btn.btn-success, .ui-widget-content a.btn-warning, a.btn.btn-warning,
.ui-widget-content a.btn-danger, a.btn.btn-danger, .ui-widget-content a.btn-inverse,
a.btn.btn-inverse, .btn-primary, .btn-info, .btn-success, .btn-warning,
.btn-danger, .btn-inverse {
    color: #fff;
}

.ui-commandlink.btn.ui-state-disabled {
    color: #333;
    text-shadow: none;
}

.ui-commandlink.btn.ui-state-disabled:hover {
    color: #fff;
    text-shadow: none;
}

.ui-commandlink.btn.btn-primary.ui-state-disabled, .ui-commandlink.btn.btn-primary.ui-state-disabled:hover {
    background-color: #05c;
    color: #fff;
}

@media print {
    .no-print {
        display: none;
    }
}

.ui-selectoneradio, .uiselectoneradio * {
    display: inline-block;
    margin: 0px;
}

.without-selectall .ui-selectcheckboxmenu-header {
    display: none;
}

.ui-selectcheckboxmenu-header:before {
    content: "All";
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin-left: 11px;
}

.ui-datalist-content.ui-widget-content {
    border-style: hidden;
    margin-left: 25px;
}

.headerItem {
    margin-right: 20px;
    display: inline-block;
}

.ui-datepicker-trigger.ui-button {
    margin-bottom: 9px;
}

.ui-selectcheckboxmenu-label.ui-corner-all {
    margin: 0px;
}

.ui-selectcheckboxmenu-trigger.ui-state-default.ui-corner-right {
    position: absolute;
    top: -1px;
    right: -15px;
    border-radius: 0px 3px 3px 0px;
}

.rulerLabel {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

tr .btn {
    font-weight: normal;
}

.itemQueueStyle {
    border-radius: 0px;
}

.btn .ui-icon {
    display: inline-block;
    vertical-align: sub;
}

.sectionHeader {
    margin-bottom: 20px;
}

.ui-datatable {
    margin-bottom: 20px;
}

.ui-datatable-header.ui-widget-header.ui-corner-top {
    line-height: 30px;
}

input.hasDatepicker {
    margin-bottom: 0px !important;
}

a.ui-menuitem-link.ui-state-highlight {
    color: #fff;
}

button.ui-autocomplete-dropdown.ui-button.ui-widget.ui-state-default.ui-corner-right.ui-button-icon-only.ui-state-active {
    height: 28px;
}

button.ui-autocomplete-dropdown.ui-button.ui-widget.ui-state-default.ui-corner-right.ui-button-icon-only.ui-state-active {
    height: 28px;
}

td div.ui-datalist-content.ui-widget-content {
    background-color: transparent;
}

[id$=newsFeedTable] tr:nth-child(even) {
    background-color: #cbffcb;
}

[id$=newsFeedTable] tr:nth-child(odd) {
    background-color: #ffffff;
}

.hide-column-names table thead tr {
    display: none;
}

.label-black-bkg-50px,
.badge-black-bkg-50px {
    border: 0px;
    width: 50px;
    color: #ffffff;
    background-color: #000000;
}

.label-black-bkg-50px[href],
.badge-black-bkg-50px[href] {
    border: 0px;
    width: 50px;
    color: #ffffff;
    background-color: #000000;
}

.circle-black-bkg-50px {
    border: 0px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    background-color: #000000;
}

.circle-black-bkg-50px[href] {
    background: #000000;
    width: 50px;
    height: 50px;
    color: #ffffff;
    border-radius: 50%;
}

.jqplot-base-canvas {
    border: none;
}

.jqplot-grid-canvas {
    border: none;
}

.jqplot-series-canvas {
    border: none;
}

.jqplot-shadow-canvas {
    border: none;
}

.jqplot-axis,
.jqplot-xaxis,
.jqplot-axis.jqplot-xaxis,
.jqplot-xaxis-tick,
.jqplot-yaxis,
.jqplot-axis.jqplot-yaxis,
.jqplot-yaxis-tick {
    border: none;
}

.ui-progressbar .ui-widget-header {
    background: aqua !important;
}

.without-selectall .ui-selectcheckboxmenu-header .ui-chkbox {
    display: none;
}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    outline: none;
}

.retireAssignmentGrid.ui-panelgrid > * > tr,
.retireAssignmentGrid.ui-panelgrid > * > tr > td {
    border: none;
}

.excludeNoEstimatedResponses {
    margin-left: -650px;
}