.academy-header {
    background-color: #1e222c;
    border-bottom: solid 1px #dddddd;
    padding: 10px 0px;
    width: 100%;
}

.academy-nav-pills {
    background-color: #ffffff;
    border-radius: 2px;
    padding: 10px 0px;
}

    .academy-nav-pills > li > div {
        color: #1e222c;
        display: inline-block;
        padding: 2px 4px;
    }

    .academy-nav-pills > li.active > div {
        background-color: #2d384f;
        color: #f3f5fc;
    }

.academy-news-article-heading {
    border-bottom: solid 2px #1e222c;
    color: #1e222c;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 5px;
}

.academy-news-article-heading-sub {
    color: #999999;
    padding: 3px 0px;
}

.academy-news-articles {
    border: solid 5px #dddddd;
    font-size: 0.8em;
    margin: 0px 0px 10px 5px;
}

.academy-news-articles-active {
    border: solid 5px #2d384f;
    margin-bottom: 10px;
}

.academy-news-feed {
    background-color: #2d384f;
    max-height: 100%;
    overflow: auto;
}

.academy-news-feed-header {
    color: #f3f5fc;
    font-size: 0.8em;
    font-weight: bold;
}

.academy-news-feed-title {
    display: block;
    font-size: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.academy-news-media-preview {
    width: 100%;
}

.academy-table {
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
    vertical-align: top;
    width: 100%;
}

.admin-config-logo-player {
    max-height: 52px;
    max-width: 167px;
}

.admin-config-preview-logo-back {
    display: inline-block;
    margin: 10px 0px;
}

    .admin-config-preview-logo-back > .dark {
        background-color: #1e222c;
        padding: 10px;
    }

    .admin-config-preview-logo-back > div {
        border: solid 1px #1e222c;
        border-radius: 4px;
        height: 55px;
        overflow: hidden;
    }

.admin-config-logo-admin, .admin-config-logo-player {
    max-height: 35px;
    max-width: 200px;
}

.admin-config-logo-user {
    max-height: 35px;
    max-width: 200px;
}

.admin-site-config-activities {
    margin: 3px 0px 0px;
    max-width: 350px;
}

    .admin-site-config-activities input {
        border: 0px !important;
        margin: 4px 0px 0px !important;
        padding: 0px !important;
        width: auto !important;
    }

    .admin-site-config-activities td {
        border: solid 1px #a9a9a9;
        padding: 5px 10px;
    }

    .admin-site-config-activities tr {
        vertical-align: middle !important;
    }

        .admin-site-config-activities tr > td:last-child {
            text-align: center;
        }


.admin-site-config-color-picker {
    margin-bottom: 10px;
}

.admin-site-config-color-picker-btn {
    background-color: #dddddd;
    border-radius: 1px;
    font-size: 0.9em;
    margin: 0px 0px 5px;
    padding: 2px 4px;
}

.admin-site-config-colors {
    margin-bottom: 30px;
}

.admin-site-config-file-input {
    border: solid 1px #a9a9a9;
    display: none;
    padding: 7px;
    overflow: hidden;
    white-space: nowrap;
}


.admin-site-config-file-input-name {
    display: inline-block;
    vertical-align: middle;
}

.admin-site-config-logo-options {
    margin-top: 10px;
}

.admin-site-config-preview-body {
    background-color: #f3f5fc;
    padding-top: 10px;
}

.admin-site-config-preview {
    border: solid 1px #dddddd;
    border-radius: 5px;
    cursor: default;
    overflow: hidden;
}

.admin-site-config-preview-activity-link {
    display: inline-block;
    text-decoration: underline;
}

.admin-site-config-preview-badge {
    background-color: #f23250;
    font-size: 0.6em;
    padding: 2px 4px;
    position: absolute;
    right: 1px;
    top: 10px;
}

.admin-site-config-preview-highlight {
    background-color: #e9bf2f;
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
}

    .admin-site-config-preview-highlight:hover {
        opacity: 0.3;
    }

.admin-site-config-preview-link {
    color: #337ab7;
    text-decoration: underline;
}

.admin-site-config-preview-logo {
    max-height: 20px;
    max-width: 100px;
}

.admin-site-config-preview-logo-sub {
    color: #fafafa;
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 20px;
    margin-top: 4px;
    vertical-align: top;
}

.admin-site-config-preview-nav-btn {
    border: solid 2px #1e222c;
    border-radius: 3px;
    color: #1e222c;
    display: inline-block;
    line-height: initial;
    padding: 3px 5px;
    position: relative;
    vertical-align: bottom;
}

.admin-site-config-preview-nav-btn-active {
    background-color: #1e222c;
    border: solid 2px #1e222c;
    border-radius: 3px;
    color: #f3f5fc;
    display: inline-block;
    line-height: initial;
    padding: 3px 5px;
    position: relative;
    vertical-align: bottom;
}

.admin-site-config-preview-nav-user {
    color: #fafafa;
    float: right;
    margin: 6px 0px 0px;
}

.admin-site-config-preview-notification {
    background-color: #00aad3;
    border-radius: 3px;
    color: #f3f5fc;
    padding: 3px 3px 7px;
    margin: 10px 0px 0px;
}

.admin-site-config-preview-notification-expand {
    background-color: #1e222c;
    border: solid 2px #00aad3;
    border-radius: 20px;
    bottom: -8px;
    color: #f3f5fc;
    display: inline-block;
    font-size: 0.8em;
    left: 50%;
    margin: 0px 0px 0px -17px;
    padding: 3px 10px;
    position: absolute;
    line-height: 10px;
}

.admin-site-config-preview-notification-row {
    border-bottom: solid 1px #dddddd;
    padding: 3px 5px;
}

.admin-site-config-preview-notification-table {
    background-color: #f3f5fc;
    border: solid 1px #dddddd;
    border-radius: 1px;
    color: #333333;
    font-size: 0.8em;
    margin: 0px 0px 0px 5px;
    max-height: 175px;
    overflow: hidden;
    position: relative;
}

.admin-site-config-preview-reset {
    color: #aaaaaa;
    font-size: 0.8em;
    font-weight: bold;
    margin: -4px 0px 5px;
}

.admin-site-config-preview-sign-out {
    color: #aaaaaa;
    text-transform: lowercase;
}

.admin-site-config-preview-user {
    display: inline-block;
}

.dashboard_Chart {
    display: inline-block;
    margin: 5px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

    .dashboard_Chart:hover {
        z-index: 1;
    }

.dashboard_ControlCondenseWidget, .dashboard_ControlExpandWidget, .dashboard_ControlDropDown, .dashboard_ControlKillWidget {
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: solid 1px #202020;
    border-left: solid 1px #4f4f4f;
    border-right: solid 1px #2f2f2f;
    border-top: solid 1px #4f4f4f;
    border-radius: 3px;
    display: inline-block;
    filter: alpha(opacity=30);
    float: right;
    font-size: 0.7em;
    height: 18px;
    margin: -1px 3px 0px;
    opacity: 0.3;
    vertical-align: middle;
    width: 18px;
}

.dashboard_ControlCondenseWidget {
    background-image: url('../../images/dashboard_condense_widget.png');
}

.dashboard_ControlDropDown {
    background-image: url('../../images/dashboard_dropdown.png');
}

.dashboard_ControlExpandWidget {
    background-image: url('../../images/dashboard_expand_widget.png');
}

.dashboard_ControlKillWidget {
    background-image: url('../../images/dashboard_kill_widget.png');
}

    .dashboard_ControlCondenseWidget:hover, .dashboard_ControlExpandWidget:hover, .dashboard_ControlDropDown:hover, .dashboard_ControlKillWidget:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }

.dashboard_DropDown {
    background-color: #333333;
    border-bottom: solid 1px #000000;
    border-radius: 0px 0px 5px 5px;
    color: #ffffff;
    display: none;
    font-size: 0.8em;
    height: 0px;
    margin: -10px 0px 0px;
    overflow: hidden;
    padding: 10px 0px 0px;
    position: relative;
    text-align: left;
    z-index: 10;
}

.dashboard_DropDownRow {
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    cursor: default;
    padding: 0px 5px;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

    .dashboard_DropDownRow:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .dashboard_DropDownRow a:link, .dashboard_DropDownRow a:visited {
        color: #ffffff;
        cursor: default;
        display: block;
        text-decoration: none;
    }

    .dashboard_DropDownRow a:hover, .dashboard_DropDownRow a:active {
        color: #ffffff;
    }

#dashboard_ExpandAnimation {
    border: solid 2px #dddddd;
    border-radius: 10px;
    display: none;
    position: absolute;
    z-index: 15;
}

.dashboard_ExpandedGraph {
    display: inline-block;
    margin: 5px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.dashboard_GaugePercentSymbol {
    font-size: 0.5em;
}

.dashboard_GaugeValue {
    color: #ffffff;
    font-size: 4.5em;
    font-weight: bold;
    position: absolute;
    z-index: 2;
}

.dashboard_GaugeTrainingStatus {
    font-size: 0.25em;
    margin: -8px 0px 0px;
    text-transform: uppercase;
}

.dashboard_GraphHeader {
    background-color: #333333;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    color: #ffffff;
    cursor: default;
    margin: 0px 8px 0px 0px;
    padding: 10px;
    text-align: left;
}

.dashboard_GraphTitle {
    display: inline-block;
    font-family: Verdana;
    font-size: 0.9em;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.dashboard_GridHeader {
    font-size: 0.9em;
    font-weight: bold;
    padding: 5px 0px 2px 5px;
    text-align: left;
}

.dashboard_LayoutDropper {
    background-image: url('../images/transparent.gif');
    display: none;
    position: absolute;
    z-index: 20;
}

.dashboard_LayoutDropperHeader {
    background-color: #333333;
    border-radius: 5px 5px 0px 0px;
    color: #ffffff;
    padding: 5px;
}

.dashboard_LayoutDropperHighlight {
    background-color: #e9bf2f;
    border-radius: 5px;
    display: none;
    filter: alpha(opacity=30);
    opacity: 0.3;
    position: absolute;
    z-index: 5;
}

.dashboard_LayoutDropZone {
    border-radius: 5px;
    float: left;
    margin: 0px 0px 2px;
}

.dashboard_LayoutDropZoneInner {
    background-color: #676767;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 8px;
    height: 99%;
    margin: 0px 2px 0px 2px;
}

.dashboard_LayoutPreview {
    display: inline-block;
    height: 420px;
    width: 100%;
}

.dashboard_LayoutPreviewSection {
    display: inline-block;
    float: left;
}

.dashboard_LayoutPreviewSectionInner {
    background-color: #dddddd;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: solid 1px #aaaaaa;
    border-left: solid 1px #777777;
    border-right: solid 1px #aaaaaa;
    border-top: solid 1px #777777;
    border-radius: 10px;
    margin: 13px 5px 10px;
    height: 95%;
}

.dashboard_LayoutPreviewSectionHeader {
    background-color: #333333;
    border-radius: 8px 8px 0px 0px;
    color: #ffffff;
    padding: 5px;
}

.dashboard_Layouts {
    background-color: #dddddd;
    border-bottom: solid 1px #bebebe;
    border-radius: 5px;
    border-top: solid 1px #bebebe;
    margin: 10px 0px;
    overflow-x: auto;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
}

.dashboard_LayoutTemplate {
    cursor: pointer;
    display: inline-block;
    height: 80px;
    margin-right: 10px;
    width: 100px;
}

    .dashboard_LayoutTemplate:hover {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

.dashboard_LayoutTemplateSection {
    float: left;
    margin: 0px 0px 1px 0px;
}

.dashboard_LayoutTemplateSelected {
    cursor: default;
    display: inline-block;
    height: 80px;
    margin-right: 10px;
    width: 100px;
}

    .dashboard_LayoutTemplateSelected .dashboard_LayoutTemplateSection .dashboard_LayoutTemplateSectionInner {
        background-color: #247b97;
    }

.dashboard_LayoutTemplateSectionInner {
    background-color: #777777;
    border-radius: 3px;
    height: 100%;
    margin: 0px 0px 0px 1px;
}

.dashboard_NoData {
    color: #c60c30;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-70%);
}

#dashboard_Palette {
    min-height: 500px;
    min-width: 780px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.dashboard_PublishedGraph {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background-color: #dddddd;
    background-position: 138px center;
    background-repeat: no-repeat;
    background-size: 60px;
    border-bottom: solid 1px #777777;
    border-left: solid 1px #bebebe;
    border-right: solid 1px #777777;
    border-top: solid 1px #bebebe;
    border-radius: 3px;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    font-weight: bold;
    height: 45px;
    overflow: hidden;
    padding: 5px;
    user-select: none;
    width: 186px;
}

    .dashboard_PublishedGraph:hover {
        background-color: #eeeeee;
    }

.dashboard_PublishedGraphBlank {
    border: solid 1px transparent;
    height: 45px;
    padding: 5px;
    width: 186px;
}

.dashboard_ReportTypeDescription {
    border-spacing: 0px;
    cursor: default;
    font-size: 0.9em;
    min-height: 35px;
    padding: 5px 0px 0px 10px;
    table-layout: fixed;
    width: 100%;
}

    .dashboard_ReportTypeDescription td {
        vertical-align: top;
    }

.dashboard_SelectChart {
    background-color: #eeeeee;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-radius: 10px;
    box-shadow: 1px 1px 0px rgba(0,0,0,0.3);
    display: inline-block;
    height: 50px;
    margin: 5px 3px 0px;
    vertical-align: top;
    width: 50px;
}

    .dashboard_SelectChart:hover {
        background-color: #ffffff;
    }

.dashboard_SelectChartSelected {
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%;
    border: solid 2px #247b97;
    border-radius: 10px;
    box-shadow: 1px 1px 0px rgba(0,0,0,0.3);
    display: inline-block;
    height: 50px;
    margin: 3px 1px 0px;
    width: 50px;
}

.dashboard_SelectChartType {
    background-color: #dddddd;
    border: solid 1px #aaaaaa;
    border-radius: 5px;
    height: 60px;
    margin: 2px 0px 0px;
    text-align: center;
}

.dashboard_SettingsHr {
    background-color: #bebebe;
    border: 0px;
    height: 1px;
    margin: 20px 10px 18px;
}

.dashboard_Widget {
    display: inline-block;
    float: left;
    text-align: center;
}

.dashboard_WrapExpandedGraph {
    background-color: #dddddd;
    background-image: url('../../images/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    border: solid 1px #bebebe;
    border-radius: 10px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    display: none;
    left: 9px;
    min-height: 490px;
    min-width: 771px;
    position: absolute;
    top: 9px;
    z-index: 30;
}

.dashboard_WrapDropDown {
    float: right;
    height: 0px;
    margin: 0px 10px 0px 0px;
}

.dashboard_WrapGraph {
    background-color: #ffffff;
    border-bottom: solid 1px #b3b9ab;
    border-left: solid 1px #b3b9ab;
    border-right: solid 1px #b3b9ab;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor: default;
    display: inline-block;
    margin: 0px 10px 10px 0px;
}

.dashboard_WrapGraphPreview .dashboard_Chart {
    height: 300px;
    text-align: center;
    top: 0px;
    transform: translateY(0%) !important;
    width: 100%;
}

.dashboard_WrapGraphPreview .dashboard_GaugeValue {
    font-size: 7em;
    text-align: center;
    top: 34%;
    width: 100%;
}

.dashboard_WrapGridData {
    background-color: #dddddd;
    border-radius: 10px;
    padding: 3px;
    color: #333333;
}

.dashboard_WrapLayoutDragAndDrop {
    height: 400px;
}

.dashboard_WrapLayoutDropArea {
    background-color: #999;
    border-radius: 5px;
    height: 358px;
    left: 228px;
    padding: 5px;
    position: absolute;
    width: 495px;
}

.dashboard_WrapLayoutPublishedGraphs {
    background-color: #999999;
    border-radius: 5px;
    position: absolute;
    width: 204px;
}

.lp_AddCourse, .lp_AddFolder, .lp_ForceOrder {
    cursor: pointer;
    display: inline-block;
    float: right;
    margin: -4px 5px -4px 0px;
    position: relative;
    z-index: 1;
}

.lp_AddCourse {
    margin-right: 20px;
}

.lp_AddCourseText, .lp_AddFolderText, .lp_ForceOrderText_Off, .lp_ForceOrderText_On, .lp_ForceOrderText_Off_ReadOnly, .lp_ForceOrderText_On_ReadOnly {
    background-image: url('../../images/learningProgram_AddEditSprites.png');
    background-repeat: no-repeat;
    border-radius: 5px;
    box-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    color: #ffffff;
    display: inline-block;
    font-size: 2.6em;
    font-weight: bold;
    height: 35px;
    vertical-align: middle;
    text-align: center;
    width: 35px;
}

.lp_AddCourseText {
    background-color: #bbd25e;
    background-position: 0px 55px;
}

.lp_AddFolderText {
    background-color: #e9bf2f;
    background-position: 0px -1px;
}

.lp_bullet {
    background-color: #6f6f6f;
    border-radius: 4px;
    display: inline-block;
    height: 8px;
    margin: 0px 0px 1px;
    width: 8px;
}

.lp_CourseList {
    background-color: #eeeeee;
    border-collapse: collapse;
    border-radius: 10px;
    border-spacing: 0px;
    table-layout: fixed;
    width: 100%;
}

.lp_CourseListHeader {
    cursor: default;
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px 10px;
}

.lp_Courses {
    background-color: #ffffff;
    border-radius: 0px 0px 10px 10px;
    margin: 0px 10px 10px;
    min-height: 126px;
    padding: 20px 10px;
}

.lp_Delete {
    color: #aaaaaa;
    cursor: pointer;
    font-weight: bold;
    margin: 5px 0px;
    text-align: center;
}

    .lp_Delete:hover {
        color: #c60c30;
    }

.lp_DragFolder {
    background-position: center -540px;
}

#lp_DragIcon {
    background-image: url('../../images/learningProgram_AddEditSprites.png');
    background-repeat: no-repeat;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    display: none;
    height: 55px;
    position: absolute;
    width: 55px;
    z-index: 10;
}

.lp_DragModule {
    background-position: center -454px;
}

.lp_DropZone {
    height: 31px;
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 15;
}

.lp_DropZoneHighlight {
    background-color: yellow;
    height: 5px;
    opacity: 0.5;
    margin: -2px 0px 0px;
    position: relative;
    visibility: hidden;
}

.lp_DropZoneHighlightArea {
    height: 31px;
    left: 0px;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 5;
}

.lp_FolderAddModule, .lp_FolderEdit, .lp_FolderForceOrder {
    cursor: pointer;
    display: inline-block;
    float: right;
}

.lp_FolderAddModuleText, .lp_FolderEditText, .lp_FolderForceOrderText_Off, .lp_FolderForceOrderText_On {
    background-image: url('../../images/learningProgram_AddEditSprites.png');
    background-repeat: no-repeat;
    border-radius: 2px;
    box-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    color: #ffffff;
    display: inline-block;
    font-size: 1.6em;
    font-weight: bold;
    height: 20px;
    margin: 3px 5px 0px 0px;
    vertical-align: middle;
    text-align: center;
    width: 20px;
}

.lp_FolderAddModuleText {
    background-color: #bbd25e;
    background-position: 0px 55px;
}

.lp_FolderEditText {
    background-color: #e9bf2f;
    background-position: 3px -392px;
}

.lp_FolderForceOrderReadOnly {
    cursor: default;
    display: inline-block;
    float: right;
}

.lp_FolderForceOrderText_Off {
    background-color: #cccccc;
    background-position: 1px -260px;
}

.lp_FolderForceOrderText_On {
    background-color: #247b97;
    background-position: 1px -260px;
}

.lp_FolderCondensed, .lp_FolderExpanded {
    background-image: url('../../images/learningProgram_AddEditSprites.png');
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 6px 0px 0px;
    vertical-align: middle;
    text-align: center;
    width: 15px;
}

.lp_FolderCondensed {
    background-position: 0px -305px;
}

.lp_FolderExpanded {
    background-position: 0px -350px;
}

.lp_FolderContent {
    background-color: #fafafa;
    padding: 0px;
    position: relative;
}

#lp_FolderNameIcon, #lp_FolderRulesIcon {
    background-image: url('../../images/learningProgram_AddEditSprites.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    margin: 0px 0px 4px;
    vertical-align: middle;
    text-align: center;
    width: 25px;
}

#lp_FolderNameIcon {
    background-position: 0px -395px;
}

#lp_FolderRulesIcon {
    background-color: #247b97;
    background-position: 3px -258px;
    border-radius: 3px;
}

.lp_ForceOrderReadOnly {
    cursor: default;
    display: inline-block;
    float: right;
    margin: -4px 5px -4px 0px;
    position: relative;
    z-index: 1;
}

.lp_ForceOrderText_Off, .lp_ForceOrderText_Off_ReadOnly {
    background-color: #cccccc;
    background-position: 0px -109px;
}

.lp_ForceOrderText_On, .lp_ForceOrderText_On_ReadOnly {
    background-color: #247b97;
    background-position: 0px -109px;
}

.lp_InputError {
    color: red;
    float: right;
    font-weight: bold;
}

.lp_Module {
    cursor: default;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lp_ModuleGrab {
    cursor: -moz-grab;
    cursor: -webkit-grab;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lp_ModuleSequence {
    color: #6f6f6f;
    font-weight: bold;
    margin: 5px 0px 0px;
    text-align: center;
}

.lp_ModuleTable, .lp_ModuleTableReadOnly {
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
    width: 100%;
}

    .lp_ModuleTable tr:hover {
        background-color: #fffbd6;
    }

.lp_WrapCourseList {
    position: relative;
}

.lp_WrapDropZone {
    display: none;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.lp_WrapFolderEmpty {
    background-color: #fafafa;
    border-top: solid 1px #efefef;
    cursor: default;
    padding: 6px 5px 6px 31px;
}

.lp_WrapModule {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    border-bottom: solid 1px #eeeeee;
    border-left: solid 3px transparent;
    border-radius: 5px 0px 0px 5px;
    border-top: solid 1px #eeeeee;
    margin: 0px 0px -1px -3px;
    position: relative;
}

.lp_WrapModuleEnd {
    position: relative;
}

.lp_WrapModuleEmpty {
    cursor: default;
    font-size: 1.2em;
    margin: 50px 0px;
    text-align: center;
}

.lpu_CompletionDate {
    cursor: default;
    text-align: center;
}

.lpu_CompletionTable {
    border-collapse: collapse;
    border-spacing: 0px;
    cursor: default;
    table-layout: fixed;
    width: 100%;
}

    .lpu_CompletionTable tbody tr:hover {
        background-color: #fffbd6;
    }

    .lpu_CompletionTable td {
        border: solid 1px #bebebe;
        overflow: hidden;
        padding: 5px;
        text-align: center;
        text-overflow: ellipsis;
    }

        .lpu_CompletionTable td:first-of-type {
            text-align: left;
        }

    .lpu_CompletionTable th {
        background-color: #494b43;
        border: solid 1px #bebebe;
        color: #ffffff;
        padding: 5px;
    }

.lpu_Courses {
    display: inline-block;
    max-width: 800px;
    margin: 0px 10px 0px 25px;
}

.lpu_DetailsSection {
    background-color: #fafafa;
    border: solid 1px #bebebe;
    border-radius: 5px;
    padding: 10px;
}

.lpu_FolderContent {
    background-color: #efefef;
    margin: 0px 3px 3px;
    padding: 1px 5px;
}

.lpu_FolderName {
    color: #ffffff;
}

.lpu_FolderRules {
    color: #efefef;
    font-size: 0.9em;
    font-style: italic;
}

.lpu_Header {
    background-color: #247b97;
    border-radius: 5px;
    color: #ffffff;
    margin: 10px;
    padding: 10px;
}

.lpu_Instructions {
    cursor: default;
    font-size: 0.9em;
    padding: 5px 0px 0px;
}

.lpu_Logo {
    height: 40px;
}

.lpu_ModuleDetails, .lpu_ModuleLaunch, .lpu_ModuleLaunchDisabled, .lpu_ModuleReview, .lpu_ModuleLaunchConfirm, .lpu_ModuleLaunchComplete, .lpu_ModuleLaunchUploadCompletion {
    background-image: url('../../images/learningProgram_Sprites.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.lpu_ModuleDetails {
    background-position: center -70px;
    cursor: pointer;
}

    .lpu_ModuleDetails:hover {
        background-position: center -280px;
    }

.lpu_ModuleHeader {
    color: #ffffff;
    cursor: default;
}

.lpu_ModuleLaunch, .lpu_ModuleLaunchConfirm, .lpu_ModuleLaunchComplete, .lpu_ModuleLaunchUploadCompletion {
    background-position: center -490px;
    cursor: pointer;
}

    .lpu_ModuleLaunch:hover, .lpu_ModuleLaunchConfirm:hover, .lpu_ModuleLaunchComplete:hover, .lpu_ModuleLaunchUploadCompletion:hover {
        background-position: center -630px;
    }

.lpu_ModuleLaunchDisabled {
    background-position: center -700px;
    cursor: default;
}

.lpu_ModuleName, .lpu_FolderName {
    cursor: default;
    overflow: hidden;
    padding: 10px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lpu_ModuleReview {
    background-position: center -910px;
    cursor: pointer;
}

    .lpu_ModuleReview:hover {
        background-position: center -980px;
        cursor: pointer;
    }

.lpu_ModuleRules {
    color: #777777;
    font-size: 0.9em;
    font-style: italic;
}

.lpu_ModuleSequence {
    text-align: center;
}

.lpu_ModuleTable, .lpu_FolderTable {
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
    width: 100%;
}

.lpu_NavButton {
    background-image: url('../../images/learningProgram_Sprites.png');
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: -17px;
    height: 20px;
    width: 20px;
}

#lpu_NavComletionStatus {
    background-position: center -770px;
}

    #lpu_NavComletionStatus:hover {
        background-position: center -840px;
    }

#lpu_NavDetails {
    background-position: center -70px;
}

    #lpu_NavDetails:hover {
        background-position: center -280px;
    }

#lpu_NavExit {
    background-position: center 0px;
}

    #lpu_NavExit:hover {
        background-position: center -210px;
    }

#lpu_NavIntro {
    background-position: center -140px;
}

    #lpu_NavIntro:hover {
        background-position: center -350px;
    }

.lpu_NavigationBar {
    padding: 10px 10px 0px;
}

.lpu_NavButtonsWrap {
    float: right;
    margin: 20px 0px 0px;
}

.lpu_Status {
    background-color: #ffffff;
    border: solid 1px #222222;
    border-radius: 7px;
    display: inline-block;
    height: 13px;
    overflow: hidden;
    width: 13px;
}

.lpu_StatusProgress {
    background-color: #bbd25e;
    height: 13px;
    width: 0%;
}

.lpu_StatusStarted {
    background-color: #bbd25e;
    height: 13px;
    width: 50%;
}

.lpu_Title {
    cursor: default;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0px 0px 5px;
}

.lpu_ViewCertificate {
    background-color: #247b97;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
}

    .lpu_ViewCertificate:hover {
        background-color: #4fa5c0;
    }

.lpu_WrapFolder, .lpu_WrapHeader, .lpu_WrapModule {
    border-radius: 5px;
    margin: 5px 0px;
    position: relative;
}

.lpu_WrapFolder {
    background-color: #888888;
}

.lpu_WrapHeader {
    background-color: #494b43;
    border-left: solid 3px transparent;
    margin: 0px 0px 0px -15px;
}

.lpu_WrapModule {
    background-color: #ffffff;
}

.qnaire_ActiveReviewer {
    background-image: url('../../images/icon_Check.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    font-weight: bold;
    height: 18px;
    width: 16px;
}

.qnaire_AddOptionQuestion {
    cursor: pointer;
    display: inline-block;
}

    .qnaire_AddOptionQuestion .qnaire_AddQuestionText {
        border-radius: 8px;
        font-size: 1em;
        font-weight: normal;
        padding: 4px 8px 3px;
    }

.qnaire_AddQuestion {
    cursor: pointer;
    display: inline-block;
    margin: -18px 0px 0px;
}

.qnaire_AddQuestionArrow {
    background-image: url('../../images/questionnaire_AddEditSprites.png');
    background-position: 0px -36px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 26px;
    margin: 0px -7px 0px 0px;
    vertical-align: middle;
    width: 18px;
}

.qnaire_AddQuestionText {
    background-color: #bbd25e;
    border-radius: 15px;
    box-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    color: #ffffff;
    display: inline-block;
    font-size: 3.5em;
    font-weight: bold;
    padding: 1px 13px;
    vertical-align: middle;
}

.qnaire_AnswerAdd {
    background-color: #247b97;
    border-radius: 5px;
    box-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 0.7em;
    font-weight: bold;
    padding: 2px 10px;
}

.qnaire_AnswerCheckbox, .qnaire_AnswerRadio {
    margin: 2px 0px 0px;
    vertical-align: top;
}

.qnaire_AnswerChoice, .qnaire_QuestionEdit {
    vertical-align: top;
}

.qnaire_AnswerEdit {
    border-radius: 2px;
    float: left;
    margin: 0px 0px 5px 0px;
    word-break: break-word;
    width: 100%;
}

    .qnaire_AnswerEdit input {
        margin: 2px 5px 0px 0px;
    }

.qnaire_AnswerDelete, .qnaire_Delete {
    background-color: #dfdfdf;
    border-radius: 2px 5px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 0.6em;
    font-weight: bold;
    margin: 0px 0px 0px 10px;
    padding: 3px;
    text-align: center;
    width: 10px;
}

.qnaire_AnswerDelete {
    margin-top: -2px;
}

    .qnaire_Delete:hover, .qnaire_AnswerDelete:hover {
        background-color: #c60c30;
    }

.qnaire_AnswerContent {
    cursor: pointer;
    padding: 0px;
}

    .qnaire_AnswerContent:hover {
        opacity: 0.7;
    }

.qnaire_AnswerImage {
    max-width: 100%;
    margin: 0px 0px 5px;
}

.qnaire_AnswerMeta {
    display: none;
}

.qnaire_Answers {
    padding: 10px 0px 0px;
}

.qnaire_AnswerText {
    cursor: pointer;
    float: left;
    font-size: 0.8em;
    word-break: break-word;
}

    .qnaire_AnswerText a {
        color: inherit;
        text-decoration: underline;
    }

.qnaire_Button {
    filter: alpha(opacity=50);
    margin: 0px 0px 20px;
    opacity: 0.5;
    text-align: center;
}

    .qnaire_Button:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }

.qnaire_ButtonImage {
    background-image: url('../../images/questionnaire_ButtonSprites.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
}

.qnaire_ButtonText {
    color: #eeeeee;
    cursor: default;
    margin: 2px 0px 0px;
}

.qnaire_CommentInstructionsAddIcon, .qnaire_CommentInstructionsVariantIcon, .qnaire_CommentInstructionsViewIcon {
    background-image: url('../../images/questionnaire_CommentSprites.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    margin: 0px 0px -2px;
    width: 15px;
}

.qnaire_CommentInstructionsAddIcon {
    background-position: 0px 0px;
}

.qnaire_CommentInstructionsVariantIcon {
    background-position: 0px -108px;
}

.qnaire_CommentInstructionsViewIcon {
    background-position: 0px -54px;
}

.qnaire_CommentWrapAddComment, .qnaire_CommentWrapViewComment {
    background-image: url('../../images/questionnaire_CommentSprites.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 22px;
    margin: -4px 5px 0px 0px;
    width: 25px;
}

.qnaire_CommentWrapAddComment {
    background-position: 0px -22px;
}

.qnaire_CommentWrapViewComment {
    background-position: 0px -76px;
}

.qnaire_Content {
    display: none;
    max-width: 1085px;
    padding: 30px;
}

.qnaire_DefaultLanguage {
    color: blue;
    cursor: pointer;
    font-size: 0.8em;
    vertical-align: super;
}

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

.qnaire_DisplayExplain {
    margin: 5px 0px 15px 15px;
}

    .qnaire_DisplayExplain textarea {
        border-radius: 3px;
        border: solid 1px #bebebe;
        font-family: Arial;
        height: 50px;
        margin: 0px;
        resize: vertical;
        width: 98.8%;
    }

.qnaire_DisplayHeader {
    background-color: #eeeeee;
    border-bottom: solid 2px #bebebe;
    color: #777777;
    cursor: default;
    font-size: 0.7em;
    padding: 5px 15px;
    position: fixed;
    top: 0px;
    vertical-align: middle;
    width: 100%;
}

    .qnaire_DisplayHeader label {
        vertical-align: middle;
    }

    .qnaire_DisplayHeader select {
        background-color: #fafafa;
        border: 0px;
        border-radius: 5px;
        color: #777777;
        font-size: 1em;
        padding: 2px 4px;
        vertical-align: middle;
    }

.qnaire_DisplayHeaderButton {
    background-color: #fafafa;
    border: 0px;
    border-radius: 4px;
    color: #777777;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    margin: 0px 0px 0px 10px;
    padding: 3px 8px;
    vertical-align: middle;
}

    .qnaire_DisplayHeaderButton:hover {
        background-color: #e9bf2f;
        color: #000000;
    }

.qnaire_DisplayHeaderName {
    float: right;
    margin: 3px 30px 0px 0px;
}

.qnaire_DisplayInstructions {
    border-bottom: solid 1px #bebebe;
    cursor: default;
    font-size: 0.7em;
    font-weight: bold;
    margin: 10px 2%;
    padding: 0px 0px 10px;
}

    .qnaire_DisplayInstructions div {
        line-height: 14px;
    }

.qnaire_DisplayInstructionsCommentIcon, .qnaire_CommentInstructionsVariantIcon, .qnaire_CommentInstructionsAddIcon, qnaire_CommentInstructionsViewIcon {
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    margin: 0px 0px -2px;
    width: 15px;
}

.qnaire_DisplayInstructionsCommentIcon {
    background-image: url('../../images/questionnaire_DisplaySprites.png');
    background-position: 0px 0px;
}

.qnaire_DisplayName {
    color: #777777;
    cursor: default;
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-align: right;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qnaire_DisplayVersion {
    color: #777777;
    cursor: default;
    display: inline-block;
    margin: 0px 0px 0px 10px;
    vertical-align: top;
}

.qnaire_DisplayQuestionInstructions {
    color: #888888;
    cursor: default;
    font-size: 0.8em;
    font-weight: bold;
    margin: 5px 0px 10px;
    text-align: left;
}

.qnaire_DisplaySubmitWarning {
    color: #c60c30;
}

.qnaire_DisplayTitle {
    border-bottom: solid 2px;
    cursor: default;
    font-size: 1.5em;
    font-weight: bold;
    margin: 10px 2% 3px;
    padding: 10px 0px 5px;
}

.qnaire_DisplayWrapComment {
    background-image: url('../../images/questionnaire_DisplaySprites.png');
    background-position: 0px -22px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 22px;
    margin: -4px 0px;
    width: 25px;
}

.qnaire_FileUpload {
    display: none;
}

.qnaire_HelpContent {
    height: 100%;
    overflow-y: auto;
}

.qnaire_ImageRemove {
    background-image: url('../../images/questionnaire_AddEditSprites.png');
    background-position: 6px -114px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 29px;
    margin: 18px 0px -35px;
    position: relative;
    vertical-align: middle;
    width: 26px;
}

.qnaire_InfoTable {
    border-spacing: 0px;
    table-layout: fixed;
    width: 100%;
}

.qnaire_InputExampleText {
    color: #aaaaaa;
    font-style: italic;
}

.qnaire_Languages {
    background-color: #777777;
    border-radius: 4px;
    color: #eeeeee;
    padding: 1px;
    width: 80%;
}

.qnaire_Meta {
    display: none;
}

.qnaire_OptionExpander {
    cursor: pointer;
    font-family: Lucida Console;
}

.qnaire_OptionHeader {
    background-color: #eeeeee;
    border-radius: 5px;
    color: #888888;
    cursor: default;
    font-size: 0.8em;
    font-weight: bold;
    margin: 5px 0px 0px;
    padding: 5px;
    text-align: left;
}

.qnaire_OptionalQuestion {
    display: inline-block;
    font-size: 0.8em;
    margin: 2px 0px 0px;
    text-transform: uppercase;
    vertical-align: top;
}

.qnaire_OverlaySection select {
    padding: 5px 1% 5px;
    margin: 2px 0px 10px;
    width: 100%;
}

.qnaire_PageDivide {
    border-spacing: 0px;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}

    .qnaire_PageDivide tr {
        vertical-align: top;
    }

.qnaire_PageDivideArrow {
    background-image: url('../../images/questionnaire_AddEditSprites.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: default;
    display: none;
    float: right;
    height: 25px;
    margin: -5px -15px 0px 0px;
    position: relative;
    width: 20px;
    z-index: 1;
}

.qnaire_PageDivideLeft {
    background-color: #444444;
    border-right: solid 2px #111111;
    text-align: left;
    width: 158px;
}

.qnaire_PageDivideRight {
    background-color: #eeeeee;
    height: 100%; /* Added for IE10 */
    table-layout: fixed;
}

.qnaire_PolicyDocPretext {
    color: #2f2f2f;
    cursor: default;
    float: left;
}

.qnaire_PolicyRemove {
    background-image: url('../../images/questionnaire_AddEditSprites.png');
    background-position: 0px -121px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
    float: right;
    height: 14px;
    margin: 9px 5px -23px 0px;
    position: relative;
    vertical-align: middle;
    width: 14px;
}

.qnaire_popPageBreak {
    height: 1px;
    page-break-after: always;
    width: 100%;
}

.qnaire_PrintAddTextArea {
    background-color: #247b97;
    background-image: url('../../images/questionnaire_AddEditSprites.png');
    background-position: center -94px;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin: 0px 0px 5px;
    text-align: center;
}

.qnaire_PrintAnswerText {
    cursor: default;
    float: left;
    font-size: 0.8em;
    word-break: break-word;
}

.qnaire_PrintBranch {
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 0px 0px 3%;
}

.qnaire_PrintBreak {
    background-color: #eeeeee;
    border-radius: 5px;
    float: left;
    font-size: 0.7em;
    font-weight: bold;
    height: 10px;
    margin: 30px 2.5% 30px;
    text-align: center;
    text-transform: uppercase;
    width: 94%;
}

.qnaire_PrintCheckbox {
    border: solid 1px #000000;
    color: #bebebe;
    cursor: default;
    display: inline-block;
    float: left;
    font-size: 0.7em;
    font-weight: bold;
    height: 14px;
    margin: 0px 5px 0px 0px;
    text-align: center;
    vertical-align: top;
    width: 14px;
}

.qnaire_PrintExplain {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0px 0px 5px;
}

.qnaire_PrintOptions {
    background-color: #ffffff;
    border: solid 1px #bebebe;
    border-radius: 10px;
    display: none;
    margin: 0px 0px 10px;
    min-height: 94px;
    overflow: hidden;
}

.qnaire_PrintOptionsHeader {
    border-bottom: solid 2px;
    cursor: default;
    padding: 10px 2px;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

.qnaire_PrintOptionsName {
    color: #888888;
    cursor: default;
    display: table;
    font-size: 0.8em;
    height: auto;
    table-layout: fixed;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
}

.qnaire_PrintPageBreak {
    background-color: #bebebe;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    margin: -7px;
    padding: 5px 10px;
}

    .qnaire_PrintPageBreak:hover {
        background-color: #aaaaaa;
    }

.qnaire_PrintPageBroken {
    background-color: #e9bf2f;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    margin: -7px;
    padding: 5px 10px;
}

    .qnaire_PrintPageBroken:hover {
        background-color: #EDD75C;
    }

.qnaire_PrintQuestionQuestion {
    cursor: default;
    display: inline-block;
    float: left;
    text-align: justify;
    word-break: break-word;
}

.qnaire_PrintRadio {
    border: solid 1px #000000;
    border-radius: 7px;
    color: #bebebe;
    cursor: default;
    display: inline-block;
    float: left;
    font-size: 0.7em;
    font-weight: bold;
    height: 14px;
    margin: 0px 5px 0px 0px;
    text-align: center;
    vertical-align: top;
    width: 14px;
}

.qnaire_PrintRemoveTextArea {
    background-color: #c60c30;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin: 0px 0px 5px;
    text-align: center;
}

.qnaire_PrintTypeMessage {
    color: #888888;
    float: left;
    font-size: 0.7em;
    font-weight: bold;
    margin: 10px 0px 0px;
    width: 100%;
}

.qnaire_PrintTextArea {
    border-bottom: solid 1px #000000;
    height: 20px;
    margin: 0px 0px 5px;
}

.qnaire_PrintWrapOption {
    float: left;
    margin: 0px 0px 20px;
    width: 100%;
}

.qnaire_MainContent {
    background-color: #fefefe;
    height: 100%; /* Added for IE10 */
}

.qnaire_QuestionImage {
    margin: 0px 0px 5px;
    max-width: 100%;
}

.qnaire_QuestionImageName {
    color: #bebebe;
    cursor: default;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0px 0px 5px;
    text-align: left;
}

.qnaire_QuestionImageDropZone {
    border: solid 10px #247b97;
    border-radius: 5px;
    border-style: dashed;
    padding: 20px 0px 40px;
    position: relative;
    text-align: center;
    z-index: 1000;
}

.qnaire_QuestionImageTempIE8 {
    width: auto !important;
}

.qnaire_QuestionOptions {
    padding: 10px 0px 0px;
}

.qnaire_QuestionNumber {
    cursor: default;
    font-weight: bold;
}

.qnaire_QuestionQuestion {
    cursor: pointer;
    display: inline-block;
    text-align: justify;
    word-break: break-word;
}

    .qnaire_QuestionQuestion:hover {
        opacity: 0.7;
    }

    .qnaire_QuestionQuestion a {
        color: #247b97;
        text-decoration: underline;
    }

.qnaire_QuestionAnswerTable {
    border-spacing: 0px;
    table-layout: fixed;
    width: 100%;
}

.qnaire_ReviewerAdd, .qnaire_FileUpload, .qnaire_ImageRemove {
    color: #247b97;
    cursor: pointer;
}

.qnaire_ReviewerDelete, .qnaire_DeleteFile {
    background-image: url('../../images/questionnaire_AddEditSprites.png');
    background-position: 0px -121px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 18px;
    width: 16px;
}

.qnaire_ReviewersSection {
    font-size: 0.9em;
    vertical-align: top;
}

    .qnaire_ReviewersSection label {
        color: #4f4f4f;
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        margin: -1px 0px 5px;
    }

.qnaire_Section, .qnaire_OverlaySection {
    vertical-align: bottom;
}

    .qnaire_Section input {
        border: solid 1px #a9a9a9;
        padding: 7px 1%;
        margin: 2px 0px 10px;
        width: 98%;
    }

        .qnaire_Section input:disabled {
            background-color: #ebebe4;
            border: solid 1px #a9a9a9;
            color: #545454;
            padding: 6px 1%;
        }

        .qnaire_Section input:read-only {
            background-color: #ebebe4;
            color: #545454;
        }

        .qnaire_Section input:-moz-read-only {
            background-color: #ebebe4;
            color: #545454;
        }

    .qnaire_OverlaySection input {
        padding: 5px 1%;
        margin: 2px 0px 10px;
        width: 98%;
    }

        .qnaire_OverlaySection input:disabled {
            background-color: #ebebe4;
            border: solid 1px #a9a9a9;
            color: #545454;
            padding: 6px 1%;
        }

    .qnaire_Section label {
        color: #4f4f4f;
        display: block;
        font-size: 0.9em;
        font-weight: bold;
    }

    .qnaire_OverlaySection label {
        color: #4f4f4f;
        display: block;
        font-size: 0.9em;
        font-weight: bold;
    }

    .qnaire_Section select {
        border: solid 1px #A9A9A9;
        padding: 6px 1%;
        margin: 2px 0px 10px;
        width: 101%;
    }

        .qnaire_Section select:disabled, .qnaire_OverlaySection select:disabled {
            background-color: #ebebe4;
            border: solid 1px #a9a9a9;
            color: #545454;
        }

    .qnaire_Section textarea, .qnaire_OverlaySection textarea {
        border: solid 1px #A9A9A9;
        font-family: Arial;
        margin: 2px 0px 10px;
        resize: vertical;
        width: 99%;
    }

        .qnaire_Section textarea:read-only, .qnaire_OverlaySection textarea:read-only {
            background-color: #ebebe4;
            color: #545454;
        }

        .qnaire_Section textarea:-moz-read-only, .qnaire_OverlaySection textarea:-moz-read-only {
            background-color: #ebebe4;
            color: #545454;
        }

.qnaire_SubmitResponses, .qnaire_PreviewCompletion {
    background-color: #247b97;
    border-radius: 5px;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.5);
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 20px;
}

    .qnaire_SubmitResponses:hover, .qnaire_PreviewCompletion:hover {
        background-color: #5DCCE2;
    }

.qnaire_Tab {
    background-color: #444444;
    color: #eeeeee;
    cursor: default;
    line-height: 13px;
    margin: 2px 0px;
    padding: 5px 0px 5px 18px;
}

    .qnaire_Tab:hover {
        background: #676767;
    }

.qnaire_TabSelected {
    background-color: #e9bf2f;
    color: #222222;
    cursor: default;
    font-weight: bold;
    line-height: 13px;
    margin: 2px 0px;
    padding: 5px 0px 5px 18px;
}

    .qnaire_TabSelected .qnaire_PageDivideArrow {
        display: block;
    }

.qnaire_TabText {
    display: inline-block;
    font-size: 0.9em;
    margin: 1px 0px;
}

.qnaire_TestPolicyLink {
    background-color: #247b97;
    border: solid 1px #12698d;
    border-radius: 5px;
    color: #ffffff;
    cursor: default;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    margin: 5px 0px 0px 5px;
    padding: 6px;
}

    .qnaire_TestPolicyLink:hover {
        background-color: #62c5ee;
    }

.qnaire_VariantAnswer {
    background-color: #c60c30;
    border-radius: 5px 4px 5px 5px;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.5);
    color: #ffffff;
    cursor: default;
    font-weight: bold;
    display: inline-block;
    padding: 2px 8px 1px;
    vertical-align: middle;
}

.qnaire_VariantAnswerArrow {
    background-image: url('../../images/questionnaire_AddEditSprites.png');
    background-position: 0px -72px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 7px;
    vertical-align: middle;
}

.qnaire_WrapAnswerAdd {
    text-align: left;
}

.qnaire_WrapAddQuestion {
    background-color: #eeeeee;
    border-radius: 5px;
    font-size: 0.7em;
    font-weight: bold;
    height: 10px;
    margin: 20px 0px;
    text-align: right;
    text-transform: uppercase;
}

.qnaire_WrapAddQuestionEmpty {
    display: table;
    font-size: 1.5em;
    height: auto;
    margin: 30px 2.5% 24px;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

.qnaire_WrapAnswer textarea {
    border-radius: 3px;
    border: solid 1px #bebebe;
    height: 50px;
    margin: 0px;
    resize: none;
    width: 98.8%;
}

.qnaire_WrapAnswerImage td {
    padding: 0px;
}

.qnaire_WrapButtons {
    margin: 32px 0px 0px;
}

.qnaire_WrapContent {
    border-right: solid 5px #bebebe;
    display: block;
    height: 100%;
    min-width: 550px;
    overflow: auto;
    position: relative;
    visibility: hidden;
}

.qnaire_WrapHelpContent {
    padding: 30px;
}

.qnaire_WrapLanguages {
    padding: 18px 0px 30px;
    text-align: center;
}

.qnaire_WrapOption {
    border-radius: 5px;
    float: left;
    height: 29px;
    margin: 5px 0px 0px;
    overflow: hidden;
    width: 100%;
}

.qnaire_WrapOptionAddQuestionBranch {
    border: solid 3px #eeeeee;
    border-radius: 0px 0px 10px 10px;
    font-size: 1.5em;
    margin: -3px 0px 0px;
    padding: 30px 2.5% 30px;
    text-align: center;
}

    .qnaire_WrapOptionAddQuestionBranch .qnaire_WrapQuestion {
        border-left: solid 5px transparent;
        border-radius: 10px 0px 0px 10px;
        padding: 10px 0px 0px 15px;
        font-size: 0.67em;
    }

    .qnaire_WrapOptionAddQuestionBranch .qnaire_WrapAddQuestion {
        background-color: #eeeeee;
        border-radius: 5px;
        font-size: 0.5em;
        font-weight: bold;
        height: 10px;
        margin: 15px 0px 15px 2.5%;
        text-align: right;
        text-transform: uppercase;
        width: 97.2%;
    }

        .qnaire_WrapOptionAddQuestionBranch .qnaire_WrapAddQuestion .qnaire_AddOptionQuestion {
            font-size: 2em;
            margin: -11px 0px 0px;
        }

.qnaire_WrapPolicy, .qnaire_WrapCompletionMessage, .qnaire_WrapComment {
    border: solid 1px #bebebe;
    padding: 5px;
    overflow-y: scroll;
    margin: 0px 0px 15px 0px;
    max-height: 300px;
    min-height: 100px;
}

.qnaire_WrapPrintOptionAddQuestionBranch {
    border-radius: 0px 0px 10px 10px;
    margin: 0px 0px 0px 8px;
}

.qnaire_WrapPrintTextArea {
    border-spacing: 0px;
    table-layout: fixed;
    width: 100%;
}

.qnaire_WrapQuestion {
    border-left: solid 5px transparent;
    border-radius: 10px 0px 0px 10px;
    margin: 0px;
    padding: 20px 0px 0px 15px;
    width: 87%;
}

.qnaire_WrapQuestionImage, .qnaire_WrapAnswerImage {
    display: none;
    text-align: left;
}

.qnaire_WrapQuestions {
    background-color: #ffffff;
    display: none;
    overflow: hidden;
}

.qnaire_WrapSaveMessage {
    background-color: #247b97;
    border: solid 1px #115f78;
    border-radius: 10px;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
    color: white;
    cursor: default;
    display: none;
    font-weight: bold;
    left: 50%;
    margin: 0px 0px 0px -101px;
    opacity: 0;
    padding: 5px 0px;
    position: fixed;
    text-align: center;
    top: 13px;
    width: 200px;
    z-index: 11;
}

.qnaire_WrapSubmit {
    float: left;
    padding: 30px 0px;
    text-align: center;
    width: 100%;
}

.qnaire_WrapTabs {
    padding: 30px 0px 0px;
}

.qnaire_WrapVariantAnswer {
    position: absolute;
    margin: -2px 0px 0px -35px;
}

#radAjaxDataGrid {
    padding: 10px;
}

.save-block {
    cursor: wait;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
}

.skillport_ButtonImg {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.skillport_ButtonText {
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0px 2px 0px -3px;
}

.skillport_HeaderBreak {
    background-color: #ffffff;
    display: inline-block;
    height: 14px;
    margin: 0px 7px;
    vertical-align: middle;
    width: 1px;
}

.skillport_ResultsHeader {
    background-color: #9B9B9A;
    cursor: default;
    padding: 5px 7px;
}

.skillport_WrapHeaderButton {
    background-color: #aaaaaa;
    border: solid 1px #777777;
    border-radius: 3px;
    box-shadow: 1px 1px 0px rgba(0,0,0,0.3);
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    padding: 0px 5px 0px 2px;
}

    .skillport_WrapHeaderButton:hover {
        background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 6%, #eeeeee 28%, #d8d8d8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(6%,#eeeeee), color-stop(28%,#eeeeee), color-stop(100%,#d8d8d8));
        background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 6%,#eeeeee 28%,#d8d8d8 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 6%,#eeeeee 28%,#d8d8d8 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 6%,#eeeeee 28%,#d8d8d8 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 6%,#eeeeee 28%,#d8d8d8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 );
        color: #000000;
    }

    .skillport_WrapHeaderButton:active {
        background: #cccccc;
    }

    .skillport_WrapHeaderButton input {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 2px center;
        border: 0px;
        color: inherit;
        cursor: pointer;
        font-family: inherit;
        font-weight: bold;
        margin: 0px;
        outline: none;
        padding: 4px 2px 4px 23px;
    }

.skillport_WrapHeaderButtonDisabled {
    background-color: #aaaaaa;
    border: solid 1px #777777;
    border-radius: 3px;
    color: #ffffff;
    cursor: default;
    display: inline-block;
    filter: alpha(opacity=50);
    font-family: Arial;
    opacity: 0.5;
    padding: 0px 5px 0px 2px;
}

    .skillport_WrapHeaderButtonDisabled input {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 2px center;
        border: 0px;
        color: inherit;
        cursor: default;
        font-family: inherit;
        font-weight: bold;
        margin: 0px;
        outline: none;
        padding: 4px 2px 4px 23px;
    }

.skillport_WrapResults {
    background-color: #9B9B9A;
    border: solid 3px #9B9B9A;
    border-radius: 10px;
    height: 100%;
    margin: 10px 10px 0px;
    min-height: 200px;
    min-width: 850px;
    padding: 0px 0px 7px 0px;
    position: relative;
    z-index: 0;
}

.skin-indicator {
    color: #31a3d3;
    display: inline-block;
    font-size: 1.4em;
    margin-bottom: 2px;
    vertical-align: middle;
    visibility: hidden;
}

.trevorik_ErrorDetails {
    color: #000000;
}

.trevorik_HideHelp {
    background-color: #429dbd;
    border: solid 1px #ffffff;
    border-radius: 5px;
    cursor: pointer;
    float: right;
    margin: 10px 0px 0px;
    padding: 5px;
}

    .trevorik_HideHelp:hover {
        background-color: #64bcdb;
    }

.trevorik_LoadingPanel {
    background-color: #dddddd;
    background-image: url('../../images/Loading.gif');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: none;
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: absolute;
    z-index: 10;
}

.trevorik_Overlay {
    background-color: #000000;
    filter: alpha(opacity=70);
    height: 100%;
    opacity: 0.7;
    position: absolute;
    width: 100%;
}

.trevorik_OverlayAdd {
    background-color: #247b97;
    border: solid 0px;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    margin: 40px 0px 0px;
    outline: 0;
    padding: 5px 0px;
    text-align: center;
    width: 100%;
}

    .trevorik_OverlayAdd:disabled {
        background-color: #cccccc !important;
        color: #999999;
        cursor: default;
    }

    .trevorik_OverlayAdd:hover {
        background-color: #48b8e7;
    }

.trevorik_OverlayButtonDisabled {
    background-color: #bebebe;
    border: 0px;
    border-radius: 5px;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
    cursor: default;
    display: inline-block;
    filter: alpha(opacity=50);
    font-weight: bold;
    margin: 0px 20px;
    opacity: 0.5;
    padding: 5px 0px;
    text-align: center;
    width: 125px;
}

.trevorik_OverlayButtonWrap {
    padding: 0px 0px 10px;
    text-align: center;
}

.trevorik_OverlayConfirm, .trevorik_OverlayCancel {
    background-color: #e9bf2f;
    border: 0px;
    border-radius: 5px;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    line-height: 15px;
    margin: 0px 15px;
    outline: none;
    padding: 5px 0px;
    text-align: center;
    width: 125px;
}

    .trevorik_OverlayConfirm:hover, .trevorik_OverlayCancel:hover {
        background-color: #EDD75C;
    }

.trevorik_OverlayFooter {
    color: #888888;
    font-size: 0.7em;
    font-style: italic;
    padding: 0px 0px 10px;
}

.trevorik_OverlayHelp {
    color: #247b97;
    cursor: pointer;
}

.trevorik_OverlayHelpArrowAbove, .trevorik_OverlayHelpArrowBelow {
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    width: 11px;
}

.trevorik_OverlayHelpArrowAbove {
    background-image: url('../../images/trevorik_OverlayHelpArrowAbove.png');
    bottom: -8px;
    height: 8px;
}

.trevorik_OverlayHelpArrowBelow {
    background-image: url('../../images/trevorik_OverlayHelpArrowBelow.png');
    top: -5px;
    height: 5px;
}

.trevorik_OverlayHelpPop {
    background-color: #247b97;
    border: solid 1px #1c7fa9;
    border-radius: 10px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    color: #ffffff;
    cursor: default;
    font-size: 0.8em;
    font-weight: bold;
    max-width: 215px;
    padding: 5px;
    position: absolute;
    text-align: justify;
    z-index: 10;
}

.trevorik_OverlayRemove {
    background-color: #c60c30;
    border: solid 0px;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    margin: 10px 0px 0px;
    outline: 0;
    padding: 5px 0px;
    text-align: center;
    width: 100%;
}

    .trevorik_OverlayRemove:disabled {
        background-color: #cccccc !important;
        color: #999999;
        cursor: default;
    }

    .trevorik_OverlayRemove:hover {
        background-color: #e4284d;
    }

.trevorik_OverlayWideDropDown {
    border: solid 1px #aaaaaa;
    margin: 2px 0px 0px;
    padding: 5px;
    width: 100%;
}

.trevorik_OverlayWideInput {
    border: solid 1px #aaaaaa;
    margin: 2px 0px 0px;
    padding: 5px;
    width: 97%;
}

.trevorik_OverlayWideLabel {
    display: block;
    font-family: Verdana;
    font-size: 0.9em;
    font-weight: bold;
}

.trevorik_OverlayWideTable {
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
    table-layout: fixed;
    width: 100%;
}

.trevorik_OverlayWideTextArea {
    border: solid 1px #aaaaaa;
    border-radius: 4px;
    font-family: Arial;
    margin: 2px 0px 0px;
    padding: 5px;
    resize: vertical;
    width: 97%;
}

.trevorik_ShowHelp {
    background-color: #247b97;
    border: solid 1px #115f78;
    border-radius: 10px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    overflow-y: auto;
    padding: 10px;
    position: relative;
}

.trevorik_WrapHelp {
    background-color: #247b97;
    border: solid 1px #115f78;
    border-radius: 10px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
    color: #ffffff;
    cursor: default;
    display: none;
    filter: alpha(opacity=0);
    max-width: 600px;
    opacity: 0;
    overflow-y: auto;
    padding: 10px;
    position: relative;
    z-index: 100;
}

.trevorik_WrapOverlay {
    display: none;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.trevorik_WrapOverlayOuter {
    background-color: #fefefe;
    border-radius: 2px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
    display: none;
    left: 48%;
    position: fixed;
    margin: 0px 0px 0px -212px;
    max-height: 85%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 10px;
    top: 2.5%;
    width: 420px;
    z-index: 1;
}

.trevorik_WrapOverlayTextHeader {
    font-size: 1.2em;
}

.selectControlOverride {
    padding: 0;
    margin: 0;
}

.selectControlOverride option {
    white-space: normal;
    padding: .25em .5em;
}

.selectControlOverride option + option {
    border-top: solid 1px #ccc;
}