/**
 * 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;
    background-image: none;
    background-repeat: repeat;
    display: none;
}

#popupContainer {
    position: absolute;
    z-index: 201;
    top: 0px;
    left: 0px;
    display: none;
    padding: 0px;
}

#popupInner {
    border: 1px solid #000000;
    background-color: #ffffff;
}

#popupFrame {
    margin: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 202;
}

#popupTitleBar {
    background-color: #00007B;
    color: #ffffff;
    font-weight: bold;
    height: 2em;
    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;
}

#popupTitle {
    font-size: 1.1em;
}

#popupControls {
    float: right;
    cursor: pointer;
    cursor: hand;
}