profPagecss.css

.loadDiv{
	width:1000px;
    background-color:#D1E3D1;
	display:flex;
	flex-direction:row;
}

.userInfoDiv{
	background-color:#9DD8B0;
	height:600px;
	width:280px;
	margin-right:2%;
	margin-top:0.8%;
	position:fixed;
}

.infoTable{
	font-size:14px;
	width:95%;
	margin-left:5%;
	margin-right:5%;
}

.profPicDiv{
	background:	#9DD8B0;
	height:40%;
	width:100%;
	margin-top:5px;
	display:flex;
	flex-direction:row;
	align-items: center;
	justify-content: center;
}

.profInfoDiv{
	background:	#9DD8B0;
	font-size:6px;
	font-family:Arial;
	width:100%;
	display:flex;
	flex-direction:row;
	align-items: center;
	justify-content: left;
}

.mppDiv{
    background-color:#D1E3D1;
	margin-top:1.5%;
	margin-bottom:5%;				/*added*/
	width:72%;
	display:flex;
	flex-direction:column;
}

.mapDiv{
	background:white;
	height:230px;
	width:100%;
}

.photoDiv{
	background:white;
	height:240px;
	width:100%;
	margin-top:20px;
}

.signDiv{
	background:#9DD8B0;
	height:40px;
	width:98.1%;
	font-family:Arial;
	display:flex;
	flex-direction:row;
	align-items: center;
	justify-content: left;
	padding-left:2%;
}

.signHREF{
	color:black;
	text-decoration:none;
}

.signHREF:hover{
	color:black;
	text-decoration:underline;
}

.photoTNDiv{
	height:85%;
	width:98.1%;
	font-family:Arial;
    background: white;
	display:flex;
	flex-direction:row;
	align-items: center;
	justify-content: left;
	padding-left:2%;
	overflow-x: scroll;
}

.postDiv{
	width:100%;
	margin-top:25px;
}

.postContentDiv{
	background-color:white;
	width:100%;
}

.listPage{
	list-style-type:none;
	text-align:left;
	padding:0;
	margin:0;
}
.postDetDiv{
	width:100%;
	display:flex;
    flex-direction:column;
	justify-content:flex-start;
	align-items:left;
}
.postTitDiv{
	font-family:Arial;
	width:100%;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	display:flex;
	flex-direction:row;
	align-items: center;
	justify-content:left;
}
.postMainDiv{
	width:95%;
	margin-bottom:20px;
	font-family:Arial;
	padding:20px;
	padding-top:0px;
	padding-bottom:0px;
}
#see_more
{
    font-family:Arial;
    text-align: left;
    color:blue;
    cursor:pointer;
    width: 100%;
    display: flex;
    justify-content: center;
}