#dialog-overlay {
 
    /* set it to fill the whil screen */
    width:80%; 
    height:100%;
     
    /* transparency for different browsers */
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    background:#fff; 
 
    /* make sure it appear behind the dialog box but above everything else */
    position:absolute; 
    top:0; left:0; 
    z-index:3000; 
 
    /* hide it by default */
    display:none;
}
 
 
#dialog-box {
     
    /* css3 drop shadow */
    /* -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);*/
    /* -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);*/
     
    /* css3 border radius */
     -moz-border-radius: 25px; 
     -webkit-border-radius: 25px; 
     border-radius: 25px;
     /* padding: 2px 2px 2px 5px; */
     /*background:#eee;*/
     background:#FFFFFF;
    /* styling of the dialog box, i have a fixed dimension for this demo */
    width:280px; 
     height:210px;
    /* make sure it has the highest z-index */
    position:  absolute; 
    z-index:50000000; 
     border: 3px solid #cccccc;
     border-color: #cccccc;
     top:60px; bottom:100px;
    /* hide it by default */
    display: none;
    /*behavior: url("Content/PIE.htc");*/
}
 
 #dialog-box .dialog-content {
   padding: 5px 2px 5px 6px;
    text-align: justify;
    color:#000000; 
    font-family:Arial, Helvetica, sans-serif;
}
 
 #dialog-message 
 {
    padding: 5px 2px 5px 6px;
    width:250px;
 }
 
 #Message1 
 {
    text-align:justify; 
    padding: 2px 5px 0px 2px; 
    width:250px;
    font-weight: bold;
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
    color:#000000; 
 }
 
 #Message2 
 {
    text-align:justify; 
    padding: 8px 2px 0px 2px; 
    width:250px;
    font-weight: bold;
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
     color:#000000; 
 }
 
  #Message3 
 {
    text-align:justify; 
    padding: 0px 1px 5px 3px; 
    width:250px;
    font-weight: bold;
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
    color:#000000; 
 }
a.button 
{
    cursor: pointer;
    display: inline-block;
    margin-right: 0.1em;
    overflow: visible;
    padding: 5px 5px 5px 5px;
    text-align: center;
    text-decoration: none !important;
  background: url("images/ui-bg_glass_100_e8e8e8_1x400.png") repeat-x scroll 50% 50% #E8E8E8;
    border: 1px solid #B0B0B0;
    color: #013A6F;
    font-weight: bold;
   font-family:Helvetica, Arial, sans-serif;
    line-height: 1.4;
     font-size:11px;
    height:15px;
    width:35px;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
     
}
 
a.button:hover {
  /*background-color: #c33100; */
    border: 1px solid #b0b0b0; background: #f5f7fa url(images/ui-bg_glass_100_f5f7fa_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #013a6f; 
}
 
/* extra styling */
#dialog-box .dialog-content p {
    font-weight:bold; margin:0;
}
 
#dialog-box .dialog-content ul {
   margin:10px 0 10px 20px; 
    padding:0; 
    height:50px;
}