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

<style resid=toppanelss>
    element
    {
        background: argb(0,27,61,91);
    }
    element [id=atom(toppanel)]
    {
        background: rcbmp(200,1,#FF00FF,0,0,1,0);// gradient(argb(0,255,102,51), argb(0,204,51,0), 0);
    }
    element [id=atom(divider)]
    { 
        background: rcbmp(125,6,#FF00FF,0,0,1,0);
    }
</style>

<style resid=bottompanelss>
    element
    {
        background: argb(0,27,61,91);	//argb(0,0,0,0)
    }
    element [id=atom(bottompanel)]
    {
        background: rcbmp(201,6,#FF00FF,0,0,1,0);// gradient(argb(0,255,102,51), argb(0,204,51,0), 0);
        fontface: rcstr(2);
    }
    element [id=atom(divider)]
    { 
        background: rcbmp(126,6,#FF00FF,0,0,1,0);
    }
    element [id=atom(options)]
    {
        padding: rect(25rp, 20rp, 25rp, 20rp);
    }
    button
    {
        foreground: rgb(255,255,255);
		fontsize: 16 pt;
		fontface: "arial";
 
        /*fontsize: rcint(42) pt;*/
        /*foreground: white;*/
        cursor: hand;
    }
    button [mousefocused]
    {
        fontstyle: underline;
    }
    button [keyfocused]
    {
        fontstyle: underline;
    }
    element [id=atom(instruct)]
    {
    	background: argb(0,0,0,0);
        contentalign: wrapleft;
        padding: rect(18rp,0,0,0);
        foreground: rgb(255,255,255);
		fontsize: 12 pt;
		fontface: "arial";
    }
</style>

<style resid=leftpanelss>
    element
    {
        background: argb(0,27,61,91);	//argb(0,0,0,0)
        fontface: rcstr(1);
    }
    element [id=atom(leftpanel)]
    {
        foreground: rgb(255,232,224);
    }
    element [id=atom(welcome)]
    {
        foreground: rgb(255,255,255);
		fontsize: 36 pt;
		fontface: "arial";
        padding: rect(0rp,0rp,22rp,0);
        contentalign: topright;
    }
    element [id=atom(welcomeshadow)]
    {
        foreground: rgb(0,0,0);
		fontsize: 36 pt;
		fontface: "arial";
        padding: rect(2rp,3rp,20rp,0);
        contentalign: topright;
    }
    element[id=atom(help)]
    {
        fontsize: rcint(45) pt;
        padding: rect(81rp,81rp,0,0);
        contentalign: wrapright;
    }
</style>

<style resid=rightpanelss>
    element
    {
        background: argb(0,27,61,91);	// argb(0,0,0,0)
    }
    element [id=atom(divider)]
    { 
        background: rcbmp(124,6,#FF00FF,0,0,1,0);
    }
    scrollbar [vertical]
    {
        layoutpos: nineright;
        background: rgb(48,70,179);
    }
    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);
    }
</style>
<style resid=hotaccountlistss>
    element
    {
        background: argb(0,27,61,91);	//argb(0,0,0,0)
        fontface: rcstr(3);
    }
    selector
    {
        padding: rect(0rp,26rp,5rp,26rp);
    }
    logonaccount
    {
        cursor: hand;
        foreground: rgb(239,153,102);
        bordercolor: rgb(200,100,0);//rgb(27,61,91);// rgb(48,70,179);
		animation: /*LogonAnimation1*/ alpha | log | fast;
        alpha:255; // mouse within
    }
    logonaccount [logonstate=1] 
    {
        animation: /*LogonAnimation2*/ rectangle | s | mediumfast;
        cursor: arrow;
        alpha:255; //????
    }
    logonaccount [mousewithin]
    {
        cursor: hand;
        alpha:255; //MouseOver
    }
    logonaccount [selected]
    {
        cursor: hand;
        alpha:255; //Selected
    }
    element [id=atom(userpane)]
    {
        background: rcbmp(112,7,255,0,0,1,0);// mouse in left panel users list
        padding: rect(2rp,2rp,14rp,2rp);
        borderthickness: rect(5,5,0,5);
        bordercolor: rgb(200,100,0);//rgb(27,61,91);// rgb(48,70,179);
        foreground: rgb(255,255,255);
		fontsize: 12 pt;
		fontweight: bold;
		fontface: "Arial";
    }
    element [id=atom(userpane)][selected]
    {
        background: rcbmp(112,7,255,0,0,1,0);
    }
    element [id=atom(pictureframe)] 
    {
        background: rcbmp(113,7,255,0,0,1,0);
        borderthickness: rect(5,5,5,5);
        margin: rect(0,0, 7rp,0);
    }
    element [id=atom(pictureframe)][mousefocused]
    {
        background: rcbmp(119,7,255,0,0,1,0);
        borderthickness: rect(5,5,5,5);
        margin: rect(0,0,7rp,0);
        alpha: 255;
    }
    element [id=atom(pictureframe)][selected]
    {
        background: rcbmp(119,7,255,0,0,1,0);
        borderthickness: rect(5,5,5,5);
        margin: rect(0,0,7rp,0);
        alpha: 255;
    }
    element [id=atom(username)]
    {
        foreground: rgb(255,255,255);
        contentalign: endellipsis;
    }
    button [class="status"]
    {
        background: argb(0,0,0,0);
        foreground: rgb(255,245,104); //(239,247,255);
        fontsize: rcint(46) pt;
        fontweight: bold;
    }
    button [class="status"][mousefocused]
    {
        fontstyle: underline;
    }
    button [class="status"][keyfocused]
    {
        fontstyle: underline;
    }
    button [class="status"][selected]
    {
        foreground: rgb(255,245,104); //(239,247,255);
        fontsize: rcint(46) pt;
        fontweight: bold;
    }

</style>

<style resid=accountlistss>
    element
    {
        background: argb(0,27,61,91);	//argb(0,0,0,0)
        fontface: rcstr(3);
    }
    selector
    {
        padding: rect(0rp,26rp,5rp,26rp);
    }
    logonaccount
    {
        cursor: hand;
        background: rcbmp(112,7,255,0,0,1,0);// mouse out
        alpha:255;
    }
    logonaccount [logonstate=1] 
    {
        animation: rectangle | s | mediumfast;
        cursor: arrow;
    }
    element [id=atom(userpane)]
    {
        background: rcbmp(112,7,255,0,0,1,0);// poprawio rozmiar nie aktywnej ramki
        padding: rect(2rp,2rp,14rp,2rp);
        borderthickness: rect(5,5,0,5);
        bordercolor: rgb(200,100,0);//rgb(27,61,91);// rgb(48,70,179);
		foreground: rgb(255,255,255);
		fontsize: 12 pt;   // user name
		fontweight: bold;
		fontface: "arial";
    }
    element [id=atom(userpane)][selected]
    {
        background: rcbmp(112,7,255,0,0,1,0);
    }
    element [id=atom(pictureframe)]
    {
        background: rcbmp(113,7,255,0,0,1,0);
        borderthickness: rect(5,5,5,5);
        margin: rect(0,0,7rp,0);
    }
    element [id=atom(username)]
    {
        foreground: rgb(255,255,255);
        contentalign: endellipsis;
    }
    button [class="status"]
    {
        background: argb(0,0,0,0);
        foreground: rgb(255,245,104);
        fontsize: rcint(46) pt;
        fontweight: bold;
        contentalign: wrapleft;
    }
    button [class="status"][mousefocused]
    {
        fontstyle: underline;
    }
    button [class="status"][keyfocused]
    {
        fontstyle: underline;
    }
    button [class="status"][selected]
    {
        foreground: rgb(255,245,104); //(239,247,255);
        fontsize: rcint(46) pt;
        fontweight: bold;
    }

</style>

<style resid=passwordpaness>
    element
    {
        background: argb(0,0,0,0);
    }
    element [id=atom(passwordpanelayer)]
    {
        padding: rect(71rp,0,0,11rp); // przesu o 71 w prawo i o 11 do gry - pozycja panela hasa (tytu i okienko wpisywania hasa oraz GO i HELP)
    }
    element [id=atom(instruct)]
    { 
        foreground: rgb(255,245,104); //(255,255,255);
        fontsize: rcint(46) pt;
        fontweight: bold;
    	fontface: "arial";
        padding: rect(3rp,0,0,0); // przesu w prawo o 3 - pozycja tytuu "Podaj haso" w panelu passwordpanel
    }
    edit [id=atom(password)]
    {
        background: rcbmp(102,6,#FF00FF,0,0,1,0);
        borderthickness: rect(3,3,5,5);
        passwordcharacter: 9679;
        fontface: "arial";
        fontsize: 16pt;
    }
    button [id=atom(go)]
    {
        margin: rect(5rp,0,0,0);
        content: rcbmp(103,3,#FF00FF,20rp,23rp,0,0);
        padding: rect(0rp,1rp,0,1rp);
    }
    button [id=atom(go)][mousefocused]
    {
        content: rcbmp(104,3,#FF00FF,20rp,23rp,0,0);
    }
    button [id=atom(go)][keyfocused]
    {
        content: rcbmp(104,3,#FF00FF,20rp,23rp,0,0);
    }
    button [id=atom(info)]
    {
        margin: rect(5rp,0,0,0);
        content: rcbmp(105,3,-1,28rp,28rp,0,0);
    }
    button [id=atom(info)][keyfocused]
    {
        content: rcbmp(106,3,-1,28rp,28rp,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: dtb(handlemap(1), 3, 1);
        content: dtb(handlemap(1), 9, 1);
        contentalign: middlecenter;
    }

    thumb [mousefocused]
    {
        background: dtb(handlemap(1), 3, 2);
        content: dtb(handlemap(1), 9, 2);
    }

    thumb [captured]
    {
        background: dtb(handlemap(1), 3, 3);
        content: dtb(handlemap(1), 9, 3);
    }

    repeatbutton [id=atom(lineup)]
    {
        background: dtb(handlemap(1), 1, 1);
        width: sysmetric(2);
        height: sysmetric(20);
    }

    repeatbutton [id=atom(lineup)][mousefocused]
    {
        background: dtb(handlemap(1), 1, 2);
    }

    repeatbutton [id=atom(lineup)][pressed]
    {
        background: dtb(handlemap(1), 1, 3);
    }

    repeatbutton [id=atom(linedown)]
    {
        background: dtb(handlemap(1), 1, 5);
        width: sysmetric(2);
        height: sysmetric(20);
    }

    repeatbutton [id=atom(linedown)][mousefocused]
    {
        background: dtb(handlemap(1), 1, 6);
    }

    repeatbutton [id=atom(linedown)][pressed]
    {
        background: dtb(handlemap(1), 1, 7);
    }

    repeatbutton [id=atom(pageup)]
    { 
        background: dtb(handlemap(1), 7, 1);
    }

    repeatbutton [id=atom(pageup)][mousefocused]
    { 
        background: dtb(handlemap(1), 7, 2);
    }

    repeatbutton [id=atom(pageup)][pressed]
    { 
        background: dtb(handlemap(1), 7, 3);
    }

    repeatbutton [id=atom(pagedown)]
    { 
        background: dtb(handlemap(1), 6, 1);
    }

    repeatbutton [id=atom(pagedown)][mousefocused]
    { 
        background: dtb(handlemap(1), 6, 2);
    }

    repeatbutton [id=atom(pagedown)][pressed]
    { 
        background: dtb(handlemap(1), 6, 3);
    }

</style>






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

    /*<element id=atom(toppanel) sheet=styleref(toppanelss) layout=borderlayout() layoutpos=top height=80rp>
        <element id=atom(divider) layoutpos=bottom height=2rp/>
    </element>*/
    
    <element id=atom(toppanel) sheet=styleref(toppanelss) layout=borderlayout() layoutpos=top height=0rp>/*80rp*/
    </element>

	<element id=atom(ccontainer) layout=filllayout() layoutpos=client> 
    <element id=atom(contentcontainer) layout=borderlayout() layoutpos=client > 
    <element id=atom(bottompanel) sheet=styleref(bottompanelss) layout=borderlayout() layoutpos=bottom height=100rp >
        /*BottomDivider*/ 
        <element id=atom(options) layout=borderlayout() layoutpos=client>
            <element layout=borderlayout() layoutpos=left>
                <button id=atom(power) layout=borderlayout() layoutpos=top accessible=true accRole=43 accName=rcstr(11)>
                    <element layoutpos=left content=rcbmp(107,7,255,258rp,27rp,0,0) />
                    <element id=atom(label) layoutpos=client margin=rect(2rp,0,0,0)/>
                </button>
                <button id=atom(undock) layout=borderlayout() layoutpos=top margin=rect(0,2rp,0,0) accessible=true accRole=43 accName=rcstr(14)>
                    <element layoutpos=left content=rcbmp(108,6,-1,26rp,26rp,0,0)/>
                    <element id=atom(label) layoutpos=client margin=rect(2rp,0,0,0)/>
                </button>
            </element>
            <element id=atom(instruct) layoutpos=right content=rcstr(25) width=325rp/>
			// Przeniosem msgArea
            <element id=atom(msgarea) layout=verticalflowlayout(0,0,1,1)>//0,0,0,2
                <element layout=filllayout() width=445rp>
                    //<element id=atom(welcomeshadow) content=rcstr(7)/>
                    //<element id=atom(welcome) content=rcstr(7)/>
                </element>
            </element>
        </element>   
    </element>

    <element id=atom(contentcontainer0) layout=filllayout() layoutpos=client /*BackPicture2*/>

	/*CenterDivider*/
	
	<element id=atom(ContentContainerLeftPanel) layout=filllayout() layoutpos=left>
		<element id=atom(ContentContainerLeftPanel2) layout=flowlayout(1,3,2,3) layoutpos=client>
		        <element id=atom(leftpanel) sheet=styleref(leftpanelss) layout=filllayout() layoutpos=left>
		            <element id=atom(logoarea) layout=verticalflowlayout(0,3,3,2)>
		            	/*Logo*/
		                <element id=atom(help) contentalign=wrapright width=945rp padding=rect(0rp,0rp,40rp,0rp)/>
		            </element>
/*		            <element id=atom(msgarea) layout=verticalflowlayout(0,0,0,2) >
		                <element layout=filllayout() width=345rp>
		                    <element id=atom(welcomeshadow) content=rcstr(7)/>
		                    <element id=atom(welcome) content=rcstr(7)/>
		                </element>
		            </element>*/
		        </element>
		 </element>
	 </element>
    
    <element id=atom(ContentContainerAccounts) layout=filllayout() layoutpos=right>
	    <element id=atom(ContentContainerAccounts2) layout=flowlayout(1,3,2,3) layoutpos=client width=512>
	        <element id=atom(rightpanel) sheet=styleref(rightpanelss) layout=borderlayout() layoutpos=client width=384rp>
	            <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>
   	</element>
    
    </element>
  </element>
</element>
</logonframe>





<logonaccount resid=accountitem id=atom(accountitem) layout=filllayout() accessible=true accRole=43>
    <element id=atom(userpanelayer) layout=borderlayout() height=80rp>
        <element id=atom(userpane) layout=borderlayout() layoutpos=top height=80rp>
            <element id=atom(pictureframe0) layout=verticalflowlayout(0,2,2) layoutpos=left>
            <element id=atom(pictureframe) layout=flowlayout(0,2,2) layoutpos=top width=58rp height=58rp>
               <element id=atom(picture) />
            </element>
            </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) layout=borderlayout() height=80rp>
    <element layout=borderlayout() layoutpos=bottom>
        <edit id=atom(password) layoutpos=left width=163rp/>
        <element id=atom(keyboard) layoutpos=left/>
        <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>
