ETS/ETS-DIP/ETS-WS/css/BuildBlocks.css

/* 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;
    height: 32px;
    vertical-align: middle;
    padding: 8px;
}

.rltDisabled {
}
/* 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;
}

.labelInputChiaro {
    font-size: 9pt;
    color: #cdcdcd;
}

/* @end */


/* autocomplete e watermarking */
.watermark {
    color: Gray;
    font-style: italic;
}

.autocomplete {
    width: 100%;
    color: Gray;
    background-color: White;
    padding: 4px 0px;
    border-bottom: 1px solid #888;
}

.autocompleteHiglight {
    width: 100%;
    color: Black;
    background-color: #d3dff4;
    padding: 4px 0px;
    border-bottom: 1px solid #888;
}

.autocompleteElemID {
    width: 100%;
    background-color: Red;
    font-weight: bold;
}

.autocompleteListCssClass {
    width: 100%;
    font-size: 7pt;
    background-color: White;
    padding: 2px;
    border: 2px solid #3260bc;
    /*
    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;
}