layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
  RenderBlock {HTML} at (0,0) size 800x600
    RenderBody {BODY} at (8,8) size 784x584
      RenderBlock {H2} at (3,0) size 778x18
        RenderText {#text} at (0,0) size 350x18
          text run at (0,0) width 350: "Horizontal meters with the non-themed default style"
      RenderBlock {UL} at (3,21) size 778x62
        RenderListItem {LI} at (43,0) size 732x18
          RenderBlock {METER} at (0,1) size 80x17
            RenderMeter {DIV} at (0,0) size 80x16
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 20x16
          RenderText {#text} at (80,0) size 4x18
            text run at (80,0) width 4: " "
          RenderBlock {METER} at (84,1) size 80x17
            RenderMeter {DIV} at (0,0) size 80x16
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 36x16
          RenderText {#text} at (164,0) size 4x18
            text run at (164,0) width 4: " "
          RenderBlock {METER} at (168,1) size 80x17
            RenderMeter {DIV} at (0,0) size 80x16
              RenderBlock {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 60x16
        RenderListItem {LI} at (43,21) size 732x41
          RenderBlock {METER} at (0,-1) size 30x41
            RenderMeter {DIV} at (0,0) size 30x40
              RenderBlock {DIV} at (0,0) size 30x40
                RenderBlock {DIV} at (0,0) size 8x40
          RenderText {#text} at (30,22) size 4x18
            text run at (30,22) width 4: " "
          RenderBlock {METER} at (34,-1) size 30x41
            RenderMeter {DIV} at (0,0) size 30x40
              RenderBlock {DIV} at (0,0) size 30x40
                RenderBlock {DIV} at (0,0) size 14x40
          RenderText {#text} at (64,22) size 4x18
            text run at (64,22) width 4: " "
          RenderBlock {METER} at (68,-1) size 30x41
            RenderMeter {DIV} at (0,0) size 30x40
              RenderBlock {DIV} at (0,0) size 30x40
                RenderBlock {DIV} at (0,0) size 23x40
      RenderBlock {H2} at (3,85) size 778x19
        RenderText {#text} at (0,0) size 150x18
          text run at (0,0) width 150: "Providing meter styles"
      RenderBlock {DIV} at (0,106) size 784x70 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x69
          RenderListItem {LI} at (43,0) size 732x18
            RenderBlock {METER} at (0,1) size 80x17 [bgcolor=#AAAACC] [border: (5px solid #222244) (20px solid #222244) (5px solid #222244) (10px solid #222244)]
              RenderMeter {DIV} at (10,5) size 50x6
                RenderBlock {DIV} at (0,0) size 50x6
                  RenderBlock {DIV} at (0,0) size 40x6
            RenderText {#text} at (80,0) size 70x18
              text run at (80,0) width 70: " has border"
          RenderListItem {LI} at (43,21) size 732x19
            RenderBlock {METER} at (0,1) size 80x17 [bgcolor=#AAAACC]
              RenderMeter {DIV} at (10,5) size 50x6
                RenderBlock {DIV} at (0,0) size 50x6
                  RenderBlock {DIV} at (0,0) size 40x6
            RenderText {#text} at (80,0) size 80x18
              text run at (80,0) width 80: " has padding"
          RenderListItem {LI} at (43,42) size 732x27
            RenderBlock {METER} at (10,4) size 80x17 [bgcolor=#AAAACC]
              RenderMeter {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 80x16
                  RenderBlock {DIV} at (0,0) size 64x16
            RenderText {#text} at (110,8) size 73x18
              text run at (110,8) width 73: " has margin"
      RenderBlock {H2} at (3,178) size 778x19
        RenderText {#text} at (0,0) size 224x18
          text run at (0,0) width 224: "Providing bar and/or value styles"
      RenderBlock {DIV} at (0,199) size 784x167 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x82
          RenderBlock (anonymous) at (40,0) size 738x18
            RenderText {#text} at (0,0) size 475x18
              text run at (0,0) width 475: "default -webkit-appearance, thus should use platform theme (only for Mac.)"
          RenderListItem {LI} at (43,21) size 732x19
            RenderMeter {METER} at (0,1) size 80x17
            RenderText {#text} at (80,0) size 212x18
              text run at (80,0) width 212: " has bar style but should ignore it."
          RenderListItem {LI} at (43,42) size 732x19
            RenderMeter {METER} at (0,1) size 80x17
            RenderText {#text} at (80,0) size 226x18
              text run at (80,0) width 226: " has value style but should ignore it."
          RenderListItem {LI} at (43,63) size 732x19
            RenderMeter {METER} at (0,1) size 80x17
            RenderText {#text} at (80,0) size 249x18
              text run at (80,0) width 249: " has both styles but should ignore them."
        RenderBlock {UL} at (3,84) size 778x83
          RenderBlock (anonymous) at (40,0) size 738x18
            RenderText {#text} at (0,0) size 461x18
              text run at (0,0) width 461: "-webkit-appearance: none, thus custom styled elements should be shown."
          RenderListItem {LI} at (43,21) size 732x19
            RenderBlock {METER} at (0,1) size 80x17
              RenderMeter {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 80x16
                  RenderBlock {DIV} at (0,0) size 64x16 [bgcolor=#008000] [border: (2px solid #77CC77)]
            RenderText {#text} at (80,0) size 270x18
              text run at (80,0) width 270: " has bar style, should have solid value part."
          RenderListItem {LI} at (43,42) size 732x19
            RenderBlock {METER} at (0,1) size 80x17
              RenderMeter {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] [border: (2px solid #222222)]
                  RenderBlock {DIV} at (2,2) size 61x12
            RenderText {#text} at (80,0) size 255x18
              text run at (80,0) width 255: " has value style, should be solid bar part."
          RenderListItem {LI} at (43,63) size 732x19
            RenderBlock {METER} at (0,1) size 80x17
              RenderMeter {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] [border: (2px solid #222222)]
                  RenderBlock {DIV} at (2,2) size 61x12 [bgcolor=#008000] [border: (2px solid #77CC77)]
            RenderText {#text} at (80,0) size 235x18
              text run at (80,0) width 235: " should have solid bar and value part."
      RenderBlock {H2} at (3,369) size 778x18
        RenderText {#text} at (0,0) size 156x18
          text run at (0,0) width 156: "Providing appearances"
      RenderBlock {DIV} at (0,390) size 784x40 [bgcolor=#EEEEEE]
        RenderBlock {UL} at (3,0) size 778x40
          RenderListItem {LI} at (43,0) size 732x18
            RenderBlock {METER} at (0,1) size 80x17
              RenderMeter {DIV} at (0,0) size 80x16
                RenderBlock {DIV} at (0,0) size 80x16
                  RenderBlock {DIV} at (0,0) size 64x16
            RenderText {#text} at (80,0) size 375x18
              text run at (80,0) width 375: " has \"none\" appearance, should be styled with default style."
          RenderListItem {LI} at (43,21) size 732x19
            RenderMeter {METER} at (0,1) size 80x17
            RenderText {#text} at (80,0) size 276x18
              text run at (80,0) width 276: " has \"meter\" appearance, should be themed."
      RenderBlock {H2} at (3,432) size 778x19
        RenderText {#text} at (0,0) size 161x18
          text run at (0,0) width 161: "Providing bar paddings"
      RenderBlock {DIV} at (0,453) size 784x19 [bgcolor=#EEEEEE]
        RenderBlock {METER} at (0,1) size 80x17
          RenderMeter {DIV} at (0,0) size 80x16
            RenderBlock {DIV} at (0,0) size 80x16
              RenderBlock {DIV} at (5,5) size 35x6
        RenderText {#text} at (80,0) size 165x18
          text run at (80,0) width 165: " has \"padding\" on the bar."