/*
 * 
 * Creado: 02/11/2009
 * Modificado: 17/11/2009
 * 
 * 
 */



.adpositionpanel {
	display: inline-block;
	position:relative;
}
.adpositionpanel span{
	display:inline-block;
	line-height:22px;
	margin:0 0 0 4px;
}

	.adpositionpanel-container {
		display: inline-block;
		position: relative;
		width: 19px;
		height: 17px;
		vertical-align: top;
		z-index: 1000;
	}

			/* las siguientes reglas hacen que IE6 e IE7
			 * apliquen en realidad inline-block
			 */
			* html .adpositionpanel {
				display: inline;
			}
			
			*:first-child+html .adpositionpanel {
				display: inline;
			}
			
				* html .adpositionpanel-container {
					display: inline;
				}
				
				*:first-child+html .adpositionpanel-container {
					display: inline;
				}


	.adpositionpanel-trigger {
		display: inline-block;
		width: 19px;
		height: 17px;
		cursor: pointer;
		background: #3c6aa8 url("../img/adpositionpanel-trigger.gif") no-repeat center center;
	}
	
		/* diferentes iconos para diferentes zonas */
		.adpositionpanel-top .adpositionpanel-trigger {
			background-image: url("../img/adpositionpanel-trigger-top.gif");
		}
		
		.adpositionpanel-left .adpositionpanel-trigger {
			background-image: url("../img/adpositionpanel-trigger-left.gif");
		}
		
		.adpositionpanel-right .adpositionpanel-trigger {
			background-image: url("../img/adpositionpanel-trigger-right.gif");
		}
		
		.adpositionpanel-center .adpositionpanel-trigger {
			background-image: url("../img/adpositionpanel-trigger-center.gif");
		}
		
		.adpositionpanel-bottom .adpositionpanel-trigger {
			background-image: url("../img/adpositionpanel-trigger-bottom.gif");
		}
		/* fin de diferentes iconos para diferentes zonas */


	.adpositionpanel-panel {
		position: absolute; 
		bottom: 15px;
		left: 0;
		display: none; /* por defecto no es visible */
		width: 200px;
		height: 150px;
		padding: 5px;
		border: 2px solid #3c6aa8;
		background: #fff;
		cursor: default;
	}
		
					.adpositionpanel-open .adpositionpanel-panel {
						display: block;
					}
	
		.adpositionpanel-panel-container {
			position: relative; /* para que hijos posicionados absolutamente se posicionen con respecto a este contenedor */
		}
	
	


	.adpositionpanel-position {
		position: absolute;
		border: 1px solid #9cbeed;
		background: #fff; /*#bfd8f6 repeat-x top center;*/
		overflow: hidden;
	}
	
		.adpositionpanel-positionname {
			font-size: 10px;
			font-weight: bold;
			margin-left: 3px;
		}
	
						/* solo en modo de edicion */
						.adpositionpanel-editing .adpositionpanel-position {
							cursor: pointer;
						}
						
						.adpositionpanel-editing .adpositionpanel-position:hover {
							border-color: #3c6aa8;
						}
						
						/* fin de solo en modo de edicion */
		
		
		/* otros elementos del panel */
		.adpositionpanel-navigation,
		.adpositionpanel-footer {
			position: absolute;
			border: 1px solid #a4a8a8;
			background: #ececea;
			font-size: 9px;
			color: #666;
			text-align: center;
		}
		/* fin de otros elementos del panel */
		
	
	/* tamanyos y posiciones de cada region o elemento */
	.adpositionpanel .A1 {
		position:relative; /* con esto evito un extraño efecto en IE6 que desplaza todo a la derecha en el contexto de la tabla de adunits */
		top: 0;
		left: 0;
		width: 198px; /* siempre deben tener 2px menos, para compensar el borde */
		height: 20px;
	}
	
	.adpositionpanel-navigation {
		top: 24px;
		left: 0;
		width: 198px;
		height: 13px;
		line-height: 13px;
	}
	
	.adpositionpanel .A2 {
		top: 41px;
		left: 42px;
		width: 114px;
		height: 20px;
	}
	
	.adpositionpanel .I1 {
		top: 41px;
		left: 0;
		width: 38px;
		height: 44px;
	}
	
	.adpositionpanel .I2 {
		top: 89px;
		left: 0px;
		width: 38px;
		height: 44px;
	}
	
	.adpositionpanel .C1 {
		top: 68px;
		left: 42px;
		width: 33px;
		height: 38px;
	}
	
	.adpositionpanel .C2 {
		top: 65px;
		left: 79px;
		width: 40px;
		height: 20px;
	}
	
	.adpositionpanel .C3 {
		top: 68px;
		left: 123px;
		width: 33px;
		height: 38px;
	}
	
	.adpositionpanel .C4 {
		top: 89px;
		left: 79px;
		width: 40px;
		height: 20px;
	}
	
	.adpositionpanel .D1 {
		top: 41px;
		left: 160px;
		width: 38px;
		height: 44px;
	}
	
	.adpositionpanel .D2 {
		top: 89px;
		left: 160px;
		width: 38px;
		height: 44px;
	}
	
	.adpositionpanel .P1 {
		top: 113px;
		left: 42px;
		width: 114px;
		height: 20px;
	}
	
	.adpositionpanel-footer {
		top: 137px;
		left: 0;
		width: 198px;
		height: 13px;
		line-height: 13px;
	}
	
	
				/* regiones activas */
				.adpositionpanel-position-on {
					background: #bfd8f6;
				}