.upcomingeventsmain {
	width:350px;
	height:150px;
	border:none;
	overflow:hidden;
	padding:5px;
}
.upcomingeventsframe {
	width:340px;
	border:1px solid var(--main-background);
	background-color: var(--accent-dark-1);
	padding: 5px;
	border-radius: 3px;
	text-align: left;
	margin: 3px 0px 1px 0px;
	}
.upcomingeventsframe.tooltip {
	background-color: var(--main-background);
	foreground-color: var(--main-foreground);
	}
.addressframe {
        font-size: 75%;
        }
        
div.cal {
  width: 100%;
  display: inline-block;
  padding: 0px 10px 10px 10px;
  }
   
div.c_row {
  width: 100%;
  display: inline-block;
  }
  
div.c_month {
  background-color: var(--main-background);
  font-style: bold;
  text-align: center;
  vertical-align: top;
  }
    
div.c_day {
  width: 11.5%;
  vertical-align: middle;  
  border-radius: 2px;
  margin: 1px;
  padding: 2px;
  float: left;
  border: 1px solid var(--main-background);
  }
  
div.c_title {
  background-color: var(--accent-color-1);
  color: var(--main-background);
  border: 1px solid var(--main-background);
  }
        
div.c_othermonth {
  background-color: var(--main-background);
  color: var(--accent-light-1);
  font-size: 80%;
  border: 1px solid var(--main-background);
}

div.c_weekday {
  background-color: var(--accent-dark-1);
  color: var(--accent-light-1);
  border: 1px solid var(--main-background);
}

div.c_weekend {
  background-color: var(--accent-dark-2);
  color: var(--accent-light-1);
  border: 1px solid var(--main-background);
}

div.c_today {
  background-color: var(--main-background);
  border: 1px solid var(--main-foreground);
  font-style: bold;
}

div.c_event {
  color: var(--main-accent);
  border: 1px solid var(--main-foreground);
  font-weight: bold;
}

div.c_event:hover {
  background-color: var(--accent-color-1);
  color: var(--main-background);
  font-weight: bold;
  }

div.c_day:nth-child(8n) {
  clear: left;
  }