<menudetailedtext x="0" y="0" width="100%" height="100%" fadetime="0">
    <background>
        <area x="0" y="0" width="100%" height="100%" layer="1">
            <fill color="{clrTransBlack}" />
            <drawrectangle x="0" y="0" width="100%" height="10%" color="{clrBackground}" />
        </area>
        <area x="0" y="0" width="100%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="headertop" x="0" y="0" width="100%" height="100%"/>
        </area>
    </background>
    <scrollbar>
        <area x="97%" y="11%" width="2%" height="79%" layer="2">
            <fill color="{clrBorder}" />
            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrProgressbar}" />
        </area>
    </scrollbar>
    <!-- Available Variables in tab elements:
    {text}                    detailed text
    -->
    <tab name="text" x="2%" y="11%" width="94%" height="79%" layer="2" scrollheight="{areaheight}/4">
        <drawtextbox x="0" y="0" width="100%" font="{light}" fontsize="5%" color="{clrWhite}" text="{text}" />
    </tab>

</menudetailedtext>