/** * 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; } #popupInner { border: 2px solid #000000; background-color: #ffffff; } #popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 202; } #popupTitleBar { background-color: #486CAE; color: #ffffff; font-weight: bold; height: 1.3em; padding: 5px; border-bottom: 2px solid #000000; border-top: 1px solid #78A3F2; border-left: 1px solid #78A3F2; border-right: 1px solid #204095; position: relative; z-index: 203; line-height:0.2em; } #popupTitle { float:left; font-size: 1.1em; } #popupControls { float: right; cursor: pointer; cursor: hand; }