.customAlert {
	background-color: #000000;
	position: absolute;
}

div.customAlert { /* main pop-up body */
	background-color: #333333;
	border: solid 10px #000000;
	font-size: 14px;
	padding: 7px;
	position: absolute;
	text-align: center;
	width: 420px;
}

div.customAlert .customAlertcontainer {
}

div.customAlert .customAlertclose { /* X */
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	right: 6px;
	top: 6px;
	width: 18px;
}
div.customAlert .customAlertclose:hover {
	color: #ff5930;
}

div.customAlert .customAlertmessage {
	color: #FFFFFF;
	line-height: 20px;
	padding: 10px;
}

div.customAlert .customAlertbuttons { /* large box encapsulating button */
	background-color: #e6fae6;
	border: solid 1px #003300;
	padding: 5px 0 5px 0;
	text-align: center;
}

div.customAlert button { /* actual button */
	background-color: #009900; /*probably in hover state by default, also check defaultbutton*/
	border: solid 1px #006600;
	color: #f0f0ee;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	margin: 0 10px;
	padding: 8px 22px 8px 22px; /*top right bottom left */
}
div.customAlert button:hover {
	background-color: #30c030;
}

div.customAlert button.customAlertdefaultbutton { /* focus color??? */
	background-color: #30c030;
} .customAlertwarning .customAlert .customAlertbuttons { /* flash colors??? */
	background-color: #FFFFFF;
}