blockquote,body,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,legend,li,menu,ol,p,pre,ul{border:0;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{border:0;display:block;margin:0;padding:0}
ol,ul{list-style:none}
button,input,select,textarea{appearance:none;border:0;box-sizing:border-box;font-size:100%;line-height:normal;margin:0;padding:0;text-transform:none;vertical-align:baseline}
button,html input[type="button"],input[type="reset"],input[type="submit"]{appearance:button;cursor:pointer;padding:.2em .3em;}
button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{background:#777571;color:#f4f1ed}
button :-moz-focus-inner,input :-moz-focus-inner{border:0;padding:0}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="checkbox"]{width:.7em;height:.7em;margin:.15em;border-radius:3px;}
input[type="checkbox"]:checked{background:#777571}
input[type="search"]{appearance:textfield;box-sizing:border-box;cursor:default}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{appearance:none}
legend{white-space:normal}
textarea{overflow:auto;resize:vertical;vertical-align:top}
html{font-size:100%;text-size-adjust:100%;vertical-align:baseline}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q,blockquote{quotes:none;}
q:before,blockquote:before,q:after,blockquote:after{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
img{border:0;max-width:100%;height:auto;vertical-align:middle}
hr{border:0;border-top:solid 1px #dedfdf;display:block;height:0;margin:0;padding:0}
@font-face{font-family:"Entypo";src:url("/National_Library/20181105034639oe_/https://mootools.net/fonts/entypo.eot");src:url("/National_Library/20181105034639oe_/https://mootools.net/fonts/entypo.eot#iefix") format("embedded-opentype"),url("/National_Library/20181105034639oe_/https://mootools.net/fonts/entypo.woff") format("woff"),url("/National_Library/20181105034639oe_/https://mootools.net/fonts/entypo.ttf") format("truetype"),url("/National_Library/20181105034639oe_/https://mootools.net/fonts/entypo.svg#entypo") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"Entypo Social";src:url("/National_Library/20181105034639oe_/https://mootools.net/fonts/entypo-social.eot");src:url("/National_Library/20181105034639oe_/https://mootools.net/fonts/entypo-social.eot#iefix") format("embedded-opentype"),url("/National_Library/20181105034639oe_/https://mootools.net/fonts/entypo-social.woff") format("woff"),url("/National_Library/20181105034639oe_/https://mootools.net/fonts/entypo-social.ttf") format("truetype"),url("/National_Library/20181105034639oe_/https://mootools.net/fonts/entypo-social.svg#entypo-social") format("svg");font-weight:normal;font-style:normal}
body{background:#fff;font-size:1em}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.hidden{display:none !important;visibility:hidden}
.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
::-moz-selection{background:#777571;color:#fff;text-shadow:none}
::selection{background:#777571;color:#fff;text-shadow:none}
a,.grey-link.grey-link-override a{color:#777571;display:inline-block;text-decoration:none;}
a:hover,.grey-link.grey-link-override a:hover{color:#777571}
a:active,.grey-link.grey-link-override a:active,a:focus,.grey-link.grey-link-override a:focus{background:rgba(119,117,113,0.5);-webkit-border-radius:3px;border-radius:3px;color:#fff !important;outline:none}
body,button,html,input,select,textarea{color:#575551;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:300}
h1,h2,h3,h4,h5,h6{font-weight:200}
b,strong{font-weight:400}
pre{background:#f1f1f1;-webkit-border-radius:5px;border-radius:5px;display:block;font-family:"Source Code Pro","Lucida Console","Monaco","Courier New",monospace;font-size:.85em;font-weight:400;padding:1em}
code{background:#dedfdf;-webkit-border-radius:3px;border-radius:3px;display:inline;font-family:"Source Code Pro","Lucida Console","Monaco","Courier New",monospace;font-size:.75em;font-weight:600;padding:.25em .5em;vertical-align:baseline}
pre code{background:transparent;-webkit-border-radius:0;border-radius:0;font-size:1em;font-weight:400;padding:0}
p,code,pre{color:#373531}
input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid #e5e3df 1px;-webkit-border-radius:3px;border-radius:3px;color:#777571;cursor:pointer;font-weight:400;padding:.3em .5em;}
input:focus,textarea:focus,select:focus{outline:none;border:solid #e5e3df 1px}
label{cursor:pointer}
select:after{content:"stocazzo"}
input[type="checkbox"]{height:1em;position:relative;width:1em}
#builderOptions table input[type="checkbox"]:checked,#builderOptions table input[type="checkbox"].dependency{background:#f4f1ed}
#builderOptions table input[type="checkbox"].activeChoice:checked{background:#7d8aa5}
input[type="submit"]{background:#f4f1ed;-webkit-border-radius:5px;border-radius:5px;color:#777571 !important;display:block;font-size:1.1em;font-weight:300}
input[type="submit"]:hover{color:#fff !important}
.button{background:#e5e8ed;-webkit-border-radius:5px;border-radius:5px;color:#7d8aa5;display:block;font-size:1.1em;position:relative;}
.button span{display:block;padding:.5em .6em;line-height:1;}
.button span span{padding:0;}
.button span span.icon{font-size:200%;position:absolute;top:.8em;right:.2em;line-height:0;color:#7d8aa5}
.button span.version{display:block;font-size:.8em;margin-top:.2em}
.button.highlighted{background:#7d8aa5;color:#fff;}
.button.highlighted .icon,.button.highlighted pre{color:#fff}
.lighter{color:#acaaa7}
a:active .lighter,a:focus .lighter{color:#fff}
.darker{color:#777571}
a:active .darker,a:focus .darker{color:#fff}
.summary{font-size:1.3em;width:70%}
.description{font-size:1.2em}
.npm{background:#777571;color:#fff;margin:1em 0}
.command{border:none;background:#b1b9c9;color:#fff;-webkit-border-radius:5px;border-radius:5px;display:block;font-weight:400;margin:.5em 0;padding:.15em .5em .25em}
.wrapper{margin:0 auto;max-width:64em;padding:0 4%}
.arrow:after{content:'\e804';font-family:"Entypo"}
.icon{color:#9c9ea0;font-size:220%;line-height:0;position:relative;vertical-align:baseline}
a:active .icon,a:focus .icon{color:#fff}
.previous:after{content:'\e803';font-family:"Entypo"}
.next:after{content:'\e804';font-family:"Entypo"}
.download:after{content:'\e802';font-family:"Entypo"}
.github:after{content:'\e803';font-family:"Entypo Social"}
.twitter:after{content:'\e802';font-family:"Entypo Social"}
.facebook:after{content:'\e800';font-family:"Entypo Social"}
.googleplus:after{content:'\e801';font-family:"Entypo Social"}
.about{background:#e5e8ed;padding-top:0;padding-bottom:1em;}
.about .introduction p{font-size:1.3em;margin:1em 0}
.about .license{background:#fff;border:solid #e5e3df 1px;-webkit-border-radius:5px;border-radius:5px;color:#b1b9c9;margin:1.5em 0 0;padding:1em;}
.about .license h2{margin-bottom:.5em}
.about .license a{color:#6d798f;text-decoration:none}
.updates{padding-top:1em;padding-bottom:1em;}
.updates div.box{background:#e5e8ed;-webkit-border-radius:5px;border-radius:5px;padding:1em}
.updates h3{font-weight:400;margin-bottom:1em;}
.updates h3 span{margin-right:.5em}
.updates p{padding-bottom:.5em}
.updates a{font-weight:400;color:#7d8aa5}
.updates a:hover{text-decoration:underline}
.main .color{color:#7d8aa5}
.main h2{color:#7d8aa5}
.main a{color:#7d8aa5}
.main .selected{background-color:#7d8aa5;border-color:#7d8aa5}
.main .blog{margin-bottom:2em;}
.main .blog a{position:relative;padding:0 .2em}
.main .blog a:focus,.main .blog a:active{background-color:#777571 !important}
.main .blog hr{margin-top:2em;margin-bottom:2em}
.main .blog h2{font-size:2em;padding-bottom:.5em}
.main .blog h3{font-size:2em;padding:.5em .3em 0 .3em;margin-left:-.2em}
.main .blog h4{font-weight:400}
.main .blog ul{padding-left:2em;}
.main .blog ul li{list-style-type:disc;padding:.1em 0}
.main .blog small{border:1px solid #acaaa7;-webkit-border-radius:5px;border-radius:5px;display:block;font-size:.8em;font-weight:400;margin:.5em 0 2em;padding:.5em 1em;}
.main .blog small a{background:#f4f1ed;color:#777571;-webkit-border-radius:3px;border-radius:3px;display:inline;padding:0 .5em}
.main .blog small .comments{float:right}
.main .blog .post p{font-size:1.1em;line-height:1.3em;margin:1em 0}
.main .blog .post p a,.main .blog ul a{font-weight:400;text-decoration:none;color:#7d8aa5}
.main .blog .pagination a{background:#f4f1ed;-webkit-border-radius:5px;border-radius:5px;padding:1em;width:46%;color:#7d8aa5;font-weight:400}
.main .blog .pagination a .icon{font-size:200%;top:.3em;color:#7d8aa5}
.main .blog .pagination .older{float:left;text-align:right}
.main .blog .pagination .newer{float:right;text-align:left}
.main .blog .pagination .icon.previous{float:left;margin-right:.5em}
.main .blog .pagination .icon.next{float:right;margin-left:.5em}
.overview .summary,.overview .description{margin-bottom:1.5em}
.overview .license{font-size:.8em;margin:1em 0 3em}
.overview .use li{float:left;}
.overview .use li a{margin:0 0 0 .35em}
.overview .use li:first-child a{margin:0 .35em 0 0}
.overview .use .button{height:3em}
.features a{display:block;position:relative}
.books img{width:10em}
.books .about{background-color:#fff;padding-top:0;}
.books .about a{font-weight:400}
.books .cover{float:right;width:25%;}
.books .cover a{margin:.3em 0;font-weight:600;padding:.3em;color:#7d8aa5}
.books h2{font-size:2em}
.books .introduction p{font-size:1.1em}
.examples section h1{color:#7d8aa5;font-size:2em;font-weight:200}
.examples section h3{color:#575551}
.examples section p{padding-top:.5em}
.docs{padding-bottom:2em;}
.docs .versions{background:#e5e8ed;-webkit-border-radius:5px;border-radius:5px;color:#3c3a37;margin:0 0 2em;padding:.5em 1em;}
.docs .versions h3{float:left}
.docs .versions ul{float:right;}
.docs .versions ul li{font-weight:400;float:left;margin:0 0 0 .5em;position:relative}
.docs .versions a{background:#fff;-webkit-border-radius:3px;border-radius:3px;color:#dedfdf !important;font-size:.85em;padding:.25em .5em;}
.docs .versions a.selected{background:#fff;color:#777571 !important;}
.docs .versions a.selected:after{background:#fff;bottom:-4px;content:"";display:block;height:6px;left:50%;margin-left:-3px;position:absolute;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:6px}
.docs .toc{-webkit-border-radius:5px;border-radius:5px;border:solid #dedfdf 1px;font-size:.9em;line-height:1em;}
.docs .toc .small{height:1em;}
.docs .toc .small ul{display:none}
.docs .toc ul{border-top:solid #dedfdf 1px;padding:.5em 1em 1em;overflow:none;}
.docs .toc ul:first-child{border-top:none}
.docs .toc ul li ul{border-top:solid #dedfdf 1px;padding:0}
.docs .toc ul h3{padding:.7em 0 .3em 0;color:#575551 !important;font-weight:400}
.docs .toc ul a{color:#575551;display:block;padding:.3em .5em;margin-left:-.2em;}
.docs .toc ul a.top{color:#7d8aa5;font-size:1.2em;margin:0 0 .5em}
.docs .toc a.top:after{color:#dedfdf;content:'\e809';float:right;font-family:"Entypo";font-size:140%}
.docs .toc a.top:active,.docs .toc a.top:focus{background-color:#777571;}
.docs .toc a.top:active:after,.docs .toc a.top:focus:after{color:#fff}
.docs .content{margin:0 0 2em;}
.docs .content .heading:first-child h1{border:0;margin:0;padding:0}
.docs .content .heading:first-child .back-to-top{display:none}
.docs .content h1{border-top:solid 1px #dedfdf;margin:2em 0 0;padding:1.5em 0 0;}
.docs .content h1 a{padding:0 .2em;margin-left:-.2em}
.docs .content h2{background:#5a5d60;-webkit-border-radius:5px;border-radius:5px;margin:2em 0 .5em;padding:.15em .5em .25em;}
.docs .content h2 a{color:#fff !important;padding:0 .2em;margin-left:-.2em;}
.docs .content h2 a:focus,.docs .content h2 a:active{background-color:#fff;color:#5a5d60 !important}
.docs .content h3{-webkit-border-radius:5px;border-radius:5px;border:solid #dedfdf 1px;font-weight:400;margin:1.5em 0 0;padding:.15em .5em .25em}
.docs .content h4{-webkit-border-radius:5px;border-radius:5px;border:solid #f4f1ed 1px;color:#acaaa7;font-size:1.125em;font-weight:400;margin:1.5em 0 .5em;padding:.15em .5em .25em}
.docs .content h5{color:#acaaa7;font-size:1em;font-weight:400;margin:1.5em 0 0}
.docs .content p{margin:.5em 0}
.docs .content ol{counter-reset:li;list-style:none;*list-style:decimal;position:relative;}
.docs .content ol > li{margin-top:.5em;padding-left:1.5em;}
.docs .content ol > li:before{background:#b1b9c9;-webkit-border-radius:3px;border-radius:3px;content:counter(li);counter-increment:li;font-size:.75em;font-weight:600;left:0;padding:.15em .5em;position:absolute;color:#fff;margin-top:.15em}
.docs .content ul li{margin:.5em 0 0 1em;position:relative;}
.docs .content ul li:after{content:'\e80c';font-family:"Entypo";color:#7d8aa5;position:absolute;left:-1em;font-size:100%;margin:.2em .5em 0 0;top:0}
.docs .content pre{margin:.5em 0 0}
.docs .content a.back-to-top:before{color:#fff;content:'\e80a';margin-right:.5em;font-family:"Entypo";font-size:110%}
.docs .content a.back-to-top{color:#fff !important;font-size:.8em;margin-top:-3.4em;padding:.3em .5em;position:absolute !important;right:.5em}
.docs .content a.back-to-top:active,.docs .content a.back-to-top:focus{background-color:#fff;color:#5a5d60 !important;}
.docs .content a.back-to-top:active:before,.docs .content a.back-to-top:focus:before{color:#5a5d60 !important}
.heading{position:relative}
.guides{padding-bottom:2em;}
.guides .content:first-child h1{border:0;margin:0;padding:0}
.guides .content{margin:0 0 2em;}
.guides .content h1{border-top:solid 1px #e5e3df;margin:2em 0 0;padding:1.5em 0 0}
.guides .content h2{background:#777571;-webkit-border-radius:5px;border-radius:5px;margin:2em 0 .5em;padding:.15em .5em .25em;}
.guides .content h2 a{color:#fff !important}
.guides .content h3{-webkit-border-radius:5px;border-radius:5px;border:solid #e5e3df 1px;font-weight:400;margin:1.5em 0 0;padding:.5em}
.guides .content h4{-webkit-border-radius:5px;border-radius:5px;border:solid #f4f1ed 1px;color:#acaaa7;font-size:1.125em;font-weight:400;margin:1.5em 0 .5em;padding:.15em .5em .25em}
.guides .content h5{color:#acaaa7;font-size:1em;font-weight:400;margin:1.5em 0 0}
.guides .content p{margin:.5em 0;padding:.4em}
.guides .content ol{counter-reset:li;list-style:none;*list-style:decimal;position:relative;}
.guides .content ol li{margin-top:.5em;padding-left:1.5em;}
.guides .content ol li:before{background:#f4f1ed;-webkit-border-radius:3px;border-radius:3px;content:counter(li);counter-increment:li;font-size:.75em;font-weight:600;left:0;padding:.15em .5em;position:absolute}
.guides .content ul li{margin:.5em 0 0;}
.guides .content ul li:after{content:'\e80c';float:left;font-family:"Entypo";font-size:100%;margin:.2em .5em 0 0}
.guides .content pre{margin:.5em 0 0;}
.guides .content pre code{padding:.25em .5em}
#global-bar{-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 30px;box-shadow:rgba(0,0,0,0.1) 0 0 30px;padding-bottom:1em;padding-top:1em;position:fixed;width:100%;background-color:#fff;z-index:100;}
#global-bar div.wrapper{position:relative;}
#global-bar div.wrapper div.right{bottom:4px;position:absolute;right:4%}
#global-bar ul > li > a:active,#global-bar ul > li > a:focus{background:#9c9ea0;border-color:#9c9ea0;color:#fff}
#global-bar ul{float:left;}
#global-bar ul li{float:left;margin-right:.5em;position:relative;}
#global-bar ul li a{-webkit-border-radius:3px;border-radius:3px;color:#414347;font-size:1em;padding:.3em .5em .3em .5em;cursor:pointer}
#global-bar ul li.selected > a{background:#414347;border-color:#414347;color:#fff;}
#global-bar ul li.selected > a:active,#global-bar ul li.selected > a:focus{background:#9c9ea0;border-color:#9c9ea0;color:#fff}
body.mootools #global-bar{padding-bottom:2em;padding-top:2em;position:relative;}
body.mootools #global-bar h1{padding:0}
#logo{float:left;}
#logo h1 img{height:70px !important}
#logo p img{width:150px;padding:.5em}
#logo img:focus,#logo img:active{background-color:#fff}
#search{float:left;margin-left:.5em;}
#search label{display:block;position:relative}
#search input{background:transparent;border-color:transparent;color:#fff;border-color:#dedfdf;display:block;font-size:.85em;font-weight:400;padding:.4em .5em;width:12em;}
#search input:focus{border-color:#acaaa7}
#search #search-field{color:#777571}
#header{border-color:#7d8aa5;}
#header nav ul li.selected a{color:#7d8aa5;}
#header nav ul li.selected a:after{border-color:#7d8aa5 #7d8aa5 transparent transparent}
#header div.wrapper div.right{bottom:0}
#header h1 img{height:60px;width:auto;margin-top:1em}
#header a{color:#b1b9c8;font-size:1.125em;}
#header a:active,#header a:focus{background:transparent;border-color:transparent;color:#fff;}
#header a:active span,#header a:focus span{background:#777571;border-color:#777571;color:#fff;-webkit-border-radius:3px;border-radius:3px}
.core > #header,.more > #header{border-bottom:solid #7d8aa5 1px;margin-top:3em}
#menu{-webkit-box-shadow:#9c9ea0 0 0 30px;box-shadow:#9c9ea0 0 0 30px;padding:0 0 1em;}
#menu a{-webkit-border-radius:5px;border-radius:5px;border:solid #e5e3df 1px;display:block;padding:.6em 0 .4em;text-align:center;}
#menu a:active,#menu a:focus{border-color:#e5e3df}
#menu img{height:1.6em}
#sitemap{font-size:.8em;}
#sitemap h3{color:#cbd0db;font-weight:400}
#sitemap ul li a{padding:0 .5em;margin-left:-.5em;display:block;}
#sitemap ul li a span.icon{margin-right:.5em;font-size:100%}
#credits{font-size:.8em;}
#credits p{margin:0 0 1em}
#credits img.mootools{width:150px;padding:.5em;margin-left:-.5em}
#credits p.mediatemple a{background:url("/National_Library/20181105034639oe_/https://mootools.net/images/credits/mediatemple.png") no-repeat left top;border-color:url("/National_Library/20181105034639oe_/https://mootools.net/images/credits/mediatemple.png") no-repeat left top;color:#fff;-webkit-background-size:auto 16px;-moz-background-size:auto 16px;background-size:auto 16px;color:#dedfdf;font-size:.85em;font-weight:300;padding-left:46px;}
#credits p.mediatemple a:active,#credits p.mediatemple a:focus{color:#dedfdf !important}
@media only screen and (max-width: 47.999em) /* Less than 600 pixels */{.arrow:after{font-size:80%;margin-left:.3em;position:relative;top:0;vertical-align:baseline}
.home-page .arrow:after{top:.08em}
.slider:after{content:'\e808';float:right;font-family:"Entypo";font-size:80%}
.overview{padding-top:2em;padding-bottom:180px;position:relative;}
.overview .big-icon{width:100%;bottom:0;left:0;height:180px;overflow:hidden;position:absolute;z-index:-1;text-align:center;}
.overview .big-icon img{height:auto;opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);max-width:320px}
.overview .summary{font-size:120%;width:100%}
.overview .description{font-size:100%}
.overview .use li{width:50%}
.overview .previous-version label :after{display:block}
.overview .previous-version select{width:100%}
.modules{padding-top:1em;padding-bottom:1em;}
.modules .docs{margin-top:1em;}
.modules .docs a{display:block}
.features{padding-top:1em;padding-bottom:1em;}
.features section{float:left;margin-top:0;}
.features section:first-child{margin-top:0}
.features section p{padding:.5em 1.5em}
.features section a p{margin-top:.5em}
.guides{padding-top:1em;padding-bottom:1em}
.docs .content{margin-top:2em}
.docs .toc ul a.top{margin-bottom:0}
.docs .toc ul ul{display:none;}
.updates section{margin-top:1em;}
.updates section:nth-of-type(1){margin-top:0}
#logo{float:none;}
#logo h1,#logo p{text-align:center}
.home-page{padding-top:1em;padding-bottom:1em;}
.home-page .big-icon{display:none}
#global-bar .wrapper{padding:0}
#global-bar div.wrapper div.right{position:static;margin-top:1.5em;}
#global-bar div.wrapper div.right ul{float:none;margin:0}
#global-bar div.wrapper div.right ul{margin-bottom:.5em}
#global-bar div.wrapper div.right li{float:none;margin:0;}
#global-bar div.wrapper div.right li a{-webkit-border-radius:0;border-radius:0}
#global-bar div.wrapper div.right ul.opened li,#global-bar div.wrapper div.right li.selected{height:2em}
#global-bar div.wrapper div.right input{width:100%}
#search{float:none;margin:0 4%;position:static;}
#search input{width:100%}
#header .wrapper{padding:0}
#header h1{padding:.5em 4%;}
#header h1 img{margin-top:0}
#main-header{display:none}
#header ul li{overflow:hidden;height:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:height .4s ease;-moz-transition:height .4s ease;-o-transition:height .4s ease;-ms-transition:height .4s ease;transition:height .4s ease;}
#header ul li a{border-top:solid #e5e3df 1px;cursor:pointer;display:block;padding:.5em 4%}
#header ul.opened li,#header ul li.selected{height:2.6em;opacity:1;-ms-filter:none;filter:none}
#menu li{float:left;width:50%;margin:1em 0 0;}
#menu li:nth-of-type(1n) a{margin:0 .5em 0 0}
#menu li:nth-of-type(2n) a{margin:0 0 0 .5em}
#footer.wrapper{padding:0}
#sitemap{width:100%;}
#sitemap div{border-bottom:solid 1px #e5e3df;margin-bottom:1px;overflow:hidden;float:left;min-width:100%;height:4em;-webkit-transition:height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;-ms-transition:height .5s ease;transition:height .5s ease;}
#sitemap div h3{font-size:2em;background:#fff;border-color:#fff;color:#fff;color:#acaaa7;cursor:pointer;padding:.5em 4%}
#sitemap div ul{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);padding:0 2em 1em 2em}
#sitemap .opened{height:11em}
#sitemap .opened ul{opacity:1;-ms-filter:none;filter:none}
#credits{padding:1em 4% 2em;clear:both}
}@media only screen and (min-width: 48em) /* More or equal to 768 pixels */{.arrow:after{font-size:80%;margin-left:.3em;position:relative;top:0;vertical-align:baseline}
.overview{padding-top:3em;position:relative;}
.overview .big-icon{bottom:0;height:230px;overflow:hidden;position:absolute;right:4%;width:400px;z-index:-1;padding:50px 50px 0 50px;}
.overview .big-icon img{height:auto;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);width:100%;-webkit-transition:-webkit-transform .5s ease;-moz-transition:-moz-transform .5s ease;-o-transition:-o-transform .5s ease;-ms-transition:-ms-transform .5s ease;transition:transform .5s ease}
.overview .use li{width:9.6em}
.overview .previous-version select{width:19.2em}
.modules{padding-top:2em;padding-bottom:2em;}
.modules section{position:relative;clear:both}
.modules div{margin-top:1.5em;width:48%;}
.modules div:nth-of-type(odd){float:left}
.modules div:nth-of-type(even){float:right}
.modules div pre{margin-top:1em}
.modules .docs{position:absolute;right:0;top:0}
.features{padding-top:1em;padding-bottom:1em;}
.features section{float:left;width:33.333%;}
.features section:nth-of-type(1) a{margin:0 1.75em 0 -.6em}
.features section:nth-of-type(2) a{margin:0 1.25em 0}
.features section:nth-of-type(3) a{margin:0 0 0 1.75em}
.features section a{padding:.8em}
.features section p{margin-top:1em}
.guides{padding-top:2em;padding-bottom:2em}
.docs .toc{float:left;width:26%}
.docs .content{float:right;width:70%}
.about{padding-top:1em;padding-bottom:2em;}
.about .introduction{float:left;width:70%}
.about .license{float:right;width:25%}
.home-page{padding-top:2em;padding-bottom:2em}
.updates{padding-top:2em;padding-bottom:2em;}
.updates section{float:left;width:33.333%;}
.updates section:nth-of-type(1) div.box{margin:0 .8em 0 0}
.updates section:nth-of-type(2) div.box{margin:0 .8em 0}
.updates section:nth-of-type(3) div.box{margin:0 0 0 .8em}
#header .wrapper div{position:relative}
#header h1{padding:1em 0}
#header nav{bottom:0;position:absolute;right:0;}
#header nav ul li{float:left;margin-left:1em;}
#header nav ul li:first-child{margin-left:0}
#header nav ul li a{position:relative;}
#header nav ul li a span{position:relative;top:-1em;padding:.1em .5em}
#header nav ul li.selected a{color:#777571;}
#header nav ul li.selected a:after{background:#fff;border-color:#fff;color:#fff;border:solid 1px;border-color:#7d8aa5 #7d8aa5 transparent transparent;bottom:-6px;content:"";display:block;height:10px;left:50%;margin-left:-5px;position:absolute;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:10px}
.main + hr{display:none}
#menu{display:none;padding-top:1em;}
#menu li{float:left;width:20%;}
#menu li:nth-of-type(1) a{margin:0 .6em 0 0}
#menu li:nth-of-type(2) a{margin:0 .45em 0 .3em}
#menu li:nth-of-type(3) a{margin:0 .3em 0 .45em}
#menu li:nth-of-type(4) a{margin:0 .3em 0 .45em}
#menu li:nth-of-type(5) a{margin:0 0 0 .45em}
#footer.wrapper{padding-top:2em;padding-bottom:4em}
#sitemap{float:right;}
#sitemap div{float:left;margin-left:2em;width:8.8em}
#sitemap div first-of-type{margin-left:.5em}
#sitemap h3{margin-bottom:.3em}
#credits{float:left}
.core .big-icon{height:230px;width:340px}
.more .big-icon{height:230px;width:340px}
}pre span.keyword{color:#b05098}
pre span.number{color:#429bc1}
pre span.string{color:#83a440}
pre span.comment{color:#9c9ea0}
.mootools #header{border-bottom:1px solid #fff}
.previous-version{margin-top:1em;}
.previous-version label.select{position:relative}
@media screen and (-webkit-min-device-pixel-ratio: 0) /* Chrome and Safari only */{label.select:after{content:'<>';font:11px "Consolas",monospace;padding:3px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:8px;top:3px;position:absolute;pointer-events:none}
}#googleLink{margin-left:2em;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s;transition:opacity .4s}
#googleLink.visible{opacity:1;-ms-filter:none;filter:none}
.builder{margin-top:2em;margin-bottom:2em;}
.builder .header h1{float:left;margin:1.5em 0 .5em;width:100%}
.builder .header .save{float:left;clear:none;margin-right:1em}
.builder .save{clear:both;}
.builder .save label{display:block;margin-top:1em;position:relative}
.builder .save label.select:after{top:7px}
.builder .save select{width:100%}
.builder .save input[type="checkbox"]{margin-right:.5em;vertical-align:bottom}
.builder .save input[type="submit"]{margin-top:.5em;padding:.5em;width:100%;text-align:left}
.builder .save .icon.download{position:absolute;right:.25em;top:0;line-height:1em}
.builder form{margin-top:1em}
.builder .step{clear:both;font-weight:400;margin-top:1em}
@media only screen and (min-width: 48em) /* More or equal to 768 pixels */{.builder .save{width:35%}
.builder table{width:100%;}
.builder table tr{border-bottom:1px solid #acaaa7;}
.builder table tr td{padding:.3em;}
.builder table tr td:first-child{width:5%}
.builder table tr td + td{width:15%}
.builder table tr td + td + td{width:20%}
.builder table tr td + td + td +td{width:60%}
}div.developers{width:100%;}
div.developers h1{font-size:2em;color:#7d8aa5}
div.developers section{padding:0 0 1em;color:#777571;float:left;width:100%;clear:both}
div.developers img{float:left;height:65px;margin:.4em 1em}
div.developers h3,div.developers p.inline{display:inline}
div.developers p.small{font-size:.9em;}
div.developers p.small a{color:#7d8aa5}
.features{text-align:left;}
.features section{width:50%}