/*modal (background)*/
#modalBackground {
    display: none; /* Hidden by default */
    /*display: block;*/ /* set by JS functions */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

.dialogCloseButton {
    color: #aaa;
    /*position: absolute;
    top: -15px;
    right: 3px;*/
    position: absolute;
    top: 50%;
    transform: translateY(-60%); /* center */
    right: 2px;
    font-size: 38px;
    font-weight: bolder;
}

    .dialogCloseButton:hover,
    .dialogCloseButton:focus {
        color: red;
        text-decoration: none;
        cursor: pointer;
    }

.dialogHeader, .dialogFooter {
    position: relative;/*needed for centering header/footer text*/
    background-color: #888;/*default header color - overridden by mcclass color*/
    color: #F8F8F8;
}

.dialogHeader {
    font-size: 150%;
    height: 30px;
}

/*.dialogBody {
    this is replaced by broadcastListBody (list.css) and broadcastDetailsBody (details.css)
}*/

.dialogFooter {
    font-family: Courier New, Courier, monospace;
    font-size: 80%;
    height: 15px;
}

.headerText,.footerText {
    position: absolute;
    top: 50%;
    transform: translateY(-60%); /* center */
    padding-left: 4px;
    /*background-color: red;*/
	overflow: hidden;
}

.footerText {
	overflow: hidden;
	white-space: nowrap;
}