#contact p,  legend { font: 1.1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact {
	display: block;
	margin:0 15px 20px 20px;
	float:left;
	width: 540px;
	padding: 15px;
	border: 1px solid #cbcbcb;
	background-color: #efefef;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 5px 5px 3px #888;
}

/* Form style */
#contact input, textarea, select {  margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 225px; height:45px; cursor: pointer; border: 1px solid #222; background:#2c8dff; color:#fff; }
#contact input.submit:hover { background:#cc99ff; }
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#contact fieldset { padding:10px; border:1px solid #eee; moz-border-radius:5px; -webkit-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{
	font-size: 13px;
	color: #ff0000;
	right: -10px;
} /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

.alert-warning {
	background-color: #fef7e0; /* Light pale yellow/beige background */
	border-left: 4px solid #f39c12; /* Thick left border in yellow/orange */
	border-radius: 4px; /* Slightly rounded corners */
	padding: 16px 20px; /* Generous padding around content */
	margin: 16px 0; /* Vertical margin for spacing */
	display: flex;
	align-items: flex-start;
	gap: 12px; /* Space between icon and text */
  }
  
  .alert-warning .alert-icon {
	flex-shrink: 0; /* Prevent icon from shrinking */
	width: 20px;
	height: 20px;
	margin-top: 2px; /* Slight top alignment adjustment */
  }
  
  .alert-warning .alert-content {
	flex: 1;
  }
  
  .alert-warning .alert-heading {
	font-weight: bold;
	text-transform: uppercase;
	color: #2c3e50; /* Dark grey, almost black */
	margin: 0 0 4px 0;
	font-size: 14px;
	letter-spacing: 0.5px;
  }
  
  .alert-warning .alert-text {
	color: #2c3e50; /* Dark grey, almost black */
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
  }