<STYLE TYPE="text/css">
<!--

a:link{
       color:blue;
       text-decoration:underline;
      }

a:hover{
        color:blue;
        font-weight:bold;
        text-decoration:underline;
       }
       
a:visited{
          color:blue;
          text-decoration:underline;
         }

.FontHeaderDisplay{
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:12px;
                   font-weight:bold;
                   color:black;
                  }
                  
.FontStandard{
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:12px;
                   font-weight:normal;
                   color:black;
                  }
                  
.FontInvite{
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:11px;
                   font-weight:normal;
                   color:black;
                  }

.FontMiniCalendarMonthName{
                          font-family:Arial, Helvetica, sans-serif;
                          font-size:9px;
                          font-weight:normal;
                          color:black;
                          font-variant:small-caps;
                         }

.FontMonthCalendarDayName{
                          font-family:Arial, Helvetica, sans-serif;
                          font-size:11px;
                          font-weight:bold;
                          color:black;
                          font-variant:small-caps;
                         }
                         
.FontCalendarDay{
                 font-family:Arial, Helvetica, sans-serif;
                 font-size:10pt;
                 font-weight:normal;
                 
                }

.FontEvent{
                 font-family:Arial, Helvetica, sans-serif;
                 font-size:8px;
                 font-weight:normal;
                 color:black;
                 font-variant:none;
                }

.TableMonthHeader{
				  height:1;
				  padding:1;
				  background-color:#E0DFE3;
				  border-style:outset;
				  border-width:1;
			      border-collapse:collapse;
				 }
				 
.TableMonthHeaderCell{
				      border-style:outset;
				      border-width:1;
				      text-align:center;
				     }		     

.TableMiniHeader{
				  height:1;
				  padding:0;
				  background-color:white;
				  border-style:solid
				  border-color:gray;
				  border-width:0;
			      border-collapse:collapse;
				 }
				 
.TableMiniMonthHeader{
				  height:1;
				  padding:0;
				  background-color:silver;
				  border-style:outset;
				  border-width:1;
				 }
				 

.TableMiniHeaderCell{
                      border-style:none; /* include this to work with IE 4+ */
 					 border-bottom-style:solid;
 					 border-bottom-width:1px;
				     border-bottom-color:black;
				     /* border-width:1; */
				     text-align:center;
				    }	
				     
.TableMiniCalendar{
				  padding:0;
				  background-color:white;
			      border-collapse:collapse;
			      border-width:0;
			      border-style:none;
				    
				  }	
				  
.TableMiniOtherDayCell{
				      border-style:solid;
				      border-width:1px;
				      border-color:white;
				      text-align:center;
                      vertical-align:center;
                      background-color:#EEEEEE;
                      padding:0;
                      border-collapse:collapse;
				     }

.TableMiniDayCell{
				  border-style:solid;
				  border-width:1px;
				  border-color:white;
				  text-align:center;
                  vertical-align:center;
                  background-color:white;
                  padding:0;
                  border-collapse:collapse;
                  cursor:hand;
				 }
				 
.TableMiniDayCellWithEvent{
				  border-style:solid;
				  border-width:1px;
				  border-color:white;
				  text-align:center;
                  vertical-align:center;
                  background-color:#DDDDFF;
                  padding:0;
                  border-collapse:collapse;
                  cursor:hand;
				 }

.TableMiniDayCellToday{
				       border-style:solid;
				       border-width:1px;
				       border-color:white;
				       text-align:center;
                       vertical-align:top;
                       background-color:#C5EB9F;
                       padding:0;
				      }				  		

.TableMiniDayCellTodayCoquitlam{
				       border-style:solid;
				       border-width:1px;
				       border-color:white;
				       text-align:center;
                       vertical-align:top;
                       background-color:#FFD735;
                       padding:0;
				      }	

.TableMonthOtherDayCell{
				        border-style:solid;
				        border-width:1;
				        border-color:gray;
		                text-align:center;
                        vertical-align:top;
                        background-color:gray;
                        padding:0;
                        border-collapse:collapse;
				       }

.TableMonthDayCell{
				      border-style:outset;
				      border-width:1;
				      border-color:gray;
				      text-align:left;
                      vertical-align:top;
                      background-color:#FFFFFF;
                      padding:0;
				     }

.TableMonthDayCellToday{
				        border-style:outset;
				        border-width:1;
				        border-color:gray;
				        text-align:left;
                        vertical-align:top;
                        background-color:#CCCCCC;
                        padding:0;
				       }
				     				     			     				     			     
.TableMainCalendar{
				  height:91%;
				  padding:0;
				  background-color:white;
			      border-collapse:collapse;
			      border-style:none;
				  }			
				  
.TableMainWeek{
		       height:94%;
			   padding:0;
			   background-color:white;
			   border-collapse:collapse;
			   border-style:solid;
			   border-color:gray;
			   border-width:1;
			  }	
			  
.TablePopupBorder{
			   padding:2;
			   background-color:white;
			   border-collapse:collapse;
			   border-style:solid;
			   border-color:white;
			   border-width:1;
			  }	

.TableWeekHeader{
				 height:1;
				 padding:2;
				 background-color:#DDDDDD;
				 border-style:outset;
				 border-width:1px;
			     border-collapse:collapse;
				}
				
.WeekDayAreaCell{
     		     border-collapse:collapse;
				 border-style:solid;
				 border-width:1px;
				 border-color:gray;
				 text-align:left;
				 background-color:white;
				}

.TableMonthDayHeaderCell{
					  border-right:0;
				      border-style:outset;
				      border-width:1;
				      text-align:left;
				      background-color:#E0DFE3;
				     }
				     
.TableDayCalendar{
				  height:94%;
				  padding:0;
				  border-width:0;
				  border-color:#111111;
			      border-collapse:collapse;
				 }			

.TableDayCalendar2{
				   height:100%;
				   padding:0;
				   border-style:none;
				   border-width:0;
				   border-color:#111111;
			       border-collapse:collapse;
				  }	

.TableDayCalendar3{
				   height:94%;
				   padding:3;
				   border-width:0;
				   border-color:#111111;
			       border-collapse:collapse;
				  }	

.DivDayStyle{
             width:100%;
             height:100%;
             overflow:visible;
            }

.TableDayAgenda{
				height:100%;
				padding:0;
				border-style:none;
				border-width:0;
				border-color:white;
			    border-collapse:collapse;
			   }
			   
.TableAgendaCell1{
			      border-collapse:collapse;
				  border-style:solid;
				  border-width:1;
				  text-align:right;
				  background-color:#EEEEEE;
				 }
				 
.TableAgendaCell2{
 			      border-bottom-style:solid;
 			      border-bottom-width:1;
				  border-bottom-color:black;
			      border-collapse:collapse;
				  border-style:solid;
				  border-width:1;
				  text-align:right;
				  background-color:#DDDDDD;
				 }

.TableAgendaArea{
                 border-bottom-style:dotted;
 			     border-bottom-width:1;
				 border-bottom-color:gray;
			     border-collapse:collapse;
				 border-width:1;
				 text-align:left;
				 background-color:#EEEEEE;
				}	
				
.EventMonthTable{
                 border-style:solid;
 			     border-width:1;
				 border-color:black;
			     border-collapse:collapse;
				 border-width:1;
				 text-align:left;
				 background-color:white;
				 padding:1;
				 width:100%;
				}
				
.EventMonthTimeCell{
                  width:10%;
				  text-align:left;
				  background-color:#DDDDDD;
				 }									 				 					 				 				 								 				 					 				 				 								 				 					 				 

.EventMonthTitleCell{
                  width:90%;
				  text-align:left;
				  background-color:white;
                  }

.EventMonthTitleCellAllDay{
                  width:100%;
				  text-align:center;
				  background-color:white;
                  }

.EventMonthTimeFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:9px;
                font-weight:normal;
                color:black;
                }							 				 			 				 			 				 							 				 			 				 			 				 

.EventMonthTitleFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:9px;
                font-weight:normal;
                color:black;
                }
                a:hover{
                        color:blue;
                        font-weight:normal;
                        text-decoration:underline;
                       }                
.MonthDayDiv{
             width:100%;
             height:100%;
             overflow:auto;
			}
			
.MonthDayDiv2{
             width:100%;
             height:100%;
             overflow:visible;
            }
            
.MonthDayDiv3{
             width:100%;
             height:100%;
             overflow:scroll;
			}
			
.EventIconFont{
                font-family:Wingdings;
                font-size:12px;
                font-weight:normal;
                color:red;
                }							 				 			 				 			 				 							 				 			 				 			 				 			              							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				               							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				                 							 				 			 				 			 				 							 				 			 				 			 				 

.EventDisplayHeadingFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:11px;
                font-weight:normal;
                color:black;
                }							 				 			 				 			 				 							 				 			 				 			 				 

.EventDisplayNormalFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:9px;
                font-weight:normal;
                color:black;
                }		
                
.DayViewAgendaEventTable{
                         border-style:solid;
        			     border-width:1;
        				 border-color:black;
        			     border-collapse:collapse;
        				 border-width:1;
        				 text-align:left;
        				 background-color:white;
        				 padding:1;
						}

.DayViewAgendaFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:9px;
                font-weight:normal;
                color:black;
                }		
        
.EventListingTable{
                   border-style:solid;
 			       border-width:1;
				   border-color:white;
			       border-collapse:collapse;
				   border-width:1;
				   text-align:left;
				   background-color:white;
				   padding:1;
				   width:100%;
				  }
                       
.EventListingTitleFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:10pt;
                font-weight:bold;
                
                }
                a:hover{
                        color:blue;
                        font-weight:normal;
                        text-decoration:underline;
                       }
                  
.EventListingTimeFont{
                font-family:Arial, Helvetica, sans-serif;
                font-size:9pt;
                font-weight:normal;
                color:black;
                }

.EventListingTimeCell{
                  width:100%;
				  text-align:left;
				  background-color:white;
				 }

.EventListingBodyCell{
                  width:100%;
				 vertical-align:top;
				 text-align:left;
				  background-color:white;
				 }					 								 				 					 				 				 								 				 					 				 				 								 				 					 				 				 								 				 					 				 				 								 				 					 				 				 								 				 					 				 

.EventListingTitleCell{
                  width:100%;
				  text-align:left;
				  background-color:#EEEEEE;
                  }                							 				 			 				 			 				 							 				 			 				 			 				                                                                                                                                                                                                                							 				 			 				 			 				 							 				 			 				 			 				                                                                                                                                                                                                

.GroupLegend1{
              visibility:visible; 
              position: absolute;
              top:30;
              left:-300;
             }
             
/* 
.GroupLegend2{
             visibility:hidden;
             position: absolute;
             top:30;
             left:-300;
		     }

*/
.GroupLegendTable1{
              visibility:visible; 
              position: absolute;
              top:30;
              left:-300;
              border-collapse:collapse;
              border-width:1;
              border-color:black;
              border-style:normal;
              background-color:#EEEEEE;
             }
             
/*
.GroupLegendTable2{
             visibility:hidden;
             position: absolute;
             top:30;
             left:-300;
             border-collapse:collapse;
             border-width:1;
             border-color:black;
             border-style:normal;
             background-color:#EEEEEE;
		     }
*/		     
.EventListViewTable{
				   width:100%;
				   height:96%;
				   padding:1;
				   background-color:#E0DFE3;
				   border-style:outset;
				   border-width:1;
			       border-collapse:collapse;
				   }
.EventListViewHeaderCell{	
					  height:1;
				      width:33%;			   
				      border-style:outset;
				      border-width:1;
				      text-align:center;
				      }
				      
.EventListViewCell{
		           border-style:solid;
			       border-width:1;
			       border-color:gray;
		           text-align:left;
                   vertical-align:top;
                   background-color:white;
                   padding:0;
                   border-collapse:collapse;
				  }
				  
.EventListViewDiv{
                 width:100%;
                 height:100%;
                 overflow:auto;
			     }	
			     
.EventListViewHeaderFont{
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:14px;
                   font-weight:bold;
                   color:black;
						}			     			  				     				     			  				     				     

.YearViewTable{
				   width:100%;
				   height:96%;
				   padding:1;
				   background-color:#E0DFE3;
				   border-style:outset;
				   border-width:1;
			       border-collapse:collapse;
				   }
.YearViewHeaderCell{	
					  height:1;
				      width:33%;			   
				      border-style:outset;
				      border-width:1;
				      text-align:center;
				      }
				      
.YearViewCell{
		           border-style:solid;
			       border-width:1;
			       border-color:gray;
		           text-align:left;
                   vertical-align:top;
                   background-color:white;
                   padding:0;
                   border-collapse:collapse;
				  }
				  
.YearViewDiv{
                 width:100%;
                 height:100%;
                 overflow:auto;
			     }	
			     
.YearViewHeaderFont{
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:14px;
                   font-weight:bold;
                   color:black;
						}
						
.YearMiniCalTable{
				   width:100%;
				   height:96%;
				   padding:1;
				   background-color:#E0DFE3;
				   border-style:outset;
				   border-width:1;
			       border-collapse:collapse;
				 }
				 
.YearMiniCalCell{
		           border-style:solid;
			       border-width:1;
			       border-color:gray;
		           text-align:left;
                   vertical-align:top;
                   background-color:white;
                   padding:0;
                   border-collapse:collapse;
				 }
				 
.YearViewEventListHeaderTable{
				   width:100%;
				   height:1;
				   padding:1;
				   background-color:#E0DFE3;
				   border-style:outset;
				   border-width:1;
			       border-collapse:collapse;
				 }
				 
.YearViewEventListHeaderCell{
		           border-style:solid;
			       border-width:1;
			       border-color:gray;
		           text-align:left;
                   vertical-align:top;
                   background-color:#E0DFE3;
                   padding:0;
                   border-collapse:collapse;
				 }
				 
				 									     			  				     				     			  				     				     			     			  				     				     			  				     				     									     			  				     				     			  				     				     			     			  				     				     			  				     				     

.vis1 { visibility:visible; position: absolute }
.vis2 { visibility:hidden; position: absolute }
.visON { visibility:visible;  }
.visOFF { visibility:hidden;  }



//-->
</STYLE>
