/* Interaction states
----------------------------------*/
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #abd; background: #def url(images/ui-bg_glass_50_ddeeff_1x400.png) 50% 50% repeat-x; font-weight: inherit; color: #346; }
.ui-state-hover a, .ui-state-hover a:hover { color: #346; text-decoration: none; }*/

/* Component containers
----------------------------------*/
.ui-widget-content a { color: #03c; }
.ui-widget-overlay { position: fixed; top: 0; right: 0; bottom: 0; right: 0; cursor: not-allowed; }

/* Icons
----------------------------------*/
a > span.ui-icon, b > span.ui-icon { display: inline-block; width: 14px; height: 14px; margin: 0px 4px -1px 0px; background-image: url(images/ui-icons_334466_256x240.png) !important; }
a:hover > span.ui-icon { background-image: url(images/ui-icons_3366cc_256x240.png) !important; }
a > span.ui-icon-red, b > span.ui-icon-red, a.red > span.ui-icon { background-image: url(images/ui-icons_660000_256x240.png); }
button > span.ui-icon { position: absolute; left: 0px; margin-left: 2px; }
/*td > a > span.ui-icon { width: 19px; margin: -2px 0px 2px 0px; }*/

button.red > span.ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); }
.ui-icon-ltblue { background-image: url(images/ui-icons_ddeeff_256x240.png); }
b > span.ui-icon-green { background-image: url(images/ui-icons_009900_256x240.png) !important; }
b > span.ui-icon-red { background-image: url(images/ui-icons_cc0000_256x240.png)!important; }


/* Accordion
----------------------------------*/
.accordion-container-nopadding .ui-accordion-content { padding: 0px; }
.accordion-container-fieldset > h4 > a { font-weight: bold; }
.accordion-container-fieldset .ui-accordion-content { border: 1px solid #ccc; padding: 8px 10px 15px 10px; background: #fff; }
.accordion-container .ui-accordion-content-active { border-top: 1px dotted #9bf; }
/*.accordion-container h4:hover span.ui-icon, .accordion-container h4.ui-state-focus span.ui-icon { background-image: url(images/ui-icons_4488ff_256x240.png); }*/

/* Button
----------------------------------*/
.ui-button { margin-top: 1px; height: 20px; }
.ui-button .ui-button-text { display: block; line-height: 12px; font-weight: bold; }
.ui-button-text-only .ui-button-text { padding: 2px 10px; }
.ui-button-text-icon .ui-button-text { padding: 2px 10px 2px 20px; }

/* Dialog
----------------------------------*/
.ui-dialog { background: transparent url(images/ui-bg_flat_25_000000_40x100.png) 50% 50%; border: 0; padding: 8px; }
.ui-dialog .ui-dialog-titlebar { border: 1px solid #346; border-radius: 0; border-bottom-color: #6af; }
.ui-dialog .ui-dialog-titlebar-close { display: none; }
.ui-dialog .ui-dialog-title { font: bold 13px/16px tahoma, arial, sans-serif; }
.ui-dialog .ui-dialog-content { padding: 0; border: 1px solid #346; border-top: 0; background-color: #fff; overflow: hidden; }
.ui-dialog .ui-dialog-content a { color: #04b; }
.ui-dialog .ui-dialog-content a:hover { color: #f00; }
.ui-dialog .ui-dialog-buttonpane { text-align: right; margin: 0; padding: 2px 8px; border: 1px solid #012; background: #124 url(../../images/master/bg-header.gif) repeat-x 0 -50px; }
.ui-dialog .ui-dialog-buttonpane button { float: none; width: auto; min-width: 80px; margin: 1px 4px; height: 24px; font-weight: bold; font-size: 13px; line-height: 13px; text-indent: 0 !important; }
.ui-dialog .ui-resizable-se { background-image: url(images/ui-icons_ddeeff_256x240.png); }
  
.ui-dialog-alert { background: transparent url(images/ui-bg_flat_25_000000_40x100.png) 50% 50%; border: 0; padding: 8px; }
.ui-dialog-alert .ui-widget-header { color: #fff; background: #900 url(images/ui-bg_highlight-soft_50_990000_1x100.png) 50% 50% repeat-x; }
.ui-dialog-alert .ui-dialog-titlebar { border-color: #600; }
.ui-dialog-alert .ui-dialog-content { border-color: #600; }
.ui-dialog-alert .ui-dialog-buttonpane { border-color: #000; background: #300; }

#dialogContent {
    -moz-min-width: 400px;
    -ms-min-width: 400px;
    -o-min-width: 400px;
    -webkit-min-width: 400px;
    min-width: 400px; 
    min-height: 50px;
}

#dialogContentInner { padding: 8px; }

/* Progressbar
----------------------------------*/
.ui-progressbar { height: 18px; }
.ui-progressbar .ui-progressbar-value { border-color: #36c; }

/* Tabs
----------------------------------*/
.ui-tabs { border: 0; position: relative; }
.ui-tabs .ui-tabs-nav { height: 25px; margin: 0; padding: 2px 5px 0 5px; background: #fff; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 4px 8px 4px 8px; margin: 2px 0 -1px 0; width: auto !important; }
.ui-tabs .ui-tabs-nav li:hover { border-color: #9bf; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { padding: 2px 0 1px 0; margin: -1px 2px 0 0; border: 1px solid #48f; border-bottom: 1px solid #fff; font: bold 12px/13px tahoma, arial, sans-serif; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li.ui-state-active:hover a { background: #fff !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover a { color: #249; font-weight: bold; }
.ui-tabs .ui-tabs-panel { padding: 0 !important; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.tab-links { height: 25px; padding: 2px 5px 0 5px; border-bottom: 1px solid #48f; }
.tab-links > ul > li { list-style: none; float: left; }
.tab-links > ul > li > b { float: left; text-decoration: none; padding: 6px 8px 5px 8px; margin: 0 2px -2px 0; font: bold 12px/13px tahoma, arial, sans-serif; border: 1px solid #48f; border-bottom: 1px solid #fff; background: #fff url(images/ui-bg_flat_25_ffffff_40x100.png) 50% 50% repeat-x; color: #249; cursor: default;  -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.tab-links > ul > li > a { float: left; text-decoration: none; padding: 5px 8px 4px 8px; margin: 2px 2px 0 0; border: 1px solid #ccc; border-bottom: 0px; background: #e8e8e8 url(images/ui-bg_glass_50_e8e8e8_1x400.png) 50% 50% repeat-x; color: #333;  -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.tab-links > ul > li > a:hover { border-color: #abd; background: #def url(images/ui-bg_glass_25_3366cc_1x400.png) 50% 50% repeat-x; color: #fff; outline: none; }


/* Sortable / Draggable
----------------------------------*/
ul.sortable-container { color: inherit; padding: 0px; list-style: none; }
/*ul.sortable-container li { border: 1px solid #ccc; background: #eee; margin-bottom: 1px; }*/

ul.sortable-container > li { margin-bottom: 1px; }
ul.sortable-container > li > div { padding: 0px; }
ul.sortable-container > li > div > div { margin: 0px; height: 32px; border: 1px solid #ccc; background: #eee; cursor: default; }
ul.sortable-container > li > div > div > span.ui-icon { background-image: url(images/ui-icons_667799_256x240.png); }

ul.sortable-container > li.ui-sortable-helper > div { padding: 0px 3px 3px 0px; margin: 0px; background: transparent url(../../images/menu/fauxshadow.png); }
ul.sortable-container > li.ui-sortable-helper > div > div { margin: -3px 0px 0px -3px; border: 1px solid #abd; background: #def url(images/ui-bg_glass_50_ddeeff_1x400.png) 50% 50% repeat-x; cursor: move; }
ul.sortable-container > li.ui-sortable-helper > div > div > span.ui-icon { background-image: url(images/ui-icons_3366cc_256x240.png); }

ul.sortable-list { padding-bottom: 5px; }
ul.sortable-list > li.ui-sortable-placeholder { border: 2px solid #600; background: #f00; height: 30px; }
ul.sortable-gallery > li.ui-sortable-placeholder { border: 4px solid #600; background: #f00; margin: 4px; width: 114px; height: 114px; }

ul.sortable-gallery > li { float: left; margin: 4px; }

ul.sortable-selection { border: 1px solid #ccc; background: #fff; padding: 2px; }
ul.sortable-selection > li { float: left; margin: 2px; padding: 3px 4px; border: 1px solid #ccc; background: #eee; cursor: pointer; }
ul.sortable-selection > li.ui-sortable-helper { color: #346; border: 1px solid #abd; background: #def url(images/ui-bg_glass_50_ddeeff_1x400.png) 50% 50% repeat-x; cursor: move; }
ul.sortable-selection > li.ui-sortable-placeholder { border: 2px dotted #f90; background-color: #fed; padding: 2px 3px; }

td.portlet-column { height: 50px; padding-bottom: 4px; }
td.portlet-column + td.portlet-column { border-left: 2px solid #fc9; }
td.portlet-column > div { min-height: 35px; border: 1px solid #ccc; background: #eee; padding: 2px 5px; margin: 3px; cursor: pointer; }
td.portlet-column > div.ui-sortable-helper { color: #346; border: 1px solid #abd; background: #def url(images/ui-bg_glass_50_ddeeff_1x400.png) 50% 50% repeat-x; cursor: move; }
td.portlet-column > div.ui-sortable-placeholder { background-color: #dfd; margin: 3px; }
td.portlet-dropzone-hover { background-color: #48f; padding-bottom: 20px; }

ul.toolbox-container > li.toolbox-element { border: 1px solid #ccc; background: #eee; padding: 2px 5px; margin: 2px 0px; cursor: pointer; }
ul.toolbox-container > li.ui-draggable-dragging { color: #346; border: 1px solid #abd; background: #def url(images/ui-bg_glass_50_ddeeff_1x400.png) 50% 50% repeat-x; cursor: move; }