@CHARSET "UTF-8";


@media only screen 
and (min-width : 600px) {

html,body { height: 100%; width: 100%; min-width: 800px; padding: 0px; margin: 0px; border: none; font-size: 15pt; }
.hideonsmall { }
.hideonlarge { display: none !important; }
.headertext { font-size: 88px; display: inline-block; vertical-align: middle; margin-left: 20px; margin-top: -10px; margin-bottom: -10px; }
}

@media only screen 
and (max-width : 599px) {

html,body { height: 100%; width: 100%; min-width: 320px; padding: 0px; margin: 0px; border: none; }
.hideonsmall { display: none !important; }
.hideonlarge { }
.headertext { font-size: 50px; display: inline-block; vertical-align: middle; margin-left: 20px; margin-top: -10px; margin-bottom: -10px; }
}

.boxVertik { display: flex; flex-flow: column nowrap; height: 100%; }
.boxVertikFixedHeight { flex: 0 0 auto; overflow: hidden; }
.boxVertikGrowingHeight { flex: 1 1 auto;  min-height: 0; }
.topframe { height: 134px; }
.contentframe { height: calc(100% - 134px); overflow-y: scroll; z-index: 0; }
.bentorfont { font-family: Arial,Helvetica,sans-serif; font-size: 1em;  }
.roundedblk { border: 0px; border-radius: 4px; margin: 4px; padding: 4px; }
.roundedblknopadd { border: 0px; border-radius: 4px; margin: 4px; }
.blknowrap { white-space: nowrap; overflow: hidden; }
.headerblk { display: flex; flex-flow: row nowrap; align-items: stretch; }
.tabselemblk { flex: 0 0 auto; overflow-y: auto; overflow-x: hidden; cursor: pointer; margin-left: 6px; margin-right: 6px; }
.tabsbut {}
.growingspace { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; }
.rightpos { flex: 0 0 auto; overflow-y: visible; overflow-x: hidden; min-height: 0; }
.colorsfrm { color: #3979b5; background-color: #e0e0e0; }
.headerimg { width: 88px; height: 88px; vertical-align: middle; }
.introimg { 
	background-image: url("/introimg_1260_320.jpg"); background-repeat: no-repeat; background-position: center; 
	width: 100%; min-height: 320px; margin: 0 0 30px 0; border: none; color: white; }
.introimgtext { text-align: center;  position: relative; top: 100px; font-size: 24pt;  }
.tabheaderblk {  }
.tabcontentblk { color: #202020; margin: 0; padding: 4px; margin-bottom: 30px; }
a[name].tabheaderblk { display: block; }
.clickable { cursor: pointer; }
.fakelink { cursor: pointer; color: #0000EE; text-decoration: underline; }

.dropdownholder { height: 0; width: 100%; margin: 0; border: 0; position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; right: 8px; top: -8px; background-color: #f1f1f1; min-width: 120px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999;
	list-style: none; padding: 0; margin: 0; outline: 0; font-size: 10pt; }
.dropdown-content li { color: black; padding: 6px 4px; text-decoration: none; display: block; }
.dropdown-content li:hover { background-color: #ddd; }
.colorsgameshdr { color: #3979b5; background-color: #d0f0d0; }
.gamescont { margin: 0; padding: 1px; margin-bottom: 30px; border-width: 2px; border-color: #ff000000; border-style: solid; }
.colorgamescont { color: #3979b5; background-color: #e8f0e8; }
.gamescont:hover { border-color: #c0c0c0; }
.butintxt { height: 36px; margin: 4px; font-size: 24px; }
.hint { font-size: 80%; }