/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: flashMessage.css
  	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
	CSS styles for flash messages
	Estilos generales para el despliegue del mensaje flash
--------------------------------------------------------------------------*/

/* Alineacion vertical 
.outer{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  height: 245px;
  margin-left: -200px;  half of width 
  margin-top: -122px;   half of height 
  background-color: #6699CC;
}*/
 body{
	
 }
* {
	margin:0px;
	padding:0px;
}
.wrapper{
	width:400px;
	height:285px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-200px; /* half of width */
	margin-top: -142px;/* half of height (negative amount) */
	/*border:1px solid #666666;*/
}

#flashTop{
	background: url(../img/flashMsg/flash_message_top.jpg) 50% 0 no-repeat;
	/*width:390px; No especificar el width para que se centre*/
	min-height: 114px;
	height: auto !important;
	height: 114px;
}

#flashBody{
	background: url(../img/flashMsg/flash_message_body_bg.jpg) 50% 0 repeat-y ;
	min-height: 142px;
	height: auto !important;
	height: 142px;
}

#flashBody #flashMessage{
 padding:10px 21px 10px; /* Top Right Bottom Left*/
 border:none;
}
#flashBody #flashMessage, #flashBody #flashMessage a{
	text-decoration:none;
	color:#000000;
	font-size:11pt;
	text-align:center;
}


#flashBody #flashMessage a:hover{
	text-decoration:underline;
}

#flashBody #flashMessage a:visited{
	color:#000000
}


#flashBottom{
	background: url(../img/flashMsg/flash_message_bottom.jpg) bottom no-repeat;
	height: 29px;
}

#flashBottom span, #flashTop span{
	display:none;
}