/* $Header: /local/cvs_repository/caf/modules/extjs/web_static/css/ixcaf.css,v 1.6 2011/12/06 17:59:26 sacha 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;
}