/**
 * @project         Jx
 * @revision        $Id: ie7.css 978 2010-09-08 18:37:27Z pagameba $
 * @author          Fred Warnock (fwarnock@dmsolutions.ca)
 * @copyright       (c) 2006 DM Solutions Group Inc.
 */

/* =========== */
/* IE 7 STYLES */
/* =========== */

/* force menus to have a size so they don't collapse */
.jxMenuItemContainer {
    filter:Alpha(opacity=100);
}

/* Opacity needs to be set in IE6 and below using the following filters.
 * Please note that IE8 changed how filters are written. 
 */
.jxChromeDrag {filter: Alpha(opacity=50);}
.jxDisabled {filter:Alpha(opacity=40);}
.jxDisabled * {filter:Alpha(opacity=40);}
.jxMask {filter:Alpha(opacity=50);}
.jxModalMask {filter: Alpha(opacity=20);}
.jxSpinner {filter: alpha(opacity=50);}
iframe.jxIframeShim {filter:Alpha(opacity:0);}

/* tree item focus style */
.jxTree a:active,
.jxTreeRoot a:active {
  border-left: 1px dotted #75ADFF;
  border-right: 1px dotted #75ADFF;
  margin: 0px 0px 0px 14px;
  background-position: left -72px;
  outline: expression(hideFocus='true');
}

.jxTree,
.jxTreeRoot,
.jxTreeNest,
li.jxTreeContainer {
 /* zoom needed to fix alignment/sizing issues in IE 7 */
 zoom: 1;
}

/* IE versions 7 and below do not recognize the focus pseudo-class, but instead
 * use the active pseudo-class.  Other browsers use the active-pseudo-class
 * while something is being pressed so IE specific definitions are needed. */
/* focus button */
ul.jxToolbar .jxButton:active,
.jxButton:active {
  background-position: left -96px;
  outline: expression(hideFocus='true');
}

ul.jxToolbar .jxButton:active span.jxButtonContent,
.jxButton:active span.jxButtonContent {
  background-position: right -96px;
}

/* focus active button */
ul.jxToolbar .jxButtonActive:active,
.jxButtonActive:active {
  background-position: left -144px;
}

ul.jxToolbar .jxButtonActive:active span.jxButtonContent,
.jxButtonActive:active span.jxButtonContent {
  background-position: right -144px;
}

/* clicking focused button */
ul.jxToolbar .jxButtonPressed:active,
.jxButtonPressed:active {
  background-position: left -120px;
}

ul.jxToolbar .jxButtonPressed:active span.jxButtonContent,
.jxButtonPressed:active span.jxButtonContent {
  background-position: right -120px;
}

a.jxButtonDisclose:active {
  background-position: right -96px;
  outline: expression(hideFocus='true');
}

/* HORIZONTALTAB BAR - TOP and BOTTOM TABS */

/* Focus tab */
.jxBarTop a.jxTab:active,
.jxBarBottom a.jxTab:active {
  background-position: left -96px; 
  outline: expression(hideFocus='true');
}

.jxBarTop a.jxTab:active span.jxTabContent,
.jxBarBottom a.jxTab:active span.jxTabContent {
  background-position: right -96px; 
}

/* Focus Active tab */
.jxBarTop a.jxTabActive:active,
.jxBarBottom a.jxTabActive:active {
  background-position: left -144px; 
}

.jxBarTop a.jxTabActive:active span.jxTabContent,
.jxBarBottom a.jxTabActive:active span.jxTabContent {
  background-position: right -144px; 
}

/* Click Focused Tab */
.jxBarTop a.jxTabPressed:active,
.jxBarBottom a.jxTabPressed:active {
  background-position: left -120px; 
}

.jxBarTop a.jxTabPressed:active span.jxTabContent,
.jxBarBottom a.jxTabPressed:active span.jxTabContent {
  background-position: right -120px; 
}

/* VERTICAL TAB BAR - LEFT and RIGHT */

/* Focus tab */
.jxBarLeft a.jxTab:active,
.jxBarRight a.jxTab:active {
  background-position: -96px top; 
  outline: expression(hideFocus='true');
}

.jxBarLeft a.jxTab:active span.jxTabContent,
.jxBarRight a.jxTab:active span.jxTabContent {
  background-position: -96px bottom; 
}

/* Focus Active tab */
.jxBarLeft a.jxTabActive:active,
.jxBarRight a.jxTabActive:active {
  background-position: -144px top; 
}

.jxBarLeft a.jxTabActive:active span.jxTabContent,
.jxBarRight a.jxTabActive:active span.jxTabContent {
  background-position: -144px bottom; 
}

/* Click Focused Tab */
.jxBarLeft a.jxTabPressed:active,
.jxBarRight a.jxTabPressed:active {
  background-position: -120px top; 
}

.jxBarLeft a.jxTabPressed:active span.jxTabContent,
.jxBarRight a.jxTabPressed:active span.jxTabContent {
  background-position: -120px bottom; 
}

/* Menu Item iicon position.
   IE 7 seems to want to line up the image by the top of the text of it's 
   sibling.  This override just nudges it back up. */

img.jxMenuItemIcon {
  top: 1px;
}

/* Menu Item focus style */
a.jxMenuItem:active {
  background-position: 1px -74px;
  outline: expression(hideFocus='true');
}

a.jxMenuItemActive:active {
  background-position: 1px -170px;
}

