form#tmprofile-editform .form-item,
form#tmprofile-entryform .form-item {
	padding: 0 0 15px 0px;
}

.upload_new_image {
	text-align:left;
	margin-left:-8px;
}

.edit_profile {
	font-size:0.6em;
	font-weight:normal;
	width:200px;
	text-align:center;
}

#edit-show-ra-wrapper{
	position:relative;
	left:-6px;
}

#pop-user-wrapper {
	width:70%;
	/*margin-left:15%;*/
}

#pop-user-wrapper .edit_user_picture {
	display:block;
}

#pop-user-wrapper > div{
	padding: 5px 10px;
}

.popup_user_profile {
	width: 650px;
	margin: 2.5em auto 1em;
}

.popup_user_profile .button {
	font-size: small;
}

.dynamic_div1_internet_explorer {
	float:left;
	position:relative;
	width:450px;
	margin-left:224px;
	margin-top:-300px;
}

.dynamic_div1_other_browser {
	float:left;
	position:relative;
	width:450px;
	margin-left:230px;
	margin-top:-360px;
}

.belt_frame {
	/*float:left;
	width:70%;
	height:660px;
	margin-left:15%;
	background-repeat:no-repeat;*/
	padding:1em 2em;
	height:560px;
}

.white_belt_frame {
	background: url(/sites/all/themes/kichijoji/images/white_belt_frame.png);
	background-repeat:no-repeat;
}

.gray_belt_frame {
	background: url(/sites/all/themes/kichijoji/images/gray_belt_frame.png);
	background-repeat:no-repeat;
}

.yellow_belt_frame {
	background: url(/sites/all/themes/kichijoji/images/yellow_belt_frame.png);
	background-repeat:no-repeat;
}

.orange_belt_frame {
	background: url(/sites/all/themes/kichijoji/images/orange_belt_frame.png);
	background-repeat:no-repeat;
}

.green_belt_frame {
	background: url(/sites/all/themes/kichijoji/images/green_belt_frame.png);
	background-repeat:no-repeat;
}

.blue_belt_frame {
	background: url(/sites/all/themes/kichijoji/images/blue_belt_frame.png);
	background-repeat:no-repeat;
}

.purple_belt_frame {
	background: url(/sites/all/themes/kichijoji/images/purple_belt_frame.png);
	background-repeat:no-repeat;
}

.red_belt_frame {
	background: url(/sites/all/themes/kichijoji/images/red_belt_frame.png);
	background-repeat:no-repeat;
}

.brown_belt_frame {
	background: url(/sites/all/themes/kichijoji/images/brown_belt_frame.png);
	background-repeat:no-repeat;
}

.black_belt_frame {
	background: url(/sites/all/themes/kichijoji/images/black_belt_frame.png);
	background-repeat:no-repeat;
}

.edit-profile {
    font-size: .6em;
    float: right;
    position: relative;
    right: -1.9em;
    top: -3.5em;
}

.edit-profile a {
	text-decoration: none !important;
}

.logged_in_user_picture_section, 
.user_picture_section {
	float:left;
	text-align:center;
	margin:4em 3em auto 4em;
}

.user_profile_user_picture {
	display:block;
	width:69px;
	height:69px;
	margin-left:15px;
}

.belt_picture {
	/*display: inline-block;
	width: 35px;
	height: 35px;*/
	margin-top: -20px;
}

.username {
	color:#2181A9;
	font-size:1.7em;
	font-weight:bold;
	margin-top:-20px;
	width:200px;
	/*text-align:center;*/
}

.user_profile_username {
	/*float:left;*/
	color:#2181A9;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	/*width: 100px;*/
	position: relative;
	top: 1.5em;
	word-break: break-all;
}

.user_profile_username a {
	text-decoration: none;
	font-weight: bold;
}

.expert_rank_username {
	width: 470px;
	margin: auto;
}
.master_rank_username {
	width: 325px;
	margin: auto;
}
.grandmaster_rank_username {
	width: 250px;
	margin: auto;
}

.user_profile_username_and_details {
	display: flex;
	align-items: center;
	height: 380px;
	float: left;
	margin-top: 2em;
	font-size: small;
}
/*
.logged_in_user_profile_username_and_details {
	display: flex;
	align-items: center;
	height: 370px;
	float: left;
	margin-top: 2em;
	font-size: small;
}
*/
.text_label {
	color:#727375;
}

a.belt_name:hover {
	text-decoration:none;
}

.back_div {
	margin-top:17px;
	float:left;
	width:300px;
}

.back_link {
	padding-top:5px;
	text-decoration:none;
	position:relative;
	left:300px;
	display:block;	
}

.edit_user_picture_div {
	float:left;
	width:160px;
}

.edit_profile_div {
	width:40%;
	margin: 0 auto;
}

.edit_username {
	color:#2181A9;
	font-size:1.5em;
	font-weight:bold;
}

.change_username {
	padding-left: 10px;
}

.user_info {
	font-size:1.2em;
}

.user_profile_user_info {
	clear:both;
	/*font-size:1em;*/
	width:20em;
	word-break:break-word;
	/*position: relative;
	top: -0.5em;*/
}

.logged_in_user_profile_user_info {
	clear:both;
	font-size:1em;
	width:20em;
	word-break:break-word;
	position: relative;
	top: -1.5em;
}

.tmprofile-edit-profile-form .field--name-user-picture {
	padding-right: 1em;
}

.tmprofile-edit-profile-form .field--name-user-picture, .tmprofile-edit-profile-form .edit_username {
	display: inline;
	float: left;
}

.user_profile_rank {
	position: relative;
	float: right;
	top: 3em;
	right: 4em;
	text-align: center;
	width: 80px;
}

.user_profile_rank_small {
	position: relative;
	float: right;
	top: 4em;
	right: 4em;
	text-align: center;
	width: 80px;
}
	
.user_profile_rank_in_plain_text {
	display: none;
}

.user_profile_rank img {
	width: 70px;
	height: 70px;
}

.user_profile_rank_small img {
	width: 35px;
	height: 35px;	
}

.user_profile_rank span,
.user_profile_rank_small span {
	display: inline-block;
	font-size: 0.8em;
}

.user_profile_rank span a,
.user_profile_rank_small span a {
	text-decoration: none;
}

.Grandmaster_bg_image {
	background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/grandmaster.png);
}

.Master_bg_image {
	background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/master.png);
}

.Expert_bg_image {
	background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/expert.png);
}

.Advanced_bg_image {
	background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/advanced.png);
}

.Intermediate_bg_image {
	background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/intermediate.png);
}

.Basic_bg_image {
	background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/basic.png);
}

.Beginner_bg_image {
	background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/beginner.png);
}

.user_profile_label_value {
	color: #215587;
	font-weight: bold;
}

.user_info_row {
	margin-top: 1em;
}

.num_levels_completed {
	font-size: 0.7em;
}


/* Device width <= 800px */
@media (max-width : 800px) {
	
	/* User's genres on user profile page */
	.genres {
		width: 100%;
	}
	
	/* "Upload a new photo" text on user profile edit page */
	#edit-new-photo .panel-title {
		font-size: 0.9rem;
	}
	
	/* Submit button on user profile edit page */
	#edit-image-file-upload-button, #edit-submit {
		font-size: 0.9rem;
	}

	.edit_profile_div {
		width: 70%;
		margin: 0 auto;
	}
	
}

@media (max-width: 700px) {
	

	/* User profile page: Main div with all the content */
	.popup_user_profile {
		width: 100%;
	}
	
	/* User profile: Frame for belt certificate */
	.belt_frame {
		height: auto;
		padding: 0 2em 2em;
		border: 1px solid #aaaaaa;
		box-shadow: 2px 5px 5px #aaaaaa;
	}

	/* Belt frame for various belts */
	.white_belt_frame,
	.gray_belt_frame,
	.yellow_belt_frame,
	.orange_belt_frame,
	.green_belt_frame,
	.blue_belt_frame,
	.purple_belt_frame,
	.red_belt_frame,
	.brown_belt_frame,
	.black_belt_frame {
		background: none;
	}

	/* User profile page: Section containing user profile image and belt image */
	.logged_in_user_picture_section, 
	.user_picture_section {
		/*display: none;*/
		margin-left: 1em;
		margin-right: 3em;
	}
	
	/* User profile page: Username and details */
	.user_profile_username, .user_profile_username_and_details, .logged_in_user_profile_username_and_details {
		/*float: none;*/
	}
	
	.user_profile_user_info {
		width: 18em;
	}
	
	.user_profile_rank_small,
	.user_profile_rank {
		right: 2em;
	}
	
	.edit-profile {
		top: -2.6em;
	}

	.expert_rank_username,
	.master_rank_username,
	.grandmaster_rank_username {
		width: auto;
	}
	
}

@media (max-width : 650px) {
	
	.logged_in_user_picture_section, 
	.user_picture_section {
		/*display: none;*/
		margin-left: 0.5em;
	}

	.user_profile_rank_small,
	.user_profile_rank {
		right: 0.5em;
	}
}


@media (max-width : 590px) {
	
	.belt_frame {
		padding: 0 1em 2em;
	}
	
	.edit-profile {
		right: -1em;
	}
}


@media (max-width : 540px) {
	
	.logged_in_user_picture_section, 
	.user_picture_section {
		display: none;
	}
	
	/*.logged_in_user_profile_username_and_details,
	.user_profile_username_and_details {
		width: max-content;
		margin-left: 7%;
	}
	
	.user_profile_rank {
		right: 7%;
	}*/
	
	.logged_in_user_profile_username_and_details,
	.user_profile_username_and_details {
		width: max-content;
		margin: auto;
		float: none;
	}
	
	.user_profile_rank_small,
	.user_profile_rank {
		display: none;
	}
	
	.user_profile_rank_in_plain_text {
		display: block;
	}
	
	.user_profile_rank_in_plain_text img {
		width: 22px;
		height: 22px;
	}
	
	.user_profile_username {
		font-size: 1.1em;
	}
	
	.edit-profile {
		top: -2.3em;
		font-size: 0.7em;
	}
}

/*
@media (max-width : 470px) {
	
	.logged_in_user_profile_username_and_details,
	.user_profile_username_and_details {
		margin-left: 7%;
	}
	
	.user_profile_rank {
		right: 7%;
	}
}
*/

@media (max-width : 450px) {

	.edit_profile_div {
		width: 100%;
		margin: 0 auto;
	}
	
	/*
	.logged_in_user_profile_username_and_details,
	.user_profile_username_and_details {
		margin-left: 3%;
	}
	
	.user_profile_rank {
		right: 3%;
	}
	*/
	
	.belt_frame {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	
	.edit-profile {
		right: -0.3em;
	}
}

@media (max-width : 280px) {
	
	.user_profile_username_and_details {
		width: auto;
	}
}

@media (max-width : 250px) {
		
	.edit-profile {
		top: -4.7em;
	}
}