/*---- Search form ----*/
#search-form{
	float:right;
	position:relative;
	vertical-align:top;
	padding-top:24px;
	padding-right:2px;
	width:192px;
}
	#search-form fieldset {
		border:none;
		padding:0;
		overflow:hidden;
		padding-left:13px;
		background:url(../images/search-tail.png) center top repeat;
		border-top:1px solid #1b3e57;
		border-left:1px solid #1b3e57;
		border-radius:14px;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
	}
		#search-form label {display:block; float:left;}
		#search-form input{
			padding:5px 0px 6px;
			background:none;
			border:none;
			font:13px Arial, Helvetica, sans-serif;
			color:#fff;
			margin:0;
			outline:none;
			width:140px;
		}
	#search-form a{
		float:right;
		display:block;
		background: url(../images/search-button.gif) 8px 5px no-repeat;
		width:35px;
		height:27px;
		text-decoration:none;
		cursor:pointer;
	}
		#search-form a:hover{background-position:8px -25px;}

/*---- contact form ----*/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
}
	#contact-form fieldset {border:none; padding:0; width:100%; overflow:hidden;}
		#contact-form label {display:block; min-height:31px; position:relative;}
			#contact-form .message{min-height:102px;}
			#contact-form input, #contact-form textarea {
				padding:5px 15px;
				margin:0;
				font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#808080;
				background: #fbfbfb;
				outline:none;
				border:none;
				border-top:1px solid #c7c8ca;
				border-left:1px solid #b6b6b6;
				width:278px;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				box-shadow:inset 0px 1px 0px #dcdcdc;
				-moz-box-shadow:inset 0px 1px 0px #dcdcdc;
				-webkit-box-shadow:inset 0px 1px 0px #dcdcdc;
			}
			#contact-form .area .error {float:none;}
			#contact-form textarea {
				height:85px;
				resize:none;
				overflow:auto;
			}
			#contact-form .success {display:none; margin-bottom:15px;}
			#contact-form .error,
			#contact-form .empty {
				color:#f00;
				font-size:11px;
				line-height:14px;
				display:none;
				overflow:hidden;
				margin-bottom:5px;
			}
			
/*---- generic form ----*/
.generic-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
}
	.generic-form fieldset {border:none; padding:0; width:100%; overflow:hidden;}
		.generic-form label {display:block; min-height:31px; position:relative;}
			.generic-form .message{min-height:102px;}
			.generic-form input, .generic-form textarea {
				padding:5px 15px;
				margin:0;
				font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#808080;
				background: #fbfbfb;
				outline:none;
				border:none;
				border-top:1px solid #c7c8ca;
				border-left:1px solid #b6b6b6;
				width:278px;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				box-shadow:inset 0px 1px 0px #dcdcdc;
				-moz-box-shadow:inset 0px 1px 0px #dcdcdc;
				-webkit-box-shadow:inset 0px 1px 0px #dcdcdc;
			}
			/*.generic-form .area .error {float:none;}*/
			.generic-form textarea {
				height:85px;
				resize:none;
				overflow:auto;
			}
			.generic-form .success {display:none; margin-bottom:15px;}
			.generic-form .error,
			.generic-form .empty {
				color:#f00;
				font-size:11px;
				line-height:14px;
				overflow:hidden;
				margin-bottom:5px;
			}
			
.buttons-wrapper{text-align:right; position:relative;}
.buttons-wrapper a {
	font-size:13px;
	line-height:16px;
	background-image:url(../images/contact-button.gif);
	background-color:#323232;
	padding:7px 26px 8px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
	.buttons-wrapper a:hover{background-position:center -51px; background-color:#02334f;}

@media only screen and (max-width: 995px) {
	/*---- contact form ----*/
	#contact-form input, #contact-form textarea{width:214px;}
	/*---- generic form ----*/
	.generic-form input, .generic-form textarea{width:214px;}
}
@media only screen and (max-width: 767px){
	/*---- Search form ----*/
	#search-form{display:none;}
	/*---- contact form ----*/
	#contact-form input, #contact-form textarea{width:188px;}
	/*---- generic form ----*/
	.generic-form input, .generic-form textarea{width:188px;}
}
@media only screen and (max-width: 479px){
	/*---- contact form ----*/
	#contact-form input, #contact-form textarea{width:168px;}
	/*---- generic form ----*/
	.generic-form input, .generic-form textarea{width:168px;}
}

.asterisk{
	color:red;
}
.error{
	color:red;
}
.success{
	color:green;
}

/* default check boxes must be always inside the label to be hidden */
label input[type=checkbox] {
  display: none;/* <-- hide the default checkbox */
}
span.artificial-chekcbox {/* <-- style the artificial checkbox - put span of this class right after the checkbox */
  font-family: FontAwesome; /* use an icon font for the checkbox */
  font-size: 1.2em;
}
[type=checkbox] + span.artificial-chekcbox:before {/* <-- style its checked state..with a NON ticked icon */
  content: "\f096";
}
[type=checkbox]:checked + span.artificial-chekcbox:before {/* <-- style its checked state..with a ticked icon */
  content: "\f046";
}

.textbox{

	width: 180px;
	margin-bottom: .5em;
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
}

.textbox_half{

	width: 90px;
	margin-bottom: .5em;
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
}