/* Modal Popup */

.modBackground {
    background-color: #CCCCFF;
    filter: alpha(opacity=40);
    opacity: 0.5;
}

.modOuter {
    position: absolute;
    top: -1000px; /* display: none;   Position should be -1000px, so during loading you not gonna see popup initialization. */
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 23px 5px, rgba(0, 0, 0, 0.14902) 0px 2px 6px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 23px 5px, rgba(0, 0, 0, 0.14902) 0px 2px 6px 0px;
}

.modTopLeft, .modTopMiddleTitle, .modTopMiddle, .modTopRight {
    height: 29px;
    cursor: pointer;
}

.modTopRight {
    background: url(../images/tab-active-right.gif) repeat-x;
    width: 4px;
}

.modTopLeft {
    background: url(../images/tab-active-left.gif) repeat-x;
    width: 3px;
}

.modTopMiddleTitle {
    background: url(../images/tab-active.gif) repeat-x;
    font-weight: bold;
    text-align: center;
}

.modTopMiddle {
    background: url(../images/tab-active.gif) repeat-x;
    text-align: center;
    width: 20px;
    padding-top: 3px;
    padding-right: 3px;
}

.modSides {
    border-left: solid 1px #c0c0c0;
    border-right: solid 1px #c0c0c0;
    /*padding: 8px;*/
    background-color: White;
}

.modSideBot {
    border-left: solid 1px #c0c0c0;
    border-right: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
    padding: 8px;
    background-color: White;
}