/* div.mainsugg { height: auto; width: auto; overflow: visible; background-color: #339933; } */
div.mainsugg { height: auto; width: auto; overflow: visible; background-color: #ADD8E6; }
/* html>body div.mainsugg { height: auto; overflow: visible; } */
/* html>body div.mainsugg { width: 75% }  */
/* html>body div.mainsugg { margin-left: 15%; margin-right: 15%;} */

#txtHint1 {  height: auto;  overflow: visible; }
/* html>body #txtHint1 {margin-left: 0; height: auto; overflow: visible; text-align: center;} */
html>body #txtHint1 {padding-left: 16.5%; padding-right: 16.5%; height: auto; overflow: visible; text-align: center;}

table.ResTbl {border-style: solid; border-color: red; }
html>body table.ResTbl {border-style: hidden; }

tr.ResTbl, tr.myth { border-color: yellow; width: auto; }
html>body tr.ResTbl, tr.myth {overflow: visible; height: auto; }

th.ResTbl {background-color: rgb(204,255,204); border-color: green; }
html>body th.ResTbl { width: auto; height: auto;}

td.ResTbl { border: 3px solid #e5e5e5;  font-weight: 600; color:Blue;}
/* td.ResTbl { background-color: #FFFF00; } */
td.ResTbl { background-color: #ADD8E6; }
/* td.ResDtl { background-color: #CCCCCC; } */
td.ResDtl { background-color: #ADD8E6; }

/* html>body td.ResTbl, th.ResTbl { width: 142px; height: auto; overflow: visible; }  */
/* html>body th.ResTbl { background-color: #33FFCC; } */
/* html>body td.ResTbl { background-color: yellow; } */
/* html>body td.ResDtl { background-color: #CCCCCC; } */
/* html>body input.ResTbl { background-color: white; } */

input.ResTbl, th.ResTbl, td.ResTbl { height: auto; font-weight: 600; font-size: 100%; overflow: hidden; width: 148px; }
html>body input.ResTbl { width: 100%; height: auto; overflow: visible;}