/*
<!---
================================================================================
                               www.gruppotesi.com
================================================================================
$RCSfile: login_n2.css,v $
$Revision: 1.6 $
$Date: 2015/02/14 13:08:42 $
$Author: u0084 $
$Name: TESITMS_4_0_16 $

Rev :
  20100419 - gabriele.bernuzzi@gruppotesi.com  
  modifiche per TICKET: 19589
  
  20070903 - gabriele.bernuzzi@gruppotesi.com
  personalizzazione per sba che usa il login "largo"

  20060512 - edoardo.galvagno@gruppotesi.com
  riposizionamento label a fianco dei campi
  
  20060125 - gualtiero.sappa@gruppotesi.com
  modificato background per classe a.tesi:hover
  
  20060118 - edoardo.galvagno@gruppotesi.com
  Creazione

==========================================================================================
--->
*/

/* inizializzazioni generali */
* { margin: 0; padding: 0; }
img { border: 0; }

html, body {
	text-align: center;
	height: 100%;
	font-family: Tahoma, Verdana, Sans-Serif;
	background: #E1E1E1 url(img/fondo_login.jpg) top left repeat-x;
}

hr { color: #CCC; height: 1px; clear: both; border-style: solid; margin: 20px 0 5px; }

a:hover { color: #7B7B7B; text-decoration: none; }
a:link, a:visited, a:active { color: #2C4E9E; text-decoration: underline; }

form { height: 100%; }

/* tabella usata per centrare il contenuto */
#contenitore { margin: 0 auto; vertical-align: middle; text-align: center; width: 100%; height: 100%; }

/* loghi */
#logo_azienda, #logo_prodotto { margin: 0 auto; } 

#login_box {
  position: relative;
  width: 640px;
  height: 410px;
  margin: 0 auto;
  text-align: center;
  background: transparent url(img/fondo_box_login.gif) top left no-repeat;
}

/* 20070215 - edoardo.galvagno@gruppotesi.com */
#login_box.cambio_pwd, #login_box.reset_pwd { background-image: url(img/fondo_box_vuoto.gif); }

#copyright {
  position: absolute;
  top: 330px; left: 20px;
  width: 200px;
  height: 30px;
}

#pwd_links, #copyright {
  font-size: 80%;
  color: #2C4E9E;
}

#pwd_links {
  text-align: center;
}

#login_tasti { margin : 20px 0 0 0; }

#tasto_login { margin-top: 20px; }

fieldset {
  position: absolute;
  top: 20px;
  left: 220px;
  width: 340px !important;
  width: 400px;
  height: 310px !important;
  height: 370px;
	padding: 30px;
	border: 0;
}

#login_piede {
  position: absolute;
  top: 150px; left: 20px;
  width: 200px;
  height: 140px;
  text-align: center;
}

/* 20070215 - edoardo.galvagno@gruppotesi.com */
.cambio_pwd #login_piede,
.reset_pwd #login_piede {
  top: 50px !important;
  width: 160px !important;
  width: 200px; /* per IE */
  padding: 0 20px;
  font-weight: bold;
}

/* 20100419 - gabriele.bernuzzi@gruppotesi.com */
/* TICKET: 19589 */
#login-info-box-container {
  position: relative;
  background-image: url(img/fondo-box-info-sotto-login.gif);
  background-position: 0px 0px;
  padding: 0px;
  width: 640px;
  height: 100px;
  margin: 0 auto;  
  text-align: left;
}

#login-info-box {    
  position: relative;  
  width:580px;  
  height: 50px;
  top: 25px;
  left: 30px;
  overflow-y: auto;  
}

h2 {
  color: #A00;
  font-size: 1.3em;
  margin-bottom: 20px;
}

legend, .nascosto { display: none; }

.campo { width: 300px; text-align: right; margin: 30px auto 20px !important; margin: 20px auto; }
.campo label, .campo input, .campo select { font-size: 1em; color: #2C4E9E; }
.campo label { text-align: right; margin-right: 5px; }
.campo input, .campo select { width: 200px; padding: 2px; background: #F5F5F5; font-weight: bold; }

/* 20070215 - edoardo.galvagno@gruppotesi.com */
/* cambio le larghezze per il cambio password */
.cambio_pwd .campo input, .cambio_pwd .campo select { width: 130px !important; }

fieldset strong {
  display: block;
  width: 253px !important;
  width: 300px;
  height: 34px !important;
  height: 48px;
	background: #FFF0F0 url(img/warning.gif) 6px 6px no-repeat;
	border: 2px outset #FAA;
	color: #A00;
	padding: 6px 3px 0 40px;
	font-weight: normal;
	text-align: center;
	font-size: 0.9em;
}

#tasto_login {
  position: absolute;
  left: 130px !important;
  bottom: 60px !important;
  left: 160px;
  bottom: 30px;
  width: 80px;
  height: 24px;
}

#link_about {
  padding-left: 16px;
  background: transparent url(img/btn_about.gif) top left no-repeat;
}

#link_about:hover { background-image: url(img/btn_about_over.gif); }

a.tesi {
	padding-left: 15px;
	background: transparent url(img/logo_tesi_micro.gif) top left no-repeat;
}

a.tesi:hover { background-image: url(img/logo_tesi_micro_desel.gif); }

body[data-env] #login_box:before {
  color: #fff;
  font-weight: bold;
  font-size: 1.25em;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 20px;
  right: 18px;
  padding: 0.75em 1em;
  border-radius: 0 20px 0 5px;
  border-right: 1px solid darkred;
}

body[data-env="dev"] #login_box:before {
  content: "dev";
  background-color: crimson;
}

body[data-env="demo"] #login_box:before {
  content: "demo";
  color: chocolate;
  background-color: gold;
  border-color: goldenrod;
}

body[data-env="test"] #login_box:before {
  content: "test";
  background-color: orangered;
}

body[data-env="test2"] #login_box:before {
  content: "test2";
  background-color: orangered;
}

body[data-env="qa"] #login_box:before {
  content: "qa";
  background-color: dodgerblue;
  border-color: darkslateblue;
}