body {
	font:15px/1.5 Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color:#F0F0F0;	
}

.pageback {

}

/*global**/

.container {
	width:80%;
	margin:auto;
}

.containerG {
	width:80%;
	margin:auto;
}

.containers {
	width:80%;
	margin:auto;
}

.container_top {
	width:80%;
	margin:auto;
}


.container2 {
	width:85%;
	margin:auto;
}

ul{
	margin:0;
	padding:0;
}

/* index page header **/

header {
	background:#4C75A3;
	color:#ffffff;
	padding-top:30px;
	min-height:50px;
	font-size:12px;
	width:100%;
		
}

.slide {
	height:500px;
	width:20%;
	position:absolute;
	background:#ffffff;
	transition:0.5s ease;
	transform: translateX(-20%);
}

.toggle {
	position:absolute;
	cursor:pointer;
}

.navigation1{
	float:left;
	margin-left:1%;
	margin-top:20px;
	background:#ffffff;
	border-radius:10px;
	height:450px;
	padding-top:18px;
	padding-bottom:30px;
	width:60%;
}

.favnav1 {
	float:left;
	height:500px;
	background:#ffffff;
	margin-top:20px;
	background:red;
	border-radius:10px;
	margin-left:3%;
	width:25%;
}

.border {
	background:#ffffff;
	border:1px solid #334;
	color: #334;
	width:90%;
	padding-left:20px;
	height:500px;
	margin-top: 40px;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:5px;		
	border-radius:10px;
	color:#334;
}

.navclass5 {
	padding-top:10px;
	padding-bottom:10px;
	flex-shrink:0;
	justify-content:center;
	align-items:center;
	width:31%;
}	

#homeSearch {
	float:left;
	margin-top:2px;
	margin-left:5%;

}

#menu_btn {
	float:left;
	margin-top:7px;
	margin-left:4.2%;
	margin-right:3%;
}

#profile_nav {
	float:left;
	margin-top:8px;
	margin-left:2.5%;
	margin-right:0;
}

#move {
	height:30px;
	border-radius:20px;
	padding-left:10px;
}

#homeSearch button {
	background:#9CB2CE;
	border:0;
	padding-left:30px;
	padding-right:30px;
	padding-top:8px;
	padding-bottom:8px;
	color:#ffffff;
	cursor:pointer;
	border-radius:20px;
}

header a{
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
}

header li{
	float:left;
	display:inline;
	padding: 0 20px 0 20px;
}

header #branding{
	float:left;
}

#some {
	color:#9CB2CE;
	margin:0;
}

header #branding h1{
	margin:0;
}

header #branding img{
	float:left;
	width:10%;
}

header input {
	border:0;
	height:20px;
	width:430px;
}


header input:: placeholder {
	overflow:hidden;
	white-space:nowrap;
	animation:typing 3s stneps(11) forwards, blink 0.7s infinite;
}

header nav{
	float:right;
	margin-top:12px;
}

header .highlight, header .current a{
	color:#9CB2CE;
	font-weight:bold;
}

header a:hover{
	color:#ffffff;
	font-weight:bold;
}



#show{
	float:left;
	margin-left:1%;
	background:#ffffff;
	margin-top:20px;
	border-radius:20px;
	height:830px;
	width:49%;
	margin-bottom:20px;
	border:1px solid #334;
}

#show2{
	float:left;
	margin-left:1%;
	background:#ffffff;
	margin-top:20px;
	border-radius:20px;
	height:830px;
	width:49%;
	margin-bottom:20px;
	border:1px solid #334;
}

#show_man{
	float:left;
	margin-left:1%;
	background:#ffffff;
	margin-top:20px;
	border-radius:20px;
	height:830px;
	width:49%;
	margin-bottom:20px;
	border:1px solid #334;
}

#shower{
	float:left;
	margin-left:1%;
	background:#ffffff;
	margin-top:20px;
	border-radius:20px;
	width:49%;
	margin-bottom:20px;
	border:1px solid #334;
	font-size:13px;
}

#shower h1 {
	color:#ffffff;
}

#shower p {
	color:#ffffff;
}

#shower {
	background-image: url("../images/file6.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:500px;
	padding-left:10%;
	padding-top:1%;
	border-radius:20px;

}

.show {
	background-image: url("../images/file6.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:320px;
	padding-left:10%;
	padding-top:1%;
	border-radius:20px;
	transition: opacity 1s ease-in-out;
}

.show2 {
	background-image: url("../images/file6.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:320px;
	padding-left:10%;
	padding-top:1%;
	border-radius:20px;
	transition: opacity 1s ease-in-out;
}

.show_man {
	background-image: url("../images/file6.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:320px;
	padding-left:10%;
	padding-top:1%;
	border-radius:20px;
	transition: opacity 1s ease-in-out;
} 
.chripmatelogo {
	width:60%;
	margin-left:20%;
	padding-bottom:0;
	margin-bottom:0;
}

#chripmate {
	float:left;
	margin-left:0;
	margin-top:0;
	margin-right:15%;
}

.Loginerrors {
	width:90%;
	color:#FF0000;
	float:left;
	margin-left:0;
	margin-top:0;
	padding-left:0;

}

#yourcampus {
	color:#ffffff;
	font-size:30px;
	margin-left:-8%;
}

#yourpeople {
	color:#ffffff;
	font-size:30px;
	margin-left:-8%;
}

#yournetwork {
	color:#4C75A3;
	font-size:30px;
	margin-left:-8%;
}

.dlogo{
	width:100%;

}

#show2{
	opacity: 0;
	transform: translateY(30px);
	animation: fadeUp 1s forwards;
}

#show{
	opacity: 0;
	transform: translateY(30px);
	animation: fadeUp 1s forwards;
}

#show_man{
	opacity: 0;
	transform: translateY(30px);
	animation: fadeUp 1s forwards;
}

@keyframes fadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#show_man h1{
	margin-top:50px;
	font-size:30px;
}

#show_man p{
	font-size:12px;	
}

#show p{
	font-size:12px;	
}

#show2 p{
	font-size:12px;	
}

.homeBtn{
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-top:10px;
	cursor:pointer;
	border-radius:5px;
	margin-right:10%;
	margin-bottom:20px;
}

.loginForm {

	color: #334;
	width:75%;
	float:left;	
	border-radius:15px;
	height:360px;
	background:#ffffff;
	margin-left:12%;

}

#indexx {
	margin-top:20px;

	margin-right:1%;
	color: #334;
	width:40%;
	float:right;	
	border-radius:20px;
	height:640px;
	background:#ffffff;
}

#indexx2 {
	margin-top:20px;

	margin-right:1%;
	color: #334;
	width:40%;
	float:right;	
	border-radius:20px;
	height:640px;
	background:#ffffff;
}

#indexx3 {
	margin-top:20px;

	margin-right:1%;
	color: #334;
	width:40%;
	float:right;	
	border-radius:20px;
	height:640px;
	background:#ffffff;
}

#loginbtnn {
	width:105.6%;

}

.loginForm{
	opacity: 0;
	transform: translateY(30px);
	animation: fadeform 1s forwards;
}

.loginForms{
	opacity: 0;
	transform: translateY(30px);
	animation: fadeform 1s forwards;
}

@keyframes fadeform {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.loginForm h2{
	text-align:center;
	padding-top:0;
	margin-top:0;
}

.loginForms h2{
	text-align:center;
	padding-top:0;
	margin-top:0;
}

.loginForm input{
	margin-bottom:10px;
	height:40px;
	width:100%;
	border:1px solid #334;	
	border-radius:10px;
	padding-left:5%;
	background:#ffffff;

}

.loginForms input{
	margin-bottom:10px;
	height:40px;
	width:94%;
	border:1px solid #334;	
	border-radius:10px;
	padding-left:5%;
	background:#ffffff;

}

.loginForm button{
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	width:100%;
	color:#ffffff;
	margin-top:10px;
	cursor:pointer;
	border-radius:5px;
}

.loginForms button{
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	width:100%;
	color:#ffffff;
	margin-top:10px;
	cursor:pointer;
	border-radius:5px;
}



.loginForm p{
	text-align:center;
	margin-left:4%;
}


#signupBtn{
	width:50%;
	background:#9CB2CE;
	margin-left:29%;
	padding-left:20px;
	margin-bottom:300px;
}

.Loginerror {
	text-align:center;
	margin-top:10px;
	font-size:20px;
	border:1px solid #FF0000;
	color:#FF0000;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:5px;		
	border-radius:2px;
	text-decoration:none;
	margin-left:10%;
	margin-right:7%;
}


#noaccount {
	margin-top:0;
	margin-bottom:20px;
	float:left;
	text-decoration:none;
	margin-left:32%;
}

#top_photo {
	margin-top:940px;
}

footer{
	background:#4C75A3;
	margin-bottom:10px;
	margin-top:560px;
}

footer p{
	text-align: center;
	color:#ffffff;
	margin:0px;
	padding-top:10px;
	padding-bottom:5px;
	font-size:12px;
}

#h1s {
	font-size:14px;
}

/*sign up page**/

#profileUpload {
	float:left;
	width:50%;
}

#profileUpload img{
	width:68%;
	margin-top:40px;
	margin-left:16%;
}

#profileUpload p{
	font-size:14px;
	text-align:center;
	margin-left:10%;
}

.signupBtn{
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-top:10px;
	cursor:pointer;
	border-radius:5px;
	margin-left:40%;
}

#Register{
	width:40%;
	float:right;
	margin-bottom:20px;
	background:#ffffff;
	margin-top:20px;
	border-radius:20px;
	margin-right:1%;
}

#Register h3{
	text-align:center;
	margin-top:100px;
	font-size:20px;
	border:1px solid #334;
	color: #334;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:5px;		
	border-radius:10px;
	text-decoration:none;
	color:#334;
	margin-left:10%;
	margin-right:7%;	
	margin-top:30px;
	float:left;
	width:75%;
}

#Register p {
	font-size:11px;
	margin-left:10%;
}

.Input{
	width:82%;
	margin-left:10%;
	margin-top:3px;
	border-radius:10px;
	border:1px solid #334;	
}

.Inputx{
	width:82%;
	margin-left:10%;
	margin-top:3px;
	border-radius:10px;
	border:1px solid #334;	
	height:40px;
}

#wide_notification_tab {
	text-decoration:none;
	color:black;
}

.selectInput{
	width:84%;
	height:40px;
	margin-left:10%;
	margin-top:40px;
	border-radius:10px;
	float:left;
}

.selectInputerx{
	width:81%;
	height:80px;
	margin-left:10%;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:10px;

}

.selectInputers{
	width:85%;
	height:45px;
	margin-left:10%;
	margin-top:10px;
	border-radius:10px;
	margin-bottom:20px;
	float:left;
}

.selectInputersNew{
	width:83%;
	height:45px;
	margin-left:10%;
	margin-top:10px;
	border-radius:10px;
	margin-bottom:20px;
	float:left;
}

.selectInputers2{
	width:85%;
	height:45px;
	margin-left:5%;
	margin-top:10px;
	border-radius:10px;
	margin-bottom:20px;
	float:left;
}

#Register label{
	margin-left:10%;
}

.btnUpload{
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:45%;
	cursor:pointer;
}

.signUpbtn {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:47%;
	border-radius:5px;
	cursor:pointer;
	margin-bottom:20px;
}

.signUpbtn2 {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:45%;
	border-radius:5px;
	cursor:pointer;
	margin-bottom:52px;
}

.signupFooter{
	background:#4C75A3;
	margin-top:1000px;
}

#margin {
	margin-right:30%;
	margin-top:20px;
}

#marginRegister {
	margin-right:38%;
}




/*terms**/

.Terms {
	margin-top:20px;
	margin-right:2%;
	width:35%;
	float:right;
	border-radius:15px;
	height:500px;
	background:#ffffff;
	padding-top:30px;

}

.Terms h1{
	text-align:center;
	border:2px solid #334;
	color: #334;
	padding:10px 30px;

}

.Terms p {
	font-size:13px;	
}

.Terms img {
	width: 30%;
}







/*signup success**/

#telegram {
	font-size:12px;
	color:#808080;
}



/* user page **/


#line{
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
}

#bottomLiner {
	margin-left:30px;
	margin-right:30px;
}

#bottomLine{
	margin-left:30px;
	margin-right:30px;
}

.connectionmove {
	margin-left:5%;
}

#lines{
	margin:0;
}

#smallimage {
	width:8%;
	border-radius:50%;
	float:left;
	margin-left:5%;
	margin-right:12px;
	height:50px;
}



#allregcam{
	text-align: center;
}

#searchuni {
	width:86%;
	height:50px;
	border-radius:30px;
	margin-bottom:5px;
	margin-top:20px;
	padding-left:10px;
	border:1px solid #334;

}

#searchunis {
	width:86%;
	height:50px;
	border-radius:30px;
	margin-top:20px;
	padding-left:10px;
	border:1px solid #334;

}

#searchuni2 {
	width:85%;
	height:50px;
	border-radius:30px;
	margin-top:20px;
	padding-left:10px;
	border:1px solid #334;
	margin-bottom:40px;

}

#ai {
	float:left;
}

#campus-search {
	height:50px;
	border-radius:30px;	
	border:1px solid #334;
	width:10%;
	background:#ffffff;
	cursor:pointer;
}


.img {
	width:20%;
	float: left;
	margin-right:10px;
	decoration:none;
}

li #remove {
	list-style:none;
}

ul #remove {
	list-style:none;
}


.bottom {
	padding-bottom:50px;
	padding-top:0;

	border-radius:20px;
	margin-top:20px;
	margin-bottom:70px;
	margin-left:3%;
	margin-right:3%;

}

.bottom p {
 float:left;
 margin-top:0;

}

#photonum {
	position:absolute;
	top:20px;
	right:415px;
	background:#334;
	color:white;
	width:20px;
	height:20px;
	border-radius:50%;
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
}

#notinum {
	position:absolute;
	top:20px;
	right:255px;
	background:red;
	color:white;
	width:20px;
	height:20px;
	border-radius:50%;
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
}

#notenum {
	position:absolute;
	top:20px;
	right:80px;
	background:#334;
	color:white;
	width:20px;
	height:20px;
	border-radius:50%;
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
}

#edit_profile {
	text-decoration:none;
	font-size:12px;
	margin-top:18px;
	float:right;
	margin-right:30px;
	color:#334;
}

#notenumber {
	position:fixed;
	top:395px;
	right:488px;
	background:#334;
	color:white;
	width:20px;
	height:20px;
	border-radius:50%;
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	
}

#photonum2 {
	position:absolute;
	top:20px;
	right:415px;
	background:#334;
	color:white;
	width:20px;
	height:20px;
	border-radius:50%;
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
}

#notinum2 {
	position:absolute;
	top:20px;
	right:255px;
	background:red;
	color:white;
	width:20px;
	height:20px;
	border-radius:50%;
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
}

#notenum2 {
	position:absolute;
	top:20px;
	right:80px;
	background:#334;
	color:white;
	width:20px;
	height:20px;
	border-radius:50%;
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
}

.photosliding {
	width:97%;
	margin-right:1%;
	overflow-x:auto;
	display:flex;
	scrollbar-width:none;
	scroll-behavior:smooth;
	float:left;
}

.photoslidings {
	width:100%;
	overflow-x:auto;
	display:flex;
	scrollbar-width:none;
	scroll-behavior:smooth;
	float:left;
}


.navphoto {
	margin-left:5%;
	height:80px;
	flex-shrink:0;
	min-width:10%;
	justify-content:center;
	align-items:center;
}

.navclass {
	height:80px;
	flex-shrink:0;
	justify-content:center;
	align-items:center;
	width:25%;
}

.photoslidings2 {
	width:100%;
	overflow-x:auto;
	display:flex;
	scrollbar-width:none;
	scroll-behavior:smooth;
	float:left;
	margin-left:4%;
}

.navclass2 {
	padding-top:10px;
	padding-bottom:10px;
	flex-shrink:0;
	justify-content:center;
	align-items:center;
	width:18%;
}

.navclass1 {
	padding-top:10px;
	padding-bottom:10px;
	flex-shrink:0;
	justify-content:center;
	align-items:center;
	width:18%;
}	

.navclass3 {
	padding-top:10px;
	padding-bottom:10px;
	flex-shrink:0;
	justify-content:center;
	align-items:center;
	width:25%;
}

.navclass4 {
	padding-top:10px;
	padding-bottom:10px;
	flex-shrink:0;
	justify-content:center;
	align-items:center;
	width:18%;
	margin-right:16px;
}	

.navclass4N {
	padding-top:10px;
	padding-bottom:10px;
	flex-shrink:0;
	justify-content:center;
	align-items:center;
	width:25%;
	margin-right:16px;
}		


#topBtn:hover{
	background: #222;
}

html {
	scroll-behavior:smooth;
}

#infopics {
	margin-left:6%;
	margin-right:6%;
}

#smallimager {
	width:100%;
	border-radius:50%;
	float:left;
	margin-left:6%;
	margin-right:1px;
	height:50px;
	border: 3px solid #4C75A3;
	margin-bottom: 20px;
	margin-left:10%;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:3px;
}


#smallimagerss {
	width:10%;
	border-radius:50%;
	float:left;
	margin-right:1px;
	height:50px;
	border: 3px solid #4C75A3;
	margin-bottom: 20px;
	margin-left:6%;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:3px;
}

#smallimagers {
	width:100%;
	border-radius:50%;
	float:left;
	margin-left:6%;
	margin-right:1px;
	height:50px;
	border: 3px solid pink;
	margin-bottom: 20px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:3px;	
}

.search-hover:hover  {
	transform:scale(1.02);
}

.search-hovers {
	margin-bottom:20px;
}


#school_public_board{
	text-decoration:none;
	margin:0;
	color:#4C75A3;
}
.search-hover {
	margin-bottom:30px;
}

#credithr {
	margin-bottom:20px;
}

#creditline {
	margin-bottom:30px;
}

#subNav nav{
	margin-top:12px;

}

#floatInfo1 a {
	text-decoration:none;
	color:#334;
	margin-left:11%;
}

#floatInfo2 a {
	text-decoration:none;
	color:#334;
	margin-left:11%;
}

#floatInfocrush a {
	text-decoration:none;
	color:#4C75A3;
	margin-left:11%;	
}

#floatInfocrushnow a {
	text-decoration:none;
	color:#4C75A3;
	margin-left:11%;	
}

.friendtocentersx {
	text-decoration:none;
	color:#334;
	border: 1px solid #334;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:60px;
	padding-right:60px;
	float:left;
	margin-bottom:20px;
	margin-top:10px;
	border-radius:20px;
	margin-left:20%;
}

.moverb {
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	transition: 0.1s ease;
}

.moverb1 {
	border: 1px solid red;
	border-radius:50%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	transition: 0.1s ease;
}

.moverb2 {
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	transition: 0.1s ease;
	width:3.5%;
}

.notification {
	position:relative;
	display:inblock;
}

.badge {
	position:absolute;
	top:180px;
	left:830px;
	background:red;
	color:white;
	width:20px;
	height:20px;
	border-radius:50%;
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.imagesviews {
	height:50px;
	border-radius:50%;
	border: 1px solid #4C75A3;
	border-radius:50%;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;	
}

.paddingss {
	margin-left:5%;
}

.moverbers {
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	transition: 0.1s ease;
	width:5%;
}

.moverbers2 {
	border: 1px solid #4C75A3;
	border-radius:50%;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	transition: 0.1s ease;
	width:5%;
}

.fixed {
	background:#ffffff;
	position: fixed;
	bottom:0;
	width:43%;
	z-index:1000;
	box-shadow: 0 0 15px rgba(0,0,0,0.4);	
	margin:0;
	padding:0;
	height:85px;
	border-radius:20px 20px 0 0;

}

#names p {
	float:left;
	display:flex;
	padding-bottom:2px;
	margin-bottom:0;
	padding-top:0;
	margin-top:0;
	float:left;
}

.movers1 {
	margin-left:8%;
	margin-right:9%;
	float:left;
}

.movers2 {
	margin-left:1.5%;
	float:left;
}

.movers3 {
	margin-left:11.5%;
	margin-right:11%;
	float:left;
}

.movers4 {
	float:left;
	margin-left:-1.9%;
}

.movers5 {
	float:left;
	margin-left:13.1%;
}

.movers6 {
	float:left;
	margin-left:14%;
}

.mover {
	margin-right:20px;
	margin-bottom: 30px;
}

.moverimg {
	margin-left:5%;
	margin-bottom: 30px;
}

.mover_chat {
	margin-right:20px;
	margin-bottom: 30px;

}


.trophy {
	margin-left:9%;
}

.photo2 {
	margin-left:5%;
}

.moverss {

	width:5%;

}

.padding {
	margin-left:5%;
}

#subNaver {
	margin-left:10%;
}

#subNaver2 {
	margin-left:10%;
}

#subNavers {
	margin-left:1%;
}

#subNavers img {
	margin-left:13%;
}

#subNaver a{
	margin-right:19.5%;
}

#subNaver2 a{
	margin-right:15%;
}


#subNav li{
	margin:0;
}

#subNav p{
	margin-top:20px;
}



.trip {
	border:1px solid #334;
	color: #334;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:5px;		
	border-radius:15px;
	text-decoration:none;
	color:#334;
	margin-top:10px;
	margin-bottom:10px;
}


.phototrip {
	border:1px solid #334;
	color: #334;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:5px;		
	border-radius:15px;
	text-decoration:none;
	color:#334;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5%;
	transition: 0.3s ;	
}


.phototrip:hover {
	background:#FF0000;
	color:#ffffff;
	transform: scale(1.1);	
	border:1px solid #ff0000;	
}


#liker {
	float: left;
	margin-left:3%;
	width:5%;

}


#likedone {
	float: left;
	width:7%;
}


#commenter {
	float: left;
	margin-left:2%;
	margin-top:4px;
}

.undo {
	border:1px solid #334;
	color: #334;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:5px;		
	border-radius:15px;
	text-decoration:none;
	color:#334;
	margin-top:10px;
	margin-bottom:10px;
}

.photoundo {
	border:1px solid #334;
	color: #334;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:5px;		
	border-radius:15px;
	text-decoration:none;
	color:#334;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5%;
}


#photoinfo {
	font-size:11px;
	margin-top:30px;
	margin-left:5%;
	margin-right:5%;
	color:#334;
	word-break:break-word;
}

.break_photo_words {
	word-break:break-word;
}



@keyframes typing {
	from{width: 0;}
	to{width: 75ch;}
}

@keyframes blink{
	50%{border-color: transparent;}
}

.box:hover img {
	transform:scale(1.1);
}

#commentanchor {
	border:1px solid #334;
	color: #334;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:5px;		
	border-radius:15px;
	text-decoration:none;
	color:#334;
	margin-left:2%;
}

.redtrip a {
	color:#FF0000;
}










#likenav nav{
	margin-bottom:20px;
	margin-top:30px;
	margin-right:5%;
	border:1px solid #334;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:5%;
	border-radius:5px;
}

#likenav .highlight, #likenav .current a{
	color:#9CB2CE;
	font-weight:bold;
}

#likenav a:hover{
	color:#808080;
	font-weight:bold;
}

#likenav li{
	display:inline;
	padding: 0 20px 0 20px;
}


#likenav p{
	margin-top:20px;
}

#likenav a{
	text-decoration:none;
	margin-left:10%px;
	color:#334;
}






#subNavberx nav{
	margin-bottom:20px;
	margin-top:30px;
	margin-right:5%;
	border:1px solid #334;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:5px;
}

#subNavberx .highlight, #subNavberx .current a{
	color:#9CB2CE;
	font-weight:bold;
}

#subNavberx a:hover{
	color:#808080;
	font-weight:bold;
}

#subNavberx li{
	display:inline;
	padding: 0 20px 0 20px;
}


#subNavberx p{
	margin-top:20px;
}

#subNavberx a{
	text-decoration:none;
	color:#334;
}









#infophotos {
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-bottom: 0;
}


#likenavs li{
	display:inline;
	padding: 0 20px 0 20px;
}

#likenavs nav{
	margin-bottom:45px;
	float:left;
	margin-top:20px;
	width:90%;
	border:1px solid #334;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:2%;
	margin-left:5%;
	border-radius:5px;
}

#likenavs .highlight, #likenav .current a{
	color:#9CB2CE;
	font-weight:bold;

}

#likenavs nav{
	margin-bottom:45px;
	float:left;
	margin-top:20px;
	width:90%;
	border:1px solid #334;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:2%;
	margin-left:5%;
	border-radius:5px;
}


#likenavs a:hover{
	color:#808080;
	font-weight:bold;
}


.padtop {
	margin-top:40px;
}

#image {
	border-radius:22px;
}

#likenavs p{
	margin-top:20px;
}

#likenavs a{
	text-decoration:none;
	margin-left:10%px;
	color:#334;
}

#noresult {
	color:#9CB2CE;
}

#home h3{
	text-align:center;
}

#home2 h3{
	text-align:center;
}


#smallhome h3{
	text-align:center;
}


#home {
	float:left;
	width:35%;
	background:#ffffff;
	margin-top:20px;
	border-radius:10px;

	margin-top:20px;	
	overflow:auto;
	height:535px;
	scroll-behavior:smooth;	
}

#home2 {
	float:left;
	width:35%;
	background:#ffffff;
	margin-top:20px;
	border-radius:10px;

	margin-top:20px;	
	overflow:auto;
	height:535px;
	scroll-behavior:smooth;	
}

#homechat {
	float:left;
	width:35%;
	background:#ffffff;
	margin-top:20px;
	border-radius:10px;

	margin-top:20px;	
	overflow:auto;
	height:500px;
	scroll-behavior:smooth;	
}

#smallhome {
	float:left;
	width:38%;
}

#homeindex{
	float:left;
	width:40%;
	background:#ffffff;
	margin-top:20px;
	border-radius:10px;
	margin-left:1%;
	margin-top:20px;	
	height:930px;
	
	padding-top:35px;
}

#dep {
	width:84%;
	height:40px;
	margin-left:10%;
	border-radius:10px;
	float:left;
	border:1px solid #334;
	margin-bottom:20px;
}

#dep2 {
	width:84%;
	height:40px;
	margin-left:5%;
	border-radius:10px;
	float:left;
	border:1px solid #334;
	margin-bottom:20px;
}

.createClass{
	float:left;
	margin-top:20px;
	height:40px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:40px;
	margin-top:20px;	
}

.createClass2{
	float:left;
	margin-top:20px;
	height:40px;
	background:#4C75A3;
	border:0;
	padding-left:35px;
	padding-right:35px;
	color:#ffffff;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:40px;
	margin-top:20px;
	margin-left:33%;

}


#labelling2 {
	margin-bottom:40px;
	float:left;
	margin-top:40px;
	margin-left:40%;
	text-align:center;
}

#labelling {
	margin-bottom:40px;
	float:left;
}

#homeindex h3 {
	float:left;
	text-align:center;
}

#homeindex p {
	float:left;
	margin-bottom:20px;
	margin-right:50%;
}

#homeindex img{
	float:left;
	width:50%;
	margin-left:25%;	
}

.submit_intention label {
	margin-left:5%;
}

#editpicture {
	color:#ffffff;
	background:#9CB2CE;
	text-decoration:none;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:70px;
	padding-right:70px;	
	border-radius:5px;	
	font-size:10px;
	margin-right:5%;
	float:left;	
	margin-left:1%;
	margin-bottom:40px;
}

.classes_edit{
	float:left;
	margin-left:5%;
	width:90%;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	padding-left:10px;
	padding-bottom:2%;
	padding-top:0.1%;
	margin-bottom: 20px;
}

#editpictures {
	color:#334;

	text-decoration:none;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:82.4px;
	padding-right:82.4px;	
	border-radius:5px;	
	font-size:10px;

	float:left;	
	margin-bottom:40px;
}

#editpictures2 {
	color:#ffffff;
	background:#9CB2CE;
	text-decoration:none;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:82.4px;
	padding-right:82.4px;	
	border-radius:5px;	
	font-size:10px;
	margin-left:1%;
	float:left;	
	margin-bottom:40px;
}

.class_anchor {
	background:#9CB2CE;
	border:0;
	padding-left:30px;
	padding-right:30px;
	color:#ffffff;
	cursor:pointer;
	padding-bottom:10px;
	border-radius:4px;
	padding-top:10px;
	float:left;	
	text-decoration:none;
	font-size:10px;
	margin-bottom:10px;
}

#editpicture2 {
	color:#334;
	text-decoration:none;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:82.4px;
	padding-right:82.4px;	
	border-radius:5px;	
	font-size:10px;

	float:left;	
	margin-bottom:40px;
}

.submit_intention select {
	margin-left:20%;
	margin-top:10px;
	height:30px;
	width:300px;
}

.submit_intention button {
	height:30px;
	background:#9CB2CE;
	border:0;
	padding-left:30px;
	padding-right:30px;
	color:#ffffff;
	margin-left:6%;
	cursor:pointer;
	margin-bottom:10px;
	border-radius:4px;
	margin-top:10px;
}

.publicboarddecoration2 {
	float:left;
	width:100%;
	word-break:break-word;	
}

#public_board_message {
	font-size:13px;
	margin-right:10%;
	float:left;
}

#public_board_message1 {
	font-size:13px;
	margin-right:10%;
	float:left;
	margin-top:0;
	margin-bottom:0;
}

#public_board_message2 {
	font-size:13px;
	float:left;
	width:100%;
}

.delete_course {
	border:1px solid #4C75A3;
	padding-top:10px;	
	padding-left:50%;
	width:70%;	
	margin-bottom:20px;
	border-radius:20px;
	margin-top:10px;
	float:left;
}

.delete_course img {
	margin-left:6.5%;
}


.course_decoration {
	float:left;
	width:94%;
	margin-top:20px;
	margin-bottom:20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	padding-top:10px;
	margin-left:3%;
	margin-right:3%;	
}

.course_decoration p {
	font-size:12px;
}

.school_public {
	float:left;
	width:10%;
	border-radius:50%;
	height:60px;
	margin-bottom:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;	
	border:1px solid #4C75A3;		
}

#date_of_message {
	font-size:13px;
}


.frienddecoration {
	float:left;
	width:100%;
}


.friends_match{
	float:left;
	width:10%;
	border-radius:50%;
	height:60px;
	margin-bottom:20px;
	margin-right:2%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;	
	border:1px solid #334;

}

.courses_boxes {
	float:left;
	width:100%;
}

.movingthis {
	margin-left:5%;
	margin-right:5%;
}

.frienddecoration p{
	float:left;

}


.photosize {
	width:13%;
	height:60px;
	border-radius:50%;
	margin-top:10px;
	float:left;
	margin-right:3%;
	border: 1px solid #334;	
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.viewed {
	width:10%;
	color:#9CB2CE;
	text-decoration:none;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;	
	border-radius:5px;	
	font-size:10px;
	margin-right:5%;
	float:left;
	margin-top:25px;
}


.Studentspage {
	width:100%;
	height:90px;
}

.friend {
	background:#9CB2CE;
	border:0;
	padding-left:20px;
	text-decoration:none;
	padding-right:20px;
	color:#ffffff;
	cursor:pointer;
	float:right;
	border-radius:4px;
	padding-top:5px;
	padding-bottom:5px;	
	font-size:10px;
	float:left;
	margin-top:25px;
	

}

.undofriend {
	background:#9CB2CE;
	border:0;
	padding-left:48px;
	text-decoration:none;
	padding-right:48px;
	color:#ffffff;
	cursor:pointer;
	float:left;
	border-radius:4px;
	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:25px;


}

.move_this {
	width:100%;
	background:green;
}

.publicmessage{
	float:left;
}

.infodiv {
	margin-left:10px;
	float:left;
	width:80%;
}

.give_way {
	float:left;
	width:75%;
}

#messagehead{
	margin-top:70px;
}

#messageheadN{
	margin-top:70px;
}

#messagehead2 {
	margin-top:70px;

}	

#messageheads{
	margin-top:1px;
	float:left;
	color:#9CB2CE;
	text-decoration:none;
}

#messageheads2{
	margin-top:1px;
	float:left;
	color:#334;
	text-decoration:none;
}


#messageheadss{
	margin-top:1px;
	float:left;
	margin-left:20%;
	color:#334;
	text-decoration:none;
}

#messageheadss2{
	margin-top:1px;
	float:left;
	margin-left:20%;
	color:#9CB2CE;
	text-decoration:none;
}

#mostrecent2{
	float:left;
	margin-top:20px;
	margin-left:25%;
}

#mostrecent{
	float:left;
	margin-top:20px;
	margin-left:37%;
}

#mostrecents{
	float:left;
	margin-top:20px;
	margin-left:25%;
}


#current_info {

}

#course_p{
	float:left;
	margin-top:20px;
	margin-left:39%;
}

#mostrecent_private{
	float:left;
	margin-top:20px;
	margin-left:40%;
}

#mostrecent_private2{
	float:left;
	margin-top:20px;
	margin-left:25%;
}


.invite {
	text-decoration:none;
	color:#334;
	cursor:pointer;
	float:left;
	margin-bottom:30px;
	border-radius:10px;
	font-size:12px;
	padding-top:7px;
	padding-bottom:7px;
	width:100%;	
	text-align:center;
	border:1px solid #334;
}

.inviteC {
	width:95%;
	float:left;
	margin-right:2%;
	text-decoration:none;
	color:#334;
	cursor:pointer;
	margin-bottom:30px;
	border-radius:10px;
	font-size:12px;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
	border:1px solid #334;		
}

#tripboard {
	width:5%;
}

.tripboard{
	width:5%;
	float:left;
	margin-right: 2%;
	margin-top:10px;
}

#tripboarder {
	width:5%;
	margin-right:82%;
}

.margin_top{
	margin-top:10px;
	margin-bottom:10px;

}

.margin_top img{
	margin-right:5px;
}

.tripboard2{
	width:5%;
	float:left;
	margin-right: 2%;
	margin-top:10px;
}

.tripboard3{
	width:5%;
	float:left;
	margin-right: 2%;
	margin-top:10px;
}

.submit {
	background:#9CB2CE;
	border:0;
	padding-left:20px;
	text-decoration:none;
	padding-right:20px;
	color:#ffffff;
	cursor:pointer;
	float:left;
	margin-bottom:30px;
	border-radius:4px;
	font-size:12px;
	padding-top:7px;
	padding-bottom:7px;
}

.submit_block {
	background:#ffffff;
	border:0;
	padding-left:20px;
	text-decoration:none;
	padding-right:20px;
	color:#ffffff;
	cursor:pointer;
	float:left;
	margin-bottom:30px;
	border-radius:4px;
	font-size:12px;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:0;
}

.boardsviewprofile {
	text-align:center;
	text-decoration:none;
	width:30%;
	color:#334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
	float:right;	

}

#paint {
	text-decoration:none;
	color:#4C75A3;
}

#homephoto h3{
	text-align:center;
}

#homephotor h3{
	text-align:center;
}

#homephoto {
	float:right;
	width:43%;
	background:#ffffff;
	margin-top: 20px;
	border-radius:10px;
	overflow:auto;
	height:500px;
	scroll-behavior:smooth;


}

#homephotor {
	display:none;


}



.messages {
	float:right;
	width:43%;
	background:#ffffff;
	margin-top: 20px;
	border-radius:10px;
	overflow-y:auto;
	height:500px;
	scroll-behavior:smooth;


}

#image  {
	float:left;
	width:90%;
	margin-left:5%;
	margin-top:20px;
	margin-bottom:20px;
	transition: 0.9s ease;
}


#image:hover {
	transform:scale(1.1);
}


#images  {
	float:left;
	width:90%;
	margin-left:5%;
	margin-top:20px;
	margin-bottom:20px;

	transition: 0.9s ease;
}


#images:hover {
	transform:scale(1.1);
}


#homeimg{
	width:100%;
	margin-top:20px;
	margin-left:1%;
	margin-right:1%;
	border-radius:10px;
	background-image: url("../images/3dlogo.png");
}

#homeimg3{
	width:100%;
	margin-top:20px;
	margin-left:1%;
	margin-right:1%;
	border-radius:10px;
	background-image: url("../images/3dlogo.png");
}


#smallhome img{
	width:75%;
	margin-top:20px;
	margin-left:13%;
}


#homep {
	font-size:14px;
	margin-left:15%;
	margin-top:12px;
}


#smallhome p{
	font-size:14px;
	margin-left:15%;
	margin-top:12px;
}


.minihomeStudents img {
	width:100%;
	margin-top:9px;
	border-radius:10px;
}


.uniregpage img {
	width:100%;
	float:left;
	margin-top:9px;
	border-radius:50%;
	height:90px;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:15px;	
}

.uniregpage {
	width:100%;
	float:left;
	margin-bottom:20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;	
	padding-left:2%;
	margin-right:5%;
}

.viewer {
	text-align:center;
	text-decoration:none;
	width:20%;
	margin-right:5%;
	margin-top:10%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
}

.viewexco {
	text-align:center;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	float:right;
	font-size:10px;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;	
}

.viewexco3 {
	text-align:center;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	float:left;
	font-size:10px;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;	
}


.viewer2 {
	text-align:center;
	text-decoration:none;
	width:10%;
	margin-top:10px;
	height:10px;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	margin-bottom:20px;
	float:right;
	font-size:12px;
}

.notificationDeco {
	margin-bottom:10px;
	margin-right:10%;
	margin-left:5%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;	
	float:left;
	width:86%;
	height:70px;
}

.notificationDecored {
	margin-bottom:10px;
	margin-right:10%;
	margin-left:5%;
	color:#334;
	border:2px solid red;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;	
	float:left;
	width:86%;
	height:70px;
}


.notificationDeco img {
	width:9%;
	float:left;
	border-radius:50%;
	height:50px;
	margin-right:2%;
} 

.notificationDecored img {
	width:9%;
	float:left;
	border-radius:50%;
	height:50px;
	margin-right:2%;
} 


.paracrush {
	margin:0;
	float:right;

} 

#unireg {
	float:left;
	width:43%;
	border-radius:10px;

	margin-top:20px;
	overflow:auto;
	height:500px;
	background:#ffffff;
	scroll-behavior:smooth;	
}

.campusmove {
	margin-left:5%;
	margin-right:5%;
	width:90%;
}

.uniimage {
	width:20%;
}

#studentsnumber {
	float:left;
	margin-left:2%;
}


.unih2 {
	float:left;
	margin-left:10px;
	width:65%;
}


.connect {
	width:10%;
	float:left;
}

.arrow {
	margin-left:32%;
	margin-bottom:100px;

}

.heart {
	margin-bottom:90px;
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;		

}

.arrowforward {
	margin-bottom:100px;

}

.homeStudents img {
	width:10%;
	margin-top:9px;
}

.bdelete {
	margin-bottom:20px;
	margin-left:3%;
}


.deletecrush {
	margin-bottom:20px;
	margin-left:5%;
	margin-right:90%;
	float:left;
}

.deletefriend {
	margin-bottom:20px;
	margin-left:3%;
}

.deletefanandfriend {
	margin-bottom:20px;
	margin-left:3%;
}

.deleterelationship {
	margin-bottom:20px;
	margin-left:3%;
}

.deletefan {
	margin-bottom:20px;
	margin-left:3%;
}

.minihomeStudents a{
	text-decoration:none;
	background:#9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10%;
	padding-left:10%;
	color:#ffffff;
	border-radius:5px;
	font-size:11px;
	text-align: center;
	width:100%;
}

.favnav {
	float:left;
	height:500px;
	background:#ffffff;
	margin-top:20px;
	width:5%;
	border-radius:10px;
	margin-left:3%;
}

.indexnav {
	float:left;
	height:480px;
	background:#ffffff;
	margin-top:20px;
	width:5%;
	border-radius:10px;
	margin-left:3%;
	padding-bottom:30px;
}

.indexnaver {
	float:left;
	width:5%;

}

.indexnaver_reuse {
	float:left;
	width:5%;

}

#pennav {
	margin-left:15%;
	margin-top:18px;
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	transition: 0.1s ease;
}

#pennav:hover {
	transform:scale(0.9);
	background:#9CB2CE;
	color:#ffffff;	
	border:1px solid #9CB2CE;		
}


#pennavs {
	margin-left:15%;
	margin-top:18px;
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	width:39%;
	transition: 0.1s ease;
}

#pennav1 {
	width:50%;
	border: 1px solid blue;
	border-radius:50%;	
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	margin-left:83%;

}

#pennav1_reuse {
	width:50%;
	border: 1px solid blue;
	border-radius:50%;	
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	margin-left:83%;

}

#pennav_home {
	width:50%;
	border: 1px solid blue;
	border-radius:50%;	
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	margin-left:83%;

}

#pennav_home2 {
	width:50%;
	border: 1px solid blue;
	border-radius:50%;	
	padding-top:1px;
	padding-bottom:1px;
	padding-right:1px;
	padding-left:1px;
	margin-left:83%;

}


#pennavs:hover {
	transform:scale(0.9);
}

#homephotoside {
	float:left;
	height:500px;
	width:100%;


}

.topphoto {
	float:left;
	width:94%;
	margin-top:20px;
	margin-bottom:20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	padding-top:10px;
	margin-left:3%;
	margin-right:3%;
}

.topphotos {
	float:left;
	width:94%;
	margin-top:20px;
	margin-bottom:20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	padding-top:10px;
	margin-left:3%;
	margin-right:3%;
	overflow: hidden;
	position:relative;
}

.slide {
	display:none;

}

#input_menu {
	display:none;
}



.chatphotousers {
	float:left;
	width:90%;
	margin-top:20px;

	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;

	margin-left:5%;
	margin-right:5%;
	overflow: hidden;
	position:relative;
	height:100px;
}


.chatphotousers1 {
	float:left;
	width:90%;
	margin-top:20px;

	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;

	margin-left:5%;
	margin-right:5%;
	overflow: hidden;
	position:relative;
	height:100px;
}

.chatphotouserss {
	float:left;
	width:90%;
	margin-top:20px;

	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	
	margin-left:5%;
	margin-right:5%;
	overflow: hidden;
	position:relative;
	height:100px;
}

.chatphotousersx {
	float:left;
	width:90%;
	margin-top:20px;

	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;

	margin-left:5%;
	margin-right:5%;
	overflow: hidden;
	position:relative;
	height:70px;
}

#coursemates {
	margin-left:5%;
}

#besties {
	margin-left:-5%;
}

#friends {
	margin-left:-8%;
}

#others {
	float:left;
	margin-left:40%;
}

.chatphotousers img {
	float:left;
	width:10%;
	height:50px;
	border-radius:50%;
	margin-left:10px;
	margin-top:10px;
	margin-right:2%;
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;	
}

.chatphotousers1 img {
	float:left;
	width:10%;
	height:50px;
	border-radius:50%;
	margin-left:10px;
	margin-top:10px;
	margin-right:2%;
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;	
}

.chatphotouserss img {
	float:left;
	width:10%;
	height:50px;
	border-radius:50%;
	margin-left:10px;
	margin-top:10px;
	margin-right:2%;
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;	
}

.chatphotousers p {
	margin-left:7%;
	text-decoration:none;
	color:black;
}

.chatphotousers1 p {
	margin-left:7%;
	text-decoration:none;
	color:black;
}


.chatphotouserss p {
	margin-left:7%;
	text-decoration:none;
	color:black;
}

#na {
	text-decoration:none;
}

.chat_navigation {
	display:inline;
	float:left;

	margin-left:4%;
	width:85%;

	margin-top:20px;
	margin-bottom: 20px;
}

.chat_navigation a {
	text-decoration:none;
	margin-left:5%;
	margin-top:40px;
	margin-right:4%;

}

.chat_navigations {
	display:inline;
	float:left;
	color:#334;
	margin-left:1%;
	width:100%;

	margin-top:20px;
	margin-bottom: 20px;
}

.chat_navigations a {
	text-decoration:none;
	margin-left:5%;
	margin-top:40px;
	margin-right:3%;
	color:#334;
}

.currenters {
	color:black;
	border: 1px solid #334;
	border-radius:10px;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;	

}

.chattingwith {
	width:90%;
	float:left;
	margin-top:20px;
	margin-left:5%;
}

#chatbot {
	margin-top:40px;
	margin-bottom:40px;
	margin-left:42%;
}

.chattingwith img {
	width:10%;
	border-radius:50%;
	height:50px;
	float:left;
	margin-bottom:20px;
	border: 2px solid #334;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:1%;
}

#namechats {
	margin-left:1%;
	float:left;
	margin-bottom:0;
	
}

#message_chatx {
	margin-left:0.5%;
	float:left;
	margin-top:0;
	font-size:12px;	
	
}

#message_chatxr {
	margin-left:0.5%;
	float:left;
	margin-top:0;
	font-size:12px;
}

#spanx {
	position:absolute;
	top:40px;
	left:450px;
	background:#4C75A3;
	color:white;
	width:20px;
	height:20px;
	border-radius:50%;
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
}

#chat_input {
	width:70%;
	height:40px;
	border-radius:20px;
	margin-left:5%;
	margin-bottom:20px;
	margin-top:20px;
	border:1px solid #334;;	
	resize:none;
	float:left;
	padding-top:20px;
	padding-left:10px;
	overflow:hidden;
}

#chat_input1 {
	width:70%;
	height:40px;
	border-radius:20px;
	margin-left:5%;
	margin-bottom:20px;
	margin-top:20px;
	border:1px solid #334;;	
	resize:none;
	float:left;
	padding-top:20px;
	padding-left:10px;
	overflow:hidden;
}

.chatundo {
	float:right;
	margin-right:4%;
	cursor:pointer;
	border: 1px solid #334;
	border-radius:10px;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	font-size:10px;
	text-decoration:none;
	color:black;
	margin-left:5px;
}

#chatimg {
	width:5%;
	border-radius:50%;
	height:30px;
	float:left;
	margin-right:1%;
	margin-top:10px;
}


.small_message {
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	width:40%;
	margin-left:17%;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:20px;
	padding-left:5%;
	margin-right:5%;
	padding-right:5%;
	word-break:break-word;
}

.small_message2 {
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	width:43%;
	margin-left:27%;
	padding-top:5px;
	padding-bottom:40px;
	margin-bottom:20px;
	padding-left:5%;
	margin-right:5%;
	padding-right:5%;
	word-break:break-word;
}

.small_message20 {
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	width:43%;
	margin-left:27%;
	padding-top:5px;
	padding-bottom:40px;
	margin-bottom:20px;
	padding-left:5%;
	margin-right:5%;
	padding-right:5%;
	word-break:break-word;
}

.small_messagers {
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	width:90%;
	margin-left:2%;
	padding-top:5px;
	padding-bottom:40px;
	margin-bottom:20px;
	padding-left:3%;
	margin-right:5%;
	padding-right:5%;
	word-break:break-word;
}


.chat_image{
	width:10%;
	height:50px;
	float:left;
	border-radius:50%;
	margin-left:5%;
	border: 1px solid #4C75A3;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	padding-left:2px;	
}

.chat_image2 {
	width:10%;
	height:50px;
	float:right;
	border-radius:50%;
	margin-right:5%;
	border: 1px solid #4C75A3;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	padding-left:2px;	
}

.chat_image3 {
	width:9%;
	height:50px;
	float:left;
	border-radius:50%;
	margin-right:5%;
	border: 1px solid #4C75A3;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	padding-left:2px;	
}

.chat_image9 {
	width:10%;
	height:50px;
	float:left;
	border-radius:50%;
	border: 1px solid #4C75A3;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	padding-left:2px;	
	margin-top:10px;
	margin-right:10px;
}

#reply {
	font-size:10px;
	float:left;
}

#question_reply {
	font-size:10px;
	margin-left:15%;
	float:left;
}

#delete {
	font-size:10px;
	margin-left:10%;
}

.course_paragraph {
	float:;
}

.replyx {
	border: 1px solid #4C75A3;
	border-radius:20px;
	padding-top:20px;
	margin-bottom:30px;
	padding-left:20px;
	width:90%;
}

.replyx img {
	width:10%;
}

.course_anchor {
	text-decoration:none;
	margin-left:2%;
}

#message {
	font-size:12px;
	margin-right:76%;
	
}



#float_leftx {
	margin-right:5%;
	font-size:12px;
}

.chatletter {
	
}

.chat_sender {
	background:#ffffff;
	position: fixed;
	bottom:80px;
	width:42%;
	z-index:1000;
	margin:0;
	padding:0;
	height:100px;

}

.submitnow {
	padding-top:20px;
	padding-bottom:20px;
	border-radius:20px;
	padding-left:35px;
	padding-right:35px;
	background:#4C75A3;
	color:#ffffff;
	border:1px;
	cursor:pointer;
	float:left;
	margin-top:20px;
	margin-left:1%;
}

.course_anchors {
	font-size:10px;
	text-decoration:none;
	margin-left:10%;
}

.submitnow1 {
	padding-top:20px;
	padding-bottom:20px;
	border-radius:20px;
	padding-left:35px;
	padding-right:35px;
	background:#4C75A3;
	color:#ffffff;
	border:1px;
	cursor:pointer;
	float:left;
	margin-top:20px;
	margin-left:1%;
}

.minimini {
	width:85%;
	float:left;
}

.bottomphoto {
	float:left;
}

#username1 {
	float:left;
	font-size:14px;
	margin-left:2%;
	margin-top:2px;
	width:55%;
}

#username2 {
	float:left;
	font-size:14px;
	margin-left:2%;
	margin-top:0;
}

#smallimager2 {
	float:left;
	width:13%;
	border-radius:50%;
	border: 2px solid #334;
	height:60px;
	margin-left:6%;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	animation: colorchange 10s infinite;
	margin-bottom:10px;
}

@keyframes colorchange {
	0% {
		border-color: pink;
	}

	25% {
		border-color:blue;
	}

	50% {
		border-color:pink;
	}

	75% {
		border-color:blue;
	}

	100% {
		border-color:pink;
	}
}


.vert {
	float:left;
	margin-bottom: 30px;
	margin-top:12px;
	width:5%;
	margin-right:7%;

}


#bigimage {
	width:90%;
	margin-left:5%;
	border-radius:3%;
	transition: 1s ease;
	margin-bottom:20px;
}

.navigation{
	float:left;
	margin-left:1%;
	margin-top:20px;
	width:13%;
	background:#ffffff;
	border-radius:10px;
	overflow:auto;
	height:485px;
	scroll-behavior:smooth;	
	padding-top:18px;
	padding-bottom:30px;

}


.icon{
	float:right;
	margin-right:10px;
}

.nav {
	text-decoration:none;
	color:#4C75A3;
	
}

.myclass {
	text-decoration:none;
	color:#4C75A3;
}

.actual_faculty {

	color:#4C75A3;
}

#classes_ {
	margin-top:20px;
	float:left;
	margin-right:80%;
}

.homebtnUpload {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:40%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;

}


.homebtnUpload2 {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:39%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;

}

.homebtnUploadexco {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:37%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;

}

.homebtnUploadclass {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:38%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;

}

.homebtnUploadNw {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:40.5%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:200px;
	margin-top:20px;

}

.homebtnUploadNw2 {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:39%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:200px;
	margin-top:20px;

}

.homebtnUploading {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:40%;
	cursor:pointer;
	border-radius:4px;
	margin-top:20px;
	float:left;

}

.homebtnUploadnote {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:42%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:90px;
	margin-top:20px;
	float:left;

}

.homebtnUploadpublicboard {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:38%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;	
}

.homebtnUploadpublicboard_ii {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;	
	margin-left:38%;
}

#notes_by_students {
	float:left;
	width:100%;
}

#write_note1 {
	float:left;
	color:#4C75A3;
	cursor:pointer;
	border: 1px solid #4C75A3;
	border-radius:10px;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:90px;
	padding-left:90px;
}

#write_noter {
	float:left;
	color:#4C75A3;
	text-decoration:none;
}

#write {
	color:#334;
	text-decoration:none;
	float:right;

}

#writex {
	color:#4C75A3;
	text-decoration:none;
	float:right;
	border:#4C75A3;

}

#write_noterx {
	color:#334;
	text-decoration:none;
	float:left;
	cursor:pointer;
	border: 1px solid #334;
	border-radius:10px;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:86px;
	padding-left:86px;	
	text-decoration:none;
}


#write_notex{
	width:0%;
	float:left;
}

#note_writer {
	width:95%;
	margin-top:20px;
	height:1000px;
	border-radius:20px;
	padding-top:20px;
	padding-left:10px;
	padding-right:20px;	
}

#note_writerBtn {
	margin-top:20px;
	padding-left:40px;
	padding-right:40px;
	margin-left:34%;
	border:0;
	background:#4C75A3;
	border-radius:20px;
	color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:40px;
	float:left;
}

#write_notex2 {
	color:#334;
	text-decoration:none;
	float:right;
	cursor:pointer;
	border: 1px solid #4C75A3;
	border-radius:10px;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:90px;
	padding-left:90px;	
}

.chatrx4 {
	float:left;
	width:100%;
	margin-top:20px;
}

#write_note2 {
	float:right;
	border: 1px solid #334;
	border-radius:10px;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:90px;
	padding-left:90px;	
	cursor:pointer;
}

.homebtnUploadpublicboarders {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:46%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:300px;
	margin-top:20px;	
	float:left;
}

.up {
	margin-bottom:250px;
}




.homebtnUpload_board2 {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:41%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:90px;
	margin-top:20px;
	float:left;	
}

.homebtnUpload_board {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:40%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;	
}

.homebtnUploadprivateboard {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:40%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;	
}

#float_this_p {
	float:left;
	margin:0;
}



.homebtnUploadhome {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:40.5%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;

} 

.homebtnUploadhome2 {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:39%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;

} 

.homebtnUploadhomeNe {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:39%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:100px;
	margin-top:20px;

} 

#subNavber a {
	text-decoration:none;
	color:#4C75A3;
	display:inline;
	float:;
}

.homebtnUploadm {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:42%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:90px;
	margin-top:20px;
	float:left;

}

.homebtnUploadry {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:38%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:90px;
	margin-top:20px;
	float:left;
}

.homebtnUploadry2 {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:1%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:90px;
	margin-top:20px;
	float:left;
}


.homebtnUploadme {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:38%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:90px;
	margin-top:20px;

}

.homebtnUploadmee {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:40%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:90px;
	margin-top:20px;

}

.camuploader {
	height:35px;
	background:#9CB2CE;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:35%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:30px;
	float:left;
}


.camupload {
	height:35px;
	background:#9CB2CE;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:1%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:30px;
	margin-top:10px;
	float:left;
	margin-right:70%;

}

.homebtnUploadxxx {
	height:35px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:33%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:90px;
	margin-top:20px;

}

.homebtnUploads {

	height:40px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:39%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:40px;
	margin-top:20px;
}


.homebtnUploadxx {

	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:39%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:200px;
	margin-top:20px;
}

.homebtnUploadxx3 {

	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:37%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:200px;
	margin-top:20px;
}


.homebtnUploadxx32 {

	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:35%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:200px;
	margin-top:20px;
}

.homebtnUploadcredit {
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:39%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:200px;
	margin-top:20px;
}

.homebtnUploadcomment {
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:39%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:200px;
	margin-top:20px;
}


.homebtnUploadx {

	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:40%;
	cursor:pointer;
	border-radius:4px;
	margin-bottom:200px;
	margin-top:10px;
}

.homebtnUploaded {
	float:left;
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:43%;
	cursor:pointer;

	border-radius:4px;
}

#lazy_uploader {
	margin-left: 6%;
}

.homebtnUploader {
	margin-top:15px;
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:43%;
	cursor:pointer;
	border-radius:4px;
	border-radius:4px;
}


.write-something {
	margin-left:15%;
	width:70%;
	height:35px;
	margin-bottom:20px;
	border-radius:15px;
	height:60px;
	border:1px solid #334;	

}

.fanbtn{
	text-decoration:none;
	color:#ffffff;
	padding-left:30px;
	padding-right:30px;
	height:10px;
	border-radius:20px;
	margin-bottom:10px;	
	float:left;	
	padding-top:10px;
	padding-bottom:20px;
	margin-top:17px;
	margin-left:27%;
	background:#4C75A3;
	font-size:12px;
}

.unfanbtn{
	height:30px;
	background:#4C75A3;
	font-size:13px;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	margin-left:30%;
	margin-top:20px;
	cursor:pointer;
	border-radius:20px;
	text-decoration:none;
	padding-top:8px;
	float:left;
}

.messagebtn {
	text-decoration:none;
	color:#334;
	padding-left:10px;
	padding-right:10px;
	height:10px;
	border-radius:20px;
	border:1px solid #334;
	margin-bottom:10px;	
	float:left;	
	padding-top:10px;
	padding-bottom:20px;
	margin-top:17px;
	margin-left:4%;
	font-size:12px;
}

.miniEminence{
	margin-top:20px;
}

.a_little_margin_bottom {
	margin-bottom:15px;
}


#miniInfo{
	margin:0;
	float:left;
}


#floatInfocrush a{
	text-decoration:none;
	margin-left:8%;
	color:#4C75A3;
}

#floatInfocrusher a{
	text-decoration:none;
	margin-left:11%;
	color:#4C75A3;
}

#Credit-Information {
	margin:0;
	float:left;
	width:70%;
}

.minihomediv{
	float:left;
	width:100%;
}

#searchh3two {
	float:left;
	margin-left:5%;
	margin-right:60%;
}

.minihomedivs{
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
}

.creditpicture {
	float:left;
	width:10%;
	height:50px;
	border-radius:50%;
	margin-bottom:20px;
	margin-right:20px;
	margin-top:20px;
}
#floatminiInfo{
	margin-left:100px;
	color:#4C75A3;
}


#floatminiInfo{
	margin-left:100px;
	color:#334;
}

#floatviewInfo a {
	margin-left:14px;
	color:#334;
	text-decoration:none;

}

#passh3 {
	margin-top:50%;
}

.friends a{
	float: right;
}

#blackfloatminiInfo{
	margin-left:100px;

}

#floatminiInfo a {
	text-decoration:none;
	color:#4C75A3;
}

#floatInfo a {
	text-decoration:none;
	margin-left:6%;
	color:#334;
}

#floatInfos a {
	text-decoration:none;
	margin-left:11%;
	color:#334;
}

#floatedInfo a {
	text-decoration:none;
	color:#4C75A3;
	margin-left:2%;
}

#bluenum a {
	text-decoration:none;
	margin-left:3%;
	color:#334;
}

#bluenumber a {
	text-decoration:none;
	margin-left:3%;
	color:#334;
}

#bluenumber2 a {
	text-decoration:none;
	margin-left:10.5%;
	color:#334;
}

#floatminiInformation a {
	text-decoration:none;
	color:#4C75A3;
	margin-left:2.5%;
}

#floatminiInformationU a {
	text-decoration:none;
	color:#334;
	margin-left:3%;
}

#Info{
	float:right;
	margin-right:150px;
}

#Info{
	float:right;
	margin-right:150px;
}

aside .sidebar{

	float:right;
	margin:0;
}


#home p a{
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
}

#home2 p a{
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
}

#smallhome p a{
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
}


.upload Input {
	margin-left:20%;
	margin-bottom:20px;
}

.uploadPic {
	margin-left:15%;
	margin-bottom: 30px;
}

.upload_butt {
	display:inline-block;
	background:#4C75A3;
	color:white;
	padding:9px 20px;
	border-radius:8px;
	cursor:pointer;
	font-size:12px;
	transition:0.3s;
	float:left;
	margin-bottom:40px;
	margin-right:70%;
}

.upload_butts {
	display:inline-block;
	background:#4C75A3;
	color:white;
	padding:9px 20px;
	border-radius:8px;
	cursor:pointer;
	font-size:12px;
	transition:0.3s;
	float:left;
	margin-bottom:40px;
	margin-top:25px;
}

.upload-btn:hover {
	background:#9CB2CE;
}

.choosestyle {
	color:#334;
	text-decoration:none;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;	
	border-radius:5px;	
	font-size:10px;
	float:left;

}

.choosestyles {
	color:#334;
	text-decoration:none;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;	
	border-radius:5px;	
	font-size:10px;
	float:left;

}

.choose {
	color:#334;
	float:right;
	text-decoration:none;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;	
	border-radius:5px;	
	font-size:10px;
	margin-top:9px;
}


.undoc {
	color:#334;
	float:right;
	text-decoration:none;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;	
	border-radius:5px;	
	font-size:10px;
	margin-top:9px;
}


#trophyp{
	float:left;
}

#board_h4 {
	margin-top:20px;
	width:100%;
	float:left;
}

.view {
	color:#9CB2CE;
	text-decoration:none;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;	
	border-radius:5px;	
	font-size:10px;
	margin-right:5%;
	margin-left:2%;
	margin-top:9px;
}





.viewer {
	color:#334;
	float:right;
	text-decoration:none;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;	
	border-radius:5px;	
	font-size:10px;
	margin-right:5%;
	margin-left:2%;
	margin-top:9px;	
}

.viewered {
	color:#334;
	float:right;
	text-decoration:none;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;	
	border-radius:5px;	
	font-size:10px;
	margin-right:5%;
	margin-left:2%;
	margin-top:9px;	
}

.credittrophy {
	float:left;
	width:95%;
	margin-bottom: 20px;
}



#Homeinfos {	
	float:left;
	width:43%;
	background:#ffffff;
	margin-top: 20px;
	border-radius:10px;
	overflow:auto;
	height:500px;
	scroll-behavior:smooth;

}

#edit {
	text-align:center;
	width:83%;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	margin-left:7%;
	margin-right:7%;
}

#commentaside {
	float:left;
	width:43%;
	background:#ffffff;
	margin-top: 20px;
	border-radius:10px;
	overflow:auto;
	height:500px;
	scroll-behavior:smooth;
}

#paddings {
	margin-left:5%;
}

#page_trip {
		margin-left:5%;
	margin-right:5%;
}
	
#comment_asides {
	float:right;
	width:43%;
	background:#ffffff;
	margin-top:20px;
	border-radius:10px;
	overflow:auto;
	height:500px;
	scroll-behavior:smooth;
	
}

.invite_whatsapp {
	text-align:center;
	height:40px;
	width:83%;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	margin-left:7%;
	margin-right:7%;	
	background:#9CB2CE;
	color:#ffffff;
}

#invite_friend {
	margin-left:40%;
}

#invite_p {
	margin-bottom:40px;
}

#comment_asides h3 {
	margin-left:5%;
}

#tripcomment {
	float:right;
	width:40%;
}

#commentasides {
	float:left;
	width:43%;
	background:#ffffff;
	margin-top: 20px;
	border-radius:10px;
	overflow:auto;
	height:500px;
	scroll-behavior:smooth;
}

.facpad {
	padding-left:3%;
	padding-right:3%;
}

#campus-nav {
	float:none;
	margin:0;
	margin-top:18px;
}
#commentasides a {
	text-decoration:none;
}

#fac {
	width:100%;
	float:left;
	margin:0;
	margin-bottom:10px;
}

.faculty_pad {
	margin-left:2%;
	margin-right:2%;
}

#Homeinfo {	
	float:right;
	width:43%;
	background:#ffffff;
	margin-top:20px;
	border-radius:10px;
	margin-top:20px;	
	overflow:auto;
	height:500px;
	scroll-behavior:smooth;	
}

#Homeinfo2 {	
	float:right;
	width:43%;
	background:#ffffff;
	margin-top:20px;
	border-radius:10px;
	margin-top:20px;	
	overflow:auto;
	height:500px;
	scroll-behavior:smooth;	
}


#Homeinfo input {
	width:80%;
	height:28px;
	margin-left:8%;
	margin-bottom:10px;
}

#Homeinfo2 input {
	width:80%;
	height:28px;
	margin-left:8%;
	margin-bottom:10px;
}

#Homeinfo label{
	margin-left:8%;
}

#Homeinfo2 label{
	margin-left:8%;
}

#Homeinfo select{
	margin-left:8%;
	height:28px;
}

#Homeinfo2 select{
	margin-left:8%;
	height:28px;
}


#Homeinfos input {
	width:80%;
	height:40px;
	margin-left:8%;
	margin-bottom:10px;
}

#Homeinfos label{
	margin-left:8%;
}

#Homeinfos select{
	margin-left:8%;
	height:40px;
}

#memorable_paragraph {
	margin-left:8%;
}

#friendparagraph {
	margin-left:8%;
}

#smallfriendparagraph {
	margin-left:8%;
	font-size:11px;
}

.update {
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:20px;
	border-radius:4px;
	margin-top:10px;
	margin-right:44%;
	margin-left:38.5%;
}

.homefooter{
	margin-top:180px;
}


.homefooters{

}


.homeclassfooter {
	margin-top:3300px;
}

#homecreditfooter {
	margin-top:2200px;	
}

.hometripcreditfooter {
	margin-top:1700px;
}

#subNav nav{
	
	margin-top:12px;
}

#subNav .highlight, #subNav .current a{
	color:#9CB2CE;
	font-weight:bold;
}

#subNav a:hover{
	color:#808080;
	font-weight:bold;
}

#subNav li{
	display:inline;
	padding: 0 20px 0 20px;
}

#subNav p{
	margin-top:20px;
}

#subNav a{
	text-decoration:none;
	margin-left:50px;
	color:#4C75A3;
}


.getfriends {
	text-decoration:none;
	width:3%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:13px;
}

.LogoutBtn {
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:100px;
	border-radius:4px;
	margin-top:2px;
	margin-right:5px;
	margin-left:26%;
}


.usersLogoutBtn {
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:90px;
	border-radius:4px;
	margin-top:10px;
	margin-left:48%;
}

.userLogoutBtn {
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:40px;
	border-radius:4px;
	margin-top:10px;
	margin-left:39%;
}

.previous {
	background:#4C75A3;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
	padding-top:8px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:50px;
	padding-bottom:8px;
	border-radius:4px;
	margin-top:10px;
	margin-right:10px;
	margin-left:30%;
	border:0;
}

.previousx2 {
	background:#4C75A3;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
	padding-top:8px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:50px;
	padding-bottom:8px;
	border-radius:4px;
	margin-top:10px;
	margin-right:10px;
	margin-left:30%;
	border:0;
}

.previous2 {
	background:#4C75A3;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
	padding-top:8px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:50px;
	padding-bottom:8px;
	border-radius:4px;
	margin-top:10px;
	margin-right:10px;
	margin-left:30%;
	border:0;
}

.previousx {
	background:#4C75A3;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
	padding-top:8px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:50px;
	padding-bottom:8px;
	border-radius:4px;
	margin-top:10px;
	margin-right:10px;
	margin-left:33%;
	border:0;
}

.previousxr {
	background:#4C75A3;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
	padding-top:8px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:50px;
	padding-bottom:8px;
	border-radius:4px;
	margin-top:10px;
	margin-right:10px;
	margin-left:30%;
	border:0;
}

.courses_boxes {
	width:100%;
	float:left;
}

#messageBox2 {
	width:95%;
	height:30px;
	margin-bottom:20px;
	border:10px;
	border:1px solid #334;
	border-radius:30px;
	padding-left:20px;
	padding-top:20px;
	float:left;
}

#lecturer2 {
	width:24%;
	height:30px;
	margin-right:6%;
	border:10px;
	border:1px solid #334;
	border-radius:30px;
	padding-left:20px;
	padding-top:20px;
	float:left;
	margin-bottom:20px;
}

#units2 {
	width:24%;
	height:30px;

	border:10px;
	border:1px solid #334;
	border-radius:30px;
	padding-left:20px;
	padding-top:20px;
	float:left;
}

#code {
	width:24%;
	height:30px;
	margin-left:6%;
	border:10px;
	border:1px solid #334;
	border-radius:30px;
	padding-left:20px;
	padding-top:20px;
	float:left;
}

.submit2 {
	background:#9CB2CE;
	border:0;
	padding-left:50px;
	text-decoration:none;
	padding-right:50px;
	color:#ffffff;
	cursor:pointer;
	float:left;
	margin-bottom:30px;
	border-radius:4px;
	font-size:12px;
	padding-top:7px;
	padding-bottom:7px;
	margin-left:2%;
	margin-right:98%;
}

.nextx {
	background:#4C75A3;
	text-decoration:none;
	padding-left:30px;
	padding-right:30px;
	font-size:12px;
	padding-top:8px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:40px;
	padding-bottom:8px;
	border-radius:5px;
	margin-top:10px;
	margin-right:4%;
	border:0;
}

.next {
	background:#4C75A3;
	text-decoration:none;
	padding-left:30px;
	padding-right:30px;
	font-size:12px;
	padding-top:8px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:40px;
	padding-bottom:8px;
	border-radius:5px;
	margin-top:10px;
	margin-right:4%;
	border:0;
}

.prev {
	background:#9CB2CE;
	text-decoration:none;
	padding-left:26px;
	padding-right:26px;
	font-size:9px;
	padding-top:3px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	padding-bottom:3px;
	border-radius:4px;
	margin-right:6%;
}


.nex {
	background:#9CB2CE;
	text-decoration:none;
	padding-left:26px;
	padding-right:26px;
	font-size:9px;
	padding-top:3px;
	color:#ffffff;
	float:left;
	cursor:pointer;
	margin-bottom:40px;
	padding-bottom:3px;
	border-radius:4px;
	border:0;
}


.prevr {
	background:#9CB2CE;
	text-decoration:none;
	padding-left:30px;
	padding-right:30px;
	font-size:9px;
	padding-top:10px;
	color:#ffffff;
	float:right;
	cursor:pointer;
	margin-top:150px;
	padding-bottom:10px;
	border-radius:4px;
	margin-right:2px;
	border:0;
}


.nexr {
	background:#9CB2CE;
	text-decoration:none;
	padding-left:30px;
	padding-right:30px;
	font-size:9px;
	padding-top:10px;
	color:#ffffff;
	float:right;
	cursor:pointer;
	margin-top:150px;
	padding-bottom:10px;
	border-radius:4px;
	margin-right:2px;
	border:0;
}

.bff {
	margin-left:20%;
}

.bbfstyle {
	text-decoration:none;
	margin-left:15%;
	color:#4C75A3;	
}

#noResult {
	color:#FF0000;
	margin-left:5%;
	float:left;
}

#noResult2 {
	color:#FF0000;

	float:left;
}

#noResults {
	color:#FF0000;
	margin-left:5%;
	float:left;
}


.EditBtn{
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:30px;
	padding-right:30px;
	color:#ffffff;
	cursor:pointer;
	margin-bottom:40px;
	border-radius:4px;
	margin-top:2px;
	float:left;
	margin-left:37%;
}

.creditheaderText {
	margin-bottom:20px;
}


.homefooter{
	height:30px;
}

.PhotoPic {
	margin-left:13%;
	margin-bottom: 20px;
	margin-top:20px;
}

.female {
	color:#FFC0CB;
}

.male {
	color:#FF5733;
}

#tripping {
	margin:0;
}

.newstyle {
	float:left;
	margin-top:20px;
	width:100%;
}

.bestiesanchor {
	text-decoration:none;
	color:#ffffff;
	border:1px solid #7C4DFF;
	padding-top:12px;
	padding-bottom:12px;
	padding-right:20px;
	border-radius:20px;
	font-size:15px;	
	background:#7C4DFF;		
}

.friendsanchor {
	text-decoration:none;
	color:#334;
	border:1px solid #F0F0F0;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:20px;
	padding-right:40px;
	border-radius:20px;
	font-size:15px;	
	background:#F0F0F0;	
	margin-left:2%;
}

#anchorpic {
	width:5%;
	margin-top:30px;
	padding-top:20px;
	margin-left:4%;

}

.connav {
	float:left;
	width:100%;
}

#anchorpics {
	width:6%;
	margin-top:10px;
	padding-top:10px;
}

.numbers {
	display:flex;
	float:left;
}

#minivert {
	float:right;
	margin-top:45px;
	margin-left:5%;
	cursor:pointer;
}

.iconsmini{
	float:left;
	margin-top: 20px;
}

#icons1 {
	width:17%;
	margin-top:20px;
	float:left;
    animation: heartbeat 1.2s ease-in-out infinite;
     filter: drop-shadow(0 0 10px red);
}


@keyframes heartbeat{

    0%{
        transform: scale(1);
        filter: drop-shadow(0 0 10px #4C75A3);
    }

    25%{
        transform: scale(1.1);
        filter: drop-shadow(0 0 25px #4C75A3);
    }

    40%{
        transform: scale(1);
        filter: drop-shadow(0 0 10px #4C75A3);
    }

    60%{
        transform: scale(1.1);
        filter: drop-shadow(0 0 25px #4C75A3);
    }

    100%{
        transform: scale(1);
        filter: drop-shadow(0 0 10px #4C75A3);
    }

}

#icons3 {
	width:17%;
	margin-top:20px;
	float:left;
    animation: heartbeat2 1.2s ease-in-out infinite;
    filter: drop-shadow(0 0 10px red);
}


@keyframes heartbeat2{

    0%{
        transform: scale(1);
        filter: drop-shadow(0 0 10px #FF6EC7);
    }

    25%{
        transform: scale(1.1);
        filter: drop-shadow(0 0 25px #FF6EC7);
    }

    40%{
        transform: scale(1);
        filter: drop-shadow(0 0 10px #FF6EC7);
    }

    60%{
        transform: scale(1.1);
        filter: drop-shadow(0 0 25px #FF6EC7);
    }

    100%{
        transform: scale(1);
        filter: drop-shadow(0 0 10px #FF6EC7);
    }

}

.popup-menu{

    position: absolute;

    top: 70px;
    right: 0;

    width: 220px;

    background: #ffffff;

    border-radius: 18px;

    overflow: hidden;

    box-shadow: 0 0 25px rgba(0,0,0,0.4);

    opacity: 0;
    visibility: hidden;

    transform: translateY(-10px) scale(0.95);

    transition: 0.25s;

}

/* Show popup */
.popup-menu.show{

    opacity: 1;

    visibility: visible;

    transform: translateY(0) scale(1);
}

/* Menu links */
.popup-menu a{

    display: block;

    padding: 15px 18px;

    color: black;

    text-decoration: none;

    transition: 0.2s;
}

.popup-menu a:hover{

    background: #f0f0f0;
}

#redicon {
	width:12%;
	float:left;
	margin-right:5%;
}

#redicon2 {
	width:12%;
	float:left;
	margin-right:5%;	
}
#redicon3 {
	width:12%;
	float:left;
	margin-right:5%;	
}

#bestienav {
	margin-right:53%;
	margin-left:5%;
	padding-bottom:0;
}

#bestienavN {
	margin-left:5%;
	margin-right:31%;
}	

#friendsnavN {
	margin-right:45%;
	margin-left:28%;
}

.connectionnavs {
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

.connectionnavs p {
	float:left;
	display:flex;
	margin-right: 20%;
	padding-top:0;
	margin-top:0;
}

#bestienav1 {
	margin-right:35px;
	margin-left:20%;
}

#friendsnav {
	margin-right:42%;
	padding-bottom:0;
	margin-left:5%;
}

#friendsnav1 {
	margin-right:35px;
	margin-left:20%;
}

#crushnav {
	
	padding-bottom:0;
}

#crushnav1 {
	margin-right:35px;
	margin-left:20%;
}

#bestienavs {
	margin-right:40%;
	margin-left:7%;
}

#friendsnavs {
	margin-right:39%;
}

#crushnavss {
	margin-right:0;
	margin-left:0;
}

#crushnavssN {
	margin-right:0;
	margin-left:0;
}

#iconsminiimg {
	width:14%;
	margin-top:20px;
	float:left;
	margin-left:28%;	
}

.connectionnav {
	float:left;
	display:flex;
	padding-bottom:0;
}

#icons2 {
	width:11%;
	float:left;
	margin-top:33px;
	margin-left:30%;
}

#newstyle {
	float:left;
	width:12%;
	border-radius:50%;
	height:50px;
	margin-top:15px;
	border: 1px solid red;	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;	
	margin-right:3%;
}


#popup, #popups{

    display: none;

    position: absolute;
}

#movethis {
	margin-left:4%;
}

.bios {
	width:100%;
	float:left;
}

#bio {
	margin-top:20px;
	width:100%;
}

#chat_pic {

}

#search-paragraph {
	font-size:11px;
	float:left;
	margin-right:88.5%;
	margin-top: 0;
}

#search-paragraph_now {
	font-size:11px;
	float:left;
	margin-right:8%;
	margin-left:5%;
	margin-top: 0;
}

#search-paragrapher {

	float:left;
	margin-left:5%;
	margin-top: 0;
}

.editprofileinfo input {
	margin-top:40px;
}

#faculty_students {
	float:left;
	margin-left:40.3%;
}

.search img{
	width:10%;
	float:left;
	margin-right:1%;
	cursor:pointer;
	border-radius:50%;
	height:60px;
	margin-bottom:20px;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;	
}

#barbie_room {
	float:left;
	margin-left:5%;
	color:hotpink;
}

#ken_room {
	float:left;
	margin-left:10%;
}

#admin_page {
	text-decoration:none;
	margin-bottom:20px;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:10px;	
	float:left;
	margin-right:70%;
}

.navclass51 {
	padding-top:10px;
	padding-bottom:10px;
	flex-shrink:0;
	justify-content:center;
	align-items:center;
	width:23%;
}	

#no_info_yet {
	display:none;
}

#mostrecents1 {
	margin-left:36%;
}

#welcome_p {
	float:left;
}

.search p {
	font-size:15px;
	float:left;
}

#board_p{
	float:left;
}

.search {
	padding-left:5%;
	float:left;
	width:90%;
}

.useridview {
	text-decoration:none;
	width:3%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:10px;	

}

.useridview2 {
	text-decoration:none;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:10px;	
	float:left;

}

.useridviewS {
	text-decoration:none;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius:9px;
	font-size:10px;
	float:right;
	margin-top:10px;	

}

.vieweded {
	text-decoration:none;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius:9px;
	font-size:10px;
	float:right;
	margin-top:10px;	
}

#students_hr {
	margin-bottom:25px;
}

.getuserphotocomment img{
	width:10%;
	float:left;
	margin-right:2%;
}

.getuserphotocomment p {
	font-size:12px;
}

.commentsection img {
	width:10%;
	float:left;
	margin-right:2%;
	border-radius:10px;
	margin-top:12px;
	height:70px;
	border:1px solid #334;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;	
}

.commentsections img {
	width:10%;
	float:left;
	margin-right:2%;
	border-radius:10px;
	margin-top:12px;
	height:70px;
	border:1px solid #334;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;	
}

.commentsectioner img {
	width:10%;
	float:left;
	margin-right:2%;
	border-radius:10px;
	margin-top:12px;
}

#deleteanycomment {
	font-size:10px;
	margin-bottom:15px;
	margin-left:5%;
	float:left;
	margin-right:10%;
	margin-top:10px;
}

#deleteanycomment2 {
	font-size:10px;
	margin-bottom:15px;
	margin-left:5%;
	float:left;
	margin-right:32%;
}

#deleteanycomments {
	font-size:10px;
	margin-bottom:30px;
	margin-left:5%;
	margin-top:20px;
}

.commentsection p {
	font-size:12px;
}

.commentsections p {
	font-size:12px;
}

.commentsection {
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	padding-left:10px;
	padding-bottom:2%;
	padding-top:0.1%;
	margin-bottom: 20px;
	float:left;
	width:86%;
	margin-left:5%;
	word-break:break-word;	
	padding-right:20px;	
	margin-top:20px;

}

.commentsections {
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	padding-left:10px;
	padding-bottom:2%;
	padding-top:0.1%;
	margin-bottom: 20px;
	float:left;
	width:85%;
	margin-left:5%;
	word-break:break-word;	
	padding-right:20px;
	margin-right:5%;	
}

.commentsectioner {
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius:20px;
	padding-left:2%;
	padding-bottom:2%;
	padding-top:0.1%;
	margin-bottom: 20px;
	margin-left:5%;
	margin-right:5%;	
}


.commentsectioner p {
	font-size:12px;
}

.getuserphotocomment a {
	text-decoration:none;
	width:3%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:10px;
}

#paramove {
	margin-left:5%;
}

.viewprofile {
	text-decoration:none;
	width:3%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:10px;
}

.join_course {
	text-decoration:none;
	margin-top:50px;
	float:right;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	padding-right:30px;
	border-radius:9px;
	font-size:10px;	
	color:#334;

}

.leave_course {
	text-decoration:none;
	margin-top:50px;
	float:right;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius:9px;
	font-size:10px;	
	color:#334;

}

#rem {
	height:20px;
	width:10%;
	float:left;
	margin-left:0;
	margin-top:15px;

}

.label_rem {
	float:left
	width:100%;
	padding:0;
	margin-left:0;
}

#remember {
	float:left;
	margin-right:30%;
	margin-left:0;
}


.viewprofile2 {
	text-decoration:none;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:10px;
	margin-right:1%;
}

.cancel {
	text-decoration:none;
	color:#ffffff;
	border:1px solid red;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:10px;
	background:red;
	float:left;
	margin-right:1%;
}

.viewprofilers {
	text-decoration:none;
	width:3%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:10px;
}

.viewprofilex {
	text-decoration:none;
	width:3%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:10px;
}


.deletecomment {
	text-decoration:none;
	color:#334;
	float:right;
	margin-left:10px;
	margin-right:20px;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius:9px;
	font-size:10px;
}

.deletecomment .highlight, .deletecomment .current a{
	color:#9CB2CE;
	font-weight:bold;
}

.deletecomment a:hover{
	color:#808080;
	font-weight:bold;
}


#commentBox {
	margin-left:11%;
	margin-bottom:10px;
	height:30px;
	width:80%;
}


#messageBox {
	margin-left:11%;
	margin-bottom:10px;
	height:60px;
	width:80%;
	padding-top:10px;
	padding-left:10px;
	resize:none;
	border:1px solid #334;
	border-radius:20px;	
}

#floatcommentparagraph {
	text-align:center;
	margin:0;
}

#commenthr {
	margin-bottom:20px;
}

#floatcomment {
	text-align:center;
	width:25%;
	margin-left:32.5%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-bottom:5px;
	float:left;	
	margin-right:0;
}

#floatcommentP {
	text-align:center;
	width:25%;
	margin-left:32.5%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-bottom:5px;
	float:left;	
	margin-right:40%;
}

#floatcommentV {
	text-align:center;
	width:25%;
	margin-left:32.5%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-bottom:5px;
	float:left;	
	margin-right:50%;
}

#floatcomments {
	text-align:center;
	width:25%;
	margin-left:32.5%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-bottom:30px;
	float:left;	
	margin-right:40%;
}

.navsecondary {
	margin-top:20px;

}


#photodecoration {
	background:#9CB2CE;	
	text-align:center;
	text-decoration:none;
	width:30%;
	margin-left:5%;
	margin-top:40%;
	color:#ffffff;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	padding-right:50px;
	border-radius:5px;
	margin-bottom:30px;	
	
}


@keyframes beats {
	0% {transform: scale(1);}
	25% {transform: scale(1.2);}
	40% {transform: scale(1);}
	60% {transform: scale(1.2);}
	100% {transform: scale(1);}
}


#notificationdecoration {
	background:#9CB2CE;	
	text-align:center;
	text-decoration:none;
	width:30%;
	margin-top:40%;
	color:#ffffff;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:65px;
	padding-right:65px;
	border-radius:5px;
}

#publicboarddecoration {
	background:#9CB2CE;	
	text-align:center;
	text-decoration:none;
	width:20%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:0.5%;
}

#publicboarddecoration_class {
	background:#9CB2CE;	
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:0.5%;
}

#publicboarddecoration_class2 {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#334;
	float:left;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:0.5%;
}

#publicboarddecorationfac {
	background:#9CB2CE;	
	text-align:center;
	text-decoration:none;
	width:20%;
	color:#FFFFFF;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	margin-top:20px;	
	margin-bottom:20px;
	margin-right:0.5%;
}

.facultynav {

}

#morebr {
	margin-top:12px;
}


.enter {
	text-align:center;
	margin-right:5px;
	text-decoration:none;
	width:10%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	transition:0.3s;

}


.enter:hover {
	background:#9CB2CE;
	color:#ffffff;
	transform: scale(1.1);	
	border:1px solid #9CB2CE;	
}



#createcampus a:hover{
	color:#9CB2CE;
	font-weight:bold;
}


#privateboarddecoration {
	text-align:center;
	text-decoration:none;
	width:16%;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;		
}

#privateboarddecoration_class {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:35%;
	margin-left:20%;	
}

#privateboarddecoration_classC {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#ffffff;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:35%;
	background:#9CB2CE;	
}

#privateboarddecoration_classCx {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#334;
	float:left;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:35%;
}


#privateboarddecoration_class2 {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#ffffff;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:35%;
	margin-left:20%;
	background:#9CB2CE;	
}

#studentsdecorationss {
	background:#9CB2CE;	
	text-align:center;
	text-decoration:none;
	width:24%;
	float:left;
	color:#ffffff;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;		
}


#privateboarddecoration {
	text-align:center;
	text-decoration:none;
	width:20%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;		
}

.navclass6 {
	padding-top:10px;
	padding-bottom:10px;
	flex-shrink:0;
	justify-content:center;
	align-items:center;
	width:25%;
}	

#currentdecoration {
	background:#9CB2CE;	
	text-align:center;
	text-decoration:none;
	width:20%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;	
}


#currentdecoration2 {
	background:#9CB2CE;	
	text-align:center;
	text-decoration:none;
	width:20%;
	color:#ffffff;
	float:left;

	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;	
}



#studentsdecoration {
	text-align:center;
	text-decoration:none;
	width:22.6%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:2px;
}

#studentsdecoration_class {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:2px;
	margin-left:33%;
}

#studentsdecoration_class2 {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:2px;
	margin-left:33%;
}

#studentsdecoration_classF {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:2px;
	margin-left:33%;
}

#studentsdecoration_classT {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:2px;
	margin-left:14%;
}

#studentsdecoration_classTx {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:2px;
	margin-left:14%;
	background:#9CB2CE;	
}

#studentsdecoration_course {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#ffffff;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:2px;
	margin-left:33%;
	background:#9CB2CE;
}

#studentsdecoration_classx {
	background:#9CB2CE;
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:2px;
	margin-left:33%;
}

#studentsdecoration_class_excos {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:10%;
	margin-left:58%;
}

#studentsdecoration_class_excos2 {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:10%;
	margin-left:58%;
	background:#9CB2CE;
}



#studentsdecoration2 {
	text-align:center;
	text-decoration:none;
	width:22.5%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:2px;
}


#excodecoration {
	background:#9CB2CE;		
	text-align:center;
	text-decoration:none;
	width:22%;
	color:#ffffff;
	float:left;
	color:#ffffff;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;	
	margin-right:2px;
}

.exco_photo {
	width:10%;
	float:left;
	border-radius:50%;
	height:60px;
	color:#334;
	border:1px solid #4C75A3;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;	
}

.infodiver {
	margin-left:10px;
	float:left;
	width:80%;
}


#trophydecoration {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;	
	margin-left:60%;	
}

#trophydecoration__ {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;	
	margin-left:41%;	
}

#trophydecoration__T {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;	
	margin-left:14%;	
}

#trophydecoration__Txx {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	color:#ffffff;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;	
	margin-left:14%;
	background:#9CB2CE;	
}


#trophydecoration__1 {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;

	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;	
	margin-left:41%;	
	background:#9CB2CE;
}

#trophydecorationx {
	background:#9CB2CE;
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;	
	margin-left:60%;	
}

.credit_a {
	margin-left:2%;
	color:#4C75A3;
	text-decoration:none;

}


#trophydecorationtwo {
	background:#9CB2CE;		
	text-align:center;
	text-decoration:none;
	width:12%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:2px;		
}

#notify {
	margin-left:33%;
	margin-right:30%;
}

.second_notification {	
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:1%;
	margin-left:5%;	
	margin-bottom:50px;
	background:#9CB2CE;
}

.second_notification_in {	
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#334;
	float:left;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:5%;
	margin-left:5%;	
	margin-bottom:50px;
}

.navclasses {
	height:80px;
	flex-shrink:0;
	justify-content:center;
	align-items:center;
	width:40%;
}

.second_notification2 {
	background:#9CB2CE;		
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-left:12%;
}

.second_notification_inactive {	
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#334;
	float:left;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-left:12%;
}

.second_notificationc {	
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#334;
	float:left;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-left:12%;
}

#red_search {
	color:red;
}

.class_notification {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#334;
	float:left;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:1%;
	margin-left:19%;	
	margin-bottom:50px;
}

.class_notification_colored {
	text-align:center;
	text-decoration:none;
	width:100%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:1%;
	margin-left:19%;	
	margin-bottom:50px;
	background:#9CB2CE;		
}

.second_notification3 {
	background:#9CB2CE;		
	text-align:center;
	text-decoration:none;
	width:40%;
	color:#ffffff;
	float:left;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
	margin-right:5%;
	margin-left:5%;	
	margin-bottom:50px;
}

.second_notification4 {	
	text-align:center;
	text-decoration:none;
	width:40%;
	color:#334;
	float:left;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	margin-top:20px;
}

#blogdecorations{

	background:#9CB2CE;	
	text-align:center;
	text-decoration:none;
	width:30%;
	margin-top:40%;
	color:#ffffff;
	border:1px solid #9CB2CE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	padding-right:50px;
	border-radius:5px;
	margin-bottom:30px;
	transition:0.3s;	
}

#mynote {
	margin-bottom:30px;
	margin-top: 50px;
	margin-right:8%;
}

#lec {
	font-size:10px;
	margin-right:352px;
	margin-top:0;
	padding:0;

}

#coursename{
	float:left;
}

#note{
	text-decoration:none;
	font-size:12px;
	color:334;
	border-radius:5px;
	border: 1px solid #334;
	padding-top:9px;
	padding-bottom:9px;
	padding-right:100px;
	padding-left:100px;
	margin-top:20px;
	margin-left:6%;
	float:left;
	margin-bottom:40px;

}


#bloger {
	text-decoration:none;
	font-size:12px;
	color:334;
	border-radius:5px;
	margin-left:1%;
	border: 1px solid #334;
	padding-top:9px;
	padding-bottom:9px;
	padding-right:100px;
	padding-left:100px;
	margin-top:20px;
	float:left;
	margin-bottom:40px;

}

#notehr {
	float:left;
}

.intro {
	width:100%;
}

.bodynote {
	float:left;
	
	width:100%;
}

.bodynote1 {
	float:left;
	width:100%;
	padding-top:0;
	margin-left:1%;
}

.bodynote2 {
	float:left;
	width:100%;
	margin-left:6%;
}

.bodynote3 {
	float:left;
	width:100%;
}

#noted {
	margin-left:6%;
	font-size:12px;
}

.outputnotes {
	width:94%;
	float:left;
	word-break:break-word;		
}

.outputnotes2 {
	width:100%;
	float:left;
}

.intro {
	float:left;
}

.intro img{
	margin-top: 10px;
	margin-left:5%;
	width:10%;
	border-radius:50%;
	float:left;
	height:60px;
	margin-right:3%;
}

.floatinputs {
	float:left;
	margin-top:20px;
	width:100%;
}

.pad {
	padding-left:5%;
	padding-right:1%;	
}

#connect {
	float:left;
	margin-right:90%;
	margin-top:0;
	padding-top:0;
}


#myname {
	float:right;
	margin-right:63%;
	margin-top:20px;
}

#titlename {
	float:left;	
	margin-left:5%;
	padding:0;
}

.viewfullnote {
	text-decoration:none;
	float:left;
	text-align:center;
	width:20%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
	padding-right:40px;
	border-radius:5px;
	font-size:10px;
	margin-bottom:40px;
	transition:0.3s;	
	margin-left: 5%;
}

#coursename{
	float:left;
	padding-left:0;
}

#notername {	
	margin-top:10px;
	float:left;
}


#notertime {
	margin-top:13px;
	margin-left:4px;
	float:left;
	font-size:10px;

}

#lec {
	float:left;
	width:10%;
	margin-left:1%;

}

#title {
	margin-left:5%;
	width:137px;
	padding-left:10px;
	height:30px;
	border-radius:20px;
	border:1px solid #334;
	margin-bottom:30px;	
}

#diarywriter {
	margin-left:5%;
	width:87%;
	padding-left:10px;
	height:100px;
	border-radius:20px;
	border:1px solid #334;
	margin-bottom:30px;	
	float:left;	
	padding-top:10px;
	padding-left:10px;
}

#phototripping {
	height:50px;
}

#course {
	margin-left:1%;
	padding-left:10px;
	width:137px;
	height:30px;
	border-radius:20px;
	border:1px solid #334;
	margin-bottom:30px;	
}

#postnote {
	height:30px;
	background:#4C75A3;
	border:0;
	padding-left:20px;
	width:40%;
	padding-right:20px;
	color:#ffffff;
	margin-left:27%;
	cursor:pointer;
	margin-bottom:50px;
	border-radius:4px;
}

.deletenote {
	text-decoration:none;
	float:left;
	text-align:center;
	width:10%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	padding-right:50px;
	border-radius:5px;
	font-size:10px;
	margin-bottom:40px;
	transition:0.3s;	
	margin-left: 5%;

}

#lecturer {
	margin-left:1%;
	padding-left:10px;
	width:137px;
	height:30px;
	border-radius:20px;
	border:1px solid #334;
	margin-bottom:30px;		
}

#notewriter{
	width:90%;
	margin-left:5%;
	height:200px;
	border-radius:20px;
	border:1px solid #334;
	margin-bottom:30px;
	padding-top:10px;	
	padding-left:10px;
}

#notidecoration {
	text-align:center;
	text-decoration:none;
	width:30%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:67px;
	padding-right:67px;
	border-radius:5px;
	margin-bottom:30px;
	transition:0.3s;	
}

#notidecorationX {
	text-align:center;
	text-decoration:none;
	width:30%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:67px;
	padding-right:67px;
	border-radius:5px;
	margin-bottom:30px;
	transition:0.3s;	
}


#notidecorations {
	text-align:center;
	margin-left:5%;
	text-decoration:none;
	width:30%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	padding-right:50px;
	border-radius:5px;
	margin-bottom:30px;
	transition:0.3s;	
}



#notidecoration:hover {
	background:#9CB2CE;
	color:#ffffff;
	transform: scale(1.1);	
	border:1px solid #9CB2CE;	
}



#blogdecoration {
	text-align:center;
	text-decoration:none;
	width:70%;
	margin-top:40%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
	padding-right:45px;
	border-radius:5px;
	margin-bottom:30px;	
}

#movethisphoto {
	float:left;
	margin-top: 30px;
	margin-left:16%;
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	transition: 0.1s ease;
}

#movethisphoto:hover {
	transform:scale(0.9);
}



#movethisphoto2 {
	float:left;
	margin-top: 30px;
	margin-left:22%;
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;	
	transition: 0.1s ease;

}

#movethisphoto2:hover {
	transform:scale(0.9);
	background:#f94449;
	color:#ffffff;	
	border:1px solid #ffcbd1;		
}

#movethisphoto3 {
	float:left;
	margin-top: 30px;
	margin-left:25%;
	margin-right: 10%;
	border: 1px solid #334;
	border-radius:50%;	
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	transition: 0.1s ease;	
}

#blogdecoration:hover {
	background:#9CB2CE;
	color:#ffffff;
	transform: scale(1.1);	
	border:1px solid #9CB2CE;	
}

#movethisphoto3:hover {
	transform:scale(0.9);
}

.commentsubmit {
	background:#9CB2CE;
	border:0;
	padding-left:20px;
	text-decoration:none;
	padding-right:20px;
	color:#ffffff;
	cursor:pointer;
	margin-bottom:40px;
	border-radius:4px;
	font-size:12px;
	padding-top:7px;
	padding-bottom:7px;
}

#commentsubmit a {
	background:#9CB2CE;
	text-decoration:none;
	border:0;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	color:#ffffff;
	cursor:pointer;
	margin-bottom:30px;
	border-radius:4px;
} 


.getout {
	display:none;
}


.creditinfo a{
	color:#4C75A3;
	margin-left:10px;
	text-decoration: none;
	margin-top:15px;
}

.creditinfob a{
	font-size:10px;
	margin-left:-5%;
	float:left;
	margin-top:0;	
	margin-right:1%;
	text-decoration:none;
	color:#4C75A3;		
}

.creditinfor a{
	color:#4C75A3;
	text-decoration: none;
	font-size:14px;
	margin-left:1%;
	margin-top: 20px;
	float:left;
	width:100%;
}


p .HomeminiInfo {
	font-size:3px;
} 

.homefooter {
	margin-top:2000px;
}

.picturefooter{
	margin-top:800px;
	height:30px;
}

#editcreditfooter {
	margin-top:3200px;
}

.friendtocenter {
	text-decoration:none;
	text-align:center;
	width:93%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:13px;
	float:left;
	margin-right:2%;
	margin-bottom:40px;
	margin-top:20px;
	margin-left:2%;

}

.friendtocenterx {
	text-decoration:none;
	text-align:center;
	width:41%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:13px;
	float:left;
	margin-right:2%;
	margin-bottom:40px;
	margin-top:20px;
}

.friendtocenters {
	text-decoration:none;
	text-align:center;
	width:45%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:13px;
	float:left;
	margin-right:2%;
	margin-bottom:40px;
	margin-top:20px;
}

#fans_move {
	margin-left:5%;
	float:left;
	margin-right:40%;
}

#fans_moveX {
	
	float:left;
	margin-right:80%;
}


.friendbylist {
	text-decoration:none;
	text-align:center;
	width:20%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:13px;
	float:left;

	margin-right:2%;
	margin-bottom:40px;
	margin-top:20px;
}

.displayNo {
	display:none;
}

.createfriend {
	text-decoration:none;
	text-align:center;
	width:45%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:13px;
	float:left;

	margin-right:2%;
	margin-bottom:40px;
	margin-top:20px;
}

.createfriendx {
	text-decoration:none;
	text-align:center;
	width:50%;
	color:#334;
	border:1px solid #334;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-radius:9px;
	font-size:13px;
	float:left;

	margin-right:2%;
	margin-bottom:40px;
	margin-top:20px;
}

#indexnaver1 {
	display:none;
}

#pennav_home {
	display:none;
}


#pennav_home2 {
	display:none;
}

/*index page media queries**/

@media (min-width:1142px) and (max-width:1285px) {
	.indexnav {
		float:left;
		height:480px;
		background:#ffffff;
		margin-top:20px;
		width:5%;
		border-radius:10px;
		margin-left:3%;
		padding-bottom:30px;	
		padding-left:0%;	
	}

	#pennav {
		padding-top:7px;
		padding-bottom:7px;
		padding-right:7px;
		padding-left:7px;
	}

	#pennavs {
		margin-left:15%;
		margin-top:18px;
		border: 1px solid #334;
		border-radius:50%;	
		padding-top:7px;
		padding-bottom:7px;
		padding-right:7px;
		padding-left:7px;
		transition: 0.1s ease;
	}	


	header input {

		width:400px;
	}

}

@media (max-width:1142px) and (min-width:1024px) {
	.indexnav {
		float:left;
		height:480px;
		background:#ffffff;
		margin-top:20px;
		width:5%;
		border-radius:10px;
		margin-left:3%;
		padding-bottom:30px;	
		padding-left:0%;	
	}

	#pennav {
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:5px;
	}

	#pennavs {	
		padding-top:7px;
		padding-bottom:7px;
		padding-right:7px;
		padding-left:7px;
		transition: 0.1s ease;
	}	

	header input {
		width:300px;
	}

	#pennav1 {
		margin-top:4.8px;
	}

	#show {
		padding-bottom:25px;
	}

}

@media (max-width:1024px) and (min-width:554px) {


	#show h1 {
		font-size:25px;
	}

	.indexnav {
		float:left;
		height:480px;
		background:#ffffff;
		margin-top:20px;
		width:5%;
		border-radius:10px;
		margin-left:3%;
		padding-bottom:0;		
	}

	#pennav {
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:5px;
		width:47%;
	}

	#pennavs {	
		padding-top:7px;
		padding-bottom:7px;
		padding-right:7px;
		padding-left:7px;
		transition: 0.1s ease;
	}	

	header input {
		width:300px;
	}

	#pennav1 {
		margin-top:4.8px;
	}

	#show {
		padding-bottom:25px;
	}

	header li{
		padding: 0 10px 0 10px;
	}	

}

@media (max-width:916px) and (min-width:768px) {

	.indexnav {
		padding-right:4px;	
	}

	#pennav {
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:5px;
		width:47%;
	}

	#pennavs {	
		padding-top:7px;
		padding-bottom:7px;
		padding-right:7px;
		padding-left:7px;
		transition: 0.1s ease;
	}	

	header input {
		width:280px;
	}

}

@media (max-width:890px) and (min-width:768px) {

	header input {
		width:200px;
	}

}

@media (max-width:823px) and (min-width:768px) {

	#show h1 {
		font-size:20px;
	}

}


@media (max-width:801px) and (min-width:768px) {

	header input {
		width:220px;
	}

	header li{
		padding: 0 5px 0 5px;
	}		

	#show {
		margin-left:5px;
		padding-bottom:40px;
	}

	#show h1 {
		font-size:18px;
	}

	#show h3{
		font-size:15px;
	}	

}

@media (max-width:772px) and (min-width:768px) {

	header input {
		width:200px;
	}	

	#show {
		margin-left:0;
		padding-bottom:40px;
	}
}


/* Tablet **/


@media (max-width:768px) and (min-width:320px) {

	.indexnaver {
		display:none;
	}

	.indexnav {
		display:none;
	}

	header {
		background:#4C75A3;
		color:#ffffff;
		padding-top:20px;
		min-height:120px;
		width:100%;
		
	}

	header nav{
		float:none;
		margin-top:12px;
		margin-left:25%;
	}	

	header li{
		float:none;
		padding: 0 30px 0 30px;
		padding-bottom:20px;
	}

	header #branding{
		float:none;
		margin-left:38%;
		margin-bottom:10px;
	}

	#show {
		float:none;
		width:100%;
	}

	.pageback {
		margin-left:5%;
		margin-right:5%;
	}

	#indexx {
		float:none;
		width:102%;
		margin-bottom:0;
		padding-bottom:0;

	}

	#noaccount {
		margin-left:24.4%;
	}

	#top_photo {
		margin-top:20px;
	}

	header input {
		border:0;
		height:20px;
		width:430px;
		margin-bottom:10px;
	}


	#show {
		margin-left:5px;
		padding-bottom:40px;
	}

	#show h1 {
		font-size:25px;
	}

	#show_man {
		display:none;
	}

	#Register {
		float:none;
		width:90%;
		margin-left:5%;
		margin-right:5%;
		margin-bottom:0;
	}

	.signupFooter {
		margin-top:40px;
	}

	.chripmatelogo {
		margin-left:20%;
	}

	.signUpbtn2 {
		margin-left:43%;
	}

	#shower {
		float:none;
		width:80%;
		margin-left:5%;
		margin-right:5%;
	}

	.Terms {
		float:none;
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}

	footer {
		margin-top:20px;
	}

	/* friends by match list**/

	.friendtocenters {
		width:42%;
	}	

	.friends_match {
		width:15%;
	}

	/* choose friends by match**/

	#fakemargin {
		font-size:12px;
	}

	.photosize {
		width:15%;
	}

	.viewed {
		width:20%;
	}

	.createfriendx {
		width:45%;
	}

	/* profile fans**/

	.commentsections {
		padding-bottom:20px;
	}

	.commentsections img {
		width:20%;
		float:left;
		margin-right:2%;
	}

	/* a fan to **/

	.commentsection {
		margin-left:5%;
		
		width:10%;
	}

	#deleteanycomment {
		margin-right:5%;
	}

	.homebtnUploadcomment {
		margin-left:37%;
	}	

}







@media (max-width:720px) and (min-width:425px) {
	header input {
		width:400px;
	}
}

@media (max-width:681px) and (min-width:425px) {
	header input {
		width:380px;
	}
}

@media (max-width:654px) and (min-width:425px) {
	header input {
		width:350px;
	}
}

@media (max-width:615px) and (min-width:425px) {
	header input {
		width:300px;
	}
}

@media (max-width:549px) and (min-width:425px) {
	header input {
		width:260px;
	}

	header li{
		padding: 0 50px 0 6px;
	}	
}

@media (max-width:496px) and (min-width:425px) {
	header input {
		width:250px;
	}

	header li{
		padding: 0 50px 0 6px;
	}	
}

@media (max-width:483px) and (min-width:425px) {
	header input {
		width:230px;
	}

	header li{
		padding: 0 50px 0 1px;
	}	
}

@media (max-width:457px) and (min-width:425px) {
	header input {
		width:200px;
		margin-left:15px;
	}

	header li{
		padding: 0 50px 0 0px;
	}	

	.container_top {
		margin-left:20px;
	}
}


@media (max-width:437px) and (min-width:375px) {

	#show h1 {
		font-size:20px;
	}

	header input {
		width:190px;
		margin-left:15px;
	}

	header li{
		padding: 0 40px 0 0px;
	}	

	.signUpbtn2 {
		margin-left:38%;
	}


}

@media (max-width:425px) and (min-width:375px) {	

	.signUpbtn2 {
		margin-left:38.5%;
	}


}

@media (max-width:424px) and (min-width:375px) {	

	.container_top {
		margin-left:20px;
	}

	header input {
		font-size:10px;
		width:170px;
	}	

	#show h1 {
		font-size:15px;
	}

	#show h3 {
		font-size:15px;
	}	

}

@media (max-width:398px) and (min-width:375px) {	

	.container_top {
		margin-left:20px;
	}

	header input {
		font-size:10px;
		width:150px;
	}	

	#show h1 {
		font-size:15px;
	}

	#show h3 {
		font-size:15px;
	}	

	.Terms {
		padding-bottom:20px;
	}

	.Terms p{
		font-size:12px;
	}
}

/* phone media **/

@media (max-width:374px) {	

	header {
		padding-bottom:10px;
	}

	header a{

		font-size:10px;
	}

	header li{
		display:inline;
		padding: 0 29px 0 20px;
		margin-bottom:20px;
		margin-left:5%;
		margin-top:0;
	}

	header nav {
		margin-left:0;
		float:none;
	}

	header div #branding{
		margin-left:32%;
	}

	section.indexnaver {
		margin-left:0;
	}

	.indexnaver{
		display:block;
		width:20%;
		margin-left:0;
		float:left;
	}

	header input {
		font-size:10px;
		width:63%;
		margin-top:10px;
		margin-bottom:0;
	}

	#homeSearch {
		float:none;
		margin-left:0;
	}	

	#homeSearch button {
		font-size:10px;
	}

	#show h1 {
		font-size:20px;
	}

	#show h3 {
		font-size:10px;
	}

	#show h2 {
		font-size:25px;
	}	

	#show {
		margin-left:0;
	}

	.loginForm {
		width:100%;
		margin-left:0;
		padding-right:0;
	}

	.loginForm input {
		width:95%;
	}

	#loginbtnn {
		width:101%;
	}

	#signupBtn {
		margin-left:25%;
	}

	#top_photo {
		margin-bottom:0;
		margin-top:;
	}

	/* forgotten password **/

	#show2 {
		display:none;
	}

	#indexx2 {
		float:none;
		height:400px;
		width:100%;
	}

	#indexx3 {
		float:none;
		height:200px;
		width:100%;
		padding-top:0;
	}	

	#passh3 {
		float:left;
		margin-top:40px;
	}


	/* sign up **/

	#Register {
		margin-left:5%;
		margin-right:5%;
		padding-left:0;
	}

	#Register h3 {
		margin-left:6%;
	}

	#Register p{
		margin-left:6%;
		margin-right:1%;
		margin-bottom:20px;
	}

	#Register label {
		margin-left:6%;
	}

	.Inputx {
		margin-left:6%;
		width:86%;
	}

	.selectInputers {
		margin-left:6%;
		width:88%;
	}

	.signUpbtn2 {
		margin-left:35%;
	}

	.Loginerror {
		margin-right:5%;
		width:75%;
	}
	#shower{
	padding-bottom:20px;
	margin-left:5%;
	padding-left:5%;
	width:85%;
	margin-right:5%;

	}

	.Terms {
		width:91%;
	}

	/* sign up success **/

	#homeindex{
		float:none;
		width:96%;
		margin-left:2%;
		margin-right:2%;
		height:800px;
	}

	.editprofileifo {
		width:95%;
		font-size:12px;
	}	

	.upload_butt {
		width:40%;
		padding-left:15%;
	}

	.write-something {
		width:94%;
		padding-left:5%;
		margin-left:0;
		margin-right:20%;
	}

	.homebtnUploadxxx {
		margin-left:25%;
		margin-bottom:20px;
	}

	.selectInput {
		width:100%;
		margin-left:0;
		margin-right:5%;
	}

	.homebtnUploads {
		margin-top:30px;
		margin-left:33%;
	}

	.thankspage {
		margin-left:1%;
		margin-right:2%;
	}

	.favnav {
		display:none;
	}

	.homeBtn {
		margin-bottom:0;
	}

	.selectInput {
		width:100%;
	}

	.homebtnUploads {

	}
	#dep {
		width:100%;
		margin-left:0;
	}

	.selectInputers {
		width:102%;
		margin-left:0;
	}

	.selectInputersNew {
		width:87%;
		margin-left:6%;
	}	

	/* home page **/

	.containers {
		width:100%;
	}

	#pennav_home {
		width:10%;
		border:none;
		border-radius:50%;	
		padding-top:1px;
		padding-bottom:1px;
		padding-right:1px;
		padding-left:1px;
		margin-left:11%;
		float:left;
		margin-top:10px;
		display:block;
	}

	

	#pennav_home2 {
		width:10%;
		border:none;
		border-radius:50%;	
		padding-top:1px;
		padding-bottom:1px;
		padding-right:1px;
		padding-left:1px;
		margin-left:0;
		float:left;
		display:block;
	}	

	#indexnaver1 {
		display:block;
		float:left;
		width:0;
	}	
		

	#indexnaver2 {
		display:block;
		float:left;
		width:0;
	}		

	.containers input {
		margin-left:4%;
	}	

	.containers #branding h1 {
		margin-top:0;
		width:60%;
		float:left;
		margin-right:12px;
		margin-left:7px;
	}	

	.homeNav li {
		float:left;
		display:inline;
		padding: 0 30px 0 30px;
	}

	.navigation {
		display:none;
	}

	#home  {
		display:none;
	}

	#homephoto {
		width:100%;
		margin-top:0;
		float:none;
	}

	#homephotor {
		display:block;
		width:100%;
		margin-top:0;
		float:none;
		background:#ffffff;
	}




	#subNaver {
		margin-left:15%;
	}

	#subNaver2 {
		margin-left:12%;
	}	

	#line {
		width:98%;
		margin-left:1%;
		margin-right:1%;
	}

	#bottomLiner {
		width:98%;
		margin-left:1%;
		margin-right:1%;
	}


	#subNaver a{
		margin-right:16.2%;
	}

	#subNaver2 a{
		margin-right:12%;
	}	

	.navsecondary {
		width:100%;

	}

	#photodecoration {
		margin-left:1%;
		padding-left:20px;
		padding-right:20px;
	}

	#notidecoration {
		padding-left:35px;
		padding-right:35px;
	}

	#notidecorationX {
		padding-left:20px;
		padding-right:20px;
	}	

	#blogdecoration {
		padding-left:24px;
		padding-right:24px;
	}

	.bottom {
		width:100%;
		padding-bottom:20px;
		margin-top:0;
		margin-bottom:20px;
		margin-left:0;
		margin-right:0;
		height:60px;
		float:left;

	}

	#movethisphoto {
		margin-left:9%;
	}

	#movethisphoto2 {
		margin-left:23%;
	}

	#movethisphoto3 {
		margin-left:23%;
		margin-right:0;
	}	


	#photonum {
		position:absolute;
		top:20px;
		right:285px;
		background:#334;
		color:white;
		width:20px;
		height:20px;
		border-radius:50%;
		font-size:12px;
		display:flex;
		justify-content:center;
		align-items:center;
		font-weight:bold;
	}

	#notinum {
		position:absolute;
		top:20px;
		right:155px;
		background:red;
		color:white;
		width:20px;
		height:20px;
		border-radius:50%;
		font-size:12px;
		display:flex;
		justify-content:center;
		align-items:center;
		font-weight:bold;
	}

	#notenum {
		position:absolute;
		top:20px;
		right:27px;
		background:#334;
		color:white;
		width:20px;
		height:20px;
		border-radius:50%;
		font-size:12px;
		display:flex;
		justify-content:center;
		align-items:center;
		font-weight:bold;
	}

	.photosliding {
		width:100%;
		height:65px;
		margin-left:0;
	}

	.navphoto {
		margin-left:0;
		margin-right:5%;
		height:40px;
		flex-shrink:0;
		min-width:15%;
		justify-content:center;
		align-items:center;
	}			

	.fixed {
		width:100%;
	}	

	.mover {
		margin-right:0;
		margin-bottom:0;
		margin-left:0;
		width:10px;
	}

	#subNav li{
		display:inline;
		padding: 0 0 0 0;
	}

	#subNav p{
		margin-top:20px;
	}

	#subNav a{
		margin-left:33.3px;
	}

	.movers2 {
		margin-left:-7px;
	}

	.movers3 {
		margin-left:30px;
	}	

	.movers4 {
		margin-left:-20px;
	}		

	.movers5 {
		margin-left:38px;
	}	

	.mover_chat {
		margin-right:0px;
		margin-left:-12px;
	}

	.minimini {
		width:100%;
	}

	#smallimager2 {
		float:left;
		width:10%;
		border-radius:50%;
		border: 2px solid #334;
		height:40px;
		margin-left:6%;	
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:5px;
		animation: colorchange 10s infinite;
		margin-bottom:10px;
	}

	#username1 {
		font-size:12px;

	}

	#username2 {
		font-size:12px;
	}

	#edit_profile {
		display:none;
	}

	#infopics {
		font-size:12px;
	}

	#liker {
		width:7.5%;
		margin-right:0;
	}

	.homebtnUploadhome {
		margin-left:37%;
		float:none;
	}

	.homebtnUploadhomeNe {
		margin-left:37%;
		float:none;
	}	



	/* profile **/

	#homeimg{
		width:60%;
		margin-top:50px;
		margin-left:19%;
		margin-right:1%;
		border-radius:50%;
		height:220px;
		float:left;
		margin-bottom:20px;
		border: 2px solid deeppink;	
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:5px;
	}
	

	#homeimg2{
		width:60%;
		margin-top:50px;
		margin-left:19%;
		margin-right:1%;
		border-radius:50%;
		height:220px;
		float:left;
		margin-bottom:20px;
		border: 2px solid #4C75A3;	
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:5px;
	}


	.bed_photo {
		background-image: url("../images/bestP.png");
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		height:200px;
		width:100%;

	}	

	.bed_photo2 {
		background-image: url("../images/bestieB.png");
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		height:200px;
		width:100%;

	}

	#homephoto h3{
		text-align:center;
		margin-left:2%;
	}	

	#homephotor h3{
		text-align:center;
		margin-left:2%;
	}		

	#newstyle {
		width:17%;
	}

	.newstyle {
		width:100%;
		margin-left:0;
		margin-right:0;
	}

	#movethis {
		font-size:12px;
		margin-top:17px;
	}

	#bio {
		font-size:13px;
	}	

	#bestienav {
		margin-right:35%;
	}

	#friendsnav {
		margin-left:0;
		margin-right:24%;
	}

	#friendsnavs {
		margin-right:30%;
	}

	/* info.php **/

	#Homeinfo {	
		float:none;
		width:100%;
		margin-top:0;
	}	

	#Homeinfo2 {	
		display:none;
	}	

	#floatInfo a {
		margin-left:11%;
	}

	#floatminiInformation a {
		margin-left:5%;
	}	

	#bluenumber2 a {
		margin-left:17%;
	}

	#bluenumber a {
		margin-left:5.5%;
	}

	#blackfloatminiInfo {
		margin-left:32%;
	}

	#floatminiInfo {
		margin-left:32%;
	}

	.EditBtn {
		float:none;
		margin-left:40%;
	}	

	.homebtnUploadxx3 {
		float:none;
		margin-left:5%;
	}

	.homebtnUploadx {
		margin-left:36%;
	}

	/* chat **/

	.chatphotousers1 img {
		width:15%;
	}
	.navclass2 {
		padding-top:10px;
		padding-bottom:10px;
		flex-shrink:0;
		justify-content:center;
		align-items:center;
		width:25%;
	}	

	#others {
		width:100%;
	}

	#searchunis {
		width:79%;
		height:50px;
		border-radius:30px;
		margin-top:20px;
		padding-left:10px;
		border:1px solid #334;

	}	

	#campus-search {
		width:15%;
	}

	#chat_pic {
		width:15%;
	}

	.homebtnUpload {
		margin-left:37%;
		float:none;		
	}

	.homebtnUpload2 {
		margin-left:37%;
				
	}

	#bottomLine {
		margin-left:0;
		margin-right:0;
	}	

	#spanx {
		position:absolute;
		top:40px;
		left:270px;
		background:#4C75A3;
		color:white;
		width:20px;
		height:20px;
		border-radius:50%;
		font-size:12px;
		display:flex;
		justify-content:center;
		align-items:center;
		font-weight:bold;
	}	

	.photoslidings2 {
		margin-left:0;
	}


	.navclass3 {
		padding-top:10px;
		padding-bottom:10px;
		flex-shrink:0;
		justify-content:center;
		align-items:center;
		width:33%;
	}	

	.navclass1 {
		padding-top:10px;
		padding-bottom:10px;
		flex-shrink:0;
		justify-content:center;
		align-items:center;
		width:18%;
	}	

	.navclass4 {
		padding-top:10px;
		padding-bottom:10px;
		flex-shrink:0;
		justify-content:center;
		align-items:center;
		width:33%;
		margin-right:16px;
	}

	.navclass4N {
		padding-top:10px;
		padding-bottom:10px;
		flex-shrink:0;
		justify-content:center;
		align-items:center;
		width:33%;
		margin-right:16px;
	}		

	.navclass5 {
		padding-top:10px;
		padding-bottom:10px;
		flex-shrink:0;
		justify-content:center;
		align-items:center;
		width:31%;
	}

	.navclass51 {
		padding-top:10px;
		padding-bottom:10px;
		flex-shrink:0;
		justify-content:center;
		align-items:center;
		width:31%;
	}		

	.navclass6 {
		padding-top:10px;
		padding-bottom:10px;
		flex-shrink:0;
		justify-content:center;
		align-items:center;
		width:29%;
	}	

	#besties {
		margin-right:4%;
	}	

	/* chatting with **/

	.messages {
		width:100%;
		margin-top:0;
	}		

	#messages {
		margin-top:0;
	}

	.chattingwith {
		margin-top: 0;
	}

	.chattingwith img {
		width:15%;
	}

	.chat_image {
		width:15%;
	}

	.chat_image2 {
		width:15%;
	}	

	.small_message2 {
		box-shadow: 0 0 5px rgba(0,0,0,0.4);
		border-radius:20px;
		width:60%;
		margin-left:7%;
		padding-top:5px;
		padding-bottom:40px;
		margin-bottom:20px;
		padding-left:5%;
		margin-right:5%;
		padding-right:5%;
		word-break:break-word;
	}

	.small_message {
		box-shadow: 0 0 5px rgba(0,0,0,0.4);
		border-radius:20px;
		width:60%;
		margin-left:23%;
		padding-top:5px;
		padding-bottom:40px;
		margin-bottom:20px;
		padding-left:5%;
		padding-right:5%;
		word-break:break-word;
	}

	.chat_sender {
		width:98%;
	}

	#chat_input {
		width:65%;
	}

	.submitnow {
		padding-left:25px;
		padding-right:25px;
	}

	.chatphotousers img {
		width:15%;
	}

	/* campus nav **/

	#unireg {
		width:100%;
	}

	.uniregpage img {
		width:100%;
		height:70px;
	}

	#studentsnumber {
		font-size:10px;
	}

	.unih2{
		font-size:14px;
	}

	.viewer2 {
		font-size:10px;
	}

	.slide {
		margin-top:0;
		width:250px;
		height:92vh;
		z-index:9999;
		position:fixed;
		background-color:#fff;
		transition:0.5s ease;
		transform: translateX(-270px);
		border-radius:0 20px 20px 0;
		top:0;
		left:0;
		overflow-y:auto;
		padding-right:20px;
		display:block;

	}

	.slide h3{
		float:right;
	}

	#input_menu  {
		display:none;
		visibility:hidden;
		-webkit-appearance:none;
	}

	.toggle {
		margin-top:10px;
		height:30px;
		width:10%;
		z-index:99999;
		cursor:pointer;
		border-radius:2px;
		top:18px;
		left:15px;
		margin-left:6%;
		float:left;
		padding-top:6.5px;
		padding-bottom:6.5px;
		padding-right:5px;
		padding-left:5px;
		display:block;
	}


	.toggle .common {
		position:absolute;
		height:2px;
		width:20px;
		background-color:#9CB2CE;
		border-radius:50px;
		transition:0.3s ease;
	}

	.toggle .top_line {
		top:30%;
		left:50%;
		transform:translate(-50%, -50%);
	}

	.toggle .middle_line {
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
	}
	.toggle .bottom_line {
		top:70%;
		left:50%;
		transform:translate(-50%, -50%);
	}

	input:checked ~ .toggle .top_line{
		left:2px;
		top:14px;
		width:25px;
		transform:rotate(45deg);
	}

	input:checked ~ .toggle .bottom_line{
		left:2px;
		top:14px;
		width:25px;
		transform:rotate(-45deg);
	}	

	input:checked ~ .toggle .middle_line{
		opacity:0;
		transform:translateX(20px);
	}	

	input:checked ~ .slide {
		transform: translateX(0);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	}





	.favnaver {
		float:left;
		height:400px;
		background:#ffffff;
		margin-top:10px;
		width:20%;
		border-radius:10px;
		margin-left:10%;
		box-shadow: 0 0 5px rgba(0,0,0,0.4);
		padding-left:2px;

	}

	.favnaver img {
		width:20%;
	}	

	.favnaver #pennavs {
		width:20%;

	}

	.second_nav {
		float:left;
		margin-left:4%;
		margin-top:10px;
		width:60%;
		background:#ffffff;
		border-radius:10px;
		overflow:auto;
		height:470px;
		scroll-behavior:smooth;	
		padding-top:0;
		padding-bottom:30px;
		
	}

	.nav {
		font-size:9px;
		margin:0;
	}

	#chripmate_logo p{
		float:left;
		color:#4C75A3;
		background:blue;
	}

	#mate_decoration {
		color:#334;
	}

	.logo {
		text-decoration:none;
		color:#4C75A3;
		float:none;
		margin-left:38.7%;
		margin-top:25px;
		margin-bottom:0;

	}

	#invite_anchor {
		text-decoration:none;
		color:#334;
		border:1px solid #334;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:95px;
		padding-right:95px;
		margin-left:5%;
		border-radius:5px;	
		float:left;	
		margin-top:10px;
		margin-left:10%;
	}

	/* campuses **/

	#unireg {
		margin-top:0;
	}

	.campusmove {
		margin-left:5%;
		margin-right:0;
		width:90%;
	}

	.indexnaver_reuse {
		display:none;
	}

	#editpicture {
		padding-left:25px;
		padding-right:25px;
	}

	#editpictures {
		padding-left:48px;
		padding-right:48px;
	}	

	.camupload {
		height:40px;
		padding-left:40px;
		padding-right:40px;
		margin-right:0;		
	}


	.upload_butt {
		display:inline-block;
		background:#4C75A3;
		color:white;
		padding:9px 20px;
		border-radius:8px;
		cursor:pointer;
		font-size:12px;
		transition:0.3s;
		float:left;
		margin-bottom:40px;
		margin-right:0;
	}

	.camuploader {
		margin-left:30%;
	}

	.uploadPic {
		margin-left:15%;
		margin-bottom: 30px;
	}

	#editpicture2 {
		padding-left:30px;
		padding-right:30px;	
	}

	#editpictures2 {
		padding-left:51px;
		padding-right:51px;	
	}	

	.classes_edit {
		margin-right:0;
		width:87%;
	}

	/* faculties **/

	#commentasides {
		width:100%;
		margin-top:0;
	}

	#privateboarddecoration {
		font-size:10px;
		width:26.5%;	
	}

	#studentsdecoration {
		font-size:10px;
		width:15%;
		padding-left:0;
		padding-right:0;
	}	

	#searchuni {
		width:79%;
		
	}

	.search-hovers {
		margin-top:20px;
	}

	/* school public board **/

	#current_info {
		font-size:10px;
		margin-bottom:0;
	}
	.submit_block {
		background:#ffffff;
		border:0;
		padding-left:20px;
		text-decoration:none;
		padding-right:20px;
		color:#ffffff;
		cursor:pointer;
		float:left;
		margin-bottom:0;
		border-radius:4px;
		font-size:12px;
		padding-top:0;
		padding-bottom:0;
		margin-top:0;
	}
	#commentaside {
		float:none;
		width:100%;
		margin-top:0;
	}	

	#publicboarddecoration {
		font-size:10px;
		width:26.5%;		
	}

	#studentsdecoration2 {
		font-size:10px;
		width:15%;
		padding-left:0;
		padding-right:0;		
	}

	#messagehead {
		margin-top:20px;
		float:left;
		margin-right:60%;
	}

	#messageheader {
		margin-top:0;
		float:left;
		margin-right:67%;
	}	

	#messagehead2 {
		margin-top:0;
		float:left;
		margin-right:60%;
	}	

	#search-paragraph {
		width:60%;
	}

	#board_p {
		font-size:10px;
	}

	#mostrecents {
		display:none;
	}

	.school_public {
		width:15%;
		height:50px;
	}

	.infodiv {
		margin-left:10px;
		float:left;
		width:78%;
	}

	#tripboard {
		width:8%;
	}

	#tripboarder {
		width:8%;
		margin-right:60%;
		margin-top:0;
	}

	.previous {
		margin-left:25%;
	}	

	/* school public board trip**/

	#campus-nav {
		font-size:10px;
	}

	.commentsection img {
		width:20%;
		float:left;
	}	

	.commentsection {
		padding-bottom:20px;
		width:82%;
		margin-left:5%;
	}	

	.homebtnUpload_board {
		margin-left:38%;
	}

	.homebtnUpload_board2 {
		margin-left:35%;
	}

	/* school private board **/

	#currentdecoration {
		font-size:10px;
		padding-left:21px;
		padding-right:21px;
	}

	.homebtnUploadprivateboard {
		margin-left:38%;
	}

	/* school students **/
	#studentsdecorationss {
		font-size:10px;
		padding-left:0;
		padding-right:0;
		width:15%;
	}

	.invite {
		width:98%;
		float:left;
		margin-right:2%;
	}

	#cant {
		font-size:10px;
		margin-bottom:20px;
		float:left;
	}

	/* school excos **/

	#excodecoration {
		font-size:10px;
		width:11%;
	}

	#hr_1 {
		float:left;
		margin:0;
		padding:0;
		width:98%;
	}

	#hr {
		float:left;
		margin-bottom:10mpx;
		width:98%;
	}	

	#para_exco {
		font-size:10px;
		margin-top:10px;
		float:left;
	}

	#mostrecent_private {
		font-size:16px;
		float:left;
		margin-left:36.5%;	
		margin-right:20%;	
	}

	#mostrecent_private2 {
		font-size:16px;
		float:left;
		margin-left:19%;
	}	

	.exco_photo {
		width:15%;
	}

	.infodiver {
		width:70%;
	}

	.viewexco3 {
		padding-left:20px;
		padding-right:20px;	
		margin-bottom:10px;
	}

	.viewexco {
		float:right;
		padding-left:5px;
		padding-right:0;
		width:90%;
	}

	.previousx2 {
		margin-left:23%;
		margin-top:20px;
	}

	.previous {
		margin-left:23%;
		margin-top:20px;
	}	

	.next {
		margin-top:20px;
	}

	.nextx {
		margin-top:20px;
	}	

	.homebtnUploadexco {
		margin-left:38%;
	}

	/* classes **/

	#classes_ {
		margin-right:70%;
	}

	.homebtnUploadclass {
		margin-left:36%;
		margin-bottom:100px;
	}

	/* faculty public board**/
	.homebtnUploadpublicboard_ii {	
		margin-left:38%;
	}	

	.previousx {
		margin-left:23%;
		margin-top:20px;
	}	

	#mostrecents1 {
		margin-left:32%;
	}

	#no_info_yet {
		display:none;
	}

	/* class **/

	#publicboarddecoration_class {
		font-size:10px;
	}	

	#privateboarddecoration_class {
		font-size:10px;
		margin-left:33%;
	}

	#studentsdecoration_class {
		font-size:10px;
		margin-left:55%;	
	}	

	#trophydecoration {
		font-size:10px;
		margin-left:130%;
	}	

	#studentsdecoration_class_excos {
		font-size:10px;
		margin-left:90%;
		padding-left:0;
		padding-right:0;
		width:85%;
		margin-left:140%;
		margin-right:30%;
	}

	#studentsdecoration_class2 {
		font-size:10px;
		margin-left:90%;
		padding-left:0;
		padding-right:0;
		width:85%;
		margin-left:120%;
		margin-right:30%;
	}

	.navphoto {
		margin-bottom:0;
	}

	.navclass {
		margin-bottom:0;
	}

	/* search result **/

	#comment_asides {
		float:none;
		width:100%;
		margin-top:0;
	}	

	#search-paragrapher{
		font-size:10px;
		margin-left:5%;
	}

	.search img{
		width:15%;
	}


	/* views  **/

	#fans_moveX {
		margin-right:70%;		
	}

	.getuserphotocomment img{
		width:15%;
		float:left;
		margin-right:2%;
	}

	.EditBtn{
		height:30px;
		background:#4C75A3;
		border:0;
		padding-left:30px;
		padding-right:30px;
		color:#ffffff;
		cursor:pointer;
		margin-bottom:40px;
		border-radius:4px;
		margin-top:20px;
		float:left;
		margin-left:20%;
	}

	#Homeinfos {	
		float:none;
		width:100%;
		background:#ffffff;
		margin-top: 20px;
		border-radius:10px;
		overflow:auto;
		height:500px;
		scroll-behavior:smooth;

	}	

	/* notification **/

	.notificationDeco img {
		width:15%;
	}

	.class_notification_colored {
		margin-left:24%;
	}


	.second_notification_in {	
		text-align:center;
		text-decoration:none;
		width:98%;
		color:#334;
		float:left;
		border:1px solid #334;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;
		margin-right:10%;
		margin-left:1%;	
		margin-bottom:50px;
	}

	.notificationDecored {
		width:86%;
		margin-left:3%;
	}

	.notificationDecored img {
		width:15%;
	} 

	.second_notification {	
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-left:0;	
	}



	.second_notification2 {
		background:#9CB2CE;		
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#ffffff;
		float:left;
		border:1px solid #9CB2CE;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;
		margin-left:9%;
	}	

	.notificationDeco {
		width:85%;
		margin-left:4%;
	}

	.deletecrush {
		margin-left:3%;
	}

	.navclasses {
		height:80px;
		flex-shrink:0;
		justify-content:center;
		align-items:center;
		width:70%;
	}

	#notidecorations {
		padding-left:30px;
		padding-right:30px;
		margin-left:2%;
	}

	#notificationdecoration {
		padding-left:16px;
		padding-right:16px;
	}	

	#photonum2 {
		right:285px;
	}

	#notinum2 {
		right:157px;
	}

	#notenum2 {
		right:25px;
	}		

	#notify {
		margin-top:0;
		margin-right:0;
	}

	/* Notepad **/

	#blogdecorations{
		padding-left:20px;
		padding-right:20px;
	}

	#notidecoration {
		padding-left:31px;
		padding-right:31px;	
	}

	#mynote {
		margin-bottom:10px;
		margin-top:0;
		margin-right:10%;
		float:none;
	}	

	#note{
		padding-right:63px;
		padding-left:63px;
		margin-left:1%;
		margin-bottom:20px;

	}


	#bloger {
		padding-right:63px;
		padding-left:63px;
		margin-bottom:20px;

	}

	#searchunis {
		margin-left:1%;
		width:78%;
		height:50px;
		border-radius:30px;
		margin-top:20px;

	}

	.movingthis {
		margin-left:1%;
		margin-right:2%;
	}

	#campus-search {
		margin-left:;
	}

	#outputimg {
		width:15%;
	}

	#lec {
		font-size:10px;
		margin-right:90px;
		margin-top:0;
		padding:0;
		float:left;
		width:30%;
	}

	#lec2 {
		font-size:10px;
		margin-right:0;
		margin-top:0;
		padding:0;
		margin-left:20%;

	}


	#course {
		margin-left:5%;
	}

	#postnote {
		margin-left:32%;
	}

	.homebtnUploadnote {
		margin-left:40%;
	}

	.bodynote1 {
		margin-left:3%;
	}

	.bodynote2 {
		margin-left:3%;
	}

	.outputnotes {
		word-break:break-word;			
	}

	#invite_friend {
		margin-left:28%;
	}	

	/* trophy **/

	.padding {
		margin-left:2.5%;		
	}

	.credittrophy {
		float:left;
		width:95%;
		margin-bottom: 20px;
		box-shadow: 0 0 15px rgba(0,0,0,0.2);	
		padding-top:20px;
		padding-left:10px;		
		padding-bottom:20px;
		border-radius:20px;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}		

	#Credit-Information {
		margin:0;
		float:left;
		width:70%;
		font-size:10px;
	}	

	.creditinfo a{
		font-size:10px;
		margin-left:-5%;
		float:left;
		margin-top:0;	
		margin-right:9%;	
	}	

	.creditinfob a{
		font-size:10px;
		margin-left:-5%;
		float:left;
		margin-top:0;	
		margin-right:1%;	
	}	

	.choosestyle {
		color:#334;
		text-decoration:none;
		border:1px solid #334;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:15px;
		padding-right:15px;	
		border-radius:5px;	
		font-size:10px;
		float:left;
		margin-top:10px;

	}	

	.inviteC {
		width:95%;
		float:left;
		margin-right:2%;
		text-decoration:none;
		color:#334;
		cursor:pointer;
		margin-bottom:30px;
		border-radius:10px;
		font-size:12px;
		padding-top:7px;
		padding-bottom:7px;
		text-align:center;
		border:1px solid #334;		
	}

	.creditpicture {
		float:left;
		width:15%;
		height:50px;
		border-radius:50%;
		margin-bottom:20px;
		margin-right:20px;
		margin-top:20px;
	}

	#trophyp {
		float:none;
	}	

	/* photo **/

	.break_photo_words {
		word-break:break-word;
	}

	.commentsectioner img {
		width:15%;
	}	

	.commentsectioner {
		padding-bottom:20px;
		padding-left:10px;
	}	

	#deleteanycomment2 {
		margin-right:2%;
	}	

	#floatminiInformationU a {
		text-decoration:none;
		color:#334;
		margin-left:5%;
	}


	.homebtnUploadxx32 {
		margin-left:34%;

	}

	/* friends by match **/

	.friendtocentersx {
		margin-left:13%;
	}

	/* user profile **/

	.unfanbtn{
		height:30px;
		background:#4C75A3;
		font-size:13px;
		padding-left:20px;
		padding-right:20px;
		color:#ffffff;
		margin-left:25%;
		margin-top:20px;
		cursor:pointer;
		border-radius:20px;
		text-decoration:none;
		padding-top:8px;
		float:left;
	}	

	.containerG {
		width:90%;
	}

	#friendsnav {
		margin-left:11%;
	}	

	#friendsnavs {
		margin-left:1.5%;
	}	

	#iconsminiimg {
		margin-left:22%;	
	}	

	#crushnavss {
		margin-left:1%;
	}

	.submit_intention select {
		margin-left:20%;
		margin-top:10px;
		height:40px;
		width:75%;
	}	

	.homebtnUploadry2 {
		height:35px;
		background:#4C75A3;
		border:0;
		padding-left:20px;
		padding-right:20px;
		color:#ffffff;
		margin-left:-10%;
		cursor:pointer;
		border-radius:4px;
		margin-bottom:90px;
		margin-top:20px;
		float:left;
	}

	#searchh3two {
		float:none;
		margin-left:5%;
		margin-right:50%;
	}	

	.homebtnUploadcredit {

		margin-left:38%;

	}	

	/* class **/
	.homebtnUploadpublicboarders {
		height:35px;
		background:#4C75A3;
		border:0;
		padding-left:20px;
		padding-right:20px;
		color:#ffffff;
		margin-left:35%;
		cursor:pointer;
		border-radius:4px;
		margin-bottom:300px;
		margin-top:20px;	
		float:none;
	}

	.previous2 {
		background:#4C75A3;
		text-decoration:none;
		padding-left:20px;
		padding-right:20px;
		font-size:12px;
		padding-top:8px;
		color:#ffffff;
		float:left;
		cursor:pointer;
		margin-bottom:50px;
		padding-bottom:8px;
		border-radius:4px;
		margin-top:20px;
		margin-right:10px;
		margin-left:20%;
		border:0;
	}	

	#privateboarddecoration_class2 {
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#ffffff;
		float:left;
		color:#ffffff;
		border:1px solid #9CB2CE;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;	
		margin-right:2px;
		margin-left:33%;
		background:#9CB2CE;	
		font-size:10px;
	}

	#publicboarddecoration_class2 {
		font-size:10px;
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#334;
		float:left;
		border:1px solid #334;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		border-radius:5px;
		margin-top:20px;	
		margin-right:0.5%;
	}	

	#studentsdecoration_classx {
		font-size:10px;
		margin-left:55%;
	}


	#trophydecorationx {
		font-size:10px;
		background:#9CB2CE;
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#ffffff;
		float:left;
		border:1px solid #9CB2CE;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;
		margin-right:0;	
		margin-left:133%;	
	}	

	.credit_a {
		margin-left:2%;
		color:#4C75A3;
		text-decoration:none;
		font-size:13px;

	}

	#messageheader2 {
		margin-top:0;
		float:left;
		margin-right:65%;
	}

	#studentsdecoration_class_excos2 {
		font-size:10px;
		margin-left:135%;
	}	

	#studentsdecoration_classF {
		font-size:10px;
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#ffffff;
		float:left;
		color:#334;
		border:1px solid #334;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;	
		margin-right:2px;
		margin-left:138%;
	}		

	#studentsdecoration_course {
		font-size:10px;
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#ffffff;
		float:left;
		color:#ffffff;
		border:1px solid #9CB2CE;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;	
		margin-right:2px;
		margin-left:110%;
		background:#9CB2CE;
	}

	.courses_boxes {
		float:none;
		width:95%;
	}	

	#lecturer2 {
		font-size:10px;
		width:24%;
		height:30px;
		margin-right:2.8%;
		border:10px;
		border:1px solid #334;
		border-radius:30px;
		padding-left:20px;
		padding-top:20px;
		float:left;
		margin-bottom:20px;
	}	


	#code {
		font-size:10px;
		width:24%;
		height:30px;
		margin-left:2.8%;
		border:10px;
		border:1px solid #334;
		border-radius:30px;
		padding-left:20px;
		padding-top:20px;
		float:none;
	}	

	#units2 {
		width:24%;
		height:30px;
		font-size:10px;
		border:10px;
		border:1px solid #334;
		border-radius:30px;
		padding-left:20px;
		padding-top:20px;
		float:left;
	}	

	.join_course {
		text-decoration:none;
		margin-top:0;
		float:right;
		border:1px solid #334;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:30px;
		padding-right:30px;
		border-radius:9px;
		font-size:10px;	
		color:#334;

	}	

	.leave_course {
		text-decoration:none;
		margin-top:0;
		float:right;
		border:1px solid #334;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:20px;
		padding-right:20px;
		border-radius:9px;
		font-size:10px;	
		color:#334;

	}

	#privateboarddecoration_classC {
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#ffffff;
		float:left;
		color:#ffffff;
		border:1px solid #9CB2CE;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;	
		margin-right:40%;
		background:#9CB2CE;	
	}	

	#studentsdecoration_classT {
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#ffffff;
		float:left;
		color:#334;
		border:1px solid #334;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;	
		margin-right:2px;
		margin-left:20%;
	}	

	#trophydecoration__T {
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#ffffff;
		float:left;
		color:#334;
		border:1px solid #334;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;
		margin-right:2px;	
		margin-left:43%;	
	}

	#write_note1 {
		float:left;
		color:#4C75A3;
		cursor:pointer;
		border: 1px solid #4C75A3;
		border-radius:10px;	
		padding-top:5px;
		padding-bottom:5px;
		padding-right:40px;
		padding-left:40px;
	}	

	#write_note2 {
		float:right;
		border: 1px solid #334;
		border-radius:10px;	
		padding-top:5px;
		padding-bottom:5px;
		padding-right:50px;
		padding-left:50px;	
		cursor:pointer;
	}

	.chat_image9 {
		width:15%;
		height:50px;
		float:left;
		border-radius:50%;
		border: 1px solid #4C75A3;
		padding-top:2px;
		padding-bottom:2px;
		padding-right:2px;
		padding-left:2px;	
		margin-top:10px;
		margin-right:10px;
	}	

	#float_leftx {
		margin-right:5%;
		font-size:13px;
	}	

	#write_noterx {
		color:#334;
		text-decoration:none;
		float:left;
		cursor:pointer;
		border: 1px solid #334;
		border-radius:10px;	
		padding-top:5px;
		padding-bottom:5px;
		padding-right:50px;
		padding-left:50px;	
		text-decoration:none;
	}

	#write_notex2 {
		color:#334;
		text-decoration:none;
		float:right;
		cursor:pointer;
		border: 1px solid #4C75A3;
		border-radius:10px;	
		padding-top:5px;
		padding-bottom:5px;
		padding-right:50px;
		padding-left:50px;	
	}

	.chatrx4 {
		float:left;
		width:100%;
		margin-top:20px;
		padding-right:5%;
	}

	#note_writer {
		width:92%;
		margin-top:20px;
		height:1000px;
		border-radius:20px;
		padding-top:20px;
		padding-left:10px;
		padding-right:20px;
		margin-bottom:20px;	
	}

	#note_writerBtn {
		margin-top:90px;
		padding-left:40px;
		padding-right:40px;
		margin-left:30%;
		border:0;
		background:#4C75A3;
		border-radius:20px;
		color:#ffffff;
		padding-top:10px;
		padding-bottom:10px;
		float:none;
	}

	#studentsdecoration_classTx {
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#ffffff;
		float:left;
		border:1px solid #9CB2CE;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;	
		margin-right:2px;
		margin-left:20%;
		background:#9CB2CE;	
	}	

	#trophydecoration__Txx {
		text-align:center;
		text-decoration:none;
		width:100%;
		color:#ffffff;
		float:left;
		color:#ffffff;
		border:1px solid #9CB2CE;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:5px;
		border-radius:5px;
		margin-top:20px;
		margin-right:2px;	
		margin-left:42%;
		background:#9CB2CE;	
	}	

	.chat_image3 {
		width:15%;
		height:50px;
		float:left;
		border-radius:50%;
		margin-right:5%;
		border: 1px solid #4C75A3;
		padding-top:2px;
		padding-bottom:2px;
		padding-right:2px;
		padding-left:2px;	
	}	

	.small_message20 {
		box-shadow: 0 0 5px rgba(0,0,0,0.4);
		border-radius:20px;
		width:60%;
		margin-left:19%;
		padding-top:5px;
		padding-bottom:40px;
		margin-bottom:20px;
		padding-left:5%;
		margin-right:5%;
		padding-right:5%;
		word-break:break-word;
	}	

	/* questions **/
	.submitnow1 {
		padding-top:20px;
		padding-bottom:20px;
		border-radius:20px;
		padding-left:35px;
		padding-right:35px;
		background:#4C75A3;
		color:#ffffff;
		border:1px;
		cursor:pointer;
		float:left;
		margin-top:20px;
		margin-left:1%;
	}

	#chat_input1 {
		width:60%;
		height:40px;
		border-radius:20px;
		margin-left:5%;
		margin-bottom:20px;
		margin-top:20px;
		border:1px solid #334;;	
		resize:none;
		float:left;
		padding-top:20px;
		padding-left:10px;
		overflow:hidden;
	}

	.course_anchors {
		font-size:10px;
		text-decoration:none;
		margin-left:5%;
	}	

	#question_reply {
		font-size:10px;
		margin-left:5%;
		float:left;
	}	

	.small_message2 {
		margin-left:20%;
	}		

	#messageheadN { 
		margin-top:10px;
		float:left;
		margin-right:50%;
	}

	#home2 {
		float:none;
		width:100%;
		margin-left:0;
		margin-top:0;	
	}	

	#homeimg3{
		width:70%;
		margin-top:10px;
		margin-left:10%;
		margin-right:1%;
		border-radius:50%;
		height:220px;
		float:left;
		margin-bottom:20px;
		border: 2px solid #334;	
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:5px;
	}

	.displayNo {
		display:block;
	}	

	#bestienavN {
		margin-left:1%;
		margin-right:31%;
	}	

	#friendsnavN {
		margin-right:18%;
		margin-left:9%;
	}
	
	.getout {
		display:block;
	}


}








@media (max-width:1222px) and (min-width:375px) {	

	.upload_butt {
		width:20%;
	}	
}


@media (max-width:1208px) and (min-width:375px) {	

	.upload_butt {
		width:25%;
		padding-left:40px;
	}	
}

@media (max-width:1106px) and (min-width:375px) {	

	.upload_butt {
		width:25%;
		padding-left:25px;
	}	
}

@media (max-width:969px) and (min-width:375px) {	

	#homeindex h3 {
		font-size:14px;
		margin-top:0;
		padding-top:0;
	}

	.editprofileifo p {
		font-size:13px;
	}

}

@media (max-width:967px) and (min-width:375px) {	

	#homeindex h3 {
		font-size:14px;
		margin-top:0;
		padding-top:0;
	}

	.editprofileifo p {
		font-size:13px;
	}

	.upload_butt {
		width:30%;
	}

}

@media (max-width:960px) and (min-width:769px) {	


	#homeindex h3 {
		font-size:14px;
		margin-top:0;
		padding-top:0;
	}

	.editprofileifo p {
		font-size:12px;
		width:100%;
	}

	.upload_butt {
		width:38%;
	}

}