#dialog-overlay {
    /* set it to fill the whil screen */
    width:100%; 
    height:100%;
    
    /* transparency for different browsers */
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    background:#000; 
    /* 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 */
    -moz-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(46,204,244,1);
	-webkit-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(46,204,244,1);
	box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(46,204,244,1);
    
    /* css3 border radius */
    border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;

	background:#0e6480;
    background: -ms-linear-gradient(
		top,
		#2eccf4 0%,
		#0e6480);
	
	background: -moz-linear-gradient(
		top,
		#2eccf4 0%,
		#0e6480);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#2eccf4),
		to(#0e6480));
    /* styling of the dialog box, i have a fixed dimension for this demo */ 
    width:430px;
	border: 2px solid #fff;
    
    /* make sure it has the highest z-index */
    position:absolute; 
    z-index:5000; 
    /* hide it by default */
    display:none;
}
#dialog-box .dialog-content {
    /* style the content */
    text-align:center; 
    padding:15px; 
    margin:10px;
    color:#fff; 
    font-family:arial;
	font-weight:bold;
    font-size:15px; 
}
a.button {
    /* styles for button */
    margin:30px auto 0 auto;
    text-align:center;
    display: block;
    width:50px;
    padding: 10px 21px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    
    /* button color */
    background:#FFF;
  
    
    /* css3 implementation :) */
    /* rounded corner */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000;
    
    /* drop shadow */
    -moz-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(46,204,244,1);
	-webkit-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(46,204,244,1);
	box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(46,204,244,1);
    
    /* text shaow */
    text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
    position: relative;
    cursor: pointer;
    
}
a.button:hover {
    background-color: #51da3e;
	color:#fff; 
}
/* extra styling */
#dialog-box .dialog-content p {
    font-weight:700; margin:0;
}
#dialog-box .dialog-content ul {
    margin:10px 0 10px 20px; 
    padding:0; 
    height:50px;
}