a,abbr,acronym,address,applet,aside,audio,b,big,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,figcaption,footer,form,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,li,mark,menu,nav,object,ol,output,p,q,ruby,s,samp,section,small,span,strike,strong,summary,tbody,tfoot,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
body,figure,h1,h2,h3{padding:0;vertical-align:baseline}
body,figure,h1,h2,h3,sub,sup{border:0;font:inherit}
legend{margin:0;border:0}
article,blockquote,fieldset,legend,pre,table,td,th{font:inherit;vertical-align:baseline}
sub,sup,table,td,th{margin:0;padding:0}
article{border:0}
.csshovered .subtabz ul.css,.csspage .subtabz ul.css,.htmlhovered .subtabz ul.html,.htmlpage .subtabz ul.html,.jshovered .subtabz ul.js,.jspage .subtabz ul.js,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
body{margin:0;background-color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
ol,ul{list-style:none}
.qc-cmp2-persistent-link{padding:2px 5px;text-decoration:none;background:#000;color:#fff!important;font-weight:400!important;opacity:.5;left:0;font-size:13px;right:auto}
.qc-cmp2-persistent-link:hover{opacity:.9}
.css-g9v652.css-g9v652 .qc-cmp2-footer .qc-cmp2-summary-buttons button:last-of-type{order:2;background:#2f892f;color:#fff;font-weight:700}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
table{border-spacing:0;border-spacing:.5rem;border-collapse:collapse}
.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal;font-size:12px!important;line-height:14px}
.logo-container{text-align:center!important}
.wrapMainAndSidebar{text-align:center}
.reklamocskaim,.wrapMain{display:inline-block;vertical-align:middle;text-align:center}
.reklamocskaim{width:350px;max-height:600px;overflow:hidden}
.ogimage{max-width:50px;margin:15px}
.aligncenter{text-align:center}
code,kbd,pre,samp{font-family:monospace,monospace}
pre{font-size:14px!important;margin:0 10px 10px;padding:2px 15px;border:0;cursor:pointer;overflow-x:auto}
.preview input[type=number],.preview input[type=text]{width:90px}
.preview{background-color:#fff;margin:0 10px;padding:0 1% 25px}
#wrapPreviews{bottom:0;left:0;right:0;padding:5px 20px;background-color:#fff;border-top:1px solid #ddd;box-shadow:0 0 20px #777}
a.qc-cmp2-persistent-link{color:#fff}
.preToEditorWrap,hr{height:0;overflow:visible}
.preToEditorWrap{display:none;position:relative}
a.preToEditor{border:1px solid #bbb;position:absolute;background:#fff;font-size:15px;border-radius:5px;height:17px;width:17px;line-height:17px;cursor:pointer;text-align:center;left:-10px;top:-6px}
a.preToEditor:hover{background:#ce5937;border:1px solid #ce5937;color:#fff;font-size:17px}
.tagExample pre:hover{background-color:#fff6f6!important}
blockquote{background:url(quote.png)10px 10px no-repeat;border:2px solid #b2b2b2;margin:15px auto;max-width:290px;font-size:1.3em;padding:10px 10px 10px 78px;line-height:1.2em}
.footer{padding-bottom:35px!important}
.hidden,.noPencil .preToEditorWrap{display:none!important}
.walkthrough,sub,sup{position:relative}
.walkthrough.wtactive{outline:4px dashed #000;background:#ffe1ad}
.wtSlide{position:absolute;background:#ffdfd5;border:2px solid #ce5937;color:#333;font-size:16px;padding:10px;box-shadow:3px 2px 10px #000;bottom:20px;border-radius:30px 30px 30px 0;right:-120px;font-weight:700;display:none;z-index:10;min-width:130px;text-align:center}
.wtNext{cursor:pointer;display:inline-block;padding:2px 10px;font-size:1.2em;background:#ce5937;border-radius:5px;margin:2px 0 0;color:#fff}
.wtClose,.wtNext:hover{box-shadow:2px 2px 5px #000}
.wtClose{background:#ce5937;color:#fff;position:absolute;display:inline-block;top:-18px;right:-15px;font-size:30px;cursor:pointer;width:30px;height:30px;text-align:center;line-height:30px;border-radius:20px}
.wtClose:hover{background:#841c1c}
.wtSlide.wtSlidePosbottom{bottom:auto;top:40px;border-radius:0 20px 20px 20px;left:10px;right:auto}
.wtSlide.wtSlidePosin{top:0;border-radius:0 0 16px 0;left:0;right:auto}
@media screen and (max-width:1350px){.reklamocskaim{width:90%}
}
@media screen and (max-width:1111px){.sbs .tagExample pre{clear:both;float:none;width:auto;margin:0 0 15px;min-height:auto}
.sbs div.preview{float:none;width:auto;display:inline-block;margin:0;min-height:auto}
}
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#444}
h1{font-size:2em;margin:.67em 0 0}
figure{margin:1em 40px}
hr{box-sizing:content-box}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,canvas,ul.generatorList li,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
.bannerLinks.showThumbs a span span,.csshovered .subtabz ul.html,.csshovered .subtabz ul.js,.htmlhovered .subtabz ul.css,.htmlhovered .subtabz ul.js,.jshovered .subtabz ul.css,.jshovered .subtabz ul.html,[hidden],template{display:none}
a,a:active,a:hover,a:visited{color:#1c6ea4}
h2{font-size:1.3em;margin:.75em 0 .2em}
.htmlpage a,.htmlpage a:active,.htmlpage a:hover,.htmlpage a:visited,.htmlpage h1,.htmlpage h2,.htmlpage h3,.htmlpage h4{color:#ce5937;font-weight:700}
.csspage a,.csspage a:active,.csspage a:hover,.csspage a:visited,.csspage h1,.csspage h2,.csspage h3,.csspage h4{color:#1c6ea4;font-weight:700}
.jspage a,.jspage a:active,.jspage a:hover,.jspage a:visited,.jspage h1,.jspage h2,.jspage h3,.jspage h4{color:#c59237;font-weight:700}
.htmlpage #back2Top{background-color:#ce5937}
.csspage #back2Top,.csspage ul.generatorList li a{background-color:#1c6ea4}
.jspage #back2Top{background-color:#c59237}
.bannerLinks a:after,.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:block}
* html .bannerLinks a,* html .clearfix{height:1%}
.clearboth{clear:both}
body#tinymce{padding:0 10px}
.imageright{float:right;margin:0 0 20px 30px}
.centered,.headline,ul.generatorList{text-align:center}
.headline{font-size:1.2em;margin-bottom:1em}
.csspage,.htmlpage,.jspage{background-color:#eee}
ul.generatorList{margin:0;padding:0;min-height:140px}
ul.generatorList li a{color:#fff!important;cursor:pointer;padding:3px 9px;float:right;display:inline-block;margin:3px;border-radius:7px;line-height:20px;font-size:18px;border:2px solid #fff}
ul.generatorList li a.activeGenerator:hover{background-color:#fff;cursor:default}
strong{text-decoration:none}
.csspage ul.generatorList li a:hover{background-color:#196393}
.csspage ul.generatorList li a.activeGenerator{border:2px solid #1c6ea4;background-color:#fff;color:#1c6ea4!important}
a.activeGenerator,label{cursor:pointer}
.posRelative{position:relative}
ul.activeSubmenu{position:absolute;top:30px;border:0;z-index:9;width:150px;padding:0;border-radius:10px}
#back2Top,ul.activeSubmenu li{display:block;text-align:center}
ul.activeSubmenu li a{font-size:15px;float:none;display:block;margin:0}
ul.activeSubmenu li a.active{background:#fff;color:#1c6ea4!important;border:2px solid #1c6ea4}
ul.activeSubmenu li a.active:hover{color:#fff!important;background:#aaa}
#back2Top{width:40px;line-height:40px;overflow:hidden;z-index:999;display:none;cursor:pointer;-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);position:fixed;bottom:50px;right:0;background-color:#ddd;font-size:30px;text-decoration:none;color:#fff}
#back2Top:hover{background-color:#fff;color:#000}
.bannerLinks a:hover strong,.htmlpage #back2Top:hover,.htmlpage #wrapPreviews>div>div>abbr{color:#ce5937}
.csspage #back2Top:hover,.csspage #wrapPreviews>div>div>abbr{color:#1c6ea4}
.jspage #back2Top:hover,.jspage #wrapPreviews>div>div>abbr{color:#c59237}
.textBiggerSmaller a{color:#fff!important}
.htmlpage ul.generatorList li a{background-color:#ce5937}
.htmlpage ul.generatorList li a:hover{background-color:#b95031}
.htmlpage ul.generatorList li a.activeGenerator{border:2px solid #ce5937;background-color:#fff;color:#ce5937!important}
.jspage ul.generatorList li a{background-color:#c59237}
.jspage ul.generatorList li a:hover{background-color:#b18331}
.jspage ul.generatorList li a.activeGenerator{border:2px solid #c59237;background-color:#fff;color:#c59237!important}
h3{font-size:18px;margin:0;font-weight:700}
#wrapPreviews .cssEditorWrap,#wrapPreviews .sourceEditorWrap,#wrapPreviews .visualWrap{width:32.5%;display:inline-block;margin:0 1% 10px 0;vertical-align:top;float:left}
#viewSwitch>div,#wrapPreviews{position:relative}
#viewSwitch{position:absolute;top:-31px;right:20px}
#viewSwitch>div{background:#d6d6d6;cursor:pointer;height:25px;display:inline-block;width:50px;text-align:center;bottom:1px;box-shadow:0-5px 5px #ccc;line-height:30px;border:1px solid #777;overflow:hidden;border-radius:10px 10px 0 0;z-index:9999;padding-top:5px}
#viewSwitch>div>div{display:inline-block;width:10px;height:13px;margin:2px;background:#6486a9}
#viewSwitch>div#bigWysiwyg{line-height:10px}
#viewSwitch>#bigWysiwyg>div{width:13px;height:8px;margin:1px 3px}
#viewSwitch>#bigWysiwyg>div:nth-child(1){width:30px}
#viewSwitch>div:hover>div{background:#2e74bb}
#viewSwitch>div.active{background:#fff;bottom:0;border-bottom:none}
.ui-slider{cursor:pointer}
.cssEditorWrap{margin-right:0!important;vertical-align:top}
.ui-widget-header{background:#d0e4f5}
#wrapPreviews.bigwyg .visualWrap{width:98%;margin:0 0 10px}
#wrapPreviews.bigwyg .cssEditorWrap,#wrapPreviews.bigwyg .sourceEditorWrap{width:47%;margin:0 1% 10px}
#cssCodeFieldecske,#sourceFieldecske{border:1px solid rgba(0,0,0,.2)}
#wrapPreviews .visualWrap>form>div>div>div:nth-child(1),#wrapPreviews .visualWrap>form>div>div>div:nth-child(2){display:none}
#applyCss,.bannerLinks a img{display:inline-block;float:right}
#applyCss{background-color:#999;color:#fff;cursor:pointer;padding:0 5px;font-size:13px;margin-top:3px;border-radius:3px;line-height:18px}
#applyCss:hover{background-color:#333}
.divTable{display:table;width:100%;margin-bottom:20px}
.divTableRow{display:table-row}
.divTableCell,.divTableHead{border:1px solid #999;display:table-cell;padding:3px 10px}
.divTableHeading{background-color:#eee;display:table-header-group;font-weight:700}
.divTableHead{background-color:rgba(0,0,0,.1);font-weight:700}
.divTableFoot{background-color:#eee;display:table-footer-group;font-weight:700}
.divTableBody{display:table-row-group}
#wrapPreviews{display:block;z-index:99}
#wrapPreviews>div>div>abbr{font-size:13px;font-weight:700;cursor:default;line-height:15px;text-decoration:none;letter-spacing:1px}
.reklamalgatok{padding:20px 0 40px}
#demo,#demotext,.reklamalgatok{text-align:center}
#demo{border:5px solid #1d6ea4;width:90%;padding:20px 0;margin:10px auto;height:100px}
#demotext{font-weight:700;font-size:35px;padding:60px 5px}
#demoparagraph{font-size:12px;line-height:15px;color:#333;padding:5px 0}
#demoparagraph p{margin:0 0 14px}
.pagewrap{margin:auto;background-color:#fff}
.subtabz ul li a,.tabz{font-weight:700;font-size:15px;line-height:19px}
.tabz{width:100%}
.bannerLinks a em,.tabz a{display:inline-block;font-weight:700}
.tabz a{width:33.333333%;padding:5px 0;color:#eee!important;text-decoration:none!important;text-align:center;cursor:pointer;letter-spacing:5px}
.html{background-color:#ce5937}
.css{background-color:#1c6ea4}
.js{background-color:#c59237}
h4.centered{color:#fff;margin-bottom:0}
.subtabz{display:block;clear:both}
.subtabz ul{margin:0;padding:0;display:none}
.subtabz ul.html{text-align:left}
.subtabz ul li,.subtabz ul.css{text-align:center}
.subtabz ul.js{text-align:right}
.subtabz ul li{display:inline-block}
.subtabz ul li a{display:block;color:#fff;text-decoration:none;padding:5px 20px;border-radius:10px 10px 0 0}
.subtabz a:hover{background-color:rgba(0,0,0,.1)!important}
#tabContainer{height:70px}
.mainContent{min-height:500px;background-color:#fff;margin:10px auto 20px;padding:10px 0;overflow-x:hidden}
.footericon{width:30px;height:30px;vertical-align:middle!important}
.htmlpage .footer{border-top:3px solid #ce5937}
.csspage .footer{border-top:3px solid #1c6ea4}
.jspage .footer{border-top:3px solid #c59237}
.footer{padding:5px 20px 10px;text-align:right;line-height:16px;font-size:12px}
.subtabz ul li a.activeMenuItem:visited,a.activeMenuItem,a.activeMenuItem:hover{background-color:#fff!important;color:#444!important}
a.homeMenu{height:29px;width:36px;position:absolute;top:0;left:0;overflow:hidden;text-indent:-999px;background:url(/images/logo.png)no-repeat center center #eee}
a.homeMenu:hover{background-color:#fff}
.pajzsText,a.pajzs{position:absolute;width:350px}
a.pajzs{font-family:Impact,Charcoal,sans-serif;height:350px;z-index:9;color:#fff!important;text-align:center;font-size:80px}
a.pajzs:hover{z-index:99}
a.pajzs,a.pajzs span{display:block;-webkit-transition:all .2s;transition:all .2s}
.pajzsText{padding-top:100px}
.PajzsLeft{float:left;width:0;border-left:50px solid transparent;border-top:300px solid #ce5937}
.PajzsMiddle{float:left;width:250px;height:200px;background-color:#ce5937;padding-top:100px}
.PajzsRight{float:left;width:0;border-right:50px solid transparent;border-top:300px solid #ce5937}
.PajzsBottom{width:0;height:0;border-left:125px solid transparent;border-right:125px solid transparent;border-top:50px solid #ce5937;clear:both;margin-left:50px}
.cssPajzs .PajzsLeft{border-top-color:#1c6ea4}
.cssPajzs .PajzsMiddle{background-color:#1c6ea4}
.cssPajzs .PajzsBottom,.cssPajzs .PajzsRight{border-top-color:#1c6ea4}
.jsPajzs .PajzsLeft{border-top-color:#c59237}
.jsPajzs .PajzsMiddle{background-color:#c59237}
.jsPajzs .PajzsBottom,.jsPajzs .PajzsRight{border-top-color:#c59237}
#wrapPajzsok{width:600px;margin:50px auto 100px;position:relative;height:550px;overflow:hidden}
#pajzsHTML{top:0;left:125px}
#pajzsCSS,#pajzsJS{top:200px;left:0}
#pajzsJS{left:250px}
a.pajzs:hover .PajzsLeft{border-left:30px solid transparent}
a.pajzs:hover .PajzsRight{border-right:30px solid transparent}
a.pajzs:hover .PajzsMiddle{width:290px}
a.pajzs:hover .PajzsBottom{border-left:145px solid transparent;border-right:145px solid transparent;margin-left:30px}
table td{padding:2px}
table,td,th{border:1px solid #000;text-decoration:none}
caption,tfoot{font-weight:700}
tfoot{background-color:rgba(0,0,0,.2)}
caption{text-align:left;font-style:italic;padding-top:10px}
thead{background-color:rgba(255,255,255,.5);font-size:1.2em}
.bannerLinks.showThumbs a strong,.nobordertbl td,.nobordertbl th,table.nobordertbl{border:0}
.linkListView{text-align:right;width:50%;margin:auto}
#styleGallery>div,.linkListView a{cursor:pointer;display:inline-block}
.linkListView a{padding:0 10px;font-size:30px;color:#444}
.linkListView a:hover{color:#000;text-shadow:1px 1px 0#aaa}
.bannerLinks a,.linkListView a.active{background:#f6f6f6}
.bannerLinks,.bannerLinks.showThumbs a:hover>span{display:block}
.bannerLinks a{max-width:96%;width:750px;margin:0 auto 20px;text-decoration:none;padding:20px 2%;transition:.5s all;display:block}
.bannerLinks a strong{display:block;font-size:20px;border-bottom:1px solid #999;padding:0 5px}
.bannerLinks a>span{float:left;display:inline-block;width:440px}
.bannerLinks a>span>span{display:inline-block;font-size:13px;color:#333;line-height:16px;padding:10px 5px}
.bannerLinks a em{text-decoration:underline;color:#000;font-size:16px;padding:0 5px}
.bannerLinks a img{border:2px solid #fff}
.bannerLinks a:hover{background:#f6dbd3}
#styleGallery,.showThumbs,.wrapTableStyler{text-align:center}
.bannerLinks.showThumbs a{display:inline-block;width:300px;padding:10px}
.bannerLinks.showThumbs a>span{float:none;display:none;width:260px;margin:49px 0 0 50px;position:absolute;background-color:rgba(0,0,0,.7);height:60px;padding:5px 0 0;border-radius:20px 0 0 0}
.bannerLinks.showThumbs a:hover{background:rgba(0,0,0,.7)}
.bannerLinks.showThumbs a em{color:#fff;font-size:12px;letter-spacing:1px;font-weight:400}
.bannerLinks.showThumbs a strong,.bannerLinks.showThumbs a:hover strong{color:#fff;font-size:18px}
#styleGallery{padding:10px;margin:30px auto 15px;max-width:777px}
#styleGallery>div{width:40px;height:35px;margin:0 1px;background:url(images/gallery.png)no-repeat top left #eee;border:3px solid #fff}
#styleGallery>div.active{border:3px solid #1c6ea4;border-radius:12px}
#styleGallery>div:nth-child(1){background-position:0 0}
#styleGallery>div:nth-child(2){background-position:-50px 0}
#styleGallery>div:nth-child(3){background-position:-100px 0}
#styleGallery>div:nth-child(4){background-position:-150px 0}
#styleGallery>div:nth-child(5){background-position:-200px 0}
#styleGallery>div:nth-child(6){background-position:-250px 0}
#styleGallery>div:nth-child(7){background-position:-300px 0}
#styleGallery>div:nth-child(8){background-position:-350px 0}
#styleGallery>div:nth-child(9){background-position:-400px 0}
#styleGallery>div:nth-child(10){background-position:-450px 0}
#styleGallery>div:nth-child(11){background-position:-500px 0}
#styleGallery>div:nth-child(12){background-position:-550px 0}
#styleGallery>div:nth-child(13){background-position:-600px 0}
#styleGallery>div:nth-child(14){background-position:-650px 0}
#styleGallery>div:nth-child(15){background-position:-700px 0}
#styleGallery>div:nth-child(16){background-position:-750px 0}
#styleGallery>div:nth-child(17){background-position:-800px 0}
#styleGallery>div:nth-child(18){background-position:-850px 0}
#styleGallery>div:nth-child(19){background-position:-900px 0}
#styleGallery>div:nth-child(20){background-position:-950px 0}
#styleGallery>div:hover{border:3px solid #1c6ea4}
#exportLoadWrapper{position:absolute;left:20px;background:#fff;z-index:8}
.exportLoad a{text-decoration:none;cursor:pointer;font-size:15px;margin:0;display:inline-block;border-radius:6px 6px 0 0;opacity:.6;padding:2px 4px 0}
.exportLoad a:hover{opacity:1}
.exportLoad a.active{background-color:#1c6ea4;opacity:1}
#exportLoadSettings{width:130px;height:80px;box-shadow:1px 2px 6px #555;border:2px solid #1c6ea4;font-size:12px;color:#333;display:none}
#loadButton{background:#1c6ea4;color:#fff;font-weight:700;padding:2px 8px;font-size:17px;border-radius:6px;margin:0 0 0 80px;cursor:pointer;display:none}
#loadButton:hover{background:#175b87}
.settingRowInput input{height:18px;vertical-align:middle}
.settingRowInput input.jscolor{width:80px;text-align:center}
#wrapPreviewTable,.settingsColumn{display:inline-block}
.pagewrap a.converterLink{position:absolute;right:20px;width:85px;text-align:center;display:inline-block;font-size:14px;padding:4px 2px;line-height:14px;border:2px solid #82b0ce;color:#82b0ce;border-radius:10px}
a.converterLink:hover{border-color:#1c6ea4;color:#1c6ea4}
.settings h3 input{margin:0 10px}
#firstSettingsColumn .settings h3 label{cursor:pointer;display:block;margin:0;line-height:30px;float:left;width:50%;text-align:center}
.settings h3 label:hover i{color:#014daf}
.settingsColumn{width:300px;margin:10px 9px;vertical-align:top;text-align:left}
.settings{border:2px solid #1c6ea4;border-radius:5px;margin-bottom:18px}
.settings h3{color:#222;background:#83b3e4;text-align:center;min-height:30px}
#firstSettingsColumn h3{background:url(images/firstSettingsColumn.png)no-repeat 0 0#d0e4f5}
.divTableStyler #firstSettingsColumn h3{background-position:-510px 0}
#fontFamilySelector>div:hover,#fontTextDecoration>div.selectedTextDecoration,#fontTextDecoration>div:hover,#fontTextStyle>div.selectedTextDecoration,#fontTextStyle>div:hover,#fontTextTransform>div.selectedTextDecoration,#fontTextTransform>div:hover,#fontTextVariant>div.selectedTextDecoration,#fontTextVariant>div:hover,#fontTextWeight>div.selectedTextDecoration,#fontTextWeight>div:hover,#selectedFontFamily:hover,.inactiveSetting h3,.tableCell div{background-color:#d0e4f5}
.inactiveSetting{background-color:#f0f0f0}
.settingRow.inactiveRow{opacity:.9;background:#eee}
.settingRow{clear:both;padding:5px 0 0}
.settingRow>label input{float:left;margin:7px 7px 2px 4px}
.settingRow>label{font-size:12px;font-weight:700}
.settingRowLabel label input{float:left;margin:3px 1px 2px 4px}
#tableDimmensions em,.settingRowInput,.settingRowLabel{font-size:12px}
.settingRowLabel{float:left;width:24%;padding:3px 2%0 0;font-weight:700;text-align:right}
.settingRowInput{float:right;width:70%;padding:4px 2%}
#fontGeneratorPreviewWrap>label,.settingRowInput label{float:right}
.px12{font-size:12px;font-weight:700}
.px12 label input{margin:2px 6px 10px 4px;float:left}
.settingRowInputLeft{float:left;width:50%}
.settingRowInputRight{float:right;width:47%;text-align:right}
.settingRowInputRight strong{vertical-align:top;line-height:12px;font-size:16px;display:block;text-align:center;height:20px}
#selectedFontFamily,.settingRowInput input{border-radius:4px;border:1px solid #aaa;padding:1px 5px;margin-top:-4px}
#selectedFontFamily{cursor:pointer;background:url(images/dropdown.png)no-repeat right center}
#fontGeneratorPeview{text-align:center;font-size:22px;margin:0 0 30px;color:#000;padding:50px 30px 10px;min-height:75px}
#fontGeneratorColor{width:100px}
#fontFamilySelector{border:1px solid #999;position:absolute;background-color:#fff;z-index:99;width:250px;display:none;box-shadow:0 4px 9px 2px #ccc}
#fontFamilySelector>div{cursor:pointer;display:block;border:1px solid #fff;font-size:16px;text-align:center}
.tableCell{padding:1px;float:left;cursor:pointer}
.tableCell div{border:1px solid #ddd;height:12px;width:12px;overflow:hidden;text-indent:999px}
#hoverTableCont{margin:0}
#addTableOptions{width:330px;float:right}
.hoverTable{padding:0}
.tableRow{display:block;clear:both}
#tableDimmensions{clear:both;position:relative;top:-121px;left:70px;padding:0 4px 4px;font-size:20px;text-align:center;font-weight:700;color:#444;background:#f0f0f0;z-index:9;display:inline-block}
.selectedCell,.tableCell:hover div{background-color:#222}
.higlightCell div{background-color:#ccc;border-color:#333!important}
.footer img{vertical-align:bottom}
article{text-align:center;max-width:1000px;padding:5px 20px;margin:auto}
@media screen and (max-width:1200px){#exportLoadWrapper{position:relative}
.pagewrap a.converterLink{position:absolute;width:200px}
ul.generatorList{min-height:140px}
}
@media screen and (max-width:1100px){.wtSlide{right:0;bottom:70px}
}
@media screen and (max-width:1000px){#wrapPreviews .cssEditorWrap,#wrapPreviews .sourceEditorWrap{width:25%}
#wrapPreviews .visualWrap{float:right;width:48%}
.mainContent{padding:10px 0}
#wrapPreviews{padding:5px}
.wtSlide{right:25px}
#styleGallery{max-width:90%}
}
@media screen and (max-width:800px){#wrapPreviews{position:inherit;padding:0;border-top:none;box-shadow:none}
#viewSwitch{display:none}
.footer{padding-bottom:30px!important}
#wrapPreviews .cssEditorWrap,#wrapPreviews .sourceEditorWrap{width:48%;margin:0 1%}
#wrapPreviews .visualWrap{float:none;width:100%;margin:0}
}
@media screen and (max-width:500px){#wrapPreviews .cssEditorWrap,#wrapPreviews .sourceEditorWrap{width:100%;float:none;margin:0 5px}
}