body {

	font-family: Arial, Helvetica, sans-serif;
	background-color: #F6F6F6;

}

table {

	border-collapse: collapse;	
}


.floatcontainer{

	width: 100%;
	display: flex;

}

.weekTable {
	flex: 1 1 85%;
	
}


.rooms {

	flex: 1 1 15%;
	background-color: dimgray;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	vertical-align: middle;
}

.roomTable {
	width:100%;
	color: white;
	background-color: dimgray;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	vertical-align: middle;
	border-collapse: collapse;
}

.roomCell {
	width: 90%;
	font-size: 1em;
	text-align: left;
}

.roomDeleteCell {
	width: 10%;
	text-align: right;
	vertical-align: middle;
}
.roomLink {
	color: silver;
	vertical-align: middle;
}

.roomManagerLink {
	color: #999999;
	font-size: 0.7em;
	font-weight: normal;
	vertical-align: middle;
	padding-left:0.2em;
}


.inputTable {

	margin:auto;
	width: 40%;
	font-size: 1.2em;

}

.alert {

	color: red;
}

.cellDesc {

	text-align: right;
	color: dimgray;
	padding:0.4em;
}

caption {
	font-weight: bold;
	font-size: 1em;
	padding-bottom:0.5em;

}

.captionLink {

	font-size: 1em;
	color:#555555;

}



td {
	font-size: 0.75em;
	width: 14%;
	//max-width: 200px;
	height: 1em;
	border: solid 1px lightgray;
	border-right: solid 1px #CCCCCC;
	background-color: #E8E8E8;
}

td:last-of-type {

		border-right: solid 1px lightgray;
}

th {
	border: solid 1px lightgray;
	color: white;
	background-color: dimgray;
	font-size: 0.8em;
	text-align:center;
}

thLink {

	color: white;
	background-color: dimgray;
	font-size: 0.8em;
	text-align: center;
}



.cell {

	height: 100%;
	width: 100%;
}


.sessionLink {

	color:black;
	text-decoration:none;
	font-size:1.2em;
}

.session {

	background-color: lightblue;
	margin: 5px;
	vertical-align:text-top;
}

.weekend {

	background-color: silver;
}

.hourcell {

	border-bottom: solid 1px #999999;
}
.timerow {

	width: 2%;
	text-align: center;
	background-color: dimgray;
	color:white;

}

.weekHead {
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: dimgray;
	color: white;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	vertical-align: middle;
}


.adminSection {
	width: 100%;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	background-color: #444444;
	color: white;
	font-size: 1em;
	vertical-align: middle;
	text-align: right;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.pageTitle {
	width: 100%;
	text-align: left;
	font-size: 2em;
	vertical-align: top;
	font-weight: bold;
	background-color: #444444;
	padding: 0.2em 0 0.2em 0em;
}

.adminLink {
	color: silver;
	padding-left: 1em;
	padding-right: 1em;
	vertical-align: middle;
	height: 2.5em;
}

.headline {
	width: 100%;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	background-color: #AAAAAA;
	color: black;
	font-size: 1.35em;
	text-align: center;
	vertical-align: middle;
}




.currentRoom {
	vertical-align: middle;
	color: white;
}

.messageBox {

	width:auto;
	text-align:center;
	padding: 2em;
	color:black;
	font-size:1em;
	font-weight:bold;
}

.textBox {

	width: auto;
	text-align: left;
	padding: 2em;
	color: black;
	font-size: 1em;
	margin: 0% 10% 5% 10%;

}

.errorMessage {

	color:red;
	font-size:1em;
}

.numberOfSession {

	color: #999999;
	font-size: 0.8em;
	font-weight: 100;

}

.editButton{

	text-decoration: none;
	color:#cccccc;

}

.sessiondetails{


	vertical-align:bottom;
	font-size:0.6em;
	color:dimgray;
}

.helplink{

	color: dimgray;
}