/*
Contenedor general de los cuadros de dialogo
*/
.designerDialogo {
    position: fixed;
    display: none;
    border: #c0c0c0 solid 1px;
    background-color: #FFF;
    min-width: 200px;
    min-height: 100px;
    border-radius:5px;
    z-index:20001;
}

/*
Pantalla semi-transparente que bloquea el
contenido general de la pagina
*/
.designerPantallaBloqueo {
    left:0;
    top:0;
    margin:0;
    padding:0;
    width: 100%;
    height: 100%;
    position:fixed;
    background:black;
    z-index:20000;
}

/* 
Pantalla semi-transparente que aparece
al seleccionar una parte de la pagina 
*/
.designerPantallaSeleccion {
    border:1px solid orangered;
    border-radius:5px;
    margin:0;
    padding:0;
    position:absolute;
    background:darkorange;
    opacity:.5;
    z-index:10000;
    pointer-events: none;
}

/*
Franja superior del cuadro de dialogo
*/
.designerEncabezadoDialogo{
    padding: 9px 15px;
    border-bottom: 1px solid #c5c5c5;
    position: relative;
    cursor: move;
}

/*
Cambio de color de la franja superior
*/
.designerEncabezadoDialogo:hover{

}

.designerEncabezadoTituloDialogo {
    overflow: hidden;
    float:left;
}

/*
Contenedor de contenido del cuadro
de dialogo
*/
.designerContenidoDialogo{
    border-radius:0 0 5px 5px;
    max-height: 900px;
    min-height: 70px;
    overflow: auto;
}

/*
Contenedor secundario de contenido 
del cuadro de dialogo
*/
.designerContenidoDialogo{
    padding:5px;
}

/*
Contenedor del boton de cierre del
cuadro de dialogo
*/
.designerBotonCierre {
    float:right;
    right: 15px;
    top: 9px;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #858585;
    cursor: pointer;
    height: 20px;
    overflow: hidden;
}

/*
Cambio del boton de cierre al pasar
el raton por encima
*/
.designerBotonCierre:hover {
    color: #adadad;
}

/*
Franja inferior del cuadro de dialogo
*/
.designerPieDialogo {
    display: block;
    background-color: #fff;
    border-top: 1px solid #c5c5c5;
    border-radius: 0 0 6px 6px;
    padding: 5px 4px 5px 5px;
    background-color: #f0f0f0;
    background-image: linear-gradient(to bottom, #fdfdfd, #ddd);
    background-repeat: repeat-x;
}

/*
Contenedor general de los cuadros de dialogo simple
*/
.designerSimpleDialogo {
    position: fixed;
    display: none;
    border: #c0c0c0 solid 1px;
    background-color: #FFF;
    border-radius:5px;
    z-index:20001;
}

/*
Franja superior del cuadro de dialogo
*/
.designerEncabezadoSimpleDialogo{
    padding: 9px 15px;
    position: relative;
    cursor: move;
}

/*
Cambio de color de la franja superior
*/
.designerEncabezadoSimpleDialogo:hover{

}

.designerEncabezadoTituloSimpleDialogo {
    overflow: hidden;
    float:left;
    margin-right: 20px;
}



/*
Contenedor del boton de cierre del
cuadro de dialogo
*/
.designerBotonSimpleCierre {
    float:right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #858585;
    cursor: pointer;
    overflow: hidden;
    height: 100%;
    vertical-align: middle;
}