body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
}

/* img { display: block; } */

body.admin {
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align:left;
	font-size:1.0em;
}

body.home {
	margin: 0;
	padding: 0;
	background: #ffc0cb url('../resources/images/newback.jpg');
}

body.enter_pic {
	margin: 0;
	padding: 0;
	background: #ffc0cb url('../resources/images/pbfrontback.gif');
}

body.picture_std {
	margin: 0;
	padding: 0;
	background: #fff url(../resources/images/picturebg.gif);	
}

body.picture_std2 {
	margin: 0;
	padding: 0;
	background: #fff url('../resources/images/picturebg­.gif');
}

body.pichighlight {
	background: #fff url('../../resources/images/picturebg.gif');
}

body.anagram {
	background: #ffffe0;
}

body.dev {
	background-color: #f0fab8;
}

body.fun{
	background-color: #f0fab8;
}

body.rd_slideshow {
	background-color: #f0fff0 ;
	background-image: url('../resources/images/random_bg.jpg');
}

body.pm_slideshow {
	background: #2d9;
	background-image: url('../resources/images/pbfrontback.gif');
}

body.slideshows {
	background-color: #f0fff0 ;
	background-image: url('../resources/images/random_bg.jpg');
}

body.freecell {
	margin: 0;
	padding: 0;
	background: #fff url('../resources/images/pbfrontback.gif');
}

body.login {
	margin: 0;
	padding: 0;
	background: #fff url('../resources/images/pbfrontback.gif');
}

body.comments {
	margin: 0;
	padding: 0;
	background-color: #eff;
}

body.parade {
	background: #2d9;
}

body.ntp {
	background: #6fc;
}

body.map {
	background: #f7e2b5;
	margin: 0;
	padding: 0;
}

body.birthdays {
	background: #fbf7fb;
}

body.playmate_search {
	background: #dbf9ff;
}

body.wheel {
	background: #cf9;
}

body.holding {
	margin: 0;
	padding: 0;
	background: #fff url('../resources/images/pbback.jpg');
}

body.recent {
	margin: 0;
	padding: 0;
	background: #e0ffdf;
}

body.breast_quiz {
	margin: 0;
	padding: 0;
	background: #eee;
}

body.enter_video {

	background-color: #bec;
}

body.all_vidcaps {

	background-color: #ffffe0;
}

body.enter_page {

	background-color: #eee;
}

body.enter_page2 {

	background-color: #eee;
}

body.page_numbers {
	margin: 0;
	padding: 0;
	background: #add8e6;
}

body.data {
	background: #eee;
}

body.data_page {
	background: #ffc;
}

body.alternates {
	margin: 0;
	padding: 0;
	background: #ffffd0;
}

body.votes {
	margin: 0;
	padding: 0;
	background: #ffc;
}

body.game_images {
	margin: 0;
	padding: 0;
	background: #ffffd0;
}

body.game_scores {
	background-color: #ffffd0;
}

.game_scores {
	background-color: #ffffd0;
}

body.game_concentration {
	background-color: #ccffd3;
}

body.game_unscramble {
	background-color: #ffc;
}

body.game_clearall {
	background-color: #cfefdf;
}

body.game_buildit {
	background-color: #eccf91;
}

body.game_blur {
	background-color: #eedbd3;
}

body.game_quiz {
	background-color: #dbf6cd;
}

body.game_mastermind {
	background-color: #ffffe0;
}

.site_fonts { font-family: "Source Serif Pro",garamond,serif; }

input[type=button],input[type=radio],input[type=checkbox],input[type=submit],input[type=reset],select {

	cursor: pointer;
}

label { cursor: pointer; }

table.game_sizes_pieces td,th { text-align: center; }
table.game_sizes_pieces th { width: 70px; }
table.game_sizes_pieces td { padding-top: 2px; }
.game_sizes_bigger { font-size: 1.6em; color: green; }
.game_sizes_smaller { color: #00008b; }

.game_concentration a:link { color: black; }
.game_concentration a:visited { color: black; }

.game_unscramble a:link { color: black; }
.game_unscramble a:visited { color: black; }

.game_concentration_idiv_bgcolor { background-color: #ccffd3; }
.game_unscramble_idiv_bgcolor { background-color: #ffc; }
.game_clearall_idiv_bgcolor { background-color: #cfefdf; }
.game_buildit_idiv_bgcolor { background-color: #fbec95; }

.mixems_idiv_bgcolor { background-color: #fc6; }

body.game_instructions {
	/**background-color: #8cdd81;**/
	background-color: #feedd5;
background-image:url('../../resources/images/gm_inst_bg.jpg');
}

.game_mastermind a:link { color: maroon; }
.game_mastermind a:visited { color: maroon; }
.game_mastermind a:hover { color: maroon; }
.game_mastermind a:active { color: maroon; }

body.game_main {
	background-color: #efffff;
}

body.game_images {
	background-color: #d7e7d2;
}

body.search_result {
	margin: 0;
	padding: 0;
	background: #e8fced;
}

/*
#title_box_outer_div { 
	background-color: #0c6; 
}
#title_box_div { 
	color: #fffee1;
}
*/

#tb_link_ul {

	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

#tb_link_ur {

	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	top: 0;
}

#tb_link_ll {

	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#tb_link_lr {

	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#tb_link_lm {

	width: 29px;
	height: 25px;
	position: absolute;
	left: 275px;
	bottom: 20px;

}

#fave_page_img {

	width: 29px;
	height: 25px;
	opacity: 0;
}

body.personal_pages {
	margin: 0;
	padding: 0;
	background-color: #cfc;
}

body.headshots {
	margin: 0;
	padding: 0;
	background-color: #ffc;
}

body.personal_page {
	margin: 0;
	padding: 0;
	background-image: url(/resources/images/personalpagebg.jpg);
}

body.no_large {
	margin: 0;
	padding: 0;
	background-color: #ffefce;
}

body.thumbnails {
	margin: 0;
	padding: 0;
	background-color: #82c168;
}

body.page {
	margin: 0;
	padding: 0;
	background-image: url('../resources/images/pbback.jpg');
}

body.faves {
	margin: 0;
	padding: 0;
	background-image: url('../resources/images/pbback.jpg');
}

body.fave_pages {
	margin: 0;
	padding: 0;
	background-color: #f9d9a5;
}

body.playmates {
	margin: 0;
	padding: 0;
	background-color: #fbe8be;
}

body.playmates2 {
	margin: 0;
	padding: 0;
	background-color: #fbe8be;
}

body.featured {
	background-color: #e0ffdf;
}

body.wide_slide {
	margin: 0;
	padding: 0;
	background: #a4e5de;
	background-image: url('../resources/images/wide_slide_back.jpg');
}

body.pic_slideshow {
	background-image: url('../resources/images/picturebg.gif');
}

body.video {
	margin: 0;
	padding: 0;
	background-color: #fff2cb;
}

body.no_videos {

	background-color: #d6e6f4;
}

body.search {
	margin: 0;
	padding: 0;
	background-image: url('../resources/images/searchback.gif');
}

body.votd_list {
	margin: 0;
	padding: 0;
	background-color: #eeeced;
}

body.fp_list {
	margin: 0;
	padding: 0;
	background-color: #eed9cd;
}

#content { margin-left:auto; margin-right: auto; text-align: center; width:calc(99vw - 18px); padding: 10px auto 10px auto; box-sizing: border-box; position: relative;}
#content_0top { text-align:center; width:100vw; margin:0 auto 10px auto; }
#content_0top_wide { text-align:center; width:100vw; margin:0 auto 10px auto; }
#content_mid { text-align:center; width:98vw; margin:20px auto 10px auto; }
#content_midmax { text-align:center; width:100vw; margin:20px auto 10px auto; }
#content_max { text-align:center; width:99vw; margin:20px auto 10px auto; }
#content_wmax { text-align:center; width:100vw; margin:20px auto 10px auto; }
#content_freecell { text-align:center; width:100vw; margin:20px auto 10px auto; }
#content_freecell_mid { text-align:center; width:100vw; margin:20px auto 10px auto; }
#content_video { text-align:center; margin:15px auto 10px auto; }
#content_popup { text-align:center; }

table.center { margin-left:auto; margin-right:auto; }
div.center { margin-left:auto; margin-right:auto; }
p.center { margin-left:auto; margin-right:auto; }
h2.center { margin-left:auto; margin-right:auto; }

div.error { color:#c03; font-weight:bold; }
td.error { color:#c03; font-weight:bold; }
th.error { color:#c03; font-weight:bold; }
span.error { color:#c03; font-weight:bold; }

div.errornb { color:#c03; }
td.errornb { color:#c03; }
span.errornb { color:#c03; }

div.errornb2 { color:#ccc; }
td.errornb2 { color:#ccc; }
span.errornb2 { color:#ccc; }

#std_error_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	width: 97%;
	max-width: 410px; 
	border: 2px solid #472400; 
	border-radius: 10px; 
	background-color: white; 
	padding: 40px 35px 30px 35px;
	text-align: center;
	font-size: 1.28rem;
	box-sizing: border-box;
}

.back_btn {
	display: block;
	margin-top: 20px;
}

.bold    { font-weight: bold; }
.nobold  { font-weight: normal; }
.italic  { font-style: italic; }
.vtop    { vertical-align: top; }
.center_text  { text-align: center; }

.back_arrow_link {
	display: block;
	margin: 16px 0 24px 0;
}

.back_arrow_img { 

	width: 60px;
	height: 25px;
}

#admin_box {

	position: fixed;
	top: 0;
	left: 1px;
	width: 100px;
	height: 100px;
	background-image: url(/resources/images/admin_corner_frev_4e4330c6c2fb.gif);
	z-index: 50000;
}

.textpmoy 	{ font-size: 1.2em; color: #f96; font-weight: bold; }
.playmates	a:link { color: #444; font-size: 1.0em; font-weight: bold; }
.playmates	a:visited { color: #444; font-size: 1.0em; font-weight: bold; }
.playmates	a:hover { color: #777;  font-size: 1.0em; font-weight: bold; }
.playmates	a:active { color: #777;  font-size: 1.0em; font-weight: bold; }

.playmates2_year	 { 
	color: green;
	width: 370px; 
	text-align: left; 
	font-weight: bold; 
	padding-top: 8px; 
	padding-left: 20px;
 }

.playmates2a_year { 
	color: #f79c33; 
	width: 370px; 
	text-align: left; 
	font-weight: bold; 
	padding-top: 8px; 
	padding-left: 20px;
}

.playmates2	a:link { color: #444; font-size: 1.0em; font-weight: bold; }
.playmates2	a:visited { color: #444; font-size: 1.0em; font-weight: bold; }
.playmates2	a:hover { color: #777;  font-size: 1.0em; font-weight: bold; }
.playmates2	a:active { color: #777;  font-size: 1.0em; font-weight: bold; }

.playmates2a	a:link { color: purple; font-size: 1.0em; font-weight: bold; }
.playmates2a	a:visited { color: purple; font-size: 1.0em; font-weight: bold; }
.playmates2a	a:hover { color: #777;  font-size: 1.0em; font-weight: bold; }
.playmates2a	a:active { color: #777;  font-size: 1.0em; font-weight: bold; }

a.pmoy:link 	{ color: #8b0000; font-size: 1.2em; font-weight: bold; }
a.pmoy:visited 	{ color: #8b0000;  font-size: 1.2em; font-weight: bold; }
a.pmoy:hover 	{ color: red; font-size: 1.2em; font-weight: bold; }
a.pmoy:active 	{ color: red; font-size: 1.2em; font-weight: bold; }

.no_large 	a:link { color: #c80; font-weight: bold; }
.no_large 	a:visited { color: #c80; font-weight: bold; }
.no_large 	a:hover { color: #c80; font-weight: bold; }
.no_large 	a:active { color: #c80; font-weight: bold; }

.diff_game      { color: #5e2605; font-weight: bold; }
.diff_game 	a:link { color: #5e2605; font-weight: bold; }
.diff_game 	a:visited { color: #5e2605; font-weight: bold; }
.diff_game 	a:hover { color: #5e2605; font-weight: bold; }
.diff_game 	a:active { color: #5e2605; font-weight: bold; }

.diff_result	{ color: white; }
.diff_result 	a:link    { color: white; }
.diff_result 	a:visited { color: white; }
.diff_result 	a:hover   { color: white; }
.diff_result 	a:active  { color: white; }

.dev 	a:link { color: purple; font-weight: bold; }
.dev 	a:visited { color: purple; font-weight: bold; }
.dev 	a:hover { color: #90f; font-weight: bold; }
.dev 	a:active { color: #90f; font-weight: bold; }

.featured 	a:link { color: black; font-weight: bold; text-decoration: none; }
.featured 	a:visited { color: black; font-weight: bold; text-decoration: none; }
.featured 	a:hover { color: black; font-weight: bold; text-decoration: none; }
.featured 	a:active { color: black; font-weight: bold; text-decoration: none; }

.featured_data 	a:link { color: black; font-weight: normal; text-decoration: none; }
.featured_data	a:visited { color: black; font-weight: normal; text-decoration: none; }
.featured_data 	a:hover { color: black; font-weight: normal; text-decoration: none; }
.featured_data 	a:active { color: black; font-weight: normal; text-decoration: none; }

.personal_pages	a:link { color: #066; font-weight: bold; font-size:1.1em; }
.personal_pages	a:visited { color: #066; font-weight: bold; font-size:1.1em; }
.personal_pages	a:hover { color: #096; font-weight: bold; font-size:1.1em; }
.personal_pages	a:active { color: #096; font-weight: bold; font-size:1.1em; }

.change_log_date a:link    { color: #000; text-decoration: none; }
.change_log_date a:visited { color: #000; text-decoration: none; }
.change_log_date a:hover   { color: #555; text-decoration: none; }
.change_log_date a:active  { color: #555; text-decoration: none; }

.home a:link    { color: white; }
.home a:visited { color: white; }
.home a:hover   { color: #8b4513; }
.home a:active  { color: #8b4513; }

.login a:link { color: #8b4513; }
.login a:visited { color: #8b4513; }
.login a:hover { color: #300; }
.login a:active { color: #300; }

.pw_eye {
	width: 18px;
	height: 12px;
	margin-left: -24px; 
	display: inline; 
	vertical-align: middle;
}

#login_maindiv, #totp_maindiv  { 
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	padding-top: 20px;
	padding-bottom: 18px;
	width: 98%;
	max-width: 500px;
	background: #fec;
	border: 2px solid #430;
	box-sizing: border-box;
}

#totp_maindiv {
	padding-top: 8px;
	padding-bottom: 8px;
}

#login_maindiv h1 { 
	margin-top: 0;
	margin-bottom: 0;
}

#login_maindiv.notice { 
	font-size: clamp(0.95rem,0.95rem + 0.8vw,1.3rem);
	padding: 10px 0 9px 0;
}

#login_maindiv.middle {
	margin-top: 100px;
}

#login_maindiv.editor {
	padding-bottom: 7px;
}

#logged_in_name_div {
	padding-right: 9px;
}

#logged_in_name_div span {
	font-size: 1.5em;
	font-weight: bold;
}

#logged_in_links_div {
	margin-top: 18px;
}

.login_sess_stats {
	margin-top: 22px; 
	font-size: 0.9em; 
	color: #8b4513; 
	line-height: 140%; 
}

#login_editor_toggle {
	padding-top: 18px; 
	padding-bottom: 3px; 
	padding-right: 15px; 
	text-align: right;
	font-size: 0.9em;
	margin: 0;
}

#login_banned {
	padding-top: 20px;
	padding-bottom: 15px;
}

.login_error {
	color: #f00;
	font-size: 0.9em;
	padding-top: 6px;
}

#login_tbl2 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	width: 260px; 
	border-collapse: collapse; 
	border-spacing: 0;
	box-sizing: border-box;
}

#login_tbl2 tr {
	vertical-align: top;
}

#login_tbl2 th {
	font-weight: normal;
}

#login_tbl2 td {
	padding-top: 2px;
	text-align: left;
}

#login_tbl2 td.submit_btn {
	padding-top: 3px;
	text-align: center;
}

.login_tbl {
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	text-align: left;
	width: 360px; 
	border-collapse: collapse; 
	border-spacing: 0;
}

.login_tbl tr {
	vertical-align: top;
}

.login_tbl th {
	text-align: left;
	width: 170px;
}

.login_tbl td {
	padding-top: 2px;
}

.forgot_pass_tbl {
	width: 265px;
}

.request_div, .request_tbl {
	width: 425px;
	text-align: left;
}

.login_input {
	width: 160px;
}

.login_link {
	font-weight: bold;
}

.user_info_details {
	margin-top: 16px;
}

.login_nav_div {
	margin-top: 24px;
}

.login_nav_div2 {
	margin-top: 16px;
}

#password_strength_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px; 
	width: 280px; 
	text-align: center; 
	font-weight: bold;
}

#password_str_bar {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px; 
	width: 280px; 
	height: 14px; 
	font-weight: bold; 
	z-index: 5;
}

#password_str_bar2 {
	position: absolute; 
	width: 100%; 
	height: 16px; 
	left: 0; 
	top: 0; 
	outline: 2px solid black; 
	background-color: white; 
	z-index: 5;
}

#password_weak_div {
	position: absolute; 
	left: -47px; 
	color: orange; 
	font-size: 0.9em;
}

#strength_div {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 1%; 
	height: 15px; 
	padding-top: 1px; 
	color: white; 
	text-align: center; 
	background-color: orange; 
	font-size: 0.7em; 
	z-index: 10;
}

#password_strong_div {
	position: absolute; 
	left: 288px; 
	color: green; 
	font-size: 0.9em;
}

#pwd_explain_text {
	margin-left: auto;
	margin-right: auto;
	font-family: georiga; 
	text-align: left; 
	font-weight: bold; 
	margin-top: 30px; 
	width: 388px;"
}

#pw_force_update_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	margin-bottom: 16px;
	color: #654321; 
	font-weight: bold; 
	text-align: left; 
	width: 370px; 
}

.login_submit_btn {
	margin-top: 12px;
	font-size: 1.04rem;
	padding: 2px 7px;
}

.login_text_div {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	width: 470px; 
	padding-top: 14px;
}

.login_text_div_center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 470px; 
	padding-top: 14px;
}

.login_req_fields_div {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 470px; 
	padding-top: 14px;
	font-size: 0.9em;
}

.login_small_text {
	font-size: 0.9em;
}

.totp_tbl {
	width: 80%;
	max-width: 350px;
	margin: 14px auto 10px auto;
}

.totp_tbl tr:nth-child(2) td {
	padding-top: 8px;
}

.input_totp {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	font-size: 1.88em;
	padding: 7px 10px;
	text-align: center;
	letter-spacing: 3px;
	border-radius: 3px;
	border: 1px solid #444;
}

.totp_text {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	padding: 10px 42px 0 42px;
	font-size: 1.1em;
}

#req_textarea {
	width: 230px;
	height: 120px;
}

.announce_text {
	font-size: 1.6em;
}

#comment_textarea {
	width: 470px;
	height: 180px;
}

.specs a:link { color: #8b4513; }
.specs a:visited { color: #8b4513; }
.specs a:hover { color: #300; }
.specs a:active { color: #300; }
.specs { color: #8b4513; font-weight: bold; }

table.faves { background-color: #eee; border: 1px solid black; }
.faves th { padding: 8px 30px; border: 1px solid #444; }
.faves td { padding: 8px 20px; border: 1px solid #444; }
.faves a:link { color: blue; }
.faves a:visited { color: blue; }
.faves a:hover { color: blue; }
.faves a:active { color: blue; }

table.fave_pages { background-color: #f8f8f8; border: 1px solid black; }
.fave_pages th, .fave_pages td { padding: 9px; border: 1px solid #444; }
.fave_pages a:link { color: #7d643b; }
.fave_pages a:visited { color: #7d643b; }
.fave_pages a:hover { color: #7d643b; }
.fave_pages a:active { color: #7d643b; }
.fave_pages { color: #7d643b; }

.hits a:link { color: #000; }
.hits a:visited { color: #000; }
.hits a:hover { color: #300; }
.hits a:active { color: #300; }
.hits { color: #444; font-weight: bold; }

.hits_data_tbl td a:link { color: #2e8b17; text-decoration: none; }
.hits_data_tbl td a:visited { color: #2e8b17; text-decoration: none; }
.hits_data_tbl td a:hover { color: #145f88; text-decoration: none; }
.hits_data_tbl td a:active { color: #145f88; text-decoration: none; }

.hits_data_tbl {
	
	margin: 15px auto;
	font-size: 0.9em;
}

#hits_nav_tbl td a:link { color: #2e8b17; text-decoration: none; }
#hits_nav_tbl td a:visited { color: #2e8b17; text-decoration: none; }
#hits_nav_tbl td a:hover { color: #145f88; text-decoration: none; }
#hits_nav_tbl td a:active { color: #145f88; text-decoration: none; }

#hits_nav_tbl {

	margin: 20px auto;
	width: 460px; 
}

#hits_nav_td1 {

	width: 13%; 
}

#hits_nav_td2 {

	width: 26%; 
}

#hits_nav_td3 {

	width: 29%; 
}

#hits_nav_td4 {

	width: 32%; 
}

.search_result a:link { color: #063; font-weight:bold; text-decoration:none; }
.search_result a:visited { color: #063; font-weight:bold; text-decoration:none; }
.search_result a:hover { color: #0c6; font-weight:bold; text-decoration:underline; }
.search_result a:active { color: #0c6; font-weight:bold; }

.searchnav { color: #0b7; font-weight: bold; }

.searchnav td { width: 18px; text-align: right; }
.searchnav_active_page { font-size: 1.1em; }

.searchnav a:link { color: #063; font-weight: bold; }
.searchnav a:visited { color: #063; font-weight: bold; }
.searchnav a:hover { color: #0c6; font-weight: bold; }
.searchnav a:active { color: #0c6; font-weight: bold; }

#adv_search_total {

	padding-top: 20px; 
	padding-bottom: 5px; 
	color:#063;
}

#adv_search_frame_tbl {

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 23px;
}

#adv_search_nav_tbl td {
 
	width: 20px; 	
}

body.showoriginals { background-color: #f0fab8; }
.showoriginals a:link { color: purple; font-weight: bold; }
.showoriginals a:visited { color: purple; font-weight: bold; }
.showoriginals a:hover { color: #a08bc8; font-weight: bold; }
.showoriginals a:active { color: #a08bc8; font-weight: bold; }

body.showdownloaded { background-color: #ddd; }
.showdownloaded a:link { color: purple; font-weight: bold; }
.showdownloaded a:visited { color: purple; font-weight: bold; }
.showdownloaded a:hover { color: #a08bc8; font-weight: bold; }
.showdownloaded a:active { color: #a08bc8; font-weight: bold; }

body.ready { background-color: #fad9aa; }
.showready { color: #98b366; font-weight: bold; }
.showready a:link { color: purple; font-weight: bold; text-decoration: none; }
.showready a:visited { color: purple; font-weight: bold; text-decoration: none; }
.showready a:hover { color: #a08bc8; font-weight: bold; text-decoration: none; }
.showready a:active { color: #a08bc8; font-weight: bold; text-decoration: none; }

body.show_holding { background-color: #abd1aa; }
.showholding a:link { color: #044; font-weight: bold; }
.showholding a:visited { color: #044; font-weight: bold; }
.showholding a:hover { color: #a08bc8; font-weight: bold; }
.showholding a:active { color: #a08bc8; font-weight: bold; }

.slideshows a:link 	{ color: blue; }
.slideshows a:visited	{ color: blue; }
.slideshows a:hover 	{ color: blue; }
.slideshows a:active 	{ color: blue; }

.votes a:link { color: blue; }
.votes a:visited { color: blue; }
.votes a:hover { color: #b69; }
.votes a:active { color: #b69; }

.page a:link { color: blue; }
.page a:visited { color: blue; }
.page a:hover { color: white; }
.page a:active { color: white; }

.thumbnails	a:link { color: #228b22; }
.thumbnails	a:visited { color: #070; }
.thumbnails	a:hover { color: #006000; }
.thumbnails	a:active { color: #000; }

#controls_table	  a:link { color: white; font-weight: bold; }
#controls_table	  a:link { color: white; font-weight: bold; }
#controls_table	  a:hover { color: #6f4242; font-weight: bold; }
#controls_table	  a:active { color: #6f4242; font-weight: bold; }

.pic_link   a:link    { color: #000; border: 2px solid black; }
.pic_link   a:visited { color: #000; border: 2px solid black; }
.pic_link   a:hover   { color: #000; border: 2px solid black; }
.pic_link   a:active  { color: #000; border: 2px solid black; }

.alternates a:link { color: #369; font-size: 1.1em; }
.alternates a:visited { color: #369; font-size: 1.1em; }
.alternates a:hover { color: green; font-size: 1.1em; }
.alternates a:active { color: green; font-size: 1.1em; }

.data a:link { color: #000; font-weight: bold; font-size: 1.1em; }
.data a:visited { color: #000; font-weight: bold; font-size: 1.1em; }
.data a:hover { color: #444; font-weight: bold; font-size: 1.1em; }
.data a:active { color: #444; font-weight: bold; font-size: 1.1em; }

.page_numbers a:link { color: blue; }
.page_numbers a:visited { color: blue; }
.page_numbers a:hover { color: #fff; }
.page_numbers a:active { color: #fff; }

.date_published a:link { color: blue; }
.date_published a:visited { color: blue; }
.date_published a:hover { color: darkblue; font-weight: bold; }
.date_published a:active { color: darkblue; font-weight: bold; }

.date_published {
	margin-left: auto;
	margin-right: auto;
	border-spacing: 5px; 
	margin-top: 10px; 
	margin-bottom: 23px; 
	background-color: white; 
	border: 1px solid black;
}

.date_pub_pics_tbl {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse; 
	border-spacing: 0; 
	text-align: center; 
	margin-top: 7px;
}

.date_pub_detail_td {
	width: 190px; 
	text-align: center; 
	background-color: #89c8cb; 
	border: 5px double #099;
	padding: 6px;
}

.date_pub_date_box {
	margin-left: auto;
	margin-right: auto;
	width: 130px; 
	background-color: white; 
	padding: 3px; 
	border: 1px solid black;
}

.date_pub_name {
	color: white; 
	font-size: 1.2em;
}

.date_pub_pic_td {
	text-align: left; 
	background-color: #89c8cb; 
	width: 184px; 
	padding: 10px; 
	border: 5px double #099;
}

.date_pub_pic_td img {
	height: 100px; 
	border: 2px solid black; 
	vertical-align: bottom; 
}

.game_scores a:link { color: blue; }
.game_scores a:visited { color: blue; }
.game_scores a:hover { color: #00008b; }
.game_scores a:active { color: #36f; }

.game_scores_grid a:link { color: blue; text-decoration:none; }
.game_scores_grid a:visited { color: blue; text-decoration:none; }
.game_scores_grid a:hover { color: #00008b; text-decoration: underline; }
.game_scores_grid a:active { color: #36f; text-decoration:underline; }

.game_main a:link 	{ color: #66c; }
.game_main a:visited 	{ color: #66c; }
.game_main a:hover 	{ color: #66c; }
.game_main a:active 	{ color: #66c; }

#letter_div 		{ color: #06c; font-size: 1.4em; }
#letter_div a:link 	{ color: #06c; text-decoration: none; font-size: 1.2em; }
#letter_div a:visited { color: #06c; text-decoration: none; font-size: 1.2em; }
#letter_div a:hover 	{ color: #063; font-size: 1.2em; }
#letter_div a:active 	{ color: #66c; font-size: 1.2em; }

.keywordsp a:link 	{ color: #b69; font-weight: bold; }
.keywordsp a:visited 	{ color: #b69; font-weight: bold; }
.keywordsp a:hover 	{ color: #b69; font-weight: bold; }
.keywordsp a:active 	{ color: #b69; font-weight: bold; }

.admin_links 	a:link    { color: blue; }
.admin_links 	a:visited { color: blue; }
.admin_links 	a:hover   { color: blue; }
.admin_links 	a:active  { color: blue; }

table.admin_links {
	margin-top: 10px; 
	line-height: 200%;
}

h2.admin { font-size:2em; margin:10px 0 4px 0; padding:0; }

.ntp   a:link 		{ color: purple; }
.ntp   a:visited 	{ color: purple; }
.ntp   a:hover 		{ color: #6fc; }
.ntp   a:active 	{ color: #6fc; }

.blockquote {
	font-style: italic;
}

.loading { font-family: arial; font-size: 1.2em; color: #678595; line-height: 1.2em; }
.nameloading { font-family: arial; font-size: 1.8em; color: #528191; line-height: 1.4em; }

.slide_border1	{ border: 0; }
.slide_border	{ border: 3px solid green; }

.keep_centered { 
	position: absolute; 
    	left: 50%;         	
/* Start with top left in the center */ 
    	top: 1%; 
    	width: 400px;  	 		/* The fixed width... */ 
    	height: 1px;    		/* ...and height */ 
    	margin-left: -210px;   	/* Shift over half the width */ 
    	margin-top:  -1px;     	/* Shift up half the height */ 
}

img[usemap], map area{
    outline: none;
}

.dragclass {
	position: relative;
	cursor: move;
}

.dragclass2 {
	cursor: move;
}

.dragclass3 {
}

/* Map */

.map_canvas {
	border: 1px solid black;
	width: 100%; 
	aspect-ratio: 552/317; 
	padding: 0; 
	margin: 0;
	box-sizing: border-box;
}

/* Instructions pop-up for explaining game rules */

.gm_instr_box	{ 
		  width: 420px;
		  padding-bottom: 12px;
		  margin-left: auto;
		  margin-right: auto;
		  margin-top: -10px;
}

.gm_instr_title	{
		  text-align: center; 
		  font-size: 2.2em; 
		  font-weight: normal;
		  color: #61300e;
		  margin-bottom: 9px;
}

.gm_instr_text	{
		  text-align: left;
		  line-height: 115%;
 		  font-size: 1.1em;
		  width: 86%;
		  border: 1px solid #61300e;
		  padding: 8px 28px 6px 28px;
		  background-color: white;
 }

.gm_inst_close 	a:link 	{ color: #61300e; }
.gm_inst_close 	a:visited 	{ color: #61300e; }
.gm_inst_close 	a:hover   	{ color: #61300e; font-weight:bold; }
.gm_inst_close 	a:active  	{ color: #61300e; }

.shadow 	{ box-shadow: 3px 4px 12px #333; }
.shadow2 	{ box-shadow: 13px 14px 32px 2px #333; }
.shadow3	{ box-shadow: 8px 8px 22px #333; }
.shadow4	{ box-shadow: 5px 5px 16px #333; }
.shadow5	{ box-shadow: 13px 13px 36px #333; }
.shadow6	{ box-shadow: 8px 8px 26px #333; }

.gm_matching_div { 
			padding: 0; 
			border-top: 1px solid black; 
			border-left: 1px solid black; 
			border-right: 2px solid #5c4033; 
			border-bottom: 2px solid #5c4033; 
}
.gm_matching_tbl { 
			border:10px double #5c4033; 
			border-spacing: 15px; 
			border-collapse: separate; 
			padding:0px 15px 15px 15px; 
			background-image: url('/games/images/special/cork.jpg'); 
}
.gm_matching_td td 	 	{ width: 130px; }
.gm_matching_td_lg td 	{ width: 170px; }
.gm_matching_label  	{ 
			  font-size: 0.7em; 
			  font-family: "comic sans ms",serif; 
			  margin-top: -10px;
			  padding: 3px; 
			  border-right: 1px solid #5c4033; 
			  border-bottom: 1px solid #5c4033; 
			  background-color: #fffacd; 
			  padding-top: 2px;
}
.gm_matching_pic  	{ vertical-align: bottom; cursor: pointer; }

a.quiz_mc:link		{ color: #00008b; }
a.quiz_mc:visited	{ color: #00008b; }
a.quiz_mc:hover		{ color: #24a473; }
a.quiz_mc:active	{ color: #00008b; }

#q_span	{ color: #24a473; }

#ans_name	{ color: #00008b; }

#question_grid td 	{ border: 1px solid black; background-color: white; }
#question_grid	{ border-spacing: 0; border-collapse: collapse; }

.snav		{ border: 0; }

/* Parade */

.parade_idiv_bgcolor { background-color: #44c288; }

/* Guides */

.gbg_label	{ font-size: 0.9em; color: #7c4102; }
.gbg_label_small { font-size: 0.8em; color: #7c4102; }

.corner_link {
	display: block;
	position: absolute;  
	top: 0; 
	opacity: 0;
	z-index: 25;
}

.corner_link20 {
	width: 20px; 
	height: 20px;
}

.corner_link30 {
	width: 30px; 
	height: 30px;
}

.corner_link40 {
	width: 40px; 
	height: 40px;
}

#corner_back_link {
	left: 0; 
}

#corner_home_link {
	right: 0; 
}

#guide_back_link {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 30px; 
	height: 30px;
}

#guide_home_link {
	position: absolute; 
	right: 0; 
	top: 0; 
	width: 30px; 
	height: 30px;
}

.guide_nav_link_img {
	width: 100%;
	height: 100%;
}


/* Site Search Section */

#site_search_container {

	position: fixed;
	right: 5px; 
	bottom: 0; 
	width: 280px; 
	height: 40px;
	z-index: 220000;
}

#site_search_div {

 	position: fixed; 
	right: 5px; 
	bottom: 40px; 
	width: 280px; 
	display: none; 
	z-index: 220000;
}

#site_search_res2_div {

	position: absolute; 
	left: 0; 
	bottom: -1px; 
	width: 280px; 
	background-color: #f0fff8; 
	background-image: url('/resources/images/site_search_bg.jpg'); 
	outline: 2px solid black;
	z-index: 220000;
}

#site_search_res_div {

	position: absolute; 
	left: 0; 
	overflow: hidden; 
	width: 280px; 
	z-index: 220000;
}

#site_search_res_list {

	position: absolute; 
	left: 0; 
	top: 0; 
	width: 280px;
	padding-left: 20px;
	text-align: left; 
	font-weight: normal;
	font-size: 1.1em; 
	color: blue;
	z-index: 220000;
}

#site_search_label_bg {

	position: fixed;
	right: 5px; 
	bottom: 0; 
	width: 280px;
	height: 38px;
	z-index:10; 
	background-color: white; 
	opacity: 0;
}

#site_search_label {

 	position: absolute; 
	bottom: 8px; 
	left: 10px; 
	font-size: 1.2em; 
	color: #777; 
	z-index: 11;
}

#query_ss_div {

	position: absolute; 
	left: 0; 
	bottom: 0; 
	text-align: right; 
	width: calc(100% - 1px);
	border: 2px solid black; 
	background-color: transparent; 
	color: black; 
	margin-left: -1px; 
	z-index: 20;
}

#query_ss {

	width: 97%; 
	height: 31px; 
	font-size: 1em;
	margin-top: 1px; 
	padding-top: 2px;
	border: 0; 
	outline: 0;
	background-color: transparent;
}

#site_search_scroll_bar {

	position: absolute; 
	right: 0; 
	bottom: 0; 
	width: 16px; 
	background-color: #f0fff8; 
	outline: 1px solid black;
	opacity: 0;
	visibility: hidden;
	z-index: 230000;
}

#site_search_scroll_btn {

	position: absolute; 
	right: 1px; 
	top: 1px;  
	width: 14px;
	height: 30px;
	background-color: #ffafaf; 
	outline: 1px solid black; 
	cursor: pointer;
	opacity: 1;
	z-index: 235000;
}

.site_search_link1 {
	font-weight: normal;
	text-decoration: none;
}

.site_search_link2 {

	display: inline-block;
	margin-left: 6px;
}

#ss_help_container {
	margin: 20px auto 30px auto;
	width: 560px;
	text-align: justify;
}

#ss_help_container hr {
	width: 95%;
	margin-left: 0;
	margin-top: 20px;
}

.ss_help_types_tbl {
	width: 100%;
}

.ss_help_types_tbl tr {
	vertical-align: top;
}

.ss_help_types_tbl th {
	width: 180px;
	text-align: left
}

#ss_help_fig {
	float: right; 
	margin: 3px 0 15px 23px;
}

#ss_help_fig img {
	width: 220px; 
	height: 402px;
}

#ss_help_fig figcaption {
	font-style: italic; 
	font-size: 0.9em; 
	text-align: center;
}

#ss_help_btn {
	display: inline-block;
	position: absolute;
	right: 4px;
	top: 7px;
	width: 30px;
	height: 20px;
	line-height: 20px;
	padding: 2px 5px;
	border-radius: 2px;
	font-size: 0.8em;
	background-color: #747d76;
	color: white;
	letter-spacing: 0.06em;
	text-decoration: none;
	z-index: 20;
}

#site_search_res_list a:link { color: #44a; font-weight: normal; }
#site_search_res_list a:visited { color: #44a; font-weight: normal; }
#site_search_res_list a:hover { color: #1c5e96; font-weight: normal; }
#site_search_res_list a:active { color: #1c5e96; font-weight: normal; }


/* Admin section */

table#users_tbl th { padding-top: 6px; padding-bottom: 6px; }

table.logins_tbl th { padding-top: 6px; padding-bottom: 6px; }

.site_parent {

	display: flex;
	height: 400px;
	justify-content: center;
	align-items: flex-start;
	
	padding: 5px; 
}

.guide_item {

	width: 210px;
	height: 400px;
	text-align: left;

	marrgin: 0 50px;
}

.diagnostics_div {

	margin-left: auto;
	margin-right: auto;
	width: 700px; 
	text-align: left; 
	margin-top: 28px; 
}

.diag_pdo {
	color: blue;
}

.diag_mysqli {
	color: #984a31;
}

.diag_font_code {
	font-family: courier; 
	font-size: 0.8em;
}

#admin_user_info_name {
	margin-top: 22px; 
	margin-bottom: 2px; 
	margin-left: 3px; 
	font-size: 1.8em; 
}

#admin_user_info_tbl {
	text-align: left; 
	width: 510px; 
	margin-top: 10px;
}

#admin_user_info_tbl th {
	padding: 3px;
	text-align: left;
	width: 170px;
}

#admin_user_info_tbl td {
	padding: 3px;
	text-align: left;
	width: 340px;
}

#admin_visit_tbl {
	margin-top: 20px; 
	margin-left: 3px;
}

#admin_visit_tbl th {
	width: 170px;
	text-align: left;
}

#admin_legend_div {
	text-align: left; 
	width: 700px; 
	margin-top: 20px; 
	margin-left: 4px;
}

.admin_legend_color {
	margin-top: 3px; 
	width: 10px; 
	height: 10px;
	float: left; 
	margin_left: 18px;
}

.admin_legend_label {
	padding-left: 3px;
	padding-right: 10px; 
	float: left;
}

#admin_user_info_links_div {
	margin-left: 6px; 
	margin-top: 18px;
}

#volume_bar_label, #volume_bar_frame {
	left: 50%;
	transform: translate(-50%,0);
}

.short_br, .short_br2 {
	display: none;
}

.hidden {
	display: none;
}

@media screen and ( max-width: 800px  ) {
	#site_search_container { display: none; }
}

@media screen and (max-width: 700px) {	
	.short_br2 { display: inline; }
}

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

	.short_br { display: inline; }
	.short_br2 { display: none; }
}