/* Below line is used for online Google font */
/* @import url(http://fonts.googleapis.com/css?family=Droid+Serif); */
h2{
text-align: center;
font-size: 24px;
color: black;
}
hr{
margin-bottom: 30px;
}
div.container{
width: 99%; /*1020px; */
height: 100%; /*450px; */
margin:10px auto;
font-family: 'Droid Serif', serif;
position:relative;
}


div.main{
width: 320px;
float:left;
padding: 10px 55px 40px;
background-color: rgba(187, 255, 184, 0.65);
border: 15px solid white;
box-shadow: 0 0 10px;
border-radius: 2px;
font-size: 13px;
}
input[type=text],select, textarea , date,[type=number],[type=password] {
width: 97.7%;
height: 22px;
border-radius: 5px;
padding-left: 4px;
margin-bottom: 2px;
margin-top: 1px;
box-shadow: 0 0 5px #8d8e4c;
border: 1px solid #116A6E;
color: #4f4f4f;
font-size: 12px;
}


input[type=date]{
width: 97.7%;
height: 22px;
border-radius: 5px;
padding-left: 4px;
margin-bottom: 2px;
margin-top: 1px;
box-shadow: 0 0 5px #8d8e4c;
border: 1px solid #116A6E;
color: #4f4f4f;
font-size: 12px;
}


label{
color: #464646;
text-shadow: 0 1px 0 #fff;
font-size: 12px;
font-weight: bold;
padding-right:10px;
}

#register {
font-size: 20px;
margin-top: 5px;
background: linear-gradient(#22abe9 5%, #36caf0 100%);
border: 1px solid #0F799E;
padding: 7px 35px;
color: white;
text-shadow: 0px 1px 0px #13506D;
font-weight: bold;
border-radius: 2px;
cursor: pointer;
width: 100%;
}
#register:hover{
background: linear-gradient(#36caf0 5%, #22abe9 100%);
}



body {
			font-size: 12px;
			color: #0a0103;
			font-family: "segoe-ui", "open-sans", tahoma, arial;
			padding: 5;
			margin: 5;
			background: #f8f8f3;
			margin-top: 1px;
		}
h3 {
			font-size: 20px;
			color: #0c0f08;
			font-family: "segoe-ui", "open-sans", tahoma, arial;
			padding: 1px;
			margin: 5;
		}	
h4 {
			font-size: 18px;
			color: #f5e2e9;
			font-family: "segoe-ui", "open-sans", tahoma, arial;
			padding: 1px;
			margin: 5;
		}
h5 {
			font-size: 13px;
			color: yellow;
			font-family: "segoe-ui", "open-sans", tahoma, arial;
			padding: 1px;
			margin: 5;
		}		
		


textarea:focus {
	background-color: #f1fdde; /*#f1f8a4; */
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana;
	border: 1px solid black;
}
select:focus {
	background-color: #f1fdde; /*#f1f8a4; */
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana;
	border: 1px solid black;
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #BCBC72;
    color: black;
    padding: 6px 18px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #A3A30B; /* #45a049; */
	color: red;
	font-weight: bold;
}

/* Add a background color and some padding around the form */
.container {
    border-radius: 5px;
    background-color: #f0f2e1;
    padding: 2px;
} 

input:focus {
    background-color: #f1fdde; /*#f1f8a4; */
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana;
	border: 1px solid black;
}