.vspace-half {
    height: 7px;
}

.vspace {
    height: 14px;
    clear: both;
    float: none;
}

.vspace-double {
    height: 20px;
    clear: both;
    float: none;
}

.vspace-triple {
    height: 30px;
    clear: both;
    float: none;
}

.indent {
    padding-left: 2em;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.hidden-input-file {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8*/
}

.qui-input-file-button {
    overflow: hidden;
}

.full-length {
    width: 97% !important;
}

.qui-textbox.full-length,
textarea.full-length {
    width: 97%;
}

.qui-textbox, .qui-combobox {
    position: static;
    margin-top: 4px;
}

/* -------------- FONTS ----------- */

h1 {
    font-size: 24px;
}

h2, .header-strong {
    font-size: 18px;
}

h3, .header-light {
    font-size: 16px; /*22px*/
    /*font-weight: 300;*/
}

h4 {
    font-size: 15px;
    margin-bottom: 3px;
}

.paragraph {
    margin-bottom: 15px;
}

.page-tip, 
.text-large {
    font-size: 11pt !important;
    font-weight: 400;
}

.caption,
.text-small {
    font-size: 13px;
    font-weight: 400;
}

label, 
.field-label {
    font-size: 13px;
    font-weight: 400;
}

.field-tip, 
.troubleshooting {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    color: #808080;
}

.error,
.field-validation-error
{
    font-size: 13px;
    font-weight: 400;
}

.qui-masthead,
.qui-navigation-pane,
.page-title-bar, 
.toolbar-warning,
.content-wrapper,
.footer-wrapper {
    position: fixed;
}

.qui-masthead {
    width: 100%;
    z-index: 100;
}

.upload-form .qui-masthead {
    position: relative !important;
}


.qui-masthead-content {
    margin: 0 30px 0 13px;
    min-width: 630px;
    max-width: 1600px;
}

/*-----------------MENU-------------------*/

.qui-masthead-menu {
    float: right;
    margin-top: 25px;
}

ul.qui-masthead-menu li {
    min-height: 18px;
    min-width: 18px;
    list-style: none;
    float: left;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

    ul.qui-masthead-menu li .qui-menu {
        position: absolute;
        z-index: 1111;
        top: 35px;
        left: -4px;
    }

    ul.qui-masthead-menu li:hover .qui-menu {
        display: block;
    }

.qui-inner > .qui-menu-item > .qui-inner {
    min-width: auto;
}

ul.qui-masthead-menu li .qui-popover > .qui-inner {
    width: auto;
}

ul.qui-masthead-menu li .qui-menu {
    display: none;
}

ul.qui-masthead-menu li#username-menu-item > span {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQzhGMDdCQzk0M0FFMjExQUNDQ0RFNDEyMTZCMzRENSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QjhFN0Y5RDhBNEUxMUUyODJGQjkzQkM2OEU4QTI2MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QjhFN0Y5QzhBNEUxMUUyODJGQjkzQkM2OEU4QTI2MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIyOEJCQzRENEU4QUUyMTE5Q0MzOUM1NjBGN0MxMzBBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNDOEYwN0JDOTQzQUUyMTFBQ0NDREU0MTIxNkIzNEQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SAStmwAAAR9JREFUeNpi/v//P4O2tvZ/JgYIcAQIIEaQCAjARBgAAggssnr16v9Q/ga4DBQEAAQQA0jFqlWrzgNxP4gNU2EAxAXIhgmGhoYygg0FKv2PbAhAAMHtBdp0H0gpIMklAnUtQLa1Ec0FG5DdCbL0PAMmMISZgE0SLA4QQMhucABS+4H4AxArAu3/gBImUEkQEADi9zBBJqhuBRxWQBQAjXuAJv4AIxyQ3PEBqOECenS8h9qNDEAKBUFB64DkQHTgyMRAAAAEGIob0MIDG7gAtNYQpwFAzShhhANsABoSiBJMMAAN/Q8EDDiIEc5ohggCqUIsBh0AJQ6g/AR8XgDFaAIQ2xNwwQJY5CInJmxxhQ+AEx0TUsiTohmWKA2YGCgEAGWofd0RDRW2AAAAAElFTkSuQmCC);
    background-position: left top;
    padding-left: 20px;
    height: 18px;
    background-repeat: no-repeat;
}

/*ul.qui-masthead-menu li#username-menu-item:hover > span {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQzhGMDdCQzk0M0FFMjExQUNDQ0RFNDEyMTZCMzRENSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQkQxNTU1NThBNTExMUUyOTMwRkMwNTQzMTQ0MjU3QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQkQxNTU1NDhBNTExMUUyOTMwRkMwNTQzMTQ0MjU3QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNjZFN0JCREM4NUUyMTE5Q0MzOUM1NjBGN0MxMzBBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNDOEYwN0JDOTQzQUUyMTFBQ0NDREU0MTIxNkIzNEQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/UG2kAAAAN1JREFUeNpi/P//PwMQ/GdigABHgABiwAAAAcQIUwPlb0AXYAAIIDACCp4H4n5kATBAFhBANhRFP0AAMcD4QPr+f1SQgK4gAU2BAFwBEBv8xw4MsLsbCQAEELJbHKC63qO4GtlvKGEEBCCaCSqpQIwVyOA+PncYYJN4j8WL79Fdjw04MBFyG0CAMWGJG3wmnsfmPpRo/08YrEdxAVrgfgBSHwi4+iBOFyCJFWAJuf3YghicWKCxCotRUDq0J+CCBUA9D1AMgMaLAAPxAORVRVhaciBRMwNUvQETA4UAAANnUdA3vUeaAAAAAElFTkSuQmCC);
    background-position: left center;
    padding-left: 20px;
    background-repeat: no-repeat;
}*/

/* --------------- MAIN-CONTENT--------------------*/
.page-tip {
    padding-bottom: 30px;
}

.group-tip {
    padding: 10px 0 15px 0;
    font-size: 14px;
}

.system-elements {
    visibility: hidden;
    position: absolute;
    z-index: 0;
}

.page-title-bar {
    left: 230px;
    right: 0;
    margin: 0 30px;
    padding: 10px 0 5px;
}

    .page-title-bar .page-title {
        /*min-height: 50px;*/
    }

.page-title h1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 12px;
}

.company-logo {
    float: left;
}

.logo-separator {
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 10px;
    height: 33px;
    border-left: 1px solid #ffffff;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.product-logo {
    float: left;
    width: 400px;
    height: 73px;
}

.content-wrapper {
    overflow: auto;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 600px;
    margin-left: 30px;
    margin-right: 20px;
}

.content-wrapper.admin-site {
    left: 230px;
}

.main-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 10px;
}

.main-content.client-site {
    margin-left: auto;
    margin-right: auto;
    width: 920px;
}

#page-content-line {
    padding: 0 0 20px 0;
    margin: 0 auto;
}

    #page-content-line.with-leftpane {
        padding: 0 20px;
    }

    #page-content-line.client-site {
        padding-left: 0px;
        padding-right: 0px;
    }

.footer-wrapper {
    height: 75px;
    left: 0;
    right: 0;
    bottom: 0;
}

.footer-wrapper.admin-site {
    left: 230px;
}

    .footer-wrapper .qui-action-bar.qui-enabled {
        position: relative;
    }

.qui-textbox, .qui-combobox {
    padding-left: 6px;
    padding-right: 0px;
    text-align: start;
    line-height: 18px;
    height: 32px;
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif;
}

.field-validation-error {
    font-style: italic;
    color: red;
}
/* Warning window */
.warning-list {
    margin: 10px 0 10px 20px;
}

/* Toolbar warning panel*/
.toolbar-warning {
    left: 0;
    right: 0;
    padding: 5px 0;
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.toolbar-warning.admin-site {
    left: 230px;
}

.toolbar-warning-icon {
    font-size: 24px;
    color: white;
    margin: 0 15px 0 30px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-warning .warning-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -5px;
    cursor: default;
}

.toolbar-warning-close {
    position: absolute;
    right: 7px;
    padding: 6px 8px;
    color: #282828 !important;
}

.toolbar-warning-close:hover {
    color: #4e4e4e !important;
    text-decoration: none !important;
}

/* Browser warning panel*/
.browser-warning-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    font-size: 1.2em;
    display: none;
}

    .browser-warning-panel .content {
        width: 780px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 45px;
    }

    .browser-warning-panel .horizontal-line {
        width: 780px;
    }

    .browser-warning-panel .content .tip {
        height: 50px;
    }

    .browser-warning-panel .content .warnings ul {
        padding-left: 15px;
    }

    .browser-warning-panel .content .tip .caption {
        float: left;
        padding-left: 5px;
        padding-top: 5px;
        font-weight: bolder;
    }

    .browser-warning-panel .content .tip .icon {
        width: 32px;
        height: 28px;
        display: inline-block;
        float: left;
    }

.activity-button {
    visibility: hidden;
}

/*----------------Command button ---------------*/

.qui-button-middle > button,
.qui-button-large > button {
    width: auto;
    line-height: normal;
    cursor: pointer;
    outline: none;
}

.qui-button > button:active {
    outline: none;
}

.qui-button-small > button {
    padding: 4px 15px;
    min-height: 24px;
    min-width: 75px;
}

.qui-button-middle > button {
    padding: 7px 20px;
    min-height: 32px;
    min-width: 85px;
}

.qui-button-large > button {
    padding: 10px 25px;
    min-height: 48px;
    min-width: 120px;
}

/*--------Forms ---------*/

.field-container {
    clear: both;
    margin-top: 10px;
}

    .field-container .checkbox input,
    .field-container .checkbox label {
        vertical-align: middle;
    }

    .field-container .checkbox label {
        margin-left: 8px;
    }

.qui-sign-in {
    margin-top: 200px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}

.reports-connection-details {
    padding-left: 20px;
}

.control-slave-panel {
    padding-left: 20px;
    padding-top: 14px;
}

.control-slave-panel-hide {
    padding-left: 0;
}

.control-slave-panel-no-vspace {
    padding-top: 0 !important;
}

.control-slave-panel.disabled a {
    cursor: default;
}

.line-container .caption {
    padding-right: 5px;
    float: left;
    z-index: 10;
}

.line-container {
    height: 18px;
    margin: 0 0 14px 0;
}

.horizontal-line {
    width: 100%;
    height: 1px;
    border-bottom: Solid 1px;
}

/*-----------------------Category ----------------------------*/

.category {
    overflow: hidden;
}

    .category .icon,
    .category .link {
        float: left;
    }

    .category .link {
        margin: 2px 0 0 4px;
    }

        .category .link a {
            font-size: 14px;
        }

    .category .icon {
        margin-top: 2px;
        width: 16px;
        height: 16px;
    }

    .category.expanded .icon {
        background-position: top left;
    }

    .category.expanded:hover .icon {
        background-position: bottom left;
    }

    .category.collapsed .icon {
        background-position: top right;
    }

    .category.collapsed:hover .icon {
        background-position: bottom right;
    }

.category-content {
    padding: 10px 0 0 20px;
}

/*--------------------QA Profile---------------------------*/

.qa-pair-container .answer-masked table td .qui-textbox {
    width: 20px;
}

.qa-pair-container .qui-textbox {
    width: 850px;
}

.qa-pair-container .answer-caption {
    padding-top: 2px;
    padding-bottom: 2px;
}

.qa-pair-container .qui-combobox {
    width: 458px;
}

/*  notification ----------------------------- */

.loading-wrapper,
.loading-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2012;
    top: 0px;
    left: 0px;
}

.loading-wrapper {
    z-index: 2013;
}

.loading.main {
    margin-top: 300px;
    height: 150px;
    width: 150px;
    z-index: 2013;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.success.popup {
    position: absolute;
    top: 300px;
    left: 200px;
    /*	width: 470px;
	height: 106px;	
*/
    display: none;
    height: 108px;
    border-spacing: 0;
    border-collapse: collapse;
}

    .success.popup .left {
        width: 13px;
    }

    .success.popup .right {
        width: 20px;
    }

    .success.popup .icon-wrapper {
        width: 40px;
        text-align: center;
    }

        .success.popup .icon-wrapper .icon {
            height: 32px;
            width: 32px;
            display: inline-block;
        }

    .success.popup .text {
        padding: 0 15px 0 10px;
        height: inherit;
        font-size: 2.5em;
        width: auto;
    }

.notification {
    overflow: hidden;
    margin: 10px 0;
    /* changing this value into 'static' cause failure of notification close button work. don't change */
    position: relative;
}

    .notification .icon,
    .notification .text {
        float: left;
    }

    .notification .icon {
        margin: 0 10px 0 0;
        width: 32px;
        height: 32px;
    }

    .notification .text {
        width: 85%;
        padding-top: 4px;
        margin: 0;
    }

    .notification ul {
        margin-left: 2em;
    }

        .notification ul li.message {
            list-style-type: none;
        }

.ui-dialog-inner-content .notification {
    padding: 20px 20px 20px 20px;
}

/*---------Marked container------------- */

.marked-container {
    padding-left: 60px;
    margin-bottom: 30px;
    position: relative;
}

    .marked-container .title {
        margin: 0 0 15px 0;
        height: 48px;
    }

    .marked-container .container-icon-wrapper,
    .marked-container .container-icon-wrapper .layer {
        height: 48px !important;
        width: 48px !important;
        position: absolute;
        left: 0;
        top: -2px;
    }

        .marked-container .container-icon-wrapper .layer.disabled {
            display: none;
        }

    .marked-container.disabled .container-icon-wrapper .layer.disabled {
        display: block;
    }

    .marked-container .container-icon-wrapper .layer.bottom {
        z-index: 10;
    }

    .marked-container .container-icon-wrapper .layer.icon {
        z-index: 11;
    }

    .marked-container .container-icon-wrapper .layer.disabled {
        z-index: 12;
    }

    .marked-container .container-icon-wrapper .layer.hover {
        z-index: 13;
    }

    .marked-container .container-icon-wrapper .layer.top {
        z-index: 14;
    }

/*  command toolbar | command buttons ----------- */

ul.command-toolbar {
    list-style-type: none;
    height: 20px;
    margin: 5px 0 0 0;
}

    ul.command-toolbar li.separator {
        margin: 0 8px;
    }

    ul.command-toolbar li {
        float: left;
    }

ul.command-buttons {
    list-style-type: none;
    overflow: hidden;
    margin: 10px 0 0 0;
}

    ul.command-buttons li {
        float: left;
        margin: 0 10px 0 0;
    }

/*  ----------------- transation bar --------------------------- */

.translation-bar {
    padding: 5px;
    height: auto;
    overflow: hidden;
}

    .translation-bar div.caption {
        float: left;
    }

    .translation-bar .language-label {
        padding: 0 14px 0 4px;
    }

    .translation-bar a {
        font-size: 13px;
    }

#translations-link-container a {
    cursor: pointer;
}

#translation-name {
    float: left;
    padding-right: 20px;
}

#default-language-link-container {
    float: left;
}

    #default-language-link-container .link {
        display: inline;
    }


#translations-link-container {
    float: right;
}

    #translations-link-container .translations-links {
        width: 400px;
    }

    #translations-link-container .translations-links,
    #translations-link-container .translations-caption {
        float: right;
    }

.translations-links div.link {
    padding: 0 3px 4px 3px;
    float: left;
}

/*------------------- site navigation  ------------------------ */

ul.navigation-path {
    list-style-type: none;
    overflow: hidden;
    white-space: nowrap;
}

    ul.navigation-path li {
        margin: 0 5px 0 0;
        display: inline-block;
        white-space: nowrap;
    }

/* --- tabs ---*/

.tabs-content {
    padding: 20px 20px 20px;
    position: relative;
}

.tabs-content-wrapper {
    overflow: auto;
    position: relative;
}

/*--------------- Dialog --------------------------*/

.ui-dialog-content .qui-action-bar {
    position: relative;
    width: 100%;
    bottom: 0px;
}

.ui-dialog .ui-dialog-inner-content {
    padding: 10px 30px 30px 30px;
    min-height: 130px;
    height: 100%;
}

.ui-dialog .ui-dialog-inner-content-no-padding {
    padding: 0 !important;
}

.ui-dialog.ui-corner-all {
    box-shadow: 0px 0px 8px 6px #000000;
    box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.15);
}

.ui-dialog-content .qui-tab-strip {
    padding-left: 30px;
}

.ui-dialog-content .tabs-content-wrapper {
    padding-left: 10px;
    padding-right: 10px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 20px 60px 20px 30px;
    height: auto;
    border: none;
    background: none;
    font-family: 'Museo Sans Webfont', 'sans-serif';
    font-size: 24px;
    font-weight: bold;
    color: #282828; /*#000*/
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    width: 23px;
    top: 30px;
    right: 18px;
    border: none;
}

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
        font-family: 'fa-dell';
        font-style: normal;
        line-height: 1;
        text-transform: none;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        font-size: 18px;
        cursor: pointer;
        color: #0085c3;
        background: none;
        margin-top: -9px;
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
        background: none;
        background-color: rgb(202,232,254);
        border: none;
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span.ui-icon {
        text-indent: 0;
        text-align: center;
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span:before {
        content: "\f00d";
    }

.ui-dialog .qui-items .qui-button {
    margin-left: 10px;
}

.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se.ui-icon-grip-diagonal-se {
    background: none;
}

.ui-dialog-inner-content {
    overflow: auto !important;
}

/* containers*/
#find-containers-form div.selected-containers {
    height: 100px;
    padding: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    overflow: auto;
}

#find-containers-form .query-input,
#find-containers-form #ConnectionId,
#find-containers-form #FakeConnectionId {
    width: 430px;
}

#find-containers-form .caption {
    width: 100%;
    clear: both;
}

    #find-containers-form .caption .label {
        float: left;
        padding-top: 4px;
        padding-right: 4px;
        padding-bottom: 5px;
    }

    #find-containers-form .caption .value {
        float: left;
        padding-right: 4px;
        padding-bottom: 5px;
    }

    #find-containers-form .caption .button {
        float: left;
        padding-bottom: 5px;
    }

body {
    overflow: hidden;
}

#find-containers-form div.found-containers {
    width: 100%;
    height: 400px;
    border-style: solid;
    border-width: 1px;
    overflow: auto;
}

    #find-containers-form div.found-containers .grid table {
        width: 100%;
        border: none;
    }

.grid table {
    width: 100%;
    border-collapse: collapse;
}

.grid .overflow-container {
    overflow: hidden;
    width: 95%;
}

.grid th {
    cursor: default;
    font-weight: bold;
}

    .grid th.half,
    .grid td.half {
        width: 50%;
        overflow: hidden;
    }

.grid th,
.grid td {
    text-align: left;
    font-size: 13px;
    padding: 10px 10px 10px 10px;
}

.grid tr.selected,
.grid tr:hover {
    cursor: pointer;
}

.grid .caption {
    padding-left: 20px;
}

.grid .group-icon,
.grid .domain-icon,
.grid .ou-icon,
.grid .pso-icon,
.grid .policy-icon {
    width: 16px;
    height: 16px;
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin-right: 8px;
}

.found-containers .grid table th.first,
.found-containers .grid table th.last {
    width: 210px;
    overflow: hidden;
}

.found-containers .grid table td {
    overflow: hidden;
}

.configSetDomainsList {
    padding: 10px;
}

.select-connection-summary {
    width: 370px !important;
    margin: 14px 0;
    word-wrap: break-word;
}

    .select-connection-summary .connection-targets-block {
        display: inline-block;
    }

        .select-connection-summary .connection-targets-block div {
            float: left;
        }
/*
.select-connection-summary:hover {
	cursor: pointer;
	color: #FFFFFF;
	background-color: #0060a6;
}

.select-connection-summary:hover a, 
.select-connection-summary:hover div,
.select-connection-summary:hover span
{
	color: #FFFFFF !important;
}*/

.reset-button {
    margin-left: 20px !important;
}

/*===============Select language dialog styles=================*/

.language-link,
.language-inline {
    font-size: 13px;
}

    .language-link .language.part,
    .language-inline .language.part {
        margin: 0 5px 0 0;
    }

.languages-container {
    border: none;
    padding: 5px 5px 5px 5px;
}

    .languages-container .header {
        height: 31px;
        position: relative;
    }

    .languages-container .horizontal-line {
        height: 19px;
        width: auto;
    }

    .languages-container .list {
        float: left;
    }

    .languages-container .header .search-wrapper {
        width: 220px;
        height: 22px;
        position: absolute;
        padding-left: 5px;
        bottom: 1px;
        right: 0px;
        border: Solid 1px transparent;
    }

        .languages-container .header .search-wrapper .search {
            width: 210px;
            height: 20px;
            position: absolute;
            border-style: Solid;
            border-width: 1px;
            right: 0px;
        }

    .languages-container ul {
        float: left;
        border-right-style: Solid;
        border-right-width: 1px;
        position: relative;
    }

        .languages-container ul.last {
            border: none;
        }

        .languages-container ul li {
            list-style-type: none;
            padding-left: 5px;
            padding-right: 5px;
            width: 175px;
        }

.ui-language.languages-container ul li {
    width: 350px;
}

.languages-container ul li a {
    padding: 4px 20px 4px 20px;
    display: block;
    outline: 0;
}

.languages-container ul li:hover a {
    text-decoration: none;
}

    .languages-container ul li:hover a.gray,
    .languages-container ul li a.gray {
        cursor: default;
    }

.languages-container ul li.language-item-default:hover a,
.languages-container ul li.language-item-default a,
.languages-container ul li.language-item-default a.gray {
    background-position: 3px 3px;
    cursor: default;
}

.languages-container ul li.language-item-translation:hover a,
.languages-container ul li.language-item-translation a,
.languages-container ul li.language-item-translation a.gray {
    background-position: 3px 3px;
    cursor: default;
}
/*---search control--*/

.search-wrapper .search div.text-for-string,
.search-wrapper .search input.text-for-input {
    width: 190px;
    border: none;
    left: 2px;
    position: absolute;
    font-size: 100%;
}

.search-wrapper .search div.text-for-string {
    font-family: "Trebuchet MS", sans-serif;
    font-style: italic;
    font-size: 12px;
    z-index: 1015;
    left: 4px;
    padding-top: 2px;
    top: 0px;
}

.search-wrapper .search input.text-for-input {
    background-color: transparent;
    z-index: 1100;
    padding-left: 2px;
    padding-top: 3px;
    font-size: 13px;
}

.search-wrapper .search span.remove-icon,
.search-wrapper .search span.search-icon {
    width: 14px;
    height: 14px;
    top: 3px;
    right: 3px;
    position: absolute;
}

.search-wrapper .search span.remove-icon {
    cursor: pointer;
}

/*----------------- Admin menu ---------------------------*/

.admin-leftpane {
    width: 230px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

    .admin-leftpane .right-shadow {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 15px;
        height: 100%;
        z-index: 12;
        border-right-width: 1px;
        border-right-style: solid;
    }

    .admin-leftpane .left-menu-item {
        list-style: none;
        z-index: 11;
        position: relative;
    }

        .admin-leftpane .left-menu-item a {
            padding-top: 12px;
            padding-bottom: 12px;
            padding-left: 20px;
            display: block;
        }

ul.qui-tab-strip li.qui-tab {
    padding: 1px 1px 1px 1px;
}

ul.qui-tab-strip.admin-menu li.qui-tab.qui-enabled p {
    margin: 0px 0px 0px 0px;
}

.qui-tab-strip li.qui-tab.qui-enabled p a {
    line-height: 34px;
    padding-left: 25px;
    padding-right: 25px;
    display: block;
    border: solid 1px transparent;
}

.admin-leftpane .left-menu-item.current {
    z-index: 13;
}

.text input, input[type='text'], input[type='password'] {
    width: 300px;
    padding-right: 2px;
}

/* Spinbox */

.spinbox-wrapper {
    width: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding-right: 2px;
}

    .spinbox-wrapper input[type='text'].spinbox {
        width: 60px;
        height: 16px;
        float: left;
    }

    .spinbox-wrapper .arrows-wrapper {
        float: left;
    }

    .spinbox-wrapper .arrow {
        width: 12px;
        height: 10px;
        position: relative;
        font-size: 10px;
        cursor: default;
    }

        .spinbox-wrapper .arrow .inner {
            position: relative;
            left: 1px;
        }

        .spinbox-wrapper .arrow.up .inner {
            top: -2px;
        }

        .spinbox-wrapper .arrow.down .inner {
            bottom: 1px;
        }

        .spinbox-wrapper .arrow.up {
        }

        .spinbox-wrapper .arrow.down {
        }

.qui-textbox input.spinbox {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    line-height: 30px;
    border: none !important;
    background: transparent !important;
    font-size: 16px;
}

.qui-textbox div.arrows-wrapper {
    margin-top: 9px;
}

.qui-textbox div.inner {
    line-height: 10px !important;
}

/*----- schedule tasks --------------*/
.task .hourly .label {
    vertical-align: top;
    display: inline-block;
}

.task,
.task .settings,
.task .settings .start-at,
.task .settings .hourly,
.task .settings .weekly {
    clear: both;
}

    .task .settings .caption {
        height: 20px;
        line-height: 20px;
    }

    .task .start-at .time-control {
        display: inline;
    }

        .task .start-at .time-control input {
            width: 40px;
        }

    .task .weekly,
    .task .week-days {
        margin-top: 14px;
        border: 0px none;
    }

    .task .checkbox-list, .task .radio-list {
        padding-left: 10px;
    }

    .task .validation {
        clear: both;
    }

.task-summary {
    clear: both;
}

    .task-summary .caption,
    .task-summary .settings {
        float: left;
        font-size: 13px;
        padding-right: 10px;
    }

table.summary {
    border: 0px;
    width: 450px;
    border-spacing: 0px;
}

    table.summary td {
        vertical-align: top;
    }

table.certificate-panel {
    width: auto !important;
}

td.left {
    padding-right: 20px;
    width: 1px;
    white-space: nowrap;
}

    td.left span {
        white-space: nowrap;
    }

td.right div {
    float: left;
    margin-right: 15px;
}

.warning-small, .error-small {
    line-height: 25px;
    margin-top: 10px;
}
    .warning-small + .error-small,
    .error-small + .warning-small,
    .warning-small + .warning-small,
    .error-small + .error-small {
        margin-top: 3px;
    }

    .warning-small .text, .error-small .text {
        line-height: 25px;
        margin: 0 5px;
        width: 80%;
    }

.multiline {
    line-height: normal !important;
}

.warning-small .icon, .error-small .icon {
    width: 16px;
    height: 25px;
    margin: 0 5px;
    float: left;
}

.reports-connection-form .general select {
    margin-left: 10px;
}

.reports-connection-form .general .spinbox-wrapper {
    display: inline;
}

.reports-connection-form .delete-log .label {
    float: left;
    margin-right: 5px;
}

/*-- statistics-- */

.statistics .item {
    clear: both;
}

.statistics .caption {
    float: left;
    width: 300px;
}

.statistics .value {
    float: left;
    width: 300px;
}

.report-list-container td a.icon {
    padding-left: 20px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
}

    .report-list-container td a.icon.properties {
        height: 17px;
        width: 16px;
        line-height: 16px;
    }

.ui-dialog-inner-content.languages-list {
    padding: 0px 0px 0px 0px;
}

#find-containers-form .domain-list {
    float: left;
    margin: 10px;
}

/* Page Status */

.page-status .caption {
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 32px;
    padding-top: 10px;
}

.page-status .details {
    padding-top: 2em;
    margin-top: 2em;
}

    .page-status .details ul {
        margin-left: 3em;
    }

        .page-status .details ul li {
            padding-top: 1em;
        }

.notification .stackTrace {
    display: none;
    font-size: 0.92em;
}

/*  PasswordReset | PasswordChange -------------------------  */

.password-reset-content .policy-rules,
.password-change-content .policy-rules {
    margin: -10px 0 0 20px;
}

    .password-reset-content .policy-rules ul,
    .password-change-content .policy-rules ul {
        margin: 0 0 0 20px;
    }


/*  PasswordResetQC ------------------------  */

.password-reset-qc-content .select-systems-view .systems {
    margin: -5px 0 0 0;
    list-style-type: none;
}

ul.systems-scroll {
    height: expression(this.scrollHeight >= 130 ? "130px" : "auto"); /*for IE6*/
    max-height: 130px; /*for normal browsers*/
    overflow-y: auto;
    width: 320px;
}

    ul.systems-scroll li {
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

.password-reset-qc-content .select-systems-view .must-select-systems {
    margin: -10px 0 10px 0;
}


.password-reset-qc-content .select-systems-view .systems li {
    margin: 0 0 5px 0;
}

    .password-reset-qc-content .select-systems-view .systems li li {
        margin: 5px 0;
    }

.password-reset-qc-content .system-name {
    font-size: 15px;
}

.password-reset-qc-content .system-list-with-password-view .systems,
.password-reset-qc-content .system-enter-password-view .systems {
    margin: 0 0 0 20px;
}

.password-reset-qc-content .system-list-with-password-view .field-container {
    margin: 10px 0 0 0;
}

.password-reset-qc-content .system-list-with-password-view .policy-rules {
    margin: 10px 0 0 20px;
}

.password-reset-qc-content .system-enter-password-view .policy-rules {
    margin: 10px 0 0 0;
}

.password-reset-qc-content .system-list-with-password-view .rules-list,
.password-reset-qc-content .system-enter-password-view .rules-list {
    margin: 0 0 0 20px;
}

/*-Phone- */

.qui-textbox.test-phone {
    width: 350px;
}

/*---start here baloon----- */

.starthere-balloon {
    display: inline-block;
    padding-right: 20px;
    min-height: 85px;
    margin-top: 5px;
}

    .starthere-balloon div {
        padding-left: 55px;
        padding-top: 18px;
    }

    .starthere-balloon ul {
        padding-left: 90px;
        padding-bottom: 14px;
    }

        .starthere-balloon ul li {
            margin-top: 10px;
            list-style: none;
        }

.balloon {
    display: inline-block;
    padding: 15px;
}

.value-large {
    font-size: 15px;
    font-weight: bold;
}

.balloon .value-large {
    margin-left: 10px;
}

.value-small {
    font-size: 13px;
}

.balloon .value-small {
    font-weight: bolder;
    margin-left: 10px;
}

.balloon ul.value-small {
    margin-left: 30px;
}

/*-- CAPTCHA--*/
#refresh-link {
    padding-left: 18px;
    min-height: 18px;
    margin-left: 14px;
}

/* --------------------- Client body ---------------------*/

.client-body .qui-action-bar {
    margin-top: 40px;
	border-top: solid 1px #e5e5e5;
}

.client-body .header {
    margin-bottom: 40px;
    font-size: 21px;
}

    .client-body .header .qui-menu {
        margin-top: 10px;
        width: auto;
        position: absolute;
    }

        .client-body .header .qui-menu .qui-inner {
            width: auto;
        }

/* settings in dialogs (scenarios, user identification) */

.settings {
    width: 500px;
}

.text,
.number,
.select,
.editor,
.file,
.checkbox,
.radio {
    margin: 0 0 14px 0;
    overflow: hidden;
}

    .editor textarea {
        width: 99%;
    }

.select {
    margin-top: 4px;
}

.checkbox input,
.radio input {
    margin-right: 2px;
}

.checkbox > .label,
.radio > .label {
    vertical-align: 2px;
}

.hint {
    font-size: 90%;
    font-style: italic;
}

.page-status .caption {
    font-size: 14px;
}

.page-status .details-caption {
    font-size: 14px;
}

/*--- Questions and Answers ----*/
.qa-pair-container .question div.question-text {
    font-weight: bold;
    font-size: 1.2em;
}

.qa-pair-container {
    padding-top: 1em;
    padding-left: 20px;
    margin-bottom: 1em;
}

    .qa-pair-container .question {
        padding-bottom: 1em;
    }

    .qa-pair-container .question-caption .question-text {
        font-weight: bold;
    }

.success.popup {
    z-index: 10;
}

.notification.error .message {
    font-size: 1.5em;
}

.notification ul li.message {
    font-size: 0.98em !important;
}

.notification .stackTrace {
    font-size: 0.92em;
}

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

.radio div.connection-targets {
    margin-left: 20px;
}

ul.connection-targets li {
    list-style: none;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
}

ul.action-targets li {
    margin-right: 15px;
    margin-left: 20px;
}

.display-connection-summary {
    width: 665px;
    word-wrap: break-word;
    padding-right: 100px;
}

.connection-summary .value-large {
    font-size: larger;
    font-weight: bold;
}

.connection-summary-button-host {
    float: right;
    margin-right: -90px;
}

.domain-connection-form {
    padding: 20px;
}

.tab-content .domain-connection-form {
    padding: 0 !important;
}

.tab-content-domain-connection {
    /*height: 510px;*/
}

.tab-content-custom-action {
    height: 440px;
}

.custom-action {
    width: 550px;
}

.tab-content-custom-action .editor {
    width: 99%;
}

.inline-toolbar {
    padding: 0 5px;
    margin: 4px 0 0 10px !important;
}

    .inline-toolbar li {
        width: auto !important;
        margin: 0 2px !important;
    }

.qui-toolbar.inline-toolbar {
    -webkit-border-radius: 3px 0 !important;
    -moz-border-radius: 3px 0 !important;
    border-radius: 3px 0 !important;
    visibility: hidden;
}

.scenario-name {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    /*width: 580px;*/
}

.link .scenario-name {
    width: 520px !important;
}

.configuration-set .link .scenario-name {
    width: 510px !important;
}

.scenario-name .category-link {
    font-size: 14px !important;
}

.configuration-set-name {
    font-size: 15px;
    display: inline-block;
    overflow: hidden;
    width: 430px;
}

    .configuration-set-name .category-link {
        font-size: 15px !important;
    }

li.configuration-set ul.scenarios-list {
    margin: 10px 0 10px 10px;
}

.show-hide-scenario {
    display: inline-block;
}

.action-name {
    font-size: 13px;
}

.link .action-name {
    width: 500px !important;
}

.action-name .category-link {
    font-size: 13px !important;
}

table.api-actions {
    margin-left: 60px;
    border-spacing: 0;
    width: 700px;
}

.configuration-sets .scenarios-list table.api-actions {
    width: 690px !important;
}

.configuration-sets .scenarios-list .scenario-actions table.api-actions {
    width: 680px !important;
}

ul.scenarios-list table.api-actions {
    margin-left: 0;
}


.api-action-url, .api-action-verb, .api-action-verb-double {
    overflow-x: hidden;
    font-size: 12px;
}


ul.scenario-actions {
    display: block;
    margin-left: 10px;
    list-style-type: none;
}

    ul.scenario-actions li.scenario-action {
        margin: 10px 0;
    }

.api-action-verb {
    width: 60px;
    text-align: center;
}

.api-action-verb-double {
    width: 120px;
    text-align: center;
}

ul li.form-item {
    padding: 9px 0 7px 10px;
    margin-top: 7px;
}

ul.activity-template-controls li {
    list-style-type: none;
}

ul li.form-item .command-buttons li {
    float: left;
}

    ul li.form-item .command-buttons li a {
        display: block;
        width: 20px;
        height: 20px;
        background-position: 0 0;
    }

        ul li.form-item .command-buttons li a:hover {
            background-position: 0 50%;
        }

        ul li.form-item .command-buttons li a[disabled],
        ul li.form-item .command-buttons li a[disabled='true'] {
            background-position: 0 100%;
        }

ul li.form-item .control-preview {
    width: 360px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

ul li.form-item .control-links {
    display: inline-block;
    vertical-align: bottom;
    overflow-x: hidden;
    width: 110px;
}

.add-item {
    overflow: hidden;
}

    .add-item .icon {
        width: 20px;
        height: 20px;
    }

    .add-item .icon,
    .add-item .link {
        float: left;
    }

    .add-item .icon {
        background-position: 0% 0%;
    }

    .add-item:hover .icon {
        background-position: 0% 50%;
        cursor: pointer;
    }

    .add-item.link {
        margin-left: 5px;
        font-size: 13px;
    }

ul.radio-list, ul.checkbox-list {
    padding: 0;
    list-style-type: none;
    margin: 5px 0;
}

    ul.radio-list li, ul.checkbox-list li {
        margin: 3px 0;
    }

ul.api-actions li {
    list-style-type: none;
}

.qui-combobox-login {
    width: 100%;
}

.add-policy-form {
    width: 500px;
}


.context-help-container {
    display: inline-block;
}

.context-help-popup {
    position: absolute !important;
    width: 250px;
    z-index: 43;
    display: inline;
    padding: 14px;
    border-radius: 3px;
    margin: 0 0 0 15px;
    border: 1px #cccccc solid;
}

    .context-help-popup:before {
        width: 0px;
        height: 0px;
        position: absolute;
        z-index: 45;
        display: inline;
        content: "";
        left: -20px;
        top: 0;
        border-right: 10px solid #cccccc;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
    }

.context-help-link {
    font-size: 20px;
    top: -3px;
}


.activity-template-ui {
    width: 510px;
    height: 500px;
}

.tab-content .activity-template-ui {
    height: auto;
    width: auto;
}

.qui-combobox {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 300px;
}

.trace {
    border: 1px solid #4d4d4d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 10px;
}

/*  TRANSLATION CONTROL -------------------------------------------------------------------- */

.email.settings.notification-email-user {
    padding: 14px;
}

.translations-control {
    width: 600px;
}

    .translations-control .translations {
        overflow: hidden;
        width: 100%;
    }

    .translations-control .add-translation-wrapper {
        float: left;
        width: 180px;
    }

.custom-action .translations-control {
    width: auto !important;
}

.translations-control .translations-links-wrapper {
    float: right;
    overflow: hidden;
    margin: 0 0 10px 0;
}

.translations-control .translations tr {
    margin: 0 2px;
}

    .translations-control .translations tr td {
        padding: 0 2px;
    }

.translations-control .translations td.caption {
    vertical-align: top;
    white-space: nowrap;
}

.translations-control .translations td.default-translation {
    width: 100%;
}

.translations-control .translation {
    float: left;
    white-space: nowrap;
}

.translations-control #subject-message-parameters {
    float: right;
    margin: 2px 1px 5px 0;
}

.translations-control #body-message-parameters {
    margin: 2px 0;
}

.translations-control .add-translation {
    font-size: 13px;
}

.translations-control .default-translation a,
.translations-control .default-translation a:hover {
    text-decoration: none;
}

.translations-control .translation {
    cursor: pointer;
    margin: 0 5px 0 0;
    /*white-space: nowrap;*/
}

.translations-control .text .message-parameters {
    position: relative;
    left: -3px;
}

.translations-control .editor .message-parameters {
    padding: 0 0 0 3px;
}

.translations-control .translation .language {
    margin: 0 5px 0 0;
}

/*----File control---*/

.file-mask-wrapper {
    float: left;
}

.file-mask {
    border: none;
    filter: alpha(opacity:0);
    height: 22px;
    margin: 0px;
    opacity: 0;
    overflow: hidden;
    padding: 0px;
    position: absolute !important;
    z-index: 5;
}

.file .file-name {
    float: left;
    width: 200px;
}

.file .file-mask-wrapper {
    margin: 8px 0 8px 20px;
}

.file-mask input {
    font-size: 100px;
    position: absolute;
    right: -100px;
    top: -5px;
    z-index: 9999; /*required for dialogs*/
}

#settings-file-password-panel {
    padding: 0;
}

a.add-custom-action, a.import-custom-action {
    display: block;
}

.extensibility div {
    margin: 2px 0;
}

.extensibility li {
    margin: 2px 20px;
}

.import-loading, .policyInfo-loading {
    width: 32px;
    height: 32px;
}

.import-loading, .import-loading-text {
    display: inline-block;
}

.errors-placeholder {
    margin-top: 20px;
}