/* CC version 30 */
/* ext-personalized.css */
/**
 * ===============================
 * EXTJS CSS Images
 * ===============================
 */
.x-form-field-wrap .x-form-trigger {
    background-image: url(/styles/ext-images/trigger.gif);
}
/*
 * Combo box arrow image "trigger_reduced.gif": 
 * overall image size:  W 66, H 16
 * single button size:  W 11, H 16
 * CSS image size:      W 11, H 14
 */
div.qaf .x-form-field-wrap .x-form-trigger {    
    background-image: url(/styles/ext-images/trigger_reduced.gif);
}
.x-form-field-wrap .x-form-date-trigger {
    background-image: url(/styles/ext-images/date-trigger.gif);
}
/*
 * Date field picker image "date-trigger_reduced.gif":  
 * overall image size:  W 66, H 16
 * single button size:  W 11, H 16
 * CSS image size:      W 11, H 14
 */
div.qaf .x-form-field-wrap .x-form-date-trigger {
    background-image: url(/styles/ext-images/date-trigger_reduced.gif);
}
.form-group .form-group-header {
    background-image: url(/styles/ext-images/panel-line.gif);
}
.form-group .form-group-header-text {
    background-image: url(/styles/ext-images/collapse-icon.gif);
}
.icon-large {
    background-image: url(/styles/ext-images/help-icon-large.gif);
}
.icon-anchor {
    background-image: url(/styles/ext-images/anchor-icon.gif);
}
/*
 * ============================================================================
 * This file overwrites style properties of the javascript framework extjs.com.
 * Include this file after ext-all.css.
 * This file has dependencies on styles defined in global.css -> see comments 
 * ============================================================================  
 */
/*
 * x-window-header
 * ===============
 */
.x-window-header-text {
    color: #000000;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px !important;
}
/*
 * x-window-body
 * =============
 */
.x-window-body {
    font-size: 16px !important; /* TODO: for spotlight help 16px ? */
    padding: 4px 6px;
    text-align: left;
}
.hlag-spotlight-window {
    z-index: 222222 !important;
}
.hlag-timeout-window {
    z-index: 333333 !important;
}
/*
 * form-group
 * ==========
 */
/* add some padding so it spaces nice and relative elements don't get clipped */
.form-group {
    clear: both;
    overflow: hidden;
    padding-bottom: 5px;
}
#boxApplicationCrossLinks .form-group {
    padding-bottom: 0;    
}
/*
 * form-group-header
 * =================
 */
/* Simple blue border */
.form-group .form-group-header {
    background-color: transparent;
    background-position: 0 0; /* panel-line.gif */
    background-repeat: repeat;
    margin-bottom: 0.75em;
    margin-top: 0.75em;
    padding: 0;
}
#boxApplicationCrossLinks .form-group .form-group-header {
    margin-bottom: 0;
    margin-top: 0;
}
/*
 * form-group-header-text
 * ======================
 */
/* Position the text element so it appears over the border added above */
.form-group .form-group-header-text {
    background-color: #ffffff;
    background-position: 0 -15px; /* collapse-icon.gif */
    background-repeat: no-repeat;
    color: #4e79b2;
    font-size: 11px;
    font-family: tahoma,arial,sans-serif;
    height: auto;
    line-height: 13px;
    margin-left: 0;
    padding: 1px 4px 1px 18px;
    text-transform: uppercase;
    top: 6px;
    width: 15px;
}
/* Change the toggle icon when collapsed */
.x-panel-collapsed .form-group-header-text {
    background-position: 0 0;
}
/*
 * form-group-body
 * ===============
 */
/* Copied from x-plain (for IE + layouts to work) */
.form-group-body {
    overflow: hidden;
}
/*
 * form-group-bwrap
 * ================
 */
/* Copied from x-plain (for IE + layouts to work) */
.form-group-bwrap {
    overflow: hidden;
}
/*
 * x-form-item
 * ===========
 */
/* currently empty, root class for all ext js form items */
.x-form-item {
    font-size: 100.1%;
    margin-bottom: 0.25em;
    margin-right: 0.25em;
}
#contentOlb .x-form-item {
    margin-bottom: 0.25em;
    margin-right: 1.5em;
}
#contentSearch .x-form-item {
    margin: 0 1.5em 0 0;
}
/* dependency: take over margins from div.qaf input.inputField, div.qaf input.inputFieldCurrent in global.css */
div.qaf .x-form-item {
    margin-bottom: 0;
    margin-right: 0.25em;
}
/*
 * x-form-element
 * ==============
 */
/* remove padding between ext js form label and element */
.x-form-element {
    padding-left: 0;
}
/*
 * x-form-field-wrap
 * =================
 */
.x-form-field-wrap {
    display: inline-block;
    margin: 0 0.25em 0 0;
    /*position: static;*/
}
div.qaf .x-form-field-wrap {
    display: inline-block;
    margin: 0;
    /*position: static;*/
}
#contentSearch .x-form-field-wrap {
    font-size: 0.75em;
    margin-bottom: 0;
}
/*
 * x-form-text
 * ===========
 */
.x-form-text {
    background: none #fff;
    border: 1px solid #9BA9BE;
    height: 1.125em;
    line-height: normal;
    padding: 0.135em 0.125em;
}
.ext-strict .x-form-text {
    height: 1.25em;
    padding: 0.1667em 0.25em;
}
div.qaf .x-form-text {
    background: none #ECF1F7;
    height: 1.25em;
    line-height: normal;
}
/*
 * x-form-field
 * ============
 */
.x-form-field {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    height: 1.25em;
}
/* remove top gray pipe effect from combo box and date field */
textarea.x-form-field, 
div.qaf textarea.x-form-field {
    background: none #ffffff;
    font-size: 0.75em;
}
/* dependency: take over margins from div.qaf input.inputField, div.qaf input.inputFieldCurrent in global.css */
div.qaf .x-form-field {
    background-color: #e2e9f4; 
    border: 1px solid #111565;
    color: #111565;
    font-size: 0.625em;
    height: 1.3em;
    margin-bottom: 0.2em;
    padding: 0.1em 0.1em 0;
    vertical-align: top;
}
/*
 * x-form-trigger
 * ==============
 */
.x-form-field-wrap .x-form-trigger { /* trigger.gif */
    border: none;
    font-size: 12px;
    height: 1.75em;
    position: static;
    vertical-align: middle;
}
#contentSearch .x-form-field-wrap .x-form-trigger {
    height: 1.6667em;
}
/* no focus, normal */
div.qaf .x-form-field-wrap .x-form-trigger { /* trigger_reduced.gif */
    /* dark blue for quick access form layout */
    border-color: #111565;
    font-size: 0.625em;
    height: 1.5em;
    width: 11px;
}
/* no focus, mouseOver */
div.qaf .x-form-field-wrap .x-form-trigger-over {
    background-position: -11px 0;
}
/* no focus, onClick */
div.qaf .x-form-field-wrap .x-form-trigger-click {
    background-position: -22px 0;
}
.x-trigger-wrap-focus .x-form-trigger {
    border-bottom: 1px solid #111565;
}
/* focus, normal */
div.qaf .x-trigger-wrap-focus .x-form-trigger {
    background-position: -33px 0;
    /* border-bottom: 1px solid #7eadd9; necessary if bottom color is different for no focus / focus */
}
/* focus, mouseOver */
div.qaf .x-trigger-wrap-focus .x-form-trigger-over {
    background-position: -44px 0;
}
/* focus, onClick */
div.qaf .x-trigger-wrap-focus .x-form-trigger-click {
    background-position: -55px 0;
}
/*
 * x-combo-list
 * ============
 */
.x-combo-list {
    height: 0;
}
/*
 * x-combo-selected
 * ================
 */
.x-combo-list .x-combo-selected {
    background-color: #fddeba;
}
/*
 * x-combo-list-item
 * =================
 */
/* combo box properties for list items you can choose from */
.x-combo-list-item {
    font-family: Helvetica, Arial, sans-serif;
    text-align: left;
}

/*
 * x-combo
 * =======
 */
.combo-result-item {
    border: 1px solid #FFFFFF;
    padding: 1px;
    text-align: left;
}
.combo-name {
    font-weight: bold;
    font-size: 11px;
}
.combo-full-address {
    background-color: #F0F0F0;
    color: #666666;
    font-size: 10px;
}
.icon-anchor {
    background-color: transparent;
    background-position: 0 0; /* anchor-icon.gif */
    background-repeat: no-repeat;
    float: right;
    height: 12px;
    line-height: 12px;
    margin-left: 0.375em;
    width: 12px;
}

/* multi column combo box list items properties */
.multiColList .x-combo-list-item {
    font-family: "Lucida Console", "Courier New", "Courier", monospace;
}
/*
 * x-menu-list
 * ===========
 */
.x-menu-list {
    list-style-image: none;
    margin: 0;
}
.x-menu li {
    margin: 0;
}
/* overwrite text alignment property set in global.css and font color property for context menu */
.x-menu a.x-menu-item {
    color: #111565; 
    height: auto;
    text-align: left;
}
/* overwrite font properties for context menu */
.x-menu-list-item {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.75em;
}
/*
 * x-form-focus
 * ============
 */
.x-form-focus,
#contentOlb .x-form-focus {
    border-top: 1px solid #111565;
    border-left: 1px solid #111565;
    border-bottom: 1px solid #111565;
}
/*
 * x-date-menu
 * ===========
 */
 /* fixed width for ie9 compatibility */
.x-date-menu {
    width: 175px !important;
}
/*
 * x-date-inner
 * ============
 */
/* popup calendar: remove italic style */
.x-date-inner em {
    font-style: normal;
}
.x-date-inner .x-date-active a:visited {
    color: black;
}
.today-btn .x-btn-right {
    padding-right:3px;
}
td.x-date-mp-month a,
td.x-date-mp-month a:visited,
td.x-date-mp-year a,
td.x-date-mp-year a:visited {
    color: black;
}
td.x-date-mp-month a, 
td.x-date-mp-year a {
    font-weight: normal;
}
td.x-date-mp-sel a {
    font-weight: bold;
}
/*
 * x-progress-wrap
 * ===============
 */
.x-window-dlg .x-progress-wrap {
    line-height: normal;
    margin-bottom: 4px;
}
.x-progress-center {
    display: inline-block;
    text-align: center;
}
/*
 * x-tool-help
 * ===========
 */
.icon-small {
    height: 15px;
    width: 15px;
}
.icon-medium {
    margin-bottom: 0.3125em; /*soll 5px entsprechen*/
}
.icon-large {
    background-color: transparent;
    background-position: 0 0; /* help-icon-large.gif */
    background-repeat: no-repeat;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-left: 0.375em;
    width: 18px;
}
.x-tool-plus-over {
    background-position: -18px 0; /* help-icon-large.gif */
}
/*
 * ext-el-mask
 * ===========
 */
.ext-el-mask {
    z-index: 10000;
}
/**
 * ===============================
 * PRINT STYLES
 * ===============================
 */
@media print {
    .form-group .form-group-header,
    .x-form-field-wrap .x-form-trigger {
        display: none;
    }
}