/* Mini profiles on the left */
.leftsided .post:not(.profile_hidden) div.postbody {
	float: right;
	width: calc(100% - 180px);
}
.leftsided .postprofile {
	float: left;
	width: calc(170px);
	border-left: none;
	border-right: 1px solid #cecece;
}
.leftsided .pm .postprofile {
	border-left: none;
	border-right: 1px solid #DDD;
}
.leftsided .postprofile dd, .leftsided .postprofile dt {
	margin-left: 0;
	margin-right: 12px;
}
.leftsided .post.online {
	background-image: none;
}

.leftsided .topicreview .post:not(.profile_hidden) div.postbody {
    width: 100%;
    margin-left: 0;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.leftsided .post:not(.profile_hidden) div.postbody {
		float: none;
		width: calc(100%);
	}
	.leftsided .postprofile {
		float: none;
		width: calc(100%);
		border-right: none;
	}
	.leftsided .pm .postprofile {
		border-right: none;
	}
	.leftsided .postprofile dd, .leftsided .postprofile dt {
		margin: 0;
	}
}

.icon-pss-left {
	background-image: url("./images/icon_profiles_left.png");
}

.icon-pss-right {
	background-image: url("./images/icon_profiles_right.png");
}
    @media (min-width: 701px) {
    	.leftsided .post:not(.profile_hidden) div.postbody {
    		width: calc(100% - 200px - 16px - 1px);
    		margin-right: 0;
    		margin-left: 16px;
    	}
     
    	.leftsided .postprofile {
    		width: 200px;
    	}
    }

    div.leftsided dl.postprofile {
      float: left;
      width: 170px;
    }
    div.leftsided .post:not(.profile_hidden) div.postbody {
      width: calc(100% - 170px - 1px - 16px);
      margin-left: 16px;
      margin-right: 0;
    }
    @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
      div.leftsided .post:not(.profile_hidden) div.postbody {
        margin-left: 0;
        width: auto;
      }
    }