/* Eric Meyer's CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */
html {
  height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
body {
  font: 12px/18px Helvetica, Arial, sans-serif;
  width: 100%;
  height: 100%;
  background: #EFF2F2;
}
.wrapper {
  width: 100%;
  margin: 0 auto;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: #595959;
}
h1 {
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 20px;
  margin-top: 10px;
}
p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}
:-moz-placeholder {
  color: #cacfd3;
}
::-moz-placeholder {
  color: #cacfd3;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #cacfd3;
}
::-webkit-input-placeholder {
  color: #cacfd3;
}
input[type=text],
input[type=password],
select,
textarea {
  background: #FFF;
  border: 1px solid #E1E1E1;
  box-shadow: inset 0 0 4px #E1E1E1;
  padding: 6px;
  color: #585858;
  font-size: 14px;
  line-height: 16px;
  border-radius: 6px;
  width: 164px;
}
select {
  width: 200px;
}
.btn {
  display: inline-block;
  color: #FFF;
  border: 3px solid #FFF;
  border-radius: 3px;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 6px;
}
.btn.btn-orange {
  background: #ffa767;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffa767 0%, #ff7f20 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa767), color-stop(100%, #ff7f20));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffa767 0%, #ff7f20 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffa767 0%, #ff7f20 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffa767 0%, #ff7f20 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffa767 0%, #ff7f20 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa767', endColorstr='#ff7f20', GradientType=0);
  /* IE6-8 */
  width: 200px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.btn.btn-orange:hover {
  cursor: pointer;
  background: #ffaa6c;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWE2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffaa6c 0%, #ff7c1c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffaa6c), color-stop(100%, #ff7c1c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffaa6c 0%, #ff7c1c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffaa6c 0%, #ff7c1c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffaa6c 0%, #ff7c1c 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffaa6c 0%, #ff7c1c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaa6c', endColorstr='#ff7c1c', GradientType=0);
  /* IE6-8 */
}
.form .controls {
  position: relative;
  margin-bottom: 10px;
}
.form .controls label {
  font-size: 15px;
  color: #bdc3c7;
}
.form .controls .errorMessage {
  position: absolute;
  left: 212px;
  top: 6px;
  color: #ff7070;
  font-size: 11px;
  font-style: italic;
  width: 300px;
}
.form .checkbox_styled input[type=checkbox] {
  display: none;
}
.form .checkbox_styled input[type=checkbox] + label {
  font-size: 12px;
  color: #585858;
  display: inline;
}
.form .checkbox_styled input[type=checkbox] + label > span {
  background: url(../images/checbox_bg.png) 1px 0 no-repeat transparent;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 8px;
  margin-top: -3px;
}
.form .checkbox_styled input[type=checkbox] + label > span:hover {
  background-position: -15px 0;
}
.form .checkbox_styled input[type=checkbox]:checked + label > span {
  background-position: 0 -15px;
}
.form .checkbox_styled input[type=checkbox]:checked + label > span:hover {
  background-position: -15px -15px;
}
input.login {
  background: url(../images/login_bg.png) 10px 50% no-repeat #ffffff;
  padding-left: 30px;
}
input.password {
  background: url(../images/password_bg.png) 10px 50% no-repeat #ffffff;
  padding-left: 30px;
}
input.captcha {
  background: url(../images/captcha_bg.png) 10px 50% no-repeat #ffffff;
  padding-left: 30px;
}
input.email {
  background: url(../images/email_bg.png) 10px 50% no-repeat #ffffff;
  padding-left: 30px;
}
input.mobile {
  width: 188px;
}
.logo {
  background: url(../images/logo.png) 0 0 no-repeat transparent;
  width: 94px;
  height: 58px;
  margin: 0 auto;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}
.captcha-image {
  background: url(../images/captcha_image_bg.png) 0 0 no-repeat transparent;
  overflow: hidden;
  width: 200px;
  height: 53px;
}
/* Header
-----------------------------------------------------------------------------*/
.header {
  height: 200px;
  overflow: hidden;
}
.header .logo {
  margin: 60px auto 0 auto;
}
/* Middle
-----------------------------------------------------------------------------*/
.content {
  padding: 0 80px 130px 80px;
  position: relative;
}
.content .info-page {
  padding-bottom: 60px;
}
.login-page,
.feedback-page,
.register-page {
  width: 210px;
  margin: 0 auto;
}
.form-login {
  width: 210px;
  margin: 15px auto 0 auto;
}
.form-feedback {
  margin: 15px auto 0 auto;
  width: 210px;
}
.form-feedback textarea {
  width: 188px;
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
  margin: -110px 0 0;
  height: 110px;
  background: #FFF;
  position: relative;
}
.footer .footer_inner {
  max-width: 1000px;
  min-width: 740px;
  margin: 0 auto;
}
.footer .footer_menu {
  list-style: none;
  margin: 0 0 0 6%;
  padding-top: 50px;
  overflow: hidden;
  float: left;
}
.footer .footer_menu li {
  float: left;
  margin-right: 25px;
}
.footer .footer_menu li a {
  font-size: 14px;
  color: #585858;
}
.footer .copyright {
  float: right;
  margin-top: 50px;
  margin-right: 10%;
  font-size: 14px;
  color: #585858;
}