.overlay_alert {
	background-color: #666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.alert_nw {
	width: 6px;
	height: 6px;
	background: transparent url(/stylesheets/alert/top_left.gif) no-repeat bottom left;
}

.alert_n {
	height: 6px;
	background: transparent url(/stylesheets/alert/top.gif) repeat-x bottom left;
}

.alert_ne {
	width: 6px;
	height: 6px;
	background: transparent url(/stylesheets/alert/top_right.gif) no-repeat bottom left;
}

.alert_e {
	width: 6px;
	background: transparent url(/stylesheets/alert/right.png) repeat-y 0 0;
}

.alert_w {
	width: 6px;
	background: transparent url(/stylesheets/alert/left.gif) repeat-y 0 0;
}

.alert_sw {
	width: 6px;
	height: 6px;
	background: transparent url(/stylesheets/alert/bottom_left.gif) no-repeat 0 0;
}

.alert_s {
	height: 6px;
	background: transparent url(/stylesheets/alert/bottom.png) repeat-x 0 0;
}

.alert_se, .alert_sizer {
	width: 6px;
	height: 6px;
	background: transparent url(/stylesheets/alert/bottom_right.png) no-repeat 0 0;
}

.alert_close {
	width:0px;
	height:0px;
	display:none;
}

.alert_minimize {
	width:0px;
	height:0px;
	display:none;
}

.alert_maximize {
	width:0px;
	height:0px;
	display:none;
}

.alert_title {
	float:left;
	height:1px;
	width:100%;
}

.alert_content {
	overflow:visible;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
  font: 12px arial;
	background: #f1f1f1;
}

/* For ../alert/confirm dialog */
.alert_window {
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.alert_message {
  font: 12px arial;
	width:100%;
	color:#F00;
	padding-bottom:10px;
}

.alert_buttons {
	text-align:center;
	width:100%;
}

.alert_buttons input {
	width:20%;
	margin:10px;
}

.alert_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('/stylesheets/alert/progress.gif') no-repeat center center
}

/***************************************\
 * Notices, warnings, success messages *
 * and errors as content blocks within *
 * the document flow.                  *
\***************************************/
.notice {
  background: hsl(200, 42%, 87%);
  border: 1px solid hsl(200, 42%, 50%);
  color: hsl(220, 42%, 30%);
  margin: 10px 0;
  padding: 10px;
}

.notice--success {
  background-color: hsl(80, 42%, 87%);
  border-color: hsl(100, 42%, 50%);
  color: hsl(120, 42%, 30%);
}

.notice--warning {
  background-color: hsl(34, 95%, 88%);
  border-color: hsl(34, 95%, 54%);
  color: hsl(34, 95%, 25%);
}

.notice--error {
  background-color: hsl(340, 75%, 88%);
  border-color: hsl(350, 75%, 50%);
  color: hsl(360, 75%, 30%);
}