/*
LJB Corporate Calendar Stylesheet
Created and maintained by Real Art Design Group
Version 1.0 - 03/13/2008

	I.		Calendar (Main)
	II. 	Calendar (List)
	II. 	Calendar Flyout

/*	I.		Calendar (Main)	*/
			
	/*
		Database substitutions for category names
		catID1		leadership				brown			(906a03)
		catID2		strategy				red-orange		(ff6600)
		catID3		cultures				yellow			(ebc700)
		catID4		peopleDevelopment		lt blue			(487a94)
		catID5		structure				dk blue			(262d3d)
		catID6		businessControls		green			(658a2c)
		catID7		safety					red				(ff0000)
	*/			
	
	* {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
	h5.location { padding: 0; margin: 0; }

	#container { width: 700px; }
		
	#changeView{
		display:block;
		margin-top:30px;
		float:right;
		color: #656975;
		font-weight: bold;
		text-transform:uppercase;
		text-decoration:none;
		text-align:right;		
		padding:3px 28px 3px 0;
		}
	
		.toMonth{background:url(../images/calendar/calendar_switchToMonthView.gif) no-repeat right 0;}
		.toList{background:url(../images/calendar/calendar_switchToListView.gif) no-repeat right 0;}
	
	#eventCategories{
		clear:both;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding:10px 0 4px 0;
		margin:0 0 0 0;
		width:100%;
		}
	
		#eventCategories li{
			display:inline;
			font-size:9px;
			padding-right:5px;
			margin:0;
			}
			
			#eventCategories li a{
				color:#7d7d7d;
				text-decoration:none;
				padding:0 5px 0 12px;
				}
				
				#eventCategories li.catID1 a{background:url(../images/calendar/cal_event_bullet_catID1.gif) no-repeat 0 1px;}
				#eventCategories li.catID2 a{background:url(../images/calendar/cal_event_bullet_catID2.gif) no-repeat 0 1px;}
				#eventCategories li.catID3 a{background:url(../images/calendar/cal_event_bullet_catID3.gif) no-repeat 0 1px;}
				#eventCategories li.catID4 a{background:url(../images/calendar/cal_event_bullet_catID4.gif) no-repeat 0 1px;}
				#eventCategories li.catID5 a{background:url(../images/calendar/cal_event_bullet_catID5.gif) no-repeat 0 1px;}
				#eventCategories li.catID6 a{background:url(../images/calendar/cal_event_bullet_catID6.gif) no-repeat 0 1px;}
				#eventCategories li.catID7 a{background:url(../images/calendar/cal_event_bullet_catID7.gif) no-repeat 0 1px;}
				#eventCategories li.noRightMargin a{margin-right:0px !important; padding-right:0px;}		
			
			#eventsCalendar{
				border:0;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				margin:0 0 100px 0;
				border-spacing:2px;
				width:610px;
				}
			
			#eventsCalendar thead tr td{padding:5px 0 6px 0; border:0;}
			
			#eventsCalendar thead tr td.weekday{
				height:8px;
				line-height:8px;
				background-color:#d7d7be;
				color:#fff;
				font-size:10px;
				font-weight:bold;
				text-align:right;
				padding:3px 6px 3px 0;
				cursor:default;
				}
						
				#eventsCalendar thead{background-color:#fff;}
				
				
				#month{
					font:normal 1.8em Verdana, Arial, Helvetica, sans-serif;
					line-height:1em;
					color:#318900;
					text-align:center;
					margin:10px 0 0 0;
					cursor:default;
					}
				
				#eventsCalendar thead tr td.month{
					font:normal 1.6em Verdana, Arial, Helvetica, sans-serif;
					line-height:1em;
					color:#318900;
					cursor:default;
					text-align: center;
					}
				
					
			#eventsCalendar thead tr td a{
				text-decoration:none;
				color:#666;
				font-size:9px !important;
				}
				
			#back a img, #advance a img{border:0;}
			
			#advance { text-align: right; }
		
		#eventsCalendar tbody td{
			width:90px;
			height:90px;
			margin:0 3px;
			border:1px solid #ececd8;
			vertical-align:top;
			padding:0;
			}
			
			#eventsCalendar tbody td.inactive{border:1px solid #eaeaea;}
			#eventsCalendar tbody td.today{border:1px solid #658a2c; background-image:none;} 
			#eventsCalendar tbody td.events{border:1px solid #487a94; background-image:none;}
				
				#eventsCalendar td ul{margin:0;}
					
				#eventsCalendar td ul li{margin:0;}
				
				#eventsCalendar tbody td ul li.caldate{
					background-color:#ececd8;
					width:90px;
					text-align:right;
					font-weight:bold;
					font-size:10px;
					color:#afaea9;
					padding:4px 6px 6px 0;
					line-height:8px;
					cursor:default;
					}
					
				#eventsCalendar tbody td.events ul li.caldate{padding:0;}
												
					#eventsCalendar tbody td ul li.caldate a.today{background-color:#7db7d8!important;}
					
					#eventsCalendar tbody td ul li.caldate a{
						display:block;
						font-weight:bold;
						font-size:10px;
						color:#fff;
						text-decoration:none;
						line-height:8px;
						padding:4px 6px 6px 0;
						cursor:pointer;
						background-color:#487a94;
						width:90px;
						clear: none;
						margin: 0;
						}
				
				#eventsCalendar tbody td.today ul li.caldate{
					background-color:#658a2c;
					color:#fff;
					}
					
				#eventsCalendar tbody td.inactive ul li.caldate{color:#dfdfdf;}
				
				#eventsCalendar tbody td ul li.event{margin:3px;}
					
					#eventsCalendar tbody td ul li.event a{
						display:block;
						height:15px;
						width:90px;
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						line-height:10px;
						color:#666;
						background:url(../images/calendar/calendar_event_bg.gif) no-repeat;
						text-decoration:none;
						cursor:pointer;
						}
					
					#eventsCalendar tbody td ul li.event a:hover{background-position:0 -15px;}
					
					#eventsCalendar tbody td ul li.event a span{
						display:block;
						padding:2px 0 0 14px;
						}
					
					#eventsCalendar tbody td ul li.catID1 a span{background:url(../images/calendar/cal_event_bullet_catID1.gif) no-repeat 4px 2px;}
					#eventsCalendar tbody td ul li.catID2 a span{background:url(../images/calendar/cal_event_bullet_catID2.gif) no-repeat 4px 2px;}
					#eventsCalendar tbody td ul li.catID3 a span{background:url(../images/calendar/cal_event_bullet_catID3.gif) no-repeat 4px 2px;}
					#eventsCalendar tbody td ul li.catID4 a span{background:url(../images/calendar/cal_event_bullet_catID4.gif) no-repeat 4px 2px;}
					#eventsCalendar tbody td ul li.catID5 a span{background:url(../images/calendar/cal_event_bullet_catID5.gif) no-repeat 4px 2px;}
					#eventsCalendar tbody td ul li.catID6 a span{background:url(../images/calendar/cal_event_bullet_catID6.gif) no-repeat 4px 2px;}
					#eventsCalendar tbody td ul li.catID7 a span{background:url(../images/calendar/cal_event_bullet_catID7.gif) no-repeat 4px 2px;}

	
	
	/*	II. 	Calendar List	*/
	#calendarList{
		display:block;
		width:700px;
		float:left;
		}
		
		#calendarList.homepage{width:538px; margin-bottom:30px;}
			
		#calendarList dl{
			margin-top:10px;
			padding-top:10px;
			border-top:1px solid #eee;
			width:100%;
			display:block;
			clear:both;
			height:auto;
			float:left;
			}
			
			#calendarList dl dt{
				width:159px;
				float:left;
				margin-right:10px;
				clear:both;
				}
				
				#calendarList dl.catID1 dt{
					background:url(../images/calendar/date_bg_catID1_top.gif) no-repeat 0 0;
					background-color:#906a03;
					}
					
				#calendarList dl.catID2 dt{
					background:url(../images/calendar/date_bg_catID2_top.gif) no-repeat 0 0;
					background-color:#ff6600;
					}
				
				#calendarList dl.catID3 dt{
					background:url(../images/calendar/date_bg_catID3_top.gif) no-repeat 0 0;
					background-color:#ebc700;
					}
					
				#calendarList dl.catID4 dt{
					background:url(../images/calendar/date_bg_catID4_top.gif) no-repeat 0 0;
					background-color:#487a94;
					}
					
				#calendarList dl.catID5 dt{
					background:url(../images/calendar/date_bg_catID5_top.gif) no-repeat 0 0;
					background-color:#262d3d;
					}
					
				#calendarList dl.catID6 dt{
					background:url(../images/calendar/date_bg_catID6_top.gif) no-repeat 0 0;
					background-color:#658a2c;
					}
					
				#calendarList dl.catID7 dt{
					background:url(../images/calendar/date_bg_catID7_top.gif) no-repeat 0 0;
					background-color:#ff0000;
					}
					
					#calendarList dl dt span{
						font-family:Verdana, Arial, Helvetica, sans-serif;
						display:block;
						font-size:10px;
						color:#fff;
						padding:3px 6px 3px 6px;
						text-align:right;
						line-height:13px;
						}
						
					#calendarList dl.catID1 dt span{background:url(../images/calendar/date_bg_catID1_btm.gif) no-repeat 0 bottom;}
					#calendarList dl.catID2 dt span{background:url(../images/calendar/date_bg_catID2_btm.gif) no-repeat 0 bottom;}
					#calendarList dl.catID3 dt span{background:url(../images/calendar/date_bg_catID3_btm.gif) no-repeat 0 bottom;}
					#calendarList dl.catID4 dt span{background:url(../images/calendar/date_bg_catID4_btm.gif) no-repeat 0 bottom;}
					#calendarList dl.catID5 dt span{background:url(../images/calendar/date_bg_catID5_btm.gif) no-repeat 0 bottom;}
					#calendarList dl.catID6 dt span{background:url(../images/calendar/date_bg_catID6_btm.gif) no-repeat 0 bottom;}
					#calendarList dl.catID7 dt span{background:url(../images/calendar/date_bg_catID7_btm.gif) no-repeat 0 bottom;}
					
				#calendarList dl dd{
					display:block;
					float:left;
					padding:0;
					margin:0;
					width:450px;
					}
					
					#calendarList.homepage dl dd{width:361px;}
					
				html>body dl dd{ /*IE/Firefox min hieght hack */
					height:auto;
					min-height:80px;
					}
					
					#calendarList dl dd ul{display:block; margin:0;}
					
					#calendarList dl dd h4{
						margin:.4em 0 0 0;
						font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
						line-height:1em;
						color:#333;
						}
						
					#calendarList dl dd h5{
						font:normal .85em Verdana, Arial, Helvetica, sans-serif;
						margin:.4em 0 .8em 0;
						color:#666;
						}
	
	
	/*	III. 	Calendar Flyout	*/		
	#flyout{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		display:none;
		width:240px;
		position:absolute;
		background:url(../images/calendar/calendar_flyout_carrot.gif) no-repeat 0 0;
		top:0;
		left:0;
		z-index:1000;
		}
			
		#flyout dl{
			margin:11px 0 0 0;
			display:block;
			border:1px solid #bbbab6;
			border-top:0;
			background-color:#fff;
			padding:2px;
			width:234px;
			float:none;
			}
				
			#flyout dl dt{
				font-size:1em;
				line-height:1.2em;
				display:block;
				width:224px;
				background-color:#ccc;
				color:#fff;
				padding:3px 5px 4px 5px;
				margin:0;
				float:none;
				font-weight:bold;
				}
					
				#flyout dl dt.catID1{background-color:#906a03;}
				#flyout dl dt.catID2{background-color:#ff6600;}
				#flyout dl dt.catID3{background-color:#ebc700;}
				#flyout dl dt.catID4{background-color:#487a94;}
				#flyout dl dt.catID5{background-color:#262d3d;}
				#flyout dl dt.catID6{background-color:#658a2c;}
				#flyout dl dt.catID7{background-color:#ff0000;}
				
			#flyout dl dd{
				font-size:.85em;
				display:block;
				line-height:1.6em;
				margin:6px 4px 30px 4px;
				width:208px;
				float:none;
				border:0;
				height:auto;
				}
				
				
	/*	e.	Sorting Operations	*/
	#sortingOperations{
		list-style-type:none;
		margin:0 0 12px 0;
		position:relative;
		height:25px;
		width:700px;
		}
		#sortingOperations li{color:#000;}
		#sortingOperations li.filter{width:450px;}
		
		
