/* CROMÁTICA:

  Azul logo:       #00C0F3
  Azul fondo:      #C7EAFB
  Azul claro:      #E1F4FD

  Gris oscurto:            #C0C0C0
  Gris claro:            #eeeeee

  Magenta oscuro:  #ED008C
  Magenta claro:   #FDE9F1

  Granate:         #A7071F
  Añil:            #002288
  Amarillo:        #E1A837
  Verde:           #839764

*/
/*COMPATIBILIDADES ENTRE NAVEGADORES

propiedad_estilo: valor; --> funciona en todos 
*propiedad_estilo: valor; --> funciona tanto en IE6 como 7 
_propiedad_estilo: valor; --> funciona sólo en IE6 y no en IE7 (puede que ya no funicone)
propiedad_estilo: valor ! important; --> afectara en el Mozilla

propiedad_estilo: valor !important; --> Firefox, IE7 y los demás (el uso de !important es aceptado por Firefox, 
                                        IE7 y los demás navegadores, pero no por IE6)
propiedad_estilo: valor; --> IE6 y anteriores 

*/
BODY {

                  MARGIN-TOP: 0px;
               MARGIN-BOTTOM: 0px;
                 MARGIN-LEFT: 0px;
                MARGIN-RIGHT: 0px;

        SCROLLBAR-FACE-COLOR: #00C0F3;  /*Barra y fondo botones*/
       SCROLLBAR-TRACK-COLOR: #E1F4FD;  /*Fondo*/
       SCROLLBAR-ARROW-COLOR: #E1F4FD;  /*Flechas*/
      SCROLLBAR-SHADOW-COLOR: #E1F4FD;  /*Sombra interior dcha.*/
  SCROLLBAR-DARKSHADOW-COLOR: #E1F4FD;  /*Sombra exterior dcha.*/
   SCROLLBAR-HIGHLIGHT-COLOR: #E1F4FD;  /*Sombra interior izda.*/
     SCROLLBAR-3DLIGHT-COLOR: #E1F4FD;  /*Sombra exterior izda.*/

            BACKGROUND-COLOR: #FFFFFF;

                 FONT-FAMILY: Verdana;
                   FONT-SIZE: 9px;
                       COLOR: #000000;
                 FONT-WEIGHT: normal;
             TEXT-DECORATION: none;

}


BODY.BodyMagenta {

                  MARGIN-TOP: 0px;
               MARGIN-BOTTOM: 0px;
                 MARGIN-LEFT: 0px;
                MARGIN-RIGHT: 0px;

        SCROLLBAR-FACE-COLOR: #ED008C;  /*Barra y fondo botones*/
       SCROLLBAR-TRACK-COLOR: #FDE9F1;  /*Fondo*/
       SCROLLBAR-ARROW-COLOR: #FDE9F1;  /*Flechas*/
      SCROLLBAR-SHADOW-COLOR: #FDE9F1;  /*Sombra interior dcha.*/
  SCROLLBAR-DARKSHADOW-COLOR: #FDE9F1;  /*Sombra exterior dcha.*/
   SCROLLBAR-HIGHLIGHT-COLOR: #FDE9F1;  /*Sombra interior izda.*/
     SCROLLBAR-3DLIGHT-COLOR: #FDE9F1;  /*Sombra exterior izda.*/

            BACKGROUND-COLOR: #FFFFFF;

                 FONT-FAMILY: Verdana;
                   FONT-SIZE: 9px;
                       COLOR: #000000;
                 FONT-WEIGHT: normal;
             TEXT-DECORATION: none;

}

TABLE {

  FONT-SIZE: 1px;

}

TR.AzulLogo      { BACKGROUND-COLOR: #00C0F3; }
TR.AzulFondo     { BACKGROUND-COLOR: #C7EAFB; }
TR.AzulClaro     { BACKGROUND-COLOR: #E1F4FD; }

TR.MagentaOscuro { BACKGROUND-COLOR: #ED008C; }
TR.MagentaClaro  { BACKGROUND-COLOR: #FDE9F1; }

TD.AzulLogo      { BACKGROUND-COLOR: #00C0F3; }
TD.AzulFondo     { BACKGROUND-COLOR: #C7EAFB; }
TD.AzulClaro     { BACKGROUND-COLOR: #E1F4FD; }

TD.MagentaOscuro { BACKGROUND-COLOR: #ED008C; }
TD.MagentaClaro  { BACKGROUND-COLOR: #FDE9F1; }

FONT {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 9px;
            COLOR: #000000;
      FONT-WEIGHT: normal;
  TEXT-DECORATION: none;

}

P {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 10px;
            COLOR: #000000;
      FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
       TEXT-ALIGN: justify;
      TEXT-INDENT: 10px;

}

P.Lista {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 10px;
            COLOR: #000000;
      FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
       TEXT-ALIGN: justify;

}

LI {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 10px;
            COLOR: #000000;
      FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
       TEXT-ALIGN: justify;

}

.TituloSeccionAzul {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 24px;
            COLOR: #00A1BF;
      FONT-WEIGHT: bold;
  TEXT-DECORATION: none;

}

.textoPie
{
      FONT-FAMILY: Verdana;
        FONT-SIZE: 9px;
            COLOR: #00A1BF;
      FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
  padding-bottom: 5px;
    }
    
.textoPie_optimizacion
{
      FONT-FAMILY: Verdana;
        FONT-SIZE: 8px;
            COLOR: #00A1BF;
      FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
    }

.TituloSeccionMagenta {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 24px;
            COLOR: #ED008C;
      FONT-WEIGHT: bold;
  TEXT-DECORATION: none;

}

A.Enlaces:link {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 10px;
            COLOR: #00A1BF;
      FONT-WEIGHT: bold;
  TEXT-DECORATION: none;

}

A.Enlaces:visited {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 10px;
            COLOR: #00A1BF;
      FONT-WEIGHT: bold;
  TEXT-DECORATION: none;

}

A.Enlaces:hover {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 10px;
            COLOR: #00A1BF;
      FONT-WEIGHT: bold;
  TEXT-DECORATION: underline;

}

A.MenuGeneral:link {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 9px;
      FONT-WEIGHT: bold;
  TEXT-DECORATION: none;

}

A.MenuGeneral:visited {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 9px;
      FONT-WEIGHT: bold;
  TEXT-DECORATION: none;

}

A.MenuGeneral:hover {

      FONT-FAMILY: Verdana;
        FONT-SIZE: 9px;
      FONT-WEIGHT: bold;
  TEXT-DECORATION: underline;

}

/*------------------------------ TEXTBOX ------------------------------*/

INPUT.InputAzul {

       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
       FONT-WEIGHT: normal;
             COLOR: #000000;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
        BORDER-TOP: #00C0F3 1px solid;
     BORDER-BOTTOM: #00C0F3 1px solid;
       BORDER-LEFT: #00C0F3 1px solid;
      BORDER-RIGHT: #00C0F3 1px solid;
  BACKGROUND-COLOR: #C7EAFB;
            HEIGHT: 18px;
}

INPUT.InputAzul_num {

       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
       FONT-WEIGHT: normal;
             COLOR: #000000;
        text-align: right;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
        BORDER-TOP: #00C0F3 1px solid;
     BORDER-BOTTOM: #00C0F3 1px solid;
       BORDER-LEFT: #00C0F3 1px solid;
      BORDER-RIGHT: #00C0F3 1px solid;
  BACKGROUND-COLOR: #C7EAFB;
            HEIGHT: 18px;
}

.ReadOnly { /*Input de solo Lectura*/
       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
             COLOR: #000000;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
            border: #00C0F3 1px solid;
  BACKGROUND-COLOR: #C0C0C0;
            HEIGHT: 18px;
}

textarea .ReadOnly { /*TEXTAREA de solo Lectura*/
       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
             COLOR: #000000;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
            border: #00C0F3 1px solid;
  BACKGROUND-COLOR: #C0C0C0;
            HEIGHT: 100px;
        overflow-y: hidden;
}

.ReadOnly_num { /*Input de solo Lectura*/
       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
             COLOR: #000000;
        text-align: right;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
            border: #00C0F3 1px solid;
  BACKGROUND-COLOR: #C0C0C0;
            HEIGHT: 18px;
}

INPUT.InputMagenta {

       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
       FONT-WEIGHT: normal;
             COLOR: #000000;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
        BORDER-TOP: #ED008C 1px solid;
     BORDER-BOTTOM: #ED008C 1px solid;
       BORDER-LEFT: #ED008C 1px solid;
      BORDER-RIGHT: #ED008C 1px solid;
  BACKGROUND-COLOR: #FDE9F1;
            HEIGHT: 18px;

}

/*------------------------------ TEXTAREA ------------------------------*/

TEXTAREA.TextAreaAzul {

       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
       FONT-WEIGHT: normal;
             COLOR: #000000;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
        BORDER-TOP: #00C0F3 1px solid;
     BORDER-BOTTOM: #00C0F3 1px solid;
       BORDER-LEFT: #00C0F3 1px solid;
      BORDER-RIGHT: #00C0F3 1px solid;
  BACKGROUND-COLOR: #C7EAFB;
            HEIGHT: 18px;

}

TEXTAREA.TextAreaMagenta {

       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
       FONT-WEIGHT: normal;
             COLOR: #000000;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
        BORDER-TOP: #ED008C 1px solid;
     BORDER-BOTTOM: #ED008C 1px solid;
       BORDER-LEFT: #ED008C 1px solid;
      BORDER-RIGHT: #ED008C 1px solid;
  BACKGROUND-COLOR: #FDE9F1;
            HEIGHT: 18px;

}

/*------------------------------ COMBOBOX ------------------------------*/

SELECT.ComboBoxAzul {

       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
       FONT-WEIGHT: normal;
             COLOR: #000000;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
            BORDER: #00C0F3 1px solid;
  BACKGROUND-COLOR: #C7EAFB;    
            height: 22px;  
}

SELECT.ComboBoxMagenta {

       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
       FONT-WEIGHT: normal;
             COLOR: #000000;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
  BACKGROUND-COLOR: #FDE9F1;
            BORDER: #ED008C 1px solid;  
            height: 18px;  
}

/*------------------------------ Simulación PESTAÑAS ------------------------------*/
/*17/07/07*/
/*Por problemas con la URL, las imagenes de fondo se carga en código*/
/*PENDIENTE: Comprobar que este problema no ocurre, ya que supongo que se debía a que hay que 
             borrar los archivos temporales para que el navegador sepa que hay imagenes nuevas*/         
.tabL{
                       float: left;
                     display: block;
           background-repeat: no-repeat;
       background-position-x: right;
       background-position-y: top;
       
                 padding-top: 4px;                 
              padding-bottom: 2px;
              padding-right: 6px;
                padding-left: 3px;
                
                 margin-left: 1px;
                  margin-top: -2px;
          }
          
.tabR{
                       float: left;
                     display: block;
                     
           background-repeat: no-repeat;
       background-position-x: right;
       background-position-y: top;
       
                 padding-top: 3px;
              padding-bottom: 3px;
              padding-right: 7px;
                padding-left: 2px;
                
                  margin-top: -2px;
                
                 FONT-FAMILY: Verdana;
                   FONT-SIZE: 9px;
                       color: #765;
                 font-weight: bold;
             text-decoration: none;
          }
          
.tabL_Current{
                       float: left;
                     display: block;
                     
           background-repeat: no-repeat;
       background-position-x: right;
       background-position-y: top;
       
                 padding-top: 3px;
              padding-bottom: 2px;
              padding-right: 6px;
                padding-left: 3px;
                
                 margin-left: 1px;
          }
          
.tabR_Current {
                       float: left;
                     display: block;
                     
           background-repeat: no-repeat;
       background-position-x: right;
       background-position-y: top;
       
                 padding-top: 2px;
              padding-bottom: 3px;
              padding-right: 7px;
                padding-left: 2px;
                
                                
                 font-family: Verdana;
                   FONT-SIZE: 9px;
                       color: #765;
                 font-weight: bold;
             text-decoration: none;
          } 
.tab{
                   float: left;             
                   /*width: 594px; */ 
                   width: 618px;/*631px; */
                   margin-left: 0px;
                   
       background-repeat: repeat-x;
   background-position-y: bottom;

             padding-top: 3px;  /*para bajarlo todo*/
                           
             FONT-FAMILY: Verdana;
               FONT-SIZE: 9px;
                   color: #A6DEE9;
             font-weight: bold;
         text-decoration: none;
         
             line-height: normal;
        }
        
.tab_on {
                       float: left;           
                       /*width: 594px;*/
                       width: 618px;/*631px; */
                       margin-left: 0px;
                       
           background-repeat: repeat-x;
       background-position-y: bottom;
       
                 padding-top: 3px; /*para bajarlo todo*/
                               
                 FONT-FAMILY: Verdana;
                   FONT-SIZE: 9px;
                       color: #A6DEE9;
                 font-weight: bold;
             text-decoration: none;
             
                 line-height: normal;
          }
          
.ddlContainer{
                       float: left;              
                       /*width: 589px; *//*un poco menos de lo que mida el panel de los tabs*/
           width: 613px; 
                 padding-top: 10px;
              padding-bottom: 10px;
               padding-right: 3px;
                /*padding-left: 3px; */
                         margin-left: 0px;
                margin-right: 3px;
                
           border-left-width: 1px; 
           border-left-style: solid; 
           border-left-color: #4DBDD2;  
           
          border-right-width: 1px; 
          border-right-style: solid; 
          border-right-color: #4DBDD2;   
      }

.gridContainerTAB{
                       float: left;             
                   /*    width: 586px; */ /*un poco menos de lo que mida el panel de los tabs*/            
                    width: 610px;/*623px; */
                    overflow: auto;
                      height: 250px;
                       
               padding-right: 3px;
                padding-left: 3px; 
        
                margin-right: 10px;
                   margin-left: 0px;
           border-left-width: 1px; 
           border-left-style: solid; 
           border-left-color: #4DBDD2;  
          
         border-bottom-width: 1px; 
         border-bottom-style: solid; 
         border-bottom-color: #4DBDD2; 
           
          border-right-width: 1px; 
          border-right-style: solid; 
          border-right-color: #4DBDD2;   
      }
      
      
/*------------------------------ REJILLAS ------------------------------*/

.headerGrid
{
            height: 25px;
      FONT-FAMILY: Verdana;
        /*FONT-SIZE: 10px;*/
            color: White;
      FONT-WEIGHT: bold;
  TEXT-DECORATION: none;
       TEXT-ALIGN: center;
       background-color: #00A1BF;
   /*    background-color: #507CD1;*/
   
       /*background-color: #00C0F3;*/
}

.AlternatingRowGrid{
    background-color: #FFFFFF;
    }

.EditRowGrid
{
  BACKGROUND-COLOR: #C7EAFB;
    /*background-color: #2461BF;*/
    }
    
.RowGrid{
    background-color: #EFF3FB;
    }
    
.SelectedRowGrid{
    background-color: #D1DDF1;
    color: #333333;
    }
    
.pagerGrid{                   
       background-color: #00A1BF;
   /* background-color: #507CD1;*/
   
       /*background-color: #00C0F3;*/
                 font-family: Verdana;
                   font-size: 9px;
                       color: white;
                 font-weight: normal;
             text-decoration: none;
      }      
 .ControlInputAzul {

       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
       FONT-WEIGHT: normal;
             COLOR: #000000;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
        BORDER-TOP: #00C0F3 1px solid;
     BORDER-BOTTOM: #00C0F3 1px solid;
       BORDER-LEFT: #00C0F3 1px solid;
      BORDER-RIGHT: #00C0F3 1px solid;
  /*BACKGROUND-COLOR: #7CD3FD;* oscuro/
  /*BACKGROUND-COLOR: #D0F0FF; medio*/
  BACKGROUND-COLOR: #EDFBFF; /*claro*/
            HEIGHT: 18px;

}    
/********************Estándar*******************/
.textInput
{
  font-family: Verdana;
    font-size: 10px;
 padding-left: 10px;
padding-right: 5px;
    }

.controlBox
{            font-family: Verdana;
              font-size: 10px;
       background-color: #EDFBFF;
           border-width: 1px; 
           border-style: solid; 
           border-color: #4DBDD2; 
                 *margin 0 0 0 -50px; 
           _margin-left: 0px;
        }

        
.controlMensaje
{           font-family: Verdana;
              font-size: 10px;
       background-color: #EDFBFF;
           border-width: 1px; 
           border-style: solid; 
           border-color: #4DBDD2; 
               position: absolute;
                   left: 30%;
                    top: 30%;
                 margin: -10px;
        }
        

.TextoMensaje
{       padding: 10px;
        }
        
.gridContainer{
               width: 590px;  
          overflow-x: auto;
          margin-top: 10px;
       margin-bottom: 10px;
         margin-left: 2px;  
}

.subTitulo
{
       margin-top: 5px; 
            color: #666666; 
        font-size: 14px;
      font-weight: bold;
    }
        
.treeBox

{           font-family: Verdana;
              font-size: 10px;
       background-color: #EDFBFF;
           border-width: 1px; 
           border-style: solid; 
           border-color: #4DBDD2; 
         vertical-align: middle;
             overflow-y: auto;
        }       
/****************************Botones************************************/

.btnClose {

       FONT-FAMILY: Verdana;
         FONT-SIZE: 8px;
       FONT-WEIGHT: normal;
        text-align: center;
    vertical-align: middle;
             COLOR: #000000;
        BORDER-TOP: #00C0F3 1px solid;
     BORDER-BOTTOM: #00C0F3 1px solid;
       BORDER-LEFT: #00C0F3 1px solid;
      BORDER-RIGHT: #00C0F3 1px solid;
  BACKGROUND-COLOR: #C7EAFB;
            HEIGHT: 14px;
             width: 14px;

}

/*********************************Buscador de Productos***********************/

/*ATRIBUTOS*/

.labelAtributos
{ /*background: red;*/
             float: left;
             clear: left;
             width: 175px;
             height: 25px;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
        text-align: left;
    }
 
.listaValores
{/*background: blue;*/
             float: right;
             clear: right;
       margin-left: 0px;
       margin-bottom: 3px;
       margin-top: 2px;
              
       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
       FONT-WEIGHT: normal;
             COLOR: #000000;
      PADDING-LEFT: 5px;
     PADDING-RIGHT: 5px;
            BORDER: #00C0F3 1px solid;
  BACKGROUND-COLOR: #C7EAFB;    
            height: 22px; 
             width: 175px;
    }
    
    
/****************************************  Pedidos **************************************/
    /*label*/

.label_dg 
{
      font-family: Verdana;
        font-size: 10px;
      font-weight: bold;
     padding-left: 3px;
    padding-right: 3px;
}
    
    /*textBox*/
.textBox_dg 
{ 
       FONT-FAMILY: Verdana;
         FONT-SIZE: 9px;
             COLOR: #000000;
        text-align: center;
    vertical-align: middle;
      PADDING-LEFT: 3px;
     PADDING-RIGHT: 3px;
            border: #00C0F3 1px solid;
  BACKGROUND-COLOR: #C0C0C0;
            HEIGHT: 12px;
}

/*Caja esquinas redondeadas*/

.fondo_azul
{
    BACKGROUND-COLOR: #C7EAFB;
    }
    
    /* Esquinas*/
.esquin_izq_ab
{
    width: 7px;
    height: 7px;
    background-image: url(../imagenes/recuadro/izq_ab_gr_peq.png);
    background-repeat: no-repeat;
}
.esquin_der_arr
{
    width: 7px;
    height: 7px;
    background-image: url(../imagenes/recuadro/der_ar_gr_peq.png);
    background-repeat: no-repeat;
}
.esquin_izq_arr
{
    width: 7px;
    height: 7px;
    background-image: url(../imagenes/recuadro/izq_ar_gr_peq.png);
    background-repeat: no-repeat;
}

.esquin_der_ab
{
    width: 7px;
    height: 7px;
    background-image: url(../imagenes/recuadro/der_ab_gr_peq.png);
    background-repeat: no-repeat;
}

/* Linea Vertical a la derecha*/
.linea_vr
{
    width: 2px;
    background-repeat: repeat-y;
    background-position-x: none ! important;/* afectara en el Mozilla*/
    background-position-x: right;
    background-image: url(../imagenes/recuadro/pixel_gris.png);
}

/* Linea Horizontal abajo*/
.linea_hr
{
    height: 2px;
 
    background-repeat: repeat-x;
    background-position-y: none ! important;/* afectara en el Mozilla*/
    background-position-y: bottom;
    background-image: url(../imagenes/recuadro/pixel_gris.png);
}

/* Linea Vertical a la izquierda*/
.linea_vr_l
{
    width: 2px;
    background-repeat: repeat-y;
    background-position-x: left;
    background-image: url(../imagenes/recuadro/pixel_gris.png);
}

/* Linea Horizontal arriba*/
.linea_hr_t
{
    height: 2px;
 
    background-repeat: repeat-x;
    background-position-y: top;
    background-image: url(../imagenes/recuadro/pixel_gris.png);
}

.scroll_x
{
    overflow-x: auto;
}

.scroll_y
{
    overflow-y: auto;
}

/***************************  Banner Descuentos en Pedidos *****************************/

.contenedor_BannerDto
{
          left: 0px !important; /*Explorer 7*/
          left: 0px; 
      position: relative;
           top: -15px !important; /*Explorer 7*/ 
           top: -25px; 
 margin-bottom: -40px !important; /*Explorer 7*/
 margin-bottom: -50px;
         color: White;
}

.contenedor_Labels_BannerDto
{
          left: 15px !important;  /*Explorer 7*/
          left: 5px; 
      position: relative;
           top: 50px !important; /*Explorer 7*/ 
           top: 50px; 
}

.label_DescuentoNum_BannerDto
{
    visibility: visible; 
   margin-left: 30px !important; /*Explorer 7*/
   margin-left: 20px;
     Font-Size: 20px;
}

.label_DescuentoText_BannerDto
{
    visibility: visible; 
     Font-Size: 12px;
}

.imagen_Descuento_BannerDto
{
    margin-left: 20px !important; /*Explorer 7*/
    margin-left: 10px;
}

.imagen_Bandera_BannerDto
{
    margin-top: -8px !important; /*Explorer 7*/
    margin-top: -10px;
}