@import url("../../include/font/font-roboto.css");
@import url("../../include/font/font-open-sans.css");

/* General Styles */
body {background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
p,div,ul,li,td,input,select,textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif;}

h1 {font-size:150%;}
h2 {font-size:125%; margin-bottom: 5px; margin-top: 0px; }
h3 {font-size:100%; margin-bottom: 5px; margin-top: 10px; }
h4 {font-size:100%; margin-bottom: 5px; margin-top: 0px; font-weight: normal; } 

.small {font-size:85%; }
.note {font-size:85%; color:#666; font-style:italic }

/* Button and Link Styles */
a.button:active, a.button:link, a.button:visited, input.button, button.button {font-family: Arial, Helvetica, sans-serif; background:#fff url(../images/buttonbg_gray.png) left top repeat-x; border:1px solid #ccc; color:#333; display:inline-block; margin:0; padding:4px; text-align:center; text-decoration:none; width:auto; font-weight:bold; font-size:12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
a.button:hover, input.button:hover, button.button:hover {background-color:#fff; background-image:none; color:#000; cursor:pointer }

a.buttonSmall:active, a.buttonSmall:link, a.buttonSmall:visited, input.buttonSmall, button.buttonSmall {padding:2px 4px; font-size:10px}

a.buttonBlue:active, a.buttonBlue:link, a.buttonBlue:visited, input.buttonBlue, button.buttonBlue{
	background:#006cff; 
	color:#fff; 
	font-size:125%; 
	padding:4px 8px
}

a.buttonBlue:hover, input.buttonBlue:hover, button.buttonBlue:hover {background-color:#fff; background-image:none; color:#000; cursor:pointer }

a:active, a:link, a:visited {font-weight:bold; text-decoration: none; color: #666; }
a:hover {color: #333}

/* Common Page Elements */
.pageContainer {width:100%; text-align:center; margin:0px; padding:0px;}
.pageContent {width:900px; margin:0 auto; text-align:left;}

.utilityNav {width:600px; float:right; text-align:right; color:#666; font-size:11px; clear:both; vertical-align:bottom}
.utilityNav a:active, .utilityNav a:link, .utilityNav a:visited {color:#666;}
.utilityNav a:hover {color:#333;}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea {
	display:block;padding:5px; 
	border:1px solid #575757; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	max-width:100%
}

input[type="radio"], input[type="checkbox"] { border:none;}
input[type="text"]:focus, input[type="password"]:focus,input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {border:3px solid #666; padding:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

a img {border:0}

/* errors */
.errorText{ color: #e75301; }
.error{ color: #e75301; }
.errorCheckArrows:before { width: 10px; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 7px solid #B30001; content: ""; position: absolute; top: 0px; left: -17px; }
.errorCheckArrows { background-color: #B30001; color: #fff; padding: 2px 6px 2px 2px; font-size: 9px; width: auto!important; height: 12px; line-height: 12px; position: relative; left: 20px; bottom:2px; display:inline-block!important}
.errorCheckArrowsElm {
	border-color:#e75301 !important; 
	background-color:#ffffec; 
	color:#b00915; 
	padding:4px;
}

#passWordError .errorCheckArrows {left:0}

/* Other */
.clear {clear:both; font-size:0px; height:0px}


/* Reg Page */
body {background-color:#fff}
.button {
	-webkit-appearance: none;
}
#regPageBody {margin:0}
#eventBanner {margin:10px auto 0 auto; text-align:left; padding:5px; background-color:#fff;  border:3px solid #f5f5f5;}
#regContentContainer {background-color:#ddd; padding:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#regPageLoginText { width:260px; padding:10px; text-align:center;}
.regtextarea {width:95%; min-width: 198px; height: 100px; margin-left: 2px; margin-top: 2px;}
#regPageLogin {width: 250px; float: right; clear: right; padding: 10px; background-color:#f5f5f5; border:3px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:20px}
#regPageHelp {text-align: right;}

#footer {width: 750px}
#regPageSocial {width: 300px; padding: 0; text-align: left; margin-top: 10px; display:inline-block}
#regFormContainer {width: 540px; float: left; background-color: #f5f5f5; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom: 3px solid transparent; border-left: 3px solid transparent; border-right: 3px solid transparent; padding:10px; 
}
#regEventText {width: 540px; float: left; background-color: #fff; padding: 10px; border-bottom: 1px dotted #ccc; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-top: 3px solid transparent; border-left: 3px solid transparent; border-right: 3px solid transparent}

.loginSectionHeader, .regSectionHeader {font-size:12px; padding-bottom:20px; color:#333; font-weight:bold}
#loginPassword {margin-top:15px}
#loginEmail span, #loginEmail input, #loginEmail button, #loginPassword span, #loginPassword input, #loginPassword button {display:block}
#registerFieldsTable {width:100%}
#registerFieldsTable td {padding-bottom:10px;}
#registerFieldsTable select, #registerFieldsTable input {
	max-width:515px;
	align-self: flex-start;	
}
#loginFieldsTable {padding:3px}
#loginFieldsTable input {max-width:215px}
a.buttonLogin:active, a.buttonLogin:link, a.buttonLogin:visited, input.buttonLogin, button.buttonLogin  {margin-top:10px}
#overlay{display: none;position: absolute;top:0%;left:0%;width:100%;height:95%;z-index:51;-moz-opacity: 0.5;opacity:.50;filter:alpha(opacity=50);}
#helpPopup{display: none;position: absolute;margin-left:-370px;left:50%;top:10px;padding:0px;width:740px;height:90%;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4) !important;background-color: white;z-index: 52;overflow: none;text-align: center;}

.reminderButton {float:right}
.reminderButton a:active, .reminderButton a:link, .reminderButton a:visited { background:#ededed url(../images/buttonbg_gray.png) left top repeat-x; border:1px solid #ccc; color:#333; display:inline-block; margin:0px; padding:5px 8px 4px 4px; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration:none; width:auto; font-weight:bold; color:#333; font-size:12px; line-height:20px}
.reminderButton a:hover {color:#000; background-image:none; background-color:#fff}
.reminder {color:#000; background-image:none}
.reminderButton img {float:left;  border:none}

#pre_disclaimer {width:100%;height:90%;overflow:auto}
#pre_disclaimer_buttons {text-align:center; margin-top:10px}
#tpBug {float:right; margin:3px 20px 0 0;width:115px; text-align:right}

#webcastby:hover{
	outline: 3px solid #888;
}

#privacyPolicy {display:inline-block; margin-left:20px}
#reg_footer_disclaimer ~ #privacyPolicy {margin-left:10px}
#privacyPolicy a {color:#99a3a6; font-size:9px}
#reg_footer_disclaimer {float:left;padding:0 20px 0 0; width:760px; color:#666}
#reg_footer_disclaimer p {margin: 1.12em 0 0 0}

a.buttonFAQ:active, a.buttonFAQ:link, a.buttonFAQ:visited {font-family: Arial, Helvetica, sans-serif; background-color:#ededed ; display:inline-block; margin:5px 0; padding:4px 8px; text-align:left; text-decoration:none; width:auto; font-weight:normal; font-size:12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float:right;}
a.buttonFAQ:hover {background-color:#EF8A53; color:#fff; cursor:pointer}
a.buttonFAQ img {vertical-align:text-bottom}

.regLandingText {border-bottom:3px solid transparent!important}

.requiredNote{
    font-size: 85%;
    font-style: italic;
}	

.regFooterDisclaimer a:hover, #regFooterDisclaimer a:hover, #reg_footer_disclaimer a:hover{
	color: #fff !important;
	cursor: pointer;
}

#regFormHeaderText a:hover,
#loginFormWrapper a:hover,
#regDateBar .reminderButton:hover,
#headerAlreadyRegisteredBtn:hover,
#footerAlreadyRegisteredBtn:hover{
	outline: 3px solid #888;
}

/* Restrict Form Element Widths */
#registerFieldsTable {width:515px; table-layout:fixed}
#registerFieldsTable td {width:515px}

/* Images can't be wider than the Landing Page Text container */
#regEventText img {max-width:100%}
#regEventText td>img {max-width:800px; height: auto;}

.roomviewselect {text-align:center;cursor:pointer;border:3px solid #ccc; background-color:#eee; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; padding:20px; font-family:Arial, Helvetica, sans-serif; margin:0 auto;color:#333}
.roomviewselect:hover, .roomviewselect:focus {background-color:#fff; border-color:#006cff}
.roomviewselect img {max-width:100%}
#inRoomView {margin:auto;width:100%;text-align:center}

/* =================== Only Reg Layout 4 ========================= */
#regLayout4 * {font-family:Roboto, Arial, Helvetica, sans-serif}

/* Bars */ 
#regTitleBar, #regDateBar, #regContentBar, #regFooterBar {text-align:center; padding:20px}
#regTitleBar {background-color:#006cff}
#regTitleBar h1 {font-size: 3.0em; color:#fff; text-align:center; font-weight:300}

#regDateBar{
	background-color:#333; 
	color:#fff; 
	padding-bottom:15px
}

#regDateBar h2 {font-size: 2.0em; color:#fff; text-align:center; font-weight:300}
#regContentBar {background-color:transparent}  
#regContentBar p, #regContentBar div, #regContentBar ul, #regContentBar li, #regContentBar td, #regContentBar input, #regContentBar select, #regContentBar textarea {font-size:14px}
#regFooterBar {background-color:#333; border-top:4px solid #006cff; color:#ccc!important}
.regContentWidth {width:900px; max-width:100%; margin:0 auto; text-align:left;}
#regContentBar .regContentWidth {min-height:300px}
#regContentBar .regContentWidth img {max-width:100%}
#regDateBar .reminderButton {float:none; display:inline-block; vertical-align:3px;margin-left: 15px;}
#regDateBar .reminderButton>a:active, #regDateBar .reminderButton>a:link, #regDateBar .reminderButton>a:visited {background: transparent url(../images/white-opacity-25.png) top left repeat; color:#fff; border:none; font-weight: 300; font-size:16px; padding: 8px 16px  }
#regDateBar .reminderButton>a:hover {background-image:url(../images/white-opacity-50.png); background-repeat:repeat}
#regDateBar .reminderButton>a img {display:none}
#regDateBar .reminderButton>a:before {content:" + "; font-size:24px;  vertical-align:top; padding-right:5px}

#reminderButtonSub {margin:0;padding:0;background-color:#959595}
#reminderButtonSub li {list-style-type: none;text-align:left;}
#reminderButtonSub a:active, #reminderButtonSub a:link, #reminderButtonSub a:visited {max-width:100%;border-radius:0; background: transparent; color:#fff; border:none; font-weight: 300; font-size:14px; display:inline-block; width:100%; padding:10px 0}
#reminderButtonSub a:hover{background-image:url(../images/white-opacity-50.png); }

/* Forms */ 
#regLayout4 label {text-align:left; color:#333}
#regLayout4 input[type="text"], #regLayout4 input[type="password"], #regLayout4 input[type="email"], #regLayout4 input[type="number"], #regLayout4 input[type="tel"], #regLayout4 select, #regLayout4 textarea {display:block; margin-bottom:10px;padding:10px; font-size:1.2em}
#regLayout4 input[type="text"]:focus, #regLayout4 input[type="password"]:focus, #regLayout4 input[type="email"]:focus, #regLayout4 input[type="number"]:focus, #regLayout4 input[type="tel"]:focus, #regLayout4 textarea:focus {border:3px solid #666; padding:8px;}
#regLayout4 input.buttonSubmit, #regLayout4 button.buttonSubmit, #regLayout4 a.buttonSubmit, #regLayout4 a:link.buttonSubmit, #regLayout4 a:visited.buttonSubmit {padding:10px 20px; font-size:1.2em; background-image:none; border:none; background-color:#006cff; color:#fff}

#regLayout4 input.buttonSubmit:hover, 
#regLayout4 button.buttonSubmit:hover, 
#regLayout4 a.buttonSubmit:hover,
#regLayout4 input.buttonSubmit:focus, 
#regLayout4 button.buttonSubmit:focus, 
#regLayout4 a.buttonSubmit:focus{
	outline: 3px solid #595959;
} 

#regLayout4 .customQuestionWrapper {display:block; margin-bottom:10px;}
/*.loginFormElement {display:inline-block!important}*/

/* General Formatting */
a.footerLink:active, a.footerLink:link, a.footerLink:visited {font-weight:bold; text-decoration: none; color: #99a3a6; font-size:11px}

a.footerLink:hover {
	color: #eee;
	outline: 3px solid #888;
}

#loginFormWrapper, #regFormWrapper {padding:20px 0; clear:both}
#regLayout4 #loginFormHeaderText, #regLayout4 #regFormHeaderText {margin:20px 0; font-size:1.2em; font-weight:bold}
#regFooterBar #tpBug {margin:0}
.segmentTitle {font-size:22px}
	
.eventDisplayTitleReg4plus{
	word-wrap: break-word;	
}

.popoutRequiredNote{
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 5px;
}

/***********************************/
/* custom question alignment fixes */
/***********************************/
#regLayout4 #frmRegister .multiCheckbox input[type="checkbox"] + span,
#regLayout4 #frmRegister .singleCheckbox label,
#regLayout4 #frmRegister .radioBtn input[type="radio"] + span,
#regLayout5 #frmRegister .multiCheckbox input[type="checkbox"] + span,
#regLayout5 #frmRegister .singleCheckbox label,
#regLayout5 #frmRegister .radioBtn input[type="radio"] + span,
#regLayout6 #frmRegister .multiCheckbox input[type="checkbox"] + span,
#regLayout6 #frmRegister .singleCheckbox label,
#regLayout6 #frmRegister .radioBtn input[type="radio"] + span{
    display: block;
    margin: -16px 0px 5px 25px;
}

.customQuestionWrapper ul{
    word-wrap: break-word;
}

/******************************************
fix for ios devices not showing checkboxes
*******************************************/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
		.segmentCheckBoxDiv ~ .segmentBlockWrapper{
			margin: -25px 0px 0px 25px !important;
		}
		
		.segmentCheckBoxDiv{
			float: none !important;
			margin-right: 0 !important;
			text-align: initial !important;
		}	
	
}

@media screen and (max-width: 820px){
	@media not all and (min-resolution:.001dpcm) { 
		@media {
			.segmentCheckBoxDiv ~ .segmentBlockWrapper{
				margin: -25px 0px 0px 25px !important;
			}
			
			.segmentCheckBoxDiv{
				float: none !important;
				margin-right: 0 !important;
				text-align: initial !important;
			}	
		}
	}
}

/* ================== Only Reg Layout 6 =================== */
.regLayout6 .flexbox{
	display: flex;
}

.regLayout button{
	white-space: normal;
}

.regLayout select{
	width: 326px
}
	
.regLayout6 .content{
	width: 500px;
	margin-right: 40px;
}
	
.regLayout6 .regForm{
    width: 327px;
    padding: 0px 20px;
    margin: 0 5px;
    background-color: #ccc;	
    height: 80%;
    display: flex;
    flex-direction: column;
    align-items: left;
}

.regLayout6 #regFormHeaderText{
	width: 330px;
}

.regLayout6 #loginFormWrapper{
    width: 325px;
}
	
.regLayout6 .changePadding{
	padding: 10px 0 !important;
}

.regLayout6 #loginFormHeaderText, .regLayout6 #regContentBar label, .regLayout6 #regFormWrapper{
	word-wrap: break-word !important;
    max-width: 325px !important;
}

.regLayout6 .regForm label, .regLayout6 .regForm select, .regLayout6 .regForm input{
    word-wrap: break-word;
    width: 300px;
}

.regLayout6 .regForm select, .regLayout6 #frmRegisterBtn{
	width: 326px;
}

.regLayout6 .buttonSubmit{
	white-space: normal;
	max-width: 100% !important;
	width: auto !important;
}

.regLayout6 input[type="radio"],
.regLayout6 input[type="checkbox"]{
  	width: auto !important;
}

/* =================== New Figma Design Shared Elements 2Q2021 ========================= */
.shared-elements-2q2021 * {
    font-family: 'Open Sans', Roboto, Arial, Helvetica, sans-serif;
}
 .shared-elements-2q2021 h1 {
    font-size:150%;
     margin-top: 0px;
     margin-bottom: 0px;
}
 .shared-elements-2q2021 h2 {
    font-size:125%;
     margin-bottom: 5px;
     margin-top: 0px;
     margin-bottom: 0px;
}
/* Forms */
 .shared-elements-2q2021 label {
    text-align:left;
     color:#333
}
 .shared-elements-2q2021 input[type="text"], .shared-elements-2q2021 input[type="password"], .shared-elements-2q2021 input[type="email"], .shared-elements-2q2021 input[type="number"], .shared-elements-2q2021 input[type="tel"], .shared-elements-2q2021 select, .shared-elements-2q2021 textarea {
    display:block;
     margin-bottom:10px;
     padding:10px;
     font-size:1.2em;
     background: #F9FDFE;
     border: 1px solid #D2E6ED;
     box-sizing: border-box;
     border-radius: 3px;
}
 .shared-elements-2q2021 input[type="text"]:focus, .shared-elements-2q2021 input[type="password"]:focus, .shared-elements-2q2021 input[type="email"]:focus, .shared-elements-2q2021 input[type="number"]:focus, .shared-elements-2q2021 input[type="tel"]:focus, .shared-elements-2q2021 textarea:focus {
    border:3px solid #666;
     padding:8px;
}
 .shared-elements-2q2021 .regForm input.buttonSubmit, 
 .shared-elements-2q2021 .regForm button.buttonSubmit, 
 .shared-elements-2q2021 .regForm a.buttonSubmit, 
 .shared-elements-2q2021 .regForm a:link.buttonSubmit, 
 .shared-elements-2q2021 .regForm a:visited.buttonSubmit {
    padding:10px 20px;
     font-size:1.2em;
     background-image:none;
     border:none;
     color:#fff;
     background: #006cff;
     border-radius: 2px;
     white-space: normal;
     max-width: 100%;
}

 .shared-elements-2q2021 input.buttonSubmit:hover, .shared-elements-2q2021 button.buttonSubmit:hover, .shared-elements-2q2021 a.buttonSubmit:hover {
    background-image:url(../images/black-opacity-25.png);
     background-repeat:repeat;
     outline: 3px solid #888;
}
 .shared-elements-2q2021 .customQuestionWrapper {
    display:block;
     margin-bottom:10px;
}
/* above are conversions, below are additions -zhh */
/* .shared-elements-2q2021 #loginFormHeaderText, .shared-elements-2q2021 #regFormHeaderText {
    padding:20px 0;
     font-size:16px;
     font-weight:bold;
}
 */
 .shared-elements-2q2021 .regForm .loginFormHeaderText, .shared-elements-2q2021 .regForm .regFormHeaderText {
    padding:20px 0;
     font-size:16px;
     /*display: flex;
     justify-content: space-between;
     align-items: center;*/
     width: 100%; 
     display: grid;
     grid-gap: 10px;
}
 .shared-elements-2q2021 .loginFormHeaderText a, .shared-elements-2q2021 .regFormHeaderText a {
    text-decoration: underline;
     color: #00accc;
     cursor: pointer;
     font-size: 0.7em !important;
}
/* custom question alignment fixes */
 .shared-elements-2q2021 #frmRegister .multiCheckbox input[type="checkbox"] + span, .shared-elements-2q2021 #frmRegister .singleCheckbox label, .shared-elements-2q2021 #frmRegister .radioBtn input[type="radio"] + span {
     display: block;
     margin: -16px 0px 5px 25px;
}
/* reusable containers */
 .shared-elements-2q2021 .regContentWidth {
     width:1200px;
     max-width:100%;
     margin:0 auto;
     text-align:left;
}
/* footer */
 .shared-elements-2q2021 .reg-footer {
    text-align:center;
     padding:20px
}
 .shared-elements-2q2021 .reg-footer {
    background-color:#333;
}
/* .shared-elements-2q2021 .reg-footer {
    background-color:#333;
     color:#ccc!important
}
 */
 .shared-elements-2q2021 .reg-footer #tpBug {
    margin:0
}
/* reg content section */
 .shared-elements-2q2021 .reg-content-section {
     text-align:center;
     padding:20px;
     background-color:transparent;
}

.shared-elements-2q2021 .reg-content-section p, 
.shared-elements-2q2021 .reg-content-section div, 
.shared-elements-2q2021 .reg-content-section ul, 
.shared-elements-2q2021 .reg-content-section li, 
.shared-elements-2q2021 .reg-content-section td, 
.shared-elements-2q2021 .reg-content-section input, 
.shared-elements-2q2021 .reg-content-section select, 
.shared-elements-2q2021 .reg-content-section textarea {
    font-size:14px
}

 .shared-elements-2q2021 .reg-content-section .regContentWidth {
    min-height:300px;
}
 .shared-elements-2q2021 .reg-content-section .regContentWidth img {
    max-width:100%;
}

.shared-elements-2q2021 .regFooterDisclaimer{
	color: #fff;
}


/* flexbox mod */
.shared-elements-2q2021 .flexboxColumn {
	display: flex;
	flex-direction: column;
	
}

.shared-elements-2q2021 .flexboxRow {
	display: flex;
}

.shared-elements-2q2021 .flexboxRowReverse {
	display: flex;
	flex-direction: row-reverse;
}

/* utilities */
.shared-elements-2q2021 .white-background {
	background: white;
}

.shared-elements-2q2021 .hide {
	display: none;
}

.shared-elements-2q2021 #registerNowtxt{
    font-weight: 800;
}

.shared-elements-2q2021 #frmRegister label,
.shared-elements-2q2021 #frmLogin label{
    margin: 5px 0;
}

.shared-elements-2q2021 .showloginform:active,
.shared-elements-2q2021 .showregform:active{
    font-weight: 100 !important;
}

.shared-elements-2q2021 #regFormSectionHeader #regFormHeaderText{
	display: none;
}

/* =================== Only Reg Layout 7+ Disclaimer and Notavialabe pages ========================= */

.hideTitleAndDateBar #eventDateAndTime{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.hideTitleAndDateBar .reminderButton{
    margin-top: 20px
}

.hideTitleAndDateBar #eventDisplayTitle{
    margin: 0px;
    font-weight: 700;
}

.hideTitleAndDateBar #eventDateAndTime{
    font-weight: 400;	
    font-size: 1.5em !important;
}

.hideTitleAndDateBar #viewer_banner,
.hideTitleAndDateBar #regBannerBar,
.hideTitleAndDateBar #regTitleBar .regContentWidth,
.hideTitleAndDateBar #regDateBar .regContentWidth,
.hideTitleAndDateBar #regTitleBar,
.hideTitleAndDateBar #regDateBar{
    background-color: transparent !important;
}

.hideTitleAndDateBar #regDateBar .reminderButton a{
	background-color: #006cff;
}

.hideTitleAndDateBar #regContentBar .regContentWidth{
	background-color: #fff;
	text-align: center;
}

.hideTitleAndDateBar #regContentBar{
	min-height: 70vh;
}

.hideTitleAndDateBar #pre_disclaimer{
	padding: 40px 0;	
}

.hideTitleAndDateBar #pre_disclaimer_buttons{
	margin-top: 25px;	
}

.hideTitleAndDateBar .reminderButton a{
	font-weight: 600 !important;
}

.hideTitleAndDateBar #inRoomView{
    width: 95%;
    color: #000;
    padding: 40px 0;
}

.hideTitleAndDateBar .inRoomViewH1{
	margin-bottom: 25px;
}

.hideTitleAndDateBar #frmLogin #password,
.hideTitleAndDateBar #frmRegister input,
.hideTitleAndDateBar #frmRegister select,
.hideTitleAndDateBar #frmRegister_portal input,
.hideTitleAndDateBar #frmRegister_portal select{
    margin: 20px auto;
}

.hideTitleAndDateBar #regFormHeaderText,
.hideTitleAndDateBar #regFormWrapper label,
.hideTitleAndDateBar #pre_disclaimer{
    color: #000; 
}

/* =================== Only Reg Layout 7 & 8 ========================= */

.regLayout7 .regForm,
.regLayout8 .regForm{
    padding: 0px 40px;
}

.regLayout7 .regForm{
    margin: 20px 10px 20px 0px;
}

.regLayout8 .regForm{
   margin: 20px 0px 20px 0px;
}

.regLayout7 .regFormWrapper,
.regLayout8 .regFormWrapper,
.regLayout7 .loginFormWrapper,
.regLayout8 .loginFormWrapper{
	width: 350px;
}

.regLayout7 .regForm select, 
.regLayout7 .regForm input,
.regLayout8 .regForm select, 
.regLayout8 .regForm input{
    word-wrap: break-word;
    width: 100%;
}

.regLayout7 .regForm input[type="radio"],
.regLayout7 .regForm input[type="checkbox"],
.regLayout8 .regForm input[type="radio"],
.regLayout8 .regForm input[type="checkbox"]{
  	width: auto;
}

.regLayout7 .regForm label,
.regLayout8 .regForm label{
	display: inline-block;
	word-wrap: break-word;
}

.regLayout7 .regForm .frmRegisterBtn input,
.regLayout8 .regForm .frmRegisterBtn input,
.regLayout7 .regForm .loginFormWrapper input[type="submit"],
.regLayout8 .regForm .loginFormWrapper input[type="submit"]{
	width: auto;
	white-space: normal;
}


.regLayout7 .regContentWidth.flexboxColumn{
    padding: 0 0 0 10px;
    margin: 0px 0px 0px 50px;
}

.regLayout8 .regContentWidth.flexboxColumn{
    padding: 0 10px 0 0;
    margin: 0px 50px 0px 0px;
}

.regLayout7 .content,
.regLayout8 .content{
	padding: 20px;
}

.regLayout7 .regTitleBar,
.regLayout8 .regTitleBar{
	background: none;
	display: flex;
	text-align:center;
	padding:20px 20px 40px 20px;
}

.regLayout7 .regTitleBar h1,
.regLayout8 .regTitleBar h1{
	font-size: 3.0em; 
	text-align:left; 
	font-weight:700;
}

.regLayout7 .regDateBar,
.regLayout8 .regDateBar{
	text-align:center;
	padding:0px 20px 20px 20px;
	background:none;
}

.regLayout7 .eventDateAndTime,
.regLayout8 .eventDateAndTime{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: 1.5em; 
	text-align:left; 
	font-weight:400;
}

.regLayout7 .regDateBar .reminderButton,
.regLayout8 .regDateBar .reminderButton{
	float: none;
	display: inline-block;
	vertical-align: 3px;
	margin-left: 0px;
	padding-top: 10px;
}

.regLayout7 .regDateBar .reminderButton>a:active, 
.regLayout7 .regDateBar .reminderButton>a:link, 
.regLayout7 .regDateBar .reminderButton>a:visited,
.regLayout8 .regDateBar .reminderButton>a:active, 
.regLayout8 .regDateBar .reminderButton>a:link, 
.regLayout8 .regDateBar .reminderButton>a:visited{
	color: #fff;
	border: none;
	font-weight: 600;
	font-size: 16px;
	padding: 8px 16px;
	background: #006cff;
	border-radius: 2px;
}

.regLayout7 .regDateBar .reminderButton>a:hover,
.regLayout8 .regDateBar .reminderButton>a:hover{
	background-image: url(../images/black-opacity-25.png);
	background-repeat: repeat
}

.regLayout7 .regDateBar .reminderButton>a img,
.regLayout8 .regDateBar .reminderButton>a img{
	display: none
}

/* =================== wide-column-layouts (9, 10, 11, 12) shared elements ========================= */
.wide-column-layouts.flexboxColumn {
	align-items: center;
}

.wide-column-layouts .white-background {
	color: black;
}

.wide-column-layouts .regTitleBar {
	background: none;
	padding: 20px;
}

.wide-column-layouts .regTitleBar h1 {
	font-size: 3.0em; 
	font-weight: 700;
}

.wide-column-layouts .regDateBar {
	padding:0px 20px 40px 20px;
	background:none;
}

.wide-column-layouts .eventDateAndTime {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.5em; 
	/* color:#fff; */
	text-align:center; 
	font-weight:400;
}


.wide-column-layouts .regDateBar .reminderButton {float:none; display:inline-block; vertical-align:3px;margin-left: 0px; padding-top: 20px;}
.wide-column-layouts .regDateBar .reminderButton>a:active, .wide-column-layouts .regDateBar .reminderButton>a:link, .wide-column-layouts .regDateBar .reminderButton>a:visited { color:#fff; border:none; font-weight: 600; font-size:16px; padding: 8px 16px; background: #006cff; border-radius: 2px;}
.wide-column-layouts .regDateBar .reminderButton>a:hover {background-image:url(../images/black-opacity-25.png); background-repeat:repeat}
.wide-column-layouts .regDateBar .reminderButton>a img {display:none}


/* =================== Only Reg Layout 9 & 10 ========================= */

.regLayout9 .contentContainer,
.regLayout10 .contentContainer{
    background-color: #ccc;
    margin-bottom: 25px;
}

.regLayout9 #loginFormWrapper,
.regLayout10 #loginFormWrapper,
.regLayout9 #regFormWrapper,
.regLayout10 #regFormWrapper{
    padding: 0px;
}

.regLayout9 .regForm,
.regLayout10 .regForm,
.regLayout9 .content,
.regLayout10 .content{
    margin: 4%;
}

.regLayout9 .regForm input.buttonSubmit, 
.regLayout9 .regForm button.buttonSubmit, 
.regLayout9 .regForm a.buttonSubmit, 
.regLayout9 .regForm a:link.buttonSubmit, 
.regLayout9 .regForm a:visited.buttonSubmit,
.regLayout10 .regForm input.buttonSubmit, 
.regLayout10 .regForm button.buttonSubmit, 
.regLayout10 .regForm a.buttonSubmit, 
.regLayout10 .regForm a:link.buttonSubmit, 
.regLayout10 .regForm a:visited.buttonSubmit{
    max-width: 296px;
}

/* =================== Only Reg Layout 11 ========================= */
.regLayout11 .flexboxColumn  {
	align-items: center;
}

.regLayout11 .regFormWrapper {
	align-items: center;
}
.regLayout11 .loginFormWrapper {
	align-items: center;
}

.regLayout11 #frmRegisterBtn .buttonSubmit{
    width: 10vw;
    margin: 2vh;
}

/* =================== Only Reg Layout 12 ========================= */
.regLayout12.flexboxColumn  {
	align-items: center;
}

.regLayout12 .regForm {

}

.regLayout12 .regloginbuttondiv {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 40px 0px;
	text-align: center;
}


.regLayout12 .regloginbuttondiv .registerbutton {
	background: #006cff; 
	color: #FFF;
	min-width: 200px;
	white-space: normal;
	font-weight: bold;
	border-radius: 3px;
	font-size: 16px;
}

.regLayout12 .regloginbuttondiv .alreadyregisteredbutton {
	cursor:pointer;
	font-size:.7em;
	text-decoration:underline;
	align-self: center;
}

.regLayout12 .regFormWrapper {
	display: flex;
	align-items: center;
}

.regLayout12 .loginFormWrapper {
	display: flex;
	align-items: center;
}

.regLayout12 .regForm .regFormHeaderText {
	display: flex;
	justify-content: space-evenly;
}

.regLayout12 .regForm .loginFormHeaderText {
	display: flex;
	justify-content: space-evenly;
}

.regLayout12 .closeloginform {align-self: flex-end; margin-top: -20px;}
.regLayout12 .closeregform {align-self: flex-end; margin-top: -20px;}



/****************************
       cookie disclaimer 
*****************************/
	#cookieDisclaimer {
		-webkit-box-shadow: 0 2px 10px 5px rgba(0,0,0,.2); 
		box-shadow: 0 2px 10px 5px rgba(0,0,0,.2); 
		position: fixed;
		bottom: 0;
		padding:20px 20px 15px 90px; 
		background:#333; 
		width:calc(100% - 110px);
		margin:auto;
		display:flex;
		z-index:10;
	}
	
	#cookieDisclaimer .leftContainer{
		width: 80%;		
		font-family: Roboto, Arial, Helvetica, sans-serif;
	}
	
	#cookieDisclaimer .rightContainer{
    	display: flex;
    	justify-content: center;
    	align-items: center;		
		width: 20%;		
	}
	
	#cookieDisclaimer, #cookieDisclaimer h3 {
		text-align:left;
		font-size:medium;
		color:white;
		margin-top:0
	}
	
	#cookieDisclaimer span {
	font-size: 14px;
	}
	
	#cookieDisclaimer .bold{
		font-weight: bold;
	}
	
	#cookieDisclaimerOptIn {
	    font-family: Roboto, Arial, Helvetica, sans-serif;
	    display: block;
	    margin-top: 5px;
	    background-color: #006cff;
	    border: none;
	    padding: 7px 15px;
	    color: #fff;
	    border-radius: 3px;
	    cursor: pointer;
	    font-size: 1.3em;
	}
	
@media (max-width: 765px){
	#cookieDisclaimer{
    	flex-direction: column;
    	padding: 0;
    	width: 100vw;
	}
	
	#cookieDisclaimer .leftContainer{
	    width: 90%;
    	align-self: center;
    	padding: 20px 0;
	}
	
	#cookieDisclaimer .rightContainer{
	    width: 100%;
    	padding: 0px 0px 20px 0;
	}
}

/************************
     IE Specific Hack
************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.regLayout6 input{
    	width: 93%;
	}	
}

/************************
     Edge Specific Hack
************************/
@supports (-ms-ime-align:auto) {
	.regLayout6 input{
    	width: 93%;
	}
}

/************************
       Safari Hack
************************/
@media not all and (min-resolution:.001dpcm) { 
	@media {
		.regLayout6 input{
	    	width: 93%;
		}	
	}
}

/************************
       Firefox Hack
************************/
@-moz-document url-prefix() {
	.regLayout6 input{
	   	width: 93%;
	}
}

/************************
      Media Queries
************************/
@media (max-width: 765px){
	/* layout 6 responsive query */
	.regLayout6 .flexbox{
		flex-wrap: wrap;
		justify-content: center;
		width: 900px;
	}
	
	.regLayout6 .content{
		width: 100% !important;
	}
	
	.regLayout6 .regForm{
		display: block;
		width: 85%;
    	margin-top: 25px;
	}
	
	.regLayout6 .content{
		margin-right: 0px;
	}
	
	.regLayout6 #regFormHeaderText{
		width: auto;
	}
	
	.regLayout6 #frmRegisterBtn{
		width: auto;
	}
	
	.regLayout6 #regFormWrapper{
		width: auto;
	}

	.regLayout6 #loginFormWrapper{
	    width: auto;
	}
	
	.regLayout6 .regContentWidth .segmentCheckBoxDiv .segmentCheckBox{
		max-width: 100% !important;
	}
}


@media (max-width: 768px){
	/* layout 7 responsive query */
	.regLayout7 .responsive-view {
		flex-direction: column-reverse;
	}
	
	.regLayout7 .responsive-view .regContentWidth.flexboxColumn {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px;
	}
	
	.regLayout7 .responsive-view .eventDateAndTime {
		align-items: center;
	}
	
	.regLayout7 .responsive-view .regForm{
		display: block;
    	margin: 20px 0px 20px 0px;
	}
	
	.regLayout7 .responsive-view .regFormWrapper {
		width: 100%;
	}

	.regLayout7 .responsive-view .loginFormWrapper {
		width: 100%;
	}
	
	
	/* layout 8 responsive query */
	.regLayout8 .responsive-view {
		flex-direction: column-reverse;
	}	
	
	.regLayout8 .responsive-view .regContentWidth.flexboxColumn {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px;
	}
	
	.regLayout8 .responsive-view .eventDateAndTime {
		align-items: center;
	}
	
	.regLayout8 .responsive-view .regForm{
		display: block;
    	margin: 20px 0px 20px 0px;
	}

	.regLayout8 .responsive-view .regFormWrapper {
		width: 100%;
	}

	.regLayout8 .responsive-view .loginFormWrapper {
		width: 100%;
	}

	.regLayout9 .contentContainer,
	.regLayout10 .contentContainer{
	    flex-direction: column;
	}
	
	.regLayout9 .regForm, 
	.regLayout10 .regForm/*, 
	.regLayout9 .content, 
	.regLayout10 .content*/{
	    padding: 10%;
	}
}


@media only screen and (min-device-width : 768px) and (max-device-height : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)  { 
	.regLayout6 .regForm{
		width: 500px;
	}
}

/* make content take up moer space  for reg 7+*/
@media (min-width: 780px){
	.regLayout7,
	.regLayout8{
	    min-height: 80vh !important;
	}
	
	.regLayout7 .regForm,
	.regLayout8 .regForm{
	    min-height: 75vh;
	}
	
	.regLayout9 .wide-column-layouts,
	.regLayout10 .wide-column-layouts{
	    min-height: 90vh !important;
	}
	
	.regLayout11 #frmRegister input,
	.regLayout11 #frmLogin input{
		width: 40vw;
	}
	
	.regLayout11 #frmRegisterBtn{
	    display: flex;
	    justify-content: center;
	}
	
	.regLayout11 #frmRegisterBtn .buttonSubmit,
	.regLayout11 #frmLogin .buttonSubmit{
	    width: 10vw;
	}
	
	.hideTitleAndDateBar #inRoomView{
        padding: 40px;
	}
}

/* 1080+ scaling for reg 7+*/
@media (min-width: 1900px){
	.shared-elements-2q2021 .regContentWidth{
	    width: 75vw;
	}
	
	.regLayout9 .regContentWidth,
	.regLayout10 .regContentWidth{
	    width: 65vw;
	    /*padding: 40px;*/
	}
		
	.shared-elements-2q2021 .reg-content-section p, 
	.shared-elements-2q2021 .reg-content-section div, 
	.shared-elements-2q2021 .reg-content-section ul, 
	.shared-elements-2q2021 .reg-content-section li, 
	.shared-elements-2q2021 .reg-content-section td, 
	.shared-elements-2q2021 .reg-content-section input, 
	.shared-elements-2q2021 .reg-content-section select, 
	.shared-elements-2q2021 .reg-content-section textarea,
	.shared-elements-2q2021 .regFooterDisclaimer,
	.regLayout7 #registerNowtxt,
	.regLayout7 .showloginform,
	.regLayout8 #registerNowtxt,
	.regLayout8 .showloginform,
	.regLayout7 #reminderButtonSubVcs a,
	.regLayout7 #reminderButtonSubGoogle a,
	.regLayout8 #reminderButtonSubVcs a,
	.regLayout8 #reminderButtonSubGoogle a,
	.hideTitleAndDateBar #regTitleBar .regContentWidth,
    .hideTitleAndDateBar #regDateBar .regContentWidth,
    .hideTitleAndDateBar .reminderButton,
    .hideTitleAndDateBar #pre_disclaimer,
    .hideTitleAndDateBar #pre_disclaimer_buttons{
	    font-size: .8vw !important;
	}
	
	.hideTitleAndDateBar #regContentBar .regContentWidth{
		min-width: 65vw;
    	min-height: 25vw;
	}
	
	.shared-elements-2q2021 .reminderButton a{
	    font-size: 1vw !important;
	    padding: .8vw !important;
	}
	
	.shared-elements-2q2021 #linkFAQ{
		font-size: .5vw !important;
	}
	
	.regLayout7 .regFormWrapper, 
	.regLayout8 .regFormWrapper, 
	.regLayout7 .loginFormWrapper, 
	.regLayout8 .loginFormWrapper{
	    width: 18vw;
	    margin: 1vw;
	}
}


/* =================== Portals ========================= */

.segmentCheckBoxDiv {float:left; margin-right:5px; text-align:center; line-height:22px; margin-top:4px}
.segmentBlockWrapper img {max-width:100%}
.segmentCheckBoxDiv ~ .segmentBlockWrapper { margin-left:25px}
.viewSegmentButton a:active, .viewSegmentButton a:link, .viewSegmentButton a:visited { background: #f0f0f0 url("../images/buttonbg_gray.png") repeat-x scroll left top; border: 1px solid #CCCCCC; border-radius: 3px; color: #333333; display: inline-block; font-size: 12px; font-weight: bold; line-height: 20px; margin: 0 0 10px 20px; padding: 4px 8px; text-align: center; text-decoration: none; width: auto; }
.reminderButtonPortal a:active, .reminderButtonPortal a:link, .reminderButtonPortal a:visited { background: #f0f0f0 url("../images/buttonbg_gray.png") repeat-x scroll left top; border: 1px solid #CCCCCC; border-radius: 3px; color: #333333; display: inline-block; font-size: 11px; font-weight: bold; line-height: 11px; margin: 0px; padding: 2px 5px; text-align: center; text-decoration: none; width: auto; }
.viewSegmentButton a:hover, .reminderButtonPortal a:hover { background-image: none; background-color: #fff; color: #000000; }
a.view_unlink:active,a.view_unlink:hover,a.view_unlink:visited{font-weight:bold; text-decoration: none; color: #666;cursor: text;}

/* Layout 4 Portals */
#regLayout4 a.buttonSubmit {font-size:14px!important; padding:5px 10px!important}
.reminderButtonPortal #reminderButtonSub a:active, .reminderButtonPortal #reminderButtonSub a:link, .reminderButtonPortal #reminderButtonSub a:visited  {font-size:11px}
#regLayout4 .reminderButtonPortal>a:active, #regLayout4 .reminderButtonPortal>a:link, #regLayout4 .reminderButtonPortal>a:visited, #regLayout4 #regProfile {background: transparent url(../images/black-opacity-25.png) top left repeat; color:#fff; border:none; font-weight: 300; font-size:12px; padding: 6px 8px 4px 8px  }
#regLayout4 .reminderButtonPortal>a:hover, #regLayout4 #regProfile:hover {background-image:url(../images/black-opacity-50.png); background-repeat:repeat}
#regLayout4 a:active.view_link, #regLayout4 a:link.view_link, #regLayout4 a:visited.view_link {font-weight:500}
#regContentBar div.segmentBlockWrapper:first-child {margin-top:15px}

#privacyPolicyLink{display:none}
#privacyPolicy{display:none}

/* =================== Media Queries for Mobile Devices ============================*/

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait) {
	.pageContent, #regContentContainer {width:100%}
	#regContentContainer {padding:0!important}
	#regEventText, #regPageLogin, #regFormContainer, #regPageSocial, #regPageHelp, #reg_footer_disclaimer, #reg_footer, #webcastby, #portal_checkbox {width: auto!important; max-width:100%; float:none!important; clear:both }
	#webcastby {display:block; text-align:right}
	#regPageLogin, #regFormContainer {margin-top:10px}
	#regFormContainer, #regEventText {border:3px solid transparent}
	#helpPopup {left:0; margin-left:0; width:100%}
	.reminderButton, #regPageHelp {float:none; width:100%; text-align:center; margin:5px auto !important; clear:both}
	#regContentContainer {padding:10px}
	
	#regEventText {max-width:100% !important;}
	#regContentBar {}
	#regContentBar .regContentWidth {width:100%; max-width:100%; padding:0!important}
	.regContentWidth input {max-width:calc(100% - 20px);}
	.regContentWidth input[type="checkbox"] {max-width:100%;}
	
	/* layout 7 mobile query */
	.regLayout7 .mobile-view .regForm input {
		max-width: 100%;
	}
	
	.regLayout7 .mobile-view .regTitleBar {
		padding: 0px;
		align-self: center;
	}
	.regLayout7 .mobile-view .regDateBar {
		padding: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.regLayout7 .mobile-view .content {
		padding: 0px;
	}


	/* layout 8 mobile query */
	.regLayout8 .mobile-view .regForm input {
		max-width: 100%;
	}
	
	.regLayout8 .mobile-view .regTitleBar {
		padding: 0px;
		align-self: center;
	}
	.regLayout8 .mobile-view .regDateBar {
		padding: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.regLayout8 .mobile-view .content {
		padding: 0px;
	}
}


/* Do not put any code below the media queries */