@charset "utf-8";

/* CSS Document */

html body
{
    padding: 5px;
    height: 100%;
    background: #FFF;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

a img
{
    border: 0;
}

.clear
{
    clear: both;
}

* :focus
{
    outline: 0;
}

hr
{
    color: #164b6d; /* IE */
    background-color: #CCC; /* FF */
    height: 1px;
    border: 0;
    margin: 10 0;
}

/*  Struttura grafica home  */

html body.sfondoIndex
{
    background: #FFF url(img/sfondoIndex.gif) repeat-y center center;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

#contenitoreHome
{
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background: #FFF;
}

#testataHome
{
    height: 60px;
    width: 100%;
	padding-top:10px;
    text-align: center;
}

#bandaAzzurra
{
    height: 27px;
    width: 100%;
    background: url(img/bandaazzurra.gif) repeat-x center center;
    text-align: left;
    text-indent: 5px;
}

#corpoHome
{
    text-align: center;
    padding: 35px;
    width: 929px;
    margin: 0 auto;
}

#easylogo
{
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 35px;
    text-align: right;
}

#footer
{
    height: 35px;
    width: 100%;
    margin: 0 auto;
    background: #abde40;
    position: absolute;
    bottom: 0;
    text-align: center;
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
	line-height:16px;
}

#versioneHome
{
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #abde40;
    line-height: 27px;
    text-align: center;
}

/*   Login   */

#Login
{
    padding-top: 35px;
    width: 280px;
    height: 115px;
	margin:0 auto;
}

#InnovitaSystem
{
    padding-top: 35px;
    width: 340px;
    height: 115px;
    text-align: center;
}

#overview
{
    padding-top: 35px;
    width: 340px;
    height: 115px;
    text-align: center;
}

.labelLogin
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #6a6a6a;
    text-decoration: none;
    text-align: left;
    line-height: 22px;
    width: 70px;
}

.textLogin
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #FFF;
    text-decoration: none;
    border: solid 1px #FFF;
    background: #abde40;
    height: 20px;
    width: 150px;
}

.btnAutent
{
    background: #6a6a6a;
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #FFF;
    text-decoration: none;
    height: 28px;
    line-height: 24px;
    padding-right: 8px;
    padding-left: 8px;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    cursor: hand;
}

.btnAutent:hover
{
    background:#999;
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #FFF;
    text-decoration: none;
    height: 28px;
    line-height: 24px;
    padding-right: 8px;
    padding-left: 8px;
    border: solid 1px #e8e8e8;
    cursor: hand;
    cursor: pointer;
}

/*  Popup dati Easynet  */

.testoeasy
{
    font: 14px Arial, Helvetica, sans-serif;
    color: #666;
    text-decoration: none;
    text-align: left;
    line-height: 22px;
}

/*  Struttura grafica template interno  */

#contenitore
{
    height: 100%;
    width: 98%;
    margin: 0 auto;
}

#testata
{
    height: 96px;
    width: 100%;
    padding-bottom: 8px;
    padding-top: 10px;
    border-bottom: solid 1px #bababa;
}

#logo
{
    float: left;
}

#ragionesociale
{
    float: left;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
    padding-top: 80px;
    padding-left: 16px;
}

#destra
{
    float: right;
    text-align: right;
}

.benvenuto
{
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #88c40a;
    font-style: italic;
    padding-top: 30px;
}

.versione
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #6a6a6a;
    padding-top: 8px;
}

#corpo
{
    width: 100%;
    padding-top: 20px;
}

#menu
{
    float: left;
    width: 180px;
    padding-right: 8px;
    padding-left: 3px;
    border-right: solid 1px #bababa;
}

#main
{
    float: left;
    padding-left: 35px;
}


/*  Voci di menu  */

a.menu:LINK, a.menu:VISITED, a.menu:ACTIVE
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #6a6a6a;
    line-height: 28px;
}

a.menu:HOVER
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #abde40;
    line-height: 28px;
}

.menu_sel
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #abde40;
    line-height: 28px;
    text-decoration: none;
}


/*  Stili per elementi  */

.Label
{
    font-weight: normal;
    color: #6a6a6a;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
}

.BordoCella tr td
{
    font-weight: normal;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #999;
}

.Label table.rettAZZ
{
    font-weight: normal;
    color: #6a6a6a;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
}

.Label_mini
{
    font-weight: normal;
    color: #6a6a6a;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-size: 9px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
}

.Label_miniR
{
    font-weight: normal;
    color: #6a6a6a;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-size: 9px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
}

.Label_miniDis
{
    font-weight: normal;
    color: #999;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-size: 9px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
}

.Label_desc
{
    font-weight: normal;
    color: #6a6a6a;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
}

.Label_tit
{
    font-weight: normal;
    color: #999;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
}

.Label_titDX
{
    font-weight: normal;
    color: #999;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    text-align:right;
}


.label_obb
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #88c40a;
    text-decoration: none;
}

.labelP
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #018Fda;
}

.labelBold
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #6a6a6a;
    text-decoration: none;
}

.labeldx
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #6a6a6a;
    text-decoration: none;
    text-align: right;
}

tr.backGrigio td
{
    background: #e8e8e8;
}

.contTitoletto
{
    background: #FFF;
	border: 0;
	border-bottom:solid 3px #cbd2da;
    padding: 6px;
	margin-bottom:8px;
}

.titoletto
{
    font: 16px Verdana;
    font-weight:bold;
    font-style:italic;
    color: #164b6d;
    text-decoration: none;
    line-height:32px;
}

.titoletto_logistica
{
    font: 34px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #abde40;
    text-decoration: none;
    line-height: 70px;
}

.titoletto18
{
    font: 18px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #abde40;
    text-decoration: none;
    line-height: 34px;
}

.titolettoBlu12
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #abde40;
    text-decoration: none;
    line-height: 46px;
}

.titolettoBlu13b
{
    font: 13px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #abde40;
    text-decoration: none;
}


.titolettoBlu15b
{
    font: 15px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #abde40;
    text-decoration: none;
}

.titolettoRosso13b
{
    font: 13px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #c51a12;
    text-decoration: none;
}

.titolettoNero
{
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.titolettoNero12
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    padding-top: 8px;
}

.titolettoAzzurro
{
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #abde40;
    text-decoration: none;
}

.risultati
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    line-height: 24px;
}

.errore
{
    font: 12px normal Arial, Helvetica, sans-serif;
    color: #c51a12;
    text-decoration: none;
    line-height: 22px;
}

.errore table
{
    border: solid 1px #c51a12;
    border-collapse: collapse;
}

.errore table tr.intTabErrore td
{
    border-bottom: solid 1px #c51a12;
}

.errore table tr td
{
    border-left: solid 1px #c51a12;
    border-right: solid 1px #c51a12;
    border-collapse: collapse;
    padding: 2px;
}

.autentica
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: red;
    text-decoration: none;
}

.erroreTimeout
{
    font: 18px normal Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: red;
    text-decoration: none;
}

.text
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
    border: solid 1px #999;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
}

.textNote {
    font: 12px Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
    border: solid 1px #999;
    overflow: hidden;
}

.textDx
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #6a6a6a;
    text-decoration: none;
    border: solid 1px #999;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: right;
}

.textNoBordo
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
    border: 0;
    margin-bottom: 0px;
    margin-left: 0px;
}

.textNoBordoDX
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
    border: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: right;
}

a.link_dis:LINK, a.link_dis:VISITED, a.link_dis:ACTIVE
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #6a6a6a;
    text-decoration: none;
    border: 0;
    border-bottom: solid 1px #999;
    margin-bottom: 0px;
    margin-left: 0px;
}

a.link_dis:HOVER
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666;
    text-decoration: none;
    border: 0;
    border-bottom: solid 1px #999;
    margin-bottom: 0px;
    margin-left: 0px;
}

.text_dis
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
    border: 0;
    border-bottom: solid 1px #999;
    margin-bottom: 0px;
    margin-left: 0px;
}

.text_disDx
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
    border: 0;
    border-bottom: solid 1px #999;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: right;
}

.check
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
}

span.checkInsMulti label
{
    font: 14px Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
}

span.checkInsMulti input
{
    width: 20px;
    height: 20px;
    padding-top: 6px;
}

.radio
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
    line-height: 20px;
}

.combo
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
    border: solid 1px #999;
}

.button
{
    background: #6a6a6a;
    color: #FFF;
    text-decoration: none;
    padding-right: 8px;
    padding-left: 8px;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    cursor: hand;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    font-family: "normal Arial" , Helvetica, sans-serif;
    height: 23px;
	line-height:16px;
}

.button:hover
{
    background: #999;
    outline: none; /* hide dotted outline in Firefox */
    color: #FFF;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    cursor: hand;
}

.buttonDgr
{
    background: #6a6a6a;
    font: 12px normal Arial, Helvetica, sans-serif;
    color: #FFF;
    text-decoration: none;
    height: 24px;
    line-height: 20px;
    padding-right: 8px;
    padding-left: 8px;
    border: solid 1px #e8e8e8;
    width: 32px;
    cursor: pointer;
    cursor: hand;
}

.buttonDgr:hover
{
    background: #999;
    outline: none; /* hide dotted outline in Firefox */
    color: #FFF;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    cursor: hand;
    width: 32px;
}

.buttonSEL
{
    background: #999;
    font: 12px normal Arial, Helvetica, sans-serif;
    color: #FFF;
    text-decoration: none;
    height: 24px;
    line-height: 20px;
    padding-right: 8px;
    padding-left: 8px;
    border-top: solid 1px #c6c3c6;
    border-left: solid 1px #c6c3c6;
    border-right: solid 1px #efebef;
    border-bottom: solid 1px #efebef;
    cursor: default;
}

.buttonSEL:hover
{
    background: #999;
    outline: none; /* hide dotted outline in Firefox */
    color: #FFF;
    border-top: solid 1px #c6c3c6;
    border-left: solid 1px #c6c3c6;
    border-right: solid 1px #efebef;
    border-bottom: solid 1px #efebef;
    cursor: pointer;
    cursor: hand;
}


.dataGrid
{
    border: 0;
}

.dataGrid tr td
{
    border: 0;
}

.dataGrid tr td span
{
    border: 0;
}

.headerTab td
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #6a6a6a;
    background: url(img/header.gif) repeat-x bottom center;
    text-decoration: none;
    line-height: 20px;
    padding: 2px;
    padding-right: 2px;
    text-indent: 2px;
    border: solid 1px #FFF;
}

.headerTab td a:LINK, .headerTab td a:HOVER, .headerTab td a:ACTIVE, .headerTab td a:VISITED
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #6a6a6a;
    text-decoration: none;
    line-height: 20px;
}

.righeTab td
{
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    text-decoration: none;
    /*line-height: 24px;
    padding: 2px;
    padding-right: 2px;*/
    border-bottom: solid 1px #e0e0e0;
    border-top: solid 1px #e0e0e0;
    border-right: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
}

.righeTab_sel
{
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #FFF;
    text-decoration: none;
    line-height: 24px;
    padding: 2px;
    padding-right: 2px;
    border: 0;
    background: #008ede;
}

.nPag td
{
    border: 0;
}

.nPag span
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #88c40a;
    text-decoration: none;
    padding: 1px 3px;
    line-height: 20px;
    border: 0;
}

.nPag a:LINK, .nPag a:VISITED, .nPag a:ACTIVE
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #6a6a6a;
    text-decoration: none;
    padding: 1px 2px;
    line-height: 20px;
    border: 0;
}

.nPag a:HOVER
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #999;
    text-decoration: none;
    padding: 1px 2px;
    line-height: 20px;
    border: 0;
}

.nPag_big td
{
    border: 0;
}

.nPag_big span
{
    font: 16px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #88c40a;
    text-decoration: none;
    padding: 1px 3px;
    line-height: 20px;
    border: 0;
}

.nPag_big a:LINK, .nPag_big a:VISITED, .nPag_big a:ACTIVE
{
    font: 16px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    padding: 1px 2px;
    line-height: 20px;
    border: 0;
}

.nPag_big a:HOVER
{
    font: 16px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #abde40;
    text-decoration: none;
    padding: 1px 2px;
    line-height: 20px;
    border: 0;
}

.nascondi
{
    visibility: hidden;
    display: none;
}


/*  Stili pagine scruscotto  */

/* Div container to wrap the datagrid */
div#div-datagrid
{
    width: 100%;
    height: 500px;
    overflow: auto;
    padding: 0;
    border: 0;
}

/* Locks the left column */
th.locked
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
    background: #FFF url(img/header.gif) repeat-x bottom center;
    text-decoration: none;
    line-height: 20px;
    padding: 2px;
    border: 0;
    position: relative;
    cursor: default;
    left: expression(document.getElementById("div-datagrid").scrollLeft-2); /*IE5+ only*/
}

td.locked
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    line-height: 20px;
    padding: 2px;
    border-bottom: solid 1px #e1e1e1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    position: relative;
    cursor: default;
    left: expression(document.getElementById("div-datagrid").scrollLeft-2); /*IE5+ only*/
}

/* Locks table header */
th
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
    background: #FFF url(img/header.gif) repeat-x bottom center;
    text-decoration: none;
    line-height: 20px;
    padding: 2px 4px;
    border: 0;
    position: relative;
    cursor: default;
    top: expression(document.getElementById("div-datagrid").scrollTop-2); /*IE5+ only*/
    z-index: 10;
}

/* Keeps the header as the top most item. Important for top left item*/
th.locked
{
    z-index: 99;
}

/* DataGrid Item and AlternatingItem Style*/
.GridRow
{
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #333;
    text-decoration: none;
    background-color: #FFF;
    text-align: center;
    line-height: 20px;
    padding: 2px;
}
.GridAltRow
{
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #333;
    text-decoration: none;
    background-color: #e1e1e1;
    text-align: center;
    line-height: 20px;
    padding: 2px;
}

tr.GridRow td
{
    border-bottom: 0;
    border-top: 0;
    border-left: solid 1px #e1e1e1;
    border-right: 0;
}
tr.GridAltRow td
{
    border-bottom: 0;
    border-top: 0;
    border-left: solid 1px #FFF;
    border-right: 0;
}


tr.GridRow td a:LINK, tr.GridRow td a:HOVER, tr.GridRow td a:ACTIVE, tr.GridRow td a:VISITED
{
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
    text-decoration: underline;
    padding: 2px;
}

tr.GridAltRow td a:LINK, tr.GridAltRow td a:HOVER, tr.GridAltRow td a:ACTIVE, tr.GridAltRow td a:VISITED
{
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
    text-decoration: underline;
    padding: 2px;
}

/* fine cruscotto  */



.w0
{
    width: 0;
}


.iconeDx
{
    float: right;
    text-align: center;
    width: 48px;
}

.iconeDx_logistica
{
    float: right;
    text-align: center;
    width: 76px;
}

a.linkCruscotto:LINK, a.linkCruscotto:VISITED, a.linkCruscotto:ACTIVE
{
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

a.linkCruscotto:HOVER
{
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #6d6d6d;
    text-decoration: none;
}

a.linkCruscottoB:LINK, a.linkCruscottoB:VISITED, a.linkCruscottoB:ACTIVE
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

a.linkCruscottoB:HOVER
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #6d6d6d;
    text-decoration: none;
}

a.link:LINK, a.link:VISITED, a.link:ACTIVE
{
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #abde40;
    text-decoration: none;
}

a.link:HOVER
{
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #30b2fb;
    text-decoration: none;
}

.btnFocus
{
    width: 1px;
    height: 1px;
    position: absolute;
    top: -15px;
    left: 4px;
}

.bordoVersioni
{
    font-weight: normal;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border-top: solid 1px #dedede;
    border-left: solid 1px #dedede;
    border-bottom: solid 1px #bfbfbf;
    border-right: solid 1px #bfbfbf;
    padding: 5px;
    text-decoration: none;
}


/* Test ajax autocomplete

----------------------------------*/

.riquadroEst
{
    border: 0;
    background: #f7f7f7;
    padding: 5px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 400px;
}
/* completionListElementID */


.riquadroInt
{
    border: 0;
    background: #f7f7f7;
    padding: 5px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 400px;
}
/* completionListItemCssClass */

.riquadroTot /* completionListCssClass */
{
    border: 0;
    margin: 0;
    padding: 1px 4px;
    width: 400px;
    min-width: 400px;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.listaHover /* completionListHighLightItemCssClass */
{
    font-weight: normal;
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    border: 0;
    background: #abde40;
    margin: 0;
    padding: 1px 4px;
    cursor: hand;
    cursor: pointer;
}

.riquadroEst_W
{
    border: 0;
    background: #f7f7f7;
    padding: 5px;
    margin: 0;
    padding-right: 0;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 330px;
    min-width: 330px;
}
/* completionListElementID */


.riquadroInt_W
{
    border: 0;
    background: #f7f7f7;
    padding: 5px;
    margin: 0;
    padding-right: 0;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 330px;
    min-width: 330px;
    cursor: hand;
    cursor: pointer;
}
/* completionListItemCssClass */

.riquadroTot_W /* completionListCssClass */
{
    border: 0;
    margin: 0;
    padding: 1px 0 1px 4px;
    width: 330px;
    min-width: 330px;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.riquadroTot_Wcomp /* classe creata per la compatibilità con i browser diversi da IE */
{
    border: 0;
    margin: 0;
    padding: 1px 0 1px 4px;
    width: 330px;
    min-width: 330px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.listaHover_W /* completionListHighLightItemCssClass */
{
    font-weight: normal;
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    border: 0;
    background: #abde40;
    margin: 0;
    padding: 1px 0 0 4px;
    cursor: hand;
    cursor: pointer;
    width: 330px;
    min-width: 330px;
}


/* STILE ALBERO*/
.albero
{
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
    line-height: 18px;
}

a.albero:HOVER
{
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #abde40;
    line-height: 18px;
}

.nodo_indiretto
{
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #88c40a;
    line-height: 18px;
}
/**   Pantoni   **/

.coloriral
{
    width: 180px;
    padding: 4px 10px 12px 10px;
    border: 0;
    font-weight: normal;
    color: #333;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: top;
}

.coloriral input
{
    width: 140px;
    height: 140px;
    display: block;
    border: 0;
    padding-bottom: 4px;
    text-align: center;
    margin: 0 auto;
    cursor: hand;
    cursor: pointer;
}

.coloriral span
{
    display: block;
    font-size: 14px;
}

.coloriral_m
{
    width: 180px;
    padding: 4px 10px 12px 10px;
    border: 0;
    font-weight: normal;
    color: #333;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: top;
}

.coloriral_m input
{
    width: 140px;
    height: 140px;
    display: block;
    padding-bottom: 4px;
    text-align: center;
    margin: 0 auto;
    cursor: hand;
    cursor: pointer;
}

.coloriral_m span
{
    display: block;
    font-size: 14px;
}

.coloredett
{
    width: 70px;
    height: 70px;
}

.w100
{
    width: 100%;
}

.tableVspace20 tr td
{
    padding: 20px 0;
}

.tableOspace20 tr td
{
    padding: 0 20px;
}


.cx
{
    text-align: center;
}

.rettAZZ
{
    border-top: solid 1px #dedede; /*018Fda*/
    border-left: solid 1px #dedede;
    border-bottom: solid 1px #bfbfbf;
    border-right: solid 1px #bfbfbf;
    width: 100%;
    padding: 5px;
}

.rettGRIGIO
{
    border-top: solid 1px #dedede; /*018Fda*/
    border-left: solid 1px #dedede;
    border-bottom: solid 1px #bfbfbf;
    border-right: solid 1px #bfbfbf;
    padding: 5px;
}

.valprod
{
    font-size: 20px;
    color: #abde40;
    text-decoration: none;
    margin: 0 2px;
}

.btnLink
{
    background: #FFF;
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #abde40;
    text-decoration: none;
    height: 24px;
    width: 84px;
    line-height: 24px;
    border-top: solid 1px #e8e8e8;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    text-align: center;
    display: inline-block;
}

.btnLink_sel
{
    background: #FFF;
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #333;
    text-decoration: none;
    height: 24px;
    width: 84px;
    line-height: 24px;
    border-top: 0;
    border-left: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    text-align: center;
    display: inline-block;
}

.imgFam
{
    border-top: solid 1px #e8e8e8;
    border-left: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8;
    border-bottom: 0;
    padding: 6px;
    height: 160px;
    width: 160px;
}


.imgDivisione
{
    width: 100px;
    padding: 4px 10px 12px 10px;
    border: solid 1px #e8e8e8;
    font-weight: normal;
    color: #333;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: top;
}

.imgDivisione input
{
    width: 80px;
    height: 80px;
    display: block;
    border: 0;
    padding-bottom: 4px;
    text-align: center;
    margin: 0 auto;
    cursor: hand;
    cursor: pointer;
}

.imgDivisione span
{
    display: block;
    font-size: 11px;
    width: 100px;
}

.imgDivisione_sel
{
    width: 100px;
    padding: 4px 10px 12px 10px;
    border: solid 1px #c6c6c6;
    font-weight: bold;
    color: #abde40;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: top;
}

.imgDivisione_sel input
{
    width: 80px;
    height: 80px;
    display: block;
    border: 0;
    padding-bottom: 4px;
    text-align: center;
    margin: 0 auto;
    cursor: hand;
    cursor: pointer;
}

.imgDivisione_sel span
{
    display: block;
    font-size: 11px;
    width: 100px;
}

/*  Barra percentuale  */

.barra
{
    width: 100px;
    height: 7px;
    padding: 0;
    border: 0;
}

/*  Div a comparsa Consultazione prodotti  */

#divComparsa
{
    position: relative;
    background: #FFF;
    top: 80px;
    left: 5px;
    text-align: left;
    border-top: solid 1px #dedede;
    border-left: solid 1px #dedede;
    border-bottom: solid 1px #bfbfbf;
    border-right: solid 1px #bfbfbf;
    width: 97%;
    padding: 5px;
    z-index: 11;
}

#close
{
    width: 100%;
    text-align: right;
    cursor: hand;
    cursor: pointer;
}

#divComparsa2
{
    position: relative;
    background: #FFF;
    top: 80px;
    left: 5px;
    text-align: left;
    border-top: solid 1px #dedede;
    border-left: solid 1px #dedede;
    border-bottom: solid 1px #bfbfbf;
    border-right: solid 1px #bfbfbf;
    width: 97%;
    padding: 5px;
    z-index: 12;
}

#close2
{
    width: 100%;
    text-align: right;
    cursor: hand;
    cursor: pointer;
}

/*********/

#divPresentazione
{
    position: fixed;
    background: #FFF;
    top: 73px;
    width: 98%;
    text-align: left;
    padding: 5px;
    z-index: 9;
    border: solid 1px #e8e8e8;
}

/*#divPresentazione div img {
	border:solid 1px #e8e8e8; 
}*/


/**** Colli *****/

.dgrRow td
{
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #333;
    text-decoration: none;
    line-height: 24px;
    padding: 2px;
    border-bottom: solid 1px #e0e0e0;
    border-top: solid 1px #e0e0e0;
    border-right: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    background: #FFF;
}

.dgrRow_sel td
{
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #333;
    text-decoration: none;
    line-height: 24px;
    padding: 2px;
    border-bottom: solid 1px #e0e0e0;
    border-top: solid 1px #e0e0e0;
    border-right: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    background: #6ecbff;
}

.btnTasteria
{
    background: url(img/header.gif) repeat-x bottom center;
    font: 26px normal Arial, Helvetica, sans-serif;
    color: #008ee1;
    text-decoration: none;
    height: 80px;
    width: 80px;
    line-height: 76px;
    text-align: center;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    cursor: hand;
}

.btnTasteria:hover
{
    background: url(img/header.gif) repeat-x bottom center;
    outline: none; /* hide dotted outline in Firefox */
    color: #333;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    cursor: hand;
}

.bordoAzzurro
{
    border: solid 1px #018Fda;
}

.barcode
{
    font-weight: normal;
    color: #333;
    text-decoration: none;
    font-size: 10px;
    line-height: normal;
    font-family: "Times New Roman" , Times, serif;
    text-align: center;
    width: 115px;
}


/* Stili tab testa/righe --------------------------------------------------------------------------------------------------------- */
.Child_Tabs .ajax__tab_header
{
    font-family: Arial;
    font-size: 14px;
    background-color: #FFF;
    border-bottom: solid 1px #999;
}
.Child_Tabs .ajax__tab_outer
{
    height: 20px;
}
.Child_Tabs .ajax__tab_inner
{
    padding-left: 0;
    background: white;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #FFF;
    border-collapse: collapse;
}
.Child_Tabs .ajax__tab_tab
{
    padding: 5px 40px;
    margin: 0;
    background: white;
}
.Child_Tabs .ajax__tab_body
{
    font-family: Arial;
    font-size: 10pt;
    border: 1px solid #999;
    border-top: 0;
    padding: 8px;
    background-color: #FFF;
}


.Child_Tabs .ajax__tab_header .ajax__tab_outer
{
    height: 20px;
}
.Child_Tabs .ajax__tab_header .ajax__tab_inner
{
    padding-left: 0;
}
.Child_Tabs .ajax__tab_header .ajax__tab_tab
{
    color: #333;
    background: #eeeeee;
    border-bottom: 1px solid #999;
    border-left: 1px solid #FFF;
}


.Child_Tabs .ajax__tab_hover .ajax__tab_outer
{
    height: 20px;
}
.Child_Tabs .ajax__tab_hover .ajax__tab_inner
{
    padding-left: 0;
}
.Child_Tabs .ajax__tab_hover .ajax__tab_tab
{
    color: #333;
    background: #CCC;
}


.Child_Tabs .ajax__tab_active .ajax__tab_outer
{
    height: 20px;
}
.Child_Tabs .ajax__tab_active .ajax__tab_inner
{
    padding-left: 0;
    padding-top: 5px;
}
.Child_Tabs .ajax__tab_active .ajax__tab_tab
{
    color: #333;
    background: white;
    border-bottom: 0;
    border-right: 0;
}
/* Stili tab testa/righe ------------------------------------------------------------------------------------------------------------- */

/* Stili per box semitrasparente durante il caricamento */

#box_coprente
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("icone/semitrasparente.png") repeat;
    z-index: 30;
}
#box_coprente_show
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: 10px;
    margin-top: 10px;
}

/**/
.imgArticolo
{
    height: 80px;
}


/************************/

.safety
{
    background: #e67007;
    color: #000;
    border: solid 1px #FFF;
}

.dataGrid tr td.safety
{
    border: solid 1px #FFF;
}

.dataGrid tr td.safety span
{
    border: solid 1px #FFF;
}


.winter
{
    background: #2eccfa;
    color: #000;
    border: solid 1px #FFF;
}

/** CSS PER UN IMMAGINE DI SFONDO DI UN INPUT BUTTON **/
.btnRicalcolaESP
{
    background-image: url('icone/scadenziario.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 36px;
    height: 36px;
    background-color: #ffffff;
}


.btnLinkSx
{
    background: #FFF;
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #abde40;
    text-decoration: none;
    height: 24px;
    width: 84px;
    line-height: 24px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    text-align: left;
    display: inline-block;
}

.hiddencolumn
{
    display: none;
}

.sfondoGrigio
{
    border: 0;
    height: 25px;
    background: #e8e8e8;
}



.Label_miniRed
{
    font-weight: normal;
    color: #ff0000;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-size: 9px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
}


.btnPush
{
    background: #FFF;
    font: 11px normal Arial, Helvetica, sans-serif;
    color: #abde40;
    text-decoration: none;
    height: 24px;
    line-height: 24px;
    border-top: solid 1px #e8e8e8;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    text-align: center;
    display: inline-block;
}


/** CSS PER NOTIFICHE **/
.notificheOVID
{
    background-image: url(icone/400_stellina.gif);
    background-repeat: no-repeat;
    background-position: top right;
    width: 36px;
    height: 36px;
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    text-align: right;
    padding: 5px;
    padding-bottom: 20px;
    border: 0;
}


.notificheOVID_date
{
    background-image: url(icone/calendario_stellina.gif);
    background-repeat: no-repeat;
    background-position: top right;
    width: 36px;
    height: 36px;
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    text-align: right;
    padding: 5px;
    padding-bottom: 20px;
    border: 0;
}

.legendaE
{
    display:block;
    text-align: center;
    height:7px;
    background:url(img/E.png) repeat-x center center;
}

.legendaI
{
    display:block;
    text-align: center;
    height:7px;
    background:url(img/I.png) repeat-x center center;
}

.legendaO
{
    display:block;
    text-align: center;
    height:7px;
    background:url(img/O.png) repeat-x center center;
}

.legendaA
{
    display:block;
    text-align: center;
    height:7px;
    background:url(img/A.png) repeat-x center center;
}

.legendaS
{
    display:block;
    text-align: center;
    height:7px;
    background:url(img/S.png) repeat-x center center;
}

/**/
.sfondobarra {
                background: #CCC;
                height:7px;
                width:100px;
                margin:3px 0;
}

.barraE {
                background: #8ef520;
                height:7px;
}

.barraI {
                background: #f4dc0f;
                height:7px;
}

.barraO {
                background: #01c3ed;
                height:7px;
}