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}
.marginauto{margin:auto;display:block}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
.sizex2{font-size:2em;font-weight:bold;display:block;padding:40px 20px;text-align:center;text-decoration:none !important}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article{max-width:900px;width:auto;margin:40px auto;line-height:23px;border:none;border-radius:20px;padding:30px 20px;background:white;z-index:2;position:relative;min-height:200px;box-sizing:border-box;-moz-box-sizing:border-box}
p{margin-bottom:20px}
article li{margin-bottom:15px}
body{color:#444;font-size:18px;line-height:22px;font-family:"Roboto",sans-serif;letter-spacing:0.2px;background:#165564;max-width:100%;line-height:1;overflow-x:hidden}
img{max-width:100%}
.CodeMirror-code pre{font-size:16px;line-height:18px;font-weight:bold}
img.logo{vertical-align:middle}
h1,h2{font-weight:bold;margin-bottom:0.7em;color:#165564}
h1{font-size:32px}
h2,#sitename{font-size:25px;line-height:40px;margin:0 0 10px;font-weight:bold}
#sitename{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:#165564!important;text-decoration:none}
.article{color:#333}
.article a{text-decoration:underline!important}
#realTimeEditorWrapper,#htmlWrapper{display:inline-block;width:48%;vertical-align:top;overflow:hidden;text-align:left}
#htmlInsideWrapper{border:1px solid #c0c0c0}
#realTimeEditorWrapper{margin-right:2%}
#realTimeEditorWrapper 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:#165564!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}
.realTimeEditorWrapper textarea{width:99%;background-color:#fff}
.realTimeEditorWrapper{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}
article a{text-decoration:underline !important;font-weight:bold}
article em{font-style:italic;color:#165564}
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:50px;padding:20px}
#sourceCodeRealTime{border-top:1px solid #c0c0c0}
.belowSourceEditor{background-color:#f0f0f0;user-select:none;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:9px 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;min-width:82px;height:34px;float:right;font-size:20px;color:#FFF;cursor:pointer;background-color:#165564;text-align:center;border-radius:10px;line-height:34px;font-weight:bold;padding-left:20px;letter-spacing:1px}
.mainButtonStyle:hover{background:#107891}
.htmlCleanList{padding:0;display:inline-block;user-select:none}
.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:#165564;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){#sitename{font-size:40px;line-height:80px}
}
@media screen and (max-width:620px){article{width:auto;padding:30px 20px}
img.logo{display:none}
#realTimeEditorWrapper,#htmlWrapper{display:block;width:auto}
#realTimeEditorWrapper{margin:0 0 10px}
#wrapTop{width:96%}
#sitename{font-size:25px;line-height:40px}
}
@media print{body{background:#fff;color:#000}
}