body
{
	margin: 1em 0 5em 0;
	padding: 0;
	background-color: #000; /* #0F0; /*green*/
	font-family: "trebuchet ms", arial, "liberation sans";
	font-weight: bold;
	color: #fff;
	font-size:20px;
}

div.box_div
{
	margin: 0 auto;
	border: .1em solid #444;
	border-radius: 15px;
	box-shadow: .2em .2em 1em #444;
	-webkit-box-shadow: .2em .2em 1em #444;
}

div.box_top_div
{
	background-color: #000;
	width:28em;
	color: #fff;
	font-weight: bold;
}
div.box_bottom_div
{
	background-color: #000;
	width:28em;
	color: #fff;
	font-weight: bold;
}

div.box_body_div
{
	background-color: #fff;
	width:28em;
	color: #000;
	border-bottom-left-radius: .2em;
	border-bottom-right-radius: .2em;
}

div#login_div
{
	width: 28em;
}

div#reservation_div
{
	width: 28em;
}

div#reservation_top_div
{
	display: table;
	margin: 0 auto;
	padding: .5em 0;
	border-radius: .5em;
}
div#reservation_bottom_div
{
	display: table;
	margin: 0 auto;
	padding: .5em 0;
}

div#reservation_top_left_div
{
	display: table-cell;
	padding-left: 1em;
	text-align: left;
}
div#reservation_bottom_left_div
{
	display: table-cell;
	padding-left: 1em;
	text-align: left;
}
div#logintext_div
{
	text-align:center !important;
}

div#reservation_top_center_div
{
	width: 30em;
	display: table-cell;
	text-align: center;
	vertical-align:middle;
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom:.3em;
	padding-top:.3em;
}
div#reservation_bottom_center_div
{
	width: 30em;
	display: table-cell;
	text-align: center;
	vertical-align:middle;
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom:.3em;
	padding-top:.3em;
}

div#reservation_top_right_div
{
	display: table-cell;
	padding-right: 1em;
	text-align: right;
}
div#reservation_bottom_right_div
{
	display: table-cell;
	padding-right: 1em;
	text-align: right;
}

div#reservation_table_div
{
	display: none;
	opacity: 0;
}

div.reservation_time_div
{
	display: table;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

div.reservation_time_cell_div
{
	display: table-cell;
	width: 25em;
	height: 4em;
	vertical-align: middle;
	text-align: center;
	background-color:#B0E6FF;
	font-family: arial, "liberation sans";
	font-size: 2em;
	text-transform:capitalize;
	border: 0;
	border-radius: .5em;
	box-shadow: .1em .1em .2em #444;
	-webkit-box-shadow: .1em .1em .2em #999;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.empty
{
	background-color:#0F9;
}
div#reservation_details_div
{
	display: none;
	position: absolute;
	z-index: 200;
	background-color: #000;
	font-size: 1.5em;
	box-shadow: .2em .2em 10px #000000;
	-webkit-box-shadow: .2em .2em 10px #000000;
}

span#today_span
{
	color: #fff;
	font-weight: bold;
}

/* Tables */

table th
{
	text-align: left;
	font-weight: bold;
}

table#reservation_table
{
	width: 100%;
	border-bottom: .1em solid #000000;
	border-spacing:0;
}

table#reservation_table th, table#reservation_table td
{
	padding: .3em .3em;
	vertical-align: middle;
	text-align: left;
}

table#reservation_table colgroup#reservation_time_colgroup
{
	width:30%;
}

table#reservation_table colgroup#reservation_day_colgroup
{
	width: 70%;
}

table#reservation_table td#reservation_corner_td
{
	text-align: center;
	border-right: .1em solid #000000;
	border-spacing:0;
}

table#reservation_table th.reservation_time_th
{
	border-right: .09em solid #000000;
	border-spacing:0;
	font-weight: bold;
	text-align: center;
	font-size: 1.5em;
}

table#reservation_table th.reservation_day_th
{
	font-weight: bold;
	font-size: 1.5em;

}

.button
{
	padding: .2em;
	background-color: #000;
	color: #B0E6FF;
	font-weight:bold;
	font-size:1.2em;
	border-radius: .3em;
	box-shadow: .1em .1em .2em #444;
	-webkit-box-shadow: .1em .1em .2em #B0E6FF;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.button2
{
	padding: .2em;
	background-color: #000;
	color: #fff;
	font-weight:bold;
	font-size:1.2em;
	border-radius: .3em;
	box-shadow: .1em .1em .2em #444;
	-webkit-box-shadow: .1em .1em .2em #B0E6FF;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.week_arrow
{
	color: #AAA;
	font-weight:bold;
	font-size:1.2em;
}
input
{
	font-family: arial, "liberation sans";
	font-size: 2em;
}

input[type=text], input[type=password]
{
	width: 6em;
	padding: 0.7em;
	font-size: 2em;
	border-radius: 0.5em;
	box-shadow: .1em .1em .2em #444;
	-webkit-box-shadow: .1em .1em .2em #B0E6FF;
	-webkit-appearance: none;
}

input[type=button], input[type=submit]
{
	padding: .8em;
	background-color: #B0E6FF;;
	color: #000;
	font-weight:bold;
	font-size:2em;
	border-radius: .5em;
	box-shadow: .1em .1em .2em #444;
	-webkit-box-shadow: .1em .1em .2em #B0E6FF;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

input.small_button
{
	padding: 4em;
	font-weight:bold;
}

input.blue_button
{
	background-color: #000000;
	font-weight:bold;
}

input#price_input
{
	width: 2em;
	text-align: center;
	font-weight:bold;
}

input#reservation_today_button
{
	visibility: hidden;	
}

/* Headlines */

h1
{
	margin: .5em 0;
	color: #000;
	text-align: center;
	font-size: 2.4em;
	font-weight: bold;
}

h2
{
	margin: .5em 0;
	color: #000;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

h3
{
	color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;
}

/* Paragraphs */

p.center_p
{
	text-align: center;
	color: #000;
}

p.smalltext_p
{
	font-size: 1.2em;
	color: #000;
	font-weight:bold;
}

p.bold_p
{
	font-weight: bold;
	color: #000;	
}

p.blue_p
{
	color: #fff;
}

p#login_message_p
{
	color: #fff;
	font-weight: bold;
}

p#new_user_message_p
{
	display: none;
}

p#user_administration_message_p
{
	display: none;
}

p#database_administration_message_p
{
	display: none;
}

p#system_configuration_message_p
{
	display: none;
}

p#usage_message_p
{
	display: none;
}

p#settings_message_p
{
	display: none;
}

/* Lists */

ul
{
	padding: 0 0 0 3em;
}

li
{
	padding-bottom: 1em;
}

/* Links */

a
{
	color: #fff;
	font-weight:bold;
	font-size:2em;
	text-decoration:none;
	text-align:center;
}
a:hover {
	color: #B0E6FF;
	font-weight: bold;
	font-size:1.2em;
	text-decoration: none;
}

div.box_top_div a
{
	color: #fff;
}
div.box_bottom_div a
{
	color: #fff;
}

div#header_div a
{
	color: #fff;
}

div#reservation_top_div a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;
}
div#reservation_bottom_div a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;
}
/* Vertical lines */

hr
{
	height: .1em;
	margin: 3em 0;
	background-color: #000000;
	border: 0;
}

hr.blue_hr
{
	background-color: #000000;
}

hr.thick_hr
{
	height: .2em;
}

/* Animations */

.div_fadein
{
	opacity: 1 !important;
	-webkit-transition: opacity 0.25s ease-in;
	-moz-transition: opacity 0.25s ease-in;
	-o-transition: opacity 0.25s ease-in;
	-ms-transition: opacity 0.25s ease-in;
}

#arrows
{
height: 90pt;
}

#symbols
{
height: 100pt;
}