/******************************************************************************
 *
 * @(#)login.css
 *
 * Copyright 1997, 2012 DEISTER, S.A.
 * Todos los derechos reservados.
 *
 * Este software es confidencial y contiene informacion propiedad
 * de DEISTER, S.A. Usted no puede publicar esta informacion y solo
 * puede utilizarla en los terminos de la licencia de uso que ha
 * firmado con DEISTER.
 *
 *****************************************************************************/

body {
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	min-width: 600px;
	height: 100%;
}

.login * {
	margin: 0;
	padding: 0;
}

/* background standard color gradient */
body.login {
	background: #6A7070;
	background-image: -ms-radial-gradient(center, circle cover, #A2ABAB 0%, #6A7070 100%);
	background-image: -moz-radial-gradient(center, circle cover, #A2ABAB 0%, #6A7070 100%);
	background-image: -o-radial-gradient(center, circle cover, #A2ABAB 0%, #6A7070 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 510, color-stop(0, #A2ABAB), color-stop(1, #6A7070));
	background-image: -webkit-radial-gradient(center, circle cover, #A2ABAB 0%, #6A7070 100%);
	background-image: radial-gradient(center, circle cover, #A2ABAB 0%, #6A7070 100%);
}
body.login.quiescent {
	background-image: -ms-radial-gradient(center, circle farthest-corner, #D16767 0%, #4F2727 100%);
	background-image: -moz-radial-gradient(center, circle farthest-corner, #D16767 0%, #4F2727 100%);
	background-image: -o-radial-gradient(center, circle farthest-corner, #D16767 0%, #4F2727 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 510, color-stop(0, #D16767), color-stop(1, #4F2727));
	background-image: -webkit-radial-gradient(center, circle farthest-corner, #D16767 0%, #4F2727 100%);
	background-image: radial-gradient(center, circle farthest-corner, #D16767 0%, #4F2727 100%);
}

/* background image - method 0 */
/* http://www.robertkuzma.com/project/full-background-css3/ */
/*
body.login {
	background: url('../../common_img/fondo.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.jpg', sizingMethod='scale')";
}
*/

/* background image - method 1 */
/* http://www.quackit.com/html/codes/html_stretch_background_image_example.cfm */
/**/
#page-background {
	z-index: -999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/**/

/* background image - method 2 */
/* http://paulmason.name/media/demos/full-screen-background-image/ */
/*
#full-screen-background-image {
	z-index: -999;
	min-height: 100%;
	min-width: 800px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}
*/


.login .clear {
	clear: both;
}


/* LOGOS (INSIDE AND OUTSIDE) */

.login h1.outside a,
.login h1.inside a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
/*
.login h1.inside a {
	background: url("../img/deister_logo_inside.png") no-repeat top center !important;
	height: 70px;
	padding-bottom: 35px !important;
}
*/
.login h1.outside a {
	background: url("../img/deister_logo.png") no-repeat top center !important;
	height: 45px;
	margin: 10px 0px;
}





.login .message,
#passrecoverymsg,
#sessionloggedout,
#recoverrequested,
#sessionexpired,
#quiescentmode,
#wsreleaseinfo {
	background-color: #FFFFE0;
	border-color: #E6DB55;

	/*margin: 0 0 16px 0px;
	padding: 12px;*/

	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
}

/*#wsreleaseinfo:hover {
	background-color: #888;
}*/

#quiescentmode {
	border-color: #111;
}

#sessionexpired p,
#quiescentmode p {
	padding-bottom: 1em;
}

.login .message.quiescent img.icon-warning,
.login .message.server_full img.icon-full,
#passrecoverymsg img.icon-info,
#recoverrequested img.icon-info,
#recoverrequested img.icon-error,
#sessionloggedout img.icon-info,
#sessionexpired img.icon-warning,
#quiescentmode img.icon-warning {
	width: 14px;
	height: 15px;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-top:1px;
	padding-right: 3px;
}
#sessionexpired img.icon-warning,
#quiescentmode img.icon-warning {
	background-image: url("../img/warning_red.png");
}
#recoverrequested img.icon-info,
#sessionloggedout img.icon-info,
.login .message.server_full img.icon-full {
	background-image: url("../img/warning_yellow.png");
}
#recoverrequested img.icon-error {
	background-image: url("../img/error.png");
}

/*
.login .message.quiescent {
	
}
*/

#login {
	width: 320px;
	padding: 114px 0 0;
	margin: auto;
}

.login h1.outside {
	font-size: 1em;
}

.login h1.outside,
.login .message,
#passrecoverymsg,
#sessionloggedout,
#recoverrequested,
#sessionexpired,
#quiescentmode,
#wsreleaseinfo {
	margin-bottom: 1em;
	padding: 1em;
}
#passrecoverymsg,
#sessionloggedout,
#recoverrequested,
#sessionexpired,
#quiescentmode {
	margin-bottom: 3em;
}
#quiescentmode, /* because it has buttons */
#sessionexpired { /* because it has buttons */
	padding-bottom: 3em;
}
#wsreleaseinfo { /* because it is at the bottom... */
	margin-top: 3em;
}

/*.login h1.outside,*/
/*#passrecoveryform,*/
.login form {
	padding: 2em;
	font-weight: normal;
	background: #555;
	-moz-box-shadow: rgba(96,96,51,0.7) 0 4px 10px -1px;
	-webkit-box-shadow: rgba(96,96,51,0.7) 0 4px 10px -1px;
	box-shadow: rgba(96,96,51,0.7) 0 4px 10px -1px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	border: 1px solid #111;
	border-width: 1px;
	border-style: solid;
}

.login h1.outside {
	padding: 0;
}


/* FORM CONTENTS */

/*#passrecoveryform label,*/
.login label {
	color: #bbb;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
}

/*#passrecoveryform .input,*/
.login form .input {
	outline: none;
	font-weight: 200;
	font-size: 15px;
	line-height: 1;

	/* we need border-sizing if we want full width*/
	/* (hack to simulate 'box-sizing' in IE) */
	*width: 96% !important;
	width: 100%;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	box-sizing:			border-box;

	padding: 3px;
	margin-top: 4px;
	padding-right: 6px;
	margin-bottom: 16px;

	background: #FAFAFA;

	-moz-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
	-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
	box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);

	-webkit-border-radius: 3px;
	border-radius: 3px;

	border: 1px solid #111;
	border-width: 1px;
	border-style: solid;
}

/*#passrecoveryform .input:focus,*/
.login form .input:focus {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

/*#passrecoveryform .input[disabled],*/
.login form .input[disabled] {
	background: #BABABA;
}

.login form p.idlemsg {
	color: #bbb;
	font-weight: bold;
	padding-bottom: 1em;
}
.login form p.idlemsg.time-interval {
	padding-left: 1em;
}

.login form .secure-switch {
	float: left;
	vertical-align: middle;
	font-size: 13px!important;
	line-height: 16px;
	padding: 3px 5px;
}
.login form .secure-switch span,
.login form .secure-switch a {
	color: #bbb;
	background-repeat: no-repeat;
	padding-left: 18px;
}

.login form .secure-switch a:focus,
.login form .secure-switch a:hover {
	font-weight: bold;
}
.login form .secure-switch a:focus {
	outline: none;
}

.login form .secure-switch .icon-secure   			{ background-image: url('../img/lock.png'); }
.login form .secure-switch .icon-unsecure 			{ background-image: url('../img/unlock.png'); }
.login form .secure-switch span.icon-secure.secured,
.login form .secure-switch a.icon-secure:hover 		{ background-image: url('../img/lock_active.png'); }
.login form .secure-switch a.icon-unsecure:hover	{ background-image: url('../img/unlock_active.png'); }



.login form .secure-switch,
#login-submit {
	margin-top: 1em;
}




/* FORM CONTENTS (ERROR, LOGOUT, FULL) */

form.login.error,
form.login.logout,
form.login.login-full {
	color: #bbb;
	font-size: 14px;
	vertical-align: middle;
}
form.login.error p,
form.login.logout p,
form.login.login-full p {
	margin-bottom: 1em;
}
form.login.logout p.logout_text,
form.login.logout p.logout_confirm,
form.login.login-full p.login-full_text {
	/*color: white;*/
}
form.login.error p.errorText {
	color: #FF5900;
	font-weight: bold;
}
form.login.error p.submit,
form.login.logout p.submit,
form.login.login-full p.submit {
	margin-top: 2em;
}







/* FORM BUTTONS */

#login-submit,
#recover-cancel,
#recover-submit {
	margin-top: 1em;
}

#login-submit,
#login-cancel,
#login-full-submit,
#error-submit,
#logout-submit-ok,
#logout-submit-cancel,
#retry-submit,
#recover-cancel,
#recover-submit {

	color: #EAF2FA;
	background: #888;

	font-size: 13px!important;
	font-weight: bold;

	line-height: 16px;
	padding: 3px 10px;
	float: right;

	text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
	text-decoration: none;
	cursor: pointer;

	border-color: #111;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

#recover-submit:hover,
#login-submit:hover {
	background-color: #777;
}

#recover-submit,
#login-submit {
	background-position: 5px 50%;
	background-image: url("../img/butt_ok.png");
	background-repeat: no-repeat;
	padding-left: 26px;
}
#recover-submit {
	margin-left: 1em;
}

#error-submit {
	background-position: 5px 50%;
	background-image: url("../img/butt_back.png");
	background-repeat: no-repeat;
	padding-left: 26px;
}

#login-full-submit,
#logout-submit-ok {
	background-position: 5px 50%;
	background-image: url("../img/butt_ok.png");
	background-repeat: no-repeat;
	padding-left: 26px;
}

#recover-cancel,
#logout-submit-cancel {
	background-position: 5px 50%;
	background-image: url("../img/butt_cancel.png");
	background-repeat: no-repeat;
	padding-left: 26px;
	margin-left: 10px;
}

#retry-submit {
	background-position: 5px 50%;
	background-image: url("../img/butt_reload.png");
	background-repeat: no-repeat;
	padding-left: 26px;
}

#login-submit:focus,
#login-cancel:focus,
#login-full-submit:focus,
#error-submit:focus,
#logout-submit-ok:focus,
#logout-submit-cancel:focus,
#retry-submit:focus {
	outline: none;
	color: #555;
	text-shadow: none;
	background-color: #BBB;
}

/* FOOTER FLAGS & COPYRIGHT */

.login #footer-flags {
	height: 16px;
	padding: 16px 16px 0;
	float: left;
}

.login #footer-copy {
	padding: 16px 16px 0;
}
.login #footer-copy{
	float: right;
}
.login #footer-copy a {
	margin-top: 5px;
	text-shadow: #777 0 1px 0;
	color: #555;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;

	font-weight: bold;
}


/* FOOTER LOST PASSWORD (RIGHT) */

.login #footer-lostpass {
	padding: 16px 16px 0;
}
.login #footer-lostpass{
	text-align: right;
}
.login #footer-lostpass a {
	margin-top: 5px;
	text-shadow: #777 0 1px 0;
	color: #555;
}



#footer-icon-info,
#footer-icon-release,
#footer-icon-md5,
#footer-icon-jndi,
#footer-icon-nojndi {
	background-color: #555;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin-right: 5px;
	border-color: #555;
	border-width: 1px;
	border-style: solid;
}
#footer-icon-info       { background-image: url('../img/info.png'); }
#footer-icon-release    { background-image: url('../img/release.png'); }
#footer-icon-md5        { background-image: url('../img/md5digest.png'); }
#footer-icon-jndi       { background-image: url('../img/jndi.png'); }
#footer-icon-nojndi     { background-image: url('../img/jndi_broken.png'); }

a.footer-icon-info-wrapper {
	text-decoration: none;
}

.footer-icon-info-tip {
	/*position: absolute;*/
	margin-left: 75px;
	/*width: 100px;*/
	float: right;
	visibility: hidden;
	/*display: none;*/
	text-shadow: #777 0 1px 0;
	color: #555;
	font-size: 0.8em;
}
a.footer-icon-info-wrapper:hover .footer-icon-info-tip {
	visibility: visible;
	/*display: inline;*/
}


/* CAPS LOCK ACTIVATED WARNING */

#blockMay {
	display: none;
	width: 200px;
	position: absolute;
	top: 10px;
	left: 310px;

	background-color: #FFFFE1;
	border: 1px solid black;
	background-color: #FFFFE0;
	border-color: #E6DB55;
}




/* FLOATING LOGO (BOTTOM RIGHT) */

#floating-logo {
    position: fixed;
    z-index: -1;
    bottom: 10px;
    right: 10px;
}
#floating-logo a {
	display: block;
    width: 240px;
    height: 34px;   	
    background: url("../img/deister_logo_small.png") no-repeat top center !important;
}