/***inizio struttura di pagina**/
@import url(menu_vertical.css);
@import url(menu_orizontal.css);

 @font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli'), url('http://themes.googleusercontent.com/font?kit=kU4XYdV4jtS72BIidPtqyw') format('woff');
} 

/*STILI GENERALI*/
body {font-family: 'Muli', Arial, Helvetica, sans-serif; font-size:75%; margin: 0px; padding: 0px;}
a:link, a:visited, a:hover, a:active {text-decoration:none;margin:0;padding:0;}/*(L)*/
a:hover {text-decoration:underline;}/*(L)*/
.nascosto, hr, .pageNavigation .separator, .export .separator, .wizardPanel .separator {position:absolute;left:-10000px;top:-10000px;width:0;height:0;overflow:hidden;clear:none;margin:0; padding:0;}
form {margin:0;padding:0;}
h1, h3, h4, h5, p, ul, li, dl, a {margin:0;padding:0;}
ul, ol {padding:0;}
li, dl, dd {margin:0 0 3px 0;}
dl {padding:0; margin-bottom:8px;}
dd {padding:0; margin-bottom:3px;}
acronym {border-bottom:1px dashed black;cursor:help;}
/*h2 {font-size:1.8em;}*/
h3 {font-size:1.5em;margin-bottom:8px}
h4 {font-size:1.2em;margin-top:8px;}
h5 {font-size:1em;}
table {font-size:1em;}
input {margin:0;padding:0;}
input, select, textarea {font-family: 'Muli', Arial, Helvetica, sans-serif; font-size:1.0em;}
p {margin-bottom:8px; /* padding-left:15px!important; padding-right:15px!important; */} /*(L) correzione pannello tab il cui testo era troppo attaccato (ai lati) al bordo del contenitore */

.x-form-text, .x-form-field{font-family: 'Muli', Arial, Helvetica, sans-serif!important;}

#page {width:95%; min-width:990px;margin: 0 auto; position:relative}
#applicationArea{overflow:hidden; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 0px 5px 3px #D5CDA9; -moz-box-shadow: 0px 0px 5px 3px #D5CDA9; box-shadow: 0px 0px 5px 3px #D5CDA9; border:1px solid #0074b7; margin-bottom:30px; }
div#applicationHeader{float:left;position:absolute; top:10px; left:155px;}
/**********      posizionamento dei singoli pannelli layout UDLRC              *********/
#westCenterWrapper, #westCenterEastWrapper, #centerEastWrapper{overflow:hidden;clear:both;}
#westCenterWrapper #westPanel, #westCenterWrapper #westPanel, #westCenterEastWrapper #westPanel,
#centerEastWrapper #eastPanel, #westCenterEastWrapper #eastPanel{float:left;/* width:19%; */ width:20%;}
#westCenterWrapper #centerPanel, #centerEastWrapper #centerPanel{ width:78%; padding: 5px 9px!important;}
#centerWrapper #centerPanel{/*width:99.9%!important;*/width:100%!important; width:98%}	/*(L) Modificato width a 100% per eliminare filetto verticale (causato dal fatto che il div copriva completamente la pagina*/
#westCenterEastWrapper #centerPanel{width:62%}
/****          caratteristiche comuni a tutti i pannelli                   */
#southPanel{clear:both;}
#centerPanel{height:auto!important; height:409px; min-height:409px; text-align:left;/* float:left; */ float:right; /* margin-right:16px; */}

#centerPanel .wrapper{ padding-left: 10px; padding-right: 10px}
/***                 organizzazione contenuti                       **/
#centerPanel .floatWrapper{ /*clear:both;*/ float:none; overflow:hidden; padding:0!important;}
.commandPanel .left input,.commandPanel .right input  {/*padding:1px 5px;*/}
#centerPanel .floatWrapper .floatLeft{float:left;padding:0!important;}
#centerPanel .floatWrapper .floatRight {float:right;padding:0!important;}
#centerPanel .floatWrapper .floatCenter {float:left;padding:0!important;}
/* 1: tutti i pannelli => larghezze 33% , 33% , 33% */
.formPanel .leftCenterRightWrapper .floatLeft {width: 33%;}
.formPanel .leftCenterRightWrapper .floatCenter {width: 32.5%;}
.formPanel .leftCenterRightWrapper .floatRight {width: 33%;}
/* 2a: Sinistra e destra => larghezze 50% , 50% */
.formPanel .leftRightWrapper .floatLeft {width: 49.5%;margin: 0 0 0 0;}
.formPanel .leftRightWrapper .floatRight {width: 48%;	margin: 0 0 0 0;float: right;}
/* 2b: sinistra e centro => larghezze 30% , 70% */
.formPanel .leftCenterWrapper .floatLeft {width: 29.5%;margin: 0 0 0 0;}
.formPanel .leftCenterWrapper .floatCenter {width: 68%;margin: 0 0 0 0;float: right;}
/* 2c: centro e destra => larghezze 70% , 30% */
.formPanel .centerRightWrapper .floatCenter {width: 68%;margin: 0 0 0 0;}
.formPanel .centerRightWrapper .floatRight {width: 29.5%;margin: 0 0 0 0;float: right;}

/****                         WIDGETs                            *****/

#centerPanel h3 {padding-top: 23px;margin: 0px 6px 0px 0px;}
#centerPanel h4{padding:4px 0 0 0;  /* margin-bottom:16px;*/  padding-bottom:16px; /* <<- DISTANZIARE IL TITOLO DAL CONTENUTO SOTTOSTANTE */}
#centerPanel h5 {margin: 1px;margin-right: 6px;}
#centerPanel h6 {margin: 1px;margin-right: 6px;}
#centerPanel h7 {margin: 1px;margin-right: 6px;}

/***                         - login -                          *****/
div.userInfoPanel {font-weight:bold;min-height:1.35em;padding:7px 13px;overflow:hidden;height:1.4em; width:95%;} /* (L.) portato padding da 3 a 4px per eliinare scalino tra gli elementi di testata */
div.userData {float:left}
/*div.userInfoActions {float:right}*/
div.userInfoActions a, div.userInfoActions a:link, div.userInfoActions a:active, div.userInfoActions a:hover,div.userInfoActions a:visited {padding-left:16px;}
div.userData span {margin-right:8px;}
div.userData span.value {margin-right:0;}

/***                        - banner applicazione -           *****/
div#applicationHeader {height:auto!important; min-height:1.35em; height:1.4em; /*width:100%;*/ text-align:right;}
div#applicationHeader h2{font-size: 1.2em;padding:3px 13px; margin:0;}

/****                     gestione errore                     ******/
/*pop up nascosta*/
span.elenco_errori_invisibile {position:absolute;left:-10000px;top:-10000px;}
/*pop up visibile*/
.elenco_errori_visibile {margin:0;padding: 2px 8px 2px 8px;cursor:auto;width:auto;left:auto;top:auto;position:absolute;z-index:10000;}
/*****                     fine gestione errroe              ***/

/*******                  PAGINAZIONE                        ****/
.paging {width:99%;overflow: hidden;margin: 5px 0;font-size:1.1em; color:#000!important;}
.paging select {font-size:0.95em}
.paging .pagingLeft {float: left;width: 40%; line-height: 3em;}
.paging .pagingRight {/*float: right;width: 40%;text-align: right;*/}
/* di MDD .paging .pagingRight .pageNumbers {margin: 0 12px 0 0;}*/
.paging .pagingRight .pageNumbers .currentPage { font-size:1.8em;}
.pageNumbers{margin-right:33px;}
.firstPage{padding-right: 15px;}
.lastPage{padding-left:15px;}
.pageNumbers a, .pageNumbers a:link, .pageNumbers a:active, .pageNumbers a:visited, .pageNumbers a:hover{padding:0 3px;text-decoration:none; font-size:1.5em;}
span.previousPage a, span.nextPage a, .pageNavigation a, .pageNavigation a:link, .pageNavigation a:active, .pageNavigation a:visited {text-decoration:underline;}
span.previousPage a, span.previousPage a:link, span.previousPage a:active, span.previousPage a:visited, span.previousPage a:hover {padding-left:14px;margin-right:8px;}
span.nextPage a, span.nextPage a:link, span.nextPage a:active, span.nextPage a:visited, span.nextPage a:hover {padding-right:14px;margin-left:8px;}
/************            messaggi                      ****/
div.dialogPanel {padding:15px;padding-bottom:7px;margin-bottom:8px;}
div.dialogPanel div.msgBoxPanel {margin-bottom:8px;text-align:left;}
div.dialogPanel div.msgBoxPanel p {margin-bottom:3px;}
/********           messaggi in una pagina a se              */
div.stdMessagePanel {margin-bottom:8px;text-align:left}
div.stdMessagePanel ul {margin:0 0 0 20px;text-align:left;margin-top:8px;font-weight:normal}
div.stdMessagePanel p {margin-bottom:3px;}
div.feedOk, div.feedKo, div.feedLoad {margin:8px 8px 8px 0;padding:10px 22px 28px 240px;}
div.feedSearch, div.feedOk, div.feedKo, #applicationError, .dialogPanel .info, .dialogPanel .warning, .dialogPanel .error{min-height:70px; height:auto!important; height:70px;padding:20px 0 8px 60px;}
/*div.feedSearch, div.feedOk, div.feedKo,  .dialogPanel .info, .dialogPanel .warning, .dialogPanel .error{padding:28px 22px 28px 210px;
}*/
.feedOk p, .feedKo p, .dialogPanel .info {margin-bottom:3px;}
.stdMessagePanel ul {margin:0 30% 0 30%;text-align:left;margin-top:8px;}
#applicationError{padding:10px 22px 28px 240px;margin:23px 8px 8px 0;}
/****                      inizio COMMAND PANEL           *****/

.commandPanel {margin:0 0 8px 0;position:relative;padding:2px 0;padding-bottom:8px;margin-top: 6px;/*clear:both; overflow:hidden;commentato perchè cvrea problemi sulla pagina di sessione scaduta*/width:99%;min-height: 30px; height:auto!important; height:30px; }
.commandPanel .left {position: absolute;top: 0;left: 0; width: 33%;}
/* .formPanel .commandPanel .left {left: 8px} */
.commandPanel .center {margin: 0 auto;text-align: center;}
.commandPanel .right {position: absolute;top: 0;right: 0;width: 33%;text-align: right;}
/*                  contestualizzazione navigazione                       */

.commandPanel input, .navigation input, .navigation a, .navigation a:link, .navigation a:hover, .navigation a:active, .navigation a:visited , table input.buttonWidget, a span.pdf { padding:5px 3px;  margin:0; /* min-height:28px; height:auto!important; height:28px; */ }

div.export{margin-bottom:16px;}
div.export a, div.export a:link, div.export a:active, div.export a:visited
{padding:5px;margin:0px 0px 0px 0px;margin-right:4px;}
.commandPanel input, table span.pulsante input {cursor:pointer}
.commandPanel input:disabled, table span.pulsante input:disabled {cursor:auto}



.commandPanel  .save {padding-left: 23px;}
.commandPanel  .back {padding-left: 13px;}
.commandPanel  .forward{padding-right: 13px;}
.commandPanel  .detail{padding-left: 23px;}
/*contestualizzazione navigazione*/
.navigation input, .navigation a,
.navigation a:link, .navigation a:hover,
.navigation a:active, .navigation a:visited {text-decoration:none; }
/*contestualizzazione EVIDENZIATO*/
div.export a span.xls, div.export a:link span.xls, div.export a:hover span.xls, div.export a:active span.xls, div.export a:visited span.xls {padding:2px 2px 4px 23px;}
div.export a span.pdf, div.export a:link span.pdf, div.export a:hover span.pdf, div.export a:active span.pdf, div.export a:visited span.pdf {padding:2px 2px 4px 23px;}

/****                    fine COMMAND PANEL             ***/
/*                       tabSetPanel                     */
.tabSetPanelBlock {padding-bottom:10px;}
.tabSetPanel{padding-top:10px;}
.tabSetPanel ul {	margin: 0 0 0 0px;padding: 0;list-style: none;/*float: left;*/width: 98%;float:none;}

.tabSetPanel ul li input , .tabSetPanel ul li {margin:0; padding:0;}
.tabSetPanel ul li {float:none!important;float: left;display: inline-block!important; display:inline;margin-bottom:7px;padding:4px 10px; /*  margin: 0 1px 0px 0px; padding: 4px 0 0 0;*/}
.tabSetPanel ul li a, .tabSetPanel ul li a:visited, .tabSetPanel ul li a:link, .tabSetPanel ul li a:hover, .tabSetPanel ul li a:active, .tabSetPanel ul li input , .tabSetPanel ul li span 
{float: left; text-decoration: none;/*padding: 6px 10px 5px 2px;*/}
.tabSetPanel ul li.active{outline: none;margin-bottom:6px;padding-top:10px;}
.tabSetPanel ul li span.activeItem {/* padding: 0;padding: 6px 10px 5px 10px; display:inline-block;*/}
/***eventuale modifiche per il contenitore dei tab {border-left:1px solid #A8B1B8;border-right:1px solid #A8B1B8;width:98%;border-bottom:1px solid #A8B1B8;}*/
.tabSetPanelBlock .formPanelBlock .widgetsPanelBlock,.tabSetPanelBlock .formPanelBlock  .wizardPanelContent{margin:8px;}

/***wizard e tabsetpanel**/
div.wizardPanelBlock{clear:both}
div.wizardPanel {width:95%;}
div.wizardPanel{min-height:5em;height:auto!important; height:5em;padding: 8px;}
div.wizardPanel li.active span.activeItem{/*padding-left:3px;*/}
div.wizardPanel li{float:left;/*display:inline;*/font-size:1em;/*min-height:1.2em;padding:5px 12px;*/margin-right:2px; margin-bottom:5px;}
div.wizardPanel li a, div.wizardPanel li a:link, div.wizardPanel li a:active, div.wizardPanel li a:visited, div.wizardPanel li a:hover, div.wizardPanel li.active span, div.wizardPanel li span.wizardItem , div.wizardPanel li input{min-height:1.2em; padding:6px 12px;line-height:2.4em;}
div.wizardPanel li input{padding:5px 12px 4px; margin-top:1px; cursor:pointer;/*(L)*/}
div.wizardPanel span.separator /*{height: auto!important;margin-bottom: 0 !important;margin-top: 0 !important;padding: 0;}**/
div.wizardPanel input {margin:0;/*width:auto;*//*overflow:visible;*/}
div.wizardPanel li span.wizardItem {padding:6px 12px; margin-top:1px;}/*(L)*/


/*                    tree                        */
ul.tree{ list-style:none; padding:3px 0px 0px 10px; margin:8px 8px 0 0;}
ul.tree ul{ list-style:none; padding:0px 0px 0px 10px; margin:0 0 0 0;}
ul.tree ul ul{ list-style:none; padding:0px 0px 0px 10px; margin:0 0 0 0;}
ul.tree li {margin:0px; padding:0px; }
ul.tree ul li{padding:4px 0 4px 8px; margin:0px; }
ul.tree ul li ul li {margin:0px; padding:4px 0 4px 8px;}
li.treeRoot a, li.treeRoot a:link, li.treeRoot a:active, li.treeRoot a:visited, li.treeRoot a:hover{padding:4px 0 4px 18px}
lli.treeDot a,li.treeDot a:link, li.treeDot a:active, li.treeDot a:visited, li.treeDot a:hover, li.treeDot span{padding:4px 0 4px 18px}
.treeNode{padding:0; margin:0;cursor:pointer;}

/*                tabella dati                       */
table.formTable, table.dataTable  {width:95%;border-collapse:collapse;margin-bottom:16px;}
table.dataTable {border:1px solid #B6B6B6; /* border-top:none */;}/*(L) bordo grigio tabella (quando no ExtJS) */
table.dataTable th {border-top:none !important;}/*(L) no bordo superiore */
table.formTable th, table.dataTable th, table.formTable td, table.dataTable td  {padding:5px; border-top:none !important; border-bottom:none !important;} /*(L) bordi tabella solo verticali - colore settato come da layout*/
table.formTable th, table.dataTable th {text-align:left}
table.formTable caption, table.dataTable caption{font-size: 1em;margin: 0;padding: 8px 12px; text-align:left;}

/*h4.wpLabel, h4.fpLabel{font-size: 1em;margin: 0;padding: 8px 0px; text-align:left; font-weight:bold;}*/
h4.wpLabel a.toggle_handle, h4.fpLabel a.toggle_handle,
h4.wpLabel a.toggle_handle:link, h4.fpLabel a.toggle_handle:link,
h4.wpLabel a.toggle_handle:active, h4.fpLabel a.toggle_handle:active,
h4.wpLabel a.toggle_handle:hover, h4.fpLabel a.toggle_handle:hover,
h4.wpLabel a.toggle_handle:visited, h4.fpLabel a.toggle_handle:visited  {padding-left:18px;text-decoration:none;}
h4 a.toggle_handle span.collapse,h4 a.toggle_handle span.espandi {padding: 2px 25px 1px 5px; border-radius: 3px; }
.content_caption {padding:10px 15px;}
.spaceTop {margin-top:16px;}/*elementi sotto a area caption*/
h4 span.ytogglepanel_handle{float:right}

/*tabella form*/
table.formTable th, table.formTable td {}
table.formTable th {padding-right:10px;}

/*table.formTable input, table.formTable select, table.formTable textarea {float:left}*/
table.formTable td.puls_inline input, table.formTable td.puls_inline select, 
table.formTable td.puls_inline textarea {float:none}


table .sortable {padding-right:15px}
/***** CORREZIONE BACO SULLE CELLE DI TABELLA CON TESTI LUNGHI CHE NON ANDAVANO A CAPO segnalata il 17maggio2011***/
.x-grid3-cell-inner, .x-grid3-hd-inner {white-space:normal!important;}
#centerPanel .x-form-field-wrap .x-form-date-trigger{width:21px;border-bottom:1px solid #c8c8c8;}