body {
  font: 10px/1.5 Verdana, sans-serif;
}

form, table {
	width: 100%;
}


table td, table th {
	border: 1px solid #000;
}

table td {
	/*width: 120px;*/
	text-align: center;
	vertical-align: middle;
	padding: 10px 4px;
	
}

table th {
	background: #C93119;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
}

table th h1 {
	text-transform: uppercase;
	font-size: 21px;
}

table td.time {
	background: #C93119;
	color: #fff;	
	font-weight: bold;
}

table td.days {
	background: #ccc;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
}

table tr.rooms td {
	background: #C93119;
	text-align: center;	
	color: #fff;
	padding: 10px 0;
	font-weight: bold;
}

table tr.green {
	background: #C93119;
	color: #fff;
}

/* hoverbox styles */

a.info {
	position:relative; /*this is the key*/
	z-index:24;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
		
table tr.green a.info {
	color: #fff;
}

a.info:hover {
	z-index:25;
	text-decoration: none;
}

a.info span {
	display: none;
}

a.info:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:25em;
	border:1px solid #ccc;
	background-color:#e9e9e9;
	color:#000;
	font-weight: normal;
	text-align: left;
	padding: 5px;
	text-decoration: none!important;
}

a.info span:hover {
	text-decoration: none;
}

@media print { 
 /* All your print styles go here */
 #Button1 { display: none !important; } 
 a.info { text-decoration: none; }
}