/*	--------------	*/
/*	Icons	*/
/*	--------------	*/
/*	sidebar	*/
span.sb-icon,
span.span-icon {
	display:block;
	width:100%;
	height:40px;
}
.mail {
	background:url(/mainpics/icons/mail.png) center center no-repeat;
}
.arrow-up {
	background:url(/mainpics/icons/arrow-up.png) center center no-repeat;
}
.search {
	background:url(/mainpics/icons/search.png) center center no-repeat;
}
.logout {
	background:url(/mainpics/icons/logout.png) center center no-repeat;
}
.messages {
	background:url(/mainpics/icons/messages.png) center center no-repeat;
}
.programmes {
	background:url(/mainpics/icons/programmes.png) center center no-repeat;
}
.resources {
	background:url(/mainpics/icons/resources.png) center center no-repeat;
}
.change-password {
	background:url(/mainpics/icons/change-password.png) center center no-repeat;
}
.course-work {
	background:url(/mainpics/icons/course-work.png) center center no-repeat;
}
.edit {
	background:url(/mainpics/icons/edit.png) center center no-repeat;
}
.students{
	background:url(/mainpics/icons/students.png) center center no-repeat;
}
.time{
	background:url(/mainpics/icons/time.png) center center no-repeat;
}
.forum{
	background:url(/mainpics/icons/forum.png) center center no-repeat;
}


/*	icon links */
.icon-link {
	display:block;
	width:90%;
	padding-left:50px;
	line-height:28px;
	min-height:50px;
	margin:10px 0;
}
.social-icons {
	display:block;
	width:30px;
	height:30px;
	float:left;
}
a#fb {
	display:block;
	text-decoration:none;
	float:left;
	background:url(/mainpics/icons/fb.png) left center no-repeat;
	width:20px;
	height:20px;
	margin-right:20px;
}
a#tw {
	background:url(/mainpics/icons/tw.png) left center no-repeat;
}
a#li {
	background:url(/mainpics/icons/li.png) left center no-repeat;
}

/*	action icons in toolbar */
div.style-actions-icons {
	width:auto;
	float:right;
	text-align:right;
}
div.style-actions-icons a {
	background-position:center !important;
	margin-right:1px;
	float:right;
1	width:auto !important;
}
div.style-actions-icons a span{
	margin-right:10px;
	display:inline-block;
	width:13px;
	height:30px;
}
.icon-delete {
	background:url(/mainpics/icons/icon-delete.png) center center no-repeat;
}
.icon-edit {
	background:url(/mainpics/icons/icon-edit.png) center center no-repeat;
}
.icon-attach {
	background:url(/mainpics/icons/icon-attach.png) center center no-repeat;
}
.icon-accept {
	background:url(/mainpics/icons/icon-tick.png) center center no-repeat;
}
.no-resize {
	resize:none;
}
/*	files	*/
a.pdf {
	display:block !important;
	background:url(/mainpics/icons/filetypes/icon-pdf.png) right center no-repeat;
	height:30px !important;
	width:30px !important;
}
a.doc {
	background:url(/mainpics/icons/filetypes/icon-doc.png) right center no-repeat;
}
a.xls {
	background:url(/mainpics/icons/filetypes/icon-xls.png) right center no-repeat;
}
a.ppt {
	background:url(/mainpics/icons/filetypes/icon-ppt.png) right center no-repeat;
}
a.pps {
	background:url(/mainpics/icons/filetypes/icon-ppt.png) right center no-repeat;
}
a.docx {
	background:url(/mainpics/icons/filetypes/icon-docx.png) right center no-repeat;
}
a.xlsx {
	background:url(/mainpics/icons/filetypes/icon-xlsx.png) right center no-repeat;
}
a.pptx {
	background:url(/mainpics/icons/filetypes/icon-pptx.png) right center no-repeat;
}
a.ppsx {
	background:url(/mainpics/icons/filetypes/icon-pptx.png) right center no-repeat;
}