.vle_clearer { clear: both; height: 0; padding: 0; margin: 0; overflow: hidden; }

.vle_list { padding: 0; margin: 0 -.5em; list-style: none; }

.vle_quicklink { margin: 1em 0; display: block; float: none; height: auto; padding: .5em 1em; text-align: center; text-decoration: 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_toolbar_ckeditor { margin-right: -10px; float: right; }
.vle_toolbar_ckeditor .cke_chrome { border: 0 none; background: transparent; }
.vle_toolbar_ckeditor .cke_chrome * { border-radius: 0; }
.vle_toolbar_ckeditor .cke_button { padding: 5px; }
.vle_toolbar_ckeditor .cke_combo_text { line-height: 32px; }
.vle_toolbar_ckeditor .cke_combo_arrow { margin-top: 14px; }

.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 { margin: -5px !important; text-align: center; }

.vle_avatar_choice_item { width: 20%; display: inline-block; }

.vle_avatar_choice_item a { padding: 9px; margin: 5px; display: block; background: #FFF; border: 1px solid #DDD; }

.vle_avatar_choice_item img { width: 100%; }

.vle_block { width: 49%; float: left; margin: 1em 0; }

.vle_block--full { width: 100%; }

.vle_block--left { margin-right: 2%; }

.vle_block__title { height: 32px; padding: 0; margin: 0; line-height: 32px; }

#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; }

#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; }

.vle_attendance .vle_block__title { background: transparent url(/admin/vle/client_side/_includes/images/piechart.png) center right no-repeat; }

.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; }

.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; }

.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_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; /* FF 3.6+ */ /* IE10 */ /* Safari 4+, Chrome 2+ */ /* Safari 5.1+, Chrome 10+ */ /* 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; -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; /* FF 3.6+ */ /* IE10 */ /* Safari 4+, Chrome 2+ */ /* Safari 5.1+, Chrome 10+ */ /* 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; }