/* box overlay */
.boxOverlay {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height:100%;
	background-color: #000;
	cursor: pointer;
	z-index:500;
}
.boxBox {
	position: absolute;
	left: 50%;
	top:50%;
	display:block;
	background:#FFFFFF;
	color:#222222;
	border:3px solid #5AB359;
	z-index:600;
	width:220px;
	height:20px;
	margin:-50px -110px;
}
.boxBox.loading {
	text-indent:-10000px;
	background:#FFFFFF url('images/content/loader.gif') no-repeat center center;	
}
.boxBox h3 {
	text-align:center;
}
.box.closeLink {
	background:transparent url('images/silk/cancel.png') no-repeat scroll center;
	display:block;
	height:14px;
	position:absolute;
	right:-9px;
	top:-9px;
	width:14px;
	text-indent:-1000000px;
}

/* contact form */
#contactFormContainer {
	float:left;
	position:relative;
	width:380px;
}
#contactForm div.field.container {
	clear:both;
	display:block;
	padding:2px 0pt;
	position:relative;
}
#contactForm div.field.container label {
	display:block;
	float:left;
	padding:0pt 5px 0pt 0pt;
	text-align:right;
	width:20%;
	font-size:125%;
	line-height:25px;
}
#contactForm div label span.info {
	left:-10000em;
	position:absolute;
}
#contactForm div.active label span.info, #contactForm div label span.error {
	color:#000000;
	display:block;
	left:100%;
	margin-top:-0.05em;
	padding:0.1em 0.1em 0.1em 20px;
	position:absolute;
	text-align:left;
	top:50%;
	z-index:100;
}
#contactForm div.active label span.info {
	background:#C8C8FF url(images/silk/arrow_left.png) no-repeat scroll left center;
	border:2px solid #8080FF;
	width:10em;
}
#contactForm div label span.error {
	background:#FFD9D9 url(images/silk/arrow_left.png) no-repeat scroll left center;
	border:2px solid #B34747;
	width:20em;
}
#contactForm div.field.container.required label {
	font-weight:bold;
}
#contactForm div.field.container input.text {
	background:transparent url(images/silk/information.png) no-repeat scroll 2px center;
	float:left;
	padding:2px 5px 2px 20px;
	width:70%;
}
#contactForm div.field.container input.text, #contactForm div.field.container textarea {
	background-color:#E6E6E6;
}
#contactForm div.field.container.active input.text, #contactForm div.field.container input.text:focus, #contactForm div.field.container textarea:focus {
	background-color:#FFFFFF;
}
#contactForm div.field.container.name input.text {
	background-image:url('images/silk/user.png');
}
#contactForm div.field.container.email input.text {
	background-image:url('images/silk/email.png');
}
#contactForm div.field.container.url input.text {
	background-image:url('images/silk/link.png');
}
#contactForm div.field.container.bad input.text {
	background:#FFB3B3 url('images/silk/error.png') no-repeat scroll 2px center !important;
}
#contactForm div.field.container.bad label {
	color:#E20026;
}
#contactForm div.field.container.good input.text {
	background:#C0FFBF url('images/silk/accept.png') no-repeat scroll 2px center !important;
}
#contactForm div.field.container.good label {
	color:#5AB359;
}
#contactForm div.field.container.message label {
	position:absolute;
	left:-20000px;
}
#contactForm div.field.container.textarea textarea {
	height:8em;
	width:95%;
	margin:5px 2.5% 0.5px 2.5%;
}
#contactForm div.field.container.textarea div.grippie {
	background:#DDDDDD url('images/content/grippie.png') no-repeat scroll center 2px;
	border-color:#CCCCCC;
	border-style:solid;
	width:95%;;
	margin:0 2.5% 0.5px 2.5%;
	border-width:0pt 2px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
#contactForm div.field.container.bad textarea {
	background:#FFB7CD none repeat scroll 0%;
}
#contactForm div.field.container.good textarea {
	background:#C7E8B9 none repeat scroll 0%;
}
#contactForm div.submit {
	background:transparent url('images/content/contact/send_hover.png') no-repeat scroll center;
	width:100%;
}
#contactForm.bad div.submit {
	background:transparent url('images/content/contact/send_enabled.png') no-repeat scroll center;
}
#contactForm div.submit input {
	border:0pt none;
	display:block;
	height:31px;
	margin:0pt auto;
	width:92px;
}
#contactForm div.submit input, #contactForm.good div.submit input {
	background:transparent url('images/content/contact/send_enabled.png') no-repeat scroll center;
	color:#FFFFFF;
}
#contactForm div.submit input input:hover {
	background:transparent none repeat scroll 0%;
	color:#000000;
	cursor:pointer;
	font-weight:bold;
}
#contactForm div.submit input {
	background:transparent url('images/content/contact/send_disabled.png') no-repeat scroll center;
	color:#333333;
	cursor:default;
	font-weight:normal;
}
#contactFormResults.finished div.error h3 {
	background:transparent url('images/silk/error.png') no-repeat scroll left center;
	color:#B34747;
}
#contactFormResults.finished div.error ol {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
}
#contactFormResults.finished div.success h3 {
	background:transparent url('images/silk/accept.png') no-repeat scroll 5% 50%;
	color:#5AB359;
	font-size:200%;
}
#contactFormResults.finished div.success p {
	font-size:150%;
	text-align:left;
	padding:10px 5px;
}
