<?xml version="1.0" encoding="UTF-8"?>
<layout>
<deck id="controls">
    <card id="tpNormalControls">
        <region id="tpBottomFloatRegion">
            <row skin="TopRowSkin">
                <group percentWidth="100" skin="TopGroupSkin" height="16">
                    <control id="tpScrubber" showTooltip="never" />
                </group>
            </row>
            <row>
                <spacer width="3" />
                <control id="tpPlay" icons="cnbcIconPlay,cnbcIconPause"/>
                <control id="tpButton" skin="cnbcVRule" />
                <group percentWidth="100">
                    <spacer width="5" />
                    <control id="tpCurrentTime" />
                    <control id="tpTimeDivider" />
                    <control id="tpTotalTime" />
                </group>
                <control id="tpButton" skin="cnbcVRule" />
                <control id="tpMute"/>
                <control id="tpButton" skin="cnbcVRule" />
                <control id="tpButton" callback="CNBCCards.info" icon="cnbcIconInfo"/>
                <control id="tpButton" skin="cnbcVRule" />
                <spacer width="6" />
                <control id="tpButton" callback="CNBCCards.share" icon="cnbcIconShare" skin="cnbcButtonSmallSkin" />
                <!--<control id="tpButton" callback="CNBCCards.twitter" icon="cnbcIconTwitter" skin="cnbcButtonSmallSkin" />
                <control id="tpButton" callback="CNBCCards.facebook" icon="cnbcIconFacebook" skin="cnbcButtonSmallSkin" />
                <control id="tpButton" callback="CNBCCards.mail" icon="cnbcIconMail" skin="cnbcButtonSmallSkin" />
                <control id="tpButton" callback="CNBCCards.embed" icon="cnbcIconEmbed" skin="cnbcButtonSmallSkin" />-->					<spacer width="3" />
                <control id="tpButton" skin="cnbcVRule" />
                <control id="tpFullScreen" />
                <control id="tpButton" skin="cnbcVRule" />
                <control id="tpButton" icon="cnbcIconLogo" callback="CNBCCards.goToNBC"  skin="cnbcButtonLogoSkin" />
                <spacer width="3" />
            </row>
        </region>
        <region id="tpBottomRegion">
        </region>
    </card>

    <card id="tpFullScreenControls">
        <region id="tpBottomFloatRegion" scale="2">
            <row skin="TopRowSkin">
                <group percentWidth="100" skin="TopGroupSkin" height="16">
                    <control id="tpScrubber" showTooltip="never" />
                </group>
            </row>
            <row>
                <spacer width="3" />
                <control id="tpPlay" icons="cnbcIconPlay,cnbcIconPause"/>
                <control id="tpButton" skin="cnbcVRule" />
                <group percentWidth="100">
                    <spacer width="5" />
                    <control id="tpCurrentTime" />
                    <control id="tpTimeDivider" />
                    <control id="tpTotalTime" />
                </group>
                <control id="tpButton" skin="cnbcVRule" />
                <control id="tpMute"/>
                <control id="tpButton" skin="cnbcVRule" />
                <control id="tpButton" callback="CNBCCards.info" icon="cnbcIconInfo"/>
                <control id="tpButton" skin="cnbcVRule" />
                <spacer width="6" />
                <control id="tpButton" callback="CNBCCards.share" icon="cnbcIconShare" skin="cnbcButtonSmallSkin" />
                <control id="tpButton" callback="CNBCCards.twitter" icon="cnbcIconTwitter" skin="cnbcButtonSmallSkin" />
                <control id="tpButton" callback="CNBCCards.facebook" icon="cnbcIconFacebook" skin="cnbcButtonSmallSkin" />
                <control id="tpButton" callback="CNBCCards.mail" icon="cnbcIconMail" skin="cnbcButtonSmallSkin" />
                <control id="tpButton" callback="CNBCCards.embed" icon="cnbcIconEmbed" skin="cnbcButtonSmallSkin" />					<spacer width="3" />
                <control id="tpButton" skin="cnbcVRule" />
                <control id="tpFullScreen" />
                <control id="tpButton" skin="cnbcVRule" />
                <control id="tpButton" icon="cnbcIconLogo" callback="CNBCCards.goToNBC"  skin="cnbcButtonLogoSkin" />
                <spacer width="3" />
            </row>
        </region>
        <region id="tpBottomRegion" scale="2">

        </region>
    </card>

    <card id="tpAdvertisementControls">
        <region id="tpTopFloatRegion">
            <row id="tpAdCountdownContainer" percentWidth="100">
                <control id="tpAdCountdown" text="Advertisement: {remainingTime}"/>
            </row>
        </region>
        <region id="tpBottomFloatRegion">
            <row>
                <spacer width="3" />
                <control id="tpPlay" icons="cnbcIconPlay,cnbcIconPause" />
                <group percentWidth="100">
                </group>
                <control id="tpMute"/>
                <control id="tpFullScreen" />
                <spacer width="3" />
            </row>
        </region>
    </card>

    <card id="tpFullScreenAdvertisementControls">
        <region id="tpAdCountdownRegion" scale="2">
            <row id="tpAdCountdownContainer" percentWidth="100">
                <control id="tpAdCountdown" text="Advertisement: {remainingTime}"/>
            </row>
        </region>
        <region id="tpBottomRegion" scale="2">
            <row>
                <spacer width="3" />
                <control id="tpPlay" icons="cnbcIconPlay,cnbcIconPause" />
                <group percentWidth="100">
                </group>
                <control id="tpMute"/>
                <control id="tpFullScreen" />
                <spacer width="3" />
            </row>
        </region>
    </card>

</deck>
</layout>