/**********************My Account Page**************************/

.my-account-wrapper {
	padding-top: 60px;
	background-color: #F9F8F5;
}

#my-account-title {
	color: white;
	background-color: #0033ff;
	padding: 5px 15px;
	max-width: 50%;
	margin: 0 auto 60px auto;
	text-align: center;
	font-size: 80px;
}

#profile-div {
	text-align: center;
	align-items: center;
	padding: 40px 10px 40px 10px;
	width: 90%;
	margin: 0 auto 60px auto;
	background-color: white;
	border: 5px solid #0033ff;
	-moz-box-shadow:    3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow:         3px 3px 5px 6px #ccc;
}

.profile-name {
	color: #001489;
	margin-bottom: 0px;
}

.profile-name-even {
	color: #02357B;
	margin-bottom: 0px;
}

img#profile-image { max-width:400px; border-radius:10px; }

#profile-personal {
	background-color: white;
	border: 5px solid #02357B;
	text-align: center;
	width: 40%;
	margin: 0 auto;
	padding: 40px 10px 40px 10px;
	-moz-box-shadow:    3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow:         3px 3px 5px 6px #ccc;
}

#profile-site-info {
	background-color: white;
	border: 5px solid #0033ff;
	text-align: center;
	width: 40%;
	margin: 0 auto;
	padding: 40px 10px 40px 10px;
	-moz-box-shadow:    3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow:         3px 3px 5px 6px #ccc;
}

#profile-site-info {
	margin-top: 60px;
	margin-bottom: 60px;
}

.profile-info-heading {
	font-weight: bold;
	margin-bottom: 0px;
}

.edit_profile_table tr > td:first-child{
	font-weight: bold;
}

@media (max-width: 800px) {

	#my-account-title {
		font-size: 60px;
		max-width: 90%;
	}

	#profile-div, #profile-personal, #profile-site-info {
		width: 95%;
	}

	.profile-section h2{ font-size:24px; }	
	.profile-section h2 a { display:block; }

}


/***************************/


.edit-profile-grid input[type="submit"]{
	display: block;
	margin: 5px auto;
	width: 80%;
  font-size: 80%;
  padding: 5px;	
}
.edit-profile-grid  .standard-table > div.table-row {		
	display: grid;
	grid-template-columns: 30% 70%;
	grid-gap: 10px;
	grid-column: 1/-1;
}
.edit-profile-grid  .standard-table > div.table-row div{
	
	display: block;
	padding:7px;
	padding-left: 15px;
	margin:10px;
	text-align: left;
}
.edit-profile-grid  .standard-table > div.table-row div:first-child{
  font-weight: bold;	
	grid-column: 1;
}
.edit-profile-grid  .standard-table > div.table-row div:last-child{
	grid-column: 2;
}

.edit-profile-grid {
	display: grid;
	grid-template-columns: 70% 30%;
	grid-gap: 10px;
	border: 2px solid #d0d0d0;
	padding: 8px 0;
}

.edit-column:first-child {
	grid-column: 1;
	grid-row: 1 / span 1;
	text-align: center;
}
.edit-column:last-child {
	grid-column: 2;
	grid-row: 1 / span 1;
	text-align: center;
}
.edit-column select{
  max-width: 250px;
}
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea, select{
	margin-top:0;
}

.ui-state-default{  
	background: #e3e3e3;
	border: 1px solid #888;
}
.ui-tabs .ui-tabs-panel{
	padding-top:0;
}
.ui-tabs .ui-tabs-nav li{
  font-weight: bold;
}
.ui-widget.ui-widget-content{
	width:100%;
}
.edit-settings-grid{
	border: 2px solid #d0d0d0;
	padding: 12px 25px;
}

.edit-settings-grid h2{
  font-size: 22px;
}
#output_shedprofile{
	text-align: center;
}
#output_shedprofile h4{
	color:#1151d3;
}

@media (max-width: 880px) {

	.edit-column:first-child {
		grid-column: 1/-1;
		grid-row: 1 / span 1;
		text-align: center;
	}
	.edit-column:last-child {
		grid-column: 1/-1;
		grid-row: 2 / span 1;
		text-align: center;
		max-width: 100%;
		margin-top: 10px;
    padding-top: 30px;
		border-top:2px dotted #666;
	}
	
	.edit-column:last-child img{
    max-width:60%;
	}
	.edit-profile-grid .standard-table > div.table-row{
		grid-gap: 3px;
		grid-template-columns: 35% 65%;
	} 
	.edit-profile-grid .standard-table > div.table-row div{
		padding:1px;
		font-size: 88%;
	}
	.edit-profile-grid  .standard-table > div.table-row div:last-child{
		padding-right: 10px;
	}
	#tabsContainer{
		margin-left:5px;
	}
}