.tpp-page-edit-profile label {
    width:100%;
}

#profile-banner {
	background-image: url("//d3b5g5w8iutjdd.cloudfront.net/wp-content/uploads/2014/11/Sky-Blue-flag.jpg");
	background-repeat: no-repeat;
	background-color: white;
	position: relative;
	height: 430px;
	min-height: 250px;
	max-width: 1130px;
	margin: 20px auto;
	background-size: cover !important;
}

#dashboard-hdr .dashboard-info-bar {
	opacity: 0.75;
	background-color: black;
}
#dashboard-hdr .dashboard-info-bar,
#dashboard-hdr .dashboard-info-bar-container {
	position: absolute;
	bottom:20px;
	left:0;
	right:0;
	padding: 0 30px;
	height: 3em;
}

#dashboard-hdr .dashinfo {
	display: inline-block;
	position: relative;
	width: 32%; /* if this is bigger it wont be responsive*/
	height: 3em;
}

#dashboard-hdr .dashinfo-image {
	position:absolute;
	width:1px;
	bottom:2em;
	margin:0 50%;
	z-index:1000;
}
#dashboard-hdr .dashinfo-image img {
	position:relative;
	left:-32px;
	width: 64px;
	height:64px;
	border-radius:50%;
	box-shadow: 2px 3px 5px rgba(0,0,0,0.5);
}
#dashboard-hdr .calendar .dashinfo-image img {
	border-radius:2px;
	box-shadow: none;
}

#dashboard-hdr .current-menu-item img,
#dashboard-hdr a:hover img {
	left:-48px;
	width:96px;
	height:96px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


#dashboard-hdr .dashinfo-name,
#dashboard-hdr .dashinfo-name span {
	width: 100%;
	text-align: center;
	padding-top:1em;
	color:#bbb !important;
}

#dashboard-hdr .current-menu-item .dashinfo-name,
#dashboard-hdr .current-menu-item .dashinfo-name span,
#dashboard-hdr a:hover,
#dashboard-hdr a:hover .dashinfo-name,
#dashboard-hdr a:hover .dashinfo-name span {
	color:#fff !important;
	font-weight: bold;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


#profile-avatar-upload, #profile-banner-upload {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
#profile-avatar-upload input[type="file"],
#profile-banner-upload input[type="file"] {
  display: inline-block;
  width: 220px;
  height: 40px;
}


.tpp-page-edit-profile div div div.profile_avatar,
.tpp-page-edit-profile div div div.profile_banner,
.tpp-page-edit-profile div div div.profile_avatar div,
.tpp-page-edit-profile div div div.profile_banner div {
    text-align:center;
    margin: auto;
}
.tpp-page-edit-profile div div div.profile_avatar img {
    height:96px;
    width:96px;
}
.tpp-page-edit-profile div.profile_banner img {
    height:96px;
    max-width:253px;
    border: 1px solid gray;
}

.tpp-page-edit-profile .profile_avatar button,        .tpp-page-edit-profile .profile_banner button,
.tpp-page-edit-profile .profile_avatar button:active, .tpp-page-edit-profile .profile_banner button:active,
.tpp-page-edit-profile .profile_avatar button:focus,  .tpp-page-edit-profile .profile_banner button:focus,
.tpp-page-edit-profile .profile_avatar button:hover,  .tpp-page-edit-profile .profile_banner button:hover {
    float:none;
}
.tpp-page-edit-profile .profile_avatar button,        .tpp-page-edit-profile .profile_banner button {
	margin-top: 10px;
}

#dashboard-hdr .current-menu-item .dashinfo-name:after {
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    content:"" !important;
    display:block !important;
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid #fff !important;
    left: 50% !important;
    margin-left: -8px !important;
}


.edit-profile-progress {
	max-width: 215px;
	margin: auto;
}