body { 
	font-family: "Times New Roman", Georgia, Serif;
}

.header {
	padding-top: 10px;
	padding-bottom: 10px;
}

.main-menu {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #008CBA;
	color: #FFF;
	font-size: 14px;
	margin-bottom: 20px;
}

.main-menu a {
	color: #FFF;
}

.menu-button {
	margin-right: 20px;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 17px;
}

.register-form {
	font-size: 14px;
}

input[type=text], input[type=email], input[type=password], select{
	height: 32px !important;
	font-size: 12px;
}

select {
	padding-top: 0px;
	padding-bottom: 0px;
}

.login-box {
	margin-top: 120px;
	border: 1px solid #DDD
}

.login-box img {
	margin-top: 8px;
	margin-bottom: 12px;
}

.login-title {
	font-weight: bold;
	margin-bottom: 20px;
	color: #FFF;
	font-size: 22px;
	background-color: #008CBA;
	text-align: center;
	padding: 4px;
}

.calendar-days {
	font-size: 11px;
	min-height: 75px;
	cursor: pointer;
}

.calendar-table td:hover {
	background-color: #CCC;
}

.calendar-reservation {
	text-align: center;
}

.calendar-reservation div {
	border: 1px solid #DDD;
}

.calendar-number {
	text-align: right;
	font-weight: bold;
}

.reservation {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #DDD;
	cursor: pointer;
	font-size: 13px;
}

.reservation.unavailable {
	cursor: default;
	background-color: #C55 !important;
	color: #FFF;
}

.reservation.selected {
	background-color: #5C5 !important;
	color: #FFF;
}

.reservation-form {
	margin-top: 18px !important;
	text-align: right;
}

.reservation.odd {
	background-color: #EEE;
}

.reveal-modal {
	position: fixed !important;
	top: 6.25rem !important;
}