body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}html,body{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}section,header{display:block}.container{width:100%;position:relative;text-align:center;background:#2d2d2e;color:#fff}.clr{clear:both}.container>header{padding:20px 30px 10px 30px;margin:0 20px 10px 20px;position:relative;display:block;text-shadow:1px 1px 1px rgba(0,0,0,.2);text-align:center}.container>header h1{font-family:'BebasNeueRegular','Arial Narrow',Arial,sans-serif;font-size:35px;line-height:35px;position:relative;font-weight:400;color:#3d7489;text-shadow:1px 1px 1px rgba(0,0,0,.3);padding:0 0 5px 0}.container>header h1 span{color:#80b8ce;text-shadow:0 1px 1px rgba(255,255,255,.8)}.container>header h2{font-size:16px;font-style:italic;color:#82858e;text-shadow:0 1px 1px rgba(255,255,255,.8)}.codrops-top{line-height:24px;font-size:11px;background:rgba(255,255,255,.6);text-transform:uppercase;z-index:9999;position:relative;box-shadow:1px 0 2px rgba(0,0,0,.2)}.codrops-top a{padding:0 10px;letter-spacing:1px;color:#333;text-shadow:0 1px 1px #fff;display:block;float:left}.codrops-top a:hover{background:#fff}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}p.codrops-demos{text-align:center;display:block;padding:14px}p.codrops-demos a,p.codrops-demos a.current-demo,p.codrops-demos a.current-demo:hover{display:inline-block;border:1px solid #7fb2c1;padding:4px 10px 3px;font-size:13px;line-height:18px;margin:0 3px;font-weight:800;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.6);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#b0d4e3;background:-moz-linear-gradient(top,#b0d4e3 0%,#88bacf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0d4e3),color-stop(100%,#88bacf));background:-webkit-linear-gradient(top,#b0d4e3 0%,#88bacf 100%);background:-o-linear-gradient(top,#b0d4e3 0%,#88bacf 100%);background:-ms-linear-gradient(top,#b0d4e3 0%,#88bacf 100%);background:linear-gradient(top,#b0d4e3 0%,#88bacf 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e3', endColorstr='#88bacf',GradientType=0 )}p.codrops-demos a:hover{background:#80b8ce}p.codrops-demos a:active{-webkit-box-shadow:0 1px 1px rgba(255,255,255,.4);-moz-box-shadow:0 1px 1px rgba(255,255,255,.4);box-shadow:0 1px 1px rgba(255,255,255,.4)}p.codrops-demos a.current-demo,p.codrops-demos a.current-demo:hover{color:#3d7489;text-shadow:0 1px 1px rgba(255,255,255,.3)}*{margin:0;padding:0;list-style:none;border:none}ul.domtabs-make{float:left;width:100%;margin-bottom:-1px}ul.domtabs-make li{float:left;padding:0 5px 0 0}ul.domtabs-make a:link,ul.domtabs-make a:visited,ul.domtabs-make a:active,ul.domtabs-make a:hover{padding:5px 34px;display:block;background:#eaeaea;background:-moz-linear-gradient(top,#eaeaea -1%,#eaeaea 0%,#fff 88%);background:-webkit-gradient(linear,left top,left bottom,color-stop(-1%,#eaeaea),color-stop(0%,#eaeaea),color-stop(88%,#fff));background:-webkit-linear-gradient(top,#eaeaea -1%,#eaeaea 0%,#fff 88%);background:-o-linear-gradient(top,#eaeaea -1%,#eaeaea 0%,#fff 88%);background:-ms-linear-gradient(top,#eaeaea -1%,#eaeaea 0%,#fff 88%);background:linear-gradient(to bottom,#eaeaea -1%,#eaeaea 0%,#fff 88%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;color:#ccc;height:3em;font-weight:bold;text-decoration:none}html>body ul.domtabs-make a:link,html>body ul.domtabs-make a:visited,html>body ul.domtabs-make a:active,html>body ul.domtabs-make a:hover{height:auto;min-height:22px}ul.domtabs-make a:hover{background:#696}div.domtab-make div{clear:both;width:auto;background:#fff;color:#666;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:1em 3em;margin-top:10px}ul.domtabs-make li.active a:link,ul.domtabs-make li.active a:visited,ul.domtabs-make li.active a:active,ul.domtabs-make li.active a:hover{background:#eaeaea;background:-moz-linear-gradient(top,#eaeaea -1%,#eaeaea 0%,#fff 88%);background:-webkit-gradient(linear,left top,left bottom,color-stop(-1%,#eaeaea),color-stop(0%,#eaeaea),color-stop(88%,#fff));background:-webkit-linear-gradient(top,#eaeaea -1%,#eaeaea 0%,#fff 88%);background:-o-linear-gradient(top,#eaeaea -1%,#eaeaea 0%,#fff 88%);background:-ms-linear-gradient(top,#eaeaea -1%,#eaeaea 0%,#fff 88%);background:linear-gradient(to bottom,#eaeaea -1%,#eaeaea 0%,#fff 88%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );border-bottom:1px solid #fff;color:#000}#domtabprintview{float:right;padding-right:1em;text-align:right}#domtabprintview a:link,#domtabprintview a:visited,#domtabprintview a:active,#domtabprintview a:hover{color:#fff}pre{font-size:1.2em;padding:1em}div.domtab-make div a:link,div.domtab-make div a:visited,div.domtab-make div a:active{color:#fff;display:block;padding:1em .5em;font-weight:bold;font-size:1.3em}div.domtab-make div h2 a,div.domtab-make div h2 a:hover,div.domtab-make div h2 a:active{color:#cfc;display:inline;padding:0;font-weight:normal;font-size:1em}#other{font-size:.8em;margin-left:.3em;width:60em;margin-bottom:3em;float:left}div#other.domtab-make div{clear:both;width:54em;background:#669;color:#fff;padding:1em 3em}#other ul.domtabs-make a:hover{background:#669}div#other ul.domtabs-make li.active a:link,div#other ul.domtabs-make li.active a:visited,div#other ul.domtabs-make li.active a:active,div#other ul.domtabs-make li.active a:hover{background:#669;color:#fff}#other div{float:left}ul.prevnext{float:left;width:100%}ul.prevnext li{float:left;width:49%}ul.prevnext li.next{float:right;text-align:right}@media screen and (max-width:767px){.container>header{text-align:center}p.codrops-demos{position:relative;top:auto;left:auto}}