/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

The CSS, XHTML and design is released under Creative Common License 2.5:
http://creativecommons.org/licenses/by-sa/2.5/

*/

/* Login Panel */

#container {
background: url(../images/login_top.jpg) repeat-x 0 0;
width: 100%;
}

#top {
background: url(../images/login_top.jpg) repeat-x 0 0;
height: 38px;
width: 950px;

margin: 0 auto;
}

#top ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 0px;
color: #FFF;
font-size: 11px;
text-align: center;
background: url(../images/login_r.jpg) no-repeat right 0;
padding-right: 45px;
}

#top ul.login li.left {
background: url(../images/login_l.jpg) no-repeat left 0;
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: block;
float: left;
}

#top ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
background: url(../images/login_m.jpg) repeat-x 0 0;
}

#top ul.login li a {
color: #469FDF;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
}

#top ul.login li a:hover {
}

/*Login*/

/* toggle effect - show/hide login*/

#login {
background: #1E1E1E;
width: 100%;
margin: 0 auto;
}

#login a {
text-decoration: none;
color: #469FDF;
display: block;
}

#login a:hover {
text-decoration: underline;
}

#login .loginContent {
width: 950px;
margin: 0 auto;
padding: 20px 0px 15px 0px;
text-align: left;
}

#login .loginContent .left {
width: 120px;
float: left;
padding-left: 65px;
}

#login .loginContent .right {
width: 290px;
float: right;
text-align: right;
padding-right: 65px;
white-space: nowrap;
}

#login .loginContent form {
margin: 0 0 10px 0;
height: 26px;
}

#login .loginContent input.field {
border: 1px #1A1A1A solid;
background: #464646;
margin-right: 5px;
margin-top: 4px;
color: #FFF;
height: 16px;
}

#login .loginContent input:focus.field {
background: #545454;
}

#login .loginContent input.rememberme {
border: none;
background: transparent;
margin: 0;
padding: 0;
}

#login .loginContent input.button_login {
width: 47px;
height: 20px;
cursor: pointer;
border: none;
background: transparent url(../images/button_login.jpg) no-repeat 0 0;
}

#login .loginClose {
display: block;
position: absolute;
right: 25px;
top: 25px;
width: 70px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
}

#login .loginClose a {
display: block;
width: 100%;
height: 20px;
background: url(../images/button_close.jpg) no-repeat right 0px;
padding-right: 5px;
border: none;
color: #FFF;
text-decoration: none;
}

#login .loginClose a:hover {
background: url(../images/button_close.jpg) no-repeat right -20px;
}

#pass {
margin-left: 20px;
}

#wp-submit {
margin-left: 20px;
}