| layer at (0,0) size 800x600 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x477 |
| LayoutNGBlockFlow {HTML} at (0,0) size 800x477.47 |
| LayoutNGBlockFlow {BODY} at (8,8) size 784x461.47 |
| LayoutNGBlockFlow {H3} at (0,0) size 784x23 |
| LayoutText {#text} at (0,0) size 163x22 |
| text run at (0,0) width 163: "Default Appearance" |
| LayoutNGBlockFlow (anonymous) at (0,41.72) size 784x43 |
| LayoutText {#text} at (0,0) size 284x19 |
| text run at (0,0) width 284: "List color controls have different appearance." |
| LayoutBR {BR} at (283,0) size 0x0 |
| LayoutBlockFlow {INPUT} at (0,20) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#000000] [border: (1px solid #777777)] |
| LayoutBlockFlow {INPUT} at (44,20) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#000000] [border: (1px solid #000000)] |
| LayoutText {#text} at (0,0) size 0x0 |
| LayoutNGBlockFlow {H3} at (0,103.44) size 784x23 |
| LayoutText {#text} at (0,0) size 160x22 |
| text run at (0,0) width 160: "Different Font Sizes" |
| LayoutNGBlockFlow (anonymous) at (0,145.16) size 784x43 |
| LayoutText {#text} at (0,0) size 577x19 |
| text run at (0,0) width 577: "List color controls have different sizes depending on font sizes. Normal color controls don't." |
| LayoutBR {BR} at (576,0) size 0x0 |
| LayoutBlockFlow {INPUT} at (0,20) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#00FF00] [border: (1px solid #777777)] |
| LayoutText {#text} at (44,21) size 4x19 |
| text run at (44,21) width 4: " " |
| LayoutBlockFlow {INPUT} at (48,20) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#00FF00] [border: (1px solid #777777)] |
| LayoutText {#text} at (92,21) size 4x19 |
| text run at (92,21) width 4: " " |
| LayoutBlockFlow {INPUT} at (96,20) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#00FF00] [border: (1px solid #777777)] |
| LayoutText {#text} at (140,21) size 4x19 |
| text run at (140,21) width 4: " " |
| LayoutBlockFlow {INPUT} at (144,20) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#00FF00] [border: (1px solid #000000)] |
| LayoutText {#text} at (232,21) size 4x19 |
| text run at (232,21) width 4: " " |
| LayoutBlockFlow {INPUT} at (236,20) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#00FF00] [border: (1px solid #000000)] |
| LayoutText {#text} at (324,21) size 4x19 |
| text run at (324,21) width 4: " " |
| LayoutBlockFlow {INPUT} at (328,20) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#00FF00] [border: (1px solid #000000)] |
| LayoutText {#text} at (0,0) size 0x0 |
| LayoutNGBlockFlow {H3} at (0,206.88) size 784x23 |
| LayoutText {#text} at (0,0) size 123x22 |
| text run at (0,0) width 123: "Various Colors" |
| LayoutNGBlockFlow (anonymous) at (0,248.59) size 784x23 |
| LayoutBlockFlow {INPUT} at (0,0) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#FF0000] [border: (1px solid #777777)] |
| LayoutText {#text} at (44,1) size 4x19 |
| text run at (44,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (48,0) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#00FF00] [border: (1px solid #777777)] |
| LayoutText {#text} at (92,1) size 4x19 |
| text run at (92,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (96,0) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#0000FF] [border: (1px solid #777777)] |
| LayoutText {#text} at (140,1) size 4x19 |
| text run at (140,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (144,0) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#EC008C] [border: (1px solid #777777)] |
| LayoutText {#text} at (188,1) size 4x19 |
| text run at (188,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (192,0) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#40E0D0] [border: (1px solid #777777)] |
| LayoutText {#text} at (236,1) size 4x19 |
| text run at (236,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (240,0) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#FF0000] [border: (1px solid #000000)] |
| LayoutText {#text} at (328,1) size 4x19 |
| text run at (328,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (332,0) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#00FF00] [border: (1px solid #000000)] |
| LayoutText {#text} at (420,1) size 4x19 |
| text run at (420,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (424,0) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#0000FF] [border: (1px solid #000000)] |
| LayoutText {#text} at (512,1) size 4x19 |
| text run at (512,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (516,0) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#EC008C] [border: (1px solid #000000)] |
| LayoutText {#text} at (604,1) size 4x19 |
| text run at (604,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (608,0) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#40E0D0] [border: (1px solid #000000)] |
| LayoutText {#text} at (0,0) size 0x0 |
| LayoutNGBlockFlow {H3} at (0,290.31) size 784x23 |
| LayoutText {#text} at (0,0) size 117x22 |
| text run at (0,0) width 117: "Arbitrary Size" |
| LayoutNGBlockFlow (anonymous) at (0,332.03) size 784x46 |
| LayoutBlockFlow {INPUT} at (0,9) size 100x30 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 94x26 |
| LayoutBlockFlow {DIV} at (2,4) size 90x18 [bgcolor=#FF0000] [border: (1px solid #777777)] |
| LayoutText {#text} at (100,17) size 4x19 |
| text run at (100,17) width 4: " " |
| LayoutBlockFlow {INPUT} at (104,0) size 88x46 [bgcolor=#DDDDDD] [border: (2px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (6,4) size 76x38 |
| LayoutBlockFlow {DIV} at (4,8) size 68x22 [bgcolor=#FF0000] [border: (2px solid #777777)] |
| LayoutText {#text} at (192,17) size 4x19 |
| text run at (192,17) width 4: " " |
| LayoutBlockFlow {INPUT} at (196,0) size 176x46 [bgcolor=#DDDDDD] [border: (2px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (6,4) size 164x38 |
| LayoutBlockFlow {DIV} at (16,8) size 100x22 [bgcolor=#FF0000] [border: (2px solid #000000)] |
| LayoutText {#text} at (0,0) size 0x0 |
| LayoutNGBlockFlow {H3} at (0,396.75) size 784x23 |
| LayoutText {#text} at (0,0) size 96x22 |
| text run at (0,0) width 96: "Other styles" |
| LayoutNGBlockFlow (anonymous) at (0,438.47) size 784x23 |
| LayoutBlockFlow {INPUT} at (0,0) size 44x23 [bgcolor=#FFFF00] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#FF0000] [border: (1px solid #777777)] |
| LayoutText {#text} at (44,1) size 4x19 |
| text run at (44,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (48,0) size 88x23 [bgcolor=#FFFF00] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#FF0000] [border: (1px solid #000000)] |
| LayoutText {#text} at (136,1) size 4x19 |
| text run at (136,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (140,0) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #00FF00)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#FF0000] [border: (1px solid #777777)] |
| LayoutText {#text} at (184,1) size 4x19 |
| text run at (184,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (188,0) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #00FF00)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (8,4) size 50x11 [bgcolor=#FF0000] [border: (1px solid #000000)] |
| LayoutText {#text} at (276,1) size 4x19 |
| text run at (276,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (280,0) size 44x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 38x19 |
| LayoutBlockFlow {DIV} at (2,4) size 34x11 [bgcolor=#40E0D0] [border: (1px solid #777777)] |
| LayoutText {#text} at (324,1) size 4x19 |
| text run at (324,1) width 4: " " |
| LayoutBlockFlow {INPUT} at (328,0) size 88x23 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] |
| LayoutFlexibleBox {DIV} at (3,2) size 82x19 |
| LayoutBlockFlow {DIV} at (24,4) size 50x11 [bgcolor=#FF0000] [border: (1px solid #000000)] |
| LayoutText {#text} at (0,0) size 0x0 |
