html,body,div,span,applet,object,iframe,h1,h2,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
body{color:red;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:14px;line-height:18px;letter-spacing:0.2px;background:#16643d;max-width:100%;line-height:1;overflow-x:hidden}
img{max-width:100%}
img.logo{position:absolute;top:3px;left:25px}
h1,h2{font-weight:bold;margin-bottom:0.7em;color:#16643d}
h1{font-size:32px}
h2{font-size:25px;line-height:40px;margin:0 0 10px;background:#16643d;color:#FFF}
h2 span{display:inline-block;padding:0 10px}
strong{text-decoration:none!important;font-weight:700!important}
a,a:active,a:link,a:visited{color:#16643d!important;text-decoration:none}
.article{color:#333}
.article a{text-decoration:underline!important}
#textEditorWrapper,#htmlWrapper{display:inline-block;width:48%;vertical-align:top;overflow:hidden;text-align:left}
#htmlInsideWrapper{border:1px solid #c0c0c0}
#textEditorWrapper{margin-right:2%}
#textEditorWrapper h2{text-align:right}
.article article{max-width:1200px!important;margin:5px auto!important;border-left:medium none!important;border-right:medium none!important;padding:10px!important;z-index:2!important;position:relative!important;box-sizing:border-box!important;font-size:1.2em;width:80%!important}
.belowSourceEditor a{color:#16643d!important;font-weight:bold;cursor:pointer;text-decoration:none;display:block}
#wrapTop{width:100%;max-width:2300px;margin:auto;overflow:hidden;padding:0;position:relative}
.textEditorWrapper textarea{width:99%;background-color:#fff}
.textEditorWrapper{min-height:220px}
.programIsWorking{background-color:rgba(104,125,145,.3);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}
.CodeMirror{border:none!important}
.CodeMirror-gutters .CodeMirror-gutter{background:#f0f0f0}
a,a:link,a:visited{cursor:pointer}
p a:hover{color:#000 !important}
a:hover{text-decoration:none}
.CodeMirror-code{font-size:12px;line-height:14px}
.CodeMirror{border:1px solid #999;font-family:arial;font-size:12px;line-height:12px;max-width:100%;min-width:100%;min-height:200px}
.sourceCtrl{clear:both;display:block;min-height:40px;padding:5px}
#codemirrorEditor{border-top:1px solid #c0c0c0}
.belowSourceEditor{background-color:#f0f0f0;padding:2px 15px;border-top:1px solid #c0c0c0}
.clearBoth{clear:both}
#hourglassAnimation{background:transparent url(pics/png.png) no-repeat scroll -9999px -25px;float:right;height:25px;margin:3px 0 0 0;width:25px}
.belowSourceEditor .inline{min-width:90px}
.inline{display:inline-block;font-size:13px;vertical-align:middle;line-height:17px}
.sourceIcons{display:inline-block;vertical-align:middle;padding:2px 15px}
.centered{text-align:center;margin:10px 0 50px}
.pageCenter{margin:35px auto 0;max-width:1140px;text-align:left;display:inline-block}
.sourceMinimizer{background-position:-19px 0}
.sourceMinimizer:hover{background-position:-19px -26px}
.sourceIcons a{margin:5px 10px 2px 0;cursor:pointer;width:24px;display:inline-block;height:21px;overflow:hidden;background-image:url(pics/png.png);text-indent:-1000px;cursor:pointer;background-repeat:no-repeat}
#intentationSet{background-position:-47px 0}
#intentationSet:hover{background-position:-47px -26px}
#mainCleanerButton{display:inline-block;float:right;margin:5px 1px 0}
#characterEscaping{background:transparent url(pics/png.png) no-repeat scroll -255px 0}
#characterEscaping:hover{background-position:-309px 0}
#clearPage,#undo{background:url(pics/png.png) no-repeat scroll 0 0 transparent;height:25px;width:25px}
#undo{background-position:-100px 0}
#clearPage{background-position:-75px 0}
#undo:hover{background-position:-100px -25px}
#clearPage:hover{background-position:-75px -25px}
.mainButtonStyle{display:inline-block;font-weight:normal;min-width:82px;height:34px;float:right;font-size:18px;color:#FFF;cursor:pointer;background-color:#16643d;text-align:center;border-radius:10px;line-height:34px;padding-left:20px}
.mainButtonStyle:hover{background:#0fb964}
.htmlCleanList{padding:0;display:inline-block}
.htmlCleanList > div{display:inline-block;border:1px solid #000000;border-radius:5px;vertical-align:top;margin:6px;background:#FFF}
.htmlCleanList > div:hover{color:#000;cursor:pointer}
.htmlCo{background:transparent url(pics/checkmark.png) no-repeat scroll 10px 0;font-size:14px;line-height:23px;margin-top:0;letter-spacing:-.5px;padding:0 3px 2px 26px;display:inline-block;height:20px;margin:0 2px;color:#000}
.htmlCo:hover{background-color:rgba(68,133,184,.1)}
.doOptionNow{width:22px;height:22px;background:transparent url(pics/png.png) no-repeat scroll -141px 0;cursor:pointer}
p>img{vertical-align:top;max-width:100%}
.htmlCleanList .doOptionNow{display:block;float:right}
.doOptionNow:hover{background:transparent url(pics/png.png) no-repeat scroll -141px -28px}
.doOptionNow:active{background:#16643d;border-radius:10px}
.footer{text-align:right;margin:32px 0 0;padding:10px 30px 30px 30px;border-top:3px solid #000;color:#333;background-color:#FFF;font-weight:700;line-height:21px}
.footer img{vertical-align:middle;display:inline-block}
@media screen and (min-height:1111px){h2{font-size:40px;line-height:80px}
}
@media screen and (max-width:610px){#textEditorWrapper,#htmlWrapper{display:block;width:auto}
#textEditorWrapper{margin:0 0 10px}
#wrapTop{width:96%}
h2{font-size:25px;line-height:40px}
}
@media print{body{background:#fff;color:#000}
}