.pageForm label, .pageForm span{
	padding: 0 10px;
}
.pageForm .row-responsive{
	width: 100%;
	clear: left;
}
.pageForm .fLeft, .contentHolder .pageForm input[type="text"], .contentHolder .pageForm input[type="email"]{
	width: 20%;
}
.pageForm .btnSuccess {
	margin-left: 25%;
}
.pageForm .validationImage{
	float: left;
}
.pageForm span.fLeft{
	padding: 0 2px;
}
.contentHolder .pageForm input[type="text"].phone3digit {
	width: 3em;
}
.contentHolder .pageForm input[type="text"].phone4digit {
	width: 4em;
}

/* LOGIN */
.loginBox
{
    width: 300px;
    border: 2px solid #8d688d;
    background-color: #d8ccd9;
}
.loginHead
{
    padding: 0.5em 0; 
    background-color: #ae94af; 
    color:#fff;
    font-weight: bold;
}
.loginGrid
{
    text-align: center;
}
.loginGrid table
{
    margin: 0 auto;
}

/* [id*='pnlForm'] { display: none; } */

input:read-only {
	background-color: #eee;
}

#home-content .hdnField {
	display: none;
}
#schedule {
	border-collapse: collapse;
	border: 1px solid #763775;
	margin: 0 auto;
}
#schedule th, #schedule td {
	border: 2px solid #DDD;
}
#schedule caption {
	background-color: #763775;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	border: 2px solid #DDD;
	border-bottom: none;
}
#schedule td {
	text-align: center;
	height: 1.5em;
	background-color: #d4edda;
}
#schedule th {
	background-color: #763775;
	color: #FFF;
	padding: 5px;
}
#schedule > tbody > tr:first-of-type > td:first-of-type {
	background-color: #763775;
	cursor: default;
}
#schedule td:hover {
	background-color: #FFBD07;
	cursor: pointer;
}
#schedule .reserved {
	/* background-color: #D9AA2A; */
	background-color: #f8d7da;
}
#schedule .reserved a {
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
}
#home-content #schedule td > p{
	margin: 0;
}
#home-content #schedule td a {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	line-height: 1.5em;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}
#home-content #schedule td a:visited{
	color: #763775;
}
#home-content #schedule td .courseName{
	font-size: .9em;
	font-style: italic;
}
#home-content .fa-arrow-left, #home-content .fa-arrow-right {
	padding: 0;
}

#home-content .date-navigation {
	text-align: center;
}
#home-content .date-navigation label {
	padding: 0;
}
#home-content [id*='txtCurrentDate'] {
	width: 10em;
}

#home-content [id*='labConflictingTimes'] {
	color: red;
	font-weight: bold;
}

@media only screen and (max-width:1250px) {
	/* responsive table */
	#schedule,
	#schedule thead,
	#schedule tbody,
	#schedule th,
	#schedule td,
	#schedule tr{ 
		display: block; 
	}
	#schedule caption{
		display: block;
		clear: both;
	}
	#schedule tbody tr:first-of-type th{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#schedule tr{
		border: 1px solid #ccc;
	}
	#schedule td{ 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 5px 0;
		padding-left: 50%;
		height: auto;
	}
	#schedule td:before{ 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	#schedule td:before{
		content: attr(data-label);
		font-weight: bold;
	}
}