html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,div,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,div{display:block}ul.navigation{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:bold}html{overflow-y:scroll}a:hover,a:active{outline:none}a,a:active,a:visited{color:#607890}a:hover{color:#036}ul,ol{margin-left:1.8em}ol{list-style-type:decimal}ul.navigation,nav li{margin:0}small{font-size:85%}strong,th{font-weight:bold}td,td img{vertical-align:top}a:link{-webkit-tap-highlight-color:#ff5e99}.ie7 img{-ms-interpolation-mode:bicubic}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}.hidden{display:none;visibility:hidden}.visuallyhidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden}.clearfix:after,.clear{clear:both}.clearfix{zoom:1}body{background:#130a01;font:400 14px "sweater-school-1","sweater-school-2",sans-serif;overflow:hidden;margin:0;padding:0}#close{background:#130a01 url(/images/bg.jpg) 0 0 no-repeat;margin:0 auto;padding:0 20px;height:850px;width:1400px}h1 a,h1 a:visited{color:#fff;font-size:30px;display:block;text-decoration:none;text-shadow:0 0 5px rgba(255,255,100,0.8);padding:20px 0 0;position:relative;z-index:100;width:200px}h1 a:hover{color:#f4e6a7;text-shadow:0 0 15px #fad026}p{margin:8px 0;line-height:120%;letter-spacing:.01em}#main{margin:0;position:relative}div#intro{color:#fff;font-size:15px;font-weight:700;float:left;text-shadow:1px 1px 2px rgba(0,0,0,0.9),3px 3px 5px rgba(0,0,0,0.3);width:360px}.hide{display:none}.jojo{position:absolute;top:200px;left:45px;z-index:105}ul.navigation li a,ul.navigation li a:link,ul.navigation li a:visited{background:#ffffe6;background:rgba(255,255,230,0.9);border:2px #58954a solid;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.8),3px 3px 15px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.8),3px 3px 15px rgba(0,0,0,0.2);box-shadow:1px 1px 5px rgba(0,0,0,0.8),3px 3px 15px rgba(0,0,0,0.2);color:#2b722f;display:inline;float:left;font:700 20px "sweater-school-1","sweater-school-2",sans-serif;margin:10px;position:absolute;padding:10px;text-decoration:none;text-align:center;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:99}ul.navigation li a:hover,ul.navigation li a:active{background:#fff7cf;background:rgba(255,247,207,0.9);border-color:#e9bc08;-webkit-box-shadow:1px 1px 5px rgba(250,208,38,0.8),3px 3px 15px rgba(250,208,38,0.2);-moz-box-shadow:1px 1px 5px rgba(250,208,38,0.8),3px 3px 15px rgba(250,208,38,0.2);box-shadow:1px 1px 5px rgba(250,208,38,0.8),3px 3px 15px rgba(250,208,38,0.2);color:#b84902;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);transform:scale(1.4)}ul.topmenu{width:320px}ul.topmenu li a[href]{font-size:14px;left:auto!important;margin:0 5px 5px 0;position:relative;top:5px!important;width:auto!important;z-index:109}ul.topmenu li a[href]:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}ul.topmenu li a[href]:active{-webkit-transform:none;-moz-transform:none;transform:none}ul.navigation li a[href="#feelings"]{top:170px;left:740px}ul.navigation li a[href="#explorer"]{top:460px;left:460px;width:85px}ul.navigation li a[href="#reaching"]{top:600px;left:455px}ul.navigation li a[href="#heroes"]{top:80px;left:560px}ul.navigation li a[href="#strengths"]{top:290px;left:380px;width:120px}ul.navigation li a[href="#change"]{top:345px;left:600px;width:140px}ul.navigation li a[href="#talking"]{top:325px;left:890px}ul.navigation li a[href="#help"]{top:600px;left:740px}div.scroll{height:750px;margin:10px 0 10px 330px;overflow:auto;position:relative;width:70%;top:-1280px;z-index:101}div.panel{background:#fffff0;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;display:block;float:left;height:690px;margin:10px 0;padding:20px 30px;width:70%}div#hintbox{background:#130a01;background:rgba(19,10,1,0.8);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#f0f0f0;display:none;padding:20px;position:absolute;right:190px;top:80px;width:100px;z-index:114}div#hintbox .show{display:block}div#hintbox h3{font-size:20px;margin:0}#hintbox a:visited,#hintbox a:active{color:#fad026;text-decoration:none}#hintbox a:hover,#hintbox a:visited:hover{color:#fff7cf;text-decoration:underline}.panel h2{font-size:26px;line-height:1em;margin:0}.panel h3{clear:both;font-size:22px;margin:0}.panel li{margin:5px 0}.panel p:last-child{margin-bottom:30px}#feelings ul{float:left;margin:5px 0}#feelings li{border:1px dashed #58954a;color:#483318;cursor:pointer;display:inline;float:left;font-size:110%;font-weight:700;list-style:none;margin:5px 10px 5px 0;padding:5px 10px}#feelings li:hover,#feelings li.selected{background:#58954a;color:#ffffe6}#feelings li.selected:hover{background:rgba(88,149,74,0.8)}#strengths ul{margin:20px 0;-webkit-column-count:2;-webkit-column-gap:10px;-moz-column-count:2;-moz-column-gap:10px;column-count:2;column-gap:10px}#strengths li{background:url(/images/star.gif) 0 -90px no-repeat;color:#483318;cursor:pointer;font-size:110%;list-style:none;margin:8px 0;padding:0 0 0 28px}#strengths li:hover{color:#d84f0f}#strengths li.selected,#strengths li.selected:active{background-position:0 2px;color:#d84f0f;font-weight:700}#strengths li.selected:hover{color:#483318}#talking ul{margin:0 0 20px 10px}#talking li,#heroes li{background:url(/images/balloon-smiley.png) 0 0 no-repeat;color:#483318;font-size:110%;list-style:none;margin:6px 0;padding:0 0 0 24px}#heroes li{background:url(/images/medal.png) 0 2px no-repeat;cursor:pointer}#heroes li:hover{color:#d84f0f}#heroes li.selected,#heroes li.selected:active{color:#d84f0f;font-weight:700}a.button{background:#ffffe6;background:rgba(255,255,230,0.9);border:1px #58954a solid;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#2b722f;font-size:14px;font-weight:700;margin:5px 0 15px;padding:3px 5px;text-decoration:none;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}a.button:hover{background:#fff7cf;background:rgba(255,247,207,0.9);border-color:#e9bc08;-webkit-box-shadow:0 0 5px rgba(250,208,38,0.8);-moz-box-shadow:0 0 5px rgba(250,208,38,0.8);box-shadow:0 0 5px rgba(250,208,38,0.8);color:#b84902;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}.left{float:left}.right{float:left}#change em,#step4 em,#learning em,#explorer em{color:#483318;font-size:120%;font-style:normal;font-weight:700}.overlay{background:#000;background:rgba(0,0,0,0.5);position:fixed;top:0;bottom:0;left:0;right:0;z-index:99}a.close,a.close:link,a.close:visited{background:#c80000;background:rgba(200,0,0,0.6);border-color:#0a0a0a;border:2px rgba(10,10,10,0.4) solid;-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px;color:#fff;cursor:pointer;float:right;font-size:120%;font-weight:700;padding:0 7px;position:relative;top:0;right:0;text-decoration:none;-moz-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}a.close:hover{background:#c80000;background:rgba(200,0,0,0.8);-webkit-transform:scale(1.4);-moz-transform:scale(1.4);transform:scale(1.4)}.panel table{margin:10px 0}.panel th{background:#e3e0d5;border:1px #e3e0d5 solid;padding:2px 4px}.panel td{border:1px #e3e0d5 solid;padding:5px 8px;font-size:14px;vertical-align:top}.copyright{font-size:12px;margin-top:50px}#footer{position:fixed;top:0;right:10%}#footer a:link,#footer a:visited,#footer a:active{background:#53452b;background:rgba(83,69,43,0.6);color:#fad026;padding:10px;text-decoration:none}#footer a:hover,#footer a:visited:hover{background:#53452b;color:#fff7cf;text-decoration:underline}@media all and (min-width:769px) and (max-width:1200px){#close{background-image:url(/images/bg1024.jpg);height:748px;width:1024px}div#hintbox{top:520px;left:0;width:230px}.jojo{width:250px}ul.navigation li a,ul.navigation li a:link,ul.navigation li a:visited{font-size:16px}ul.navigation li a:hover,ul.navigation li a:active{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}ul.topmenu{width:320px}ul.topmenu li a[href]{font-size:14px;margin:4px 8px 4px 0}ul.navigation li a[href="#feelings"]{top:95px;left:525px}ul.navigation li a[href="#explorer"]{top:300px;left:320px;width:75px}ul.navigation li a[href="#reaching"]{top:405px;left:305px}ul.navigation li a[href="#heroes"]{top:30px;left:390px}ul.navigation li a[href="#strengths"]{top:180px;left:270px;width:95px}ul.navigation li a[href="#change"]{top:205px;left:430px;width:100px}ul.navigation li a[href="#talking"]{top:180px;left:620px}ul.navigation li a[href="#help"]{top:405px;left:530px}div.scroll{height:730px;margin-left:300px;width:78%}div.panel{height:670px;width:78%}}@media all and (min-width:481px) and (max-width:768px){#close{background-image:url(/images/bg768.jpg);height:1000px;width:768px}div#intro{background:#130a01;background:rgba(19,10,1,0.3);width:240px;font-size:14px;float:left;position:relative;bottom:0}.jojo{width:250px;margin:60px 0 0 -50px}ul.navigation li a,ul.navigation li a:link,ul.navigation li a:visited{font-size:16px}div#hintbox{top:720px;left:0;width:180px}ul.navigation li a:hover,ul.navigation li a:active{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}ul.topmenu{width:280px}ul.topmenu li a[href]{font-size:14px;margin:4px 8px 4px 0}ul.navigation li a[href="#feelings"]{top:425px;left:250px}ul.navigation li a[href="#explorer"]{top:425px;left:350px;width:auto}ul.navigation li a[href="#reaching"]{top:485px;left:250px}ul.navigation li a[href="#heroes"]{top:485px;left:380px}ul.navigation li a[href="#strengths"]{top:545px;left:250px;width:auto}ul.navigation li a[href="#change"]{top:545px;left:450px;width:auto}ul.navigation li a[href="#talking"]{top:605px;left:250px}ul.navigation li a[href="#help"]{top:605px;left:430px}div.scroll{height:920px;margin-left:260px;width:72%}div.panel{height:860px;width:72%}}@media screen and (min-width:320px) and (max-width:480px){#close{background-image:url(/images/bg320.jpg);height:auto;margin:0;padding:10px 10px 10px 10px;width:100%}header h1{float:right;margin:180px 10px 0 0;width:60%}div#intro{background:font-size:16px;font-weight:400;margin:0 10px;width:90%}.jojo{position:relative;float:left;top:0;left:0;margin:0 -20px 0 0;width:40%}ul.navigation{clear:both}ul.navigation li a,ul.navigation li a:link,ul.navigation li a:visited{display:block;float:left;position:relative}ul.navigation li a:hover,ul.navigation li a:active{-webkit-transform:none;-moz-transform:none;transform:none;font-size:20px}ul.navigation li a[href="#feelings"],ul.navigation li a[href="#explorer"],ul.navigation li a[href="#reaching"],ul.navigation li a[href="#heroes"],ul.navigation li a[href="#strengths"],ul.navigation li a[href="#change"],ul.navigation li a[href="#talking"],ul.navigation li a[href="#help"]{top:0;left:0;width:auto}div.scroll{left:0;top:0;position:relative;margin:0;width:100%;height:auto}div.panel{margin:0 0 10px;height:auto;width:75%}a.close{display:none}#start{display:none}#footer{z-index:9999;position:absolute}}@media print{*{background:transparent!important;color:#444!important;text-shadow:none!important}a,a:visited{color:#444!important;text-decoration:underline}a:after{content:" (" attr(href) ")"}abbr:after{content:" (" attr(title) ")"}.ir a:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}