
<?import href="box://boxelyToolkit/theme/toolkit.box"?>
<?import href="box://boxelyToolkit/content/gadgets.box"?>

<library xmlns="http://www.aol.com/boxely/resource.xsd"
	accStyles="box://PlaxoApp/theme/accstyle.box">
	
	<bitmap id="plaxobmp.box" src="box://plaxoApp/theme/images/plaxo_box.png"/>
	<bitmap id="plaxobmp.cardback" src="box://plaxoApp/theme/images/plaxo_cardback.png"/>
	<bitmap id="plaxobmp.wizhdr.topRight" src="box://plaxoApp/theme/images/plaxo_wizhdrTopRight.png"/>
	<bitmap id="plaxobmp.headerback" src="box://plaxoApp/theme/images/plaxo_hdrback.png"/>
	<bitmap id="plaxobmp.headerback.top" src="box://plaxoApp/theme/images/plaxo_hdrbackTop.png"/>
	<bitmap id="plaxobmp.sidebox" src="box://plaxoApp/theme/images/plaxo_sidebox.png"/>
	<bitmap id="plaxobmp.sideboxtop" src="box://plaxoApp/theme/images/plaxo_sideboxtop.png"/>
	<bitmap id="plaxobmp.sideboxbottom" src="box://plaxoApp/theme/images/plaxo_sideboxbottom.png"/>
	<bitmap id="plaxobmp.cleartabcontainer" src="box://plaxoApp/theme/images/plaxo_tabback.png"/>
	<bitmap id="plaxobmp.aoltab" src="box://plaxoApp/theme/images/aoltab.png"/>
	<bitmap id="plaxobmp.aoltab.sel" src="box://plaxoApp/theme/images/aoltab_sel_2.png"/>
	<bitmap id="plaxobmp.alertframe" src="box://plaxoApp/theme/images/alertFrame.png"/>
	<bitmap id="plaxobmp.alertframeTop" src="box://plaxoApp/theme/images/alertFrameTop.png"/>
	<bitmap id="plaxobmp.installback" src="box://plaxoApp/theme/images/installback.png"/>
	<bitmap id="plaxobmp.colback" src="box://plaxoApp/theme/images/plaxo_colback.png"/>
	<bitmap id="plaxobmp.progback" src="box://plaxoApp/theme/images/plaxo_progback.png"/>
	<bitmap id="plaxobmp.progfront" src="box://plaxoApp/theme/images/plaxo_progfront.png"/>
	<bitmap id="plaxobmp.progress.numerator" src="box://plaxoApp/theme/images/progress.png"/>
	<bitmap id="plaxobmp.progress.denominator" src="box://plaxoApp/theme/images/progress_back.png"/>
 
	<imageBrush id="plaxomask.comboDropArrow" fill="box://plaxoApp/theme/images/comboBoxdropArrow.png"/>
 
    <linearGradientBrush id="plaxobrush.footer.gradient">
        <rotateTransform angle="-90"/>
		<gradientStops>
            <gradientStop offset="0%" color="#F0F0F0"/>
            <gradientStop offset="100%" color="#D7D7D7"/>
        </gradientStops>
    </linearGradientBrush>
 
    <linearGradientBrush id="plaxobrush.alert.gradient">
        <rotateTransform angle="-90"/>
		<gradientStops>
            <gradientStop offset="0%" color="#FFFFFF"/>
			<gradientStop offset="50%" color="#FFFFFF"/>
            <gradientStop offset="100%" color="#CEE4F5"/>
        </gradientStops>
    </linearGradientBrush>
    
    <linearGradientBrush id="plaxobrush.splash.gradient">
        <rotateTransform angle="90"/>
		<gradientStops>
            <gradientStop offset="0%" color="#ffffff"/>
			<gradientStop offset="20%" color="#ffffff"/>
			<gradientStop offset="100%" color="#b3d5f0"/>
        </gradientStops>
    </linearGradientBrush>
 
	<style id="plaxoWndBkgnd" 
		fill="url(#plaxobrush.alert.gradient)" />
		
    <style id="plaxoBox" 
        margin="0"
        padding="15 0 5 15"
        fill="url(#plaxobmp.box)"
        fillSlice="8"
        fillSize="both"/>
	
	<style id="plaxoCardback" 
		margin="0"
		padding="3" />
		
	<style id="plaxoFooterBack"
		fill="url(#plaxobrush.footer.gradient)" />
		
	<style id="plaxoColumnBack"
		fill="url(#plaxobmp.colback)" 
		fillSlice="0 0 1 0" 
		fillsize="both" />
		
	<style id="plaxoColumn2Back"
		fill="#F3F4F6"/>
				
	<style id="plaxoCardUIBack"
		fill="#ffffff" />
				
	<style id="plaxoCardback2" 
		margin="0"
		padding="3"
		fill="url(#plaxobmp.cardback)"
		fillSlice="7 7 7 7"
		fillSize="both"/>
		
	<style id="plaxoInstallBack"
		fill="#FFEDC9"/>
		
	<style id="plaxoPrivacyback"
		fill="#DEECF7" 
		margin="8 8 8 8" 
		fillCornerRadius="5" />
		
  <style id="plaxoPrivacyback2"
		fill="#FFEDC9" 
		margin="8 8 8 8" 
		fillCornerRadius="5" />
		
	<style id="plaxoSideboxContent"
		textColor="#666666" 
		fontSize="11px" />
	
	<style id="plaxoSideboxColor"
		textColor="#666666" />
		
	<style id="plaxoBulletColor"
		textColor="#2873B3" />
		
	<style id="plaxoBullet2Color"
		textColor="#000000" />
		
	<style id="plaxoWizardBack"
		fill="#FFFFFF" />
		
	<style id="plaxoWizardHeader"
		margin="1"
		padding="0"
		fill="#EAEBF0" />
	
	<style id="plaxWizardHeaderTopRight"
		fill="url(#plaxobmp.wizhdr.topRight)"
		fillSlice="0 0 7 40"
		fillSize="both"/>
	
	<style id="wizardHeaderText"
		margin="5 0 5 10"
		fontBold="true" 
		fontSize="12px"/>
	
	<style id="wizardContentBack"
		fill="#FFFFFF"/>
	
	<style id="headerProgressLabel"
		margin="5 0 5 0" 
		padding="0" />
		
    <style id="plaxoHeaderBackground" 
        fill="url(#plaxobmp.headerback)"
        fillSlice="85 140 1 1"
		fillSize="x"/>

    <style id="plaxoHeaderBackTop" 
        fill="url(#plaxobmp.headerback.top)"
		fillSize="both"/>

	<style id="infoBoxInner" 
		stroke="#d6dcde" 
		strokeWidth="1" 
		flex="1" 
		fill="#FFFFFF" 
		padding="15 0 8 5" 
		margin="6 0 4 0" />	

	<style id="plaxoDoneHdr"
		fontSize="14px" 
		textColor="#363636" />
		
	<style id="plaxoDoneHdr2"
		fontSize="14px"
		textColor="#363636" />
		
	<style id="plaxoInstallHdr"
		fontSize="12px" 
		textColor="#000000" />
		
	<style id="plaxoDoneBack"
		fill="url(#plaxobrush.splash.gradient)" />
	
	<style id="plaxoSplashBack"
		fill="url(#plaxobrush.splash.gradient)" />
		
    <style id="plaxoSidebox" 
        margin="0"
        padding="5 0 5 15"
        fill="url(#plaxobmp.sidebox)"
        fillSlice="25 10 10 10"
        fillSize="both"/>
        
    <style id="plaxoSideTop"
		padding="5 0 0 15"
		fill="url(#plaxobmp.sideboxtop)"
		fillSlice="2 10 2 10"
		fillSize="both"/>
		
    <style id="plaxoSideBottom"
		padding="0 0 5 15"
		fill="url(#plaxobmp.sideboxbottom)"
		fillSlice="2 10 2 10"
		fillSize="both"/>
        
	<style id="plaxoSideboxHeader"
		margin="1 0 2 0"
		padding="0"
		fontBold="true" 
		fontSize="14px" 
		flex="1"
		textColor="#FFFFFF" />
		
	<style id="plaxoWaitDialog"
		fill="#FFFFFF" />
		
	<style id="plaxoSideboxH2"
		fontBold="true" 
		textColor="#5d95ca" />

	<style id="plaxoSideboxH3"
		fontBold="true" 
		textColor="#676767" />

  <style id="plaxoSideHBack"
    fill="#F0F1F3" />
  
	<style id="plaxoCardHeader"
		padding="0" 
		margin="0" 
		fontSize="12px" 
		fontWeight="bold" 
		textColor="#4F98D6" />
		
	<style id="plaxoAlertFrame"
		fill="url(#plaxobmp.alertFrame)"
        fillSlice="25 5 5 5"
		fillSize="both"
		padding="0"
		opacity="100" />
		
	<style id="plaxoAlertFrameTop"
		fill="url(#plaxobmp.alertFrameTop)"
        fillSlice="3 5 5 5"
		fillSize="both" />

    <style tag="plaxoColumn2" id="plaxoColumn2Style" >
        <part name="name" textColor="#676767" />
    </style>

    <style tag="plaxoProgressBar" id="plaxoProgressBarStyle" fill="url(#plaxobmp.progback)" padding="1" height="13" width="112" fillSlice="0 0 0 0" fillSize="both" stroke="#FFFFFF" strokeWidth="1">
        <part name="numerator" fill="url(#plaxobmp.progfront)" fillSlice="0 0 0 0" fillSize="both" />
    </style>
 
    <style tag="plaxoProgSeparator" id="plaxoProgSeparatorStyle" fill="#FFFFFF" />
 
    <style tag="plaxoHdrProgressBar" id="plaxoHdrProgressBarStyle" stroke="#FFFFFF" strokeWidth="1" width="112" height="13"/>
 
    <style tag="plaxoBigProgressBar" id="plaxoBigProgressBarStyle" padding="1" height="20" fill="url(#plaxobmp.progress.denominator)" fillSlice="1 1 1 1" fillSize="both" >
        <part name="numerator" fill="url(#plaxobmp.progress.numerator)" margin="0" fillSlice="0 0 0 0" fillSize="both"/>
    </style>

    <!-- this is the tab container -->
    <style tag="plaxoClearTabs" id="aolTabsStyle" layer="above">
        <attribute name="axis" value="x" fill="url(#plaxobmp.cleartabcontainer)" fillSlice="0 3 0 3" fillSize="both" padding="2 2 0 5" margin="0 0 -1 0" orient="horizontal"/>
        <attribute name="axis" value="y" strokeCornerRadius="0" fillCornerRadius="0" fill="url(#aolTabsGradient)" padding="1 0 3 0" margin="0 0 0 1" stroke="#666666" strokeWidth="1" orient="vertical"/>
    </style>
    
    <!-- tab style -->
    <!-- since we are using art, we have to set some explicit heights and paddings -->
    <style tag="plaxoClearTab" id="aolTab" zIndex="2" padding="1 3 -1 3" margin="2 1 0 0" minWidth="50" minHeight="23"
        fill="url(#plaxobmp.aoltab)" fillSlice="0 3 0 3" fillSize="both"
        vAlign="center" hAlign="center" hSpace="5" vSpace="5">
        <part name="icon"/>
        <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"/>
        </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(#plaxobmp.aoltab.sel)"  padding="0 3 0 3" >
            <state name="hovered" layer="above" zIndex="3"  fill="url(#plaxobmp.aoltab.sel)"/>
        </state> <!-- offsetBottom="6"  -->
        <state name="disabled" opacity="35%"/>
   </style>
   
    <style tag="plaxoLink" id="plaxoLinkStyle" cursor="pointer">
        <part name="text" textColor="#1D7AC9" fontUnderline="false" >
            <state name="focused" stroke="#000000" strokeWidth="1" strokePattern="dotted" />
            <state name="disabled" textColor="#6a6a6a" animate="url(#controlTextDisable)" animateExit="url(#controlTextEnable)"/>
        </part>
    </style>
    
    <style tag="plaxoSingleLineLink" id="plaxoSingleLineLinkStyle" cursor="pointer">

		<!-- appears to be a boxley bug, just changing underline does not cause underline
			 so we also change the color slightly -->

        <part name="text" textColor="#1D7AC9" fontUnderline="false" >
            <state name="focused" stroke="#000000" strokeWidth="1" strokePattern="dotted" />
            <state name="disabled" textColor="#6a6a6a" animate="url(#controlTextDisable)" animateExit="url(#controlTextEnable)"/>
        </part>
    </style>

	<style tag="plaxoPhotoWidget" id="plaxoPhotoWidgetStyle" cursor="pointer">
        <part name="preLightLayer" opacity="0" focusMode="ignore" position="fixed" top="-2" bottom="-6" left="-2" right="-6" fill="url(#brush.button_halo.blue)">
            <attribute name="search" value="true" fill="url(#brush.button_halo.green)"/>
            <state name="focused" opacity="100" animate="url(#buttonFocusFadeIn)" animateExit="url(#buttonFocusFadeOut)"/>
        </part>
	</style>

    <style tag="plaxoCombobox" id="plaxoComboboxStyle" padding="0" vAlign="stretch" fill="url(#comboBoxGradient)" stroke="#92A2B2" strokeWidth="1" strokeCornerRadius="2" fillCornerRadius="2" minHeight="20">
        <part name="preLightLayer" opacity="0" focusMode="ignore" position="fixed" top="-2" bottom="-6" left="-2" right="-6" fill="url(#brush.button_halo.blue)">
            <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" crop="right"/>
        <part name="separator" minWidth="1" fill="black"/>
        <part name="dropdown" width="8" height="4" fill="sysColorButtonText" mask="url(#plaxomask.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>
        <part name="labelArea" vAlign="center" hAlign="center" 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="plaxoBirthdayRemind" fill="#F6C74B" cursor="pointer">
		<part name="message" textColor="#473256" fontSize="12px" />
	</style>

    <style tag="plaxoRadioButton" id="plaxoRadioButtonStyle" inherits="#control" padding="2" hSpace="2" vSpace="2">
        <attribute name="axis" value="x" vAlign="center" hAlign="center"/>
        <attribute name="axis" value="y"  orient="vertical" vAlign="center" hAlign="center"/>
        <state name="focused" stroke="#336a6a6a" strokeWidth="1" animate="url(#checkRadioStrokeFadeIn)" animateExit="url(#checkRadioStrokeFadeOut)"/>
        <part name="checkmark" icon="url(#bmp.radiobutton)">
            <state name="hovered"
                colorAdd="#00002233"
                animate="url(#controlHover)"
                animateExit="url(#controlDehover)"/>
            <state name="selected" icon="url(#bmp.radiobutton.on)">
                <state name="hovered"
                    colorAdd="#00002233"
                    animate="url(#controlHover)"
                    animateExit="url(#controlDehover)"/>
            </state>
        </part>
        <part name="label" inherits="#controlText" hAlign="left">
            <attribute name="autoHighlight" value="on" textHighlight="url(#brush.searchHilight)"/>
            <attribute name="autoHighlight" value="off" textHighlight="none"/>
        </part>
    </style>

</library>
