*{padding:0; margin:0 auto;}

/* Clase que tendra el tooltip */  
.cssToolTip {
 position: relative; /* Esta clase tiene que tener posicion relativa */
 color: #ff8c00; /* Color del texto */
}
 
/* El tooltip */
.cssToolTip span {
 background: rgba(20,20,20,0.9) url('../iconos/aim.png') center left 5px no-repeat; 
 border: 2px solid #87cefa;
 border-radius: 5px;
 box-shadow: 5px 5px 5px #333;
 color: #87cefa;
 display: none; /* El tooltip por defecto estara oculto */
 font-size: 0.8em;
 padding: 10px 10px 10px 35px;
 max-width: 6000px;
 position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
 top: 20px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
 left: 0px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
 z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
}
 
/* El tooltip cuando se muestra */
.cssToolTip:hover span {
 display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
}

#popup {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

#popup2 {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.content-popup {
	margin:0px auto;
	margin-top:50px;
	position:relative;
	padding:10px;
	width:350px;
	min-height:250px;
	border-radius:4px;
	background-color:#FFFFFF;
	box-shadow: 0 2px 5px #666666;
}

.content-popup h2 {
	color:#48484B;
	border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}
.content-popup h3 {
	margin-top:20px;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    COLOR: #000000;

    FONT-FAMILY: Verdana;
	FONT-SIZE: 9;
	border-radius:3px;
    background: rgba(150, 150, 150, .5);
}

content-popup h3 input,textarea,select{
padding:1px;outline:none;transition: all 0.15s ease-in-out;border-radius:3px;border:1px solid rgba(0,0,0,0.2);
}

content-popup h3 input,textarea,select:focus {
box-shadow: 0 0 5px rgba(0,255,0,1);border:1px solid rgba(0,255,0,0.8);
}

content-popup h3 input:required:valid, content-popup h3 textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
content-popup h3 input:focus:invalid, content-popup h3 textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535;
}



	
	
	
	
	
	
.content-popup h4 {
	margin-top:20px;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    COLOR: #000000;

    FONT-FAMILY: Verdana;
	FONT-SIZE: 10px;
	border-radius:3px;
    background: rgba(150, 150, 150, .5);
}

.popup-overlay {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
	display:none;
	background-color: #777777;
    cursor: pointer;
    opacity: 0.7;
}

.close {
	position: absolute;
    right: 15px;
}
.grip{
	width:20px;
	height:15px;
	margin-top:-3px;
	background-image:url('../images/grip.png');
	margin-left:-5px;
	position:relative;
	z-index:88;
	cursor:e-resize;
    background-repeat: no-repeat;
}

.grip:hover{
	background-position-x:-20px;
}

.dragging .grip{
	background-position-x:-40px;
}
.JCLRLastGrip .grip{
    background-position-y:-18px;
    left:-2px;
}
#postback{
	margin-bottom:10px;
}