/* TODO: This needed to be namespaced, touch base on this. Login blonde removed, needs markup updated */

.login-form .module-bg	{
	margin: -6px -9px -10px -6px;
}
.login-form input[type="text"], .login-form input[type="password"]	{
	height: 14px;
	padding: 4px;
	font-size: 12px;
	line-height: 14px;
}
.login-form .join_now	{
	margin: 0;
}


.login-form .fields { overflow: hidden; }
  .login-form label { float: none; }
  .forgot-pw-link { clear: both; display: block; font-size: 10px; padding-top: 3px; }
  .login-form input[type=text],
  .login-form input[type=password] { width: 250px; }
  .login-form .field-remember { margin: 5px 0; }
    .login-form .field-remember label { width: 100px; margin-left: -4px; }
  .login-form .buttons input[type=submit]{ margin: 0 0 15px; }

.form-login input[type='text'], 
.form-login input[type='password']{ width:250px }
.form-login a{ text-decoration:underline }
.form-login p{ font-weight:bold; margin:0 }
.form-login img{ position:absolute; bottom:11px; right:107px }
  .form-login label{ display:block; text-align:left; width:auto; float:none }
    .form-login .field-checkbox{ width:auto; clear:both; float:none }
    .form-login .field-checkbox label{ display:inline }
    .form-login .field-remember label{ font-weight:normal}
    .form-login .forgot-pw-link{ display:block; padding:5px 0 0; clear:both; font-size:10px; }

.field-gender .field, .field-birthday .field{ float:left; width:auto; clear:none; margin:0 5px 0 0 }    

.form-reg input{ clear:none }
  .form-reg .fields{ float:left }
  .form-reg label, .form-reg .legend{ float:left; width:125px; height:24px; line-height:24px; text-align:right }
    .form-reg .custom-radio label{ width:auto; height:auto; line-height:normal }

.login_blonde { position: absolute; right: 110px; bottom: 1px; background: url('img/login-blonde.png'); width: 363px; height: 367px; }
  label { float: none; }

.live-login-ct { padding: 0 0 50px 30px; }
  .live-login-ct a {
    display: block;
    float: left;
    background: url('img/shared/liveid-signin.gif') no-repeat 0 0;
    height: 19px;
    width: 66px;
    text-indent: -9000px;
    margin-right: 5px;
  }
  .live-login-ct a + span {
    display: block;
    float: left; 
    height: 19px; 
    line-height: 19px;
  }
  .live-login-ct .checkbox { clear: both;  padding-top: 5px; }
    .live-login-ct .checkbox label { width: 200px; font-size: 11px; }

.login-form.logged-out .field.username,
.login-form.logged-out .field.password { width: 300px; }

.forgotpass h3	{
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 1em;
}
.forgotpass .module-bg	{
	margin: -6px -9px -10px -6px;
}
.forgotpass form.theme1 input[type="text"]	{
	width: 200px;
}
#main .forgotpass form.theme1 .button	{
	height: 26px;
	line-height: 26px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#main .forgotpass form.theme1 input.button	{
	height: 28px;
}

#login2	{
	margin-left: -6px;
	margin-right: -9px;
	padding: 6px 9px 10px 6px;
}
#login2 .field	{
	float: left;
	width: 300px;
	padding-bottom: 10px;
}
#login2 .buttons	{
	float: left;
	padding-top: 23px;
}
#login2 .field-remember	{
	width: 170px;
	padding: 23px 0 0 30px;
}
#login2 .field-remember label	{
	margin-left: -4px;
}
#login2 input[type="submit"]	{
	margin: 0;
}
.ie7 #login2 input[type="submit"]	{
	width: auto;
	overflow: visible;
}
#login2 input[type="text"], #login2 input[type="password"]	{
	padding: 4px;
	width: 260px;
	font-size: 12px;
	line-height: 16px;
}

#mobile-test	{
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	margin-top: -1px;
	position: absolute;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

#mobile-test { width: 10px; }

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

#mobile-test { width: 10px; }

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

#mobile-test { width: 20px; }

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1025px) {

#mobile-test { width: 30px; }

}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {

#mobile-test { width: 40px; }

}