.modalDialog40
{position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99999999;opacity:0;
 -webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}

.modalDialog40:target
{opacity:1;pointer-events: auto;}

.modalDialog40 > div
{width: 700px;position: relative;margin: 10% auto;padding: 5px 20px 30px 30px; /*border-radius: 10px;*/background: #fff;
 -webkit-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5) inset;-moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px
     rgba(0, 0, 0, 0.5) inset; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5)inset;}

/*****************************************************************************************************/
.modalDialog50 
{position: fixed;font-family: Arial, Helvetica, sans-serif;top: -100px;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99999999;opacity:0;
 -webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}

.modalDialog50:target  
{opacity:1;pointer-events: auto;}

.modalDialog50 > div  
{width: 1000px;position: relative;margin: 10% auto;padding: 5px 20px 30px 30px; /*border-radius: 10px;*/background: #fff;
 -webkit-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5) inset;-moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px
     rgba(0, 0, 0, 0.5) inset; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5)inset;}

/*****************************************************************************************************/
.modalDialog60 
{position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0px;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99999999;opacity:0;
 -webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}

.modalDialog60:target  
{opacity:1;pointer-events: auto;}

.modalDialog60 > div  
{width: 1000px;position: relative;margin: 10% auto;padding: 5px 20px 30px 30px; /*border-radius: 10px;*/background: #fff;
 -webkit-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5) inset;-moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px
     rgba(0, 0, 0, 0.5) inset; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5)inset;}

/*****************************************************************************************************/

.modalDialog70 
{position: fixed;font-family: Arial, Helvetica, sans-serif;top: -100px;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99999999;opacity:0;
 -webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}

.modalDialog70:target  
{opacity:1;pointer-events: auto;}

.modalDialog70 > div  
{width: 1000px;height:700px;position: relative;margin: 10% auto;padding: 5px 20px 30px 30px; /*border-radius: 10px;*/background: #fff;
 -webkit-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5) inset;-moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px
     rgba(0, 0, 0, 0.5) inset; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5)inset;}

/*****************************************************************************************************/

.close40
{background: #606061;color: #FFFFFF;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;
 text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;}

.close40:hover
{ background: #facc00; }