.ContentArea {
	color: #000000;
	font-size: 90%;
	padding: 10px 10px 10px 10px;
}


a.noDecorLink {
	text-decoration:none;
	color:#009;
}

#mainCalTable {
	width: 530px;
}

.spacer {
    line-height:2px;
    clear:both;
    width: 195%;
  }

#container {
	margin:5px auto;
	padding:0px;
	}

#theTitle {
	font-family: Verdana, Arial, Geneva, sans-serif;
	text-align:center;
	background:#fc0;
	font-weight:700;
	color:#01009a;
	width: 510px;
  }

#theTitle2 {
  font-family: Verdana, Arial, Geneva, sans-serif;
  text-align:center;
  font-weight:700;
  border:none;
  }

.dateBox, .dateBoxToday {
	float:left;
	width:67px;
	height:67px;
	border:1px solid #000;
	padding:3px;
  	overflow:auto;
	}

.dateBox {
  scrollbar-face-color:#ccc;
  scrollbar-track-color:#fff;
  scrollbar-arrow-color:#fff;
  scrollbar-highlight-color:#eee;
  scrollbar-3dlight-color:#eee;
  scrollbar-shadow-color:#fff;
  scrollbar-darkshadow-color:#eee;
  }

.weekDay, .weekDayLast {
	font-family: Verdana, Arial, Geneva, sans-serif;
	text-align:center;
	height:16px;
	width:65px;
	line-height:16px;
	font-size:10px;
	background:#009;
	color:#fff;
	font-weight:100;
	padding:0px;
	border-right:1px solid #fff;
}

.weekDayLast {
	border-right:1px solid #000;
}

.weekDay2 {
  text-align:center;
  font-size:10px;
  background:#009;
  color:#fff;
  }

#today {
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#fff;
	background:#009;
	font-weight:700;
	padding:3px 3px 3px 5px;
	line-height:10px;
	margin-left:-3px;
	margin-top:-3px;
	width:10px;
}
  
.monthNav {
  font-weight:100;
  font-size:90%;
  text-decoration:none;
  }
  
table.cal, table.calMini, table.listReg, table.adminListPart {
  width:510px;
  border-right:1px solid #01009a;
  border-top:1px solid #01009a;
  padding:0px;  
  }
  
table.calMini {
  width:150px;
  }
  
tr.cal, td.cal, td.calNull, td.calPast, td.calToday, tr.calMini, td.calMini {
  border:1px solid #01009a;
  border-right:none;
  border-top:none;
  padding:0px;
  }

tr #calTopTRbar .cal {
    background: #fff !important;
}

  
td.calMini {
  width:20px;
  height:20px;
  font-size:10px;
  text-align:center;
  padding:2px;
  }

td.cal, td.calNull, td.calPast, td.calToday {
  font-size:80%;
  font-weight:700;
  width:70px;
  height:70px;
  padding:0px;
}

td.cal { background: #fff; }
td.calPast {  background: #ddd; }
td.calToday {  background: #cfd9ff; }

.dateNumber {
	padding:3px;
}

.eventContainer {
	line-height:10px;
	padding:1px 0px 1px 1px;
	width:100%;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow:ellipsis;
}

.eventOpen, .eventCancelled, .eventFull, .eventPast, .eventAdminListCancelled, .eventAdminListPast {
	font-size:12px;
}

.eventOpenSmall, .eventCancelledSmall, .eventFullSmall, .eventPastSmall {
	font-size:9px;
}


.eventOpen, .eventOpen a:visited, .eventOpen a:link, .eventOpenSmall, .eventOpenSmall a:visited, .eventOpenSmall a:link {
	color:#603 !important;
}

.eventFull, .eventFull a:visited, .eventFull a:link, 
.eventFullSmall, .eventFullSmall a:visited, .eventFullSmall a:link,
.eventPast, .eventPast a:visited, .eventPast a:link,
.eventPastSmall, .eventPastSmall a:visited, .eventPastSmall a:link {
	color:#bbb !important;
	text-decoration:none !important;
}
.eventCancelled, .eventCancelled a:visited, .eventCancelled a:link,
.eventCancelledSmall, .eventCancelledSmall a:visited, .eventCancelledSmall a:link {
	color:#bbb !important;
	text-decoration:line-through !important;
}

.eventAdminListCancelled, .eventAdminListCancelled a:visited, .eventAdminListCancelled a:link {
	text-decoration:line-through !important;
}

.eventRegTitle, .eventRegTitleLabel, .eventRegTitleProgram {
	font-size:125%;
	font-weight: 900;
}

.eventRegTitleDate, .eventRegTitleTime {
	font-size:90%;
	font-weight:800;
}
.eventRegTitleDate { font-style: italic; }

/* calendar list view formatting */
#calColLeft, #calColRight {
  margin-top:7px;
}
  
#calColLeft {
  float:left;
  width:354px;
  margin-left:5px;
  }
  
#calColRight {
  float:right;
  width:150px;
  margin-right:8px;
}

.calColListDateTime {
	float:left;
	width:34%;
	padding:2px;
	text-align:center;
}

.calColListEventLabel {
	float:right;
	width:62%;
	padding:2px 2px 2px 4px;
	border-left:1px solid #000;
}

/* registration form formatting */
form.reg, .reg {
  background:#ccc;
  padding:3px 3px 15px 3px;
  border:1px solid #000;
  width:480px;
  margin-left:6%;
  }
  
.regText {
  float:left;
  width:30%;
  text-align:right;
  font-weight:700;
  margin-bottom:2px;
  }
  
.regInput {
  float:left;
  width:59%;
  margin-left:3px;
  margin-bottom:2px;
  }
  
/* button formatting */
.ButtonWhite{	
	background-color:#FFFFFF;
	color:#000;
	text-decoration:none;
	border: 1px solid Black;
	padding: 2px 5px 2px 5px;
	text-align : center;
	margin: 3px;
	width: auto;
	float: left;
}

.ButtonWhite:hover {	
	background-color:#000084;
	color:#fff;
}

.ButtonBlue{	
	background-color:#cfd9ff;
	color:#425d93;
	text-decoration:none;
	border: 1px solid Black;
	padding: 2px 5px 2px 5px;
	text-align : center;
	margin: 3px;
	width: auto;
	float: left;
}

.ButtonBlue:hover {	
	background-color:#FFFFFF;
	color:#000;
}

.prevMonth, .nextMonth {
	width:30%;
	font-size:95%;
	font-color:#009;
	text-decoration:none;
}

.prevMonth {
	float:left;
	text-align:left;
	margin-left:6px;
}


.nextMonth {
	float:right;
	margin-right:6px;
	text-align:right;
}


.thisMonth {
	float:left;
	text-align:center;
	width:33%;
	font-size:110%;
}

.emailHighlight {
	font-weight: 800;
}

textarea, .styledInput {
	border:1px solid #7e9eb7;
}

.alertMsg {
	color:#f00;
	text-align:center;
}

/* eg. (max 120 char) */
.fieldNote {
	font-style: italic;
	font-size: 90%;
}

.homeOption {
    width:520px;
  text-align:left;
  border:1px solid #000;
  border-bottom:none;
  border-top:none;
  }

/* form formatting */
#calAdminForm {
	background:#eee;
	border:1px solid #000;
	margin-top:10px;
	text-align:left;
	padding:10px;
  	padding-top:10px;
	}

.regHeaderBar {
    background: #09c;
    color: #fff;
    padding: 3pt;
    margin-bottom: 5pt;
}


/* admin home formatting */
.adminTitleContainer {
  background:#cfd9ff;
  color:#000;
  font-weight:700;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  }

.adminTitleLeft {
  float:left;
  width:68%;
  padding:2px;
  }
  
.adminTitleRight {
  float:right;
  width:150px;
  text-align:center;
  padding:2px;
  border-left:1px solid #000;
  }
  
.listLeft {
  float:left;
  font-size:85%;
  font-weight:700;
  padding:2px;
  width:150px;
  text-align:center;
}
  
.listCenter {
  float:left;
  /* font-weight:700; */
  padding:4px;
  width:230px;
  border-bottom:0px solid #000;
  border-left:1px solid #000;
  }
  
.listRight {
  float:right;
  font-weight:700;
  padding:2px;
  width:28%;
  text-align:center;
  border-left:1px solid #000;
  }

/*Four Column Table*/
.listCol1 {
  float:left;
  font-size:85%;
  font-weight:700;
  padding:2px;
  width:85px;
  text-align:center;
  }

.listCol2 {
  float:left;
  padding:2px;
  width:100px;
  text-align:center;
  border-bottom:0px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;  
  }
  
.listCol3 {
  float:left;
  /* font-weight:700; */
  padding:4px;
  width:175px;
  border-bottom:0px solid #000;
  }
  
.listCol4 {
  float:right;
  font-weight:700;
  padding:1px;
  width:150px;
  text-align:center;
  border-left:1px solid #000;
  line-height:31px;
  }

  
 /* adminstrator list styles */
.adminListContainer {
  font-weight:700;
  border-top:0px solid #000;
  border-bottom:1px solid #000;
  }

.adminListLeft {
  float:left;
  width:68%;
  padding:2px;
  }
  
.adminListRight {
  float:right;
  width:28%;
  text-align:center;
  padding:2px;
  border-left:1px solid #000;
  }
  
  
/*  formatting for text buttons and form buttons  */
  .button, .f_button, .buttonFade, .smallerBtn {
  	background:#ccc;
  	border:1px solid #000;
  	text-align:center;
  	text-decoration:none;
  	font-weight:900;
  	margin-left:3px;
  	color:#000;
  	cursor:hand;
  	font-size:90%;
  	}
   
  .f_button {
  	padding-left:2px;
  	padding-right:2px;
  	}
  	
  .button, .buttonFade {
  	line-height:15px;
  	padding-top:.4px;
  	padding-left:10px;
  	padding-right:10px; 	
  	}
  	
  .button:hover {
  	color:#000;
  	}
  
/* login */  
form.login {
  padding:3px 3px 15px 3px;
  width:360px;
  margin-left:6%;
  }
  
.daText {
  float:left;
  width:45%;
  text-align:right;
  font-weight:700;
  margin-bottom:2px;
  }
  
.daInput {
  float:left;
  width:50%;
  margin-left:3px;
  margin-bottom:2px; 
  }


.calTopBar {
    margin:5pt 5pt 5pt 10pt;
    font-size:90%;
    font-weight:700;
    vertical-align: middle; 
}

.calTopBarLeft, .calTopBarRight {
    float: left;
}

.calTopBarLeft {
    width: 45%;
}

.calTopBarRight {
    text-align:right;
    width: 54%;
}

.smallerBtn {
    margin: -2px;
    padding: -2px;
    vertical-align: middle;
}

/* category selector for users */
#catSelect {
    font-size: 10px;
}