:root {
    --font-size:     14px;
    --mb-post-width: 369px;
    --mb-repl-width: 335px;
    --fm-post-width: 600px;
    --fm-repl-width: 569px;
}

/* CSS COMMON TO MOBILES AND NON MOBILES */

/* NON MOBILE SETTINGS START */
#tm_logo {
	margin-left: -10px;
}

#panel {
	margin-left: auto;
	margin-right: auto;
	width: 955px;
	color: black;
	font-family: Verdana, Tahoma, Arial, "Sans Serif";
	font-size: var(--font-size);
	line-height: normal;
	padding: 20px 10px;
}

#page_body {
	width: 95%;
	margin: 1.5em 0.5em;
}
#page_body_content {
	margin: 1.5em 0.5em;
}

#prof_body {
	margin: 1.5em 0em;
}
#prof_left_side {
	margin: 0em 0.5em;
}
#prof_right_side {
	margin: 0em 1em;
}
#prof_content {
	margin: 1em;
}
#tm_welcome_div {
	margin-left: 80px;
}
#tm_tab {
	margin-top: 80px;
}
#tm_notifier_div {
 padding: 7px 5px 0px 0px;
}
/* top menu bar container */
#tm_menu_div {
	background-color: #ffb68b;
}
#tm_hello_div {
	max-width: 925px;
	margin-bottom: 7px;
	top: -5px;
	border-top: 5px #ffd7c0 solid;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	position: relative;
	z-index: 0;
}

#tm_bread_pc {
	visibility: visible;
}
#tm_bread_mob {
	visibility: hidden;
}

.wrote {
	width: 400px;
}
.wrote img{
	max-width:  400px;
	max-height: 400px;
}

.mb_post_width img, .bl_post_width img, .cl_post_width img {
	max-width:  var(--mb-post-width);
	max-height: var(--mb-post-width);
}
.mb_post_width, .bl_post_width, .cl_post_width {
	width: var(--mb-post-width);
}
.mb_post_texta_width, .bl_post_texta_width, .cl_post_texta_width {
	width:  var(--mb-post-width);
}


.mb_repl_width img, .bl_repl_width img, .cl_repl_width img {
	max-width:  var(--mb-repl-width);
	max-height: var(--mb-repl-width);
}
.mb_repl_width, .bl_repl_width, .cl_repl_width {
	width:  var(--mb-repl-width);
}
.mb_repl_texta_width, .bl_repl_texta_width, .cl_repl_texta_width {
	width:  var(--mb-repl-width);
}



.fm_post_width img {
	max-width:  var(--fm-post-width);
	max-height: var(--fm-post-width);
}
.fm_post_width {
	width: var(--fm-post-width);
}
.fm_post_texta_width {
	width:  var(--fm-post-width);
}


.fm_repl_width img {
	max-width:  var(--fm-repl-width);
	max-height: var(--fm-repl-width);
}
.fm_repl_width {
	width:  var(--fm-repl-width);
}
.fm_repl_texta_width {
	width:  var(--fm-repl-width);
}





/* NON MOBILE SETTINGS END */

/* MOBILE SETTINGS START. SQUISH PANEL AT THIS POINT */
@media only screen and (max-width: 62em) {
	#tm_logo {
		margin-left: 10px;
	}
	#tm_search_mob {
		margin-top: 7px;
	}
	#panel {
		margin-left: 0px;
		margin-right: 0px;
		width: 43em;
		font-size: var(--font-size);
		padding: 0em;
	}
	.bg_butt {
		display: none;
	}
	#prof_left_side {
		margin: 0em;
		padding: 0em;
	}
	#prof_right_side {
		margin: 0em;
		padding: 0em;
	}
	#prof_content {
		margin: 0em;
	}

	#tm_tab {
		margin: 10px 0px 5px 0px;
	}
	#tm_notifier_div {
	 padding: 9px 5px 0px 0px;
	}
	#tm_menu_div {
		background-color: transparent;
	}
	#tm_welcome_div {
		margin-left: 3px;
	}
	#tm_flag_div {
		xdisplay: none;
	}
	#tm_bread_pc {
		visibility: hidden;
	}
	#tm_bread_mob {
		visibility: visible;
	}


	#best_photos {
		display: none;
	}


	.mb_post_width img {
		max-width:  300px;
		max-height: 300px;
	}
	.mb_post_width {
		width: 300px;
	}
	.mb_repl_width img {
		max-width: 267px;
		max-height: 267px;
	}
	.mb_repl_width {
		width: 267px;
	}


	.fm_post_width img {
		max-width:  300px;
		max-height: 300px;
	}
	.fm_post_width {
		width: 300px;
	}
	.fm_post_texta_width {
		width:  300px;
	}
	.fm_repl_width img {
		max-width:  267px;
		max-height: 267px;
	}
	.fm_repl_width {
		width:  267px;
	}
	.fm_repl_texta_width {
		width:  272px;
	}


	.bl_post_width img {
		max-width:  300px;
		max-height: 300px;
	}
	.bl_post_width {
		width: 300px;
	}
	.bl_repl_width img {
		max-width: 267px;
		max-height: 267px;
	}
	.bl_repl_width {
		width: 267px;
	}


	.cl_post_width img {
		max-width:  300px;
		max-height: 300px;
	}
	.cl_post_width {
		width: 300px;
	}
	.cl_repl_width img {
		max-width: 267px;
		max-height: 267px;
	}
	.cl_repl_width {
		width: 267px;
	}

	#non_mob {
		display: none;
	}
	#mob {
		display: block;
	}
}
/* MOBILE SETTINGS END */

td {
	font-size: var(--font-size);
}

/* LOGGED OFF, GUEST THROWN OFF OR SESSION ERROR MESSAGES */
.throw {
	font-size: 125%;
	font-weight: bold;
}

/* CENSORED */
.cen_fx {
	color: RED;
	text-shadow: 1px 1px 2px YELLOW, 0 0 25px WHITE, 0 0 5px CYAN;
	margin-left: 10px;
	font-size: 32px;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	position: relative;
	z-index: 2;

}

/* BEST PHOTO */
.bp_fx {
	color: yellow;
	text-shadow: 1px 1px 2px orange, 0 0 25px blue, 0 0 5px orangered;
	margin-left: 10px;
	font-size: 32px;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	position: relative;
	z-index: 2;
}

#vote {
	font-family: Georgia, Times New Roman, serif;
	color: dodgerblue;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	cursor: hand;
	cursor: pointer;
	text-shadow: 2px 2px 2px #999999;

	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);

}
.vote_msg {
	margin-top: 10px;
	padding: 20px;
	text-align: justify;
	color: slategray;
	font-size: 0.9em;

	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;

	-moz-box-shadow:inset 0px 5px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 5px 0px 0px #cae3fc;
	box-shadow:inset 0px 5px 0px 0px #cae3fc;

	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
}


/* ALTERNATING COLOUR LINES START */
.line1 {
	background-color: white;
}
.line2 {
	background-color: #fff0f5;
}
/* ALTERNATING COLOUR LINES END */

/* PLAIN LIST OF LINKS START */
.lines_div {
	display: inline-block;
}
.line {
	padding: 2px 5px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;

}
/* PLAIN LIST OF LINKS END */

/* ============== RADIO BUTTON START ===================== */
label {
  width: 0px;
}

/* hide input */
input.radio:empty {
	margin-left: -999px;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	line-height: 2.5em;
	text-indent: 3.25em;
	margin-left: 1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border: 3px silver solid;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
	color: #888;
}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: black;
	background-color: #4DCB6D;
}

input.radio:checked ~ label {
	color: #777;
}

/* radio focus */
input.radio:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}
/* ============== RADIO BUTTON END ===================== */


input[type=text], input[type=password], input[type=checkbox], input[type=email], input[type=file], select, textarea {
	background-color: white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: xVerdana, xTahoma, Arial, "Sans Serif";
	font-size: var(--font-size);
	color: black;
}

textarea {
	font-size: var(--font-size);
	font-family: Verdana, Tahoma, Arial, "Sans Serif";
}


/* normal buttons start */
input[type=submit], input[type=button], input[type=checkbox], input[type=radio] {
	cursor: hand;
	cursor: pointer;
	font-family: xVerdana, xTahoma, Arial, "Sans Serif";
	font-size: var(--font-size);
}
input[type=checkbox][disabled], input[type=radio][disabled] {
  outline: 2px solid red;
  cursor: default;
}
input[type=submit][disabled], input[type=button][disabled]{
  cursor: default;
}

input[type=submit]:hover {
}
input[type=file] {
	background-color: whitesmoke;
	cursor: hand;
	cursor: pointer;
	color: #333333;
	font-size: var(--font-size);
	font-family: xVerdana, xTahoma, Arial, "Sans Serif";
}
/* normal buttons end */


.name {
	color: #F4A460;
	font-size: 18px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", serif;
}

img {
	border: none;
}
table, img, textarea, div, select, span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


/* obsolete search ??? */
.search {
	width: 50px;
	height: 15px;
}
.search_submit {
	border: none;
	background-color: transparent;
	background-image: url("./img/furniture/search.png");
	width: 30px;
	height: 20px;
}


a:link,a:visited {
	text-decoration: none;
	color: #0000aa;
}
a:hover,a:focus {
	text-decoration: underline;
	xbackground-color: white;
}


a.nav:link,a.nav:visited,a.nav:hover,a.nav:active,a.nav:focus  {
	color: black;
	text-decoration: none;
	text-shadow: 1px 1px 1px #666666;
}

h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	color: #333333;
	text-shadow: 1px 1px 2px #666666;
	font-weight: bold;
}
h2,h3,h4 {
	font-family: Georgia, "Times New Roman", serif;
	color: #333333;
	text-shadow: 1px 1px 2px #666666;
	font-weight: bold;
}
h5 {
	color: #000033;
}

.more {
	color: navy;
}

.gal_div {
	background-color: rgba(333,333,333,.7);
	overflow: auto;
	background-repeat: repeat;
	margin: 5px;
	height: 50px
}
.gallery {
	margin: 5px;
	height: 50px
}
.medium_gallery {
	margin: 5px;
	height: 100px
}

.grey {
	color: #a9a9a9;
	font-size: 0.9em
}
.err {
	width: 400px;
	padding: 0px 5px;
	background-color: #E46360;
	color: white;
	font-weight: bold;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", serif;
}
.mb_hdr {
	background-color: #696969;
	color: white;
}



.hint {
	padding: 0px 5px 0px 5px;
	margin-bottom: 3px;
	color: white;
	background-color: #56A2FF;
	background-color: steelblue
}

/* ======================== */
.small_butt {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#800000;
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	padding: 0 0.5em;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.small_butt:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	cursor: pointer;
}.small_butt:active {
	position:relative;
	top:1px;
}

.view_all_comments {
	cursor: pointer; cursor: hand; border-radius: 2px; color: #FF006E; background-color: #EEF1F9; border: 0.6px solid #FF8EC3; height: 20px; font-size: 12px; font-weight: 600;
}

/* ======================== */
/*
.view_all_comments {
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d) );
	background:-moz-linear-gradient( center top, #ff5bb0 5%, #ef027d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
	background-color:#ff5bb0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ee1eb5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding: 0 0.5em;
	text-decoration:none;
	text-shadow:1px 1px 0px #c70067;
}
.view_all_comments:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0) );
	background:-moz-linear-gradient( center top, #ef027d 5%, #ff5bb0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
	background-color:#ef027d;
	cursor: pointer;
}.view_all_comments:active {
	position:relative;
	top:1px;
}
*/
/* This imageless css button was generated by CSSButtonGenerator.com */






/* PET PROFILE LMENU START */
.lmenu_butt {
	width: 250px;
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
	cursor: pointer;
}.lmenu_butt:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.lmenu_butt:active {
	position:relative;
	top:1px;
}
/* PET PROFFILE LMENU END */


/* USER PROFILE LMENU START */
.lmenu_butt_usr {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:18px;
	-moz-border-radius-topleft:18px;
	border-top-left-radius:18px;
	-webkit-border-top-right-radius:18px;
	-moz-border-radius-topright:18px;
	border-top-right-radius:18px;
	-webkit-border-bottom-right-radius:18px;
	-moz-border-radius-bottomright:18px;
	border-bottom-right-radius:18px;
	-webkit-border-bottom-left-radius:18px;
	-moz-border-radius-bottomleft:18px;
	border-bottom-left-radius:18px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	width: 250px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
	padding:6px 24px;
	cursor: pointer;
}
.lmenu_butt_usr:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.lmenu_butt_usr:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */
/* USER PROFFILE LMENU END */


/* SEARCH MENU START */
#fn_needle {
	width: 50px;
}
#fn_submit_div {
	margin-top: 5px;
	margin-left: 3px;
}
#fn_submit {
	border-width: 0px
	width: 16px;
	height: 16px;
/* SEARCH MENU END */
}


.prof_nam {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	font-weight: 900;
	color: crimson;
	text-shadow: 1px 1px 2px #000000;
	margin: 0px 0px 5px 5px;
	position: relative;
	text-align: left;
	width: 250px;
	overflow: hidden;
}



.bubble_orange {
	font-size: 1em;
	padding: 20px;
	font-weight: bold;
	position: relative;
	background: #ffc65a;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.bubble_orange:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #ffc65a transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -15px;
	bottom: -15px;
	left: 65%;
}

.bubble_yellow {
	font-size: 1em;
	padding: 20px;
	font-weight: bold;
	position: relative;
	background: #ffeb7a;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.bubble_yellow:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #ffeb7a transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -15px;
	bottom: -15px;
	left: 65%;
}

.bubble_limegreen {
	font-size: 1em;
	padding: 20px;
	font-weight: bold;
	position: relative;
	background: #92ff5a;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.bubble_limegreen:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #92ff5a transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -15px;
	bottom: -15px;
	left: 65%;
}

.pag_no {
	padding: 0px 4px;
	text-decoration: none;
	background-color: white;
	font-family: Arial, sans-serif;
	font-size: 100%;
	border: 1px inset white;
}
.curr_pag_no {
	padding: 0px 4px;
	text-decoration: none;
	background-color: white;
	font-family: Arial, sans-serif;
	font-size: 100%;
	border: 1px inset white;
}
a.pag_no:link, a.pag_no:visited, a.pag_no:hover {
	color: black;
}
a.curr_pag_no:link, a.curr_pag_no:visited, a.curr_pag_no:hover {
	color: red;
}

/* NOTIFICATION ICONS START */
.tm_notif_icon_1 {
	height: 18px;
	margin: 0px 0px 0px 12px;
}

.alert_ct {
	font-family: Arial, "Sans Serif";
	color: white;
	font-size: 10px;
	font-weight: bold;
	background-color: red;
	padding: 0px 4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	margin-left: -7px;
}
/* NOTIFICATION ICONS END */

.alert_arrows {
	font-family: icon_font;
	position: relative;
	top: -0.2em;
	margin: 0px 4px;
	text-shadow: 0.5px 0.5px 0px #666666;
}
.nav_arrows {
	font-family: icon_font;
	position: relative;
	top: 0.05em;
	margin: 0px 4px;
	text-shadow: 0.5px 0.5px 0px #666666;
	color: orange;
	font-size: 200%;
}



.big_icon_tab {
	background-color: rgba(333,333,333,.7);
	width: 600px;
}

/* ICONS END */

/* DROP DOWN LIST OF SENDERS - OBSOLETE*/
#menu2 {
	margin: 0px;
}
#menu2 ul {
	margin: 0;
	padding: 0;
}
#menu2 .main-menu2 {
	display: none;
}
#tm2:checked + .main-menu2 { /* first tm before main-menu */
	display: block;
}
#menu2 input[type="checkbox"],
#menu2 ul span.drop-icon2 {
	display: none;
}
#menu2 li, #toggle-menu2, #menu2 .sub-menu2 {
	border-style: solid;
	border-color: rgba(0, 0, 0, .05);
}
#menu2 li, #toggle-menu2 {
	border-width: 0 0 1px;
}
#menu2 .sub-menu2 {

}
#menu2 .sub-menu2 li {
	background-color: #D9F9B8;
	padding: 5px;
	cursor: pointer;
}
#menu2 .sub-menu2 li:last-child {
	border-width: 0;
}
#menu2 li, #toggle-menu2, #menu2 a {
	position: relative;
	display: block;
	color: #333333;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#menu2, #toggle-menu2 {
	font-family: arial, sans-serif;
	xfont-size: 12px;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px #aaaaaa;
}
#toggle-menu2, #menu2 a {
	padding: 0.5em 2em;
}
#menu2 a {
	transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;
}
#menu2 a:hover {
	color: #333333;
}
#menu2 .sub-menu2 {
	display: none;
}
#menu2 input[type="checkbox"]:checked + .sub-menu2 {
	display: block;
}
#menu2 .sub-menu2 a:hover {
	color: #333333;
}
#toggle-menu2 .drop-icon2,
#menu2 li label.drop-icon2 {
	position: absolute;
	right: 1.5em;
	top: 1.25em;
}
#menu2 label.drop-icon2, #toggle-menu2 span.drop-icon2 {
	border-radius: 50%;
	width: 1em;
	height: 1em;
	text-align: center;
	background-color: rgba(0, 0, 0, .125);
	text-shadow: 0 0 0 transparent;
	color: #333333;
}
#menu2 .drop-icon2 {
	line-height: 1;
}

/* @media only screen and (max-width: 999999em) and (min-width: 1em) { */
@media only screen and (max-width: 64em) and (min-width: 52.1em) {
		#menu2 li {
			width: 33.333%;
		}
		#menu2 .sub-menu2 li {
			width: auto;
		}
}
/* @media only screen and (min-width: 52em) { */

@media only screen and (min-width: 1em) {
	#menu2 .main-menu2 {
		display: block;
	}
	#toggle-menu2,
	#menu2 label.drop-icon2 {
		display: none;
	}
	#menu2 ul span.drop-icon2 {
		display: inline-block;
	}
	#menu2 li {
		float: left;
		border-width: 0 1px 0 0;
	}
	#menu2 .sub-menu2 li {
		float: none;
	}
	#menu2 .sub-menu2 {
		border-width: 0;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 0;
		width: 12em;
		z-index: 3000;
	}
	#menu2 .sub-menu2,
	#menu2 input[type="checkbox"]:checked + .sub-menu2 {
		display: none;
	}
	#menu2 .sub-menu2 li {
		border-width: 0 0 1px;
	}
	#menu2 .sub-menu2 .sub-menu2 {
		top: 0;
		left: 100%;
	}
	#menu2 li:hover > input[type="checkbox"] + .sub-menu2 {
		display: block;
	}
}
/* DROP DOWN LIST OF SENDERS AND FLAGS END */



/* SUBMIT BUTTON START */
/* https://www.bestcssbuttongenerator.com/ */
.submit {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;

	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.submit:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.submit:active {
	position:relative;
	top:1px;
}

/* SUBMIT BUTTON END */






/* INVITE/RETURN TO CLUB BUTTON START */
.invite {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:35px;
	-moz-border-radius-topleft:35px;
	border-top-left-radius:35px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:35px;
	-moz-border-radius-bottomright:35px;
	border-bottom-right-radius:35px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:auto;
	padding-left: 25px;
	padding-right: 25px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.invite:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.invite:active {
	position:relative;
	top:1px;
}
/* INVITE/RETURN TO CLUB BUTTON END */













.active_tab {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;

	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family: xVerdana, xTahoma, Arial, "Sans Serif";
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;

	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;

	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
}
.active_tab:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.active_tab:active {
	position:relative;
	top:1px;
}



.inactive_tab {
box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;


	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;

	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;


	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family: xVerdana, Tahoma, Arial, "Sans Serif";
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.inactive_tab:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.inactive_tab:active {
	position:relative;
	top:1px;
}



















/* SHARE CODES START */
.share_butt {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;

	background-color: rgba(255, 255, 255, .4);
	border-width: 0 0 1px;
	border-color: aliceblue;
	font-family: Verdana, Tahoma, Arial, "Sans Serif";
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);

	padding: 3px 5px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
a.share_butt {
	color: #333333;
}
a.share_butt:hover {
	background-color: rgba(255, 255, 255, .6);
}
/* SHARE CODES END */


/* PALLETTE COLOURS START */
.plt_clr_green1 {
	background-color: #c0ffef;
}
.plt_clr_pink1 {
	background-color: #FDD7E4;
}
.plt_clr_brown1 {
	background-color: #ffd7c0;
}
.plt_clr_lime1 {
	background-color: #e4fdd7;
}
.plt_clr_purple1 {
	background-color: #ffc0ef;
}
.plt_clr_ivory1 {
	background-color: #fffff0;
}
.plt_clr_cornsilk1 {
	background-color: #fff8dc;
}

.plt_brd_green1 {
	border: solid 5px #c0ffef;
}
.plt_brd_pink1 {
	border: solid 5px #FDD7E4;
}
.plt_brd_brown1 {
	border: solid 5px #ffd7c0;
}
.plt_brd_lime1 {
	border: solid 5px #e4fdd7;
}
.plt_brd_purple1 {
	border: solid 5px #ffc0ef;
}
.plt_brd_ivory1 {
	border: solid 5px #fffff0;
}
.plt_brd_cornsilk1 {
	background-color: #fff8dc;
}
/* PALLETTE COLOURS END */




/* this must appear after .submit */
.bg_butt {
	display: block;
}

/* buttons made to look like links */
.link_butt {
	background-color: transparent;
	border-style: none;
	cursor: pointer;
	color: #00008b;
	font-family: xVerdana, Tahoma, Arial, "Sans Serif";
	font-size: var(--font-size);
}

.arrow {
	width:  12px;
	height: 12px;
	margin-top: 3px;
}

@font-face {
  font-family: tips;
  src: url("./font/tips/ComicRelief.ttf");
}
@font-face {
  font-family: menu_font;
  src: url("./font/head/AvrileSans-Regular.ttf");
}