body{font-family: Verdana, sans-serif;background-color: #FFF;color: #000;width: 100%;margin: 0;}
.maincontainer{margin-top: 0;width: 100%;height: auto;min-height: 99vh;background-color: #FFF;}
.mainmenu{float: left;width: 100%;height: auto;}
.mainmenunone{display: none;}
.mainmenutoggle{display: none;}
.undermainmenu{float: left;width: 100%;height: auto;}
.mainmenutoggleshow{float: left;width: 100%;height: 20px;color: #ffcc33;background-color: #f5f5f5;text-align: center;cursor: pointer;}
.mainmenutoggleshow .toggleextrawords{width: auto;height: 18px;font-size: 17px;color: #000;}
.mainmenutoggleshow .togglewordsunshine{width: auto;height: 18px;font-size: 17px;color: #ffcc33;}
.searchbar{float: left;width: 100%;margin-top: 15px;height: 30px;}
#selectedsearch{font-size: inherit;font-weight: bold;width: auto;height: auto;color: #000;margin-right: 7px;}
.searchbarcontainer{width: 100%;height: 30px;display: flex;align-items: center;justify-content: center;}
#search{font-size: 18px;width: 45%;height: 30px;text-align: center;border: 0.1em solid lightgray;border-radius: 6px;box-shadow: 0.5px 0.5px 0.5px lightgray;}
.searchbtn{margin-left: 7px;padding: 6px 8px;background-color: lightgreen;border-radius: 8px;border: none;cursor: pointer;}
.searchsuggestionlist{width: 100%;height: auto;background-color: #FFF;}
.resultscontainer{margin: 0;float: left;width: 100%;height: auto;min-height: 90vh;position: relative;}
.resultslist{margin: 0;list-style: none;width: inherit;height: auto;background-color: yellow;}
.resultslist li{margin: 0;width: 100%;height: auto;font-size: 16px;}
.tblsquaremenutop{width: 100%;height: auto;}
.tblsquaremenutop .squaremenutoptr td{width: 50%;height: auto;}
.tblsquaremenutop .squaremenutoptr td div{float: left;width: 100%;height: 70px;border-radius: 5px;	font-size: 28px;border: none;border-bottom: 0.1em solid #FFF;color: #FFF;background-color: #FFF;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.tblsquaremenubottom{width: 100%;height: auto;}
.tblsquaremenubottom .squaremenubottomtr td{width: 100%;height: auto;}
/*.tblsquaremenubottom .squaremenubottomtr td div{float: left;width: 100%;height: 70px;font-size: 28px;border-radius: 5px;border: none;border-bottom: 0.1em solid #FFF;color: #FFF;background-color: #FFF;display: flex;align-items: center;justify-content: center;}*/
.tblsquaremenubottom .squaremenubottomtr td #squaremenulogindiv{
float: left;
width: 20%;
height: inherit;
font-size: 17px;
font-weight: bold;
color: yellow; 
background-color: #000; 
}
.tblsquaremenubottom .squaremenubottomtr td #squaremenupromo{
float: left;
width: 80%;
height: inherit;
font-size: 20px;
color: #000; 
background-color: yellow;
}
.tblsquaremenubottom .squaremenubottomtr td #squaremenulogindiv span{
font-size: 17px; display: block; width: 100%; height: auto; text-align: center; cursor: pointer;}
.tblsquaremenubottom .squaremenubottomtr td #squaremenupromo span{
font-size: 19px; display: block; width: 100%; height: auto; text-align: center; cursor: pointer;}
/*.tblsquaremenubottom .squaremenubottomtr td div span:hover{color: #000; background-color: #FFF; cursor: pointer;}
*/
.tblsquaremenuimportantnotes{width: 100%;height: auto;}
.tblsquaremenuimportantnotes .squaremenuimportantnotestr td{width: 100%;height: auto;}
.tblsquaremenuimportantnotes .squaremenuimportantnotestr td div{float: left;width: 100%;height: 70px;font-size: 17px;border-radius: 5px;border: none;border-bottom: 0.1em solid #FFF;color: #FFF;background-color: #FFF;display: flex;align-items: center;justify-content: center;text-align: center;}
.tblsquaremenuimportantnotes .squaremenuimportantnotestr td div span{color: #000;background-color: #FFF;	width: auto;height: inherit;margin: auto;}
.tblsquaremenuimportantnotes .squaremenuimportantnotestr td div span:hover{color: #000;background-color: #FFF;cursor: pointer;}
.tblsquareextras{width: 100%;height: auto;}
.tblsquareextras .squarextrastr td{width: 100%;height: auto;}
.tblsquareextras .squarextrastr td div{float: left;width: 100%;height: 18px;font-size: 17px;border-radius: 5px;border: none;border-bottom: 0.1em solid #FFF;color: lightgray;background-color: #FFF;display: flex;align-items: center;justify-content: center;}
.tblsquareextras .squarextrastr td div .extrawords{width: auto;height: 18px;font-size: 17px;color: lightgray;}
.tblsquareextras .squarextrastr td div .wordapicture{width: auto;height: 18px;font-size: 17px;color: #ffcc33;}
.tblsquareextras .squarextrastr td div .wordapicture:hover{color: #966fd6;background-color: #FFF;cursor: pointer;}
.tblslangsbutton{width: 100%;height: auto;}
.tblslangsbutton .langsbuttontr td{width: 100%;height: auto;}
.tblslangsbutton .langsbuttontr td div{float: left;width: 100%;height: 20px;border: none;border-bottom: 0.1em solid #FFF;display: flex;align-items: center;justify-content: center;color: #000;background-color: #fff;}
.tblslangsbutton .langsbuttontr td #langversiondiv{display: none;}
.tblslangsbutton .langsbuttontr td #langversiondiv .langversiondiv{display: flex;}
.tblslangsbutton .langsbuttontr td #langversiondiv .langversiondiv #langsetter{padding: 0px 2px;border: 0.1em solid #000;border-radius: 5px;font-size: 16px;}
.tblslangsbutton .langsbuttontr td #langversiondiv .langversiondiv #langsetter:hover{color: #000;background-color: lightgreen;cursor: pointer;}footer{font-size: 14px;width: 100%;height: auto;min-height: 30px;float: left;color: #000;background-color: #FFF;text-align: center;}
.demoPage{float: left;width: 100%;}
.demoPage h5{text-align:center;font-size: 14px;font-weight: normal;}
.demoPage h5 a:link, .demoPage h5 a:hover{color: #74c365;font-size: 14px;font-weight: bold;text-decoration: none;}
.footerbottom{font-size: 14px;text-align:center;}
.footerbottom a{color: #000;text-decoration: underline;}
@media only screen and (min-width: 1200px){body{font-family: Verdana, sans-serif;font-size: 16px;color: #000;background-color: #FFF;width: 50%;margin-left: 25%;margin-right: 25%;}}
@media screen and (min-width: 992px){body{font-family: Verdana, sans-serif;font-size: 16px;color: #000;background-color: #FFF;width: 50%;margin-left: 25%;margin-right: 25%;}}
@media screen and (max-width: 600px){body{font-family: Verdana, sans-serif;font-size: 16px;color: #000;background-color: #FFF;width: 100vw;}
.tblsquaremenutop .squaremenutoptr td div{float: left;width: 100%;height: 70px;border-radius: 5px;	font-size: 18px;border: none;border-bottom: 0.1em solid #FFF;color: #FFF;background-color: #FFF;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.tblsquaremenubottom .squaremenubottomtr td div{float: left;width: 100%;height: 70px;font-size: 18px;border-radius: 5px;border: none;border-bottom: 0.1em solid #FFF;color: #FFF;background-color: #FFF;display: flex;align-items: center;justify-content: center;}
.tblslangsbutton .langsbuttontr td #langversiondiv{display: none;}
.tblslangsbutton .langsbuttontr td .langversiondiv{float: left;width: 100%;height: 20px;border: none;border-bottom: 0.1em solid #FFF;display: flex;align-items: center;justify-content: center;color: #000;background-color: #fff;}}