@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:500);@import url(http://fonts.googleapis.com/css?family=Open+Sans);@import url(http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
.CodeMirror{line-height:1em;font-family:monospace;position:relative;overflow:hidden;font:500 15px 'Source Code Pro', Arial, Serif!!important;border:none}
.CodeMirror-scroll{overflow-x:auto;overflow-y:hidden;height:350px;position:relative;outline:none}
.CodeMirror-scrollbar{float:right;overflow-x:hidden;overflow-y:scroll;margin-left:-1px}
.CodeMirror-scrollbar-inner{width:1px}
.CodeMirror-scrollbar.cm-sb-overlap{position:absolute;z-index:1;float:none;right:0;min-width:12px}
.CodeMirror-scrollbar.cm-sb-nonoverlap{min-width:12px}
.CodeMirror-scrollbar.cm-sb-ie7{min-width:18px}
.CodeMirror-gutter{position:absolute;left:0;top:0;z-index:10;background-color:#f7f7f7;border-right:1px solid #eee;min-width:2em;height:100%}
.CodeMirror-gutter-text{color:#aaa;text-align:right;white-space:pre!important;padding:.4em .2em .4em .4em}
.CodeMirror-lines{white-space:pre;cursor:text;padding:.4em}
.CodeMirror-lines *{pointer-events:none}
.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;border-radius:0;background:transparent;font-family:inherit;font-size:inherit;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;border-width:0;margin:0;padding:0}
.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}
.CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}
.CodeMirror textarea{outline:none!important}
.CodeMirror pre.CodeMirror-cursor{z-index:10;position:absolute;visibility:hidden;border-left:1px solid #000;border-right:none;width:0}
.cm-keymap-fat-cursor pre.CodeMirror-cursor{width:auto;border:0;background:rgba(0,200,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600c800,endColorstr=#4c00c800)}
.cm-keymap-fat-cursor pre.CodeMirror-cursor:not(#nonsense_id){filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.CodeMirror-focused pre.CodeMirror-cursor{visibility:visible}
div.CodeMirror-selected{background:#d9d9d9}
.CodeMirror-focused div.CodeMirror-selected{background:rgba(255,255,255,0.1)}
.CodeMirror-searching{background:rgba(255,255,0,.4)}
.cm-s-default span.cm-keyword{color:#708}
.cm-s-default span.cm-atom{color:#219}
.cm-s-default span.cm-number{color:#164}
.cm-s-default span.cm-def{color:#00f}
.cm-s-default span.cm-variable-2{color:#05a}
.cm-s-default span.cm-variable-3{color:#085}
.cm-s-default span.cm-comment{color:#a50}
.cm-s-default span.cm-string{color:#a11}
.cm-s-default span.cm-string-2{color:#f50}
.cm-s-default span.cm-error{color:red}
.cm-s-default span.cm-builtin{color:#30a}
.cm-s-default span.cm-bracket{color:#cc7}
.cm-s-default span.cm-tag{color:#170}
.cm-s-default span.cm-quote{color:#090}
.cm-s-default span.cm-hr{color:#999}
span.cm-header,span.cm-strong{font-weight:700}
span.cm-em{font-style:italic}
span.cm-emstrong{font-style:italic;font-weight:700}
span.cm-link{text-decoration:underline}
div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}
.cm-s-custom .cm-keyword{color:#2F6F9F;background-color:#f4faff}
.cm-s-custom .cm-def{color:#aac6e3}
.cm-s-custom .cm-variable{color:#d1431c}
.cm-s-custom .cm-variable-3{color:#faded3}
.cm-s-custom .cm-operator{color:#fa8d6a}
.cm-s-custom .cm-comment{color:#b2b2b2;font-weight:400}
.cm-s-custom .cm-string{color:#e6db74}
.cm-s-custom .cm-string-2{color:#9d937c}
.cm-s-custom .cm-meta{color:#ae81ff}
.cm-s-custom .cm-error{background-color:#f93232;color:#f9f2ce}
.cm-s-custom .cm-qualifier{color:#FF0}
.cm-s-custom .cm-builtin{color:#99c}
.cm-s-custom .cm-bracket{color:#7f7f7f}
.cm-s-custom .cm-tag{color:#f92672}
.cm-s-custom .cm-attribute{color:#a6e22a}
.cm-s-custom .cm-quote{color:#24C2C7}
.cm-s-custom .cm-hr{color:#FFC0CB}
.cm-s-custom .cm-link{color:#F4C20B}
.cm-s-custom .cm-special{color:#FF9D00}
.cm-s-custom .CodeMirror-matchingbracket{outline:1px solid #ccc}
.cm-s-custom{line-height:22px;font-size:15px;font-family:'Source Code Pro', monospace!important;color:#fff;background:#313339}
.cm-s-custom .CodeMirror-gutter{background:#313339;border:none;padding:0 5px}
.cm-s-custom .CodeMirror-gutter .CodeMirror-gutter-text{color:#bebec5}
.cm-s-custom .CodeMirror-lines .CodeMirror-cursor{border-left:1px solid #fff}
.cm-s-custom .activeline{background:transparent}
.CodeMirror-tooltip{position:absolute;font-family:Arial, sans-serif;max-width:15em;font-size:15px;border-radius:3px;background:rgba(255,255,255,0.85);z-index:101;color:#333;padding:10px 15px}
.CodeMirror-tooltip__tail{position:absolute;width:20px;height:10px;top:100%;left:50%;overflow:hidden;margin:0 -10px}
.CodeMirror-tooltip__tail:before{width:10px;height:10px;content:'';display:block;position:relative;background:rgba(255,255,255,0.85);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin:-5px auto}
.CodeMirror-tooltip_below .CodeMirror-tooltip__tail{top:auto;bottom:100%}
.CodeMirror-tooltip_below .CodeMirror-tooltip__tail:before{margin-top:5px}
.CodeMirror-movie_with-outline .CodeMirror-scroll{margin-right:200px}
.CodeMirror-movie_with-outline .CodeMirror-scrollbar{right:200px;position:absolute;z-index:2}
.CodeMirror-outline{list-style:none;overflow:auto;position:absolute;right:0;top:0;bottom:0;width:200px;font-family:'Lucida Grande', arial, sans-serif;font-size:12px;line-height:1.4;margin:0;padding:0}
.CodeMirror-outline:before{position:absolute;display:block;width:10px;content:'';top:0;bottom:0;background:linear-gradient(left,rgba(0,0,0,0.1), rgba(0,0,0,0))}
.CodeMirror-outline__item{color:#666;background:#f5f5f5;border-bottom:1px solid #e5e5e5;border-top:1px solid #fff;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-ms-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;padding:10px}
.CodeMirror-outline__item:first-child{border-top:0}
.CodeMirror-outline__item_selected{background:#08c;color:#fff}
.CodeMirror-prompt{position:absolute;background:#fff;width:250px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5);z-index:100;left:50%;top:0;margin-left:-135px;font-family:sans-serif;padding:20px}
.CodeMirror-prompt__title{font-size:12px;margin-bottom:10px}
.CodeMirror-prompt__input{display:block;width:100%;height:30px;font-size:13px;line-height:30px;color:#555;background-color:#fff;border:1px solid #ccc;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:4px 6px}
.CodeMirror-prompt__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);z-index:99}
body{margin:0;padding:0}
.code-container{width:760px;margin:0 auto}
.nav{background-color:#313131;color:#fff;font:bold 16px 'Open Sans', sans-serif;border-bottom:1px solid rgba(255,255,255,0.1);padding:10px 20px}
.title{display:inline-block;font-weight:400;float:left;font-size:14px;line-height:24px;margin-right:18px}
.brand{float:right}
.controls{display:block;float:left;font-size:10px;padding:1px}
.btn{border:none;border-radius:3px;color:#fff;font:11px Helvetica, Arial, sans-serif;text-shadow:0 1px 0 rgba(0,0,0,0.8);margin:0 5px 0 0;padding:4px 10px}
.btn-play{background-color:#2ecc71}
.btn-pause{background-color:#999}
.btn-stop{background-color:#e74c3c}
.clearfix{clear:both}
.cm-s-default span.cm-variable,.cm-s-default span.cm-property,.cm-s-default span.cm-operator{color:#000}
.cm-s-default span.cm-meta,.cm-s-default span.cm-qualifier{color:#555}
.cm-s-default span.cm-attribute,.cm-s-default span.cm-link{color:#00c}
.cm-s-default span.cm-header,.cm-s-custom .cm-header{color:blue}
div.CodeMirror span.CodeMirror-nonmatchingbracket,.cm-s-custom .CodeMirror-nonmatchingbracket{color:#f22}
.cm-s-custom .cm-atom,.cm-s-custom .cm-number{color:#70a145}
.cm-s-custom .cm-variable-2,.cm-s-custom .cm-property{color:#333}