body{
	margin:0px;	
	background-color:rgb(210,210,210);
	background-image:url("/graphics/background.jpg");
	font-family:Arial, Helvetica, sans-serif;
}

div, table{
	width:100%;
	min-width:400px;
	max-width:1200px;
	margin:auto;
}

#header {
	font-size:60px;
	text-indent: 20px;
	margin:auto;
	background-color:rgb(210,210,210);
}

.idx{
	margin:auto;
	background-color:rgb(140,100,150);
	color:rgb(200,200,200);
	text-align:center;
	vertical-align:top;
	font-size:2.5em;
	text-shadow: 2px 2px 4px rgb(0,0,0), 0px 0px 1px rgb(255,255,255);

}

.idx td:hover{
	background-color:rgb(200,100,200);
	cursor:pointer;
}

.idx select {
	background-color:rgb(140,100,150);
	color:rgb(200,200,200);
	font-size:1em;
	font-weight:700;
	cursor:pointer;
	text-shadow: 2px 2px 4px rgb(0,0,0), 0px 0px 1px rgb(255,255,255);
	border:none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.idx select:hover{
	background-color:rgb(200,100,200);
}

.quad table{
	background-color:rgb(80,80,80);
	border-spacing: 14px;
	border: none;
}

.quad td{
	vertical-align:top;
}


table.calendar {
	background-color:rgb(80,80,80);
	padding:10px;
	border-spacing: 12px;
	font-size:12pt;
}

table.smallcal {
	font-size:8pt;

}

.calendar th, .smallcal th{
	color:rgb(240,240,240);
	text-shadow: 1px 1px 2px rgb(0,0,0);
	font-size:1.6em;

}

.calendar td {
	width:14%;
	height:100px;
	text-align:left;
	vertical-align:text-top;

}

.smallcal td {
	height:60px;
	text-align:left;
	vertical-align:middle;

}

.monthtitle {
	font-size:2.2em;

}

td.open, td.Pencil, td.Booked, td.closed {
	color:rgb(80,80,80);
	padding-left: 14px;
	font-size:1.2em;
	font-weight:700;
	border-radius: 10px 30px 10px 30px;
	-moz-border-radius: 10px 30px 10px 30px;
}


.daynum {
	font-weight:900;
	font-size:2.0em;

}

#today {
	color:rgb(220,70,80);
	text-shadow: inset 1px 1px 2px rgba(255,255,255,0.8);
}

td.open {
	background-color:rgb(200,200,200);
	text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
	box-shadow: inset 3px 3px 4px rgba(255,255,255,0.8), 3px 3px 4px rgba(20,20,20,0.5);

}

td.closed {
	background-color:rgb(80,80,80);
	color:rgb(200,200,200);
	text-shadow: 1px 1px 2px rgb(050,050,050);
	box-shadow: 2px 2px 2px rgba(255,255,255,0.6),inset 2px 2px 4px rgba(20,20,20,0.6);

}

td.Pencil {
	color:rgb(200,200,200);
	background-color:rgb(120,120,120);
	text-shadow: 1px 1px 2px rgb(050,050,050);
	box-shadow: 1px 1px 2px rgba(20,20,20,0.6),inset 1px 1px 2px rgba(255,255,255,0.6);

}

td.open:hover, td.Pencil:hover {
	background-color:rgb(140,100,150);
	color:rgb(200,200,200);
	text-shadow: 1px 1px 2px rgb(050,050,050);
	cursor:pointer;

}

td.Booked {
	color:rgb(200,200,200);
	background-color:rgb(90,90,90);
	text-shadow: 1px 1px 2px rgb(050,050,050);
	box-shadow: 2px 2px 2px rgba(255,255,255,0.6),inset 2px 2px 4px rgba(20,20,20,0.6);

}