/* public css for system UI - asset selection */
/* selecting an asset from the asset manager > asset selection modal window, like ext should be one library for this that is shared */
.x-window .mode-browse { padding: 0 10px; }

.x-window .col-alpha, .x-window .adm-col-alpha { width: 72%; float: left; }
.x-window .col-beta, .x-window .adm-col-beta { width: 26% !important; float: right; }
.x-window .console .element { margin: 0; }

.x-window fieldset { margin: 0 !important; padding: 0 !important; border: 0  !important; }
.x-window fieldset legend { display: none; }
.x-window .profile fieldset legend { padding: 0 0 3px 0; display: block; width: 100%; border: 4px solid #f0f0f0; border-width: 0 0 4px 0; color: #333; margin: 0; font-size: 1.3em; text-transform: lowercase; }

.x-window .buttons ul, .x-window .buttons ul li { list-style-type: none; margin: 0; padding: 0; }
.x-window .buttons ul li { float: right; }

.x-window .console .tabs-menu-outer ul.tabs li:last-child { display: none !important; }
.x-window .console .advanced-accordion .panel-header { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/console/adv_tablet_hd_bg.gif") repeat-x scroll left top #FFFFFF;
    border-top: 1px solid #DDDDDD; color: #4D4D4D; text-transform: lowercase; }
.x-window .console .advanced-accordion .answer .tiles .label, .x-window .console .advanced-accordion .answer .tiles label { float: right; width: 88%; padding: 0; margin: 0 0 4px 0; }
.x-window .console .advanced-accordion .answer .tiles br { display: block; clear: both; }
.x-window .console .category-tree { height: 230px; max-height: 350px; overflow: auto; }
.x-window .console .advanced-accordion .oElementFormInputShort { width: 50%; }

/* console - asset category - add */
.x-window .object-category-creator-outer fieldset legend, .x-window .object-category-creator-outer fieldset .question {
    display: none;
}
.x-window .object-category-creator-outer .fields { background: none; border: 0 none; padding: 0; }
.x-window .object-category-creator-outer .buttons { clear: none; float: right; margin: 0; padding: 0; width: 27%; }
.x-window .object-category-creator-outer .element .answer { width: auto; padding: 0; }
.x-window .object-category-creator-outer .element { float: left; margin: 0; width: 72%; clear: none; }
.x-window .object-category-creator-outer .element .textbox { float: left; margin: 0; padding-top: 2px; width: 100%; clear: none;  }
.x-window .object-category-creator-outer { display: none; }

.x-window .buttons .button, .x-window .buttons button {
    background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/button_bg.gif") repeat-x scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #666666;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: normal;
    margin: 0 0 0 10px;
    overflow: visible;
    padding: 2px 8px;
}
.x-window .buttons .button-mode { display: none; }

/* grists */
.x-window .profile table.view-profile { empty-cells: show; border-collapse: collapse; width: 100%; margin: 0; }

.x-window .profile table.view-profile tr:first-child {
    border-top: 0 none;
}
.x-window .profile table.view-profile tr {
    border-top: 1px dotted #ccc;
}
.x-window .profile .fields {
    background: url("/EasySiteWeb/Style/65/Img/bg_grid.gif") repeat-x scroll left bottom transparent;
    border-bottom: 4px solid #BBBBBB;
    padding: 0;
}

.x-window .console-security table.grid th { font-weight: normal; text-transform: lowercase; white-space: nowrap; background: #4779B3; }
.x-window .console-security table.grid th, .x-window .console-security table.grid td { text-align: left; font-size: 11px; padding: 6px 5px 7px 6px; color: #333; }
.x-window .console-security table.grid th { background: #e7e7e7; border: 0; border-bottom: 4px solid #4779b3; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/input_bg.gif") repeat-x left top; }
.x-window .console-security table.grid { background: url("/EasySiteWeb/Style/65/Img/bg_grid.gif") repeat-x left bottom; border-bottom: 4px solid #4779b3; width: 100%; border-collapse: collapse; }
.x-window .console-security table.grid th:last-child { border-right: 0; }
.x-window .console-security table.grid td.ico .cell { text-align: center; }  

.x-window .console-security table.grid tr.grid-row-alpha td, .x-window .console-security table.grid tr.grid-row-beta td {
    border-bottom: 1px dashed #CCCCCC;
}

.x-window .console-security .grid-outer {
    margin-bottom: 1em;
}

/* vignette */
.x-window .editor .vignette { background: #cce4ff; padding: 5px; color: #333; }
.x-window .editor .vignette .caption { font-size: 0.94em; }
.x-window .editor .vignette .title { padding: 0px 3px 4px 3px; text-align: center; }
.x-window .editor .vignette .caption table { width: 100%; margin-top: 2px; }
.x-window .editor .vignette .caption table th, .vignette .caption table td { padding: 1px 0 0 0; }
.x-window .editor .vignette .asset { text-align: center; vertical-align: middle; background: #fff; width: auto; padding: 7px; }
.x-window .editor .vignette .asset a { display: block; height: auto !important; height: 145px; min-height: 145px; }	

.x-window .profile table th, .x-window .profile table td { border: 0; font-weight: normal; vertical-align: top; text-align: left; padding: 4px 6px 5px 6px; }
.x-window .profile table th { background: #f7f7f7;  }
.x-window .profile table tr.grid-row-alpha:hover, .x-window .profile table tr.grid-row-beta:hover { background: #f7ebf7; }

/* TEMP editor tabs */
.editor div.tabs { margin-bottom: 10px; text-transform: lowercase; border: 1px solid #ccc; background: #eeeef0 url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/tabs_bg.gif") repeat-x left bottom; }
.editor div.tabs-facet { margin: 0; border-width: 1px 1px 0 1px; } 
.editor .ui-tabs { padding: 0; }
.editor .tabs ul, .editor .tabs ul li { list-style-type: none; padding: 0; margin: 0; border: 0; background: transparent; }
.editor .tabs ul li { display: block; float: left; text-align: center; width: auto; }
.editor .tabs ul li a { display: block; text-decoration: none; }
.editor .tabs ul li a:link, .editor .tabs ul li a:visited { color: #999; outline: none; }

.editor .tabs .tabs-mode { clear: both; }
.editor .tabs .tabs-mode ul li { margin-right: 5px; }
.editor .tabs .tabs-mode ul li.selected { }
.editor .tabs .tabs-mode ul li a:link, .editor .tabs .tabs-mode ul li a:visited, .editor .tabs .tabs-mode ul li a:hover, .editor .tabs .tabs-mode ul li a:active { min-width: 90px; float: left; }
.editor .tabs .tabs-mode ul li.selected a:link, .editor .tabs .tabs-mode ul li.selected a:visited { color: #333; font-weight: bold; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/tab_selected_bg.gif") no-repeat left top; }
.editor .tabs .tabs-mode ul li a:hover, .editor .tabs .tabs-mode ul li a:active, .editor .tabs .tabs-mode ul li.selected a:hover, .editor .tabs .tabs-mode ul li.selected a:active { color: #000; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/tab_hover_bg.gif") no-repeat left top; }
.editor .tabs .tabs-mode ul li a span { padding: 4px 12px 6px 12px; display: block; }

.editor .tabs .tabs-facet { color: #777; border-top: 1px solid #ccc; clear: both; }
.editor .tabs .tabs-facet ul li { margin-right: 5px; min-width: 90px; font-size: 0.94em; }
.editor .tabs .tabs-facet ul li a:link, .editor .tabs .tabs-facet ul li a:visited { min-width: 90px; padding: 0; float: left; color: #777; }
.editor .tabs .tabs-facet ul li.tab-selected a:link, .editor .tabs .tabs-facet ul li.tab-selected a:visited { font-weight: bold; color: #333; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/stab_selected_bg.gif") no-repeat left top; }
.editor .tabs .tabs-facet ul li a:hover, .editor .tabs .tabs-facet ul li a:active, .editor .tabs .tabs-facet ul li.tab-selected a:hover, .editor .tabs .tabs-facet ul li.tab-selected a:active { color: #000; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/stab_hover_bg.gif") no-repeat left top;  }
.editor .tabs .tabs-facet ul li span { display: block; padding: 5px 10px 5px 10px; }

.editor .tabs ul li.validate { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/validate.gif") no-repeat bottom right;  }
.editor .tabs ul li.validated { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/valid.gif") no-repeat bottom right; }
.editor .tabs ul li.invalid { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/invalid.gif") no-repeat bottom right; color :#123456 }

/* filters */
.x-window .filter-outer ul li {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 0.94em;
    margin: 0 5px 0 0;
    padding: 2px 23px 3px 7px;
    position: relative;
    text-align: right;
    white-space: nowrap;
    width: auto !important;
}


.x-window .filter-outer ul li a:link, .x-window .filter-outer ul li a:visited, .x-window .filter-outer ul li a:hover, .x-window .filter-outer ul li a:active {
    background: url("/EasySiteWeb/Style/65/Img/Ico/Console/rem_filter.png") no-repeat scroll 0 2px transparent;
    display: block;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 4px;
    text-decoration: none;
    width: 15px;
}


.x-window .filter-outer ul li a .text {
    display: block;
    padding: 0 25px;
}

.x-window .advanced-accordion .panel-body {
    background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/console/adv_tablet_bg.gif") repeat-x scroll left top #FFFFFF;
}