.chart{width:100%;margin:0 0 20px 0;position:relative;clear:both}.chart caption{text-align:left}.chart caption h3{padding:0 0 4px 0}.chart tbody tr:nth-child(odd){background:#f5f5f5;overflow:hidden}.chart tbody tr:nth-child(odd):empty{background:transparent}.chart .icon{width:20px;background:none}.chart h4,.chart a{line-height:25px;text-indent:9px;font-size:90%;font-weight:bold;text-decoration:none;display:block;color:#222;width:100%}.chart h3 a{border:0}.chart a:hover{color:blue;text-decoration:underline}.chart .bar{display:block;border:1px solid transparent;height:25px;text-indent:-9000px;-webkit-box-shadow:0 1px 2px 0.25 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 2px 0.25 rgba(0,0,0,0.25);box-shadow:0 1px 2px 0.25 rgba(0,0,0,0.25)}.chart var{float:right;color:#222;line-height:25px;margin:0 7px 0 0;font-style:normal;font-size:85%;font-weight:normal}.chart .num{width:10%;padding:0 6px;text-align:center;background:#eee;font-size:85%;font-weight:bold}.chart tr:hover td.num{background:#222;color:#fff;-webkit-box-shadow:0 1px 2px 0.25 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 2px 0.25 rgba(0,0,0,0.25);box-shadow:0 1px 2px 0.25 rgba(0,0,0,0.25)}.chart .sub td{background:none}.chart .sub h4,.chart .sub a{font-size:85%;margin-left:7px;line-height:20px}.chart .sub a{padding-left:9px;background:url(/images/icons/popout.png) no-repeat 4px 1px}.chart .sub var{line-height:20px}.chart .sub .bar{margin-left:10px;background:#E6E6E6 !important;height:20px}.chart .sub .num{font-size:75%}@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:normal;src:local("Permanent Marker"),local("PermanentMarker"),url("http://themes.googleusercontent.com/font?kit=9vYsg5VgPHKK8SXYbf3sMgZBvSiGYh7ffcfz--Qqx4Q") format("truetype")}#main .demo{display:inline-block !important}.notepad{background-color:#fefcaf;background:-webkit-gradient(linear, left top, left bottom, from(#fefcaf), to(#fffeda));background:-webkit-linear-gradient(top, #fefcaf, #fffeda);background:-moz-linear-gradient(top, #fefcaf, #fffeda);background:-ms-linear-gradient(top, #fefcaf, #fffeda);background:-o-linear-gradient(top, #fefcaf, #fffeda);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.25);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.25);box-shadow:1px 1px 3px rgba(0,0,0,0.25);padding:20px;margin:-4px 0 30px 0}.notepad h3{font-family:'Permanent Marker', arial, serif;font-size:22px;text-align:center;margin:0 0 12px 0 !important;color:#1468a1;-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-ms-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg)}.notepad p{margin:0}.notepad img{width:20px}.notepad table{margin-top:10px}.notepad td{padding:2px}.chart{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.chart caption{padding:0 0 1px 0}.chart h3{margin:0 !important;position:relative}.chart h3 a{display:block;text-decoration:none;padding:4px 0}.chart h3 a:hover{background:#3180ae;text-decoration:none;color:white}.chart h3 a:hover span{background:white;color:#3180ae}.chart h3 span{position:absolute;right:10px;top:9px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:16px;height:16px;line-height:16px;text-align:center;font-weight:bold;background:#3180ae;color:white;text-indent:0;font-size:12px}.chart thead th{text-align:center}.chart thead th:first-of-type{border-left:1px solid #ccc}.chart thead th div{margin:0 0 5px 0}.chart tbody th{border-right:1px solid #ccc;width:200px}.chart thead img{margin:0}.chart tbody td{text-align:center;font-weight:bold;width:80px}.chart tbody img{margin:0;width:20px}.yup{color:#6b9b14}.kinda{color:#ed7500}.nope{color:#d51e1e}.types a,.attributes a,.elements a{position:absolute;top:266px;height:50px}.types a{left:87px;width:70px}.attributes a{left:205px;width:100px}.elements a{left:340px;width:95px}.facts-table{margin:0 30px}.facts-table p{margin:0 0 12px 0}.facts-table td{vertical-align:top;padding:10px 0}.facts-table td:first-child{padding-right:20px;width:290px}.html5-information pre{background:#333;padding:8px;color:white;font:15px Monaco, MonoSpace;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:5px 0}.html5-information pre strong{color:#52FF35;font-weight:normal}#juice form{clear:both;width:65%}fieldset{border:5px solid #eee;padding:20px;margin:0px 30px 80px 30px}legend{padding:3px 20px;font-weight:bold;font-size:24px}form ul li{margin:0 0 10px 0;padding:10px;position:relative}form ul li a{font-size:12px;background:#458DC4;color:white;width:24px;line-height:24px;height:24px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-align:center;display:inline-block;font-weight:bold;position:absolute;right:15px;top:19px;text-decoration:none}form ul li a:hover{background:#333;color:white}form label{margin:0 0 5px 0;display:block}.info{border:0;margin-bottom:20px}.unsupported{background:#fcbaba url(/images/html5/x.png) 10px center no-repeat;padding-left:50px;border:1px solid #dd3939}.supported{background:#e6f9d2 url(/images/html5/check.png) 10px center no-repeat;border:1px solid #97de4c;padding-left:50px}#your-browser{margin:0 30px;background-color:#FEFCAF;background-color:#fefcaf;background:-webkit-gradient(linear, left top, left bottom, from(#fefcaf), to(#fffeda));background:-webkit-linear-gradient(top, #fefcaf, #fffeda);background:-moz-linear-gradient(top, #fefcaf, #fffeda);background:-ms-linear-gradient(top, #fefcaf, #fffeda);background:-o-linear-gradient(top, #fefcaf, #fffeda);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.25);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.25);box-shadow:1px 1px 3px rgba(0,0,0,0.25);padding:20px;float:right;width:230px}#your-browser h3{font-family:'Permanent Marker', arial, serif;font-size:22px;text-align:center;margin:0 0 2px 0 !important;color:#1468a1;-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-ms-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg)}#your-browser p{margin:0}#browser-details{font-family:'Permanent Marker', arial, serif;font-size:36px;text-align:center;margin:0 !important;-webkit-transform:rotate(1deg);-moz-transform:rotate(1deg);-ms-transform:rotate(1deg);-o-transform:rotate(1deg)}#resources-and-errors{width:100%}#resources-and-errors td{vertical-align:top}#errors{width:350px}@media screen and (max-width: 640px){.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9{width:auto !important;max-width:80%;float:none !important}}