.vle_clearer {
	clear:both;
	height:0;
	padding:0;
	margin:0;
	overflow:hidden;
}
.vle_quicklink {
	margin: 1em 0;
	display: block;
	float: none;
	height: auto;
	padding: .5em 1em;
	text-align: center;
	text-decoration: none;
}
.vle_list {
	padding: 0;
	margin: 0 -.5em;
	list-style: none;
}
.vle_pupil {
	width: 25%;
	padding: 0 .5em;
	margin: 1em 0 0;
	float: left;
}
.vle_pupil__avatar {
	display: block;
	text-align: center;
}
.vle_pupil__avatar a {
	color: inherit;
	text-decoration: none;
}
.vle_pupil__avatar span {
	margin: 0 .5em .5em;
	height: 2.4em;
	display: block;
	font-size: .9em;
	line-height: 1.2em;
	overflow: hidden;
}

.vle_toolbar {
	clear: both;
	position: relative;
	overflow: visible;
}
.vle_toolbar_message {
	width: 15em;
	display: block;
	position: absolute;
	z-index: 8;
	right: -6.5em;
	bottom: 0;
	padding: .5em;
	font-size: .8em;
	line-height: 1.2em;
	text-align: center;
	color: #FFF;
	background: #444;
}
.vle_toolbar_message:after {
	content: '';
	display: block;
	position: absolute;
	border-top-color: #444;
	top: 100%;
	left: 50%;
	margin-left: -.5em;
	border: .5em solid transparent;
	border-top-color: #444;
}
.vle_toolbar_button {
	padding: 0 1em;
	margin: 0 1em 0 0;
	display: inline-block;
	cursor: pointer;
	font-size: .8em;
	color: #FFFFFF;
	background: #EF5B25;
	text-decoration: none;
}
.vle_toolbar_button i {
	margin-right: .5em;
}

.vle_avatar {
	width: 8em;
	margin: 1em 1em 1em 0;
	position: relative;
	z-index: 8;
	float: left;
}
.vle_avatar img {
	width: 100%;
	float: left;
}
.vle_avatar_choice {
	padding: 0;
	margin: 0;
	list-style: none;
}
.vle_avatar_choice_item {
	width: 20%;
	float: left;
}
.vle_avatar_choice_item img {
	width: 100%;
}

/* TODO: Make block layout responsive with Mason.Site.getColumns() */

.vle_block {
	width: 49%;
	float: left;
	margin: 1em 0;
}
.vle_block--full {
	width: 100%;
}
.vle_block--left {
	margin-right: 2%;
}
.vle_block__title {
	padding: 0;
	margin: 0;
}


#vle_school_news .vle_block__title,
#vle_class_news .vle_block__title {
	background: url(/admin/vle/client_side/_includes/images/message.png) center right no-repeat;
}
#vle_class_photos .vle_block__title {
	background: url(/admin/vle/client_side/_includes/images/camera.png) center right no-repeat;
}


/* Class Items */

.vle_block__list {
	min-height: 6.8em;
	padding: 0;
	margin: 1em -1em -.5em;
	list-style: none;
	border-top: 1px solid #ddd;
}
.vle_block__list__news a,
.vle_block__list__homework a {
	padding: 4px 0 4px 20px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

/* Class Gallery */

.vle_block__gallery {
	padding: 0 1px 1px;
	margin: 1em -1em -1em;
	list-style: none;
	overflow: hidden;
}
.vle_block__gallery__photo {
	width: 25%;
	padding: 0 1px 1px;
	float: left;
}
.vle_block__gallery__photo a {
	padding: 0;
	display: block;
}
.vle_block__gallery__photo img {
	width: 100%;
	float: left;
}

/* Homework Assignments */

#vle_class_homework .vle_block__title {
	background: url(/admin/vle/client_side/_includes/images/file.png) center right no-repeat;
}
#vle_pupil_homework .vle_block__title {
	background: url(/admin/vle/client_side/_includes/images/file-complete.png) center right no-repeat;
}

/* Homework Submissions */

.content__homework__list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.content__homework__list li {
	margin: 0 0 1em;
}
.content__homework__list__item {
	display: block;
	position: relative;
	padding: 0 1em;
	text-decoration: none;
}
.content__homework__list__item__icon {
	width: 3em;
	display: block;
	position: absolute;
	top: .5em;
	right: .5em;
	bottom: .5em;
	background: url(/admin/vle/client_side/_includes/images/document-complete.png) no-repeat center;
}
.content__homework__list__response {
	margin-top: .25em;
	position: relative;
	background: #FFF;
	border: 1px solid #DDD;
}
.content__homework__list__response:before,
.content__homework__list__response:after {
	content: '';
	display: block;
	position: absolute;
	right: 1.25em;
	bottom: 100%;
	border: .75em solid transparent;
	border-bottom-color: #DDD;
}
.content__homework__list__response:after {
	margin-bottom: -1px;
	border-bottom-color: #FFF;
}
.content__homework__list__response__txt {
	width: 100%;
	max-width: 100%;
	padding: 1em;
	background: transparent;
	outline: 0;
	border: 0;
	font: inherit;
	line-height: inherit;
}
.content__homework__list__response .admin_button {
	height: 35px;
	padding: 0 1em;
	margin: 0 -1px -1px;
	color: #FFFFFF;
	background: #EF5B25;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	cursor: pointer;
}





.vle_attendance {

}
.vle_attendance .vle_block__title {
	background: transparent url(/admin/vle/client_side/_includes/images/piechart.png) center right no-repeat;
}
.vle_attendance_content {
	width: 100%;
	height: 215px;
	padding-left: 310px;
	margin: 1em 0 0;
	float: left;
	position: relative;
}
.vle_attendance_chart {
	max-width: 100%;
	width: 280px;
	height: 300px;
	margin: -65px auto 0;
	color: #FFF !important;
	font: inherit !important;
	font-size: .8em !important;
}
.vle_attendance_chart .jqplot-grid-canvas {
	display: none;
}

.vle_attendance_stats {
	max-width: 100%;
	width: 310px;
	margin-left: -1em;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #ddd;
	border-width: 1px 1px 1px 0;
}
.vle_attendance_stats td {
	padding: .5em 1em;
	border-bottom: 1px solid #ddd;
}
.vle_attendance_stats tr td:last-child {
	text-align: right;
}

#tblAttendance span.table-attendance-color {
	display:inline-block;
	width:15px;
	height:15px;
	background:#95d490;
}
#tblAttendance span.table-auth-absense-color {
	display:inline-block;
	width:15px;
	height:15px;
	background:#E9F931;
}
#tblAttendance span.table-unauth-absense-color {
	display:inline-block;
	width:15px;
	height:15px;
	background:#d17373;
}



#assignmentUploadsContainer #btnCancel {
	display:none;
}
.delete-submission-container {
	float:right;
	position:relative;
	top:-5px;
	margin-right:10px;
}
.delete-submission {
	display:inline-block;
	width:16px;
	height:16px;
	background:transparent url(/admin/vle/client_side/_includes/images/delete-submission.png) center bottom no-repeat;
	
}
.delete-submission:hover, .delete-submission.selected {
	background-position:center top;
}
.delete-submission span {
	display:none;
}
.delete-submission-container.confirm-delete {
	top:-20px;
	text-align:right;
}
.delete-submission-container.confirm-delete p {margin:0;}
#content .delete-submission-container.confirm-delete a.confirm-delete-sbumission {
	display:inline-block;
	background: #d7ead5 !important;
	background: -moz-linear-gradient(#d7ead5, #acdea7) !important; /* FF 3.6+ */  
	background: -ms-linear-gradient(#d7ead5, #acdea7) !important; /* IE10 */  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7ead5), color-stop(100%, #acdea7)) !important; /* Safari 4+, Chrome 2+ */  
	background: -webkit-linear-gradient(#d7ead5, #acdea7) !important; /* Safari 5.1+, Chrome 10+ */  
	background: -o-linear-gradient(#d7ead5, #acdea7) !important; /* Opera 11.10 */  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7ead5', endColorstr='#acdea7') !important; /* IE6 & IE7 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7ead5', endColorstr='#acdea7')" !important; /* IE8+ */  
	background: linear-gradient(#d7ead5, #acdea7) !important; /* the standard */
	text-decoration:none;
	color:#333;
	text-shadow:1px 1px #FFF;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	width:30px;
	padding:2px 10px;
	border:1px solid #8dc987;
	margin:0 0 0 5px;
}
#content .delete-submission-container.confirm-delete a.cancel-delete-sbumission {
	display:inline-block;
	background: #efc7c7 !important;
	background: -moz-linear-gradient(#efc7c7, #d69d9d) !important; /* FF 3.6+ */  
	background: -ms-linear-gradient(#efc7c7, #d69d9d) !important; /* IE10 */  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efc7c7), color-stop(100%, #d69d9d)) !important; /* Safari 4+, Chrome 2+ */  
	background: -webkit-linear-gradient(#efc7c7, #d69d9d) !important; /* Safari 5.1+, Chrome 10+ */  
	background: -o-linear-gradient(#efc7c7, #d69d9d) !important; /* Opera 11.10 */  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc7c7', endColorstr='#d69d9d') !important; /* IE6 & IE7 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc7c7', endColorstr='#d69d9d')" !important; /* IE8+ */  
	background: linear-gradient(#efc7c7, #d69d9d) !important; /* the standard */
	text-decoration:none;
	color:#333;
	text-shadow:1px 1px #FFF;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	width:30px;
	padding:2px 10px;
	border:1px solid #d07575;
	margin:0 0 0 5px;
}
.assignmentList li.response-holder {background:none; display:none;}
.assignmentList li.response-holder.odd {background:#f5f5f5;}

#homeworkPageInfo ul {
	list-style:none;
}
#homeworkPageInfo ul li {
	background:transparent url(/admin/vle/client_side/_includes/images/document-info.png) center right no-repeat;
	padding:8px 0 8px 40px;
}

#pupilsPageInfo ul {
	list-style:none;
}

#pupilsPageInfo ul li {
	float:left;
	width:200px;
	text-align:center;
	border: 1px solid #CCCCCC;
	border-radius: 4px 4px 4px 4px;
	float: left;
	padding: 10px;
	text-align: center;
	width: 120px;
	margin:5px;
	height: 115px;
	overflow: hidden;
}

#pupilsPageInfo ul li img {
	display:block;
	margin:0 auto;
	background:transparent url('/admin/vle/client_side/_includes/images/default_student_48.png') center center no-repeat;
}

.admin_wb {
	overflow: auto;
	padding: 35px 0 0;
	color: #444;
	background: #EEE;
}
.admin_wb--normal {
	font-size: 100%;
}
.admin_wb--medium {
	font-size: 125%;
}
.admin_wb--large {
	font-size: 150%;
}
.admin_wb_toolbar.admin_ui {
	width: 90%;
	padding: 0 5%;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
	background: #EF5B25;
}
.admin_wb_toolbar.admin_ui a.admin_wb_change {
	display: inline-block;
	padding: 0 5px;
	margin: 5px 0 5px 5px;
	color: #444;
	background: #EEE;
	line-height: 25px;
	text-decoration: none;
}
.admin_wb_content {
	width: 90%;
	padding: 3em 0;
	margin: 0 auto;
}
#wbNormalMode {
	float: right;
}