<?xml version="1.0" encoding="UTF-8"?>
<!--
****************************************************************************

     File Name:   imGadgetStyles.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

****************************************************************************
-->



<!DOCTYPE window SYSTEM "box://imApp/resources/im.dtd">

<?import href="box://aimToolkit/theme/toolkit.box"?>
<?import href="box://imApp/content/imAppLib.box"?>
<?import href="box://imApp/theme/style.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">







    <style id="imContainerPane" margin="5 4 4 4" padding="0" fill="none" >
    </style>
    
    <style id="imContainerFormsHolder" flex="1" stroke="none" fill="none" />

    <style id="screenName" textColor="#FFFFFF" fontSize="14" fontBold="true" flex="1" maxWidth="auto" crop="right"
     textShadowColor="#d0000000" textShadowOffsetX="0" textShadowOffsetY="1" margin="3 0 3 4" padding="0"/>


    <style id="tabCloseButtonStyle" opacity="55%" height="11" width="11" margin="0">
        <attribute name="preLight" value="true" opacity="80%" /> 
        <state name="hovered" opacity="100%" colorAdd="#00000000" animateExit="url(#opacityAnimate)"/> 
        <state name="pressed" colorAdd="#008A4704" />
    </style>

    <style id="aolIMTabIconStyle" fill="" width="16" height="17">
        <attribute name="typing" value="true" fill="url(#png.typing)" animate="url(#fillAnimateIn)" animateExit="url(#fillAnimateOut)"/>
        <attribute name="flash"  value="true" fill="url(#png.imsent)" animate="url(#fillAnimateIn)" animateExit="url(#fillAnimateOut)"/>
        <attribute name="isCaught"  value="1" fill="url(#png.unknown)" animate="url(#fillAnimateIn)" animateExit="url(#fillAnimateOut)"/>
    </style>

    <style id="dialpadButton" minWidth="0" minHeight="0" />

    <style id="awayStatusTab" position="fixed" layer="above" layered="true" clipMode="replace"
           fill="url(#brush.awayColor2)" fillCornerRadius="4 4 0 0" 
           stroke="url(#pen.awayStroke) url(#pen.awayStroke) none url(#pen.awayStroke)" strokeWidth="1" strokeCornerRadius="3 3 0 0" strokeLayer="above"
           minHeight="20"
           top="-15" right="15"
           margin="0" padding="0 5" zIndex="1">
        <part name="label" textColor="black" />
        <attribute name="showAwayStatus" value="true" fill="url(#brush.awayColor1)" top="-14"/>
        <state name="hovered" fill="url(#brush.awayColor1)"/>
    </style>
    
    <style accStyleFor="awayStatusTab" inherits="#awayStatusTab" top="-20" 
           fill="sysColor3DFace" stroke="sysColor3DHighlight sysColor3DShadow none sysColor3DHighlight" >
        <part name="label" textColor="sysColorButtonText" />
        <attribute name="showAwayStatus" value="true" fill="sysColor3DFace" />
        <state name="hovered" fill="sysColor3DFace" />        
    </style>

    <style tag="conversationPane" id="conversationPaneTheme"
           stroke="#666668" strokeWidth="1" strokeCornerRadius="0 0 5 0"
        >
        <part name="historyInputSpacer" height="1" fill="url(#brush.lightStrokeColor)" margin="0 1" />
        <part name="imComposerContainer" padding="0 1" />
        <part name="sendBar" fill="url(#gradient.aimButton.normal)"
              stroke="url(#pen.aimButton.border)"
              strokeWidth="1"
              strokeCornerRadius="0 0 5 0"
              fillCornerRadius="0 0 7 0"
        />
        <part name="knockKnockArea" fill="#e0e0e0" fillCornerRadius="0 0 7 0"
              stroke="url(#pen.aimButton.border)" strokeCornerRadius="0 0 5 0" strokeLayer="above" strokeWidth="1"/>
        <part name="sendButton" width="47" margin="0" strokeCornerRadius="0 0 5 0" fillCornerRadius="0 0 7 0"/>
        <part name="audioButton"  strokeCornerRadius="0" fillCornerRadius="0" margin="0"/>
        <part name="videoButton"  strokeCornerRadius="0" fillCornerRadius="0" margin="0"/>
        <part name="picturesButton"  strokeCornerRadius="0" fillCornerRadius="0" margin="0"/>
        <part name="fileButton"  strokeCornerRadius="0" fillCornerRadius="0" margin="0"/>
    </style>

    <style accStyleFor="conversationPaneTheme" 
           stroke="sysColor3DHighlight" strokeWidth="1" 
        >
        <part name="historyInputSpacer" height="1" fill="sysColor3DHighlight" margin="0 1" />
        <part name="imComposerContainer" padding="0 1" />
        <part name="sendBar" fill="sysColor3DFace"
              stroke="sysColor3DHighlight" strokeWidth="1" 
        />
        <part name="knockKnockArea" fill="sysColor3DFace" stroke="sysColor3DHighlight" />
        <part name="sendButton" width="47" margin="0" />
    </style>
    
    <style tag="buddyIcon" id="buddyIconTheme">
        <attribute name="compact" value="true" width="48" stroke="#c0c0c0" strokeWidth="1" strokeLayer="above"/>
        <part name="iconHolder" fill="#e7e7e7" />
    </style>

    <style tag="aolIMTab" id="aolIMTabTheme" inherits="#aolVerticalTab" hSpace="0">
        <part name="icon" inherits="#aolIMTabIconStyle" margin="0" padding="0" fill="" />
        <part name="closeButton" inherits="#tabCloseButtonStyle"/>
        <part name="label" hAlign="left" />
    </style>    
    
    <style accStyleFor="aolIMTabTheme" inherits="#accAolVertTabStyle" hSpace="0">
        <part name="icon" inherits="#aolIMTabIconStyle" margin="0" padding="0" fill="" />
        <part name="closeButton" inherits="#tabCloseButtonStyle"/>
        <part name="label" hAlign="left" />
    </style>    
    
    <style tag="toUserPanel" id="toUserPanelTheme" padding="5" hSpace="5" fill="url(#toUserFace)">
        <part name="imToLabel" marginTop="3" />
        <part name="buddyIcon" fill="url(#buddyIcon.default)"  />
        <part name="buddyIconContainer" padding="0 5" />
        <part name="textInfoContainer" height="32" vAlign="start" marginTop="3px">
            <attribute name="show" height="1" value="false" animate="url(#ani.shrinkPanelY)" animateExit="url(#ani.growPanelY)"/>
        </part>
    </style>    

    <style tag="fileTransferRow" id="fileTransferRowStyle" inherits="#aolTreeRow" />
    <style id="accFileTransferRowStyle" accStyleFor="fileTransferRowStyle" inherits="#accAolTreeRow">
        <state name="selected" fill="sysColorItemHighlight" />
    </style>

    <style tag="aolRosterAndInvite" width="&im.form.chat.roster.width;" maxWidth="&im.form.chat.roster.width;" minWidth="&im.form.chat.roster.width;" 
           flex="1" orient="horizontal" vAlign="stretch"
           stroke="url(#pen.aimButton.border)" strokeCornerRadius="0 0 5 0" strokeLayer="above" strokeWidth="1"
           fill="#FFFFFF" fillCornerRadius="0 0 7 0">
        <part name="mainContainer" vAlign="stretch"/>
        <part name="inviteBuddy" margin="0" padding="2" fill="none"/>
        <part name="chatBuddiesListBox" padding="1" flex="1" overflow="scroll" margin="0 2 0 0" fill="none"/>
        <part name="smartInputChatInvite" flex="1"/>
    </style>

    <style tag="cancelInvitationForBuddy" padding="1 0 0 0" s:vAlign="center">
        <part name="close" fill="url(#png.tabClose.norm)" padding="0" margin="3 0 0 0" width="11" height="11" colorAdd="none">
            <state name="hovered" fill="url(#png.tabClose.roll)" colorAdd="none"/>
            <state name="pressed">
                <state name="hovered" fill="url(#png.tabClose.click)" padding="1 -1 -1 1"/>
            </state>
            <state name="focused" colorAdd="none"/>
        </part>
    </style>

    <style id="fileTransferStatusStyle" tag="fileTransferStatus" maxHeight="auto"
           stroke="#DCDDE2 none none none" strokeWidth="1" fill="#F0F0F5" >
        <attribute name="hide" value="true" animate="url(#hideFileStatusPanel)" />
        <state name="hovered" fill="#e0e0e5" animateExit="url(#fillAnimate)"/>
        <part name="contentArea" padding="0 0 0 2" />
        <part name="progress" width="75px" margin="1 2 0 0" />
        <part name="closeButton" margin="1 0 0 0" opacity="50" />
    </style>
    <style id="accFileTransferStatusStyle" accStyleFor="fileTransferStatusStyle" inherits="#fileTransferStatusStyle"
        fill="sysColor3DFace" stroke="sysColor3DHighlight none none none">
        <state name="hovered" fill="sysColor3DFace" />
    </style>
    
    <style tag="fileProgressBar" id="fileProgressBarStyle" padding="0" height="11" hAlign="center" 
           fill="url(#progressGradientBack)" fillCornerRadius="2" maxWidth="auto" overflow="hidden">
        <part name="label" zIndex="1" fontSize="10px" margin="0" padding="0" />
        <part name="numeratorContainer" position="fixed" left="1" top="1" bottom="1" />
        <part name="numerator"
            fill="url(#progressGradientTransferring)" fillCornerRadius="2"
            position="fixed" left="0" top="0" right="2" bottom="0" 
            zIndex="1"
            >
            <attribute name="transferState" value="failed" fill="url(#progressGradientFailed)" />
            <attribute name="transferState" value="completed" fill="url(#progressGradientCompleted)" />
        </part>
        <part name="numeratorStroke" 
            fill="none" fillCornerRadius="2"
            position="fixed" left="0" top="0" bottom="0"
            zIndex="0"
            />
    </style>    
    <style id="accFileProgressBarStyle" accStyleFor="fileProgressBarStyle" inherits="#fileProgressBarStyle"
           fill="none" 
        >
        <part name="numerator" fill="none">
            <attribute name="transferState" value="failed" fill="none" />
            <attribute name="transferState" value="completed" fill="none" />
        </part>
    </style>
    
    <style tag="awayStatusPanel" id="awayStatusPanelStyle" orient="vertical" flex="1" padding="5 5" 
           fill="url(#awayStatusPanelGradient)" 
           stroke="url(#pen.awayStroke)" strokeWidth="1" >
        <part name="awayStatusHolder" flex="1" maxHeight="auto" overflow="scroll" 
              marginBottom="5" padding="1 3"
              fill="white" fillcornerRadius="3"
              stroke="#a0a0a0" strokeWidth="1" strokeCornerRadius="2" strokeLayer="above"/>
    </style>
    
    <style accStyleFor="awayStatusPanelStyle" orient="vertical" flex="1" padding="5 5" 
           fill="sysColor3DFace" 
           stroke="sysColor3DHighlight"
           strokeWidth="1">
        <part name="awayStatusHolder" flex="1" maxHeight="auto" overflow="scroll" 
              marginBottom="5" padding="1 3"
              fill="sysColor3DFace" 
              stroke="sysColor3DHighlight" strokeWidth="1" strokeLayer="above"/>
    </style>
    
    <style tag="awayStatusItem" id="awayStatusItemStyle" orient="vertical" padding="5 1 1 1" flex="1">
        <part name="imCountHeader" marginRight="0" paddingRight="1" />
        <part name="imCountLabel" marginLeft="0" paddingLeft="1" />
        <part name="lastImTimestampHeader" marginRight="0" paddingRight="1" />
        <part name="lastImTimestamp" marginLeft="0" paddingLeft="1" />
        <part name="awaySinceHeader" marginRight="0" paddingRight="1" />
        <part name="awaySinceLabel" marginLeft="0" paddingLeft="1" />
        <part name="statusArea" fillCornerRadius="0 0 3 3" />
        <part name="iconAndMessage" flex="1" />
        <part name="dhtml" overflow="scroll" flex="1" marginLeft="8" />
        <part name="buddyIcon" width="48" height="48" fill="#e7e7e7" stroke="#c0c0c0" strokeWidth="1" strokeLayer="above" marginLeft="5"/>
    </style>    
    
    <style accStyleFor="awayStatusItemStyle" orient="vertical" padding="5 1 1 1" flex="1">
        <part name="imCountHeader" marginRight="0" paddingRight="1" />
        <part name="imCountLabel" marginLeft="0" paddingLeft="1" />
        <part name="lastImTimestampHeader" marginRight="0" paddingRight="1" />
        <part name="lastImTimestamp" marginLeft="0" paddingLeft="1" />
        <part name="awaySinceHeader" marginRight="0" paddingRight="1" />
        <part name="awaySinceLabel" marginLeft="0" paddingLeft="1" />
        <part name="statusArea" fillCornerRadius="0 0 3 3">
        </part>
        <part name="iconAndMessage" flex="1">
        </part>
        <part name="dhtml" overflow="scroll" flex="1" marginLeft="8">
        </part>
        <part name="buddyIcon" width="48" height="48" fill="#e7e7e7" stroke="#c0c0c0" strokeWidth="1" strokeLayer="above" marginLeft="5"/>
    </style> 


    <animation id="fillAnimateIn">
        <set name="collapsed" to="false"/>
        <animate name="fill" type="style" from="before" to="after" dur="300ms" fill="remove"/>
    </animation>

    <animation id="fillAnimateOut">
        <animate name="fill" type="style" from="before" to="after" dur="300ms" fill="remove"/>
        <set name="collapsed" to="true" begin="301ms"/>
    </animation>

    <animation id="ani.joinChat">
        <animate name="opacity" type="style" from="10%" to="100" dur="500ms"/>
    </animation>

    <animation id="ani.leaveChat">
        <animate name="opacity" type="style" from="before" to="10%" dur="3000ms"/>
    </animation>

    <animation id="ani.currentSpeaker.spot">
        <animate name="fill" type="style" from="#FF44FF44" to="#AAFFFF44" dur="3000ms"/>
        <animate name="fill" type="style" from="#before" to="#00444444" begin="3001ms" dur="250ms"/>
    </animation>

    <animation id="ani.currentSpeaker.spot.out">
        <animate name="fill" type="style" from="#before" to="#FF444444" dur="100ms"/>
        <animate name="fill" type="style" from="#before" to="00444444" begin="101ms" dur="0ms"/>
    </animation>
    
</library>