/** 
	This stylesheet overrides the annoying things marketo tries to do 
	with absolute positioning and out of the box styling - used for manrketo landing pages 
**/

/***********
	BASIC LAYOUT
************/

#outerWrapDiv {
	background: #fff;
}

.lpeCElement	{
	position: static !important;
	width: auto !important;
	height: auto !important;
	min-height:0 !important;
}

/***********
	FORMS
************/

/** basic form layout**/

body .mktoForm	{
	width: 100% !important;
	max-width: 750px;
	margin: auto;
	margin-top: 0 !important;
}

body .mktoForm .mktoTemplateBox	{
	text-align: center !important;
	
}

body .mktoForm .mktoTemplateBox .mktoButtonWrap	{
	margin: 40px 0 !important;
	display: block;
}

body .mktoForm .notyou	{s
	text-align: center !important;
}

body .mktoForm .mktoHtmlText	{
	width: auto !important;
}

body .mktoForm .small	{
	font-size: 13px;
	margin: 15px 0;
	text-align: center;
}

body .mktoForm .small a	{
	color: #222;
	text-decoration: underline;
}

body .mktoFormCol,
body .mktoForm .mktoFieldWrap	{
	float: none;
	display: block;
	width: 100%;
}

body .mktoForm .mktoOffset,
body .mktoForm .mktoGutter	{
	display: none;
}

body .mktoForm .mktoAsterix	{
	float: none;
	padding-left: 0;
    padding-right: 5px;
}

body .mktoForm .mktoLabel	{
	width: auto !important;
	float: none;
}

label[for="webinarQuestion"]	{
	display: block !important;
}

/**fieldsets - used for 2 column forms **/
body .mktoForm fieldset	{
	background: transparent;
	padding: 0 !important; 
}

.mktoForm fieldset legend	{
	display: none;
	
}


 .mktoForm fieldset .mktoFormRow {
  width: 100%;
  float: none;
  padding: 0;
  display: block;
  clear: none;
 }
 
 .mktoForm fieldset .mktoFormRow:nth-of-type(odd)	{
	 padding-right: 0px;
 }
  .mktoForm fieldset .mktoFormRow:nth-of-type(even)	{
	 padding-left: 0px;
 }

/*

only 2 columns on www.jamasoftware.com
	
.mktoForm fieldset .mktoFormRow {
  width: 50%;
  float: left;
  padding: 0;
  display: inline-block;
  clear: none;
 }
 
 .mktoForm fieldset .mktoFormRow:nth-of-type(odd)	{
	 padding-right: 10px;
 }
  .mktoForm fieldset .mktoFormRow:nth-of-type(even)	{
	 padding-left: 10px;
 }
 
 
 @media (max-width: 768px) { 
 	.mktoForm fieldset .mktoFormRow	{
	 	width: 100%;
	 	float: none;
	 	padding: 0 !important;
 	}
 }*/
 
 

/** inputs **/
body .mktoForm input[type=text], 
body .mktoForm input[type=url], 
body .mktoForm input[type=email], 
body .mktoForm input[type=tel], 
body .mktoForm input[type=number], 
body .mktoForm input[type=date], 
body .mktoForm textarea.mktoField, 
body .mktoForm select.mktoField	{
	width: 100% !important;
	padding: 10px 8px;
	margin: 0px 0 10px 0;
	border:1px solid #ccc;
	background-color: #fff;
	font-family: inherit;
	font-size: 16px;
	height: auto !important;	
	color: #3c3c3c;
}

body .mktoForm area:focus, 
body .mktoForm input:focus, 
body .mktoForm textarea:focus, 
body .mktoForm select:focus {
  border: 1px solid #005d8d;
  outline: none;
	box-shadow: none;
}

/** checkboxes/selectboxes **/

body .mktoForm .mktoRadioList, 
body .mktoForm .mktoCheckboxList {	
	width: 100% !important;

}

/*body .mktoForm .mktoRadioList > label, 
body .mktoForm .mktoCheckboxList > label {	
	margin-left: 20px;
    margin-top: -2px;
    font-size: 1.4rem;
}

body label[for="pendingOptIn"] {
	display: none
}*/

/**select boxes**/
body .mktoForm select	{
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 8px;
  border-radius: 0;
  /*color: #aba7a6;*/
}

body .mktoForm select.mktoInvalid	{
	/*color: #aba7a6;*/
}

.styled-select	{
	position: relative;
	overflow: hidden;
}

.styled-select::before,
.styled-select::after {
  content: "";
  position: absolute;
  pointer-events: none;
  color: #3c3c3c;
}

.styled-select::after { /*  Custom dropdown arrow */
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
}

.styled-select::before { /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
}

/**button wrapper**/
body .mktoForm .mktoButtonRow {
	padding: 10px 15px;
    width: 100%;
    text-align: center;
}

body .mktoForm .mktoButtonRow .mktoButtonWrap {
	margin:0 auto !important;
	display: block;
	width: 100%;
	text-align: center;
}

body .mktoForm button.mktoButton	{
	color: #ffffff;		
}



/* error handling */
body .mktoForm input.mktoInvalid,
body .mktoForm select.mktoInvalid,
body .mktoForm textarea.mktoInvalid	{
	 border: 1px solid #e25a28 !important;
}

body .mktoForm .mktoRadioList label	{
	display: inline-block !important;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
}

body .mktoForm .mktoError {
	right: auto !important;
}

body .mktoForm .mktoError .mktoErrorMsg {
	font-size: 18px;
	border-radius: 1px;
}

/** basic form **/

.form {
	/*overflow: hidden;*/
	padding: 30px;
	transition: height 500ms ease;
	min-height: 400px;
	margin-bottom: 40px;
}

.form .thanks	{
	display: none;
}

.form .thanks .msg	{
	position: relative;
	padding-left: 4.5em;
}

.form .thanks h3	{
	font-size: 2.2rem;
	margin-bottom: 0rem;
}

.form .thanks p	{
	font-size: 1.8rem;
}

.form .thanks a	{
	color: #3c3c3c !important;
	text-decoration: underline;
}

.form .thanks .icon {
    font-size: 5rem;
    position: absolute;
    left:0px;
    top:20px;
}

.form .thanks .icon i	{
	font-size: inherit;
	line-height: inherit !important;
	color: inherit;
}

.form .thanks hr	{
	border-color: #3c3c3c;
	margin-bottom: 20px;
}

/** blue form**/

.form.blue	{
	background: #70dbff;
}

.form.blue .mktoForm input[type=text], 
.form.blue .mktoForm input[type=url], 
.form.blue .mktoForm input[type=email], 
.form.blue .mktoForm input[type=tel], 
.form.blue .mktoForm input[type=number], 
.form.blue .mktoForm input[type=date], 
.form.blue .mktoForm textarea.mktoField, 
.form.blue .mktoForm select.mktoField	{
	border-color:#007aa3;
	border-radius: 2px;	
	border-width: 2px;
}

.form.blue .thanks .icon {
	color: #3c3c3c;
}


/**grey form**/

.form.grey	{
	background: #dedede;
}

.form.grey .thanks .icon {
	color: #3c3c3c;
}