/*MODAL*/
.thepopupheader .my_modal_close{
    float:right;
    background-color: #0073cf;
    font-weight:bold;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding: 0px 15px 0px 15px;
    white-space: nowrap;
    line-height: 26px;
    margin-left: 10px;
    top: 0px;
    text-decoration:none;
    color: #FFFFFF;
    font-size: 0.875em;
}

.thepopupheader .my_modal_close:hover{
   background-color: #1683da;
   text-decoration:none;   
}

.thepopupheader .my_modal_close:active{
   background-color: #0065b5;
   text-decoration:none;   
}


.popup_background {
z-index: 2000; /* any number */
}
.popup_wrapper {
z-index: 2001; /* any number + 1 */
}
/* Add inline-block support for IE7 */
.popup_align,
.popup_content {
*display: inline;
*zoom: 1;
}
.overlay {outline: none}


.thepopup {
    width:100%; 
    max-width:940px;
    outline:none;
}
.thepopupinner {
    padding:0px;
    margin:10px;
    background:#fff;
    /*border:3px solid #eee;*/
    
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    
    -moz-box-shadow:0 0 10px #bbb;
    -webkit-box-shadow:0 0 10px #bbb;
    box-shadow:0 0 10px #bbb;
    
    outline:none;
}
.thepopupheader {
    overflow:hidden;
    padding:10px;
    border-bottom:1px solid #eee;
    background:#f9f9f9;
    
    -moz-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
.thepopupheadertitle {
    float:left;
    color:#ccc;
}
.thepopupheader a {
    float:right;
text-decoration: none;
}

.thepopupheader a:hover {
    text-decoration: underline;
}

.thepopupcontent {
    padding:20px;
    /*height:auto !important;   
    height:300px;
    min-height:300px;*/
}

.thepopupcontentframe {
    border:none;
    padding:0;
    margin:0;
    width:100%;
    height: 650px;
}

/*POPUPADAPT*/
@media screen and (min-height: 900px) {

    .thepopupcontentframe {
        height: 700px;
    }
}

@media screen and (max-height: 750px) {

    .thepopupcontentframe {
        height:620px;
    }
}
@media screen and (max-height: 720px) {

    .thepopupcontentframe {
        height:450px;
    }
}
@media screen and (max-height: 600px) {

    .thepopupcontentframe {
        height:350px;
    }
}
@media screen and (max-height: 520px) {

    .thepopupcontentframe {
        height:300px;
    }
}
@media screen and (max-height: 400px) {

    .thepopupcontentframe {
        height:200px;
    }
}