/***********************
  $HOME
************************/
.ConferenceRequest h1 {
  font-size: 2.1em;/* 2.1em = 28/13.33 */
  color: #555555;
}

.ConferenceRequest .Services {
  margin-top: 30px;
  margin-bottom: 83px;
}

.ConferenceRequest .Process {
  margin-bottom: 87px;
}

/*** Column Layout ***/
.ConferenceRequest .ColumnLayout:after {
  clear: both;
  display: table;
  content: "";
}

.ConferenceRequest .ColumnLayout .ColumnLeft,
.ConferenceRequest .ColumnLayout .ColumnRight {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

/*** Bubbly Header ***/
.ConferenceRequest .BubblyHeader {
  margin: 0 0 26px;
  text-align: center;
}

.ConferenceRequest .BubblyHeader:before,
.ConferenceRequest .BubblyHeader:after {
  height: 11px;
  width: 43px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: transparent url("../Media/Images/Content/Events/ConferenceRequest/BubblyHeaderSprite.svg") no-repeat 0 0/43px 200px;
  margin-top: -4px;
}

.ConferenceRequest .BubblyHeader:before {
  margin-right: 35px;
}

.ConferenceRequest .BubblyHeader:after {
  margin-left: 35px;
  background-position: 0 -100px;
}

/*** Call To Action Buttons ***/
.ConferenceRequest .CTAButton {
  background: #008ec1; /* Old browsers */
  background: -moz-linear-gradient(top, #008ec1 0%, #0087bd 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #008ec1 0%,#0087bd 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #008ec1 0%,#0087bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-size: 1.28em;/* 1.28em = 17/13.33 */
  text-align: center;
  color: #ffffff;
  padding: 17px 51px 18px;
  border-radius: 3px;
  border: 1px solid #0080b2;
  text-decoration: none;
  display: inline-block;
}

.ConferenceRequest .CTAButton:hover {
  border-color: #0090c8;
  background: #009bd8; /* Old browsers */
  background: -moz-linear-gradient(top, #00a1db 0%, #009bd8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00a1db 0%,#009bd8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00a1db 0%,#009bd8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ConferenceRequest .CTAButton:active {
  border-color: #006f9b;
  background: #00719e; /* Old browsers */
  background: -moz-linear-gradient(top, #006f9b 0%, #00719e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #006f9b 0%,#00719e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #006f9b 0%,#00719e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*** Services ***/
.ConferenceRequest .ServiceChart .ColumnLeft,
.ConferenceRequest .ServiceChart .ColumnRight {
  padding-bottom: 34px;
}

.ConferenceRequest .ServiceChart .ColumnLeft {
  position: relative;
  padding-right: 25px;
}

.ConferenceRequest .ServiceChart .ColumnRight {
  padding-left: 25px;
}

.ConferenceRequest .ServiceChart .ColumnLeft:after {
  width: 30px;
  content: "";
  position: absolute;
  top: 21px;
  right: -15px;
  bottom: 0;
  z-index: 1;
  background: #d7d7d7;
  background: radial-gradient(circle closest-side at 50% 50%, #ffffff 0%, #ffffff 46%, #d7d7d7 46%, #d7d7d7 66%, #ffffff 66%, #ffffff 100%) no-repeat 0 0/30px 30px
  , radial-gradient(circle closest-side at 50% 50%, #ffffff 0%, #ffffff 46%, #d7d7d7 46%, #d7d7d7 66%, #ffffff 66%, #ffffff 100%) no-repeat 0 bottom/30px 30px
  , linear-gradient(to right, #ededed 0%, #ededed 100%) no-repeat center 0/6px 100%;
}

.ConferenceRequest .ServiceChart .ColumnHeader {
  font-size: 1.35em;/* 1.35em = 18/13.33 */
  text-align: center;
  padding: 29px 0;
  margin: 0 0 25px;
}

.ConferenceRequest .ServiceChart .ColumnLeft .ColumnHeader {
  color: #00629d;
  background: transparent url("../Media/Images/Content/Events/ConferenceRequest/HeaderCheck.svg") no-repeat center center/103px 80px;
}

.ConferenceRequest .ServiceChart .ColumnRight .ColumnHeader {
  color: #a90101;
  background: transparent url("../Media/Images/Content/Events/ConferenceRequest/HeaderX.svg") no-repeat center center/80px 80px;
}

.ConferenceRequest .ServiceChart .Block {
  margin-bottom: 46px;
}

.ConferenceRequest .ServiceChart .Block:last-child {
  margin-bottom: 0;
}

.ConferenceRequest .ServiceChart .Block > h3 {
  font-size: 1.13em;/* 1.13em = 15/13.33 */
  font-weight: normal;
  margin: 0;
}

.ConferenceRequest .ServiceChart .Block > h3:before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: top;
  margin-right: 11px;
  background: transparent url("../Media/Images/Content/Events/ConferenceRequest/ServiceIconSprite.svg") no-repeat 0 0 /200px 300px;
}

.ConferenceRequest .ServiceChart .Block.Website > h3:before {
  background-position: 0 1px;
}

.ConferenceRequest .ServiceChart .Block.TurnAroundTime > h3:before {
  background-position: 0 -100px;
}

.ConferenceRequest .ServiceChart .Block.OnlineRegistration > h3:before {
  background-position: 0 -200px;
}

.ConferenceRequest .ServiceChart .Block.Content > h3:before {
  background-position: -100px 1px;
}

.ConferenceRequest .ServiceChart .Block.Customization > h3:before {
  background-position: -100px -100px;
  margin-top: -1px;
}

.ConferenceRequest .ServiceChart .Block.RegistrationFees > h3:before {
  background-position: -100px -198px;
}

.ConferenceRequest .ServiceChart .ColumnLeft .Block > h3 {
  color: #00629d;
}

.ConferenceRequest .ServiceChart .ColumnRight .Block > h3 {
  color: #a90101;
}

.ConferenceRequest .ServiceChart .Block > p {
  color: #555555;
  line-height: 1.4em;
  margin: 3px 0 0;
}

/*** Process ***/
.ConferenceRequest .ProcessTimeline {
  position: relative;
}

.ConferenceRequest .ProcessTimeline:after {
  content: "";
  display: table;
  clear: both;
}

.ConferenceRequest .ProcessTimeline > .Block {
  width: 50%;
  margin-bottom: 25px;
  box-sizing: border-box;
  min-height: 100px;
}

.ConferenceRequest .ProcessTimeline > .Block:nth-child(2) {
  margin-top: 56px;
}

.ConferenceRequest .ProcessTimeline > .Block:nth-child(even) {
  float: right;
  padding-left: 30px;
}

.ConferenceRequest .ProcessTimeline > .Block:nth-child(odd) {
  float: left;
  padding-right: 30px;
}

/* Bar */
.ConferenceRequest .ProcessTimeline:before {
  background-color: #ededed;
  width: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  left: 50%;
  display: block;
  z-index: 1;
  margin-left: -3px;
}

/* Dashed Bar Overlay */
.ConferenceRequest .ProcessTimeline > .Block:last-child {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 72px;
}

.ConferenceRequest .ProcessTimeline > .Block:last-child:after {
  background: #ededed;
  background: linear-gradient(to bottom, #ffffff, #ffffff 25%, #ededed 25%, #ededed) 0 0/100% 15px;
  width: 6px;
  position: absolute;
  top: 13px;
  bottom: 0;
  content: "";
  display: block;
  z-index: 2;
}

.ConferenceRequest .ProcessTimeline > .Block:nth-child(even):after {
  left: -3px;
}

.ConferenceRequest .ProcessTimeline > .Block:nth-child(odd):after {
  right: -3px;
}

/* Ticks */
.ConferenceRequest .ProcessTimeline > .Block > h2:after {
  background-color: #ededed;
  width: 20px;
  height: 5px;
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  z-index: 1;
  margin-top: -2.5px;
}

.ConferenceRequest .ProcessTimeline > .Block:nth-child(even) > h2:after {
  left: -30px;
}

.ConferenceRequest .ProcessTimeline > .Block:nth-child(odd) > h2:after {
  right: -30px;
}

/* Content */
.ConferenceRequest .ProcessTimeline > .Block > h2 {
  font-size: 1.35em; /* 1.35em = 18/13.33333 */
  font-weight: normal;
  color: #000000;
  position: relative;
  margin: 0 0 4px;
}

.ConferenceRequest .ProcessTimeline > .Block > p {
  margin: 0;
  color: #555555;
  line-height: 1.4em;
}

.ConferenceRequest .Process .CTAButtonWrapper {
  text-align: center;
}

/*** Upcoming Conferences ***/
.ConferenceRequest .UpcomingConferences h1 {
  margin: 0;
}

.ConferenceRequest .UpcomingConferences > p {
  color: #555555;
  line-height: 1.4em;
}

.ConferenceRequest .UpcomingConferences > table.FnlTable {
  margin-top: 32px;
  width: 100%;
}



/***********************
  $REGISTRATION_FORM
************************/
/*** form styles ***/
.ConferenceRequestForm input[type="reset"] {
  overflow: visible;
  padding: 0px 7px 0px 7px;
  height: 24px;
  border: 1px solid #999999;
  font-size: 12px;
  cursor: pointer;
  background: #F5F5F5;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));
  background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);
  filter: progId:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DDDDDD', gradientType='0');
}

.ConferenceRequestForm .FnlFieldSet {
  margin: 0;
}

.ConferenceRequestForm .Label,
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li > label:first-child,
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child,
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li > .DateRangeInputs label,
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li > .DateRangeInputs .Label {
  color: #898BA0;
  font-size: 12px;
  margin: 0 0 7px;
  text-transform: uppercase;
}

.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li > label:first-child,
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li > span.Label:first-child,
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li > .DateRangeInputs label,
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li > .DateRangeInputs .Label {
  display: table;
  float: none;
  width: auto;
}

.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields,
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li {
  overflow: visible; /* Solves issue of empty tags causing margin issues. */
}

.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li {
  margin: 20px 0 0 0;
}

.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li:first-child {
  margin-top: 0;
}

/* Date Range Inputs */
.ConferenceRequestForm .DateRangeInputs:after {
  clear: both;
  content: "";
  display: table;
}

.ConferenceRequestForm .DateRangeInputs > div {
  float: left;
}

.ConferenceRequestForm .DateRangeInputs > div:first-child:after {
  content: "";
  width: 7px;
  height: 0;
  vertical-align: middle;
  display: inline-block;
  border-top: 2px solid #6b6b6b;
  margin: 0 10px 0 6px;
}

.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li .DateRangeErrorSummary,
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li .DateRangeErrorSummary > span {
  margin-top: 6px;
}

/* Radio Button List */
.ConferenceRequestForm ul.RadioButtonList {
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

.ConferenceRequestForm ul.RadioButtonList:after {
  clear: both;
  content: "";
  display: table;
}

.ConferenceRequestForm ul.RadioButtonList > li {
  float: left;
  margin-right: 25px;
}

.ConferenceRequestForm ul.RadioButtonList > li:last-child {
  margin-right: 0;
}

.ConferenceRequestForm ul.RadioButtonList > li input[type="radio"] {
  margin-left: 0;
  margin-right: 6px;
}

/* inputs */
.ConferenceRequestForm input[type="text"],
.ConferenceRequestForm select,
.ConferenceRequestForm textarea,
.ConferenceRequestForm fieldset.FnlFieldSet > ol.InputFields li > textarea {
  box-sizing: border-box;
}

.ConferenceRequestForm input[type="text"].FnlDatePicker,
.ConferenceRequestForm .FormColumns input[type="text"].FnlDatePicker {
  width: 140px;
}

.ConferenceRequestForm select {
  min-width: 140px;
}

.ConferenceRequestForm input[type="checkbox"] {
  margin-left: 0;
  margin-right: 6px;
}

/* inputs in columns */
.ConferenceRequestForm .FormColumns input[type="text"],
.ConferenceRequestForm .FormColumns select,
.ConferenceRequestForm .FormColumns textarea,
.ConferenceRequestForm .FormColumns ol.InputFields li > textarea {
  width: 100%;
}

/* form actions */
.ConferenceRequestForm .FormActions input {
  padding-left: 15px;
  padding-right: 15px;
}

.ConferenceRequestForm fieldset.FnlFieldSet .NoteText {
  display: block;
}

/* validation */
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li span.ValidationError[style*="display:inline"],
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields > li span.ValidationError[style*="display: inline"] {
  display: block !important;
  margin-top: 7px;
}

/* required */
.ConferenceRequestForm span.Required {
  width: 7px;
  height: 7px;
  display: inline-block;
  background: transparent url(../Media/Images/Content/Events/ConferenceRequest/iconValidationMarker.svg) no-repeat 0 0/7px 7px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  margin: 2px 0 0 5px;
}

/*** layout columns ***/
.ConferenceRequestForm .FormColumns {
  display: flex;
  flex-wrap: nowrap;
}

.ConferenceRequestForm .FormColumnLeft,
.ConferenceRequestForm .FormColumnRight {
  box-sizing: border-box;
}

.ConferenceRequestForm .FormColumnLeft {
  width: 42%;
  padding-right: 20px;
}

.ConferenceRequestForm .FormColumnRight {
  width: 58%;
  padding-left: 20px;
}

/*** sections - general ***/
.ConferenceRequestForm .Section {
  margin-bottom: 40px;
}

.ConferenceRequestForm .Section h2 {
  margin-top: 5px;
  margin-bottom: 14px;
}

/*** sections - conference description ***/
.ConferenceRequestForm fieldset.FnlFieldSet ol.InputFields li > textarea.Description {
  height: 147px;
  resize: none;
}

/* image upload */
.ConferenceRequestForm .ConferenceImageUpload {
  margin-top: 17px;
}

.ConferenceRequestForm .ConferenceImageUpload .Label {
  display: table;
}

.ConferenceRequestForm .ConferenceImageUpload .NoteText {
  margin-bottom: 13px;
}

.ConferenceRequestForm .ConferenceImageUpload .ValidationError[style*="display:inline"],
.ConferenceRequestForm .ConferenceImageUpload .ValidationError[style*="display: inline"] {
  display: block !important;
  margin-top: 7px;
}

.ConferenceRequestForm .ConferenceImageUpload .FileUploadWrapper {
  border: 1px solid #d7d7d7;
  background-color: #f2f2f2;
  padding: 8px 12px;
  display: inline-block;
}

.ConferenceRequestForm .ConferenceImageUpload ul.ConferenceUploadedImages {
  padding: 0;
  margin: 0;
  list-style-position: inside;
  list-style-type: disc;
}

.ConferenceRequestForm .ConferenceImageUpload ul.ConferenceUploadedImages > li:first-child {
  margin-top: 12px;
}

.ConferenceRequestForm .ConferenceImageUpload ul.ConferenceUploadedImages > li {
  margin-top: 10px;
}

.ConferenceRequestForm .ConferenceImageUpload ul.ConferenceUploadedImages > li a.DeleteImage {
  margin: 1px 0 0 8px;
  height: 13px;
  width: 10px;
  display: inline-block;
  vertical-align: top;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: transparent url("../Media/Images/Content/Events/ConferenceRequest/DeleteImageIcon.svg") no-repeat 0 0/ 10px 200px;
}

.ConferenceRequestForm .ConferenceImageUpload ul.ConferenceUploadedImages > li a.DeleteImage:hover {
  background-position: 0 -100px;
}

/*** sections - registration ***/
.ConferenceRequestForm .ConferenceRegistration h2 {
  margin-top: 0;
}

/*** sections - abstract submission ***/
.ConferenceRequestForm .ConferenceAbstractSubmission .AbstractDetails {
  margin-top: 20px;
}

.ConferenceRequestForm .ConferenceAbstractSubmission .AbstractDetails .NoteText {
  max-width: 308px;
}

/*** sections - poc ***/
.ConferenceRequestForm .ConferencePointOfContact .FormColumnLeft {
  width: 42%;
}

.ConferenceRequestForm .ConferencePointOfContact .FormColumnRight {
  width: 42%;
}

.ConferenceRequestForm .ConferencePointOfContact h3 {
  margin: 0 0 12px;
}

.ConferenceRequestForm .ConferencePointOfContact .SameContactBlock {
  border: 1px solid #d7d7d7;
  background: #f2f2f2 url("../Media/Images/Content/Events/ConferenceRequest/DuplicateContactIcon.svg") no-repeat 8px 7px/ 18px 16.28px;
  padding: 8px 12px 8px 33px;
  display: block;
  color: #555555;
}