body { font-family: Verdana, sans-serif; font-size: 12px; padding: 0px; margin: 0px; background-color: #ffffff; overflow-x: hidden; }
a { text-decoration: none; xcolor: rgb(199, 12, 23); color: #993300; }
a:hover { text-decoration: underline; }
img { border: 0px; }
.inset { border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(136, 136, 136); border-top: 1px solid rgb(136, 136, 136); }

div#envelope { xbackground-image: url(back-whitedown.gif); background-position: 0px 0px; background-repeat: repeat-x; padding-bottom: 50px; position: relative; }
div#invelope {width: 770px; margin: 0px auto; position: relative;}
@media (max-width: 770px) {
	div#invelope {width: auto; margin: auto 10px;}
}

/*div#topbar { text-shadow: #333333 1px 1px 0px; padding: 0px 0px; color: #ffffff; background-image: url(redtop.gif); background-position: 0px 0px; background-repeat: repeat-x; background-color: #690202; }*/
div#topbar { xtext-shadow: #333333 1px 1px 0px; padding: 2px 0px; color: #ffffff; background-color: #ea5c0f; position: relative; z-index: 1; border-bottom: 1px solid #690202; }
div#topbar.super { background-color: #3166C8; }
div#topbar > div.inside { width: 770px; margin: 0px auto; padding: 7px 0px;  }
div#topbar a { color: #ffffff; }
div#topbar span.long { display: inline; }
div#topbar span.short { display: none; }
div#topbar a.homelink { text-shadow: #333333 1px 1px 0px; position: relative; top: 2px; margin: 0px 10px 0px 0px; padding: 2px 10px; border-radius: 2px; xbackground-image: url(redtop.gif); background-position: 0px 0px; background-repeat: repeat-x; box-shadow: 0px 0px 2px #ffffff; }
div#topbar a.uplink { position: relative; top: 3px;  padding: 10px 10px 10px 30px; background-image: url(dots.gif); background-position: 0px 12px; background-repeat: no-repeat; }
div#topbar.super a.uplink { background-image: url(dots-super.gif); }

div.uilang { float: right; }
div.uilang a { padding: 3px 10px; border-radius: 2px; display: block; float: left; text-shadow: #333333 1px 1px 0px; }
div.uilang a.current { background-color: #f9af03; }

div.dropdown { float: right; margin-right: 10px; position: relative; cursor: default; z-index: 20; }
div.dropdown span.title { padding: 3px 10px; border-radius: 2px 2px 0px 0px; display: block; }
div.dropdown:hover span.title { background-color: #666666; box-shadow: 2px 2px 2px #999999;}
div.dropdown div.submenu { display: none; position: absolute; right: 0px; top: 1.5em; margin-top: 2px; white-space: nowrap; background-color: #666666; padding: 15px 20px 15px 10px; box-shadow: 2px 2px 2px #999999; border-radius: 2px 0px 2px 2px; min-width: 100px; z-index: 20; }
div.dropdown:hover div.submenu { display: block; }
div.dropdown div.submenu a { display: block; padding: 5px 10px; }
@media (max-width: 500px) {
	div.dropdown { display: none; }
}

div#topbar div.clear { clear: both; }
@media (max-width: 770px) {
	div#topbar > div.inside { width: auto; margin: auto 10px; }
}
@media (max-width: 500px) {
	div#topbar span.long { display: none; }
	div#topbar span.short { display: inline; }
}

div#logo { position: relative; width: 185px; height: 75px; float: right; margin: 10px 0px 0px 0px; }
div#logo a.logo span.super {
	position: absolute;
	top: 10px;
	right: -45px;
	background-color: #209cee;
	color: #ffffff;
	padding: 2px 6px 4px 6px;
	border-radius: 2px;
}
div#logo a.logo { position: relative; display: block; width: 185px; height: 75px; background-image: url(teanglann.gif); background-position: 5px 9px; background-repeat: no-repeat; }
div#logo a.logo span.tagline { display: block; background-color: #cccccc; padding: 2px 0px 1px 0px; color: #333333; font-size: 90%; position: absolute; bottom: 0px; right: 0px; left: 0px; border-radius: 1px; text-align: center; text-shadow: #ffffff 1px 1px 1px; }
div#logo a.logo:hover { text-decoration: none !important; cursor: pointer; }
div#logo a.logo:hover span.tagline { text-shadow: #ffffcc 1px 1px 1px; color: #5b5b5b; text-decoration: none !important; }
div#logo div.appstores { margin-top: 13px; position: relative; }
div#logo div.appstores a {display: block;}
div#logo div.appstores a.appstore {position: absolute; top: 0px; left: 0px;}
div#logo div.appstores a.playstore {position: absolute; top: 0px; right: 0px;}


form#sform { margin: 0px 205px 65px 0px; padding: 0px; background-color: #d7d7d7; border-radius: 0px 0px 3px 3px; box-shadow: 0px 0px 5px #333333; }
form#sform > div.inside { padding: 15px 10px 10px 10px; }
form#sform div.textbox { position: relative; background-color: #ffffff; padding: 8px 30px 8px 8px; }
form#sform div.textbox input.text { display: block; border: 0px; font-family: inherit; font-size: inherit; width: 99%; background-color: #ffffff; }
form#sform div.textbox input.text:focus { outline: none; }
form#sform div.textbox input.submit { cursor: pointer; border: 0px; padding: 0px; width: 30px; position: absolute; top: 0px; right: 0px; bottom: 0px; background-image: url(zoom.png); background-position: 5px 10px; background-repeat: no-repeat; background-color: transparent; }
form#sform div.message { margin: 10px 0px 0px 2px; color: #444444; font-weight: bold; text-shadow: #eeeeee 1px 1px 0px; }
form#sform div.message input { position: relative; top: 2px; margin: 0px 5px 0px 0px; padding: 0px; }
form#sform div.message label { margin-right: 10px; }
form#sform div.message label:hover { color: #666666; }
@media (max-width: 500px) {
	div#logo { display: none; }
	form#sform { margin-right: 0px; }
}

div.suggestions { font-size: 110%; margin-top: -45px; }
div.suggestions em { font-style: italic; font-weight: bold; color: #333333; }

div.colltabs { margin: 30px -5px 0px -5px; height: 81px; position: relative; z-index: 0; border-bottom: 1px solid #666666; line-height: 1.2em; }
div.colltabs a { display: block; float: left; position: relative; border: 1px solid #cccccc; border-bottom: 1px solid transparent; border-radius: 2px 2px 0px 0px; padding: 5px 5px 5px 5px; height: 70px; margin: 0px 0px 0px 5px; overflow: hidden; }
div.colltabs div.clear { clear: both; background-color: #ffffff; z-index: 10; position: relative; top: 0px; height: 5px; }
div.colltabs a#tab_fgb { max-width: 22%; }
div.colltabs a#tab_eid { max-width: 22%; }
div.colltabs a#tab_fb { max-width: 24%; }
div.colltabs a#tab_gram { max-width: 12%; }
div.colltabs a#tab_fuaim { max-width: 13%; }
div.colltabs a:hover { background-color: #ffffcc; border-bottom: 1px solid #666666; text-decoration: none; }
div.colltabs a span.title { display: block; font-weight: bold; white-space: nowrap; text-align: center; padding: 0px 5px; }
div.colltabs a span.onlytitle { display: block; padding: 6px 5px 0px 5px; font-weight: bold; white-space: nowrap; text-align: center;}
div.colltabs a span.tagline { display: block; font-size: 80%; color: #666666; xwhite-space: nowrap; text-align: center; }
div.colltabs a span.icon { display: block; width: 30px; height: 30px; border-radius: 2px; margin: 5px auto; }
div.colltabs a.fgb span.icon { background-image: url(collection-fgb.gif); }
div.colltabs a.neid span.icon { background-image: url(collection-neid.gif); }
div.colltabs a.eid span.icon { background-image: url(collection-eid.gif); }
div.colltabs a.fb span.icon { background-image: url(collection-fb.gif); }
div.colltabs a.gram span.icon { background-image: url(collection-gram.gif); }
div.colltabs a.fuaim span.icon { background-image: url(collection-fuaim.gif); }
div.colltabs a.unavailable { color: #666666; }
div.colltabs a.unavailable span.icon { background-image: url(collection-off.gif); }
div.colltabs a.current { border-color: #666666; border-bottom: 1px solid #ffffff; z-index: 10; position: relative; box-shadow: 0px 0px 5px #999999; }
@media (max-width: 770px) {
	div.colltabs { height: 41px; }
	div.colltabs a { padding-right: 0px; padding-left: 0px; width: 40px; height: 30px; }
	div.colltabs a span.icon { margin-top: 0px; margin-bottom: 0px; }
	div.colltabs a span.title { display: none; }
	div.colltabs a span.onlytitle { display: none; }
	div.colltabs a span.tagline { display: none; }
}

div.colltabs.brief {height: 41px;}
div.colltabs.brief a { padding-right: 0px; padding-left: 0px; width: 40px; height: 30px; }
div.colltabs.brief a span.icon { margin-top: 0px; margin-bottom: 0px; }
div.colltabs.brief a span.title { display: none;}
div.colltabs.brief a span.onlytitle { display: none;}
div.colltabs.brief a span.tagline { display: none;}

div.illustration {
	float: right;
	width: 190px;
	text-align: center;
	padding-top: 0px;
	position: relative;
	left: -15px;
}
div.illustration.undertab { padding-top: 40px; left: 0px; }
@media (max-width: 650px) {
	div.illustration { display: none; }
}

div.downloadTeaser { min-height: 50px; background-image: url(download-icon.gif); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 55px; font-size: 11px; text-align: left; margin-top: -20px; }
div.downloadTeaser a { color: #666666; font-weight: bold;  }
div.downloadTeaser a strong { font-weight: bold; }
div.downloadTeaser div.lic1 { margin-top: 15px; }
div.downloadTeaser div.lic2 { margin-top: 5px; }

div.info { font-family: Georgia, serif; font-size: 15px; color: #333333; line-height: 1.5em; margin-top: 20px; margin-right: 205px; min-height: 300px; }
div.info div.clear { clear: both; }
div.info h1 { color: #111111; font-size: 200%; font-weight: normal; margin: 0px -100px 15px 0px; line-height: 1em; padding-top: 10px; line-height: 1.25em; }
div.info h1 em { color: #666666; font-size: 80%; }
div.info h2 { color: #666666; font-size: 150%; font-weight: normal; margin: 40px 0px 10px 0px; line-height: 1.25em;}
div.info p { margin: 10px 0px 15px 0px; }
div.info p img { position: relative; top: 2px; }
div.info h3 { color: #666666; font-size: 100%; font-weight: normal; margin: 20px 0px 10px 0px; line-height: 1.25em;}
div.info div.blingbox { background-color: #DDDDDD; padding: 5px; margin-bottom: 5px;}
div.info div.blingbox iframe { float: left; }
div.info div.blingbox div.codebox { margin-left: 200px; position: relative; text-align: right; }
div.info div.blingbox div.codebox textarea { width: 95%; height: 100px; resize: vertical; border: 1px inset #666666; background-color: #EEEEEE; padding: 5px; color: #333333; text-align: left; }
@media (max-width: 650px) {
	div.info { margin-right: 0px; }
	div.info h1 { margin-right: 0px; }
	div.info div.blingbox iframe { float: none; }
	div.info div.blingbox div.codebox { margin-left: auto; text-align: left; }
}
div.info.news { padding-right: 20px; }
div.info.news h1 { margin-right: 0px; line-height: 1.25em; }

div.info div.download { min-height: 50px; background-image: url(download-icon.gif); background-position: 0px 15px; background-repeat: no-repeat; padding-left: 55px; padding-top: 1px; text-align: left; margin-top: 10px; }
div.info div.download h2 { margin-top: 20px; }
div.info div.download p { margin: 5px 0px; }
div.info div.download div.blurb { color: #666666; font-size: 13px; }
div.info div.download div.blurb.mini { margin-top: -5px; }
div.info div.download div.lic img { vertical-align: middle; margin-right: 5px; }

div.info div.pageshot { margin-top: 50px; margin-right: -205px; text-align: center; }
div.info div.pageshot img { border: 1px solid #666666; box-shadow: 0px 0px 5px #333333; max-width: 600px; }
@media (max-width: 650px) {
	div.info div.pageshot { margin-right: 0px; }
	div.info div.pageshot img { width: 100%; }
}

div.info div.rightpic { margin-right: -205px; float: right; margin-left: 20px; clear: right; margin-top: 10px; margin-bottom: 10px; }
div.info div.leftpic { float: left; margin-right: 20px; }
div.info div.centrepic { text-align: center; }
div.info div.allpic { margin-right: -205px; margin-left: 0px; margin-top: 10px; margin-bottom: 10px; }
div.info code { font-family: monospace; font-size: 0.9em; color: #004e99; }
@media (max-width: 650px) {
	div.info div.rightpic { margin: 40px 0px 0px 0px; float: none; text-align: left; }
	div.info div.allpic { margin: 0px 0px 0px 0px; float: none; text-align: left; }
	div.info div.leftpic { display: none; }
	div.info div.centrepic { display: none; }
}
@media (max-width: 425px) {
	div.info div.rightpic img { width: 100%; }
}

div.info ul.collections { padding: 0px; margin: 0px; line-height: 1.35em; }
div.info ul.collections li { list-style: none; margin: 0px 0px 0px -10px; padding: 0px 0px 0px 0px; }
div.info ul.collections li a { display: block; padding: 5px 5px 5px 55px; min-height: 30px; position: relative; }
div.info ul.collections li a span.icon { background-position: 0px 0px; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; top: 10px; left: 10px; border-radius: 2px; }
div.info ul.collections li a:hover { background-color: #ffffcc; text-decoration: none; }
div.info ul.collections li a:hover span.title { text-decoration: underline; }
div.info ul.collections li a span.title { display: block; font-weight: bold; }
div.info ul.collections li a span.tagline { font-weight: normal; }
div.info ul.collections li a span.blurb { display: block; color: #333333; }
div.info ul.collections li a:hover span.blurb {  }
div.info ul.collections li.fgb a span.icon { background-image: url(collection-fgb.gif); }
div.info ul.collections li.eid a span.icon { background-image: url(collection-eid.gif); }
div.info ul.collections li.neid a span.icon { background-image: url(collection-neid.gif); }
div.info ul.collections li.fb a span.icon { background-image: url(collection-fb.gif); }
div.info ul.collections li.gram a span.icon { background-image: url(collection-gram.gif); }
div.info ul.collections li.fuaim a span.icon { background-image: url(collection-fuaim.gif); }

div.gameTeasers {
	margin-bottom: 20px;
}
a.gameTeaser {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	margin: 30px 10px 0px -5px;
	padding: 7px 10px 15px 55px;
	min-height: 30px;
	text-decoration: none;
}
div.gameTeasers > a.gameTeaser {
	border: 0px;
	padding-bottom: 0px;
	margin-left: 20px;
	margin-top: 20px;
}
div.gameTeasers > a.gameTeaser:first-child {
	margin-left: 0px;
}
a.gameTeaser span.icon {
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
	left: 5px;
	top: 0px;
	background-image: url(joystick.png);
	background-size: 35px 35px;
	background-repeat: no-repeat;
}
a.gameTeaser span.title {
	display: inline-block;
	background-color: #49aff2;
	color: #ffffff;
	border-radius: 4px;
	padding: 5px 10px;
}
a.gameTeaser:hover span.title {
	background-color: #209cee;
}
a.gameTeaser span.call {
	white-space: nowrap;
	display: inline-block;
	padding: 5px 10px;
}
a.gameTeaser:hover span.call {
	text-decoration: underline;
}
@media (max-width: 800px) {
	div.gameTeasers {
		margin-bottom: 40px;
	}
	a.gameTeaser {
		display: block;
		margin-left: 0px !important;
	}
}

div.topabc { margin: 20px -5px 0px -5px; background-color: #ffffea; border: 1px solid #e0e0e0; padding: 0px; border-radius: 10px; }
div.topabc div.clear { clear: left; }
div.topabc a { float: left; display: block; padding: 5px 0px; width: 26px; text-align: center; overflow: hidden; border-right: 1px solid #e0e0e0; }
div.topabc a.start { width: auto; padding: 5px 8px; border-radius: 10px 0px 0px 10px; }
div.topabc a.current { background-color: #cccccc; font-weight: bold;}
div.topabc a:hover { background-color: #cccccc; text-decoration: none;}
@media (max-width: 770px) {
	div.topabc { display: none; }
}

div.abc { float: right; width: 165px; background-color: #ffffea; border: 1px solid #e0e0e0; padding: 10px 10px 10px 10px; border-radius: 2px; margin-top: 24px;}
div.abc a { display: block; padding: 0px 0px 0px 16px; }
div.abc a span { display: block; border: 1px solid transparent; padding: 1px 3px; border-radius: 2px; }
div.abc a.current { background-image: url(this.png); background-position: 0px 3px; background-repeat: no-repeat; }
div.abc a.current span { x-background-image: url(back-whiteup.gif); background-position: bottom left; background-repeat: repeat-x; background-color: #ffffff; border: 1px solid #99ccff; }
div.listings { margin-right: 205px; }
div.listings div.clear { clear: right; }
@media (max-width: 500px) {
	div.abc { display: none; }
	div.listings { margin-right: 0px; }
}

div.resultset { font-weight: bold; background-color: #d7d7d7; padding: 2px 5px 1px 5px; margin: 25px -5px 15px -5px; border-radius: 1px; color: #333333; font-size: 90%; text-shadow: #ffffff 1px 1px 0px; }
div.resultset em { font-style: normal; font-weight: normal; }
@media (max-width: 770px) {
	div.resultset em { display: none; }
	div.resultset.hideifnarrow { display: none; }
}

span.diclick { color: inherit; cursor: pointer; }
span.diclick:hover { xcolor: rgb(199, 12, 23); color: #993300; text-decoration: underline; }

div.exacts { margin-top: 30px; }
div.clear-left { clear: left; }

div.partial { font-family: Georgia, serif; font-size: 15px; width: 30%; float: left; margin-bottom: 3px; }
div.partial span.arrow { color: #666666; }
@media (max-width: 700px) {
	div.partial { width: auto; float: none; }
}

div.rev { margin: 5px 0px; line-height: 1.5em; }
div.rev span.head { display: inline; font-family: Georgia, serif; font-size: 15px; }
div.rev span.head a {  }
div.rev span.head span.arrow { color: #666666; }
div.rev span.body { display: inline; font-family: Georgia, serif; font-size: 14px; color: #000033; }
div.rev div.clear { clear: left; }

div.ex { margin: 2px 0px; }
div.ex div.head { font-family: Georgia, serif; font-size: 15px; float: left; width: 125px; }
div.ex div.head a {  }
div.ex div.head span.arrow { color: #666666; }
div.ex div.body { margin-left: 125px; font-size: 110%; font-family: Georgia, serif; line-height: 1.4em; }
div.ex div.clear { clear: left; }

div.divider { border-top: 1px solid #cccccc; margin: 10px 0px; }

div.forefooter { margin-top: 0px; border-top: 3px dotted #ffffff; background-color: #fcdd8b; font-size: 95%; text-shadow: 1px 1px 0px #ffffff; }
div.forefooter > div.inside { position: relative; width: 770px; margin: 0px auto; padding: 22px 250px 22px 0px; color: #666666; box-sizing: border-box; line-height: 2em; }
div.forefooter a { color: #666666; }
@media (max-width: 770px) {
	div.forefooter > div.inside { width: auto; margin: auto 10px; text-align: left; padding-right: 0px; }
}

div.footer { margin-top: 0px; background-color: #dbdbdb; font-size: 95%; box-shadow: 0px 0px 3px #666666; }
div.footer > div.inside { position: relative; width: 770px; margin: 0px auto; padding: 42px 0px 32px 0px; text-align: left; color: #333333; line-height: 1.5em; }
div.footer a { color: #666666; }
div.footer a.fnag { display: inline-block; width: 168px; height: 24px; background-image: url(fnag.gif); }
div.footer div.credits {margin-top: 10px;}
div.footer a.buyme {display: block; width: 175px; height: 220px; position: absolute; bottom: 15px; right: 0px;}
div.footer a.buyme img {width: 100%;}
@media (max-width: 770px) {
	div.footer > div.inside { width: auto; margin: auto 10px; text-align: left; }
	div.footer a.buyme {display: block; height: auto; position: relative; bottom: 0px; margin: 60px auto 0px auto;}
}

div.nojoy { margin: 15px 0px 200px 0px; }
div.know { color: #445544; margin-top: 20px; padding: 0px 0px 1px 20px; background-image: url(information.png); background-position: 0px 0px; background-repeat: no-repeat; }
div.know em { font-style: italic; font-weight: bold; color: #333333; }

div#dirSwapper { margin: 25px -5px 0pc -5px; font-size: 90%; }
div#dirSwapper a { padding: 5px 10px; border: 1px solid #cccccc; border-radius: 2px; color: #333333; }
div#dirSwapper a:hover { text-decoration: none; background-color: #ffffcc; }
div#dirSwapper a.current { border: 1px solid #999999; font-weight: bold; background-color: #ffffae; }
div#dirSwapper a em { font-style: normal; color: #666666; font-weight: normal !important; }
div#dirSwapper span.long { display: inline; }
div#dirSwapper span.short { display: none; }
@media (max-width: 770px) {
	div#dirSwapper span.long { display: none; }
	div#dirSwapper span.short { display: inline; }
}

div.abcListings { margin-top: 20px; min-height: 200px; }
div.abcListings div.clear { clear: right; }
@media (max-width: 500px) {
	div.abcListings { min-height: 100px; }
}
div.abcChapter { padding: 0px 0px 0px 60px; position: relative; margin: 10px 0px; }
div.abcChapter span.key { position: absolute; top: -2px; left: 0px; width: 40px; background-color: #a6e1ff; border-radius: 2px; padding: 2px 5px; font-weight: bold; color: #333333; }
div.abcChapter span.abcItem { xwhite-space: nowrap; }

span.tip { cursor: default; padding: 2px 5px; margin: 0px -5px; border-radius: 2px; position: relative; }
span.tip:hover { background-color: #ffff99; }

div.collabout { margin-top: 10px; margin-bottom: -10px; color: #CCCCCC; font-size: 90%; }
div.collabout a { color: #666666; }
div.collabout a.current { color: #333333; font-weight: bold; background-color: #ffff99; padding: 2px 6px; border-radius: 2px; }
@media (max-width: 500px) {
	div.collabout { line-height: 2em; }
}

div.moar { padding-top: 20px; font-size: 100%; clear: left; }
div.moarAvailable { text-align: center; }
div.moarAvailable a { text-align: center; color: #003366; text-decoration: none; display: inline-block; border-radius: 3px; padding: 5px 0px 5px 0px; width: 125px; margin: 0px auto; background-color: rgb(255, 255, 204); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(136, 136, 136) rgb(136, 136, 136) rgb(204, 204, 204); }
div.moarAvailable a span.arrow { display: inline-block; position: relative; top: 1px; background-image: url(arrow-down-tiny.gif); background-position: 0px 0px; width: 12px; height: 9px; background-repeat: no-repeat; }
div.moarAvailable a:hover { background-color: rgb(255, 255, 153) }
div.moarAvailable a.everything { border: 0px; background-color: transparent; width: auto; margin-left: 10px; color: #999999; }
div.moarAvailable a.everything span.arrow {background-image: url(arrow-down-tiny-grey.gif);}
div.moarAvailable a.everything:hover {color: #003366; }
div.moarAvailable a.everything:hover span.arrow {background-image: url(arrow-down-tiny.gif);}
div.moarWaiting { background-image: url(preloader.gif); background-position: center center; height: 28px; background-repeat: no-repeat; }
div.moarAdded { margin-top: 15px; border-top: 1px solid #e3e3e3; padding-top: 10px; clear: left; }


div.newsbox { position: relative; margin: -5px 0px 0px 0px; font-size: 9pt; line-height: 1.5em; color: #444444; xtext-shadow: 1px 1px 0px  #ffffff; xbackground-color: #ffffcc; background-color: #ffffee; padding: 15px 10px 10px 15px; xborder-radius: 2px; border-top: 1px dotted #ea5c0f; border-bottom: 1px dotted #ea5c0f; }
div.newsbox em { font-style: italic; }
div.newsbox div.new { color: #ffffff; background-color: #ea5c0f; line-height: 1.25em; display: inline-block; padding: 5px 10px; border-radius: 2px; text-shadow: none; font-weight: bold; position: absolute; left: 5px; top: -13px;  }
div.newsbox div.block { line-height: 1.75em; }
div.newsbox div.block img { float: right; margin-right: 0px; margin-top: -15px; width: 160px; margin-left: 20px; border-radius: 2px; border: 4px solid #ffffff; }
div.newsbox div.title { font-weight: bold; margin-bottom: 10px; margin-top: 10px;  font-size: 10pt; }
div.newsbox.notFirst div.title { margin-top: 0px; }
div.newsbox a { text-decoration: none; color: #336699; font-weight: bold; }
div.newsbox a:hover { text-decoration: underline; }
div.newsbox > div.clear {clear: both;}
div.newsbox div.block.floated1 { width: 50%; float: left; box-sizing: border-box; }
div.newsbox div.block.floated2 { width: 50%; float: left; box-sizing: border-box; padding-right: 10px; padding-left: 10px;  }
@media (max-width: 650px) {
	div.newsbox div.block { float: none; width: auto; margin-right: 0; }
	div.newsbox div.block img { float: none; margin-top: 10px; width: 100% !important; margin-left: -5px; }
}

div.abc.news a { margin-bottom: 5px; margin-top: 5px; }
div.abc.news a span { padding: 3px 5px; }
div.abc.news a.current { background-position: 0px 5px; }
div.abc.news a.archived { color: #999999; }
div.abc.news div.newsTitle { margin: -10px -10px 10px -10px; padding: 5px 0px 5px 10px; text-align: left; background-color: #ea5c0f; color: #ffffff; text-transform: uppercase; font-size: 10px; border-radius: 2px 2px 0px 0px; }
div.abc.news div.archiveTitle { margin: 10px -10px; padding: 5px 0px 5px 10px; text-align: left; background-color: #aaaaaa; color: #ffffff; text-transform: uppercase; font-size: 10px; }

div.extref { margin-top: 25px; color: #333333; padding: 3px 0px 3px 28px; font-weight: bold;
	background-image: url(dots-on-white.gif); background-position: 0px 4px; background-repeat: no-repeat;}
div.extref a { color: rgb(199, 12, 23); }



div.grambar { margin: 30px -5px 20px -5px; background-color: #ffffea; border: 1px solid #aaaaaa; border-radius: 10px; position: relative; text-shadow: 1px 1px 0px #ffffff;}
div.grambar > div.title { position: absolute; top: -7px; left: 5px; right: 5px; text-align: center; line-height: 1em; }
div.grambar > div.title > span { background-color: #ffffea; padding: 0px 10px; color: #334455; border-radius: 10px; font-weight: bold; }
div.grambar > div.title > span > a { color: #003971; }
div.grambar > div.title > span > a:hover { color: #005eb9; text-decoration: none; }

div.grambar > div.patsel {  max-width: 450px; margin: 20px auto -15px auto; padding: 0px 20px; position: relative; }
div.grambar > div.patsel > a.head { text-align: center;  display: block; border: 1px outset #666666; border-radius: 5px; padding: 5px 10px; color: #333333; text-decoration: none; background-color: #ffffcc; position: relative; font-size: 11px; }
div.grambar > div.patsel > a.head:hover { color: #004e99;  }
div.grambar > div.patsel > div.body { border: 1px outset #666666; border-radius: 5px; padding: 5px 10px; color: #333333; text-align: center; background-color: #ffffff; font-size: 11px; position: absolute; z-index: 10; left: 20px; right: 20px; margin-top: 5px; box-shadow: 2px 2px 2px #666666; }
div.grambar > div.patsel > div.body > a { display: block; padding: 5px 5px; margin: 0px -5px; }
div.grambar > div.patsel > div.body > a:hover { text-decoration: none; background-color: #e7e7e7; }
div.grambar > div.patsel > div.body > hr { border: 0px; padding: 0px; border-top: 1px solid #cccccc; margin: 5px 0px; }

div.grambar div.inside { padding: 30px 0px 20px 0px; margin: 0px 20px; overflow-x: auto; }
div.grambar div.unhider { padding: 10px 0px 5px 0px; margin: 0px 20px; }
div.grambar div.unhider a { display: block; background-image: url(arrow-down-tiny.gif); background-position: center center; height: 20px; background-repeat: no-repeat; margin: 0px -15px; border-radius: 10px; }
div.grambar div.unhider a:hover { background-color: #ffffce; }
div.grambar table { border-collapse: separate; border-spacing: 5px; font: inherit; font-size: 11px; margin: 0px auto; min-width: 75%; height: 5px; }
div.grambar table tr { height: 100%; }
div.grambar table td.connector { padding: 0px 10px; text-align: center; }
div.grambar table td.box { border: 1px solid #999999; border-radius: 5px; vertical-align: top; position: relative; background-color: #ffffff; min-width: 100px; overflow: hidden; }
div.grambar table td.box a.eks { display: none; position: absolute; top: 8px; right: 25px; padding: 3px 5px; font-weight: bold; border-radius: 20px; text-decoration: none; color: #999999; text-shadow: 0px 0px 0px transparent; }
div.grambar table td.box a.eks:hover { color: #ffffff; background-color: #999999; }
div.grambar table tr.header td { padding: 0px 5px 4px 5px; line-height: 1.75em; }
div.grambar table tr.header td span.num { background-color: #003971; padding: 2px 6px 3px 6px; border-radius: 20px; color: #ffffff; font-weight: bold; text-shadow: 0px 0px 0px transparent; margin-right: 0.3em; }
@media (max-width: 770px) {
	div.grambar { margin-right: 0px; margin-left: 0px; }
	div.grambar div.inside { padding: 20px 0px 10px 0px; margin: 0px 5px; }
	div.grambar table td.connector { padding: 0px 0px; }
	div.grambar table tr.header { display: none; }
}

table a.lemmapicker { height: 100%; }
a.lemmapicker { display: block; position: relative; padding: 10px; border-radius: 5px; }
a.lemmapicker:hover { text-decoration: none; background-color: #f0f0f0; }
a.lemmapicker > span.arrow { float: right; color: #cccccc; display: block; margin: 0px 0px 5px 10px; }
a.lemmapicker:hover > span.arrow { color: #666666; }
a.lemmapicker > span.select {  }

div.grambar label.emph {
	display: inline-block;
	margin-top: 5px;
	cursor: pointer;
}
div.grambar label.emph:hover {
	color: #336699;
}


div.listings.adhoc {
	position: relative;
	margin-right: auto;
	margin-left: 205px;
}
div.listings.adhoc div.clear { clear: none; }
div.listings.adhoc div.gram { clear: none; }
div.listings.adhoc.noHomographs { margin-left: auto; margin-right: auto; max-width: 600px; }
div.listings.adhoc div#reveal { visibility: hidden; }
div.listings.adhoc div#gears { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url(gears.gif); background-repeat: no-repeat; background-position: center 0px; }
@media (max-width: 500px) {
	div.listings.adhoc { margin-left: 0px; }
}

div#plenta { position: absolute; top: 0px; left: 0px; right: 0px; bottom: -3px; background-color: #888888; opacity: 0.5; }
div#dialog { z-index: 100; position: fixed; top: 75px; bottom: 25px; left: 50%; width: 400px; margin-left: -200px; background-color: #ffffea; border: 1px outset #aaaaaa; border-radius: 10px; box-shadow: 0px 0px 10px #999999; }
div#dialog > div.form { padding: 20px; }
div#dialog > div.form > div.textbox { position: relative; background-color: #ffffff; padding: 8px 8px 8px 8px; }
div#dialog > div.form > div.textbox > input { display: block; border: 0px; font-family: inherit; font-size: inherit; width: 99%; background-color: #ffffff; }
div#dialog > div.form > div.textbox > input:focus { outline: none; }
div#dialog > div.frame { position: absolute; top: 70px; left: 20px; right: 20px; bottom: 20px; }
div#dialog.noform > div.frame {top: 20px; }
div#dialog > div.frame > iframe { width: 100%; height: 100%; background-color: transparent;  }
@media (max-width: 770px) {
	div#dialog { left: 20px; right: 20px; margin: 0px; width: auto; }
}


div.homographs { padding: 0px; border: 0px; background-color: transparent; margin-top: 0px; float: left; }
div.homographs > div.title { min-height: 20px; color: #445544; margin-bottom: 10px; padding: 0px 0px 1px 25px; background-image: url(exclamation.png); background-position: 0px 0px; background-repeat: no-repeat; }
div.homographs a { display: block; padding: 8px 16px 8px 16px !important; margin-left: 0px !important; }
div.homographs a.current { background-position: right 10px !important; background-image: url(that.png); }

div.wod { line-height: 2.5em; margin-top: 0px; }
div.wod span.title { background-color: #cccccc; color: #333333; font-size: 90%; border-radius: 3px; padding: 5px 10px; text-shadow: #ffffff 1px 1px 1px; margin-right: 0.5em; }
div.wod span.entry { font-family: Georgia, serif; font-size: 16px; color: #333333; }
div.wod span.entry a.headword { font-weight: bold; }
div.wod span.entry span.sense { margin-left: 0.3em; }
div.wod span.entry span.sense span.box { background-color: #eeeeee; border-radius: 3px; padding: 0px 6px; margin-right: 0.2em; position: relative; top: 1px; }
div.wod span.entry span.sense.fgb span.box { background-color: #015f2b; }
div.wod span.entry span.sense.fb span.box { background-color: #eb5f34; }
div.wod span.entry span.sense span.tag { font-family: sans-serif; color: #006600; font-style: italic; font-size: 95%; }
div.wod span.entry span.sense span.def { color: #333333; }

div.gramnote { line-height: 1.75em; margin-bottom: 20px; }
div.gramnote span.nb {color: rgb(199, 12, 23); font-weight: bold;}
div.gramnote a {color: #373cd2;}
div.gramnote span.dots {background-color: #6480e6; color: #ffffff; padding: 0px 10px; border-radius: 2px; font-size: 100%; font-weight: bold;}
div.gramnote div#gramnote {border: 1px solid #999999; padding: 5px 15px; margin: 25px -15px 30px -15px; box-shadow: 0px 0px 5px #666666; border-radius: 2px;}
div.gramnote table {margin: 0px; padding: 0px; border-spacing: 0px; }
div.gramnote table td {padding-right: 10px;}

div#moarEverythingStopper {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
div#moarEverythingStopper div.inside {
	background-color: #ffffff;
	box-shadow: 0px 0px 4px #333333;
	padding: 30px;
	max-width: 200px;
	margin: 0px auto;
	text-align: center;
	border-radius: 4px 4px 0px 0px;
}
div#moarEverythingStopper button {
	font: inherit;
	text-align: center;
	color: #003366;
	text-decoration: none;
	display: inline-block;
	border-radius: 3px;
	padding: 5px 0px 5px 0px;
	width: 125px;
	margin: 0px auto;
	background-color: rgb(255, 255, 204);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(204, 204, 204) rgb(136, 136, 136) rgb(136, 136, 136) rgb(204, 204, 204);
	cursor: pointer;
}
div#moarEverythingStopper button:hover {
	background-color: rgb(255, 255, 153);
}
div#moarEverythingStopper button:active {
	position: relative;
	top: 1px;
	left: 1px;
}
div#moarEverythingStopper button:disabled {
	background-color: #eeeeee;
	color: #999999;
}


button.searchOptions {
	font: inherit;
	text-shadow: inherit;
	font-weight: normal;
	color: inherit;
	border: 0px;
	background: transparent;
	padding: 0px;
	display: inline;
	float: right;
	cursor: pointer;
}
button.searchOptions:hover {
	color: #222222;
}
@media (max-width: 700px) {
	div.message span.buttons {
		display: block;
		margin-top: 7px;
	}
	button.searchOptions {
		float: none;
	}
}


div.searchOptions {
	color: #444444;
	text-shadow: #eeeeee 1px 1px 0px;
	background-color: #e7e7e7;
	box-shadow: inset 1px 1px 0px #aaaaaa, inset -1px -1px 0px #f3f3f3;
	padding: 10px;
	margin-top: 10px;
	border-radius: 4px;
	line-height: 1.5em;
}
div.searchOptions div.labelContainer {
	padding: 2px 0px;
}
div.searchOptions div.labelContainer label {
	cursor: pointer;
}
div.searchOptions div.labelContainer label:hover {
	color: #222222;
}
div.searchOptions div.labelContainer label:has(input:checked) {
	font-weight: bold;
}