:root{--border-color:#5a5f63;--font-color:#b4b4b4;--listitembox-color:#ddd;--listitem-color:black;--listitemboxhover-color:#d3d33}html{height:100%}body{height:100%;margin:0;background:#303030;color:#b4b4b4}header{color:white;display:flex;border:2px groove var(--border-color)}button{padding:2 5;border-radius:6px;background:#fff}small{color:white;font-size:10px;font-style:italic}footer small{display:block;margin:.25em .5em;text-align:center}.sharebutton{margin:1em auto;display:table}a{color:white;text-decoration:none;text-align:center;padding:.1em}a:hover{background-color:blue}footer .terms{text-align:center;color:white;font-size:12px;margin:1em}footer .shower{cursor:pointer;text-decoration:underline}header h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px}header a{margin:auto 0}header img{width:1em;height:1em;background-color:white;margin:auto .25em}header .left{display:inline-flex;margin-right:auto;overflow:hidden}header .right{display:inline;margin:auto 0;padding:0 .5em;border-left:2px groove var(--border-color);white-space:nowrap}#outer{position:relative}#config{display:inline-block;float:left;min-height:100vh;border-right:2px inset var(--border-color);max-width:25%;position:relative}#content{display:grid}.ad{border-bottom:1px solid var(--border-color);display:block;text-align:left;width:100%;font-size:14px;font-family:Bookman;font-style:italic;color:white;padding:.5em}#ad_long{border:2px inset var(--border-color);display:none;text-align:center}#ad_med{border:2px inset var(--border-color);display:none;text-align:center}#ad_short{border:2px inset var(--border-color);display:none;text-align:center}#inputText{border:2px inset var(--border-color);width:50%;height:10em}#cssArea{border:2px inset var(--border-color);width:50%;height:10em}#inAndCss{width:100%;display:flex}#outputTextArea{border:2px inset var(--border-color);display:flex}#cmdbar{display:flex}#cmdbar .left{width:80%}#cmdbar .right{margin:auto .5em auto auto;border-left:2px solid var(--border-color);padding-left:.5em}label{color:white;margin:.2em auto 0 .3em}input{border:0;border-top:1.5px solid deepskyblue;border-bottom:1.5px solid deepskyblue;background:var(--background-color);color:var(--font-color);padding-bottom:.35em;padding-top:.35em;font-size:14px;font-family:Serif}label.contentLabel{display:table-cell;height:2em;vertical-align:middle;font-size:14px}label.vcentered{margin:auto 0;width:fit-content}.upright{writing-mode:vertical-rl;text-orientation:sideways;padding:0 .25em}label.config{display:block;margin:.5em .5em .25em .5em}input.editableDropDown{width:80%;margin:0 0 0 .5em;display:inline-block}input.regular{width:80%;margin:0 0 0 .5em;display:inline-block}textarea{width:100%;height:calc(100% - 2.7em);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.5em;background-color:var(--background-color);color:white;border:3px solid white;resize:none}.nobreak{display:flex}.dropDownArrow{display:inline-block;margin:auto 0 auto .2em;color:orangered;transform:rotate(-90deg);cursor:pointer}.dropDownArrow.dropped{transform:rotate(0);transition:transform .125s linear}.dropDownArrow.undropped{transform:rotate(-90deg);transition:transform .125s linear}.dropDownList{margin:.5em .45em 0 .45em;height:fit-content;max-height:0;overflow:hidden}.dropDownListItem{border:1px solid var(--border-color);background:var(--listitembox-color);color:var(--listitem-color);padding:.25em;font-family:14px;font-family:serif}.dropDownListItem:hover{background:var(--listitemboxhover-color);color:var(--font-color)}.dropDownListItem:hover:after{content:' *'}.dropDownList.dropped{max-height:100%;overflow:auto;transition:max-height 1s linear;border:2px groove;width:90%}.dropDownList.undropped{max-height:0;overflow:hidden;border:0}#outputText{display:block;width:90%;background:#d3d3d3}#logbtn{background:blue;color:white}.modal-screen{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal-appear{display:block}.modal-box{background-color:#dcdcdc;margin:20% auto;border:1px solid #888;width:80%;max-width:50em}input.login{border-top:0;border-bottom:2px dotted white;color:black;width:16em;margin-bottom:1em;font-size:14px;font-family:serif}label.login{color:black;display:block;margin:.75em auto .5em auto}input.description{display:inline-block;width:90%;margin:.5em auto .3em .3em;border:2px inset white;background:#d3d3d3;color:black}button.facebook-login{background:#3c5a9a;color:white;margin:.5em auto .5em auto;display:inherit;font-size:14px;font-family:Arial;padding:.5em}.fblogo{width:.75em;vertical-align:middle}button.login{padding:.5em;border-radius:0;font-family:sans-serif;font-size:14px;width:5em}button.bar{margin:3px;width:40%}.sepline{width:100%;height:.1em;background:navy;margin:.5em auto}#forgot-password{color:darkslategray;cursor:pointer}#login-message{color:red;margin-top:.5em}.login-box{width:fit-content;margin:10% auto}.login-wrapper{padding:1em}#notify-message{color:black;margin:1em}button.modal-closer{margin:0 .5em .5em auto;display:block}#specList{margin:8em auto auto 28%;height:fit-content;overflow:auto;background:#d3d3d3;color:black;position:absolute;display:none;width:fit-content;max-width:70%;text-overflow:ellipsis;border:2px groove;width:15em}#specList.dropped{z-index:1;display:block}.specListItem{border:.1px solid gray;padding .15em;cursor:pointer;text-overflow:ellipsis;padding:.15em}.specListItem:hover{background:var(--listitemboxhover-color);color:var(--font-color)}.specListItem:hover:after{content:' *'}.specListCloser{float:right;border:1px solid black;color:red;padding .05em;cursor:pointer}.labRow{display:flex}.copyButton{background-color:lightgreen}.cssCopy{padding:2px 3px;height:2em;margin:auto .25em auto 0}.popup-header-wrapper{background:blue;width:100%;display:flex}.popup-header{background:blue;color:white;padding:.25em .5em;display:inline-block}.popup-closer{margin:auto .25em auto auto;border 1px solid red;color:red;cursor:pointer}#flag-image{width:2em;margin:1em auto;display:block;cursor:pointer}#locale-list{display:none;margin:.5em auto auto 1em;background:#d3d3d3;color:black;width:fit-content;border:2px double black;position:absolute}#locale-list.appear{display:block}.locale-list-item{cursor:pointer;display:block;padding:.25em;white-space:nowrap}.locale-list-item-text{display:inline;white-space:nowrap}.locale-list-item:hover{background:#a3a3a3;text-decoration:underline}img.locale-list-item{width:2em;display:inline;vertical-align:middle}@media only screen and (max-width:450px){#inAndCss{display:block}#inputText{width:90%}#cssArea{width:90%}#outputTextArea{display:block}.upright{writing-mode:unset;text-orientation:unset}#outputText{width:90%}#cmdbar{display:block}#cmdbar .right{display:flex}#cmdbar .left{width:90%}}@media only screen and (min-width:320px){#ad_long{display:none}#ad_med{display:none}#ad_short{display:block}}@media only screen and (max-width:500px){#ad_middle{display:none}}@media only screen and (min-width:660px){#ad_long{display:none}#ad_med{display:block}#ad_short{display:none}}@media only screen and (min-width:920px){#ad_long{display:block}#ad_med{display:none}#ad_short{display:none}}#inner{margin:1em}h1.legal{color:white;font-weight:bold}h2.legal{color:white;text-decoration:underline}p.legal{color:white}#forgotMessage{color:black;display:block;margin:1em}#forgotResult{color:red;display:block}label.forgot{display:block;color:black;margin:1em}input.forgot{margin:0 1em;border:1px solid black;padding:.5em;background:white;color:black}button.forgot{display:inline}.bottomright{margin:1em auto .5em 1em}label.url{color:black;margin:1em}input.url{width:80%;margin:1em;color:black;border:0;border-bottom:1px solid white}#confirm-message{color:black;margin:1em}main.article{color:#303030;background-color:#f5f5f5;margin:1em;padding:1em;border:5px double navy}h3.article{margin-left:.5em;font-style:italic;text-decoration:underline}p.article{line-height:1.25;margin:.5em .2em 0 .5em}p.article-note{margin:1em;border:2px inset black;padding:.5em;background-color:wheat;font-size:14px;font-style:italic}code.article{white-space:pre;display:block;margin:1em;padding:.5em;border:3px inset blue;background:black;color:white;overflow:auto}ul.article{line-height:1.25em}.article li{margin-top:.5em}.article a{color:navy;text-decoration:underline}.article a:hover{background:darkgray}footer.article{text-align:center;color:white;line-height:2}footer.article a{color:white;text-decoration:underline}footer.article a:hover{color:red}a.article-button{display:block;margin:.5em auto 0 .5em;text-align:left;border:2px groove navy;width:10em;padding:.5em;background-color:blue;color:white;text-decoration:none}a.article-button:hover{background-color:navy}p.lastupdate{margin-left:1em;font-size:13px;font-style:italic;font-family:Arial}output.article{display:block;margin:1em;padding:.5em;border:3px groove green;background:white}a.artbutton{text-align:center;display:block;padding:.5em 0;background:blue;color:white;border:5px inset navy;margin-bottom:1em}a.artbutton:hover{background:red}a.inlbutton{text-align:center;display:block;padding:.5em 0;background:navy;color:white;border:5px inset navy;margin-bottom:1.5em;margin-top:1em}a.inlbutton:hover{background:red}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted black}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:wheat;color:#030303;text-align:left;padding:5px;border-radius:6px;border:1px dotted red;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}section.synopsis{border:5px solid blue;background:wheat;margin:.5em;padding:.5em;color:#030303}.synopsis h1{font-weight:bold;font-family:Georgia;font-size:18px;text-decoration:underline}.synopsis p{font-size:14px}.synopsis a{color:#030303;text-decoration:underline}.synopsis a:hover{background:yellow}.synopsis li{font-size:14px;margin-top:.5em}#cfgad{margin:.5em auto .5em auto;text-align:center}.articleBox{background:white;margin:.5em 0;padding:0;display:inline-block;position relative;border:2px solid blue}.articleBox h1{margin:0;padding:.2em 0 .2em .25em;background:lightgray;color:black;text-align:left;font-family:helvetica,times;font-size:17px;font-weight:500;font-style:normal;text-decoration:none}.articleSynopsisContainer{padding:.5em}.articleBox h2{font-family:Helvetica,Times New Roman;font-size:14px;color:black;font-weight:400;font-style:normal;text-decoration:underline;display:inline}.articleBox p{display:inline;font-family:Helvetica,Times;font-size:14px;font-weight:normal;text-decoration:none;color:#757575;line-height:1.25}.articleBox a{font-style:italic;text-decoration:none;cursor:pointer;color:darkred;margin-left;0.5em;font-size:14px;font-family:Helvetica,Times;font-weight:normal}.articleBox a:hover{text-decoration:underline;background:transparent;color:red}