<style resid=framess>
    element
    {
        background: argb(0,0,0,0);
    }
    element [id=atom(contentcontainer)]
    {
        background: rcbmp(100,6,#FF00FF,sysmetric(0),sysmetric(1),0,0);
    }
    button
    {
        background: rcbmp(112,6,#FF00FF,0,0,1,0);
        borderthickness: rect(8,8,0,8);
    }
</style>

<style resid=toppanelss>
    element
    {
        background: argb(0,0,128,0);
    }
    element [id=atom(toppanel)]
    {
        background: rcbmp(124,6,#FF00FF,0,0,1,0);
        alpha: 255;
    }
    element [id=atom(divider)]
    { 
        background: rcbmp(124,6,#FF00FF,0,0,1,0);
    }
</style>

<style resid=splashss>
    element
    {
        background: argb(0,0,0,0);
    }
    element [id=atom(splash)]
    {
        background: rcbmp(2005,7,#FF00FF,600rp,500rp,0,0);
    }
	 element [id=atom(splash)][mousewithin] 
    {
        background: rcbmp(125,7,#FF00FF,600rp,500rp,0,0);
    }
</style>

<style resid=bottompanelss>
    element
    {
        background: argb(0,0,0,0);
    }
    element [id=atom(bottompanel)]
    {
        background: argb(128,128,128,128);
        fontface: rcstr(2);
    }
    element [id=atom(divider)]
    { 
        background: rcbmp(126,6,#FF00FF,0,0,1,0);
    }
    element [id=atom(options)]
    {
        padding: rect(5rp,40rp, 5rp,25rp);
    }
    button
    {
        fontface: rcstr(1);        
        fontsize: 8 pt;
        foreground: rgb(255,255,255);
        cursor: hand;
		fontweight: normal;
    }
    button [mousefocused]
    {
	    foreground: rgb(255,255,255);
        fontstyle: underline;
    }
    button [selected]
    {
        fontstyle: underline;
    }
     element [id=atom(instruct)]
    {
        contentalign: wrapleft;
        padding: rect(8rp,0,0,0);
        fontsize: rcint(43) pt;
        foreground: rgb(255,255,255);
    }
    element [id=atom(powerbutton)]
    {
        background: rcbmp(107,7,#FF00FF,30rp,30rp,0,0);
        content: rcbmp(2004,6,#FF00FF,30rp,30rp,0,0);
        contentalign: middlecenter;
    }
    element [id=atom(powerbutton)][mousefocused]
    {
        background: rcbmp(2002,7,#FF00FF,30rp,30rp,0,0);
        content: rcbmp(2004,6,#FF00FF,30rp,30rp,0,0);
    }
    element [id=atom(undockbutton)]
    {
        content: rcbmp(108,3,#FF00FF,30rp,30rp,0,0);
    }
    element [id=atom(undockbutton)][keyfocused]
    {
        content: rcbmp(2003,3,#FF00FF,30rp,30rp,0,0);
    }
</style>

<style resid=leftpanelss>
    element
    {
        background: argb(0,0,0,0);
        fontface: rcstr(1);
    }
    element [id=atom(product)]
    {
        animation: alpha | s | mediumslow;
    }
    element [id=atom(leftpanel)]
    {
        foreground: rgb(255,255,255);
    }
    element [id=atom(welcome)]
    {
        fontsize: rcint(44) pt;
        fontweight: normal;
        padding: rect(0rp,0rp,22rp,0);
        contentalign: middlecenter;
    }
    element [id=atom(welcomeshadow)]
    {
        foreground: rgb(255,255,255);
        fontsize: rcint(44) pt;
        fontweight: normal;
        padding: rect(0rp,0rp,22rp,0);
        contentalign: middlecenter;
    }
    element[id=atom(help)]
    {
        fontsize: rcint(45) pt;
        padding: rect(81rp,81rp,0,0);
        contentalign: middlecenter;
    }
</style>

<style resid=centerpanelss>
    element
    {
        background: argb(0,0,0,0);
    }
    element [id=atom(centerpanel)]
    {
        background: rcbmp(124,6,#FF00FF,0,0,1,0);
    }
    element [id=atom(divider)]
    { 
        background: rcbmp(124,6,#FF00FF,0,0,1,0);
    }
    scrollbar [vertical]
    {
        layoutpos: nineright;
        background: rgb(255,255,255);
    }
    viewer
    {
        layoutpos: nineclient;
    }
    thumb
    {
        background: rcbmp(111,6,#FF00FF,0,0,1,0);
        borderthickness: rect(3,3,3,3);
    }
    repeatbutton [id=atom(lineup)]
    {
        content: rcbmp(110,3,-1,sysmetric(20),sysmetric(20),0,0);
    }
    repeatbutton [id=atom(linedown)]
    {
        content: rcbmp(109,3,-1,sysmetric(20),sysmetric(20),0,0);
    }
    repeatbutton [id=atom(pageup)]
    { 
        background: rcbmp(2007,6,#FF00FF,0,0,1,0);
    }
    repeatbutton [id=atom(pagedown)]
    { 
        background: rcbmp(2008,6,#FF00FF,0,0,1,0);
    }

</style>

<style resid=rightpanelss>
    element
    {
        background: argb(0,0,0,0);
    }
</style>
<style resid=hotaccountlistss>
    element
    {
        background: argb(0,0,0,0);
        fontface: rcstr(3);
		fontweight: normal;
    }
    selector
    {
        padding: rect(0,10rp,5rp,10rp);
    }
    logonaccount
    {
        cursor: hand;
        background: argb(0,0,0,0);
        foreground: rgb(255,255,255);
        alpha: 255;
    }
    logonaccount [logonstate=1] 
    {
        animation: rectangle | s | mediumfast;
        cursor: arrow;
        alpha:255;
    }
    logonaccount [mousewithin]
    {
        cursor: hand;

        alpha:255;
    }
    logonaccount [selected]
    {
        cursor: hand;

        alpha:255;
    }
    element [id=atom(userpane)]
    {
        padding: rect(7rp,7rp,19rp,7rp);
        borderthickness: rect(0,0,0,0);
        fontsize: rcint(45) pt;
		fontweight: normal;
    }
    element [id=atom(userpane)][selected]
    {
        background: argb(0,128,128,128);
    }

    element [id=atom(pictureframe)] 
    {
	    background: rcbmp(113,7,#FF00FF,0,0,1,0);
        borderthickness: rect(0,0,0,0);
        margin: rect(0,0,7rp,0);
        alpha: 255;

    }
    element [id=atom(pictureframe)] [mousefocused]
    {
        background: rcbmp(119,7,#FF00FF,0,0,1,0);
        borderthickness: rect(0,0,0,0);
        margin: rect(0,0,7rp,0);
        alpha: 255;
    }
    element [id=atom(pictureframe)] [selected]
    {
        background: rcbmp(113,7,#FF00FF,0,0,1,0);
        borderthickness: rect(0,0,0,0);
        margin: rect(0,0,7rp,0);
        alpha: 255;
    }
    element [id=atom(username)]
    {
        foreground: rgb(255,255,255);
        contentalign: endellipsis;
    }
	element [id=atom(username)] [mousefocused]
    {
        foreground: rgb(255,255,255);
        contentalign: endellipsis;
	}
    element [id=atom(username)] [selected]
    {
        foreground: rgb(255,255,255);
        contentalign: endellipsis;
	}		
    button [class="status"]
    {
        foreground: rgb(255,255,255);
        fontsize: rcint(47) pt;
		fontweight: normal;
        contentalign: wrapleft;
    }
    button [class="status"][mousefocused]
    {
        foreground: rgb(255,255,255);
        fontstyle: underline;
    }
    button [class="status"][keyfocused]
    {
        foreground: rgb(255,255,255);
        fontstyle: underline;
    }
    button [class="status"][selected]
    {
        foreground: rgb(255,255,255);
        fontsize: rcint(47) pt;
        fontweight: normal;
    }

</style>

<style resid=accountlistss>
    element
    {
        background: argb(0,0,0,0);
        fontface: rcstr(3);
		fontweight: normal;
    }
    selector
    {
        padding: rect(0,10rp,5rp,10rp);
    }
    logonaccount
    {
        cursor: hand;
        foreground: rgb(255,255,255);
        background: argb(0,0,0,0);
        alpha: 255;
     }
    logonaccount [logonstate=1] 
    {
        animation: rectangle | s | mediumfast;
        cursor: arrow;
    }
    element [id=atom(userpane)]
    {
        padding: rect(7rp,7rp,19rp,7rp);
        borderthickness: rect(0,0,0,0);
        fontsize: rcint(45) pt;
		fontweight: normal;
    }
    element [id=atom(userpane)][selected]
    {
        background: rcbmp(112,6,#FF00FF,0,0,1,0);
    }
    element [id=atom(pictureframe)]
    {
        background: rcbmp(113,7,#FF00FF,0,0,1,0);
        borderthickness: rect(0,0,0,0);
        margin: rect(0,0,7rp,0);
    }
    element [id=atom(username)]
    {
        foreground: rgb(255,255,255);
        contentalign: endellipsis;
    }
    button [class="status"]
    {
        foreground: rgb(255,255,255);
        fontsize: rcint(47) pt;
		fontweight: normal;
        contentalign: wrapleft;
    }
    button [class="status"][mousefocused]
    {
         fontstyle: underline;
    }
    button [class="status"][keyfocused]
    {
        fontstyle: underline;
    }
    button [class="status"][selected]
    {
        foreground: rgb(0,0,0);
        fontsize: rcint(47) pt;
        fontweight: normal;
    }

</style>

<style resid=passwordpaness>
    element
    {
        background: argb(0,0,0,0);
    }
    element [id=atom(passwordpanelayer)]
    {
        padding: rect(71rp,30rp,0,0);
    }
    element [id=atom(instruct)]
    { 
        fontface: rcstr(3);
        fontsize: rcint(47) pt;
		fontweight: normal;
        foreground: rgb(255,255,255);
        padding: rect(0rp,0,0,0rp);	
    }
    edit [id=atom(password)]
    {
        background: rcbmp(102,7,#FF00FF,171,34,1,0);
        borderthickness: rect(7,7,7,7);
        passwordcharacter: 9679;
        fontface: "Arial";
        fontsize: 13pt;
    }
    button [id=atom(go)]
    {
        margin: rect(5rp,0,0,0);
        background: rcbmp(103,7,#FF00FF,32rp,32rp,0,0);
	content: rcbmp(2004,6,#FF00FF,32rp,32rp,0,0);
        padding: rect(0rp,0rp,0,0rp);
    }
    button [id=atom(go)][mousefocused]
    {
        background: rcbmp(104,7,#FF00FF,32rp,32rp,0,0);
	content: rcbmp(2004,6,#FF00FF,32rp,32rp,0,0);
    }
    button [id=atom(info)]
    {
        margin: rect(5rp,0,0,0);
        background: rcbmp(105,7,#FF00FF,32rp,32rp,0,0);
	content: rcbmp(2004,6,#FF00FF,32rp,32rp,0,0);
    }
    button [id=atom(info)][mousefocused]
    {
        background: rcbmp(106,7,#FF00FF,32rp,32rp,0,0);
	content: rcbmp(2004,6,#FF00FF,32rp,32rp,0,0);
    }
    element [id=atom(keyboard)]
    {
        cursor: arrow;
        margin: rect(5rp,0,0,0);
    }
</style>

<style resid=scroller>

    scrollbar
    {
        layoutpos: ninebottom;
    }

    scrollbar [vertical]
    {
        layoutpos: nineright;
    }

    viewer
    {
        layoutpos: nineclient;
    }

    thumb
    {
        background: rcbmp(111,6,#FF00FF,0,0,1,0);
        content: dtb(handlemap(1), 9, 1);
        contentalign: middlecenter;
    }

    thumb [mousefocused]
    {
        background: rcbmp(111,6,#FF00FF,0,0,1,0);
        content: dtb(handlemap(1), 9, 2);
    }

    thumb [captured]
    {
        background: rcbmp(111,6,#FF00FF,0,0,1,0);
        content: dtb(handlemap(1), 9, 3);
    }

    repeatbutton [id=atom(lineup)]
    {
        background: rcbmp(110,6,#FF00FF,0,0,1,0);
        width: sysmetric(2);
        height: sysmetric(20);
    }

    repeatbutton [id=atom(lineup)][mousefocused]
    {
        background: rcbmp(110,6,#FF00FF,0,0,1,0);
    }

    repeatbutton [id=atom(lineup)][pressed]
    {
        background: rcbmp(110,6,#FF00FF,0,0,1,0);
    }

    repeatbutton [id=atom(linedown)]
    {
        background: rcbmp(109,6,#FF00FF,0,0,1,0);
        width: sysmetric(2);
        height: sysmetric(20);
    }

    repeatbutton [id=atom(linedown)][mousefocused]
    {
        background: rcbmp(109,6,#FF00FF,0,0,1,0);
    }

    repeatbutton [id=atom(linedown)][pressed]
    {
        background: rcbmp(109,6,#FF00FF,0,0,1,0);
    }

    repeatbutton [id=atom(pageup)]
    { 
        background: rcbmp(2007,6,#FF00FF,0,0,1,0);
    }

    repeatbutton [id=atom(pageup)][mousefocused]
    { 
        background: rcbmp(2007,6,#FF00FF,0,0,1,0);
    }

    repeatbutton [id=atom(pageup)][pressed]
    { 
        background: rcbmp(2007,6,#FF00FF,0,0,1,0);
    }

    repeatbutton [id=atom(pagedown)]
    { 
        background: rcbmp(2008,6,#FF00FF,0,0,1,0);
    }

    repeatbutton [id=atom(pagedown)][mousefocused]
    { 
        background: rcbmp(2008,6,#FF00FF,0,0,1,0);
    }

    repeatbutton [id=atom(pagedown)][pressed]
    { 
        background: rcbmp(2008,6,#FF00FF,0,0,1,0);
    }

</style>

<logonframe resid=main id=atom(frame) sheet=styleref(framess) layout=borderlayout()>

	<element id=atom(contentcontainer) layout=verticalflowlayout(0,2,2,2) layoutpos=client >
		<element id=atom(splash) sheet=styleref(splashss) layout=borderlayout() layoutpos=left height=500rp width=600rp>
		    <element sheet=styleref(toppanelss) id=atom(toppanel) height=185rp layoutpos=top/>
		    <element sheet=styleref(toppanelss) id=atom(toppanel) width=130rp layoutpos=left/>
		    <element sheet=styleref(toppanelss) id=atom(toppanel) width=130rp layoutpos=right/>
		    <element id=atom(centerpanel) sheet=styleref(centerpanelss) layout=borderlayout() layoutpos=client>
		        <scrollviewer id=atom(scroller) sheet=styleref(scroller) layoutpos=client xscrollable=false margin=rect(26rp,0rp,0rp,0rp)>
		             <selector id=atom(accountlist) sheet=styleref(accountlistss) layout=verticalflowlayout(0,3,3,2)/>
		        </scrollviewer>
		    </element>
	            <element id=atom(options) sheet=styleref(bottompanelss) layout=verticalflowlayout(0,2,2,2) layoutpos=bottom >
	                <button id=atom(power) layout=verticalflowlayout(1,2,2,2) accessible=true accRole=43 accName=rcstr(11)>
	                    <element id=atom(powerbutton)/>
	                    <element contentalign=middlecenter id=atom(label)/>
	                </button>
	                <button id=atom(undock) layout=verticalflowlayout(1,2,2,2) margin=rect(0,2rp,0,0) accessible=true accRole=43 accName=rcstr(14)>
	                    <element id=atom(undockbutton)/>
	                    <element id=atom(label)/>
	                </button>
	            </element>
		</element>
		
           <element id=atom(leftpanel) sheet=styleref(leftpanelss) layout=borderlayout() layoutpos=bottom height=60rp width=350rp>
            <element id=atom(instruct) layoutpos=bottom content=rcstr(25) width=350rp/>
            <element id=atom(logoarea) layout=verticalflowlayout(0,0,2,0)>
                <element id=atom(product) contentalign=topright padding=rect(0rp,0rp,0rp,20rp)/>
                <element id=atom(help) contentalign=bottomcenter width=350rp padding=rect(5rp,0rp,0rp,5rp)/>
            </element>
            <element id=atom(msgarea) layout=verticalflowlayout(0,0,2,2) height=60rp>
                <element layout=filllayout() width=350>
                    <element id=atom(welcomeshadow) content=rcstr(7)/>
                    <element id=atom(welcome) content=rcstr(7)/>
                </element>
            </element>
        </element>
        	    
	</element>
</logonframe>

<logonaccount resid=accountitem id=atom(accountitem) layout=filllayout() accessible=true accRole=43>
    <element id=atom(userpanelayer) layout=borderlayout() height=75rp>
        <element id=atom(userpane) layout=borderlayout() layoutpos=top>
            <element id=atom(pictureframe) layout=flowlayout(0,2,2) layoutpos=left width=60rp height=60rp>
               <element id=atom(picture) />
            </element>
            <element id=atom(username) layoutpos=top/>
            <button id=atom(status0) class="status" layoutpos=none/>
            <button id=atom(status1) class="status" layoutpos=none/>
        </element>
    </element>
</logonaccount>

<element resid=passwordpanel id=atom(passwordpanelayer) sheet=styleref(passwordpaness) layoutpos=client layout=borderlayout() height=75rp>
    <element layout=borderlayout() layoutpos=client>
        <edit id=atom(password) layoutpos=left width=163rp/>
        <button id=atom(go) layoutpos=left accessible=true accRole=43 accName= rcstr(100)/>
        <button id=atom(info) layoutpos=left accessible=true accRole=43 accName= rcstr(13)/>
    </element>
    <element id=atom(instruct) layoutpos=bottom content=rcstr(6)/>
</element>
