/* LOGIN 
 Header tools */
#ja-headtools {
width:250px;
height:40px;
position:relative;
}

#ja-headtools ul {
white-space:nowrap;
margin:0 auto;
padding:15px 0 0 25px;
}

#ja-headtools li {
display:inline;
float:left;
line-height:normal;
margin:0 25px 0 0;
}

#ja-headtools li a.login-switch,#ja-headtools li a.panel-switch,#ja-headtools li a.logout-switch,#ja-headtools li a.register-switch {
color:#999;
display:block;
text-align:center;
text-decoration:none;
font-size:0.8em;
text-transform:uppercase;
}

#ja-headtools li a.login-switch {
width:53px;
background:url(../images/login.gif) top left no-repeat;
text-align:right;
}

#ja-headtools li a.register-switch {
width:94px;
background:url(../images/registro.gif) top left no-repeat;
text-align:right;
}

#ja-headtools li a.register-switch:hover,#ja-headtools li a.login-switch:hover,#ja-headtools li a.panel-switch:hover,#ja-headtools li a.logout-switch:hover {
color:#333;
text-decoration:underline;
}

#ja-login .inputbox {
background:#EBEAE8;
border:1px solid #CCC;
color:#333;
}

/* Login */
#ja-loginwrap {
background:url(../images/tool-sep.gif) repeat-y left top;
float:right;
text-align:right;
padding:8px 0 10px 10px;
}

#ja-login form {
float:left;
margin-top:5px;
}

label.ja-login-user span {
display:block;
float:left;
background:url(../images/icon-user.gif) no-repeat center left;
width:100px;
font-weight:700;
text-align:left;
text-transform:uppercase;
height:10px;
font-size:0.9em;
}

label.ja-login-password span {
display:block;
float:left;
background:url(../images/icon-key.gif) no-repeat center left;
width:100px;
font-weight:700;
text-align:left;
text-transform:uppercase;
height:10px;
font-size:0.9em;
}

#ja-login form input.button {
font-size:11px !important;
float:left;
}

#ja-login form #mod_login_username,#ja-login form #mod_login_password {
background:#FFF;
border:1px solid #000;
font-size:11px !important;
width:200px;
margin:1px 8px 0 0;
padding:2px;
}

#ja-login form a {
text-decoration:none;
background:url(../images/bullet1.gif) no-repeat center left;
padding:0 5px 0 10px;
}

#ja-login form a:hover,#ja-login form a:active,#ja-login form a:focus {
color:#C55901;
text-decoration:underline;
}

.ja-login-links {
padding-top:5px;
clear:both;
text-align:left;
}

.ja-login-links a {
font-size:0.9em;
color:#306190;
text-decoration:none;
font-weight:400;
}

div#login {
display:inline;
background:url(../images/vline.gif) no-repeat left center;
padding-left:12px;
padding-right:8px;
}

/*usertools*/
#ja-usertools {
position:absolute;
right:210px;
top:88px;
}

div#ja-usercolors {
float:right;
padding:14px 10px 0 0;
}

#ja-usertools ul,#ja-usercolors ul {
display:inline;
margin:0;
padding:0;
}

#ja-usertools ul li,#ja-usercolors ul li {
float:left;
background:none;
margin:0;
padding:0 2px;
}

/* *Login */
#theLayer {
border:3px solid #88BAAE;
background:#fff;
font-size:0.8em;
position:absolute;
width:300px;
left:500px;
top:26px;
visibility:hidden;
z-index:9999;
padding:5px;
}

#theLayer td {
padding:5px;
}

#theLayer input.textfield {
width:50px;
}

.formulario {
border:1px solid #E1E1D9;
color:#B0869B;
padding:5px;
}

.cerrar {
display:inline;
float:right;
}

.titulo_form {
display:inline;
float:left;
font-size:1em;
font-weight:700;
color:#5B8F00;
}

.olvido {
padding-left:15px;
display:inline;
}

#ja-login form label,div#login .button {
float:left;
}