/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupFrame {
	margin: 0px;
	position: relative;
	z-index: 202;
}

#popupTitleBar {
	color: #ffffff;
	font-weight: bold;
	position: relative;
	z-index: 203;
	background: url(guia.png) no-repeat bottom center;
}
#popupTitle {
	float:left;
	font-size: 12px;
}
.tituloModal {
	float:left;
	font-size: 12px;
}
#popupControls {
	width: 100%;
	height: 20px;
	line-height: 10px;
}
.tituloModal {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #fff;
	padding-left: 1%;
	width: 94%; 
	*width: 95%; 
	float: left;
	/*text-transform: uppercase;*/
}
.fecharModal {
	width: 5%; 
	*width: 5%;
	text-align: right; 
	float: left;
}

.container {width:100%;}
.container .containerTable{border:0; width:100%}
.container .containerTable .c{height:100%; .height:auto;}
.container {font-family:Arial; font-size:13px}
.container .n a{ font-size:18px;text-decoration:none; color:black; position:relative;}
.container .n a:hover{ font-size:18px;text-decoration:none; color:black; position:relative;}
.container .containerBody{overflow:auto; position:relative; margin-right:-15px; padding-right:15px}
.container .icon{position:absolute;margin-top:-25px; margin-left:-4px;}
.container .spacer{padding-top:10px;}
.container .restoreContainer{width:32px}
.container .buttonBar{right:10px;top:5px}
.container .buttonBar img{padding:5px}

.container.skinAlert .n{background:url(n.png) repeat-x top; padding-top:0px;vertical-align:bottom;color: white;}
.container.skinAlert .n a{color:white}
.container.skinAlert .ne{background:url(ne.png) no-repeat top right; height:36px;width:15px; -khtml-user-select: none}
.container.skinAlert .no{background:url(no.png) no-repeat top left; height:36px;width:13px; -khtml-user-select: none}
.container.skinAlert .o{ background: url(o.png) repeat-y top left; height:25px;width:13px}
.container.skinAlert .e{background: url(e.png) repeat-y top right; height:25px;width:15px}
.container.skinAlert .s{background: url(s.png) repeat-x bottom; height:10px}
.container.skinAlert .se{background: url(se.png) no-repeat bottom right; height:10px;width:15px}
.container.skinAlert .so{ background: url(so.png) no-repeat bottom left; height:10px;width:13px}
.container.skinAlert .c{background: url(c.png); padding-top:0px; color:white;}
.container.skinAlert .buttonBar{right:15px;top:15px}