.default_alertWindow
{
	border: 2px solid #000000;  /* this is the border around the alert window */
}
.default_titleBar
{
	/* title bar settings */
	color: #ffffff;
	font: 12px Verdana;
	border-bottom: 2px solid #rgba(0,0,0,.9); /* the bottom border of your title bar, the border that separates it from the content area */
	background: rgba(0,0,0,.8);
	line-height: 16px; /* if you have an icon, you probably want to set this as the same size or a bit larger than the icon size */
	padding: 5px;
	font-weight: bold;
	text-align:center;
}
.default_titleBarLeftIcon
{
	/* left icon settings */
	background: transparent url(../icones/information.png) no-repeat;
	width: 16px;
	height: 16px;
}
.default_titleBarRightIcon
{
	/* right icon settings */
	/* background: transparent url(/icons/cancel.png) no-repeat;
	width: 16px;
	height: 16px; */
}
.default_contentArea
{
	/* the contente area, where the actual message text is shown */
	color: #000000;
	font: 12px Verdana;
	overflow: auto;  /* setting this to auto will make scrollbars appear if the message text is too long for the height attribute, assuming you set it */
	padding: 5px;
	background: #fff; /* your background color.  the button area background color should be set the same as well */
	text-align: center;
	padding-top:20px;
}
.default_buttonArea
{
	/* the button area, the div that your buttons are placed into */
	text-align: center; /* if you want you buttons to the left or center of the alert box, change this setting */
	background: #fff; /* your background color.  the content area background color should be set the same as well */
	padding-bottom: 5px;
}
.default_okButton,
.default_cancelButton
{
		margin-left:10px;
		margin-right:10px;
		background-color: rgba(0,0,0,.8);
		border-color: rgba(0,0,0,.8);
		border-radius: 4px;
		color: #FFF;
		font-weight: bold;
		padding: 6px 15px;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}

.default_okButton:hover,
.default_okButton-button:focus {
	cursor:pointer;
	background-color: rgba(0,0,0,.8);
	outline: none;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

.default_cancelButton:hover,
.default_cancelButton-button:focus {
	cursor:pointer;
	background-color: rgba(0,0,0,.8);
	outline: none;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
}