/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
    position: fixed;
    z-index: 10000;
    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: 10001;
    top: 0px;
    left: 0px;
    display:none;
    padding: 0px;
    border-radius: 5px;    
    border: 2px solid #000000;
    background-color: #ffffff;
}

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

.popupTitleBar {
    overflow: auto;
    background: #848484;
    color: #ffffff;
    font-weight: bold;
    padding: 0px 5px;
    border: 1px solid #C0C0C0;
    border-radius: 5px;    
    border-bottom-left-radius: 0;    
    border-bottom-right-radius: 0;    
    position: relative;
    z-index: 10003;
}

#popupTitle {
    float:left;
    font-size: 1.1rem;
    text-align: center;
    width: calc(100% - 20px);
}

#popupControls {
    float: right;
    cursor: pointer;
    padding-top: 5px;
}