<?xml version="1.0" encoding="UTF-8"?>
<?import href="box://boxelyToolkit/theme/toolkit.box"?>

	<library xmlns="http://www.aol.com/boxely/resource.xsd" 
      xmlns:box="http://www.aol.com/boxely/box.xsd" 
			xmlns:s="http://www.aol.com/boxely/style.xsd"
      xmlns:on="http://www.aol.com/boxely/reaction.xsd" >

	<!-- Bitmaps -->
		
		<bitmap id="icon" src="box://boxelyToolkit/resources/aol_logo.png"/>
		<bitmap id="close.normal" src="box://toaster/resources/close.png"/>
		<bitmap id="close.hovered" src="box://toaster/resources/close_hover.png"/>
		<bitmap id="close.pressed" src="box://toaster/resources/close_press.png"/>
		<bitmap id="message.info" src="box://toaster/resources/info.png"/>
		<bitmap id="message.alert" src="box://toaster/resources/alert.png"/>
		<bitmap id="message.warning" src="box://toaster/resources/warning.png"/>
		<bitmap id="close.accNormal" src="box://toaster/resources/accClose.png"/>
		<bitmap id="close.accHovered" src="box://toaster/resources/accClose_hover.png"/>
		<bitmap id="close.accPressed" src="box://toaster/resources/accClose_press.png"/>

	<!-- Animations -->

		<animation id="incoming">
		    <animate name="top" type="style" from="before" to="newTop" begin="0" end="500" dynamics="ease"/>
		</animation>

		
	<!-- Gradients -->
	
		<linearGradientBrush id="AOLGradient">
			<rotateTransform center="0%" angle="270"/>
			<gradientStops>
				<gradientStop color="#121042" offset="0%"/>
				<gradientStop color="#0860A8" offset="80%"/>
			</gradientStops>
		</linearGradientBrush>
    
		<linearGradientBrush id="GrayGradient">
			<rotateTransform center="0%" angle="270"/>
			<gradientStops>
				<gradientStop color="#7c7c7c" offset="0%"/>
				<gradientStop color="#e6e6e6" offset="80%"/>
			</gradientStops>
		</linearGradientBrush>
    
		<linearGradientBrush id="RedGradient">
			<rotateTransform center="0%" angle="270"/>
			<gradientStops>
				<gradientStop color="#7E0000" offset="0%"/>
				<gradientStop color="#DB0029" offset="80%"/>
			</gradientStops>
		</linearGradientBrush>

		<linearGradientBrush id="YellowGradient">
			<rotateTransform center="0%" angle="270"/>
			<gradientStops>
				<gradientStop color="#FE7E00" offset="0%"/>
				<gradientStop color="#F4C638" offset="80%"/>
			</gradientStops>
		</linearGradientBrush>

		<linearGradientBrush id="GreenGradient">
			<rotateTransform center="0%" angle="270"/>
			<gradientStops>
				<gradientStop color="#336600" offset="0%"/>
				<gradientStop color="#6EBB1F" offset="80%"/>
			</gradientStops>
		</linearGradientBrush>

	<!-- Text Styles-->
		<style id="TitleText" textColor="#FFFFFF" fontFamily="Tahoma" fontSize="12"  width="50" flex="1" overflow="crop" crop="right" />
		<style id="DateText" textColor="#FFFFFF" fontFamily="Tahoma" fontSize="10"  hAlign="right" />
		<style id="SubText" textColor="#FFFFFF" fontFamily="Tahoma" fontSize="10" hAlign="left" vAlign="start" flex="1"/>
		<style id="text" textColor="#000000"  fontFamily="Tahoma" fontSize="12" flex="1" vAlign="center"/>
		<style id="htmlText" fontSize="12" />
		<style id="buttonText" textColor="black" fontSize="12" fontFamily="Tahoma" hAlign="center" fontWeight="bold" />
		<style id="messageText" textColor="black" fontSize="12" fontFamily="Tahoma" hAlign="center" fontWeight="bold" />
    <style id="tabText" margin="2" fontFamily="Tahoma" fontSize="11px" hAlign="center" vAlign="center" crop="right">
        <state name="focused" textColor="#000000"/>
    </style>
    
	<!-- ACC Text Styles-->
		<style id="accTitleText" accStyleFor="TitleText" textColor="sysColorMenuText" fontFamily="Tahoma" fontSize="12"  vAlign="center"  width="50" flex="1" overflow="crop" crop="right" />
		<style id="accDateText" accStyleFor="DateText" textColor="sysColorMenuText" fontFamily="Tahoma" fontSize="10"  hAlign="right" vAlign="center"/>
		<style id="accSubText" accStyleFor="SubText" textColor="sysColorMenuText" fontFamily="Tahoma" fontSize="10" hAlign="left" vAlign="center"/>
		<style id="accText" accStyleFor="text" textColor="#000000"  fontFamily="Tahoma" fontSize="12" flex="1" vAlign="center"/>
		<style id="accHtmlText" accStyleFor="htmlText" fontSize="12" />
		<style id="accButtonText" accStyleFor="buttonText" textColor="sysColorButtonText" fontSize="12" fontFamily="Tahoma" hAlign="center" fontWeight="bold" />
		<style id="accMessageText" accStyleFor="messageText" textColor="sysColorCaptionText" fontSize="12" fontFamily="Tahoma" hAlign="center" fontWeight="bold" />
    <style id="accTabText" accStyleFor="tabText" margin="2" fontFamily="Tahoma" fontSize="11px" hAlign="center" vAlign="center" crop="right">
        <state name="focused" textColor="sysColorMenuText"/>
    </style>

	<!-- Window Style-->
		<style id="high" height="200" width="300" minHeight="200" minWidth="300" padding="0" stroke="black" strokeWidth="1" strokeLayer="above" />
		<style id="normal" height="200"  width="300" minWidth="200" alwaysOnTop="false" padding="0" stroke="black" strokeWidth="1" strokeLayer="above" />
		<style id="nag" height="150" width="250"  minWidth="200" alwaysOnTop="false" padding="0" stroke="black" strokeWidth="1" strokeLayer="above" />

	<!-- ACC Window Style-->
		<style id="accHigh" accStyleFor="high" height="200" width="300" minHeight="200" minWidth="300" padding="0" stroke="sysColor3DShadow" strokeWidth="1" strokeLayer="above" />
		<style id="accNormal" accStyleFor="normal" height="200"  width="300" minWidth="200" alwaysOnTop="false" padding="0" stroke="sysColor3DShadow" strokeWidth="1" strokeLayer="above" />
		<style id="accNag" accStyleFor="nag" height="150" width="250"  minWidth="200" alwaysOnTop="false" padding="0" stroke="sysColor3DShadow" strokeWidth="1" strokeLayer="above" />
    
		<style id="content" padding="1" flex="1" fill="#ffe6e6e6" />
		<style id="MBcontent" padding="4" flex="1" fill="white" />
 
		<style id="brandingIcon" minWidth="16" minHeight="16" maxWidth="30" maxHeight="30"/>
		<style id="alertImage" width="16" height="16" padding="3"/>

		<style tag="toastWindow" position="fixed"  orient="vertical" padding="0" >
			<attribute name="entering" value="true" animate="url(#incoming)"/>
		</style>
		
		<style tag="message"  fill="ffe6e6e6" flex="1" stroke="black" strokeCornerRadius="1" strokeWidth="1" strokeLayer="above" shadowColor="gray" shadowRadius="2" shadowOpacity="70%" shadowLeft="3" shadowTop="3" shadowKeying="none" hAlign="center" vAlign="center"/>
		
		<style id="buttonStyle" tag="toastButton" flex="1" height="20" margin="4" fill="url(#grad.button)" stroke="#ff121042" strokeCornerRadius="1" strokeWidth="1" hAlign="center" vAlign="center" shadowColor="gray" shadowRadius="2" shadowOpacity="70%" shadowLeft="3" shadowTop="3" shadowKeying="none">
			<state name="hovered" fill="url(#grad.buttonMouseOver)"/>
			<state name="focused" fill="url(#grad.buttonMouseOver)"/>
			<state name="pressed" fill="url(#grad.buttonPushed)"/>
		</style>

		<style id="accButtonStyle" accStyleFor="buttonStyle" flex="1" height="20" margin="4" fill="sysColor3DFace" stroke="#ff121042" strokeCornerRadius="1" strokeWidth="1" hAlign="center" vAlign="center" shadowColor="gray" shadowRadius="2" shadowOpacity="70%" shadowLeft="3" shadowTop="3" shadowKeying="none">
			<state name="hovered" fill="sysColor3DFace"/>
			<state name="focused" fill="sysColor3DShadow"/>
			<state name="pressed" fill="sysColor3DShadow"/>
		</style>

	<!-- Box Styling -->
		<style id="Header" fill="url(#AOLGradient)"  padding="2 4 2 4" minHeight="30" maxHeight="30" flex="1" valign="center" halign="center"/>
    <style id="subHeader" height="25" flex="1" />
		<style id="close"  minWidth="11" minHeight="11" fill="url(#close.normal)" />
		<style id="altHeader" fill="url(#AOLGradient)" bevelColor="7c7c7c" bevelRadius="3" vAlign="center" bevelOpacity="30%" padding="3 5 0 10" height="20" flex="1" />

		<style id="accHeader" accStyleFor="Header" fill="sysColorActiveCaption"  padding="2 4 2 4" height="20" flex="1" valign="center" halign="center"/>
    <style id="accClose" accStyleFor="close" minWidth="11" minHeight="11" fill="url(#close.accNormal)" />
		
	<!--Toast Header Style-->

		<style id="toastHead" tag="toastHeader">
			<part name="closer">
				<state name="hovered" fill="url(#close.hovered)"/>
				<state name="focused" fill="url(#close.hovered)"/>
				<state name="pressed" fill="url(#close.pressed)"/>
			</part>
		</style>

		<style id="toastMessageBoxHeader" tag="toastMessageBoxHeader">
			<part name="closer">
				<state name="hovered" fill="url(#close.hovered)"/>
				<state name="focused" fill="url(#close.hovered)"/>
				<state name="pressed" fill="url(#close.pressed)"/>
			</part>
		</style>	

		<style id="accToastHeader" accStyleFor="toastHead" >
			<part name="closer">
				<state name="hovered" fill="url(#close.accNormal)"/>
				<state name="focused" fill="url(#close.accNormal)"/>
				<state name="pressed" fill="url(#close.accNormal)"/>
			</part>
		</style>

    <!-- Toast Tab Style -->
    
    <style id="normalTab" tag="normalTab" inherits="box://boxelyToolkit/theme/toolkit.box#aolTab">
            <part name="label" inherits="#controlText" fontBold="true" textColor="#3171A6">
                <state name="selected" textColor="#000000"/>
                <state name="hovered" textColor="#1A5586" animateExit="url(#tabDehover)"/>
                <state name="pressed" textColor="#1A5586"/>
                <state name="focused" stroke="#1A5586" strokeWidth="1" strokePattern="dotted"/>
            </part>
            <state name="hovered" layer="above" zIndex="3"  fill="url(#bmp.aoltab.hover)"/> 
            <state name="pressed" layer="above" zIndex="3"   fill="url(#bmp.aoltab.click)"/>
            <state name="selected" layer="above" zIndex="4"   fill="url(#bmp.aoltab.sel)"  padding="0 3 0 3" >
                <state name="hovered" layer="above" zIndex="3"  fill="url(#bmp.aoltab.sel)"/>
            </state>
            <state name="disabled" opacity="35%"/>
    </style>

    <style id="accNormalTab" accStyleFor="normalTab" inherits="box://boxelyToolkit/theme/toolkit.box#accAolTabStyle">
        <part name="label" fontBold="false" inherits="#controlText" textColor="sysColorWindowText">
            <state name="focused" stroke="sysColorWindowText" strokeWidth="2" strokePattern="dotted"/>
            <attribute name="selected" value="true" fontUnderline="true" fontBold="true"/>
            <attribute name="selected" value="false" fontUnderline="false" fontBold="false"/>
        </part>
        
        <state name="hovered" layer="above" zIndex="3"  fill="OSTheme(tab,toptabitem,hot)"/>
        <state name="pressed" layer="above" zIndex="3" fill="OSTheme(tab,toptabitem,pressed)"/>
        <state name="selected" layer="above" zIndex="4" fill="OSTheme(tab,toptabitem,focused)" padding="0 3 0 3" />
        <state name="disabled" layer="above" zIndex="3" fill="OSTheme(tab,toptabitem,disabled)">
            <part name="label" inherits="#controlText" fontBold="false" fontColor="sysColorGrayText" padding="3 0 0 0" />
        </state>
    </style>

</library>
