/* --------------- my-page ------------*/

	.my-page {
		width: 100%;
		height: 100%;
		position: relative;
		display: table;
		font: 1em sans-serif;
	}
	
	.my-page aside {
		width: 19%;
		padding: 0 1%;
		height: 100%;
		display: table-cell;
		vertical-align: top;
		border-right: 1px solid #ccc;
	}
	
	.my-page aside nav {
		
	}
	.my-page aside nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.my-page aside nav li {
		margin-bottom: 4px;
	}
	.my-page aside nav a {
		font-size: 14px;
		color: #595959;
		font-family: Trebuchet MS;
		text-decoration: none;
	}
	.my-page aside nav a:hover, .my-page aside nav a:focus {
		color: #222222;
		text-decoration: underline;
	}
	
	.my-page section {
		/*width: 80%;
		display: table-cell;
		vertical-align: top;*/
	}
	
	.my-page section>div {
		width: 98%;
		padding: 0 0 0 2%;
		display: table-cell;
		vertical-align: top;
		border-right: none;
		margin-bottom: 20px;
	}
	.my-page section>div:first-child {
		width: 194px;
		padding: 0 5px 0 0;
		border-right: 1px solid #cccccc;
	}
	
	.my-page section>div>div {
		margin-bottom: 20px;
	}
	.my-page .ava-user {
		display: block;
		text-align: center;
	}
	.my-page .ava-user .zoom_picture {
		display: block;
	}
	.my-page .ava-user img {
		display: block;
		margin-bottom: 8px;
		border: 1px solid #cccccc;
	}
	
	.my-page .frends-user {
		text-align: center;
	}
	.my-page .frends-user img {
		display: block;
	}
	.my-page .frends-user>span {
		display: block;
		width: 33.3333%;
		float: left;
	}
	.my-page .frends-user>span>a {
		display: block;
		overflow: hidden;
		margin: 3px;
		height: 42px;
		border: 1px solid #CCCCCC;
	}
	
	.my-page .info-user {
		
	}
	
	.my-page .info-user>div {
		margin-bottom: 18px;
	}
	
	.my-page .info-user>div>div {
		margin-bottom: 6px;
	}
	
	.my-page .info-user>div>div>span:first-child {
		width: 26%;
		padding-left: 4%;
		font-size: 12px;
		color: #787878;
		display: inline-block;
		vertical-align: top;
	}
	.my-page .info-user>div>div>span {
		width: 67%;
		display: inline-block;
		vertical-align: top;
	}
	
	.my-page .info-user h4 {
		font-family: Arial;
		font-size: 18px;
		font-weight: normal;
		padding: 0 0 10px;
	}
	
	.my-page .info-user p {
		color: #787878;
		font-family: trebuchet ms;
		font-size: 14px;
		font-style: italic;
		padding: 0 0 10px;
	}
	
	.my-page .info-user a {
		
	}
	
	.my-page h5 {
		font-family: Arial;
		font-family: trebuchet ms;
		font-weight: normal;
		color: #3E3E3E;
		padding: 3px 8px;
		margin-bottom: 6px;
		background-color: #F4CB5F;
		box-shadow: 0 1px 1px #7F806D;
		text-align: center;
	}
	.my-page .info-user h5 a, .my-page .wall-user>div a {
		float: right;
		color: #987021;
		font-family: trebuchet ms;
		font-size: 12px;
		text-decoration: none;
	}
	.my-page .info-user h5 a:hover, 
	.my-page .info-user h5 a:focus, 
	.my-page .wall-user>div a:hover, 
	.my-page .wall-user>div a:focus  {
		color: #7B560E;
		text-decoration: underline;
	}
	
	.my-page .wall-user {
	
	}
	.my-page .wall-user .textarea {
		text-align: right;
		margin-bottom: 20px;
		display: block;
	}
	.my-page .wall-user .textarea div {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.my-page .wall-user .textarea textarea {
		text-align: left;
		height: 80px;
		margin: 0;
		resize: none;
		width: 98%;
		padding: 1%;
		border: medium none;
	}
	.my-page .wall-user .textarea button {
		/*cursor: pointer;
		-moz-box-shadow:inset 0px 1px 0px 0px #E4E4E4;
		-webkit-box-shadow:inset 0px 1px 0px 0px #E4E4E4;
		box-shadow:inset 0px 1px 0px 0px #E4E4E4;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C6C5C5 ), color-stop(1, #888888) );
		background:-moz-linear-gradient( center top, #C6C5C5  5%, #888888 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C6C5C5 ', endColorstr='#888888');
		background-color:#C6C5C5;
		border:1px solid #888888;
		display:inline-block;
		color: #fff;
		font-family:arial;
		font-size:13px;
		font-weight:bold;
		padding: 4px 10px;
		text-decoration:none;
		text-shadow:1px 1px 0px #6C6C6C;*/
	}
	
	.my-page .wall-user>div {
		border-top: 1px solid #CCCCCC;
		margin-bottom: 20px;
		padding-top: 10px;
		width: 100%;
	}
	.my-page .wall-user>div>span:first-child {
		width: 18%;
		margin-right: 2%;
		display: inline-block;
		vertical-align: top;
	}
	.my-page .wall-user>div>span {
		display: inline-block;
		width: 80%;
		vertical-align: top;
	}
	.my-page .wall-user>div img {
		width: 100%;
		border: 1px solid #ccc;
	}
	.my-page .wall-user>div h4 {
		padding: 0;
		margin: 0 0 10px;
	}
	.my-page .wall-user>div p {
		padding: 0;
	}
	.my-page .wall-user>div>div div {
		margin-top: 10px;
	}
	.my-page .wall-user>div span {
		color: #787878;
		font-family: trebuchet ms;
		font-size: 12px;
	}
	.my-page .wall-user>div a {
		
	}
	
	.my-page  .my_page_button {
		background: #ED5600;
		background: -moz-linear-gradient(top,  #FFA751 0%, #ED5600 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA751), color-stop(100%,#ED5600));
		background: -webkit-linear-gradient(top,  #FFA751 0%,#ED5600 100%);
		background: -o-linear-gradient(top,  #FFA751 0%,#ED5600 100%);
		background: -ms-linear-gradient(top,  #FFA751 0%,#ED5600 100%);
		background: linear-gradient(to bottom,  #FFA751 0%,#ED5600 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA751', endColorstr='#ED5600',GradientType=0 );
		cursor: pointer;
		opacity: 0.8;
		color: #FFFFFF;
		text-decoration: none;
		padding: 4px 10px;
		border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
		display: inline-block;
		border: 1px solid #D24C00;
		box-shadow: 0 1px 0 #FFDCA0 inset;
		-webkit-box-shadow: 0 1px 0 #FFDCA0 inset;
		font-weight: normal;
	}
	.my-page  .my_page_button:focus,
	.my-page  .my_page_button:hover {
		opacity: 1;
	}