@import http://fonts.googleapis.com/css?family=Raleway;
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#main {
width:960px;
margin:50px auto;
font-family:raleway
}
span {
color:red
}
h2 {
background-color:#f5f5f5;
text-align:center;
border-radius:10px 10px 0 0;
margin:-15px -40px;
margin-bottom:0px;
padding:15px
}
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
	float:left;
	border-radius:10px;
	font-family:raleway;
	border:2px solid #ccc;
	padding:10px 40px 25px;
    position: absolute;
    left: 54%;
    top: 37%;
    text-align: lefts;        
    width:330px;
    height:355px;
    margin-left: -273px; /*half width*/
    margin-top: -132px; /*half height*/
	background-color: #f5f5f5;
}
#reset {
	float:left;
	border-radius:10px;
	font-family:raleway;
	border:2px solid #ccc;
	padding:10px 40px 25px;
    position: absolute;
    left: 54%;
    top: 37%;
    text-align: lefts;        
    width:330px;
    height:490px;
    margin-left: -273px; /*half width*/
    margin-top: -132px; /*half height*/
	background-color: #f5f5f5;
}
input[type=text],input[type=password] {
width:94.5%;
padding:5px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
}
input[type=submit] {
width:48%;
background-color: #1d6cb0;
background-image: linear-gradient(to bottom, #2384d3, #15497c);
color:#fff;
border:2px solid rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
padding:7px;
font-size:15px;
cursor:pointer;
border-radius:10px;
margin-top:10px;
margin-bottom:15px;
margin-right:5px;
float:left;
}
#profile {
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7
}
#logout {
float:right;
padding:5px;
border:dashed 1px gray
}
a {
text-decoration:none;
color:#6495ed
}
i {
color:#6495ed
}