/*= Alert
----------------------------------------------------*/		
#alert {
	background-color: #FFF;
	width: 400px;
	
	position: fixed;
	top: 100px;
	left: 50%;
	margin-left: -200px;
	z-index: 400;
	
	-moz-box-shadow: 2px 2px 20px rgba(0,0,0,.75);
	-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.75);
	box-shadow: 2px 2px 20px rgba(0,0,0,.75);
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
@media (max-width:768px ){
	#alert{
		width: 100%;
		margin-left: 0px;
		left: 0;
	}
}

/*= Content
----------------------------------------------------*/		
#alertContent {
	display: table;
	padding: 15px;
}

	#alertContent h2 {
		font-size: 20px;
		font-weight: normal;
	}


/*= Actions
----------------------------------------------------*/				
#alertActions {
	text-align: right;
}
		
	#alertActions button {
		cursor: pointer;
		margin-left: .4em;
	}
	
	
/*= Close Trigger
----------------------------------------------------*/		
#alert .close {
	
	position: absolute;
	top: 5px;
	right: 10px;
}
	
	#alertClose:hover {
	}

#overlay {
    background: black;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 95;
    opacity: .5;
    filter: alpha(opacity=50);
}