<?xml version="1.0" encoding="UTF-8"?>
<!--
/***************************************************************************

 File Name:   windowGadgetStyles.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://boxelyToolkit/theme/coreStyles.box"?>

<library xmlns="http://www.aol.com/boxely/resource.xsd"
 accStyles="box://boxelyToolkit/theme/accWindowGadgetStyles.box">

    <bitmap id="bmp.title.close" src="box://boxelyToolkit/theme/images/title_bar_close.png"/>
    <bitmap id="bmp.title.close.hover" src="box://boxelyToolkit/theme/images/title_bar_close_hover.png"/>
    <bitmap id="bmp.title.close.press" src="box://boxelyToolkit/theme/images/title_bar_close_press.png"/>
    <bitmap id="bmp.title.close.disable" src="box://boxelyToolkit/theme/images/title_bar_close_disable.png"/>
    <bitmap id="bmp.title.max" src="box://boxelyToolkit/theme/images/title_bar_max.png"/>
    <bitmap id="bmp.title.max.hover" src="box://boxelyToolkit/theme/images/title_bar_max_hover.png"/>
    <bitmap id="bmp.title.max.press" src="box://boxelyToolkit/theme/images/title_bar_max_press.png"/>
    <bitmap id="bmp.title.max.disable" src="box://boxelyToolkit/theme/images/title_bar_max_disable.png"/>
    <bitmap id="bmp.title.min" src="box://boxelyToolkit/theme/images/title_bar_min.png"/>
    <bitmap id="bmp.title.min.hover" src="box://boxelyToolkit/theme/images/title_bar_min_hover.png"/>
    <bitmap id="bmp.title.min.press" src="box://boxelyToolkit/theme/images/title_bar_min_press.png"/>
    <bitmap id="bmp.title.min.disable" src="box://boxelyToolkit/theme/images/title_bar_min_disable.png"/>
    <bitmap id="bmp.title.restore" src="box://boxelyToolkit/theme/images/title_bar_restore.png"/>
    <bitmap id="bmp.title.restore.hover" src="box://boxelyToolkit/theme/images/title_bar_restore_hover.png"/>
    <bitmap id="bmp.title.restore.press" src="box://boxelyToolkit/theme/images/title_bar_restore_press.png"/>
    <bitmap id="bmp.title.restore.disable" src="box://boxelyToolkit/theme/images/title_bar_restore_disable.png"/>


    <linearGradientBrush id="dialogGradient">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#D5DBE3"/>
            <gradientStop offset="100%" color="#FFFFFF"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="windowGradient">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#D5DBE3"/>
            <gradientStop offset="100%" color="#B3B7BE"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="windowTitleBarGradient">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#FFFFFF"/>
            <gradientStop offset="100%" color="#D5DBE3"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="windowTitleBarGradientFlip">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#D5DBE3"/>
            <gradientStop offset="100%" color="#FFFFFF"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="appWindowTitleBarGradient">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#FFFFFF"/>
            <gradientStop offset="45%" color="#FFFFFF"/>
            <gradientStop offset="55%" color="#f1f4f8"/>
            <gradientStop offset="100%" color="#D2D6DD"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="appWindowTitleBarGradientFlip">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#D5DBE3"/>
            <gradientStop offset="50%" color="#FFFFFF"/>
            <gradientStop offset="100%" color="#FFFFFF"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="windowTitleBarDivDark">
        <gradientStops>
            <gradientStop offset="0%" color="#00A8ADC8"/>
            <gradientStop offset="5%" color="#00A8ADC8"/>
            <gradientStop offset="50%" color="#FFA8ADC8"/>
            <gradientStop offset="95%" color="#00A8ADC8"/>
            <gradientStop offset="100%" color="#00A8ADC8"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="windowTitleBarDivLight">
        <gradientStops>
            <gradientStop offset="0%" color="#00FFFFFF"/>
            <gradientStop offset="5%" color="#00FFFFFF"/>
            <gradientStop offset="50%" color="#FFFFFFFF"/>
            <gradientStop offset="95%" color="#00FFFFFF"/>
            <gradientStop offset="100%" color="#00FFFFFF"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="windowContentGradient">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#D2D6DD"/>
            <gradientStop offset="100%" color="#B3B7BE"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="windowGripLeftGradient">
        <rotateTransform center="50% 50%" angle="0"/>
        <gradientStops>
            <gradientStop offset="0%" color="#FFFFFF"/>
            <gradientStop offset="15%" color="#FFFFFF"/>
            <gradientStop offset="50%" color="#EFEFEF"/>
            <gradientStop offset="100%" color="#B4B4B4"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="windowGripRightGradient">
        <rotateTransform center="50% 50%" angle="0"/>
        <gradientStops>
            <gradientStop offset="0%" color="#B4B4B4"/>
            <gradientStop offset="50%" color="#FFFFFF"/>
            <gradientStop offset="100%" color="#FFFFFF"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="windowGripBottomGradient">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#B4B4B4"/>
            <gradientStop offSet="50%" color="#FFFFFF"/>
            <gradientStop offset="100%" color="#F1F1F1"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="windowGripTopGradient">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#B4B4B4"/>
            <gradientStop offSet="50%" color="#FFFFFF"/>
            <gradientStop offset="100%" color="#F1F1F1"/>
        </gradientStops>
    </linearGradientBrush>

    <style tag="aolTitleBarCloseButton" id="aolTitleBarCloseButtonStyle" inherits="#control" fill="url(#bmp.title.close)" height="16" width="16" maxHeight="16" maxWidth="16" fillSize="both" padding="0" margin="0">
        <state name="hovered" fill="url(#bmp.title.close.hover)"/>
        <state name="pressed">
            <state name="hovered" fill="url(#bmp.title.close.press)"/>
        </state>
        <state name="disabled" fill="url(#bmp.title.close.disable)"/>
    </style>

    <style tag="aolTitleBarMaxButton" id="aolTitleBarMaxButtonStyle" inherits="#control" fill="url(#bmp.title.max)" height="16" width="16" maxHeight="16" maxWidth="16" fillSize="both" padding="0" margin="0">
        <state name="hovered" fill="url(#bmp.title.max.hover)"/>
        <state name="pressed">
            <state name="hovered" fill="url(#bmp.title.max.press)"/>
        </state>
        <state name="disabled" fill="url(#bmp.title.max.disable)"/>
    </style>

    <style tag="aolTitleBarMinButton" id="aolTitleBarMinButtonStyle" inherits="#control" fill="url(#bmp.title.min)" height="16" width="16" maxHeight="16" maxWidth="16" fillSize="both" padding="0" margin="0">
        <state name="hovered" fill="url(#bmp.title.min.hover)"/>
        <state name="pressed">
            <state name="hovered" fill="url(#bmp.title.min.press)"/>
        </state>
        <state name="disabled" fill="url(#bmp.title.min.disable)"/>
    </style>

    <style tag="aolTitleBarRestoreButton" id="aolTitleBarRestoreButtonStyle" inherits="#control" fill="url(#bmp.title.restore)" height="16" width="16" maxHeight="16" maxWidth="16" fillSize="both" padding="0" margin="0">
        <state name="hovered" fill="url(#bmp.title.restore.hover)"/>
        <state name="pressed">
            <state name="hovered" fill="url(#bmp.title.restore.press)"/>
        </state>
        <state name="disabled" fill="url(#bmp.title.restore.disable)"/>
    </style>
    <style tag="aolWindow" id="aolWindowStyle" top="center" left="center" padding="3" fill="url(#windowGradient)"
            stroke="#1E7DCB" strokeWidth="2" overflow="none" minWidth="130"
            minHeight="25" translucent="false" chromeless="true">

        <attribute name="active" value="false" stroke="#D5DBE3"/>
        <attribute name="active" value="false" bevelRadius="0"/>
        <attribute name="active" value="false" fill="#FFFFFF"/>

        <part name="titleBar" padding="1 0 1 0" fill="url(#windowTitleBarGradient)"
                vAlign="center" orient="horizontal" overflow="hidden">
            <attribute name="active" value="false" fill="url(#windowTitleBarGradientFlip)"/>
       </part>
        <part name="titleBarIcon" maxWidth="18" maxHeight="18">
            <attribute name="active" value="false" opacity="50%"/>
        </part>
        <part name="titleGroup" fill="url(#windowTitleBarGradient)">
            <attribute name="active" value="false" fill="url(#windowTitleBarGradientFlip)"/>
        </part>
        <part name="titleBarLabel" crop="right" flex="1" width="50" maxWidth="auto" padding="0"
            fontFamily="Tahoma" fontSize="12px" fontBold="true" textColor="#FF0860A8">
            <attribute name="active" value="false" textColor="#C8C8C8"/>
        </part>

        <part name="windowControls" vAlign="center" hSpace="1" padding="0 1 0 0"/>

        <part name="titleBarMin"  top="center" padding="0" >
            <attribute name="active" value="false" opacity="30%"/>
        </part>

        <part name="titleBarMax"  top="center" padding="0" >
            <attribute name="active" value="false" opacity="30%"/>
        </part>

        <part name="titleBarRestore" top="center" padding="0" >
            <attribute name="active" value="false" opacity="30%"/>
        </part>
        <part name="titleBarClose" top="center" padding="0" >
            <attribute name="active" value="false" opacity="30%"/>
        </part>

        <part name="aolTitleBarSpacer" fill="#DCDCDC" height="1" left="0" right="0" />
        <part name="aolWindowContent" inherits="#windowPane" flex="1" margin="0 5 8 5" layer="above" zIndex="2" maxHeight="auto" maxWidth="auto" overflow="hidden"/>

        <part name="aolWindowStatusBar" height="25"/>
        <part name="windowGripLeft" maxWidth="0" minWidth="0" margin="0" top="0" bottom="0" fill="url(#windowGripLeftGradient)"/>
        <part name="windowGripRight" maxWidth="0" minWidth="0" margin="0" top="0" bottom="0" fill="url(#windowGripRightGradient)"/>
        <part name="windowGripBottom" maxHeight="0" minHeight="0" margin="0" left="0" right="0" fill="url(#windowGripBottomGradient)"/>
        <attribute name="translucent" value="true" />
    </style>

    <style tag="aolAppWindow" id="aolAppWindowStyle" orient="vertical" position="fixed"
                layer="stack" top="center" left="center" padding="3" fill="#FFFFFF"
            stroke="#1E7DCB" strokeWidth="2" overflow="none" minWidth="130"
            minHeight="25" translucent="false" chromeless="true">

        <attribute name="isFlashing" value="true" animate="url(#ani.flashWindow)" animateExit="url(#ani.flashWindowExit)"/>

        <attribute name="isFlashing" value="false">
            <attribute name="active" value="false" stroke="#D5DBE3"/>
        </attribute>

        <attribute name="isFlashing" value="false">
            <attribute name="active" value="false" bevelRadius="0"/>
        </attribute>
        <attribute name="isFlashing" value="false">
            <attribute name="active" value="false" stroke="#CFCFCF"/>
        </attribute>
        <attribute name="flash" value="true" bevelRadius="0"/>

        <part name="aolTotalMenu" fill="url(#appWindowTitleBarGradient)" padding="2 0 0 0" vAlign="start">
            <attribute name="isFlashing" value="false">
                <attribute name="active" value="false" fill="url(#appWindowTitleBarGradientFlip)"/>
            </attribute>
            <attribute name="flash" value="true" fill="url(#appWindowTitleBarGradientFlip)"/>
        </part>
        <part name="largeIconBox" fill="url(#appWindowTitleBarGradient)" top="0" bottom="0" vAlign="center" width="45" hAlign="center">
            <attribute name="isFlashing" value="false">
                <attribute name="active" value="false"  fill="url(#appWindowTitleBarGradientFlip)"/>
            </attribute>
            <attribute name="flash" value="true" fill="url(#appWindowTitleBarGradientFlip)"/>
        </part>
        <part name="largeIconBoxSeparator" top="0" bottom="0" maxWidth="1" width="0" fill="#000000" opacity="20%"/>
        <part name="largeIconBoxSeparator2" top="0" bottom="0" maxWidth="1" width="0" fill="#FFFFFF" opacity="100%"/>
        <part name="smallAppIcon" maxWidth="18" maxHeight="18">
            <attribute name="isFlashing" value="false">
                <attribute name="active" value="false" opacity="35%"/>
            </attribute>
            <attribute name="flash" value="true" opacity="50%"/>
        </part>
        <part name="largeAppIcon">
            <attribute name="isFlashing" value="false">
                <attribute name="active" value="false" opacity="35%"/>
            </attribute>
            <attribute name="flash" value="true" opacity="50%"/>
        </part>
        <part name="titleBar" fill="none" padding="0 2 0 0" marginBottom="2"
                vAlign="center" orient="horizontal" overflow="hidden"/>
        <part name="titleBarIcon" />
        <part name="titleBarLabel" crop="right" flex="1" width="50" maxWidth="auto"
            fontFamily="Tahoma" fontSize="13px" fontBold="true" textColor="#FF0860A8" padding="0" margin="0 0 0 4" >
                <attribute name="isFlashing" value="false">
                    <attribute name="active" value="false" textColor="#C8C8C8"/>
                </attribute>
                <attribute name="flash" value="true" textColor="#C8C8C8"/>
            </part>
        <part name="windowControls" vAlign="center" hSpace="1" padding="0 0 0 0"/>
        <part name="titleBarMin" >
            <attribute name="isFlashing" value="false">
                <attribute name="active" value="false" opacity="30%"/>
            </attribute>
            <attribute name="flash" value="true" opacity="50%"/>
        </part>
        <part name="titleBarMax" >
            <attribute name="isFlashing" value="false">
                <attribute name="active" value="false" opacity="30%"/>
            </attribute>
            <attribute name="flash" value="true" opacity="50%"/>
        </part>
        <part name="titleBarRestore" >
            <attribute name="isFlashing" value="false">
                <attribute name="active" value="false" opacity="30%"/>
            </attribute>
            <attribute name="flash" value="true" opacity="50%"/>
        </part>
        <part name="titleBarClose" >
            <attribute name="isFlashing" value="false">
                <attribute name="active" value="false" opacity="30%"/>
            </attribute>
            <attribute name="flash" value="true" opacity="50%"/>
        </part>
        <part name="aolTitleBarTopSpacer" fill="#F0F0F0" height="0" left="0" right="0" />
        <part name="aolTitleBarBottomSpacer" fill="url(#windowTitleBarDivDark)" height="1" left="0" right="0" opacity="100%"/>
        <part name="aolTitleBarBottomSpacer2" fill="url(#windowTitleBarDivLight)" height="1" left="0" right="0" opacity="100%"/>
        <part name="aolLargeTitleBarSpacer" fill="#000000" height="0" left="0" right="0" opacity="25%"/>
        <part name="menuBarArea" maxWidth="auto" overflow="hidden"/>
        <part name="aolBrandingLogo" fill="url(#bmp.aolMenuBarLogo)" width="49" height="18" marginRight="2"/>
        <part name="aolWindowContent" flex="1" fill="url(#windowContentGradient)" maxHeight="auto" maxWidth="auto" overflow="hidden" margin="0" padding="0">
            <attribute name="isFlashing" value="false">
                <attribute name="active" value="false" fill="#FFFFFF"/>
            </attribute>
            <attribute name="flash" value="true" fill="#FFFFFF"/>
        </part>
        <part name="aolWindowStatusBar" height="25"/>
        <part name="leftRightContainer" fill="url(#windowGradient)"/>
        <part name="windowGripLeft" maxWidth="0" minWidth="0" margin="0" top="0" bottom="0" fill="white"/>
        <part name="windowGripRight" maxWidth="0" minWidth="0" margin="0" top="0" bottom="0" fill="white"/>
        <part name="windowGripBottom" maxHeight="0" minHeight="0" margin="0" left="0" right="0" fill="white"/>
        <attribute name="translucent" value="true" />
    </style>


    <style id="mainMenuBarStyle" flex="1" vAlign="center" hAlign="start" padding="-2 0 -1 0" margin="0" marginLeft="4" fill="none">
        <attribute name="largeIcon" value="true" minHeight="22" marginLeft="0"/> 
    </style>
    <style tag="aolDialog" id="aolDialogStyle" top="center" left="center" padding="2" fill="url(#dialogGradient)"
            stroke="#1E7DCB" strokeWidth="2" overflow="none"
            translucent="false" chromeless="true" width="350" height="240">
        <attribute name="active" value="false" stroke="#D5DBE3"/>

        <part name="titleBar" padding="1 0 1 0" fill="url(#windowTitleBarGradient)"
                vAlign="center" orient="horizontal" overflow="hidden">
            <attribute name="active" value="false" fill="url(#windowTitleBarGradientFlip)"/>
       </part>
        <part name="titleBarIcon" maxWidth="18" maxHeight="18">
            <attribute name="active" value="false" opacity="50%"/>
        </part>
        <part name="titleGroup" fill="url(#windowTitleBarGradient)">
            <attribute name="active" value="false" fill="url(#windowTitleBarGradientFlip)"/>
        </part>
        <part name="titleBarLabel" crop="right" flex="1" width="50" maxWidth="auto" padding="0"
            fontFamily="Tahoma" fontSize="12px" fontBold="true" textColor="#FF0860A8">
            <attribute name="active" value="false" textColor="#C8C8C8"/>
        </part>
        <part name="windowControls" vAlign="center" hSpace="1" padding="0 1 0 0"/>
        <part name="titleBarMin"  top="center" padding="0" >
            <attribute name="active" value="false" opacity="50%"/>
        </part>
        <part name="titleBarMax"  top="center" padding="0" >
            <attribute name="active" value="false" opacity="50%"/>
        </part>
        <part name="titleBarRestore" top="center" padding="0" >
            <attribute name="active" value="false" opacity="50%"/>
        </part>
        <part name="titleBarClose" top="center" padding="0" >
            <attribute name="active" value="false" opacity="50%"/>
        </part>

        <part name="aolTitleBarSpacer" fill="#DCDCDC" height="1" left="0" right="0" />
        <part name="aolWindowContent" inherits="#windowPane" flex="1" margin="0 5 8 5" layer="above" zIndex="2" maxHeight="auto" maxWidth="auto" overflow="hidden"/>
        <part name="aolWindowStatusBar" height="25"/>
        <attribute name="translucent" value="true" />
    </style>

    <style id="aolSmallDialog" inherits="#aolDialog" width="250" height="140"/>
    <style id="aolMediumDialog" inherits="#aolDialog" width="350" height="240"/>
    <style id="aolLargeDialog" inherits="#aolDialog" width="450" height="310"/>

</library>