/**
        Questo foglio di stile permette di modificare
        l'aspetto del controllo UpScreenTaskBar.
**/

 #UpScreenTaskBar_UserControl
 {
     position:absolute;
     top:0;
     left:0%;
     width:100%;
     height:5%;
     /**background-color:#3b5998;**/
     background-color:#a6a6a6;
     font-family:Tahoma;
     font-size:12px;     
     color:#ffffff;
     text-align:center; 
     max-height:30px;
     
 }
  
 
 /** 
     Definisce l'aspetto della sezione riportande
     il logo. 
 **/
 
#UpScreenTaskBar_LogoDiv
{
     position:absolute;
     top:15%;
     left:0%;
     width:10%;
     height:80%; 
     
     overflow:hidden;    
 }
#UpScreenTaskBar_LogoDiv:hover
{
}
#UpScreenTaskBar_LogoInnerTextSpan
{
     position:absolute;
     top:15%;
     left:0;
     width:100%;
     height:85%;

 }
 #UpScreenTaskBar_LogoInnerTextSpan:hover
 {
     color:#00ffff;
     cursor:pointer;
 }
 
 /**
      Definisce l'aspetto del pulsante HOME
        
 **/
 
 #UpScreenTaskBar_HomeDiv
 {
     position:absolute;
     top:10%;
     left:18%;
     width:8%;
     height:80%; 
     overflow:hidden;  
     border-left:solid 1px #ffffff;  
     border-right:solid 1px #ffffff;  
 }
 #UpScreenTaskBar_HomeDiv:hover
 {
     background-color:Aqua;
     color:Black;
 }
 #UpScreenTaskBar_HomeInnerTextSpan
 {
     position:absolute;
     top:15%;
     left:0;
     width:100%;
     height:85%;
 }
 #UpScreenTaskBar_HomeInnerTextSpan:hover
 {
     color:black;
     cursor:pointer;
 }
 
 
  /**
      Definisce l'aspetto del pulsante USERAREA
        
  **/
 
 #UpScreenTaskBar_UserAreaDiv
 {
     position:absolute;
     top:10%;
     left:26.5%;
     width:10%;
     height:80%; 
     overflow:hidden;    
     border-right:outset 1px #ffffff;  
     border-right:solid 1px #ffffff;  
 }
 #UpScreenTaskBar_UserAreaDiv:hover
 {
     background-color:Aqua;
     color:Black;
 }
 #UpScreenTaskBar_UserAreaInnerTextSpan
 {
     position:absolute;
     top:15%;
     left:0;
     width:100%;
     height:85%;
 }
 #UpScreenTaskBar_UserAreaInnerTextSpan:hover
 {
     color:black;
     cursor:pointer;
 }
 
 
 /**
      Definisce l'aspetto del pulsante CARRELLO
        
 **/
 
 #UpScreenTaskBar_CarrelloDiv
 {
     position:absolute;
     top:10%;
     left:37%;
     width:10%;
     height:80%; 
     overflow:hidden;    
     border-right:outset 1px #ffffff;  
     border-right:solid 1px #ffffff;  
 }
 #UpScreenTaskBar_CarrelloDiv:hover
 {
     background-color:Aqua;
     color:Black;
 }
 #UpScreenTaskBar_CarrelloInnerTextSpan
 {
     position:absolute;
     top:15%;
     left:0;
     width:100%;
     height:85%;
 }
 #UpScreenTaskBar_CarrelloInnerTextSpan:hover
 {
     color:black;
     cursor:pointer;
 }
 
 
 
 /**
      Definisce l'aspetto del pulsante PROMOZIONI
        
 **/
 
 #UpScreenTaskBar_PromozioniDiv
 {
     position:absolute;
     top:10%;
     left:47%;
     width:10%;
     height:80%; 
     overflow:hidden;    
     border-right:outset 1px #ffffff;  
     border-right:solid 1px #ffffff;  
}
 #UpScreenTaskBar_PromozioniDiv:hover
 {
     background-color:Aqua;
     color:Black;
 }
 #UpScreenTaskBar_PromozioniInnerTextSpan
 {
     position:absolute;
     top:15%;
     left:0;
     width:100%;
     height:85%;
 }
 #UpScreenTaskBar_PromozioniInnerTextSpan:hover
 {
     color:black;
     cursor:pointer;
 }
 
 
 /**
      Definisce l'aspetto del pulsante CONTATTI
        
 **/
 
 #UpScreenTaskBar_ContattiDiv
 {
     position:absolute;
     top:10%;
     left:57%;
     width:10%;
     height:80%; 
     overflow:hidden;    
     border-right:outset 1px #ffffff;  
     border-right:solid 1px #ffffff;  
}
 #UpScreenTaskBar_ContattiDiv:hover
 {
     background-color:Aqua;
     color:Black;
 }
 #UpScreenTaskBar_ContattiInnerTextSpan
 {
     position:absolute;
     top:15%;
     left:0;
     width:100%;
     height:85%;
 }
 #UpScreenTaskBar_ContattiInnerTextSpan:hover
 {
     color:black;
     cursor:pointer;
 }
 
 
 
 /**
      Definisce l'aspetto del pulsante LIVECHAT
        
 **/
 
 #UpScreenTaskBar_LiveChatDiv
 {
     position:absolute;
     top:10%;
     left:67%;
     width:10%;
     height:80%; 
     overflow:hidden;    
     border-right:outset 1px #ffffff;  
     border-right:solid 1px #ffffff;  
}
 #UpScreenTaskBar_LiveChatDiv:hover
 {
     background-color:Aqua;
     color:Black;
 }
 #UpScreenTaskBar_LiveChatInnerTextSpan
 {
     position:absolute;
     top:15%;
     left:0;
     width:100%;
     height:85%;
 }
 #UpScreenTaskBar_LiveChatInnerTextSpan:hover
 {
     color:black;
     cursor:pointer;
 }
 
 
 
 
 
 
 
 /**
      Definisce l'aspetto della sezione NOME UTENTE
        
 **/
 
 #UpScreenTaskBar_NomeUtenteDiv
 {
     position:absolute;
     top:10%;
     left:75%;
     width:12.4%;
     height:80%; 
     overflow:hidden;    
     border-right:solid 1px #ffffff;  
}
 #UpScreenTaskBar_NomeUtenteDiv:hover
 {

 }
 #UpScreenTaskBar_NomeUtenteInnerTextSpan
 {
     position:absolute;
     font-family:Tahoma;
     font-size:11px;
     text-align:center;
     vertical-align:bottom;
     color:White;
     top:15%;
     left:0;
     width:100%;
     height:85%;
 }
 #UpScreenTaskBar_NomeUtenteInnerTextSpan:hover
 {
      text-decoration:underline;
     cursor:pointer;
 }
 
 
 /** Il minilogo **/
 #UpScreenTaskBar_LittleLogo
 {
     height:100%;
 }
 
 /** Il logo grande **/
 #UpScreenTaskBar_LogoDiv2
 {
     background-color:#ffffff;
     position:absolute;
     top:0;
     left:0px;
     width:17.7%;
     height:100%;
 }
 
  #UpScreenTaskBar_BigLogo
 {
     background-color:#FFFFFF;
     position:absolute;
     top:0;
     left:10%;
     width:140px;
     height:60px;
     visibility:hidden;
 } 
 
#UpScreenTaskBar_WhiteDiv
{
     position:absolute;
     top:0%;
     left:87.7%;
     width:13%;
     height:100%; 
     overflow:hidden;    
     background-color:#ffffff;
}