@charset "utf-8";

/*============================================================================
  POPUPS
============================================================================*/

.closethis{
    position: absolute;
    right: 15px;
    top: 15px;
}

/* --------------------- color overlays --------start---------------- */
#overlay_white{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index:5000;
    -moz-opacity: 0.8; opacity:.8; filter: alpha(opacity=80);
}
#overlay_blue{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #0051fb;
    z-index:5000;
    -moz-opacity: 0.8; opacity:.8; filter: alpha(opacity=80);
}
#overlay_red{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: red;
    z-index:5000;
    -moz-opacity: 0.8; opacity:.8; filter: alpha(opacity=80);
}
#overlay_green{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #3ec300;
    z-index:5000;
    -moz-opacity: 0.8; opacity:.8; filter: alpha(opacity=80);
}
#overlay_yellow{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #fff318;
    z-index:5000;
    -moz-opacity: 0.8; opacity:.8; filter: alpha(opacity=80);
}
#overlay_black{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:5000;
    -moz-opacity: 0.8; opacity:.8; filter: alpha(opacity=80);
}


/* --------------------- popups boxes --------start---------------- */
.popup-box{
    color: #333;
    display: none;
    z-index: 5010;
    padding: 30px;
    width: 800px;
    min-height: 100px;
    max-height: 600px;
    overflow-y: scroll;
    position:fixed;
    top: 50px;
    left: 50%;
    margin-left: -400px; /*set to a negative number 1/2 of your width*/
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 20px 2px rgba(0,112,164, 0.5);
    -webkit-box-shadow: 0px 0px 20px 2px rgba(0,112,164, 0.5);
    box-shadow: 0px 0px 20px 2px rgba(0,112,164, 0.5);
}
.popup-box h2{
    margin: 0 0 30px 0;
}