<style resid=framess>
 element
 {
 background: gradient(argb(0,12,32,76),argb(0,24,64,152),0);
 }
 element [id=atom(contentcontainer)]
 {
 background: rgb(90,126,220);
 }
 button
 {
 background: rcbmp(112,3,-1,372,474,0,0);
 borderthickness: rect(8,8,0,8);
 }
</style>

<style resid=toppanelss>
 element
 {
 background: gradient(argb(0,0,20,54),argb(0,6,43,76),0);
 }
 element [id=atom(toppanel)]
 {
 background: gradient(argb(0,0,20,54),argb(0,6,43,76),0);
 }
 element [id=atom(divider)]
 { 
 background: rcbmp(125,6,#ff00ff,0,0,1,0);
 }
</style>

<style resid=bottompanelss>
 element
 {
 background: argb(0,0,0,0);
 }
 element [id=atom(bottompanel)]
 {
 background: rcbmp(200,6,#ff00ff,0,0,1,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
 {
 fontsize: rcint(42) pt;
 foreground: white;
 fontweight: bold;
 fontface: "arial"; 
 foreground: rgb(240,245,255);
 cursor: hand;
 }
 button [mousefocused]
 {
 fontstyle: underline;
 }
 button [keyfocused]
 {
 fontstyle: underline;
 }
 button [id=atom(power)]
 {
 animation: rectangle | s | fast;
 }
 button [id=atom(power)][mousefocused]
 {
 content: rcbmp(2001,3,#ff00ff,22rp,22rp,0,0);
 }
 button [id=atom(power)][keyfocused]
 {
 content: rcbmp(2001,3,#ff00ff,22rp,22rp,0,0);
 }
 button [id=atom(undock)][mousefocused]
 {
 content: rcbmp(2002,3,#ff00ff,22rp,22rp,0,0);
 }
 button [id=atom(undock)][keyfocused]
 {
 content: rcbmp(2002,3,#ff00ff,22rp,22rp,0,0);
 }
 element [id=atom(instruct)]
 {
 contentalign: wrapleft;
 padding: rect(24rp,0,0,0);
 fontsize: rcint(43) pt;
 foreground: white;
 }
</style>

<style resid=leftpanelss>
 element
 {
 background: argb(0,0,0,0);
 fontface: rcstr(1);
 contentalign: middleleft;
 padding: rect(5rp,0rp,0,0);
 }
 element [id=atom(product)]
 {
 animation: alpha | log | mediumslow;

 }
 element [id=atom(leftpanel)]
 {
 foreground: rgb(239,247,255);
 }
 element [id=atom(welcome)]
 {
 fontstyle: italic;
 fontsize: rcint(44) pt;
 fontweight: bold;
 padding: rect(0rp,0rp,22rp,0);
 contentalign: topright;
 }
 element [id=atom(welcomeshadow)]
 {
 foreground: rgb(17,17,55);
 fontstyle: italic;
 fontsize: rcint(44) pt;
 fontweight: bold;
 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,0,0,0);
 }
 scrollbar [vertical]
 {
 layoutpos: nineright;
 background: argb(0,0,0,0);
 }
 viewer
 {
 layoutpos: nineclient;
 }
 thumb
 {
 background: rcbmp(111,3,#ff00ff,0,0,1,0);
 borderthickness: rect(0,0,0,0);
 }
 repeatbutton [id=atom(lineup)]
 {
 content: rcbmp(110,3,#ff00ff,0,0,0,0);
 }
 repeatbutton [id=atom(linedown)]
 {
 content: rcbmp(109,3,#ff00ff,0,0,0,0);
 }
</style>

<style resid=hotaccountlistss>
 element
 {
 background: argb(0,0,0,0);
 fontface: rcstr(3);
 }
 selector
 {
 padding: rect(0rp,26rp,5rp,26rp);
 }
 logonaccount
 {
 cursor: hand;
 }
 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(2rp,2rp,14rp,2rp);
 borderthickness: rect(5,5,0,5);
 bordercolor: argb(0,0,0,0);
 fontsize: rcint(45) pt;
 background: rcbmp(112,5,#ff00ff,0,0,1,0);
 alpha: 175;
 animation: alpha | s | fast;
 }
 element [id=atom(userpane)][selected]
 {
 alpha: 255;
 }
 element [id=atom(userpane)][mousefocused]
 {
 alpha: 255;
 }
 element [id=atom(userpane)][mousewithin]
 {
 alpha: 255;
 }
 logonaccount [selected]
 {
 alpha: 255;
 }
 element [id=atom(pictureframe)] 
 {
 background: rcbmp(113,6,#ff00ff,0,0,1,0);
 borderthickness: rect(5,5,5,5);
 margin: rect(0,0,7rp,0);
 }
 element [id=atom(pictureframe)] [mousefocused]
 {
 background: rcbmp(119,6,#ff00ff,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,6,#ff00ff,0,0,1,0);
 borderthickness: rect(5,5,5,5);
 margin: rect(0,0,7rp,0);
 alpha: 255;
 }
 element [id=atom(username)]
 {
 foreground: rgb(240,245,255);
 contentalign: endellipsis;
 }
 button [class="status"]
 {
 background: argb(0,0,0,0);
 foreground: rgb(240,245,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(240,245,255);
 fontsize: rcint(46) pt;
 fontweight: bold;
 }

</style>

<style resid=accountlistss>
 element
 {
 background: argb(0,0,0,0);
 fontface: rcstr(3);
 }
 selector
 {
 padding: rect(0rp,26rp,5rp,26rp);
 }
 logonaccount
 {
 cursor: hand;
 }
 logonaccount [logonstate=1] 
 {
 cursor: arrow;
 }
 element [id=atom(userpane)]
 {
 padding: rect(2rp,2rp,14rp,2rp);
 borderthickness: rect(5,5,0,5);
 foreground: argb(0,0,0,0);
 background: rcbmp(112,5,#ff00ff,0,0,1,0);
 fontsize: rcint(45) pt;
 alpha: 185;
 animation: alpha | s | fast;
 }
 element [id=atom(userpane)][selected]
 {
 alpha: 255;
 }
 element [id=atom(pictureframe)]
 {
 background: rcbmp(113,6,#ff00ff,0,0,1,0);
 borderthickness: rect(5,5,5,5);
 margin: rect(0,0,7rp,0);
 }
 element [id=atom(username)]
 {
 foreground: rgb(240,245,255);
 contentalign: endellipsis;
 }
 button [class="status"]
 {
 background: argb(0,0,0,0);
 foreground: rgb(240,245,255);
 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(240,245,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,0);
 }
 element [id=atom(instruct)]
 { 
 fontface: rcstr(48);
 fontsize: rcint(47) pt;
 foreground: white;
 padding: rect(3rp,0,0,3rp);
 }
 edit [id=atom(password)]
 {
 background: rcbmp(102,6,#ff00ff,0,0,1,0);
 borderthickness: rect(2,4,3,3);
 passwordcharacter: 9679;
 fontface: "arial";
 fontsize: 13pt;
 }
 button [id=atom(go)]
 {
 margin: rect(2rp,0,0,0);
 content: rcbmp(103,3,#ff00ff,26rp,24rp,0,0);
 padding: rect(0rp,2rp,0,1rp);
 }
 button [id=atom(go)][mousefocused]
 {
 content: rcbmp(2003,3,#ff00ff,26rp,24rp,0,0);
 }
 button [id=atom(go)][keyfocused]
 {
 content: rcbmp(2003,3,#ff00ff,26rp,24rp,0,0);
 }
 button [id=atom(go)][pressed]
 {
 content: rcbmp(104,3,#ff00ff,26rp,24rp,0,0);
 }
 button [id=atom(info)]
 {
 margin: rect(2rp,0,0,0);
 content: rcbmp(105,3,#ff00ff,26rp,24rp,0,0);
 padding: rect(0rp,2rp,0,1rp);
 }
 button [id=atom(info)][mousefocused]
 {
 content: rcbmp(106,3,#ff00ff,26rp,24rp,0,0);
 }
 button [id=atom(info)][keyfocused]
 {
 content: rcbmp(106,3,#ff00ff,26rp,24rp,0,0);
 }
 button [id=atom(info)][pressed]
 {
 content: rcbmp(105,3,#ff00ff,26rp,24rp,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
 {
 animation: alpha | log | fast;
 background: rcbmp(2008,6,#FF00FF,0,0,1,0);
 content: dtb(handlemap(1),9,1);
 contentalign: middlecenter;
 alpha: 130;
 }

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

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

 repeatbutton [id=atom(lineup)]
 {
 background: rcbmp(110,4,#FF00FF,0,0,1,0);
 width: 16rp;
 height: 16rp;
 }

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

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

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

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

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

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

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

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

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

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

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

</style>



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

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

 <element id=atom(bottompanel) sheet=styleref(bottompanelss) layout=borderlayout() layoutpos=bottom>
 <element id=atom(divider) layoutpos=top height=2rp/>
 <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,3,#ff00ff,22rp,22rp,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,3,-1,22rp,22rp,0,0)/>
 <element id=atom(label) layoutpos=client margin=rect(2rp,0,0,0)/>
 </button>
 <element id=atom(instruct) layoutpos=right content=rcstr(25) width=325rp/>
 </element>
 </element>
 </element>

 <element id=atom(contentcontainer) layout=flowlayout(0,3,3,3) layoutpos=client>
 <element id=atom(leftpanel) sheet=styleref(leftpanelss) layout=filllayout() layoutpos=bottom content=rcbmp(100,3,#ff00ff,0,0,0,1)>
 <element id=atom(logoarea) contentalign=bottomright layout=verticalflowlayout(0,3,3,2) background=argb(0,0,0,0)>
 <element id=atom(product) contentalign=topright padding=rect(0rp,0rp,10rp,10rp) content=rcbmp(123,3,#ff00ff,137,86,0,0) background=argb(0,0,0,0)/>
 <element id=atom(help) contentalign=wrapright width=384rp padding=rect(0rp,0rp,40rp,0rp)/>
 </element>
 <element id=atom(msgarea) layout=verticalflowlayout(0,0,0,2)>
 <element layout=filllayout() width=384rp>
 <element id=atom(welcomeshadow) content=rcstr(7)/>
 <element id=atom(welcome) content=rcstr(7)/>
 </element>
 </element>
 </element>
 
 <element id=atom(rightpanel) sheet=styleref(rightpanelss) layout=borderlayout() layoutpos=left width=384rp>
 <element id=atom(divider) layoutpos=left width=1rp/>
 <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>
</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>
 <element id=atom(pictureframe) layout=flowlayout(0,2,2) layoutpos=left width=58rp height=58rp>
 <element id=atom(picture)/>
 </element>
 <element id=atom(username) layoutpos=top/>
 <button id=atom(status0) class="status" layoutpos=none padding=rect(2rp,0,0,0)/>
 <button id=atom(status1) class="status" layoutpos=none padding=rect(2rp,0,0,0)/>
 </element>
 </element>
</logonaccount>

<element resid=passwordpanel id=atom(passwordpanelayer) sheet=styleref(passwordpaness) layout=borderlayout() height=80rp>
 <element layout=borderlayout() layoutpos=bottom padding=rect(3rp,0,0,17rp)>
 <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>
