/*******************************************
Web-Calendar CSS File
2006, Momchil Nikolov
*******************************************/
 


/*******************************************
Controls the layout of the main page.
*******************************************/
body {
  background-color: #aabbcc; 
  position:absolute; 
  margin-left:20px;
  margin-right:20px;
  margin-top:20px;
  margin-bottom:20px;
  -moz-user-select:none;
}



/*******************************************
Controls the welcome message on top of 
the calendar, also indicating today's date.
*******************************************/
.welcome{
	background-color: rgb(100,100,100);
	color: rgb(256,256,256);
	font: 15pt Verdana;
}



/*******************************************
Controls the appointment time fields.
*******************************************/
.timeHeader{
	background-color: rgb(200,200,200);
	color: rgb(5,5,156);
	font: 14pt Verdana;
}



/*******************************************
Controls the default layout for the week
days.
*******************************************/
.dayHeader{
	color: rgb(50,50,50);
	background-color: rgb(200,200,200);
	font: 14pt sans-serif;
	font-weight: bold;
	border-bottom: 2px black solid;
}


/*******************************************
Controls the form for adding appointments
and all the buffers in the calendar.
*******************************************/
.appHeader{
	color: rgb(256,256,256);
	background-color: rgb(100,100,100);
	font: 13pt Verdana;
}



/*******************************************
Controls the current week day.
*******************************************/
.dateToday{
	color: rgb(50,50,50);
	background-color: rgb(250,250,150);
	font: 14pt sans-serif;
	font-weight: bold;
	border-bottom: 2px black solid;
}



/*******************************************
Controls the navigation bar on top of 
the calendar.
*******************************************/
.navigation{
	color: rgb(256,256,256);
	background-color: rgb(100,100,100);
	font: 13pt Verdana;
	cursor:pointer;
}



/*******************************************
Controls the links.
*******************************************/
a:link{
	color: rgb(256,256,256);
	background-color: rgb(100,100,100);
	font: 13pt Verdana;
	text-decoration: overline underline;
}

a:visited{
	color: rgb(256,256,256);
	background-color: rgb(100,100,100);
	font: 13pt Verdana;
	text-decoration: overline underline;
}

a:hover{
	color: rgb(256,256,56);
	background-color: rgb(100,100,100);
	font: 13pt Verdana;
	text-decoration: overline underline;
}

a:active{
	color: rgb(100,156,156);
	background-color: rgb(100,100,100);
	font: 13pt Verdana;
	text-decoration: overline underline;
}



/*******************************************
Controls the default layout of available
appointment slots.
*******************************************/
.emptySlot{
	background-color: rgb(256,256,256);
	border-bottom: 1px black solid;
	font: 10pt Verdana;
}



/*******************************************
Controls the slots with added appointments.
*******************************************/
.appointmentSlot{
	background-color: #B0C4DE;
	border-bottom: 1px black solid;
	font: 10pt Verdana;
}



/*******************************************
Controls the slots with added holidays.
*******************************************/
.holidaySlot{
	background-color: rgb(110,130,130);
	border-bottom: 1px black solid;
	font: 10pt Verdana;
}