@charset "utf-8";

input, textarea, button {
	border:0;
	margin:0;
	padding:0;
	outline:0;
}

input, select, textarea { 
	font-family:Arial, sans-serif;
	vertical-align:middle;
	font-weight:normal;
	outline:none;
}

.display-none {
	display:none;
}

/* General Element
---------------------------------------- */

.normal-button,
input[type='submit'] {
	display:inline-block;
	margin:0 5px 20px;
	min-width:65px;
	height:30px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#ffffff; /* changed - Button Colour */
	background-color:#000; /* changed - Button Colour */
	vertical-align:middle;
	line-height:30px;
	cursor:pointer;
	padding:0 10px;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
}
input[type='submit'] {
	min-width:100px;
	margin:0;
}

.normal-button:hover,
.normal-button.small:hover,
.normal-button.larg:hover,
.normal-button.xlarg:hover,
input[type='submit']:hover {
	background-color:#373737; /* changed - hover state for button */
	color:#ffffff;
}

.contact-form {
	float:left;
	clear:left;
	font-size:8pt;
	width:100%;
	margin-bottom:0px; /* changed */
}
.contact-form label {
	display:none;
	margin-bottom:5px;
	font-size:13px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#5f5f5f;
}
.contact-form form > div {
	max-width:100%; /* changed - used to be 310px */
	height: 26px; /* changed - added */
	/* margin-right:3%; */
	position:relative;
	padding:5px 10px;
	border:0px solid #e0e0e0; /* changed */
	margin-bottom:20px;
	/* background:#ffffff; */ /* changed - removed */
	box-shadow:1px 1px 0px transparent;
	-moz-box-shadow:1px 1px 0px transparent;
	-webkit-box-shadow:1px 1px 0px transparent;
	background-color:#1e1e1e; /* changed - background for fields */
	margin-top:10px;
}


.contact-form .recaptcha,
.contact-form .buttons {
	max-width:none;
	padding:0;
	border:none;
	margin-bottom:20px;
	background:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.contact-form .recaptcha-error {
	color:#ffffff;
	background-color:#f00f00;
	padding:2px 5px;
	display:inline-block;
}
.contact-form input[type='text'] {
	width:100%;
	height:20px;
	margin:3px 0 3px;
	font-size:13px;
	color:#ccc; /* changed */
	background-color:transparent;
}
.contact-form textarea {
	width:100%;
	height:109px;
	margin:5px 0 9px;
	font-size:13px;
	resize:none;
	color:#ccc; /* changed */
	background-color:transparent;
}
.contact-form .error-message {
	position:absolute;
	top:-1px;
	left:-1px;
	background:#8f3131; /* changed */
	padding:10px;
	color:#fff; /* changed */
	border:0px solid pink; /* changed */
	border-top:0;
	font-size: 13px;
}
.contact-form .error-message.php-message {
	position:static;
	height:18px;
	color:red;
	background:transparent;
	padding:0;
	border:0;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	font-size: 13px;
}
.contact-form .wait {
	width:31px;
	height:31px;
	background:url(../../images/orbit/loading.gif); /* changed */
}
.contact-info {
	overflow:hidden;
	padding:20px 10px;
	color:#373737;
	text-shadow:1px 1px 3px #c9c9c9;
	background-color:#f8f8f8;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.contact-info > div {
	display:block;
	line-height:34px;
	padding:0;
	text-indent:30px;
	background-position:0 2px;
	background-repeat:no-repeat;
	float:left;
	width:100%;
}

.select-style  {
	height: 26px;
	max-width:100%;  /* take form-select select width minus width of arrow */
	overflow: hidden;
	background: url(../../images/form-contact/dropdown-menu-more.png) no-repeat 100% transparent;
	color:#CCC;
	border: 0;
	border-radius: 0;
	font-size:13px;
	font-family:Arial, sans-serif;
	vertical-align:middle;
	font-weight:normal;
	outline:none;
	-webkit-appearance: none;
}

.select-style select {
	background: transparent;
	width: 115%; /* we push the default arrow(s) to the right and masked by other div */
	color:#CCC;
	border: 0;
	border-radius: 0;
	font-size:13px;
	font-family:Arial, sans-serif;
	vertical-align:middle;
	font-weight:normal;
	outline:none;
	padding: 5px 0 0 0;
	-webkit-appearance: none;
}
.select-style option {
	color: #4d4d4d;
}

.contact-form .input-style {
	max-width:100%; /* changed - used to be 310px */
	height: 26px; /* changed - added */
	margin-right:3%;
	position:relative;
	padding:5px 10px;
	border:0px solid #e0e0e0; /* changed */
	margin-bottom:20px;
	/* background:#ffffff; */ /* changed - removed */
	box-shadow:1px 1px 0px transparent;
	-moz-box-shadow:1px 1px 0px transparent;
	-webkit-box-shadow:1px 1px 0px transparent;
	background-color:#1e1e1e; /* changed - background for fields */
	margin-top:0px; /* changed */
}

.contact-form .textarea-style {
	width:100%;
	height:109px;
	margin:5px 0 9px;
	font-size:13px;
	resize:none;
	color:#ccc; /* changed */
	background-color:transparent;
}

.contact-form .textarea { /* Comments Area */
	max-width:100%;
	height: 85px; /* changed */
	 /* added */
	margin-right:3%;
	position:relative;
	padding:5px 10px;
	border:0px solid #e0e0e0; /* changed */
	margin-bottom:20px;
	/* background:#ffffff; */ /* changed - removed */
	box-shadow:1px 1px 0px transparent;
	-moz-box-shadow:1px 1px 0px transparent;
	-webkit-box-shadow:1px 1px 0px transparent;
	background-color:#1e1e1e; /* changed - background for fields */
	margin-top:10px;
}
.contact-form .show-results {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 14px;
	display: block;
	background: #177a7f;
	line-height: 2.3;
	color: #ececec;
	margin-bottom: 15px;
	margin-right: 3%;
	padding: 0 10px;
}