h1 {
	font-size: 35px;
	color: #0d0d0d;
	margin-bottom: 20px
}
div#login {
	padding: 30px 0;
	margin: 0
}
#login h1 {
	display: block;
	left: 0!important;
	margin: 0 auto 15px;
	width: 600px;
	font-size: 25px;
	line-height: 30px
}
#login #subm, #login input {
	display: block;
	box-sizing: border-box;
	border-width: 3px;
	padding: 10px 5px;
	margin: 0 auto 20px;
	width: 600px;
}
@media only screen AND (max-width:769px) {
	#login h1 {
		margin-left: 5%;
		width: 90%
	}
	#login #subm, #login input {
		margin: 0 5% 20px;
		width: 90%
	}
}
#login {
	background: #fff
}
#login input {
	border-style: solid;
	border-color: #cdcdcd
}
#login input:focus, #login input:hover {
	background: #D3F0FF;
	border-style: solid;
	border-color: #00aaff;
	outline: 0
}
#login #subm {
	background: #00aaff;
	color: #fff;
	border-style: solid;
	border-color: #00aaff
}
#login #subm:focus, #login #subm:hover {
	background: #0091D9;
	color: #fff;
	cursor: pointer;
	border-style: solid;
	border-color: #0091D9;
}
#login #name, #login #code, #login #subm {
	font-size: 20px;
	line-height: 25px
}
a.short {
	display: block;
	position: relative;
	left: 0;
	outline: 0;
	margin: 0 auto 1px;
	width: 600px;
}
a.short:hover, a.short:focus, a.short:active {
	text-decoration: underline;
	border: 0 none;
}
@media only screen AND (max-width:769px) {
	a.short {
		left: 0;
		width: 90%;
	}
}
a.short:active, a.short:focus, a.short:hover {
	margin-bottom: 0
}
#tipp_name {
	font-style: italic;
	margin: 0 auto 1em;
	width: 50%;
}