/*
	UIFILE Initially Generated by LogonStudio
		v1.2.2
	www.LogonStudio.net

        Modified by Archangel Douglas
        archdougwc-bootskin@yahoo.com

        **   Doom 3 Logon UIFile   **
                   Type 2
                  1024x768
                   ver 1.0

NOTE: if you save this logon through LogonStudio, it will rewrite
      everything and consequently screw things up (Ive done things
      that LogonStudio doesnt recogonise/support, eg: moving the
      user accounts to a specific location, welcome text)

HELP:
=====

-contentalign attribute:
  wrapleft
  wrapright
  topleft
  topright
  middlecenter
  middleleft
  middleright
  bottomleft
  endellipsis (text that gets cut out is replaced with '...')

-rect/padding/margin attributes:
 (w,x,y,z) = (left,top,right,bottom)

*/


// ============================
//       FRAME
// ============================
<style resid=framess>
    element
    {
        background: argb(0,0,128,0); // DOUG: 'half' green colour
    }
    element [id=atom(contentcontainer0)]
    {
        background: gradient(argb(0,0,0,0),argb(0,0,0,0),0); //rcbmp(100,6,#FF00FF,0,0,1,0);
    }
    button
    {
        //background:      rcbmp(112,6,#FF00FF,0,0,1,0);
        //borderthickness: rect(8,8,0,8);
        borderthickness:   rect(0,0,0,0);
    }
</style>


// ============================
//       PANEL - TOP
// ============================
<style resid=toppanelss>
    element
    {
        background: argb(0,0,0,0);
    }
    element [id=atom(toppanel)]
    {
        background: rcbmp(200,6,#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>


// ============================
//       PANEL - BOTTOM
// ============================
<style resid=bottompanelss>
    element
    {
        background: 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);                     // DOUG: font = tahoma
    }
    element [id=atom(divider)]
    { 
        background: rcbmp(126,6,#FF00FF,0,0,1,0);
    }
    element [id=atom(options)]
    {
        padding: rect(75rp,13rp,25rp,0rp); // DOUG: defines the buffer around the shutdown button + text
    }
    button
    {
        foreground:   rgb(93,72,34); // DOUG: shutdown font colour = faded orange
	fontsize:     rcint(44) pt;  // DOUG: font size = 12 pt
	fontface:     rcstr(1);      // DOUG: font      = arial
        contentalign: middlecenter;
        cursor:       hand;
    }
    button [mousefocused]
    {
        foreground: rgb(239,157,21); //DOUG: shutdown font colour when focused = doom 3 orange
        fontstyle:  none;
    }
    button [keyfocused]
    {
        foreground: rgb(255,255,255);
        fontstyle:  none;
    }
    element [id=atom(instruct)]
    {
    	background:   argb(0,0,0,0);
        contentalign: wrapleft;
        padding:      rect(0,0,0,0);   // DOUG: buffer around the 'control panel > user accounts' info text
        foreground:   rgb(211,150,44); // DOUG: font colour = orange
	fontsize:     rcint(43) pt;    // DOUG: font size   = 10 pt
	fontface:     rcstr(2);        // DOUG: font        = tahoma
    }
    element [id=atom(powerbtn)] [selected]
    {
        background: rcbmp(121,6,#FF00FF,0,0,1,0); //DOUG: experimental: meant to change the button bg on mouse focus (but doesnt)
    }
</style>


// ============================
//       PANEL - LEFT
// ============================
<style resid=leftpanelss>
    element
    {
        background: argb(0,0,0,0);
        fontface:   rcstr(1);      // DOUG: font = arial
    }
    //element [id=atom(product)]
    //{
    //    foreground: rgb(255,0,0); //exp hopefully to change the colour of the logging off/shutting down text
    //}
    element [id=atom(leftpanel)]
    {
        foreground: rgb(255,0,255); // DOUG: font colour of welcome/shutdown text
    }
    element [id=atom(welcome)]
    {
        foreground:   rgb(195,225,250);    // DOUG: light blue
	fontsize:     rcint(47) pt;        // DOUG: font size = 36 pt
	fontface:     rcstr(1);            // DOUG: font      = arial
        fontstyle:    italic;
        padding:      rect(0rp,0rp,2rp,0); // DOUG: notice that the welcome is displaced: 2 (right)
        contentalign: middlecenter;
    }
    element [id=atom(welcomeshadow)]
    {
        foreground:   rgb(0,0,0);          // DOUG: black
	fontsize:     rcint(47) pt;        // DOUG: font size = 36 pt
	fontface:     rcstr(1);            // DOUG: font      = arial
        fontstyle:    italic;
        padding:      rect(2rp,3rp,0rp,0); // DOUG: notice the shadows displaced: 3 (top)
        contentalign: middlecenter;
    }
    // DOUG: The "To begin, click on a username" element
    element[id=atom(help)]
    {
        fontsize:       rcint(45) pt;          // DOUG: font size   = 14 pt
        fontface:       rcstr(1);              // DOUG: font        = arial
        foreground:     rgb(211,150,44);       // DOUG: font colour = faded orange
        padding:        rect(50rp,0rp,0rp,0rp);
        //contentalign: wrapleft; // REMOVE
    }
</style>


// ============================
//       PANEL - RIGHT
// ============================
<style resid=rightpanelss>
    element
    {
        background:   argb(0,0,0,0);
        //background: rgb(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);
        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);
    }
</style>


// ============================
//       ACCOUNT - 'HOT'
// ============================
<style resid=hotaccountlistss>
    element
    {
        background: argb(0,0,0,0);
        fontface:   rcstr(2);        // DOUG: font = tahoma
    }
    element [selected]
    {
        background: argb(0,0,0,0);
        fontface:   rcstr(2);        // DOUG: font = tahoma
    }
    selector
    {
        padding: rect(0rp,0rp,0rp,0rp); // DOUG: reduce top/btm/right padding to 0 for flush top/btm/right user account (default: 0,26,5,26)
    }
    logonaccount
    {
        cursor: hand;
        //foreground: rgb(239,153,102); // DOUG: creamy orange (orig)
        foreground:   rgb(255,255,255); // DOUG: not sure what uses this
        background:   argb(0,0,0,0);
	animation: /*LogonAnimation1*/ alpha | log | fast;
        alpha:255;                      // DOUG: (no transparency)
    }
    logonaccount [logonstate=1]
    {
        animation: /*LogonAnimation2*/ rectangle | s | mediumfast;
        cursor:    arrow;
        alpha:     255;   // DOUG:  mouse within (no transparency)
    }
    logonaccount [mousewithin]
    {
        cursor: hand;
        alpha:  255;  // DOUG: MouseOver (no transparency)
    }
    logonaccount [selected]
    {
        cursor:     hand;
        alpha:      255;                          // DOUG: Selected (no transparency)
        background: rcbmp(112,6,#FF00FF,0,0,1,0); // DOUG: user-defined user account bg
    }
    element [id=atom(userpane)]
    {
        padding:         rect(2rp,3rp,14rp,7rp);
        borderthickness: rect(0,0,0,0);          // DOUG: sets border thickness around user pane (acts like padding); default 5,5,0,5
        foreground:      rgb(255,255,255);
	fontsize:        rcint(46) pt;           // DOUG: font size of text within userpane (ie: username); 17 pt
    }
    element [id=atom(userpane)] [selected]
    {
        background: argb(128,0,60,98); // DOUG: sets background colour to a semi-transparent dark blue
    }
    element [id=atom(pictureframe)] 
    {
        background:      rcbmp(113,6,#FFFFFF,0,0,1,0);
        borderthickness: rect(5,5,5,5);
        margin:          rect(0rp,0rp,7rp,0);
        animation:       alpha | log | fast;
        alpha:           96;
    }
    element [id=atom(pictureframe)] [mousefocused]
    {
        background:      rcbmp(119,6,#FF00FF,0,0,1,0);
        borderthickness: rect(5,5,5,5);
        margin:          rect(0rp,0rp,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(0rp,0rp,7rp,0);
        alpha:           255;
    }
    element [id=atom(username)]
    {
        foreground:   rgb(153,169,178);      // DOUG: font colour = faded white (unselected user)
        contentalign: endellipsis;
        padding:      rect(5rp,0rp,0rp,0rp); // DOUG: adds padding to the left of username
    }
    element [id=atom(username)] [mousefocused]
    {
        foreground:   rgb(255,255,255);      // DOUG: font colour = white (selected user)
        contentalign: endellipsis;
        padding:      rect(5rp,0rp,0rp,0rp); // DOUG: adds padding to the left of username
    }
    element [id=atom(username)] [selected]
    {
        foreground:   rgb(239,157,21);       // DOUG: font colour = doom 3 orange (choses to login as)
        contentalign: endellipsis;
        background:   argb(0,0,60,98);       // DOUG: hides the same semi-transparent blue bg (so theres no overlap in colour)
        padding:      rect(5rp,0rp,0rp,0rp); // DOUG: adds padding to the left of username
    }
    // DOUG: status = 'emails unread'/'prog.s still running' text
    button [class="status"]
    {
        background:   argb(0,0,0,0);
        foreground:   rgb(0,80,111);         // DOUG: faded blue
        fontsize:     rcint(42) pt;          // DOUG: font size = 9 pt
        padding:      rect(7rp,0rp,0rp,0rp); // DOUG: adds padding to the left of status
        contentalign: wrapleft;
    }
    button [class="status"] [mousefocused]
    {
        fontstyle:  none;
        foreground: rgb(239,157,21); // DOUG: font colour = doom 3 orange
    }
    button [class="status"] [keyfocused]
    {
        fontstyle:  none;
        foreground: rgb(239,157,21); // DOUG: font colour = doom 3 orange
    }
    button [class="status"] [selected]
    {
        background:   argb(0,0,0,0);
        foreground:   rgb(239,157,21); // DOUG: font colour = doom 3 orange
        fontsize:     rcint(42) pt;    // DOUG: font size = 9 pt
        contentalign: wrapleft;
    }
</style>


// ============================
//       ACCOUNT - INACTIVE
// ============================
<style resid=accountlistss>
    element
    {
        background: argb(0,0,0,0);
        fontface:   rcstr(2);      // DOUG: font = tahoma
    }
    selector
    {
        padding: rect(0rp,0rp,0rp,0rp); // DOUG: reduce top/btm/right padding to 0 for flush top/btm/right user account (default: 0,26,5,26)
    }
    logonaccount
    {
        cursor:     hand;
        background: argb(0,0,0,0);
        alpha:      255;
    }
    logonaccount [logonstate=1]
    {
        animation: rectangle | s | mediumfast;
        cursor:    arrow;
    }
    element [id=atom(userpane)]
    {
        padding:         rect(2rp,3rp,14rp,7rp);
        borderthickness: rect(0,0,0,0);          // DOUG: sets border thickness around user pane (acts like padding); default 5,5,0,5
        bordercolor:     rgb(0,0,0);
        foreground:      rgb(255,255,255);
	fontsize:        rcint(46) pt;           // DOUG: font size of text within userpane (ie: username); 17 pt
    }
    element [id=atom(userpane)][selected]
    {
        background: argb(0,0,0,0);
    }
    element [id=atom(pictureframe)]
    {
        background:      rcbmp(113,6,#FF00FF,0,0,1,0);
        borderthickness: rect(5,5,5,5);
        margin:          rect(0rp,0rp,7rp,0);
    }
    element [id=atom(username)]
    {
        foreground:   rgb(255,255,255);      // DOUG: font colour = white (unselected user)
        contentalign: endellipsis;
        padding:      rect(5rp,0rp,0rp,0rp); // DOUG: adds padding to the left of username
    }
    // DOUG: status = emails unread/prog.s still running text
    button [class="status"]
    {
        background:   argb(0,0,0,0);
        foreground:   rgb(0,80,111);         // DOUG: faded blue
        fontsize:     rcint(42) pt;          // DOUG: font size = 9 pt
        padding:      rect(7rp,0rp,0rp,0rp); // DOUG: adds padding to the left
        contentalign: wrapleft;
    }
    button [class="status"] [mousefocused]
    {
        fontstyle:  none;
        foreground: rgb(239,157,21); // DOUG: font colour = doom 3 orange
    }
    button [class="status"] [keyfocused]
    {
        fontstyle:  none;
        foreground: rgb(239,157,21); // DOUG: font colour = doom 3 orange
    }
    button [class="status"] [selected]
    {
        background:   argb(0,0,0,0);
        foreground:   rgb(239,157,21); // DOUG: font colour = doom 3 orange
        fontsize:     rcint(42) pt;    // DOUG: font size   = 9 pt
        contentalign: wrapleft;
    }
</style>


// ============================
//       PASSWORD PANE
// ============================
<style resid=passwordpaness>
    element
    {
        background: argb(0,0,0,0);
    }
    element [id=atom(passwordpanelayer)]
    {
        // DOUG: left = distance of whole password section from left side of user acc.
        // DOUG: top = distance of whole password section from top side of user acc.
        padding: rect(70rp,30rp,0rp,0rp);
    }
    // DOUG: The "Type your password" text
    element [id=atom(instruct)]
    { 
        foreground: rgb(255,255,255);
	fontsize:   rcint(43) pt;          // DOUG: font size = 9 pt
	fontface:   rcstr(2);              // DOUG: font      = tahoma
        padding:    rect(0rp,0rp,0rp,3rp);
    }
    edit [id=atom(password)]
    {
        background:        rcbmp(102,6,#FF00FF,0,0,1,0);
        borderthickness:   rect(3,3,5,5);
        passwordcharacter: 9679;
        fontface:          rcstr(1);                     // DOUG: font      = arial
        fontsize:          rcint(46) pt;                 // DOUG: font size = 17 pt
    }
    button [id=atom(go)]
    {
        margin:  rect(5rp,0,0,0);
        content: rcbmp(103,1,#FF00FF,0,0,1,0);
        padding: rect(0rp,1rp,0,1rp);
    }
    button [id=atom(go)][keyfocused]
    {
        content: rcbmp(104,1,#FF00FF,0,0,1,0);
    }
    button [id=atom(info)]
    {
        margin:  rect(5rp,0,0,0);
        content: rcbmp(105,1,#FF00FF,0,0,1,0);
        padding: rect(0rp,1rp,0,1rp);
    }
    button [id=atom(info)][keyfocused]
    {
        content: rcbmp(106,1,#FF00FF,0,0,1,0);
    }
    element [id=atom(keyboard)]
    {
        cursor: arrow;
        margin: rect(5rp,0,0,0);
    }
</style>


// ============================
//       SCROLLER
// ============================
<style resid=scroller>
    scrollbar
    {
        layoutpos: ninebottom;
    }
    scrollbar [vertical]
    {
        layoutpos: nineright;
    }
    viewer
    {
        layoutpos: nineclient;
    }
    thumb
    {
        //background: dtb(handlemap(1), 3, 1);      // DOUG: system scrollbar (orig code)
        background:   rcbmp(111,6,#FF00FF,0,0,1,0);
        //content:    dtb(handlemap(1), 9, 1);      //'grabber' in the middle of the thumb
        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);
    }
    //lineup = up arrow
    repeatbutton [id=atom(lineup)]
    {
        //background: dtb(handlemap(1), 1, 1);      // DOUG: system scrollbar (orig code)
        background:   rcbmp(110,6,#FF00FF,0,0,1,0);
        width:        16;
        height: sysmetric(20);
    }
    repeatbutton [id=atom(lineup)][mousefocused]
    {
        //background: dtb(handlemap(1), 1, 2);      // DOUG: system scrollbar (orig code)
        background:   rcbmp(110,6,#FF00FF,0,0,1,0);
    }
    repeatbutton [id=atom(lineup)][pressed]
    {
        //background: dtb(handlemap(1), 1, 3);      // DOUG: system scrollbar (orig code)
        background:   rcbmp(110,6,#FF00FF,0,0,1,0);
    }
    //linedown = down arrow
    repeatbutton [id=atom(linedown)]
    {
        //background: dtb(handlemap(1), 1, 5);      // DOUG: system scrollbar (orig code)
        background:   rcbmp(109,6,#FF00FF,0,0,1,0);
        width:        16;
        height:       sysmetric(20);
    }
    repeatbutton [id=atom(linedown)][mousefocused]
    {
        //background: dtb(handlemap(1), 1, 6);      // DOUG: system scrollbar (orig code)
        background:   rcbmp(109,6,#FF00FF,0,0,1,0);
    }
    repeatbutton [id=atom(linedown)][pressed]
    {
        //background: dtb(handlemap(1), 1, 7);      // DOUG: system scrollbar (orig code)
        background:   rcbmp(109,6,#FF00FF,0,0,1,0);
    }
    repeatbutton [id=atom(pageup)]
    { 
        //background: dtb(handlemap(1), 7, 1);       // DOUG: system scrollbar (orig code)
        background:   rcbmp(2001,6,#FF00FF,0,0,1,0);
    }
    repeatbutton [id=atom(pageup)][mousefocused]
    { 
        //background: dtb(handlemap(1), 7, 2);       // DOUG: system scrollbar (orig code)
        background:   rcbmp(2001,6,#FF00FF,0,0,1,0);
    }
    repeatbutton [id=atom(pageup)][pressed]
    { 
        //background: dtb(handlemap(1), 7, 3);       // DOUG: system scrollbar (orig code)
        background:   rcbmp(2001,6,#FF00FF,0,0,1,0);
    }
    repeatbutton [id=atom(pagedown)]
    { 
        //background: dtb(handlemap(1), 6, 1);       // DOUG: system scrollbar (orig code)
        background:   rcbmp(2001,6,#FF00FF,0,0,1,0);
    }
    repeatbutton [id=atom(pagedown)][mousefocused]
    { 
        //background: dtb(handlemap(1), 6, 2);       // DOUG: system scrollbar (orig code)
        background:   rcbmp(2001,6,#FF00FF,0,0,1,0);
    }
    repeatbutton [id=atom(pagedown)][pressed]
    { 
        //background: dtb(handlemap(1), 6, 3);       // DOUG: system scrollbar (orig code)
        background:   rcbmp(2001,6,#FF00FF,0,0,1,0);
    }
</style>






<logonframe resid=main id=atom(frame) sheet=styleref(framess) layout=borderlayout() layoutpos=client>
//** Top Panel
    <element id=atom(toppanel) sheet=styleref(toppanelss) layout=borderlayout() layoutpos=top height=60rp> // DOUG: height = height of top panel
        /*TopDivider - goes here if shown*/
    </element>

    <element id=atom(ccontainer) layout=filllayout() layoutpos=client> 
        <element id=atom(contentcontainer) layout=borderlayout() layoutpos=client>
//** Bottom Panel
            <element id=atom(bottompanel) sheet=styleref(bottompanelss) layout=borderlayout() layoutpos=bottom height=60rp> // DOUG: height = height of btm panel
                /*BottomDivider - goes here if shown*/
                <element id=atom(options) layout=borderlayout() layoutpos=client>
                    <element layout=borderlayout() layoutpos=left>
//** Shutdown Button
                        //DOUG: padding allows you to move the location of the shutdown button without shifting the user acc. text as well
                        <button id=atom(power) layout=borderlayout() layoutpos=top accessible=true accRole=43 accName=rcstr(11) padding=rect(0rp,4rp,0rp,0rp)>
                            <element id=atom(powerbtn) layoutpos=left content=rcbmp(107,3,-1,26rp,26rp,0,0)/>
                            <element id=atom(label) layoutpos=client margin=rect(2rp,0rp,0,0)/> // DOUG: gap between shutdown btn and shutdown text
                        </button>
//** Undock 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,26rp,26rp,0,0)/>
                            <element id=atom(label) layoutpos=client margin=rect(2rp,0,0,0)/>
                        </button>
                    </element>
//** Shutdown Btn Text
                    <element id=atom(instruct) layoutpos=right content=rcstr(25) width=302rp/> // DOUG: width = pos of instruct text from layoutpos
                </element>
            </element>

            <element id=atom(contentcontainer0) layout=filllayout() layoutpos=client content=rcbmp(100,3,#000000,0,0,1,0)>
                /*CenterDivider - goes here if shown*/
                <element id=atom(ContentContainerLeftPanel) layout=filllayout() layoutpos=right width=424rp> // DOUG: width = width of logon help text from right side
                    <element id=atom(ContentContainerLeftPanel2) layout=flowlayout(1,3,2,3) layoutpos=top>
                        <element id=atom(leftpanel) sheet=styleref(leftpanelss) layout=filllayout() layoutpos=left>
                            <element id=atom(logoarea) layout=verticalflowlayout(0,3,3,2)>
//** Logon Info Text
                                //DOUG: width = the width of the "logging off/windows is shutting down/starting up" text
                                //DOUG: padding = displacement of the "select user to log on" text
                                <element id=atom(help) contentalign=middleleft width=381rp padding=rect(40rp,273rp,0rp,0rp)/> // DOUG: logon instruct text
                            </element>
                            <element id=atom(msgarea) layout=verticalflowlayout(0,0,0,2)>
//** Welcome Text
                                <element layout=filllayout() width=383rp padding=rect(0rp,563rp,0rp,0rp)>  // DOUG: padding sets the loc of the welcome txt
                                    <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>
//** User Account Panel
                    // DOUG: width = pos of users from the layoutpos listed above; need to adjust relative to rightpanel's width
                    // DOUG: height = the pos of user acc. from the scrollviewer layoutpos (below) EXCEPT if layoutpos = top
                    // DOUG: layoutpos = where the right panel will be (top- or bottom-bias)
                    // DOUG: add 'margin(0,x,0,0)' to below so that the user accounts can have a gap between the absolute top (IF layoutpos = top)
                    <element id=atom(ContentContainerAccounts2) layout=flowlayout(1,3,2,3) layoutpos=bottom height=351rp width=375rp>
                        // DOUG: height = height of user acc. panel (scrollbar will appear if less than height of all user accounts); width = width of user acc panel
                        <element id=atom(rightpanel) sheet=styleref(rightpanelss) layout=borderlayout() layoutpos=top height=350rp width=347rp>
                            // DOUG: set layoutpos to top/btm to set its position within the right panel (default: client)
                            <scrollviewer id=atom(scroller) sheet=styleref(scroller) layoutpos=top 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=85rp>              // DOUG: height of each user account
        <element id=atom(userpane) layout=borderlayout() layoutpos=top height=85rp> // DOUG: needs to match above height
            <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=85rp> // DOUG: needs to match <logonaccount/> height
    // DOUG: by setting the following elements as below, i can set the exact position of them relative from the top (see PasswordPane:passwordpanelayer style)
    <element id=atom(instruct) content=rcstr(6) layoutpos=top contentalign=middleleft height=21/> // DOUG: height = height of logon instruction text
    <element layout=borderlayout() layoutpos=top> // DOUG: the actual password pane element (layered underneath the above)
        <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>