#calendarCenter
{
    width:635px;
    margin-left:auto;
    margin-right:auto;
    
}
#calendarWrap
{
    position:relative;
    height:480px;
}
/*****************************
 *  Recurring Meeting Styles *
 *****************************/
#recurringDiv
{
    visibility:hidden;
    position:absolute;
}
#timesRoundedBox
{
    position:relative; /* things inside this div with absolution positioning will be relative to this */
    margin-left:auto;
	margin-right:auto;
	width:515px;
	height:462px;
    background-color:#BACEFB;
	/*color:black;*/
}
.cornerTopL 
{ 
	background: url('images/rounded-tl-blue.gif') no-repeat; 
	position:absolute;
	left: 0px;
	top: 0px;
	width: 14px;
	height: 14px;
}
.cornerTopR 
{ 
	background: url('images/rounded-tr-blue.gif') no-repeat; 
	position:absolute;
	left: 505px;
	top: 0px;
	width: 14px;
	height: 14px;
}
.cornerBotL 
{ 
	position:absolute;
	left: 0px;
	top: 452px;
	background: url('images/rounded-bl-blue.gif') no-repeat; 
	width: 14px;
	height: 14px;
}
.cornerBotR 
{ 
	position:absolute;
	left: 505px;
	top: 452px;
	background: url('images/rounded-br-blue.gif') no-repeat; 
	width: 14px;
	height: 14px;
}
#timeSlotsDiv
{
	position:absolute;
	top:25px;
	left:7px;
	width:500px;
	height:420px;
	overflow:auto;
	border:1px inset;
}

.weekDaysTable
{
	position:absolute;
	top:5px;
	left:5px;
	padding:0px;
	border-collapse:collapse; /*  - This doesn't work properly in IE, set it to collapse through javascript */
}
.weekdayFiller
{
	width:46px;
	padding:3px;
	border: none;
	font-size:14px;
	background:transparent;
	border-collapse:collapse;
	border:none;
}
.weekday
{
	width:56px;
	padding:3px;
	border: 1px solid black;
    color:#222222;
	font-size:14px;
	text-align:center;
	background-color:#BACEFB;
	border: none;
	border-collapse:collapse;
}
.timesTable
{
	position:absolute;
	top:0;
	left:0px;
	padding:0px;
	border-collapse:collapse; /*  - This doesn't work properly in IE, set it to collapse through javascript */
	border: 1px solid gray;
	font-family:arial;
	background-color:#EFEBDE;
}

/* These classes define the time slots, hour slots are different to half hour slots */
.timeSlotHour
{
	height:15px;
	width:56px;
	font-size:9px;
	text-align:center;
	padding-top:0px;   
	padding-bottom:0px;
	padding-left:2px; /* needs to be 2 for IE */
	padding-right:2px;
	border-collapse:collapse;
	border: 1px solid gray;
	border-bottom: 1px dotted gray;
	background-color:white;
}
.timeSlotHalf
{
	height:15px;
	width:56px;
	font-size:9px;
	text-align:center;
	padding-top:0px;   
	padding-bottom:0px;
	padding-left:2px; /* needs to be 2 for IE */
	padding-right:2px;
	border-collapse:collapse;
	border: 1px solid gray;
	border-top: 1px dotted gray;
	background-color:white;
}
.timeSlotHourWeekend
{
	height:12px;
	width:56px;
	font-family:"arial";
	font-size:9px;
	text-align:center;
	padding-top:0px;   
	padding-bottom:0px;
	padding-left:2px; /* needs to be 2 for IE */
	padding-right:2px;
	border-collapse:collapse;
	border: 1px solid gray;
	border-bottom: 1px dotted gray;
	background-color:#F2F2F2;
}
.timeSlotHalfWeekend
{
	height:12px;
	width:56px;
	font-family:"arial";
	font-size:9px;
	text-align:center;
	padding-top:0px;   
	padding-bottom:0px;
	padding-left:2px; /* needs to be 2 for IE */
	padding-right:2px;
	border-collapse:collapse;
	border: 1px solid gray;
	border-top: 1px dotted gray;
	background-color:#F2F2F2;
}
/* the next two classes are for the cells on the left most columnt that hold
   the actual time */
.timeSlotHourtime
{
	height:12px;
	width:46px;
	font-family:"arial";
	font-size:10px;
	padding:2px;
	border-collapse:collapse;
	border: 1px solid gray;
	border-bottom: 1px dotted gray;
	border-right: 1px solid black;
	background-color:#EFEBDE;
}
.timeSlotHalftime
{
	height:12px;
	width:46px;
	font-family:"arial";
	font-size:10px;
	padding:2px;
	border-collapse:collapse;
	border: 1px solid gray;
	border-top: 1px dotted gray;
	border-right: 1px solid black;
	background-color:#EFEBDE;
}



/******************************************/
/*       Styles for one-time meetings     */
/******************************************/
#onetimeDiv
{
    visibility:hidden;
    position:absolute;
    background:pink;
    
}
#timeSlotsRoundedBoxByDate
{
	margin-left:auto;  /* these make it centered in its parent container */
	margin-right:auto;
	position:relative;
	width:636px;
	height:485px;
	background-color:#BACEFB;
	text-align:center;
	color:#333333;
}
 /* set background images for corners */
.roundTopLByDate 
{ 
	background: url('images/rounded-tl-blue.gif') no-repeat; 
	position:absolute;
	left: 0px;
	top: 0px;
	width: 14px;
	height: 14px;
}
.roundTopRByDate 
{ 
	background: url('images/rounded-tr-blue.gif') no-repeat; 
	position:absolute;
	left: 626px;
	top: 0px;
	width: 14px;
	height: 14px;
}
.roundBotLByDate 
{ 
	position:absolute;
	left: 0px;
	top: 475px;
	background: url('images/rounded-bl-blue.gif') no-repeat; 
	width: 14px;
	height: 14px;
}
.roundBotRByDate 
{ 
	position:absolute;
	left: 626px;
	top: 475px;
	background: url('images/rounded-br-blue.gif') no-repeat; 
	width: 14px;
	height: 14px;
}
.weekDaysTableByDate
{
	position:absolute;
	top:28px;
	left:6px;
	padding:0px;
	border-collapse:collapse; /*  - This doesn't work properly in IE, set it to collapse through javascript */
		
}
#timeSlotsDivByDate
{
	position:absolute;
	top:55px;
	left:6px;
	width:622px;
	height:420px;
	/*overflow:hidden;*/         /* This causes a bug in mozilla that stops the input cursor on other 
						  	        layers from working.  So it needs to be set to auto in javascript */
    overflow:auto;						  	      
	border:1px inset;
}
.timesTableByDate
{
	position:absolute;
	top:0;
	left:0px;
	padding:0px;
	border-collapse:collapse; /*  - This doesn't work properly in IE, set it to collapse through javascript */
	border: 1px solid gray;
	background-color:#CCCCCC;
}

.weekdayByDate
{
	width:36px;
	height:12px;
	padding:0px;
	font-family:"arial";
	font-size:11px;
	font-weight:bold;
	text-align:center;
	background-color:#BACEFB;
}
.weekdayFillerByDate
{
	width:49px;
	font-family:"arial";
	font-size:10px;
	background:transparent;
}
.weekdayFiller2ByDate
{
	width:46px;
	font-family:"arial";
	font-size:14px;
	background:transparent;
	border-collapse:collapse;
}
#date1, #date2, #date3, #date4, #date5, #date6, #date7, #date8, #date9, #date10, #date11,
#date12, #date13, #date14
{
	width:36px;
	padding:0px;
	font-family:"arial";
	font-size:10px;
	text-align:center;
	background-color:#BACEFB;
}
/* These classes define the time slots, hour slots are different to half hour slots */
.timeSlotHourByDates, .timeSlotHalfByDates,.timeSlotHourByDatesWeekend, .timeSlotHalfByDatesWeekend
{
	height:15px;
	width:31px;
	font-family:"arial";
	font-size:9px;
	padding-top:0px;   
	padding-bottom:0px;
	padding-left:2px; /* needs to be 2 for IE */
	padding-right:2px;
	border-collapse:collapse;
	border: 1px solid gray;
	background-color:white;
}
.timeSlotHourByDates
{
	border-bottom: 1px dotted gray;
}
.timeSlotHalfByDates
{
	border-top: 1px dotted gray;
}
.timeSlotHourByDatesWeekend
{
	border-bottom: 1px dotted gray;
	background-color:#F2F2F2;
}
.timeSlotHalfByDatesWeekend
{
	border-top: 1px dotted gray;
	background-color:#F2F2F2;
}
/* the next two classes are for the cells on the left most columnt that hold
   the actual time */
.timeSlotHourByDatesTime, .timeSlotHalfByDatesTime
{
	width:45px;
	font-family:"arial";
	font-size:10px;
	padding:1px 2px 1px 2px;
	border-collapse:collapse;
	border: 1px solid gray;
	border-right: 1px solid #555555;
	background-color:#EFEBDE;
}
.timeSlotHourByDatesTime
{
	border-bottom: 1px dotted gray;
}
.timeSlotHalfByDatesTime
{
	border-top: 1px dotted gray;
}
.next2Weeks
{
	position:absolute;
	font-size:12px;
	top:5px;
	right:65px;

}
.prev2Weeks
{
	position:absolute;
	font-size:12px;
	top:5px;
	left:85px;
}
#prevCalendarLinks
{
    position:absolute;
    width:160px;
    text-align:center;
    font-size:12px;
	top:5px;
	left:65px;
}
#nextCalendarLinks
{
    position:absolute;
	width:160px;
    text-align:center;
    font-size:12px;
	top:5px;
	right:40px;
}
#curYear
{
	position:relative;
	top:-13px;
	font-size:14px;
	font-weight:bold;
	color:#111111;
}
/*********************
 * Indicate calendar *
 *********************/
#indicateCalendar
{
    width:640px;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
    
}
#calendarInstruc
{
    text-align:center;
    padding-bottom:5px;
}