/*
This CSS file is intended to contain ONLY those styles needed to override any portal-level Liferay CSS bugs.
This CSS file is included by every theme through \\portal\ext-web\docroot\html\common\themes\bottom-ext.jsp.
This CSS file will be the last CSS file on any page.
*/

/*
 * Bug fix for IE where portlet content disappears within portlets that are draggable.
 * This is intended to override the "position" style set by jQuery's ui.sortable.js on columns
 * in a liferay layout. jQuery's ui.sortable.js incorrectly assumes that the default
 * position of a dom element is "relative" when it is actually "static".
 * http://support.liferay.com/browse/LEP-6984
 */
.ie .lfr-portlet-column.ui-sortable { position: static !important; }

/*
 * Bug fix for IE6 where the "manage pages" tree looks all screwy.
 * The problem is that IE6 views the following CSS selector:
 *  .css_sel_1.css_sel_2 { color: red }
 * as two seperate CSS selectors:
 *  .css_sel_1 { color: red }
 *  .css_sel_2 { color: red }
 */
.ie6 .tree-item UL.has-children { position: static; display: block; }
.ie6 LI.tree-item { background-image: none !important; }

/*
 * [GMAC-129] Fix for portlet-selector portlet where the "plus" and "minus" icons
 * don't appear in IE6
 */
.ie6 .collapsed H2, .ie6 .expanded H2 { position: relative }

/*
 * [CRT #104327]
 * Bug fix for IE6 where loading_indicator.gif is getting displayed on input fields that only have a class
 * of "focus".  The loading indicator should only be displayed on input elements that have both the
 * "ui-autocomplete-loading" and "focus" classes.  The following two CSS selectors correct the IE6 browser bug
 * where input elements with either class are given a backgroud of the loading gif.
 *
 * For some reason, transposing the class names in the class selector (i.e. putting "focus" first) corrects the browser bug.
 *
 * The following two class selectors override the selector in application.css.
 * This fix has two steps:
 * (1) Set the original styles of the original class selector (in application.css) to their defaults.
 * (2) Re-set the styles of the original class selector with the transposed class names.
 */
.ie6 .ui-autocomplete-loading.focus {
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
}

.ie6 .focus.ui-autocomplete-loading {
    background-image: url(../images/application/loading_indicator.gif);
    background-position: right center;
    background-repeat: no-repeat;
}