/* The title.  "Setup"*/

.componentSectionTitle {

	font-size: 30px;

	font-family:Verdana, Arial, Helvetica, sans-serif;
 
}  

/********Calendar********/
 

/*table with the arrows, next month, previous month*/

.calendarArrowsTable{

	border: 0px;

	width: 540px;

}

.calendarArrowsTableDayView{

	border: 0px;

	width: 400px;

}

/*general size of the links on this page*/

.tableLinks a:link,.tableLinks a:visited,.tableLinks a:hover,.tableLinks a:active{ 

	font-size:11px;

}



/*Calendar chart table dimensions*/

.calendarTable{

	width: 540px;

	border: 1px solid #000;

	padding: 0px;

	margin: 0px;

}



.WeekDayRow{ /*sund monday tue wed...*/

	/*background-image: url("/css/preformatted/imgs/calendarTry/shade.gif");*/

	text-align:center;

	font-weight:bold;

	width: 14%;

	border-left:1px solid #333;

	border-bottom:2px solid #000;/* content background color*/

}



/* Weekdays without dates.  Should be the same color as the content background of the page.*/

.noDayCells{

	height: 50px;

	background-color: #fff;

	border-left:1px solid #000;

	border-top:1px solid #000;

}
.emptyDayCell{

	height: 50px;
	padding: 3px;
	background-color: #fff;

	border-left:1px solid #000;

	border-top:1px solid #000;

}

.emptyDayCellActive{

	height: 50px;
	padding: 3px;
	background-color: #fff;
	
	border:1px solid #ff0000;

}



/*Normal days*/

.fullDayCell{

	height: 50px;

	/*background-image: url("/css/preformatted/imgs/calendarTry/fckEEE.gif");*/

	padding: 3px;

	border-left:1px solid #333;

	border-top:1px solid #333;

}

.fullDayCellActive{

	height: 50px;

	/*background-image: url("/css/preformatted/imgs/calendarTry/fckEEE.gif");*/

	padding: 3px;

	border:1px solid #ff0000;

}



/*The date*/

.calendarDateText{

	text-align:right;

}



/*Event Name*/

.calendarEventNameText{

	font-size: 11px;

	font-weight:bold;

}



/*Event details*/

.calendarViewDetails a:link,.calendarViewDetails a:visited{
	font-family: Georgia;
	
	font-size:10px;

	line-height:20px;

	text-decoration: none;

}



/*Will be used in the details description in the event table*/

.calendarViewDetails{

	font-size:10px;

	line-height:20px;

	text-decoration: none;

}



/*Align the date when there are no events.*/

.calendarNoEvents{

	text-align:right;

	display:block;

	height: 50px;

}



/******End of calendar chart table********/



/****Event Table*******/



.eventsTable{

	width: 400px;

	border: 1px solid #000;

}



/*Light cell*/

.eventCell1{

	/*background-image: url("/css/preformatted/imgs/calendarTry/fckEEE.gif");*/

	border-top: 1px solid #999;

	padding: 5px;

}



/*Darker cell*/

.eventCell2{

	/*background-image: url("/css/preformatted/imgs/calendarTry/fckDDD.gif");*/

	border-top: 1px solid #999;

	padding: 5px;

} 

.calender_pop{
	width:350px;
	padding:10px 10px 0px 10px;
	background:url('/css/preformatted/imgs/calendarTry/pic_shadow.png') bottom right;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.popUpDate{
	font-size: 14px;
	font-weight:bold;
}
.dropDownMenu {
   color: #00CCCC;  /* normal text color*/
   background-color: #0000FF;  /* COLOR1*/
} 
/*** End Calendar***/

DIV,TD,.dropDownLists{ 
}

.componentSectionTitle {
	font-size: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

.tableLinks a:link,.tableLinks a:visited{ 
	font-size:11px;
}

.tableLinks a:hover,.tableLinks a:active{
	font-size:11px;
}


/****Calendar Day*******/
.dayCalendarTableTitle{ /*sund monday tue wed...*/ /*----> rename to TableTitle <-------*/
	/*background-image: url("/css/preformatted/imgs/calendarTry/shade.gif");*/
	text-align:center;
	font-weight:bold;
	width: 14%;
	border: 1px solid #000;
}
.dayCalendarTimeCell{
	border: 1px solid #333;
} 
.dayNoEventCells{
	height: 40px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
}

.dayNoEventCellsActive{
	height: 40px;
	border:1px solid #ff0000;
}

.dayCalendarDateText{
	text-align:right;
}
.dayCalendarEventNameText{
	font-size: 11px;
	font-weight:bold;
	border-top: 1px solid #aaa;
	padding-top: 5px;
} 
.dayEventsTable{
	width:400px;
	border: 1px solid #000;
}

/*Light cell*/
.dayEventCell1{
 	/*background-image: url("/css/preformatted/imgs/calendarTry/fckEEE.gif");*/
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	height: 40px;

}

/*Darker cell*/
.dayEventCell2{
 	/*background-image: url("/css/preformatted/imgs/calendarTry/fckDDD.gif");*/
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	height: 40px;

}
/*Light cell*/
.dayEventCell1Active{
 	/*background-image: url("/css/preformatted/imgs/calendarTry/fckEEE.gif");*/
	border:1px solid #ff0000;
}

/*Darker cell*/
.dayEventCell2Active{
 	/*background-image: url("/css/preformatted/imgs/calendarTry/fckDDD.gif");*/
    border:1px solid #ff0000; 
}
 
.dayViewHeaderTime{ /*Event*/

	/*background-image: url("/css/preformatted/imgs/calendarTry/shade.gif");*/

	text-align:center;

	font-weight:bold;

	width: 20%;

	border-left:1px solid #333;

	border-bottom:2px solid #000;/* content background color*/

}

.dayViewHeaderEvent{ /*Time*/

	/*background-image: url("/css/preformatted/imgs/calendarTry/shade.gif");*/

	text-align:center;

	font-weight:bold;

	width: 80%;

	border-left:1px solid #333;

	border-bottom:2px solid #000;/* content background color*/

}

/* no need for this in the real thing!!!*/
.button{ 
	font-size: 11px;
	font-weight:bold;
	padding:3px;
	background-color:#05244d;
	border-style:solid;
	border-color:#ccc #05244d #05244d #ccc;
	border-width: 1px;
	/*background-image:url('/css/preformatted/imgs/salon_hair/shade.gif');*/
}

/*** End Calendar***/