*{margin:0;padding:0}body{color:#555;font-size:.825em;background:#fff;font-family:Arial,Helvetica,sans-serif}a,img{outline:none;border:none}#exampleBody{background-color:#fffff}.example{background-color:#fffff;border:1px solid #FFF;margin:40px auto;padding:10px;width:700px;-moz-box-shadow:0 0 2px gray;-webkit-box-shadow:0 0 2px gray;box-shadow:0 0 2px gray}.demo{background-color:#fffff;border:2px solid #fff;float:left;-moz-box-shadow:0 0 1px gray;-webkit-box-shadow:0 0 1px gray;box-shadow:0 0 1px gray}.demo iframe{width:360px;height:300px;border:none}.code{background-color:#fff;border:1px solid #DDD;float:right;padding:10px;width:300px;-moz-box-shadow:0 0 1px #fff;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff}pre{text-shadow:0 1px 1px #fff}.className{width:270px;height:150px;position:relative;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.className p{font-size:22px;margin:45px 10px 10px;color:#fff;text-align:center;position:absolute}h1{background:#fff;border-bottom:1px solid #EEE;font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:20px;font-weight:400;margin-bottom:15px;padding:15px;text-align:center}h2{font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;padding-right:40px;position:relative;right:0;text-align:right;text-transform:uppercase;top:-48px}a,a:visited{color:#0196e3;text-decoration:none;outline:none}a:hover{text-decoration:underline}.clear{clear:both}p.tutInfo{padding:10px 0;text-align:center;position:fixed;bottom:0;background-color:#fff;border-top:1px solid #011d2e;width:100%}h1,h2,p.tutInfo{font-family:"Myriad Pro",Arial,Helvetica,sans-serif}