/* CSS Document */
/***********************************************
* POST 
************************************************/
.post-item{ 
	width: 100%; 
	float:left; 
	overflow-x:hidden;  
	background: #fff;  
	margin-top: 20px; 
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); 
	border-radius: 4px;
}
.post-item-top{ 
	width: 100%; 
	float: left; 
	min-height: 40px; 
	overflow: auto; 
	margin-bottom: 0px; 
}

.post-fave-che{
	width: 20px; 
	height: 35px; 
	float: right; 
	position: absolute; 
	z-index: 99; 
	margin-left: 210px; 
	background-position: -69px -343px; 
	margin-top: -2px; 
}

.post-item-avatar{ 
	width:100%; 
	float: left; 
	height:200px; 
	overflow-y:hidden;  
	overflow: auto; 
	margin-bottom: 0px; 
	background:#000 
}
.post-item-avatar > img{ 
	width: 100%;  
	position: relative; 
	margin-bottom: 0px; 
	float: left; 
}
.post-item-category{ 
	padding: 2px 10px; 
	padding-left: 5px; 
	padding-top: 5px; 
	height: 20px; 
	color: #fff;
	width: auto; 
	position: absolute; 
	z-index: 1; 
	margin: 5px; 
	font-weight: bolder;
}

.post-item-type{ 
	width: 18px; 
	height: 18px; 
	float: left; 
	margin-right: 5px; 
	font-size:18px;
	line-height:18px;
}

.post-item:hover > .post-item-top > .post-item-avatar > .post-item-category{ 
	opacity: 1; 
}

.post-item-user{ 
	width: 100%; 
	float: left; 
	background: #FFF; 
	height: 20px; 
	text-align: center;
	padding-left:3px;
}

.post-item-user img{ 
	max-width: 40px; 
	max-height: 40px; 
	border:1px solid #fff; 
	position: absolute; 
	margin-left: -18px; 
	margin-top: -22px; 
	cursor: pointer; 
}

.post-item-title{ 
	width: 100%; 
	height: 40px;
	float: left; 
	background:  #fff; 
	color: #444; 
	text-align: left;
	padding-top:5px; 
	font-size: 10px; 
	padding-bottom: 0px; 
	overflow: auto;  
	word-break: break-all;
	padding-left:3px;
}

.post-user-info{ 
	width: 100%; 
	background-color:  #fff; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:10px; 
	color:#D73925; 
	line-height:20px; 
	text-align:left; 
	padding-left:3px;
}

.post-by-who{
	width: 100%; 
	min-width: 10px; 
	float: left; 
	background-size: #fff; 
	font-size: 10px; 
	color: #666; 
	text-align: center; 
	padding-top: 3px; 
	padding-bottom: 5px;
}

.post-item-bottom{ 
	width: 100%; 
	float: left; 
	height: 35px; 
	background: #d4d9dd; 
	margin-top: 0px; 
	text-align: center; 
}

.post-item-stats{ 
	margin: auto; 
	display: inline-block; 
	height: 20px; 
	margin-left: 15px; 
	margin-top: 9px; 
}

.post-item-stats-icon{ 
	width: 14px; 
	height: 14px; 
	float: left; 
	margin-left: 4px; 
}

.post-item-fave-icon{
	width: 16px;
	height: 16px; 
	float: left; 
	margin-left: 22px; 
	margin-top: 9px; 
	cursor: pointer;
}

.post-item-stats-number{ 
	display: inline-block; 
	float: left; 
	font-size: 13px; 
	color: #777; 
}

.post-magnifier{
	float: right;
	width: 16px;
	height: 16px;
	margin-right: 11px;
	cursor: pointer; 
	background-position: -272px -92px;
	margin-top: 9px;
}

.post-item-top{ 
	width: 100%; 
	float: left; 
	min-height: 40px; 
	overflow: auto; 
	margin-bottom: 0px; 
}

.post-title-top{ 
	width: 100%; 
	float: left; 
	height: 35px; 
	background: #D73925; 
	margin-top: 0px; 
	text-align: right;
	padding-right:5px; 
}

.post-title-top-sound{ 
	width: 100%; 
	float: left; 
	height: 35px; 
	background:#F39C12; 
	margin-top: 0px; 
	text-align: right;
	padding-right:5px; 
}

.post-title-top-concert{ 
	width: 100%; 
	float: left; 
	height: 35px; 
	background:#00A65A; 
	margin-top: 0px; 
	text-align: right;
	padding-right:5px; 
}

post-item-bottom{ 
	width: 100%; 
	float: left; 
	height: 35px; 
	background: #d4d9dd; 
	margin-top: 0px; 
	text-align: center; 
}

.post-item-stats{ 
	margin: auto; 
	display: inline-block; 
	height: 20px; 
	margin-left: 15px; 
	margin-top: 9px; 
}
.post-item-stats-icon{ 
	width: 14px; 
	height: 14px; 
	float: left; 
	margin-left: 4px; 
}
.post-item-fave-icon{
	width: 16px;
	height: 16px; 
	float: left; 
	margin-left: 22px; 
	margin-top: 9px; 
	cursor: pointer;
}
.post-item-stats-number{ 
	display: inline-block; 
	float: left; 
	font-size: 13px; 
	color: #777; 
}
.post-magnifier{
	float: right;
	width: 16px;
	height: 16px;
	margin-right: 11px;
	cursor: pointer; 
	background-position: -272px -92px;
	margin-top: 9px;
}

/***********************************************
* CARD UTENTE
************************************************/
.post-author{ 
	width: 100%; /**/
	min-width:220px;
	/*max-width:320px;*/
	background: #fff; 
	border:1px solid #ddd; 
	float: left;  
	margin-bottom: 20px; 
}

.post-author-top{ 
	width:100%; 
	height: 120px; 
	float: left; 
	background-color: #FFF;
	background-size: 100%;
	background-repeat:no-repeat; /**/
}
.post-author-avatar{ 
	width: 80px; 
	float:left; 
	position: absolute; 
	margin-left: 20px; 
	margin-top: 50px; 
}

.post-author-avatar > a> img{
	width: 80px;  
	float: left;
}

.post-author-name{ 
	
	height:25px; 
	float:right; 
	text-align:right; 
	margin-right: 5px; 
	margin-top: 8px;
}

.post-author-name > a{ 
	font-size: 11px; 
	font-weight: bolder; 
	color:#444; 
	display: block; 
	float: left;
}

.author-credits{
	height: 18px; 
	font-weight: bold; 
	width: auto; 
	padding: 1px 10px; 
	font-size: 13px; 
	color: #fff; 
	float: left; 
	display: block; 
	background: #D90000; 
	margin-top: 0px;
}

#card{
	width:300px;
	height: 50px; 
	position: absolute; 
	background: #fff; 
	display: none; 
	z-index: 999999; 
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

#card .post-author{
	margin-left: 0px;
	width:300px;
	margin:0 0 0 -15px;
	padding:0;
}

#card > #load-card{
	width: 28px; 
	height: 28px; 
	margin: auto; 
	margin-top: 10px; 
	background-image: url(../images/loading.gif); 
	background-size: 28px;
}

.post-author-name > a:hover{
	text-decoration: underline;
}
.post-author-info{ 
	width: 100%; 
	height: 40px; 
	float: right;  
	margin-top: 15px; 
	margin-right: 10px; 
}
.post-author-info > div{ 
	width: 100px; 
	height: 60px; 
	float: left; 
	text-align: left;
}

.post-author-info > div > .info-what{ 
	display: block;
	float: left; 
	width: 100px; 
	font-size: 11px; 
	color: #999; 
	height: 15px;
}

.post-author-info > div > .info-value{ 
	display: block;
	float: left; 
	width: 98px; 
	padding-left: 2px; 
	font-size: 14px; 
	color: #007FFF; 
	height: 25px; 
	margin-top: 3px; 
	font-weight: bolder
}

.user-admin-actions{ 
	display: none; 
	width: 340px; 
	float: left; 
	height: 30px; 
	margin-top: 7px; 
	text-align: center; 
}

.user-admin-action-button{
	display: inline-block; 
	margin-left: 20px; 
	width: 80px; 
	font-weight: bolder; 
	height: 20px; 
	color: #fff; 
	text-align: center; 
	cursor: pointer; 
	padding-top: 3px;
}

#captcha{ 
	float: left; 
	margin-left: 100px; 
}

#change-image{ 
	width: 35px; 
	cursor: pointer; 
	height: 35px; 
	float: left; 
	display: block; 
	background-position: -224px -82px; 
	margin-top: 5px; 
	margin-left: 7px; 
}

.boss-input,.boss-select,.boss-textarea{
	width: 98%;
	float: left;
	border:1px solid #ddd;
	color: #888;
	background: #fff;
	padding: 7px 5px;
	font-size: 9px;
	margin: 9px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 6px;
}

.boss-input-half{
	width: 49%;
	min-width:260px;
	float: left;
	border:1px solid #ddd;
	color:#666;
	background: #fff;
	padding: 7px 5px;
	font-size: 9px;
	margin: 9px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 6px;
}

.boss-select-half{
	width: 49%;
	min-width:260px;
	float: left;
	border:1px solid #ddd;
	color: #666;
	background: #fff;
	padding: 7px 5px;
	font-size: 9px;
	margin: 9px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 6px;
}

.boss-select{
	width: 98%;
}

.boss-textarea{
	height: 50px;
}

.boss-action-footer{
	width: 100%; 
	height: 50px; 
	float: left;
}

.red-error,.red-error-not-found{
	display: block;
	float: left;
	font-weight: bolder;
	color: red;
	width: 90%;
	margin-left: 12px;
	height: 15px;
	margin-top: 1px;
}
.green-success{
	display: block;
	float: left;
	font-weight: bolder;
	color: green;
	width: 90%;
	margin-left: 12px;
	height: 15px;
	margin-top: 1px;
}

/*
=============================================================================================================
=============================================================================================================
============================================== POST PAGE DESIGN =============================================
=============================================================================================================
=============================================================================================================
*/

#post-printer{ 
	width:100%;
	float: left; 
	min-height: 150px; 
	overflow: auto; 
	overflow-x: hidden; 
	background: #fff; 
	text-align: left; 
	position: relative; 
}
#post-printer-top-video{ 
	width: 100%; 
	min-height: 40px; 
	overflow: auto; 
	background: #D73925; 
	border-bottom: 1px solid #eee; 
	color: #FFF; 
	box-shadow: 0 2px 2px -2px #aaa; 
}

#post-printer-top-music{ 
	width: 100%; 
	min-height: 40px; 
	overflow: auto; 
	background: #F39C12; 
	border-bottom: 1px solid #eee; 
	color: #FFF; 
	box-shadow: 0 2px 2px -2px #aaa; 
}

#post-printer-top-concert{ 
	width: 100%; 
	min-height: 40px; 
	overflow: auto; 
	background: #00A65A; 
	border-bottom: 1px solid #eee; 
	color: #FFF; 
	box-shadow: 0 2px 2px -2px #aaa; 
}


#post-printer-sharer{ 
	width: 280px; 
	float: left; 
	min-height: 25px;	
	margin-left: 5px; 
	margin-top: 5px;
}

#post-printer-sharer > a{ 
	float: left; 
	width: 32px; height: 32px; 
	margin-right: 10px; 
	margin-left: 2px;
	color:#FFF;
	
}

#post-action-maker{
	width: 20px; 
	height: 20px; 
	float: right;  
	margin-top: 10px; 
	margin-right: 5px; 
}

#post-action-maker > .icon-maker{
	width: 20px; 
	height: 15px; 
	background-position: -50px -110px; 
	float: left; 
	margin-top: 5px;
	cursor: pointer; 
	opacity: 0.5;
}

#post-action-maker >.icon-maker:hover{
	opacity: 0.8;
}

#post-action-maker-div{
	width: 170px; 
	min-height: 10px; 
	overflow: auto; 
	display: none; 
	position: absolute; 
	padding: 5px 0px; 
	top: 36px; 
	background: #fff; 
	border: 1px solid #bbb; 
	z-index: 999; 
	right: 35px; 
	box-shadow: 0px 0px 5px #ddd;
}

.post-action-maker-item{
	width: 155px; 
	padding: 5px; 
	padding-left: 10px;  
	height: 30px; 
	color: #333; 
	float: left; 
	border-bottom: 1px solid transparent; 
	border-top: 1px solid transparent; 
	cursor: pointer; 
}

.post-action-maker-item:hover{
	background: #eee; 
	border-color: #ececec; 
}

.maker-item-icon{width: 17px; height: 17px; float: right; }
#post-action-maker-loader{width: 17px; height: 17px; background:url(../images/loading.gif); display: none; float: right; background-size: 17px; margin-top: 11px; margin-right: 5px; }

.post-size{ width: 21px; height: 21px; float: right; margin-right: 10px; margin-top: 10px;  cursor: pointer; }

.post-deleter{width: 21px; height: 22px; float: right; margin-right: 10px; margin-top: 10px;  cursor: pointer; 
	background-image: url(../images/delete.png); background-size: 21px; background-repeat: no-repeat;}

#post-middle{ width: 100%; float: left; min-height: 100px; background: #f5f5f5; text-align: center; position: relative; }
#previous-paginator{   background-image: url(../images/previous.png); top: 45%;  left: 25px; position: absolute; cursor: pointer;}
#next-paginator{  background-image: url(../images/next.png);  top: 45%; position: absolute; right: 18px; cursor: pointer; z-index: 999;}
.pagin-button{opacity: 0.2; width: 20px; height: 20px;  background-size: 20px;}

#post-middle img{margin: auto; max-width: 100%; }
#post-middle iframe{min-height: 400px; width: 100%;}
#post-printer-information{ width: 100%; float: left; min-height: 30px; overflow: auto; padding-bottom: 15px;}
#post-printer-title{ width: 100%; float: left; display: block; padding-top: 7px; }
#post-printer-title > #p-title{ float: left; margin-left: 7px; font-size: 18px; color: #444;  display: block; }
#post-printer-title > .post-printer-date{ float: right; margin-left: 7px;  display: block; font-size: 11px; color: #555; min-width: 10px; text-align: right; font-weight: bolder; margin-right: 7px; margin-top: 3px; }
#flag-it{width: 8px; height: 14px; float: right; display: inline-block; margin-right: 3px; opacity: 0.7; cursor: pointer;}
#article-printer{width: 98%; margin-left: 1%;}

#post-printer-description{ width: 100%;padding-top: 5px; font-size: 13px; color: #666; display: block; min-height: 10px; overflow: auto;  }
#post-printer-description > span{ margin-left: 7px; display: block;}
#post-printer-actions{ width:100%; min-height: 50px; overflow: auto; float: left; margin-top: 7px;}
#post-printer-tags{
	width: 100%; 
	float: left; 
	min-height: 20px; 
	overflow: auto;
}

.tag-printer{
	height: 25px; 
	color: #6a7977; 
	display: block; 
	font-weight: bold; 
	padding:5px 5px; 
	padding-right: 20px; 
	margin-bottom: 5px; 
	float: left; 
	margin-left: 5px; 
	margin-right: 5px;
	background:#e9eaed; 
    font-size: 12px;
}

/*.tag-printer span{
	width: 7px; 
	height: 7px; 
	margin-top: 2px; 
	margin-right: 4px; 
	float: left; 
	border:2px solid #6a7977;
}*/

#post-printer-edit{
	width: 96%; 
	margin-left: 1%; 
	min-height: 50px; 
	overflow: auto; 
	float: left; 
	margin-top: 10px; 
	background: #efefef; 
	padding: 1%;
}
#post-printer-edit > strong{width: 100%; float: left; display: block; margin-bottom: 2px;}
#post-printer-edit > input{width: 45%; padding: 4px;}
#post-printer-edit > .half-left{float: left;}
#post-printer-edit > .half-right{float: right; margin-right: 10px;}
#post-printer-edit > textarea{width:98%; height:40px; float: left; margin-top: 5px;}
#post-edit-submitter{width: auto; padding: 4px 8px; height: 16px;  float: left; color: #fff; font-size: 12px; font-weight: bolder; margin-top: 8px; cursor: pointer;}
#post-edit-submitter > div{width: 15px; height: 15px; float: left; display: inline-block; margin-right: 5px; margin-right: 7px; cursor: pointer; background-position: -195px -167px;}
.comment-edit{width: 12px; height: 12px; float: left; display: inline-block; margin-top: 1px; margin-right: 7px; cursor: pointer; background-position: -172px -190px;}
.edit-comment-submitter{width: auto; padding: 4px 3px; height: 12px; padding-top: 1px; float: left; 
	color: #fff; font-size: 11px; font-weight: bolder; margin-top: 4px; cursor: pointer; margin-left: 7px;}


.post-print-like{  float: left; height: 22px; padding-top: 2px; cursor: pointer; padding-left: 6px; padding-top: 4px; }
.post-print-dislike{  float: left; height: 22px; padding-top: 2px; cursor: pointer; padding-left: 6px; padding-top: 4px;  margin-left: 10px;}
.like-or-dislike-button{ border:1px solid transparent; opacity: 0.8;}
.post-print-like > span{ display: block; float: left; font-weight: bolder; font-size: 11px; color: #555; margin-top: 2px; margin-left: 1px; }/*Liked #007FFF*/
.post-print-dislike > span{ display: block; float: left; font-weight: bolder; font-size: 11px; color: #555; margin-top: 2px; margin-left: 1px; }/*DisLiked #FF0038*/

.post-print-like-icon{ width: 14px; height: 16px; float: left; margin-right: 3px;}

#post-printer-views-like-statics{ width: 170px; float: right; min-height: 50px; overflow: auto; margin-right: 7px;  text-align: right;}
#post-printer-views-number{ 
	width: 200px; 
	float: right; 
	font-size: 17px; 
	color: #333;
	margin-right:3px;
}
.post-printer-views-icon{ width: 15px; height: 15px; float: right; margin-left: 7px; margin-top: 2px;}
#post-printer-likes-bar{ width:100%; float: right;  height: 2px; background: #ddd; margin-top: 5px; margin-bottom: 2px;}
#post-printer-likes-bar > .disliked{height: 2px; float: left; background: #ff0038;}
#post-printer-likes-bar > .liked{height: 2px; float: left; background:  #007FFF;}

#post-printer-likes-dislikes-number{ width: 100%; float: right; text-align: right; min-height: 40px; overflow: auto; margin-top: 5px; }
#post-printer-like-actions{  float: right; height: 40px; margin-left: 7px; }

.like-dislike-printer-info{ margin-left: 15px; float: right;}
.like-dislike-printer-info > div{ width: 12px; height: 12px; float: left; margin-right: 4px;}
.like-dislike-printer-info > span{ display: block; float: left; font-size: 12px; color: #222; }

.htag-mention{color: #005fff;}
.htag-mention:hover{text-decoration: underline;}
/*
#post-paginator{width: 100%; float: right; display: inline-block; height: 16px; text-align: center; padding: 7px 0px; background: #222;  }
#post-paginator > div{ width: 16px; height: 16px; cursor: pointer; display: inline-block; margin-right: 10px; }
#post-paginator-previous{  background-position: -191px -60px;  }
#post-paginator-next{  background-position: -221px -61px; }*/

/*Post Comment Area*/
#post-comment-area{
	width:100%; 
	padding: 10px; 
	float: left; 
	min-height: 10px; 
	padding-bottom: 5px; 
	overflow: auto; 
	margin-right: 20px; 
	background: #fff; 
	text-align: left; 
	margin-top: 20px; 
	margin-bottom: 20px; 
}
#post-comment{
	width: 100%; 
	float: left; 
	min-height: 35px; 
	overflow: auto; 
	margin-top: 2px; 
}
#comment-textarea{ 
	width: 100%; 
	float: left; 
	height: 30px; 
	padding: 5px;
}
#post-comment-button{ 
	float: right; 
	margin-top: 7px; 
}
#cancel-comment-button{ 
	float: right; 
	margin-top: 7px; 
	margin-right: 10px; 
}

#post-comment-list{ width: 100%; float: left; min-height: 30px; overflow: auto; margin-top: 15px; }
/*comment Design*/
.post-comment-item{ width: 100%; min-height: 20px; float: left; padding-bottom: 15px;}
.post-comment-area-edit{width: 98%; float: left; margin-left: 1%; height: 35px;}

.post-comment-item:hover > .post-comment-item-name-date > .post-comment-flag,.post-comment-item:hover > .post-comment-item-name-date > .post-comment-edit{visibility: visible;}
.post-comment-item:hover > .post-comment-item-like-dislike > .post-comment-delete{visibility: visible;}

.post-comment-item:last-of-type{ border-bottom: 0px; }
.post-comment-item-avatar{ 
	height: 40px; 
	float: left; 
	margin-right: 10px; 
	border:2px solid #e1e1e1; 
	cursor: pointer;
}
.post-comment-item-name-date{ width: 90%; height: 15px; float: left; }
.post-comment-item-name{ font-size: 14px; float: left; display: block; cursor:pointer; color:#007FFF; font-weight: bolder; }
.post-comment-item-date{ float: left; margin-left: 7px;}
.post-comment-date{color: #888; font-size: 11px;}
.post-comment-delete{ visibility: hidden; width: 14px; height: 14px; float: left; margin-left: 3px; cursor: pointer; margin-top: 3px; transform:scale(.9); -webkit-transform:scale(.9); -moz-transform:scale(.9);  -ms-transform:scale(.9); -o-transform:scale(.9);}
.post-comment-flag,.post-comment-edit{ visibility: hidden; width: 8px; height: 14px; float: right; margin-right: 5px; cursor: pointer; margin-top: 1px; }
.post-comment-edit{margin-right: 6px; width: 14px;}

.post-comment-item-text{width: 90%; min-height: 30px; margin-top: 4px; float: left; color:#333; overflow: auto; }
.post-comment-item-like-dislike{ 
	/*width: 730px; */
	min-height: 20px; 
	margin-top: 2px; 
	float: left; 
	margin-right: 6px;
	padding-left:10px;
}
.reply-to-comment{ width: 12px; height: 16px; float: left; cursor: pointer; background: url(../images/reply.png); margin-top: 2px; margin-right: 5px;}
.post-comment-like,.post-comment-dislike{ float: left; margin-top: 2px; margin-left: 8px; margin-right: 5px; cursor:pointer;}
.post-comment-dislike{margin-top: 3px;}
.post-comment-like > div,.post-comment-dislike > div{ float: left; width: 12px; height: 12px; float: left; }
.post-comment-like > span,.post-comment-dislike > span{float: left; display: block; margin-top: 1px; margin-right: 4px; font-size: 11px;}
.post-comment-dislike > span{ margin-top: 0px; margin-left: 3px;}
/*Reply comment Design*/
.post-comment-all-replies-show{font-size: 11px; width: 90%; padding-left: 5px;  float: left; display: block; cursor:pointer; color:#007FFF; margin-top: 8px; font-weight: bolder; margin-bottom: 10px;}
.post-comment-all-replies-show > div{ display: inline-block; margin-left: 1px; margin-bottom: -1px; width: 16px; height: 11px; transform:scale(.8); -webkit-transform:scale(.8); -moz-transform:scale(.8);  -ms-transform:scale(.8); -o-transform:scale(.8); }

.post-comment-reply-list{ width: 740px; float: right; min-height: 0px; }
.post-comment-reply-item{ width: 100%; min-height: 20px; float: left; padding-bottom: 5px;}
.post-comment-reply-item:hover > .post-comment-reply-item-name-date > .post-comment-reply-flag,.post-comment-reply-item:hover > .post-comment-reply-item-name-date > .post-comment-edit{visibility: visible;}
.post-comment-reply-item:hover > .post-comment-reply-item-like-dislike > .post-comment-reply-delete{visibility: visible;}

.post-comment-reply-item-name-date > .post-comment-edit{transform:scale(.8); -webkit-transform:scale(.8); -moz-transform:scale(.8);  -ms-transform:scale(.8); -o-transform:scale(.8);}

.post-comment-reply-item:last-of-type{ border-bottom: 0px; }
.post-comment-reply-item-avatar{ width: 30px; float: left; margin-right: 10px; border:2px solid #e1e1e1; cursor: pointer;}
.post-comment-reply-item-name-date{ width: 690px; height: 15px; float: left; }
.post-comment-reply-item-name{ font-size: 12px; float: left; display: block; cursor:pointer; color:#007FFF; font-weight: bolder; }
.post-comment-reply-item-date{ float: left; margin-left: 8px; margin-top: -2px;}
.post-comment-reply-date{ color: #888; font-size: 10px;}
.post-comment-reply-delete{ visibility: hidden; width: 14px; height: 14px; float: left; margin-right: 5px; cursor: pointer; margin-top: 1px; transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.post-comment-reply-flag{ visibility:hidden;width: 8px; height: 14px; float: right; margin-right: 5px; cursor: pointer; margin-top: 2px; transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.post-comment-reply-item-text{width: 690px; min-height: 10px; margin-top: 4px; float: left; color:#333; overflow: auto; }
.post-comment-reply-item-like-dislike{ width: 690px; min-height: 20px; margin-top: 2px; float: right; margin-right: 6px; }
.post-comment-reply-item-like-dislike > .post-comment-like{margin-left: 0px;}

.post-comment-reply-div{width: 95%; float: right; min-height: 40px; overflow: auto; overflow-x: hidden; display: none;}
.post-comment-reply-textarea{width: 98%; float: right; border:1px solid #ccc; height: 40px;}

.post-comment-reply-button{float: right; width: 70px; height: 18px; color: #fff; text-align: center; cursor: pointer; margin-top: 5px; font-size: 12px; padding-top: 3px;}
.cancel-comment-reply-button{float: right; width: 70px; height: 18px; color: #333; text-align: center; cursor: pointer; margin-top: 5px; font-size: 12px; padding-top: 3px;margin-right: 10px; }


/*Load More comments*/
#load-more-comments,.load-more-admin-pages{width: 100%; min-height: 20px; overflow: auto; float: left;  margin-top: 10px; text-align: center; }
#load-more-comments-button,.load-more-admin-pages-button{ width: 200px; margin: auto; border-top: 1px solid #ccc; padding: 7px 50px; font-size: 13px; font-weight: bolder; cursor: pointer; color: #333;}

#load-more-comments-icon,.load-more-admin-pages-icon{ 
	width: 31px; 
	height: 16px; 
	margin: auto;
}

#load-more-comments-loading-icon,.load-more-admin-pages-loading-icon{
	width: 20px; 
	height: 20px; 
	margin: auto; 
	background: url(../../images/loading.gif); 
	background-size: 20px; 
	background-repeat: no-repeat;
}

.GreenGradient{
	background: #008000;
	background-image: -webkit-linear-gradient(top,#00B000,#007000);
	background-image: -moz-linear-gradient(top,#00B000,#007000);
	background-image: -o-linear-gradient(top,#00B000,#007000);
	background-image: -ms-linear-gradient(top,#00B000,#007000);
	background-image: linear-gradient(top,#00B000,#007000);
	border:1px solid #008000;
}


.BlueGradient{
	background: #0033cc;
	background: -webkit-linear-gradient(#0088cc,#0022cc);
	background: -moz-linear-gradient(#0088cc,#0022cc);
	background: -o-linear-gradient(#0088cc,#0022cc);
	background: linear-gradient(#0088cc,#0022cc);
   	border: 1px solid #0066cc;
 }
 
.RedGradient{
	background: #ff0000;
	background: -webkit-linear-gradient(#ff0000,#c50606);
	background: -moz-linear-gradient(#0088cc,#c50606);
	background: -o-linear-gradient(#ff0000,#c50606);
	background: linear-gradient(#ff0000,#c50606);
 	border: 1px solid #c50606;
}


.GreyGradient{
 	border: 1px solid #BBB;
	background: #BBB;
    background: -webkit-linear-gradient(#FEFEFE,#BBB);
 	background: -moz-linear-gradient(#FEFEFE,#BBB);
 	background: -o-linear-gradient(#FEFEFE,#BBB));
	background: linear-gradient(#FEFEFE,#BBB);
	background: -ms-linear-gradient(#FEFEFE,#BBB);
}

/*
=============================================================================================================
=============================================================================================================
========================================== USER PROFILE PAGE DESIGN =========================================
=============================================================================================================
=============================================================================================================
*/
.user-top-container{ width: 100%; min-height: 300px; overflow: auto; float: left; margin-top: 52px; text-align: left; background: #fff; border-bottom: 1px solid #ddd; }
.user-cover{ 
	width: 100%; 
	height: 250px; 
	float: left; 
	background-color:#000; 
	overflow: hidden; 
}
.user-top-name-info{ 
	width: 100%; 
	height: 65px; 
	float: left; 
	background: rgba(0,0,0,0.7); 
}
.user-profile-avatar{ 
	width: 120px; 
	float: left; 
	background-color: #000; 
	margin-top: 25px;
	margin-left:20px;
}
.user-profile-avatar > img{ 
	width: 120px; 
	float: left; 
}
.user-profile-name{ 
	float: left; 
	font-size:24px; 
	color:#000; 
	margin-left: 20px; 
	margin-top: 25px;
	background:rgba(255,255,255,0.7);;
	padding:5px;
}
.user-profile-mention{font-size: 12px; color: #000; font-weight: bolder;}
.user-profile-action{  float: right; height: 32px; margin-right: 20px; margin-top: 20px;}
.follow-user,.user-profile-settings-button{ width: auto; padding-right: 8px; height: 30px; float:right; cursor: pointer; }
.follow-user-icon,.user-profile-settings-icon{ width: 20px; height: 20px; float: left; margin-left: 4px; margin-right: 6px; margin-top: 4px; }
.follow-user-text,.follow-category-text,.user-profile-settings-text{ display: block; float: left; font-size: 12px; margin-top: 6px; }
.follow-user-yes,.follow-user-no,.follow-user-printer-yes,.follow-user-printer-no,.user-profile-settings-button{ color: #fff; background: #D90000; border:1px solid #DC00000; background: -webkit-linear-gradient(#D90000,#FF0000); background: -moz-linear-gradient(#D90000,#FF0000); background: -o-linear-gradient(#D90000,#FF0000); background: linear-gradient(#D90000,#FF0000); background: -ms-linear-gradient(#D90000,#FF0000); }
.user-profile-navigation{ width: 100%; min-height: 50px; overflow: auto; float: left; text-align: center;}
.user-nav-item{ display: inline-block; padding-left: 20px; padding-right: 20px; cursor: pointer; font-size: 13px; height: 33px; margin-left: 3px; padding-top: 15px; border-bottom: 2px solid #D90000; margin-right: 3px;}
.user-nav-item:hover{background: #D90000; color: #fff;}
.user-nav-item-active{background: #D90000; color: #fff; font-weight: bolder;}
#menu-loading{
	 width: 100%; 
	 height: 100%; 
	 float: left; 
	 background: rgba(0,0,0,0.5);
}
#menu-loading > div{ width: 24px; height: 24px; margin: auto; margin-top: 75px; background:url(../images/loading1.gif); background-size: 24px;}
.follow-category-text{ display: block; float: left; font-size: 14px; font-weight: bold; margin-top: 4px; }

.post-author-top > .follow-user{width: auto; padding-right: 5px; height: 22px; float: right; margin-right: 10px; margin-top: 10px;}
.post-author-top > .follow-user > .follow-user-icon{margin-top: 2px; margin-right: 3px;}
.post-author-top > .follow-user > .follow-user-text{font-size: 14px; margin-top: 2px;}

#theImage{ cursor: move;}
#edit-cover-done{width: auto; height: 30px; float: right; text-align: center; cursor: pointer; padding: 0px 10px; margin-right: 10px; display: none; color: #fff; font-size: 15px;  border:1px solid #DC00000;}