<?xml version="1.0" encoding="UTF-8"?>
<!--
****************************************************************************

     File Name:   menuGadgetStyles.box

****************************************************************************
   C O P Y R I G H T   A N D   C O N F I D E N T I A L I T Y   N O T I C E
****************************************************************************

//      Copyright (c) 2006 AOL LLC.  All rights reserved.
//      This software contains valuable confidential and proprietary
//      information of AOL LLC. and is subject to applicable
//      licensing agreements.  Unauthorized reproduction, transmission or
//      distribution of this file and its contents is a violation of
//      applicable laws.
//
//            A O L   C O N F I D E N T I A L

****************************************************************************
-->


<?boxely version="1.0"?>

<?import href="box://aimToolkit/theme/coreStyles.box"?>

<library xmlns="http://www.aol.com/boxely/resource.xsd"
 accStyles="box://aimToolkit/theme/accMenuGadgetStyles.box">
 
    <bitmap id="bmp.menuPopupDropmark" src="box://aimToolkit/theme/images/menuPopupDropmark.png"/>

    <style tag="aolMenuBar" id="aolMenuBarStyle" fill="#FFFFFFFF"/>

    <style id="aolMenuLook" tag="aolMenu" inherits="#aolMenuItem" fill="none">
        <part name="leftGutter" width="12"/>
        <part name="dropmark" width="5" height="9" right="15" top="middle" fill="sysColorButtonText" mask="url(#mask.menuPopupDropmark)"/>
        <part name="topMenuLabel" crop="right" maxWidth="350" fontSize="11px">
            <attribute name="current" value="true" textColor="#FFFFFF">
                <state name="disabled" textColor="#6a6a6a"/>
            </attribute>
        </part>
        <attribute name="current" value="true" fill="url(#brush.aim.menuItem.hovered)"/>
    </style>

    <style tag="aolMenuBarItem" id="aolMenuBarItemStyle" inherits="#aolMenuItem" maxWidth="0" padding="0 3">
        <part name="leftGutter" width="12"/>
        <part name="dropmark" width="5" height="9" right="15" top="middle" fill="sysColorButtonText" mask="url(#mask.menuPopupDropmark)"/>
        <part name="topMenuLabel" crop="none" textColor="#000000">
            <attribute name="current" value="true" textColor="#000000">
                <state name="disabled" textColor="#6a6a6a"/>
            </attribute>
        </part>
        <attribute name="current" value="true" fill="url(#brush.aim.menuBar.hovered)"/>
    </style>

    <style tag="aolMenuItemBlockCommand" id="aolMenuItemBlockCommandStyle" inherits="#aolMenuItem"/>

    <style tag="aolCheckMenuItem" id="aolCheckMenuItemStyle" inherits="#aolMenuItem">
        <part name="leftGutter" width="12" vAlign="center" hAlign="center"/>
        <part name="checkmark" width="7" height="6">
            <attribute name="toggled" value="true" fill="black" mask="url(#mask.aolmenucheckmark.on)">
                <attribute name="current" value="true" fill="white" mask="url(#mask.aolmenucheckmark.on)">
                    <state name="disabled" fill="black" mask="url(#mask.aolmenucheckmark.on)"/>
                </attribute>
            </attribute>
        </part>
        <part name="menuLabel" inherits="#controlTextNoFocus" hAlign="start" flex="1" crop="right" overflow="hidden" maxWidth="350">
            <attribute name="current" value="true" textColor="#FFFFFF">
                <state name="disabled" textColor="#6a6a6a"/>
            </attribute>
        </part>
        <part name="acceleratorText" inherits="#controlTextNoFocus">
            <attribute name="current" value="true" textColor="#FFFFFF">
                <state name="disabled" textColor="#6a6a6a"/>
            </attribute>
        </part>
        <attribute name="current" value="true" fill="url(#brush.aim.menuItem.hovered)"/>
    </style>

    <style tag="aolMenuSeparator" id="aolMenuSeparatorStyle" height="1px" fill="#949494"/>

    <style tag="aolMenuButton" id="aolMenuButtonStyle" inherits="#aolButtonLook" hSpace="5" vSpace="0" vAlign="center">
        <part name="menuBoxLabel" inherits="#controlText" textColor="url(#textColor.button)" textShadowColor="url(#textColor.button.shadow)" textShadowOffsetX="1" textShadowOffsetY="1" margin="0 0 0 0" padding="0 -1 0 -1"
                crop="right" flex="1" vAlign="center" hAlign="center">
            <state name="disabled" textColor="url(#textColor.button.disabled)" textShadowColor="none" animate="url(#controlTextDisable)" animateExit="url(#controlTextEnable)"/>
        </part>
        <part name="dropmark" width="8" height="4" fill="sysColorButtonText" mask="url(#mask.comboDropArrow)">
            <state name="disabled" colorScaleA="50"/>
        </part>
        <part name="preLightLayer" focusMode="ignore" position="fixed" top="0" bottom="-4" left="0" right="-4" fill="none" mask="url(#brush.button_halo.gray)">
            <state name="focused" animate="url(#buttonFocusFadeIn)" animateExit="url(#buttonFocusFadeOut)" fill="#70767e" colorScaleA="75">
                <attribute name="defaultButton" value="true" fill="#f67b18" colorScaleA="70"/>
            </state>
        </part>
        <state name="popped" padding="5 5 3 7" fill="url(#gradient.aimButton.pressed)">
            <attribute name="defaultButton" value="true" fill="url(#gradient.aimDefaultButton.pressed)" />
        </state>
    </style>


    <style tag="aolMenuBox" id="aolMenuBoxStyle" inherits="#aolButtonLook" hSpace="5" vSpace="5" vAlign="center">
        <part name="menuBoxLabel" inherits="#controlText" textColor="#042E4F" margin="0"
                crop="right" flex="1" vAlign="center" hAlign="center">
            <state name="disabled" textColor="#6a6a6a" animate="url(#controlTextDisable)" animateExit="url(#controlTextEnable)"/>
        </part>
        <part name="dropmark" margin="0" icon="url(#bmp.aoldropmark)"/>
        <part name="preLightLayer" opacity="0" focusMode="ignore" position="fixed" top="-2" bottom="-6" left="-2" right="-6" fill="url(#brush.button_halo.gray)">
            <state name="focused" opacity="100" animate="url(#buttonFocusFadeIn)" animateExit="url(#buttonFocusFadeOut)">
                <attribute name="defaultButton" value="true" fill="url(#brush.button_halo.green)"/>
            </state>
        </part>
        <state name="popped" padding="5 5 3 7" fill="url(#buttonPressedGradient)"/>
    </style>

    <style tag="comboPopup" id="comboPopupStyle" top="100%">
        <attribute name="opened" value="true" animate="url(#ani.showPopup)" animateExit="url(#ani.hidePopup)"/>
        <part name="container" fill="white" padding="1 1 1 1" margin="0 4 4 0" overflow="scroll"
            shadowColor="#ff000000" shadowOpacity="50%" shadowRadius="2" shadowLeft="1" shadowTop="1" stroke="#888888" strokeWidth="1"/>
    </style>
    <style tag="aolEditableCombobox" id="aolEditableComboboxStyle" stroke="#92A2B2" strokeWidth="1" strokeCornerRadius="2" fillCornerRadius="2" fill="url(#inputGradient)" padding="1" vAlign="stretch" hAlign="stretch" orient="horizontal">
        <attribute name="search" value="true" fill="url(#inputSearchGradient)" stroke="#41A115" />
        <part name="preLightLayer" opacity="0" focusMode="ignore" position="fixed" top="-2" bottom="-6" left="-2" right="-6" fill="url(#brush.button_halo.gray)">
            <attribute name="search" value="true" fill="url(#brush.button_halo.green)"/>
            <state name="focused" opacity="100" animate="url(#buttonFocusFadeIn)" animateExit="url(#buttonFocusFadeOut)"/>
        </part>
        <part name="inputContainer" flex="1" overflow="hidden" maxWidth="auto"/>
        <part name="inputField" flex="1" padding="1 4 1 4" fill="none" minWidth="10" maxWidth="auto" hscrollable="true" stroke="none" margin="0"/>
        <part name="separator" minWidth="1" fill="black"/>
        <part name="dropdown" width="8" height="4" fill="sysColorButtonText" mask="url(#mask.comboDropArrow)"/>
        <part name="menuArea" vAlign="center" hAlign="center" width="20" fill="url(#gradient.aimButton.normal)" cursor="arrow">
            <attribute name="search" value="true" fill="url(#aolDefaultButtonGradient)"/>
            <state name="pressed" fill="url(#gradient.aimButton.pressed)">
                <attribute name="search" value="true" fill="url(#aolDefaultButtonPressedGradient)"/>
            </state>
            <state name="popped" fill="url(#gradient.aimButton.pressed)">
                <attribute name="search" value="true" fill="url(#aolDefaultButtonPressedGradient)"/>
            </state>
        </part>
        <part name="thePopup" cursor="arrow"/>
    </style>

    <style tag="aolCombobox" id="aolComboboxStyle" padding="0" vAlign="stretch" fill="url(#comboBoxGradient)" stroke="#92A2B2" strokeWidth="1" strokeCornerRadius="2" fillCornerRadius="2">
        <part name="preLightLayer" opacity="0" focusMode="ignore" position="fixed" top="-2" bottom="-6" left="-2" right="-6" fill="url(#brush.button_halo.gray)">
            <attribute name="search" value="true" fill="url(#brush.button_halo.green)"/>
            <state name="focused" opacity="100" animate="url(#buttonFocusFadeIn)" animateExit="url(#buttonFocusFadeOut)"/>
        </part>
        <part name="icon" padding="1 1 1 1" margin="0"/>
        <part name="label" flex="1" stroke="none" fill="none" minWidth="50" minHeight="16" crop="right"/>
        <part name="separator" minWidth="1" fill="black"/>
        <part name="dropdown" width="8" height="4" fill="sysColorButtonText" mask="url(#mask.comboDropArrow)"/>
        <part name="menuArea" vAlign="center" hAlign="center" width="20" fill="url(#comboBoxGradient)"
            stroke="#92A2B2" strokeWidth="1" clipLeft="1">
            <state name="pressed" fill="url(#comboBoxGradientPressed)"/>
            <state name="popped" fill="url(#comboBoxGradientPressed)"/>
            <state name="hovered" fill="url(#comboBoxGradientHovered)">
                <state name="pressed" fill="url(#comboBoxGradientPressed)"/>
                <state name="popped" fill="url(#comboBoxGradientPressed)"/>
            </state>
        </part>
        <state name="pressed" fill="url(#comboBoxGradientPressed)"/>
        <state name="popped" fill="url(#comboBoxGradientPressed)"/>
        <state name="hovered" fill="url(#comboBoxGradientHovered)">
            <state name="pressed" fill="url(#comboBoxGradientPressed)"/>
            <state name="popped" fill="url(#comboBoxGradientPressed)"/>
        </state>
    </style>

    <style tag="controlOverflowPane" id="controlOverflowPaneStyle" margin="0" vAlign="center">
        <attribute name="axis" value="y" orient="vertical"   />
        <attribute name="axis" value="x" orient="horizontal"/>

        <part name="mainContainer" flex="1" vAlign="center">
            <attribute name="axis" value="y" orient="vertical"  />
            <attribute name="axis" value="x" orient="horizontal"/>
        </part>

        <part name="spilloverButton">
            <part name="preLightLayer" fill="none"/>
        </part>

        <part name="contentArea" overflow="hidden" maxWidth="auto" flex="1" minHeight="1" minWidth="1">
            <attribute name="axis" value="y" maxHeight="auto" orient="vertical"/>
            <attribute name="axis" value="x" maxWidth="auto"  orient="horizontal"/>
        </part>

        <part name="contentBox" flex="1">
            <attribute name="axis" value="y" orient="vertical"/>
            <attribute name="axis" value="x" orient="horizontal"/>
        </part>
    </style>

    <style tag="controlOverflowMenuItem" id="controlOverflowMenuItemStyle" inherits="#aolMenuItem" hSpace="2">
        <part name="leftGutter" width="12"/>
        <part name="menuLabel" inherits="#controlTextNoFocus" hAlign="start" flex="1" crop="right" overflow="hidden" maxWidth="350">
            <attribute name="current" value="true" textColor="#FFFFFF">
                <state name="disabled" textColor="#6a6a6a"/>
            </attribute>
        </part>
        <part name="acceleratorText" inherits="#controlTextNoFocus">
            <attribute name="current" value="true" textColor="#FFFFFF">
                <state name="disabled" textColor="#6a6a6a"/>
            </attribute>
        </part>
        <part name="checkmark" width="7" height="6">
            <attribute name="selected" value="true" fill="#1F5394" mask="url(#mask.aolmenucheckmark.on)">
                <attribute name="current" value="true" fill="white" mask="url(#mask.aolmenucheckmark.on)">
                    <state name="disabled" fill="#1F5394" mask="url(#mask.aolmenucheckmark.on)"/>
                </attribute>
            </attribute>
        </part>

    </style>

    <style tag="controlOverflowMenu"  id="controlOverflowMenuStyle" inherits="#aolMenuItem" fill="none" hSpace="2">
        <part name="leftGutter" width="12"/>
        <part name="dropmark" icon="url(#bmp.menuPopupDropmark)" right="15" top="middle"/>
        <part name="topMenuLabel" crop="right" maxWidth="350" fontSize="11px">
            <attribute name="current" value="true" textColor="#FFFFFF">
                <state name="disabled" textColor="#6a6a6a"/>
            </attribute>
        </part>
        <attribute name="current" value="true" fill="url(#brush.aim.menuItem.hovered)"/>
    </style>
</library>