layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x300
  RenderBlock {HTML} at (0,0) size 800x300
    RenderBody {BODY} at (8,8) size 784x284
      RenderBlock (anonymous) at (0,0) size 784x80
        RenderText {#text} at (0,0) size 547x19
          text run at (0,0) width 547: "Tests for basic button rendering. Creates a table with seven columns and seven rows. "
        RenderBR {BR} at (546,0) size 1x19
        RenderText {#text} at (0,20) size 521x19
          text run at (0,20) width 521: "Creates two different types of buttons, one with an image (a red dot) and another "
        RenderBR {BR} at (520,20) size 1x19
        RenderText {#text} at (0,40) size 660x19
          text run at (0,40) width 660: "with text (\"foo\") and then uses six different paddings to make sure each of the buttons render properly. "
        RenderBR {BR} at (659,40) size 1x19
        RenderBR {BR} at (0,60) size 0x19
      RenderTable {TABLE} at (0,80) size 697x204
        RenderTableSection {TBODY} at (0,0) size 697x204
          RenderTableRow {TR} at (0,0) size 697x22
            RenderTableCell {TD} at (0,0) size 170x22 [r=0 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 44x19
                text run at (1,1) width 44: "styling"
            RenderTableCell {TD} at (170,0) size 61x22 [r=0 c=1 rs=1 cs=1]
              RenderText {#text} at (1,1) size 59x19
                text run at (1,1) width 59: "<button>"
            RenderTableCell {TD} at (231,0) size 161x22 [r=0 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 159x19
                text run at (1,1) width 159: "(offsetH,W) (clientH,W)"
            RenderTableCell {TD} at (392,0) size 135x22 [r=0 c=3 rs=1 cs=1]
              RenderText {#text} at (1,1) size 133x19
                text run at (1,1) width 133: "<input type=button>"
            RenderTableCell {TD} at (527,0) size 170x22 [r=0 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 168x19
                text run at (1,1) width 168: "(offsetH,W) (clientH, -W)"
          RenderTableRow {TR} at (0,22) size 697x26
            RenderTableCell {TD} at (0,24) size 170x22 [r=1 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 56x19
                text run at (1,1) width 56: "(default)"
            RenderTableCell {TD} at (170,22) size 61x26 [r=1 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (231,24) size 161x22 [r=1 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (392,22) size 135x26 [r=1 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 16x14
                  RenderText at (0,0) size 16x14
                    text run at (0,0) width 16: "foo"
            RenderTableCell {TD} at (527,24) size 170x22 [r=1 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 39) (18, 37)"
          RenderTableRow {TR} at (0,48) size 697x26
            RenderTableCell {TD} at (0,50) size 170x22 [r=2 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 68x19
                text run at (1,1) width 68: "padding: 0"
            RenderTableCell {TD} at (170,48) size 61x26 [r=2 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (231,50) size 161x22 [r=2 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (392,48) size 135x26 [r=2 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 16x14
                  RenderText at (0,0) size 16x14
                    text run at (0,0) width 16: "foo"
            RenderTableCell {TD} at (527,50) size 170x22 [r=2 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 39) (18, 37)"
          RenderTableRow {TR} at (0,74) size 697x26
            RenderTableCell {TD} at (0,76) size 170x22 [r=3 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 90x19
                text run at (1,1) width 90: "padding: 10%"
            RenderTableCell {TD} at (170,74) size 61x26 [r=3 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (231,76) size 161x22 [r=3 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (392,74) size 135x26 [r=3 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 16x14
                  RenderText at (0,0) size 16x14
                    text run at (0,0) width 16: "foo"
            RenderTableCell {TD} at (527,76) size 170x22 [r=3 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 39) (18, 37)"
          RenderTableRow {TR} at (0,100) size 697x26
            RenderTableCell {TD} at (0,102) size 170x22 [r=4 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 84x19
                text run at (1,1) width 84: "padding: 2px"
            RenderTableCell {TD} at (170,100) size 61x26 [r=4 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (231,102) size 161x22 [r=4 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (392,100) size 135x26 [r=4 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 16x14
                  RenderText at (0,0) size 16x14
                    text run at (0,0) width 16: "foo"
            RenderTableCell {TD} at (527,102) size 170x22 [r=4 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 39) (18, 37)"
          RenderTableRow {TR} at (0,126) size 697x26
            RenderTableCell {TD} at (0,128) size 170x22 [r=5 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 168x19
                text run at (1,1) width 168: "padding: 2px 6px 3px 6px"
            RenderTableCell {TD} at (170,126) size 61x26 [r=5 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (231,128) size 161x22 [r=5 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (392,126) size 135x26 [r=5 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 16x14
                  RenderText at (0,0) size 16x14
                    text run at (0,0) width 16: "foo"
            RenderTableCell {TD} at (527,128) size 170x22 [r=5 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 39) (18, 37)"
          RenderTableRow {TR} at (0,152) size 697x26
            RenderTableCell {TD} at (0,154) size 170x22 [r=6 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 112x19
                text run at (1,1) width 112: "padding: 3px 7px"
            RenderTableCell {TD} at (170,152) size 61x26 [r=6 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (231,154) size 161x22 [r=6 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (392,152) size 135x26 [r=6 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 16x14
                  RenderText at (0,0) size 16x14
                    text run at (0,0) width 16: "foo"
            RenderTableCell {TD} at (527,154) size 170x22 [r=6 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 39) (18, 37)"
          RenderTableRow {TR} at (0,178) size 697x26
            RenderTableCell {TD} at (0,180) size 170x22 [r=7 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 92x19
                text run at (1,1) width 92: "padding: 20px"
            RenderTableCell {TD} at (170,178) size 61x26 [r=7 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (231,180) size 161x22 [r=7 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (392,178) size 135x26 [r=7 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
                RenderBlock (anonymous) at (12,3) size 16x14
                  RenderText at (0,0) size 16x14
                    text run at (0,0) width 16: "foo"
            RenderTableCell {TD} at (527,180) size 170x22 [r=7 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 39) (18, 37)"
