/*@import url(/libraries/css/font.css);*/
* {
	padding: 0px;
	margin: 0px;
	outline: none;
	border: none;
}

body {
	font-family: 'Source Sans Pro', Tahoma, sans-serif;
	font-size: 16px;
	color: #748796;
	font-weight: 400;
	line-height: 1.875em;
}

a {
	text-decoration: none;
	color: #2895F1;
}

ul li {
	list-style-type: none;
}

.clear_fix {
	clear: both;
}

.content {
	margin: 0px auto;
}

.left_content {
	position: relative;
	float: left;
	width: 509px;
	height: 509px;
	display: block;
	float: left;
	display: block;
}

.head_content {
	margin-top: 20px;
}

.top_menu {
	
}

.top_menu li {
	float: right;
	margin-left: 10px;
}

.logo img {
	min-height: 32px;
}

.right_content {
	display: block;
	width: 333px;
	float: left;
}

.body_content input[name=country_code], .body_content input[type=text],
	.body_content input[type=tel], .body_content input[type=password],
	.body_content input[type=email] {
	width: 295px;
	padding: 6px 5px;
	height: 21px;
	line-height: 21px;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	color: #3d464d;
	font-size: 14px;
	margin-bottom: 8px;
	float: left;
}

.body_content input[name=country_code] {
	width: 47px;
}

.body_content input[type=tel] {
	width: 206px;
	margin-left: 10px;
}

.body_content button {
	font-size: 14px;
	height: 35px;
	font-weight: normal;
	background: #007ee5;
	background: linear-gradient(to bottom, #168eef 0%, #007ee5 100%);
	border: 1px solid #0c6ebe;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-weight: normal;
	float: right;
	padding: 0px 15px;
}

.log_in_password {
	width: 180px !important;
	margin-right: 5px;
}

.log_in_button {
	margin-bottom: 8px;
	width: 101px;
}

.log_in_form, .log_in_fb, .sign_up_form {
	border: 1px solid #e1e8ed;
	border-radius: 4px;
	padding: 12px;
	margin-bottom: 11px;
}

.log_in_fb {
	text-align: center;
	background-color: #3F51B5;
}

.log_in_fb a {
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
}

.sign_up_title {
	margin: 10px 0px 15px 0px;
}

.sign_up_button {
	
}

@media screen and (max-width: 1023px) {
	.content {
		width: 100%;
	}
	.left_content {
		display: none;
	}
	.logo {
		margin: 0px auto;
		width: 50%;
		min-height: 32px;
	}
	.logo img {
		width: 100%;
	}
	.right_content {
		float: none;
		margin: 0px auto;
	}
}

@media screen and (min-width: 1024px) {
	.content {
		width: 842px;
	}
	.left_content {
		display: block;
	}
	.logo img {
		width: inherit;
	}
	.right_content {
		
	}
}

.error_messenger {
	color: #F44336;
	font-size: 14px;
}

.language {
	text-align: right;
}