.tabellaRapporto{
    width:100% !important;
}
.selezioneCanale img{
    margin:0px !important;
    padding:0px !important;
    vertical-align: middle !important;
}
.comHeader{
    font-weight: bold;
    font-family: "lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",Helvetica,sans-serif;
    font-size: 11px;
    line-height: 20px;
}
.comCleared{
    clear:both;
}
/*Visualizzazione Persone*/
#com{
    width: 690px;
    clear: both;
    font-size: 11px;
}
#comHeader{
    width: 100%;
    border-bottom: 1px dotted gray;
    line-height: 20px;
}
#comHeaderIcon{
    width: 20px;
    float:left;
    line-height: 20px;
}
#comHeaderCheckAll{
    width: 30px;
    float:left;
    line-height: 20px;
}
#comHeaderName{
    width: 200px;
    float:left;
    line-height: 20px;
}
#comHeaderSms{
    width: 90px;
    float:left;
    line-height: 20px;
}
#comHeaderEmail{
    width: 190px;
    float:left;
    line-height: 20px;
}
#comHeaderFax{
    width: 90px;
    float:left;
    line-height: 20px;
}
#comHeaderActions{
    width: 60px;
    float:left;
    line-height: 20px;
}


#comContents{

}
#comToolBar{
    padding-top: 10px;
    width: 100%;
    border-top: 1px dotted gray;
    font-weight: bold;
    font-family: "lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",Arial,Helvetica,Verdana,sans-serif;;
    font-size: 11px;
    line-height: 20px;
}
#comNavigator{
    width: 100%;
    font-weight: bold;
    font-family: "lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",Arial,Helvetica,Verdana,sans-serif;;
    font-size: 11px;
    line-height: 20px;
    clear:both;
}
#comNavigatorLabel {
    float:left;
}
#comToolBar a{
    cursor: pointer;
    text-decoration: none;
}
.comPersona{
    clear:both;
}
.comIcon{
    width: 20px;
    float:left;
}
.comCheck{
    width: 30px;
    float:left;
}
.comName{
    width: 350px;
    float:left;
}
.comSms{
    width: 90px;
    float:left;
}
.comEmail{
    width: 190px;
    float:left;
}
.comFax{
    width: 100px;
    float:left;
}
.comActions{
    width: 60px;
    float:left;
}

/*Visualizzazione Gruppi*/
#comGruppo{
    width: 690px;
    clear: both;
    font-size: 11px;
}
#comGruppoHeader{
    width: 100%;
    border-bottom: 1px dotted gray;
    line-height: 20px;
}
#comGruppoHeaderIcon{
    width: 20px;
    float:left;
    line-height: 20px;
}
#comGruppoHeaderCheckAll{
    width: 30px;
    float:left;
    line-height: 20px;
}
#comGruppoHeaderName{
    width: 200px;
    float:left;
    line-height: 20px;
}
#comGruppoHeaderNumero{
    width: 90px;
    float:left;
    line-height: 20px;
}
#comGruppoHeaderElenco{
    width: 280px;
    float:left;
    line-height: 20px;
}
#comGruppoHeaderActions{
    width: 60px;
    float:left;
    line-height: 20px;
}
#comGruppoContents{

}
#comGruppoToolBar{
    padding-top: 10px;
    width: 100%;
    border-top: 1px dotted gray;
    font-weight: bold;
    font-family: "lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",Arial,Helvetica,Verdana,sans-serif;;
    font-size: 11px;
    line-height: 20px;
}
#comGruppoNavigator{
    width: 100%;
    font-weight: bold;
    font-family: "lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",Arial,Helvetica,Verdana,sans-serif;;
    font-size: 11px;
    line-height: 20px;
    clear:both;
}
#comGruppoNavigatorLabel {
    float:left;
}
#comGruppoToolBar a{
    cursor: pointer;
    text-decoration: none;
}
.comGruppo{
    clear:both;
}


#comPersonaEdit{
}
#comPersonaEdit td{
    border: none;
    border-bottom: 1px dotted gray;
}
#comGruppoEdit td{
    border: none;
    border-bottom: 1px dotted gray;
}





/*Gestione comunicazione*/
#comSmsNavigator span{
    font-size: 18px;
}
.canale{
    cursor: pointer;
    margin-left: 20px;
    margin-right: 20px;
    width: 90px;
    float: left;
}
.canaleAttivo{
    border: 2px dotted gray;
}
.elementoSpan{
    margin-right: 10px;
}
.elementoLeft{
    margin: 0px;
    float: left;
    width: 120px;
    line-height: 20px;
}
.elementoRight{
    margin: 0px;
    float: left;
    line-height: 20px;
}
.dest{
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid gray;
    background-color: silver;
    position: relative;
    float: left;
    height: 20px;
    white-space: nowrap;
}
.destInput{
    margin: 0px;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    position: relative;
    float: left;
}
.destInput input{
    border: none;
}
.dest a{
    background-image: url('../comunicazione/images/close.gif');
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    float: left;
    margin-left: 2px;
}
.dest a:hover{
    background-image: url('../comunicazione/images/close_over.gif');
    background-repeat: no-repeat;
}
.dest label{
    float:left;
}
#ulDestinatari{
    width: 500px;
    background-color: white;
    border:1px inset white;
}
#divUlDestinatari{
    width: 500px;
    overflow: hidden;
}
#autoComplete{
    position: absolute;
    height: 100px;
    width: 500px;
    overflow: auto;
    background-color: white;
    top:72px;
    left:120px;
    border: 1px dotted gray;
    display: none;
}
#autoCompleteUl{
    width: 500px;
}
.autocompleteElement{
    background-color: white;
    cursor: pointer;
}
.autocompleteElement:hover{
    background-color: gray;
}
#overlaySms{
    width: 100%;
    height: 100%;
    color:red;
    font-weight: bold;
    background-color: white;
    opacity:0.7;
    position: absolute;
    z-index: 1000;
    display: none;
}
#overlaySms label{
    position: absolute;
    left: 36%;
    top:50%;
}


#ulDestinatariEmail{
    width: 500px;
    background-color: white;
    border:1px inset white;
}
#divUlDestinatariEmail{
    width: 500px;
}
#autoCompleteEmail{
    position: absolute;
    height: 100px;
    width: 500px;
    overflow: auto;
    background-color: white;
    top:72px;
    left:120px;
    border: 1px dotted gray;
    display: none;
}
#autoCompleteEmailUl{
    width: 500px;
}
#overlayEmail{
    width: 100%;
    height: 100%;
    color:red;
    font-weight: bold;
    background-color: white;
    opacity:0.7;
    position: absolute;
    z-index: 1000;
    display: none;
}
#overlayEmail label{
    position: absolute;
    left: 36%;
    top:50%;
}
.elementoDiv{
    margin-top: 10px;
}

#overlayFax{
    width: 100%;
    height: 100%;
    color:red;
    font-weight: bold;
    background-color: white;
    opacity:0.7;
    position: absolute;
    z-index: 1000;
    display: none;
}
#overlayFax label{
    position: absolute;
    left: 36%;
    top:50%;
}
