@charset "UTF-8";@import url(//fonts.googleapis.com/css?family=Source+Code+Pro|Merriweather+Sans:300,300italic,700,700italic);body,h1,h2{padding:0;margin:0}body,p{line-height:1.2857em}body,h1,h2,h3,pre{margin:0}#page .teachingSteps>*,#showhidemenu,.highslide-maincontent .teachingSteps>*,.schedule .workshop,nav.breadcrumb{box-sizing:border-box}.accordion a,.schedule .workshop h3 a,div#end a,nav.pagenav li a,section.box>article>h3 a{text-decoration:none}body,html{background-color:#fff}body{font-family:"Merriweather Sans",verdana,sans-serif;font-size:90%;color:#372A05}h1,h2,h3,h4,h5,h6{font-family:'Open Sans',arial,sans-serif}h1,h2,h3{text-transform:lowercase;letter-spacing:.125em}h2,h3,h4,h5{color:#E8A935}h1{color:#fc3;font-size:1.5714em;line-height:1.6364em}h2{font-size:1.3571em;line-height:1.8947em}h3{font-size:1.2857em;line-height:1em;padding:.75em 0 .5em}h4{font-size:1.1429em;line-height:1.125em}h5{font-size:1.167em;line-height:1.143em;margin-bottom:.5em}p{font-size:1em;margin:1.2857em 0}code,pre,tt{font-family:'Source Code Pro'}.markup{float:left;width:40%;margin:2px;min-width:250px;overflow:auto}.markupdisplay{float:right;width:50%;border:thin solid #ccc;padding:5px;margin:2px}#wrapper{width:90%;min-height:800px;margin:125px auto 1em 5%;border:thin solid #ccc;border-radius:10px;position:relative}#banner{position:fixed;z-index:1000;top:0;left:0;margin:.333em .25% 2.333em;width:99%;border-style:solid;border-color:#000;border-width:1px 0;background-color:#EDEBD5;background:url(/new/images/wordcloud1t.png),url(/new/images/wordcloud2t.png),linear-gradient(to right,#edebd5,rgba(255,255,255,0));background-position:99% -5%,82% 5%;background-repeat:no-repeat;height:80px}#banner h1{font-size:3em;line-height:.8888em;padding:.44em 0 .44em 10px;margin:0;text-shadow:2px 2px 6px rgba(150,150,150,.5);letter-spacing:.25em}#banner img{position:fixed;right:12px;top:5px}#main,#page,.highslide-maincontent{position:relative}#randomQuote.animateQuote.ng-hide-add{transition:1s linear all;opacity:1}#randomQuote.animateQuote.ng-hide-remove{transition:1s linear all;opacity:0}#randomQuote.animateQuote.ng-hide-add-active{opacity:0}#randomQuote.animateQuote.ng-hide-remove-active{opacity:1}#sidebar.ng-hide,#sidebar.ng-hide-add-active{opacity:0}#search{margin-left:6px}#searchresults li{margin-bottom:1em}#searchresults li a{display:block}#searchresults li a:hover{background-color:#EDEBD5}#searchresults .searchBody{margin-left:1em}#searchresults .searchBody:after{content:'  snippet';font-style:italic}#main{margin:0 199px;border-left:thin solid #ccc;border-right:thin solid #ccc}.loading{margin:2em auto;width:50%;height:300px;background-repeat:no-repeat;background-image:url(/scripts/highslide/graphics/ajax-loader.gif);background-position:center center}article.content{padding:0 0 0 1em;margin:0;min-height:600px;overflow:auto}article.content .ng-scope{min-height:auto}.noLeftMargin{margin-left:0!important}#page ol,#page ul,.highslide-maincontent ol,.highslide-maincontent ul{padding-left:1.5em}#page blockquote,.highslide-maincontent blockquote{font-style:italic}#page blockquote:before,.highslide-maincontent blockquote:before{display:block;height:0;content:"“";margin-left:-.8em;font:italic 400%/1 Cochin,Georgia,"Times New Roman",serif;color:#999}#page dt,.highslide-maincontent dt{font-weight:700;font-size:1.083em;line-height:1.231em;color:#E8A935}#page .explanation,.highslide-maincontent .explanation{margin:10px;padding:0 10px;border:thin solid #ccc}#page .explanation dt,.highslide-maincontent .explanation dt{margin:1em 0 0 -10px;padding-left:.5em;border-top:1px solid #E8A935;border-bottom:1px dotted #E8A935;padding-top:.5em}#page .explanation dt:first-child,.highslide-maincontent .explanation dt:first-child{border-top:none;margin-top:0}#page .explanation dd,.highslide-maincontent .explanation dd{margin-left:1em;margin-bottom:.5em}#page .explanation dd:last-child,.highslide-maincontent .explanation dd:last-child{margin-bottom:1em}#page .teachingSteps,.highslide-maincontent .teachingSteps{margin:0 auto;display:flex;flex-wrap:wrap;flex-direction:row-reverse;border:thin solid #000}#page .teachingSteps>h3,#page .teachingSteps>h4,.highslide-maincontent .teachingSteps>h3,.highslide-maincontent .teachingSteps>h4{background-color:#fdfbed;color:#E8A935;margin:0;padding:1em;border:thin solid #000;border-width:1px 0;width:100%}#page .teachingSteps>h4:first-child,.highslide-maincontent .teachingSteps>h4:first-child{border-top:none}#page .teachingSteps>.code,#page .teachingSteps>.instructions,.highslide-maincontent .teachingSteps>.code,.highslide-maincontent .teachingSteps>.instructions{display:inline-block}#page .teachingSteps>.instructions,.highslide-maincontent .teachingSteps>.instructions{flex:2 0 60%;border-right:thin solid #ccc}#page .teachingSteps>.code,.highslide-maincontent .teachingSteps>.code{width:40%}#page .teachingSteps>.code h4,#page .teachingSteps>.code h5,.highslide-maincontent .teachingSteps>.code h4,.highslide-maincontent .teachingSteps>.code h5{margin:.125em 0 1em .125em}#page .teachingSteps>.code h4::after,#page .teachingSteps>.code h5::after,.highslide-maincontent .teachingSteps>.code h4::after,.highslide-maincontent .teachingSteps>.code h5::after{content:' :- '}#page .explanatoryImage,.highslide-maincontent .explanatoryImage{float:right;width:30%;border:thin solid gray;min-width:400px;background-color:#fff}#page .explanatoryImage img,.highslide-maincontent .explanatoryImage img{border:0;padding:0;width:100%}#page .explanatoryImage figcaption,.highslide-maincontent .explanatoryImage figcaption{padding:.25em .5em;text-align:right;font-style:italic;font-size:.75em}#showhidemenu{z-index:1!important;position:fixed;top:85px;left:5px;background-color:#fff;border:1px solid #ccc;width:45px;height:38px;font-style:italic;font-weight:700;transition:all 1s}#showhidemenu label{padding:.15em;cursor:pointer;display:block;text-align:right}#showhidemenu input#shm{height:0;width:0;visibility:hidden}#sidebar.ng-hide-add{transition:.5s linear all}#sidebar.ng-hide-remove{transition:1s linear all}#sidebar.ng-hide-remove-active,.at-view-fade-in.ng-enter-active,.at-view-fade-out.ng-leave,.at-view-fade-out.ng-leave-active{opacity:1}nav.accordion{position:fixed;z-index:100!important;width:200px;left:5%;top:125px}aside.main{position:absolute;width:188px;right:0;top:0;margin:.25em 0}#search form{margin:1em auto}#randomQuote p{padding-right:.5em!important}.footer{clear:both;border-top:thin solid #ccc}article.content>article>h1{font-size:1.5714em!important;margin:0;padding:.4443em 0 0;text-align:right}article.content>ul.bookList:before{content:'Teaching Topics';font-weight:700;font-size:1.5em;position:absolute;top:0;left:210px;border:1px solid #B0AE9C;border-radius:5px;background-color:#fffffa;padding:5px;height:1em}article.content .bookList li{border-bottom:thin solid #ccc}article.content .bookList li,article.content .bookList ul{padding:.5em;margin:0;line-height:.9em;list-style-type:none}article.content>ul.bookList>li{margin:.5em .5%;float:left;width:30%;overflow:auto;height:200px;border:thin solid #c69}article.content>ul.bookList>li li{border-bottom:none}article.content>ul.bookList>li>span{background-color:#EDEBD5;display:block;font-style:italic;font-weight:700;padding:.5em .25em}article.content>ul.bookList>li:first-child{display:none}.codepenClosed{height:60px;overflow:hidden;transition:all 1s}.codepenClosed:hover{height:457px;transition:all 1s;overflow:auto}nav.breadcrumb{position:absolute;top:-38px;left:0}ol.breadcrumb,ul.breadcrumb{height:38px;overflow:hidden;list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:nowrap;justify-content:flex-start}ol.breadcrumb li,ul.breadcrumb li{white-space:nowrap}ol.breadcrumb li a,ul.breadcrumb li a{color:#fff;text-decoration:none;padding:10px 0 10px 40px;background:#ecb718;position:relative;display:block}ol.breadcrumb li a:after,ol.breadcrumb li a:before,ul.breadcrumb li a:after,ul.breadcrumb li a:before{content:" ";display:block;width:0;border-top:50px solid transparent;border-bottom:50px solid transparent;position:absolute;top:50%;margin-top:-50px;left:100%;height:0}ol.breadcrumb li a:after,ul.breadcrumb li a:after{border-left:30px solid #ecb718;z-index:2}ol.breadcrumb li a:before,ul.breadcrumb li a:before{border-left:30px solid #fff;margin-left:1px;z-index:1}ol.breadcrumb li:first-child a,ul.breadcrumb li:first-child a{padding-left:10px}ol.breadcrumb li:last-child a:after,ul.breadcrumb li:last-child a:after{content:'';display:none;z-index:0;border:none}ol.breadcrumb li:nth-child(2) a,ul.breadcrumb li:nth-child(2) a{background:#f1c950}ol.breadcrumb li:nth-child(2) a:after,ul.breadcrumb li:nth-child(2) a:after{border-left-color:#f1c950}ol.breadcrumb li:nth-child(3) a,ul.breadcrumb li:nth-child(3) a{background:#faecc2}ol.breadcrumb li:last-child a,ul.breadcrumb li:last-child a{background:0 0!important;color:#fc3;font-style:italic;font-weight:700;letter-spacing:.125em;pointer-events:none;cursor:default}nav.pagenav{border-bottom:1px solid #ccc}nav.pagenav:last-of-type{border-top:1px solid #ccc;border-bottom:0}nav.pagenav .chapterTitle{font-size:.9em;font-style:italic;color:#B0AE9C;font-family:'Open Sans',arial,sans-serif}nav.pagenav ol{list-style-type:none;display:inline-block;padding:0;margin:0}nav.pagenav ol:before{font-size:.9em;font-style:italic;content:' pages: '}nav.pagenav li{display:inline-block;margin-right:.5em;background-color:#fdfbed;border:1px solid #ccc;border-width:0 1px}nav.pagenav li a{display:block;padding:.35em .5em;color:#000}nav.pagenav li.current{background-color:#fc3}nav.pagenav li.current a{font-style:italic}.stripe{background-color:#fdfbed}.accordion{font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:.8em;line-height:1.5;margin:0;background:#fff}.accordion .menusub,.accordion .menusub span{font-size:.9em}.accordion li,.accordion ul{list-style:none;margin:0;padding:0}.accordion ul>li ul{display:none}.accordion ul>li .selected~ul,.accordion ul>li .subselected~ul{display:block}.accordion span,.accordion>ul>li:nth-child(1)>span>a{display:block;line-height:1em;background:#fdfbed;border:1px solid #B0AE9C;color:#542437;text-shadow:1px 1px 1px rgba(255,255,255,.3);font-weight:700;cursor:pointer;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}.accordion a,.accordion a:visited{color:#372A05}.accordion>ul>li:nth-child(1)>span>a{border:none}.accordion>ul>li:first-child,.accordion>ul>li:first-child>span{border-top-left-radius:10px}.accordion li.listlink{font-size:1.1em}.accordion a{display:block;font-size:1em;padding:.1em 0 .1em .5em}.accordion a.selected,.accordion a:hover{background-color:#fdfbed;color:#000;text-shadow:none}.accordion a.selected::after{content:' »';float:right}.accordion ul.content.linkcontent{margin:0;padding:0}.accordion .menusub{background:#E3E1C9;border-color:#BDBBA7;padding:5px}.accordion .menu.selected,.accordion ul li span a:hover,.accordion ul li span:hover,.accordion ul li span:hover a{background:#fc3;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.accordion .selected,.accordion .subselected{font-style:italic;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.accordion .selected{background-color:#da8946}.accordion .subselected{background-color:#ecb718}.accordion>ul>li>span a{font-size:1em;padding:0;display:block}.accordion .menusub.selected,.accordion ul li ul li span:hover{background-color:#ecb718;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.accordion .content{padding:0 0 0 10px;overflow:hidden;border:1px solid #fff;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out}.accordion p{color:#333;margin:0 0 10px}.accordion h3{color:#542437;padding:0;margin:10px 0}.vertical ul li{overflow:hidden;margin:0 0 1px}.vertical ul li span{padding:1em}.vertical .selected{border-bottom:0}.vertical ul li span:hover{border:1px solid #542437}.vertical ul li .content{height:0;border-top:0}.vertical .selected~.content,.vertical .selected~.content.selected,.vertical .selected~.content.subselected,.vertical .subselected~.content{height:auto;border:1px solid #ecb718;border-width:0 0 1px 2px}.at-view-fade-in.ng-enter{transition-property:opacity;transition-duration:.1s;opacity:1}.at-view-fade-in.ng-enter article#page{transition-property:opacity;transition-duration:1s;opacity:0}.at-view-fade-in.ng-enter-active article#page{opacity:1}.at-view-fade-out.ng-leave article#page{transition-property:opacity;transition-duration:1s;opacity:1}.at-view-fade-out.ng-leave-active article#page{opacity:0}.schedule .workshop{border:thin dotted #999;background-color:#fff;padding:.5em 0;width:48%;cursor:pointer;position:relative}.schedule .workshop h3{font-size:1em;padding:.5em 1em;border-bottom-color:#ccc}.schedule .workshop p{padding:0 1em}.schedule .workshop p .important::before{content:'Before next session: '}.schedule .schedule_wb{width:100%;font-style:italic}.schedule .schedule_wk{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-around;margin:1.5em;padding:.5em .5em 1em;box-sizing:border-box;border:thin solid #ccc;border-width:1px 1px 1px 3px}.schedule .schedule_wk h3{background-color:transparent}.schedule .schedule_wk>h3{font-size:1.1em;border:none}.schedule .currentWeek{border:thin dotted red;border-left-style:solid;border-left-width:4px}@media screen and (max-width:850px){#page .teachingSteps>.instructions{width:100%;display:block}#page .teachingSteps>.code{width:90%;display:block;margin-left:auto}}@media screen and (max-width:800px){.schedule .workshop{width:auto}.schedule .schedule_wk{margin:1em 0}}@media screen and (max-width:600px){#showhidemenu{left:1px}#showhidemenu.menuhidden{display:block;left:0}#showhidemenu.menuhidden label{text-align:center}aside.main,nav.breadcrumb{display:none}article#main{margin:0!important;border:0}article.content{margin:0;border:none;width:auto;clear:both}nav.accordion{position:static;width:auto}.at-view-flip-in-vertical.ng-enter,.at-view-flip-in-vertical.ng-enter-active,.at-view-flip-out-vertical.ng-leave,.at-view-flip-out-vertical.ng-leave-active{position:static;transform:none}#wrapper,.accordion>ul>li:first-child,.accordion>ul>li:first-child>span{border-top-left-radius:0}.chapterTitle{display:block;text-align:right;font-size:.7em}#page .explanation{margin:0;padding:0}#page .explanation dt{margin:0;padding-left:.5em}.teaching{margin:0}#wrapper{width:auto;min-height:none;margin:62px 0 0}#banner img{width:100px}#banner{height:60px;margin:0;width:100%;border-width:1px 0}#banner h1{font-size:2em}.syntaxhighlighter table td.gutter .line{padding:0!important}article.content>ul.bookList>li{width:45%}.markup,.markupdisplay{float:none;width:auto}}section.box{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:space-around;padding:0}section.box>article{position:relative;border:thin solid #000;max-width:32%;width:32%;min-height:200px;margin:1.5em auto;transition:all .5s;cursor:pointer}section.box>article:hover{box-shadow:5px 5px 5px rgba(0,0,0,.2);-moz-box-shadow:5px 5px 5px rgba(0,0,0,.2);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.2)}section.box>article>*{margin:0;padding:.25em 1em}section.box>article>ol,section.box>article>ul{list-style-type:none;margin-top:1em;margin-bottom:.5em}section.box>article>ol li,section.box>article>ul li{margin-bottom:.5em}section.box>article>h3{text-align:center;border-bottom:thin solid #000;background-color:#FAFAF3}section.box>article>h3 a{display:block;color:#E8A935}@media screen and (max-width:1260px){section.box>article{max-width:49%;width:49%}}@media screen and (max-width:825px){section.box>article{max-width:90%;width:90%}}@media screen and (max-height:500px){#wrapper{margin-top:50px}#banner{position:absolute;top:-50px;height:40px;margin:0}#banner h1{font-size:2em;line-height:.592em;padding:.2666em 0 .2666em 10px}nav.breadcrumb{display:none}#showhidemenu{top:-48px}}@media screen and (max-width:1060px){.markup,.markupdisplay{float:none;width:auto}}@media screen and (min-width:601px) and (max-width:1083px){#showhidemenu,nav.breadcrumb ol.breadcrumb{font-size:.9em}#showhidemenu{height:39px}aside.main{display:none}article#main{margin-right:.5em;border-right:none}span.instruction{right:0}.markup,.markupdisplay{float:none!important;width:auto!important}}@media screen and (min-width:2000px){#searchresults>section,#wrapper>article>article{column-width:auto;column-count:2;column-gap:2em;column-rule:2px dotted #ecb718}article.content{min-height:auto}#searchresults>section>ol>li,#wrapper>article>article>li{break-inside:avoid-column}#wrapper>article>article>h1{column-span:all;border-bottom:2px solid #ecb718;text-align:left}div.syntaxhighlighter{overflow:inherit!important}}.insetText,.question,table.wheel{break-inside:avoid}@media print{.markup,pre{page-break-inside:avoid}html{width:100%}#wrapper,article.content,body{width:auto;margin:0}body,h1,h2,h3,h4,h5,h6{background-color:#fff;color:#000!important}body{border:0;padding:0}#wrapper{min-height:none}#banner img{display:none}article#main{margin:0;border:0;border-top:0}article.content{padding:0;float:none!important;color:#000;background:0 0;left:10px}#banner{position:relative!important}#showhidemenu,.breadcrumb,aside.main,nav.pagenav,section#sidebar{display:none!important}nav.accordion{width:150px;font-size:.8em}span.instruction{position:absolute;top:auto;left:-34px;width:32px;height:32px;margin:0;padding:0;color:red;background-position:0 0;background-image:url(/images/smpen.gif);background-repeat:no-repeat}.insetText{padding:15px 5% 30px;margin:0 7px 0 5px;border:2px groove #000;background:#fff}.markup,.markupdisplay{float:none!important;width:auto;margin:2px}.markupdisplay{border:0;padding:5px}.navigate{display:none}#content a:link:after,#content a:visited:after{content:" (" attr(href) ")";font-size:75%}a:link,a:visited{color:#566;background:0 0;font-weight:700;text-decoration:underline}a:after{font-size:40%!important}#content a[href^="/"]:after{content:" (http://" attr(href) ")"}@page{margin-top:2cm;margin-bottom:3cm;margin-top:1cm;margin-bottom:1cm;size:auto;widows:10;orphans:10}}.play{background-image:url(images/play.gif)}.edit{background-image:url(images/edit.gif)}.icon{padding-left:20px;background-repeat:no-repeat;background-position:left center;background-position-y:top;height:1em}a.icon,li.icon,span.icon{zoom:100%}a.icon:not([className~=icon]),span.icon:not([className~=icon]){display:inline-block;vertical-align:bottom}td,td.number{vertical-align:top}li.icon,p.icon{background-position:left top}.icon-20{padding:0 0 0 24px!important;min-height:20px;display:block}ul.link-list{list-style:none}li .edit{margin-bottom:2em;font-style:italic}li .play{margin-top:.5em}li.sectionStart{padding-top:1em;margin-top:1em;border-top:thin dotted #ccc}a:hover span{font-size:.8em;font-style:italic;background-color:#fff}div.overview{font-style:italic}.caption{font-weight:700}ol.alpha{list-style-type:lower-alpha}table caption{caption-side:top;text-align:left;width:auto}.floater{font-style:italic;font-family:"Comic Sans MS";float:right;width:25%;border:1px solid;border-top:1px solid;border-left:1px solid;margin:0 -1px 5px 5px;padding:10px}div.floater img{height:25%;width:25%}#content{margin:8em 0 0 195px;padding:0 10px;border-left:thick dotted #ccc;height:100%}div#header{border-bottom:1px solid;padding:0;margin:.667em 0}div#header h1{margin:0}.point{float:right;width:100%;border:1px solid;padding:0;margin:.33em 0 1em}div.point p,pre{padding:0 5px}div.point h1,h2,h3{border:1px solid;border-width:0 0 1px}div.point .number{float:left;width:26px;height:20px;text-align:center;font-weight:700;border:1px solid;border-width:0 1px 1px 0;padding:0 3px 3px 0;margin:-1px 25px 10px -1px;position:relative}td.number{width:7%;font-weight:700;text-align:center}td.number p{font-weight:700}div.number img{height:5%;width:5%}#padder{float:left;width:17%;min-width:200px;margin:0;padding:0;border:0}div#end{float:right;width:80%;padding:0;margin:5px 0 15px}span.instruction{display:none}.insetText{float:right;width:35%;padding:15px 5% 30px;margin:0 7px 0 5px;border:2px groove #000;background:#E1DCD5;box-shadow:5px 5px 5px rgba(0,0,0,.4);-moz-box-shadow:5px 5px 5px rgba(0,0,0,.4);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.4)}.explanation,.overview{border:thin solid #ccc}img.intext{float:left;margin:0 5px 5px 0}img.intextright{float:right;margin:0 0 5px 5px}.clearboth{display:block;clear:both}.explanation{margin:10px;padding:0 10px}.overview{margin:10px 5px;padding:15px 10px}.startsection{border-top:thin solid #036;padding-top:1.5em}li.teaching,ol.teaching>li,ul.teaching>li{padding:0 0 .5em;margin:0 0 .5em;border-bottom:thin solid #eee}.teaching>li:last-child{border:none}.teaching>li ol.teaching>li:first-child,.teaching>li ul.teaching>li:first-child{margin-top:1em}.displaycode{text-align:center;margin:5px auto;width:94%}.explanation .displaycode{width:100%}.displaycode pre{text-align:left;color:#c63;font-weight:700}.displaycode pre .comment{color:#777}.info{float:left;width:45%;margin-right:0;padding-right:0}.steps{float:left;width:50%;height:400px;border:thin solid #c60;background-color:#fff;margin:1% .5% 1% 0;padding:.5%;overflow:auto}#presence{position:absolute;width:0;overflow:hidden;margin:0;padding:0;border-left:thick solid red}.question,.questionHighlight{width:95%;margin-bottom:3%;float:left}.question{padding-left:1%}.questionHighlight{border-left:thick solid red;padding-left:0;background-color:#fafaf4}.question:hover{cursor:pointer}.questionNo{float:left;width:40px;border:thin solid gray;margin:1.5% 1% 1.5% 0;padding:2%;text-align:center;font-weight:700}.cssAttr,.cssValue{font-family:"Courier New",Courier,mono;font-size:1em;color:#06F}.cssValue{color:#F03}.demowrapper{width:80%;border:thin dotted #ccc;margin:2em;padding:.5em}.demo_absolute,.demo_float,.demo_nofloat,.demo_norelative,.demo_relative{border:thin solid gray;margin:.5em;padding:.5em 1em}.demo_float{float:left;width:50%}.demo_absolute,.demo_norelative,.demo_relative{background-color:#FFC}.demo_relative{position:relative}.changePosition{top:40px;left:40px}.demo_norelative{position:static}.demo_absolute{position:absolute}.cssCaption{float:right;margin-top:-1.2em;width:auto;background-color:#fff;font-style:italic}.important{color:red;font-style:italic}#randomQuote p{font-size:.8em;font-style:italic;padding:.5em}#randomQuote .author{display:block;font-size:.7em;font-weight:700;text-align:right}.shadow{box-shadow:5px 5px 5px rgba(0,0,0,.4);-moz-box-shadow:5px 5px 5px rgba(0,0,0,.4);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.4)}#google_translate_element{margin-top:1em}.goog-te-gadget,.skiptranslate{font-size:.8em;white-space:normal}.showcomment{position:relative}.showcomment:hover{border:thin dotted #ccc}.showcomment .comment{background-color:#fff;padding:.25em;border:thin solid #666;position:absolute;top:2px;right:5px;width:45%;overflow:auto;visibility:hidden;z-index:10000!important}.showcomment:hover .comment{visibility:visible}.collapsed:after{content:url(images/gryright.gif);padding-left:.5em}.expanded:after{content:url(images/grydown.gif);padding-left:.5em}table.wheel{margin:0 0 1em;border:1px solid #ddd;border-collapse:collapse;border-spacing:0}.wheel tr{overflow:hidden;word-break:normal;border-color:#B18904;background-color:#F5DA81}.wheel tr:nth-child(odd){background-color:#F5ECCE}.wheel th{font-weight:700;color:#29220A}.standout,span.instruction{color:red}.wheel td,.wheel th{text-align:left;border:1px solid #B18904;padding:.25em .5em}.overview{background-color:#FBFAF4}.floater{border-color:#fff #333 #333 #fff;background:#FBFAF4}div#header{border-color:#fff;background-color:transparent}div#header h1{background:0 0;border-color:#c63}.number,.point,div.point h1{border-color:#000}.number{background:#fff}.point{background-color:inherit}div.point h1{background:#fff;color:#c63}div#end{border:#036}.darker{background-color:#eee}.transparent{background-color:transparent}.codecomment{color:#ccc}