layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x409
  RenderBlock {HTML} at (0,0) size 800x409
    RenderBody {BODY} at (8,8) size 784x393
      RenderBlock (anonymous) at (0,0) size 784x80
        RenderText {#text} at (0,0) size 515x19
          text run at (0,0) width 515: "Tests for basic button rendering. Creates a table with seven columns and seven rows. "
        RenderBR {BR} at (515,0) size 0x19
        RenderText {#text} at (0,20) size 491x19
          text run at (0,20) width 491: "Creates two different types of buttons, one with an image (a red dot) and another "
        RenderBR {BR} at (491,20) size 0x19
        RenderText {#text} at (0,40) size 617x19
          text run at (0,40) width 617: "with text (\"foo\") and then uses six different paddings to make sure each of the buttons render properly. "
        RenderBR {BR} at (617,40) size 0x19
        RenderBR {BR} at (0,60) size 0x19
      RenderTable {TABLE} at (0,80) size 784x313
        RenderTableSection {TBODY} at (0,0) size 784x313
          RenderTableRow {TR} at (0,0) size 784x42
            RenderTableCell {TD} at (0,10) size 138x22 [r=0 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 37x19
                text run at (1,1) width 37: "styling"
            RenderTableCell {TD} at (138,10) size 60x22 [r=0 c=1 rs=1 cs=1]
              RenderText {#text} at (1,1) size 56x19
                text run at (1,1) width 56: "<button>"
            RenderTableCell {TD} at (198,10) size 239x22 [r=0 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 148x19
                text run at (1,1) width 148: "(offsetH,W) (clientH,W)"
            RenderTableCell {TD} at (437,0) size 107x42 [r=0 c=3 rs=1 cs=1]
              RenderText {#text} at (1,1) size 82x39
                text run at (1,1) width 38: "<input"
                text run at (1,21) width 82: "type=button>"
            RenderTableCell {TD} at (544,10) size 240x22 [r=0 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 158x19
                text run at (1,1) width 158: "(offsetH,W) (clientH, -W)"
          RenderTableRow {TR} at (0,42) size 784x28
            RenderTableCell {TD} at (0,45) size 138x22 [r=1 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 50x19
                text run at (1,1) width 50: "(default)"
            RenderTableCell {TD} at (138,42) size 60x28 [r=1 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 26x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (8,3) size 10x16
                  RenderImage {IMG} at (0,3) size 10x10
            RenderTableCell {TD} at (198,45) size 239x22 [r=1 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(22, 26) (18, 22)"
            RenderTableCell {TD} at (437,42) size 107x28 [r=1 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 33x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (8,3) size 17x16
                  RenderText {#text} at (0,0) size 17x16
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (544,45) size 240x22 [r=1 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(22, 33) (18, 29)"
          RenderTableRow {TR} at (0,70) size 784x26
            RenderTableCell {TD} at (0,72) size 138x22 [r=2 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 63x19
                text run at (1,1) width 63: "padding: 0"
            RenderTableCell {TD} at (138,70) size 60x26 [r=2 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 14x20 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (2,2) size 10x16
                  RenderImage {IMG} at (0,3) size 10x10
            RenderTableCell {TD} at (198,72) size 239x22 [r=2 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(20, 14) (16, 10)"
            RenderTableCell {TD} at (437,70) size 107x26 [r=2 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 21x20 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (2,2) size 17x16
                  RenderText {#text} at (0,0) size 17x16
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (544,72) size 240x22 [r=2 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(20, 21) (16, 17)"
          RenderTableRow {TR} at (0,96) size 784x47
            RenderTableCell {TD} at (0,108) size 138x22 [r=3 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 84x19
                text run at (1,1) width 84: "padding: 10%"
            RenderTableCell {TD} at (138,101) size 60x37 [r=3 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 25.59x31.59 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (7.80,7.80) size 10x16
                  RenderImage {IMG} at (0,3) size 10x10
            RenderTableCell {TD} at (198,98) size 239x42 [r=3 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 211x39
                text run at (1,1) width 211: "(31.59375, 25.59375) (27.59375,"
                text run at (1,21) width 65: "21.59375)"
            RenderTableCell {TD} at (437,96) size 107x47 [r=3 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 42x41 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (12.50,12.50) size 17x16
                  RenderText {#text} at (0,0) size 17x16
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (544,98) size 240x42 [r=3 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 211x39
                text run at (1,1) width 211: "(44.59375, 45.59375) (40.59375,"
                text run at (1,21) width 65: "41.59375)"
          RenderTableRow {TR} at (0,143) size 784x30
            RenderTableCell {TD} at (0,147) size 138x22 [r=4 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 78x19
                text run at (1,1) width 78: "padding: 2px"
            RenderTableCell {TD} at (138,143) size 60x30 [r=4 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 18x24 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (4,4) size 10x16
                  RenderImage {IMG} at (0,3) size 10x10
            RenderTableCell {TD} at (198,147) size 239x22 [r=4 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(24, 18) (20, 14)"
            RenderTableCell {TD} at (437,143) size 107x30 [r=4 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 25x24 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (4,4) size 17x16
                  RenderText {#text} at (0,0) size 17x16
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (544,147) size 240x22 [r=4 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(24, 25) (20, 21)"
          RenderTableRow {TR} at (0,173) size 784x42
            RenderTableCell {TD} at (0,173) size 138x42 [r=5 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 132x39
                text run at (1,1) width 132: "padding: 2px 6px 3px"
                text run at (1,21) width 23: "6px"
            RenderTableCell {TD} at (138,178) size 60x31 [r=5 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 26x25 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (8,4) size 10x16
                  RenderImage {IMG} at (0,3) size 10x10
            RenderTableCell {TD} at (198,183) size 239x22 [r=5 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(25, 26) (21, 22)"
            RenderTableCell {TD} at (437,178) size 107x31 [r=5 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 33x25 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (8,4) size 17x16
                  RenderText {#text} at (0,0) size 17x16
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (544,183) size 240x22 [r=5 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(25, 33) (21, 29)"
          RenderTableRow {TR} at (0,215) size 784x32
            RenderTableCell {TD} at (0,220) size 138x22 [r=6 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 105x19
                text run at (1,1) width 105: "padding: 3px 7px"
            RenderTableCell {TD} at (138,215) size 60x32 [r=6 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 28x26 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (9,5) size 10x16
                  RenderImage {IMG} at (0,3) size 10x10
            RenderTableCell {TD} at (198,220) size 239x22 [r=6 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(26, 28) (22, 24)"
            RenderTableCell {TD} at (437,215) size 107x32 [r=6 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 35x26 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (9,5) size 17x16
                  RenderText {#text} at (0,0) size 17x16
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (544,220) size 240x22 [r=6 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(26, 35) (22, 31)"
          RenderTableRow {TR} at (0,247) size 784x66
            RenderTableCell {TD} at (0,269) size 138x22 [r=7 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 86x19
                text run at (1,1) width 86: "padding: 20px"
            RenderTableCell {TD} at (138,247) size 60x66 [r=7 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 54x60 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (22,22) size 10x16
                  RenderImage {IMG} at (0,3) size 10x10
            RenderTableCell {TD} at (198,269) size 239x22 [r=7 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(60, 54) (56, 50)"
            RenderTableCell {TD} at (437,247) size 107x66 [r=7 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 61x60 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (22,22) size 17x16
                  RenderText {#text} at (0,0) size 17x16
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (544,269) size 240x22 [r=7 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 104x19
                text run at (1,1) width 104: "(60, 61) (56, 57)"