layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x504
  RenderBlock {html} at (0,0) size 800x504
    RenderBody {body} at (8,16) size 784x480
      RenderBlock {p} at (0,0) size 784x18
        RenderText {#text} at (0,0) size 739x17
          text run at (0,0) width 739: "Test passes if the boxes have rounded corners and show a smooth transition between the thicker and the thinner sides."
      RenderTable {table} at (0,34) size 700x446
        RenderTableSection (anonymous) at (0,0) size 700x446
          RenderTableRow (anonymous) at (0,2) size 700x442
            RenderTableCell {td} at (2,2) size 272x442 [r=0 c=0 rs=1 cs=1]
              RenderBlock {div} at (11,11) size 245x130 [border: (10px solid #000000) (15px solid #000000) (20px solid #000000) (30px solid #000000)]
              RenderBlock {div} at (11,151) size 250x150 [border: (10px solid #000000) (25px solid #000000) (40px solid #000000) (25px solid #000000)]
              RenderBlock {div} at (11,311) size 250x120 [border: (10px solid #000000) (25px solid #000000) (10px solid #000000) (25px solid #000000)]
            RenderTableCell {td} at (276,88) size 232x356 [r=0 c=1 rs=1 cs=1]
              RenderBlock {div} at (11,11) size 204x106 [border: (1px solid #000000) (3px solid #000000) (5px solid #000000) (1px solid #000000)]
              RenderBlock {div} at (11,127) size 206x106 [border: (1px solid #000000) (3px solid #000000) (5px solid #000000) (3px solid #000000)]
              RenderBlock {div} at (11,243) size 210x102 [border: (1px solid #000000) (5px solid #000000) (1px solid #000000) (5px solid #000000)]
            RenderTableCell {td} at (510,122) size 188x322 [r=0 c=2 rs=1 cs=1]
              RenderBlock {div} at (11,11) size 166x300 [border: (4px solid #000000) (16px solid #000000) (32px solid #000000) (100px solid #000000)]