@CHARSET
"ISO-8859-1"
;
@media print {
    .edit-button {
        display: none;
    }
}

@media screen {
    body {
        font-size: small;
        font-family: "Trebuchet MS", sans-serif;
    }

    #main-container {
        padding: 5px;
        background: #fff;
        /*overflow: auto;*/
        position: relative;
    }

    #cust-container {
        background: #fff;
        /*width: 950px;*/
        width: 95%;
        margin: 0 auto;
        /*overflow: auto;*/
        position: relative;
    }

    #cust-header {
        clear: both;
        height: 50px;
        width: 100%;
        overflow: auto;
    }

    #cust-left {
        clear: both;
        /*float: left;*/
        /*width: 705px;*/
        padding: 5px 5px 5px 0px;
        background: #fff;
        overflow: auto;
    }

    #cust-right {
        float: left;
        width: 200px;
        overflow: auto;
    }

    .advanced-user {
        display: none;
    }

    .admin-only {
        display: none;
    }

    .pageTitle {
        background: #0000cc;
        padding: 5px;
        color: #CCCCCC;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .page {
        padding: 5px;
        margin-bottom: 10px;
    }

    .btnSmall {
        font-size: 100%;
    }

    .pointer {
        cursor: pointer;
    }

    .clear {
        clear: both;
    }

    .right {
        float: right;
    }

    .left {
        float: left;
    }

    .inline {
        display: inline;
    }

    .icons {
        cursor: pointer;
        padding: 4px 0;
        width: 24px;
        position: relative;
        margin: 2px;

    }

    .icons span.ui-icon {
        /*
            float:left;
        */
        margin: 0 4px;
    }

    .no-display {
        display: none;
    }

    .rubric-container {
        padding: 4px;
        position: relative;
    }

    .rubric-list-tab {
        min-height: 300px;
        max-height: 500px;
        overflow: scroll;
    }

    .rubric-list-tab li {
        margin-bottom: 4px;
    }

    #rubric-item-area {
        overflow: auto;
    }

    #rubric-area, #matrix-area {
        padding: 4px;
        border: none;
    }

    .rubric-choice-view, .rubric-choice-edit {
        padding: 4px; /*width: 100%;*/
    }

    .rubric-choice {
        position: relative;
        margin: 2px 0;
        overflow: auto; /*background: #ff0000;*/
    }

    #rubric-list-modal-content {
        height: 600px;
    }

    .rubric-view-detail {
        padding: 4px 4px;
    }

    .rd-rl-use-li {
        cursor: pointer;
        margin: 2px 0;
    }

    .coach-item-li {
        cursor: pointer;
        margin: 2px 0;
    }

    .tool-tip-content div {
        margin: 2px 0;
        overflow: auto;
    }

    .rubric-view-link:link, .rubric-view-link:visited, .rubric-view-link:active, .rubric-view-link:hover {
        text-decoration: underline;
        color: inherit;
    }

    .rubric-view-link:hover {
        color: #a46313;
    }

    .q-edit-local-link-wrapper {
        font-size: 100%;
        margin-top: 5px;
    }

    .q-edit-local-link-wrapper a:link, .q-edit-local-link-wrapper a:visited {
        color: #777;
    }

    .q-edit-local-link-wrapper a:hover {
        color: #000;
    }

    .rubric-add-wrapper {
        font-size: 100%;
        margin-top: 5px;
    }

    .rubric-add-wrapper a:link, .rubric-add-wrapper a:visited {
        color: #777;
    }

    .rubric-add-wrapper a:hover {
        color: #000;
    }

    .matrix-add-wrapper {
        font-size: 100%;
        margin-top: 5px;
    }

    .matrix-add-wrapper a:link, .matrix-add-wrapper a:visited {
        color: #777;
    }

    .matrix-add-wrapper a:hover {
        color: #000;
    }

    .matrix-container {
        padding: 10px;
        clear: both;
        position: relative;
    }

    .matrix-header-span {
        font-size: 100%;
    }

    .matrix-item-view {
        padding: 4px;
    }

    .matrix-item {
        position: relative;
        margin: 2px 0;
    }

    #q-edit-container {
/*
        width: 695px;
        height: 500px;
        overflow: auto;
*/
        position: relative;
        background: #fff;
        padding: 0;
    }

    .question-wrapper {
        border: 1px solid #ccc;
        background: #fff;
        margin: 5px 0;
        padding: 10px;
    }

    .q-btn-container {
        width: 100%;
        text-align: center;
    }

    .pt-view {
        font-size: 1.5em;
    }

    .page-title-box {
        padding: 5px;
        color: #CCCCCC;
        font-weight: bold;
        margin-bottom: 5px;
        cursor: pointer;
    }

    #surveyContainer {
        clear: both;
        padding: 5px;
        /*width: 700px;*/
        float: left;
    }

    #survey-sidebar-container {
        width: 200px;
        float: right;
        display: inline; /* margin: 0 -200px 0 0;*/
        z-index: 0;
    }

    #mainContainer {
        float: left;
        min-width: 950px;
        border: 1px solid #666;
        padding: 4px;

    }

    #customizeArea {
        clear: both;
        float: left;
    }

    .title {
        font-weight: bold;
    }

    .propertyHead {
        font-weight: bold;
        text-decoration: underline;
    }

    .propertyValue {
        margin-left: 15px;
    }

    .fauxEditBox {
        padding: 4px;
        width: 300px;
        height: 100px;
        color: #999;
        border: 1px solid #e0e0e0;
        overflow: auto;
    }

    .dataLine {
        margin: 5px 0 5px 0;
    }

    .buttons {
        float: right;
    }

    .page-intro-box, .splash-box, .confirm-box {
        border: 1px solid #ccc;
        background: #fff;
        margin-top: 10px;
        padding: 10px;
        clear: both;
    }

    .page-intro {
    }

    #explain {
        clear: both;
        background: #fff;
        border: 1px solid #000000;
        padding: 4px;
        margin-left: 5px;
    }

    .survey-elements-data-pad {
        padding: 15px 2px 0 0;
    }

    #page-block-container {
        padding: 2px;
        border: 1px solid #ccc;
        overflow: auto;
        text-align: center;
        margin-bottom: 10px;
    }

    .page-menu-name {
        width: 140px;
        overlow: hidden;
    }

    .coach-group-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .coach-group-list li {
        margin: 5px 5px 5px 0;
        padding: 1px;
        float: left;
        width: 160px;
        height: 25px;
        font-size: 1em;
        text-align: center;
        overflow: hidden;
        cursor: pointer;
    }

    #page-menu-wrapper {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #page-menu-wrapper li {
        margin: 5px 5px 5px 0;
        padding: 1px;
        float: left;
        width: 172px;
        height: 25px;
        font-size: 1em;
        text-align: center;
        overflow: hidden;
        cursor: pointer;
    }

    .page-menu-handle {
    }

    .move-handle {
        cursor: move;
    }

    .q-move-handle {
        position: relative;
        top: -10px;
        left: -10px;
    }

    #page-add {
        cursor: pointer;
    }

    .pad {
        background: #ffdd88;
        border: 1px solid #333;
        padding: 4px;
    }

    .rubric-weight-wrapper {
        position: absolute;
        border: 2px outset #e0e0e0;
        background: #fff;
        padding: 4px;
        display: none;
    }

    #menu-header {
        padding-bottom: 8px;
    }

    .sidebar-menu-header {
        font-size: 100%;
        cursor: pointer;
    }

    .active-menu {
        background: #ffdd88;
    }

    .add-form-element-block {
        cursor: pointer;
        position: relative;
        background-color: #fff;
        padding: 2px;
        margin: 6px 0 6px 0;
        border: 1px solid #ffcc00;
    }

    .page-block {

    }

    .sel-page {
        background: #ffcc00;
        border: 1px solid #333;
    }

    .qSortHandleWrapper {
        float: left;
        background: #fff;
        width: 24px;
        height: 24px;
        cursor: move;
    }

    .page-block {
        margin-top: 5px;
    }

    .ffname {
        font-size: 100%;
    }

    .ffdesc {
        font-size: 100%;
    }

    .nqt-name {
        font-size: 100%;
    }

    .nqt-desc {
        font-size: 100%;
    }

    .matrix-rubric-value {
        cursor: pointer;
    }

    .matrix-rubric-container {
        background: #ccc;
        border: 1px dashed #bbb;
        margin-bottom: 4px;
    }

    .question-edit-off {
    }

    .question-edit-on {
        background: #eee;
    }

    #q-container {
        clear: both;
    }

    .q-rubric-edit {

    }

    .q-matrix-edit {

    }

    .rubric-choice-hover {
        background: #ccc;
    }

    .matrix-item-hover {
        background: #ccc;
    }

    .edit-button {
        font-size: 100%;
        cursor: pointer;
    }

    #more-info-value {
        margin-right: 4px;
    }

    .modal-container {
        display: none;
        width: auto;
        height: auto;
        position: fixed;
        top: 150px;
        left: 200px;
        background-color: #fff;
        border: 2px outset #e0e0e0;
        padding: 4px;
    }

    #tinymce-modal, #mass-rubric-modal, #mass-matrix-modal, #rubric-weight-modal, #rubric-hold-modal, #survey-reg-modal, #rubric-list-modal, #new-q-type-modal, #coach-modal, #login-modal,
    #coach-group-modal, #who-modal, #indiv-results-modal {
        z-index: 5000;
    }

    #rubric-view-modal, #msg-modal {
        z-index: 6000;
    }

    #msg-modal {
    /* contains + positions the alert window */
        display: none;

        position: fixed;
        top: 17%;
        margin-right: auto;
        margin-left: auto;
    }

    /* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
    * html #msg-modal {
        position: absolute;
        top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
    }

    .curvy-container {
        margin: 0 auto;
        border: 0;
        padding: 32px;
    }

    .jqm-close {
        background: #FFDD00;
        border: 1px solid #FFDD00;
        color: #000;
        clear: right;
        float: right;
        padding: 0 5px;
        cursor: pointer;
    }

    .jqm-close:hover {
        background: #FFF;
    }

    #jqm-content {
        width: 99%;
        height: 99%;
        display: block;
        clear: both;
        margin: auto;
        margin-top: 10px;
        background: #111;
        border: 1px dotted #444;
    }

    .jqmWindow {
        display: none;

        position: absolute;
        top: 5%;
        left: 50%; /*margin-left: -300px;*/
        width: auto;
        height: auto;

        background-color: #eee;
        color: #333;
        border: 2px solid #000;
        padding: 2px;
    }

    .jqmOverlay {
        background-color: #888;
        padding: 0;
        margin: 0;
    }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
    * iframe.jqm {
        position: absolute;
        top: 0;
        left: 0;
        width: expression( this.parentNode.offsetWidth + 'px' );
        height: expression( this.parentNode.offsetHeight + 'px' );
    }

    /* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
    * html .jqmWindow {
        position: absolute;
        top: expression((document.documentElement.scrollTop || document.body.scrollTop ) + Math.round( 5 *( document.documentElement.offsetHeight || document.body.clientHeight ) / 100 ) + 'px' );
    }

    .modal-control {
        float: right;
    }

    .more-info-hdn {
        display: none;
    }

    .q-more-info-display {
        position: absolute;
        z-index: 1000;
        top: 20px;
        left: 20px;
        font-size: 100%;
        color: #383737;
        width: 400px;
        padding: 4px;
        background-color: #FFE8DA;
        border: 1px solid #336;
    }

    #tooltip {
        position: absolute;
        z-index: 10000;
        border: 1px solid #111;
        background-color: #eee;
        padding: 5px;
        opacity: 0.95;
    }

    #tooltip h3, #tooltip div {
        font: normal normal normal 10px Verdana, Arial, sans-serif;
        color: #333;
        margin: 0;
    }

    .sp-overlay {
        background-color: #fff;
    }

    .sp-window {
    /*background: #888888 url(modal_bckgrn.gif) left top repeat-x;*/
        background: #eee;
        position: absolute;
        color: #000;
        border: 2px solid #000;
        padding: 0 0 50px;
        display: none;
    }

    button.sp-close {
        background: none;
        border: 0 solid #EAEAEB;
        color: #000;
        clear: right;
        float: right;
        padding: 0;
        margin-top: 5px;
        margin-left: 5px;
        cursor: pointer;
        font-size: 100%;

        letter-spacing: 1px;
    }

    button.sp-close:hover, button.sp-close:active {
        color: #FFF;
        border: 0 solid #FFF;
    }

    #sp-title {
        background: transparent;
        color: black;
        text-transform: capitalize;
        height: 50px;
        padding: 0 5px 0 10px;

    }

    #sp-content {
        width: 100%;
        height: 100%;
        display: block;
        clear: both;
        margin: 0;
        margin-top: 0;
        background: #e8e8e8;
        border: 1px solid #888888;
    }

    .eip {

    }

    .eip-text {
        font-size: 1.0em;
    }

    .eip .eip-text {
        border: none;
        padding-left: 2px;
    }

    .eip-wrap {
        border: 1px dotted #bbb;
        padding-left: 1px; /*min-width:500px;*/
        /*
            background-color:#fff;
        */
    }

    .eip-edit .eip-wrap {
        padding: 0;
    }

    .eip-wrap:hover {
        border: 1px dashed #bbb;
        padding-left: 1px;
        cursor: pointer
    }

    .eip-edit .eip-wrap {
        border: 1px solid #bbb;
        padding-left: 1px;
        cursor: text;
    }

    .inst-search-container {
        position: relative;
        border: none;

    }

    .client-survey-container {
        position: relative; /*border: 1px solid #999;*/
        margin-top: 10px;
        padding: 5px;
    }

    .inst-search-result-box, .inst-keyword-result-box {
        display: none;
        background: #fff;
        border: 1px solid #ccc;
        height: auto;
        max-height: 250px;
        width: auto;
        max-width: 400px;
        min-width: 399px;
        overflow: auto;
        font-size: 100%;
        font-weight: normal;
        z-index: 100;
        position: absolute;
    }

    .inst-search-item {
        margin: 4px;
        color: #000;
    }

    .inst-search-item-type-dist {
        background:  #ffffcc
    }

    .inst-search-item-type-single {
    }

    .inst-search-item-hover {
        color: #fff;
        background: #777;
        cursor: pointer;
    }

    .survey-detail-area, .survey-select-area {
        height: auto;
        width: 600px;
        margin-top: 10px;
    }

    .rollover-content {
        display: none;
    }

}