html
{


	background-image:url(/img/background.jpg);
	background-color:grey;
	background-position:top center;
	background-repeat:no-repeat;
}

body
{


	list-style-type: none;
	list-style: none;

	margin:auto;
	padding:0;
	height:100%;
	border:none;
	font-family:"OCR A", "OCR A Std", "OCR A Extended", "ONE DAY", sans-serif;
	border-style:solid;
	border-color:transparent;

}


main {
	align-self: center;
  margin:auto;
  padding: 1% 1% 1% 1%;
	min-width:220px;
	max-width:800px;
  background-color: grey;
	border:none;
	border-radius:20px;
	border: outset lightgray 4px;

  box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
}

main > h1, p, .browser {
  margin: 10px;
  padding: 5px;
}

.browser {
  background: grey;
}

.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}

p-contact{
	color:#C0C0C0;
	padding: 60px;

}

p, .noselect{
user-select: none;
}

.contact{
	position:relative;
	align-content: center;
	float:inherit;
	min-width:60%;
	margin:auto;
	max-width:900px;
	padding: 0px 0px 20px 0px;
	}


.contact-form {
	align-self: center;
	font-family: Arial;
	color: #000;
	background-color: lightgray;
	height: 92%;
	width: 92%;
	min-width:60%;

	max-width:880px;
	margin:auto;
	padding: 20px 0px 0px;
	border: outset white 8px;
	border-radius:20px;
	position: relative;
	text-align: center;
	z-index: 0;
}


h1signup
{
	margin: 0;
	padding: 0;
  color: #A1A1A1;
	font-family:"OCR A", "OCR A Std", "OCR A Extended", "ONE DAY", sans-serif;
	font-size:24px;
}


h1register
{
	margin: 0;
	padding: 0;
  color: #A1A1A1;
	font-family:"OCR A", "OCR A Std", "OCR A Extended", "ONE DAY", sans-serif;
	font-size:24px;
}

input  {
  margin:8px;
  background-color: #fff;
	list-style: none;
	  list-style-type: none;
  text-align: center;
  font-weight:300;
  font-size:36px;
	color:#0069b8;
  width: 420px;
  border-color: #000;
  padding: 20px 20px 20px 20px;
  border-radius:10px;
  box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
  font-family:"OCR A", "OCR A Std", "OCR A Extended", "ONE DAY", sans-serif;
}

input[type=text]:focus {
	width: 420px;
  background-color: #D2F4FE;
  border-color: #000;
  padding:10px;
  border-radius:10px;
  /* and any other style */
}

input[type='text']:hover {
	width: 420px;
  -moz-box-shadow: 0px 0px 4px #ffffff;
  -webkit-box-shadow: 0px 0px 4px #ffffff;
  box-shadow: 0px 0px 4px #ffffff;
}

input[type=password]:focus {

  background-color: #D2F4FE;
  border-color: #000;
  padding:10px;
  border-radius:10px;
  /* and any other style */
}


textarea {
  font-family:inherit;
  font-size: inherit;
	  padding: 20px 20px 20px 20px;

}


.buttontexton {

  /* remove default behavior */
  appearance:none;
  -webkit-appearance:none;

  /* usual styles */
  margin:2px;
  padding:1px;
  border:none;
  background-color:#969696;

	width:80%;
	min-width:220px;
	margin:auto;
	max-width:980px;
	padding: 0px 0px 0px 0px;

  font-weight:700;
  border-radius:0px;
  width:120px;
  box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
  font-size:18px;
  font-family:"OCR A", "OCR A Std", "OCR A Extended", "ONE DAY", sans-serif;
	color:whitesmoke;
  cursor: pointer;
}


.buttontexton:hover {
  -moz-box-shadow: 0px 0px 14px 0px 0.5 #ffffff;
  -webkit-box-shadow: 0px 0px 0px 14px 0.5 #ffffff;
  box-shadow: 0px 0px 14px 0px 0.5 #ffffff;
	border-radius:10px;
	color:whitesmoke;
}

.passwordtext {
	color:whitesmoke;
}



.texton:hover {
  -moz-box-shadow: 0px 0px 14px 0px 0.5 #ffffff;
  -webkit-box-shadow: 0px 0px 0px 14px 0.5 #ffffff;
  box-shadow: 0px 0px 14px 0px 0.5 #ffffff;
	border-radius:10px;
	background-color:#C0C0C0;
	color:whitesmoke;

	font-size:24px;

}



.texton {
  -moz-box-shadow: 0px 0px 14px 0px 0.5 #ffffff;
  -webkit-box-shadow: 0px 0px 0px 14px 0.5 #ffffff;
  box-shadow: 0px 0px 14px 0px 0.5 #ffffff;
	border-radius:10px;
	background-color:#C0C0C0;

	font-size:24px;

}




.textonbar:hover {

	margin:2px;
  padding:1px;
  -moz-box-shadow: 0px 0px 14px 0px 0.8 #ffffff;
  -webkit-box-shadow: 0px 0px 0px 14px 0.8 #ffffff;
  box-shadow: 0px 0px 14px 0px 0.8 #ffffff;
	border-radius:3px;
	background-color:inherit;
	background-image: linear-gradient(../img/bg_nav_dn60_blue.jpg);
	color:whitesmoke;

	font-size:22px;
	font-weight: bold;

}



.textonbar {
	margin:2px;
  padding:1px;
  -moz-box-shadow: 0px 0px 14px 0px 0.8 #ffffff;
  -webkit-box-shadow: 0px 0px 0px 14px 0.8 #ffffff;
  box-shadow: 0px 0px 14px 0px 0.8 #ffffff;
	border-radius:3px;
	background-color:inherit;
	background-image:url(../img/bg_nav_drk60_blue.jpg);
	color:darkgrey;
	font-size:22px;
	font-weight: bold;

}

.text-area{
	background: white;
	font-family: 'Roboto';
	width:80%;
	min-width:220px;
	margin:auto;
	max-width:980px;
	padding: 0px 0px 0px 0px;
}

.id {
	background-color:lightgray;
	position: absolute;
top: -800px; left: -800px;
}


.website {
	border-style: none;
	display: none;
	display:none;

}

button {

  /* remove default behavior */
  appearance:none;
  -webkit-appearance:none;

  /* usual styles */


  background-color:#C0C0C0;
  font-weight:700;
  border-radius:10px;
border-style:hidden;
list-style: none;
  list-style-type: none;
  box-shadow:0 0 15px 4px rgba(0,0,0,0.06);

  font-family:"OCR A", "OCR A Std", "OCR A Extended", "ONE DAY", sans-serif;
  cursor: pointer;

	width:auto;
	font-size:24px;
	min-width:180px;
	margin:auto;
	max-width:980px;
	padding: 10px 10px 10px 10px;
}


button:hover {
  -moz-box-shadow: 0px 0px 14px #ffffff;
  -webkit-box-shadow: 0px 0px 14px #ffffff;
  box-shadow: 0px 0px 14px #ffffff;
}



.break {
	border-style:hidden;
	border-color: white;
	height: 1px;
}

.user-container {
	border-style: solid;
	border-color: #C0C0C0;
	width: 140px;
	background-color: rgba(245, 245, 245, 0.2);

	float: left;
}

.user-container img {
 float: none;
 border-color: #C0C0C0;
		padding-top: 8px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 8px;
		width: 90px;
}

.user-container div {
	float: left;
	border-style:none;


}

.deletebutton {
	/* remove default behavior */
	appearance:none;
	-webkit-appearance:none;

	/* usual styles */

	margin:8px;
	padding:2px;
	margin-left: 360px;
	border:none;
	background-color:#C0C0C0;
	color:#000;
	font-weight:600;
	border-radius:10px;
	width:220px;
	height: 23px;
	box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
	font-size:12px;
	font-family:"OCR A", "OCR A Std", "OCR A Extended", "ONE DAY", sans-serif;
	cursor: pointer;
}

.success {
	color:green;
	font-size:18px;
}


.error {
	color:red;
	font-size:18px;
}




/* REG STYLES */

form input[type=text], form select, .notice, form textarea
{
	background-color:#e0e0e0;
	border:0px solid #999999;
	padding:6px 6px 6px 6px;
	margin: 6px 6px 6px 6px;
	opacity: 0.6;
	color:#000;
	width: auto;

list-style-type: none;
list-style: none;

	border-radius:10px;
	box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
	font-weight:700;
	font-size:42px;
	font-family:"OCR A", "OCR A Std", "OCR A Extended", "ONE DAY", sans-serif;



}


form input[type=text]:hover
{
	background-color:#e0e0e0;
	border:4px solid #999999;
	padding:6px 6px 6px 6px;
	margin: 6px 6px 6px 6px;
	opacity: 0.8;
	color:#333333;
	width: auto;

list-style-type: none;
list-style: none;

	border-radius:10px;
	box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
	font-weight:700;
	font-size:42px;
	font-family:"OCR A", "OCR A Std", "OCR A Extended", "ONE DAY", sans-serif;



}

form input[type=password]:focus {
	background-color:#e0e0e0;
	border:4px solid #999999;
	padding:6px 6px 6px 6px;
	margin: 6px 6px 6px 6px;
	opacity: 1.0;
	color:#333333;
	width: auto;

list-style-type: none;
list-style: none;

	border-radius:10px;
	box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
	font-weight:700;
	font-size:42px;
	font-family:"OCR A", "OCR A Std", "OCR A Extended", "ONE DAY", sans-serif;



}