table.eventInfo {width:700px; border-collapse:collapse;  margin-bottom:15px; }
		table.eventInfo th{color:darkred; border-bottom: 1px solid silver;width:84px; }
		table.eventInfo td{border-bottom: 1px solid silver; padding-left:10px; }
		table.dates {border-collapse:collapse; }
		table.dates th{color:darkred; border-bottom:1px solid blue; }
		table.dates td{border-bottom:1px solid silver; }
		table.dates .active, table.dates .printDate{border-right:1px solid silver; }
		table.dates .printDate{padding-right:15px; }
		table.dates .exceptionLink,table.dates .active{text-align:center; }
		table.dates a{text-decoration:none; }
		
		table.activities {width:700px; border-collapse:collapse; }
		table.activities th{color:darkred;border: 1px solid silver; }
		table.activities td{border: 1px solid silver; }
		table.activities .desc, table.activities .signup, table.activities .nbrPeople{
			border-bottom: 1px solid blue; 
		} 
		table.activities .signup,table.activities .nbrPeople{text-align:center;}
		table.activities .desc
			, table.activities .signup
			, table.activities .nbrPeople
			{padding-bottom: 25px;} 
		table.activities .signup{ border-left: 0px solid blue; }
		table.activities td.activity{font-weight:bold; padding:0px;}
		table.matrix td.chkBox {	padding:0px;	text-align:center;	}
	   table.matrix{			border-collapse:collapse;  }
		
		
		div.matrixContain {	
				overflow: auto;
				overflow-x: auto;  
				overflow-y: hidden; 
				width:700px; 
				padding-bottom:20px;}
		
		
		table.matrix th{color:darkred; }
		table.matrix th, table.matrix td{
				border-left: 1px solid gray; 	
				border-bottom: 1px solid blue; 
				}
		table.activities td.activity label.eventCheckbox
			, table.activities td.activity span.eventCheckbox
			, table.activities td.chkBox label.eventCheckbox
			, table.matrix td.chkBox label.eventCheckbox{
			padding:1px; display: block; }
		label.eventCheckbox{	cursor:pointer;}
		label.eventCheckbox:hover{ background-color: lightgreen;	}
		table.eventNotice{
			border: 1px solid gray;
			text-align: center;
			width:700px;
			margin-bottom: 15px;
			}
		div.unsavedChanges{
			/*border: 2px solid red;
			margin: 2px;padding: 5px;*/
			color: red;
			font-weight: bold;
		}
		span.notStandardBefore{
			color:white;
		}
		span.notStandardAfter{
			color:red;
		}
		.allowEdit_false{
			color:gray;
		}
		

		/* from template */
		
		
		table.mdt{margin-left:15px;}
		table.mdt th.mdt{color:black;}
		table.mdt th.date, 	table.mdt td.date 	{width: 230px;  font-size:smaller;}
		table.mdt th.start, table.mdt td.start	{width: 172px;  font-size:smaller;}
		table.mdt th.end, 	table.mdt td.end	{width: 172px;  font-size:smaller;}
		table.mdt th.hours, table.mdt td.hours	{width: 120px; font-size:smaller;}
		
		label.mdt{font-size:smaller;font-weight:bold;}
		table.mdt th.date{font-size:smaller;}
		table.mdt th.start{  font-size:smaller;}
		table.mdt th.end{font-size:smaller;}
		table.mdt th.hours{ font-size:smaller;}
		table.mdt th.edit{}
		table.mdt td.mdt{color:black;}
		
		div.colorBarTop{border:1px solid silver;
						border-width:7px 0px 0px 0px;
						
						}
		div.chkBox{
				padding-left:18px;
				
			}
		.chosen{		}
		td.chosen div.colorBarTop{	border-color:lightgreen;}
		.highlight{		}
		td.highlight div.colorBarTop{border-color:#FFFF99;	}
		label.eventCheckbox input{margin-left:15px;}
		
		
		button {cursor:pointer;}
		
		
		a.datelink{color:blue;}
		.inPast{color:gray;}
		a.inPast:hover{color:blue;}
		
		a.respFormShow, span.respFormShow{font-size:smaller; text-decoration:none;}
		a.respFormShow {color:blue;}
		a.respFormShow span.required{color:red;}
		span.respFormShow {color:gray;} 
		
		
		div.saveMsg, div.saveError, div.eventNotice{
			color:black; 
			border-style: solid; 
			border-width: 2px 0px 0px 1px; 
			padding:2px; 
			margin:5px 10px 5px 0px;
			border-color:white;
		}
		div.saveMsg{  color:green; border-color:green; font-weight:bold;}
		div.saveError{border-color:red;}
		
		div.eventNotice{
			 border-color:silver;
			 border-width: 2px 1px 2px 1px; 
		}
		
		a.changeEvent{
			font-style:italic; 
			text-decoration:none;
			color:blue;
			margin-left:10px;
		}
		a.changeEvent:hover{
			text-decoration:underline;
		}
		table.eventInfo th {
			 text-align:left;
		}