﻿.user_online_status  {
	position:absolute;
	width:16px;
	height:16px;
	background-color:#fff;
	border-radius:50%;
	margin-left:25px;
	margin-top:-20px;
	border:2px solid #fff;
}

.user_online_status.green {
	background-color:#84d04c;
}
.user_online_status.yellow {
	background-color:#e9e100;
}
.user_online_status.gray {
	background-color: #cecece;
}

.user_status_new {
	color:#999 !important;
}
.user_status_10 {
	color:#555 !important;
}

.user_status_100 {
	color:#555 !important;
}

.user_status_500 {
	color:#555 !important;
}

.user_status_1000 {
	color:#48a750 !important;
}

.user_status_admin {
	color:#DD3A14 !important;
}

.user_status_partner {
	color:#278BD9 !important;
}

.user_status_ghost {
	color:#bbb !important;
}

.user_status_vip {
	color:#48a750 !important;
}





.user_profile_rating {
	width:120px;
	text-align:center;
	font-size:12px;
	line-height:14px;
	margin:0 20px 0 0;
}

.user_profile_rating b {
	font-size:24px;
	line-height:36px;
}


.loginform {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Для Firefox */		

	background-color:#ddd;
	width:300px;
	padding:20px;
	
	border:1px solid #aaa;
	
	height:240px;
	text-align:center;
}

.loginform input {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Для Firefox */		
	display:block;
	width:100%;
	padding:8px;
}

#register_form input {
	display:block;
	width:100%;
	max-width:400px;
	margin-bottom:20px;
}

#register_form input[type="submit"] {
	width:auto;
}

.top_get_login {
	margin-top:16px !important;
	text-align:center;
	/*color:#CE521A;*/
}

.top_login_form {
	text-align:center !important;
	margin-top:-8px;
}

.top_login_form input {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Для Firefox */	
	width:100%;
}


.current_user {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Для Firefox */
	line-height:24px;
	width:300px;
	
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    
	height:240px;
	margin-top:-180px;
}

.current_user:hover {
	margin-top:0px;
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}

.current_user img {
	width:50px;
	border-radius:25px;
	margin-top:5px;
	/*margin-left:20px;*/
}

.current_user .upper_block {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Для Firefox */
	padding:20px;
		
	margin-top:0px;
	height:180px;
	
	background-color:#fff;
	
	color:#fff;
}

.current_user div {
	margin-top:4px;
}

.account_form input[type="text"], input[type="password"], .account_form select, .account_form textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Для Firefox */
		
	display:block;
	width:100%;
	margin-bottom:20px;
	
}

.account_form input[type="submit"],  .account_form.deletebuttion {
	width:auto;
}

.account_form .hint {
	font-size:14px;
	color:#777;
}



.user_header {
	width:100%;
	height:220px;
	background-color:#bbb;
	color:#fff;
	
	background-attachment:fixed;
	background-position:center 60px;
	background-repeat: no-repeat;
	
}

.user_header h1 {
	color:#fff;
	position:absolute;
	margin:130px 0 0 40px;
	text-shadow: 2px 2px 4px rgba(10, 10, 10, 1);
	font-family: 'Open Sans Condensed Bold', sans-serif;
}

.user_header img {
	border-radius:100px;
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
	margin-top:70px;
}

.user_subheader {
	width:100%;
	height:40px;
	font-size:18px;
	color:#555;
	padding-top:6px;
	border-bottom:1px solid #ddd;
}


.user_info {
	display:table-cell;
	width:360px;
	font-size:14px;
	line-height:22px;
	color:#777;
	border-right:1px solid #ddd;
	padding-right:35px;
}

.user_transport {
	padding-top:-15px;
	display:table-cell;
	padding-left:25px;
}

.user_member_image {
	display:table-cell;
	width:350px;
	vertical-align:top;
	padding:10px;
	box-shadow: 1px 1px 5px 3px #eee;
}

.user_member_image img {
	display:block;
	width:100%;
}

.user_member_text {
	display:table-cell;
	margin-top:10px;
	padding:0px 20px 20px 20px;
	font-size:14px;
	line-height:18px;
}

.header_rating {
	margin-left:242px;
}

.user_after_header {
	height:60px;	
}

.user_after_transport {
	height:40px;
}

.rt_table {
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size:14px;
	border-color:#888;	
}

.rt_table td {
	text-align:center;
}

.rt_table td img {
	width:40px;
	border-radius:50%;
	margin-top:4px;
}

.tr_header td img {
	height:40px;
	border-radius:0px !important;
}

@media only screen and (max-width: 900px) {
	.user_transport {
		display:block;
		padding:20px 0 0 0;
	}

	.user_after_header {
		height:20px;
	}
	
	.user_info {
		display:block;
		border-right:none;
		border-bottom:1px solid #ddd;
		padding-bottom:30px;
		width:100%;
	}
	
	.user_header {
		width:100%;
		height:160px;
		background-color:#bbb;
		color:#fff;
		
		background-attachment:scroll;
		background-position:center;
		background-repeat: no-repeat;
	}
	
	.user_header h1 {
		color:#fff;
		position:absolute;
		margin:100px 0 0 40px !important;
		text-shadow: 2px 2px 4px rgba(10, 10, 10, 1);
	}
	
	.user_header img {
		width:100px;
		border-radius:50px;
		box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
		margin-top:110px;
	}
	
	.header_rating {
		margin-left:142px;
	}
	
	.user_member_text {
		display:block;
		padding:20px;
	}
	
	.user_member_image {
		display:block;
		width:100%;
	}
	
	.user_after_transport {
		height:1px;
	}
}