@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
/*//to load google fonts in our page.*/
body{
    margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;
    padding: 0; width:100%;
}
#form{
	color: #123456;
	box-shadow: 0px 1px 1px 1px gray;
	font-Weight: 400;
	font-size: 16px;
	margin: 0px 0px 0 0px;
	float: left;
	height:720px;
	width:270px;
	background-image:url(pattern.png);
}
#form div{
padding:10px 0 0 30px;
}
#form label{
color:white;
font-family: 'Roboto', serif;
}
h3{
margin-top:0px;
color:#FDFDF5;
background-color:#006A94;
text-align:center;
width:100%;
height:65px;
padding-top:10px;
}
#mainform{
width:160%;
margin:0px 0 0 0;
padding-top:0px;
font-family: 'Roboto', serif;
}
#mainform h2{
width:100%; float:left;
}
input{
width:90%;
height:25px;
margin-top:4px;
margin-bottom:20px;
border-radius:3px;
padding:1px;
box-shadow:0px 1px 1px 0px darkgray;
font-family: 'Roboto', serif;
}
.innerdiv{
width:65%; float:left;
}
input[type=button]{
margin-top:20px;
background-color:#006A94;
border:1px solid white;
font-family: 'Roboto', serif;
font-Weight:bold;
font-size:18px;
color:#FDFDF5;
}
#clear{clear:both;
}