/* $Header: /local/cvs_repository/caf/modules/extjs/web_static/css/ixcaf.css,v 1.10 2015/03/24 19:53:57 fulvio Exp $
/*----------------------------------------------------------------------*/
/* Styles for CAF ExtJS */

/*----------------------------------------------------------------------*/
/* Misc */

.display-none {
    display: none !important;
}

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

/* cosmetic fix for IE; not sure what this will do to section help text */
.x-fieldset-header-text {
    white-space: nowrap;
}

/* IE8 */



label .ixcaf-mandatory-marker {
    color: #f00;
}

/* cosmetic adjustment for DisplayField inputs */
.x-form-display-field {
    padding-top: 3px !important;
    padding-left: 4px;
}


/* for dynamic fieldsets; we try to make them indistinguishable
 * from other fields in the form
 *
 * !important = dammit IE6, respect ma authoritah
 */

.ixcaf-struct-fieldset {
    border-width: 0px;
    padding: 0px !important;
    margin-bottom: 0px !important;
    width: auto !important;
}
.ixcaf-struct-fieldset .x-form-item label {
    display: block;
}
.ixcaf-struct-fieldset .x-form-item .x-form-element {
    padding-left: 115px !important;
}





.ixcaf-dform .x-fieldset-header {
    -moz-box-shadow: 3px  3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;

    background-color: #fe9;
    border: 1px solid #ccc;

    display: block;
    padding: 10px;
    width: 95%;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ixcaf-dform .x-fieldset legend {
    color: #333;
}

.ext-webkit .ixcaf-dform legend.x-fieldset-header {
    padding-top: 10px;
}

/* IE cosmetics */

.ext-ie input.x-form-radio {
    border-width: 0px;
}
.ext-ie .x-fieldset-noborder legend span {
    position: relative !important;
    left: 0px;
}
.ext-ie7 .x-form-field-trigger-wrap input.x-form-text {
    margin-top: -2px;
}
.ext-ie8 .x-form-field-trigger-wrap input.x-form-text {
    margin-top: 0px;
    margin-bottom: 1px;
}

/* drop-downs in grids; can't seem to align them properly */
.ext-ie7 .x-small-editor .x-form-field-trigger-wrap input.x-form-text {
    margin-top: 0px !important;
}

/* fixes an IE7 ListView height issue */
.ext-ie7 .x-list-body,
.ext-ie7 .x-list-wrap {
    height: auto !important;
}

.ext-ie9 .x-fieldset legend.x-fieldset-header {
    padding-top: 10px !important;
}

/*----------------------------------------------------------------------*/
/* controller params editor CSS */

/* cosmetic: prevent checkboxes in editor panels having a white background */
.ixcaf-cell-editor-panel .x-form-check-wrap {
    background: transparent;
}

/* allow cell editor panels to overflow the grid */
.ixcaf-overflow-visible {
    overflow: visible !important;
}

/* increase gap between form elements */
.x-form-element {
    margin-bottom: 5px;
}


/*----------------------------------------------------------------------*/
/* for dyn_tl, dyn_asset_ref etc that use an embedded Panel
 * don't know where in the extjs code this is done for other components...
 */
.ixcaf-field-panel {
    margin-right: 10px;
}

.ixcaf-field-panel .x-panel-body {
    background-color: #fff;
    border: solid 1px #ccc;
    border-bottom-width: 0px;
}

.ixcaf-field-panel-wtoolbar .x-panel-body {
    border-bottom-width: 0px;
}

/*----------------------------------------------------------------------*/
/* ExtJS grey theme overrides
 * these should really only be applied if the app has selected the
 * grey theme... perhaps we ought to make the selectors more specific by
 * sticking a class like 'extjs-theme-gray' on the body tag?
 */

/* these are white by default; prefer them grey */
.x-panel-body {
    background-color: #eaeaea;
}

/* ...except in some cases */
div.ixcaf-ajax-tree-panel .x-panel-body,
div.ixcaf-ajax-tree-panel-container,
div.ixcaf-ajax-tree-panel-container .x-panel-body {
    background-color: #fff;
}

div.ixcaf-ajax-tree-guide-term {
}

/* using the default pale blue selection color distinguishes selections
 * from rollovers in ListViews
 */
.x-list-selected,
.x-tree-node .x-tree-selected {
    background-color: #dfe8f6;
}

/* the default background for popups isn't the right shade of grey */
body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #f3f3f3;
}

/*----------------------------------------------------------------------*/
/* CSFormPanel */

.ixcaf-csform-field-panel-column {
    margin-right: 5px;
    margin-bottom: 5px;
}

.ixcaf-csform-icon-add {
    background-image: url('../../img/extjs/icons/add.png') !important;
}

.ixcaf-csform-icon-delete {
    background-image: url('../../img/extjs/icons/delete.png') !important;
}

/* fixes a problem with the combos on the C24 record manager */
img.x-form-arrow-trigger {
    display: inline !important;
}

/* Safari cosmetics */

.ext-webkit .ixcaf-csform-field-panel-value {
    height: 20px;
}

/* IE cosmetics */

.ext-ie7 .ixcaf-csform-field-panel-column {
    margin-right: 5px;
}
.ext-ie7 .ixcaf-csform-field-panel-value {
    margin-top: 0px;
    height: 20px;
}
/*
.ext-ie8 .ixcaf-csform-field-panel-value {
    height: 19px;
}
*/

/*----------------------------------------------------------------------*/
/* AssetPicker */

.img-chooser-dlg .details{
    padding: 10px;
    text-align: center;
}
.img-chooser-dlg .details-info{
    border-top: 1px solid #cccccc;
    font: 11px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}
.img-chooser-dlg .details-info b{
    color: #555555;
    display: block;
    margin-bottom: 4px;
}
.img-chooser-dlg .details-info span{
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
}

.img-chooser-view{
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}
.img-chooser-view .thumb {
    background: #dddddd;
    /* these are based on c24's 70px thumbs; could perhaps move these
     * dimensions into the javascript if they needed to be configurable
     */
    width: 70px;
    height: 70px;
    text-align: center;
}
.img-chooser-view .thumb img {
    max-width: 70px;
    max-height: 70px;
}
.img-chooser-view .thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
.img-chooser-view .thumb-wrap span {
    display: block;
    overflow: hidden;
    text-align: center;
}
.img-chooser-view .x-view-over{
    border:1px solid #dddddd;
    padding: 4px;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
}
.img-chooser-view .x-view-selected{
    background: #DFEDFF;
    border: 1px solid #6593cf;
    padding: 4px;
}
.img-chooser-view .x-view-selected .thumb{
    background:transparent;
}
.img-chooser-view .x-view-selected span{
    color:#1A4D8F;
}
.img-chooser-view .loading-indicator {
    font-size:11px;
    background-image:url('../../resources/images/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}


table.ixcaf-asset-tooltip-table {
    border-collapse: collapse;
    border: solid 1px #ccc;
}
table.ixcaf-asset-tooltip-table td {
    padding: 2px 5px;
    border: solid 1px #ccc;
}


.x-form-invalid-msg {
    background-image: none;
}


/*----------------------------------------------------------------------*/
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
    position: absolute;
    right: 0;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
    position: absolute;
    right: 0;
    z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.ixcaf-fileuploadfield-icon {
    background-image: url('../../img/extjs/icons/folder_image.png') !important;
}


/*----------------------------------------------------------------------*/
/* for nicer, frameless list fields */

.x-grid-panel .x-panel-body {
    border: solid 1px #d0d0d0;
}

/*----------------------------------------------------------------------*/

.ixcaf-field-warning {
    color: #c30;
}

/*----------------------------------------------------------------------*/
/* form field help */

.ixcaf-inline-field-help-above {
    width: 483px;
    margin: 20px 0px 10px 115px;
}
.ixcaf-inline-field-help-below {
    width: 483px;
    margin: 10px 0px 20px 115px;
}

/*----------------------------------------------------------------------*/
/* RecordPicker */

.rec-picker-view .x-panel-body {
    background-color: #fff;
}
.rec-picker-view div.record-data {
    padding: 3px;
    cursor: pointer;
}
.rec-picker-nomatches {
    padding: 3px;
    font-style: italic;
}
.rec-picker-view div.x-view-over {
    background-color: #EEEEEE;
}
.rec-picker-view div.x-view-selected {
    background-color: #DFE8F6;
}


/*----------------------------------------------------------------------*/
/* HTML editor message tooltip */

.x-tipcustom {
    position:absolute;
    top:0;left:0;
    visibility:hidden;
    z-index:20000;
    border:0 none;
}

.x-tipcustom .x-tipcustom-close {
    background-image:url(../images/default/qtip/close.gif);
    height:15px;
    float:right;
    width:15px;
    margin:0 0 2px 2px;
    cursor:pointer;
    display:none;
}

.x-tipcustom .x-tipcustom-tc {
    background:#FFFF85 0 -62px;
    padding-top:3px;
    overflow:hidden;
    zoom:1;
}

.x-tipcustom .x-tipcustom-tl {
    background:#FFFF85 0 0;
    padding-left:6px;
    overflow:hidden;
    zoom:1;
}

.x-tipcustom .x-tipcustom-tr {
    background:#FFFF85 right 0;
    padding-right:6px;
    overflow:hidden;
    zoom:1;
}

.x-tipcustom .x-tipcustom-bc {
    background:#FFFF85 0 -121px;
    height:3px;
    overflow:hidden;
}

.x-tipcustom .x-tipcustom-bl {
    background:#FFFF85 0 -59px;
    padding-left:6px;
    zoom:1;
}

.x-tipcustom .x-tipcustom-br {
    background:#FFFF85 right -59px;
    padding-right:6px;
    zoom:1;
}

.x-tipcustom .x-tipcustom-mc {
    border:0 none;
    font:normal 11px tahoma,arial,helvetica,sans-serif;
}

.x-tipcustom .x-tipcustom-ml {
    background:#FFFF85 0 -124px;
    padding-left:6px;
    zoom:1;
}

.x-tipcustom .x-tipcustom-mr {
    background:#FFFF85 right -124px;
    padding-right:6px;
    zoom:1;
}

.ext-ie .x-tipcustom .x-tipcustom-header,.ext-ie .x-tipcustom .x-tipcustom-tc {
    font-size:0;
    line-height:0;
}

.x-tipcustom .x-tipcustom-header-text {
    font:bold 11px tahoma,arial,helvetica,sans-serif;
    padding:0;
    margin:0 0 2px 0;
    color:#444;
}

.x-tipcustom .x-tipcustom-body {
    font:normal 11px tahoma,arial,helvetica,sans-serif;
    margin:0!important;
    line-height:14px;
    color:#444;
    padding:0;
}

.x-tipcustom .x-tipcustom-body .loading-indicator {
    margin:0;
}

.x-tipcustom-draggable .x-tipcustom-header,.x-tipcustom-draggable .x-tipcustom-header-text {
    cursor:move;
}