/*
* {
   font-family: "Trebuchet MS",Tahoma,Arial,sans-serif;
   font-size: 10pt;
}
*/

html, body {
   height: 100%;
   overflow: hidden;
   font-family: "Trebuchet MS",Tahoma,Arial,sans-serif;
   font-size: 11pt;
}

body {
}

body * {
   font-size: inherit;
}

.page_width {
   /* width: 1300px; */
   width: 90%;
}

div.page_msg_box {
	margin-top: 3em;
   text-align: center;	
}

div.page_msg_box h1 {
   font-size: 15pt;
}

/* MENU' */
div#menucontainer {
   position: relative;
   width: 100%;
   height: 21px;
   border: 1px hidden black;
   /*float: left;
   clear: both;*/
   background-color: #881b45;
}

div.dsc_menu {
   font-weight: bold;
   text-align:justify;
   margin: 0px;
   color: #5a5b5d;
   outline:none;
   height:300px;
   /*    
   font-family: Arial, Verdana, Helvetica sans-serif;
   font-size: 11px;
   position:relative;
   width:500px;
   */
   /* add scroll bars */
   overflow:auto;
   float:left;
   text-transform: uppercase;
}

.nav_arrow {
   float:left;
   color:white;
}

.nav_arrow img {
   border:0;
   margin:0;
   width:14px;
}

/*-- logout area (tot:100px)-- */
.dsc_menu_logout {
   float: right;
   width: 100px;
   text-align: center;
   background-color: #881b45;
   color: white;
   text-transform: uppercase;
   font-size: 0.8em;
   line-height: 21px;
   height: 21px;
}

.dsc_menu_logout a, .dsc_menu_logout a:visited {
   text-align:justify;
   color: white;
   outline:none;
   text-decoration:none;
}

.dsc_menu_logout a:hover {
   text-align:justify;
   text-decoration: underline;
   color: white;
}

/* FINE MENU' */

.maxheight {
   height:100%;
   overflow:hidden;
}

a {
   font-weight: bold;
   text-align:left;
   margin: 0px;
   color: #5a5b5d;
   outline:none;
   /* aggiunto per Firefox 3.0 su Windows 
   font-family: sans-serif,"Trebuchet MS", Tahoma,Arial;
	font-size: 1em;
   */
}

a:hover{
	font-weight: bold;
	text-align:left;
	margin: 0px;
	color: #881b45;
	outline:none;
}


/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */

/* H3: Usato per i titoli dei pannelli/sezioni */
h3 {
	font-size:1.2em;
	font-weight:bold;
	color: #881b45;
}

button, button:visited, input[type=submit], input[type="button"], input[type="reset"], a.button {
	border: 1px solid #881b45;
	background-color:#881b45;
	color:white;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
/*	height: 19px; */
   padding: 3px 8px;
   font-size: 110%;
	/* aggiunto per Firefox 3.0 su Windows 
    font-family: sans-serif,"Trebuchet MS", Tahoma,Arial;
	font-size: 1em;
    */
}

a.button {
/*    padding: 1px 4px; */
    font-weight: normal;
    text-decoration: none;
}

/* versione di test del pulsante; contiene impostazioni per browser che supportano CSS3.
 * x ora non + attiva!! -> attivare in futuro
 */
button.css3 {
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	font-size: 11px;
	vertical-align: baseline;
	height: 21px;
	color: #fef4e9;
	border: solid 1px #8d061c;
	background: #881b45;
	background: -webkit-gradient(linear, left top, left bottom, from(#984062), to(#731c3e));
	background: -moz-linear-gradient(top, #984062, #731c3e);
}

input[type="reset"] {
    background-color:#aaa;
    color:black;
}

input[type="reset"]:hover {
    background-color:#ddd;
}

/* i campi disabilitati sono grigi scuri su sfondo grigio chiaro */
input[disabled] {
  color:#555;
  background-color:#eee;
}

textarea[disabled],
textarea[readonly] {
  color:#555;
  background-color:#eee;
}

select[disabled]{
  color:#555;
  background-color:#eee;
}

/* variazione HTML dei campi disabilitati: da componenti FORM passano a DIV; così è possibile copiarne e incollarne il contenuto */
/* aspetto del campo input text quando disabilitato */
.inputDisabled {
	border: 1px solid #b0b0b0;
	background-color: #eee;
	color: #555;
	height: 15px;
	line-height: 15px;
	padding: 2px;
	overflow: hidden;
}
div.inputDisabled {
   float: left;
   width: 17em;
}
span.inputDisabled {
	display: inline-block;
}
/* aspetto del campo textarea quando disabilitato */
div.textareaDisabled {
	border: 1px solid #b0b0b0;
	background-color: #eee;
	color: #555;
	padding: 2px;
	overflow: auto;
	line-height: 1.2em;
	white-space: normal;
	min-height: 1em;
}

/* --- */

/* stile per i bottoni disabilitati */
button.disabled,
button.disabled:hover,
button.disabled:visited,
button[disabled="disabled"],
button[disabled="disabled"]:hover,
input[type="button"].disabled,
input[type="button"].disabled:hover,
a.button.disabled,
a.button.disabled:hover {
    color: #ddd;
    opacity: 0.4;
}

input, textarea, select {
	border:1px solid #b0b0b0;
	background-color: white;
	/* padding: 2px; */
}

input[type="checkbox"] {
	margin-left: 0;
}

input[readonly="true"],
textarea[readonly="true"] {
	border:1px solid #ccc;
	color:gray;
	background-color:#fff;
}

div.readonly,
span.readonly {
	border:1px solid #ccc;
	color:gray;
	background-color:#fff;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover {
	background-color: #881b45;
}

button.cancel, input[type="button"].cancel {
	background-color: #a8a8a8;
}

button.cancel:hover, input[type="button"].cancel:hover {
	background-color: #bababa;
}

label, .label {
	color: #666;
	font-weight:bold;
}

.required {
	background-image:url( '../images/required-field.png' );
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:12px;
}

#topheader {
   font-size:11px;
   margin-top: 1.2em;
   margin-left:auto;
   margin-right:auto;
   height: 8em;
   border: 1px hidden black;
}

/* l'header ha dimensione fissa */
#topheader label,
#topheader span,
#topheader button,
#topheader input {
    font-size: 11px;
}

#topheader div.homelink {
	width:195px;
	height:40px;
	float:left;
	border:1px hidden black;
}

#topheader div.loggedinbar {
	float:left;
	width:440px;
	line-height:40px;
	height:40px;
	border:1px hidden red;
}

#topheader div.languagebar {
	float:left;
	text-align:right;
	line-height:40px;
	border: 1px hidden black;
	width:120px;
	height:40px;
}

#topheader div.languagebar li {
	border: 0;
	float:left;
	margin-left:10px;
	/*margin-top:10px;*/
    margin-top: 3px;
}

#topheader .header_build_number {
	color:#881b45;
	font-size:1.2em;
}

#topheader div.intranet {
	border:1px hidden black;
	width:182px;
	height:40px;
	float:right;
}

#topheader div.helponline {
   height: 40px;
   line-height: 40px;
   margin-right: 25px;
   float:right;
   font-weight: bold;
}

#loginbox,
#backToReadBox {
	position:relative;
	/* height:107px; */
	width:380px;
	margin-left:auto;
	margin-right:auto;
	margin-top:14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 4px;
	background-color:white;
	padding:10px;
}

#loginbox {
   top: 100px;
   border: solid 1px #881b45;
}

#logintitle {
	border:1px hidden black;
	height:30px;
	background: url('../images/login_key.png') no-repeat;
	padding-left:30px;
	line-height:30px;
	text-transform:uppercase;
}

#loginbox .input-text {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 1.1em;
}

#loginbox .td_label { 
	padding-right:20px;
	width: 130px; 
	text-align:right;
}

#loginbox .td_submit {
	padding-top:7px;
	float:right;
}


.validation-error {
	border: 2px solid red; 
}

/** pannello di messaggi di errore */
.feedbackContainer {
	position:fixed;
	z-index:100000;
	clear:both;
	width:300px;
	top:40px;
	right:0px;
	border: 1px solid #d8cfa5;
	padding:5px;
	margin-bottom:5px;
	-webkit-border-radius: 0px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius: 0px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-radius: 0px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	background-color:#eee;
	border-right:none;
}

.feedbackContainer.info {
    background-color:white;
}

.feedbackContainer.warn {
	border: 3px solid red;
	border-right: none;
	background-color: #f9f2d2;
}

.feedbackContainer.error {
	border: 3px solid red;
	border-right: none;
	background-color: #f9f2d2;
}

.feedbackContainer  h3 { 
	background: url('../images/mail.png') top left no-repeat;
	background-position: 0px -5px;
	padding-left:25px;
	line-height:15px;
	text-transform:uppercase; 
}

.feedbackContainer.warn h3,
.feedbackContainer.error h3 {
	background: url('../images/mail-warn.png') top left no-repeat;
    background-position: 0px -5px;
}

li .feedbackPanelINFO {
	color:green;
}
li .feedbackPanelERROR {
	color:#881b45;
	font-style:italic;
}
li .feedbackPanelWARNING {
	color:#e57114;
}

.feedbackContainer ul { list-style: circle; padding-left:20px;}
.feedbackContainer .feedbackContainer_bag { 
	font-size:18px;
	line-height:18px;
	float:right;
	width:15px;
	cursor:pointer;
}
.feedbackPanel {
	line-height:1.5em;
	color: #333;
}

.feedbackToggle {
    z-index: 10000;
	position:fixed;
	float:right;
	width:30px;
	height:30px;
	right:1px;
	margin:0;
	opacity:0;
	cursor:pointer;
}

#menuArea {
	border: 1px hidden green;
	height: 30px;
	margin: 0 auto;
}

/*
#contentarea_wrapper {
	position:relative;
	top:5px;
    height:100%
}
*/

#contentarea {
   position: absolute;
   background: #fff;
   top: 140px;
   bottom: 1px;
   padding: 10px;
   padding-top: 3px;
   padding-left: 5px;
   padding-right: 5px;
/*
   margin-left: 0px;
   margin-top: 0px;
*/
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   /* width: 98%; */
}

#contentarea {
   /* width: 1000px; */
   margin: 0 auto;
   left: 0;
   right: 0;
}

#contentarea_title  {
   color: #881b45;
   font-weight: bold;
   font-size: 1.0em;
   text-transform: uppercase;
   padding-top: 0px;
   padding: 5px;
   /* aggiunto con gestione scrollbars. dmolin 19/11/2009 10:21 */
   padding-bottom: 3px;
   border-bottom: 2px groove #ccc;
   margin-bottom: 5px;
   height: 1.5em;
}

/* stile per la label del titolo. deve avere spazio a destra per
   l'eventuale immagine dell'ajax busy indicator
*/
#contentarea_title > span {
   margin-right:10px;
}

/* l'immagine dell'attivita' ajax deve essere sollevata leggermente
   per evitare di trascinare giu' di alcuni pixel tutto il contenuto della pagina 
*/
#contentarea_title .wicket-ajax-indicator {
   vertical-align:top;
   float:left;
}

#contentarea_body {
   height:94%; /* bisogna sottrarre l'altezza dell'header... */
   overflow:auto;
   position:relative;
   /* provo.. */
   width:100%;
}

/* pulsante di massimizzazione della content area */
.contentarea_maximizer > img {
   background: transparent url('../images/btn-maximizer-1.gif') 0 0 no-repeat;
   padding-right: 15px;
   cursor:pointer;
}

.contentarea_maximizer:hover > img {
   background: transparent url('../images/btn-maximizer-2.gif') 0 0 no-repeat;
}


#loginpanel  p {
	padding:8px;
	font-size:1.1em;
	color: #666;
	font-weight:bold;
}

#loginpanel  p + div {
	float:right;
	padding-bottom:10px;
	margin-bottom:10px;
}

#loginbox {
}

#backToReadBox {
	width:480px;
}

#backToReadBox p {
	padding-bottom: 15px;
}

/* spaziatura all'intero di una form, le cui righe sono div */
.form_panel {
    padding: 1em;
}
.form_panel > div {
    margin:0px;
    margin-bottom:1.2em;
}


/*
 * OVERRIDE 960.css
 * Le dimensioni sono leggermente piu' ampie. Ho previsto la presenza
 * di una scrollbar interna per i contenuti, che permetta di scrollare
 * lasciando sempre visibile l'header  e l'area menu.
*/
.container_12,
.container_16 {
/*    width:980px; */
    position: relative;
    width: 97%;
}

/* stile usato per i campi di input maiuscoli */
.uppercase {
    text-transform: uppercase;
}


/* pannello per il caricamento progressivo dei dati */
#page_progress_indicator {
    top:0;
    right:0;
    width:100%;
    height:100%;
    position:fixed;
    text-align:center;
    opacity:0.5;
    z-index:80000;
    background-color:white;
    /*display:none;*/
}

#page_progress_indicator img {
    margin-top:170px;
}

.dialog_wrapper {
    height:90%;
}
/* finestra modale generale */
.dialog {
    position:relative;
    height:100%;
}

/* bottoniera */
.dialog .buttons {
    position:absolute;
    bottom:0px;
    margin-top:30px;
    margin-left:auto;margin-right:auto;
    text-align:center;
    width:100%;
}		

/* pannello a scomparsa */
.collapsible {

}

.collapsible > .section-title {
    border-bottom:2px solid #aaa;
}

.toolbar {
    padding:1px;
    background-color:#eee;
    margin-bottom:5px;
}


/** titolo "arrotondato" per i pannellini interni */
.paneltitle {
  line-height:1.2em;
  height:1.2em;
  padding-right:10px;
  padding-left:10px;
  padding-bottom:2px;
  font-style:normal;
  font-size:1.1em;
  color:white;
  background-color:#881b45;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.roundpaneltitle {
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
}

/* messaggio di attenzione nei pannelli */
.warning_message {
    margin:5px;
    text-align:center;
    color:#881b45;
    font-weight:bold;
    font-size:1.2em;
    background-color:#FFFFCC;
	border:1px solid #bbb;
    padding:0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding:3px;
    padding-top:10px;
	padding-bottom:10px;

}

/* messaggio di attenzione nei pannelli */
.warning_message_small {
    margin:5px;
    text-align:center;
    color:#881b45;
    font-weight:normal;
    font-size:1em;
    background-color:#FFFFCC;
	border:1px solid #bbb;
    padding:0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding:3px;
    padding-top:10px;
	padding-bottom:10px;

}

/* classe da utilizzare per i contenuti delle dialog. facilita il successivo posizionamento
 dei bottoni in un div con classe confirm_buttons */
.dialog_content {
    position:absolute;
    width:100%;
    bottom:25px;
    top:0px;
    overflow:auto;
}

/* *********************************************
 * tabella dati (wicket:dataView)
 ***********************************************/
div.table_box table.table_data {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}

div.table_box table.table_data th {
	background-color: white;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url("../images/vista-bg-gray2.png");
}

/* *********************************************
 * pagina di errore
 ***********************************************/
#errorpage_image {
	position:absolute;
	top:58px;
	border:4px solid #ffb555;
	border-right:none;
	margin-bottom:20px;
	margin-left:10px;
	float:left;
	z-index:2;
	position:absolute;
}

#errorpage_message {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color:#ffe;
	z-index:1;
	
	top:58px;
	right:10px;
	width:220px;
	height:300px;
	border:4px solid #ffb555;
	float:right;
	position:absolute;
}

#errorpage_message > div {
	color:#8e1b32;
	font-weight:bold;
	padding-top:20px;
	padding-left:25px;
	padding-right:10px;
	line-height:2em;
}

#errorpage_message > div em {
	font-size:1.2em;
	font-style:normal;
}


/* *******************************************************************************************************************
 * box fisso sulla sinistra che viene utilizzato per la pulizia della cache i18n e del conseguente aggiornamento
 * del contenuto della pagina in fase di internazionalizzazione
 *********************************************************************************************************************/
div.refreshI18n {
   position: absolute;
   left: 0;
   top: 10em;
   width: 200px;
   height: 50px;
   line-height: 50px;
   border-top: solid 1px #009;
   border-right: solid 2px #229;
   border-bottom: solid 1px #009;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
   background-color: #aaf;
   z-index: 100;
   text-align: center;
   box-shadow: 2px 2px 4px #55f;
}
div.refreshI18n div.toggle {
   position: absolute;
   top: 0;
   right: 0;
   width: 18px;
   height: 100%;
   background: -moz-linear-gradient(left, #aaf, #449);
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   cursor: pointer;
}