textarea
{
border: 1px solid #891c12; 
border-radius: 5px; 
height: 90px; 
line-height: 30px; 
padding: 0px 10px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: none; 
}
textarea:focus
{
box-shadow: 0px 0px 7px 1px #891c12; 
}
TABLE
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: none; 
}
select
{
border: 1px solid #891c12; 
border-radius: 5px; 
height: 30px; 
line-height: 30px; 
padding: 0px 10px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: none; 
}
InputText
{
border: 1px solid #891c12; 
border-radius: 5px; 
height: 30px; 
line-height: 30px; 
padding: 0px 10px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: none; 
}
InputText:focus
{
box-shadow: 0px 0px 7px 1px #891c12; 
}
input[type=text]
{
border: 1px solid #891c12; 
border-radius: 5px; 
height: 30px; 
line-height: 30px; 
padding: 0px 10px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: none; 
}
input[type=text]:focus
{
box-shadow: 0px 0px 7px 1px #891c12; 
}
input[type=password]
{
border: 1px solid #891c12; 
border-radius: 5px; 
height: 30px; 
line-height: 30px; 
padding: 0px 10px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: none; 
}
input[type=password]:focus
{
box-shadow: 0px 0px 7px 1px #891c12; 
}
IMG
{
margin-left: 0px; 
margin-right: 0px; 
margin-top: 0px; 
}
BODY
{
line-height: 1.68421; 
margin: 0px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: none; 
}
.WebSubTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.WebDisplayPagePrevButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.WebDisplayPageNextButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.WebDisplayPageFinishButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.WebDisplayPageButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.UploadFileSelector
{
bottom: 0px; 
color: Transparent; 
height: 100%; 
left: 0px; 
min-height: 100%; 
opacity: 0; 
position: absolute; 
right: 0px; 
top: 0px; 
width: 100%; 
}
.UploadFilePreviewImage
{
display: block; 
max-width: 450px; 
object-fit: contain; 
object-position: none; 
}
.UploadFilePlaceholderImageClickOrDrag
{
background-image: url('./imgs/PlaceholderClickOrDragToSelect.png'); 
display: block; 
max-height: 300px; 
max-width: 100%; 
min-height: 200px; 
min-width: 200px; 
object-fit: none; 
object-position: left top; 
}
.UploadFilePlaceholderImageClickOnly
{
background-image: url('./imgs/PlaceholderClickToSelect.png'); 
display: block; 
max-height: 300px; 
max-width: 100%; 
min-height: 200px; 
min-width: 200px; 
object-fit: none; 
object-position: left top; 
}
.UploadFilePlaceholderImage
{
display: block; 
max-height: 300px; 
max-width: 100%; 
min-height: 200px; 
min-width: 200px; 
object-fit: none; 
object-position: left top; 
}
.UploadFileDragover
{
opacity: 0.2; 
}
.UploadFileContainerDiv
{
display: inline-block; 
min-height: 150px; 
position: relative; 
vertical-align: Top; 
width: 400px; 
}
.UploadFileClearButton
{
display: block; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
line-height: 30px; 
padding: 0px 5px; 
}
.TopParent
{
align-items: center; 
display: flex; 
justify-content: space-between; 
margin: auto; 
max-width: 1170px; 
}
.ToggleMenuMenuPanel
{
padding: 0px 10px; 
}
.ToggleMenuMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.ToggleMenuMenuItem
{
background-position: left center; 
background-repeat: no-repeat; 
background-size: auto 90%;; 
background-image: URL('../StaticImages/Burger20220720020221.png'); 
line-height: 35px; 
padding-left: 45px; 
width: 100%; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.Title
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.SubMenuButtonLvl01
{
line-height: 35px; 
padding: 0px 10px; 
position: relative; 
text-align: Left; 
transition: 0.2s; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
display: inline-block; 
}
.SubMenuButtonLvl01:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.SubMenuButton
{
line-height: 35px; 
padding: 0px 10px; 
position: relative; 
text-align: Left; 
transition: 0.2s; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
display: inline-block; 
}
.SubMenuButton:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.StrapLineContextTextPanel
{
text-align: Center; 
font-family: Arapey, serif; 
font-size: 35pt; 
color: #be1622; 
text-decoration: none; 
}
.SolidRadio
{
width: auto; 
}
.SolidRadio input[type=radio]:checked +label
{
background-color: #294F6D; 
position: relative; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: White; 
text-decoration: none; 
}
.SolidRadio input[type=radio]:checked
{
position: relative; 
}
.SolidRadio input[type=radio] + label
{
display: inline-block; 
padding: 10px 15px; 
position: relative; 
transition: 0.3s; 
}
.SolidRadio input[type=radio]
{
opacity: 0; 
}
.SiteProfileNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.SiteProfileEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.SiteProfileEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.SiteProfileEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.SiteProfileEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.SiteProfileDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.SiteProfileDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.SingleTextItemValueLbl
{
display: inline-block; 
padding-right: 10px; 
vertical-align: top; 
}
.SingleTextItemTypeLbl
{
display: inline-block; 
padding-right: 10px; 
vertical-align: top; 
}
.SingleTextItemPanel
{
padding-left: 15px; 
padding-top: 3px; 
}
.SingleTextItemLbl
{
display: inline-block; 
padding-right: 10px; 
vertical-align: top; 
}
.ShowMobileMenuParent
{
background-color: #e2e2e2; 
display: none; 
margin-top: 30%; 
}
.SendPersonalMessageToPrimeName
{
display: inline-block; 
min-width: 80px; 
vertical-align: top; 
}
.SendPersonalMessageToPanel
{
margin: 5px 0px; 
padding: 5px 0px; 
}
.SendPersonalMessageToLabel
{
display: inline-block; 
min-width: 80px; 
vertical-align: top; 
}
.SendPersonalMessageSubjectPanel
{
margin: 5px 0px; 
padding: 5px 0px; 
}
.SendPersonalMessageSubjectLabel
{
display: inline-block; 
min-width: 80px; 
vertical-align: top; 
}
.SendPersonalMessageSubjectEntry
{
box-sizing: border-box; 
max-width: 100%; 
width: 450px; 
}
.SendPersonalMessageSendButton
{
border: 1px solid #891c12; 
display: inline-block; 
padding: 10px 15px; 
transition: 0.3s; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
}
.SendPersonalMessageSendButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.SendPersonalMessageMessageLabel
{
display: inline-block; 
min-width: 80px; 
vertical-align: top; 
}
.SendPersonalMessageMessageEntry
{
min-height: 350px; 
box-sizing: border-box; 
max-width: 100%; 
width: 450px; 
}
.SendPersonalMessageLabel
{
display: inline-block; 
min-width: 80px; 
vertical-align: top; 
}
.SendPersonalMessageInput
{
box-sizing: border-box; 
max-width: 100%; 
width: 450px; 
}
.SendPersonalMessageFromPrimeName
{
display: inline-block; 
min-width: 80px; 
vertical-align: top; 
}
.SendPersonalMessageFromPanel
{
margin: 5px 0px; 
padding: 5px 0px; 
}
.SendPersonalMessageFromLabel
{
display: inline-block; 
min-width: 80px; 
vertical-align: top; 
}
.SendPersonalMessageDisplayPanel
{
margin: 5px 0px; 
padding: 5px 0px; 
}
.SendPersonalMessageCancelButton
{
margin: 0px 10px; 
border: 1px solid #891c12; 
display: inline-block; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
padding: 10px 15px; 
transition: 0.3s; 
}
.SendPersonalMessageCancelButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.SendEmailDisplayToLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.SendEmailDisplaySubjectLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.SendEmailDisplaySubjectEntry
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.SendEmailDisplayMessageLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.SendEmailDisplayMessageEntry
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.SendEmailDisplayLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.SendEmailDisplayFromLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.SendEmailDisplayEntry
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.SendEmailButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.SendEmailActionButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.SearchFunctionPanel
{
margin: 5px 0px; 
}
.SearchButton
{
border: 1px solid #891c12; 
display: inline-block; 
padding: 10px 15px; 
transition: 0.3s; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
}
.SearchButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.SaveButton
{
height: 30px; 
display: inline-block; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
line-height: 30px; 
padding: 0px 5px; 
}
.RollBannerPanel
{
padding-top: 15%; 
}
.RollBanner
{
top: 0; 
width: 100%; 
z-index: -20; 
}
.RegistrationPasswordResetActionsPanel
{
padding: 10px 0px; 
}
.RegistrationEmailPanel
{
padding: 30px 0px; 
}
.RegistrationEmailLabel
{
font-size: 1.5em; 
}
.RegistrationEmailHeaderPanel
{
border-bottom: 1px solid #dddddd; 
margin: 0px 0px 20px 0px; 
}
.RegistrationEmailHeaderActionsPanel
{
padding: 10px 0px; 
}
.RegistrationEmailHeader
{
display: inline-block; 
font-size: 1.2em; 
padding: 10px 0px; 
}
.RegistrationEmailEntryPanel
{
padding: 20px 0px; 
}
.RegistrationEmailEntry
{
min-width: 350px; 
}
.RegisterButtonSiteProfile
{
border: 1px solid #891c12; 
display: inline-block; 
padding: 10px 15px; 
transition: 0.3s; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
}
.RegisterButtonSiteProfile:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.RegisterButtonPersonalInfo
{
border: 1px solid #891c12; 
display: inline-block; 
padding: 10px 15px; 
transition: 0.3s; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
}
.RegisterButtonPersonalInfo:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.RegisterButtonMentoringSignUp
{
border: 1px solid #891c12; 
display: inline-block; 
padding: 10px 15px; 
transition: 0.3s; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
}
.RegisterButtonMentoringSignUp:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.RegisterButton
{
border: 1px solid #891c12; 
display: inline-block; 
padding: 10px 15px; 
transition: 0.3s; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
}
.RegisterButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.Radio4L input[type=radio]:checked + label::after
{
content: ''; 
}
.Radio4L input[type=radio] + label::before
{
border: 1px solid; 
border-radius: 10px; 
content: ''; 
height: 18px; 
left: -14px; 
position: absolute; 
top: 1px; 
width: 18px; 
}
.Radio4L input[type=radio] + label::after
{
background-color: #7c7d8f; 
border: 1px solid; 
border-radius: 5px; 
height: 10px; 
left: -10px; 
position: absolute; 
top: 5px; 
width: 10px; 
}
.Radio4L input[type=radio] + label
{
display: inline-block; 
padding-left: 15px; 
position: relative; 
}
.Radio4L input[type=radio]
{
opacity: 0; 
}
.Radio4L
{
display: inline-block; 
height: 25px; 
line-height: 25px; 
}
.ProfileYourStoryYourStory_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileYourStoryNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.ProfileYourStoryEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileYourStoryEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileYourStoryEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.ProfileYourStoryEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfileYourStoryDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.ProfileYourStoryDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.ProfileSocialTwitter_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileSocialTwitter_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileSocialNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.ProfileSocialLinkedin_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileSocialLinkedin_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileSocialInstagram_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileSocialInstagram_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileSocialFacebook_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileSocialFacebook_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileSocialEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileSocialEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileSocialEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.ProfileSocialEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfileSocialDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.ProfileSocialDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.ProfilePhonePhonenumber_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfilePhoneNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.ProfilePhoneEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfilePhoneEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfilePhoneEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.ProfilePhoneEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfilePhoneDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.ProfilePhoneDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.ProfileOtherDetailsNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.ProfileOtherDetailsMaritalStatus_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileOtherDetailsMaritalStatus_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileOtherDetailsGender_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileOtherDetailsGender_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileOtherDetailsEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileOtherDetailsEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileOtherDetailsEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.ProfileOtherDetailsEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfileOtherDetailsDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.ProfileOtherDetailsDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.ProfileOtherDetailsDateOfBirth_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileOtherDetailsDateOfBirth_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileNameTitle_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileNameTitle_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileNameNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.ProfileNameLastname_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileNameLastname_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileNameForenames_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileNameForenames_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileNameEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileNameEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileNameEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.ProfileNameEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfileNameDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.ProfileNameDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.ProfileEmailNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.ProfileEmailEmailaddress_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileEmailEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileEmailEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileEmailEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.ProfileEmailEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfileEmailDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.ProfileEmailDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.ProfileEducationNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.ProfileEducationLeavingDate_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileEducationLeavingDate_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileEducationEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileEducationEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileEducationEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.ProfileEducationEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfileEducationDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.ProfileEducationDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.ProfileCareersHelpNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.ProfileCareersHelpEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileCareersHelpEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileCareersHelpEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.ProfileCareersHelpEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfileCareersHelpDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.ProfileCareersHelpDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.ProfileCareersHelpCareersHelpOffered_EditCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfileCareersEmploymentNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.ProfileCareersEmploymentJobTitle_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileCareersEmploymentJobTitle_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileCareersEmploymentExperience_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileCareersEmploymentExperience_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileCareersEmploymentEmploymentStatus_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileCareersEmploymentEmploymentStatus_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileCareersEmploymentEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileCareersEmploymentEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileCareersEmploymentEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.ProfileCareersEmploymentEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfileCareersEmploymentDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.ProfileCareersEmploymentDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.ProfileCareersEmploymentCompany_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileCareersEmploymentCompany_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileCareersEmploymentBriefBio_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileCareersEmploymentBriefBio_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileAddressUsage_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileAddressTown_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileAddressTown_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileAddressPostalcode_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileAddressPostalcode_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileAddressNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.ProfileAddressEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileAddressEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileAddressEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.ProfileAddressEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.ProfileAddressDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.ProfileAddressDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.ProfileAddressCounty_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileAddressCounty_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileAddressCountry_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileAddressCountry_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileAddressAddress3_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileAddressAddress3_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileAddressAddress2_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileAddressAddress2_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.ProfileAddressAddress1_EditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.ProfileAddressAddress1_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.PrivatePublicCheck input[type=checkbox]:checked + label::before
{
content: attr(data-on); 
left: 23px; 
}
.PrivatePublicCheck input[type=checkbox]:checked + label::after
{
left: 2px; 
transition: 0.2s; 
}
.PrivatePublicCheck input[type=checkbox] + label::before
{
content: attr(data-off); 
display: inline-block; 
height: 25px; 
line-height: 25px; 
padding-left: 10px; 
position: absolute; 
}
.PrivatePublicCheck input[type=checkbox] + label::after
{
border: 1px solid; 
border-radius: 12px; 
content: ''; 
display: inline-block; 
height: 20px; 
left: calc(100% - 23px); 
position: absolute; 
top: 1px; 
transition: 0.2s; 
width: 20px; 
}
.PrivatePublicCheck input[type=checkbox] + label
{
border: 1px solid; 
border-radius: 12px; 
display: inline-block; 
height: 24px; 
position: relative; 
vertical-align: top; 
width: 100px; 
}
.PrivatePublicCheck input[type=checkbox]
{
opacity: 0; 
}
.PrivatePublicCheck
{
display: inline-block; 
vertical-align: top; 
}
.PhotoSmallNoLinkSubAttrsPanel
{
min-width: 170px; 
}
.PhotoSmallNoLinkEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.PhotoPhoto_Edit
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.PhotoNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.PhotoEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.PhotoEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.PhotoEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.PhotoEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.PhotoDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.PhotoDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.PersonalInfoNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.PersonalInfoEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.PersonalInfoEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.PersonalInfoEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.PersonalInfoEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.PersonalInfoDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.PersonalInfoDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.PeekMenuItemCell
{
display: block; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.PeekMenuItem
{
box-sizing: border-box; 
display: inline-block; 
transition: 0.2s; 
width: 100%; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.PeekMenuItem:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.PeekabooPanel
{
background-color: white; 
min-width: 220px; 
padding: 0px 15px; 
position: absolute; 
}
.PDEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.PDEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.PasswordResetRequestInvalidMessage
{
background-color: White; 
color: Red; 
font-size: small; 
}
.PasswordResetButton
{
height: 30px; 
display: inline-block; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
line-height: 30px; 
padding: 0px 5px; 
}
.PasswordReminderEmailAddressLabel
{
display: inline-block; 
margin-bottom: 15px; 
padding-right: 20px; 
}
.PasswordReminderEmailAddressEntry
{
width: 350px; 
}
.PasswordButton
{
border: 1px solid #891c12; 
display: inline-block; 
padding: 10px 15px; 
transition: 0.3s; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
}
.PasswordButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.ParentMobileMenuMenuItemCell
{
display: block; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.ParentMenuCellMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.PageSubTitle
{
font-family: Roboto, sans-serif; 
font-size: 25pt; 
color: black; 
text-decoration: none; 
}
.PageSubSubTitle
{
font-size: 20pt; 
font-family: Roboto, sans-serif; 
color: black; 
text-decoration: none; 
}
.OpenButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.OldStyleAttributeFunctionInstanceCell
{
text-align: right; 
}
.OldStyleAttributeFunctionCell
{
text-align: right; 
}
.OldStyleAttributeFunctionAddEditCell
{
text-align: right; 
}
.NewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.NewDonationPanelHidden
{
display: none; 
}
.NewDonationOtherAmountPanelHidden
{
display: none; 
}
.NewCSSClassPanel
{
padding-bottom: 5px; 
}
.NewCSSClassNamePanel
{
padding-bottom: 5px; 
}
.NewCSSClassNameLabel
{
display: inline-block; 
vertical-align: top; 
width: 150px; 
}
.NewCSSClassLinkPanel
{
padding-bottom: 5px; 
}
.NewCSSClassLinkLabel
{
display: inline-block; 
vertical-align: top; 
width: 150px; 
}
.NewCSSClassLabel
{
display: inline-block; 
vertical-align: top; 
width: 150px; 
}
.NewCSSClassBaseNamePanel
{
padding-bottom: 5px; 
}
.NewCSSClassBaseNameLabel
{
display: inline-block; 
vertical-align: top; 
width: 150px; 
}
.MobileMenuSubMenuItemsCellLevel01
{
padding-left: 15px; 
}
.MobileMenuParentShown
{
display: block; 
background-color: rgba(0,0,0,0.5); 
height: 100%; 
position: absolute; 
top: 0; 
width: 100%; 
}
.MobileMenuParent
{
background-color: rgba(0,0,0,0.5); 
display: none; 
height: 100%; 
position: absolute; 
top: 0; 
width: 100%; 
}
.MobileMenuMenuItemCell
{
display: block; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.MobileMenuMenuItem
{
box-sizing: border-box; 
display: block; 
line-height: 35px; 
width: 100%; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.MobileMenuHiddenSubMenuItems
{
display: none; 
}
.MobileMenuExpandableMenuItemCell
{
display: block; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.MobileMenuCell
{
background-color: White; 
box-sizing: border-box; 
height: 100%; 
padding: 20% 15px 0px 15px; 
position: relative; 
width: 80%; 
}
.MobileLogoImage img
{
width: 100%; 
}
.MobileLogoImage
{
width: 100%; 
}
.MobileLogo
{
display: none; 
}
.mnuDD_AlumnuiParent_PanelMenuMenuItemCell
{
display: block; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.mnuDD_AlumnuiParent_PanelMenuMenuItem
{
box-sizing: border-box; 
display: inline-block; 
transition: 0.2s; 
width: 100%; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.mnuDD_AlumnuiParent_PanelMenuMenuItem:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.mnuDD_AlumnuiParent_Panel
{
background-color: white; 
min-width: 220px; 
padding: 0px 15px; 
position: absolute; 
}
.mnuDD_Administration_PanelMenuMenuItemCell
{
display: block; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.mnuDD_Administration_PanelMenuMenuItem
{
box-sizing: border-box; 
display: inline-block; 
transition: 0.2s; 
width: 100%; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.mnuDD_Administration_PanelMenuMenuItem:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.mnuDD_Administration_Panel
{
background-color: white; 
min-width: 220px; 
padding: 0px 15px; 
position: absolute; 
}
.MenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.MenuCellMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.MenuCellMenuButton:hover:after
{
left: 0; 
width: 100%; 
}
.MenuCellMenuButton:after
{
background-color: #0e509a; 
bottom: 0; 
content: ''; 
display: inline-block; 
height: 2px; 
left: 50%; 
position: absolute; 
transition: 0.2s ease 0s; 
width: 0px; 
}
.MenuCellMenuButton
{
line-height: 35px; 
padding: 0px 10px; 
position: relative; 
text-align: Left; 
transition: 0.2s; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
display: inline-block; 
}
.MenuCellMenuButton:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.MenuCellContentPanelMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.MenuCellContentPanelMenuButton
{
line-height: 35px; 
padding: 0px 10px; 
position: relative; 
text-align: Left; 
transition: 0.2s; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
display: inline-block; 
}
.MenuCellContentPanelMenuButton:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.MenuButton:hover:after
{
left: 0; 
width: 100%; 
}
.MenuButton:after
{
background-color: #29235c; 
bottom: 0; 
content: ''; 
display: inline-block; 
height: 1px; 
left: 50%; 
position: absolute; 
transition: 0.2s ease 0s; 
width: 0px; 
}
.MenuButton
{
line-height: 35px; 
padding: 0px 10px; 
position: relative; 
text-align: Left; 
transition: 0.2s; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
display: inline-block; 
}
.MenuButton:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.MentoringSignUpNewInstButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.MentoringSignUpEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.MentoringSignUpEditItem
{
box-sizing: border-box; 
max-width: 100%; 
width: 400px; 
}
.MentoringSignUpEditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.MentoringSignUpEditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.MentoringSignUpDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.MentoringSignUpDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.Mentee_DetailsDisplayItemTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.Mentee_DetailsDisplayItemParentPanel
{
border-bottom: 1px solid #dddddd; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.MainCell_Merchandise
{
margin: auto; 
max-width: 1200px; 
padding: 15px; 
}
.MainCell_frmRequestPasswordReminder
{
margin: auto; 
max-width: 1200px; 
padding: 15px; 
}
.MainCell_frmPrimesDisplay
{
margin: auto; 
max-width: 1200px; 
padding: 15px; 
}
.MainCell_frmMain
{
margin: auto; 
max-width: 1200px; 
padding: 15px; 
}
.MainCell_frmHome
{
margin: auto; 
max-width: 1200px; 
padding: 15px; 
}
.MainCell_Context_Page_SupportUs
{
margin: auto; 
max-width: 1200px; 
padding: 15px; 
}
.MainCell_Context_Page_History
{
margin: auto; 
max-width: 1200px; 
padding: 15px; 
}
.MainCell_Context_Page_AboutUs
{
margin: auto; 
max-width: 1200px; 
padding: 15px; 
}
.MainCell_Archive
{
margin: auto; 
max-width: 1200px; 
padding: 15px; 
}
.MainCell
{
margin: auto; 
max-width: 1200px; 
padding: 15px; 
}
.LoginWithOTPOTPActionsPanel
{
padding: 10px 0px; 
}
.LoginWithOTPMessageLabel
{
display: inline-block; 
font-size: 1.3em; 
padding: 10px 0px; 
}
.LoginWithOTPLogonEntry
{
min-width: 320px; 
}
.LoginWithOTPInTouchLoginControlsPanel
{
background-color: #f8f8f8; 
padding: 10px; 
}
.LoginControlsContainerPanelHidden
{
display: none; 
}
.LoginCellShown
{
top: 50%; 
background-color: White; 
border: solid 2px #891c12; 
box-sizing: border-box; 
left: 50%; 
max-width: 100%; 
padding: 20px; 
position: fixed; 
transform: translate(-50%, -50%); 
transition: 0.5s; 
width: 350px; 
z-index: 2000; 
}
.LoginCellRequestPasswordReminderButton
{
box-sizing: border-box; 
display: block; 
margin-top: 5px; 
width: 100%; 
border: 1px solid #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
padding: 10px 15px; 
transition: 0.3s; 
}
.LoginCellRequestPasswordReminderButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.LoginCellMessagePanel
{
display: Block; 
margin-top: 3px; 
}
.LoginCellLogoutButton
{
box-sizing: border-box; 
display: block; 
margin-top: 5px; 
width: 100%; 
border: 1px solid #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
padding: 10px 15px; 
transition: 0.3s; 
}
.LoginCellLogoutButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.LoginCellLogonEntryLabel
{
display: none; 
margin-top: 3px; 
}
.LoginCellLogonEntry
{
box-sizing: border-box; 
margin-top: 5px; 
width: 100%; 
display: Block; 
}
.LoginCellLoginControlsContainerPanelHidden
{
display: none; 
}
.LoginCellLoginButton
{
box-sizing: border-box; 
display: block; 
margin-top: 5px; 
width: 100%; 
border: 1px solid #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
padding: 10px 15px; 
transition: 0.3s; 
}
.LoginCellLoginButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.LoginCellLoggedInMessageUserid
{
display: Block; 
margin-top: 3px; 
}
.LoginCellLoggedInMessage
{
display: Block; 
margin-top: 3px; 
}
.LoginCellLinkLinkedInAccountButton
{
background-image: URL('../SocialMedia/ConnectWithLinkedin.png'); 
background-position: center; 
background-repeat: no-repeat; 
background-size: contain; 
display: block; 
height: 48px; 
margin-top: 5px; 
width: 100%; 
}
.LoginCellLinkedInLoginButton
{
background-image: URL('../SocialMedia/Sign-In-Small-Default.png'); 
background-repeat: no-repeat; 
background-size: contain; 
display: block; 
height: 48px; 
margin-top: 5px; 
width: 100%; 
}
.LoginCellItem
{
display: Block; 
margin-top: 3px; 
}
.LoginCellClosePanel
{
text-align: Right; 
}
.LoginCellCloseButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.LoginCellChangePasswordButton
{
box-sizing: border-box; 
display: block; 
margin-top: 5px; 
width: 100%; 
border: 1px solid #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
padding: 10px 15px; 
transition: 0.3s; 
}
.LoginCellChangePasswordButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.LoginCell
{
background-color: White; 
border: solid 2px #891c12; 
box-sizing: border-box; 
left: 50%; 
max-width: 100%; 
padding: 20px; 
position: fixed; 
top: -110%; 
transform: translate(-50%, -50%); 
transition: 0.5s; 
width: 350px; 
z-index: 2000; 
}
.LoginButton
{
height: 30px; 
text-align: left; 
width: 130px; 
display: inline-block; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
line-height: 30px; 
padding: 0px 5px; 
}
.JustTheLogoImagePanel
{
text-align: Center; 
}
.ITWInfoFooterLink
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: none; 
}
.InformationMessage
{
background-color: White; 
color: Red; 
font-size: small; 
}
.HiddenWebDisplayPage
{
display: none; 
}
.HiddenSubMenuItems
{
display: none; 
}
.HiddenSAGIPanel
{
display: none; 
}
.HiddenOtherTextBox
{
display: none; 
}
.HiddenNewInstPanel
{
display: none; 
}
.HiddenNewInstButtonPanel
{
display: none; 
}
.HiddenItem
{
display: none; 
}
.gallerylayer img
{
width: 100%; 
}
.FrontPageYouTube
{
padding-top: 56%; 
position: relative; 
}
.FrontPageUTFrame
{
bottom: 0; 
height: 100%; 
position: absolute; 
top: 0; 
width: 100%; 
}
.FrontPageSplit
{
display: flex; 
}
.FrontPageLogo
{
padding: 0px 60px; 
}
.FrontPageImages img
{
box-sizing: border-box; 
padding: 10px; 
width: 50%; 
}
.FrontPageImages
{
display: flex; 
margin: 30px 0px; 
}
.FooterYamahaFooterLinksMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.FooterYamaha
{
background-image: URL('.'); 
width: 270px; 
background-repeat: no-repeat; 
display: inline-block; 
height: 55px; 
margin: 0px 10px; 
}
.FooterWoodwardFooterLinksMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.FooterWoodward
{
background-image: URL('.'); 
width: 145px; 
background-repeat: no-repeat; 
display: inline-block; 
height: 55px; 
margin: 0px 10px; 
}
.FooterTwitterFooterSocialsMenuItemCell
{
background-image: URL('.'); 
background-repeat: no-repeat; 
display: inline-block; 
height: 40px; 
margin: 0px 15px; 
width: 40px; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.FooterTwitter
{
background-image: URL('.'); 
background-repeat: no-repeat; 
display: inline-block; 
height: 40px; 
opacity: 0; 
transition: 0.3s; 
width: 40px; 
}
.FooterTwitter:hover
{
opacity: 1; 
}
.FooterSOHFooterLinksMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.FooterSOH
{
background-image: URL('.'); 
width: 100px; 
background-repeat: no-repeat; 
display: inline-block; 
height: 55px; 
margin: 0px 10px; 
}
.FooterSocialsMenuItemCell
{
background-repeat: no-repeat; 
display: inline-block; 
height: 40px; 
margin: 0px 15px; 
width: 40px; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.FooterSocialsMenuItem
{
background-repeat: no-repeat; 
display: inline-block; 
height: 40px; 
opacity: 0; 
transition: 0.3s; 
width: 40px; 
}
.FooterSocialsMenuItem:hover
{
opacity: 1; 
}
.FooterParent
{
border-top: 7px solid #e3e3e3; 
padding: 55px; 
}
.FooterLogo
{
text-align: Center; 
}
.FooterLinksMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.FooterLinksMenuItem
{
background-repeat: no-repeat; 
display: inline-block; 
height: 55px; 
margin: 0px 10px; 
}
.FooterLinksCell
{
padding: 20px 0px; 
text-align: Center; 
}
.FooterLinkedInFooterSocialsMenuItemCell
{
background-image: URL('.'); 
background-repeat: no-repeat; 
display: inline-block; 
height: 40px; 
margin: 0px 15px; 
width: 40px; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.FooterLinkedIn
{
background-image: URL('.'); 
background-repeat: no-repeat; 
display: inline-block; 
height: 40px; 
opacity: 0; 
transition: 0.3s; 
width: 40px; 
}
.FooterLinkedIn:hover
{
opacity: 1; 
}
.FooterITWInfo
{
text-align: Center; 
}
.FooterISCFooterLinksMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.FooterISC
{
background-image: URL('.'); 
width: 160px; 
background-repeat: no-repeat; 
display: inline-block; 
height: 55px; 
margin: 0px 10px; 
}
.FooterIAPSFooterLinksMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.FooterIAPS
{
background-image: URL('.'); 
width: 115px; 
background-repeat: no-repeat; 
display: inline-block; 
height: 55px; 
margin: 0px 10px; 
}
.FooterHMCFooterLinksMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.FooterHMC
{
background-image: URL('.'); 
width: 105px; 
background-repeat: no-repeat; 
display: inline-block; 
height: 55px; 
margin: 0px 10px; 
}
.FooterFacebookFooterSocialsMenuItemCell
{
background-image: URL('.'); 
background-repeat: no-repeat; 
display: inline-block; 
height: 40px; 
margin: 0px 15px; 
width: 40px; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.FooterFacebook
{
background-image: URL('.'); 
background-repeat: no-repeat; 
display: inline-block; 
height: 40px; 
opacity: 0; 
transition: 0.3s; 
width: 40px; 
}
.FooterFacebook:hover
{
opacity: 1; 
}
.FooterContent
{
display: flex; 
justify-content: space-between; 
margin: auto; 
max-width: 1200px; 
padding: 30px 0px; 
}
.FooterContactLink
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: none; 
}
.FooterChoirFooterLinksMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.FooterChoir
{
background-image: URL('.'); 
width: 135px; 
background-repeat: no-repeat; 
display: inline-block; 
height: 55px; 
margin: 0px 10px; 
}
.FooterAddySepPanel
{
display: flex; 
justify-content: space-between; 
}
.FooterAddressTitle
{
font-family: Roboto, sans-serif; 
font-size: 15pt; 
color: #7A7A7A; 
text-decoration: none; 
}
.FooterAddress
{
width: 65%; 
}
.FontTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.FontPrimeTitle
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.FontPrimeLink
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: underline; 
}
.FontPageTitleWhite
{
font-family: Arapey, serif; 
font-size: 35pt; 
color: White; 
text-decoration: none; 
}
.FontPageTitle
{
font-family: Arapey, serif; 
font-size: 35pt; 
color: #be1622; 
text-decoration: none; 
}
.FontPageSubTitle
{
font-family: Roboto, sans-serif; 
font-size: 25pt; 
color: black; 
text-decoration: none; 
}
.FontMenuWhite
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: white; 
text-decoration: none; 
}
.FontMenuOver
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.FontMenuCurrent
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: black; 
text-decoration: none; 
}
.FontMenu
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.FontLarger
{
font-family: Roboto, sans-serif; 
font-size: 15pt; 
color: #7A7A7A; 
text-decoration: none; 
}
.FontLargeButtonWhite
{
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.FontLargeButtonRed
{
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
}
.FontLargeButton
{
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #7A7A7A; 
text-decoration: none; 
}
.FontHelpText
{
font-family: Roboto, sans-serif; 
font-size: 8pt; 
color: Blue; 
text-decoration: none; 
}
.FontButton
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.FontBaseWhite
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: White; 
text-decoration: none; 
}
.FontBaseRed
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.FontBaseGold
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #c78c00; 
text-decoration: none; 
}
.FontBaseBold
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
font-weight: bold; 
text-decoration: none; 
}
.FontBaseBlue
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #29235c; 
text-decoration: none; 
}
.FontBase
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: none; 
}
.FlexPanel
{
display: flex; 
justify-content: space-around; 
}
.FindFriendsSearchLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 180px; 
}
.FindFriendsSearchItemsPanel
{
margin: 5px 0px; 
}
.FindFriendsSearchFunctionPanel
{
margin: 5px 0px; 
}
.FindFriendsSearchButton
{
border: 1px solid #891c12; 
display: inline-block; 
padding: 10px 15px; 
transition: 0.3s; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
}
.FindFriendsSearchButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.FindFriendsPrimePanel
{
border-bottom: 1px solid #c78c00; 
display: flex; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.FindFriendsListYourStoryPanel
{
margin-top: 5px; 
}
.FindFriendsListWebDisplayNamePanel
{
margin-top: 5px; 
}
.FindFriendsListWebDisplayName
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: none; 
}
.FindFriendsListTwitterPanel
{
display: inline-block; 
margin-right: 10px; 
vertical-align: top; 
margin-top: 5px; 
}
.FindFriendsListSubAttrsPanel
{
flex-grow: 1; 
}
.FindFriendsListLinkedinPanel
{
display: inline-block; 
margin-right: 10px; 
vertical-align: top; 
margin-top: 5px; 
}
.FindFriendsListInstagramPanel
{
display: inline-block; 
margin-right: 10px; 
vertical-align: top; 
margin-top: 5px; 
}
.FindFriendsListFacebookPanel
{
display: inline-block; 
margin-right: 10px; 
vertical-align: top; 
margin-top: 5px; 
}
.FindFriendsListEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.FindFriendsListDisplayItemsPanel
{
margin-top: 5px; 
}
.FindFriendsLastnamePanel
{
margin: 5px 0px; 
}
.FindFriendsLastnameLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 180px; 
}
.FindFriendsFunctionsSendemail
{
background-repeat: no-repeat; 
background-size: contain; 
background-image: URL('../StaticImages/SendEmail20220720022055.png'); 
display: inline-block; 
height: 50px; 
width: 100px; 
}
.ExpandableMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.EventsPrimePanel
{
border-bottom: 1px solid #c78c00; 
display: flex; 
margin: 10px 0px; 
padding: 10px 0px; 
}
.EventListPhotoSubAttrsPanel
{
min-width: 420px; 
}
.EventListPhotoEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.EventListEventNamePanel
{
padding: 5px 0px; 
}
.EventListEventName
{
font-family: Arapey, serif; 
font-size: 25pt; 
color: #be1622; 
text-decoration: underline; 
}
.EventListEventDescriptionPanel
{
padding: 5px 0px; 
}
.EventListEventDatePanel
{
padding: 5px 0px; 
}
.EventListEventDateddddDdMmmmYyyyPanel
{
padding: 5px 0px; 
}
.EventListEditLabel
{
display: inline-block; 
line-height: 35px; 
min-width: 200px; 
padding-right: 15px; 
}
.EventListDisplayItemsPanel
{
padding: 5px 0px; 
}
.ErrorMessage
{
background-color: White; 
color: Red; 
font-size: small; 
}
.EmailAddressSubmitPanel
{
padding: 10px 0px; 
}
.EditSagiDeleteButtonPanel
{
float: right; 
}
.EditSagiDeleteButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.EditGroupAttrInstPanel
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.EditControlCHK
{
display: inline-block; 
margin-right: 20px; 
min-height: 25px; 
vertical-align: top; 
}
.EditButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.EditAttrInstPanelPhonenumber
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.EditAttrInstPanelEmailaddress
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.EditAttrInstPanelCareersEmploymentDetails
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.EditAttrInstPanelAddress
{
border: 1px solid #dddddd; 
margin: 5px; 
padding: 5px; 
}
.DeleteWebTextItemButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.DeleteWebTextFullContextButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.DeleteButton
{
height: 22px; 
width: 80px; 
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CurrentMobileMenuMenuItemCell
{
display: block; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.CurrentMobileMenuMenuItem
{
box-sizing: border-box; 
display: block; 
line-height: 35px; 
width: 100%; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.CurrentmnuDD_AlumnuiParent_PanelMenuMenuItemCell
{
display: block; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.CurrentmnuDD_AlumnuiParent_PanelMenuMenuItem
{
box-sizing: border-box; 
display: inline-block; 
transition: 0.2s; 
width: 100%; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.CurrentmnuDD_AlumnuiParent_PanelMenuMenuItem:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.CurrentmnuDD_Administration_PanelMenuMenuItemCell
{
display: block; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
line-height: 35px; 
vertical-align: top; 
}
.CurrentmnuDD_Administration_PanelMenuMenuItem
{
box-sizing: border-box; 
display: inline-block; 
transition: 0.2s; 
width: 100%; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.CurrentmnuDD_Administration_PanelMenuMenuItem:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.CurrentMenuCellMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.CurrentMenuCellMenuButton
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: black; 
text-decoration: none; 
line-height: 35px; 
padding: 0px 10px; 
position: relative; 
text-align: Left; 
transition: 0.2s; 
display: inline-block; 
}
.CurrentMenuCellMenuButton:hover
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #0e509a; 
text-decoration: none; 
}
.CSSCLassTitlePanel
{
display: inline-block; 
line-height: 25px; 
min-height: 25px; 
vertical-align: top; 
width: 44%; 
}
.CSSClassTitleLBL
{
display: inline-block; 
}
.CSSClassStylesPanel
{
padding: 5px 0px 0px 10px; 
}
.CSSClassStylesListsPanel
{
display: none; 
}
.CSSClassStyleNameLBL
{
display: inline-block; 
vertical-align: top; 
width: 150px; 
}
.CSSClassStyleNameLBL:focus
{
display: flex; 
justify-content: space-between; 
margin: auto; 
max-width: 1200px; 
padding: 20px 0px; 
}
.CSSClassStyleEditPanel
{
border-bottom: 1px solid #bbbbbb; 
padding: 5px 0px 5px 10px; 
}
.CSSClassStyleEditNamePanel
{
display: inline-block; 
vertical-align: top; 
width: 150px; 
}
.CSSClassStyleEditNameLBL
{
height: 20px; 
line-height: 20px; 
}
.CSSClassRefreshStylesButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassParentPanel
{
display: inline-block; 
line-height: 25px; 
min-height: 25px; 
vertical-align: top; 
width: 44%; 
}
.CSSClassNewStyleControlsPanel
{
padding: 5px 0px 5px 10px; 
}
.CSSClassExamplePanel span
{
position: relative !important; 
}
.CSSClassExamplePanel
{
display: inline-block; 
max-height: 30px; 
max-width: 10%; 
overflow: hidden; 
vertical-align: top; 
width: 10%; 
}
.CSSClassEditValueDDHidden
{
display: none; 
}
.CSSClassEditStylesButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassEditStyleHelp
{
display: none; 
text-align: Right; 
}
.CSSClassEditStyleActionPanel
{
text-align: Right; 
}
.CSSClassEditSaveButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassEditPasteButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassEditNamePanel
{
display: inline-block; 
height: 30px; 
line-height: 30px; 
vertical-align: top; 
width: 45%; 
}
.CSSClassEditExamplePanel
{
display: inline-block; 
max-height: 30px; 
max-width: 45%; 
overflow: hidden; 
vertical-align: top; 
width: 45%; 
}
.CSSClassEditControlsPanel
{
display: inline-block; 
vertical-align: top; 
}
.CSSClassEditCancelButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassDisplayPanel
{
border-bottom: 1px #bbbbbb solid; 
padding: 5px; 
}
.CSSClassCopyUpdatePanel
{
display: inline-block; 
vertical-align: top; 
}
.CSSClassCopyStylesButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassClearStylesButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassChangeParentButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassAddStylesButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassAddNewStyleButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassAddModifiedStylesButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CSSClassActionsPanel
{
text-align: Right; 
}
.CloseMobileMenuMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.CloseMobileMenuCloseMobileMenuMenuItemCell
{
display: inline-block; 
line-height: 35px; 
vertical-align: top; 
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif; 
font-size: 12pt; 
color: #be1622; 
text-decoration: none; 
}
.CloseMobileMenuCell
{
position: absolute; 
right: 25%; 
top: 15px; 
z-index: 200; 
}
.CloseMobileMenu
{
background-position: center; 
background-repeat: no-repeat; 
background-size: 60%; 
background-image: URL('../StaticImages/Cross20220720020241.png'); 
border: 1px solid black; 
border-radius: 50%; 
display: block; 
height: 40px; 
width: 40px; 
}
.CheckLarge
{
display: inline-block; 
height: 40px; 
line-height: 40px; 
width: auto; 
}
.CheckLarge input[type=checkbox]:checked + label::after
{
content: ''; 
}
.CheckLarge input[type=checkbox] + label::before
{
border: 3px solid #294F6D; 
border-radius: 3px; 
content: ''; 
display: inline-block; 
height: 28px; 
left: -31px; 
position: absolute; 
top: 1px; 
width: 28px; 
}
.CheckLarge input[type=checkbox] + label::after
{
border-bottom: 3px solid #294F6D; 
border-left: 3px solid #294F6D; 
display: inline-block; 
height: 9px; 
left: -26px; 
position: absolute; 
top: 8px; 
transform: rotate(-50deg); 
width: 23px; 
}
.CheckLarge input[type=checkbox] + label
{
display: inline-block; 
left: 15px; 
padding: 0px 10px; 
position: relative; 
}
.CheckLarge  input[type=checkbox]
{
opacity: 0; 
}
.Check4LBox input[type=checkbox]:checked + label::after
{
content: ''; 
}
.Check4LBox input[type=checkbox] + label::before
{
border: 1px solid; 
border-radius: 3px; 
content: ''; 
display: inline-block; 
height: 18px; 
left: -16px; 
position: absolute; 
top: 1px; 
width: 18px; 
}
.Check4LBox input[type=checkbox] + label::after
{
border-bottom: 2px solid; 
border-left: 2px solid; 
display: inline-block; 
height: 6px; 
left: -13px; 
position: absolute; 
top: 7px; 
transform: rotate(-50deg); 
width: 14px; 
}
.Check4LBox input[type=checkbox] + label
{
display: inline-block; 
padding: 0px 10px; 
position: relative; 
}
.Check4LBox input[type=checkbox]
{
opacity: 0; 
}
.CancelEmailButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.CancelButton
{
margin-left: 15px; 
border: 1px solid #891c12; 
display: inline-block; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
padding: 10px 15px; 
transition: 0.3s; 
}
.CancelButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}
.Button
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.BaseBold
{
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
font-weight: bold; 
text-decoration: none; 
}
.BannerParent
{
position: relative; 
}
.BannerOverlay
{
display: flex; 
justify-content: space-between; 
padding: 0px 5% 20% 5%;; 
}
.AttributeData
{
color: Black; 
display: inline-block; 
}
.AllTextSingleTextLbl
{
display: inline-block; 
padding-right: 10px; 
vertical-align: top; 
}
.AllTextItemPanel
{
border-bottom: 1px solid #333333; 
padding: 10px; 
}
.AllTextItemButton
{
height: auto; 
line-height: auto; 
display: inline-block; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
padding: 0px 5px; 
}
.AllTextEditButton
{
height: auto; 
line-height: auto; 
display: inline-block; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
padding: 0px 5px; 
}
.AllTextChgDisplayButton
{
display: inline-block; 
line-height: 30px; 
padding: 0px 5px; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
}
.AllTextAddButton
{
height: auto; 
line-height: auto; 
display: inline-block; 
font-family: Roboto, sans-serif; 
font-size: 12pt; 
color: #7A7A7A; 
text-decoration: underline; 
padding: 0px 5px; 
}
.ActionButton
{
border: 1px solid #891c12; 
display: inline-block; 
padding: 10px 15px; 
transition: 0.3s; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: #891c12; 
text-decoration: none; 
}
.ActionButton:hover
{
background-color: #891c12; 
font-family: Roboto, sans-serif; 
font-size: 14pt; 
color: white; 
text-decoration: none; 
}

@media screen and (max-width: 800px) {

.ShowMobileMenuParent
{
display: block; 
}
.MobileLogo
{
display: block; 
text-align: Center; 
}
.FooterYamahaFooterLinksMenuItemCell
{
display: block; 
margin: 10px 0px; 
}
.FooterYamaha
{
display: block; 
}
.FooterWoodwardFooterLinksMenuItemCell
{
display: block; 
margin: 10px 0px; 
}
.FooterWoodward
{
display: block; 
}
.FooterSOHFooterLinksMenuItemCell
{
display: block; 
margin: 10px 0px; 
}
.FooterSOH
{
display: block; 
}
.FooterParent
{
padding: 20px 5px; 
}
.FooterLogoImage img
{
width: 100%; 
}
.FooterLogoImage
{
width: 100%; 
}
.FooterLinksMenuItemCell
{
display: block; 
margin: 10px 0px; 
}
.FooterLinksMenuItem
{
display: block; 
}
.FooterISCFooterLinksMenuItemCell
{
display: block; 
margin: 10px 0px; 
}
.FooterISC
{
display: block; 
}
.FooterIAPSFooterLinksMenuItemCell
{
display: block; 
margin: 10px 0px; 
}
.FooterIAPS
{
display: block; 
}
.FooterHMCFooterLinksMenuItemCell
{
display: block; 
margin: 10px 0px; 
}
.FooterHMC
{
display: block; 
}
.FooterContent
{
display: block; 
margin: 15px 0px; 
}
.FooterChoirFooterLinksMenuItemCell
{
display: block; 
margin: 10px 0px; 
}
.FooterChoir
{
display: block; 
}
.FooterAddySepPanel
{
display: block; 
}
.FooterAddress
{
margin: 15px 0px; 
width: 100%; 
}
.EventsPrimePanel
{
display: block; 
}
.EventListPhotoSubAttrsPanel
{
min-width: 100%; 
}
.BannerOverlay
{
display: none; 
}

}


.webFontBase
{
font-family: Roboto, sans-serif;
font-size: 12pt;
color: #7A7A7A;
}


.webFontBaseBlue
{
font-family: Roboto, sans-serif;
font-size: 12pt;
color: #29235c;
}


.webFontBaseBold
{
font-family: Roboto, sans-serif;
font-size: 12pt;
color: #7A7A7A;
font-weight: bold;
}


.webFontBaseGold
{
font-family: Roboto, sans-serif;
font-size: 12pt;
color: #c78c00;
}


.webFontBaseRed
{
font-family: Roboto, sans-serif;
font-size: 12pt;
color: #be1622;
}


.webFontBaseWhite
{
font-family: Roboto, sans-serif;
font-size: 12pt;
color: White;
}


.webFontButton
{
font-family: Roboto, sans-serif;
font-size: 12pt;
color: #7A7A7A;
text-decoration: underline;
}


.webFontHelpText
{
font-family: Roboto, sans-serif;
font-size: 8pt;
color: Blue;
}


.webFontLargeButton
{
font-family: Roboto, sans-serif;
font-size: 14pt;
color: #7A7A7A;
}


.webFontLargeButtonRed
{
font-family: Roboto, sans-serif;
font-size: 14pt;
color: #891c12;
}


.webFontLargeButtonWhite
{
font-family: Roboto, sans-serif;
font-size: 14pt;
color: white;
}


.webFontLarger
{
font-family: Roboto, sans-serif;
font-size: 15pt;
color: #7A7A7A;
}


.webFontMenu
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif;
font-size: 12pt;
color: #be1622;
}


.webFontMenuCurrent
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif;
font-size: 12pt;
color: black;
}


.webFontMenuOver
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif;
font-size: 12pt;
color: #0e509a;
}


.webFontMenuWhite
{
font-family: Rubik,Segoe UI,Helvetica,Arial,sans-serif;
font-size: 12pt;
color: white;
}


.webFontPageSubTitle
{
font-family: Roboto, sans-serif;
font-size: 25pt;
color: black;
}


.webFontPageTitle
{
font-family: Arapey, serif;
font-size: 35pt;
color: #be1622;
}


.webFontPageTitleWhite
{
font-family: Arapey, serif;
font-size: 35pt;
color: White;
}


.webFontPrimeLink
{
font-family: Arapey, serif;
font-size: 25pt;
color: #be1622;
text-decoration: underline;
}


.webFontPrimeTitle
{
font-family: Arapey, serif;
font-size: 25pt;
color: #be1622;
}


.webFontTitle
{
font-family: Arapey, serif;
font-size: 25pt;
color: #be1622;
}