/* zona blocchi Sx/DX */
.divSx
{
    float: left;
    padding: 0;
    margin: 0;
}
.divDx
{
    float: right;
    padding: 0;
    margin: 0;
}
.divCenter
{
    float: none;
    text-align: center;
    padding: 0;
    margin: 0 auto 0 auto;
}
.clearDiv
{
    clear: both;
}
.padSxDx
{
    padding-left: 2px;
    padding-right: 2px;
}
/* @end */
.shadowBox
{
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}

/* zona size % div */
.half
{
    width: 50%;
}
.third
{
    width: 33%;
}
.quarter
{
    width: 25%;
}
.fifth
{
    width: 20%;
}
/* end zona size % div */

/* modal popup*/
.modalBackground
{
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
/* end */

/* buttonx con template */
.btnNew
{
    background-image: url(../images/new_m.png);
    background-repeat: no-repeat;
    background-position: right;
    border: 1px solid #333333;
    padding: 4px;
    padding-right: 28px;
}
.btnDelete
{
    background-image: url(../images/elimina_m.png);
    background-repeat: no-repeat;
    background-position: right;
    border: 1px solid #333333;
    padding: 4px;
    padding-right: 28px;
}
.btnGenProto
{
    background-image: url(../images/proto_l.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #ACACFF;
    width: 160px;
    height: 40px;
    border: 1px solid #333;
    vertical-align: middle;
    margin: auto;
    font-size: 10pt;
    font-family: Arial;
}
.btnGenDoc
{
    background-image: url(../images/doc_l.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #ACFFAC;
    width: 160px;
    height: 40px;
    border: 1px solid #333;
    vertical-align: middle;
    margin: auto;
    font-size: 10pt;
    font-family: Arial;
}
.btnGenFax
{
    background-image: url(../images/fax_l.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #ACFFFF;
    width: 160px;
    height: 40px;
    border: 1px solid #333;
    vertical-align: middle;
    margin: auto;
    font-size: 10pt;
    font-family: Arial;
}
.btnGenMail
{
    background-image: url(../images/email_l.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #FFFFAC;
    width: 160px;
    height: 40px;
    border: 1px solid #333;
    vertical-align: middle;
    margin: auto;
    font-size: 10pt;
    font-family: Arial;
}
.btnUpdate
{
    background-image: url(../images/reload_l.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #DEDEDE;
    width: 160px;
    height: 40px;
    border: 1px solid #333;
    vertical-align: middle;
    margin: auto;
    font-size: 10pt;
    font-family: Arial;
}
.btnArchivia
{
    background-image: url(../images/Archive_l.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #DD9977;
    width: 160px;
    height: 40px;
    border: 1px solid #333;
    vertical-align: middle;
    margin: auto;
    font-size: 10pt;
    font-family: Arial;
}
/* end buttons! */

/* update controls */
.rltUpdate
{
    background-color: #FFFF33;
}
/* end */

/* zona menù top */
.menuNav
{
    background-color: #B5C7DE; /*background-image: -webkit-gradient(linear,left top,left bottom,from( #A5B7CE ),to( #B8E1FD ));     background-image: -webkit-linear-gradient( #A5B7CE,#B8E1FD );     background-image: -moz-linear-gradient( #A5B7CE,#B8E1FD );     background-image: -ms-linear-gradient( #A5B7CE,#B8E1FD );     background-image: -o-linear-gradient( #A5B7CE,#B8E1FD );     background-image: linear-gradient( #A5B7CE,#B8E1FD );*/
    color: #284E98;
    font-size: 1.2em;
}
.menuNavSel
{
    background-color: #507CD1; /*background-image: -webkit-gradient(linear,left top,left bottom,from( #B8E1FD ),to( #A5B7CE ));     background-image: -webkit-linear-gradient( #B8E1FD,#A5B7CE );     background-image: -moz-linear-gradient( #B8E1FD,#A5B7CE );     background-image: -ms-linear-gradient( #B8E1FD,#A5B7CE );     background-image: -o-linear-gradient( #B8E1FD,#A5B7CE );     background-image: linear-gradient( #B8E1FD,#A5B7CE );*/
}
.menuItem
{
    width: 200px;
}
/* end zona menu */

/* zona colorazione filtri */
.filtro_1
{
    background-color: #8888ff;
}
.filtro_2
{
    background-color: #aaaaff;
}
.filtro_3
{
    background-color: #ccccff;
}
.filtro_4
{
    background-color: #dedeff;
}
.filtro_5
{
    background-color: #efefff;
}
/* @end */

/* area gestione etichette tab */
.tabLabelGreen
{
    background-color: #DDFFDD;
    border-top: 1px solid #339933;
    border-left: 1px solid #339933;
    border-right: 1px solid #339933;
    height: 1.5em;
    vertical-align: middle;
    padding-top: 0.5em;
    font-size: 13pt;
    font-weight: bold;
}
.tabBodyGreen
{
    background-color: #DDFFDD;
    border-bottom: 1px solid green;
    border-left: 1px solid green;
    border-right: 1px solid green;
}
.tabLabelGray
{
    background-color: #DEDEDE;
    border-top: 1px solid #333333;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    height: 1.5em;
    vertical-align: middle;
    padding-top: 0.5em;
    font-size: 13pt;
    font-weight: bold;
}
.tabBodyGray
{
    background-color: #DEDEDE;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}


/* @end */

/* dimensione caratteri & co */
.fontTitolo
{
    font-size: 24pt;
    height: 36px;
}
.fontMedio
{
    font-size: 16pt;
}
.fontPiccolo
{
    font-size: 8pt;
}
.labelInput
{
    font-size: 9pt;
    color: #555;
}

/* @end */


/* autocomplete e watermarking */
.watermark
{
    color: Gray;
    font-style: italic;
}
.autocomplete
{
    width: 400px;
    color: Gray;
    background-color: White;
    font-size: 8pt;
    padding: 4px 1px 4px 1px;
    border-bottom: 1px solid #888;
}
.autocompleteHiglight
{
    width: 400px;
    color: Black;
    background-color: Yellow;
    font-size: 8pt;
    padding: 4px 1px 4px 1px;
    border-bottom: 1px solid #888;
}
.autocompleteElemID
{
    width: 400px;
    background-color: Red;
    font-weight: bold;
}
.autocompleteListCssClass
{
    width: 400px;
    font-size: 8pt;
    background-color: White;
    padding: 2px 2px 2px 2px;
    border: 1px solid #333;
    /*
    z-index: 1;
    overflow: Auto;
    height: 30em;
    */
}

/* @end */


/* gestione blocco dati */
.dataBlock
{
    background-color: #FFFFFF;
    font-size: 9pt;
    float: left;
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    margin: 0px;
    padding: 4px;
    vertical-align: text-top;
    text-align: left;
}
.dataBlockHeader
{
    border-top: solid 2px gray;
    border-bottom: solid 1px gray;
    border-left: solid 2px gray;
    border-right: solid 2px gray;
    background-color: #EFEFEF;
    font-weight: bold;
    padding: 2px;
}
.dataBlockSx
{
    float: left;
    text-align: left;
}
.dataBlockDx
{
    float: right;
    text-align: right;
}
.dataBlockLabel
{
    border-top: solid 1px #FEFEFE;
    padding-right: 2px;
    padding-left: 2px;
}
.dataBlockValue
{
    color: Black;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 0px;
}
.dataBlockReset
{
    clear: both;
    padding-bottom: 2px;
    margin-bottom: 2px;
}
.dataBlockResetGray
{
    border-bottom: solid 1px #CECECE;
    clear: both;
    padding-bottom: 2px;
    margin-bottom: 2px;
}
.dataBlockResetDark
{
    border-bottom: solid 1px #363636;
    clear: both;
    padding-bottom: 2px;
    margin-bottom: 2px;
}
.dataBlockBtn
{
    background-color: #FAFAFA;
    border: solid 1px gray;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: text-top;
    margin: 0px;
    text-align: center;
}
.blockSizeSmallest
{
    width: 175px;
}
.blockSizeSmaller
{
    width: 200px;
}
.blockSizeSmall
{
    width: 225px;
}
.blockSizeMed
{
    width: 250px;
}
.blockSizeLarge
{
    width: 275px;
}
.blockSizeXLarge
{
    width: 300px;
}
.blockSizeXXLarge
{
    width: 350px;
}
.blockSizeXXXLarge
{
    width: 400px;
}
/* END gestione blocco dati */


/* standard gridview */
.grView
{
    color: #333333;
    font-size: 8pt;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.ctrHeaderPager
{
    background-color: #b8b8b8;
    font-weight: bold;
    color: White;
}
.ctrHeaderPagerRight
{
    background-color: #b8b8b8;
    font-weight: bold;
    color: White;
    text-align: right;
}
.ctrHeaderPagerBlue
{
    background-color: #507CD1;
    height: 1px;
}
.ctrHeaderPagerBlueRight
{
    background-color: #507CD1;
    height: 1px;
    text-align: right;
}
.ctrFooter
{
    background-color: #507CD1;
    font-weight: bold;
    color: White;
}
.ctrRowStyle
{
    vertical-align: top;
    background-color: #EFF3FB;
}
/* end gridview */

.valignMiddle
{
    vertical-align: middle;
}