#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.8;
z-index: 100;
display: none;
}
.cnt223 a{
text-decoration: none;
}
.popup{
/*width: 100%;*/
/*margin: 0 auto;*/
display: none;
position: fixed;
z-index: 99999999;
}
.cnt223{
min-height: 150px;
margin: 60px auto;
background: #f3f3f3;
position: relative;
z-index: 103;

border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.cnt223 p{
clear: both;
color: #555555;
text-align: justify;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 0;
position: relative;
top: 0px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}







div#lightbox {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
overflow:hidden;
display:none;
}

div#lightbox div#lightbox_bg {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#000000;
opacity:0.8;
-ms-filter:'progid: DXImageTransform.Microsoft.BasicImage(opacity=0.8)';
filter: progid: DXImageTransform.Microsoft.BasicImage(opacity=0.8);
}

div#lightbox div#lightbox_fg {
    background: none repeat scroll 0 0 #ffffff;
    border: thin solid #b9a1a1;
    margin: auto;
    position: relative;
    top: 100px;
    width: 572px;
z-index: 1000;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .popup{
        margin: 110px auto;
    }
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
    .popup{
        margin: 0 auto;
    }
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    .popup{
        margin: 110px auto;
    }
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    .popup{
        margin: 110px -90px;
    }
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .popup{
        margin: 110px -134px;
    }
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .popup{
        margin: 110px auto;
    }
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    .popup{
        margin: 110px -90px;
    }
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    .popup{
        margin: 110px -90px;
    }
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
    .popup{
        margin: 110px auto;
    }
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
    .popup{
        margin: 110px auto;
    }
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
    .popup{
        margin: 110px auto;
    }
}