﻿.popup-utilities {
    background: url("../../images/reflect/base/Popup_BG.png") no-repeat;
    display: none;
    position: absolute;
    width: 235px;
    height: 201px;
    padding: 30px 0px 0px 7px;
    font-size: 24pt;
    color: #FFF;
    z-index: 500;
}
    .popup-utilities li p {padding: 10px 0 0 0; color: #363636; font-size: 14pt; }
    .popup-utilities li:hover{ cursor: pointer;}
    .popup-utilities li {
        background: url("../../images/reflect/base/Utilities_Popup_Button.png") no-repeat;
        width: 215px;
        height: 42px;
        text-align: center;
        margin: 8px 0 0 3px;
        padding: 0;
        float:none;
        display: block;
    }
    .ie7 .popup-utilities li { margin-top: 5px;}

    .popup-utilities .icon { width: 26px; height: 20px; padding-left: 35px; margin: 0 0 5px 0; font-size: 12pt; }

/* ----------------- footer popups --->>> */
.footer-popup-wrapper{position: absolute;left: 0px;background-color: #000;padding: 8px;display: none;}
.footer-popup{ background-color: #FFF;padding: 12px;overflow: auto;}

.footer-popup header { font-family:WorkSans SemiBold, Tahoma, Geneva, sans-serif;font-size: 14pt;float: left;}
.footer-popup .close-button { background: url(../../images/reflect/icons/dialog_close.png) no-repeat;float: right;width: 23px;height: 23px;cursor: pointer;}
.footer-popup .left { float: left;width: 30%;margin: 0 20px 0 0;}
.footer-popup .right { float: left;width: 60%;}
    .footer-popup .right .right { width: 90%;}
.footer-popup .bold { font-family:WorkSans SemiBold, Tahoma, Geneva, sans-serif;}

.footer-popup.about header{ margin: 0 0 15px 0px;}
.footer-popup.about img{display: block;margin-left: auto; margin-right: auto;padding: 20px;}
.footer-popup.about .right{ margin: 20px;width: 600px;float: right;}
.footer-popup.about .title{font-family:WorkSans SemiBold, Tahoma, Geneva, sans-serif;font-size: 14pt;margin-bottom: 15px;}
.footer-popup.about .image{ width: 250px;float: left;}

/* ----------------- Help Overlays --->>> */

.help-overlay-background {
    display: none;
    position: absolute;
    top: 0;
    margin: auto;
    z-index: 110;
    width: 985px;
    height: 100%;
    opacity:0.3;
    background-color: #000;
}

.help-overlay { display: none; position: absolute; top: 0; margin: auto; z-index: 120; width: 985px; height: 100%; cursor: help;}

.help-overlay .popup-outer { position: relative; width: 85px;}

.help-overlay .popup-outer .popup {
    background-color: #FFFFFF;
    border: 1px solid #BCBCBC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #5C5C5C;
    color: #5C5C5C;
    left: 0px;
    padding: 10px;
    position: absolute;
    width: 255px;
    opacity:0.92;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; /* For IE8 and earlier */
    filter:alpha(opacity=92); /* For IE8 and earlier */
}
    
.help-overlay .popup-outer .arrow {position: absolute; opacity:0.92;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; /* For IE8 and earlier */
    filter:alpha(opacity=92); /* For IE8 and earlier */
}