<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
             xmlns:g="urn:import:com.google.gwt.user.client.ui"
             xmlns:m="urn:import:com.gwtmobile.ui.client.widgets"
             xmlns:p="urn:import:com.gwtmobile.ui.kitchensink.client.widget">
    <ui:style>
        .container {
            -webkit-box-orient: horizontal !important;
            -webkit-box-flex: 0 !important;
        }

        .left > div:first-child {
            border-top-right-radius: 0 0;
            -webkit-box-shadow: rgba(0, 0, 0, 1) 0em 0em 0.5em;
        }

        .left > div:last-child {
            border-bottom-right-radius: 0 0;
            -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0em 0.2em 0.2em;
        }

        .left > div {
            border-right: 1px solid #333333;
        }

        .right > div:first-child {
            border-top-left-radius: 0 0;
            -webkit-box-shadow: rgba(0, 0, 0, .35) 0em -0.2em 0.1em;
        }

        .right > div:last-child {
            border-bottom-left-radius: 0 0;
            -webkit-box-shadow: rgba(0, 0, 0, .35) 0em 0.2em 0.1em;
        }

        .right > div {
            border-left: 1px solid #666666;
        }

        .left, .right {
            -webkit-box-flex: 1;
        }
    </ui:style>
    <g:HTMLPanel>
        <p:PhoneGapHeaderPanel caption="File"></p:PhoneGapHeaderPanel>
        <!-- 		<m:ScrollPanel> -->
        <g:HTMLPanel styleName="Container">
            <g:HTMLPanel styleName="Container {style.container}">
                <m:ListPanel ui:field="list0" secondaryStyle="{style.left}">
                    <g:Label>Get File</g:Label>
                    <g:Label>Get Metadata</g:Label>
                    <g:Label>Is File</g:Label>
                    <g:Label>Is Directory</g:Label>
                    <g:Label>Full Path</g:Label>
                    <g:Label>File</g:Label>
                    <g:Label>Move To</g:Label>
                    <g:Label>Copy To</g:Label>
                    <g:Label>To URI</g:Label>
                </m:ListPanel>
                <m:ListPanel ui:field="list1" secondaryStyle="{style.right}">
                    <g:Label>Get Parent</g:Label>
                    <g:Label>Create Writer</g:Label>
                    <g:Label>Write</g:Label>
                    <g:Label>Truncate</g:Label>
                    <g:Label>Seek</g:Label>
                    <g:Label>Abort</g:Label>
                    <g:Label>Read As Data URL</g:Label>
                    <g:Label>Read As Text</g:Label>
                    <g:Label>Remove</g:Label>
                </m:ListPanel>
            </g:HTMLPanel>
            <m:ScrollPanel ui:field="scroller" secondaryStyle="Output">
                <g:HTML ui:field="text" styleName="O1utput">Console</g:HTML>
            </m:ScrollPanel>
        </g:HTMLPanel>
        <!-- 		</m:ScrollPanel> -->
    </g:HTMLPanel>
</ui:UiBinder>