@charset "utf-8";
/*  PoC Form Styles */


/* Framework -------------------------------------------- */

html {
    min-width: 580px;
    max-width: 580px;
    margin: 0 auto;
}

body { position: relative; text-align: center; }

.stage { width: 100%; min-width: 980px; border-top: 3px solid #666666; background: url(https://go.pardot.com/l/64122/2015-02-22/4vb75/64122/13844/stageborder_bottom.gif) repeat-x left bottom; }

.bodyarea { position: relative; width: 580px; margin: 0 auto; padding-bottom: 60px; text-align: left; z-index: 900; }
.bodyarea:after { content: "."; display: block; clear: both; width: 0; height: 0; line-height: 0; visibility: hidden; }
* html .bodyarea { display: inline-block; }

/* Aside Area */
.aside { float: left; width: 184px; }

/* Contents Area */
.contentsarea { float: right; width: 781px; }
	
.contentsarea .submenu { float: right; }
	
/* MainContents Area */
.maincontents { float: left; width: 580px; }


:focus {
	outline: 0;
}

form h1 {
	font-size:larger !important;
}


form legend {
	color: #333;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}

.form-header {
	text-align:right;
	border-bottom: 2px solid #CC0000;
	position: relative;
	top: 11px;
	z-index:1;	
	color: #bbb;
	font-size: smaller;
}
	
form  .section { 
	margin-top: 10px; 
	border-top: 1px solid #cacaca;
	padding-top: 5px;
	width:100%;
}

form .description {
	width: 195px;
	margin-left:0px;
	margin-right: 20px;
	position: absolute;
	font-weight: bold;
	line-height: 1.5em;}   /* 12px -> 1.5em  by FST 2015/6/30 */

form .sectionFieldset {
	margin-left:220px;
}


form p { position: relative; margin: 10px 0;}
form p label { position: absolute !important; top: 4px; left: 4px; font-weight:normal !important; z-index:100  }





form  p input,
form  p textarea,
form  p select {
	display: block;
	width: 100%;
	top: 2px ; left: 4px; font-weight:normal;
	height: 25px;
	box-sizing:border-box;
	background-image:url(https://go.pardot.com/l/64122/2015-02-15/4knb5/64122/12780/bg_input.png);
	background-repeat:no-repeat;
	background-position: top left;
	border: 1px solid #c5c5c5;
	outline:none;
}

form  p input,
form  p textarea {
	padding-top: 3px;	
	padding-left: 7px;
	margin-bottom: 0 !important; 
}

form  p textarea {
    overflow-x: auto;
    overflow-y: auto;
    resize: vertical;	
}

.address textarea  {
	height: 45px;
}
.message textarea {
	height: 125px;
}

.address_one textarea  {
	height: 45px;
}
.comments textarea  {
	height: 125px;
}

.line2 textarea  {
	height: 45px;
}

.line3 textarea  {
	height: 60px;
}

.line4 textarea  {
	height: 80px;
}

form  p select {
	padding-left: 4px;
	/*filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0,color=#c5c5c5) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,color=#c5c5c5) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1,color=#c5c5c5) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1,color=#c5c5c5); */
}

form p label {
	display: block;
	padding-top: 2px;	
	padding-left: 4px !important;
}

form  p label {
	color: #681a14 !important;
}

.radiobr label, .radio label, .pd-radio label { 
	position: relative !important;
	top:auto !important; 
	padding-left: 1px !important;
	margin-bottom: 5px;
	text-align:left;
	font-weight: bold !important;
	color: #000 !important;
 }
 
 .radiobr span label, .radio span label, .confirmbox span label, .pd-radio span label {
	text-align: left;	
	width: auto;
	padding-right: 10px;
	padding-left: 1px !important;
	display: inline!important;
	font-weight: normal !important;
	
}

.labelabove label { 
	position: relative !important;
	top:auto !important; 
	padding-left: 1px !important;
	opacity: 1.0 !important;
	margin-bottom: 5px;
	text-align:left;
	font-weight: bold !important;
	color: #000 !important;
 }
 
.radio span input, .radiobr span input, .salutation span input, .pd-radio span input {
	display:inline;
	width:auto !important;
	height: auto !important;
	background-image:none !important;
	border: none !important;
}
 
.radiobr span {
	display:block;
}

.sectionFieldset.col2 span span {
	display: inline-block;
	width: 50%;
}

.sectionFieldset.col3 span span {
	display: inline-block;
	width: 33%;
}

.sectionFieldset.col4 span span {
	display: inline-block;
	width: 25%;
}

#ui-datepicker-div {
	background-color: #ffffff;
}

form  p .error  {
	position: absolute !important;
	top: 4px;
	left: 4px !important; 
	color: #cc0000;
}

form  .section_confirmbox {	
	border-top: 2px solid #CC0000;
}

form .sectionFieldset .email .description {
	position: relative !important; top: 3px; left: 2px; font-weight:bold !important;  
	padding-top: 2px;
	padding-bottom: 4px;
	width: 250px  !important;  
}
	
form .sectionFieldset .confirmbox .field-label, 
form .sectionFieldset .no_label .field-label {
	display: none;
}
form .sectionFieldset .salutation .field-label{
	font-weight: normal !important;
} 

form .type_pd-captcha {
	margin-left: 0px !important;
	padding-bottom: 10px;
	border-top: 1px solid #cacaca;
}

form .type_pd-captcha #recaptcha_widget_div {
	margin-left:220px;
}

form .type_pd-captcha p {
	padding-left:220px;
}
	
.end-notice {
	margin-top: 20px;
	margin-bottom: 5px;	
	}
	
form .submit  {
	text-align:right;
	border: 1px solid #5D5D5D;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:4px;	
	padding-top:4px;
	text-transform: none;
	width: auto; /* auto */
	text-align: center; /* DELETE WHEN WIDTH AUTO */
	color: #FFFFFF;
	background-image:inherit;
	background-color: #c50012 !important;
	background: -webkit-gradient(linear, left top, left 25, from(#980010), color-stop(4%, #c50012), to(#980010));
    background: -moz-linear-gradient(top, #980010, #c50012 1px, #980010 25px); 
  
}

form.form span.error {
    clear: left;
    display: block;
    font-weight: bold;
    margin-top: 2px;
    padding-left: 166px;
}

.red-color, form.form p.error, form.form span.error, form.form div.error, form.form p.error label {
    color: #CC0000;
}

form.form p.no-label {	
    position:inherit;
	margin-bottom: 10px !important;
	margin-left: 0px !important;
	top: -7px;
}

form.form p.error {
	margin-bottom: 1px;
}

form.form p.errors {
	z-index: 4;	
	position: absolute;
	top: 8px;
	color: #CC0000;
}

form.form .errorhint {
	z-index: 4;	
	position: absolute;
	width: 60%	
}

form.form p.form-field.error  {
	background-position:-28px 1px;
	background-repeat:no-repeat;
	z-index:1;
}

.error-icon {
	position:relative;
	left: 192px;
	top:4px;
	z-index:3;
	height:0px;

}

.redDivider {
	width: 100%;
	border-bottom: 3px solid #CC0000;
}

.thankyoucontent {
	margin-top: 30px;
	margin-bottom: 30px;
	
}

.thankyoubox {
	float:left;
}

.thankyouboxcontent {
	border-top: 3px solid #CC0000;
	width: 172px
}

.thankyouboxcontent h2 {
	color: #CC0000;
	padding-top:10px;
	font-size:larger;
}

.thankyouboxcontent img {
	border: 1px solid #cacaca;
}

form .section .pd-checkbox input {
	width:auto;
}