.clear, clr{
	clear:both;
}
.fl{
	float:left;
}
.fr{
	float:right;
}


.userBox{
	padding:5px !important;
	cursor:pointer !important;
}
.userBox:hover{
	background-color:#abbddb !important;
	font-weight:bold;
}
.userBox.over{
	background-color:#abbddb !important;
}
.userBox.over td{
	background-color:#abbddb !important;
}
.userBox.selected{

}

#content-preview{
	width:100%;
}

#content-preview-box{
	width:250px;
	min-height:150px;
	margin:15px auto 15px;
}
#content-list{
	padding:8px;
}
#selectedUser{
	padding:10px 0px;
	font-size:20px;
}
.contentSelectIcon{
	font-size:30px;
}
.content-select{
	cursor:pointer;
}
.content-select:hover{
	background-color:#dbdbdb;

}
.vodBox{
	text-align: center;
	cursor:pointer;
	padding:4px;
}
.vodBox.selected , .vodBox:hover{
	background-color:#dbdbdb;
}

.vodBox .vod-preview{
	margin-bottom:4px;
}

.content-box{
	padding:10px;
	cursor:pointer;
}
.content-box:hover{
	background-color:#dbdbdb;	
}

.content-select{
	padding:10px;
}
#content-data{
	display:none;
}

.box-coursemos-course{
	display:none;
}
.box-coursemos-course.active{
	display:block;
}
.coursemos-course-table{
	
	
}

#btn-add-more-post{
}
#btn-add-more-post:hover{
}

.postContentBox{
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	border: 1px dotted #c2c2c2;
	width: 24%;
	margin-bottom:1%;
	margin-left:1%;    
	float:left;
	position:relative;
}

.postContentBox .box-edit-block{
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	font-size: 40px;
	color: white;
	background-color: black;
	padding-top: 21%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter: alpha(opacity=15);
	-moz-opacity: 0.15;
	-khtml-opacity: 0.15;
	opacity: 0.15;
}

.postContentBox .btn-remove-postContentBox{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 3px 8px;
	background-color: #c75050;
	color: white;	
}

.postContentBox .contentTitle{
	padding:15px;
	font-size:17px;
}

.courseBox{
	padding:5px !important;
	cursor:pointer !important;
}
.courseBox:hover{
	background-color:#abbddb !important;
	font-weight:bold;
}
.courseBox.over{
	background-color:#abbddb !important;
}
.courseBox.over td{
	background-color:#abbddb !important;
}
.list-box{
	height:80px;
	overflow:hidden;
}
.dd-content .primaryImage, .list-box .primaryImage{
	width:20%;
	height:100%; 
	margin-right:2%;
	background-size: cover;    
	background-position: 50%;
	background-color:#e0e0e0;
	float:left;
}
.list-box .box-desc{
	width:65%;
	float:left;
}

.list-name, .list-box .box-desc .course-name{
	font-size:14px;
	font-weight:bold;
}
.list-desc, .list-box .box-desc .course-desc{
	height: 37px;
	overflow: hidden;
	font-weight:normal;
}

.dd-handle{
	height:80px;
}

.preview-primaryImage img{
	width:100%;
	margin-bottom:10px;
}

.box-list .box-mediaManager{
	display:none;
}
.box-list .box-mediaManager.activated{
	display:block;
}

.box-mediaManager-image{
	width: 23%;
	/* margin-right: 1%; */
	margin: 1%;
	padding:4px;
	cursor:pointer;
	position:relative;
}
.box-mediaManager-image:hover{
	background-color:#d1d1d1;
}

.box-mediaManager-image .mediaManager-cover-image{
	height: 130px;
	width: 200px;
	background-position: 50%;
	background-size: cover;
	margin: 0 auto 0;
}
.box-mediaManager-image .mediaManager-file-delete{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 3px 8px;
	background-color: #c75050;
	color: white;
}
.box-mediaManager-image .mediaManager-file-name{
	text-align: center;
	margin-top:4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}
.mediaManager-cover-icon{
	font-size:50px;
	text-align: center;
}
.mediaManager-cover-icon.pdf{
	color:#b83737;
}
.mediaManager-cover-icon.doc{
	color:#3761b8;
}
.mediaManager-cover-icon.unknown{
	
}

#box-courseInfo .tab-content{
	padding:10px;
	background-color:white;
	border:1px solid #ddd;
	border-top:0px;
}

#box-courseInfo .dd-handle, #box-courseInfo .dd-placeholder{
	float:left;
	margin-right:8px;
	width:80%
}
#box-courseInfo .dd-item{
	border:1px solid #ccc;
}
#box-courseInfo .dd-item .btn-zone{
	margin-right:2%;
}
.dd-list.dd-dragel{
	/* background-color:white; */
}
.dd-list.dd-dragel .dd-handle{
	float:left;
	margin-right:8px;
	width: 100% !important;
}

#coursePosts .box-desc{
	width:70%;
}