html,body{height:100%}html{background:#fff;color:#333;overflow-y:scroll}body{font:14px/1.4 'PT Sans','DejaVu Sans','Bitstream Vera Sans',Verdana,sans-serif;margin:0;padding:0}a{color:#356de4;text-decoration:none}a:hover{text-decoration:underline}a:visited{color:#6d93e4}hr{border:0;border-top:1px solid #afafaf}p,pre.code,pre.terminal,pre.cmd{margin:1.2em 0}dd p,td p{margin-bottom:0}dd p:first-child,td p:first-child{margin-top:0}h1,h2,h3,h4,h5,h6{color:#eb8c28;font-weight:bold;line-height:1.1;margin:1.1em 0 .5em}h1{font-size:184.6%;color:#30418c;margin:.75em 0 .5em}h2{font-size:153.846%}h3{font-size:138.462%}h4{border-bottom:1px solid #dbdfea;font-size:115.385%;font-weight:normal;padding-bottom:2px}h5,h6{font-size:107.692%}code,kbd,pre,samp{font-family:Menlo,Monaco,'DejaVu Sans Mono','Bitstream Vera Sans Mono','Consolas','Courier New',Courier,monospace;font-size:92.308%;line-height:1.35}p code,p kbd,p samp{background:#fcfbfa;border:1px solid #efeeed;padding:0 3px}a code,a kbd,a samp,pre code,pre kbd,pre samp,table code,table kbd,table samp,.intro code,.intro kbd,.intro samp,.toc code,.toc kbd,.toc samp{background:0;border:0;padding:0}pre.code,pre.terminal,pre.cmd,#doc pre.prettyprint{overflow-x:auto;padding:.3em .6em;_width:99%}pre.code,#doc pre.prettyprint{background:#fcfbfa;border:1px solid #efeeed;border-left-width:5px}pre.terminal,pre.cmd{background:#f0effc;border:1px solid #d0cbfb;border-left:5px solid #d0cbfb}#deprecated{background:#faf3d1;border:1px solid #eac9a9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:px;padding:0;-moz-box-shadow:0 0 5px #ccc8b3;-webkit-box-shadow:0 0 5px #ccc8b3;box-shadow:0 0 5px #ccc8b3;margin:15px;letter-spacing:normal;text-align:center}#deprecated ul{display:block;padding-left:2em;padding-top:.1em}#deprecated ul li{margin-left:1em;list-style-type:disc}#deprecated strong{font-weight:bold}#gallery pre.terminal,#gallery pre.cmd{background:#000;color:#fff;border:1px solid #d0cbfb;font-size:85%}pre code,pre kbd,pre samp{font-size:100%}.noselect{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}dd{margin:.2em 0 .7em 1em}dl{margin:1em 0}dt{font-weight:bold}caption,th{text-align:left}table{border-collapse:collapse;width:100%}td,th{border:1px solid #fff;padding:5px 12px;vertical-align:top}td{background:#e6e9f5}td dl{margin:0}td dl dl{margin:1em 0}td pre:first-child{margin-top:0}th{background:#d2d7e6;border-bottom:0;border-top:0;color:#000;font-weight:bold;line-height:1.3;white-space:nowrap}a .hover-border{border:1px solid #cfcfcf}a:hover .hover-border{border:1px solid #d4d8eb;-moz-box-shadow:0 0 6px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.3);box-shadow:0 0 6px rgba(0,0,0,0.3)}.button,.button:visited{color:#444}.button{border:1px solid #e9e9e9;border-radius:3px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);display:inline-block;font-weight:bold;padding:4px 13px 3px;text-align:center;-moz-text-shadow:1px 1px 0 #fff;-webkit-text-shadow:1px 1px 0 #fff;text-shadow:1px 1px 0 #fff;white-space:nowrap;background:#efefef;background:-moz-linear-gradient(top,#f5f5f5 0,#efefef 50%,#e5e5e5 51%,#dfdfdf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f5f5f5),color-stop(50%,#efefef),color-stop(51%,#e5e5e5),color-stop(100%,#dfdfdf));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#dfdfdf',GradientType=0);*border-color:#dadada;*padding-bottom:5px}.button:hover{border-color:#466899;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5);box-shadow:0 1px 4px rgba(0,0,0,0.5);color:#fff;text-decoration:none;-moz-text-shadow:1px 1px 0 #222;-webkit-text-shadow:1px 1px 0 #222;text-shadow:1px 1px 0 #222;background:#6396d8;background:-moz-linear-gradient(top,#6396d8 0,#5a83bc 50%,#547ab7 51%,#466899 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6396d8),color-stop(50%,#5a83bc),color-stop(51%,#547ab7),color-stop(100%,#466899));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6396D8',endColorstr='#466899',GradientType=0)}.button.download{display:block;font-size:18px;margin:0 0 1em;padding:9px 17px 8px}.clearfix{zoom:1}.clearfix:after{clear:both;content:'.';display:block;height:0;line-height:0;visibility:hidden}.column{margin-right:10px}.components{list-style-type:disc;margin:0;padding:0 0 0 17px}.components li{color:#e2e2eb}.gravatar{border:1px solid #afafaf}.hidden{display:none}.hoverable{cursor:pointer}.hoverable-group{position:relative}.more{text-align:right}.off-left{position:absolute;left:-9999px}.right{float:right}.shadow-box{background:#f9f9fc;border:1px solid #d4d8eb;border-radius:4px;-moz-box-shadow:0 0 4px rgba(0,0,0,0.15);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.15);box-shadow:0 0 4px rgba(0,0,0,0.15);padding:6px 10px}.shadow-box .hd h5{background:#e5e6f1;border-radius:4px 4px 0 0;color:#5e6ba4;font-weight:bold;font-size:107.692%;margin:0;padding:4px 7px 5px}.spaced li{margin:.8em 0}.component-grid{margin:1em 0 0 -7px;zoom:1}.component-grid .components{list-style:none;padding:0}.component-grid .desc{font-size:13px;line-height:1.3;margin:2px 0 0}.component-grid .name{font-weight:bold}.component-grid .component a{border:1px solid transparent;display:block;padding:3px 7px 5px;margin-bottom:3px;text-decoration:none;_border-color:#f8f8f8}.component-grid .component a .desc{color:#333}.component-grid .component a:hover{background:#e2eefb;border-color:#bdd6f4}.component .beta{color:#999;font-size:9px;text-decoration:none;vertical-align:top}.mac-only,.pc-only{visibility:hidden}.pc .mac-only,.mac .pc-only{display:none}.mac .mac-only,.pc .pc-only{visibility:visible}#doc,#wrap{background:#fff;max-width:1200px;margin:0 auto;min-height:100%;min-width:960px;position:relative;*zoom:1}#hd{background:#f5f5f5;background:-moz-linear-gradient(top,#dcdbd9 0,#f6f5f3 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dcdbd9),color-stop(100%,#f6f5f3));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdbd9',endColorstr='#F6F5F3',GradientType=0);border-bottom:1px solid #dfdfdf;*zoom:1}#hd .content{padding:0 15px 1px 20px}#hd-logo{background:url(/yui3/img/yui-logo.png) no-repeat;border:0;display:inline-block;height:52px;margin-top:15px;width:117px}#hd .dev-banner{color:#a8a8a8;font-size:26px;line-height:52px;margin-left:10px;vertical-align:35%}#userinfo{color:#555;font-size:12px;list-style:none;margin-top:5px;padding:0;text-align:right;zoom:1}#userinfo li{border-left:1px solid #c6c4c4;display:inline-block;display:inline;line-height:1.2;padding:0 4px 0 7px}#userinfo li:first-child{border:0}#userinfo .gravatar{height:16px;margin-right:3px;vertical-align:-5px;width:16px}#userinfo .username{font-weight:bold}#hd .yui3-aclist{z-index:4}#main-search{margin-top:12px}#main-search .search-input{float:right;margin-right:2px}.search-input{width:240px}.search,.search li{margin:0}.search .result,.search .result .title{color:#333;font-size:13px}.search .result{padding:3px 0;position:relative;zoom:1}.search .result:after{clear:both;content:'.';display:block;height:0;line-height:0;visibility:hidden}.search .yui3-aclist-content{max-height:350px;overflow-y:auto}.search .yui3-aclist-item-active .result,.search .yui3-aclist-item-active .result .title{color:#fff}.search .result.class .className,.search .result.module .className{display:none}.search .result a{color:inherit;text-decoration:inherit}.search .result .className,.search .result .type{color:#afafaf;font-size:11px}.search .result .type{background:#bfbfbf;border-radius:3px;color:#fff;padding:1px 4px 1px}.search .yui3-aclist-item-active .result .type{background:#fff;color:#333}.search .result .description{font-size:12px}.search .result .title{display:inline;margin:0 50px 0 0}.search .result .type{position:absolute;right:0;top:3px}.search .result .yui3-highlight{color:#00f}.search .yui3-aclist-item-active .yui3-highlight{color:#bfdaff}#main-nav{line-height:1.5;margin:12px 0 -2px 0;zoom:1}#main-nav .nav,#main-nav .nav-submenu,#subnav ul{list-style:none;margin:0;padding:0;zoom:1}#main-nav .nav{position:relative;z-index:3}#main-nav .nav a{background:-moz-linear-gradient(top,#f4f0ec 0,#d6d2ce 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f0ec),color-stop(100%,#d6d2ce));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F0EC',endColorstr='#D6D2CE',GradientType=0);border-top:1px solid #dadada;border-right:1px solid #cdcbc8;border-bottom:1px solid #dedcd9;color:#333;display:block;padding:3px 10px 4px 10px;text-decoration:none;zoom:1;_display:inline-block}#main-nav .nav a:hover{background:-moz-linear-gradient(top,#f0eeeb 0,#eae8e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0eeeb),color-stop(100%,#eae8e5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0EEEB',endColorstr='#EAE8E5',GradientType=0)}#main-nav .nav-tab{float:left;position:relative}#main-nav .nav .nav-tab:first-child a,#main-nav .nav .nav-break a{border-left:1px solid #dadada}#main-nav .nav .nav-tab:first-child .nav-child a,#main-nav .nav .nav-break .nav-child a,#main-nav .nav-child:first-child a{border-left:0}#main-nav .nav-active a{border-bottom-color:#fff;border-top:solid 2px #8193c9;font-weight:bold;padding-bottom:4px}#main-nav .nav-active a,#main-nav .nav-active a:hover{background:#fff;filter:none}#main-nav .nav-active .nav-child a{background:0;filter:none;font-weight:normal}#main-nav .nav-break{margin-left:15px}#main-nav .nav-submenu{background:#f5f3f0;border:1px solid #dedcd9;-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.3);-webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.3);box-shadow:1px 3px 8px rgba(0,0,0,0.3);left:-1px;min-width:130px;padding:3px 0;position:absolute;visibility:hidden;z-index:3;_top:2.2em}#main-nav .nav-tab-focus .nav-submenu,#main-nav .nav-tab-hover .nav-submenu{visibility:visible}#main-nav .nav-break.nav-tab-focus .nav-submenu,#main-nav .nav-break.nav-tab-hover .nav-submenu,#main-nav .nav-tab-focus:first-child .nav-submenu,#main-nav .nav-tab-hover:first-child .nav-submenu{left:0}#main-nav .nav-child{display:block;float:none;white-space:nowrap}#main-nav .nav-child a{background:0;border:1px solid transparent;border-left:0;border-right:0;display:block;filter:none;padding-right:18px;zoom:1;_border:0;_display:inline-block}#main-nav .nav-child a:hover{background:#fff;border-color:#eaeaea}#main-nav .nav-yuiconf a{background:-moz-linear-gradient(top,#727ce7 0,#475da4 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#727ce7),color-stop(100%,#475da4));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#727CE7',endColorstr='#475da4',GradientType=0);color:white;border:1px solid #293e83}#main-nav .nav-yuiconf a:hover,#main-nav .nav-yuiconf a:focus{background:-moz-linear-gradient(top,#475da4 0,#727ce7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#475da4),color-stop(100%,#727ce7));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#475da4',endColorstr='#727CE7',GradientType=0)}#subnav,#breadcrumbs{margin:0 20px}#subnav{margin-left:0}.subnav li{display:inline;margin-right:12px}.subnav-active{font-weight:bold}.breadcrumbs{list-style:none;margin:0;padding:0;zoom:1}.breadcrumbs:after{clear:both;content:'.';display:block;height:0;visibility:hidden}.crumb,.separator{float:left}.crumb{white-space:nowrap}.separator{color:#cacaca;padding:0 6px}.project-version{color:#cfcfcf;position:absolute;right:20px;top:7px}#bd{padding:7px 0 130px;position:relative;width:99%;*width:100%}.body-heading,#bd .content{padding:0 16px 0 20px;*padding-top:1px}.body-heading{margin-bottom:.3em}.body-heading h1{margin:.5em 0 0}.article ul{margin-top:-0.5em}.sidebar{padding:0 15px 0 10px}.sidebox{border:1px solid #d4d8eb;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.1);margin:0 0 15px 0;padding-bottom:1px}.sidebox .hd{background:#e5e6f1;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;padding:4px 7px 5px}.sidebox .bd{background:#f9f9fc;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;font-size:12px;padding:10px 8px 10px}.sidebox .hd h2{color:#30418c;font-weight:bold;font-size:107.692%;margin:0}.sidebox li{color:#d4d5e3;list-style-type:disc}.sidebox ol,.sidebox ul{margin:0;padding-left:14px}.sidebox ol ol,.sidebox ol ul,.sidebox ul ol,.sidebox ul ul{margin:0;padding-left:14px}#ft{background:#f5f5f5;background:-moz-linear-gradient(top,#f6f5f3 0,#dcdbd9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f5f3),color-stop(100%,#dcdbd9));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F5F3',endColorstr='#dcdbd9',GradientType=0);border-top:1px solid #dfddda;bottom:0;position:absolute;width:100%;*position:static}.copyright{font-size:13px;margin:1em 0;padding:1em 2em 1em 1.5em}#downloads{min-width:700px}#downloads ul li{list-style-type:none}#downloads ul li a{background-image:url(/yui3/img/archive_zip.png);background-repeat:no-repeat;background-position:0 0;padding-left:20px}#downloads ul li strong{font-size:80%;font-weight:normal;color:#ccc;margin-left:4px}#downloads ul li em{font-size:80%;float:right;font-style:normal;margin-right:2em}#dl_list .item{margin:1em;padding:.5em}#dl_list .item img{position:relative;top:6px;margin-right:5px}#dl_list .item a{color:#1f2c7b;font-weight:bold;text-decoration:underline;font-size:120%}#dl_list .item p{font-size:90%}.logo-small{height:22px;width:50px}.yui3-u-1-2{*width:49%}.yui3-u-1-4{*width:24%}.yui3-u-3-4{*width:74%}@media all and (min-width:1201px){#hd,#ft{border:1px solid #dfdfdf}#hd{border-top:0;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}#ft{border-bottom:0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}}@media all and (max-width:550px){img{max-width:100%}td,th{padding:3px 5px}.dev-banner{display:none}.project-version{right:3px;top:9px}.search-input{width:150px}#hd .content{padding:0 3px 1px 5px}#bd .content{padding:0 2px 0 5px}#bd .yui3-u-1-3,#bd .yui3-u-2-3,#bd .yui3-u-1-4,#bd .yui3-u-3-4,#bd .yui3-u-1-5,#bd .yui3-u-2-5,#bd .yui3-u-3-5,#bd .yui3-u-1-6,#bd .yui3-u-5-6{display:block;width:auto}#hd .yui3-u-1-4,#hd .yui3-u-3-4{width:50%}#breadcrumbs,#subnav{margin:0 2px 0 5px}#main-nav .nav-break{margin-left:0}#main-nav .nav-tab{font-size:12px}}@media all and (-webkit-device-pixel-ratio:2.0){#hd-logo{background-image:url(/yui3/img/yui-logo-2x.png);background-size:contain}}@media print{pre.code,pre.terminal,pre.cmd,#doc pre.prettyprint,p code,p kbd,p samp{background:0;border:0;overflow-x:visible;overflow-y:visible;padding:0}pre.code,pre.terminal,pre.cmd,#doc pre.prettyprint{padding-left:1em}#breadcrumbs,#hd,#ft .links,.no-print,.sidebar{display:none}#ft{background:0;position:static}.print-max-width{width:100%}}
.column-left{margin-right:30px}.column-right{margin-left:30px}.headline{color:#222;font-size:29px;line-height:1.4;margin:0 auto;text-align:center;width:730px}.intro{margin:20px 0 45px;padding:20px 0}.notice{background:#faf3d1;border:1px solid #eac9a9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:px;padding:0 1em;-moz-box-shadow:0 0 5px #ccc8b3;-webkit-box-shadow:0 0 5px #ccc8b3;box-shadow:0 0 5px #ccc8b3;margin-left:1em;text-align:center}#doc,#wrap{min-width:490px}.reason{margin-right:1.6em}.reason a{font-weight:bold}.reasons h3{color:#555;font-size:16px;margin:0}.reasons p{color:#777;line-height:1.3;margin-top:.5em}.reasons strong{color:#444}.divider{margin:3.5em 0 1em;position:relative;text-align:center}.divider h2{background:#fff;display:inline-block;font-size:18px;line-height:18px;margin:0 auto;padding:0 10px;position:relative;top:-19px}.divider h2,.divider h2 a{color:#555}.divider hr{background:#f3f3f3;border:0;height:1px}.button.get-started{display:block;font-size:22px;margin:2em auto 0;padding:9px 0 10px;width:340px;background:-moz-linear-gradient(top,#f7f7f7 0,#dfdfdf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(100%,#dfdfdf));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#dfdfdf',GradientType=0)}.button.get-started:hover{background:-moz-linear-gradient(top,#6396d8 0,#466899 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6396d8),color-stop(100%,#466899));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6396D8',endColorstr='#466899',GradientType=0)}.button.get-started .extra{display:block;font-size:14px}.tweets,.tweets .tweet{color:#777;font-size:13px;list-style:none}.tweets{margin:0;padding:0}.tweet{margin-bottom:1em;overflow:hidden}.tweet-bd,.tweet-ft{margin-left:42px}.tweet-ft{font-size:12px}.tweet-ft,.tweet-ft a{color:#afafaf}.tweet-hd{float:left}.tweet-hd img{height:32px;width:32px}.tweet-retweeted{margin-left:4px}.tweet-user{font-weight:bold;margin-right:3px}.twitter-link{text-align:center}.twitter-icon{border:0;height:16px;vertical-align:text-bottom;width:20px}.videos,.videos .video{color:#777;list-style:none}.videos{margin:0;padding:0}.video{margin-bottom:1em}.video-thumb{display:block;margin-right:8px;position:relative;zoom:1}.video-thumb:link,.video-thumb:hover{text-decoration:none}.video-thumb img{display:block;width:90%}.video-desc{font-size:13px;margin:0 20px 0 0}.video-duration{background:black;border-radius:2px;bottom:2px;color:white;padding:2px 4px;position:absolute;left:2px}.video-link{font-weight:bold}.video-time{color:#afafaf;font-size:12px;margin-left:5px;white-space:nowrap}.youtube-link{text-align:center}.youtube-icon{border:0;height:17px;vertical-align:text-bottom;width:16px}.examples-showcase img{border:1px solid transparent;width:100%;*border:0}.examples-showcase .more{position:absolute;right:0;top:0}.examples,.examples li{list-style:none;margin:0;padding:0}.example-item{margin:0 0 0 12px;padding:5px;width:280px}.example-title{margin:0 0 .5em;font-size:15px;text-align:center}@media all and (max-width:870px){.headline{font-size:24px;margin:0;width:auto}.examples li{display:block;width:auto}.example-item{margin:0 auto 3em;padding:0}}@media all and (max-width:550px){.button.get-started{font-size:16px;width:280px}.column-left,.column-right{margin:0}.headline{font-size:20px}.intro{margin:5px 0 1em;padding:5px 0}.video-desc{margin:0 0 2.5em}.video-thumb{margin:1em auto}.video-thumb img{width:100%}}@media all and (max-width:320px){.headline{font-size:18px}}