.schedule{
	width: 100%;
	text-align: left;
	height: 30px;
	vertical-align: middle;
	position: relative;
	font-family: sans-serif; 
	font-size: larger;
	padding-left: 10px;
	padding-top: 10px;
}
.divSortButton{
	width: 250px; 
	height: 30px; 
	border: 1px solid #000000; 
	display: table-cell; 
	text-align:center;
	vertical-align:middle;
}
.divButtonSelected{
	color: white; 
	background-color: #d74034; 
}
.divButtonUnselected{
	background-color: #dc5c52;
	border: solid 1px;
}

.dayOfWeek{
	float: left;
	color: white;
}
.dateField{
	float: right; 
	color: white;
}
.dateRow{
	width: 750px; 
	vertical-align: center;
	text-align: left;
	padding: 10px;
}
.timeRow{
	width: 750px; 
	vertical-align: center;
	text-align: left;
	padding: 10px;
	white-space: nowrap;
	border-bottom: 1px solid #DDDDDD;
}
.mainGrouping{
	display: inline-block; 
	white-space: nowrap; 
	height: 544px; 
	vertical-align: top; 
	width: 100%; 
	left: 0;
}
.classGrouping{
	display: inline-block; 
	vertical-align: top; 
	left: 0; 
	width: 750px; 
	height: 100%; 
	overflow-x: hidden; 
	overflow-y: hidden; 
	background-color: white;
}
.classRows{
	overflow-y: scroll;
	overflow-x: hidden;
	height: 508px;
    margin: 0;
    padding: 0;
}
/*.classRow{
	width: 750px;
	height: 50px; 
}*/
.selectedRow{
	background-color: #d74034;
}
.timeCell{
	display: table-cell; 
	width: 250px; 
	text-align:left;
}
.detailsImg {
    max-width: 100%;
    max-height: 100%;
}
.detailsMessage{
	text-align: center;
	width: 90%;
	vertical-align: middle;
	padding: 10px;
	font-family: sans-serif;
	font-weight: bold;
	margin: auto;
}
.detailsMessageSmall{
	text-align: center;
	width: 90%;
	vertical-align: middle;
	padding: 10px;
	font-family: sans-serif; 
	font-size: smaller;
	font-weight: lighter;
}
.detailsPanel{
	text-align: center;
	width: 210px;
	height: 120px;
	vertical-align: middle;
	padding: 16px;
	position: relative;
	font-family: sans-serif; 
	font-size: smaller;
}
.detailsPanelOverlay{
	text-align: center;
	width: 210px;
	height: 120px;
	vertical-align: middle;
	padding: 10px;
	background-color: white;
	opacity: 0.15;
}
.detailsEmployee{
	text-align: left;
	width: 190px;
	height: 100px;
	top: 5px;
	left: 6px;
	position: absolute;
	padding: 20px;
}
.detailsEmployeeImg{
	width: 30px;
	height: 30px;
	float: left;
}
.detailsEmployeeHeader{
	text-align: center;
	font-weight: bold;
	padding-left: 50px;
}
.detailsEmployeeBody{
	padding: 10px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-weight: lighter;
	font-size: smaller;
}
/* DELETE AFTER GX CHANGED */
.detailsCell{
	display: table-cell; 
	width: 75%; 
	height: 50px; 
	text-align:left;
}
/* DELETE AFTER GX CHANGED */
.detailsTop{
	font-family: sans-serif; 
	font-size: larger;
}
/* DELETE AFTER GX CHANGED */
.detailsBottom{
	font-family: sans-serif; 
	font-size: small; 
	color: #999999;
}
.divDetails{
	display: inline-block; 
	vertical-align: top; 
	width: 262px; 
	height: 100%; 
	overflow-x: hidden; 
	overflow-y: hidden; 
	white-space: normal; 
	text-align: justify;
	float: right;
}
.nav_bar_bg_darker{
	background-color: #4E4E4F;
}
.nav_bar_bg_color{
	background-color: #626365;
}
.nav_bar_text_color{
	color: #FFFFFF;
}
.nav_bar_icon_color{
	color: #FFFFFF;
}
.menu_bg_color{
	background-color: #EE2D24;
}
.blend15{
	opacity: 0.85;
}
.menu_text_color{
	color: #FFFFFF;
}
.menu_icon_color{
	color: #FFFFFF;
}
.content_bg_color{
	background-color: #FFFFFF;
}
.content_text_color{
	color: #000000;
}
.content_link_color{
	color: #000000;
}
.content_active_link_color{
	color: #A2A2A4;
}