<?xml version="1.0" encoding="UTF-8"?>
<dhuiml version="1.0" xmlns="http://www.series60.com/xml/dhuiml/1">

<orientation id ="portrait" width="360">
   <element id="base"> 
         <layout id="mainlayout" positionx="0" positiony="0" width="360" height="462" />         
            <layout id="grid" positionx="2" positiony="18" width="358" height="444" />
         <layout id="gridlayout" positionx="0" positiony="0" width="338" scrollwidth="20" height="444" row="6" col="7"/>                              
         <layout id="bgimage" state="1" />                  
   </element>
   
    <element id="nohighlight">
        <layout id="anchor" name="anchor" positionx="0" positiony="0" width="111" height="110" >
                      
            <imagevisual id="mul_icon" positionx="19" positiony="5" width="74" height="74" fitmode="on">
                <attributesetter name="imagepath" targetvalue="mul_icon" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>         
                
            <imagevisual id="mul_indicator_1" positionx="80" positiony="1" width="27" height="27">
                <attributesetter name="imagepath" targetvalue="mul_indicator_1" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>    
            
            <imagevisual id="mul_indicator_2" positionx="8" positiony="1" width="27" height="27">
                <attributesetter name="imagepath" targetvalue="mul_indicator_2" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>    
                                               
            <textvisual id="mul_title" positionx="6" positiony="86" width="100"  height="21">
                <attributesetter name="text" targetvalue="mul_title" category="data" />
             <attributesetter name="style" targetvalue="qfn_primarysmall" />
             <attributesetter name="fontthemecolor" targetvalue="3" />
                <attributesetter name="horizontalalign" targetvalue="0" />
                <attributesetter name="verticalalign" targetvalue="1" />
                <attributesetter name="opacity" targetvalue="1" />
            </textvisual>              

            <!-- For matrix Menu Swap mode visulisation-->
        <imagevisual id="mul_icon_2" positionx="19" positiony="5" width="74" height="74" fitmode="off">
            <attributesetter name="imagepath" targetvalue="mul_icon" category="data" />
            <attributesetter name="opacity" targetvalue="1" />
        </imagevisual>         

            <!-- Matrix Menu Swap Mode Visulisation Ends here -->           

        </layout>
    </element>        

    <element id ="highlight">           
    </element>        

</orientation>

<orientation id ="landscape" width="502">
   <element id="base"> 
         <layout id="mainlayout" positionx="0" positiony="0" width="502" height="306" />
         <layout id="grid" positionx="7" positiony="6" width="475" height="300" />         
         <layout id="gridlayout" positionx="0" positiony="0" width="455" scrollwidth="20" height="300" row="3" col="4"/>                  
         <layout id="bgimage" state="1" />               
   </element>
   
    <element id="nohighlight">      
        <layout id="anchor" name="anchor" positionx="0" positiony="0" width="120" height="102" >
            
            <imagevisual id="mul_icon" positionx="25" positiony="4" width="70" height="70" fitmode="on">
                <attributesetter name="imagepath" targetvalue="mul_icon" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>   
            
            <imagevisual id="mul_indicator_1" positionx="82" positiony="1" width="27" height="27">
                <attributesetter name="imagepath" targetvalue="mul_indicator_1" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>

            <imagevisual id="mul_indicator_2" positionx="10" positiony="1" width="27" height="27">
                <attributesetter name="imagepath" targetvalue="mul_indicator_2" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>
               
            <textvisual id="mul_title" positionx="5" positiony="77" width="110"  height="21" horizontalalign="center" opacity="1">
                <attributesetter name="text" targetvalue="mul_title" category="data" />
                <attributesetter name="style" targetvalue="qfn_primarysmall" />
                <attributesetter name="fontthemecolor" targetvalue="8" />
                <attributesetter name="horizontalalign" targetvalue="1" />
                <attributesetter name="verticalalign" targetvalue="0" />            
                <attributesetter name="opacity" targetvalue="1" />
            </textvisual>
            <!-- For matrix Menu Swap mode visulisation-->
            <imagevisual id="mul_icon_2" positionx="25" positiony="4" width="70" height="70" fitmode="off">
                <attributesetter name="imagepath" targetvalue="mul_icon" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>   

            <!-- Matrix Menu Swap Mode Visulisation Ends here -->                           

        </layout>
    </element>        

    <element id ="highlight">   

    </element>        

</orientation>

</dhuiml>
