body.controller-auth > #top-bar
{
	display: none !important;

}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

#top-bar-not-logged {
	padding-top: 9px;
	font-size: 140%;
	color: white;
	}

#top-bar-not-logged p {
  margin: 0;
  padding: 0;
}

#top-bar-not-logged .action {
  font-size: 0.8em;
}
#login-element
{
 text-align: center;

}
#loginloader
{
 dposition: fixed;
 rmargin-top: 180px;
 height: 100px;
 text-align: center;
 display: none;
 padding: 0;
 dleft: 0;
 padding-top: 30px;
}

#login-area {
 float: none;
 width: 400px;
 margin: 0 auto;
 margin-top: 4.0vw;
 font-size: 1.1em;
 display: block;
 vbackground-color: #f8f8f8;
 padding-top: 80px;

 background-position: center 0px ;
 background-size: cover;
 background-repeat: no-repeat;



 font: 14px/1.4 arial;
 padding-bottom: 40px;



}

.loggin-in
{
	/*
 visibility: hidden !important;
  opacity: 0 !important;
	display: none;*/
}

#main-page-logo
{
 background-image: url(/images/logo_main_login_gray100.png);
 background-size: auto 100%;
 background-position: center center;
 height: 100px;
 width: 100%;


 background-repeat: no-repeat;
 bbackground-color: rgba(0,0,0,0.1);
}

#login-area dt,
#login-area dd {
 float: none;
 clear: both;
 width: 100%;
 margin: 0;
 text-align: center;
 padding: 0;
 border: 0;
}

#login-area dt
{
 display: none;

}
#login-area dl
{
 margin: 0;
 padding: 0;
}

.blue-button {
 display: none;
}

.login-form {
 display: block;

 clear: both;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 50px;
 margin-top: 50px;
       -webkit-transition-property: visibility, opacity;
       -moz-transition-property: visibility, opacity;
         -o-transition-property: visibility, opacity;
            transition-property: visibility, opacity;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
  visibility: visible;
  opacity: 1;


}

#fb-root {
 float: left;
 clear: left;
 width: 200px;
 padding-top: 20px;
 /*display: none;*/
}

.login-openid {
	float: left;
	width: 350px;
	display: none;
}
#login-area input[type="text"],
#login-area input[type="password"]
{

  padding: 3px;
  text-decoration: none;
  text-align: center;
  border: 1px solid #E4E3E6;
  Padding: 7px;

    background: #f8f8f8;
    border: 1px solid transparent;

    vbox-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

    width: 252px;

}

#login-area input[type="text"]
{
 border-bottom: 1px solid #E4E3E6;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 background: #f8f8f8 url('/images/silhouette20px_light.png') 8px 4px no-repeat;
}

#login-area input[type="password"]
{
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
 border-bottom: 1px solid #E4E3E6;

 background: #f8f8f8 url('/images/lock_light.png') 12px 4px no-repeat;
 margin-top: 10px;
}

input[type="submit"], input[type="reset"] {
  width: 266px;
  padding-top: 10px;
  padding-bottom: 10px;

  color: white;
  font-size: 0.8em;
  background: #1B8CE2;
  border: 1px solid #1B8CE2;
  border-radius: 3px;
  vbox-shadow: 0px 2px 0px #2F4F66;


}
dd#login-element
{
 margin-top: 40px;

}
input[type="reset"]
{
	clear: none;
	float: left;
	background: -moz-linear-gradient(
		top,
		#f75f39 0%,
		#a63522 0%,
		#471614);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f75f39),
		color-stop(0.0, #a63522),
		to(#471614));
}
input[type="submit"]:hover, input[type="reset"]:hover
{
 cursor: pointer;
}
input[type="submit"]:active, input[type="reset"]:active
{
background: #399AE5;
border-top: 1px solid #666666;
border-botto: 1px solid #e8e8e8;
 box-shadow: 0px 0px 0px #cccccc;
}
.login-form p
{


 text-align: center;


}

.p-forgot-pw a:link,
.p-forgot-pw a:visited,
.p-forgot-pw a:hover,
.p-forgot-pw a:active
{
  color: #666666 !important;

}

.login-form #phone-label label,
.login-form #password-label label
{
 color: white;
}


.p-forgot-pw
{
 margin-top: 40px;

}
.p-forgot-pw2
{
 margin-top: 10px;

}
.errors,
.errors li
{
 margin: 0;
 padding: 0;
 width: 267px;
 list-style-type: none;
 margin: 0 auto;
}

.errors li
{
 padding-top: 7px;
 padding-bottom: 7px;
 color: white;
 background: #9A0707;
 text-shadow: 1px 1px 1px #1b1b1b;
}

.g-recaptcha
{
 display: inline-block;
 width: 100%;
 margin-top: 30px;
 text-align: center;

}

.g-recaptcha > div
{
 display: inline-block;
}
/* @media Rule */
@media all and (max-width: 481px) {
 #content
 {
  margin: 0;
  padding-top: 0px !important;
  width: 100%;
 }
 #login-area
 {
  margin: 0;
  box-shadow: 0 0 0 0 transparent;
  border-radius: 0;
  height: 100%;
  width: 100% !important;
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

 }
 .login-form
 {
  margin: 0;
  padding-bottom: 20px;
 }


}