@import url(default-button-styles.css);
@import url("font.css");

/*Category grouping*/
.QRatingTypeFieldset1 span {
    padding-right: .25em;
}

.QRatingTypeFieldset1 legend span {
    padding-right: 0;
}

    .QRatingTypeFieldset1 legend span:not(:first-child) {
        padding-left: 1em;
    }

.blockSortConditionDef .SortedByCaption {
    margin: 0 .2em 0 1em;
}

.InvalidGroup {
    background: rgb(224, 121, 121);
    color: #fff;
    padding: .2em;
    margin: .2em;
}

.CrossBlockConditionEdit {
    padding: .7em;
}

.CrossBlockCondition {
    display: inline-block;
    --background:#fff;
    --border-right:solid thin #ccc;
    border-left: solid thin #ddd;
    padding: .85em;
}

    .CrossBlockCondition label {
        display: block;
        padding-bottom: .85em;
    }

.CrossBlockConditionList {
    margin-top: 1em;
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    text-align: left;
}

    .CrossBlockConditionList th {
        padding: .5em;
    }

    .CrossBlockConditionList td {
        border-bottom: solid thin #ddd;
        padding: .5em;
    }

    .CrossBlockConditionList .mainTD {
        width: 100%;
    }

.CrossBlockCondition .hiddenSamePosistion {
    visibility: hidden;
    padding: .5em;
}

.CrossBlockConditionAdding {
    background: none;
    border-left: solid thin #ddd;
}

.blockSortCondition {
    padding: .7em;
}

.blockSortConditionDef {
    padding: 0 0 .25em 0;
}
/*end-of Category grouping*/
select[disabled=disabled] {
    background: #eee;
}

.BlueSystemTableDiv {
    /*
    margin: 1.5em;
    background: #F4F4F4;
    border-radius: 0.5em;
    padding: 1em;
    border: solid thin #eeeeee;
    */
    padding: 0 1em;
    *margin-left: 0.5em;
}

.div_table {
    display: table;
}

.div_tr {
    display: table-row;
}

.div_tc {
    display: table-cell;
    padding: 0.2em;
}

.div_tc1 {
    min-width: 20em;
    *clear: both;
    *float: left;
}

.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.hiddenLink {
    position: absolute;
    left: -10000em;
}

    .hiddenLink:focus {
        position: static;
        font-size: 0.85em;
        text-decoration: underline;
        font-size: 16px;
        padding-left: 0px;
    }

.ProgressBarBackground {
    text-align: left;
    background-color: #aaaaaa;
    width: 500px;
    height: 20px;
}

.ProgressBar {
    background-color: #6A9CCD;
    height: 20px;
}

.FormContainerDiv {
}

.PTMHeader {
    color: #ffffff;
    background-color: #4198ce;
}

.PTMEvenRows {
    color: #000000;
    background-color: #CFE2F9;
}

.PTMOddRows {
    color: #000000;
    background-color: #ffffff;
}

    .PTMOddRows:hover {
        color: #000000;
        background-color: #f7f7f7;
    }

.PTMDefaultRows {
    color: #000000;
    background-color: #ffffff;
}

.FTMHeader {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    background-color: #4198ce;
}

.FTMSections {
    color: #000000;
    background-color: #DAE9FD;
}

.FTMQuestions {
    color: #000000;
    background-color: #F8FDFE;
}

body {
    BACKGROUND-COLOR: #eeeeee;
}

#BlueSystemDefaultBody, #BlueSystemAdminBody {
    background: #eeeeee;
}

.LabelOption {
    font-size: 8pt;
}

.SectionCSS {
    BORDER-TOP: #a5b9d3 4px solid;
    BACKGROUND-COLOR: #a5b9d3;
    border: none;
    font-size: larger;
    font-style: normal;
}

.LabelOptionBold {
    font-size: 8pt;
    font: bolder;
}

.QuestionTabActive {
    color: Maroon;
}

.QuestionTabPassive {
    color: #FFFAFA;
}

.QuestionTabInActive {
    color: Black;
}

.TopToolBarHover {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FEFEDD,endColorStr=#FED394);
}

.MenuHeader {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1b79aF,endColorStr=#1b79aF);
    color: #ffffff;
    border: 1px solid #54668C;
    padding-left: 4px;
}

.MenuHeaderHover {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FEFEDD,endColorStr=#FED394);
    color: #000000;
    border: 1px solid #54668C;
    padding-left: 4px;
    cursor: hand;
}

.TopToolBar {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C4D2E4,endColorStr=#97A8BD);
    padding: 4px;
    border: 1px solid #8D9FB;
}

.TableHeader {
    FONT-SIZE: 8pt;
    color: #000000;
    background-color: #CED9E6;
    cursor: hand;
}

.TableHeaderSort {
    FONT-SIZE: 8pt;
    color: #ffffff;
    background-color: #85A1C1;
}

.EmployeeNodesColor {
    border: 1px solid #749CDF;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#cedefa,endColorStr=#ffffff);
}

.DepartmentNodesColor {
    border: 1px solid #749CDF;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C99999,endColorStr=#ffffff);
}

.DomainNodesColor {
    border: 1px solid #749CDF;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#A9A8C1,endColorStr=#ffffff);
}

.GroupNodesColor {
    border: 1px solid #749CDF;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C3D0A1,endColorStr=#ffffff);
}

.Hover {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FEFEDD,endColorStr=#FED394);
}

.TabBarOld {
    BORDER-TOP: #a5b9d3 4px solid;
    BACKGROUND-COLOR: #a5b9d3;
}

.TabBar {
    BACKGROUND-COLOR: #F7F7EF;
}

.TabSpace {
    WIDTH: 100%;
    border-bottom-color: White;
    border-bottom-width: medium;
    border-bottom-style: none;
}

.TabActive2 {
    color: Highlight;
    background-color: #F7F7EF;
}

.ToolButton {
    BORDER-RIGHT: 0px none;
}

.OutSet {
    BORDER-RIGHT: thin outset;
    BORDER-TOP: thin outset;
    BORDER-LEFT: thin outset;
    BORDER-BOTTOM: thin outset;
}

.InSet {
    BORDER-RIGHT: thin inset;
    BORDER-TOP: thin inset;
    BORDER-LEFT: thin inset;
    BORDER-BOTTOM: thin inset;
}

A.ImpActiveLink:link {
    text-decoration: none;
    color: #0052A5;
}

A.ImpActiveLink:active {
    text-decoration: none;
    color: #0052A5;
}

A.ImpActiveLink:visited {
    text-decoration: none;
    color: #0052A5;
}

A.ImpActiveLink:hover {
    text-decoration: none;
    color: #0052A5;
}

.Imp {
    CURSOR: hand;
    BACKGROUND-COLOR: F7F7F0;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    MARGIN-TOP: 4px;
    MARGIN-LEFT: 4px;
    MARGIN-RIGHT: 4px;
    MARGIN-BOTTOM: 0px;
    BORDER-TOP: 2px outset #FFFFFF;
    BORDER-LEFT: 2px outset #FFFFFF;
    BORDER-RIGHT: 2px outset #FFFFFF;
    BORDER-BOTTOM: 2px outset #FFFFFF;
}

/* Deprecated button styles */
.AppButton1 {
    BACKGROUND-COLOR: #4198CE;
    BORDER-COLOR: #DEECF5;
    color: White;
    font-size: 8pt;
    font: bolder;
}

.AppButton {
    /*color: #00417A;*/
    color: #4188c6;
    text-decoration: none;
    font-size: 10pt;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    border: solid thin #dddddd;
    border-bottom: outset thin #ffffff;
    padding: 0em 1em;
    height: 2em;
    margin: 0.25em 0 0.25em 0;
    *margin: 0;
    background: #dcecf2; /* #dcecf2; */
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#dcecf2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#dcecf2)";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcecf2));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #dcecf2 100%);
    font-weight: bold;
}

#loginHTMLTag .AppButton, #forgetPasswordForm .AppButton {
    color: #1F507E;
    background: #E6F0F4; /* #dcecf2; */
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#E6F0F4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#E6F0F4)";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E6F0F4));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #E6F0F4 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #E6F0F4 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #E6F0F4 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #E6F0F4 100%);
}

.AppButton:hover {
    cursor: pointer;
    outline: none;
    /*box-shadow: 0 0 0.3em #dddddd;*/
    -webkit-box-shadow: 0 0 0.3em #dddddd;
    /*-moz-box-shadow: 0 0 0.3em #dddddd;*/
    border: 0.1em solid #cccccc;
}

.AppButtonIE11 {
    /*color: #00417A;*/
    color: #4188c6;
    text-decoration: none;
    font-size: 10pt;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    border: solid thin #dddddd;
    border-bottom: outset thin #ffffff;
    padding: 0em 1em;
    height: 2em;
    margin: 0.25em 0 0.25em 0;
    *margin: 0;
    background: #dcecf2; /* #dcecf2; */
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#dcecf2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#dcecf2)";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcecf2));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #dcecf2 100%);
    font-weight: bold;
}

.AppButton2 {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F7F7F0,endColorStr=#F7F7F0);
    BORDER-TOP: 1px solid #AACCEE;
    BORDER-LEFT: 1px solid #AACCEE;
    BORDER-RIGHT: 1px solid #AACCEE;
    BORDER-BOTTOM: 1px solid #AACCEE;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    color: #4683AD;
    text-decoration: none;
    font-size: 10pt;
    font: bolder;
    border-color: Black; /*firefox*/
    BACKGROUND-COLOR: #F7F7F0; /*firefox*/
    cursor: hand;
}

.AppButton.save-button:disabled,
.AppDisableButton {
    text-decoration: none;
    font-size: 10pt;
    -webkit-appearance: none;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    border-bottom: outset thin #ffffff;
    padding: 0em 1em;
    height: 2em;
    margin: 0.25em 0 0.25em 0;
    *margin: 0;
    background: #dddddd;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#dddddd);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#dddddd)";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
    color: #555555;
    opacity: 0.6;
    border: solid thin #cccccc;
    cursor: default;
    font-weight: bold;
}

.DisableTextbox {
    background-color: #CFCCCC;
}

.DisableTab {
    /*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F2F8FB,endColorStr=#C9E0EF);*/
    /*background-color :#6b9cce;*/ /*firefox, safari*/
    color: #bbbbbb;
    text-decoration: none;
    text-shadow: white .5px .5px, #c3c3c3 -.5px -.5px;
    font-size: 10pt;
    border-color: #b0b0b0; /*firefox*/
    CURSOR: default;
}

.DisableTabLink {
    color: #E0E0E0; /*#E1EEF6;*/
    text-decoration: none;
    font-size: 10pt;
    /*font : bolder;	*/
}

.AppDropDownList1 {
    BACKGROUND-COLOR: #D8E8FC;
    BORDER-COLOR: #DEECF5;
    color: #29416B;
    font-size: 10pt;
}

.PageLinks {
    color: #000000;
    font-size: 10pt;
}

.ReportBackground {
    BACKGROUND-COLOR: #f7f7f7;
}

.AppBackground {
    BACKGROUND-COLOR: #fcfcfc;
}

.AppBackground1 {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#94B6E7,endColorStr=#DAE9FD);
}

.TopBarText {
    color: #00417A;
    font-size: 18pt;
    font: bolder;
}

.TopBarStyle {
    background: #fff;
}

.ReportTopBarStyle {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#4198CE,endColorStr=#CFE2F9);
    background-color: #BFD7F4; /*firefox*/
}

.TopBarBottomThickLine {
    background: #F7F7F7;
}

.TopBarMiddleThinLine {
    BACKGROUND-COLOR: #ffffff;
}

.LogoCell {
    background: #fff;
}

.LeftMenu {
    BORDER-RIGHT: solid thin #DFE3E7;
    background-color: #fcfcfc;
}

.LeftPanel {
    /*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#95B7E7,endColorStr=#D9E9FD)*/
    background-color: #BFD7F4; /*firefox*/
}

.LeftMenuHeadingCell {
    BORDER-BOTTOM: #000000 2px solid;
}

.TabPage {
    height: 100%;
    BORDER-RIGHT: #f7f7ef 0px outset;
    BORDER-TOP: #f7f7ef 0px outset;
    BORDER-LEFT: #f7f7ef 0px outset;
    BORDER-BOTTOM: #f7f7ef 0px outset;
}

.TabsBackground {
    BACKGROUND-COLOR: #f4f4f4;
}

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

.ReportStatusBackground {
    BACKGROUND-COLOR: #F2F8FB;
    /*BACKGROUND-COLOR: #DAEAF4*/
    /*BACKGROUND-COLOR: #C8DCF8*/
}

.InfoPanelBackground {
    BACKGROUND-COLOR: #C8DCF8;
}

A.MenuButtonActive:link {
    text-decoration: none;
    color: #00417A;
    font-size: 9pt;
    font-weight: bold;
    vertical-align: middle;
}

A.MenuButtonActive:active {
    text-decoration: none;
    color: #00417A;
    font-size: 9pt;
    font-weight: bold;
    vertical-align: middle;
}

A.MenuButtonActive:visited {
    text-decoration: none;
    color: #00417A;
    font-size: 9pt;
    font: bolder;
    vertical-align: middle;
}

A.MenuButtonActive:hover {
    text-decoration: none;
    color: #00417A;
    font-size: 9pt;
    font: bolder;
    vertical-align: middle;
}

A.MenuButtonInactive:link {
    text-decoration: none;
    color: #00417A;
    font-size: 9pt;
    vertical-align: middle;
}

A.MenuButtonInactive:active {
    text-decoration: none;
    color: #00417A;
    font-size: 9pt;
    font: bolder;
    vertical-align: middle;
}

A.MenuButtonInactive:visited {
    text-decoration: none;
    color: #00417A;
    font-size: 9pt;
    font: bolder;
    vertical-align: middle;
}

A.MenuButtonInactive:hover {
    text-decoration: none;
    color: #00417A;
    font-size: 9pt;
    vertical-align: middle;
}

A.MenuButtonInactive[disabled=disabled] {
    text-decoration: none;
    color: #aaa;
    font-size: 9pt;
    vertical-align: middle;
}

.MenuTdActive {
    white-space: nowrap;
    background: #DFE3E7;
    padding: .25em 1em;
}

    .MenuTdActive input {
        vertical-align: middle;
    }

.MenuTdInactive {
    padding: .25em 1em;
    white-space: nowrap;
}

    .MenuTdInactive input {
        vertical-align: middle;
    }

.AdminLogoutImg {
    vertical-align: middle;
}

.MenuHeading {
    color: #00417A;
    font-size: 10pt;
    font: bolder;
}

.MenuWelcome {
    color: #00417A;
    font-size: 10pt;
    font: bolder;
}

.MenuNameText {
    color: #00417A;
    font-size: 10pt;
}

.MenuDateText {
    color: #00417A;
    font-size: 8pt;
    font: bolder;
}

.PageText {
    color: #29416B;
    font-weight: bold;
    font-size: 9pt;
}

.PageTextRegular {
    color: #000000;
    font-size: 9pt;
}

.PageTextContent {
    color: #000000;
    font-size: 10pt;
}

.ReportPageText {
    color: #000000;
    font-size: 10pt;
}

.PageTextError {
    color: #FF0000;
    font-size: 10pt;
}

.PageTextErrorSmall {
    color: #FF0000;
    font-size: 9pt;
}

.PageTextSmall {
    color: #29416B;
    font-size: 9pt;
    font-weight: normal;
}

.PageTextHeading {
    color: #00417A;
    font-weight: bold; /*firefox uses font-weight*/
    font-size: 14pt;
}

.ReportHeaderText {
    color: #29416B;
    font-weight: bold;
    font-size: 9pt;
}

.ReportFooterText {
    color: #29416B;
    font-weight: bold;
    font-size: 9pt;
}

.ReportHeaderTextSmall {
    color: #00417A;
    font-size: 0.8em;
}

.ReportFooterTextSmall {
    color: #00417A;
    font-size: 0.8em;
}

.SubPageTextHeading {
    color: #000000;
    font-weight: bold;
    font-size: 13pt;
}

.SubPageConfirmationText {
    color: #29416B;
    font-size: 12pt;
}

.SubPageFrameStyle {
    background: #6A9CCD;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#6A9CCD,endColorStr=#D8EAFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#6A9CCD, endColorstr=#D8EAFF)";
    background: -webkit-linear-gradient(315deg, #6A9CCD 0%,#D8EAFF 100%);
    background: -moz-linear-gradient(315deg, #6A9CCD 0%,#D8EAFF 100%);
    background: -o-linear-gradient(315deg, #6A9CCD 0%,#D8EAFF 100%);
    background: linear-gradient(135deg, #6A9CCD 0%,#D8EAFF 100%);
}

.SubPageFrameStyleImg {
    background: #6A9CCD;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#D8EAFF,endColorStr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#D8EAFF, endColorstr=#ffffff)";
    background: -webkit-linear-gradient(315deg, #D8EAFF 0%,#ffffff 100%);
    background: -moz-linear-gradient(315deg, #D8EAFF 0%,#ffffff 100%);
    background: -o-linear-gradient(315deg, #D8EAFF 0%,#ffffff 100%);
    background: linear-gradient(135deg, #D8EAFF 0%,#ffffff 100%);
}

.SubPageFrameText {
    color: #FFFFFF;
    font: bold;
    font-size: 9pt;
}

.SubPageQuestionTextHeading {
    color: #00417A;
    font: bold;
    font-size: 13pt;
}

.SubPageConfirmationText {
    color: #29416B;
    font: bold;
    font-size: 11pt;
}

.ListPanelStyle {
    BORDER-RIGHT: #99ffff 1px;
    BORDER-TOP: #99ffff 1px;
    BORDER-LEFT: #99ffff 1px;
    BORDER-BOTTOM: #99ffff 1px;
    padding: 0 0.5em;
}

.QuestionPanelStyle {
    BORDER-RIGHT: #d4d0c8 2px outset;
    BORDER-TOP: #d4d0c8 2px outset;
    BORDER-LEFT: #d4d0c8 2px outset;
    BORDER-BOTTOM: #d4d0c8 2px outset;
}

.DivGridStyle {
    overflow: auto;
    padding: 0.08em;
    WIDTH: 100%;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #ffffff;
    border: solid thin #98a7ba !important;
}

.DivGridStyle_Question_List {
    overflow: auto;
    padding: 0.08em;
    WIDTH: 100%;
    HEIGHT: 100%;
    min-height:200px;
    BACKGROUND-COLOR: #ffffff;
    border: solid thin #98a7ba !important;
}

.DivGridStyle_overflow_visible {
    padding: .08em;
    overflow: visible;
    WIDTH: 100%;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #ffffff;
    border: solid thin #98a7ba !important;
}

.DivGridStylePX {
    overflow: auto;
    _OVERFLOW: inherit;
    WIDTH: 100%;
    height: 100%;
    BACKGROUND-COLOR: #ffffff;
    border: solid thin #98a7ba;
}

.DefinitionGridStyle {
    BORDER-RIGHT: #ccccff 1px inset;
    BORDER-TOP: #ccccff 1px inset;
    OVERFLOW: auto;
    BORDER-LEFT: #ccccff 1px inset;
    WIDTH: 95%;
    BORDER-BOTTOM: #ccccff 1px inset;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #f5f5f5;
}

.QuestionGridStyle {
    OVERFLOW: auto;
    WIDTH: 95%;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #f7f7f7;
    border: solid thin #cccccc;
    padding: 0 0.5em;
}

.QuestionGridStylePX {
    OVERFLOW: auto;
    WIDTH: 95%;
    HEIGHT: 48em;
    BACKGROUND-COLOR: #f7f7f7;
    border: solid thin #cccccc;
    padding: 0 0.5em;
}

.UserManaGridStyle {
    OVERFLOW: auto;
    WIDTH: 100%;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #dae9fd;
}

A.TabChildLink:link {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10pt;
}

A.TabChildLink:active {
    text-decoration: none;
    color: #003399;
    font-size: 10pt;
}

A.TabChildLink:visited {
    text-decoration: none;
    color: #003399;
    font-size: 10pt;
}

A.TabChildLink:hover {
    text-decoration: none;
    color: #003399;
    font-size: 10pt;
}

A.TabActiveLink:link {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10pt;
}

A.TabActiveLink:active {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10pt;
}

A.TabActiveLink:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10pt;
}

A.TabActiveLink:hover {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10pt;
}

A.TabChildActiveLink {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10pt;
}

    A.TabChildActiveLink:link {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 10pt;
    }

    A.TabChildActiveLink:active {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 10pt;
    }

    A.TabChildActiveLink:visited {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 10pt;
    }

    A.TabChildActiveLink:hover {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 10pt;
    }

A.TabLink:link {
    text-decoration: none;
    font-size: 10pt;
    color: #00417A;
    cursor: default;
}

A.TabLink:active {
    text-decoration: none;
    color: #000000;
    font-size: 10pt;
}

A.TabLink:visited {
    text-decoration: none;
    color: #000000;
    font-size: 10pt;
}

A.TabLink:hover {
    text-decoration: none;
    color: #000000;
    font-size: 10pt;
}

.TabChildActive {
    background: #C3D8E2;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C3D8E2, endColorstr=#fcfcfc);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C3D8E2, endColorstr=#fcfcfc)";
    background: -webkit-gradient(linear, left top, left bottom, from(#C3D8E2),color-stop(50%, #fcfcfc),to(#fcfcfc));
    background: -webkit-linear-gradient(top, #C3D8E2 0%,#fcfcfc 50%,#fcfcfc 100%);
    background: -moz-linear-gradient(top, #C3D8E2 0%,#fcfcfc 50%,#fcfcfc 100%);
    background: -o-linear-gradient(top, #C3D8E2 0%,#fcfcfc 50%,#fcfcfc 100%);
    background: linear-gradient(to bottom, #C3D8E2 0%,#fcfcfc 50%,#fcfcfc 100%);
    padding: 0.2em 0.5em;
    -webkit-border-radius: 0.25em 0.25em 0 0;
       -moz-border-radius: 0.25em 0.25em 0 0;
            border-radius: 0.25em 0.25em 0 0;
    border: solid thin #DDD;
    border-bottom: solid thin #fcfcfc;
}

.TabActive {
    background: #C3D8E2;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C3D8E2, endColorstr=#fcfcfc);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C3D8E2, endColorstr=#fcfcfc)";
    background: -webkit-gradient(linear, left top, left bottom, from(#C3D8E2),color-stop(50%, #fcfcfc),to(#fcfcfc));
    background: -webkit-linear-gradient(top, #C3D8E2 0%,#fcfcfc 50%,#fcfcfc 100%);
    background: -moz-linear-gradient(top, #C3D8E2 0%,#fcfcfc 50%,#fcfcfc 100%);
    background: -o-linear-gradient(top, #C3D8E2 0%,#fcfcfc 50%,#fcfcfc 100%);
    background: linear-gradient(to bottom, #C3D8E2 0%,#fcfcfc 50%,#fcfcfc 100%);
    padding: 0.2em 0.5em;
    -webkit-border-radius: 0.25em 0.25em 0 0;
       -moz-border-radius: 0.25em 0.25em 0 0;
            border-radius: 0.25em 0.25em 0 0;
    border-right: solid thin #f4f4f4;
}

.TabChild {
    CURSOR: pointer;
    BACKGROUND-COLOR: #6a9ccd;
    padding: 0.2em 0.5em;
    -webkit-border-radius: 0.25em 0.25em 0 0;
       -moz-border-radius: 0.25em 0.25em 0 0;
            border-radius: 0.25em 0.25em 0 0;
    border-top: solid thin #666666;
    border-top: solid thin #dddddd;
    border-bottom: solid thin white;
    border: solid thin #F7F7EF;
}

.TabChildLast {
    BACKGROUND-COLOR: #f7f7f7;
    border: solid thin #f7f7f7;
}

.Tab {
    CURSOR: pointer;
    BACKGROUND-COLOR: #6a9ccd;
    padding: 0.2em 0.5em;
    -webkit-border-radius: 0.25em 0.25em 0 0;
       -moz-border-radius: 0.25em 0.25em 0 0;
            border-radius: 0.25em 0.25em 0 0;
    border-right: solid thin #f4f4f4;
}

.SubTabActive {
    BACKGROUND-COLOR: #C8DCF8;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    MARGIN-TOP: 4px;
    MARGIN-LEFT: 4px;
    MARGIN-RIGHT: 4px;
    MARGIN-BOTTOM: 0px;
    BORDER-TOP: 3px outset #F7F7EF;
    BORDER-LEFT: 3px outset #F7F7EF;
    BORDER-RIGHT: 3px outset #F7F7EF;
    BORDER-BOTTOM: 0px outset #F7F7EF;
}

.SubTab {
    CURSOR: hand;
    BACKGROUND-COLOR: #6B9CCE;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;
    MARGIN-BOTTOM: 0px;
    BORDER-TOP: 1px outset #F7F7EF;
    BORDER-LEFT: 1px outset #F7F7EF;
    BORDER-RIGHT: 1px outset #F7F7EF;
    BORDER-BOTTOM: 1px outset #F7F7EF;
}

.DdlText {
    color: #000000;
    font-size: 8pt;
}

.GridMainSytle {
    font-size: 8pt;
    BACKGROUND-COLOR: #ffffff;
    border: thin solid #ffffff;
    outline: solid thin #eeeeee;
}

.NoExpandGridMainSytle {
    font-size: 8pt;
    BACKGROUND-COLOR: #ffffff;
    border: thin solid #ffffff;
    outline: solid thin #eeeeee;
}

.GridItemStyle {
    color: #00417A;
    font-size: 8pt;
    *background-color: #F5F5F6;
}

.GridAlternatingStyle {
    color: #00417A;
    background-color: #ffffff;
    font-size: 8pt;
}

    .GridItemStyle:hover, .GridAlternatingStyle:hover {
        color: #00417A;
        background-color: #fcefe3;
        font-size: 8pt;
    }

.GridMouseOverStyle {
    color: #00417A;
    background-color: #fcefe3;
    font-size: 8pt;
}

.GridHeaderStyle th {
    text-align: center;
}

.GridMainSytle td, .GridHeaderStyle th {
    border: thin solid #ffffff;
    *border: none;
}

.GridItemStyle td {
    border: solid thin #ffffff;
    border-bottom: solid thin #eeeeee;
}

.GridAlternatingStyle td {
    border: solid thin #ffffff;
    border-bottom: solid thin #eeeeee;
}

.GridSelectedStyle {
    color: #00417A;
    background-color: #DCC7B4;
    Border: Dotted;
}

.GridFooterStyle {
    color: #00417A;
    font-size: 8pt;
    background-color: #000000;
}

.PagerStyle {
    color: #00417A;
    font-size: 8pt;
    background-color: #eaeaea;
}

.HighContrastPagerStyle {
    color: #00417A;
    font-size: 8pt;
    background-color: #eaeaea;
}

    .HighContrastPagerStyle span {
        -webkit-border-radius: 0.2em;
           -moz-border-radius: 0.2em;
                border-radius: 0.2em;
        padding: 0 0.25em;
        color: #ffffff;
        background: #6B9CCE;
    }

.GridHeaderStyle {
    font: bold;
    color: #FFFFFF;
    text-decoration: none;
    border: solid;
    font-size: 8pt;
    background-color: #6b9cce;
    height: 28px;
}

    .GridHeaderStyle a {
        color: white;
    }

.GridCustomColumnHeader {
    font: bold;
    color: #FFFFFF;
    font-size: 8pt;
}

.QuestionStyle {
    PADDING: 4px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff);
    COLOR: #000000;
    background-color: #CEE6F7; /*firefox*/
}

.QuestionStylePrint {
    PADDING: 4px;
    /* FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#ffffff); */
    /* background-color: #FFFFFF; */
    COLOR: #000000;
}

.QuestionNumberStyle {
    PADDING: 2px 4px 2px 4px;
    *PADDING: 1px 4px 1px 4px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff);
    COLOR: #000000;
    background-color: #CEE6F7; /*firefox*/
}

.SectionStyle {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#CEE6F7);
    PADDING: 4px;
    COLOR: #000000;
    BACKGROUND-COLOR: #CEE6F7; /*firefox*/
}

.QuestionStylePrint {
    BACKGROUND-COLOR: #DAE9FD;
    PADDING: 4px;
}

.QuestionNumberStylePrint {
    BACKGROUND-COLOR: #DAE9FD;
    PADDING: 4px;
}

.SectionStylePrint {
    BACKGROUND-COLOR: #C8DCF8;
    PADDING: 4px;
}

.MatrixOddRow {
    BACKGROUND-COLOR: #CFE2F9;
}

.MatrixEvenRowPrint {
    BACKGROUND-COLOR: #CFE2F9;
}

.MatrixOddRowPrint {
    BACKGROUND-COLOR: #DAE9FD;
}

.ControlStyle {
    PADDING: 4px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#84BEE7,endColorStr=#ffffff);
    COLOR: #000000;
    BORDER-RIGHT: #645A4F 0pt solid;
    BORDER-TOP: #645A4F 0pt solid;
    BORDER-LEFT: #645A4F 0pt solid;
    BORDER-BOTTOM: #645A4F 0pt solid;
}

.TabularText {
    font-size: 8.5pt;
}

.TabularTextBold { /*new from BlueEvaluation 3.14*/
    font-size: 8.5pt;
    font-weight: bold;
}

.TabularTextSubHeading {
    font-size: 12pt;
}

.TabularTextHeading {
    font-size: 10pt;
    font: bold;
}

.LoginBanner {
    BACKGROUND-COLOR: #DAE9FD;
}

.sp {
    padding: 0 0.25em;
}

.SelectedLanguageLinkStyle {
    color: GrayText;
    font-size: 10pt;
    text-decoration: none;
}

.LanguageLinkStyle {
    color: #00417A;
    font-size: 10pt;
    text-decoration: none;
}

    .LanguageLinkStyle:hover {
        color: #CC0000;
        font-size: 10pt;
        text-decoration: underline;
    }

.FONT_EDIT_SMALL {
    font-size: 11px;
}

.FONT_EDIT_BIG {
    font-size: 10pt;
    font-weight: bold;
}

.FONT_EDIT_MEDIUM {
    font-size: 9pt;
}

.FONT_VIEW_QUESTIONTABLE_MEDIUM {
    font-size: 8.5pt;
}

.FONT_VIEW_METATABLE_BIG {
    font-size: 8.5pt;
}

.FONT_VIEW_QUESTIONTABLE_BIG {
    font-size: 12pt;
    font-weight: normal;
}

.FONT_VIEW_QUESTIONTABLE_SECTION {
    font-size: 13pt;
    font-weight: bold;
}

.FONT_VIEW_QUESTIONTABLE_SMALL {
    font-size: 8pt;
}

.FONT_VIEW_QUESTIONTABLE_SMALL_ITLIC {
    font-size: 8pt;
    font-style: Italic;
}

.AppButtonAsLink_first {
    border: thin solid gray;
    cursor: pointer;
    margin-left: .25em;
    margin-right: 0;
    padding-left: .25em;
    padding-right: .25em;
    background: #ffffff url(../images/pagetop.gif) no-repeat;
    background-position: center;
    height: 1.5em;
    width: 2.5em;
}

.AppButtonAsLink_first_Disabled {
    border: thin solid gray;
    cursor: text;
    margin-left: .25em;
    margin-right: 0;
    padding-left: .25em;
    padding-right: .25em;
    background: #ffffff url(../images/pagetop_off.gif) no-repeat;
    background-position: center;
    height: 1.5em;
    width: 2.5em;
}

.AppButtonAsLink_previous {
    border: thin solid gray;
    cursor: pointer;
    margin-left: .25em;
    margin-right: 0;
    padding-left: .25em;
    padding-right: .25em;
    background: #ffffff url(../images/pageup.gif) no-repeat;
    background-position: center;
    height: 1.5em;
    width: 2.5em;
}

.AppButtonAsLink_previous_Disabled {
    border: thin solid gray;
    cursor: text;
    margin-left: .25em;
    margin-right: 0;
    padding-left: .25em;
    padding-right: .25em;
    background: #ffffff url(../images/pageup_off.gif) no-repeat;
    background-position: center;
    height: 1.5em;
    width: 2.5em;
}

.AppButtonAsLink_next {
    border: thin solid gray;
    cursor: pointer;
    margin-left: .25em;
    margin-right: 0;
    padding-left: .25em;
    padding-right: .25em;
    background: #ffffff url(../images/pagedown.gif) no-repeat;
    background-position: center;
    height: 1.5em;
    width: 2.5em;
}

.AppButtonAsLink_next_Disabled {
    border: thin solid gray;
    cursor: text;
    margin-left: .25em;
    margin-right: 0;
    padding-left: .25em;
    padding-right: .25em;
    background: #ffffff url(../images/pagedown_off.gif) no-repeat;
    background-position: center;
    height: 1.5em;
    width: 2.5em;
}

.AppButtonAsLink_last {
    border: thin solid gray;
    cursor: pointer;
    margin-left: .25em;
    margin-right: 0;
    padding-left: .25em;
    padding-right: .25em;
    background: #ffffff url(../images/pagebottom.gif) no-repeat;
    background-position: center;
    height: 1.5em;
    width: 2.5em;
}

.AppButtonAsLink_last_Disabled {
    border: thin solid gray;
    cursor: text;
    margin-left: .25em;
    margin-right: 0;
    padding-left: .25em;
    padding-right: .25em;
    background: #ffffff url(../images/pagebottom_off.gif) no-repeat;
    background-position: center;
    height: 1.5em;
    width: 2.5em;
}

.BlueListPageInfo {
    margin-left: .5em;
    margin-right: .5em;
    vertical-align: middle;
    color: #00417A;
    position: absolute;
    margin-top: 0.45em;
    font-size: 0.85em;
}
/*new Edit report styles*/
.ExportBlockDetails {
    margin: 15px;
    padding: 10px;
    border: solid 1px #ccc;
}

Table.ResponseThresholdSettingTable{
    margin-left: 20px;
    width: 100%;
}

.EditPageWidthDiv {
    width: 98%;
    text-align: left;
}

    .EditPageWidthDiv select, .EditPageWidthDiv textarea, .EditPageWidthDiv input[type="text"]:not(.form-control) {
        margin-bottom: .35em;
    }

.BlockPreviewDiv {
    width: 100%;
    text-align: left;
    background-color: White;
    padding: 0.25em 2em 2em 2em;
}

    .BlockPreviewDiv .EditPageWidthDiv {
        width: 100% !important;
        margin-top: 1em !important;
    }

.QRatingTypeFieldset1 {
    text-align: left;
    border: 1;
    width: 95%;
    *width: 97%;
    border-style: solid;
    *border-style: outset;
    border-width: thin;
    border-color: #c3d4db;
    padding-top: .5em;
    padding-bottom: .5em;
    *padding-bottom: .75em;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    *padding-left: 0.85em;
    *padding-right: 0.85em;
}

.QRatingTypeFieldset {
    border: 1;
    width: 96%;
    *width: 98%;
    border-style: solid;
    *border-style: outset;
    border-width: thin;
    border-color: #c3d4db;
    padding-top: .5em;
    padding-bottom: .5em;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    margin: 0 auto;
    margin-bottom: 0.5em;
    *padding-left: 0.85em;
    *padding-right: 0.85em;
}

    .QRatingTypeFieldset:hover {
        background: #f7f7f7;
    }

.TypeSelectionSpan {
    white-space: nowrap;
    margin-left: 0.25em;
    margin-right: 0.5em;
}

.FieldsetOptionDiv {
    margin-top: .25em;
    *margin-top: .5em;
    margin-left: .5em;
    *margin-left: 1em;
    line-height: 1.85;
}

    .FieldsetOptionDiv label {
        margin-right: .75em;
    }

    .FieldsetOptionDiv span {
        margin-right: .25em;
    }

    .FieldsetOptionDiv select {
        margin-right: .75em;
    }

    .FieldsetOptionDiv input[type="text"]:not(.form-control) {
        margin: 0.1em 0;
    }

.fieldOptionHR {
    width: 98%;
    border-top: solid thin #c3d4db;
    *border-top: outset thin #c3d4db;
}

.PresentationDiv {
    padding-left: 1em;
    *padding-left: .75em;
    margin-bottom: .25em;
    text-align: left;
}

/*end of new Edit report styles*/


/*manage report styles*/
td.TwoColumnsInOneRow {
    position: relative;
}

td.TwoColumnsInOneRow select.SecondColumn {
    width: 60%;
}
/*end of manage report styles*/


/*Report list controller*/
.ReportListBackground {
    BACKGROUND-COLOR: #f7f7f7;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
}

.ReportListTopbarWrap {
    height: 9.2ex;
}

.ReportListTopbar {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#BFD7F4,endColorStr=#FFFFFF);
    background-color: #BFD7F4; /*firefox*/
}

.ReportListLogoCell {
    BORDER-RIGHT: #808073 1px solid;
    BORDER-TOP: #808073 1px solid;
    BORDER-LEFT: #808073 1px solid;
    BORDER-BOTTOM: #749cdf 0px solid;
    BACKGROUND-COLOR: #ffffff;
    display: inline;
    float: left;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 10em;
}

.LogoImg {
    margin-top: .4em;
}

.ReportResponesImageLarge {
    width: 52.5em;
}

.ReportResponesImageMedium {
    width: 43em;
}

.ReportResponesImageSmall {
    width: 15em;
}

.ReportListContainer {
    display: block;
    vertical-align: top;
    text-align: left;
    height: 100% auto;
    width: 100% auto;
    padding: 0.5em;
    margin: 0;
}

.ReportListFilter {
    BACKGROUND-COLOR: #f7f7f7;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    display: inline;
    float: left;
    text-align: left;
}

.ReportListButtonPanel {
    display: block;
    text-align: left;
    background-color: #f7f7f7;
    margin-top: .25em;
}

.poweredByBlueLogoDiv {
    padding: .5em .25em .25em .25em;
    display: inline;
    float: right;
    text-align: center;
}

    .poweredByBlueLogoDiv img {
        border: 0;
    }

/*right to left*/
.ReportListRTL .ReportListLogoCell {
    BORDER-RIGHT: #808073 0px solid;
    BORDER-TOP: #808073 0px solid;
    BORDER-LEFT: #808073 0px solid;
    BORDER-BOTTOM: #749cdf 0px solid;
    BACKGROUND-COLOR: #ffffff;
    display: inline;
    float: right;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 10em;
}

.ReportListRTL .ReportListContainer {
    display: block;
    vertical-align: top;
    text-align: right;
    height: 100% auto;
    width: 100% auto;
    padding: 0.5em;
    margin: 0;
}

.ReportListRTL .ReportListFilter {
    BACKGROUND-COLOR: #ffffff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    display: inline;
    float: right;
    text-align: right;
}

.ReportListRTL .ReportListButtonPanel {
    display: block;
    text-align: right;
    background-color: #ffffff;
    margin-top: .25em;
}

.ReportListRTL .poweredByBlueLogoDiv {
    padding: .5em .25em .25em .25em;
    display: inline;
    float: left;
    text-align: center;
}
/*end of right to left*/
/*end of Report list controller*/

/*New view Condensed-Report*/
#reportView, #reportViewRTL {
    width: 6.9in;
    margin: 0 auto;
    color: #00417A;
    background: #ffffff;
}

@media screen {
    .languageLinks {
        font-size: .95em;
    }

    .languageLinksPageContainer {
        width: 43em;
        margin-left: auto;
        margin-right: auto;
    }

    .SelectedLanguageStyle {
        color: GrayText;
        font-size: .95em;
    }

    .languageLinks {
        margin-bottom: 1em;
        text-align: right;
    }

        .languageLinks a:link {
            font-size: .95em;
        }

        .languageLinks a {
            text-decoration: none;
            color: #00417A;
            margin-bottom: 1em;
        }

            .languageLinks a:visited {
                text-decoration: none;
                color: #00417A;
                margin-bottom: 1em;
            }

            .languageLinks a:hover {
                text-decoration: underline;
                color: #00417A;
            }

    .ReportViewPageTextError {
        color: #FF0000;
        font-size: 10pt;
    }

    .coverPageTableStyle {
        WIDTH: 41em;
        margin-left: auto;
        margin-right: auto;
        border-top: solid thin #C3D4DB;
        border-bottom: solid thin #C3D4DB;
        padding: 1em;
    }

        .coverPageTableStyle img {
            border: solid 0 white;
        }

    .coverPageLogoBlock {
        margin: 1em 0;
    }

     .coverPageLogoBlock img {
        height: 80px;
         width: auto;
    }
 
    .coverPageTitleBlock {
        text-align: center;
    }

    .coverPageContentBlock {
        margin-top: .5em;
        text-align: left;
    }

    .coverPageCommentsBlock {
        margin-top: 2em; /*margin-left:5%; margin-right:5%;*/
        text-align: center;
    }

    .coverPageSignatureBlock {
        margin-top: 5em;
        text-align: left;
    }

    .coverPageBottomBlock {
        margin-top: 1em;
        text-align: right;
    }

    .coverEvenComments {
        background-color: #dcecf2;
        text-align: left;
        padding: 0 .25em 0 .25em;
    }

    .coverOddComments {
        background-color: white;
        text-align: justify;
        padding: 0 .25em 0 .25em;
    }

    .reportPageStyle {
        WIDTH: 41em;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .reportHeaderStyle {
        DISPLAY: none;
    }

    .reportFooterStyle {
        DISPLAY: none;
    }

    .toggleImgDiv {
        text-align: right;
        border: none;
    }

        .toggleImgDiv img {
            border: none;
        }

    .TOC_div {
        margin-bottom: 2em;
        padding: 1em;
        WIDTH: 41em;
        border-style: solid;
        border-width: .07em;
        border-color: #c3d4db;
        background-color: #F7F7F7;
        margin-left: auto;
        margin-right: auto;
    }

        .TOC_div a {
            color: #00417A;
            text-decoration: none;
        }

            .TOC_div a:hover {
                text-decoration: underline;
                color: #00417A;
            }

        .TOC_div h1 {
            font-weight: bold;
            font-size: 1.1em;
        }

        .TOC_div h2 {
            font-weight: normal;
            font-size: 1em;
        }

        .TOC_div hr {
            border-bottom: double .25em #c3d4db;
            *height: .25em;
        }

    .TOC_divHide {
        DISPLAY: none;
    }

    .Report_TOC {
        font-weight: normal;
        font-size: 1.1em;
        text-align: center;
    }

    .Report_TOCHide h2 {
        font-weight: normal;
        font-size: 1.1em;
        text-align: center;
    }

    .ChildReportSkipNav {
        font-size: .8em;
    }

    .div_ReturnToTopOfPage {
        text-align: right;
        width: 40.6em;
        margin-top: .2em;
    }

    .Anchor_ReturnToTopOfPage {
        font-size: .8em;
        text-decoration: none;
        color: #00417A;
    }

        .Anchor_ReturnToTopOfPage:hover {
            font-size: .8em;
            text-decoration: underline;
            color: #00417A;
        }

    .Anchor_ReturnToTopOfPageHide {
        DISPLAY: none;
    }

    .ContinueBlockTitle {
        DISPLAY: none;
    }

    .ContinueBlockDetails {
        Display: none;
    }

    /*Right to Left*/
    #reportViewRTL .languageLinks {
        margin-bottom: 1em;
        text-align: left;
    }

    #reportViewRTL .coverPageContentBlock {
        margin-top: .5em;
        text-align: right;
    }

    #reportViewRTL .coverPageSignatureBlock {
        margin-top: 5em;
        text-align: right;
    }

    #reportViewRTL .coverPageBottomBlock {
        margin-top: 1em;
        text-align: left;
    }

    #reportViewRTL .coverEvenComments {
        background-color: #dcecf2;
        text-align: right;
        padding: 0 .25em 0 .25em;
    }

    #reportViewRTL .toggleImgDiv {
        text-align: left;
        border: none;
        display: block;
    }

    #reportViewRTL .div_ReturnToTopOfPage {
        text-align: left;
        width: 40.6em;
        margin-top: .2em;
    }
    /*end of right to Left*/
}

@media print {
    .languageLinksPageContainer {
        DISPLAY: none;
        margin-left: auto;
        margin-right: auto;
    }

    .languageLinks {
        DISPLAY: none;
    }

    .ReportViewPageTextError {
        DISPLAY: none;
        height: 0em;
    }

    .coverPageTableStyle {
        WIDTH: 6.8in;
        HEIGHT: 9.3in;
        margin-left: auto;
        margin-right: auto;
    }

        .coverPageTableStyle img {
            border: solid 0 white;
        }

    .coverPageLogoBlock {
        height: 8%;
    }

    .coverPageSpaceBlock {
        height: 2%;
    }

    .coverFullTitle {
        height: 13%;
    }

    .coverPageTitleBlock {
        text-align: center;
    }

    .coverPageContentBlock {
        margin-top: .5em;
        text-align: left;
    }

    .coverPageCommentsBlock {
        margin-top: 1em; /*margin-left:5%; margin-right:5%;*/
        height: 55%;
        text-align: justify;
    }

    .coverPageSignatureBlock {
        margin-top: 1em;
        height: 5%;
        text-align: left;
    }

    .coverPageBottomBlock {
        margin-top: 1em;
        height: 3%;
        text-align: right;
    }

    .coverEvenComments {
        background-color: #dcecf2;
        text-align: left;
        padding: 0 .25em 0 .25em;
    }

    .coverOddComments {
        background-color: white;
        text-align: justify;
        padding: 0 .25em 0 .25em;
    }

    .toggleImgDiv {
        text-align: right;
        border: none;
        display: none;
    }

        .toggleImgDiv img {
            border: none;
            display: none;
        }

    .reportPageStyle {
        WIDTH: 6.8in;
        HEIGHT: 9.3in;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .reportHeaderStyle {
        color: #00417A;
        DISPLAY: block;
        margin-bottom: .5em;
    }

    .reportFooterStyle {
        color: #00417A;
        DISPLAY: block;
        position: absolute;
        bottom: 0em;
        margin-top: .5em;
    }

    .TOC_div {
        DISPLAY: none;
    }

    .Report_TOC {
        DISPLAY: none;
    }

    .ChildReportSkipNav {
        DISPLAY: none;
    }

    .div_ReturnToTopOfPage {
        DISPLAY: none;
    }

    .Anchor_ReturnToTopOfPage {
        DISPLAY: none;
    }

    .PageBreakStyle {
        PAGE-BREAK-AFTER: always;
        height: 0;
    }

    .TOC_divHide H1, HR {
        display: none;
        height: 0;
    }

    .ContinueBlockTitle {
        text-align: left;
        font-weight: bold;
        font-size: 1em;
        margin-bottom: .5em;
    }

    .ContinueBlockDetails {
        font-size: .9em;
        text-align: justify;
        margin-bottom: .5em;
    }

    /*Right to Left*/
    #reportViewRTL .coverPageContentBlock {
        margin-top: .5em;
        text-align: right;
    }

    #reportViewRTL .coverPageSignatureBlock {
        margin-top: 1em;
        height: 5%;
        text-align: right;
    }

    #reportViewRTL .coverPageBottomBlock {
        margin-top: 1em;
        height: 3%;
        text-align: left;
    }

    #reportViewRTL .coverEvenComments {
        background-color: #dcecf2;
        text-align: right;
        padding: 0 .25em 0 .25em;
    }

    #reportViewRTL .toggleImgDiv {
        text-align: left;
        border: none;
        display: none;
    }
    /*end of right to Left*/
}

/* cover page */
.CoverStatusTitle {
    Font-Size: 1em;
    font-weight: bold;
}

.CoverStatus {
    Font-Size: .8em;
}

.CoverCommentTitle {
    font-size: .75em;
    font-weight: bold;
}

.CoverComment {
    font-size: .75em;
    font-weight: normal;
}

.CoverSignatureTitle {
    Font-Size: .95em;
    font-weight: bold;
}

.CoverSignature {
    Font-Size: .95em;
}

.CoverDateTitle {
    font-weight: bold;
    font-size: .75em;
}

.CoverDate {
    font-size: .75em;
}

.CoverPoweredByBlue {
}

.coverPageTitleBlock a:hover {
    margin-top: 0em;
    margin-bottom: 0em;
    text-align: center;
    font-size: 1em;
    text-decoration: none;
}

.coverPageTitleBlock h2 {
    margin-top: 0em;
    margin-bottom: 0em;
    text-align: left;
    font-size: 1.1em;
    text-decoration: none;
}

.CoverTabular {
    margin-bottom: .5em;
    width: 100%;
    font-size: .75em;
}
/* end of Cover page*/

hr.spaceThin {
    height: .1em;
    border: 0;
    color: #ffffff;
    background-color: #ffffff;
    width: 100%;
}

hr.spaceMiddle {
    height: .5em;
    border: 0;
    color: #ffffff;
    background-color: #ffffff;
    width: 100%;
}

hr.spaceThick {
    height: 2em;
    border: 0;
    color: #ffffff;
    background-color: #ffffff;
    width: 100%;
}

hr.solidThin {
    margin-top: 1em;
    height: .1em;
    border: 0;
    color: #d3d3d3;
    background-color: #d3d3d3;
    width: 100%;
}

.spaceThin {
    height: .1em;
    border: 0;
    color: #ffffff;
    background-color: #ffffff;
    width: 100%;
}

.spaceMiddle {
    height: .5em;
    border: 0;
    color: #ffffff;
    background-color: #ffffff;
    width: 100%;
}

.spaceThick {
    height: 2em;
    border: 0;
    color: #ffffff;
    background-color: #ffffff;
    width: 100%;
}

.solidThin {
    margin-top: 1em;
    height: .1em;
    border: 0;
    color: #d3d3d3;
    background-color: #d3d3d3;
    width: 100%;
}

.PrintPageWidthDiv {
    margin-top: 1em;
    text-align: center;
}

.ReportHeader {
    font-size: 1em;
}

.ReportFooter {
    font-size: .8em;
}

.ReportPageNumber {
    margin-left: 44em;
    font-size: .8em;
}

.SectionHeading {
    padding: 0;
}

.ReportBlockTitle a:hover {
    text-decoration: none;
    font-size: 1em;
}

.ReportBlockTitle {
    margin-top: .8em;
    margin-bottom: .5em;
    _padding-left: 7px;
    _padding-right: 7px;
}

    .ReportBlockTitle h3, h4 {
        display: inline;
        font-weight: bold;
        font-size: 1em;
    }

.ReportBlockDetails {
    margin-bottom: 1em;
    font-size: .9em;
    text-align: justify;
}

.NoRespMsg {
    margin: 0 1% 0 1%;
}

.CondensedTabular {
    /*margin-top: .5em;*/
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    width: 100%;
    border-style: solid;
    border-width: .1em;
    border-color: #c3d4db; /*#dcecf2;*/
    font-size: .75em;
}

.CondensedTabularTotal {
    /*margin-top: .5em;*/
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    width: 100%;
    border-style: double;
    border-width: .4em;
    border-color: #c3d4db; /*#dcecf2;*/
    font-size: .75em;
}

.CondensedTabularFixedFullWidth {
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    width: 100%;
    border-style: solid;
    border-width: .1em;
    border-color: #c3d4db; /*#dcecf2;*/
    font-size: .75em;
    margin-top: .35em;
}

.CondensedTabularFixedHalfWidth {
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    width: 100%;
    border-style: solid;
    border-width: .1em;
    border-color: #c3d4db; /*#dcecf2;*/
    font-size: .75em;
    margin-top: .35em;
}

caption {
    font-size: 1.2em;
    text-align: left;
}

.CondensedTabularHeaderRows {
    background-color: #dcecf2;
}

.CondensedTabularEvenRows {
    background-color: #F0F0F0;
}

    .CondensedTabularEvenRows:hover {
        background-color: #F8E9D8;
    }

.CondensedTabularOddRows {
    background-color: white;
}

    .CondensedTabularOddRows:hover {
        background-color: #F8E9D8;
    }

.TabularHeader_Title {
    width: 100%;
    font-weight: bold;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularHeader_LeftColumn {
    font-weight: bold;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularHeader_RightBottomColumn {
    font-weight: bold;
    text-align: right;
    vertical-align: bottom;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.CoverTabular .TabularHeader_LeftColumn {
    width: 30%;
    word-break: normal;
}

.TabularHeader_LeftColumn_Main {
    width: 100%;
    font-weight: bold;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularHeader_MiddleColumn {
    font-weight: bold;
    text-align: center;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularHeader_MiddleColumn_NoWrap {
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.rowGroupHeader {
    vertical-align: top;
}

.TabularHeader_MiddleColumn_Main {
    width: 100%;
    font-weight: bold;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    *white-space: nowrap;
}

.TabularHeader_RightColumn {
    font-weight: bold;
    text-align: center;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularHeader_RightColumn_NoWrap {
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularRowHeader_Total {
    font-weight: bold;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularRowHeader_GroupedRows {
    font-weight: bold;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    background-color: #ffffff;
    vertical-align: text-top;
}

.TabularBody_LeftColumn {
    font-weight: normal;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularBody_LeftColumn_NoWrap {
    white-space: nowrap;
    font-weight: normal;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    *padding-left: 0em;
    *padding-right: 0em;
}

.TabularBody_RightColumn_NoWrap2 {
    white-space: nowrap;
    font-weight: normal;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    *padding-left: 0em;
    *padding-right: 0em;
}

.TabularBody_MiddleColumn_NoWrap {
    white-space: nowrap;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularBody_MiddleColumn_Main {
    width: 100%;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularBody_MiddleColumn_Strong {
    white-space: nowrap;
    font-weight: bold;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularBody_RightColumn {
    white-space: normal;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularBody_RightColumn_NoWrap {
    white-space: nowrap;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularBody_RightColumn_Center {
    white-space: nowrap;
    text-align: center;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularBody_RightColumn_Strong {
    white-space: nowrap;
    font-weight: bold;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.TabularBody_RightColumn_FullWidth {
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    width: 100%;
}

.ChartTotal {
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    margin-bottom: .2em;
    max-width: 100%;
    _width: 100%;
    border: double thin #eee;
}

.ChartEvenRow {
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    /*margin-bottom:.2em;*/
    width: 100%;
    _width: 100%;
    border-style: solid;
    border-width: .07em;
    border-color: #eee;
    background-color: #f0f0f0;
    overflow: hidden;
}

.ChartOddRow {
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    /*margin-bottom:.2em;*/
    width: 100%;
    _width: 100%;
    border-style: solid;
    border-width: .07em;
    border-color: #eee;
    overflow: hidden;
}


.ResponseTableWithTextWrapper,
.CategoryGroupingChartWrapper {
    border: thin solid;
}

.flex-flow-wrap-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
       -moz-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
}

.padded-half-em {
    padding: 0.5em;
}

.half-width-flex-inner-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-calc(50% - 1px);
    width: -moz-calc(50% - 1px);
    width: calc(50% - 1px);
    margin-bottom: 2px;
}

.full-width-flex-inner-box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2px;
}

.GroupingQuestionTitle {
    background-color: #35404F;
    color: #fff;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}


.ChartRow {
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    width: 95%;
    _width: 100%;
}

.ChartAggRow {
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    /*margin-bottom:.2em;*/
    width: 100%;
    _width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}

.ChartAggLeftColumn {
    position: relative;
    float: left;
    width: 7.35em;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .5em;
    padding-bottom: .2em;
    /*overflow:hidden;*/
    font-size: .75em;
    vertical-align: middle;
}

.ChartAggRightColumn {
    overflow: hidden;
}

.ChartLeftColumn {
    position: relative;
    float: left;
    width: 14.25em;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    overflow: hidden;
    text-align: left;
}

.ChartLeftColumn_MSChart {
    position: relative;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    overflow: hidden;
}

.ChartRightColumn {
    overflow: hidden;
    background: white;
}

.LeftColumnText {
    font-size: .85em;
}

.LeftColumnText_Strong {
    font-weight: bold;
    font-size: .85em;
}

.tableFootnote {
    font-size: .75em;
}

.newlineSpace {
    margin-top: 1ex;
}

/* FrequencyBlock */

.horizontal_separator {
    border: white;
    width: 100%;
    display: none;
}

.FrequencyQuestionTitle {
    font-size: .85em;
    margin-top: .5em;
    margin-bottom: .25em;
}

.TrendReportChartAlignment {
    float: left;
}

.ProjectTabularCaption {
    margin-top: 3em;
    font-style: italic;
    font-size: .75em;
}

.FrequencyCompareTitle {
    margin-top: 1em;
    padding-left: .85em;
    padding-right: .85em;
    font-size: .85em;
    text-align: left;
}

#reportViewRTL .FrequencyCompareTitle {
    margin-top: 1em;
    padding-left: .85em;
    padding-right: .85em;
    font-size: .85em;
    text-align: right;
}
/*
.FrequencyCompareTitle span
{
	font-size:.75em;
}
*/
.FrequencyBlockRow {
    /*border-style:solid;
border-width:thin;
border-color:red;
min-width:50em;*/
    width: 100%;
    overflow: hidden;
}

.FrequencyBlock_FullMain {
    /*border-style:solid;
border-width:thin;
border-color:blue;*/
    margin-right: 2.5%;
    float: left;
    width: 100%;
    overflow: hidden;
}

.FrequencyBlock_HalfMain {
    /*
margin-left:.5%;
margin-right:.5%;
*/
    float: left;
    width: 50%;
    _width: 49%;
    overflow: hidden;
}

.FrequencyBlock_chart {
    text-align: center;
    /*border-style:solid;
border-width:thin;
border-color:#aaaaaa;*/
}

.FrequencyBlock_table {
    /*border-style:solid;
border-width:thin;
border-color:#ddd000;*/
}

.FrequencyHalfTable {
    /*border-style:solid;
border-width:thin;
border-color:#111000;*/
    margin-left: .5%;
    margin-right: .5%;
    float: left;
    width: 48.5%;
    overflow: hidden;
}
/*end of FrequencyBlock*/

/* custom text block*/
.SectionHeading h3 {
    font-weight: bold; /*firefox uses font-weight*/
    font-size: 1.2em;
    text-align: left;
}

.CustomText {
    font-size: .85em;
}
/* end of custom text block*/

/*Response sheet*/
.responseSheetNoRespParagraph {
    margin: 1.25em;
    font-size: 0.8em;
}

.RespS_separator {
    width: 100%;
    height: 0;
    border-bottom: 2px solid #29416B;
}

.RespS_Sheet {
    margin-left: 1%;
    margin-right: 1%;
    padding: .5em;
    background-color: #fafafa;
    border-top: .08em solid #c3d4db;
    border-bottom: .08em solid #c3d4db;
}

.RespS_Title {
    font-size: .8em;
    font-weight: bold;
}

.RespS_Sheet li {
    margin-top: .25em;
}

.RespS_QuestionTitle_ListItem {
    font-size: .8em;
}

.RespS_QuestionTitle_font {
    margin-top: 0.85em;
}

.RespS_QuestionRow_font {
    font-size: 1em;
}

.RespS_RespTitle_font {
    font-size: 1em;
}

.RespS_Resp_font {
    font-size: 1em;
}
/*end of Response sheet*/

/*Signing Info block*/
.TaskInfo {
    border: solid thin #C3D4DB;
    padding: .25em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1%;
    margin-right: 1%;
}

.InfoTitle {
    font-weight: bold;
    font-size: 9pt;
}

.InfoType {
    font-weight: bold;
    font-size: 9pt;
}

.TaskInfo_separator {
    width: 100%;
    height: 0;
    border-bottom: 2px solid #29416B;
}
/*end of Signing Info block*/

/*Right to Left*/

#reportViewRTL .ContinueBlockTitle {
    text-align: right;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: .5em;
}

#reportViewRTL .coverPageTitleBlock h2 {
    margin-top: 0em;
    margin-bottom: 0em;
    text-align: right;
    font-size: 1.1em;
    text-decoration: none;
}

#reportViewRTL caption {
    font-size: 1.2em;
    text-align: right;
}

#reportViewRTL .TabularHeader_Title {
    width: 100%;
    font-weight: bold;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

#reportViewRTL .TabularHeader_LeftColumn {
    font-weight: bold;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

#reportViewRTL .TabularHeader_LeftColumn_Main {
    width: 100%;
    font-weight: bold;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

#reportViewRTL .TabularHeader_MiddleColumn_Main {
    width: 100%;
    font-weight: bold;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

#reportViewRTL .TabularRowHeader_Total {
    font-weight: bold;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

#reportViewRTL .TabularRowHeader_GroupedRows {
    font-weight: bold;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    background-color: #ffffff;
    vertical-align: text-top;
}

#reportViewRTL .TabularBody_LeftColumn {
    font-weight: normal;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

#reportViewRTL .TabularBody_LeftColumn_NoWrap {
    white-space: nowrap;
    font-weight: normal;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}
/*
#reportViewRTL .TabularBody_MiddleColumn_NoWrap
{
	white-space:nowrap;
	text-align:left;
	padding-left: .4em;
	padding-right: .4em;
	padding-top: .2em;
	padding-bottom: .2em;
}*/
#reportViewRTL .TabularBody_MiddleColumn_Main {
    width: 100%;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}
/*
#reportViewRTL .TabularBody_MiddleColumn_Strong
{
	white-space:nowrap;
	font-weight : bold;
	text-align:left;
	padding-left: .4em;
	padding-right: .4em;
	padding-top: .2em;
	padding-bottom: .2em;
}*/
/*
#reportViewRTL .TabularBody_RightColumn_NoWrap
{
	white-space:nowrap;
	text-align: left;
	padding-left: .4em;
	padding-right: .4em;
	padding-top: .2em;
	padding-bottom: .2em;
}
*/
#reportViewRTL .TabularBody_RightColumn_Strong {
    white-space: nowrap;
    font-weight: bold;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

#reportViewRTL .TabularBody_RightColumn_FullWidth {
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    width: 100%;
}

#reportViewRTL .ChartTotal {
    margin-left: auto;
    margin-right: auto;
    _margin-right: .5em;
    margin-bottom: .2em;
    max-width: 100%;
    _width: 100%;
    border: double thin #eee;
}

#reportViewRTL .ChartOddRow {
    margin-left: auto;
    margin-right: auto;
    _margin-right: .5em;
    /*margin-bottom:.2em;*/
    width: 100%;
    _width: 100%;
    border-style: solid;
    border-width: .07em;
    border-color: #eee;
    overflow: hidden;
}

#reportViewRTL .ChartLeftColumn {
    position: relative;
    float: right;
    width: 14.25em;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    overflow: hidden;
}

/*
#reportViewRTL .FrequencyCompareTitle
{
	margin-top:.5em;
	padding-left:.85em;
	padding-right:.85em;
	text-align:right;
}
*/
#reportViewRTL .FrequencyBlock_FullMain {
    /*border-style:solid;
border-width:thin;
border-color:blue;*/
    margin-right: 0;
    margin-left: 2.5%;
    float: right;
    width: 100%;
    overflow: hidden;
}

#reportViewRTL .FrequencyBlock_HalfMain {
    /*
margin-left:.5%;
margin-right:.5%;
*/
    float: right;
    width: 50%;
    _width: 49%;
    overflow: hidden;
}

#reportViewRTL .FrequencyHalfTable {
    /*border-style:solid;
border-width:thin;
border-color:#111000;*/
    margin-left: .0;
    margin-right: 0;
    float: right;
    width: 49.9%;
    overflow: hidden;
}

#reportViewRTL .SectionHeading h3 {
    font-weight: bold; /*firefox uses font-weight*/
    font-size: 1.2em;
    text-align: right;
}
/*End of Right to Left*/

/*end of new view Condensed-Report*/

/*Main Menu Style*/
.MainMenuHeader {
    color: #00417A;
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
}

.MainMenuTitle {
    background: #6b9cce;
    color: #fff;
    font-size: .8em;
    padding: .25em 0;
}

.AdminMenu .MainMenuTitle {
    background: none;
    color: #00417A;
}
/*end of Main Menu Style*/

.FilloutSummaryQuestionTitle {
    BACKGROUND-COLOR: #C0D7F5;
}

.popupLink {
    COLOR: #29416B;
    text-decoration: none;
    outline: none;
    font-family: monospace;
    font-size: 8pt;
}

.popup {
    POSITION: absolute;
    VISIBILITY: hidden;
    BACKGROUND-COLOR: white;
    LAYER-BACKGROUND-COLOR: white;
    width: 200;
    BORDER-LEFT: 1px solid black;
    BORDER-TOP: 1px solid black;
    BORDER-BOTTOM: 3px solid black;
    BORDER-RIGHT: 3px solid black;
    PADDING: 3px;
    z-index: 10;
    left: 1px;
    top: 1px;
    width: 0;
}

.iframepopup {
    POSITION: absolute;
    BACKGROUND-COLOR: transparent;
    width: 200;
    BORDER-LEFT: 0px solid black;
    BORDER-TOP: 0px solid black;
    BORDER-BOTTOM: 0px solid black;
    BORDER-RIGHT: 0px solid black;
    PADDING: 1px;
    z-index: 10;
    left: 1px;
    top: 1px;
    width: 0;
}

@media screen {
    #langOption {
    }

    .printonly {
        PAGE-BREAK-BEFORE: "";
        WIDTH: 6.8in;
    }

    .printHeadFooter {
        DISPLAY: none;
    }
}

@media print {
    #langOption {
        DISPLAY: none;
    }

    .printonly {
        PAGE-BREAK-BEFORE: always;
        WIDTH: 6.8in;
        HEIGHT: 9.8in;
    }

    .printHeadFooter {
        DISPLAY: block;
    }

    .DownloadReportLink {
        DISPLAY: none;
    }
}

.QRatingTypeDiv {
    display: table;
    border: 1;
    width: 98%;
    border-style: outset;
    border-width: thin;
    border-color: #d9d3b1;
    margin-bottom: 10pt;
    margin-top: 10pt;
    padding-bottom: 10pt;
    padding-top: 10pt;
}

/* start : for fillout question clf */
.FilloutBaseDivStyle {
    display: table;
    width: 100%;
    min-width: 99%;
    height: 100% auto;
    margin: 0.5em;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    text-align: left;
    overflow: visible;
    PADDING: 0px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff);
    COLOR: #000000;
    background-color: #CEE6F7; /*firefox*/
    _display: block; /* IE */
    _width: auto; /* IE */
}

.FilloutBaseDivStyleRTL {
    display: table;
    width: 99%;
    min-width: 99%;
    height: 100% auto;
    margin: 0.5em;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    text-align: right;
    overflow: hidden;
    PADDING: 0px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff);
    COLOR: #000000;
    background-color: #CEE6F7; /*firefox*/
    _display: block; /* IE */
    _width: auto; /* IE */
    _postion: relative;
}

.FilloutQuestionDivRowStyle {
    display: table-row;
    width: 100%;
    min-width: 50em;
    height: 100% auto;
    margin: 0;
    /*text-align:left;*/
    background-color: #CEE6F7; /*firefox*/
    PADDING: 4px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff);
    COLOR: #000000;
    _display: inline-block; /* IE */
    _width: auto; /* IE */
    _margin-bottom: -1em; /* IE */
    _padding-bottom: 1em; /* IE */
    _position: relative; /* IE */
}

.FilloutMetaDivStyle {
    display: table-cell;
    width: 4.16em;
    min-width: 4em;
    height: 100% auto;
    min-height: 100%;
    vertical-align: top;
    margin: 0;
    padding: 0.33em;
    margin-right: 0.1em;
    margin-left: 0.1em;
    _display: inline-block; /* IE */
    _float: left; /* IE */
    _clear: left; /* IE */
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff);
    /* FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff); */
}

.FilloutQuestionDivStyle {
    display: table-cell;
    width: 100% auto;
    height: 100% auto;
    vertical-align: top;
    margin: 0.1em;
    padding: 0.33em;
    _display: inline-block; /* IE */
    _float: right; /* IE */
    _clear: right; /* IE */
    _position: relative; /* IE */
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff);
    /* FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff); */
}

Div.VerticalSpacer {
    display: table-cell;
    overflow: hidden;
    width: 0.25em;
    min-width: 0.1em;
    background-color: #DAE9FD;
    height: 100% auto;
    margin-top: -0.2em;
    padding-top: 0.2em;
    _display: inline-block; /* IE */
    _margin-bottom: -50000px; /* IE */
    _padding-bottom: 50000px; /* IE */
    _float: left; /* IE */
}

.FilloutMetaDivStyleRTL {
    display: table-cell;
    width: 4.16em;
    min-width: 4em;
    height: 100% auto;
    min-height: 100%;
    vertical-align: top;
    margin: 0;
    padding: 0.33em;
    margin-right: 0.1em;
    margin-left: 0.1em;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff);
    _display: inline-block; /* IE */
    _float: right; /* IE */
    _clear: right; /* IE */
}

.FilloutQuestionDivStyleRTL {
    display: table-cell;
    width: 100% auto;
    height: 100% auto;
    vertical-align: top;
    margin: 0.1em;
    padding: 0.33em;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#ffffff);
    _display: inline-block; /* IE */
    _float: left; /* IE */
    _clear: left; /* IE */
    _position: relative; /* IE */
}

Div.VerticalSpacerRTL {
    display: table-cell;
    overflow: hidden;
    width: 0.25em;
    min-width: 0.1em;
    background-color: #DAE9FD;
    height: 100% auto;
    margin-top: -0.2em;
    padding-top: 0.2em;
    _display: inline-block; /* IE */
    _margin-bottom: -50000px; /* IE */
    _padding-bottom: 50000px; /* IE */
    _float: right; /* IE */
}

.FilloutSectionDivStyle {
    display: table;
    width: 100%;
    min-width: 99%;
    margin: 0.5em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    text-align: left;
    padding: 0;
    /* FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CEE6F7,endColorStr=#CEE6F7); */
    PADDING: 0px;
    COLOR: #000000;
    BACKGROUND-COLOR: #CEE6F7; /*firefox*/
    _display: block; /* IE */
}

.FilloutSectionDivRowStyle {
    display: table-row;
    width: 100%;
    min-width: 50em;
    height: 100% auto;
    margin: 0;
    /*text-align:left;*/
    background-color: #CEE6F7; /*firefox*/
    overflow: hidden;
    PADDING: 4px;
    COLOR: #000000;
    _display: inline-block; /* IE */
    _width: auto; /* IE */
    _margin-bottom: -1em; /* IE */
    _padding-bottom: 1em; /* IE */
    _position: relative; /* IE */
}

.FilloutSectionQuestionDivStyle {
    display: table-cell;
    width: 100% auto;
    height: 100% auto;
    vertical-align: top;
    margin: 0.1em;
    padding: 0.33em;
    _display: inline-block; /* IE */
    _float: right; /* IE */
    _clear: right; /* IE */
    _position: relative; /* IE */
}

.FilloutSectionDivTitleStyle {
    Display: inline;
    float: left;
    width: 100% auto;
    height: 100%;
    padding: 0.3em;
    vertical-align: top;
}

.FilloutSectionDivImageStyle {
    Display: inline;
    float: right;
    clear: right;
    width: auto;
    height: 100%;
    vertical-align: top;
}

.FilloutSectionDivTitleStyleRTL {
    Display: inline;
    float: right;
    clear: right;
    width: auto;
    height: 100%;
    vertical-align: top;
}

.FilloutSectionDivImageStyleRTL {
    Display: inline;
    float: left;
    clear: left;
    width: auto;
    height: 100%;
    vertical-align: top;
}

/* for section image display <img style...> */
.FilloutSectionImageStyle {
    border-style: none;
    vertical-align: top;
    float: right;
}

.FilloutSectionImageStyleRTL {
    border-style: none;
    vertical-align: top;
    float: left;
}

/* end : for fillout question clf */

.Div_FilloutListContainer {
    display: block;
    width: 96% auto;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-left: 2%;
    margin-right: 2%;
    _width: 100%; /* IE */
}

/* ****************  start: fillout controller *************** */

.FilloutControllerDivTable {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 80%;
    min-width: 98%;
    background-color: #DAE9FD;
    border: solid 0px black;
}

.FilloutControllerHeaderDivRow {
    display: table-row;
    width: 100%;
    height: 60px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#94B6E7,endColorStr=#DCECFE);
    background-color: #BFD7F4; /*firefox*/
}

.FilloutControllerBodyDivRow {
    display: table-row;
    width: 100%;
    height: 90%;
    border: solid 0px red;
    background-color: #DAE9FD;
}

.FilloutControllerFooterDivRow {
    display: table-row;
    width: 80% auto;
    height: 4em;
    border: solid 0px red;
    BACKGROUND-COLOR: #C8DCF8;
}

.FilloutControllerHeaderDivCell {
    display: table-cell;
    width: 100%;
    height: 60px;
    vertical-align: middle;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#94B6E7,endColorStr=#DCECFE);
    background-color: #BFD7F4; /*firefox*/
}

.FilloutControllerBodyDivCell {
    display: table-cell;
    padding-left: 3em;
    padding-right: 3em;
    width: 100%;
    height: 50%; /*IE 8*/
    min-height: 50%; /*IE 8*/
    background-color: #DAE9FD;
    border: solid 0px red;
}

.FilloutControllerFooterDivCell {
    display: table-cell;
    width: 100%;
    min-width: 50em;
    height: 4em;
    border: solid 0px black;
    BACKGROUND-COLOR: #C8DCF8;
    padding: 0.2em;
}

.FilloutControllerTopBarThickLineRow {
    display: table-row;
    height: 0.4em;
    width: 100%;
}

.FilloutControllerTopBarThickLineCell {
    display: table-cell;
    height: 0.4em;
    width: 100%;
}

.FilloutControllerTopBarThinLineRow {
    display: table-row;
    height: 0.1em;
    width: 100%;
}

.FilloutControllerTopBarThinLineCell {
    display: table-cell;
    height: 0.1em;
    width: 100%;
}

.Div_FilloutTopBarLeft {
    display: table-cell;
    width: 145px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #BFD7F4; /*firefox*/
    float: left;
    clear: left;
}

.Div_FilloutTopBarLeft_RTL {
    display: table-cell;
    width: 145px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #BFD7F4; /*firefox*/
    float: right;
    clear: right;
}

.Div_FilloutTopBarMiddle {
    display: table-cell;
    width: 100% auto;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #808073;
    font-size: 18pt;
    font: bolder;
    background-color: #BFD7F4; /*firefox*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#94B6E7,endColorStr=#DCECFE);
}

.Div_FilloutTopBarRight {
    display: table-cell;
    width: 210px;
    text-align: right;
    vertical-align: middle;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*  IE 8 layout issue, so have to use float,   */
    float: right;
    clear: right;
    *padding-top: 0.5em; /* IE 8 */
    padding-bottom: 0.5em; /* firefox */
}

.Div_FilloutTopBarRight_RTL {
    display: table-cell;
    width: 210px;
    text-align: left;
    vertical-align: middle;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*  IE 8 layout issue, so have to use float,   */
    float: left;
    clear: left;
    *padding-top: 0.5em; /* IE 8 */
    padding-bottom: 0.5em; /* firefox */
}

.Div_FilloutBottomLeftCell {
    display: table-cell;
    float: left;
    clear: left;
    width: auto;
    height: 1.25em auto;
    vertical-align: top;
    margin: 0.1em 0.1em 0.1em 0.1em;
    padding: 0.2em 0.2em 0.3em 0.2em;
    border: ridge 0em gray;
    bottom: 0;
}

.Div_FilloutBottomLeftCell_RTL {
    display: table-cell;
    float: right;
    clear: right;
    width: auto;
    height: 1.25em auto;
    vertical-align: top;
    margin: 0.1em 0.1em 0.1em 0.1em;
    padding: 0.2em 0.2em 0.3em 0.2em;
    border: ridge 0em gray;
    bottom: 0;
}

.Div_FilloutBottomMiddleCell {
    display: table-cell;
    width: 15% auto;
    height: 1.25em;
    text-align: center;
    PADDING: 0.1em;
    PADDING-left: 2em;
    float: left;
    bottom: 0;
    word-wrap: break-word;
}

.Div_FilloutBottomMiddleCell_RTL {
    display: table-cell;
    width: 15% auto;
    height: 1.25em;
    text-align: center;
    PADDING-right: 2em;
    PADDING: 0.1em;
    float: right;
    bottom: 0;
    word-wrap: break-word;
}

.Div_FilloutBottomRightCell {
    display: table-cell;
    float: right;
    clear: right;
    width: 20% auto;
    min-width: 20%;
    height: 1.25em;
    vertical-align: top;
    margin: 0.1em 0.1em 0.1em 0.1em;
    PADDING: 0.1em 3em 0.1em 0.em;
    bottom: 0;
}

.Div_FilloutBottomRightCell_RTL {
    display: table-cell;
    float: left;
    clear: left;
    width: 20% auto;
    min-width: 20%;
    height: 1.25em;
    vertical-align: top;
    margin: 0.1em 0.1em 0.1em 0.1em;
    PADDING: 0.1em 3em 0.1em 0.em;
    bottom: 0;
}

.FilloutCheckboxStyleLeftMost {
    display: table-cell;
    width: 4.167em;
    text-align: center;
    padding-left: 0.2em;
    padding-right: 0.2em;
    border-left: solid 0.15em #DAE9FD;
    border-right: solid 0.15em #DAE9FD;
}

.FilloutCheckboxStyle {
    display: table-cell;
    text-align: center;
    width: 4.167em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    border-right: solid 0.15em #DAE9FD;
}

.FilloutListingLegendInfoDiv {
    display: block;
    BACKGROUND-COLOR: #C8DCF8;
    width: 100%;
    vertical-align: top;
    text-align: left;
    margin-left: 0.5em;
    *margin-left: 0em;
}

.FilloutListingLegendInfoDiv_RTL {
    display: block;
    BACKGROUND-COLOR: #C8DCF8;
    width: 100%;
    vertical-align: top;
    text-align: right;
    margin-right: 0.2em;
    *margin-right: 0em;
}

.FilloutListingErrorListDiv {
    width: 100%;
    display: block;
    vertical-align: top;
    text-align: left;
    margin-left: 0.5em;
    margin-right: 0em;
    *margin-left: 0em;
    *margin-right: 0em;
}

.FilloutListingErrorListDivSummaryPage {
    width: 100%;
    display: block;
    vertical-align: top;
    text-align: left;
    margin-left: 0em;
    margin-right: 0em;
    *margin-left: 0em;
    *margin-right: 0em;
}

.FilloutListingErrorListDiv_RTL {
    width: 100%;
    display: block;
    vertical-align: top;
    text-align: right;
    margin-left: 0em;
    *margin-left: 0em;
    margin-right: 0.2em;
    *margin-right: 0em;
}

.FCContainerTableDiv {
    display: table;
    padding: 1%;
    min-height: 97%;
    height: 98.9%;
    min-width: 98%;
    width: 98%;
}

.FCContainerTableCellDiv {
    display: table-cell;
    height: 100%;
}

.FCContainerTableDivSafari {
    display: table;
    padding: 1%;
    min-height: 98%;
    height: 102%;
    min-width: 98%;
    width: 100%;
}

.FCContainerTableCellDivSafari {
    display: table-cell;
    height: 100%;
}

.FCContainerTableDivIE8 {
    display: table;
    padding: 1%;
    min-height: 98%;
    height: 98%;
    min-width: 98%;
    width: 98%;
}

.FCContainerTableCellDivIE8 {
    display: table-cell;
    height: 100%;
}

.ErrorStylePrint {
    BACKGROUND-COLOR: #C8DCF8;
}
/* ****************  end: fillout controller *************** */
.FilloutNavigationText {
    color: #29416B;
    font-size: 9pt;
    font-weight: normal;
}

/* for displaying error message on the top of question title in fillout, Note: for mobile device only currently */
.QuestionErrorMsg {
    font-weight: normal;
    font-size: 10pt;
    color: red;
}

/* start: summary page   */

.FilloutSummaryDiv {
    text-align: left;
    width: 100%;
    padding: 0.1em;
}

.FilloutSummaryDiv_RTL {
    text-align: right;
    width: 100%;
    padding: 0.1em;
}

/* end: summary page   */

/* start: thankyou page */
.FilloutThankyouMsgDiv {
    width: 100%;
    display: block;
    text-align: left;
}

.FilloutThankyouMsgDiv_RTL {
    width: 100%;
    display: block;
    text-align: right;
}

/* end: thankyou page */

.Fillout_PagerStyle {
    color: #000000;
    font-size: 8pt;
    background-color: #DAE9FD;
}

/* password recovery page */
.passwordRecoveryCopyRightDiv {
    margin-left: 3.75em;
    margin-right: 3.75em;
    text-align: center;
    margin-top: 1em;
}

.passwordRecoveryButtonDiv {
    margin-left: 3.75em;
    margin-right: 3.75em;
    text-align: center;
    margin-top: 1em;
}

.capchInfoLabel {
    margin-left: 3.75em;
    margin-right: 3.75em;
    margin-top: 0.4em;
}

.de .capchInfoLabel {
    margin-left: 3.75em;
    margin-right: 3.75em;
    margin-top: 0.4em;
    min-height: 3.0em;
}

.passwordRecoveryCapchaDiv {
}

.passwordRecoveryCapchaMsgDiv2 {
    margin-left: 3.75em;
    text-align: center;
}

.passwordRecoveryUserIDDiv {
    margin-left: 3.75em;
    margin-right: 3.75em;
    margin-top: 0.2em;
}

.passRecoveryDataSourceDiv {
    margin-left: 3.75em;
    margin-right: 3.75em;
    margin-top: 2.6em;
}

.passRecoveryErrorMsg {
    margin-left: 3.75em;
    margin-right: 3.75em;
}

.passRecoveryHR {
    margin-left: 3.75em;
    margin-right: 3.75em;
}

.passRecoveryLogoDiv {
    text-align: center;
    padding: 0.5em;
    background: #ffffff;
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
    margin-top: 0.5em;
}

.passRecoveryLoginLogoImg {
    visibility: visible;
    max-width: 18.75em;
    margin-top: 0.125em;
}

.passRecoveryDescriptionDiv {
    margin-left: 3.75em;
    margin-right: 3.75em;
    margin-top: 0.7em;
    text-align: justify;
}

.passRecoveryDiv {
    /*
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10em;
	width:35.75em;
	background-color:White;
	border:solid thin #eeeeee;
*/
    position: relative;
    top: 5em;
    width: 35.75em;
    left: 50%;
    margin-left: -17.875em;
    background-color: white;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    padding: 0.5em 1em;
    border: thin solid #eeeeee;
}

.passRecoveryDivRTL {
    /*
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10em;
	width:35.75em;
	background-color:White;
	border:solid thin #eeeeee;
*/
    position: relative;
    top: 5em;
    width: 35.75em;
    left: 50%;
    margin-left: -17.875em;
    background-color: white;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    padding: 0.5em 1em;
    border: thin solid #eeeeee;
}

.passRecoveryDiv .passwordRecoveryLableDiv {
    float: left;
    width: 9.5em;
    text-align: right;
}

.passRecoveryDiv .passwordRecoveryControlDiv {
    text-align: left;
    margin-left: 9.8em;
}

.passRecoveryDiv .passwordRecoveryCapchaLableDiv {
    float: left;
    width: 9.5em;
    text-align: right;
    margin-top: -0.4em;
}

.passRecoveryDiv .passwordRecoveryCapchaControlDiv {
    text-align: left;
    margin-left: 9.8em;
}

.passRecoveryDiv .passwordRecoveryCapchaMsgDiv {
    margin-left: 5.5em;
    margin-right: 3.75em;
    margin-top: 1em;
}

.passRecoveryDiv .passwordRecoveryCapchaImgDiv {
    margin-left: 4.8em;
    margin-right: 3.75em;
    margin-top: 0.8em;
}

/* password recovery rtl */
.passRecoveryDivRTL .passwordRecoveryLableDiv {
    float: right;
    width: 9.5em;
    text-align: left;
}

.passRecoveryDivRTL .passwordRecoveryControlDiv {
    text-align: right;
    margin-right: 9.8em;
}

.passRecoveryDivRTL .passwordRecoveryCapchaLableDiv {
    float: right;
    width: 9.5em;
    text-align: left;
    margin-top: -0.4em;
}

.passRecoveryDivRTL .passwordRecoveryCapchaControlDiv {
    text-align: right;
    margin-right: 9.8em;
}

.passRecoveryDivRTL .passwordRecoveryCapchaMsgDiv {
    margin-right: 5.5em;
    margin-left: 3.75em;
    margin-top: 1em;
}

.passRecoveryDivRTL .passwordRecoveryCapchaImgDiv {
    margin-right: 1.5em;
    margin-top: 0.8em;
}

.stepDiv {
    border: solid thin #bbbbbb;
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
    padding: 1em;
    *width: 80%;
}

.tablespacing {
    border-spacing: 0;
    *border-collapse: collapse;
    padding: 0;
}

a {
    color: #00417A;
}

    a[disabled=disabled] {
        color: #aaa;
    }

select {
    padding: 0.25em;
    border: solid thin #aaaaaa;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    margin-right: 0.15em;
}

input[type=text],
input[type=password] {
    height: 2em;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
}

textarea {
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    border: inset 0.2em #cccccc;
}

/* new login style */
.LoginForgetPWLink {
    color: #CC0000;
    font-size: 0.75em;
}

.LoginLanguageLinkStyle {
    color: #00417A;
    font-size: 0.8em;
    text-decoration: none;
}

.LoginSelectedLanguageLinkStyle {
    color: GrayText;
    font-size: 0.8em;
    text-decoration: none;
}

.LoginTextSmall {
    color: #00417A;
    font: Italic;
    font: bolder;
    font-size: 0.8em;
}

.LoginTextMedium {
    color: #00417A;
    font-size: 0.8em;
}

.LoginCopyRightText {
    font-size: 0.7em;
    color: #00417A;
}

.LoginBackground {
    margin: 0;
    background: #ffffff;
}

#forgetPasswordForm .LoginBackground {
    margin: 0;
    background: #ffffff;
}

.LoginPanelDiv {
    position: relative;
    top: 10em;
    width: 25em;
    left: 50%;
    margin-left: -12.5em;
    background-color: white;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    padding: 0.5em 1em;
    border: thin solid #eeeeee;
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;
}

.LoginLanguageDiv {
    direction: ltr;
    margin: 0 1em 1em 1em;
    text-align: right;
}

    .LoginLanguageDiv span {
        color: #000000;
        opacity: 0.5;
    }

.LoginInfoDiv {
    width: 24.813em;
}

.LoginLogoDiv {
    text-align: center;
}

.LoginLogoImg {
    visibility: visible;
    margin: 0.5em;
    max-width: 22em;
    /*
    max-height:4.8em;
    height:4.8em;
    */
}

.LoginDescription {
    text-align: center;
    /*
    margin-left:-1000em;
    height: 0;
    */
}

.LoginDescriptionHeader {
    display: inline;
    color: #00417A;
    font-size: 0.8em;
}

.LoginHorizontalLine {
    text-align: center;
}

    .LoginHorizontalLine hr {
        border: none;
        border-bottom: dashed thin #cccccc;
    }

.LoginErrorMsgDiv {
    min-height: 0.4em;
    margin: 0em;
    vertical-align: top;
    text-align: center;
}

.LoginErrorMsg {
    color: #CC0000;
    font-size: 0.8em;
}

.LoginCopyRightDiv {
    margin-top: 1em;
    text-align: center;
}

.LoginSigninSectionDiv {
    width: 24.813em;
    margin-top: 1em;
}

.LoginDataSourceSelectionDiv {
    margin-top: 0.5em;
    height: 1.9em;
}

#arLoginPanel .LoginDataSourceSelectionDiv {
    margin-top: 0.5em;
    margin-left: 3em;
    height: 1.9em;
}

.LoginDataSourceLabel, .LoginUserNameLabel, .LoginPasswordLabel {
    float: left;
    width: 6.5em;
    text-align: right;
    margin: 0.2em 0.2em 0 0;
}

#frLoginPanel .LoginDataSourceLabel, #frLoginPanel .LoginUserNameLabel, #frLoginPanel .LoginPasswordLabel {
    float: left;
    width: 8em;
    text-align: right;
    margin: 0.2em 0.2em 0 0;
}

#esLoginPanel .LoginDataSourceLabel, #esLoginPanel .LoginUserNameLabel, #esLoginPanel .LoginPasswordLabel {
    float: left;
    width: 8em;
    text-align: right;
    margin: 0.2em 0.2em 0 0;
}

#ruLoginPanel .LoginDataSourceLabel, #ruLoginPanel .LoginUserNameLabel, #ruLoginPanel .LoginPasswordLabel {
    float: left;
    width: 8em;
    text-align: right;
    margin: 0.2em 0.2em 0 0;
}

#arLoginPanel .LoginDataSourceLabel, #arLoginPanel .LoginUserNameLabel, #arLoginPanel .LoginPasswordLabel {
    float: right;
    width: 6.5em;
    text-align: left;
    margin: 0.2em 0 0 0.2em;
}

.LoginDataSourceDplDiv {
    margin-left: 6.5em;
    text-align: left;
}

#ruLoginPanel .LoginDataSourceDplDiv {
    margin-left: 8em;
    text-align: left;
}

#arLoginPanel .LoginDataSourceDplDiv {
    margin-left: 0;
    margin-right: 6.85em;
    text-align: right;
    *margin-right: 6.5em;
}

.LoginDataSourceDplSpan {
    border: thin solid #bbbbbb;
    *border: none;
    display: inline-block;
}

#arLoginPanel .LoginDataSourceDplSpan {
    border: thin solid #bbbbbb;
    *border: none;
    display: block;
    margin-right: 0.1em;
}

#BlueUserName, #BluePassword, #txtUserName, #txtSecurityCode {
    height: auto;
    padding: 0.38em 0.37em;
    *padding: 0 0.37em;
    border: solid thin #bbbbbb;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

    #BlueUserName:focus, #BluePassword:focus, #txtUserName:focus, #txtSecurityCode:focus {
        border: solid thin orange;
    }

.LoginUserNameTxtBoxDiv, .LoginPasswordTxtBoxDiv {
    margin-left: 6.5em;
    text-align: left;
}

#ruLoginPanel .LoginUserNameTxtBoxDiv, #ruLoginPanel .LoginPasswordTxtBoxDiv {
    margin-left: 8em;
    text-align: left;
}

#arLoginPanel .LoginUserNameTxtBoxDiv, #arLoginPanel .LoginPasswordTxtBoxDiv {
    margin-left: 0;
    margin-right: 6.85em;
    text-align: right;
}

.LoginUserNameTxtBox, .LoginPasswordTxtBox {
    width: 17em;
    height: 1.8em;
    padding: 0 0.25em;
}

.LoginDataSourceDpl {
    width: 17.5em;
    border: none;
    padding: 0.25em;
    background: transparent;
}

.LoginUserNameDiv, .LoginPasswordDiv {
    margin-top: 0.25em;
    height: 1.9em;
}

.LoginSignInButtonDiv {
    margin-top: 0.25em;
    margin-left: 6.7em;
}

#frLoginPanel .LoginSignInButtonDiv {
    margin-top: 0.25em;
    margin-left: 8.2em;
}

#esLoginPanel .LoginSignInButtonDiv {
    margin-top: 0.25em;
    margin-left: 8.2em;
}

#ruLoginPanel .LoginSignInButtonDiv {
    margin-top: 0.25em;
    margin-left: 8.2em;
}

#arLoginPanel .LoginSignInButtonDiv {
    margin-top: 0.25em;
    margin-right: 6.8em;
}

.LoginForgetPWDiv {
    margin-top: 0.3em;
    margin-left: 6.7em;
}

#frLoginPanel .LoginForgetPWDiv {
    margin-top: 0.3em;
    margin-left: 8.2em;
}

#esLoginPanel .LoginForgetPWDiv {
    margin-top: 0.3em;
    margin-left: 8.2em;
}

#arLoginPanel .LoginForgetPWDiv {
    margin-top: 0.3em;
    margin-right: 6.7em;
}

#ruLoginPanel .LoginForgetPWDiv {
    margin-top: 0.3em;
    margin-left: 8.2em;
}

.LoginErrorMsgDiv a {
    color: #00417A;
}

#LoginWallDiv {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
    background: #C3D8E2;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C3D8E2, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C3D8E2, endColorstr=#ffffff)";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C3D8E2), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #C3D8E2 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, #C3D8E2 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #C3D8E2 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #C3D8E2 0%, #ffffff 100%);
}

/* START force password change */
td#ucAdminConfig_PW_ListPanel {
    background: #C3D8E2;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C3D8E2, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C3D8E2, endColorstr=#ffffff)";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C3D8E2), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #C3D8E2 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, #C3D8E2 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #C3D8E2 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #C3D8E2 0%, #ffffff 100%);
}

table#ucAdminConfig_PW_PasswordTable {
    background: #fff;
    -webkit-border-radius: 10px 10px 0 0;
       -moz-border-radius: 10px 10px 0 0;
            border-radius: 10px 10px 0 0;
    width: 560px;
}

table#ucAdminConfig_PW_MessageTable {
    background: #fff;
    width: 560px;
    -webkit-border-radius: 0 0 10px 10px;
       -moz-border-radius: 0 0 10px 10px;
            border-radius: 0 0 10px 10px;
    padding: 0 20px 20px 120px;
}
/* END force password change */

/* iphone */
@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none;
    }

    .LoginPanelDiv {
        top: 0;
        margin-top: 1em;
        margin-bottom: 1em;
        width: 25em;
        left: 50%;
        margin-left: -12.5em;
        background-color: white;
        -webkit-border-radius: 1em;
           -moz-border-radius: 1em;
                border-radius: 1em;
        padding: 0.5em 1em;
        border: thin solid #eeeeee;
    }

    .passRecoveryDiv {
        top: 0;
        margin-top: 1em;
        margin-bottom: 1em;
        width: 35.75em;
        left: 50%;
        margin-left: -17.875em;
        background-color: white;
        -webkit-border-radius: 1em;
           -moz-border-radius: 1em;
                border-radius: 1em;
        padding: 0.5em 1em;
        border: thin solid #eeeeee;
    }

    .passRecoveryDivRTL {
        top: 0;
        margin-top: 1em;
        margin-bottom: 1em;
        width: 35.75em;
        left: 50%;
        margin-left: -17.875em;
        background-color: white;
        -webkit-border-radius: 1em;
           -moz-border-radius: 1em;
                border-radius: 1em;
        padding: 0.5em 1em;
        border: thin solid #eeeeee;
    }
}
/* end of iphone */

/* timeout page & signout page*/
.shadow {
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;
}

#LogoutPage_en, #LogoutPage_fr, #LogoutPage_es, #LogoutPage_ar, #LogoutPage_zh, #LogoutPage_da {
    margin: 0;
}

    #LogoutPage_en .LoginPanelDiv,
    #LogoutPage_fr .LoginPanelDiv,
    #LogoutPage_es .LoginPanelDiv,
    #LogoutPage_ar .LoginPanelDiv,
    #LogoutPage_zh .LoginPanelDiv,
    #LogoutPage_da .LoginPanelDiv {
        padding: 1em 2em;
        min-height: 15em;
        margin-left: -14.5em;
    }

    #LogoutPage_en .LoginLogoDiv,
    #LogoutPage_fr .LoginLogoDiv,
    #LogoutPage_es .LoginLogoDiv,
    #LogoutPage_ar .LoginLogoDiv,
    #LogoutPage_da .LoginLogoDiv,
    #LogoutPage_zh .LoginLogoDiv {
        margin: 2em 0;
    }

.LogoutMsg {
    padding: 0 1.5em;
    margin-top: 1em;
}
/* end of timeout page & signout page */

/* end of new login style*/

/*Category Legend for Question Ranking Block*/
.LegendContainer {
    padding-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    width: 97.5%;
    border-style: solid;
    border-width: .1em;
    border-color: #c3d4db; /*#dcecf2;*/
    font-size: .75em;
    text-align: left;
    padding-top: 0.5em;
}

.lblLegendrrr {
    /* width: 10em; */
    text-align: left;
    /* margin:0 0.5em 0 0.5em;*/
    display: inline-block;
    *display: inline;
}

.test {
    width: 100px;
    white-space: nowrap;
}

.ImgSymbol {
    /*vertical-align: middle;
width: 4em;
height: 3em;*/
    display: none;
}

.DivSymbol {
    display: inline;
    background: #666666;
    padding: 0.2em 0.5em;
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
    color: #ffffff;
    font-weight: bold;
}

.DivSymbolLegend {
    display: inline;
    background: #666666;
    padding: 0.2em 0.5em;
    margin: 0 1em 1em;
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
    color: #ffffff;
    font-weight: bold;
    float: left;
}

.txtSymbol {
    /* background-color:#1D41B0;*/
}

.LblSymbol {
    display: inline;
    /*horizontal-align: center;
text-align: center;
position: absolute;
margin-left: -2.5em;
margin-top: 1em;
color: black;*/
}

.divLegend {
    clear: both;
    padding-bottom: 0.35em;
    padding-top: 0.40em;
}

.CategoryTD {
    font-weight: normal;
    text-align: center;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.QRankingTD {
    font-weight: normal;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    vertical-align: top;
    min-width: 90%;
    width: auto;
}

.QRankingWithLegendTD {
    font-weight: normal;
    text-align: left;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    vertical-align: top;
    width: 80%;
}

.QRating_MiddleColumn_NoWrap {
    white-space: nowrap;
    text-align: right;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
    vertical-align: top;
}

.CategoryLegend {
    text-align: justify;
}

.CategoryLegendDiv {
    display: inline;
    width: 85%;
}

/*END OF Category Legend for Question Ranking Block*/

/*START OF Project Advanced Settings page*/

.reportAdvSettingsTD {
    padding-left: 0.3em;
}

.reportAdvSettingsTDPadding {
    padding-left: 1.4em;
}
/*END OF Project Advanced Settings page*/

/* Change Password*/
#ChangePassword .LoginInfoDiv {
    width: auto;
}

#ChangePassword .LoginPanelDiv {
    width: 26em;
    margin-left: -13em;
}

#ChangePassword .NewPasswordMsgDiv .LoginDescription {
    text-align: left;
    padding: 1em 1em 2em 1em;
}

#arMainDiv #ChangePassword .NewPasswordMsgDiv .LoginDescription {
    text-align: right;
    padding: 1em 1em 2em 1em;
}

#ChangePassword .LoginDescription {
    text-align: left;
}

#arMainDiv #ChangePassword .LoginDescription {
    text-align: right;
}

.PasswordTipsDiv {
    padding: 1em 1.5em;
    font-weight: normal;
    color: #00417A;
}

.PasswordTipsHeading {
    display: inline;
    font-size: 0.8em;
}

.PasswordTipsList {
    padding: 0 1.5em;
    margin: 0.25em 0;
    font-size: 0.8em;
}

    .PasswordTipsList li {
        padding: 0.25em 0;
    }

#ChangePassword .LoginUserNameDiv,
#ChangePassword .LoginPasswordDiv {
    margin-top: 0.25em;
    height: 3em;
}

#ChangePassword .LoginSignInButtonDiv {
    margin-top: 1em;
    margin-left: 11.25em;
    margin-right: 0;
}

#arMainDiv #ChangePassword .LoginSignInButtonDiv {
    margin-top: 1em;
    margin-left: 8.85em;
    margin-right: 0;
}

.LoginPasswordStrenghtDiv {
    margin-left: 11.5em;
    text-align: left;
}

#arMainDiv .LoginPasswordStrenghtDiv {
    margin-right: 11.5em;
    text-align: right;
}

#arChangePasswordPanel .LoginPasswordStrenghtDiv {
    margin-right: 0em;
    margin-left: 6.5em;
    text-align: left;
}

#ChangePassword .LoginDataSourceLabel,
#ChangePassword .LoginUserNameLabel,
#ChangePassword .LoginPasswordLabel {
    width: 11em;
}

#arMainDiv #ChangePassword .LoginDataSourceLabel,
#arMainDiv #ChangePassword .LoginUserNameLabel,
#arMainDiv #ChangePassword .LoginPasswordLabel {
    float: right;
    width: 11em;
    text-align: left;
    margin: 0.2em 0 0 0.2em;
}

#arMainDiv #ChangePassword .LoginUserNameTxtBoxDiv,
#arMainDiv #ChangePassword .LoginPasswordTxtBoxDiv {
    margin-left: 0;
    margin-right: 12em;
    text-align: right;
}

#ChangePassword .LoginUserNameTxtBox,
#ChangePassword .LoginPasswordTxtBox {
    width: 13em;
    height: auto;
    padding: 0.38em 0.37em;
    border: solid thin #BBB;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

#PWStrengthLabel {
    color: #00417A;
    font-size: 0.7em;
}

#PWStrengthVeryWeak,
#PWStrengthWeak,
#PWStrengthMediocre,
#PWStrengthStrong,
#PWStrengthStronger {
    font-weight: bold;
    color: #fe0702;
    font-size: 0.7em;
}

#PWStrengthVeryWeak {
    color: #fe0702;
}

#PWStrengthWeak {
    color: #fe6c00;
}

#PWStrengthMediocre {
    color: #ceca75;
}

#PWStrengthStrong {
    color: #6aad62;
}

#PWStrengthStronger {
    color: #0d6e03;
}

.MatchPasswordDiv {
    margin-left: 11.5em;
    margin-right: 0;
    text-align: left;
}

#arMainDiv .MatchPasswordDiv {
    margin-left: 0;
    margin-right: 11.5em;
    text-align: right;
}

#PasswordNotMatch {
    font-weight: bold;
    color: #fe6c00;
    font-size: 0.7em;
}

#PasswordMatch {
    font-weight: bold;
    color: #6AAD62;
    font-size: 0.7em;
}

/* end of Change Password*/

/*----------------------- Mobile Style -------------------------------------------------- */
@media screen and (max-device-width: 480px), only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        -webkit-text-size-adjust: none;
    }

    /*---- Mobile logout/timeout page ----*/
    #LogoutPage_en,
    #LogoutPage_fr,
    #LogoutPage_es,
    #LogoutPage_ar,
    #LogoutPage_da,
    #LogoutPage_zh {
        background: #f4f4f4;
    }

        #LogoutPage_en .LoginPanelDiv,
        #LogoutPage_fr .LoginPanelDiv,
        #LogoutPage_es .LoginPanelDiv,
        #LogoutPage_ar .LoginPanelDiv,
        #LogoutPage_da .LoginPanelDiv,
        #LogoutPage_zh .LoginPanelDiv {
            padding: 0;
            height: auto;
            margin-left: 0;
            -webkit-border-radius: 0 0 0 0;
               -moz-border-radius: 0 0 0 0;
                    border-radius: 0 0 0 0;
            border: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C3D8E2, endColorstr=#f4f4f4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C3D8E2, endColorstr=#f4f4f4)";
    background: -webkit-gradient(linear, left top, left bottom, from(#C3D8E2),to(#f4f4f4));
    background: -webkit-linear-gradient(top, #C3D8E2 0%,#f4f4f4 100%);
    background: -moz-linear-gradient(top, #C3D8E2 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top, #C3D8E2 0%,#f4f4f4 100%);
    background: linear-gradient(to bottom, #C3D8E2 0%,#f4f4f4 100%);
            background-image: -o-linear-gradient(#C3D8E2, #f4f4f4);
        }

        #LogoutPage_en .LoginLogoDiv,
        #LogoutPage_fr .LoginLogoDiv,
        #LogoutPage_es .LoginLogoDiv,
        #LogoutPage_ar .LoginLogoDiv,
        #LogoutPage_da .LoginLogoDiv,
        #LogoutPage_zh .LoginLogoDiv {
            padding: 2em 0 0 0;
            margin: 0;
            /*background: none;*/
        }

        #LogoutPage_en .LoginHorizontalLine hr,
        #LogoutPage_fr .LoginHorizontalLine hr,
        #LogoutPage_es .LoginHorizontalLine hr,
        #LogoutPage_ar .LoginHorizontalLine hr,
        #LogoutPage_da .LoginHorizontalLine hr,
        #LogoutPage_zh .LoginHorizontalLine hr {
            border: none;
        }

        #LoginWallDiv,
        #LogoutPage_en #LoginWallDiv,
        #LogoutPage_fr #LoginWallDiv,
        #LogoutPage_es #LoginWallDiv,
        #LogoutPage_ar #LoginWallDiv,
        #LogoutPage_da #LoginWallDiv,
        #LogoutPage_zh #LoginWallDiv {
            background: transparent;
            -webkit-filter: none;
                    filter: none;
        }
    /*---- end of Mobile logout/timeout page ----*/

    /*---- Mobile Password Recovery ----*/
    #forgetPasswordForm .LoginBackground {
        background: #eeeeee;
    }

    .passRecoveryLogoDiv {
        padding: 0.5em 0 0 0;
        background: #eeeeee;
    }

    .passRecoveryLoginLogoImg {
        max-height: 3em;
        margin-top: 0;
    }

    .passRecoveryDiv,
    .passRecoveryDivRTL {
        position: absolute;
        top: 0em;
        left: 0;
        width: auto;
        margin: 0 0 0 0;
        margin-top: 0;
        margin-left: 0;
        background-color: #eeeeee;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        padding: 0 0.5em 1em 0.5em;
        border: none;
    }

    .passRecoveryDescriptionDiv {
        margin: 0.7em 0 0 0;
    }

    .passRecoveryHR {
        margin: 0;
    }

        .passRecoveryHR hr {
            border: none;
            border-bottom: dashed thin #CCC;
        }

    .passwordRecoveryCapchaDiv {
        background: white;
        padding: 0.5em;
        border: solid thin #CCC;
        border-top: none;
        -webkit-border-radius: 0 0 0.25em 0.25em;
           -moz-border-radius: 0 0 0.25em 0.25em;
                border-radius: 0 0 0.25em 0.25em;
    }

    .passwordRecoveryUserIDDiv {
        margin: 0;
        background: white;
        border: solid thin #CCC;
        padding: 0.25em 0.5em;
        border-top: none;
    }

    .passRecoveryDataSourceDiv {
        margin: 0;
        background: white;
        border: solid thin #CCC;
        padding: 0.25em 0.5em;
        -webkit-border-radius: 0.25em 0.25em 0 0;
           -moz-border-radius: 0.25em 0.25em 0 0;
                border-radius: 0.25em 0.25em 0 0;
    }

    .passRecoveryErrorMsg {
        margin: 0;
    }

    .passRecoveryHR {
        margin: 0;
    }

    .passRecoveryDiv .passwordRecoveryLableDiv {
        width: auto;
        margin-top: 0.25em;
    }

    .passRecoveryDiv .passwordRecoveryCapchaImgDiv {
        margin: 0;
        background: #f7f7f7;
    }

    .passRecoveryDiv .passwordRecoveryCapchaLableDiv,
    .passRecoveryDivRTL .passwordRecoveryCapchaLableDiv {
        float: none;
        width: auto;
        text-align: center;
        margin: 0;
    }

    .capchInfoLabel {
        margin: 0;
    }

    .passRecoveryDiv .passwordRecoveryCapchaControlDiv,
    .passRecoveryDiv .passwordRecoveryCapchaMsgDiv,
    .passwordRecoveryCapchaMsgDiv2 {
        text-align: center;
        margin: 0;
    }

    .passRecoveryDivRTL .passwordRecoveryCapchaControlDiv,
    .passRecoveryDivRTL .passwordRecoveryCapchaMsgDiv {
        text-align: center;
        margin: 0;
    }

    .passwordRecoveryButtonDiv {
        text-align: center;
        margin: 0.5em 0 0 0;
    }

    .passRecoveryDiv .passwordRecoveryControlDiv {
        margin: 0;
        margin-left: 8.5em;
        width: auto;
        padding: 0 0.25em;
    }

    #txtSecurityCode {
        width: 92%;
        max-width: 92%;
        padding: 0.85em;
        border: none;
        border-bottom: solid thin #aaaaaa;
    }

    #forgetPasswordForm .zh .AppButton {
        width: 47%;
    }

    .passwordRecoveryCopyRightDiv {
        margin: 0;
    }

    .passRecoveryInputsDiv {
        padding: 0 0.5em;
        margin: 0 auto;
        max-width: 25em;
    }

    .passRecoveryDescriptionDiv .LoginTextMedium {
        font-weight: normal;
    }
    /*---- End of: Mobile Password Recovery ----*/

    /*---- Mobile Login Style ----*/
    .LoginBackground {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background: #eeeeee;
        vertical-align: top;
    }

    .LoginLanguageDiv {
        direction: inherit;
        padding: 0.25em 0.5em;
        text-align: center;
        margin: 0 0 0 0;
        margin-top: 0;
        border-bottom: solid thin #5078a0;
        BACKGROUND-COLOR: #5078a0;
        background: -webkit-gradient(linear, left top, left bottom, from(#5078a0), to(#a4b4c4), color-stop(.6,#a4b4c4));
        background: -moz-linear-gradient(75% 3% 270deg,#5078a0, white, white81%);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#5078a0, endColorstr=#ffffff);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#5078a0,endColorstr=#ffffff)";
        background-image: -o-linear-gradient(#5078a0, white);
    }

        .LoginLanguageDiv a {
            color: #ffffff;
        }

    .LoginLogoDiv {
        padding: 0.5em 0 0 0;
        background: #eeeeee;
    }

    .LoginLogoImg {
        max-height: 3em;
        margin-top: 0;
    }

    #LoginDiv1, #LoginDiv2, #LoginDiv3, #LoginDiv4, #LoginWallDiv {
        background: #eeeeee;
    }

    .LoginPanelDiv {
        position: absolute;
        top: 0em;
        left: 0;
        width: 100%;
        margin: 0 0 0 0;
        margin-top: 0;
        margin-left: 0;
        background-color: #eeeeee;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        padding: 0 0 1em 0;
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 100%\0/IE8+9;
    }

    .LoginInfoDiv {
        width: 100%;
    }

    .LoginErrorMsgDiv {
        min-height: 0;
    }

    /* data source selection*/
    .LoginDataSourceSelectionDiv {
        background: #ffffff;
        border: solid thin #cccccc;
        -webkit-border-radius: 0.25em 0.25em 0 0;
           -moz-border-radius: 0.25em 0.25em 0 0;
                border-radius: 0.25em 0.25em 0 0;
        padding: 0.25em 0.5em;
    }

    .LoginDataSourceLabel, .LoginUserNameLabel, .LoginPasswordLabel {
        float: left;
        width: auto;
        text-align: right;
        margin: 0.2em 0.2em 0 0;
    }

    .LoginDataSourceDplSpan,
    #arLoginPanel .LoginDataSourceDplSpan {
        border: none;
        display: block;
    }

    .LoginDataSourceDpl {
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        padding: 0.25em;
        margin-top: 0;
        background: transparent;
        width: 100%;
    }
    /* data source selection*/

    .LoginUserNameDiv {
        background: #ffffff;
        border-left: solid thin #cccccc;
        border-right: solid thin #cccccc;
        padding: 0.25em 0.5em;
        margin-top: 0;
    }

    .LoginDataSourceDplDiv, .LoginUserNameTxtBoxDiv, .LoginPasswordTxtBoxDiv {
        padding: 0 0.25em;
        margin-left: 8.5em;
        text-align: left;
    }

    .LoginUserNameTxtBox,
    .LoginPasswordTxtBox {
        -webkit-appearance: none;
        border: none;
        width: auto;
        max-width: 9em;
        padding: 0em 0.37em;
        /*
width: 11em;
margin-top:0.5em;
*/
    }

    #BlueUserName, #BluePassword, #txtUserName {
        border: none;
        width: 100%;
        max-width: 100%;
    }

    .LoginTextMedium {
        font-weight: bold;
        font-size: 0.8em;
    }

    .LoginPasswordDiv {
        background: #ffffff;
        border: solid thin #cccccc;
        -webkit-border-radius: 0 0 0.25em 0.25em;
           -moz-border-radius: 0 0 0.25em 0.25em;
                border-radius: 0 0 0.25em 0.25em;
        padding: 0.25em 0.5em;
        margin-top: 0;
    }

    .LoginSignInButtonDiv,
    #frLoginPanel .LoginSignInButtonDiv,
    #esLoginPanel .LoginSignInButtonDiv,
    #ruLoginPanel .LoginSignInButtonDiv,
    #arLoginPanel .LoginSignInButtonDiv {
        margin-left: 0;
        margin-right: 0;
    }

    .LoginForgetPWDiv,
    #frLoginPanel .LoginForgetPWDiv,
    #esLoginPanel .LoginForgetPWDiv,
    #ruLoginPanel .LoginForgetPWDiv,
    #arLoginPanel .LoginForgetPWDiv {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    .LoginSigninSectionDiv {
        margin: 0 auto;
        max-width: 25em;
        width: 90%;
        margin-top: 0em;
        padding: 0 5%;
    }

    .LoginForgetPWDiv {
        margin-top: 0;
    }

    .LoginCopyRightDiv {
        margin-top: 0.5em;
        margin-bottom: 0em;
    }
    /*--- end of: Mobile Login Style ---*/

    /* Mobile Change Password */
    #ChangePassword .LoginPanelDiv {
        position: absolute;
        top: 0em;
        left: 0;
        width: 100%;
        margin: 0 0 0 0;
        margin-top: 0;
        margin-left: 0;
        background-color: #EEE;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        padding: 0 0 1em 0;
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 100%url(0/IE8+9);
    }

    #ChangePassword .LoginDescription {
        padding: 0 1em;
        margin: 0 auto;
        max-width: 26em;
    }

    #arMainDiv #ChangePassword .LoginDescription {
        padding: 0 1em;
        margin: 0 auto;
        max-width: 26em;
    }

    #ChangePassword .LoginSignInButtonDiv,
    #arMainDiv #ChangePassword .LoginSignInButtonDiv {
        margin-top: 1em;
        margin-left: 0;
        margin-right: 0;
    }

    #ChangePassword .LoginDataSourceLabel,
    #ChangePassword .LoginUserNameLabel,
    #ChangePassword .LoginPasswordLabel {
        width: 10em;
        text-align: left;
    }

    #arMainDiv #ChangePassword .LoginDataSourceLabel,
    #arMainDiv #ChangePassword .LoginUserNameLabel,
    #arMainDiv #ChangePassword .LoginPasswordLabel {
        width: 10em;
        text-align: right;
    }

    #ChangePassword .LoginDataSourceDplDiv,
    #ChangePassword .LoginUserNameTxtBoxDiv,
    #ChangePassword .LoginPasswordTxtBoxDiv {
        margin-left: 9.5em;
        margin-right: 0em;
        text-align: left;
    }

    #arMainDiv #ChangePassword .LoginDataSourceDplDiv,
    #arMainDiv #ChangePassword .LoginUserNameTxtBoxDiv,
    #arMainDiv #ChangePassword .LoginPasswordTxtBoxDiv {
        width: auto;
        margin-left: 0em;
        margin-right: 9.5em;
        text-align: right;
    }

    #ChangePassword .LoginUserNameTxtBox,
    #ChangePassword .LoginPasswordTxtBox {
        width: 80%;
        max-width: 100%;
        height: auto;
        padding: 0.38em 0.37em;
        border: none;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }

    #ChangePassword .LoginUserNameDiv,
    #ChangePassword .LoginPasswordDiv {
        margin-top: 0;
        height: 3em;
    }

    #ChangePassword .LoginPasswordStrenghtDiv,
    #ChangePassword .MatchPasswordDiv {
        margin-left: 0em;
        margin-right: 0em;
    }

    #arMainDiv #ChangePassword .LoginPasswordStrenghtDiv,
    #arMainDiv #ChangePassword .MatchPasswordDiv {
        margin-left: 0em;
        margin-right: 0em;
    }

    #OldPasswordDiv {
        border: solid thin #cccccc;
        -webkit-border-radius: 0.25em 0.25em 0 0;
           -moz-border-radius: 0.25em 0.25em 0 0;
                border-radius: 0.25em 0.25em 0 0;
    }

    #NewPasswordDiv {
        border: none;
        border-left: solid thin #cccccc;
        border-right: solid thin #cccccc;
        -webkit-border-radius: 0 0 0 0;
           -moz-border-radius: 0 0 0 0;
                border-radius: 0 0 0 0;
    }

    #ConfirmNewPasswordDiv {
        border: solid thin #cccccc;
        -webkit-border-radius: 0 0 0.25em 0.25em;
           -moz-border-radius: 0 0 0.25em 0.25em;
                border-radius: 0 0 0.25em 0.25em;
    }
    /* end of Mobile Change Password*/
}

@media screen and (max-device-width: 480px) and (orientation:landscape), only screen and (max-width: 760px) and (orientation:landscape), (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Landscape styles */

    /*--- Mobile Login Style ---*/
    body {
        -webkit-text-size-adjust: none;
    }

    input[type="text"],
    input[type="password"] {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .LoginDataSourceDpl {
        width: 100%;
    }

    .passwordRecoveryControlDiv #txtUserName {
        width: 100%;
        max-width: 95%;
    }

    #txtSecurityCode {
        max-width: 100%;
    }
    /*--- end of: Mobile Login Style ---*/
}

/*----------------------- end of Mobile Style -------------------------------------------------- */

/* Hide mobile elements for normal browsers */
.MobilePublicListSearchButtonDiv {
    display: none;
}

.linkIcon {
    display: none;
}
/* end of Hide mobile elements for normal browsers*/

/* BEGIN OF DOWNLOAD PDF REPOPRT LINK*/
.DownloadReportLinkDiv {
    text-align: right;
}

.DownloadReportLink {
    DISPLAY: inline;
    text-align: right;
    padding-top: 0.5em;
    font-size: 0.9em;
}
/* END OF DOWNLOAD PDF REPOPRT LINK*/

/*toggle button*/
.AppToggleButtonAdmin {
    font-size: 10pt !important;
    font-weight: bold;
    padding: 0.25em;
    color: #4188c6 !important;
}

.AppToggleButton {
    -webkit-appearance: none;
    PADDING-left: .5em;
    PADDING-right: .5em;
    text-decoration: none;
    font-size: .75em;
    cursor: pointer;
    color: #00417A; /*#4683AD;*/
    min-width: 140px;
    width: 140px;
    background: #dcecf2;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#dcecf2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#dcecf2)";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcecf2));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #dcecf2 100%);
}

.AppToggleSelectButtonShape {
    -webkit-appearance: none;
    -webkit-border-radius: 0.5em 0 0 0.5em;
       -moz-border-radius: 0.5em 0 0 0.5em;
            border-radius: 0.5em 0 0 0.5em;
}

.QP_fccontainertabledivRTL .AppToggleSelectButtonShape {
    -webkit-appearance: none;
    -webkit-border-radius: 0 0.5em 0.5em 0;
       -moz-border-radius: 0 0.5em 0.5em 0;
            border-radius: 0 0.5em 0.5em 0;
}

.AppToggleDeselectButtonShape {
    -webkit-appearance: none;
    -webkit-border-radius: 0 0.5em 0.5em 0;
       -moz-border-radius: 0 0.5em 0.5em 0;
            border-radius: 0 0.5em 0.5em 0;
    margin-left: 0.05em;
    margin-right: 0em;
}

.AppPreSelectedToggleButton,
.AppTogglePressedButton {
    -webkit-appearance: none;
    PADDING-left: .5em;
    PADDING-right: .5em;
    text-decoration: none;
    font-size: .75em;
    font-style: normal;
    cursor: default;
    min-width: 140px;
    width: 140px;
    background: #ffffff;
    border-style: inset;
}

.AppToggleSelectButtonPressed {
    -webkit-appearance: none;
    opacity: 1;
    color: Green;
}

.AppToggleDeselectButtonPressed {
    -webkit-appearance: none;
    opacity: 1;
    color: #C00000;
}

.AppDisableToggleButton {
    -webkit-appearance: none;
    PADDING-left: .5em;
    PADDING-right: .5em;
    text-decoration: none;
    font-size: .75em;
    /*font-size : 10pt;*/
    /*font : bolder;*/
    font-style: normal;
    cursor: default;
    min-width: 140px;
    width: 140px;
    color: #555555; /*#969696;*/
    opacity: 0.6;
    background: #dcecf2;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#dcecf2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ffffff, endColorstr=#dcecf2)";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcecf2));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #dcecf2 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #dcecf2 100%);
}
/*toggle button*/

/*Begin of Subject Management*/
.subpageframetop {
    height: 20px;
    padding: 0.1em 0.4em;
    text-align: left;
}

.frametopimage {
    border-width: 0px;
    position: absolute;
    right: 0.4em;
}

.fullPanelOptionSetting .div_table {
    margin: auto;
    display: table;
    width: 40%;
    border: solid 1px;
    margin-top: 1em;
    line-height: 140%;
    padding: 0.6em 0em;
    BACKGROUND-COLOR: #f7f7f7;
}

.fullPanelOptionSetting .div_tr {
    display: table-row;
}

.fullPanelOptionSetting .div_tc {
    display: table-cell;
    padding: 0.2em 0.5em;
    border: solid 0px red;
    text-align: left;
    height: 100%;
    white-space: nowrap;
}

    .fullPanelOptionSetting .div_tc .div_subtable {
        display: table;
        min-width: 71%;
        margin-top: 0.5em;
        line-height: 120%;
        padding: 0.25em 0.25em;
        border: solid thin #AAA;
    }

    .fullPanelOptionSetting .div_tc .div_tcstyle {
    }

.fullPanelOptionSetting .div_tc1 {
    *clear: both;
    *float: left;
    width: 30%;
}

    .fullPanelOptionSetting .div_tc1.div_subtc1 {
        *clear: both;
        *float: left;
        width: 40%;
    }

.fullPanelOptionSetting .cell {
}

.fullPanelOptionSetting .div_table.events {
    text-align: right;
    border: solid 0px;
    background-color: Transparent;
}

.fullPanelOptionSetting .div_optionheader {
    padding: 1em 0em;
}
/*End of Subject Management*/

.NoWrap {
    white-space: nowrap;
}

/* Chinese layout */
html[lang="zh-cn"] .gridheaderstyle th,
html[lang="zh-cn"] .GridMainSytle td,
/*html[lang="zh-cn"] .LabelOption td,*/
html[lang="zh-cn"] .BlueSystemTableDiv td {
    min-width: 5em;
}
/* end of Chinese layout */

.langIcon {
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
    margin: 0 0 0 0.5em;
    padding: 0 0.2em 0.2em 0.2em;
    vertical-align: top;
    border: solid thin #ccc;
    background: white;
    font-family: monospace;
    font-size: 8pt;
    opacity: 0.5;
}

.multiLingualIcon {
    border: solid thin #aaa;
    opacity: 1;
}

    .multiLingualIcon:hover {
        cursor: pointer;
        outline: none;
        /*box-shadow: 0 0 0.3em #dddddd;*/
        -webkit-box-shadow: 0 0 0.3em #dddddd;
        /*-moz-box-shadow: 0 0 0.3em #dddddd;*/
        border: 0.1em solid #cccccc;
    }

.ui-datepicker-trigger:hover {
    cursor: pointer;
}

#ui-datepicker-div {
    font-size: 12px;
}

.ie .fullPanelOptionSetting .div_table {
    width: 50% !important;
    *width: 500px !important;
}

.ie .fullPanelOptionSetting .div_subtable {
    border: 0 !important;
    background-color: #f7f7f7;
}

.ie .fullPanelOptionSetting .div_tc1.div_subtc1 {
    width: 30% !important;
}

.fullPanelOptionSetting .ui-datepicker-trigger {
    margin-left: 5px;
}

.ie .div_outerTable {
    padding-top: 10px !important;
    margin-top: 5px;
    border: 1px solid;
    padding: 5px;
}

.fullPanelOptionSetting .inputStyle {
    width: 150px;
}

.DateChangeMsg {
    color: #006600;
    font-size: 0.75em;
}

.paddingBottam {
    line-height: 1.5;
}

.errorMsg {
    color: red;
}

.pageTextSmallNoColor {
    font-size: 9pt;
}
/*Blue List drill down*/
.BlueGrid .expand:hover, .BlueGrid .hide:hover, .BlueGrid .HeadExpand:hover, .BlueGrid .HeadHide:hover {
    cursor: pointer;
    background: #f4f4f4;
}

.drillD {
    background: #fefefe;
    border: solid thin #ccc;
    text-align: left;
    padding: 0em 5.5em;
    color: #00417A;
}

    .drillD:before /* triangle decoration */ {
        width: 0;
        height: 0;
        border-left: .85em solid transparent;
        border-right: .85em solid transparent;
        border-bottom: .85em solid #ddd;
        content: '';
        position: absolute;
        margin: -.85em 0;
        left: inherit;
    }

    .drillD img {
        width: 10em;
        border: solid .85em #fff;
        -webkit-box-shadow: 5px 5px 5px #ccc;
           -moz-box-shadow: 5px 5px 5px #ccc;
                box-shadow: 5px 5px 5px #ccc;
    }

    .drillD .div_table {
        display: table;
        background: #fff;
    }

        .drillD .div_table li {
            display: table-row;
        }

            .drillD .div_table li:hover {
                background: #f5f5f5;
            }

            .drillD .div_table li div:not(:first-of-type) {
                display: table-cell;
                padding: 0.5em 1.5em;
                text-align: left;
            }

            .drillD .div_table li div:first-of-type {
                *clear: both;
                *float: left;
                font-weight: bold;
                white-space: nowrap;
            }

.invisible {
    opacity: 0;
}

.tbIEQuirk {
    width: 100%;
    background: #fefefe;
    border: solid thin #ccc;
    text-align: left;
    padding: 0em 5.5em;
    color: #00417A;
    font-size: 1em;
    text-align: left;
}

    .tbIEQuirk tr td {
        padding: .2em .5em;
    }

    .tbIEQuirk tr .first {
        width: 20em;
        font-weight: bold;
        white-space: nowrap;
        padding-left: 7em;
    }

    .tbIEQuirk .invisible {
        color: transparent;
    }

/* Spalised dropdown button*/
a.linkToModelWindow {
    -webkit-border-image: none;
       -moz-border-image: none;
         -o-border-image: none;
            border-image: none;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    color: #4188C6;
    cursor: pointer;
    font-size: 10pt;
    font-weight: bold;
    height: 2em !important;
    margin: 0 0.25em 0 !important;
    text-decoration: none;
    padding: .1em .4em .6em .4em;
    -webkit-appearance: none;
    border: solid thin #dddddd;
    border-bottom: outset thin #ffffff;
    background: #dcecf2;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcecf2));
}

    a.linkToModelWindow:hover {
        cursor: pointer;
        outline: none;
        -webkit-box-shadow: 0 0 0.3em #dddddd;
        /* border: 0.1em solid #cccccc;*/
    }

/* autocomplete */
.autocomplete-suggestions {
    font-size: 0.80em !important;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.ui-autocomplete {
    font-size: 0.80em !important;
}

/* tree view */
#content {
    background-color: #f2f2f2;
    padding: 20px 10px;
    overflow: auto;
}

.tab-container {
    float: left;
    margin: 0px 0 0 0;
}

    .tab-container ul {
        list-style-type: none !important;
        list-style: none;
        text-align: center;
        left-margin: 0;
        left-padding: 0;
    }

        .tab-container ul li {
            border-top: 1px solid #666;
            border-right: 1px solid #666;
            border-bottom: 1px solid #666;
            border-left: 1px solid #666;
            color: #ffffff;
            margin: 0 -0.3em 0 -3em;
            text-decoration: none !important;
        }

            .tab-container ul li a,
            .tab-container ul li a:visited {
                text-decoration: none;
                color: #F5FAFF;
                display: block;
                padding: 0 .5em;
                white-space: nowrap;
            }

            .tab-container ul li:hover {
                border-left: 1px solid #333;
                background-color: #FFFFEE;
            }

            .tab-container ul li a:hover {
                color: #000;
            }

            .tab-container ul li.selected a {
                border-right: none;
                background-color: #F5FAFF;
                border-left: 1px solid #006699 !important;
                color: #00417A !important;
                font-size: 13.66px;
                padding-top: 0.5px;
                padding-bottom: 0.5px;
            }

.deleteImage {
    width: 14px;
    height: 14px;
    border-width: 0px;
    padding-right: 5px;
    *margin-right: 5px;
}

.curvedBox {
    width: 90%;
    border: solid thin #cccccc;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    padding: 5px;
}

.divBoxDisplayShort {
    height: 340px;
    min-width: 250px;
    max-width: 280px;
    border: 1px solid #ccc;
    background-color: #F5FAFF;
    overflow-x: hidden;
    overflow-y: auto;
    color: #00417A !important;
    font-size: 10px;
}

.divBoxDisplay {
    height: 320px;
    width: 260px;
    border: 1px solid #ccc;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    color: #00417A !important;
    font-size: 10px;
    padding: 1em;
}

.GrayBackground {
    background-color: #fafafa;
}

.divHidden {
    display: none;
}

.divDisplay {
    display: inline !important;
}

#divSelected div {
    padding: .2em 0;
}

.treeFilter input[type="text"] {
    height: auto !important;
    padding: .5em;
}

.jstree-classic.jstree-focused {
    background: #fff !important;
}

.selectedItem {
    vertical-align: middle;
}

.cloudTitle {
    text-align: left;
    margin-top: .2em;
    position: absolute;
}

    .cloudTitle span {
        border: solid thin #ddd;
        border-top: none;
        border-left: none;
        padding: .125em .85em;
        font-size: 0.8em;
        background: #eee;
    }

.tagcloud {
    margin: 0 auto 1em auto;
    padding: 1em .5em;
    text-align: center;
    background: #f7f7f7;
}

    .tagcloud img {
    }

.tagcloudPreview {
    border: solid thin #cccccc;
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
    padding: 0.5em 1em;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 16px;
}

.tagcloud span {
    font-size: .65em;
}

.pos {
    color: #00417A;
}

.neg {
    color: #B90822;
}

.ChartLeftColumnTextAnlaytics {
    width: 11.65em;
}

.MSChartRaderWrapper {
    border: solid thin #eee;
    padding: 1em 0;
    max-width: 100%;
    margin: 1em auto;
}

.comCount {
    white-space: nowrap;
}

.noWrap {
    white-space: nowrap;
}

.FrequencyBlockRow > .FrequencyBlock_HalfMain:nth-child(2) {
    padding-left: 1%;
    width: 49%;
}

#reportViewRTL .FrequencyBlockRow > .FrequencyBlock_HalfMain:nth-child(2) {
    padding-right: 1%;
    padding-left: 0;
    width: 49% !important;
}

/*left menu enhancement Blue55*/

.welcomeDiv {
    padding-top: 1em;
    color: #00417A;
    text-align: center;
}

.menuMainHeader {
    margin: .5em 0;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 .5em;
}

.menuMainTab {
    background: #354052;
    border: solid 3px #2a323f;
    -webkit-border-radius: 0 .75em .75em 0;
       -moz-border-radius: 0 .75em .75em 0;
            border-radius: 0 .75em .75em 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: .75em;
    font-weight: bold;
    margin: 0;
    padding: 7% 3%;
    text-align: center;
    width: 40%;
    text-transform: uppercase;
}

    .menuMainTab:first-child {
        -webkit-border-radius: .75em 0 0 .75em;
           -moz-border-radius: .75em 0 0 .75em;
                border-radius: .75em 0 0 .75em;
    }

    .menuMainTab:hover {
        background: #2a323f;
    }

    .menuMainTab a {
        color: #ccc;
        display: inline-block;
        width: 100%;
        text-decoration: none;
    }

.activeMainMenuTab {
    cursor: default;
    background: #2a323f;
    font-weight: normal;
    color: #fff;
}

#RightView {
    width: 100%;
    height: 100%;
}

.LeftMenuTable {
    border-width: 0;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}

.HelpMenuTD {
    height: 100%;
    vertical-align: bottom;
    background-color: #fcfcfc;
    padding: .35em;
}

.HelpButtonDiv input[type="image"] {
    vertical-align: text-top;
}

.MenuTdActive input[type="image"],
.MenuTdInactive input[type="image"] {
    vertical-align: text-bottom;
}

.HelpMenuTD a {
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 1;
    padding: 0 0 0 1.5em;
}

.MenuTdInactive input, .MenuTdInactive a, .MenuTdActive input, .MenuTdActive a {
    display: inline-block;
}

.MenuTdInactive a, .MenuTdActive a {
    display: inline-block;
}

.sysUserMsg {
    padding: 1.1em 0 0 0;
    text-align: center;
}

.HelpButtonDiv {
    background: #6a9ccd;
    padding: .5em;
    -webkit-border-radius: .2em;
       -moz-border-radius: .2em;
            border-radius: .2em;
}
/*end -- left menu enhancement Blue55*/

.LabelOptionDescription {
}

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

.bottomErrorMsgDiv {
    padding: 1em;
}

.InLineCommentsForScore {
    width: 98% !important;
    border-color: #fff !important;
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    border-style: solid;
    border-width: .1em;
    font-size: .75em;
}

.ChartLeftColumnCategoryRankingCategory {
    width: 11.65em;
    border-right-width: thin;
}

.ChartLeftColumnCategoryRankingDiff {
    width: 4.00em;
    border-right-width: thin;
    display: block;
}

ChartLeftColumnCategoryRankingCategoryLong {
    width: 15.65em;
    border-right-width: thin;
    display: block;
}

.ChartLeftColumnCategoryRankingDiffTitle {
    width: 4.00em;
    border-right-width: thin;
    background-color: #DCECF2;
    display: block;
}

.ChartLeftColumnCategoryRankingCategoryTitle {
    width: 11.65em;
    border-right-width: thin;
    display: block;
    background-color: #6b9cce;
}

.ChartLeftColumnCategoryRankingCategoryTitleLong {
    width: 14.65em;
    border-right-width: thin;
    display: block;
    background-color: #6b9cce;
}

.ChartRightColumnCategoryRankingCategoryTitle {
    background-color: #DCECF2;
    display: block;
}

.ChartEvenRowTitle {
    margin-left: auto;
    margin-right: auto;
    _margin-left: .5em;
    width: 100%;
    _width: 100%;
    border-style: solid;
    border-width: .1em;
    border-color: #eee;
    background-color: #DCECF2 !Important;
    overflow: hidden;
    font-weight: bold !Important;
    padding-top: .3em;
    padding-bottom: .3em;
    font-size: .80em;
}

.NoDataChart {
    text-align: center;
    padding: 0 0 1em 0;
}

/* WCAG */
.coverPageTitleBlock h1 {
    margin-top: 0em;
    margin-bottom: 0em;
    text-align: left;
    font-size: 1.1em;
    text-decoration: none;
}

.link-underlined {
    text-decoration: underline !important;
}

/*fake link for preview tasks*/
span.link-underlined {
    color: #999;
}

/* end of WCAG */

/*right hand context menu */

#box {
    width: 250px;
    padding: 0px;
    background: #EEE;
    color: #000080;
    margin: 0 auto;
}

ul#context-menu {
    list-style: none;
    font-size: 12px;
    position: absolute;
    width: 160px;
    z-index: 99999;
    border: solid 1px #b7b2b2;
    background: #EEE;
    padding: 2px;
    margin: 0px;
    font-size: 11px;
}

    ul#context-menu li {
        padding: 5px;
        margin: 2px 0px;
        background: #EEE;
        cursor: pointer;
    }

        ul#context-menu li:hover {
            color: #000080;
            background: #cde6f7;
        }

    ul#context-menu:before {
        border-bottom: 6px solid gray;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        height: 0;
        position: absolute;
        left: 0;
        top: -6px;
        width: 0;
    }

.ContextMenu-PageBreak {
    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url(../images/rightmenu/page_white_break.png);
    padding-bottom: 3px;
}

.ContextMenu-Delete {
    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url(../images/rightmenu/page_white_delete.png);
    padding-bottom: 3px;
}

.ContextMenu-Copy {
    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url(../images/rightmenu/page_white_copy.png);
    padding-bottom: 3px;
}

.ContextMenu-Add {
    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url(../images/rightmenu/add.png);
    padding-bottom: 3px;
}

.report-right-menu {
    width: 240px !important;
}

.project-right-menu {
    width: 240px !important;
}

.padding-top-5 {
    padding-top: 5px;
}
/*right hand context menu */

tr.GridMouseOverStyle.grid-row-marker,
.grid-row-marker {
    border-left: solid 0.3em #00C0FF !important;
    background-color: #ECF5FF !important;
}

tr.GridMouseOverStyle.grid-newrow-marker,
.grid-newrow-marker {
    border-left: solid 0.3em #99FF99 !important;
    background-color: #D6FFD6 !important;
}

.project-info-div,
.privilege-info-div {
    font-size: .8em;
    color: #00417A;
}

    .privilege-info-div li {
        list-style-type: square;
    }

.breadCrumbStyle {
    background-color: #F6F8F9;
    border: solid 1px #e3e6e8;
    overflow: auto;
    padding: 10px 20px 5px 20px;
    font-weight: bold;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.blueIconStyle {
    border: 0;
    padding-right: 5px;
    vertical-align: middle;
}

.vMiddle {
    vertical-align: middle;
}
/* end right hand context menu */

.select-wrapper {
    padding: .125em;
}

/* Start added for Dashboard Config  [rgera] */
.iframe-container,
.iframe-container iframe ,
#DashboardConfigWrapper,
#DashboardConfigWrapper iframe,
#DashboardViewerWrapper,
#DashboardViewerWrapper iframe {
    height: 100%;
    width: 100%;
}
/* End added for Dashboard Config  [rgera] */

textarea,
input[type=text],
input[type=password] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
    transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s, -moz-box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s, -moz-box-shadow linear 0.2s;
    padding: 0.25em;
    -webkit-border-radius: 0.25em;
       -moz-border-radius: 0.25em;
            border-radius: 0.25em;
    margin-right: 0.15em;
}

.blue-tooltip-label {
    font-size: 9pt;
}

span .project-info-label {
    min-width: 320px;
}

.bulkSettingTick {
    font-size: 10px;
    display: inline;
}

.align-right {
    text-align: right;
}

    .align-right.hide {
        display: none;
    }

.align-left {
    text-align: left;
}

    .align-left.hide {
        display: none;
    }

.bulkEdit-Highlight {
    color: #000080;
    background-color: #ead2bb;
}

.applyBulkEdit {
    font-size: 0.70em !important;
}

.bulkEdit-action-cancel {
    font-size: 0.70em !important;
}
/*end of bulk edit setting*/

/*Alert msg for bulk edit*/
.alert-success {
    padding: 15px;
    margin-bottom: 10px;
    margin-top: 65px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-size: 11px;
    line-height: 1.42857143;
    width: 300px;
    display: none;
    position: fixed;
    top: 0px;
    right: 0;
}
/*End of  msg for bulk edit*/

.selected {
    background: red !important;
}

.div-bulk-copy-setting {
    position: absolute;
    width: 600px;
    z-index: 99999;
    border: solid 1px #b7b2b2;
    background: #D8D8D8;
    padding: 5px;
    margin: 0px;
    font-size: 11px;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

#divConfim-window .ui-dialog-titlebar {
    display: none;
}

.gridMoveBox {
    border: thin solid #CCC;
    -webkit-border-radius: 0.2em;
       -moz-border-radius: 0.2em;
            border-radius: 0.2em;
    padding: 0.1em 0.5em;
    background-color: rgb(247, 247, 247);
    margin-right: -5px;
}

.reportBlockButtonSet {
    border: solid 1px #b7b2b2;
    -webkit-border-radius: 0.2em;
       -moz-border-radius: 0.2em;
            border-radius: 0.2em;
    background-color: rgb(247, 247, 247);
}

.reportBlockButtonSet-left {
    border-left: dotted 1px #b7b2b2;
}

/*Login Page 5.5.4 */
.login-page {
    font-size: 0.80em;
    color: lightgray;
    font-weight: bold;
}

    .login-page textarea, input[type=text], input[type=password] {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .login-page a {
        color: whitesmoke;
    }

    .login-page #header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 4em;
        background-color: #363737;
        min-height: 4em;
    }

    .login-page #header-left {
        float: left;
        margin-left: 10px;
        display: table-cell;
        vertical-align: middle;
    }

    .login-page #header-right {
        text-align: right;
        margin-right: 10px;
        display: table-cell;
        min-height: 4em;
        line-height: 4em;
        float: right;
    }

.login-page-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 4em;
    background-color: #363737;
    line-height: 4em;
    font-size: 0.80em;
    color: lightgray;
    font-weight: bold;
}

.login-page-footer-left {
    float: left;
    margin-left: 10px;
    vertical-align: middle;
    text-align: left;
    margin-right: 1em;
}

.login-page-footer-right {
    margin-right: 10px;
    vertical-align: middle;
    text-align: right;
    margin-right: 1em;
}

#divLoginWall {
    background-image: url("login-background.jpg") !important;
    background-repeat: no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
}

.login-page .header-logo {
    height: 3em;
    vertical-align: middle;
    padding-top: 0.5em;
}

.login-page.divLoginUserName {
    background-image: url("in-user.png");
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 20px solid #fff;
}

.login-page.divLoginDataSource {
    background-image: url("in-data.png");
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 20px solid #fff;
}

.login-page.divLoginPassword {
    background-image: url("in-pw.png");
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 20px solid #fff;
}

.login-page .divLoginPanel {
    position: relative;
    top: 10em;
    width: 28em;
    left: 50%;
    margin-left: -14em;
    background-color: white;
    -webkit-border-radius: 1em;
       -moz-border-radius: 1em;
            border-radius: 1em;
    margin-bottom: 10em;
}

.login-page .LoginLogoDiv {
    background-image: url("login-header.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-top-left-radius: 1em;
    -moz-border-radius-topleft: 1em;
    border-top-left-radius: 1em;
    -webkit-border-top-right-radius: 1em;
    -moz-border-radius-topright: 1em;
    border-top-right-radius: 1em;
    text-align: center;
    height: 8em;
    background-color: #2773BD !important;
    -moz-background-size: cover;
    background-size: cover;
}

.login-page .LoginDescriptionHeader {
    font-size: 1em;
    color: #FFF;
}

.login-page .LoginDescription {
    text-align: center;
    background-color: #363737;
    color: #fff;
    vertical-align: middle;
    word-wrap: break-word;
    border: 0;
    padding: 1.5em 1em;
}

.login-page .divLoginUserName,
.login-page .divLoginPassword,
.login-page .divLoginDataSource {
    margin-top: 0.25em;
    border-bottom: thin solid #eeeeee;
    line-height: 5em;
}

.login-page .LoginUserNameDiv:hover,
.login-page .LoginPasswordDiv:hover,
.login-page .LoginDataSourceSelectionDiv:hover {
    background-color: #ECF5FF;
}

.login-page .tbLoginUserName,
.login-page .tbLoginPassword,
.login-page .dplLoginDataSource {
    width: 85% !important;
    border: 0 !important;
    font-size: 1.2em !important;
}

.login-page .divLoginUserNameTxtBox,
.login-page .divLoginPasswordTxtBox,
.login-page .divLoginDataSourceDpl {
    padding-left: 3.5em;
    text-align: left;
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 2em;
}

.login-page .divLoginUserNameTxtBox {
    background-image: url("../images/login/in-user.png");
}

.login-page .divLoginPasswordTxtBox {
    background-image: url("../images/login/in-pw.png");
}

.login-page .divLoginDataSourceDpl {
    background-image: url("../images/login/in-data.png");
}

.login-page .divLoginUserNameTxtBox:hover {
    background-image: url("../images/login/ac-user.png");
}

.login-page .divLoginPasswordTxtBox:hover {
    background-image: url("../images/login/ac-pw.png");
}

.login-page .divLoginDataSourceDpl:hover {
    background-image: url("../images/login/ac-data.png");
}

.login-page .blue-page.divLoginUserNameTxtBox {
    background-image: url("../images/login/in-user.png");
}

.login-page .blue-page.divLoginPasswordTxtBox {
    background-image: url("../images/login/in-pw.png");
}

.login-page .blue-page.divLoginUserNameTxtBox:hover {
    background-image: url("../images/login/ac-user.png");
}

.login-page .blue-page.divLoginPasswordTxtBox:hover {
    background-image: url("../images/login/ac-pw.png");
}

.login-page .LoginDescriptionHeader {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: -10px !important;
}

.login-page .divLoginSignInButton {
    margin-left: 0 !important;
    text-align: center;
    background-color: #2773BD;
    -webkit-border-bottom-left-radius: 1em;
       -moz-border-radius-bottomleft: 1em;
            border-bottom-left-radius: 1em;
    -webkit-border-bottom-right-radius: 1em;
       -moz-border-radius-bottomright: 1em;
            border-bottom-right-radius: 1em;
    line-height: 4em;
    cursor: pointer;
}

.login-page .dplLoginDataSource {
    width: 85%;
    border: 0;
    font-size: 1.2em;
}

.login-page input:-moz-placeholder,
.login-page input::-webkit-input-placeholder {
    font-size: 0.85em;
    color: #626262;
}

LoginDataSourceDplSpan .LoginUserNameTxtBox,
.login-page .LoginPasswordTxtBox {
    width: 85% !important;
}

.login-page input:focus,
.login-page input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

    .login-page .AppButton:active,
    .login-page .AppButton:hover,
    .login-page .AppButton:focus {
        background-color: #2773BD !important;
        -webkit-box-shadow: none;
        border: none;
    }

.divLoginPanel .AppButtonIE11,
.login-page input[type="submit"].AppButton {
    background: #2773BD;
    color: #FFF;
    border: 0;
    -webkit-border-top-left-radius: 0;
       -moz-border-radius-topleft: 0;
            border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
       -moz-border-radius-topright: 0;
            border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 1em;
       -moz-border-radius-bottomleft: 1em;
            border-bottom-left-radius: 1em;
    -webkit-border-bottom-right-radius: 1em;
       -moz-border-radius-bottomright: 1em;
            border-bottom-right-radius: 1em;
    cursor: pointer;
    display: block;
    height: 4em;
    line-height: 4em;
    text-align: center;
    text-decoration: none;
    width: 100%;
    margin: 0;
    font-size: 10pt;
    font-weight: normal;
}

.login-page input[type=text]:hover,
.login-page input[type=text]:active,
.login-page input[type=text]:focus,
.login-page input[type=password]:hover,
.login-page input[type=password]:active,
.login-page input[type=password]:focus,
.login-page select:hover,
.login-page select:active,
.login-page select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
         box-shadow: none;
    outline: none;
}

.LoginBackground {
    background: #000 !important;
}

.login-page .divLoginForgetPW {
    position: relative;
    font-size: 1.2em;
    text-align: center;
    min-height: 6em;
    top: 1em;
}

    .login-page .divLoginForgetPW a {
        text-decoration: none;
    }

.login-page .divLoginErrorMsg {
    margin: 0;
    vertical-align: top;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.login-page .lbLoginErrorMsg {
    color: #CC0000;
    font-size: 1em;
    line-height: 2.4em;
}

.divLoginSignInButton .AppButton:active {
    background-color: #2773BD;
}

.login-page .sr-only {
    display: none;
}

.login-page .LanguageLinkStyle {
    font-size: inherit;
    text-decoration: none;
}

.login-page .inforAreaStyle {
    padding: 20px;
    line-height: 2em !important;
    -webkit-border-bottom-left-radius: 1em;
       -moz-border-radius-bottomleft: 1em;
            border-bottom-left-radius: 1em;
    -webkit-border-bottom-right-radius: 1em;
       -moz-border-radius-bottomright: 1em;
            border-bottom-right-radius: 1em;
    margin-top: 0.25em;
    border-bottom: thin solid #eeeeee;
}

@media screen and (max-width: 768px) {
    #divLoginWall {
        background-image: url("login-background-lowres.jpg") !important;
    }
}

@media screen and (max-device-width: 480px) {
    #divLoginWall {
        background-image: url("login-background-lowres.jpg") !important;
    }

    .login-page #header {
        line-height: 2.5em;
        height: 2.5em;
        text-align: center !important;
    }

    .login-page #footer {
        line-height: 2.5em;
        height: 2.5em;
    }

    .login-page .divLoginPanel {
        top: 7em;
        margin-bottom: 8em;
    }

    .login-page input:-webkit-autofill, .login-page textarea:-webkit-autofill, .login-page select:-webkit-autofill {
        color: #fff !important;
    }

    .login-page .divLoginUserName, .login-page .divLoginPassword, .login-page .divLoginDataSource {
        line-height: 3em;
    }

    .login-page .divLoginForgetPW {
        top: 0;
    }

    .login-page-footer-left {
        width: 100%;
        text-align: center;
        word-wrap: normal;
        margin: 0;
    }

    .login-page-footer-right {
        width: 100%;
        text-align: center;
    }

    .login-page #header-right .login-page #header-left {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-device-width: 320px) {
    #divLoginWall {
        background-image: url("login-background-lowres.jpg") !important;
    }

    .login-page #header {
        line-height: 2.5em;
        height: 2.5em;
        text-align: center !important;
    }

    .login-page #footer {
        line-height: 2.5em;
        height: 2.5em;
    }

    .login-page .divLoginPanel {
        top: 7em;
        margin-bottom: 8em;
    }

    .login-page input:-webkit-autofill, .login-page textarea:-webkit-autofill, .login-page select:-webkit-autofill {
        color: #fff !important;
    }

    .login-page .divLoginUserName, .login-page .divLoginPassword, .login-page .divLoginDataSource {
        line-height: 3em;
    }

    .login-page-footer {
        line-height: 1.2em;
    }

    .login-page .divLoginUserName, .login-page .divLoginPassword, .login-page .divLoginDataSource {
        line-height: 3em;
    }

    .login-page .divLoginForgetPW {
        top: 0;
    }

    .login-page-footer-left {
        width: 100%;
        text-align: center;
        word-wrap: normal;
    }

    .login-page-footer-right {
        width: 100%;
        text-align: center;
    }
}

/*End of Login Page 5.5.4 */

.evo-pointer.evo-colorind {
    width: 40px;
}

.code.color-picker {
    width: 85px;
}

.thinGrayBorder {
    border: solid thin #cccccc;
    -webkit-border-radius: 0.5em;
       -moz-border-radius: 0.5em;
            border-radius: 0.5em;
    padding: 0.5em 1em;
}

.longTextColumn {
    word-wrap: break-word;
    max-width: 500px;
    line-height: 1.8em;
}

.div-bulkaction-ards {
    margin-left: 10px;
    margin-bottom: 10px;
}

.redDottedBorder {
    border: thin red dotted;
}

input[type="text"]:disabled {
    background-color: #eee;
}

#divConfim-window input[type="submit"] {
    font-size: 1.1em;
    padding: 3px !important;
}

.nice-input {
    padding: 25px 4px 4px 4px;
    border: 1px solid #CCCCCC;
    width: 98%;
    height: 300px;
}

.clearable {
    background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-transition: background 0.4s;
    -o-transition: background 0.4s;
    -moz-transition: background 0.4s;
    transition: background 0.4s;
}

    .clearable.x {
        background-position: right 5px center;
    }

    .clearable.onX {
        cursor: pointer;
    }

    .clearable::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }

.record-management.required-field-icon,
.adminDS-entities.required-field-icon {
    padding: 0 .5em;
}

.report-info-textarea {
    width: 700px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.CondensedTabular tr td,
.RespS_Sheet {
    word-break: break-word;
}

.dtg_setup_table .GridItemStyle td{
    white-space:nowrap;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute !important;
    /* many screen reader and browser combinations announce broken words as they would appear visually */
    word-wrap: normal !important;    
}

#toggleDiv {
    background: #F7F7F7;
}

.overflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100px;
    display: inline-block;
}

.QuestionDefaultIcon {
    width: 14px;
    height: 14px;
}