<?xml version="1.0" encoding="UTF-8"?>
<!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:d="urn:import:org.ovirt.engine.ui.common.widget.dialog" xmlns:e="urn:import:org.ovirt.engine.ui.webadmin.widget.editor">

    <ui:with field='resources' type='org.ovirt.engine.ui.webadmin.ApplicationResources' />

    <ui:style type="org.ovirt.engine.ui.webadmin.section.main.view.popup.guide.GuidePopupView.Style">
        .infoPanel {
            padding-left: 15px;
            padding-top: 15px;
            font-weight: bold;
        }

        .noteLabel {
            padding-top: 10px;
            font-weight: normal;
        }

        .section {
            padding-left: 15px;
            padding-top: 15px;
            font-weight: bold;
        }

        .actionButtonContent {
            min-width: 415px;
            text-align: left;
        }

        .actionButton {
            margin-bottom: 10px;
        }

        .actionsLabel {
            padding-bottom: 15px;
        }

        @external obrand_dialogLogoGuideImageWrapper;
        .obrand_dialogLogoGuideImageWrapper {
        }

        @external obrand_dialogLogoGuideImage;
        .obrand_dialogLogoGuideImage {
        }
    </ui:style>

    <d:SimpleDialogPanel width="450px" height="400px">
        <d:logo>
            <g:Image styleName='obrand_dialogLogoGuideImage' url="clear.cache.gif" />
        </d:logo>

        <d:content>
            <g:FlowPanel addStyleNames="gpv_flowPanel_pfly_fix">
                <g:VerticalPanel addStyleNames="{style.infoPanel}">
                    <g:Label ui:field="infoLabel"/>
                    <g:Label ui:field="noteLabel" addStyleNames="{style.noteLabel}"/>
                </g:VerticalPanel>
                <g:VerticalPanel ui:field="compulsorySection" addStyleNames="{style.section}" visible="false">
                    <g:Label ui:field="compulsoryActionsLabel" addStyleNames="{style.actionsLabel}"/>
                    <g:VerticalPanel ui:field="compulsoryActionsPanel"/>
                </g:VerticalPanel>
                <g:VerticalPanel ui:field="optionalSection" addStyleNames="{style.section}" visible="false">
                    <g:Label ui:field="optionalActionsLabel" addStyleNames="{style.actionsLabel}"/>
                    <g:VerticalPanel ui:field="optionalActionsPanel"/>
                </g:VerticalPanel>
            </g:FlowPanel>
        </d:content>
    </d:SimpleDialogPanel>

</ui:UiBinder>
