@charset "utf-8";
/* CSS Document */

/*copywrite 2011 Club Assistant, LLC*/

/*---------- Color Guide ----------*/
/*
#262626 : Medium Black | primary text color
#333333 : Dark Gray | primary text color
#999999 : Medium Gray | primary border color
#F0F0F0 : Light Gray | other month background color
*/

body {
	margin: 0;
	padding: 0;
}

#calendarPageContainer {
	margin: 0px;
	padding: 5px;
	font-family: verdana, arial, georgia, sans-serif ;
	/* font-size: 14px ; */
	font-size: 1.2rem;
	/*see _header.cfm for bgcolor styles*/
}

#calendarForm {
	margin: 0px 3px 0px 3px ;
}

#calendarNavTable {
}

#calendarNavTable td p {
	color: #333333;
	/* font-size: 11px; */
	font-size: 1.1rem;
	margin: 0px;
}

#calendarForm select,
#calendarForm input {
	/* font-size: 11px ; */
	font-size: 1.1rem;
}

#calendarContainer {
	border-bottom: 1px solid #999999;
	position: relative;
}

#calendarContainer td {
	vertical-align: top ;
}

#calendarContainer .calendarTable tr.days td.header {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 0px ;
}

#calendarContainer .calendarTable tr.days td.header a {
	color: #333333 ;
	display: block ;
	/* font-size: 10px ; */
	font-size: 1rem;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none ;
	cursor: default; /* temp until week view available*/
}
#dayNameTable tr.header td.header {
	border-left: 1px solid #999999;
}

#dayNameTable tr.header td {
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	color: #3F3F3F;
	/* font-size: 11px; */
	font-size: 1rem;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}
#dayNameTable tr.header td:first-child {
	border-left: 1px solid #999999;
}

#calendarEventContainer .calendarTable, #dayNameTable {
	background-color: #999999 ;
}

#calendarEventContainer .calendarTable {
	table-layout: fixed;
}

#calendarEventContainer .calendarTable tr.days td {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #6B4F2E ;
	height: 100px;
	padding: 2px ;
}

#calendarEventContainer .calendarTable tr.days td:first-child {
	border-left: 1px solid #999999;
}

#calendarEventContainer .calendarTable tr.days td.other {
	background-color: #F0F0F0 ;
	}

#calendarEventContainer .calendarTable tr.days td.today {
	background-color: #fbfbbc;
	}

#calendarEventContainer .calendarTable tr.days td a.daynumber,
#calendarEventContainer .calendarTable tr.days td a.daynumberfull {
	background-color: #FFFFFF ;
	border: 1px solid #666666 ;
	border-left: 1px solid #CCCCCC ;
	border-top: 1px solid #CCCCCC ;
	color: #262626 ;
	display: block ;
	font-size: 0.6rem;
	height: 15px ;
	line-height: 15px ;
	margin-bottom: 3px ;
	text-align: center;
	text-decoration: none ;
	top: 0px ;
	width: 23px ;
	}



#calendarEventContainer .calendarTable tr.days td a.daynumberfull {
	width: auto ;
}

#calendarEventContainer .calendarTable tr.days td div.event {
	color: #262626 ;
	/* font-size: 11px ; */
	font-size: 0.9rem;
	margin: 0px 0px 5px 0px;
	text-align: left;
	width: 100%;
	word-wrap: break-word;
}

#calendarEventContainer .calendarTable tr.days td div.event a {
	text-decoration: none ;
	}

#calendarEventContainer .calendarTable tr.days td div.event a:hover {
	cursor: pointer;
	text-decoration: underline;
}

#calendarEventContainer .calendarTable tr.days td em.note {
	color: #999999 ;
	}

#calendarEventContainer .calendarTable tr.footer td {
	/* font-size: 2px ; */
	font-size: 0.1rem;
	line-height: 4px ;
	padding: 0px 0px 0px 0px ;
	}

#sitefooter {}

#sitefooter #copyright,
#sitefooter #copyright a:link,
#sitefooter #copyright a:visited {
	color: #264389 ;
	font-size: 0.75rem;
	line-height: 18px;
	margin: 0;
	padding: 0px 0px 0px 25px ;
	text-decoration: none;
}

#sitefooter #copyright a:hover,
#sitefooter #copyright a:active {
	text-decoration: underline;
}

/*---------- window contents ----------*/
.winVariable {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.winTableWrapper {
	background-color: #FFFFFF;
	height: 100%;
}
.winTable {
	background-color: #FFFFFF;
	border-collapse: collapse;
	font-family: verdana, arial, georgia, sans-serif ;
	/* 20200929 Dan - back-office needs 12px or default */
	/* 20200929 Dan - maybe used on public websites? font-size: 1.2rem; */
	min-width: 292px;
	text-align: left;
	width: 100%;
}
.winTable td {
	color: #313131;
	/* 20200929 Dan - back-office needs 12px or default */
	/* 20200929 Dan - maybe used on public websites? font-size: 1.2rem; */
	margin: 0;
	padding: 3px 2px;
}

/*---------- general styles ----------*/
h2.calendarTitle {
	color: #3F3F3F;
	/* font-size: 20px ; */
	font-size: 2rem;
	font-weight: bold ;
	margin: 0;
	padding:0;
	text-align: left;
}

.days {
	background-color: #FFFFFF;
}

td.header {
	width: 20px;
}

.x-scroller {
	font-size: 1rem;
}