.menuTab, .menuTabSelected {
	padding-top: 0.3em;
	padding-bottom: 0.4em;
	padding-right: 0.75em;
	padding-left: 0.75em;
	float: left;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	position: relative;
	text-decoration: none;
	color: black;
	margin-right: 0.3em;
	border-top: 0.2em solid transparent;
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
}

.menuTab {
	font-weight: normal;
	_background-color: gainsboro;
}

.menuTabSelected, .menuTabInfo {
	background-color: lightskyblue;
}

.menuTabInfo {
	_padding-right: 0.5em;
	_padding-left: 0.5em;
	padding-bottom: 0.5em;
	position: relative;
	_margin-top: -1px;
	background-color: transparent;
	border-top: 0.3em solid lightskyblue;
}

.container {
	clear:both;
	padding-left: 0.4em;
	padding-right: 0.4em;
	position: relative;
	margin-bottom: 0.4em;
	margin-top: 0.1em;
}

.qmContainer {
  position: relative;
	float: right;
	background-image: url(/images/qm.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;
	width: 20px;
}

.infoContainer {
	float: left;
	overflow: hidden;
	border: none;
}

.label, .info {
	font-size: 90%;
	padding-top: 0.3em;
	padding-bottom: 0.4em;
	background-color: lightskyblue;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.info {
  border-top: medium none;
  color: black;
  background-color: gainsboro;
  line-height: 150%;
}

.info:hover {
  _aheight: 200px;
}
	
.divider {
	margin-right: 40%;
	margin-left: 40%;
	clear: both;
	height: 0.2em;
	overflow: hidden;
	_border: 0.1em solid transparent;
	_border-image: linear-gradient(to bottom left, #FC913A 0%, #FF4E50 100%);
	_border-image-slice: 1;	
}

.arenaContainer {
	background-color: antiquewhite;
	border: 0.1em solid mediumblue;
}
	
.arenaName {
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 0.5em;
	color: gainsboro;
	color: white;
	padding-top: 0.2em;
	background-color: mediumblue;
	text-align: left;
	padding-left: 0.5em;
}

.arenaLocation {
	font-weight: normal;
	font-size: 65%;
	color: gainsboro;
	text-align: left;
}

.info a, .arenaLocation a, .brochure a {
	font-weight: normal;
	vertical-align:  baseline;
	cursor: hand;
	color: blue;
	text-decoration: none;

}

.arenaLocation a {
	color: Yellow;
}

.info a:hover, .arenaLocation a:hover, .brochure a:hover {
	color: magenta;
	cursor:hand;
	text-decoration: none;
}

.menuTab:hover {
	cursor:hand;
	text-decoration: none;
	background-color: gainsboro;
	transition: 0.3s;
}	

.brochure {
	float:left;
	position: relative;
	margin-top: 20px;
	*margin-left: 20px;
	font-size: smaller;
	text-align: center;  
}

.programTitle {
  *margin-top: 0.2em;
  margin-bottom: 0.2em;
  *border-top-style:dashed;
  *border-top-width: 1px;
  *border-top-color: dimgray;
}

.programTitle > a {
  color: black;
  font-weight:bold;
}

.programTitle > A:hover {
  cursor: help;
}


.registrationStatus {
  font-weight:bold;
  color: red;
  text-align: center;
}

.dayTimeContainer {
	width: 22%;
}

.programContainer {
	width: 39%;
	border-left: 0.3em solid transparent;
	border-right: 0.3em solid transparent;
}

.courseDatesContainer {
	width: 39%;
	background-color: gainsboro;
	float: right;
}

.feeClassCourseContainer {
	width: 39%;
	float: right;
}

.courseDates {
	padding-bottom: 0.25em;
	text-align: center;
}

.courseNoticeContainer {
	background-color: rgba(255,0,0,0.5);
	color: black;
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-bottom: 0.1em;
	_margin-top: 0.4em;
	_font-size: 100%;
	padding: 0.2em 0.4em 0.3em 0.4em;
	overflow: auto;
}

.courseNoticeText {
	font-size: 80%
}

.programStatus, .inquireStatus, .registerStatus {
  font-weight:bold;
  color: red;
  text-align: center;
	border-radius: 0.5em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
}

a.inquireStatus {
	background-color: rgba(128,128,0,0.5);
	color: black;
}

a.inquireStatus:hover {
	background-color: rgba(255,255,0,0.5);
	color: black;
	
}
a.registerStatus {
	background-color: rgba(0,128,0, 0.5);
	color: black;
}

a.registerStatus:hover {
	background-color: rgba(0,255,0,0.5);
	color: black;
