body {
	margin: 0;
	background-color: #eee;
}

body, textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

label {
	font-weight: bold;
}

a {
	color:inherit;
	text-decoration: none;
}

.body {
	width: 750px;
	max-width: 100%;
	margin: auto;
}

form, .inner-body {
	padding: 0 25px;
	margin-bottom: 50px;
}

label {
	margin-top: 8px;
	display: inline-block;
	width: 200px;
}

input, select {
	width: 100%;
}

input, select, textarea, button, .button {
	margin: 12px auto;
	padding: 10px 10px;
	display: inline-block;
}

textarea {
	resize: vertical;
	display: block;
	width: 100%;
}

::placeholder {
	color: #939393;
}


button, .button, input[type=submit] {
	color: #ffffff;
	cursor: pointer;
	border-style: solid; 
	border-radius: 2px;
	border-width: 2px;
	display: block;
	box-shadow: 0px 0px 7px 1px #5e636f50;
	box-sizing: border-box;
	height: 42px;
	text-align: center;
	font-weight: bold;
}
.red {
	background-image: linear-gradient(0, #A82020 50%, #BA5354 50%, #B24040 100%);
	border-color: #A82020;
}
.green {
	background-image: linear-gradient(0, #46B23A 50%, #71C265 50%, #61BC55 100%);
	border-color: #46B23A;
}
.blue {
	background-image: linear-gradient(0, #58A1FF 50%, #7FB4FA 50%, #76AFFC 100%);
	border-color: #58A1FF;
}
.yellow {
	background-image: linear-gradient(0, #E0A81D 50%, #E4BB52 50%, #E2B33D 100%);
	border-color: #E0A81D;
}
.grey {
	background-image: linear-gradient(0, #7e7e7e 50%, #9a9a9a 50%, #909090 100%);
	border-color: #7e7e7e;
}


input[type=text], input[type=date], input[type=number], input[type=password], select, textarea {
	border: 1px solid #7d7d7d;
	box-sizing: border-box;
}

h1, h2, h3 {
	width: 100%;
}

.header {
	width: 100%;
	margin-bottom: 70px;
}
.header>div {
	display: block;
	margin-top: 250px;
}
.header>a {
	display: block;
	padding: 15px;
	color: #838383;
	border-top-style: solid;
	border-top-color: transparent;
	border-top-width: 5px;
}

.header>a[selected] {
	font-weight: bold;
	color: #7544A0;
	border-top-color: #7544A0;
}

@media only screen and (min-width: 770px) {
	input, select {
		width: 495px;
	}
	.header {
		height: 80px;
		margin-bottom: 0px;
	}
	.header>div {
		display: inline-block;
		margin-top: 0;
	}
	.header>a {
		float: right;
	}
}


.page-title {
	text-align: left;
	margin-top: 0;
	padding-bottom: 20px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
}

.logout {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	border-top-style: solid;
	border-top-color: transparent;
	border-top-width: 5px;
	padding: 15px;
	color: #838383;
	cursor: pointer;
}