h1{font-size:25px;font-weight:bold;text-transform:none;}
h2{font-size:18;font-weight:normal;}
a #user-pict{color:inherit;}
#main-container{margin-top:0px;}


#larger-org-profile-container{width:760px;padding:20px;float:left;}

#profile-cover{height:370px;background-color:#eee;background-position:center;background-repeat:no-repeat;background-size:100%;background-color:#fff;}
	#update-cover-button{float:right;height:20px;text-align:center;margin-right: 36%;margin-top: 15%;cursor:pointer;}
	#update-cover-text{float:right;margin-right:-185px;margin-top:15.6%;font-size:12px;font-weight:300;cursor:pointer;}
	#cover-photo-browse{margin:-6px;margin-left:-12px;width:190px;height:20px;padding:10px 0px;opacity:0;cursor:pointer;}
	#profile-cover:hover #cover-option{display:block; display: block;
										height: 370px;
										background-color: rgba(0,0,0,.5);
										}
		#cover-option{display:none;}
	#upload-project{padding-left: 35px; background-repeat: no-repeat; background-position: 10px center; background-image: url(../image/icon/icon-upload.png);}
	#update-info{padding-left: 35px; background-repeat: no-repeat; background-position: 10px center; background-image: url(../image/icon/icon-edit-black.png);}
#profile-desc{}
	#profile-picture{width:120px;height:120px;border:3px solid #fff;background-color:#fff;box-shadow:0px 1px 3px #888;margin-left:30px;margin-top:13px;position:absolute;background-size:contain;}
	.profile-picture{width:120px;height:120px;border:3px solid #fff;background-color:#fff;box-shadow:0px 1px 3px #888;background-size:contain;float:left;margin:5px;}
	#profile-desc-1{background-color:#fff;height:60px;padding:10px 30px;padding-left:180px;}
		#profile-desc-1-content{width: 60%;
								white-space: nowrap;
								text-overflow: ellipsis;
								overflow: hidden;
								float: left;}
		#profile-desc-1-button{float:right;width:308px;margin-top:25px;text-align:right;}
			#follow-you{margin-left: 10px; background-color: #f1f1f1; padding: 2px 5px; border: 1px solid #ddd; font-size: 12px; color: #888; font-weight: 300;}
	#profile-desc-2{width: 100%; box-sizing:border-box; background-color:#fff;height:auto; overflow:hidden;padding:10px 30px;padding-top:20px;background-color:#f2f2f2;padding-left:180px;}
		#user-focus-follow{overflow:hidden;font-size:12px;color:#888;font-weight:300;margin-bottom:3px;}
			#stat-follow-container{float:right;}
				#stat-following{background-repeat:no-repeat;background-position:left 2px;background-image:url(../image/icon/icon-following-grey.png);padding-left:20px;float:right;}
					#stat-following a:hover,#stat-follower a:hover{color:#00aaef;}
				#stat-follower{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-follower-grey.png);padding-left:20px;float:right;margin-right:30px;}
				#stat-following-res{background-repeat:no-repeat;background-position:left 2px;background-image:url(../image/icon/icon-following-grey.png);padding-left:20px;float:right;}
					#stat-following-res a:hover,#stat-follower-res a:hover{color:#00aaef;}
				#stat-follower-res{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-follower-grey.png);padding-left:20px;float:right;margin-right:30px;}
				
				#user-focus{background-image:url(../image/icon/icon-flag-grey.png);background-repeat:no-repeat;background-position:left center;padding-left:15px;float:left;width:500px;}
		#user-location{font-size:12px;color:#888;font-weight:300;background-image:url(../image/icon/icon-location.png);background-repeat:no-repeat;background-position:left center;padding-left:15px; white-space: nowrap;
								text-overflow: ellipsis;
								overflow: hidden}

	#profile-menu-container{
		padding:10px 30px 0px 30px;background-color:#fff;font-weight:bold;
		font-size:14px;color:#888;overflow:hidden;border-bottom:1px solid #ddd;
	}
		.profile-menu{float:left;border-bottom:3px solid #fff;padding:10px 13px;cursor:pointer;padding-bottom:5px;margin-right:2px;}
			.profile-menu:hover,.profile-menu-selected{border-bottom:3px solid #00aaef;color:#222;}
	#project-info-container{background-color:#f2f2f2;padding:10px 30px;padding-right:30px;font-size:12px;color:#888;overflow:hidden;}
		#stat-project{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-project-grey.png);padding:5px 0px;padding-left:25px;margin-right:30px;float:left;}
		#stat-viewed{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-view-grey.png);padding:5px 0px;padding-left:25px;margin-right:30px;float:left;}
		#stat-liked{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-like-grey.png);padding:5px 0px;padding-left:25px;margin-right:30px;float:left;}
		#stat-comment{background-repeat:no-repeat;background-position:2px center;background-image:url(../image/icon/icon-discuss-grey.png);padding:5px 0px;padding-left:25px;margin-right:30px;float:left;}
		#manage-project-button{background-repeat:no-repeat;background-position:15px center;background-image:url(../image/icon/icon-manage-project-white.png);padding:5px 0px;padding-left:40px;padding-right:20px;}
		#all-projects-button{border-radius:3px 0px 0px 3px;margin-right:-1px;}
		#drafts-button{border-radius:0px 3px 3px 0px;margin-right:20px;}
			.clicked-button{box-shadow: inset 0px 0px 1px #888; background-color: #ddd; color: #222;}
 


	#project-container{overflow:hidden;padding-bottom:40px;margin:auto;margin-top:15px;}	
		#new-project{
width: 210px;
height: 254px;
float: left;
margin: 10px 15px;
border: 1px dashed #ddd;
background-color: #f8f8f8;
background-image: url(../image/icon/icon-add-project.png);
background-position: center;
background-repeat: no-repeat;}
		#new-project:hover{opacity:0.5;cursor:pointer;}
		.project{width:210px;height:255px;float:left;margin:10px 15px;border:1px solid #ddd;word-wrap:break-word;}
		.project:hover{border:1px solid #BBB;}
		.project:hover .project-review{border-bottom:5px solid #00AAEF;}
		.project a{color:inherit;}
		.project-img{background-repeat:no-repeat;background-size:cover;height:170px;background-position:center;transition:opacity 0.4s;-webkit-transition:opacity 0.4s;}
			.project-title,.project-category,.project-by,.project-review{padding:0px 10px;}
			.project-title a:hover{text-decoration:underline;}
				.project-category a:hover,.project-by a:hover,.project-review a:hover{color:#00aaef;text-decoration:none;}
			.project-title{height:15px; margin-bottom: 1px; overflow: hidden; padding-top:10px;padding-bottom:0px;color:#000;font-size:14px;text-transform:uppercase;font-weight:bold;}
			.project-by{height:18px;color:#888;font-size:14px;}
			.project-category{color:#888;font-size:12px;height:19px;padding:0px 10px;text-transform:none;font-weight:normal; margin-bottom: 10px; text-overflow:ellipsis; overflow: hidden; white-space:nowrap;}
			.project-review{height:25px;font-size:12px;color:#888;border-bottom:5px solid #f2f2f2;}
				.project-view,.project-like{padding:0px 20px;float:left;background-position: left center;background-repeat:no-repeat;}
					.project-view{background-image:url(../image/icon/icon-view-grey.png);}
					.project-like{background-image:url(../image/icon/icon-like-grey.png);}

#visitor-msg-content-container{width:100%;overflow:hidden;margin:auto;padding:30px 50px; box-sizing:border-box;}
	#user-pict{width:50px;height:50px;background-repeat:no-repeat;float:left;margin-right:10px;border:2px solid #fff;box-shadow:0px 1px 2px #888;margin-left:5px;}
	#visitor-msg-loading{height:20px;}
	.visitor-msg{padding:10px 0px;border-bottom:1px solid #ddd;font-size:14px;font-weight:300;overflow:hidden;}
	.visitor-msg:hover .visitor-msg-delete{display:block;}
		#visitor-msg-user{font-weight:bold;margin-bottom:10px;width: 100%;
padding-left: 75px;
box-sizing: border-box;}
		.visitor-dt{font-size:12px;}
		.visitor-message-content{float: left;
width: 100%;
box-sizing:border-box;
font-size: 12px;
padding-left: 75px;
margin-top: -35px;}
			.visitor-message-content a{color:#00aaef;}
			.visitor-message-content a:hover{text-decoration: underline;}
		.visitor-msg-delete{width:15px;height:15px;background-image:url(../image/icon/icon-cross-grey.png);opacity:0.5;position:absolute;background-position:center;background-repeat:no-repeat;margin-left:900px;margin-top:-20px;display:none;}
		.visitor-msg-delete:hover{opacity:1;cursor:pointer;}
	#msg-container{float:left;}
		#visitor-msg-textarea{height:50px;padding:8px 10px;margin-bottom:5px;width:100%;border:1px solid #ddd;resize:none;outline:none;font-size:12px;color:#444;font-weight:300;}
		.visitor-msg:hover .message-reply-container{display: block;}
		.message-reply-container{position: absolute; margin-left: 810px; margin-top: -20px; display: none; color: #00aaef; font-size: 12px; font-weight: normal;}
			.message-reply-container span:hover{text-decoration: underline;cursor: pointer;}

	.follow-container{width:440px;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:20px;float:left;}
		.follow-userpict{width:50px;height:50px;background-color:#eee;margin-right:10px;float:left;background-repeat:no-repeat;background-size:cover;}
		.follow-desc{float:left;width:370px;}
			.follow-name{}
			.follow-in-desc{width:280px;min-height:1px;float:left;}
			.follow-button-container{width:90px;float:left;text-align:right;}
	#show-more-comment-button{width:100%;text-align:center;margin-top:10px;}
	#show-more-loading{margin: auto; float: none; margin-top:10px; }

#follow-list-container{
	width:920px;margin:40px auto;overflow:hidden;
}

#profile-info-container{width:100%; box-sizing:border-box; padding-left:35px; margin:40px auto;overflow:hidden;font-size:12px;font-weight:normal;}
	.info-sub-title{padding-bottom:5px;border-bottom:1px solid #ddd;color:#000;margin-bottom:10px;font-weight:bold;}
	#left-profile-info{width:220px;float:left;margin-right:40px;color:#888;}
		#contact-info{padding-bottom:20px;border-bottom:1px solid #ddd;overflow:hidden;margin-bottom:20px;}
			#contact-website a:hover,#contact-twitter a:hover,#contact-gplus a:hover,#contact-fb a:hover{color:#00aaef;}
			#contact-website{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-world.png);padding:5px 0px;padding-left:30px;}
			#contact-fb{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-socmed-fb-black.png);padding:5px 0px;padding-left:30px;}
			#contact-gplus{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-socmed-g+-black.png);padding:5px 0px;padding-left:30px;}
			#contact-twitter{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-socmed-twitter-black.png);padding:5px 0px;padding-left:30px;}
			#contact-email{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-mail-black.png);padding:5px 0px;padding-left:30px;}
			#contact-phone{background-repeat:no-repeat;background-position:left center;background-image:url(../image/icon/icon-phone-black.png);padding:5px 0px;padding-left:30px;}
			#download-cv{font-size:20px;font-weight:bold;width:100%;}
	#right-profile-info{width:660px;float:left;overflow:hidden;font-weight:300;}
		#info-about-container{margin-bottom:20px;overflow:hidden;}
		#badge-and-award-container, #education-container, #work-container{margin-bottom: 20px;}
			.profile-badge{width:240px;float:left;background-position:left center;padding-left:70px;background-repeat:no-repeat;height:50px;margin-bottom:30px;}
				.badge-title, .title-caption{font-family:Roboto;font-size:14px;text-transform:uppercase;}
				.badge-caption, .year-caption{color:#888;font-weight:300;}
				.year-caption{margin-bottom: 10px;}
				.title-caption > span{color:#888; text-transform: none;}

#profile-setting-container{width:920px;margin:auto;margin-top:20px;}
	#profile-setting-title{font-size:37px;font-weight:300;color:#222;padding-bottom:10px;border-bottom:1px solid #ddd;}
	.update-info-container{border-bottom:1px solid #ddd;padding:20px 0px;overflow:hidden;width:920px;}
		.left-info-container{width:200px;margin-right:20px;float:left;font-size:20px;color:#00aaef;}
		.right-info-container{width:700px;float:left;color:#888;overflow:hidden;font-weight:300;}
			.right-inner-container{width:320px;margin-right:20px;float:left;}
				.profile-setting-textbox{width:320px;border-radius:2px;border:1px solid #ddd;font-size:14px;padding:5px;margin-bottom:10px;}
					.profile-setting-textbox::-webkit-input-placeholder{font-weight:300;font-style:italic;}
					.profile-setting-textbox:-moz-placeholder {font-weight:300;font-style:italic;}
					.profile-setting-textbox::-moz-placeholder {font-weight:300;font-style:italic;}
					.profile-setting-textbox:-ms-input-placeholder {font-weight:300;font-style:italic;}
				.profile-setting-textarea{width:320px;height:140px;border-radius:2px;border:1px solid #ddd;font-size:14px;padding:5px;resize:none;margin-bottom:10px;}
					.profile-setting-textarea::-webkit-input-placeholder{font-weight:300;font-style:italic;}
					.profile-setting-textarea:-moz-placeholder {font-weight:300;font-style:italic;}
					.profile-setting-textarea::-moz-placeholder {font-weight:300;font-style:italic;}
					.profile-setting-textarea:-ms-input-placeholder {font-weight:300;font-style:italic;}
			.profile-setting-submit{background-color:#ccc;border:1px solid #eee;}
			.dropdown-container{margin-bottom:10px;}

			#interest-container{border:1px solid #ddd;border-radius:3px;padding:5px;min-height:10px;overflow:hidden;margin-bottom:10px;padding-bottom:0px;}
				.interest{padding:5px 10px;background-color:#eee;border-radius:2px;color:#888;float:left;margin:0px 5px 5px 0px;font-size:12px;padding-left:30px;background-image:url(../image/icon/icon-cross-grey.png);background-repeat:no-repeat;background-position:10px center;cursor:pointer;}
				#interest-list-container{padding:10px;border-radius:3px;border:1px solid #ccc;box-shadow:1px 1px 2px #ccc;position:absolute;background-color:#fff;max-height:100px;overflow:auto;display:none;}
					#interest-list-title{padding:5px 10px;color:#222;font-weight:normal;font-size:14px;}
					.interest-list{padding:5px 10px;font-size:12px;margin-bottom:3px;font-weight:normal;cursor:pointer;}
					.interest-list:hover{background-color:#eee;}
				.interest:hover{background-color:#ccc;}
			#add-focus, .add-button{background-image:url(../image/icon/icon-plus.png);background-position:10px center;padding-left:30px;}

#follow-title{font-size:18px;font-weight:bold;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #ddd;}

#msg-container{margin-top:5px;float:left; width: 100%; padding-left: 75px; box-sizing:border-box; margin-top: -50px;}
#change-profpict-loading{margin-top:5px;}
#change-profpict-msg{margin-top:4px;}


#follow-black{background-image:url(../image/icon/icon-plus-grey.png);background-position:10px center;padding-left:30px;width:100px;}
		#follow-white{background-image:url(../image/icon/icon-plus.png);background-position:10px center;padding-left:30px;width:100px;}
#email-white{background-image:url(../image/icon/icon-message.png);background-position:10px center;padding-left:30px;width:100px;}
		

#message-black{background-image:url(../image/icon/icon-discuss-grey.png);background-position:10px center;padding-left:30px;width:100px;}
		#message-white{background-image:url(../image/icon/icon-discuss-white.png);background-position:10px center;padding-left:30px;width:100px;}


#content-container-res{
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px;
}
.button-container-mobile{
	float: left;
	width: 100%;
	display: none;
}
.button-container-mobile input{
	display: block;
}

.profile-desc-2-container{
	float: left;
	width: 100%;
	padding-right: 110px;
	  -moz-box-sizing: border-box;
	    box-sizing: border-box;

}
.tes-button-container{
	width: 100px;
	float: right;
	margin-top: -80px;
}
.tes-button-container input{
	display: block;
	margin-bottom: 3px;
}
.stat-following, .stat-follower{
	width: 100%;
}
.project-info-container-cover, #profile-menu-container-cover{
	display: inline-block;
	margin: 0 auto;
	margin-bottom: -4px;
}
#user-focus a:hover{
	color: #00AAEF;
}

#follow-title span a{
	color: #888;
	padding: 0px 15px;
}
#follow-title span a:hover{
	color: #444;
}
.right-container{
	margin-left: 40px;
}
.content-container-header-res{
	margin: 0px -30px 0px -30px;
	border-bottom: 1px solid #ddd;
	padding: 15px 30px;
}
.title-verify{
	font-size: 14px;
	padding: 0px 25px;
}
.unpublish{-webkit-filter: grayscale(100%);filter: gray; filter: grayscale(100%);filter: url(desaturate.svg#greyscale);}



#s2id_university, #s2id_company{
	background-color: rgba(1,1,1,0);
  margin-right: 10px;
  color: #444444;
  height: 35px;

}

.select2-container .select2-choice{
	border: none;
	  background-color: #f2f2f2;
  color: #444444;
  padding: 0px 12px;
  font-size: 13px;
  box-shadow: 0px 1px 2px 0px #888;
  background-image: url('../image/icon/icon-down-nav-grey.png');
    background-position: 172px 10px;
  background-size: 9px;
}
.visible-text, .to-text{
	font-size: 12px;
	margin-left: 5px;
}
.select2-container .select2-choice > .select2-chosen{
	color: #444;
}
#university-visibility{
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	margin-right: 5px;
}
#otherUniversity{
	font-family: "Roboto",sans-serif;
  font-size: 12px;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 3px;
}
.university-container select.thnMasuk.dropdown, .university-container select.thnKeluar, .company-container select.thnMasuk.dropdown, .company-container select.thnKeluar{
	font-size: 12px;
	padding: 5px 7px;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 3px;
}
.modal-warning{
	  width: 100%;
	  text-align: center;
	  margin-bottom: 20px;
	  font-size: 14px;
	  color: red;
}
.right-select{
	width: 100%; padding-bottom: 10px;
}
.select2-results li {font-size:12px;}
@media (min-width: 1000px) {
  .container {
    width: 1000px;
  }
  #project-container{
  	width: 970px;
  }
  .profile-desc-2-container{
  	width: 113%;
  }
  #stat-follower-res, #stat-following-res{
  	display: none;
  }
  .tes-button-container{
  	display: none;
  }

}
@media(max-width: 1000px){
	.container{
		width: 750px;
	}
	#project-container{
  		width: 730px;
  	} 
  	#profile-desc-2{
  		height: auto;
  		overflow: hidden;
  	}
  	#profile-desc-2-container{
  		width: 80%;
  	}
  	#profile-desc-1-button{
  		display: none;
  	}
  	#profile-desc-1 input{
  		display: block;
  		margin-top: 3px;
  	}
	#stat-follower-res, #stat-following-res{
		display: block;
		float: left;
		font-size: 12px;
		width: 100%;
		font-weight: 300;
		color: #888;
		padding-left: 15px;
		margin-top: 5px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
  	}
  	#stat-following, #stat-follower{
  		display: none;
  	}
  	#profile-desc-1-content{
  		width: 95%;
  	}
  	.tes-button-container{display: block;}
  	#right-profile-info, #left-profile-info{
  		width: 100%;  		
  		box-sizing: border-box;
  		padding: 0px 15px;
  	}
  	#manage-project-button, #all-projects-button, #drafts-button{
  		display: none;
  	}
  	#profile-info-container{
  		padding-left: 0px;
  	}
  	#follow-list-container {
		width: 100%;
		padding: 0px 30px;
		margin: 40px auto;
		overflow: hidden;
		box-sizing: border-box;
	}
	.right-container{
		margin-left: 0px;
	}
	.follow-container{
		width: 100%;
		box-sizing:border-box;
	}
	#profile-setting-container {
	  width: 100%;
	  box-sizing: border-box;
	  padding: 0px 25px;
	}
	.update-info-container{
		width: 100%;
	}
	.left-info-container{
		width: 30%;
		padding-right: 20px;
		margin-right: 0px;
		box-sizing: border-box;
	}
	.right-info-container{
		width: 70%;
	}

  
}
@media(max-width: 795px){
	.container{
		width: auto;
	}

}
@media(max-width: 768px){
	.container{
		width: auto;
	}	
	#project-container{
		width: 485px;
	}

}
@media(max-width: 600px){
	#profile-picture{
		width: 80px;
		height: 80px;
		margin-left: 15px;
	}
	#profile-desc-1, #profile-desc-2{
		padding-left: 125px;
		padding-top: 10px;
	}
	#profile-desc-1{
		height: 40px;
	}
	#profile-desc-1 h1 {
		font-size: 22px;
		width: 110%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.profile-desc-2-container{
		padding-right: 0px;
	}
	.tes-button-container{
		width: 100%;
		height: auto;
		margin-top: 13px;
	}
	.tes-button-container input{
		display: inline-block;
		width: 100px;
	}
	#follow-black,#follow-white,#email-white,#message-black,#message-white,#update-info,#upload-project{
		font-size: 0px;
		background-position: center;
		width: auto;
		line-height: 15px;
	}
	#user-focus {
		width: 90%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.left-info-container{
		width: 100%;
	}
	.right-info-container{
		width: 100%;
	}

}
@media(max-width: 510px){
	.follow-userpict {
		width: 40px;
		height: 40px;
	}
	.follow-desc {
		float: left;
		width: 100%;
		padding-left: 50px;
		box-sizing: border-box;
		margin-top: -40px;
	}
	.follow-in-desc{
		width: 100%;
	}
	.follow-button-container {
		width: 90px;
		float: right;
		text-align: right;
		margin-top: -15px;
		margin-right: 10px;
	}
}
@media(max-width: 500px){
	#project-info-container, #profile-menu-container{
		text-align: center;
	}
	#project-container{
		width: 320px;
	}
	.project{
		width: 290px;
		height: auto;
	}
	.project-img{
		height: 230px;
	}
	#profile-menu-container {
		padding: 10px 15px 0px 15px;
		font-size: 12px;
		margin: 0 auto;}
	.profile-menu{
		padding: 10px 13px;
	}
	.project-info-container-cover, #profile-menu-container-cover{
		display: inline-block;
	}
	#new-project{
		width: 100%;
	}
	.profile-picture{
		width: 80px; height: 80px;
	}
	.right-info-container .normal{
		font-size: 14px;
	}
	.right-inner-container, .right-info-container{
		width: 95%;
	}
	.profile-setting-textbox, .profile-setting-textarea{
		width: 100%;
		box-sizing: border-box;
	}
}
@media(max-width: 440px){
	.follow-button-container {
		float: left;
		margin-top: 15px;
	}
}

/*Jeff University style */
#s2id_university, #s2id_company{
	width: 200px;
}

#template, #template-company{
	display: none;
}