html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

* {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {
	border: #abc thin solid;
	height: 1.75rem;
	padding: 3px 0px 3px 5px;
	width: 100%;
	max-width: 20rem;
	color: #666;
}

input:focus {
	border-color: #09f;
}

select {
	border: #abc thin solid;
	height: 1.75rem;
	color: #666;
}

select:focus {
	border-color: #09f;
}

textarea {
	border: #abc thin solid;
	color: #666;
	width: 100%;
	padding: 0px 5px;
}

::-webkit-input-placeholder {
	color: #d2d2d2;
	font-style: italic;
}

:-moz-placeholder, ::-moz-placeholder {
	color: #d2d2d2;
	opacity: 1;
	font-style: italic;
}

::-moz-placeholder {
	color: #d2d2d2;
	opacity: 1;
	font-style: italic;
}

:-ms-input-placeholder {
	color: #d2d2d2;
	font-style: italic;
}

#content {
	margin: 0 auto;
	padding: 0;
	min-width: 320px;
	max-width: 480px;
	min-height: 600px;
	background-color: #fff;
	text-align: center;
}

#banner {
	margin: 0;
	background-color: #fff;
	padding: .5rem 0rem;
}

#title {
	margin: 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #069;
}

.small {
	font-size: .75rem;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.headline {
	font-size: 1.25rem;
	font-weight: bold;
	color: #069;
}

.red {
	color: #f00;
}

.green {
	color: #009900;
}

.hidden {
	display: none;
}

.float-right {
	float: right;
}

.float-none {
	clear: both;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.blue {
	color: #003399;
}

.tb-borders {
	border-top: 1px solid #069;
	border-bottom: 1px solid #069;
}

.center {
	text-align: center;
}

.underline {
	text-decoration: underline;
}

.disabled{pointer-events:none;opacity:0.6;}