body {
	font-family: system-UI;  /*font-family: Courier, monospace; */
	font-size: 1rem;
}	

a:link {
	color: #aa66ff;	
}

a:visited {
	color: #aa66ff;	
}

a:hover {
	color: #dd88ff;	
}

a:active {
	color: #dd88ff;	
}

input, label {
    display:block;
}

h3 {
	margin: 0px 0px;
}

.h2line {
  margin: 0px 0px 0px 0px;
}

img.imgMaxSize {
    max-width: 900px;
    max-height: 900px;
}




/* .h2line {
  margin: 0px 0px 0px 0px;
  position: relative;
  width: 1000px;
  max-width: 1000px;
  margin: 0px auto;
  text-align: center;
}

.h2line:before {
  content:" ";
  height: 2px;
  width: 25%;
  background: #aa66ff;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  }

.h2line:after {
  content:" ";
  height: 2px;
  width: 130px;
  background: #aa66ff;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
}  */

input[type="checkbox"] {
  z-index:100;
  appearance: none;
  background-color: #000;
  margin: auto;
  font: inherit;
  color: currentColor;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
  /*transform: translateY(-0.075em);
  border-radius: 0.15em;*/
}

input[type=checkbox]:checked
{
  background-color: #222;
  border: 1px solid #90EE90;
  content:"";
}

/*
.container:hover input ~ .checkmark {
  background-color: #000;
}

.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  display: block;
}

.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}*/

.avatarDiv {
	position: relative;
	background-color: #222;
	padding: 10px 10px 0px 10px;	
	display: inline-block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 	
}

.avatarImg {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 	
	text-align: center;
}

.avatarName {
	 position: absolute;
	 line-height: 2rem;
	 width: 200px;
	 background-color: rgba(0,0,0,0.7);
	 text-align: center;	 
	 bottom: 90px;
	 /*text-align: bottom; */
}

.readPostText {
	padding-top: 10px;	
	font-size: 1.4rem;
	/*line-height: 1.6rem; */
}

.inputfieldforum {
	font-family: system-UI;
	font-size: 1.4rem;
	/* line-height: 1.6rem; */
	/* color: #aa66ff; */
	color: #88BB88;
	background-color: #222;
	border: 1px;
	border-style: solid;
	border-color: #dd88ff;	
	padding: 5px 10px;
	margin-bottom: 10px;
	display: inline-block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
}

.inputfieldforum:focus {
	background-color: #111;
	border-color: #dd88ff;	
	color: #90EE90;
	outline: none;
}

.inputfieldforum::placeholder {
	color: #88BB88;
}

input[type=submit] {
	font-family: system-UI;
	font-size: 1rem;
	line-height: 1rem;
	color: #aa66ff;
	background-color: #222;
	border: 1px;
	border-style: solid;
	border-color: #dd88ff;	
	padding: 8px 15px;
	margin-bottom: 15px;
	display: inline-block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
	text-decoration: underline;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: #111;
	border-color: #dd88ff;	
	color: #dd88ff;
	cursor: pointer;
}

input[type=button] {
	font-family: system-UI;
	font-size: 1rem;
	line-height: 1rem;
	color: #aa66ff;
	background-color: #222;
	border: 1px;
	border-style: solid;
	border-color: #dd88ff;	
	padding: 8px 15px;
	margin-bottom: 15px;
	display: inline-block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
	text-decoration: underline;
	cursor: pointer;
}

input[type=button]:hover {
	background-color: #111;
	border-color: #dd88ff;	
	color: #dd88ff;
	cursor: pointer;
}

input[type=button].smallerButtons {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 2px 5px;
	line-height: 1.4rem;
	text-decoration: none;
}

input[type=button]:hover.smallerButtons {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 2px 5px;
	line-height: 1.4rem;
	text-decoration: none;
	}

.taforum {
	width: 97%;
	font-family: system-UI;
	font-size: 1.4rem;
/*	line-height: 1.6rem; */
	/* color: #aa66ff; */
	color: #88BB88;
	background-color: #222;
	border: 1px;
	border-style: solid;
	border-color: #dd88ff;	
	padding: 5px 10px;
	margin-bottom: 10px;
	display: inline-block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
}

.taforum:focus {
	background-color: #111;
	border-color: #dd88ff;	
	color: #90EE90;
	outline: none;
}

.taforum::placeholder {
	color: #88BB88;
}

/*
.buttonforum {
	font-family: system-UI;
	font-size: 1rem;
	line-height: 1rem;
	color: #aa66ff;
	background-color: #222;
	border: 1px;
	border-style: solid;
	border-color: #dd88ff;	
	padding: 10px 15px;
	display: inline-block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
	text-decoration: underline;
	cursor: grab;
}

.buttonforum:hover {
	background-color: #111;
	border-color: #dd88ff;	
	color: #dd88ff;
	cursor: grab;
}
*/

.texttop {
	vertical-align: top;
}

.textc {
	text-align: center;
}

.textl {
	text-align: left;
}

.textr {
	text-align: right;
}

.blankletter {
	word-spacing: 1rem;
}

.pad1left {
	padding-left:1rem;
}

.pad1right {
	padding-right:1rem;
}

/*
.pad10right {
	padding-right:10px;
}

.mar10right {
	margin-right:10px;
}*/


.nobreak {
	display:inline;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}

.20w {
	width:40%;
}

.40w {
	width:40%;
}

td.20w {
	width:40%;
}

td.40w {
	width:40%;
}

.grayroundback {
	background-color: #222;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
}

.sectionroundback {
	background-color: #111;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
}

.htmlroundback {
	background-color: #000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
}