/***
  border-color:red;
  border-width:1px;
  border-style:solid;
***/

/*-------------------------*/
/*      Modal popup        */
/*-------------------------*/

#dialog-overlay6,
#dialog-overlay5,
#dialog-overlay4,
#dialog-overlay3,
#dialog-overlay2,
#dialog-overlay {

	/* set it to fill the whil screen */
	width:100%;
	height:100%;

	/* transparency for different browsers */
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	background:black;

	/* 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-files,
#dialog-wait,
#dialog-box6,
#dialog-box5,
#dialog-box4,
#dialog-box3,
#dialog-box2,
#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);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

	/* css3 border radius */
	-moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;

	background:white;
	/* styling of the dialog box, i have a fixed dimension for this demo */

	/* make sure it has the highest z-index */
	position:absolute;
	z-index:5000;

	/* hide it by default */
	display:none;
	text-align:center;
	color:black;
}

#dialog-wait .dialog-content,
#dialog-box4 .dialog-content,
#dialog-box3 .dialog-content,
#dialog-box2 .dialog-content,
#dialog-box .dialog-content {
	/* style the content */
	padding:15px;
	margin:15px;
}

a.button {
	width:100%;
}

a.button:hover {
  text-decoration:none;
}

/* extra styling */
.dialog-content 	 {
}

.dialog-content a.bp, a.bp {
	color:white;
	background-color:#bf2126; /* Bordeaux */
	border: 1px solid #bf2126;
	text-decoration:none;
}

.dialog-content a.bp:hover, a.bp:hover {
	color:white;
	background:	#8c0000;
	border: 1px solid #8c0000;
	text-decoration:none;
}