.script { background-color: rgb(237, 237, 237); color: rgb(0, 0, 0); }
article { background-color: rgb(237, 237, 237); }
label { font-family: Arial; font-size: 18px; line-height: 26px; }
div.view { border: 2px outset rgb(255, 255, 255); border-radius: 8px; width: 100%; margin: 18px 0px 6px; padding: 8px 10px; background-color: rgb(219, 219, 219); height: 46px; box-shadow: rgb(173, 173, 173) 2px 2px 1px 0px; }
div.view table { table-layout: fixed; width: 100%; }
div.view td { }
div.view td + td { text-align: center; }
div.view td + td + td { text-align: left; }
div.view span { border: 4px outset rgb(255, 255, 255); border-radius: 8px; width: 80px; text-align: center; line-height: 21px; font-family: "Times New Roman"; font-size: 16px; display: inline-block; }
div.view span.button { }
div.view span.button:hover { background-color: rgb(255, 255, 255); }
pre.demo { width: 320px; background-color: rgb(255, 255, 255); padding: 3px; direction: ltr; }
code.codeView { direction: ltr; display: block; white-space: pre; word-break: keep-all; width: 100%; border: 4px inset rgb(255, 255, 255); border-radius: 8px; background-color: rgb(255, 255, 255); font-family: monospace; font-size: 16px; line-height: 22px; padding: 0px 8px 8px; overflow: auto; max-height: 400px; }
code.codeView div { color: rgb(0, 107, 2); font-family: Arial; font-size: 26px; text-align: center; }
#HTMLview1 { direction: ltr; display: block; white-space: pre; word-break: keep-all; width: 100%; border: 4px inset rgb(255, 255, 255); border-radius: 8px; background-color: rgb(255, 255, 255); font-family: monospace; font-size: 16px; line-height: 22px; padding: 0px 8px 8px; overflow: auto; max-height: 400px; }
#CSSview1 { direction: ltr; display: block; white-space: pre; word-break: keep-all; width: 100%; border: 4px inset rgb(255, 255, 255); border-radius: 8px; background-color: rgb(255, 255, 255); font-family: monospace; font-size: 16px; line-height: 22px; padding: 0px 8px 8px; overflow: auto; max-height: 400px; }
#JSview1 { direction: ltr; display: block; white-space: pre; word-break: keep-all; width: 100%; border: 4px inset rgb(255, 255, 255); border-radius: 8px; background-color: rgb(255, 255, 255); font-family: monospace; font-size: 16px; line-height: 22px; padding: 0px 8px 8px; overflow: auto; max-height: 400px; }
sc-view {display: block;  border: 2px outset rgb(255, 255, 255); border-radius: 8px; width: 100%; margin: 18px 0px 6px; padding: 8px 10px; background-color: rgb(219, 219, 219); height: 46px; box-shadow: rgb(173, 173, 173) 2px 2px 1px 0px; }
sc-table { display: table; table-layout: fixed; width: 100%;}
sc-tr { display: table-row; }
sc-td { display: table-cell; }
sc-td + sc-td {  text-align: center; }
sc-td + sc-td + sc-td { text-align: left;  }
sc-button { display: inline;border: 4px outset rgb(255, 255, 255); border-radius: 8px; width: 80px; text-align: center; line-height: 21px; font-family: "Times New Roman"; font-size: 16px; display: inline-block; }
sc-button:hover { background-color: rgb(255, 255, 255); }