/* CONTROLES   
----------------------------------------------------------*/
.Label
{
    color: #333333;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
}

.TextBox
{
    padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid #3366CC;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #333333;
    border-top-left-radius: 4px; /* Esquina superior izquierda*/
    border-top-right-radius: 4px; /* Esquina superior derecha*/
    border-bottom-right-radius: 4px; /* Esquina inferior izquierda*/
    border-bottom-left-radius: 4px; /* Esquina inferior izquierda*/
}

.TextBox:focus
{
    background-color: #E1F0FF;
    border: 1px solid #3366CC;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 12pxt;
    text-align: left;
    color: #333333;
}

.ErrorTextBox
{
    padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid #FF0000;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 8pt;
    text-align: left;
    color: #FF0000;
}

.Button
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    background-color: #3366CC;
    background-image: linear-gradient(top,#3366CC,#3E6CCE);
    background-image: -moz-linear-gradient(top,#3366CC,#3E6CCE);
    background-image: -ms-linear-gradient(top,#3366CC,#3E6CCE);
    background-image: -o-linear-gradient(top,#3366CC,#3E6CCE);
    background-image: -webkit-linear-gradient(top,#3366CC,#3E6CCE);
    border: 1px solid #99CCFF;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    /*text-transform: uppercase;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-right: 16px;
    height: 30px;
    line-height: 27px;
    min-width: 100px;
    outline: 0;
    padding: 0 8px;
}

.Button:hover
{
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    background-color: #3366CC;
    background-image: linear-gradient(top,#3366CC,#3E6CCE);
    background-image: -moz-linear-gradient(top,#3366CC,#3E6CCE);
    background-image: -ms-linear-gradient(top,#3366CC,#3E6CCE);
    background-image: -o-linear-gradient(top,#3366CC,#3E6CCE);
    background-image: -webkit-linear-gradient(top,#3366CC,#3E6CCE);
    border: 1px solid #4DA5D3;
    border-color-bottom: #3079ED;
    color: white;
    cursor: pointer;
}
.DropDownList
{
    padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid #3366CC;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #333333;
    border-top-left-radius: 4px; /* Esquina superior izquierda*/
    border-top-right-radius: 4px; /* Esquina superior derecha*/
    border-bottom-right-radius: 4px; /* Esquina inferior izquierda*/
    border-bottom-left-radius: 4px; /* Esquina inferior izquierda*/
}

.DropDownList:focus
{
    padding: 5px;
    background-color: #CEDAF2;
    border: 1px solid #3366CC;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #333333;
}

.RadioButtonList
{
    padding: 5px;
    background-color: #FFFFFF;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #0066FF;
}

.GridView
{
    width: 100%;
    background-color:#3366CC;
    border-top-left-radius: 4px; /* Esquina superior izquierda*/
    border-top-right-radius: 4px; /* Esquina superior derecha*/
    border-bottom-right-radius: 4px; /* Esquina inferior izquierda*/
    border-bottom-left-radius: 4px; /* Esquina inferior izquierda*/
}

.HeaderGrid
{
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    /*background-color: #0066FF;*/
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
}
.HeaderGrid a 
{
    color: #FFFFFF;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    text-decoration:none;
}

.HeaderGrid a:hover
{
    text-decoration: underline; 
}

.AlternatingRowGrid
{
    text-align: center;
   font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    background-color: #FFFFFF;
}

.AlternatingRowGrid:hover
{
    background-color: #CCCCCC;
    cursor: pointer;
    color: #333333;
}

.RowGrid
{
    text-align: center;
   font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    background-color: #E9E9E9;
}

.RowGrid:hover
{
    background-color: #CCCCCC;
    cursor: pointer;
    color: #333333;
}

.PagerGrid
{
    color: #FFFFFF;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
   /* background-color: #0066FF;*/
}
.PagerGrid a, .PagerGrid span
{
    color: #FFFFFF;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    text-decoration: none;
}

.PagerGrid a:hover
{
  text-decoration: underline; 
}
.FooterGrid
{
    color: #FFFFFF;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
}

.SelectedRowGrid
{
    color: #000000;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    background-color: #FFCC66;
}



/************ Estilos para los botones de la barra *************/
.Button_Buscar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/search.png');
    background-repeat: no-repeat;
    background-color: transparent;
}

.Button_Editar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/edit.png');
    background-repeat: no-repeat;
    background-color: transparent;
}

.Button_Guardar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/save.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Calcular
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/calcular.png');
    background-repeat: no-repeat;
    background-color: transparent;
}

.Button_Imprimir
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/print.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Proyectar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/proyectar.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Aprobar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/approve.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Nuevo
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/new.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Generar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/generate.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Agregar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/add.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Refrescar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/Refresh.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Aceptar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/Accept.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Liquidar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/liquidate.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Rechazar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/reject.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Eliminar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/delete.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Cancelar
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/cancel.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Ayuda
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/Help.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_AccesoRapido
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/QuickAccess.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_EnviarNotificacion
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/Send_ Notification.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_VistaPrevia
{
    background-position: left;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 50px;
    background-image: url('img/controles/Preview.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.Button_Buscar:hover, .Button_Editar:hover, .Button_Guardar:hover, 
.Button_Calcular:hover, .Button_Imprimir:hover, .Button_Proyectar:hover, 
.Button_Nuevo:hover, .Button_Aprobar:hover, .Button_Generar:hover, .Button_Agregar:hover, .Button_Refrescar:hover, .Button_Aceptar:hover,
.Button_Liquidar:hover, .Button_Rechazar:hover, .Button_Eliminar:hover, .Button_Cancelar:hover, .Button_Help:hover, .Button_Ayuda:hover, 
.Button_AccesoRapido:hover, .Button_EnviarNotificacion:hover, .Button_VistaPrevia:hover
{
    background-color: white;
    cursor: pointer;
 
  
}

/********** Estilos Varios ************/
body
{
	color: #333333;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
}