/*----------------------------------------------
 * CSS Settings For HTML Div ExactCenter
 * ------------------------------------------------*/
#main {
	width:320px;
	margin:10px; 
	align:center;
	color:black;
}
body {
        background-color: white;
}
span {
	color:red
}
h2 {
	width:250px;
	background-color:red;
	color: white;
	font-size: 16px;
	border-radius:10px 10px 10px 10px;
	padding:10px
}
hr {
	border:0;
	border-bottom:1px solid #ccc;
	margin:10px -40px;
	margin-bottom:30px
}
#login {
	width:280px;
	border-radius:10px;
	border:2px solid #ccc;
	margin-top:20px;
	padding:10px 10px 10px;
}
input[type=text],input[type=password] {
	width:220px;
	padding:10px;
	margin-top:8px;
	border:1px solid #ccc;
	font-size:16px;
	text-align:center;
}
input[type=submit] {
	width:200px;
	backGround-color:red;
	color:#fff;
	border:2px solid red;
	padding:10px;
	font-size:16px;
	cursor:pointer;
	border-radius:5px;
	margin-bottom:15px
}
#profile {
	padding:50px;
	border:1px dashed grey;
	font-size:16px;
	background-color:#DCE6F7
}
#logout {
	float:right;
	padding:5px;
	border:dashed 1px gray
}
a {
	text-decoration:none;
	color:#6495ed
}
i {
	color:#6495ed
}