/*
######################## Reservation System #########################
### |-----------------------------------------------------------| ###
### |      COPYRIGHT 2005 by bitsolution.ch c/o Lukas Stalder   | ###
### |      IT IS NOT ALLOWED TO REDISTRIBUTE OR RESELL THIS     | ###
### |      SCRIPT IN ANY WAYS WITHOUT MY EXPLICIT PERMISSION!   | ###
### |      -----------------------------------------------      | ###
### |      Programmiert im Auftrag für:                         | ###
### |      GERMANN.NEWMEDIA, Gewerbecenter Grünegg,             | ###
### |      CH - 9524 Zuzwil SG, +41(0)71 940 04 46              | ###
### |-----------------------------------------------------------| ###
#####################################################################
*/


.appReservation{ width:100%;}

.appReservation table{
	font-size:0.7em;
}


.appReservation #resReservation td{
	font-size:1em;
}

.appReservation .adminTable td{
	font-size:0.8em;
}
.appReservation .adminTable a {
	font-size:1em;
}

.appReservation .zip {
	width:5em;
}

.appReservation .city {
	width:13.4em;
}

.appReservation .input {
	width:100%;
	font-size:1em;
}

.appReservation td select {	
	font-size:1em;
}



.appReservation .zip{
	width:30%;
}

.appReservation .city{
	width:69%;
}

.appReservation .city, .appReservation .zip{
	font-size:1em;
}

.appReservation .calendar {
	float:left; 
	width:40%;
}

.appReservation .main {
	font-size:0.8em;
	float:right;
	width:58%;
}

.appReservation .main a{
	font-size:1em;
}

.appReservation .main table{
	font-size:0.85em;
}

.appReservation .calendar .legend {
	font-size:0.7em;
	margin-top:1em;
}

.appReservation .calendar .month td a {
	font-size:1em;
}

.appReservation .legendRow {
	margin-bottom:3px;
}
.appReservation .legendRow span{
	margin-right:1em;
}

.appReservation .funcsNav a{	
	font-size:0.7em;
}

.appReservation .month td{	
	padding:0px;
}





/* IDs */


.appReservation #adminOnly{
	background-color:#eeeeee;
}

.appReservation #list{
	line-height:1.8em;
	padding-left:0.5em;
}


.appReservation #onAddOption{
	font-size:0.85em;
	padding:0.5em;
	background-color:#f8f8f8;
	float:left;
	width:44%;
	min-height:15em;
}

.appReservation #onAddOptionAdmin{
	font-size:0.85em;
	padding:0.5em;
	background-color:#f8f8f8;
	float:left;
	width:44%;
	min-height:22em;
}

.appReservation #onAddOptionAdmin select{
	font-size:1em;
}

#onAddOptionAdmin + #onAddOptionAdmin{
	margin-left:0.8em;
}

#onAddOptionAdmin a{
	font-size:1em;
}




/* 
############################################
3 Stati der zur Verfügung stehenden  Tickets 
############################################
*/


.some, .selectedsome, .todaysome{
	background-color:#CC9900;
	color:#ffffff; 
	text-decoration:none;
	display:block;
	font-weight:bold;
	display:block;
	padding:0.4em;
}
.some:hover, .selectedsome:hover, .todaysome:hover {
	color:#ffffff; 
	display:block;
	text-decoration:none;
	font-weight:bold;
	background-color:#396E9E;
	display:block;
	padding:0.4em;
}



.all, .selectedall, .todayall{
	background-color:#339900;
	color:#ffffff; 
	text-decoration:none;
	display:block;
	font-weight:bold;
	display:block;
	padding:0.4em;
}
.all:hover, .selectedall:hover, .todayall:hover {
	color:#ffffff; 
	display:block;
	text-decoration:none;
	font-weight:bold;
	background-color:#396E9E;
	display:block;
	padding:0.4em;
}



.selectedsome, .selectedall, .selected{
	background-color:#396E9E;
}

.none, .selectednone, .todaynone	{
	background-color:#cc0000; 
	color:#FFFFFF; 
	font-weight:bold;
	display:block;
	padding:0.4em;
}

.legendRow .none, .legendRow .some, .legendRow .all, .legendRow .today {
	padding:0;
} 

/* 
############################################
  Unbelegte Tage
############################################
*/


.nomonthday {
	text-align: center;
	color: #aaaaaa;
}

.monthday, .selectedday {
	text-align: center;
	font-weight: normal;
	color: #384955;
	display:block;
	padding:0.4em;
}
.today {
	text-align: center;
	font-weight: normal;
	background-color: #cccccc;
	color: #ffffff;
	display:block;
	padding:0.4em;
}
.sunday {
	text-align: center;
	font-weight: normal;
	color: #667171;
	display:block;
	padding:0.4em;
}
.sunday a {
	color: #667171;
}
.saturday {
	text-align: center;
	font-weight: normal;
	color: #667171;
	display:block;
	padding:0.4em;
}
.saturday a {
	color: #667171;
}





















.year {
	border-style: outset;
	border-width: 1px;
	background-color: #e4e4e4;
	text-align: center;
}
.month {
	border-style: none;
	background-color: #e4e4e4;
	text-align: center;
}
.yearname {
	text-align: center;
	font-weight: bold;
}
.monthname {
	text-align: center;
	font-weight: bold;
	color: #5D5D5D;
	height:1.8em;
	background-color:#F2F2F2;
}
.dayname td {
	text-align: center;
	font-weight: bold;
	background-color: #bbbbbb;
	width:23px;
	height:20px;
}
.yearnavigation {
	font-size: 0.8em;
}
.datepicker {
	background-color: #F2F2F2;
}
.datepickerform {
	margin: 0px;
}


.monthnavigationPrev {
	text-align:left;
	background-color:#F2F2F2;
	
}

.monthnavigationNext {
	text-align:right;
	background-color:#F2F2F2;
}

.monthnavigationPrev a, .monthnavigationNext a {
	font-weight:bold;
	background-color:#aaaaaa;
	color:#FFFFFF;
	text-decoration:none;
	padding:0.2em;
}

.monthnavigationPrev a:hover, .monthnavigationNext a:hover {
	font-weight:bold;
	background-color:#aaaaaa;
	color:#FFFFFF;
	text-decoration:none;
	padding:0.2em;
}



.monthpicker {
	background-color: #eeeeee;
}
.yearpicker {
	font-size: 0.8em;
	background-color: #eeeeee;
}
.pickerbutton {

	background-color: #eeeeee;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	height:18px;
	width:25px;
	font-size:12px;
}



.event {
	text-align: center;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:20px;
	width:20px;
}
.event a {
	background-color: #ffff99;
	color: red;
}
.selectedevent {
	text-align: center;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:20px;
	width:20px;
}
.selectedevent a {
	background-color: #ffff99;
	color: red;
}
.todayevent {
	text-align: center;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:20px;
	width:20px;
}
.todayevent a {
	background-color: #ffff99;
	color: red;
}
.eventcontent {
	border-style: outset;
	border-width: 1px;
	width: 100%;
}