body {
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #d9d9d9;
	text-align: center;
	height: 100%;
}
html, body { min-height: 100%; }
div.content-title-header {
    border-bottom:#bbb 1px solid !important;
}
.footerMax {
	max-width: 800px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	word-break: break-word;
}
div.pageTitle, .boardHeader .gameName {
    text-shadow: #999999 1px 1px 1px;
    font-size:22px !important;
		font-weight:normal !important;
		border-radius: 7px;
}
div.pageTitle {
    font-size:18pt;
    color:#009922;
    font-weight:bold;
    padding:4px 20px;
}
.bottomborder {
    border-bottom:#ccc 1px solid;
}
div.pageDescription {
    padding:4px 20px;
    color:#666;
    font-style:italic;
    border-top:#ccc 1px solid;
}
.messageFromMe {
	font-style: italic;
}
span.logon {
	font-size:11px;
	}
span.points {
	/* No (1234
			D),
		only (1234D) */
	white-space: nowrap;
}
input[type="text"], input[type="password"], textarea, select {
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #ffffff ;
	border: 1px solid #c1c1c1;
	color:#000000;
}

input:read-only.toggle-notice {
	background-color: transparent !important;
}

input:read-only {
  background-color:#999 !important;
}

.green-Submit {
  background-color: #4CAF50 !important;
  color: white;
  border: none;
	border-radius: 4px;
	padding: 14px 20px;
	width: 100%;
	-webkit-appearance: none;
}

.green-Submit, .green-Submit:active, .green-Submit:default {
  background-color: #4CAF50 !important;
}

.green-Submit:hover {
	background-color: #45a049 !important;
	cursor: pointer;
}

.redComparison {
	color: #D62929 ! important;
}

.redComparison a {
	color: #D62929 ! important;
}

.form-submit {
  background-color: #8c9cbf;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c9cbf), color-stop(50%, #546a9e), color-stop(50%, #36518f), color-stop(100%, #3d5691));
  background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  border: .5px solid #172d6e;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
  box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  padding: 7px 0 8px 0;
  text-decoration: none;
  text-align: center;
	text-shadow: 0 -1px 1px #000f4d;
  padding-right: 7px;
  padding-left: 7px;
}
	.form-submit:hover {
    background-color: #7f8dad;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f8dad), color-stop(50%, #4a5e8c), color-stop(50%, #2f477d), color-stop(100%, #364c80));
    background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
		cursor: pointer;
	}
	.spaced-button:disabled {
    background-color: #777;
		border: .5px solid #555;
		border-radius: 5px;
		-webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
		box-shadow: inset 0 1px 0 0 #b1b9cb;
		color: #fff;
		font-size: 14px;
		padding: 7px 0 8px 0;
		text-decoration: none;
		text-align: center;
		padding-right: 7px;
		padding-left: 7px;
	}
	.form-submit:active
		{
    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
		box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
	}

textarea {
	font-size: 16px ! important;
	width:90%;
}
div.hr, div.hrthin {
	height:0;
	border: 0;
	border-bottom: 1px solid #aaa;
	margin-top:10px;
	margin-bottom:10px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
div.postboxadvice {
	font-size:13px;
	text-align:center;
	font-style: italic;
	color:#777
}

div.clear {
	border-bottom: 0;
}
h1, h2, h3, h4 {
	color: #009902;
	margin-bottom:5px;
}
h3 {
	margin-left:10px;
}
h1.titolo{font-size:15pt;color:#092;padding:0;margin:0;display:inline;}
h2.titolo{font-size:11pt;color:#666;font-style:italic;padding:0;margin:0;}
img {
	border:0;
}
p.profileComment {
	font-size:12px;
	font-style:italic;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	word-break: break-word;
}
p.newProfileComment {
	font-size:12px;
	font-style:italic;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	word-break: break-word;
}
.profileUsername {
	text-align: left;
}
.profile_title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #777;
	color: white;
	cursor: pointer;
	padding: 5px;
	border: none;
	text-align: left;
	outline: none;
	border-radius: 7px;
	margin-top: 3px;
	font-size: 14px;
}

.profile_title:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #555;
}

.profile_content {
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
	overflow: hidden;
	padding: 0 0 0 10px;
	background-color: #f1f1f1;
	font-size: 13px;
	margin-top:3px !important;
	border-radius: 7px;
}

.comment_title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #777;
	color: white;
	cursor: pointer;
	padding: 5px;
	border: 1px solid #ccc;
	text-align: left;
	outline: none;
	border-radius: 7px;
	margin-top: 3px;
	font-size: 14px;
}

.comment_content {
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	font-size: 13px;
	margin-top:3px !important;
	border-radius: 7px;
	overflow-y: scroll;
	max-height: 200px;
}

.profile_content_show {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 13px;
	display: show;
	padding: 0 0 0 10px;
	margin-top: 3px !important;
}
.profile_content_gr {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	font-size: 13px;
	display: show;
	padding: 0 0 0 0;
	margin-top: 3px !important;
}
#profile-forum-link-container {
	display: flex;
	justify-content: space-around;
}

 .profile-forum-links {
	width: 50%;
	margin: 0;
	text-align: center;
}

 #send-pm {
	margin-left: -10px;
}

 .profile-links-button {
	background-color: #d9d9d9;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	cursor: pointer;
	border-radius: 10px;
	padding: 5px 10px;
	font-weight: 800;
}

 .profile-links-button:hover {
    background: #009902;
    color: #f2f2f2;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
}

 #profile-separator {
	margin: 10px auto 20px auto;
	height: 1px;
	background-color: #aaa;
}

img.center {
	text-align:center;
}
h2.black {
	color: #000;
}
span.gamename {
	font-size:15px;
	color: #009902;
	font-weight:bold;
}
ul.gamemain {
	margin-left:20px;
	margin-right:20px;
	padding:0;
}
ul.gamesublist {
	font-weight: normal;
	font-size:13px;
	color: #777;
}
div.profile-show {
	border-radius: 7px;
	background-color: #f1f1f1;
	padding: 5px;
}
div.profile-show-floating {
	border-radius: 7px;
	display: flex;
}
div.profile-show-inside-left {
	border-radius: 7px;
	background-color: #f1f1f1;
	padding: 5px;
	min-width:30%;	
	margin-right:20px;
}
div.profile-show-inside {
	border-radius: 7px;
	background-color: #f1f1f1;
	padding: 5px;
	min-width:30%;
}
div.profile-show-ranking {
	border-radius: 7px;
	background-color: #f1f1f1;
	padding: 5px;
	min-width:30%;
	margin-right:20px;
}
div.rightHalf {
	float:right;
	width:50%;
	padding-top:0;
	margin-bottom:0;
	border-left:1px solid #aaa;
	padding-left:10px
}
div.leftHalf {
	width:50%;
}

ul.todolist {
	margin-left: 20px;
	color: #777;
}

ul.formlist {
	list-style: none;
	margin-left:20px;
	margin-right:20px;
	padding:0;
}

ul.profile {
	list-style: none;
	margin-left:5px;
	margin-right:5px;
	padding:0;
}

li {
	margin-bottom:5px;
}
li.formlisttitle {
	font-weight: bold;
}

.spaced-button {
    margin-left: 1em;
    margin-right: 1em;
}

li.formlistfield {
	list-style: none;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
}
li.formlistdesc {
	font-weight: normal;
	color: #777;
	list-style: none;
	margin-left:20px;
	margin-right:20px;
	border-left: 1px solid #aaa;
	padding-left: 10px;
	margin-bottom: 30px;
}
li.playerdetails {
	margin-left:60px;
}
.intro {
	font-size:16px;
}
li.introheader {
	margin-top:20px;
	font-weight: bold;
	list-style: none;
}
li.introexplain {
	font-weight: normal;
	color: #555;
	list-style: none;
	margin-left:20px;
	margin-right:20px;
}
li.introexplainsupport {
	font-weight: normal;
	color: #555;
	list-style: none;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
}
li.introimages {
	text-align:center;
	margin-top:10px;
	list-style: none;
}
strong {
	font-weight: bold;
}
strong.description {
	font-weight: bold;
	font-style: italic;
	color: #777;
	margin-left:40px;
}
p.notice {
	font-weight: bold;
	text-align: center;
	margin:0px;
}
p.welcome {
	margin-left: 20px;
	margin-right: 20px;
}
p.question {
	font-weight: bold;
	margin-bottom:10px;
}
p.answer {
	margin:20px;
	margin-top:0;
}
p.smallindent {
	font-size:13px;
	color: #777;
	margin-left:40px;
}
p.orders {
	margin:0 20px;
}
p.code {
	font-family: courier;
	font-size:12px;
	margin-left:40px;
}
p.lightgrey {
	font-size:13px;
	text-align:center;
	color:#777;
	font-style:italic;
}
a {
	font-weight: bold;
	text-decoration:underline;
}
a:link {
	color: #006699;
}
a:visited {
	color: #006699;
}
a:active {
	color: #006699;
}
a:hover {
	color: #009902 ! important;
}
a.light {
	font-weight:normal;
	text-decoration:none !important;
}
#mapstore {
	text-align:center;
	margin:0 auto;
}

 #header {
 	min-height:100px;
	background-color: #fff;
	width: auto;
	padding:0;
	margin:0;
	text-align: left;
}
#header-container {
	padding-left:0;
	padding-bottom:2px;
	background-color: #fff;
	padding-right:0;
	padding-top:6px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
	max-width: 800px;
}
#logo {
	padding:0;
	margin:0;
	position:absolute;
	vertical-align:bottom;
	border: 0;
}
#header-welcome {
	padding:0;
	margin:0;
	text-align:right;
	font-style: italic;
}
#header-welcome a {
	font-weight:normal !important;
	text-decoration:none !important;
}

#header-goto {
	margin: 40px 0 0 auto;
}

.nav-wrap{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	overflow: hidden;
	border-radius: 7px;
	background-color: #0e8805;
	width: auto;
}

#navSubMenu{
	color: #f2f2f2;
	font-weight: bold;
	text-align: center;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.nav-tab {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	overflow: hidden;
}

.nav-tab a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#navSubMenu:hover {
	cursor: pointer;
}

.nav-tab a:hover, #navSubMenu:hover {
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 15px 0 15px 0;
	color: rgb(0, 83, 115) !important;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.nav-tabActive {
	background-color: #4CAF50;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.nav-tabActive a {
	background-color: #4CAF50;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#navSubMenu div#nav-drop {
	visibility: hidden;
	display: flex;
	flex-direction: column;
	position: absolute;
	overflow: auto;
	margin-top: 25px;
	width: auto;
	z-index: 999;
	background-color: #0e8805;
	border-radius: 7px;
	border: 1px solid black;
}

#nav-drop {
	margin: 5px auto;
	color: rgb(129, 196, 98);
}

#nav-text div:hover {
	color:#009902;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#navSubMenu:hover div#nav-drop {
        margin-top: 10px !important;
    }
    #navSubMenu div#nav-drop {
        margin-top: 10px !important;
	}
}

@media not all and (min-resolution:.001dpcm) { 
    @media {
        #navSubMenu div#nav-drop {
       		transform: translateX(-22.5%);
		}	
    }
}

#header-goto a:hover {
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 15px 0 15px 0;
}

#seperator {
	margin: 0;
	padding: 0;
	width: auto;
	background-color: #006699;
	font-size: 0;
	height: 5px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom:5px;
}
#seperator-fixed {
	position:absolute;
	top:60px; /* This is #header height+ its padding.
			because IE doesn't support min-width.. */
	margin: 0;
	padding: 0;
	max-width: 800px;
	background-color: #006699;
	font-size: 0;
	height: 5px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #f5f5f5;
}
div.content {
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	max-width: 750px;
	background-color: #fff;
	border: 1px solid #aaa;
	padding: 15px 24px;
	border-radius: 7px;
}
div.content-bare {
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 798px; /* 800-2x1px border*/
}
div.content-notice {
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	max-width: 768px;
	background-color: #fff;
	border: 1px solid #aaa;
	padding: 8px 15px;
	border-radius: 7px;
}
div.content-board-header, div.content-home-header {
	margin-top:6px;
	border-bottom:0;
	border-radius: 7px;
}
div.content-board-header {
	border: 1px solid #aaa;
	background-color:#f5f5f5;
	border-bottom:0;
}
div.content-follow-on {
	margin-top:0 !important;
	border-top:0 !important;
}

.content-slotBottom {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding:0;
	max-width: 750px;
	padding-left: 24px;
	padding-right: 24px;
	border: 1px solid #aaa;
}
.content-slot {
	border-top:0;
	margin-top:0;
}
#content-publicforum {
	max-width: 710px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}
div.forum {
	max-width: 710px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}
#footer {
	margin-top: 5px;
	font-size: 11px;
	text-align: center;
	color: rgb(87, 87, 87);
}

#chatboxtabs {
	font-size: 14px !important;
}

div.gamelistings-tabs {
	width: auto;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:20px;
	height:auto;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	border:0;
	text-align:center;
	font-size: 13px;
}
div.gamelistings-tabs a.current {
	text-decoration:none;
	background-color: #eaeaea;
	color:#000;
	border-top:1px solid #888;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-bottom:2px solid #000 ! important;
}
 div.gamelistings-tabs a.current:hover {
	text-decoration:none;
	background-color: #e5e5e5;
	border-bottom:2px solid #009902 ! important;
	color:#009902 !important;
}
div.gamelistings-tabs a {
	white-space: nowrap;
	text-decoration:none;
	margin:0;
	margin-left:5px;
	margin-right:5px;
	padding-right:6px;
	padding-left:6px;
	padding-top:3px;
	padding-bottom:3px;
	border:0;
	background-color: #fafafa;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:2px solid #006699 ! important;
}
div#chatboxtabs a {
	margin-left:2px;
	margin-right:2px;
	padding-right:4px;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:3px;
}
div.gamelistings-tabs a:hover {
	text-decoration:none;
	border-bottom:2px solid #009902 ! important;
	border-top:1px solid #009902 ! important;
	border-left:1px solid #009902 ! important;
	border-right:1px solid #009902 ! important;
}
.gamelistings-tabsNew {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	overflow: hidden;
	border-radius: 7px;
	background-color: #333;
}

.gamelistings-tabsNew a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.gamelistings-tabsNew a:hover {
	background-color: #ddd;
	color: black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.gamelistings-tabsNewActive {
	background-color: #4CAF50;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.gamelistings-tabsNewActive a {
	background-color: #4CAF50;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.postbox {
	text-align:center;
}
.thread {
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	color: #666;
	padding:5px 10px;
}
.threadborder1 {
	border: 1px solid #d1d1d1;
}
.threadborder2 {
	border: 1px solid #cecece;
}
.threadalternate1 {
	background-color:#f5f5f5;
}
.threadalternate2 {
	background-color:#f0f0f0;
}
.replyborder1 {
	border: 1px solid #c1c1c1;
	border-top:0;
}
.replyborder1 .first {
	border-top: 1px solid #c1c1c1;
}
.replyborder2 {
	border: 1px solid #bebebe;
	border-top:0;
}
.replyalternate1 {
	background-color:#eaeaea;
}
.replyalternate2 {
	background-color:#e5e5e5;
}
.message-head {
	font-size:13px;
	float:right;
	text-align:right;
	padding-left:5px;
	margin-left:5px;
}
.leftRule {
	border-left: 1px solid #aaa;
}
.message-subject {
	font-size:15px;
	color: #009902;
	overflow:hidden;
}
.message-body {
	color: #000;
	margin:5px;
	margin-left:10px;
	margin-right:10px;
	font-size:15px;
	word-wrap: break-word;
}
.message-foot-notification {
	font-size:14px;
	float:right;
	text-align:right;
}
form {
	margin:0;
}

.reply {
	max-width: 630px;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	font-size:15px;
	padding-bottom:10px;
}
.reply-top {
	border-top:1px solid #c1c1c1;
	margin-top:5px;
}
.content-game {
	margin-left:10px;
}
.Global {
	color: #CE7800 ! important;
}
.Austria {
	color: #D62929 ! important;
}
.Germany {
	color: #8B481A ! important;
}
.England {
	color: #DD51BD ! important;
}
.Italy {
	color: #259901 ! important;
}
.France {
	color: #007BA5 ! important;
}
.Turkey {
	color: #b8ad00 ! important;
}
.Russia {
	color: #6F005D ! important;
}
.chatWrapper {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	margin-top:0px !important;
}
div.chatbox {
	max-height: 180px;
	overflow-x:hidden;
	overflow-y:auto;
	border: 1px;
}
div.chatbox td {
	overflow:hidden;
}

span.chaos-chatbox {
	color: black;
}

.chatboxMembersList {
	font-size:12px;
	text-align:center;
	}
TABLE {
	border-collapse: collapse;
	width:100%;
}
TABLE.credits {
	border: solid #aaa 1px;
	width:85%;
	margin-left:auto;
	margin-right:auto;
}
TABLE.orders {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	font-size:13px;
}
TD {
	padding:5px;
}
TD.left {
	text-align:right;
	font-size:13px;
	font-weight:bold;
	width:15%;
}
td.notice {
	font-weight:bold;
	text-align:center;
	}
td.send {
	vertical-align:middle;
	width:14% ! important;
	}
TD.time {
	vertical-align:bottom;
	width:14% ! important;
	border-right: solid #aaa 1px;
}
TR.header {
	border-bottom: solid #aaa 1px;
}
TD.uniticon {
	width:6%;
	text-align:right;
}
TD.center {
	text-align:center;
}
TD.fleet, div.fleet {
	color:#0b0b87;
}
TD.army, div.army {
	color:#34870b;
}

/* Section for help modals */

.tutorial-wrap {
	display: block;
	width: 50%;
	max-width: 780px;
	min-height: 200px;
	background-color: #e5e5e5;
	backdrop-filter: blur(20px);
	opacity: 0.9;
	color: #009902;
	position: fixed;
	margin: 5% auto auto auto;
	left: 0;
	right: 0;
	z-index: 999;
}

@media only screen and (max-width: 800px) {
	.tutorial-wrap {
		width: 90%;
		max-height: 300px;
		overflow: scroll;
	}
}

@media only screen and (max-width: 800px) and (min-width: 500px) {
	.tutorial-wrap {
		margin: -20% auto;
	}
}
 
@media only screen and (max-width: 500px) {
	.tutorial-wrap {
		margin: -50% auto;
	}
}

.tutorial, .tutorial-header {
	padding: 0 10px;
}

.tutorial-buttons {
	padding: 10px;
}

.tutorial-end, .tutorial-close {
	margin: 10px 0 0 0;
}

.tutorial-hide {
	display: none;
}

.tutorial-close-button {
	cursor: pointer;
}

/* End section for help modals */

/* Section for Login and Password Recovery styling */
input[type=text].login, input[type=password].login, select.login {
  width: 100%;
	padding: 10px 5px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit].login {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit].login:hover {
  background-color: #45a049;
}

.loginDesc {
	font-weight: normal;
	color: #000000b2 !important;
	margin-left:20px;
	margin-right:20px;
	font-size: 12px;
}

/* End section for Login and Password Recovery styling */

/* Section for Game Create styling */
.gameCreateShow {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	padding: 0 10px 0 10px;
	margin-top:0px !important;
}
.gameCreateTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #777;
	color: white;
	cursor: pointer;
	padding: 10px;
	border: none;
	text-align: left;
	outline: none;
	border-radius: 7px;
	margin-top: 3px;
	font-size: 14px;
}

.gameCreateTitle:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #555;
}

.gameCreateContent {
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
	margin-top: 0px !important;
	font-size: 14px;
	border-radius: 7px;
	padding: 0 0 0 10px;
}

input[type=text].gameCreate, input[type=password].gameCreate, input[type=number].gameCreate, select.gameCreate {
  width: 100%;
	padding: 10px 5px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit].gameCreate {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit].gameCreate:hover {
  background-color: #45a049;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
 	background-color: #fefefe;
 	margin: auto;
  	padding: 10px;
  	border: 1px solid #888;
	width: 80%;
	max-width: 760px;
}

/* The Close Button */
.close1, .close2, .close3, .close4, .close5, .close6 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close1:hover, .close1:focus, .close2:hover, .close2:focus, .close3:hover, .close3:focus,
.close4:hover, .close4:focus, .close5:hover, .close5:focus, .close6:hover, .close6:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* End section for Game Create styling */

/* Section for Tournament styling */
.tournament {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

.tournamentShow {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	padding: 0 10px 0 10px;
	margin-top:0px !important;
}

 .tournament_round {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #4CAF50 ;
	color: white;
	cursor: pointer;
	padding: 5px;
	border: none;
	text-align: left;
	outline: none;
	border-radius: 7px;
	margin-top: 3px;
	font-size: 14px;
}

.tournament_round:hover {
	background-color: #45a049;
}

.tournament_round:active {
	background-color: #45a049;
}

.tournament_games {
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
	margin-top: 0px !important;
	border-radius: 7px;
}

.tournament_info {
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
	/* overflow: hidden; */
	background-color: #ddd;
	margin-top: 0px !important;
	border-radius: 7px;
	padding: 0 10px 0 10px;
}

.tournamentCenter {
	text-align: center !important;
}

.tournament td, .tournament th {
	border: 1px solid #ddd;
	padding: 6px;
	font-size: 12px;
}

.tournament tr:nth-child(even){background-color: #f2f2f2; word-break: break-word;}
.tournament tr:nth-child(odd){background-color: #ffffff; word-break: break-word;}

.tournament th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #009902;
	color: white;
}
/* End of section for Tournament styling */

/* Section for FAQ styling */
.faq, .gr-guide-section-wrapper {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

 .faq_question, .gr-guide-switch {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #777;
	color: white;
	cursor: pointer;
	padding: 10px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	border-radius: 7px;
	margin-top: 3px;
	font-size: 14px;
}

.faq_question:hover, .gr-guide-switch:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #555;
}

.faq_answer, .gr-guide-detail {
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
	margin-top: 0px !important;
	font-size: 14px;
	border-radius: 7px;
	padding: 0 10px;
}

.gr-guide-code {
	font-family: "Roboto Mono", monospace;;
	background-color: #d2d2d2;
	padding: 10px;
}
/* End of section for FAQ styling */

/* Section for datc styling */
.datc {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

.datc td, .datc th {
	border: 1px solid #ddd;
	padding: 6px;
}

.datc tr:nth-child(even){background-color: #f2f2f2; word-break: break-word;}
.datc tr:nth-child(odd){background-color: #ffffff; word-break: break-word;}

.datc th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #009902;
	color: white;
	min-width:70px;
}
/* End of section for Hall of Fame styling */

/* Section for Developer styling */
.developerInfo-show {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	padding: 0 0 0 10px;
	margin-top:0px !important;
}

.developerInfo-show h3 {
	margin-left: 0px !important;
}
/* End of section for Developer styling */

/* Section for rrInfo styling */
.rrInfo {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

.rrInfo td, .rrInfo th {
	border: 1px solid #ddd;
	padding: 6px;
}

.rrInfo tr:nth-child(even){background-color: #f2f2f2; word-break: break-word;}
.rrInfo tr:nth-child(odd){background-color: #ffffff; word-break: break-word;}

.rrInfo th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #009902;
	color: white;
	min-width:70px;
}

.rr-profile-info {
	color: red;
	font-size: 13px;
}
/* End of section for rrInfo styling */

/* Section for Hall of Fame styling */
.hof {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

.hof td, .hof th {
	border: 1px solid #ddd;
	padding: 6px;
}

.hof tr:nth-child(even){background-color: #f2f2f2; word-break: break-word;}
.hof tr:nth-child(odd){background-color: #ffffff; word-break: break-word;}

.hof th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #009902;
	color: white;
	min-width:70px;
}

.hof-self {
	color: red;
}
/* End of section for Hall of Fame styling */

/* Section for donations page styling */
.donations_title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #777;
	color: white;
	cursor: pointer;
	padding: 10px;
	border: none;
	text-align: left;
	outline: none;
	border-radius: 7px;
	margin-top: 3px;
	font-size: 14px;
}

.donations_title:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #555;
}

.donations_content {
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
	overflow: hidden;
	padding: 0 0 0 10px;
	background-color: #f1f1f1;
	font-size: 14px;
	margin-top:0px !important;
	border-radius: 7px;
}

.donations_content_show {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	padding: 0 0 0 10px;
	margin-top:0px !important;
}
/* End of section for donations page styling */

/* Section for help page styling */
.help_title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #777;
	color: white;
	cursor: pointer;
	padding: 10px;
	border: none;
	text-align: left;
	outline: none;
	border-radius: 7px;
	margin-top: 3px;
	font-size: 14px;
}

.help_title:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #555;
}

.help_content {
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
	overflow: hidden;
	padding: 0 0 0 10px;
	background-color: #f1f1f1;
	font-size: 14px;
	margin-top:0px !important;
	border-radius: 7px;
}

.help_content_show {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	padding: 0 0 0 10px;
	margin-top:0px !important;
}
/* End of section for help page styling */

/* Section for contactUsDirect page styling */
.contactUs {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

.contactUsShow {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	padding: 0 10px 0 10px;
	margin-top:0px !important;
}

input[type=text].contactUs, input[type=password].contactUs, textarea.contactUs, select.contactUs {
  width: 100%;
	padding: 10px 5px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit].contactUs {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit].contactUs:hover {
  background-color: #45a049;
}

.contact-us-desc {
	color: red;
	font-weight: 900;
}
/* End of section for contactUsDirect page styling */

/* Section for intro page */
.introToDiplomacy {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.introToDiplomacy_show {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	padding: 0 0 0 10px;
	margin-top:0px !important;
}
/* End of section for intro page */

/* Section for homeNotice page */
.homeNotice {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	padding: 0 0 0 10px !important;
	margin-top:5px !important;
}

.gamePanelHome {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	margin-top:10px !important;
}

.homeForumGroupNew {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 12px;
	padding: 0 0 0 10px !important;
	margin-top:5px !important;
}

.home-submit {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #006699 !important;
	text-decoration: underline;
	font-size: 12px !important;
	font-weight: bold;
	cursor: pointer;
	background-color: transparent !important;
	padding: 0px;
	border: 0px !important;
	display: inline-block;
}

.home-submit:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #009902 ! important;
}
/* End of section for homeNotice page */

/* Section for user search page */
.userSearch {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.userSearch_show {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	padding: 0 10px 0 10px;
	margin-top:0px !important;
}

input[type="text"].userSearch, input[type="password"].userSearch, textarea.userSearch, select.userSearch {
	font-size: 14px !important;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #ffffff !important;
	border: 1px solid #c1c1c1;
	color:#000000;
}
/* End of section for user search page */

/* Section for settings page */
.settings {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.settings_show {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	padding: 0 10px 0 10px;
	margin-top:0px !important;
}

input[type=text].settings, input[type=password].settings, textarea.settings, select.settings {
  width: 100%;
	padding: 10px 5px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
/* End of section for settings page */

/* Section for credits page styling */
.credits {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.credits-title {
	background-color: #4CAF50;
	color: white;
	padding: 10px;
	border: none;
	text-align: left;
	outline: none;
	border-radius: 7px;
	margin-top: 3px;
	font-size: 14px;
}

.credits-info {
	border-radius: 7px;
	padding: 10px;
	overflow: hidden;
	background-color: #f1f1f1;
	font-size: 14px;
	margin: 0 0 15px 0 !important;
}

#credits-player-map-a, #credits-player-map-a:active {
	color: rgb(84, 228, 238);
	cursor: pointer;
}
/* end of credits page styling */

/* Section for Rules styling */
.helpPage em {
	text-decoration:underline;
	font-style:normal;
}
.helpPage h3 {
	margin-left: 0px !important;
}
.helpPage ul {
	color:#666;
}
.helpPage ol {
	color:#666;
}

.rules {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	/* font-size: 14px; */
}
.rules h3{
	margin-left: 0px !important;
}

 .rules_title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #777;
	color: white;
	cursor: pointer;
	padding: 10px;
	border: none;
	text-align: left;
	outline: none;
	border-radius: 7px;
	margin-top: 3px;
	font-size: 14px;
}

.rules_title:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #555;
}

.rules_content {
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
	overflow: hidden;
	padding: 0 10px;
	background-color: #f1f1f1;
	font-size: 14px;
	margin-top:0px !important;
	border-radius: 7px;
}
/* End of section for Rules styling */

/* This section is for the new AdminCP and Mod tools */
.modTools {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

input[type="text"].modTools, input[type="password"].modTools, textarea.modTools, select.modTools {
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #ffffff !important;
	border: 1px solid #c1c1c1;
	color:#000000;
}

.modTools td, .modTools th {
	border: 1px solid #ddd;
	padding: 6px;
}

.modTools tr:nth-child(even){background-color: #f2f2f2; word-break: break-word;}
.modTools tr:nth-child(odd){background-color: #ffffff; word-break: break-word;}

.modTools th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #009902;
	color: white;
	min-width:70px;
}

.modToolsCP {
	border-radius: 25px;
	background: rgb(222, 224, 222);
	padding: 8px;
}

.modToolsHeadings {
    color: #000000 !important;
	margin-bottom: 5px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

li.modToolsformlistfield {
	list-style: none;
	margin: 10px 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

li.modToolsformlistdesc {
	font-weight: normal;
	color: #000000b2 !important;
	list-style: none;
	margin-left:20px;
	margin-right:20px;
	border-left: 1px solid #aaa;
	padding-left: 10px;
	margin-bottom: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
li.modToolsformlisttitle {
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.modToolsCollapsible {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #777;
	color: white;
	cursor: pointer;
	padding: 10px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
}

.modToolsCollapsible:active, .modToolsCollapsible:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #555;
}

.modToolsContent {
	padding: 0 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
}

ul.modTools {
	padding: 0;
	margin-bottom: 40px;
	list-style: none;
}

.modToolsCP {
	padding: 15px;
}

.topnav {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	overflow: hidden;
	background-color: #333;
	border-radius: 7px;
}

.topnav a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.topnav a:hover {
	background-color: #ddd;
	color: black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.topnavActive {
	background-color: #4CAF50;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.topnavActive a {
	background-color: #4CAF50;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* Mod Tools section ends here */

/* This section is for the new advanced search page. */
  .SearchCollapsible {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		background-color: #777;
		color: white;
		cursor: pointer;
		padding: 10px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		border-radius: 7px;
  }

.SearchCollapsible:active, .SearchCollapsible:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #555;
}

.advancedSearch {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	font-size: 12px;
}

input[type="text"].advancedSearch, input[type="password"].advancedSearch, textarea.advancedSearch, select.advancedSearch {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #ffffff !important;
	border: 1px solid #c1c1c1;
	color:#000000;
}

.advancedSearch td, .advancedSearch th {
	border: 1px solid #ddd;
	padding: 6px;
}

.advancedSearch tr:nth-child(even){background-color: #f2f2f2; word-break: break-word;}
.advancedSearch tr:nth-child(odd){background-color: #ffffff; word-break: break-word;}

.advancedSearch th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #009902;
	color: white;
	min-width:35px;
}

.advancedSearchContent {
	padding: 0 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
}

ul.advancedSearch {
	padding: 0;
	margin-bottom: 40px;
	list-style: none;
}

.curr-page {
	display:inline-block;
	margin:3px;
	background-color: #777;
	border: .5px solid #555;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
	box-shadow: inset 0 1px 0 0 #b1b9cb;
	color: #fff;
	font-size: 14px;
	padding: 7px 0 8px 0;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}

.advancedSearchHeader {
	background:none!important;
	color:inherit;
	border:none;
	padding:0!important;
	font:inherit;
	cursor:pointer;
	text-decoration:underline;
}
/* advanced search page section ends */

/* points and scoring systems page styling */

#points-scoring {
	border-radius: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #f1f1f1;
	padding: 0 0 0 10px;
	margin-top: 0px !important;
}

.scoring-text {
	font-size: 14px;
}

.scoring-h {
	margin-left: 0 !important;
}
/* end of points and scoring systems page styling */

span.orderNotice {
	font-weight:bold;
}
.likeMessageToggleLink, .likeCount {
	font-size:8pt;
	font-style:italic;
}

tr[class^="replyalternate"]{
	word-wrap: break-word;
}
#chatboxscroll > TABLE.chatbox{
	table-layout: fixed;
}
input[id^="UpdateButton"]{
	margin-top: 10px;
	width: auto !important;
}
input[id^="FinalizeButton"]{
	margin-top: 10px;
	width: auto !important;
}
.archive-messages-table{
	table-layout: fixed;
}

/* end desktop only */

@media only screen and (max-width: 500px){
	#logo{
		position: relative;
		width: 60%;
		display: block;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 800px) and (min-width: 500px){
	#logo{
		position: relative;
		width: 40%;
		display: block;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 800px) {
	body {
		font-size: 16px;
		padding: 10px;
	}
	span.logon {
		font-size:14px;
	}
	#header-container {
		height: auto;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 0px !important;
		margin: -10px -10px 0;
	}
	#header-welcome{
		margin-top: 15px;
		text-align: center;
	}
	#header-welcome a:first-child {
		word-wrap: break-word;
	}
	#header-goto {
		margin-top: 10px;
		text-align: center;
		clear: inherit;
	}
	#header-goto a{
		display: inline-block;
		margin-top: 5px;
	}
	#navSubMenu {
		margin-top: 5px;
	}
	#navSubMenu div#nav-drop {
       	transform: translateX(-22.5%);
	}
	#seperator{
		margin: 0 -10px;
	}
	#seperator-fixed{
		display: none;
	}
	#profile-forum-link-container {
		display: block;
	}
	.profile-forum-links {
		margin: 10px auto;
	}
	div.content{
		padding: 15px 10px;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	div.gamelistings-tabs {
		font-size: 16px;
	}
	div.gamelistings-tabs a{
		display: block;
		margin-top: 10px;
	}
	ul.formlist{
		margin: 0;
	}
	ul.profile{
		margin: 0;
	}
	input[type="text"], input[type="submit"], input[type="password"], textarea, select{
		font-size: 16px;
		width: 95%;
	}
	textarea{
		resize: vertical;
	}
	.message-subject{
		text-align: center;
	}
	.message-head{
		text-align: center;
		float: none;
	}
	.reply > .message-head{
		text-align: right;
		float: right;
		word-wrap: break-word;
		max-width: 100%;
	}
	.thread > .message-subject{
		text-align: inherit;
	}
	.thread > .message-head{
		text-align: right;
		float: right;
		word-wrap: break-word;
		max-width: 100%;
	}
	TD.uniticon {
		width:15%;
		text-align:right;
	}
	TD.time {
		width:20% !important;
	}
	#chatboxtabs {
		font-size: 16px !important;
		padding-bottom: 10px;
	}
	.message-contents{
		word-wrap: break-word;
	}
	.top-nav {
		justify-content: left;
	}
	h1, h2, h3, h4 {
		color: #009902;
		margin-bottom:5px;
		word-wrap: break-word;
	}
	a {
		font-weight: bold;
		text-decoration:underline;
		word-wrap: break-word;
	}
	textarea.userSearch, input[type="text"].userSearch, input[type="password"].userSearch, select.userSearch{
		width: 80%;
	}
	input[type="submit"].home-submit{
		width: 40% !important;
		font-size: 14px !important;
	}
	.homeForumGroupNew {
		font-size: 14px !important;
	}
	.nav-wrap {
		width: 100% !important;
		flex-wrap: wrap;
		align-items: stretch;
		margin-top: 5px;

	}
	.profileUsername {
		text-align: center !important;
	}
	.modal-content {
		background-color: #fefefe;
		margin: auto;
	   	padding: 10px;
	   	border: 1px solid #888;
	   	width: 90%;
		max-width: 760px;
		font-size: 12px !important;
   }
   div.profile-show-floating {
		border-radius: 7px;
		display: flex;
		flex-direction: column
	}
	div.profile-show-inside-left {
		border-radius: 7px;
		padding: 5px;
		margin-right:0px;
		margin-top: 5px;
	}
	div.profile-show-inside {
		border-radius: 7px;
		padding: 5px;
	}
	div.profile-show-ranking {
		border-radius: 7px;
		padding: 5px;
		margin-right:0px;
	}
}