/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
	background-color:#ffffff;
	color:#333333;
	font-size: 14px;
	font-family: "Georgia", Verdana, Times, serif;
	min-width: 800px;
	margin-left: 20px;
	margin-top: 20px;
	position: relative;
    padding-bottom: 4rem;
    min-height: 95%;
}

.h1
{
font-size:28px;
}

.maincontent
{

min-width: 500px;
width: 60%;
line-height: 150%;
}

.toper {
	margin-right: 10px;
	margin-top: 50px;
	float: right;
	font-size:20px;
}

ul.nav {
	margin-left: -20px;
	margin-top: 0px;
	list-style-type: none;
	padding: 0;
	overflow: hidden;
	background-color: #9fa8ff;
	/*background-image: url("../images/logo13.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 150px;*/
	font-size:20px;
}

ul.nav li{
  float: left;
}

ul.nav li a {
  display: block;
  color: black;
  text-align: center;
  padding: 15px 25px;
  text-decoration: none;
}

ul.nav li a:hover:not(.active) {
  background-color: #424fd2;
  color: white;
}

ul.nav .active {
  background-color: #0d6c90;
  color: white;
}


ul.reg {
  list-style-type:circle;
  
}

ul.reg li {
  padding: 3px;
  margin-left: 35px;
}

.foottext {
	font-size: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 15;
	/*padding: 1rem;*/
}

#mainpage {
	background-image: url("../images/ss03.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 40%;
	
}

#toolspage {
	background-image: url("../images/ss05.jpg");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 40%;
	
}

input[type='text']
{
	width: 200px;
	border-radius: 2px;
	border:1px solid #999999;
	padding-left: 5px;
	font-size: 14px;
	font-family: "Georgia", Verdana, Times, serif;
}

label
{
/*width: 150px; */
font-size: 14px;
font-family: "Georgia", Verdana, Times, serif;
}

input[type='submit']
{
	width: 200px;
	border-radius: 2px;
	border:1px solid #999999;
	padding-left: 5px;
	font-size: 14px;
	font-family: "Georgia", Verdana, Times, serif;
}

textarea {
	width: 400px;
	border-radius: 2px;
	border:1px solid #999999;
	padding-left: 5px;
	font-size: 14px;
	height: 150px;
	font-family: "Georgia", Verdana, Times, serif;
	
}

a {
	text-decoration:none;
}

.error { display:none; color:#D8000C; font-size: 12px; background-color:#FFBABA; border:solid 1px #e06d6d; width:400px; border-radius: 3px; }
.success { display:none; color:#044406;  font-size: 12px; background-color:#B7FBB9; border:solid 1px #65d668; width:400px; border-radius: 3px; }
.error img { vertical-align:top; }


