<stkgui>

<div x="5%" y="5%" width="90%" height="90%" layout="vertical-row" >

    <header width="80%" text="New Game" align="center" text_align="center" />
    
    <spacer proportion="1" width="25"/>
    
    <div layout="horizontal-row" width="100%" height="50" align="center">
        <label proportion="1" height="100%"
               I18N="In the new story mode game dialog" text="Select your identity" text_align="right" />
        <spacer width="50" height="25"/>
        <spinner id="identity" proportion="1" height="100%" min_value="0" wrap_around="true"/>
    </div>
    
    <spacer proportion="1" width="25"/>
    
    <ribbon id="difficulty" height="135" width="85%" align="center">
        <icon-button id="novice" width="128" height="128" icon="gui/difficulty_easy.png"
                I18N="Difficulty" text="Novice"/>
        <icon-button id="intermediate" width="128" height="128" icon="gui/difficulty_medium.png" 
                I18N="Difficulty" text="Intermediate"/>
        <icon-button id="expert" width="128" height="128" icon="gui/difficulty_hard.png"
                I18N="Difficulty"  text="Expert"/>
    </ribbon>
    
    <spacer width="25" proportion="1"/>
    
    <button id="startgame" text="Start Game" align="center"/>
    
    <spacer width="25" height="5"/>

    <button id="cancel" text="Cancel" align="center"/>
</div>

</stkgui>
