/*------------------------------ALL BAR BACKGROUND SPRITE--------------------------------*/
#header,#shortcur-bar,#footer,.titlebar,#sidenav li a,#sidenav li a:hover,#sidenav li a.active,#usermenu a:hover,.widget-top,.qq-upload-button,.submit-button,.submit-button-login,#login-header {
	background:url(../img/bar-sprite.png) repeat-x;
}
.search-text,.search-button,.notify-alert a,.msg-alert a,#shortcur-bar ul li a,.mnu-indicator,.user-icon,.nav-icon,.title-icon,.sc-icon,.collapse,.expand,#goTop a,.footer-button,.slide-up,.slide-down,.settings-toggle,.right-toggle,.active-nidicator,.shortcut-panel li a,.shortcut-icon {
	background:url(../img/icon-sprite.png) no-repeat;
}
#shortcur-bar ul li a,.shortcut-panel li a,.shortcut-icon {
	background:url(../img/icon-sprite.png) no-repeat;
}
/*-----------SHORTCUT BAR-----------*/ 
#shortcur-bar {
	height:140px;
	width:100%;
	background-position:0 -311px;
	position:relative;
}
#shortcur-bar ul {
	width:980px;
	margin:auto;
}
#shortcur-bar ul li {
	height:100px;
	width:100px;
	float:left;
	list-style:none;
	margin:20px 0 0 20px;
}
#shortcur-bar ul li a {
	height:35px;
	width:100px;
	display:block;
	background-position:-400px 0px;
	text-align:center;
	position:relative;
	padding-top:65px;
	color:#1f1f1f;
	font-weight:bold;
}
#shortcur-bar ul li a:hover {
	background-position:-400px -100px;
	font-weight:bold;
}
.sc-icon {
	width:42px;
	height:42px;
	position:absolute;
	left:30px;
	top: 20px;
}
/*---Sortable Palceholder---*/
.drag-place {
	background:#dde3e8;
	border-radius:5px;
	-moz-border-radius:5px;
}
.slide-up {
	height:20px;
	width:20px;
	position:absolute;
	bottom:-10px;
	background-position:-380px -230px;
	left:480px;
	z-index:1000;
	cursor:pointer;
}
.slide-down {
	height:20px;
	width:20px;
	position:absolute;
	bottom:-10px;
	background:#333;
	left:480px;
	z-index:1000;
	background-position:-380px -250px;
	cursor: pointer;
}
/*---------------------------------SHORTCUT BAR 42x42 PX ICONS SPRITE-----------------------------------*/
.dashboard {
	background-position:0px 0px;
}
.settings {
	background-position:0px -42px;
}
.satistics {
	background-position:0px -84px;
}
.userlist {
	background-position:0px -126px;
}
.tasklist {
	background-position:0px -168px;
}
.content-c {
	background-position:0px -210px;
}
.reports-c {
	background-position:0px -252px;
}
.medialibrary {
	background-position:0px -294px;
}



		/* Hover controls1 */
		.files-icons > li > .controls1 {
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			right: 0;
			height: 450px;
			width: 100%;
			line-height: 450px;
			text-align: center;
			background: url(../../img/old-browsers/black45.png);
			background: rgba(0, 0, 0, 0.45);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			-khtml-opacity: 0;
			-moz-opacity: 0;
			opacity: 0;
			-webkit-transition: opacity 200ms;
			-moz-transition: opacity 200ms;
			-ms-transition: opacity 200ms;
			-o-transition: opacity 200ms;
			transition: opacity 200ms;
			}
			.files-icons > li:hover > .controls1 {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-khtml-opacity: 1;
				-moz-opacity: 1;
				opacity: 1;
			}
			.touch .files-icons > li > .controls1 {
				top: auto;
				bottom: 100%;
				margin-bottom: -6px;
				padding: 4px 0;
				line-height: 30px;
				-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
				-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
				box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
				}
				.touch .files-icons > li > .controls1:after {
					display: block;
					position: absolute;
					content: '';
					left: 50%;
					top: 100%;
					width: 0;
					height: 0;
					border: 4px solid transparent;
					margin-left: -4px;
					border-top-color: rgba(0, 0, 0, 0.45);
				}

.message-info {
	position: absolute;
	top: 9px;
	right: 7px;
	width: 70px;
	margin-left: 0;
	list-style-type: none;
	text-align: right;
	}
	.message-info > a,
	.message-info > span {
		display: block;
		float: right;
		height: 16px;
	}
