<?xml version="1.0" encoding="UTF-8"?>
<!--
****************************************************************************

     File Name:   inputGadgetStyles.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/accInputGadgetStyles.box">

    <bitmap id="bmp.searchInputIcon" src="box://aimToolkit/theme/images/searchInput_searchIcon.png" />
    <bitmap id="bmp.searchInputDropDown" src="box://aimToolkit/theme/images/searchInput_dropDownArrow.png" />
    <bitmap id="bmp.searchInputClear" src="box://aimToolkit/theme/images/searchInput_clearText_enabled.png" />


    <animation id="expandInput">
        <animate name="height" type="style" from="before" to="expandedHeight" dur="500ms" dynamics="spring4"/>
    </animation>

    <animation id="collapseInput">
        <animate name="height" type="style" from="expandedHeight" to="collapseHeight" dur="400ms" dynamics="ease"/>
    </animation>

    <style id="aolinputExpandable" tag="aolinputExpandable" inherits="#aolinput">
        <attribute name="expandOverflow" animate="url(#expandInput)" animateExit="url(#collapseInput)" fill="url(#brush.input_normal)">
            <state name="focused" fill="url(#brush.input_normal.focused)"/>
            <attribute name="search" value="true" fill="url(#brush.input_search)">
                <state name="focused" fill="url(#brush.input_search.focused)"/>
            </attribute>
        </attribute>
    </style>

    <style id="multilineInput" tag="aolMultilineInput" inherits="#aolInput"
        cursor="auto"
        padding="2 4 2 4">
        <part name="selection" inherits="#aolInput"/>
    </style>

    <style id="readonlyText" tag="aolReadonlyText" inherits="#aolInput"
        fill="#efebde"
        stroke="#000000"
        strokeWidth="1"
        textColor="#000000">
        <part name="selection" inherits="#aolInput"/>
    </style>

    <style tag="aolMultilineStatic" id="aolMultilineStaticStyle" inherits="#baseText"
         minWidth="60">
  </style>


    <style tag="aolHintInput" id="aolHintInputStyle" fill="url(#brush.input_normal)" padding="5 4 3 4" margin="2 4">
        <attribute name="search" value="true" fill="url(#brush.input_search)" >
            <state name="disabled" textColor="#94C37F" fill="url(#brush.input_search.disabled)" />
            <state name="focused" fill="url(#brush.input_search.focused)"/>
        </attribute>
        <part name="inputContainer" flex="1" overflow="hidden" maxWidth="auto"/>
        <part name="unfocusedTextDisplay" fill="none" position="fixed" layer="above" top="0" left="0" padding="0" margin="0" minWidth="10"/>
        <part name="inputField" flex="1" padding="0" stroke="none" fill="none" minWidth="10" margin="0" textColor="#000000"/>
        <state name="focused" fill="url(#brush.input_search.focused)"/>
    </style>

    <style id="aolSearchInput" tag="aolSearchInput" fill="url(#inputSearchGradient)" stroke="#41A115" strokeWidth="1" strokeCornerRadius="2" fillCornerRadius="2" padding="1 2 1 4">
        <part name="preLightLayer" opacity="0" focusMode="ignore" position="fixed" top="-2" bottom="-6" left="-2" right="-6" fill="url(box://aimToolkit/theme/toolkit.box#brush.button_halo.green)">
            <state name="focused" opacity="100" animate="url(#buttonFocusFadeIn)" animateExit="url(#buttonFocusFadeOut)"/>
        </part>
        <part name="searchIcon" vAlign="center" hAlign="start" />
        <part name="searchCriteria" vAlign="center" hAlign="start" />
        <part name="inputContainer" flex="1" overflow="hidden" maxWidth="auto"/>
        <part name="unfocusedTextDisplay" fill="none" layer="above" top="0" left="0" padding="3 2 1 2" margin="0" minWidth="10"/>
        <part name="inputField" flex="1" padding="2" stroke="none" fill="none" minWidth="10" margin="0" textColor="#000000"/>
        <part name="clearTextButton" padding="0" marginLeft="2" opacity="100%" >
            <state name="disabled" opacity="0%"/>
        </part>
        <part name="separator" minWidth="1" fill="black"/>
        <part name="searchResults" vAlign="center" hAlign="center" width="20" cursor="arrow" fill="url(#aolDefaultButtonGradient)">
            <state name="pressed" fill="url(#aolDefaultButtonPressedGradient)"/>
            <state name="popped" fill="url(#aolDefaultButtonPressedGradient)"/>
        </part>
        <part name="separator2" minWidth="1" fill="black"/>
        <part name="goButton" inherits="#aolButtonLook" stroke="none" minWidth="30" strokeWidth="0" strokeCornerRadius="0" fillCornerRadius="0"
                            bevelRadius="0" bevelOpacity="0%" bevelColor="none" padding="0 2 0 2" margin="0">
            <attribute name="hovered" value="true" animate="url(#buttonHover)">
                <attribute name="boxCaptured" value="true">
                    <attribute name="pressed" value="true" fill="url(#aolDefaultButtonPressedGradient)"  padding="1 1 -1 3"/>
                </attribute>
                <attribute name="boxCaptured" value="false">
                    <attribute name="pressed" value="true" fill="url(#aolDefaultButtonPressedGradient)"  padding="1 1 -1 3"/>
                    <attribute name="pressed" value="false" fill="url(#aolDefaultButtonHoverGradient)"  padding="0 2 0 2"/>
                </attribute>
            </attribute>

            <attribute name="hovered" value="false" animate="url(#buttonDehover)">
                <attribute name="boxCaptured" value="true">
                    <attribute name="pressed" value="true" fill="url(#aolDefaultButtonHoverGradient)"  padding="0 2 0 2"/>
                </attribute>
                <attribute name="boxCaptured" value="false">
                    <attribute name="pressed" value="true" fill="url(#aolDefaultButtonPressedGradient)"  padding="1 1 -1 3"/>
                    <attribute name="pressed" value="false" fill="url(#aolDefaultButtonGradient)"  padding="0 2 0 2"/>
                </attribute>
            </attribute>
            <part name="preLightLayer" opacity="0" focusMode="ignore" position="fixed" top="-2" bottom="-6" left="-2" right="-6" fill="url(#brush.button_halo.green)">
                <state name="focused" opacity="100" animate="url(#buttonFocusFadeIn)" animateExit="url(#buttonFocusFadeOut)"/>
            </part>
        </part>
        <part name="searchResultsDropdown" width="8" height="4" fill="sysColorButtonText" mask="url(#mask.comboDropArrow)"/>
        <state name="focused" fill="url(#brush.input_search.focused)"/>
    </style>

    <style tag="_menuBox" id="_menuBoxStyle" vAlign="center" hAlign="start"/>



    <style tag="aolSmartInput" id="aolSmartInputStyle" stroke="url(#pen.aim.control.border)" fill="url(#brush.aim.control.fill)" padding="1 2 1 4">
        <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="url(#brush.aim.control.highlight)" colorScaleA="65" />
        </part>
        <part name="inputContainer" flex="1" overflow="hidden" maxWidth="auto"/>
        <part name="unfocusedTextDisplay" fill="none" stroke="none" layer="above" top="0" left="0" padding="2" margin="0" minWidth="10"/>
        <part name="inputField" flex="1" padding="2" stroke="none" fill="none" minWidth="10" margin="0" textColor="#000000"/>
        <part name="separator" minWidth="1" fill="black"/>
        <part name="customButton" inherits="#aolButtonLook" stroke="none" minWidth="30" strokeWidth="0" strokeCornerRadius="0" fillCornerRadius="0"
                            bevelRadius="0" bevelOpacity="0%" bevelColor="none" padding="0 2 0 2" margin="0">
            <state name="pressed">
                <state name="hovered"  fill="url(#comboBoxGradientPressed)" padding="1 1 -1 3"/>
            </state>
        </part>
        <state name="focused" fill="url(#brush.input_normal.focused)"/>
    </style>

    <style id="smartBoxInput" tag="smartBoxInput" inherits="#aolinputExpandable"/>

    <style id="aolSmartBox" tag="aolSmartBox"
        orient="vertical"
        translucent="true"
        layer="stack"
        position="fixed"
        left="0"
        top="100%"
        offsetTop="-2"
        fill="url(#bmp.smartBoxPopup)"
        fillSlice="0 17 19 1"
        fillSize="both"
        padding="1 17 20 0"
        height="auto"
        width="100%"
        maxHeight="100"
        cursor="arrow">
    </style>
</library>