/* LOGIN */

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

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

#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: #999999;
	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: #333333;
	text-decoration: underline;
}

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


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

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

#ja-login form label {
	float: left;
}

label.ja-login-user span {
	display: block;
	float: left;
	background: url(../images/icon-user.gif) no-repeat center left;
	width: 100px;
	font-weight:bold;
	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:bold;
	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: #FFFFFF;
	border: 1px solid #000000;
	width: 110px;
	margin: 1px 8px 0 0;
	font-size: 11px !important;
	padding: 2px;
	width:200px;
}

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

#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:normal;
}

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

div#login .button {
	float: left;
}

/*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 {
	margin: 0;
	padding: 0;
	display: inline;
}

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

/* *Login */
#theLayer{border:3px solid #88BAAE; background:#ffffff; padding:5px; font-size:0.8em; position:absolute;width:300px;left:0%;top:40px;visibility:hidden;z-index:9999}
#theLayer td{padding:5px}
#theLayer input.textfield{width:50px}
.formulario{border:1px solid #E1E1D9; padding:5px; color:#B0869B}
.cerrar{display:inline; float:right;}
.titulo_form{display:inline; float:left; font-size:1em; font-weight:bold; color:#5B8F00}
.olvido{padding-left:15px; display:inline}