/**
 * Default Look and Feel
 */
.alertify,
.alertify-log 
{
	font-family: Comfortaa, sans-serif;
	font-size:19px;
	font-weight:bold;
    color: #000;
}

.alertify 
{
	background: #FFF;
	border: 2px solid #F00; /* browsers that don't support rgba */
	border: 2px solid rgba(255,0,0,1);
	border-radius: 8px;
	box-shadow: 3px 3px 3px rgba(0,0,0,.8);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.alertify-text 
{
	width:350px;
	height:23px;
	color:#333;
	border:1px solid #C9C9C9;
	text-transform:uppercase;
}

.alertify-button 
{
	width:auto; /*Tenia un width de 90px*/
	border-radius: 10px;
	color: #000;
	padding: 6px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;		
	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));
}

.alertify-button:hover,
.alertify-button:focus 
{
	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));
}

	.alertify-button:focus {
		/*box-shadow: 0 0 5px #000; coloca una sombra debajo del boton que este seleccionado como default*/
	}
	.alertify-button:active {
		position: relative;
		box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	}

	.alertify-button-ok,
	.alertify-button-ok:focus,
	.alertify-button-cancel,
	.alertify-button-cancel:focus
	{
		background-color: #CCC;
		border: 1px solid #999;
	}

	.alertify-button-ok:hover,
	.alertify-button-cancel:hover
	{
		color:#FFF;
		border:1px solid #FFF;
		border-bottom:-1px solid #FFF;
		background-color:#F00;
	}

.alertify-log {
	background: #1F1F1F;
	background: rgba(0,0,0,.9);
	padding: 15px;
	border-radius: 4px;
	color: #FFF;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);

}
	.alertify-log-error {
		background: #FE1A00;
		background: rgba(254,26,0,.9);
	}
	.alertify-log-success 
	{
		background: #83a74f;
	}