﻿body {
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 寰蒋闆呴粦, STXihei, 鍗庢枃缁嗛粦, sans-serif;
	color: #333;
	line-height: 1.4em;
	background: #fff;
	padding: 20px;
}

#wrapper {
	width: 1024px;
	margin: 0 auto;
	background: #fff url("/images/bg.png");
	position: relative;
	display: block;
	overflow: auto;
}


 /* TEXT ////////////////////////////////////////////////////////// */

a {
	color: #333;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

a.button:link, a.button:visited {
	color: #444;
	padding: 5px 11px 5px 32px;
	display: inline-block;
	font-size: 13px;
	border-radius: 2px;
}

a.button:hover {
	color: #000;
	text-decoration: none;
}

a.button:active {
	color: #fff;
	text-decoration: none;
}

p {
	margin-bottom: 20px;
}

#error-box {
	background: #222 url("/images/icon-error-0-2x.png") no-repeat 10px 8px;
	background-size: 16px 16px;
	color: #fff;
	padding: 6px 14px 6px 32px;
	margin-bottom: 20px;
	border-radius: 22px;
	display: none;
}

#error-box p {
	margin-bottom: 0;
}


.error {
	color: red;
}

.info {
	font-size: 13px;
	color: #666;
}

h1,h2,h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 寰蒋闆呴粦, STXihei, 鍗庢枃缁嗛粦, sans-serif;
}

h1 {
	color: red;
	font-size: 24px;
	margin-bottom: 20px;
}

h2 {
	color: red;
	font-size: 20px;
	margin-bottom: 30px;
}

hr {
    border: 0;
    height: 1px;
    background: #ddd;
	margin-bottom: 40px;
	margin-top: 30px;
}

hr.blank {
	background: none;
	margin: 0;
}


 /* FORM ////////////////////////////////////////////////////////// */

input, select {
	background: #fff;
    font-size: 13px;
    color: #333;
    border: 1px solid #777;
	margin-bottom: 20px;
    padding: 5px 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	font-family: Helvetica Neue, Helvetica, Arial, "Microsoft YaHei", 寰蒋闆呴粦, STXihei, 鍗庢枃缁嗛粦, sans-serif;
}

input {
    -webkit-appearance: none;
}

select {
    -webkit-appearance: menulist-button;
}

input:focus, input:active {
	background: #222;
    border: 1px solid #222;
    color: #fff;
    background-color: #f4f4f4;
    color: #000;
}

input[type="submit"], button[type="submit"] {
	font-size: 13px;
	color: #444;
	padding: 7px 13px 7px 35px;
	width: auto;
	border: 0;
	margin: 0;
    border-radius: 2px;
}

input[type="submit"]:hover, button[type="submit"]:hover {
	color: #000;
	cursor: pointer;
}

input[type="submit"]:active, button[type="submit"]:active {
	color: #fff;
	cursor: pointer;
}

input::-webkit-input-placeholder		{ color: #ccc; }
input:-moz-placeholder 					{ color: #ccc; }
input::-moz-placeholder					{ color: #ccc; }
input:-ms-input-placeholder				{ color: #ccc; }

input:focus::-webkit-input-placeholder	{ color: #222; }
input:focus:-moz-placeholder 			{ color: #222; }
input:focus::-moz-placeholder			{ color: #222; }
input:focus:-ms-input-placeholder		{ color: #222; }


input:focus::-webkit-input-placeholder	{ color: #bbb; }
input:focus:-moz-placeholder 			{ color: #bbb; }
input:focus::-moz-placeholder			{ color: #bbb; }
input:focus:-ms-input-placeholder		{ color: #bbb; }

.required {
	color: red;
}


 /* MENU ////////////////////////////////////////////////////////// */

#menu {
	float: left;
	clear: left;
	width: 320px;
	height: 100%;
	text-align: center;
	padding-bottom: 64px;
}

#menu img {
	width: 180px;
	/*height: 229px;*/
	margin-top: 60px;
	margin-bottom: 50px; 
}

li {
	margin-bottom: 10px;
}

li a {
	width: 180px;
	text-align: left;
}

.nav1 {
	background: #e0e0e0 url(/images/icon-login-0.png) no-repeat 9px 7px !important;
	background-size: 16px 16px !important;
}
.nav1:hover		{ background-color: #d5d5d5 !important; }
.nav1:active	{ background: red url(/images/icon-login-1.png) no-repeat 9px 7px !important; }


.nav2 {
	background: #e0e0e0 url(/images/icon-register-0.png) no-repeat 9px 7px !important;
	background-size: 16px 16px !important;
}
.nav2:hover		{ background-color: #d5d5d5 !important; }
.nav2:active	{ background: red url(/images/icon-register-1.png) no-repeat 9px 7px !important; }


.nav3 {
	background: #e0e0e0 url(/images/icon-password-0.png) no-repeat 9px 7px !important;
	background-size: 16px 16px !important;
}
.nav3:hover		{ background-color: #d5d5d5 !important; }
.nav3:active	{ background: red url(/images/icon-password-1.png) no-repeat 9px 7px !important; }



 /* MAIN ////////////////////////////////////////////////////////// */

#main {
	width: 584px;
	margin-right: 60px;
	margin-top: 132px;
	float: right;
	clear: right;
	padding-bottom: 64px;
}

#main .languages {
	position: absolute;
	top: 32px;
	right: 60px;
	font-size: 12px;
	font-family: Helvetica Neue, Helvetica, Arial, "Microsoft YaHei", 寰蒋闆呴粦, STXihei, 鍗庢枃缁嗛粦, sans-serif;
}

#main .languages .lang_selected {
	font-weight: bold;
	color: red;
}