/* Online image */
.online {
	background-image: url("./icon_user_online.png");
	background-position: right 10px top 10px;
}

/* Offline image */
.offline {
	background-image: url("./icon_user_offline.png");
	background-position: right 10px top 10px;
}


.leftsided .online .postprofile {
	background: url("./icon_user_online.png") right 10px top no-repeat !important;
}
.leftsided .offline .postprofile {
	background: url("./icon_user_offline.png") right 10px top no-repeat !important;
}
.leftsided .post.online {
		background-image: none !important;
	}
.leftsided .post.offline {
		background-image: none !important;
	}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.leftsided .online .postprofile {
		background: url("./icon_user_online.png") !important;
		background-repeat: no-repeat !important; 
                background-position: left 10px bottom 10px !important;
	}	
	.leftsided .offline .postprofile {
		background-image: url("./icon_user_offline.png") !important;
       		background-repeat: no-repeat !important; 
                background-position: left 10px bottom 10px !important;
        }
    .post.online {
		background-image: none !important;
	}
    .online .postprofile {

        background-image: url("./icon_user_online.png") !important;
		background-repeat: no-repeat !important; 
        background-position: right 20px bottom 35px !important;
    }
    .post.offline {
		background-image: none !important;
	}
    .offline .postprofile {

        background-image: url("./icon_user_offline.png") !important;
		background-repeat: no-repeat !important; 
        background-position: right 20px bottom 35px !important;
    }
    .leftsided .postprofile dd, .leftsided .postprofile dt {
		margin: 10px 0 10px 5px !important; 
	}
    .postprofile dd, .postprofile dt {
		margin: 0px 0 25px 20px !important; 
	}
	.postprofile .avatar img {
        margin: 0px 10px 60px 0px !important; 
    }
}