body {
	background-color: #383e4b;

	color: #373737;

	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
}

* {
	box-sizing: border-box;
}

#container {
	width: 300px;

	background-color: #F5F5F5;
	border-radius: 2px;

	margin-left: auto;
	margin-right: auto;

	margin-top: 100px;

	padding: 20px;
}

#container img#logo {
	width: 200px;

	margin-left: 25px;
	margin-top: 20px;
}

input[type="text"], input[type="password"] {
	width: 100%;
	height: 35px;
	line-height: 1em;

	margin-bottom: 10px;

	padding-left: 10px;
	padding-right: 10px;

	background-color: #BBBBBB;
	color: white;

	border: none;
}

input[type="text"]:focus, input[type="password"]:focus {
	outline: none;
}

::-webkit-input-placeholder {
   color: #FFFFFF;
}

:-moz-placeholder { /* Firefox 18- */
   color: #FFFFFF;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #FFFFFF;  
}

:-ms-input-placeholder {  
   color: #FFFFFF;  
}

button#loginBtn {
	width: 100%;
	height: 30px;

	line-height: 1em;

	margin-top: 10px;

	border: 0;
	border-radius: 2px;

	background-color: #2EBEFC;

	color: white;

	transition: background-color 0.4s;

	cursor: pointer;
}

button#loginBtn:focus {
	outline: none;
}

button#loginBtn:hover {
	background-color: #4BC7FC;
}

#forgotPwdTitle {
	font-size: 17px;
	font-weight: bold;
}

#forgotPwdText {
	margin-top: 10px;
}

#loginMsg {
	display: none;
	color: red;
}