#calEventWrapper {
clear: both;
display: table;
width: 100%;
}
#calEventWrapper .calDateWrapper {
position: relative;
display: table-cell;
padding-right: 10px;
float:left;
width: 170px;
}
#calEventWrapper .calDateDayName, #calEventWrapper .calDateDayDate, #calEventWrapper .calDateTop {
text-align: right;
width: 100%;
}
#calEventWrapper .calDateDayName {
font-size: 1.75em;
}
#calEventWrapper .calEventListContents {
padding-left: 10px;
padding-bottom: 15px;
}
#monthWrapper {
width: 100%;
float: left;
clear: right;
position: relative;
margin-bottom: 15px;
}
#monthWrapper .monthDisp {
width: 7.1%;
float: left;
text-align:center;
}
#monthWrapper .monthTitle {
width: 100%;
float: none;
clear: both;
text-align:center;
font-size: 1.5em;
}
#calEventWrapper .miniCalContainer {
width: 170px;
position: relative;
float: left;
clear: right;
padding-left:6px;
margin-bottom: 10px;
}
#calEventWrapper .calDay {
width: 20px;
height: 20px;
border: thin solid #DDD;
float: left;
margin: 1px;
font-size: .9em;
text-align: center;
}
#calEventWrapper .calDay a {
color: #000;
display: block;
cursor: pointer;
}
#calEventWrapper .calDay.selDay a {
color: #FFF;
display: block;
cursor: pointer;
}
#monthWrapper .monthDisp.selected {
font-weight: bold;
font-size: 1.2em;
}
#calEventWrapper .calDay.noDay {
background: #FFF;
border: thin solid #FFF;
}
#calEventWrapper .calDay.selDay {
background: #933;
color: #FFF;
}
#calEventWrapper .calDay.calHeader {
background: #555;
color: #FFF;
}
#weekWrapper {
width: 100%;
float: left;
clear: right;
position: relative;
background: #EEE;
border-radius: 16px;
margin-bottom: 15px;
}
#weekWrapper .weekDisp {
float: left;
text-align:center;
}
#weekWrapper .weekTitle {
width: 100%;
float: none;
clear: both;
text-align:center;
font-size: 1.5em;
}
#calEventWrapper .calDateDayDate {
font-size: 1.2em;
}
#calEventWrapper .calEventListWrapper {
display: table-cell;
float: right;
margin: 6px;
}
#calEventWrapper .calSingleDateWrapper {
display: table-row;
width: 100%;
}
#calEventWrapper .calEventItemTime {
font-size: 1.2em;
}
#calEventWrapper .calEventItemName {
font-size: 1.5em;
color: #933;
}
#calEventWrapper .calEventItemName a {
color: #933;
}
#calEventWrapper .calEventItemDesc {
}
#calEventWrapper .calEventItemReg {
padding-top: 8px;
font-size: .95em;
}
#calEventWrapper .calEventItemLink {
}
#calEventWrapper .calEventListWrapper>div:nth-child(even) {
background: #F1F1F1;
}
#calEventWrapper .calEventListWrapper>div:nth-last-child(1) {
border-radius: 0px 0px 16px 16px;
}
.calDateBorder {
float:left;
width: 100%;
border: thin solid #666;
border-radius: 16px;
padding: 10px;
margin-bottom: 15px;
}
@media screen and (max-width: 900px) {
#calEventWrapper {
clear: both;
display: block;
width: 100%;
}
#calEventWrapper .calDateWrapper {
position: relative;
display: block;
padding-right: 10px;
float:left;
width: 100%;
}
#calEventWrapper .calDateDayName {
float: left;
text-align: center;
}
#calEventWrapper .calWeek {
clear: left;
}
#calEventWrapper .miniCalContainer {
clear: both;
width: 100%;
width: 170px;
padding-left:6px;
margin-bottom: 10px;
}
#calEventWrapper .calEventListWrapper {
display: inline;
float: left;
width: 100%;
}
#monthWrapper .monthDisp {
width: 25%;
font-size: 1.2em;
}
}
#weekWrapper .weeks_4 {
width: 25%;	
}
#weekWrapper .weeks_5 {
width: 20%;
}
#weekWrapper .weeks_6 {
width: 16.5%;
}
.filterTitle, .catFilter, .ageFilter {
font-size: 1.3em;
font-weight: bold;	
text-align: center;
}
.tableMain {
border-collapse:collapse;
border-spacing: 0px;
width: 600px;
}
.tableMain.wider {
width: 900px;
}
.tableMain.freeWidth {
width: auto;
}
.tableMain tr td {
padding: 6px;
margin: 0px;
border: thin solid #CCC;
}
.tableMain tr:nth-child(odd) {
background: #EEE;
}
.tableMain tr:nth-child(even) {
background: #FFF;
}
.tableMain tr:nth-child(1) {
background: #000;
font-weight: bold;	
color: #FFF;
}
.tableMain tr:nth-child(1) a {
font-weight: bold;	
color: #FFF;
}
.tableMain .subHeader {
background: #666;
font-weight: bold;	
color: #FFF;
}
#filterCont {
display: table;
width: 100%;
background: #EEE;
border: thin solid #FFF;
margin: 0px;
padding: 0px;
display: none;
}
#filterBottom {
background: #999;
padding:8px;
font-size: 1.1em;
font-weight: bold;
color: #FFF;
border-radius: 0px 0px 16px 16px;
border: 1px solid #FFF;
text-align: center;
}
#filterHead {
background: #999;
padding:8px;
font-size: 1.2em;
font-weight: bold;
color: #FFF;
border-radius: 16px 16px 0px 0px;
border: 1px solid #FFF;
text-align: center;
}
.filterRow {
display: table-row;
}
.filterSmaller {
display: table-cell	;
padding:4px;
width:130px;
border: 1px solid #FFF;
}
.filterLarger {
display: table-cell;
padding:4px;
width: 312px;
border: 1px solid #FFF;
}
#hideToggle {
cursor:pointer;
text-decoration: underline;	
}
.tableSearch {
border-collapse:collapse;
border-spacing: 0px;
width: 100%;
}
.tableSearch.allWidth {
width: 100%;
}
.tableSearch tr td {
padding: 6px;
margin: 0px;
border: 2px solid #FFF;
}
.tableSearch tr:nth-child(odd) {
background: #F3F3F3;
}
.tableSearch tr:nth-child(even) {
background: #FFF;
}
.tableSearch tr:nth-child(1) {
background: #000;
font-weight: bold;	
color: #FFF;
}