/*default css for calendar*/






/*general use css------------------------------------------------------------------------------------------------------------------------------------------*/
img
{  border-style: none;
}
/*week view css------------------------------------------------------------------------------------------------------------------------------------------*/

/*month view css------------------------------------------------------------------------------------------------------------------------------------------*/
/*NOT NEEDED*/
/*.calendar table { /*TABLE CREATED FOR CALENDAR CONTENTS
	width: auto;
	height: auto;
	padding:0px;
}*/

/*NOT NEEDED*/
/*.tableDateCell{/*CONTAINER TO HOLD THE DATE NUMER, EVENT CONTAINERS ETC
	padding: 5px;
}
*/



#calendar td {				/*EACH DATE CELL IS HOUSED HERE*/
				/*READ ME FIRST!!!!!!!!!!! - MAKE CHANGES FOR SPACING HERE!!!!!!! */
	/*width: 100px; /*NEEDED TO KEEP ALL CELLS THE SAME WIDTH, even if the table requires them to be bigger or smaller, having a set value will keep them equivalent to each other*/
	
height: auto;
	padding: 2px; /*CHANGE THIS TO CHANGE THE SPACING BETWEEN CELLS*/
}



.lastMonth{
	height: auto;
	vertical-align: top;
}
.lastMonth a{
	color: #007d72;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
	

.thisMonth{
	font-size: 16pt;
	color: #007d72;
	font-weight: bolder;
}

 .nextMonth{
	height: auto;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	color: #007d72;
	text-decoration: none;
}

.nextMonth a{
	color: #007d72;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}


#calendar{ /*THIS CONTAINERS WRAPS AROUND THE TABLE*/
	width: 98%; /*SPECIFY WIDTH OF calendar HERE*/
	height: auto;
	overflow: hidden;
	border-style: solid;
	border-width: thin;
	border-color: #ff9933;
	background-color: #9f9f9f;
	background-repeat:no-repeat;
	/*background-image: url(../images/HeadGrad.gif);*/
	background-image: url(/Octagon_config/images/gradbg.png);
	padding: 2px;
	
}




#weekdayCell{
	width: 100%; /* should be same as dateCell width, account for 5px padding*/
	background-color: #ff9933;
	overflow: hidden;
	text-align: center;
	
}





.weekdayText{
	color:#FFFFFF;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.tdDateCell{
	/*height: 50px;*/
	/*width: 14.3%;*/
	//width: 100px; /*KEEPS THE CELLS SAME WIDTH!!!!!!!!!!!!*/
	width: 14%;
	/*background-color: yellow;*/
	
}

#dateCell{
	height: 68px;
	//width: 80px;  /*account for 5px padding*/
	width: 100%;
	background-color: #E2E2E2;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: left;
	
	/*padding: 2px;*/
	
}

#dateCellToday{
	height: 68px;
	//width: 80px; /* account for 5px padding*/
	width: 100%;
	background-color: #E2E2E2;
	overflow: hidden;
	text-align: left;
	/*padding: 2px;*/
	/*border-style: solid;
	border-color: #000000;
	border-width: thin;*/
}

#dateCellExtra{
	height: 68px;
	width: auto; /* account for 5px padding*/
	/*background-color: #CCCCCC;*/
	overflow: hidden;
	text-align: left;
	/*padding: 2px;*/
}

#dateCellLastMonth{
	height: 100%;
	width: auto; /* account for 5px padding*/
	background-color:#CCCCCC; 
	overflow: hidden;
	text-align: left;
	/*padding: 2px;*/
}

.dateCellDownArrow{
	padding-bottom: 20px;
	padding-top: 2px;
	text-align: left;
}

.dateCellUpArrow{
	padding-bottom: 2px;
	text-align: left;
}



.eventListLinkToday{
	width: 15%;
	background-color:#ff9933;
	float: left;
	clear: none;
	padding: 2px;
	text-align: right;
	color: white;
	font-weight: bold;
}

.eventListLinkToday a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}
.eventListLinkToday a:hover{
	text-decoration: none;
	color: #007d72;
	font-weight: bold;
}

.eventListLink{
	width: 15%;
	background-color:#007d72;
	float: left;
	clear: none;
	padding: 2px;
	text-align: right;
	color: white;
	font-weight: bold;
}

.eventListLink a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}
.eventListLink a:hover{
	text-decoration: none;
	color: #ff9933;
	font-weight: bold;
}

.blankLead
{
	font-size: 8px;
	padding: 0px;
	margin: 0px;
}

.weeklink
{
	/*you are the weekest link...goodbye*/
	display: block;
	margin-top: 28px;
}

.eventWeekLink{
	width: auto;
	height: 68px;
	background-color: #ff9933;
	float: left;
	clear: none;
	text-align: right;
	color: white;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	
}

.eventWeekLink a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}
.eventWeekLink a:hover{
	text-decoration: none;
	color: #007d72;
	font-weight: bold;
}

.dateNumberToday{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	width: 74%;
	background-color:#ff9933;
	color: white;
	padding: 2px;
	height: 12px;

	float: left;
	clear: none;
overflow: hidden;
}

.dateNumber{
	width: 74%;
	background-color:#007d72;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	padding: 2px;
	
	float: left;
	clear: none;
	height: 12px;
	

	
	overflow: hidden;
}


.holidayText{
	float: left;
	clear: none;
	//width: 400px;
	width: 500%;
	overflow: hidden;	
	//white-space: nowrap;
}

.events{
	float:left;
	clear:left;
	font-size: 9px;
	padding: 2px;
	overflow: hidden;
	height: 48px;
	//width: 200px;


	width: 500%; /* Not a typo.  Allows longer descriptions to overflow and not wrap*/

}



.event_bottom_padding{
	height: 60px;
}
.events a{
	text-decoration: none;
}

/*END month view css------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*week view css----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.weekViewCell{
	width: 100px;
	height: 200px;
	background-color: yellow;
}
/*end week view css----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*YEAR VIEW CSS---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*END YEAR VIEW CSS-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*event list css----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#eventList{
	width: 890px; /*edit this to change width of eventlist box*/
	height: 160px;
	background-color: white;
	overflow-x: hidden;
	overflow-y: hidden;
	
	border-style: solid;
	border-color: #000000;
	border-width: thin;
	
}

.defaultEventBox{
	width: 100%;
	height: 160px;
	background-color: white;	
	clear: both;
	float: left;
	vertical-align: middle;
	text-align: center;
	
	/*border-style: solid;
	border-color: black;
	border-width: thin;*/
}

.defaultEventTitle{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt;
	font-weight: bolder;
}

.defaultEventText{
	width: 50%;
	background-color: #99CCCC;
	padding: 20px;
	margin: 0 auto;
	
	position: relative;
	top: 20px;
	
}

#eventBox{
	width: 100%;
	height: auto;
	background-color: #99FFFF;
	padding: 20px;
	padding-bottom: 20px;
	clear: both;
	float: left;
	margin-bottom: 30px;
	/*border-style: solid;
	border-color: #000000;
	border-width: thin;*/
	
}

#eventLeftCol{
	background-color: white;
	width: 80%;
	height: 145px;
	display: inline;
	float: left;
	
	/*border-style: solid;
	border-color:#0033FF;
	border-width: thin;*/
}

#eventRightCol{
	width: 15%;
	height: 145px;
	float: left;
	position: relative;
	left: 10px;
	padding: 0px 0px 0px 0px;
	background-color: white;
	
	/*border-style: solid;
	border-color: #0033FF;
	border-width: thin;*/
}

#eventLeftCol .eventTitle{
	/*border-style: solid;
	border-color: #FF0000;
	border-width: thin;*/
	
	background-color: #8D2507;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
}

#eventLeftCol .eventDate{
	/*border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: medium;*/
	padding: 5px;
	font-size: 10px;
}

#eventLeftCol .eventDesc{
	/*border-width: thin;*/
	
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.eventLinksBox{
	/*border-style: solid;
	border-color:#FF0000;
	border-width: thin;*/
	width: 100%;
	text-align: center;
	
}

div#eventLinks{
	width: 70%;
	background-color: #8D2507;
	text-align: center;
	padding: 5px;
	position: relative;
	top: 10px;
	color: white;
	margin-top: 5px;
}

 div#eventLinks:hover{
	
	width: 70%;
	background-color:#FF9900;
	text-align: center;
	padding: 5px;
	position: relative;
	top: 10px;
	color: white;
	margin-top: 5px;
}

a:link{
	text-decoration: none;
}
/*END event list css----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*JAVASCRIPT TOOLTIPS BY QTIP*/
div#qTip {
  padding: 3px;
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #999;
  color: #FFF;
  font: bold 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 10000;
}

/*JAVASCRIPT LIGHTBOX BY IBOX*/
.event_ibox{/*this div class being created within the calendar code*/
	height: 290px;
	background-color:#dedede;
	color:#007d72;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;
	padding: 10px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom:5px;
	overflow:auto;
	background-image: url(/Octagon_config/images/gradbg.png);
	
	
}
.ibox_icons{
	padding-left: 20px;
	text-align: center;
}
.ibox_icons .link{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10px;
	display: inline;
	vertical-align: middle;
	
	
}



.event_time{
	float: right;
	text-align: right;
	width: 100%;
}

.event_desc{
	float: left;
	clear: both;
	margin: 10px;
	
}

.ibox_event_title{
	font-size: 24px;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	color: #007d72;
	padding-left: 10px;
	padding-top: 10px;
}

#ibox_w{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

#ibox_progress {	
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}

#ibox_wrapper {
position: absolute;
	top: 0px;
	left: 0px;
	z-index:1000;
	border:1px solid #CCC;
	width:300px;
	height:300px;
	margin:0;
    background-color: #bcbcbc;
	padding: 10px;
}

#ibox_content {
	background-color:#FFFFFF;
	
	padding: 2px;
	//height:425px;
	height: auto;
	position:relative;
	top:0px;
	left:0px;
	
	
}

#ibox_footer_wrapper {
	position:relative;padding:0;margin:0;top:0px;left:0px;
}

#ibox_footer a{
	
}

/*CSS MENU FOR GO TO DATE*/


#calDiv ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

#calDiv ul li {
	position: relative;
	}
	
#calDiv li ul {
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	top: 15px;
	display: none;
	}

/* Styles for Menu Items */
#calDiv ul li a {
	
	display: inline;
	text-decoration: none;
	color: #777;
	padding: 15px;
	background: #fff;
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
		
li:hover ul { display: block; } /*  The magic */
/*END CSS MENU FOR GO TO DATE*/

#calendar td {
	
	line-height: 100%;
}

@media print
{
	html, body
	{
		visibility: hidden;
		background-image: none;
	}
	#calendar
	{
		visibility: visible;
		position: absolute;
		left:0px;
		top:0px;
		background-image: none;
		background-color: transparent;
	}
	.events
	{
		clear:left;
		height: 100%;
		overflow: visible;
		background-color:transparent;
	}
	.tdDateCell
	{
		height:100%;
		vertical-align:top;
		border: 3px solid #999999;
		background-color:#DEDEDE;

	}
	#dateCell
	{
		height:auto;
		background-color:transparent;
	}
	#dateCellToday
	{
		height:auto;
	}
	#dateCellExtra
	{
		height:100%;
	}
	.dateCellDownArrow
	{
		display:none;
	}
	.dateCellUpArrow
	{
		display:none;
	}
	.event_bottom_padding
	{
		background-color:transparent;
	}
	.eventListLink a
	{
		visibility: collapse;
	}
	.eventListLinkToday a
	{
		visibility:collapse;
	}
	.eventWeekLink
	{
		visibility:collapse;
	}
	input 
	{
		visibility:collapse;
	}
}