/*Covered by AvePoint copyright and license agreement*/
/* MessageBar */
.message-bar {
    color: #333333;
    height: 40px;
    min-width: 365px;
    line-height: 30px;
    background-color: #fff7cc;
    font-size: 14px;
    position: relative;
    border: 1px solid #ffdd33;
    overflow-y: auto;
}

    .message-bar .message-text {
        height: 35px;
        margin-left: 15px;
        margin-right: 42px;
        text-overflow: ellipsis;
        float: left;
        padding-top: 5px;
        overflow: hidden;
    }

    .message-bar .close-button {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 14px;
        right: 15px;
        overflow: hidden;
    }

.site-url-label {
    height: 100%;
    top: 0;
}

.message-bar .button-img {
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: -429px;
}

    .message-bar .button-img:hover {
        left: -417px;
    }

    .message-bar .button-img:active {
        left: -405px;
    }

/*ForCustomMessageBar*/
.message-barwidth {
    color: #333333;
    padding-bottom: 14px;
    padding-top: 14px;
    min-width: 525px;
    background-color: #fbf4cb;
    font-size: 14px;
    position: relative;
}

    .message-barwidth .message-textwidth {
        padding-left: 15px;
        padding-right: 42px;
    }

    .message-barwidth .close-button {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 14px;
        right: 15px;
        overflow: hidden;
    }

    .message-barwidth .button-img {
        cursor: pointer;
        position: absolute;
        top: 0px;
        left: -429px;
    }

        .message-barwidth .button-img:hover {
            left: -417px;
        }

        .message-barwidth .button-img:active {
            left: -405px;
        }

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

.gafilterbuttonul {
    list-style-type: none;
}

/*for search box*/
.searchBox {
    float: left;
}

    .searchBox .searchBox-watermark {
        color: Silver;
        margin-left: 5px;
    }

    .searchBox .searchBox-input {
        cursor: text;
        border-right: none;
        font-size: 13px;
        vertical-align: bottom;
        float: left;
        display: inline-block;
        overflow-x: hidden;
        overflow-y: auto;
        height: 24px;
        line-height: 24px;
        white-space: pre;
        text-overflow: clip;
        width: 156px;
    }

    .searchBox .searchBox-img-container {
        display: inline-block;
        height: 22px;
        padding-top: 1px;
        padding-bottom: 1px;
        float: right;
    }

    .searchBox .searchBox-img-box {
        width: 22px;
        height: 22px;
        overflow: hidden;
        position: relative;
        margin-top: -1px;
    }

    .searchBox .searchBox-img {
        display: inline-block;
        position: absolute;
        top: -161px;
        left: -241px;
    }

        .searchBox .searchBox-img:hover {
            cursor: pointer;
        }

    .searchBox .searchBox-group {
        height: 22px;
        float: left;
        border: solid 1px transparent;
        width: 178px;
    }

    .searchBox .searchBox-text {
        margin-right: 10px;
        float: left;
        height: 24px;
        line-height: 24px;
    }

    .searchBox .tooltip-limit:before {
        content: attr(data-tooltip);
        display: none;
        position: absolute;
    }

    .searchBox .tooltip-limit:hover::before {
        width: 360px;
        white-space: pre-wrap;
        display: block;
        background: white;
        border: 1px solid black;
        padding: 0 5px;
        font-size: 10px;
        margin: 20px 0 0 10px;
        line-height: 1.4em;
        z-index: 1;
    }

/*for Ave_WizardMode*/
.wizard-body {
    list-style: none;
    list-style-type: none;
    width: 100%;
    padding-left: 0px;
    min-width: 400px;
    margin: 0;
}

.wizard-li {
    float: left;
    height: 19px;
    cursor: default;
    border-top: solid 1px #b5b5b5;
    border-bottom: solid 1px #b5b5b5;
    background-color: #eeeeee;
    color: #333333;
    z-index: 1;
}

.wizard-li-current {
    background-color: #4499dd;
    color: #ffffff !important;
}

.wizard-li-done {
    color: #0077bb;
}

    .wizard-li-done:hover {
        cursor: pointer;
    }

.wizard-group {
    display: inline-block;
    height: 19px;
    margin: auto;
    padding: auto;
    width: 100%;
    vertical-align: middle;
    z-index: 0;
}

    .wizard-group span {
        float: left;
    }

.wizardlabel {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    margin-top: 3px;
}

.wizard-img {
    width: 11px;
    height: 19px;
    background-image: url('/AUILibrary/WizardMode/wizard_mode_11x19.png');
}

/*for Ga button*/
.gabtn-li {
    list-style: none;
    float: left;
    height: 100%;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.gabtn-outerdiv {
    height: 24px;
}

.gabtn-a {
    height: 24px;
    TEXT-DECORATION: none;
    cursor: pointer;
    display: block;
    border: dotted 1px transparent;
    color: #333333;
}

    .gabtn-a:hover {
        height: 24px;
        TEXT-DECORATION: underline;
        text-decoration-color: #333333;
        cursor: pointer;
        display: block;
        border: dotted 1px transparent;
    }

    .gabtn-a:focus {
        border: dotted 1px #333333;
        height: 24px;
        TEXT-DECORATION: none;
        cursor: pointer;
        display: block;
    }

    .gabtn-a:active {
        color: #333333;
    }

.gabtn-interdiv {
    height: 24px; /*function keep img & font centered  (padding=outerdiv.height-interdiv.height)\2*/
}

.gabtn-clipes {
    overflow: hidden;
    width: 24px;
    height: 24px;
    float: left;
    position: relative;
}

.gabtn-btncontent {
    padding-left: 7px;
    padding-right: 2px;
    font-size: 13px;
    text-align: center;
    line-height: 24px; /*same interdiv.height*/
    color: #333333;
}

.gabtn-btncontentover {
    padding-left: 7px;
    padding-right: 2px;
    font-size: 13px;
    text-align: center;
    line-height: 24px;
}

.gabtn-btncontentover-background {
    color: #000000;
}

/*common button*/
.gabtn-lifilter {
    list-style: none;
    float: left;
    height: 26px;
    margin-right: 10px;
}

.gabtn-outerdivfilter {
    height: 22px;
    padding: 2px 0px;
}

.gabtn-outerdivnormalfilter {
    height: 22px;
    background-color: #952A1A;
    overflow: hidden;
    padding: 2px;
}

.gabtn-outerdivoverfilter {
    height: 22px;
    overflow: hidden;
    background-color: #BD2E17;
    padding: 2px 2px 2px 2px;
}

.gabtn-afilter {
    height: 20px;
    TEXT-DECORATION: none;
    cursor: pointer;
    display: block;
    padding: 0px;
    border: dotted 1px transparent;
    color: #333333;
}



.gabtn-afiltersel {
    height: 20px;
    color: #333333;
    TEXT-DECORATION: none;
    cursor: pointer;
    display: block;
    padding: 0 10px;
    border: dotted 1px transparent;
}

    .gabtn-afiltersel:hover {
        height: 20px;
        color: #333333;
        TEXT-DECORATION: none;
        cursor: pointer;
        display: block;
        padding: 0 10px;
        border: dotted 1px transparent;
    }

    .gabtn-afiltersel:focus {
        height: 20px;
        color: #333333;
        TEXT-DECORATION: none;
        cursor: pointer;
        display: block;
        padding: 0 10px;
        border: dotted 1px #ffffff;
    }

.gabtn-afilter:hover {
    height: 20px;
    TEXT-DECORATION: underline;
    cursor: pointer;
    display: block;
    padding: 0px;
    border: dotted 1px transparent;
}

.gabtn-afilter:focus {
    height: 20px;
    color: #333333;
    TEXT-DECORATION: none;
    cursor: pointer;
    display: block;
    padding: 0px;
    border: dotted 1px #333333;
}


.gabtn-interdivfilter {
    padding-top: 2px;
    height: 16px;
}

.gabtn-clipesfilter {
    overflow: hidden;
    width: 16px;
    height: 16px;
    float: left;
    position: relative;
}

.gabtn-btncontentfilter {
    padding-left: 4px;
    padding-right: 2px;
    font-size: 13px; /**/
    text-align: center;
    line-height: 16px;
    color: #333333;
}

.gabtn-btncontentdownfilter {
    padding-left: 4px;
    padding-right: 2px;
    font-size: 13px;
    text-align: center;
    line-height: 16px;
}

.gabtn-btncontentdownfilter-background {
    color: #000000;
}

.gabtn-btncontentoverfilter {
    padding-left: 4px;
    padding-right: 2px;
    font-size: 13px;
    text-align: center;
    line-height: 16px;
    color: #FFFFFF;
}

/*Filte*/


.gabtn-ulmenu {
    margin: 0px;
    list-style-type: none;
}

.gabtn-limenu {
    float: left;
    width: 155px;
    height: 100px;
}

.gabtn-outerdivmenu {
    width: 155px;
    height: 100px;
    overflow: hidden;
}

.gabtn-outerdivselmenu {
    width: 155px;
    height: 100px;
    background-color: #0062af;
    opacity: 0.75;
    background-color: transparent\0; /*ie8/9*/
    -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(enabled=true, startColorStr=#0062af , endColorStr=#0062af )'; /*ie8/9*/
}

.gabtn-outerdivovermenu {
    width: 155px;
    height: 100px;
    background-color: rgba(114, 114, 114, 0.7);
    background-color: transparent\0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(enabled=true, startColorStr=#a5727272 , endColorStr=#a5727272 )';
    overflow: hidden;
}

.gabtn-outerdownmenu {
    width: 155px;
    height: 100px;
    background-color: rgba(29, 29, 29, 0.65);
    background-color: transparent\0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(enabled=true, startColorStr=#a51d1d1d , endColorStr=#a51d1d1d )';
    overflow: hidden;
}

.gabtn-amenu {
    width: 155px;
    height: 100px;
    color: #333333;
    TEXT-DECORATION: none;
    cursor: pointer;
    display: block;
}



    .gabtn-amenu:hover {
        width: 155px;
        height: 100px;
        color: #333333;
        TEXT-DECORATION: none;
        cursor: pointer;
        display: block;
    }

    .gabtn-amenu:focus {
        width: 155px;
        height: 100px;
        color: #333333;
        TEXT-DECORATION: none;
        cursor: pointer;
        display: block;
    }

.gabtn-interdivmenu {
    width: 155px;
    height: 100px;
    position: relative;
}

.gabtn-clipesmallmenu {
    overflow: hidden;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 57.5px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.gabtn-buttontentmenu {
    font-size: 16px;
    text-align: center;
    line-height: 16px;
    color: #FFFFFF;
    padding-top: 50px;
}

/*Button Menu*/

.gabtn-litab {
    margin: 0 15px 0 0;
    list-style: none;
    float: left;
}

.gabtn-atab {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    TEXT-DECORATION: none;
    height: 26px;
    position: relative;
    cursor: pointer;
}

.gabtn-aseltab {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    height: 26px;
    TEXT-DECORATION: none;
    background-color: #1773bb;
    position: relative;
    cursor: pointer;
}

.gabtn-aovertab {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    height: 26px;
    TEXT-DECORATION: none;
    background-color: #dddddd;
    position: relative;
    cursor: pointer;
}

.gabtn-adowntab {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    height: 26px;
    TEXT-DECORATION: none;
    background-color: #686868;
    position: relative;
    cursor: pointer;
}

.gabtn-container {
    font-size: 15px;
    text-align: center;
    line-height: 26px;
    color: #333333;
}

.tab-underline {
    height: 3px;
}

.tab-container {
    padding-top: 15px;
}

.navigation-tab {
    height: 60px;
    font-size: 15px;
    line-height: 60px;
    float: left;
    margin-left: 130px;
}

.gabtn-litab:hover .tab-underline {
    background-color: #cecece;
}

.gabtn-litab:active .tab-underline {
    background-color: #cecece;
}

.tab-selected-underline {
    height: 3px;
    background-color: #0062af;
}

.tab-partition {
    height: 14px;
    width: 1px;
    background-color: #ccc;
    margin-top: 8px;
}

.gabtn-containerover {
    font-size: 16px;
    text-align: center;
    line-height: 26px;
    color: #fff;
}

.gabtn-s {
    position: absolute;
    top: 25px;
    left: 70px;
    display: block;
    font-size: 0;
    line-height: 0;
    border-color: #1773bb transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    border-width: 5px;
}

.gabtn-o {
    position: absolute;
    top: 25px;
    left: 70px;
    display: block;
    font-size: 0;
    line-height: 0;
    border-color: #DDDDDD transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    border-width: 5px;
}

.gabtn-d {
    position: absolute;
    top: 25px;
    left: 70px;
    display: block;
    font-size: 0;
    line-height: 0;
    border-color: #686868 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    border-width: 5px;
}

.reviewtaskbuttons {
    color: #333;
    display: none;
    top: 26px;
    width: 146px;
    min-height: 40px;
    position: absolute;
    border: 1px solid #999999;
    background-color: #fff;
    line-height: normal;
    padding-left: 10px;
    padding-top: 3px;
    z-index: 999;
}

.Review-Button {
    display: none;
    text-decoration: none;
}


.Review-Button-link {
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    color: #333333;
}

    .Review-Button-link:hover {
        text-decoration: underline;
    }

.gabtn-licheckurl {
    list-style: none;
    float: none;
    height: 100%;
    margin: 0px;
}

.gabtn-outerdivcheckurlnormal {
    cursor: pointer;
    text-align: center;
    height: 22px;
    width: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #8d8d8d;
    background-color: #ffffff;
    color: #333333;
    line-height: 22px;
}

.gabtn-outerdivcheckurlover {
    cursor: pointer;
    text-align: center;
    height: 22px;
    width: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #858585;
    background-color: #f0f0f0;
    color: #333333;
    line-height: 22px;
}

.gabtn-outerdivcheckurldown {
    cursor: pointer;
    text-align: center;
    height: 22px;
    width: 70px;
    border: 1px solid #7f7f7f;
    background-color: #e7e7e7;
    color: #333333;
    line-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gabtn-outerdivcheckurldisable {
    cursor: default;
    text-align: center;
    height: 22px;
    width: 70px;
    border: 1px solid #c1c1c1;
    background-color: #f1f1f1;
    color: #a9a9a9;
    line-height: 22px;
}

.gabtn-fileInput {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    cursor: pointer;
    top: -10px;
    right: -10px;
    font-size: 100px;
}
/*for sectionarea*/
.sectionarea {
    width: 878px;
    max-width: 878px;
}

    .sectionarea table, tr, td {
        border-collapse: collapse;
    }

.sectionarea-left {
    width: 405px;
    max-width: 405px;
    min-width: 405px;
    display: table-cell;
    background-color: #e0e0e0;
    padding-bottom: 30px;
}

.sectionarea-mid {
    display: table-cell;
    width: 5px;
    max-width: 5px;
    min-width: 5px;
    background-color: #a8a8a8;
}

.sectionarea-mid-focus {
    background-color: #1773bb;
}

.sectionarea-mid-arrow {
    width: 5px;
    max-width: 5px;
    min-width: 5px;
    background-color: #ffffff;
    vertical-align: middle;
    display: table-cell;
}

.sectionarea-arrow {
    border-style: solid;
    border-width: 5px;
    border-color: #ffffff #ffffff #ffffff #a8a8a8;
    height: 0;
    width: 0;
    display: inline-block;
    font-size: 0;
}

.sectionarea-mid-arrow-border {
    border-color: #ffffff #ffffff #ffffff #1773bb;
}

.sectionarea-right {
    display: table-cell;
    width: 464px;
    max-width: 464px;
    min-width: 464px;
    vertical-align: top;
    background-color: #ffffff;
}

.sectionarea-right-container {
    width: 414px;
    margin-left: 40px;
    margin-top: 15px;
    margin-bottom: 40px;
    background-color: #ffffff;
    font-size: 13px;
}

    .sectionarea-right-container input, select, textarea {
        font-size: 13px;
    }

.sectionarea-title {
    margin-left: 15px;
    margin-right: 40px;
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
}

.sectionarea-description {
    margin-left: 15px;
    margin-right: 40px;
    margin-top: 10px;
    font-size: 12px;
    word-wrap: break-word;
    white-space: pre-line;
}

.sectionarea-bottom-border {
    border-bottom-width: 3px;
    border-bottom-color: #ededed;
    border-bottom-style: solid;
}

.popupWindow #WorkflowSettingPage .sectionarea-right-container {
    max-width: 374px;
}

.popupWindow #QuestionaireAddQuestionPopupContent .sectionarea-right-container {
    max-width: 344px;
}

.popupWindow .sectionarea-right-container .ms-authoringcontrols {
    width: 345px;
}

.sectionare-role-description-img-span {
    width: 11px;
    height: 11px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.sectionare-role-description-img {
    border: 0px;
    position: absolute;
    top: -240px;
    left: -288px;
}

.form-control-require-star, .form-control-require-star-other {
    color: red;
    float: left;
    margin-left: -5px;
    margin-top: -3px;
    max-width: 6px;
}

.form-control-title {
    text-align: left;
    font-size: 13px;
}

.form-control-content {
    margin-top: 5px;
    margin-bottom: 10px;
}

.form-control-readonly-content {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    word-break: normal;
}

.checkbox-label-area-common {
    margin-top: 15px;
    margin-left: 5px;
}

.checkbox-area {
    float: left;
}

.label-for-checkbox-area {
    word-wrap: break-word;
    margin-left: 22px;
    padding-bottom: 10px;
}

.view-text {
    word-wrap: break-word;
}

.label-for-checkbox-line-break-style {
    max-width: 464px;
    margin-left: 25px;
    margin-top: -17px;
}

.label-for-radio-button-line-break-style {
    max-width: 464px;
    margin-left: 23px;
    margin-top: -18px;
}

.refresh-scope-button {
    width: 16px;
    height: 16px;
    overflow: hidden;
    border: none;
    margin-left: 5px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
}

.refresh-scope-img {
    position: absolute;
    top: -144px;
    left: -208px;
}

.select-scope-title {
    width: 98px;
    margin-top: -10px;
    margin-left: 15px;
    margin-bottom: 10px;
    padding-left: 5px;
    background-color: #ffffff;
}

.select-scope-control {
    border: 1px solid #ababab;
    margin-top: 30px;
    padding-left: 5px;
}

/*for PopupWindow*/
.popupWindow {
}

    .popupWindow .dialog-container {
        box-shadow: 0 0 9px #555555;
        background-color: white;
        z-index: 11;
        position: absolute;
    }

    .popupWindow .dialog-overlay {
        background-color: #000000;
        position: fixed;
        opacity: 0.6;
        z-index: 10;
        filter: alpha(opacity=30);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .popupWindow .windowTitle {
        height: 35px;
        line-height: 35px;
        text-align: left;
        background-color: #0062af;
        position: relative;
    }

    .popupWindow .windowTitleblankpanel {
        height: 35px;
        line-height: 35px;
        text-align: left;
        position: relative;
        background-color: #0062af;
        margin-bottom: 15px;
    }

.windowTitleblankpanel .titleSpan {
    height: 35px;
    line-height: 35px;
    margin-left: 15px;
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.windowTitleblankpanel .titleClose {
    top: 10px;
    right: 10px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}

.windowTitleblankpanel .titleCloseIcon {
    position: absolute;
    width: 480px;
    height: 480px;
    top: 0;
    left: -277px;
}

    .windowTitleblankpanel .titleCloseIcon:hover {
        left: -288px;
    }

    .windowTitleblankpanel .titleCloseIcon:active {
        left: -299px;
    }

.windowTitle .titleSpan {
    height: 35px;
    line-height: 35px;
    margin-left: 15px;
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.windowTitle .titleClose {
    top: 10px;
    right: 10px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}

.windowTitle .titleCloseIcon {
    position: absolute;
    width: 480px;
    height: 480px;
    top: 0;
    left: -277px;
}

.titleCloseIcon:hover {
    left: -288px;
}

.titleCloseIcon:active {
    left: -299px;
}

.popupWindow .windowContentContainer {
    background-color: #f4f4f4;
    padding-top: 1px;
    height: 164px;
}

.popupWindow .windowContentContainerblankpanel {
    padding-top: 1px;
}

.popupWindow .leftArrow {
    cursor: pointer;
    background-color: #565656;
    width: 41px;
    height: 58px;
    /*filter: alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;*/
    float: left;
}

    .popupWindow .leftArrow:hover {
        background-color: #848484;
    }

    .popupWindow .leftArrow:active {
        background-color: #676767;
        /*filter: alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;*/
    }

.popupWindow .rightArrow {
    cursor: pointer;
    background-color: #565656;
    width: 41px;
    height: 58px;
    /*filter: alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;*/
    float: right;
}

.popupWindow .left-arrow-img {
    top: -39px;
    left: -168px;
    position: absolute;
}

.popupWindow .right-arrow-img {
    top: -39px;
    left: -191px;
    position: absolute;
}

.popupWindow .rightArrow:hover {
    background-color: #848484;
}

.popupWindow .rightArrow:active {
    background-color: #676767;
    /*filter: alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;*/
}

.popupWindow .arrow-img-container {
    overflow: hidden;
    margin-top: 14px;
    margin-left: 11px;
    width: 19px;
    height: 30px;
    position: relative;
    display: block;
}

/*alert*/
.popupWindow .gAlert {
    margin-top: 30px !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
    color: #333333;
    font-size: 13px;
    height: 93px;
}

.popupWindow .bottomArea {
    height: 41px;
    white-space: nowrap;
    line-height: 25px;
    text-align: right;
    margin-right: 15px;
    position: relative;
    margin-top: 3px;
}

.bottomButton {
    border: none;
    direction: ltr;
    width: 90px;
    height: 26px;
    color: #FFFFFF;
    background-color: #1177bb;
    font-size: 14px;
    margin-right: 15px;
    text-align: center;
    cursor: pointer;
}

    .bottomButton:hover {
        background-color: #0c6bb6;
    }

    .bottomButton:active {
        background-color: #0562ab;
    }

.longErrorMessage {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 420px;
}

.bottomButtonLink {
    vertical-align: top;
    display: inline-block;
    width: 88px;
    height: 24px;
    margin-right: 15px;
    color: #333333;
    font-size: 14px;
    border: 1px solid #b1b1b1;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
}

    .bottomButtonLink:hover {
        background-color: #f8f8f8;
    }

    .bottomButtonLink:active {
        background-color: #f3f3f3;
    }


.term-popup-secondary-button {
    -moz-min-width: 90px;
    -ms-min-width: 90px;
    -o-min-width: 90px;
    -webkit-min-width: 90px;
    min-width: 90px;
    height: 26px;
    margin-right: 46px;
    color: #333333;
    font-size: 14px;
    border: 1px solid #b1b1b1;
    text-decoration: none;
    background-color: #fff;
}

    .term-popup-secondary-button:hover {
        background-color: #f8f8f8;
    }

    .term-popup-secondary-button:active {
        background-color: #f3f3f3;
    }

.popupContainer {
    height: 120px;
    width: 498px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 1px;
}

.bottom-button-secondary {
    -moz-min-width: 90px;
    -ms-min-width: 90px;
    -o-min-width: 90px;
    -webkit-min-width: 90px;
    min-width: 90px;
    height: 26px;
    margin-left: 10px;
    color: #333333;
    font-size: 14px;
    border: 1px solid #b1b1b1;
    text-decoration: none;
    background-color: #fff;
}

    .bottom-button-secondary:hover {
        background-color: #f8f8f8;
    }

    .bottom-button-secondary:active {
        background-color: #f3f3f3;
    }

.bottom-button-primary {
    border: none;
    direction: ltr;
    -moz-min-width: 90px;
    -ms-min-width: 90px;
    -o-min-width: 90px;
    -webkit-min-width: 90px;
    min-width: 90px;
    height: 26px;
    color: #FFFFFF;
    background-color: #1177bb;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
}

    .bottom-button-primary:hover {
        background-color: #0c6bb6;
    }

    .bottom-button-primary:active {
        background-color: #0562ab;
    }

.alert-icon-container {
    float: left;
    width: 32px;
    height: 32px;
    overflow: hidden;
    position: relative;
}

.commentsDiv {
    overflow-x: hidden;
    overflow-y: auto;
    border: solid 1px #bdbdbd;
    height: 80px;
    width: 440px;
    margin-left: 0px;
    margin-right: 30px;
    margin-top: 5px;
    padding: 0px;
    resize: none;
}

.alert-icon {
    position: absolute;
}

.alert-msg {
    margin-left: 50px;
    padding-top: 5px;
    height: 88px;
    overflow: auto;
    -moz-word-break: normal;
    -o-word-break: normal;
    word-break: normal;
}

/*for tooltip*/
/* global */
div.ui-tooltip {
    font-size: 12px;
}

.split-title {
    font-size: 18px;
    padding-bottom: 10px;
}

.ui-tooltip-header,
.ui-tooltip-content {
    padding: 0px;
    position: relative;
}

.ui-tooltip-footer {
    height: 30px;
    background-color: #5f5e5e;
    text-align: left;
    line-height: 30px;
    padding-left: 15px;
}

.ui-tootip-buttonbasic:hover {
    text-decoration: underline;
}

.ui-tootip-buttonbasic {
    text-decoration: none;
}

.ui-tooltip-body {
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 20px;
    font-size: 12px;
    padding-right: 17px;
}

.tooltip-local {
    margin: 10px;
}

.ui-tooltip-title {
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 18px;
    font-weight: normal;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 17px;
}

.ui-tooltip-footer a {
    text-decoration: none;
    color: white !important;
    padding-right: 20px;
    font-size: 13px;
    display: none;
}

.ui-tooltip-header {
    font-size: 1em;
    margin: 0;
    overflow: hidden;
}

.tooltip-title .tooltip-close {
    float: right;
    position: relative;
}


.tooltip-close {
    background: url(/Content/Themes/Base/Images/tooltip.png) no-repeat;
    background-position: 0px -62px;
    top: 10px;
    left: 250px;
    width: 11px;
    height: 10px;
    /*float:right;*/
    position: absolute;
    /*margin-right:10px;
    margin-top:10px;*/
}

    .tooltip-close:hover {
        cursor: pointer;
        background: url(/Content/Themes/Base/Images/tooltip.png) no-repeat;
        background-position: 0px -72px;
    }

#tooltip-waitimage {
    width: 43px;
    height: 11px;
    position: absolute;
    background-image: url(wait.gif);
}

.tooltip-arrows {
    display: none;
    position: absolute;
    top: 0;
    left: -10px;
    width: 11px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-width: 0;
}

.tooltip-extra {
    display: none;
}

/***************************************
   =tooltipClass: 'default'
-------------------------------------- */

.tooltip-default,
.tooltip-default .tooltip-outer {
    background-color: #fff;
}

.tooltip-outer {
    /*border: 1px solid #ababab;*/
}

.tooltip-default .ui-tooltip-header {
    background-color: #87876a;
}

/* default arrows */
div.tooltip-default .tooltip-arrows {
    border-width: 0;
}

div.clue-right-default .tooltip-arrows {
    background: url(/Content/Themes/Base/Images/tooltip.png) no-repeat;
    background-position: 0px -20px;
}

div.clue-left-default .tooltip-arrows {
    background: url(/Content/Themes/Base/Images/tooltip.png) no-repeat;
    background-position: 0px 0px;
    left: 100%;
    margin-right: -11px;
}

div.clue-top-default .tooltip-arrows {
    background: url(/Content/Themes/Base/Images/tooltip.png) no-repeat;
    background-position: 0px -51px;
    margin-left: -11px;
    width: 22px;
    height: 11px;
}

div.clue-bottom-default .tooltip-arrows {
    background: url(/Content/Themes/Base/Images/tooltip.png) no-repeat;
    background-position: 0px -40px;
    top: -11px;
    margin-left: -11px;
    width: 22px;
    height: 11px;
}


/***************************************
   =tooltipClass: 'rounded'
-------------------------------------- */
.tooltip-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #ccc;
}

    .tooltip-rounded .tooltip-outer {
        background-color: #fff;
    }

    .tooltip-rounded .tooltip-arrows {
        border-color: #ccc;
    }

/* need to be more specific here to override ThemeRoller defaults */
div.tooltip-rounded .tooltip-arrows {
    font-size: 0;
    line-height: 0%;
    width: 0;
    height: 0;
    border-style: solid;
    background: transparent none;
}

div.clue-right-rounded .tooltip-arrows {
    border-width: 11px 11px 11px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

div.clue-left-rounded .tooltip-arrows {
    left: 100%;
    margin-right: -11px;
    border-width: 11px 0 11px 11px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

div.clue-top-rounded .tooltip-arrows {
    top: 100%;
    left: 50%;
    border-width: 11px 11px 0 11px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.clue-bottom-rounded .tooltip-arrows {
    top: -11px;
    left: 50%;
    border-width: 0 11px 11px 11px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}
/* stupid IE6 HasLayout hack */
.tooltip-rounded .tooltip-title,
.tooltip-rounded .tooltip-inner {
    zoom: 1;
}

.tooltip-inner {
    border: none;
}

/*for GATab*/
.tabbutton-unselected {
    min-width: 48px;
    max-width: 344px;
    height: 22px;
    border: 1px solid #ababab;
    border-bottom: 1px solid #515151;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    line-height: 24px;
    font-size: 13px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.tabbutton-unselected-color {
    background-color: #f3f3f3;
    color: #333333;
}

.tabbutton-unselected:hover {
    background-color: #d7d7d7;
}

.tabbutton-unselected:active {
    background-color: #ababab;
}

.tabbutton-selected {
    min-width: 48px;
    max-width: 344px;
    height: 22px;
    border: 1px solid #ababab;
    border-bottom: 1px solid #515151;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    line-height: 24px;
    font-size: 13px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabbutton-selected-color {
    background-color: #515151;
    color: #ffffff;
}

.tabshowcotent {
    position: absolute;
    min-width: 364px;
    max-width: 800px;
    width: 800px;
    height: 24px;
}

    .tabshowcotent ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .tabshowcotent ul li {
            float: left;
            height: 24px;
        }

.tabcontent {
    overflow: hidden;
    position: relative;
    height: 24px;
    float: left;
}

.tabintabshowcotent {
    position: absolute;
    min-width: 364px;
    max-width: 800px;
    width: 800px;
    height: 30px;
}

.tabintabcontent {
    overflow: hidden;
    position: relative;
    height: 30px;
    float: left;
    background-color: #515151;
}

    .tabintabcontent ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .tabintabcontent ul li {
            float: left;
            height: 30px;
        }

.ga-tab-content {
    min-height: 130px;
    border: 1px solid #ababab;
    background-color: White;
    min-width: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    border-top: 4px solid #515151;
    padding-top: 5px;
}

.ga-tab-container {
    height: 24px;
    background-color: white;
    /*min-width: 400px;
    width: 400px;
    max-width: 400px;*/
}

.tab-arrow {
    float: left;
    width: 15px;
    height: 22px;
    border: 1px solid #ababab;
    background: #f3f3f3;
    position: relative;
}

    .tab-arrow:hover {
        background: #d7d7d7;
    }

    .tab-arrow:active {
        background: #ababab;
    }

.tabintab-arrow {
    float: left;
    width: 15px;
    height: 28px;
    border: 1px solid #515151;
    background: #515151;
    position: relative;
}

    .tabintab-arrow:hover {
        background: #878787;
    }

    .tabintab-arrow:active {
        background: #515151;
    }

.tabintabbutton-unselected {
    min-width: 48px;
    max-width: 354px;
    height: 28px;
    background-color: #515151;
    border: 1px solid #515151;
    border-bottom: 1px solid #515151;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    line-height: 24px;
    font-size: 13px;
    color: #ffffff;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

    .tabintabbutton-unselected:hover {
        background-color: #878787;
    }

    .tabintabbutton-unselected:active {
        background-color: #6b6b6b;
    }

.tabintabbutton-selected {
    min-width: 48px;
    max-width: 354px;
    height: 28px;
    background-color: #515151;
    border: 1px solid #515151;
    border-bottom: 1px solid #515151;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    line-height: 24px;
    font-size: 13px;
    color: #ffffff;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.tabintabselectarrow {
    border-left: 6px dashed transparent;
    border-right: 6px dashed transparent;
    border-top: 0px dashed transparent;
    border-bottom: 4px solid #ffffff;
    position: absolute;
    top: 24px;
}

/*for GAGrid*/
table {
    font-size: 13px;
}

.gagrid-colmgr-container {
    background-color: #1773bb;
}

    .gagrid-colmgr-container span {
        margin-top: 9px;
        margin-left: 7px;
    }

    .gagrid-colmgr-container a {
        margin-top: 9px;
        margin-left: 7px;
    }

.gagrid-col-container {
    float: left;
    width: 25px;
    height: 28px;
}

.gagrid-img8by8 {
    width: 8px;
    height: 8px;
    position: relative;
    overflow: hidden;
}

.gagrid-img3by28 {
    width: 3px;
    height: 28px;
    position: relative;
    overflow: hidden;
}

.gagrid-img10by10 {
    width: 10px;
    height: 10px;
    position: relative;
    overflow: hidden;
}

.gagrid-img16by16 {
    width: 16px;
    height: 16px;
    position: relative;
    overflow: hidden;
}

.gagrid-img9by11 {
    width: 9px;
    height: 11px;
    position: relative;
    overflow: hidden;
}

.gagrid-img13by3 {
    width: 13px;
    height: 3px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.gagrid-img7by4 {
    width: 7px;
    height: 4px;
    position: relative;
    overflow: hidden;
    margin-bottom: 4px;
}

    .gagrid-img10by10 img, .gagrid-img16by16 img, .gagrid-img8by8 img, .gagrid-img9by11 img, .gagrid-img3by28 img, .gagrid-img13by3 img, .gagrid-img7by4 img, .gagrid-img8by10 img {
        position: absolute;
        cursor: pointer;
    }

/*.gagrid-img16by16:hover
        {
            visibility: visible;
        }*/

.gagrid-img8by10 {
    width: 8px;
    height: 10px;
    position: relative;
    overflow: hidden;
}

.gagrid-checkbox-tick {
    left: -242px;
    top: -8px;
}

.gagrid-data-body-tr:hover .gagrid-checkbox-tick {
    left: -250px;
    top: -8px;
}

.gagrid-colmgr-container, gagrid-col-container, .gagrid-img10by10, .gagrid-img16by16, .gagrid-img8by8, .gagrid-img9by11, .gagrid-img3by28, .gagrid-img13by3, .gagrid-img7by4, .gagrid-img8by10 {
    display: inline-block;
}

.gagrid-main-container table {
    border-collapse: collapse;
    padding: 0px;
}

.gagrid-mainname-link {
    color: #0077bb !important;
    cursor: pointer;
    text-decoration: none;
}

.gagrid-main-container {
    float: left;
    overflow-x: auto;
    overflow-y: hidden;
}

    .gagrid-main-container td {
        margin: 0px;
        padding: 0px;
    }

.gagrid-data-head {
    overflow: hidden;
    height: 28px;
    background-color: #5d5d5d;
    color: white;
}

.gagrid-data-headtxt {
    font-size: 13px;
    font-family: 'Segoe UI';
    margin-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #ffffff;
}

.gagrid-data-body {
    overflow-y: auto;
    background-color: white;
}

    .gagrid-data-body * {
        white-space: pre;
    }

.gagrid-col-mean {
}

.gagrid-data-name {
}

.gagrid-data-mainname {
}

.gagrid-data-name, .gagrid-data-mainname {
    /*white-space: nowrap;*/
    overflow: hidden;
    float: left;
    margin-left: 5px;
    text-overflow: ellipsis;
    word-wrap: normal;
}

.gagrid-data-cell {
}

.gagrid-data-checkall span span {
    margin-top: 9px;
    margin-left: 7px;
}

.gagrid-data-checkall span a {
    margin-top: 9px;
    margin-left: 7px;
}

.sort-link {
    color: #333333;
    text-decoration: none;
}

.close-sort-link {
    color: #333333;
    text-decoration: none;
    margin-right: 15px;
    float: right;
}

.gagrid-data-checkcell {
    min-width: 28px;
}

.gagrid-data-selected {
    background-color: #5d5d5d;
}

.gagrid-data-checkcell span span {
    margin-top: 10px;
    margin-left: 7px;
}

.gagrid-data-checkcell span a {
    margin-top: 10px;
    margin-left: 7px;
}

.gagrid-col-gap {
    width: 5px;
    cursor: col-resize;
}

    .gagrid-col-gap :hover {
        cursor: col-resize;
    }

.gagrid-data-head, .gagrid-data-body {
}

/*Filter*/
.gagrid-filter-pop {
    list-style: none;
    position: absolute;
    width: 250px;
    border: 1px solid #999999;
    z-index: 21;
    background-color: white;
}

.gagrid-filter-all {
    margin: 10px 0px 10px 10px;
}

.gagrid-filter-main {
    overflow: auto;
    width: 240px;
    height: 100%;
    max-height: 250px;
    border: 1px solid silver;
    margin-left: 5px;
}

    .gagrid-filter-main ul {
        float: left;
        margin: 0px;
        padding: 0px;
    }

    .gagrid-filter-main li {
        list-style: none;
        float: left;
        width: 240px;
        white-space: nowrap;
    }

.gagrid-filter-actionbar {
    margin-top: 5px;
    width: 250px;
    height: 35px;
}

.gagrid-filter-actionbar-color {
    background-color: #5f5e5e;
}

.gagrid-filter-linka {
    font-size: 13px;
    color: #005397;
    margin-left: 5px;
    cursor: pointer;
}

.gagrid-filter-linkb {
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
}

.gagrid-filter-linkb-disable {
    font-size: 13px;
    color: #9A9A9A;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
}

/*SortPop*/
.gagrid-sort-pop {
    position: absolute;
    border: 1px solid black;
    width: 160px;
    height: 100px;
    background-color: white;
    z-index: 21;
}

.gagrid-sort-pop-zone {
    width: 160px;
    height: 40px;
    cursor: pointer;
}

    .gagrid-sort-pop-zone:hover {
        background-color: #efefef;
    }

    .gagrid-sort-pop-zone span {
        white-space: nowrap;
    }

.gagrid-sort-option {
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
}

    .gagrid-sort-option a {
        color: #333333;
    }

.gagrid-img20by20 {
    width: 20px;
    height: 20px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .gagrid-img20by20 img {
        position: absolute;
    }

.gagrid-data-body table tr {
    height: 30px;
    max-height: 30px;
    cursor: pointer;
}

.gagrid-data-body-tr > * {
    border: 0px !important;
}

.gagrid-data-body-tr:hover > * {
    border: 0px !important;
}

.gagrid-data-body table tr:hover {
    background-color: #efefef;
}

    .gagrid-data-body table tr:hover .gagrid-data-checkcell > span img {
        display: inline-block !important;
    }

.gagrid-background-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 20;
    background-color: white;
    filter: alpha(opacity=1);
    opacity: 0.1;
}

.gagrid-status-tooltip {
    position: relative;
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    margin-left: 3px;
    top: 3px;
}

    .gagrid-status-tooltip > img {
        position: absolute;
        left: -384px;
        top: -299px;
    }

#CustomMetadataGridDiv .gagrid-data-body * {
    white-space: pre;
}
/*for moreaction*/
.moreaction {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.moreaction-dots-container {
    cursor: pointer;
    height: 30px;
    overflow: hidden;
}

.moreaction-dots {
    margin-top: 15px;
    margin-left: 2px;
    width: 13px;
    height: 3px;
    overflow: hidden;
    position: relative;
}

.moreaction-dots-img {
    position: absolute;
    top: -200px;
    left: -147px;
}

.moreaction-dots-img-tooltip {
    position: absolute;
    top: -6px;
    left: -264px;
}

.moreaction-pop {
    box-shadow: 0px 0px 7px 0px #000000;
    min-width: 130px;
    display: none;
    line-height: normal;
    position: absolute;
    top: 18px;
    left: 0;
    background-color: white;
    border: 1px solid gray;
    white-space: nowrap;
}

.moreaction-item {
    cursor: pointer;
    line-height: 26px;
    margin-top: 1px;
    padding-left: 15px;
    margin-bottom: 1px;
    padding-right: 15px;
}

    .moreaction-item:hover {
        color: #ffffff;
        background-color: #bbbbbb;
        text-decoration: underline;
    }

/*for GAStepBar*/
.gastep-bar-container {
    letter-spacing: -4px;
    line-height: 20px !important;
    margin-right: 20px;
    margin-top: 25px;
    float: right;
}

.gastep-bar {
    height: 20px;
    width: 17px;
    display: inline-block;
    background-color: white;
}

.gastepline {
    width: 40px;
    height: 3px;
    display: inline-block;
    background-color: #e0e0e0;
}

.gastepline-done {
    background-color: #696969;
}

.gastepline-top {
    margin-bottom: 12px;
    margin-bottom: 11px \9;
}

.gastep-bar-index {
    width: 17px;
    height: 17px;
    background-color: #acacac;
    color: white;
    line-height: 15px;
}

.gastep-bar-current-color {
    background-color: #1773bb;
}

.gastep-bar-done-color {
    background-color: #696969;
}

.gastep-bar-index div {
    width: 10px;
    text-align: center;
}

.gastep-bar-current-arrow {
    border-style: solid;
    border-width: 3px;
    height: 0;
    width: 0;
    display: inline-block;
    font-size: 0;
    border-bottom-color: #ffffff;
    border-top-color: #1773bb;
    border-right-color: #ffffff;
    border-left-color: #ffffff;
}

.gastep-bar-current {
    margin-top: -10px;
    margin-left: 5px;
    visibility: hidden;
}

.gastep-bar-current-top {
    margin-top: -9px \9;
}

.gastep-bar-popup {
    background-color: #f4f4f4 !important;
}

.gastep-bar-current-arrow-popup {
    border-style: solid;
    border-width: 3px;
    height: 0;
    width: 0;
    display: inline-block;
    font-size: 0;
    border-bottom-color: #f4f4f4;
    border-top-color: #1773bb;
    border-right-color: #f4f4f4;
    border-left-color: #f4f4f4;
}

.gastep-bar-container-popup {
    letter-spacing: -4px;
    line-height: 20px !important;
    margin-left: 30px;
    margin-top: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .gastepline-top {
        margin-bottom: 13px;
    }

    .gastep-bar-current-top {
        margin-top: -9px;
    }
}

.gastep-bar-donetag {
    cursor: pointer;
}

/*for Slider*/
.slider {
}

    .slider .slider-bar {
        height: 25px;
        overflow: hidden;
        position: relative;
    }

    .slider .slider-handler {
        width: 10px;
        height: 25px;
        background-color: #777;
        position: absolute;
        top: 0;
        left: 5px;
    }

    .slider .slider-track {
        height: 3px;
        background-color: #ddd;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
    }

    .slider .mark-line {
        background-color: #000;
        width: 1px;
        height: 8px;
        margin: 1px auto 10px;
    }

    .slider .mark-text {
        text-align: center;
    }

/*for task*/
#commentDiv p {
    margin: 0px;
}

.taskcomment {
    font-family: "Segoe UI" !important;
}

pre.taskcomment {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.taskcommentbold {
    font-weight: bold;
    font-family: "Segoe UI" !important;
    font-size: 12px;
}

pre.taskcommentbold {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*start request language filter*/
.start-request-language-filter-pop {
    list-style: none;
    position: absolute;
    /*border: 1px solid #999999;
    border-top: none;*/
    z-index: 21;
    background-color: white;
}

.start-request-language-filter-main {
    overflow: auto;
    height: 100%;
    max-height: 290px;
    border: 1px solid silver;
    margin-left: 5px;
    margin-right: 5px;
}

    .start-request-language-filter-main ul {
        float: left;
        margin: 0px;
        padding: 0px;
    }

    .start-request-language-filter-main li {
        list-style: none;
        float: left;
        width: 100%;
        white-space: nowrap;
        margin: 3px 0px 3px 0px;
    }

.start-request-language-filter-actionbar {
    margin-top: 5px;
    height: 26px;
    margin-bottom: 5px;
}

.start-request-language-filter-linkb {
    font-size: 13px;
    color: white;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    height: 26px;
    width: 70px;
    margin-right: 15px;
    line-height: 26px;
    background-color: #3a3a3a;
    text-align: center;
}

.start-request-language-filter-actionbar table {
    border-collapse: collapse;
    padding: 0px;
}

.start-request-language-filter-actionbar td {
    padding: 0px;
    border-spacing: 0px;
}

.start-request-filter-all {
    margin: 0px 0px 10px 10px;
}

.gacalendar-dropdownlist-input {
    width: 20px;
    height: 22px;
    float: left;
    border-color: currentColor;
    border-width: 0px;
    border-style: none;
    margin-left: 5px;
}

.gacalendar-dropdownlist {
    width: 40px;
    height: 20px;
    display: inline-block;
    margin-left: 0px;
}

.gacalendar-ok-button {
    font-family: 'Segoe UI';
    font-size: 13px;
    color: #ffffff;
    background-color: #1177bb;
    width: 65px;
    height: 24px;
    text-align: center;
    display: inline-block;
    outline-style: none;
    text-decoration: none;
    line-height: 24px;
    float: right;
    cursor: pointer;
}

    .gacalendar-ok-button:hover {
        background-color: #0c6bb6;
    }

    .gacalendar-ok-button:active {
        background-color: #0562ab;
    }

.gacalendar-cancel-button {
    width: auto;
    min-width: 63px;
    height: 22px;
    border: 1px solid #b1b1b1;
    text-align: center;
    font-family: 'Segoe UI';
    font-size: 13px;
    color: #333333;
    margin-left: 10px;
    margin-right: 15px;
    float: right;
    line-height: 24px;
    cursor: pointer;
    text-decoration: none;
}

    .gacalendar-cancel-button:hover {
        background-color: #f8f8f8;
    }

    .gacalendar-cancel-button:hover {
        background-color: #f3f3f3;
    }

.gacalendar-display-detail-time-div {
    display: inline-block;
    height: 24px;
    float: left;
    width: 45px;
}

.gacalendar-time-select {
    border-color: #888888;
    border-style: solid;
    border-width: 1px;
}

.gacalendar-time-select-icon {
    height: 24px;
    width: 15px;
    float: left;
    position: relative;
}

.gacalendar-colon {
    margin-left: 5px;
    margin-right: 5px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    float: left;
}

.gacalendar-current-month-day {
    font-family: 'Segoe UI';
    font-size: 14px;
    color: #333333;
    text-align: center;
}

.gacalendar-last-month-day {
    font-family: 'Segoe UI';
    font-size: 14px;
    color: #aaaaaa;
    text-align: center;
}

.gacalendar-next-month-day {
    font-family: 'Segoe UI';
    font-size: 14px;
    color: #aaaaaa;
    text-align: center;
}

.gacalendar-day-mouseover {
    text-decoration: underline;
    cursor: pointer;
}

.gacalendar-week {
    font-family: 'Segoe UI';
    font-size: 14px;
    color: #333333;
    text-align: center;
}

.gacalendar-popupContainer {
    display: none;
    border-bottom-color: silver;
    border-left-color: silver;
    border-top-color: silver;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    background-color: white;
    padding: 0px;
}

.gacalendar-body-margin {
    padding-left: 10px;
    padding-right: 10px;
}

.gacalendar-popupContainerDiv {
    width: 290px;
    position: absolute;
    min-height: 262px;
    border-right-color: silver;
    /*filter: alpha(opacity=100);
    opacity: 1;*/
}

.gacalendar-day-div {
    width: 22px;
    height: 20px;
    display: inline-block;
}

    .gacalendar-day-div > a {
        text-decoration: none;
        out-line: none;
        color: #000000;
    }

        .gacalendar-day-div > a:link {
        }

        .gacalendar-day-div > a:active {
        }

        .gacalendar-day-div > a:visited {
        }

        .gacalendar-day-div > a:hover {
        }

.gacalendar-selected-date {
    background-color: #d7d7d7;
    /*border-color: white;
    border-style: solid;
    border-width: 1px;*/
}

.gacalendar-current-date {
    border-color: #333333;
    border-width: 1px;
    border-style: solid;
}

.gacalendar-button-area {
    float: right;
    margin-bottom: 5px;
}

.gacalendar-select-mouseover {
    background-color: #cce9ff;
}

.gacalendar-from-to-label {
    min-width: 40px;
}

.gacalendar-time-zone-label {
    width: 80px;
}

.gacalendar-show-calendar-img {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left;
}

.gacalendar-select-calendar-button {
    top: -96px;
    left: -213px;
}

.gacalendar-change-month-year-img {
    width: 4px;
    height: 7px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-left: 2px;
    margin-top: 4px;
}

.gacalendar-month-year-area {
    background-color: #333333;
    color: #ffffff;
    height: 30px;
    font-family: 'Segoe UI';
    width: 290px;
    line-height: 30px;
}

.gacalendar-month-year-margin {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
}

.gacalendar-select-time-area {
    width: 6px;
    height: 24px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left;
}

.gacalendar-select-time-button {
    left: -472px;
    top: 10px;
}

.gacalendar-select-time-container {
    width: 15px;
    height: 22px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left;
}

.gacalendar-month-padding-left {
    width: 115px;
    padding-left: 30px;
    display: inline-block;
}

.gacalendar-year-padding-right {
    width: 115px;
    padding-right: 30px;
    display: inline-block;
}

.gacalendar-year-table {
    float: right;
}

.gacalendar-day-table {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.gacalendar-select-height {
    height: 24px;
}

.gacalendar-select-time-zone {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 270px;
}

.gacalendar-select-detail-time {
    border-color: #888888;
    border-style: solid;
    border-width: 1px;
    margin-top: 0px;
    width: 45px;
    height: 100px;
    overflow-y: auto;
    background-color: white;
    position: absolute;
    z-index: 10;
}

.gacalendar-from-to-input {
    padding: 3px 0px 3px 5px;
    margin: 0px 3px 0px 5px;
    font-size: 12px;
    border-style: solid;
    border-color: #707070;
    border-width: 1px;
    color: #333333;
    background-color: #e5e5e5;
}

    .gacalendar-from-to-input.main {
        width: 280px;
    }

    .gacalendar-from-to-input.view-partial {
        width: 200px;
    }

.gacalendar-from-to-input-disabled {
    padding: 3px 0px 3px 5px;
    margin: 0px 3px 0px 5px;
    font-size: 12px;
    border-style: solid;
    border-color: #AFAFAF;
    border-width: 1px;
    color: #A0A0A0;
    background-color: #FFFFFF;
}

    .gacalendar-from-to-input-disabled.main {
        width: 280px;
    }

    .gacalendar-from-to-input-disabled.view-partial {
        width: 200px;
    }

.gacalendar-from-to-div {
    margin-bottom: 5px;
}

.gacalendar-option-height {
    height: 18px;
}

.gacalendar-invalid-time-format {
    margin-bottom: 5px;
    color: #ff0000;
    font-size: 12px;
    font-family: 'Segoe UI';
    display: none;
}

.gacalendar-adjust-clock {
    font-size: 12px;
    font-family: 'Segoe UI';
    color: #333333;
    display: block;
    word-wrap: break-word;
}

.gacalendar-adjust-clock-div {
}

.gacalendar-adjust-clock-checkbox {
    float: left;
}

.gacalendar-table-style {
    border-collapse: collapse;
}

    .gacalendar-table-style table {
        border-collapse: collapse;
        padding: 0px;
    }

    .gacalendar-table-style td {
        padding: 0px;
        border-spacing: 0px;
    }

.gacalendar-margin-left-right {
    margin-left: 10px;
    margin-right: 10px;
}

.gacalendar-month-year-click {
    height: 16px;
    width: 8px;
}

.common-watermark {
    color: silver;
}

/*ViewPage Css*/
.GA-View-Div {
    width: 100%;
    float: left;
    border-top: 0px;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    margin-bottom: 8px;
}

.GA-View-Ul {
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    list-style-type: none;
    padding: 0;
}

.GA-View-LiTitle {
    padding-left: 27px;
    line-height: 30px;
    float: none;
    min-height: 30px;
    height: 30px;
    font-size: 13px;
    color: #ffffff;
    position: relative;
}

.GA-View-LiTitle-background {
    background-color: #3a3a3a;
}

.GA-View-arrorexpand {
    overflow: hidden;
    position: absolute;
    height: 9px;
    width: 13px;
    top: 8.5px;
    left: 7px;
    cursor: pointer;
}

.GA-View-arrorfold {
    overflow: hidden;
    position: absolute;
    height: 13px;
    width: 9px;
    top: 6.5px;
    left: 7px;
    cursor: pointer;
}

.GA-View-LiValue {
    /*width: 571px;*/
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 34px;
    padding-right: 25px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #dddddd;
}

.GA-View-TitleDiv {
    float: left;
    width: 576px;
    padding-left: 0px;
    padding-bottom: 5px;
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.GA-View-TitleDiv-color {
    color: #001155;
}

.GA-View-LiValueodd {
    background-color: #ededed;
}

.GA-View-Livalueeven {
    background-color: white;
}

.GA-View-TitleDivGrid {
    float: left;
    width: 380px;
    padding-left: 0px;
    padding-bottom: 5px;
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.GA-View-TitleDivGrid-color {
    color: #001155;
}

.GA-View-LineDiv {
    background-color: #ededed;
    width: 100%;
    /*margin:1px 0px 1px 0px;*/
    /*padding-bottom:10px;*/
    margin-bottom: 2px;
}

.GA-View-MetadataLineDiv {
    background-color: #ededed;
    width: 578px;
    /*margin:1px 0px 1px 0px;*/
    /*padding-bottom:10px;*/
    margin-bottom: 2px;
}

.GA-View-NoSubLineDiv {
    background-color: #ededed;
    /*margin:1px 0px 1px 0px;*/
    padding-bottom: 15px;
    margin-bottom: 2px;
    width: 100%;
}


.GA-View-frontDiv {
    max-width: 45% !important;
    padding-left: 7px;
    padding-right: 10px;
    float: left;
    display: block;
    font-size: 13px;
    text-align: left;
    padding-top: 9px;
    min-height: 23px;
    font-weight: 600;
    padding-bottom: 9px;
    word-wrap: break-word;
}

.GA-View-frontDiv-color {
    color: #333333;
}

.GA-View-BackDiv {
    /*float: left;*/
    margin-left: 50%; /*left width*/
    display: block;
    font-size: 13px;
    width: 278px; /*350-padingright*/
    text-align: left;
    /*padding-left:5px;*/
    /*word-break:break-all;*/
    word-wrap: break-word;
    padding-top: 9px;
    min-height: 23px;
    padding-bottom: 9px;
}

.GA-View-BackDiv-color {
    color: #555555;
}

.GA-View-frontsubDiv {
    width: 210px;
    float: left;
    display: block;
    margin-left: 35px;
    color: #515151;
    font-size: 12px;
}

.GA-View-LineDivThree {
    background-color: #ffffff;
    width: 96%;
    margin-left: 12px;
}

.GA-View-frontDivThree {
    width: 46%;
    float: left;
    display: block;
    padding-left: 10px;
    font-size: 13px;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: 600;
}

.GA-View-frontDivThreeramPage {
    float: left;
    display: block;
    padding-left: 10px;
    font-size: 13px;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: 600;
}

.GA-View-frontDivThree-color {
    color: #333333;
}

.GA-View-BackDivThree {
    /*float: left;*/
    margin-left: 50%; /*left width*/
    display: block;
    font-size: 13px;
    width: 266px; /*350-padingright*/
    text-align: left;
    /*padding-left:5px;*/
    /*word-break: keep-all;*/
    word-wrap: break-word;
    padding-bottom: 5px;
    padding-top: 5px;
}

.GA-View-BackDivThreeRamPage {
    display: block;
    font-size: 13px;
    text-align: left;
    /*padding-left:5px;*/
    /*word-break: keep-all;*/
    word-wrap: break-word;
    padding-bottom: 5px;
    padding-top: 5px;
}

.GA-View-BackDivThree-color {
    color: #555555;
}

.GA-View-LineDivFour {
    background-color: #ffffff;
    width: 96%;
    margin-left: 12px;
}

.GA-View-frontDivFour {
    width: 44%;
    float: left;
    display: block;
    padding-left: 30px;
    color: #333333;
    font-size: 13px;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
}

.GA-View-BackDivFour {
    /*float: left;*/
    margin-left: 50%; /*left width*/
    display: block;
    color: #555555;
    font-size: 13px;
    width: 266px; /*350-padingright*/
    text-align: left;
    /*padding-left:5px;*/
    /*word-break: keep-all;*/
    word-wrap: break-word;
    padding-bottom: 5px;
    padding-top: 5px;
}

.GA-View-LineDivFive {
    background-color: #ffffff;
    width: 96%;
    margin-left: 12px;
}

.GA-View-frontDivFive {
    width: 40%;
    float: left;
    display: block;
    padding-left: 50px;
    font-size: 13px;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
}

.GA-View-BackDivFive {
    margin-left: 50%;
    display: block;
    color: #555555;
    font-size: 13px;
    width: 266px;
    text-align: left;
    word-wrap: break-word;
    padding-bottom: 5px;
    padding-top: 5px;
}

.GA-View-SingleLineDiv {
    width: 100%;
    margin-bottom: 2px;
}

.GA-View-SingleLinefrontDiv {
    width: 47%;
    padding-left: 7px;
    float: left;
    display: block;
    font-size: 13px;
    text-align: left;
    padding-top: 5.5px;
    padding-bottom: 5.5px;
    font-weight: 600;
}

.GA-View-SingleLineBackDiv {
    width: 50%; /*left width*/
    float: right;
    display: block;
    font-size: 13px;
    text-align: left;
    /*padding-left:5px;*/
    word-wrap: break-word;
    /*word-break:break-all;*/
    padding-top: 5.5px;
    padding-bottom: 5.5px;
}

    .GA-View-SingleLineBackDiv .whiteSpace-pre-label {
        white-space: nowrap;
        display: inline-block;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.secondary-singleline {
    width: 97%;
    float: right;
    margin-right: 13px;
    background-color: #fff;
    margin-bottom: 5px;
}

.secondary-singleline-left {
    width: 40%;
    float: left;
    display: block;
    padding-left: 20px;
    font-size: 13px;
    text-align: left;
    margin-left: -2px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: 600;
}

.secondary-singleline-right {
    width: 40%;
    float: left;
    display: block;
    padding-left: 60px;
    font-size: 13px;
    text-align: left;
    margin-left: -2px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.GA-View-SingleLinefrontDivTwo {
    width: 40%;
    padding-left: 27px;
    float: left;
    display: block;
    color: #333333;
    font-size: 12px;
    text-align: left;
    padding-top: 5.5px;
    padding-bottom: 5.5px;
    font-weight: 600;
}

.GA-View-SingleLineBackDivTwo {
    margin-left: 50%; /*left width*/
    display: block;
    color: #555555;
    font-size: 12px;
    width: 258px; /*350-padingright*/
    padding-left: 20px;
    text-align: left;
    /*padding-left:5px;*/
    /*word-break: break-all;*/
    padding-top: 5.5px;
    padding-bottom: 5.5px;
}

.GA-View-SingleLineLiValue {
    font-size: 12px;
    padding-left: 34px;
    padding-right: 25px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #dddddd;
}

.GA-View-SingleLineLiValueMetadata {
    width: auto;
    padding-left: 34px;
    padding-right: 25px;
    border-bottom: 1px solid #dddddd;
}

.ga-view-single-line {
    background-color: #ededed;
    padding: 0 10px;
    margin-bottom: 2px;
}

.ga-view-right-section {
    margin: 5px 0;
}

/*this is for webpart IE9*/

.gaschedule-checkbox {
    float: left;
}

.gaschedule-days {
    float: left;
    width: 50px;
    height: 20px;
    margin-right: 20px;
}

.gaschedule-day-and-checkbox {
    float: left;
}

.gaschedule-days-area {
    min-height: 90px;
    width: 300px;
}

.gaschedule-hours-area {
    min-height: 45px;
    width: 300px;
    height: auto;
}

.gaschedule-buttons-area {
    min-height: 20px;
    width: 300px;
    margin-top: 15px;
}

.gaschedule-select {
    height: 20px;
    width: 100px;
    float: left;
}

.gaschedule-select-to {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.gaschedule-button {
    float: left;
}

.gaschedule-button-and-text {
    float: left;
    /*width: 150px;*/
    height: 20px;
    margin-right: 20px;
}

.gaschedule-button-text-underline {
    text-decoration: underline;
    cursor: pointer;
}

.gaschedule-table-body {
    border-color: #3a3a3a;
    border-style: solid;
    border-width: 1px;
}

.gaschedule-days-of-week {
    margin-bottom: 5px;
}

.gaschedule-decoration-line {
    height: 10px;
    border-bottom-color: #707070;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    margin-bottom: 10px;
}

.GA-View-HighLightLine {
    background-color: #FFEEBB;
}

.gaperm-recer-reset {
    font-size: 13px;
    background-color: white;
    height: 23px;
    padding: 2px 10px 1px 10px;
    cursor: pointer;
}

div.Policy-Management-Button {
    height: 60px;
    font-size: 15px;
    line-height: 60px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    top: 0px;
    left: 320px;
}

.metadata-datetime-items,
.metadata-datetime-dateonly-area,
.metadata-datetime-format-dateonly .metadata-datetime-format-dateandtime {
}

.metadata-datetime-selector {
    margin: 0 0 0 -8px;
    vertical-align: middle;
    display: inline-block;
}

.metadata-datetime-selector-radio {
    vertical-align: middle;
}

.metadata-datetime-dateandtime-area {
    display: none;
}

.metadata-li {
    list-style-type: none;
    padding-left: 0px;
}

.regex_custom_error_msg_span {
    display: none;
    color: #ff0000;
    font-size: 13px;
    -ms-max-width: 290px;
    max-width: 290px;
    white-space: pre-wrap;
    -moz-word-break: keep-all;
    -o-word-break: keep-all;
    -ms-word-break: keep-all;
    word-break: keep-all;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

/* GATreeCore */
.gatree-ul-hide {
    display: none;
}

.gatree-node-label {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    height: 22px;
    color: black;
    padding: 0 3px;
    border: solid 1px white;
    white-space: pre;
}

.gatree-node-label-view {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    height: 22px;
    color: black;
    padding: 0 3px;
    border: solid 1px #ededed;
    white-space: pre;
}

/*.gatree-node-label:hover {
        background-color: #E8E8E8;
        border: solid 1px #D3D3D3;
    }*/

.gatree-root-container {
    list-style: none;
    margin-left: 0px;
    padding: 0px;
}

    .gatree-root-container img {
        border: 0px;
    }

    .gatree-root-container ul {
        margin-left: 15px;
    }

    .gatree-root-container li {
        margin-top: 3px;
    }

.gatree-min-loading {
    visibility: hidden;
}

.gatree-nodeimg-holder {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

    .gatree-nodeimg-holder img {
        position: absolute;
    }

.gatree-nodeimg-holder-expand {
    padding-left: 4px;
}

.gatree-pager-container {
    padding-left: 5px;
    height: 19px;
    border: 1px solid black;
    margin-left: 19px;
    padding-right: 5px;
    white-space: nowrap;
}

.gatree-pager-input {
    width: 15px;
    height: 14px;
    text-align: center;
}

.gatree-pager-actionimg {
    padding-left: 5px;
    padding-right: 5px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.gatree-selectall-li {
    margin-left: 15px;
}

.gatree-node-div {
    white-space: nowrap;
}

    .gatree-node-div a {
    }

.gatree-children-ul {
    list-style: none;
    margin-left: 0px;
    padding: 0px;
}

.gatree-property-span {
}

.gatree-pager-li {
}

/* hack for DGA-21907 */
.gatree-root-container > li > .gatree-children-ul > li:last-child > ul > .gatree-pager-li {
    margin-bottom: 13px;
}

.gatree-pager-hidenode-div {
    display: none;
}

/* GAPeoplePicker */
.sp-peoplepicker-delImage {
    margin-left: 3px;
}

.ms-core-menu-label,
.ms-core-menu-labelCompact {
    border: 1px solid transparent;
    word-wrap: break-word;
}

.ms-entity-resolved {
    text-decoration: none;
    display: inline-block;
    padding-bottom: 1px;
}

.ms-entity-unresolved {
    cursor: pointer;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 2px;
    vertical-align: text-top;
    display: inline-block;
    background-image: url("/Content/Themes/Base/Images/UserSquiggle.png");
}

.ms-core-menu-item:hover ul,
.ms-core-menu-itemSelected {
    /* [ReplaceColor(themeColor:"HoverBackground")] */ background-color: rgba( 205,230,247,0.5 );
}

.ms-core-menu-item[disabled=true]:hover,
.ms-core-menu-itemDisabled.ms-core-menu-item:hover,
.ms-core-menu-itemDisabled.ms-core-menu-itemSelected {
    background-color: transparent;
}

.ms-core-needIEFilter .ms-core-menu-item:hover,
.ms-core-needIEFilter .ms-core-menu-itemSelected {
    /* [ReplaceColor(THEME_COLOR_BACKGROUND_SOLID,opacity:"1")] */ background-color: #cde6f7;
}

.ms-core-needIEFilter .ms-core-menu-item[disabled=true]:hover,
.ms-core-needIEFilter .ms-core-menu-itemDisabled.ms-core-menu-item:hover,
.ms-core-needIEFilter .ms-core-menu-itemDisabled.ms-core-menu-itemSelected {
    background-color: transparent;
}

.ms-core-menu-item[disabled=true] > .ms-core-menu-link > .ms-core-menu-label > .ms-core-menu-title,
.ms-core-menu-itemDisabled > .ms-core-menu-link > .ms-core-menu-label > .ms-core-menu-title {
    /* [ReplaceColor(themeColor:"DisabledText")] */ color: #b1b1b1;
}

.ms-core-menu-item[disabled=true],
.ms-core-menu-item[disabled=true] > .ms-core-menu-link,
.ms-core-menu-itemDisabled,
.ms-core-menu-itemDisabled > .ms-core-menu-link {
    cursor: default;
}

.ms-core-menu-separatorHr {
    margin: 2px 0px;
    /* [ReplaceColor(themeColor:"SubtleLines")] */ color: #c6c6c6;
    border-width: 0px;
    border-top: 1px solid;
}

a.ms-core-menu-link {
    padding: 6px 8px;
    /* [ReplaceColor(themeColor:"BodyText")] */ color: #333333;
    text-decoration: none;
    display: block;
    position: relative;
}

    a.ms-core-menu-link:focus {
        outline: 1px dotted transparent;
    }

.ms-core-menu-item {
    margin: 0px;
    cursor: pointer;
    border: 1px solid transparent;
}

.sp-peoplepicker-topLevel,
.sp-peoplepicker-topLevelDisabled,
.sp-peoplepicker-autoFillContainer {
    border: 1px solid #808080;
    background-color: white;
}

.sp-peoplepicker-topLevelFocus {
    /* [ReplaceColor(themeColor:"AccentLines")] */ border-color: #707070 !important;
}

.sp-peoplepicker-topLevel:hover {
    /* [ReplaceColor(themeColor:"StrongLines")] */ border-color: #22aadd;
}

.sp-peoplepicker-topLevelDisabled {
    /* [ReplaceColor(themeColor:"DisabledText")] */ color: #b1b1b1;
    /* [ReplaceColor(themeColor:"DisabledLines")] */ border-color: #e1e1e1;
    /* [ReplaceColor(themeColor:"DisabledBackground",opacity:"1")] */ background-color: #fdfdfd;
    /* [ReplaceColor(themeColor:"DisabledBackground")] */ background-color: #fdfdfd;
}

.sp-peoplepicker-topLevel, .sp-peoplepicker-topLevelDisabled {
    cursor: text;
    height: 100%;
    width: 371px;
    position: relative;
    margin: 1px 0px 5px 0px;
}

.sp-peoplepicker-resolveList {
    /*vertical-align:middle;*/
}

input.sp-peoplepicker-editorInput[type=text] {
    border: 0px;
    padding: 0px 1px;
    margin-left: 5px;
    background-color: transparent;
    width: auto;
    vertical-align: middle;
}

    input.sp-peoplepicker-editorInput[type=text]:focus {
        outline: 0px;
    }

input.sp-peoplepicker-editorInput::-ms-clear {
    display: none;
}

.sp-peoplepicker-autoFillContainer {
    z-index: 1;
    padding: 0px;
    display: none;
    cursor: default;
    width: 100%;
    position: absolute;
    /* [ReplaceColor(themeColor:"SubtleLines")] */ border-color: #c6c6c6;
}

.sp-peoplepicker-initialHelpText {
    top: 3px;
    left: 4px;
    position: absolute;
    color: rgb(119, 119, 119);
}

.sp-peoplepicker-autoFillPresence {
    z-index: 1;
    width: 20px;
    height: 20px;
    position: absolute;
}

.sp-peoplepicker-userSpan {
    cursor: pointer;
    /*white-space:nowrap;*/
    display: inline-block;
    margin: 0px 5px 1px 2px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    word-break: break-all;
    background-color: #dddddd;
}

.sp-peoplepicker-invalidUserSpan {
    background-color: inherit !important;
}

.sp-peoplepicker-delImage {
    margin-left: 4px;
    text-decoration: none;
    background: url("/Content/Themes/Base/images/gacommon.png") -300px -200px no-repeat;
    /*top:-300px;
left:-200px;*/
    /*position:absolute;*/
    width: 8px;
    height: 8px;
    float: right;
    margin-top: 6px;
}

    .sp-peoplepicker-delImage:hover {
        background: url("/Content/Themes/Base/images/gacommon.png") -308px -200px no-repeat;
    }

.sp-peoplepicker-userPresence {
    margin-right: 3px;
    display: inline-block;
}

.sp-peoplepicker-userSpan .ms-entity-unresolved {
    font-style: normal;
}

.sp-peoplepicker-userSpan .ms-entity-resolved {
    vertical-align: bottom;
}

.sp-peoplepicker-userSpan .ms-entity-unresolved, .sp-peoplepicker-userSpan .ms-entity-resolved {
    overflow: hidden;
    float: left;
    word-break: normal;
    word-wrap: break-word;
}

.sp-peoplepicker-userDisplayLink {
    /* [ReplaceColor(themeColor:"BodyText")] */ color: #333333;
    text-decoration: none;
}

    .sp-peoplepicker-userDisplayLink:hover {
        text-decoration: none;
    }

.sp-peoplepicker-waitImg {
    width: 16px;
    height: 16px;
    display: none;
    font-size: 0px;
    position: absolute;
}

.sp-peoplepicker-errorMsg {
    margin-top: 6px;
    margin-left: 6px;
    display: inline-block;
    color: #ff0000;
}

.ms-core-menu-footer {
    margin: 0px;
    cursor: default;
    padding: 0px 12px 7px 5px;
}

.ms-core-menu-loading {
    margin: 0px;
    cursor: default;
    text-align: center;
}

.sp-peoplepicker-autoFillContainer .ms-core-menu-item {
    white-space: nowrap;
    padding: 1px 5px 3px 5px;
}

.sp-peoplepicker-autoFillContainer .ms-core-menu-link {
    padding: 0px;
}

.sp-peoplepicker-autoFillContainer .ms-core-menu-label {
    display: block;
}

.sp-autoFill-menu {
    min-width: 100%;
}

.sp-peoplepicker-autoFillContainer .sp-autoFill-scroll {
    width: 100%;
    border: none;
    margin: 0px;
    padding: 0px;
    min-width: 100%;
    padding-top: 3px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 10px;
    list-style-type: none;
    box-shadow: 0px 0px 0px 0px transparent;
}

.sp-peoplepicker-autoFillContainer {
    /* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1.0")] */ background-color: #fff;
}

.sp-autoFill-scroll .ms-core-menu-label {
    border: none;
}

.ms-core-menu-separator:first-child {
    display: none;
}

/* ProgressBar */
.ProgressBar-Base {
    height: 8px;
    width: 40px;
    background-color: #d4d4d4;
}

.ProgressBar-Normal {
    background-color: #29ae5b;
}

.ProgressBar-Exception {
    top: -200px;
    left: -16px;
}

.ProgressBar-Failed {
    top: -200px;
    left: -48px;
}

.ProgressBar-Canceled {
    top: -200px;
    left: -32px;
}

.ProgressBar-Completed {
    top: -200px;
    left: 0px;
}

.ProgressBar-ErrorTask {
    top: -339px;
    left: -96px;
}

.GAProcessbar16by16 {
    width: 16px;
    height: 16px;
    position: relative;
    overflow: hidden;
}

/* GATitleView */
.gatitleviewul {
    list-style-type: none;
    padding-left: 0;
}

.gatitleview-boxgridsmall /*TitleViewouter*/ {
    width: 150px !important;
    height: 145px !important;
    margin-right: 15px;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background-color: #FFFFFF;
}

.gatitleview-boxgridbig {
    width: 210px;
    height: 200px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background-color: #FFFFFF;
    cursor: pointer;
}

.gatitleview-namesmall {
    padding: 15px 15px 0 15px;
    color: #222222;
    font-size: 16px;
    position: absolute;
    word-wrap: break-word;
}

.gatitleview-namesbig {
    padding: 15px 15px 0 15px;
    color: #222222;
    font-size: 20px;
    position: absolute;
    word-wrap: break-word;
}

.gatitleview-boxcaptionsmall /*cover*/ {
    padding: 20px 10px 0 10px;
    float: left;
    position: absolute;
    height: 130px !important;
    width: 130px !important;
    top: 150px;
    left: 0;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    color: #e8e8e8;
    font: 13px;
    word-wrap: break-word;
    line-height: 18px;
    font-size: 13px;
    background: #771717;
}

.gatitleview-boxcaptionbig {
    padding: 15px 15px 0 15px;
    float: left;
    position: absolute;
    background: #771717;
    height: 185px;
    width: 180px;
    top: 200px;
    left: 0;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    color: #f1f1f2;
    font: 12px;
    word-wrap: break-word;
    line-height: 18px;
}

.gatitleview-listyle {
    list-style-type: none;
    list-style: none;
    float: left;
}

.gatitleview-clipesmall {
    position: absolute;
    overflow: hidden;
    width: 44px;
    height: 44px;
    top: 55px;
    left: 55px;
}

.gatitleview-clipebig {
    position: absolute;
    overflow: hidden;
    width: 64px;
    height: 64px;
    top: 68px;
    left: 73px;
}

.gatitleview-img {
    position: absolute;
}

.titleView_DescriptionLink {
}

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

    .titleView_DescriptionLink:active {
        text-decoration: underline;
        color: #b9b9b9;
        text-decoration-color: #b9b9b9;
    }

.comment-task-li {
    display: list-item;
    font-weight: 600;
    font-size: 12px;
}

.comment-task-div {
    padding-left: 7px;
    font-weight: 600;
    font-size: 12px;
}

.comment-task-pre {
    margin: 0px;
    font-family: Segoe UI;
    font-size: 12px;
    color: #555555;
    white-space: pre-wrap;
    font-weight: 600;
}

#gastepbarzone, #policystepbarzone, #wfpopupstepbarzone {
    float: right;
}

.stepbar-inpopup {
    float: right;
    height: 35px;
}

.home-tile-view-area {
    margin-left: 200px;
    max-height: 90px;
    min-height: 72px;
}

.home-tile-view-box {
    float: left;
    width: 520px;
    height: 90px;
    margin-bottom: 40px;
    margin-left: 60px;
    overflow: hidden;
    cursor: pointer;
}



.home-tile-view-caption-img-container, .tile-view-caption-img-container {
    float: left;
    position: relative;
    height: 72px;
    width: 72px;
    overflow: hidden;
}

.home-tile-view-caption-img-container-small, .tile-view-caption-img-container-small {
    float: left;
    position: relative;
    height: 64px;
    width: 64px;
    overflow: hidden;
}

.home-tile-view-caption-img, .tile-view-caption-img {
    position: absolute;
}

.home-tile-view-caption {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    width: 433px;
}

.home-tile-view-caption-title {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}

.home-tile-view-caption-description {
    margin: 6px auto;
    overflow: hidden;
    max-height: 51px;
}

.home-tile-view-show-more-span, .tile-view-show-more-span {
    width: 20px;
    height: 30px;
}

.tile-title-selected {
    color: #0066aa;
    text-decoration: underline;
}

.tile-view-ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.tile-view-caption {
    float: left;
    margin: 5px 0px 0px 8px;
    width: 218px;
}

.tile-view-caption-title {
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    max-height: 51px;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 20px;
}

.tile-view-caption-description {
    margin: 6px auto;
    overflow: hidden;
    max-height: 85px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.tile-view-box {
    float: left;
    width: 290px;
    height: 130px;
    margin-right: 10px;
    padding: 10px 10px 10px 0px;
    overflow: hidden;
    cursor: pointer;
}

.tile-view-caption-with-big-img {
    float: left;
    margin: 5px 0px 0px 8px;
    width: 210px;
}

.layout-content {
    margin-top: 30px;
    min-width: 520px;
    min-height: 90px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

.landing-page-category-line {
    overflow: hidden;
}

.landing-page-category-container {
    font-size: 17px;
    font-weight: 600;
    max-height: 102px;
    text-overflow: ellipsis;
    width: 160px;
    text-align: right;
    overflow: hidden;
    float: left;
    margin-top: 62px;
}

.landing-page-category-content {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.landing-page-line {
    max-height: 185px;
    float: left;
    padding: 20px 0px;
    margin-left: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.landing-page-box-container {
    overflow: hidden;
    position: relative;
    height: 150px;
    margin-left: 55px;
}

.landing-page-arrow-left, .landing-page-arrow-right {
    height: 55px;
    width: 55px;
    overflow: hidden;
    position: relative;
    margin-top: 60px;
    cursor: pointer;
}

.landing-page-arrow-left {
    float: left;
}

.landing-page-arrow-right {
    float: right;
}

.landing-page-arrow-left-img {
    top: -431px;
    left: 0px;
    position: absolute;
}

    .landing-page-arrow-left-img:hover, .landing-page-arrow-left-img:active {
        top: -431px;
        left: -55px;
    }

.landing-page-arrow-right-img {
    top: -431px;
    left: -110px;
    position: absolute;
}

    .landing-page-arrow-right-img:hover, .landing-page-arrow-right-img:active {
        top: -431px;
        left: -165px;
    }

.landing-page-tooltip {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.classic-permission-lable-level {
    margin-left: 22px;
    word-wrap: break-word;
    margin-top: 3px;
}

.checkbox-area {
    float: left;
}

.label-for-checkbox-area {
    word-wrap: break-word;
    margin-left: 22px;
    padding-bottom: 10px;
}

.app-content-div {
    margin-left: 30px;
    margin-top: 20px;
    width: 460px;
}

.view-service-grid-div {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.execution-area-div {
    padding: 0px 0px 10px 25px;
}

.execution-custom-area-div {
    padding: 0px 0px 0px 25px;
}

.execution-file-name-div {
    width: 240px !important;
}

.group-metadata-div {
    width: 390px;
}

.settings-popup-container-div {
    height: 454px;
    overflow-x: hidden;
    overflow-y: auto;
}

.settings-popup-container-ribbon-div {
    height: 35px;
}

.settings-popup-radio-lable-width {
    width: 340px;
}

.sharepoint-permission-checkbox-level {
    width: 300px;
}

.policy-template-div {
    margin-top: 35px;
}


.ga-no-marginright {
    margin-right: 0px;
}