/*:::::::::::::::::::
:::::  General  :::::
:::::::::::::::::::*/
.zMsgBoxBackground {
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100vh - 65px);
    position: absolute;
	background: #656565;    
	background-repeat: repeat;
    opacity: 0.7;
    filter: alpha(opacity=0.7);
}

.zMsgBox {     
    position: relative;
    margin: 0 auto 0 auto;
	color: #dadbdf;	 
	background-color: #272d3b;
	background: url(Images/content_bg.png) 0 0 repeat;
}

.zMsgBox h3 {
    text-align: center; 
    width: 100%; 
    color: #fff;
}

.zMsgBoxBody {
    width: 95%;
    position: relative;
    font-family: Tahoma;
    text-align: left;
}

.MsgBtn, .SEcmd, .BlblOut {
    text-decoration: none;
	display: inline-block;
	background: url(../Images/btn_bg.png) 0 0 repeat-x #3d5990;
	color: #fff;
	transition: 0s ease !important;
	-webkit-transition: 0s ease !important;
	-o-transition: 0s ease !important;
}

.MsgBtn:hover, .SEcmd:hover {
    text-decoration: none;
    background: url(../Images/btn_bg.png) 0 0 repeat-x #3d5990;
    -webkit-transform: scale(1.3);
    cursor: pointer;
}

.zMsgCmdBox {
    width: 96%;
    position: relative;
    margin: 0 auto 0 auto;
    text-align: right;
}

/*::::::::::::::
:::::  PC  :::::
::::::::::::::*/
@media screen and (min-width: 851px) {
    .zMsgBox {     
	    width: 40%;
        padding: 24px 14px;
	    border: 3px solid #f0f0f0;
	    box-shadow: 3px 3px 15px #656565;
	    _border-radius: 15px;
	    -moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
    }

    .zMsgBox h3 {
        font-size: 28px;
        font-weight: 600;
    }

    .zMsgBoxBody {
        font-size: 18px;
        margin: 14px auto 25px auto;
    }

    .MsgBtn, .SEcmd, .BlblOut {
	    font: 20px/25px Arial, Helvetica, sans-serif !important;
	    padding: 10px;
	    font-weight: 700;
	    _border-radius: 15px;
	    -moz-border-radius: 15px;
	    -webkit-border-radius: 15px;
    }
}

/*:::::::::::::::
::::: iPod  :::::
:::::::::::::::*/
@media screen and (min-device-width: 481px) and (max-device-width: 850px) {
    .zMsgBox {    
	    width: 85%;
        padding: 34px 14px;
	    border: 5px solid #f0f0f0;
	    _border-radius: 32px;
	    -moz-border-radius: 32px;
	    -webkit-border-radius: 32px;
    }

    .zMsgBox h3 {
        font-size: 55px;
        font-weight: 700;
    }

    .zMsgBoxBody {
        font-size: 40px;
        margin: 24px auto 45px auto;
    }

    .MsgBtn, .SEcmd, .BlblOut {
        font: 45px/50px Arial, Helvetica, sans-serif !important;
	    padding: 24px;
	    font-weight: 800;
	    _border-radius: 32px;
	    -moz-border-radius: 32px;
	    -webkit-border-radius: 32px;
    }
}


/*:::::::::::::::
::::: Cell  :::::
:::::::::::::::*/
@media screen and (min-device-width: 10px) and (max-device-width: 480px) {
    .zMsgBox {    
	    width: 87%; 
        padding: 34px;
	    border: 6px solid #f0f0f0;
	    _border-radius: 32px;
	    -moz-border-radius: 32px;
	    -webkit-border-radius: 32px;	
    }

    .zMsgBox h3 {
        font-size: 68px;
        font-weight: 700;
    }

    .zMsgBoxBody {
        font-size: 52px;
        margin: 24px auto 55px auto;
    }

    .MsgBtn, .SEcmd, .BlblOut {
	    font: 55px/60px Arial, Helvetica, sans-serif !important;
	    padding: 24px;
	    font-weight: 800;
	    _border-radius: 32px;
	    -moz-border-radius: 32px;
	    -webkit-border-radius: 32px;
    }
}


@media print {
    /*body 
    {
        display :  none;
    }
    @page :footer {
        display: none;
    }

    @page :header {
        display: none;
    }*/
}