/*-------------------------------------------------------------------------
 Clic 
---------------------------------------------------------------------------
 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
	usando el layout 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;
}*/
html {  background: #FBFBFB; } /* es correcto? */
body {
     min-height: 600px;
    height: auto !important;
    height: 600px;
}
* {
	margin:0px;
	padding:0px;
}
.wrapper{
	width:396px;
	height:292px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-198px; /* half of width */
	margin-top: -146px;/* half of height (negative amount) */
	/*border:1px solid #666666;*/
}

#flashTop{
	background: url(../img/flashMsg/flash_message_top.png) 50% 0 no-repeat;
	/*width:390px; No especificar el width para que se centre*/
	min-height: 114px;
	height: auto !important;
	height: 114px;
	azimuth: expression(
		this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
}

#flashBody{
	background: url(../img/flashMsg/flash_message_body_bg.png) 50% 0 repeat-y ;
	min-height: 149px;
	height: auto !important;
	height: 149px;
	azimuth: expression(
		this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
}

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


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

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


#flashBottom{
	background: url(../img/flashMsg/flash_message_bottom.png) bottom no-repeat;
	height: 29px;
	azimuth: expression(
		this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
}

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