/*=== Summar Collaborators Styles ===*/
.sc-decision {
	display: inline-block;
	float: left;	
}
.sc-view {
	display: inline-block;
	float: right;
}
.sc-download {
	display: inline-block;
	float: right;
	margin-left: 1em;
}
.section-summer_collab .form-type-radio label,
.section-emerging_topics .form-type-radio label,
.section-summer_collab .form-type-checkbox label,
.section-emerging_topics .form-type-checkbox label {
	display: inline-block;
}
.section-summer_collab .form-type-radio label:after,
.section-emerging_topics .form-type-radio label:after,
.section-summer_collab .form-type-checkbox label:after,
.section-emerging_topics .form-type-checkbox label:after {
	content: none!important;
}
.section-summer_collab .form-type-radio,
.section-emerging_topics .form-type-radio {
	display: inline-block;
	margin-right: 1em;
}
.section-summer_collab input[type='text'],
.section-emerging_topics input[type='text'],
.section-summer_collab input[type='email'],
.section-emerging_topics input[type='email'] {
	width: 50%;
}
.section-summer_collab select.month,
.section-summer_collab select.day,
.section-summer_collab select.year {
	width:6em;
}
.section-summer_collab .webform-component-select:after {
	right: 7px;
	top: 74px;
}
.section-summer_collab .webform-component--demographics--age,
.section-summer_collab .webform-component--demographics--ethnicity {
	width: 50%;
}
.webform-component--collaborators--collaborator-2 .fieldset-wrapper,
.webform-component--collaborators--collaborator-3 .fieldset-wrapper,
.webform-component--collaborators--collaborator-4 .fieldset-wrapper,
.webform-component--collaborators--collaborator-5 .fieldset-wrapper {
	display: none;
}

.myWrapper {
  position: relative;
  padding-bottom: 56%;
  padding-top: 20px;
  height: 0;
}
.myWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

//  Travel webform styles


/*
.form-item.webform-component.webform-component-textfield.webform-component--lastname {
  display:inline; float:left; padding-right:50px;
}
*/
.webform-component--lastname, .webform-component--firstname, {
  display:inline; float:left; padding-right:10px; width: 50%
}
.webform-container-inline {
  display:inline; float:left; padding-right:0px; width: 50%
}
/*
.webform-component--firstname {
    display:inline; float:left; padding-right:10px; width: 50%
}
*/
/* Works in Style Editor, but not by itself
.webform-component--lastname.webform-container-inline {
  display:inline; float:left; padding-right:10px; width: 50%
}
.webform-component--firstname.webform-container-inline {
  display:inline; float:left; padding-right:10px; width: 50%
}
*/
.webform-component-date, .webform-component-time {
    display:inline; float:left; padding-right:10px; width: 50%

}
label { clear: both; }
label[for="edit-submitted-confirm"]{
   display:block; float:left; padding-right:50px;
   height: 250px;
   width: 30%;
}
.webform-component--email, .webform-component--car, .webform-component--method, .webform-component--middlename, .webform-component--country{
  display:inline; float:left; padding-right:100px; width: 100%
}
.webform-container-inline select {width: auto}

input[type=radio] + label {
  display: inline;
}
.webform-component-date{ width: 35%;}
.webform-datepicker { width: auto;}
.webform-component-time .webform-container-inline { width: auto;}
.webform-component-radios { width: 100%; }
.form-radios {width: auto; display: inline;}
// Make Submit appear on own line
.form-actions { clear: both; }

// This is the thing with the radio buttons and checkboxes
/*
input[type=radio] + label::after {
  content: "";
  border: 2px solid #ffffff;
}
input[type=radio]:checked + label::after {
  opacity: 1;
  background-color: #ffffff;
  border-color: #ffffff;
}
*/

// Confirmation form
//.form-item-submitted-confirm { float: left; }
#edit-submitted-confirm div { display: block}