﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TABLAS DE ADMINISTRACIÓN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Botones de administración*/
.ListaAdminBotonesTransparente
{
    text-align: right;
    padding: 2px;
    margin-bottom: 20px;
}

.ListaAdminBotonesTransparente .Izquierda
{
    float: left;
}

.ListaAdminBotonesTransparente .Derecha
{
    float: right;
}

/*Botones de administración*/
.ListaAdminBotones
{
    float: left;
    width: 943px;
    background-image: url(./img/bg_listabotones.gif);
    background-repeat: repeat-x;
    display: block;
    height: 21px;
    padding: 3px 5px 2px 5px;
    border: solid 1px #b5bece;
    font-size: 12px;
    color: #000;
}

.ListaAdminBotones a
{
    color: #000;
    font-weight: bold;
    margin-top: 4px;
    padding-top: 4px;
}

div.ListaAdminBotonesGrisClaro
{
	margin: 5px 0px;
    padding: 4px;
    background-color: #f4f4f4;
    border: solid 1px #d3d5d4;
    color: #616161;
}
.ListaAdminBotones #Izquierda, div.ListaAdminBotonesGrisOscuro #Izquierda, div.ListaAdminBotonesGrisClaro #Izquierda{float: left; width:auto;}
.ListaAdminBotones #Derecha, div.ListaAdminBotonesGrisOscuro #Derecha, div.ListaAdminBotonesGrisClaro #Derecha{float: right; width:auto;}

table.ListaAdmin{width:100%;border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none;}
table.ListaAdmin th {padding:4px 6px; background:#444; color:#fff; text-align:left; color:#ccc; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1;}
table.ListaAdmin tr.impar {background-color:#f2f2f2}
table.ListaAdmin tr.par {background-color:#fff}
table.ListaAdmin tr.seleccionado {background-color:#AAA}
table.ListaAdmin td {padding:2px 4px 4px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1;}
table.ListaAdmin th.Ordenar {background:#444 url(./img/bg_sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
table.ListaAdmin th.OrdenarDesc {background:#222 url(./img/bg_desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px; color: inherit;}
table.ListaAdmin th.OrdenarAsc {background:#222 url(./img/bg_asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px; color: inherit;}
table.ListaAdmin th.Ordenar a, th.OrdenarDesc a, th.OrdenarAsc a {width: 100%;height: 100%;color:#CCC}
a.BotonOrdenar{width: 100%;height: 100%;}
table.ListaAdmin th.Ordenar a:hover, th.OrdenarDesc a:hover, th.OrdenarAsc a:hover {width: 100%;height: 100%;color:#fff}

.ListaAdminTotales
{
    margin-top: 10px;
}

/*Estilo Itunes*/
/*table.ListaAdmin{width:100%;border:solid 1px #D9E5F1;}
table.ListaAdmin td{color:#222;text-align:left;border-right:solid 1px #d9d9d9;padding: 2px;}
table.ListaAdmin tr.par { background-color:#fff; }
table.ListaAdmin tr.impar { background-color:#ececec; }
table.ListaAdmin tr.modificando { background-color:#F00; }*/

/*Estilo Cabecera Normal*/
/*table.ListaAdmin TH{text-align:left;height:17px;background:url(./img/bg_cabecera_azul.png) repeat-x;border-right:solid 1px #9e9e9e;color:#333;}
table.ListaAdmin TH a, table.ListaAdmin TD a{width: 100%;height: 100%;text-decoration: none;display: block;color:#333;}
table.ListaAdmin TH.ConImagen, table.ListaAdmin TD.ConImagen{ width: 2.5%;text-align: center;}*/

/*Estilo Cabecera Ordenado*/
/*table.ListaAdmin TR TH.Ordenar{background:url(./img/bg_cabecera_ordenar.png) repeat-x;}*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORMULARIOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.PanelFormulario1 {
    /*background-color: #FAFAFA;
    border: 1px solid #BFBAB0;
    color:#787878;
    margin:0 0 1em;
    padding: 20px;*/
}

.PanelFormulario1 div.Grupo {
    background-color: #FCFCFC;
    border: 1px solid #7F7F7F;
    margin: 0px 20px 20px 20px;
    padding: 20px;
}
.PanelFormulario1 label.TituloGrupo, .PanelFormulario1 span.TituloGrupo
{
    display: block;
    padding-left: 5px;
    border-bottom: solid 5px #CFCFCF;
    margin-bottom: 20px;
    color:#50514D;
    font-size:15px;
    font-weight: bolder;
}
.PanelFormulario1 div.FilaControles{margin-bottom: 10px;}

.PanelFormulario1 div.FilaBotones{margin-top: 10px; border-top: dotted 1px #AAA; padding: 10px 20px; display: block;}
.PanelFormulario1 div.FilaBotones div.Izquierda{float:left;}
.PanelFormulario1 div.FilaBotones div.Derecha{float:right;}
.PanelFormulario1 button, .PanelFormulario1 input[type="submit"] {
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    border:1px solid #CCCCCC;
    cursor:pointer;
    font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:normal;
    height:24px;
    line-height:18px !important;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    overflow:visible;
    padding:0 5px;
    text-align:center;
    vertical-align:middle;
    width:100px;
}
.PanelFormulario1 button:hover, .PanelFormulario1 input[type="submit"]:hover {
    border:1px solid #8a8a8a;
}

.PanelFormulario1 button.Principal, .PanelFormulario1 input[type="submit"].Principal
{
    background:transparent url(bg_button1.png) repeat-x scroll 0 0;
    color:#EEE;
    font-weight: bold;
}
.PanelFormulario1 button, .PanelFormulario1 input[type="submit"],
.PanelFormulario1 button.Secundario, .PanelFormulario1 input[type="submit"].Secundario
{
    background:transparent url(bg_button2.png) repeat-x scroll 0 0;
    color:#666666;
}

.PanelFormulario1 label.Titulo, .PanelFormulario1 span.Titulo
{  
    float: left;  
    width: 11em;  
    padding-top: 0.4em;
    margin-right: 1em;  
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.PanelFormulario1 div.MultiIdioma
{
    float: left;
    width: 84%;
    margin-bottom: 10px;
}

.PanelFormulario1 div.MultiIdioma img.Banderas
{
    width: 22px;
}

.PanelFormulario1 span.req {
    color:#FF6600;
    font-size:0.75em;
    margin:0 0 0 3px;
}

.PanelFormulario1 .CampoRequerido, .PanelFormulario1 .CampoRequeridoLargo, .PanelFormulario1 .CampoRequeridoMedio, .PanelFormulario1 .CampoRequeridoCorto {
    color:#888888;
    display:block;
    font-family:arial,verdana,helvetica;
    font-size:76%;
    margin:0;
    margin-top: 3px;
    padding:0 5px;
    text-align:right;
}
.PanelFormulario1 .CampoRequeridoCorto {width:32%;}
.PanelFormulario1 .CampoRequeridoMedio {width:54%;}
.PanelFormulario1 .CampoRequerido, .PanelFormulario1 .CampoRequeridoLargo {width:98%;}

.PanelFormulario1 input[type="text"], .PanelFormulario1 input[type="text"].Largo, .PanelFormulario1 input[type="text"].Medio, .PanelFormulario1 input[type="text"].Corto,.PanelFormulario1 input[type="text"].FormularioPublico
.PanelFormulario1 input[type="password"], .PanelFormulario1 input[type="password"].Largo, .PanelFormulario1 input[type="password"].Medio, .PanelFormulario1 input[type="password"].Corto,.PanelFormulario1 input[type="password"].FormularioPublico,
.PanelFormulario1 textarea, .PanelFormulario1 textarea.Largo, .PanelFormulario1 textarea.Medio, .PanelFormulario1 textarea.Corto,.PanelFormulario1 textarea.FormularioPublico {
    /*border-color:#787878 #AAAAAA #AAAAAA #787878;
    border-style:solid;
    border-width:1px;
    padding:2px;*/
    border: 1px solid #FFFFFF;
    border-color:#787878 #AAAAAA #AAAAAA #787878;
	background: url(./img/bg_inputs.png) repeat-x #FFFFFF;
	padding:2px;
	color: inherit;
	/*font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;*/
}
.PanelFormulario1 input[type="text"]:focus, .PanelFormulario1 input[type="text"].Largo:focus, .PanelFormulario1 input[type="text"].Medio:focus, .PanelFormulario1 input[type="text"].Corto:focus,
.PanelFormulario1 input[type="password"]:focus, .PanelFormulario1 input[type="password"].Largo:focus, .PanelFormulario1 input[type="password"].Medio:focus, .PanelFormulario1 input[type="password"].Corto:focus,
.PanelFormulario1 textarea:focus, .PanelFormulario1 textarea.Largo:focus, .PanelFormulario1 textarea.Medio:focus, .PanelFormulario1 textarea.Corto:focus  
{
    border: solid 1px #F00;
    background-color: #EAEAEA;
}

.PanelFormulario1 input[type="text"].Corto, .PanelFormulario1 input[type="password"].Corto,
.PanelFormulario1 textarea.Corto{width:18%;}

.PanelFormulario1 input[type="text"].Medio, .PanelFormulario1 input[type="password"].Medio,
.PanelFormulario1 textarea.Medio{width:40%;}

.PanelFormulario1 input[type="text"].FormularioPublico, .PanelFormulario1 input[type="password"].FormularioPublico,
.PanelFormulario1 textarea.FormularioPublico{width:62%;}

.PanelFormulario1 input[type="text"], .PanelFormulario1 input[type="text"].Largo,
.PanelFormulario1 input[type="password"], .PanelFormulario1 input[type="password"].Largo,
.PanelFormulario1 textarea, .PanelFormulario1 textarea.Largo{width:83.5%;}

.PanelFormulario1 textarea.AlturaPeq{height:50px;}
.PanelFormulario1 textarea.AlturaMedia{height:100px;}
.PanelFormulario1 textarea.AlturaGrande{height:250px;}

.PanelFormulario1 input[type="text"].LargoMultiIdioma, .PanelFormulario1 textarea.LargoMultiIdioma{width:99.1%;}

.PanelFormulario1 select.Largo{width:84%;}


.PanelFormulario1 div.FilaControles_TextBoxRich{width:85%;float:right;}

.PanelFormulario1 input[type="checkbox"] 
{
    margin-right: 3px;
    border: 0;
    width: 1.4em; height: 1.4em;
}

/******************************************************/
/************ELEMENTOS MULTIMEDIA**********************/
.AnadirElementoMultimedia
{
    background-color: #EEE;
    border: solid 1px #AAA;
    padding: 5px 5px;
}

/* MODIFICACIONES FRAN */
.PanelFormulario1 .Largo
{
    margin:.2em 0 .3em 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PANELES MENSAJE DE ESTADO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.info, .success, .warning, .error, .validation 
{
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    font-size:10pt;
    background-position: 10px center;
}
.info 
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(Exclamation.png);
}
.success 
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(Exclamation.ico);
}
.warning 
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(Exclamation.ico);
}
.error 
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(error.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PANELES FILTROS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.PanelFiltro
{
    background-color: #EEE;
    border: solid 1px #CCC;
    padding: 10px 0px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.PanelFiltro .ButtonExpandCollapse
{
    float: left;
    width: 13px;
    height: 13px;
    background-image: url(./img/btn_expand_collapse.gif);
    background-position: 0 0;
}

.PanelFiltro .EtiquetaExpandCollapse
{
    float: left;
    margin-left: 5px;
}

.PanelFiltro .cabecera ul
{
    list-style: none;
    cursor: pointer;
    margin-left: 5px;
}

.PanelFiltro .Cuerpo
{
    margin: 10px 20px 0px 20px;
    float: left;
    width: auto;
}

.PanelFiltro .FiltersPart
{
    float: left;
    width: 750px;
    border-right: solid 1px #CCC;
}

.PanelFiltro .ButtonsPart
{
    float: left;
    padding-top: 20px;
    margin-left: 20px;
}

.PanelFiltro ul.ListaFiltros
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.PanelFiltro ul.ListaFiltros li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.PanelFiltro ul.ListaFiltros li span.Titulo
{
    font-weight: bold;
}

.PanelFiltro ul.ListaFiltros li ul li
{
    margin: 4px 0 10px 10px;
    font-weight: normal;
}
