@charset "utf-8";
/* CSS Document */

html {
   margin: 0px;
   width: 100%;
}

body {
   margin: 0px;
   min-height: 100%;
   width: 100%;
   font-family: Verdana, sans-serif;	
   padding: 0 0 0 0;
   background-color: #ededed;
}
select {
padding: 5px;
}
.formheader {
width: 100%;
margin: 0px;
padding: 0px;
background-color: #ededed;
}
.formheaderinner {
width: 650px;
background-color: #fff;
margin: 0px auto;
padding: 0px 15px;
}
.formwrapper {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
background-color: #ededed;
}
.formcontainer {
width: 650px;
background-color: #fff;
margin: 0px auto;
padding: 0px 15px;
}
.formcontainer h1 {
font-size: 20px;
color: #3b3b3b;
font-weight: normal;
text-align: center;
}
.formcontainer h2 {
font-size: 20px;
color: #3b3b3b;
text-align: center;
margin-bottom: 15px;
}
.textfield {
border: 1px solid #bbbbbb; 
padding: 3px;	
font-size: 12px;
}
.namefield {
width: 200px;
}
.phonefield {
width: 100px;
}
.emailaddressfield {
width: 280px;	
}
.formcontainer .row {
overflow: hidden;
padding: 10px 0px;	
}

.formcontainer .rowborder {
overflow: hidden;
padding: 20px 0px 0px 0px;	
border-bottom: 1px solid #bbb;
}
.formcontainer .rowbordertop {
overflow: hidden;
padding: 10px 0px 0px 0px;	
border-top: 1px solid #bbb;
}
.formcontainer .rowcompact {
overflow: hidden;
padding: 0px 0px 0px 0px;	
}
.formcontainer .col1 {
padding: 5px 1%; 
width: 26%;	
font-weight: bold;
font-size: 12px;
float: left;
border: 0px;
overflow: hidden;
text-align: left;
}
.formcontainer .col1normal {
padding: 5px 1%; 
width: 26%;	
font-weight: normal;
font-size: 12px;
float: left;
border: 0px;
overflow: hidden;
text-align: left;
}
.formcontainer .col2 {
padding: 5px 1%; 
width: 70%;
font-size: 12px;
float: left;
overflow: hidden;
text-align: left;
line-height: 20px;
}
@media screen and (max-width: 679px) {
.formheaderinner {
width: 96%;
padding: 0px 2%;
}
.formcontainer {
width: 96%;
padding: 15px 2%;
}
.formcontainer .col1 {
float: none;
width: 98%;
}
.formcontainer .col1normal {
float: none;
width: 98%;
}
.formcontainer .col2 {
float: none;
width: 98%;
}
}

.formcontainer .sectionheading {
padding: 10px;
font-weight: normal;
border-top: 1px solid #bbb;	
border-right: 1px solid #bbb;	
border-left: 1px solid #bbb;	
border-top-left-radius:10px;
border-top-right-radius:10px;
text-align: left;
text-transform:uppercase;
color: #3b3b3b;
width: fit-content;
width: -webkit-fit-content;
width: -moz-fit-content;
}
.formcontainer .sectionheadingadmin {
padding: 10px;
font-weight: normal;
border-top: 1px solid #bbb;	
border-right: 1px solid #bbb;	
border-left: 1px solid #bbb;	
border-top-left-radius:10px;
border-top-right-radius:10px;
text-align: left;
text-transform:uppercase;
color: #3b3b3b;
width: fit-content;
width: -webkit-fit-content;
width: -moz-fit-content;
background-color: #bbb;
}
.formcontainer .sectionheadingedit {
padding: 10px;
font-weight: normal;
border-top: 1px solid #bbb;	
border-right: 1px solid #bbb;	
border-left: 1px solid #bbb;	
border-top-left-radius:10px;
border-top-right-radius:10px;
text-align: left;
text-transform:uppercase;
color: #3b3b3b;
width: fit-content;
width: -webkit-fit-content;
width: -moz-fit-content;
float: left;
}
.formcontainer .sectionnote {
font-weight: normal;
padding: 0px 1%;
width: 98%;
text-align: left;
font-size: 11px;
}
.formcontainer .sectionsubheading {
font-weight: bold;
padding: 5px 1% 0px 1%;
width: 98%;
text-align: left;
font-size: 12px;
}
.formcontainer .rowborderfirst {
overflow: hidden;
padding: 10px 0px 0px 0px;	
border-bottom: 1px solid #bbb;
}
.formcontainer .colspan {
padding: 5px 2%; 
width: 96%;
font-size: 12px;
float: left;
overflow: hidden;
text-align: left;
line-height: 22px;	
}
.buttonsubmitcontainer {
width: 240px; 
margin: 0px auto;
padding: 15px 0px;
}
.buttonsubmit {
cursor:pointer;
font-size:16px; 
border-radius: 5px;
color: #ffffff; 
padding: 7px; 
width: 220px; 
margin: 0px auto;
-webkit-appearance: none;	
background-color: orange;
border: 1px solid orange;
}
#Honorific {
display: none;	
}
.FormItemSelect .ItemDetail {
font-size: 12px;
line-height: 22px;	
padding: 0px 0px 10px 0px;	
}
.ItemDetail, .FieldContainer {
font-size: 12px;
line-height: 22px;	
padding: 0px 10px 10px 10px;
}
.FormItemDescription {
padding: 0px 10px 5px 10px;	
}
.FormItemDescription img {
width: 80px;	
border-radius: 5px;
float: left;
margin-right: 10px;
}
.ItemSubsetContainer {
display: block;
clear: both;
width: 100%;
overflow: hidden;
padding: 0px 0px 10px 0px;
}
.ItemSubsetLabel {
font-weight: normal;
font-size: 14px;	
}
.ItemSubsetList {
line-height: 30px;
color: #999	
}
.ItemSubsetList select {
padding: 3px;	
font-size: 14px;
}
.ItemSubsetList img {
width: 150px;	
border-radius: 5px;
float: left;
margin-right: 10px;

}
.FieldContainer textarea, input[type="text"], input[type="email"]{
padding: 5px 1%;
font-size: 12px;
width: 90%;
border: 1px solid #bbb;
}
.contenttools {
width: 100%;	
}
.contenttoolsleft {
float: left;
width: 50%;	
}
.contenttoolsright {
float: right;
display: inline;
text-align: right;
width: 50%;
}
.formcontainerinner .formfield {
border-bottom: #bbbbbb 1px solid; 
border-left: #bbbbbb 1px solid; 
padding-bottom: 3px; 
padding-left: 3px; 
padding-right: 3px; 
border-top: #bbbbbb 1px solid; 
border-right: #bbbbbb 1px solid; 
padding-top: 3px;	
width: 98%;
max-width: 300px;
font-size: 12px;
}
.formcontainer .SubmitBlock {
	font-size: 11px; 
	clear: both;
	position: relative;
	overflow: hidden;	
	font-family: Verdana, Geneva, sans-serif;
	width: 94%;
	padding: 10px 3% 20px 3%;
	border-radius: 5px;
	margin: 0px 0px;
}
.formcontainer .SubmitBlock .row {
overflow: hidden;
padding: 0px 0px;	
}
.singlecolumn {
 text-align: center; 
 line-height: 20px; 
 margin: 0px auto; 
 padding: 5px 2%; 
 width: 96%;
 max-width: 600px; 
 font-size: 11px	
}
.formcontainer .formbutton {
	cursor:pointer;
	font-size:16px; 
	background-color: #35aac4; 
	color: #ffffff; 
	padding: 7px; 
	width: 220px;	
	border-radius: 5px;
	border: 0px solid black;
}
.setdescription {
width: 98%;
padding: 0px 1%;
line-height: 20px;
font-size: 12px;	
}
.optional {
color: #646464; 
font-size: 11px; 
font-weight: normal;
}
.required {
color: #646464; 
font-size: 11px; 
font-weight: normal;
}
.optionalsmall {
color: #646464; 
font-size: 10px; 
font-weight: normal;
}
.groupname {
	font-weight: normal;
	font-size: 12px;
}
.blockcontentheading {
font-size: 12px;
font-weight: bold;
padding: 8px 1%;
text-transform:uppercase;
}
.changeStuff .ui-dialog-titlebar {display:none}
.itmdesc {cursor: pointer;}
.itmdesc:hover {color: #00A3D1;}

.FormItems {
padding: 0px 0px 10px 0px;
}
.FormItems .formsettitle {
overflow: hidden;
padding: 20px 0px 0px 0px;	
border-bottom: 1px solid #bbb;
margin-bottom: 8px;
}
.FormItems .formsetname {
padding: 10px;
font-weight: normal;
border-top: 1px solid #bbb;	
border-right: 1px solid #bbb;	
border-left: 1px solid #bbb;	
border-top-left-radius:10px;
border-top-right-radius:10px;
text-align: left;
text-transform:uppercase;
color: #3b3b3b;
width: fit-content;
width: -webkit-fit-content;
width: -moz-fit-content;
}
.formfooter {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.formfooter .formfooterinner {
width: 96%;
max-width: 650px;
margin: 0px auto;
padding: 0px 2% 0px 2%;
}
form {
	margin: 0px 0px 0px 0px;
}
.colspancontact {
padding: 7px 2% 7px 0px; 
width: 96%;
font-size: 12px;
float: left;
overflow: hidden;
text-align: left;
line-height: 24px;	
color: #646464;
}
.sameascontact {
	font-size: 12px;
	padding: 0px 0px 15px 0px;
}
.stripestatement {
  font-size: 12px;
  width: 100%;
  text-align: center;
  padding: 20px 0px;
}
#couponbutton {
cursor:pointer;
display: inline;
font-size:12px; 
background-color: #35aac4; 
color: #ffffff; 
padding: 7px; 
width: 60px;	
border-radius: 5px;
border: 0px solid black;
} 
.formcontainer .rowcoupon {
overflow: hidden;
padding: 8px 0px 8px 0px;	
}
