@font-face {
    font-family: Calibri;
}
body {
	font: 0.87em/1.5 Calibri; 
	margin: 0; padding: 0; 
	color: rgb(60, 62, 65); 
	position: relative;
	width:100%;
}
div {
	margin-left: auto;
    margin-right: auto;
    width: 80%;
	text-align: center;
}
h2 {
	color: rgb(60, 62, 65); 
	margin: 0px 0px 10px;
	font: 28px/normal Calibri; 
}

.dc-logo {
	background-image: url("logo-background.png");
    background-repeat: repeat-x;
}

html[data-useragent*='MSIE 10.0'] .dc-logo img, html[data-useragent*='MSIE 9.0'] .dc-logo img,
html[data-useragent*='MSIE 8.0']  .dc-logo img, html[data-useragent*='MSIE 7.0'] .dc-logo img {
    border: none;
}

.login-title {
	font-weight: bold;
	padding: 1rem;
}

.login-fields {
	font-weight: bold;
}

.login-errors, .register-errors {
	color: red;
	padding: 1rem;
}

.registered {
	color: green;
}

.login-success {
	color: green;
}

.creating-account {
	padding: 2rem;
}
.creating-account p{
	margin: 0;
	padding: 0;
}

.logout-msg {
	padding-top: 3em;
	padding-bottom: 1em;
	font-weight: bold;
	font-size: 20px;
}
.login-again {
	padding-top: 1em;
	padding-bottom: 1em;
}

.footer {
	font-size: 0.8em;
	text-align: center;
	padding: 3rem 0 4rem;
	width: 80%;
}