/* ========== opStyles.css ========== */

/* Mac IE 5 seems not to like single quotes in url() phrases, so use double quotes. */

/* Green was #99ff00 */

/* -----Elements----- */

/* -----General classes----- */

.opAlert {font-size:large; color:Red;}
.opBold {font-weight:bold;}
.opBlue {color:blue;}
.opBlueBold {color:blue; font-weight:bold;}
.opBlueBorder {border:1px solid #5377BB;}
.opCenter {margin-left:auto; margin-right:auto;}
.opCenterFixedWidth {width:75%; margin-left:auto; margin-right:auto;}
.opCenteredSlightlySmaller {width:98%; margin-left:1%; margin-right:1%;}
.opFooterBorder {border-top:1px solid #333333;}
.opFooterTable {margin-top:24px;}
.opGreen {color:#a0ff12;}
.opGreenBorder {border:3px solid #a0ff12;}
.opGreenBorderThin {border:2px solid #a0ff12;}
.opGreenRule {height:2px; background-color:#A0FF12;}

/* Used for member, group, and network images that are links */
.opHoverBorder img {border:2px solid #ccc;}
.opHoverBorder img:hover {border-color:#a0ff12;}

.opLarge {font-size:large;}
.opLarger {font-size:larger;}
.opOrange {color:#FF8C00;}
.opOrangeBorder {border-color:#FF8C00;}
.opOrangeBackground {background-color:#FF8C00;}
.opPadded {padding:3px;}
.opRed {color:red;}
.opSlightlyLarger {font-size:13px;}
.opSmall {font-size:small;}
.opSmaller {font-size:smaller;}
.opSmallest {font-size:xx-small;}
.opTextCenter {text-align:center;}
.opTextJustify {text-align:justify;}
.opTextLeft {text-align:left;}
.opTextRight {text-align:right;}
.opUnderline {text-decoration:underline;}

.opSubmit, a.opSubmit, a.opSubmit:link
{ 
	background: transparent; 
	vertical-align: middle; 
	border: 1px solid #999; 
	border-right: 2px solid #999; 
	border-bottom: 2px solid #999; 
	font-family: 'Lato', sans-serif; 
	font-size: 1em; 
	cursor: pointer; 
	color: #000; 
	font-weight: bold; 
	text-decoration: none; 
	padding: 3px 5px 3px 5px; 
	margin: 2px;
}


/* -----Element-specific classes----- */

a.opDark {color:#333333;}
a.opDark:link {color:#333333; text-decoration:none;}
a.opDark:visited {color:#333333; text-decoration:none;}
a.opDark:hover {color:#a0ff12; text-decoration:underline;}

hr.opOrange
{
	/* Apparently some browsers use one of color/background-color, and some use the other, for <hr> */
	border: 0;
	color: #FF8C00;
	background-color: #FF8C00;	
	height: 4px;
}

input[disabled] {background-color:#C0C0C0;}

table.opFormTable {border-spacing:9px;}

table.opBordered td {border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
table.opBordered td.opTop {border-top:1px solid #CCCCCC;}
table.opBordered td.opLeft {border-left:1px solid #CCCCCC;}

td.opFormLabel {
	padding:3px; 
	vertical-align:top; 
	background:#E6EFF8 none repeat scroll 0%;
	font-weight:bold;
	text-align:right;
}

td.opBox {border:1px solid Black; font-size:small; padding:3px;}
td.opGreenBox {border:1px solid #A0FF12; font-size:small; padding:3px;}
td.opOrangeBox {border:1px solid #FF8C00; font-size:small; padding:3px;}
td.opFormLabelCell {text-align:right; vertical-align:top;}
td.opFormSectionHeader {font-size:larger; font-weight:bolder;}

/* -----ID-specific components----- */

#imBanner {display:none;} /* Hide the banner, so that it'll stay there, invisibly, still checking IM status and such */

#imBannerRequest {z-index:1;
visibility:hidden;
position:absolute;
top:200px;
left:400px;
width:300px;
height:200px;
background-color:yellow;
border:outset #a0ff12 2px;
}

#opCommunityNewsTable {padding:5px; margin-top:2px;}
#opBecomeAMemberTable {border:1px solid #a0ff12; text-align:center; padding:9px;}

/* All TD elements in the name, email, password box get some padding on the bottom and left */
#opSignup_sectionOneTable td {padding-bottom:9px; padding-left:7px;}

/* On user home page */
#opConnectWithUserTable {border:1px solid #a0ff12; text-align:center; padding:9px;}
#leftNavNotes {padding:70px 5px 0px 15px; font-size:11px;}

/* On pages typically accessed on the footer */
/* External (not-logged-in) */
/* see esp. opExternalHeader.opHtml */
#externalHeaderContainer {height:35px; background-color:#333366;}
#externalHeader  {color:#FFFFFF; float:right; margin-right:50px; font-size:10pt;}
#externalHeader a {color:#FFFFFF;}
#externalHeader a:hover {color:#99ff00;}

#externalPage {margin: 0 auto; width: 900px;}
#externalPage #content {border-bottom:1px solid #a0ff12; border-right:1px solid #a0ff12; border-left:1px solid #a0ff12;}
#externalPage .greenRule {background: #a0ff12; color:white; height:3px;width:850px; margin:0px auto; margin-top:4px;}
#externalPage .blueRule {margin:0px auto; background: #333366; color:white; height:7px;width:850px; margin:0px auto; margin-top:5px;}
#externalPage #logo {padding-left:25px;}
#externalPage #contentContainer {padding-left:25px; padding-right:25px; padding-top:14px;}
#externalPage #title { font-size:20px; color:#333366; font-weight:bold; padding-bottom:6px;}

#faqs .tableBodyBG {background-color:#FFFFFF;}
#faqs .faqsQuestionContainer {padding-top:10px; padding-bottom:10px;}
#faqs .faqsRule {width:100%; background: #cccccc; color:white; height:1px; margin-top:2px; margin-bottom:2px;}
#faqs .faqsQuestion {color:#3399CC; font-weight:bold;}
#faqs .faqsAnswer ul {padding-top:8px; padding-bottom:0px; margin-top:8px; margin-bottom:0px;}
#faqs ul.faqsNav {list-style-type:none; margin:0px; padding-left:10px;}
#faqs li.faqsNav {background-image:url(/fimages/op/images/orangeArrow_2.jpg);background-position: 0px 50%; background-repeat: no-repeat;padding-left: 30px;line-height: 22px;border: 0px solid black;}
#faqs #faqsContentHeader { font-size:20px; color:#333366; font-weight:bold; padding-bottom:6px;}
#faqs .greenRule {background: #a0ff12; color:white; height:3px;width:850px; margin:0px auto; margin-top:4px;}
#faqs .blueRule {margin:0px auto; background: #333366; color:white; height:7px;width:850px; margin:0px auto; margin-top:5px;}
#faqs #faqsContentContainer {padding-left:25px; padding-right:25px; padding-top:14px;}
#faqs #faqsJoinLink { border: 1px solid #a0ff12; margin-right:45px; padding:10px;}
#faqs #faqsJoinLink span {color:#ff9900; font-weight:bold;font-size:18px;}
#faqs #faqsLogo {padding-left:25px;}
#faqs #copyRight {font-size:11px;  color:#666666; font-weight:bold; float:left;}
#faqs #faqsPageContent {border-bottom:1px solid #a0ff12; border-right:1px solid #a0ff12; border-left:1px solid #a0ff12;}
#faqs .faqsJoinLinkCopy {font-size:16px; font-weight:bold; color:#3399cc;}
#faqs a.faqsJoinLinkCopy  {color:#3399cc;}
#faqs a.faqsJoinLinkCopy:hover {color:#99ff00;}
#faqs #faqsJumpNavList {list-style:none; padding-left:0px; margin-left:0px; margin-top:5px; margin-bottom:5px; padding-bottom:0px; padding-top:0px;}
#faqs #faqsJumpNavList li a {color:#3399cc;}
#faqs #faqsJumpNavList li a:hover {color:#99ff00;}

#registration #registrationTable {margin:0px auto; width:850px;}
#registration #formFieldsTable {padding-right:15px;}
#registration #formFieldsTable td {padding:3px;}
#registration a {text-decoration:underline;}
#registration #welcomeHeader {font-size:30px; color:#5377BB;}
#registration #welcomeText {font-size:26px; color:#5377BB;}
#registration #signUpSubhead {border:2px solid #a0ff12; padding-top:10px; padding-bottom:10px; text-align:center; width:776px; font-size:14px;}
#registration #signUpSubhead #subheadBigText {font-size:26px; color:#5377bb;}
#registration #signUpSubhead #subheadSmallText {font-size:13px; color:#5377bb;}
#registration .footerBorder {border-top:1px solid #333333;}
#registration .footerTable {margin-top:24px;}
#registration input.small {width:75px;}
#registration input.regForm {width:200px;}
#registration #privacyBox {background:#e8e9ea; padding:10px; margin-top:75px; font-size:11px; margin-right:50px; margin-left:40px;}
#registration #privacyBox span { font-size:16px; color:#5377bb; font-weight:bold; }
#registration #whySignUpBox {border:2px solid #a0ff12; padding:10px;}
#registration #whySignUpBox .whySignUpBoxBoldBlue {font-size:22px; color:#5377BB;}
#registration .disclaimer {padding-top:8px; padding-bottom:12px; font-size:11px;}
/*#registration .formStart {padding-top:20px;}*/
#registration .formNote {color:#777777;}
#registration .reqFields {color:#5377bb;}
#registration .registrationRule {background:#cccccc; width:100%; height:1px; margin-top:10px; margin-bottom:10px;}
#registration .subText {font-size:8pt; font-weight:normal;}

/* ========== from pxStyles.css ============= */

.small {font-size:0.9em; font-weight:normal;}

.submit {
background:transparent none repeat scroll 0%;
border-color:#999999;
border-style:solid;
border-width:1px 2px 2px 1px;
color:#000000;
cursor:pointer;
font-family:'Lato',sans-serif;
font-size:1em;
font-weight:bold;
margin:0pt 2px 0pt 0pt;
padding:2px 4px;
text-decoration:none;
vertical-align:middle;
}

.btn-primary {
border-radius: 10px;padding: 0.25rem 0.5rem;color: #003366!important;
	width: fit-content;display: inline-block;
	    background: transparent none repeat scroll 0%;
	padding: 4px 8px;
    border-color: #999999;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
font-family: 'Lato',sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin: 0pt 2px 0pt 0pt;
    text-decoration: none;
}

.btn-primary:disabled {
  color: #9b9b9b !important;
  background: #e5e5e5;
  border-color: #d0d0d0;
}

div.spacer15 {height:15px;}

h1.pathTitle {
border-bottom:1px dotted #000000;
color:#003366;
font-family:'Lato';
font-size:1.5em;
font-weight:bold;
}

h1.webinars {
color:#003366;
font-family:'Lato';
font-size:1.5em;
font-weight:bold;
}

h2.webinars {
color:#003366;
font-family:'Lato';
font-size:1.0em;
font-weight:bold;
}

img.thumbImg {border:1px solid #ACB4B7; margin-left:3px; margin-right:3px;}

td.searchResultCellCenter {text-align:center;}

tr#communitySearchHeader {background:#F2F8F9 none repeat scroll 0%; font-weight:bold;}
tr#communitySearchHeader th {color:black; text-align:left;}

table#communitySearchResults {background:#F0EBE5 none repeat scroll 0%;}

/* ========== styles.css (Greg) ========== */

/*****************/
/* Layout Styles */
/*****************/
body { font-family:'Lato', Helvetica, sans-serif; font-size:10pt; color:#333; }
body#usersHomeSpace  { font-family:'Lato', Helvetica, sans-serif; font-size:11px; color:#333; }
#bodyContainer { width:870px; margin:auto;max-width: 870px !important; }

/*
	FIX
*/
#stream-activity table {
	table-layout: fixed;
    width: 100% !important;   
}
#stream-activity table tr td:first-child {
	width: 20%;
}
#stream-activity div {
	width: 100% !important;
}
#contentColumnLeft #stream-activity img {
    max-width: 389px;
    object-fit: cover;
}
/*
	END OF FIX
*/

#bannerUnder { background: #a0ff12; color:white; width: 870px; height:3px; margin-top:3px; margin-bottom:3px; }

/* Left CommunityPhoto & Vertical Nav Column */
#leftColumn { max-width:170px; vertical-align:top; padding:0px 15px 0px 0px; }
#leftColumn table {
	table-layout: unset!important;
}
#communityPhoto {text-align:center;}
#feedbackBox {padding-top:15px; text-align:center;}
/* Main Column that houses main content columns */
#contentColumn {width:100%; vertical-align:top; padding: 0px 0px 35px 0px;}

/* Main Content Columns */
#contentColumnLeft {vertical-align:top;}
#groupsIndex #contentColumnRight {width:275px; vertical-align:top; padding-left:15px;}
#postsPage #contentColumnRight {width: 0px; vertical-align:top; padding-left:15px;}
#usersHomeSpace #contentColumnRight {width:275px; vertical-align:top; padding-left:15px;}

/* Site Footer */
/*#footer { font-weight:bold; text-align:center; width:100%; padding-top:10px; border-top:1px solid #ccc; }*/
#footer {padding-top:6px; padding-left:12px; padding-right:12px;}
#footerCopyRight {font-size:11px;  color:#666666; float:left;}
#footerLinks {color:#666666; float:right; font-size:11px;}
#footerLinks a {text-decoration:none; color:#666666;}
#footerLinks a:hover {color:#99ff00; text-decoration:underline;}

div.spacer { height:15px; }
a:active
{ outline: none; text-decoration:none; }
a.none { background:transparent; } 
a:link { color: #6699cc; text-decoration:none; }
a:visited { color: #6699cc; text-decoration:none; }
a:hover {color:#a0ff12; text-decoration:underline;}

/* shadow styles */

div.img-ilus {
/* AJO 9/17/07 Per Mike, we can do without shadows for now.  background: url("/fimages/op/images/shadow.gif") no-repeat bottom right; */
margin: 10px 0px;
padding: 0;
position: relative;
}
  
div.img-ilus img {
background-color: #fff;

margin: 0px 5px 5px 0px;
padding: 0px;
position: relative;
vertical-align: bottom;
}

div.img-ilusProfile {
background: url("/fimages/op/images/shadow.gif") no-repeat bottom right;
margin: 10px 0px 0px;
padding: 0;
position: relative;
}
  
div.img-ilusProfile img {
background-color: #fff;

margin: 0px 5px 5px 0px;
padding: 0px;
position: relative;
vertical-align: bottom;
}

div.img-ilusMem {
/* AJO 9/17/07 Per Mike, we can do without shadows for now.  background: url("/fimages/op/images/shadow.gif") no-repeat bottom right; */
margin: 2px 0px 0px 0px;
padding: 0;
position: relative;

/*width:60px;*/
}
  
div.img-ilusMem img {
background-color: #fff;

margin: 0px;
padding: 0px;
position: relative;
vertical-align: bottom;
}

#searchBox input
{
color: #333366;
background: #fff;
border: 1px solid #333366;

width:75px;
font-size:12px;

}
#searchBox select { color: #333366;
background: #fff;
border: 1px solid #333366;

width:100px;
font-size:12px;
}

/*****************/
/* Button Styles */
/*****************/

/* Sexy Grey Buttons */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url("/fimages/op/images/buttons/bg_button_a.gif") no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
#joinGroup .button { width:225px; text-align:center; margin-left:8px; }

a.button span {
    background: transparent url("/fimages/op/images/buttons/bg_button_span.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	color:#444;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/************************/
/* Page Specific Styles */
/************************/

/* Group Page Styles */
.tableborder {border:1px solid #ccc;}
td.icon {padding: 8px;}
#groupActivities td {border-bottom:1px solid #999; padding:5px; font-size:10pt}
.alt {background:#F3F3F3}
#communityProfileHeader { margin:0px; padding: 6px 0px 1px; text-align:left; color: #333366; font-size:16pt; }
#adminToolBoxHeader { margin:0px; padding: 6px 0px 1px; text-align:left; color: #333366; font-size:12pt; }
.underlineHR { background: #a0ff12; color:white; height:2px; margin-top:1px; margin-bottom:1px; margin-left:0px; }
#adminHR { background:#a0ff12; color:white; height:2px; margin-top:1px; margin-bottom:1px; margin-left:0px; }


#communityProfileTable { padding: 5px; margin-top:2px; font-size: 14px;}
#opCommunityNewsTable { font-size: 14px; }
#showInfo {font-size:8pt;}

#groupMembers {font-size:11px;}
#groupActivitiesHeading, #groupMembersHeading, .newsHeader {margin:0px;padding: 6px 10px 6px;text-align:left;color: #333366; background: #e6eff8; font-size:11pt; font-weight:bold;}
#groupActivitiesTable, #groupAdminMembersTable, #newsTable {margin-top:2px;}
.groupMembersTable {border:1px solid #ccc; margin-top:2px; padding-bottom:3px;}
.groupMembersTable td, #groupAdminMembersTable, #newsTable td {padding-top:15px;}
.groupMembersTable td.userName {padding-top:0px; padding-bottom:2px}
.groupMembersTable img, #groupAdminMembersTable img {border:2px solid #ccc;}
.groupMembersTable img.hasLinkableImage:hover {border-color:#a0ff12;}
#joinGroup { text-align:center;}

#adminToolBoxTable { padding: 5px; margin-top:2px;}

a.activeTab  {color: #333366; text-decoration:underline; }
#administrators, #communities {display:none;}

.summaryBox {border:1px solid #CCCCCC; padding:5px 0px; margin-bottom:15px; background-color:#E6EFF8;}
.summaryHeader {font-size:12pt; font-weight:bold; padding:0px 4px 10px 4px;}

/* Post Page Styles */
.discussionsHeader { color: #333366; background: #e6eff8; font-size:11pt; font-weight:bold;}
#forumGuidelinesHeading  {margin:0px;padding:6px 8px 6px 8px; }
#forumGuidelinesHeading {padding:6px 10px 6px;}
#forumGuidelinesTable, #discussionsTable { /*border:1px solid #ccc; margin-top:2px; */}
#forumGuidelinesTable td { padding:5px; }
#forumGuidelinesButton { margin-left:20px; margin-top:15px;}
.discussionsSubHeading {font-weight:bold; padding:0px 0px 0px 0px;}
.offset {padding-left:15px;}
#forumGuidelinesExclamationPoint {float:left; padding:5px;}
#discussionsTable td {padding:8px; border-bottom: 1px solid #ccc;}
#discussionsTable .posts, .topics, .author {text-align:center;}
#postsPage #leftColumn {width:130px;}

/* User Home Space */
#userToolBox {padding-top:18px;}
#userToolBoxItems {display:block; padding-left:0px; margin-left:20px;}

#usersProfileHeader { margin:0px;padding: 6px 0px 1px;text-align:left;color: #333366; font-size:16pt; }


.latestActivityHeader, #photoAlbumsHeader, #newFriendsActitityHeader, #newGroupsActivityHeader  {margin:0px;padding: 6px 10px 6px;text-align:left;color: #fff; /*background: #e6eff8;*/ background:#333366; font-size:13px; font-weight:bold;}

.latestActivityTable, #photoAlbumsTable, #newFriendsActitityTable, #newGroupsActivityTable { border:1px solid #ccc; margin-top:2px; background-color:#e6eff8;}

.userImage {background:#fff}
.blogEntry, .discussionEntry {background:#fff; height:110px} /* AJO 10/5/07 Mike wants a fixed height for these */
.userImage {text-align:center;}
.userImage a.textLink:hover {text-decoration:underline; color:#a0ff12;}
.userImage img {border:2px solid #ccc;}
.userImage img:link {border:2px solid #ccc;}
.userImage img:visited {border:2px solid #ccc;}
.userImage img:hover {border-color:#a0ff12;}

.markRead {text-align:right; font-size:9px;}
.markRead a {text-decoration:underline;}
.markRead a:hover {text-decoration:underline; color:#a0ff12;}
.activitySubHead {font-size:12px;}

.activitySubHead a {text-decoration:underline;}
.activitySubHead a:hover {text-decoration:underline; color:#a0ff12;}
.blogEntryTitle, .discussionEntryTitle {font-size:12px;}
.blogEntryTitle a, .discussionEntryTitle a {text-decoration:underline; color:#6699CC;}
.blogEntryTitle a:hover, .discussionEntryTitle a:hover {text-decoration:underline; color:#a0ff12;}
.blogEntryBody {text-align:justify;} /* AJO 10/5/07 Mike wants the display to be justified */

.readMore {text-align:right;}
.activityHSpace {height:16px; padding-top:8px; padding-bottom:8px; min-height:16px;}




#usersProfileTable { border: 0; margin-top:2px; background-color:#fff;}
#userProfileTable td {padding:0px}
#userProfileTable { background:#e6eff8;  border-top-right-radius: 7px;}
.userProfileName { color:#333366; font-weight:bold; font-size:13px;}

#userProfileImage {padding:10px 20px;}


.userProfileInterests { padding:8px;}
.userProfileInterests span {font-weight:bold; color:#333366;}
.userProfileInterests div {padding:5px;}
.smallText {font-size:7pt;}
#userNotificationsBlock {
    color: #272727;
    border: 0.13rem solid #93ff11;
    font-weight: bold;
    padding: 4px;
    margin-bottom: 15px;
    border-radius: 10px;
}

.latestActivityTable td, #photoAlbumsTable td, #newFriendsActitityTable td, #newGroupsActivityTable td, #usersProfileTable td { padding:3px; }


#usersFriendsTable td, #usersGroupsTable td, #usersNetworksTable td { padding:6px;}
#usersFriendsTable img, #usersGroupsTable img, #usersNetworksTable img {border:1px solid #999}
#usersFriendsTable, #usersGroupsTable, #usersNetworksTable { border:1px solid #ccc; margin-top:2px; }
.userPhotoAlbum {text-align:center;}
.allAlbums {text-align:right; font-size:9pt;}
#latestBlogEntryTable .latestBlogContent {padding-top:18px;}
#colleagueButtons {text-align:center;}

/*#latestBlogEntryTable a:link, #photoAlbumsTable a:link, #newFriendsActitityTable a:link, #newGroupsActivityTable a:link { color:#13A41B;}
#latestBlogEntryTable a:visited, #photoAlbumsTable a:visited, #newFriendsActitityTable a:visited, #newGroupsActivityTable a:visited { color:#13A41B;}
#latestBlogEntryTable a:hover, #photoAlbumsTable a:hover, #newFriendsActitityTable a:hover, #newGroupsActivityTable a:hover { color:#000000;}*/
.photoAlbumBG {background-color:#FFFFFF;}
#usersProfileTable .profileHeading {font-weight:bold; padding-bottom:10px; padding-top:10px; text-decoration:underline }
#usersProfileTable .profileLabel {font-weight:bold;}

/* Post Thread Page */

#postThreadHeader {margin:0px;padding: 6px 0px 1px;text-align:left;color: #333366; font-size:16pt;}
#postThreadPage .postInfo {float:left; padding: 5px; padding-right:15px;}
#postThreadPage .postInfo img {border:1px solid #999}
#postThreadPage .postBody {padding-top:15px; padding-bottom:10px;}
.postItemTable td {padding:5px;}
#postThreadPage .postItemTable {border:1px solid #ccc;}
#postThreadPage .postItemHeading {background-color:#e6eff8;}

#postReplyHeader { margin:0px;padding: 6px 0px 1px;text-align:left;color: #333366; font-size:16pt; }
#attachmentsHeader {margin:0px;padding: 6px 10px 6px;text-align:left;color: #333366; background: #e6eff8; font-size:11pt; font-weight:bold;}
#postReplyTable, #attachmentsTable { border:1px solid #ccc; margin-top:2px; }
#postReplyTable {background:#F9F9F9}
#postReplyTable td, #attachmentsTable td {padding:8px;}
.attachmentBox { width:300px; }
#postReplyContainer textarea {width:100%; height:200px;}
.requiredItem {color:#FF0000;}

/* ========== tabs.css (Greg) ========== */

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc a {
    background: #6699cc url(/fimages/op/images/tab.png);
    color: #333366;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #000;
    text-decoration:underline;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(/fimages/op/images/tab.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

div.tabcontent {
    /*border: #ccc solid 2px;*/
    clear: left;
   /* padding: 1em;*/
}

/* ========== hNav.css (Greg) ========== */

/* Horizontal CSS Dropdown */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#hNavContainer {margin:0; position:relative; width:100%; height:25px; z-index:100; background:#333366; text-align:center; font-weight:normal; font-size:9pt; }
#hNavContainerUserHome {margin:0; position:relative; width:100%; height:25px; z-index:100; background:#f4871a; text-align:center; font-weight:normal; font-size:9pt; margin-bottom: .2rem; }

/* Get rid of the margin, padding and bullets in the unordered lists */
/* #hNav, #hNav ul {padding:0; margin:0; list-style-type: none; } */
/* #hNavUserHome, #hNavUserHome ul {padding:0; margin:0; list-style-type: none; } */
#hNavUserHome, #hNav {padding:0; margin:0; list-style-type: none; display: flex; justify-content: space-around; }
#hNavUserHome li, #hNav li {flex-grow: 1;}
#hNavUserHome a, #hNav a {width: auto !important;}

/* Set up the link size, color and borders */
#hNav a, #hNav a:visited, #hNav a:active {display:block; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:0px; border-top:1px solid #cdcdd9; border-bottom: 1px solid #cdcdd9;}
#hNav a.homeSpace, #hNav a.homeSpace:visited {width:125px;}
#hNav a.forums, #hNav a.forums:visited {width:70px;}
#hNav a.groups, #hNav a.groups:visited {width:105px;}
#hNav a.colleagues, #hNav a.colleagues:visited {width:125px;}
#hNav a.members, #hNav a.members:visited {width:110px;}
#hNav a.bookmarks, #hNav a.bookmarks:visited {width:100px;}
#hNav a.im, #hNav a.im:visited {width:75px;}
#hNav a.help, #hNav a.help:visited {width:80px;}
#hNav a.logout, #hNav a.logout:visited {width:80px;}

#hNavUserHome a, #hNav a:visited, #hNav a:active {
    display:block; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:0px;
    /* border-top:1px solid #cdcdd9; border-bottom: 1px solid #cdcdd9; */
}
#hNavUserHome a.homeSpace, #hNav a.homeSpace:visited {width:125px;}
#hNavUserHome a.forums, #hNav a.forums:visited {width:70px;}
#hNavUserHome a.groups, #hNav a.groups:visited {width:105px;}
#hNavUserHome a.colleagues, #hNav a.colleagues:visited {width:125px;}
#hNavUserHome a.members, #hNav a.members:visited {width:110px;}
#hNavUserHome a.bookmarks, #hNav a.bookmarks:visited {width:100px;}
#hNavUserHome a.im, #hNav a.im:visited {width:75px;}
#hNavUserHome a.help, #hNav a.help:visited {width:80px;}
#hNavUserHome a.logout, #hNav a.logout:visited {width:80px;}
#hNavUserHome a {
	color: #333366;
	font-weight:bold;
}


/* Set up the sub level borders */
#hNav li ul li a, #hNav li ul li a:visited {/*border-width:0 1px 1px 1px;*/}
#hNav li a.enclose, #hNav li a.enclose:visited {/*border-width:1px;*/}

#hNavUserHome li ul li a, #hNav li ul li a:visited {/*border-width:0 1px 1px 1px;*/}
#hNavUserHome li a.enclose, #hNav li a.enclose:visited {/*border-width:1px;*/}

/* Set up the list items */
#hNav li {float:left; background:#333366;}
#hNavUserHome li {float:left; background:#e6eff8;}

/* For Non-IE browsers and IE7 */
#hNav li:hover {position:relative;}
#hNavUserHome li:hover {position:relative;}
/* Make the hovered list color persist */
#hNav li:hover > a {background:#a0ff12; color:#fff;}
#hNavUserHome li:hover > a {background:#a0ff12; color:#fff;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#hNav li ul {display:none;}
#hNavUserHome li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#hNav li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; width:95px;}
#hNavUserHome li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; width:95px;}
/* Position the first sub level beneath the top level liinks */
#hNav > li:hover > ul {left:-30px; top:16px;}
#hNavUserHome > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#hNav table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
#hNavUserHome table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #hNav li a:hover {position:relative; background:#a0ff12; color:#fff;}
* html #hNavUserHome li a:hover {position:relative; background:#a0ff12; color:#fff;}

/* For accessibility of the top level menu when tabbing */
#hNav li a:active, #hNav li a:focus {background:#a0ff12; color:#fff;}
#hNavUserHome li a:active, #hNav li a:focus {background:#a0ff12; color:#fff;}

/* Set up the pointers for the sub level indication */
#hNav li.fly {background:#333366; }
#hNav li.drop {background:#333366; }
#hNavUserHome li.fly {background:#f4871a; }
#hNavUserHome li.drop {background:#f4871a; }


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #hNav li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px;}
* html #hNavUserHome li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px;}

/* keep the third level+ hidden when you hover on first level link */
#hNav li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#hNav li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#hNav li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#hNav li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#hNav li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#hNav li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#hNav li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#hNav li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#hNav li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

/* ========== vNav.css (Greg) ========== */

.vNavContainer {
width: 170px;
}
#postsPage #vNavContainer { width:130px;}

.vNavContainer ul {
margin: 0;
padding: 5px 0 5px 0;
list-style-type: none;
font-family: 'Lato', arial, sans-serif;
font-size: 11px;
text-align:left;
margin-top:2px;
border:1px solid #ccc;
/* float: left; */
}

.vNavContainer li {
    margin: 0px;
    /* float: left; */
}

.vNavContainer a {
display: block;
width:160px;
padding: 2px 2px 2px 6px;

/*border-bottom: 1px solid #FFE3C6;*/
background: #fff;
text-decoration: none; 
}

.vNavContainer a {
             font-size:10pt;
             color:#6699cc !important;
}

#postsPage #vNavContainer a { width:126px;}


#vNavContainer a:link, #vNavContainer a:active, #vNavContainer a:visited {
color: #6699cc;
}

#vNavContainer a:hover {

/*border-bottom: 1px solid #FFE3C6;*/
background: #a0ff12;
color: #ffffff;
}
#vNavContainer .top {/* border-top:1px solid #FFE3C6;*/}
.vNavHeading {color: #333366; background: #e6eff8; font-size:13px; font-weight:bold; text-align:center; padding:3px 1px 3px 1px;}

/* For user home page feed tabs (Doug) */
.tablist {
	list-style:none;
	height:2em;
	padding:0; 
    margin:0; 
    border: none;
}
.tablist li {
	float:left; 
    margin-right:0.13em; 
}
.tablist li a {
    display:block;
    padding:0 1em;
    text-decoration:none;
    border:0.06em solid #000;
    border-bottom:0;
    font:bold 0.88em/2em arial,geneva,helvetica,sans-serif;
    color:#333366;
    background-color:#e6eff8;

    /* CSS 3 elements */
    webkit-border-top-right-radius:0.50em;
    -webkit-border-top-left-radius:0.50em;
    -moz-border-radius-topright:0.50em;
    -moz-border-radius-topleft:0.50em;
    border-top-right-radius:0.50em;
    border-top-left-radius:0.50em;
}
.tablist li a:hover {
    background:#99ff00; 
    color:#fff;
    text-decoration:none;
}
.tablist li#current a {
    background-color: #333366;
    color: #ffffff;
}
.tablist li#current a:hover {
    background: #99ff00;
    color:#fff;
}


 
 .submitLink {
  background-color: transparent;
  text-decoration: underline;
  border: none;
  color: blue;
  cursor: pointer;
}

submitLink:focus {
  outline: none;
}

body {
font-family: 'Lato', sans-serif !important;
}

/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
    position: fixed !important;
    bottom: 0;
    left: 0;
	right: 0;
    width: 65%;
    margin: 0 auto !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    font-size: large;
    background-color: #F7971F;
    text-align: center;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
    padding: 15px;
}

.cookiealert a {
    text-decoration: underline;
    color: white;
}

.cookiealert > .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
    background-color: #333366;
    color: #ffffff !important;
}

#communityProfileTableContainer img {
	max-width: 100% !important;
	height: auto !important;  
}
.latestActivityTable img {
    max-width: 100% !important;
    height: auto !important;    
}

td.blogEntry {
max-width: 309px !important;
}

.blogEntryBody {
max-width: 300px;
}

.blogEntryBody p a {
  word-break: break-all;
}

.discussion-list-item div {
  word-break: break-word;
}

/* Styled Table CSS */
.styled-table {
    border: 2px solid #E4EBF0;
    border-collapse: collapse;
}


.styled-table tr:nth-child(odd) {
    background-color: #f1f7ff;
}
.styled-table tr:first-child {
    background-color: #e6eff8;
}
.styled-table th {
    padding: 0.5rem;
    word-break: break-word;
    text-align: left;
}

.styled-table td {
    padding: .75rem 0.5rem;
    word-break: break-word;
}

.styled-table .text {
    /* max-width: 200px; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.styled-table .text:hover {
    display: inline-block;
    max-width: 200px;
    white-space: wrap;
    overflow: visible;
    text-overflow: unset;
}

/* Archive Page */
.archive-page-header {
    background-color: #313167;
    padding: 1rem;
    padding-bottom:0;
    color: white;
    display: flex;
    gap: 2rem;
		justify-content: space-between;
}

.archive-page-header .header-info h1 {
    color: #93ff11;
    line-height: 1.5;
    font-size: 1.6rem;
    margin-top: 0;
}

.archive-page-header .header-info h2 {
    font-size: 1rem;
}

.archive-page-header img {
    max-width: 400px;
}

.archive-page-header .button-join-today {
    text-align: center;
    border: none;
    background: none;
    background-color: #93ff11;
    color: #313167;
    padding: .3rem 1rem;
    width: 121px;
    border-radius: 12px;
    font-size: 1rem;
    float: none;
    height: unset;
    font:unset;
}




.archive-page-header .block-member {
    display: block;
    margin-top: 0.7rem;
    font-size: 0.7rem;
}

.archive-page-header .block-member a{
    color: #93ff11;
}

.archive-page-content {
    margin-top: 2rem;
}

.archive-page-content .block-contact-us {
    margin-top: 2rem;
    text-align: center;
}


.archive-page-content h1 {
    text-align: center;
    font-size: 1.5rem;
    color: #303065;
}

.archive-page-showcase {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
    gap: 2rem;
		margin-top: 2rem;
}

.showcase-item img {
    max-height: 120px;
    margin: 0 auto;
    display: block;
}

.showcase-item h2 {
    text-align: center;
    color: #303065;
    font-size: 1rem;
}

.showcase-item p {
    text-align: center;
    color: #6d6d6d;
}

/* JOIN PAGE */

#registration {
    font-family: Lato, sans-serif;
}

#registration .headline {
    font-size: 1.2rem;
    color: #313167;
}

#registration p {
    color: #6d6d6d;
    margin-top: 0.3rem;
}

#registration .join-page-showcase {
    list-style: none;
    margin: 0;
    margin-top: 2rem;
    padding-left: 1.5rem;
    padding-right: 6rem;
}

#registration .join-page-showcase li{
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

#registration .join-page-showcase h2 {
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 0;
    color: #313167;

}

#registration .join-page-showcase img{
    max-width: 60px;
    height: auto;
    display: block;
    align-self: center;
}

#registration h3 {
    font-weight: 400;
    color: #313167;
    margin-top: 3rem;
}


#registration #joinEdwebImageButton {
    background-color: #f89a20;
    border: none;
    padding: 0.5rem 1rem;
    color: white;
    border-radius: 35px;
    font-size: 1rem;
}

#registration .table-form-button {
    padding: 0 15px;
}

#registration .join-section-right {
    border-left: 1px solid black;
    padding-left: 10px;
}

.section-user-toolbox {
	background-color: #f0f0ef;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
}

.section-user-toolbox  a {
	background:none!important;
}

.section-user-toolbox .user-image-container {
	padding-top: 1rem;
}

.section-user-toolbox .user-image-container img {
    --size: 100px;
    width: var(--size);
    height: var(--size);
    border-radius: var(--size);
    object-fit: cover;
}

.section-user-toolbox .user-settings a{
    padding: .3rem 1rem;
	width: unset;
}

.section-user-toolbox .user-name,
.section-user-toolbox .user-title,
.section-user-toolbox .user-location  {
	color: #414372;
}
/* .vNavContainer .personal-toolbox { */
/* 	margin-top: 0; */
/* 	border: none; */
/* 	background-color: #f0f0ef; */
/* 	padding-bottom: 1rem; */
/* } */

/* .vNavContainer .personal-toolbox li { */
/*     text-align: center; */
/*     margin: 0px; */
/*     float: unset; */
/* } */

/* .vNavContainer .personal-toolbox li a{ */
/* 	background: none; */
/*     padding: .3rem 1rem; */
/* 	width: unset; */
/* } */

/* .section-user-toolbox + .vNavHeading { */
/* 	display: none; */
/* } */

div.img-ilusMem img {
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    position: relative;
    vertical-align: bottom;
    --size: 50px;
    width: var(--size);
    height: var(--size);
    border-radius: calc(var(--size) / 4);
	border: none;
    object-fit: cover;
    border: 1px solid #ccc;
}

#colleagues div.img-ilusMem img,
#_members div.img-ilusMem img{
    border-radius: var(--size);
}

.tablist {
    display: flex;
    height: unset;
}

.tablist li {
    margin-right: 0;
    flex-grow: 1;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.tablist li:first-child a{
    margin-left: 0;
}

.tablist li a {
    padding: .7em 1em;
    border: none;
    border-bottom: none;
    font: unset;
    font-size: .8rem;
    margin-left: .1em;
}

#groups > table, #colleagues > table {
    margin-top: 0;
    border-top: none;
}

.groupMembers .tablist li#current a {
    background-color: white;
    border-bottom: none;
    color: #333366;
    height: 100%;
}

.groupMembers .tablist li a:hover {
    background-color: #99ff00;
    color: white;
}

.groupMembers .tablist li a {
    background-color: white;
    border: 1px solid #ccc;
    margin-left: 0;
}

#stream-activity .tablist li, #contentColumnLeft .tablist li {
    flex-grow:0;
}

#stream-activity img {
    max-width: 100%!important;
}


.stream-activity-body  {
    border: 1px solid #ccc;
    padding: .3rem;
    box-sizing: border-box;
    display: block;
    border-top-right-radius: 7px;
}

#communityGallery .thumbImg {
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    position: relative;
    vertical-align: bottom;
    --size: 90px;
    width: var(--size);
    height: var(--size);
    border-radius: calc(var(--size) / 4);
	border: none;
    object-fit: cover;
    border: 1px solid #ccc;
}

.login-form {
	border: 1px solid #c4c4c2;
	border-radius: 10px;
	width: min(450px, 95%);
	    margin: 1.5rem auto;
    padding: 2rem 1rem;
    box-sizing: border-box;
}

.login-form .header-image {
	margin-bottom: 2rem;
}

.login-form .header-image img {
    margin: 0 auto;
    display: block;
}

.login-form .form-group{
	display: flex;
    margin: .8rem auto;
    justify-content: center;
	align-items: center;
}

.login-form label {
    display: block;
    width: 100px;
    text-align: right;
    padding-right: 1rem;
}

.login-form input[type=text], .login-form input[type=password], .login-form input[type=email] {
    width: 200px;
    padding: .3rem;
    border: 1px solid #666;
	box-sizing: border-box;
}

.login-form .button-wrapper {
	width: 200px;
}

.login-container .footer-image {
	margin: 0;
}
.login-container .footer-image img {
	width: 100%;
}

.login-container .button-login{
	border-radius: 20px;
	background-color: #9cfa1d;
	color: #414373;
	border: none;
	padding: .4rem 2rem;
	margin-top: .5rem;
	margin-bottom: 1.5rem;
}

.login-form-info {
text-align: center;
    display: flex;
    flex-direction: column;
    font-weight: bold;
    gap: .4rem;
}
.login-error {
    color: red;
    text-align: center;
}

#communityGallery .memberCount{
	margin-top: .8rem;
}

#communityGallery .thumbnailCaptionGallery {
	padding-bottom: 1rem;
}

/* .button-return-container input[type=button] {
    background: #6699cc;
    color: white;
    border: none;
    padding: .5em 1em;
    border-radius: 15px;
    font-size: 1rem;
} */

.user-list-container {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem;
}


.user-list-container .user-container {
	width: 20%;
	margin-bottom: 2rem;
}

@media screen and (max-width: 500px) {
  .user-list-container .user-container {
    width: 33%;
  }
}

.user-list-container .user-container.with-tab {
	width: 25%;
}

.user-container .user-profile,
.user-container .user-friends-count {
	display: block;
	text-align: center;
	line-height: 1.5;
}

.user-container .user-friends-count {
    margin: .5rem 0;
    color: #6699cc;
    font-weight: bold;
}

.user-container .user-picture img {
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    position: relative;
    vertical-align: bottom;
    --size: 70px;
    width: var(--size);
    height: var(--size);
    border-radius: calc(var(--size));
    border: none;
    object-fit: cover;
    border: 1px solid #ccc;
}

.user-container .user-picture img {
	margin: auto;
    display: block;
}

.user-container .user-city-zip, .user-container .user-name {
	text-align: center;
	line-height: 1.5;
}

.user-container .user-name {
    margin-top: .8rem;
    font-weight: 700;
}

/* #find_btn {
	border-radius: 20px;
	background-color: #d1d1cf;
	color: #484a77;
	border: none;
	padding: .4rem 2rem;
	margin-left: .2rem;
	font-weight: normal;
} */
.search-input {
    border-radius: 0;
    border: 1px solid #666;
    height: 23px;
}

.friend-img {
    display: inline-block;
}

.friend-img img:nth-child(2), .friend-img img:nth-child(3) {
    margin-left: -9px;
}

.user-container .user-degree img {
	display: inline-block;
}

.user-container .user-edit {
	display: block;
	text-align: center;
}

.user-container .user-degree .friend-img {
    display: block;
    margin: 0 auto;
    width: fit-content;
}

.user-container .user-degree small {
	margin-top: .5rem;
	text-align: center;
	display: block;
}

.community-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.community-container {
    width: 20%;
    margin-bottom: 2rem;
}

.community-picture img {
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    position: relative;
    vertical-align: bottom;
    --size: 90px;
    width: var(--size);
    height: var(--size);
    border-radius: calc(var(--size) / 8);
    border: none;
    object-fit: cover;
    border: 1px solid #ccc;
}

.community-title {
    text-align: center;
    margin-top: .5rem;
}

.community-member-count {
    text-align: center;
    color: #6599cc;
    margin-top: .3rem;
}

.community-member-icon {
    margin-top: .3rem;
}

.community-member-icon img {
    margin: auto;
    width: auto;
    display: block;
}

.community-sponsor {
    margin-top: .5rem;
    text-align: center;
}

.community-administrator {
    margin: .5rem 0;
	color: #f79921;
    text-align: center;
}

.button-blue-container a {
    background-color: #6699cc;
    border: none;
    padding: 0.5rem 1rem;
    color: white;
    border-radius: 35px;
    font-size: 1rem;
    font-weight: bold;
}


.button-blue-container a:hover {
    text-decoration: none;
}

table#px_tabularFLT_T7 tr > th:first-child,
table#px_tabularFLT_T7 tr > td:first-child
{
    display: none;
}

table#px_tabularFLT_T7 .titleCell p > span {
    display: none;
}

td.friendMsgCell, td#txUtilitiesA_T64R2D4 {
    max-width: 300px;
}

.webinar-share-container {
    display: flex;
    margin-top: 10px;
		gap: .4rem;
    justify-content: flex-end;
    margin-right: 0.15rem;
}

.webinar-share-button {
	display: flex;
	gap: .25rem;
	align-items: center;
	padding: 0.15rem 0.15rem;
	background: none;
	border: none;
	position: relative;
	cursor: pointer;
	font-size: 12px;
}
.webinar-share-button span{
	font-size: 12px;
}


.webinar-share-button, .webinar-share-button:hover, .webinar-share-button:visited{
	color: #000!important;
	text-decoration: none!important;
}


.webinar-share-button:hover  .webinar-share-box{
	opacity: 1;
	transform: scale(1,1);
}

.webinar-share-box {
	display: flex;
	gap: 5px;
	opacity: 0;
	position: absolute;
	background: white;
	z-index: 100;
	padding: 0.5rem 1rem;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
	gap: 1rem;
	left: -25px;
	bottom: -40px;
	transition: transform 100ms ease-in-out, opacity 100ms ease-in-out;
	transform: scale(1,0);
	transform-origin: top;
}

.webinar-share-box::before {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 8px solid white;
	position: absolute;
	top: -5px;
	left: 50px;
}


#pageSpecificContent img {
	max-width: 100%;
}

.discussion-list-container {

}

.discussion-list-item {
	border-bottom: 1px dashed #d1d1d1;
	padding-top: 1rem;
}

.discussion-item-header, .blog-header {
    display: flex;
    gap: 0.5rem;
}


.discussion-item-header img, .blog-header .blog-author-img{
	--size: 50px;
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
	object-fit: cover;
	border: 1px solid #ccc;
}

.discussion-list-item h2 {
	margin: 0;
	font-size:15px;
	margin-top: .25rem;
	margin-bottom: .25rem;
}

.discussion-list-item .time-from-now, .blog-header .time-from-now{
	margin-left: auto;
	color: #003366;
	font-weight: bold;
	font-size: 14px;
}

.discussion-list-item h2 a {
	color: #6699cc;
	font-weight: 500;
}

.discussion-list-item h2 a:hover {
	color: #a0ff12;
}

.discussion-list-item p {
	word-break: break-all;
}

.blog-header .meta-info {
	color: #333;
 font-size: 10pt;
	font-weight: normal;
	margin-top: 5px;
}

.blog-header .meta-info a {
	font-size: 10pt;
	font-weight: normal;
}

.tox-button.tox-browse-url[title="Source"] {
	display: none;
}

img.premiumThumbImg {
	--size: 50px;
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
	object-fit: cover;
	border: 1px solid #ccc;
}

.discussion-comment-link {
    color: grey!important;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 1rem;
}


.discussion-see-more-link {
	font-size: 1.25em;
	color: blue;
}

.discussion-page-container {
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	align-items: flex-start;
}

.discussion-main-container {
	width: 384px;
}

.discussion-sidebar-head,
h3.sidebarHead {
	color: black;
	background: none;
	font-size: 14px;
	border-bottom: 1px solid #d6d3d0;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 14px;
}

.discussion-recent-container,
#recentBlogPosts,
#topCats,
.sidebarFeatures {
	width: 275px;
	border: 1px solid #d6d3d0;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.recent-discussion,
ul.sidebarContents
{
    font-size: 11px;
    padding-left: 1.5rem;
    padding-right: 0.5rem;
    padding-top: 0;
    margin-top: 0.5rem;
}
.recent-discussion li{
	padding-bottom: .25rem;
}

#topCats, .sidebarFeatures {
	margin-top: 1rem;
}

.discussion-pagination-links {
	list-style: none;
	margin: 0;
	margin-top: 2rem;
	padding:0;
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
}


.discussion-pagination-links li{
	font-weight: bold;
}

.discussion-pagination-links .current{
	color: red;
}

.banners-input-container {
	border: none;
	margin: 1.5rem 0;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

.banners-input-container thead tr {
	border-bottom: 1px solid black;
}

.banners-input-container th, .banners-input-container td {
	padding: .5rem 0;
}

.banners-input-container td {
	height: 66px;
}

.banners-input-container tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
}

.banners-input-container tbody tr:nth-child(even) {
	background-color: #ececec;
}

.banners-input-container h5{
	margin-bottom: .25rem;
}

#add-more-banners {
	margin: 1rem 0;
}

#groupMembersTableContainer {
	margin-top: -3px;
}


.discussion-thread .header{
	display: flex;
	gap: .5rem;
}

.discussion-thread .header h3 {
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
	color: #6699cc;
	font-weight: bold;
}


.discussion-thread .header .posted-by a{
	font-weight: bold;
}

.discussion-thread .header .time-from-now,
.discussion-reply .header .time-from-now {
	margin-left: auto;
	color: #003366;
	font-weight: bold;
}

.discussion-thread .buttons,
.discussion-reply .buttons {
	display: flex;
	gap: 1.25rem;
	font-size: 14px;
	margin-top: 1rem;
}


.discussion-thread .button-star-wrapper,
.discussion-reply .button-star-wrapper {
	display: flex;
	gap: .25rem;
	align-items: center;
}


.discussion-thread .buttons svg,
.discussion-reply .buttons svg {
	width: 16px;
	height: 16px;
	color: #606060;
}


.discussion-thread .buttons a,
.discussion-reply .buttons a {
	color: #606060;
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.discussion-reply .content {
	background-color: #f0f0f0;
	border-radius: 12px;
	padding: 1rem;
}


.discussion-reply .content .header{
	display: flex;
	justify-content:space-between;
}

.discussion-reply {
	display: flex;
	gap: 1rem;
	margin-bottom: 2rem;
}

.discussion-reply .container {
	width: 100%;
}

.discussion-replies {
	margin-bottom: 3rem;
}

[name="plpForm"] textarea {
	font-family: 'Lato', sans-serif;
}

.twitter-box-notification {
	border: 1px solid #ccc;
	border-radius: 6px;
	padding-bottom: 1.5rem;
}

.twitter-header {
	font-size: 20px;
	font-weight: bolder;
	padding: 1rem;
	border-bottom: 1px solid #ccc;
	margin:0;
}

.twitter-body {
	color: gray;
	padding: 2rem 2rem 3rem;
	font-size: 15px;
	line-height: 1.5;
}

.twitter-button {
	padding: 1rem;
	color: white!important;
	background: #1d9bf0;
	border-radius: 24px;
	display: block;
	text-align: center;
	margin: 0 2rem;
	width: 154px;
	font-size: 16px;
	font-weight: bolder;
}

.ratings-container {
	display: flex;
}

.rating {
	cursor: pointer;
}

.rating svg{
	width: 30px;
	fill: #d5d5d5;
}

.rating.selected svg,
.rating.hover svg
{
	fill: gold;
}
.bg-white {
  background: white !important;
}

.btn-text {
  border: none;
  outline: none;
  background: none;
  color: #6699cc;
  cursor: pointer;
}

.btn-text:hover {
  color: #a0ff12;
  text-decoration: underline;
}

.reveal-container {
  position: relative;
}

.reveal-container .btn-reveal {
  position: absolute;
  top: 0;
  right: 0;
  transition: transform 0.2s ease-in-out;
}

.reveal-container.open .btn-reveal {
  transform: rotate(180deg);
}

.reveal-content {
    height: 0;
    transform-origin: top center;
    transition: transform .2s ease-in-out, height .3s ease-in-out;
    transform: scaleY(0);
}

.reveal-content.open {
    transform: scaleY(1);
}

#community-admin-settings.open {
    height: 315px;
}

.btn-reveal {
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.webinars-config {
  margin-bottom: 1rem;
  padding: 1rem .5rem;
  border: 1px solid #F0EBE5;
}

.reveal-tab-header {
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
}

.tab-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}

.reveal-tab-content .tab-content {
    height: 0;
    transform-origin: top center;
    transition: transform .2s ease-in-out, height .3s ease-in-out;
    transform: scaleY(0);
}

.tab-header.open {
    color: #6699cc;
}

.tab-header.open .btn-reveal {
  transform: rotate(180deg);
}

.reveal-tab-content .tab-content.open {
    transform: scaleY(1);
}

#add-folder-content.open {
    padding-top: 1rem;
    height: 140px;
}

#add-file-content.open { 
    padding-top: 1rem;
    height: 175px;
}

#add-link-content.open {
    padding-top: 1rem;
    height: 150px;
}


.flex {
  display: flex;
}

.gap-1 { gap: .5rem;}
.gap-2 { gap: 1rem;}
.mt-1 { margin-top: .5rem;}
.mt-2 { margin-top: 1rem;}
.d-none {
  display: none!important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.space-between {
  justify-content: space-between;
}

.content-start {
  justify-content: flex-start;
}

.content-center {
  justify-content: center;
}

.form-group {
  margin-bottom: .5rem;
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}

.form-group label, .form-group div {
  min-width: 140px;
}

.mlAttachmentNames a {
  word-break: break-word;
}