* {
    box-sizing: border-box;
}

html, body, #pagewrapper, #maincontent {
	min-height: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: arial;
}
form {
	margin:0;
}
img {
	border:0;
}

/* === Convenience Classes === */
.hidden {
    display: none;
}

.clear {
    clear: both;
}

/* ==== inputs ==== */

@media only screen and (min-width:320px) {
    
	input[type=text], input[type=password] {
		width:100%;
		background-color:#eee;
		padding:12px;
		margin-bottom:15px;
		font-size:16px;
		border:none;
	}
    
}

@media only screen and (min-width:780px) {
    
    input[type=text], input[type=password] {
        width:inherit;
    }
    
}

input[type=text].small, input[type=password].small {
	font-size:9px;
}

textarea {
	border:1px solid #888888;
	background:white;
	color:black;
	padding:4px;
	font-size: 12pt;
}
select {
	border:1px solid #ccc;
}
select.small {
	font-size:9px;
}

/* ==== buttons ==== */

@media only screen and (min-width:320px) {
    
	input[type=submit], input[type=button] {
		width:100%;
		padding:15px;
		padding-right:30px;
		padding-left:30px;
		font-size:16px;
		border:none;
		background:none;
		background-color:#ADAFAC;
		color:white;
		margin-right:0;
		margin-left:auto;
		-webkit-appearance:none;
        border-radius:4px;
	}
	input[type=submit]:active, input[type=button]:active {
		background-color:#828381;
		background-image:none;
		color:#999;
	}
	input[type=submit]:disabled, input[type=button]:disabled {
		background-image:#eee;
		color:#999;
	}
	input[type=submit].small, input[type=button].small {
		font-size:9px;
	}
    
}

@media only screen and (min-width:780px) {
    
	input[type=submit], input[type=button] {
		width:auto;
	}
}