www.scconline.org
Open in
urlscan Pro
131.226.206.168
Public Scan
Submitted URL: http://www.societyofcosmeticchemists.com/
Effective URL: https://www.scconline.org/
Submission: On June 13 via api from US — Scanned from DE
Effective URL: https://www.scconline.org/
Submission: On June 13 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
Name: Form — POST /
<form name="Form" method="post" action="/" id="Form" enctype="multipart/form-data">
<div>
<input type="hidden" name="RadStyleSheetManager_TSSM" id="RadStyleSheetManager_TSSM" value="">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="1txsqqY4wpeYa4nZrjBKD6ePH3kfrtDPQ8ljwv13NO86vc9Sby2p/lMAVTiSW2tLJnD3wi4HLZtM2yRDAZD5sPdcEMzmZxMBRP0uXNOVnrzjmrNEYCE1FEZ6/crxacrMb2YJQMi5/p4VgfkrrfrlOUQf2lAvpF6+lL7RLAE75N1MqpEAQwx2YRQxI9l76c+S56TpuNpeWNfLyYGknLF6ispqDEgg5uHFrYvmfQYpjiQIyL79kgJXlqSidVe09Veqz6k80Ykq3yB08JISj2gZdOEqOTHjpZy97qQ5DfTDS28e6kIo0pc3TomYMnJhubausUYDt+8bvo5inWJko1A8k5VrdZiKZ8FfQezfhhs3wrt+/lgZb2KRg0M9mYB2cBC09gW8jOOc9hed7pmeN/MTJ6X2CYZu8TTXr2vJdXEfAuo456QFbb+oPal5wJhYlECYdz7qgaY7b6jpgSx9ecfV5gPXeHSh6/N2FA5iwKtgbWX9bwSVPkc48YXN6iACFGmUhQ7uEEjGhhPacAPC95cEkRG3nqGB7t3D8zv36F7yNJX0a7JcFbfskoAzwqWu5TKDn+zl97HjpWCxzbYsDPZuZ/T1lZpIVlvxSI195TtWbOOvfhjroICVEi56rgCcwmwaX4/wvX8ATNfgiBSyPlTG51d2ExFEHFpSnFu4LzdWvpY3wyWKA2FAa86TAbsrC4zjLbX/NnDFYZdqcD2/XVTY7SErBqJvN9+v2NVr7lS8E8uPeNSNLWmDBGpFXyLGZPCyAPcFqjSgY7r2Y86Ji96SujqcofZmBcqCyo16eKJ4MZ1IWhPPhGmKmN/CyIWWqEls28INkdrSpShf5uBt21KYU48vYWsXDpeYIWqpI0Bpb2ZJIOTIgWQp57VodkL89Zwt9CSZRTqq57V9Hp9yTP6/dUrEhRTWTwcAAxvBlJS8wxXQ/Rfi5vm7YH78ynBHGedJRZ0E4U0gADVbmlGP4biL9YHoYWOtnXQXGZ6gHvWnsRtH0gGCVb8Cc0IVH7JYCKJyi93qD6P1jItaETkhd8Eswa9obulWvBKfNNB6TYqP+5S9roEcxHdx1QmjyejRpWIvt5+wk36NISxxH1zWBIMmG9qgabe7RofMX2/zgEwn0hSyx/y5MbuJA1fZSO+twyyacDA7tEY6UYDFXZMB0ZWObd00S3eYeaZ2RhXXqDSDaE+At8xZm+EFL92znudNZPU2ZyCI+pj7bNHWH5loPvx68n8SBGVKbMEZ3/qE7vxNV/Qfajtjm1xImAUqezYSJ3h6gnSto1lF/YmxIheB5u5CLOo/jl3VZ1FRXvXpMt9+iM5IQbXrPJxBGMKOgX26wyVX5VAdgKAGK+/z8V/Ih/mjdLMOt9NkbSl+w1FcODovHFyQa3oHFwk2xe/w3oRFn3q2MO0Gfuq/+QZeehZwWfk9mJfFL3a8j7QmJOmmYOOgZO3HZeloLrbTOiuKG6D6uY3CGhHBPcStGumlkZd4FPC/BlaCB7DJ0n370O6UISDosog/i5b5ImH8Qu5nWWutADtdeSy78sh211EITmVycL5N7HWjihwZ1dfEPrbQIlaalP4NQRpWjnxb4+/jkkxJ5L2WGzrrlXX+pPHopqSvV0PWA114b/yZdygd9QiZyfzj/q3sCF/LSa0bUdH4bDoX0UcKOhtyxOHTkYfJ2E6o3N2yxXbdfXyDJkCpWyJ28QcPh3/ZswrqoEHXPZNsdUcNEYP9mcOBleMDu8t/pTtWU+7PjW/ibCfv/c26LcT1okKuJnG1bvib0UoiGfXCSWULE+OdWjVc3JevyCO+0Gvk/xc+Brg8AscEmNue7QUOyOQTI2/bdI5O3cqm4zW/PA8dIU2RORamhcr+ih6MaM/c1waKtkExjB1DufEJU26TpLKJzwUPd/Acund2P90JcVZGQ/pvBproqDTl59hahtiqRAwILgfEpB0tNTt3p4IpHr8wsdCSeQLOXGPLzuDMbFtWm7v8ZMOAG44fHjT1mtjy8nXlY7OvpCgPG1RFvvkonXaO5HvTPJ0ObuHsVRLOZV5jaXbOTXydigyL//kBoEIDgQSPAa7YA6hq2eYeOfVGu5N+Jy+fKqk29PCbgMNSip3ciIPh3JHvyWUYOT+e1cXOKNhTlW/d1gsd5z2mn/pygu4Sy/awr6W3OYwfsP1RAUw+5a9XCW55jfQuQ2u4MuPaRD0tJsIC7OB22OEjt5V1rXf7OVYIOLAD8OjAdSvSDtAlRdRWRpbFkeNKGhpTGxrF/ltEvSRPF86fJ4C4Krm0HmyavpXItvEO3T7LT5W+MD6d9rFEtmAygeOASgXzK0ImzpkEoQDt5hzaaiC0uUoyKOCXy4FrCNtZPAlnToKUUbqIJONg3PSweOidCMT1mRaCU7qVC7aF7RzaOJbzaxZxAbdQg1L/qlbDxMC3DP9d83z+xtRlyNhdEi+oz1bvpmvVqePMmuko1VLcn2j/jcs1xrkVIswFHjzIFX9+NcBBoHseOIhEMj+09AlmrOxcoo6SiHNtwZmr0wGadsi9zjnko40FXDEYfOd0KW1Uk9ma9PbxKpt8WzMk9fhpgZAxw4UFiXgcNqzuEbDC1Vljww3R4HgJT2DJflWwNhyO8UHmmz01q90k+94UDrK/z7Gg5oogc3K2LEBbt6ZC9KoYLlEre7nASVKXJ9MCtFPMpx0HutTUFUKUPQh/azdx7l6aA9hfa6WjMLubIn8348FJhZ7Veo2OMG6Bk+IcfnCq/focpKaTUb/A6w+dfO6wfGoWaZsdGIPYeDqpObsXRBm9Q9GQHuwixXehrzKOsC2FiNCUV1E8IGRvXfuxtzSWLm+dTh1/WIUNuxG5iX6YBYP54zywbcXtCPAD+6dK/ETVgzoZmWPC+R2E5gfDilbGsWUT5d/uMQn1ZYyzsgfrxoSfERT1cudsXWliqt8bYeLuVi0oLQHKK0Cn0yk6dzDj8dSJzuoKt0odwoCOsv6hu0LoGW01ElE53pNYszcd2Acndbn9X/fwPfo28FTuM7luBHdKntA5etSL+ILKrtKfrSVNGjLqPeIQ2+rEw5YYfwj49PjD1/gEpIO5hklQ0YNCdd4usEhhiFZhAxMQlbg=">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['Form'];
if (!theForm) {
theForm = document.Form;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV3FHYAS80eIZ2pqHJcXnJb1oBUkHFCZYilMl0ju8rsizXf8Ovw1&t=638464914520000000" type="text/javascript"></script>
<script type="text/javascript">
if (!(window.jsMainNav)) document.write(unescape('%3Cscript src="/Portals/100/skins/scc/MenuNavigation/main-nav.js" type="text/javascript"%3E%3C/script%3E'));
</script>
<script src="/Portals/100/skins/scc/MenuNavigation/main-nav.js" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=NJmAwtEo3IrEYsfLcaDnXpNpMdNgRBM7SEwUbbjdhlo3aClyJoAcue7pnqNjCUIG44Ubq05MTtJbwEfXWaoYsZZig5gyjNnJswaz-hh-asfvbV-C21dlgqgmN49-sNANIJDG9A2&t=2e7d0aca" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=dwY9oWetJoJxii8ZyZkfIFioRsK3XPESYLLTQLqehvFfykkOWZMLdZw0mzOigYFiBfNbS7Azc-JxNJxF5bwVYvvac3tPFhy58wQSuq1C-fSi7aln3OOLn2YMNbMD6gCPbDAVK3XLKcMxs4Q80&t=2e7d0aca" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=TDVjdgRbdvMsiHWN-WrU3v-DQmp1YlXHTX1mRB1oZapH6uA7pWAq689XMlQBfhxNh4pW-f1f79QZhrYc6dUQ8vWfInZ5d05Wr-EzwQ2&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=sF8Y0c2qLAeYsrLFCZ15B6raDaHK7n50S9XdBxktTdwmaUjIS2UKNK4r9bLVdXWfoA3bWm3qd-Xc1yOplzGUdyuhEt_yiL3O156tJg2&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=A22-SyJgKhLLkCCHuj2TvCF-K4-Ee4HCkEAnG2tQZ1sEZIXeP1JYSHdOeImIbDren3u9IaNFmY2k8BD7Mc5rP8xXo7F1ef3jbAoWdDr8fIi5bUtLwjCUk2uy6zA1&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=mbGZm65DzNBRKvuiTplPYOQJrOG951AlY-Qkr8sDWqNifMPunyT_8N9reGzcchqMIaF0_ZfAYSWwVnmh7XgsjrO1gQrRbjQJTYQVXxPXAka-paZp0&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=cmIcXiVJ__eqMbvJPvQ9l2fK3j1s3Beq699hOJbw2Sz4b6paue6ihQQsrw22LTnIr3oNf-pdnzPzK07nuHsRU9A8SAdn9Gk0_gp-1IJNf8JQ27IO0&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=aoSSiMnLNTChM1QQF31yKjFLiMYCRbj8IyMHgWHIpMZEnqOzQJ4_77WvgA9U0guOwb0nUqKatEGfy6Puwl-PVbEhqxQDDNlERzjpKhZj328PxydE8gCn9oTbY7EwkY7_jKdjmkJmpeBIYH7g0&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=GUyLPMOEFhcioVQG1Ae1QZ8j9nwFaFiN-IaoVfBN8LJa4cTZ5ARCrVzxXruKBxM3gguzY0f1PeYY8UQw8zVy66H8D-pAbVZP1cG__GzLcQFDsY1GpRacn6jWa3tktN25KUU6yQ2&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=mxxObI9nroSyHXtHpCOSisfr5JyBsozYuK9zIFhx-xD1gT1xJii_kefSog5SJ1yakA1a5PwxZufZR7oNcthAZ1xTBOh-OfKClH7fgwlwa_y6Alw9TnEQ_44gU1uATKssy-rPwQ2&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=ei_BvuPu_kcsWXthc4XMI3TUy5q7nHd3f_O-rqnS826mtShWfiPSYwx_TUNDHUd7aZOojXR5ozsvnvQiCgak0gBtM-bgRSbH-kig-jCQcS_eTs6J4MVzYERJ1aY1&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=qsRpKh5Y3Y3-Gy5KF6tYIyvk3ReTafFouHr_kUc6OrZOojMQ-pF0C9nV88s_xG9w5MD6JMBO9lMe55KEGi6WzJzg50feUhWZtz9iL8nwWA80eu9_jt17x9ApILA1&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=LxjRs3XOu8DsHCM3hGEFSz8LUf3r8IyIfxPCuLezMptSfDIKjImpnLWBg81cgQQkAurBIUt4zIRGdcl3hNbQMLmB72ctrxKBsd4DJULtPcSrTLaLCwcW1q2K0aBioV2EuvAyAF7HNCmXgKGheldA0C87gvk1&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=86EhAqQjfuNOnBISqcQfC42yAFokFNUH2rwLxQu_bmV2cOx845MTri9KkmrhzNcQvojegUUDqRWbwzLnZmIwURYTycFdvoLibJPW6iY0bDxtWGJ62BCtgmFPkDQAq2qJ-qRoC2aNk1plwKYx0&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=utaAJrK4ErqjCLUWuYauGCk2PLfWE2g_tL994XEBXxWFtsdV9yoH7ZvkayHvKTNeTTvvVzxHzH7DfHg7oTYt-ayPYnwU4mK44rWP9SkdDJyHpAbtQSCl1KaJt3s1&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=wl5RKBCXTWDQAjXFthem1TKJpsbH_LsME4zTTLsZRN9ne5fgk5M6OS-LtSgZEZtncZ9pTHi6p_I9zDcA58I3f66ozigopL-HS32r2J57x9y8h_x4P4-Lh19oGZc1&t=fffffffff298d47a" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=OhiQVM8i2ffU6LxCOib6OVgAnmIwlxuNxubH1mT_ZVVU_mb42_1rDfiMlFSPySS6Nl1GhiwCC9wI28wlIlBc1mqRfalfDS0DtrEeelrd45to5TBSlMe1qdvwFMw1&t=fffffffff298d47a" type="text/javascript"></script>
<div>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
</div>
<script src="/Portals/100/skins/scc/../../../../NOAH/scripts/Includes/NOAH.Include.Config.js?cdv=2665" type="text/javascript"></script>
<script src="/Portals/100/skins/scc/../../../../NOAH/scripts/Includes/NOAH.Include.js?cdv=2665" type="text/javascript"></script>
<script src="/js/dnn.js?cdv=2665" type="text/javascript"></script>
<script src="/js/dnn.modalpopup.js?cdv=2665" type="text/javascript"></script>
<script src="/js/dnncore.js?cdv=2665" type="text/javascript"></script>
<script src="/js/dnn.servicesframework.js?cdv=2665" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', ['tdnn$ShoppingCart$upnlShoppingCart', 'dnn_ShoppingCart_upnlShoppingCart', 'tdnn$ShoppingCart1$upnlShoppingCart', 'dnn_ShoppingCart1_upnlShoppingCart', 'tRadAjaxManagerSU',
'RadAjaxManagerSU'
], [], [], 600, '');
//]]>
</script>
<div class="hidden">
<!--CDF(Javascript|/Portals/100/skins/scc/../../../../NOAH/scripts/Includes/NOAH.Include.Config.js?cdv=2665|DnnBodyProvider|1)-->
<script>
try {
versioning.reportVersion({
major: 1,
minor: 0,
revision: 5,
system: 13,
iteration: 1,
year: 2024,
name: 'Default.ascx',
requires: ['NOAH.Include.Config.js', 'NOAH.Include.js', 'custom.js'],
comments: ['This is the main site skin - all other skins are for chapters.']
});
} catch (ex) {
console.log(ex.message);
}
try {
performIncludeFiles = false;
} catch (ex) {
console.log(ex.message);
}
</script>
<!--CDF(Javascript|/Portals/100/skins/scc/../../../../NOAH/scripts/Includes/NOAH.Include.js?cdv=2665|DnnBodyProvider|2)-->
<script>
try {
standardFontCSSFiles = false;
var standardBootstrapCSSFiles = ['../../../../NOAH/scripts/Includes/Bootstrap/bootstrap-3.3.7/dist/css/bootstrap.css'];
var standardBootstrapFiles = ['../../../../NOAH/scripts/Includes/Bootstrap/bootstrap-3.3.7/dist/js/bootstrap.js'];
var standardFontCSSFiles = ['/Portals/100/skins/scc/_Default-Skin/css/fontawesome.min.css', '/Portals/100/skins/scc/_Default-Skin/css/all.min.css', '/Portals/100/skins/scc/_Default-Skin/css/v4-shims.min.css',
'/Portals/100/skins/scc/_Default-Skin/css/brands.min.css', '/Portals/100/skins/scc/_Default-Skin/css/duotone.min.css', '/Portals/100/skins/scc/_Default-Skin/css/fontawesome.min.css',
'/Portals/100/skins/scc/_Default-Skin/css/light.min.css', '/Portals/100/skins/scc/_Default-Skin/css/regular.min.css', '/Portals/100/skins/scc/_Default-Skin/css/solid.min.css', '/Portals/100/skins/scc/_Default-Skin/css/v4-shims.min.css',
'/Portals/100/skins/scc/_Default-Skin/css/solid.min.css'
];
performIncludeFiles = true;
loadFiles();
} catch (ex) {
console.log(ex.message);
}
</script>
<script>
function replaceUserImage() {
try {
$("div#SignInUserPhoto").replaceWith("<i class='fas fa-user userIconReplace'></i>");
} catch (ex) {
console.log(ex.message);
}
}
function clientSetupUIElements_onAfter() {
try {
console.log(' SKIN - clientSetupUIElements_onAfter ()');
replaceUserImage();
} catch (ex) {
console.log(ex.message);
}
}
</script>
<!-- Basic Menu Navigation -->
<!--CDF(Css|/Portals/100/skins/scc/MenuNavigation/main-nav.css?cdv=2665|DnnPageHeaderProvider|14)-->
<div id="dnn_pbArtificalContainer" class="hidden">
<input name="dnn$pbArtificalData" type="hidden" id="dnn_pbArtificalData">
<input name="dnn$btnArtificialPostback" type="button" id="dnn_btnArtificialPostback">
</div>
<input name="dnn$hfSessionData" type="hidden" id="dnn_hfSessionData" value="">
<script>
function showHiddenData() {
try {
$('[id*=divGenericDataWrapper]').removeClass('hidden').css('display', '').show()
$('[id*=divGenericDataWrapper] input').attr('type', 'text')
} catch (ex) {
console.log(ex.message);
}
}
// SHOW ALL HIDDEN AREAS $('[id*=divGenericDataWrapper]').removeClass('hidden').css('display', '').show()
function getHiddenData(id, searchid) {
var result = '';
try {
var control = $('[id*=divGenericDataWrapper]').find('[id*=' + id + '][searchid=' + searchid + ']');
if (control) {
result = control.val();
}
} catch (ex) {
console.log("getHiddenData() " + ex.message);
}
return result;
}
function setHiddenData(id, searchid, value) {
try {
var control = $('[id*=divGenericDataWrapper]').find('[id*=' + id + '][searchid=' + searchid + ']');
if (control) {
control.val(value);
}
} catch (ex) {
console.log("setHiddenData() " + ex.message);
}
}
</script>
<div id="dnn_GenericData_divGenericDataWrapper" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 hidden">
<div class="Hidden-Field-Row col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="FormLabelCol col-lg-4 col-md-4 col-sm-12 col-xs-12"><label for="CurrentContactID" class="FormLabel col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN">Current Contact ID</label></div>
<div class="FormControlCol col-lg-8 col-md-8 col-sm-12 col-xs-12"><input name="dnn$GenericData$CurrentContactID" type="hidden" id="dnn_GenericData_CurrentContactID" value="-1"
class="FormControl col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN" searchid="Standard"></div>
</div>
<div class="Hidden-Field-Row col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="FormLabelCol col-lg-4 col-md-4 col-sm-12 col-xs-12"><label for="LoginContactID" class="FormLabel col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN">Login Contact ID</label></div>
<div class="FormControlCol col-lg-8 col-md-8 col-sm-12 col-xs-12"><input name="dnn$GenericData$LoginContactID" type="hidden" id="dnn_GenericData_LoginContactID" value="-1"
class="FormControl col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN" searchid="Standard"></div>
</div>
<div class="Hidden-Field-Row col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="FormLabelCol col-lg-4 col-md-4 col-sm-12 col-xs-12"><label for="DNNID" class="FormLabel col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN">DNN Id</label></div>
<div class="FormControlCol col-lg-8 col-md-8 col-sm-12 col-xs-12"><input name="dnn$GenericData$DNNID" type="hidden" id="dnn_GenericData_DNNID" value="-1" class="FormControl col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN"
searchid="Standard"></div>
</div>
<div class="Hidden-Field-Row col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="FormLabelCol col-lg-4 col-md-4 col-sm-12 col-xs-12"><label for="Database" class="FormLabel col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN">Database</label></div>
<div class="FormControlCol col-lg-8 col-md-8 col-sm-12 col-xs-12"><input name="dnn$GenericData$Database" type="hidden" id="dnn_GenericData_Database" value="SCC" class="FormControl col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN"
searchid="Standard"></div>
</div>
</div>
<div id="ajaxWrapper" class="ajax-form-wrapper">
<script>
// DEVELOPERS: PLEASE REMEMBER TO CHANGE THE VERSIONING PRIOR TO PUBLISH! IT IS VERY IMPORTANT WE KNOW THE VERSIONS OF JAVASCRIPT FILES ON LIVE!
//Version nomenclature
// Major (If a major revision is made that changes the functionality)
// Minor (If a minor revision is made that requires backwards compatability)
// Revision (Month of the year of the change)
// System (Day of the Month of the change)
// Iteration (Number of iterations in the same day of changes)
// Year (Year of the change)
//
// Name is the name of the file
// Requires is an array of names that represent files the current file needs, right now only used for JavaScripts.
try {
versioning.reportVersion({
major: 1,
minor: 0,
revision: 2,
system: 14,
iteration: 1,
year: 2019,
name: 'Ajaxify.ascx',
requires: []
});
} catch (ex) {
console.log(ex.message);
}
try {
// REQUIRED FOR AJAX CALLS
var myAjaxDomain = '/'; // CURRENT DOMAIN
var myAjaxDomainWithRequest = '/DesktopModules/NOAH_Common/WebServices/GenericAJAX/CallFunctionRequestData'; // CURRENT DOMAIN
var myAjaxFunctionToCall = 'CallFunction';
var myAjaxDBName = 'SCC'; // CURRENT DATABASE TO USE (USUALLY ACCOUNT COMPANY)
var myContactID = -2147483648; // CURRENT CONTACT TO USE OR RUN AGAINST
var myAjaxSecurityKeys = ''; // SECURITY KEYS FOR THIS SESSION
var myAjaxServiceURL = '//www.scconline.org/DesktopModules/NOAH_Common/WebServices/GenericAjax.asmx'; // THE URL OF THE WEBSERVICE
var myLogUser = 'Not Set1';
var myLogURL = '';
} catch (ex) {
console.log("Ajaxify() " + ex.message);
}
function getQueryStringData() {
var result = {};
try {
var pairs = location.search.slice(1).split('&');
var result = {};
pairs.forEach(function(pair) {
pair = pair.split('=');
result[pair[0]] = decodeURIComponent(pair[1] || '');
});
result = JSON.parse(JSON.stringify(result));
} catch (ex) {
console.log(ex.message);
result = '';
}
return result;
}
function getDataType(overrideDataType) {
var result = 'xml';
try {
var stringConstructor = "test".constructor;
var arrayConstructor = [].constructor;
var objectConstructor = {}.constructor;
if (getQueryStringData().constructor == objectConstructor) // IS JSON
{
result = 'json';
}
if (overrideDataType != null && overrideDataType != undefined && overrideDataType.trim() != '') {
result = overrideDataType;
}
} catch (ex) {
console.log(ex.message);
}
return result;
}
//*****************************************************************************************************
// AJAX SUPPORT
//*****************************************************************************************************
function soapMessageHandler(valuesToUse, objectToWorkOn) {
var result = '';
try {
//debugger;
// MAKE SURE WE CALL THE RIGHT FUNCTION (MUST BE CORRECT SERVICE, FUNCTION AND THE FUNCTION MUST ONLY HAVE A SINGLE STRING PARAMETER THAT IS JSON.STRINGIFIED
objectToWorkOn.soapMessage = objectToWorkOn.soapMessage.replace(/\{ajaxDomainWithRequest}/g, valuesToUse.ajaxDomainServiceWithRequest);
objectToWorkOn.soapMessage = objectToWorkOn.soapMessage.replace(/\{ajaxFunctionToCall}/g, valuesToUse.ajaxFunctionToCall);
objectToWorkOn.soapMessage = objectToWorkOn.soapMessage.replace(/\{ajaxFunctionParameterName}/g, valuesToUse.ajaxFunctionToCallJSONParameterName);
objectToWorkOn.soapMessage = objectToWorkOn.soapMessage.replace(/\{ajaxFunctionParameters}/g, valuesToUse.ajaxFunctionParameters);
// console.log(objectToWorkOn.soapMessage);
result = objectToWorkOn.soapMessage;
} catch (ex) {
console.log("soapMessageHandler() " + ex.message);
}
return result;
} // DEFAULTS OVERRIDE THROUGH THE $.extend METHOD OF OPTIONS BEING PASSED IN
function createGenericAjaxObject(options) {
var result = null;
try {
var _default = {
doAjaxCall: true,
ajaxDomainService: myAjaxDomain,
ajaxDomainServiceWithRequest: myAjaxDomainWithRequest,
ajaxFunctionToCall: myAjaxFunctionToCall,
ajaxFunctionToCallJSONParameterName: '<optionsAsJSON>{ajaxFunctionParameters}</optionsAsJSON>',
ajaxFunctionParameters: '',
ajaxSettings: {
type: 'POST', // DEFAULTS OVERRIDE THROUGH THE $.extend METHOD OF OPTIONS BEING PASSED IN
url: myAjaxServiceURL, // DEFAULTS OVERRIDE THROUGH THE $.extend METHOD OF OPTIONS BEING PASSED IN
dataType: 'xml', // DEFAULTS OVERRIDE THROUGH THE $.extend METHOD OF OPTIONS BEING PASSED IN
data: null, // DEFAULTS OVERRIDE THROUGH THE $.extend METHOD OF OPTIONS BEING PASSED IN
contentType: 'text/xml; charset=utf-8', // DEFAULTS OVERRIDE THROUGH THE $.extend METHOD OF OPTIONS BEING PASSED IN
soapMessage: '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" \
xmlns:xsd="http://www.w3.org/2001/XMLSchema" \
xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> \
<soap:Body> \
<{ajaxFunctionToCall} xmlns="{ajaxDomainWithRequest}"> \
{ajaxFunctionParameterName} \
</{ajaxFunctionToCall} > \
</soap:Body> \
</soap:Envelope>', // DEFAULTS OVERRIDE THROUGH THE $.extend METHOD OF OPTIONS BEING PASSED IN
init: function(options) {
try {
// PLACE HOLDER
this.data = soapMessageHandler(_default, _default.ajaxSettings);
console.log('Generic initialized data object.');
} catch (ex) {
console.log(ex.message);
}
},
onSuccess: function(result) {
try {
// PLACE HOLDER
// console.log("Success Results --> " + JSON.stringify(result));
} catch (ex) {
console.log(ex.message);
}
}, // DEFAULTS OVERRIDE THROUGH THE $.extend METHOD OF OPTIONS BEING PASSED IN
onError: function(result) {
try {
// PLACE HOLDER
// console.log("Error Results --> " + JSON.stringify(result));
} catch (ex) {
console.log(ex.message);
}
}, // DEFAULTS OVERRIDE THROUGH THE $.extend METHOD OF OPTIONS BEING PASSED IN
isValidAjaxObject: function() {
var result = false;
try {
var currentResult = false;
if (this.type.trim() != '') {
currentResult = true;
} else {
currentResult = false;
}
if (currentResult) {
if (this.url.trim() != '') {
currentResult = true;
} else {
currentResult = false;
}
}
if (currentResult) {
if (this.contentType.trim() != '') {
currentResult = true;
} else {
currentResult = false;
}
}
if (currentResult) {
if (this.dataType.trim() != '') {
currentResult = true;
} else {
currentResult = false;
}
}
result = currentResult;
} catch (ex) {
console.log(ex.message);
}
return result
} // DEFAULTS OVERRIDE THROUGH THE $.extend METHOD OF OPTIONS BEING PASSED IN
}
};
if (options == null || options == undefined || options == 'undefined') {
options = {};
}
try {
options.data = JSON.stringify(getQueryStringData());
} catch (ex) {}
options.dataType = getDataType();
if (options.dataType.toString().trim().toLowerCase() == 'json') {
options.contentType = "application/json";
}
var result = $.extend(true, _default, options); // EXTEND THE _DEFAULTS TO USE THE OPTIONS I SENT
// console.log('createCallAjaxOptions() ---------------> ' + JSON.stringify(result));
} catch (ex) {
console.log("createCallAjaxOptions() " + ex.message);
}
return result;
}
function createCallFunctionParameters() {
var result = {
options: {
ForContactId: -2147483648,
DBName: 'SCC',
Key: ''
},
ObjectToUse: '',
FunctionToUse: '',
FunctionParametersToUse: '',
stringify: function(options) {
var result = '';
try {
var _default = this;
var settings = $.extend(true, _default, options);
settings.options = JSON.stringify(settings.options);
result = JSON.stringify(settings);
} catch (ex) {
console.log("createJSON() " + ex.message);
}
return result;
}
};
try {
// DO OTHER STUFF HERE
} catch (ex) {
console.log("createJSON() " + ex.message);
}
return result;
}
$(document).ajaxStart(function() {
try {
window.setTimeout(function() {
$('[id*=rootVariables]').html('<style>:root{ --Border-Color: red; }</style>');
$($('input')[0]).ajaxActionCall({
action: ajaxActions.request
});
}, 250);
} catch (ex) {
console.log(ex.message);
}
});
$(document).ajaxSend(function() {
try {
window.setTimeout(function() {
$('[id*=rootVariables]').html('<style>:root{ --Border-Color: yellow; }</style>');
$($('input')[0]).ajaxActionCall({
action: ajaxActions.waiting
});
}, 500);
} catch (ex) {
console.log(ex.message);
}
});
$(document).ajaxStop(function() {
try {
window.setTimeout(function() {
$('[id*=rootVariables]').html('<style>:root{ --Border-Color: #000; }</style>');
$($('input')[0]).ajaxActionCall({
action: ajaxActions.response
});
}, 500);
} catch (ex) {
console.log(ex.message);
}
});
$(document).ajaxComplete(function() {
try {
window.setTimeout(function() {
$('[id*=rootVariables]').html('<style>:root{ --Border-Color: green; }</style>');
$($('input')[0]).ajaxActionCall({
action: ajaxActions.processing
});
}, 500);
window.setTimeout(function() {
$('.ajax-area').hide();
$('.ajax-top-scroll').removeClass('ajax-Border-Request');
$('.ajax-right-scroll').removeClass('ajax-Border-Waiting');
$('.ajax-bottom-scroll').removeClass('ajax-Border-Response');
$('.ajax-left-scroll').removeClass('ajax-Border-Processing');
$('.ajax-area').removeClass('ajax-area-side');
}, 1500);
} catch (ex) {
console.log(ex.message);
}
});
$.fn.callAjax = function(options) {
try {
//debugger;
var _default = createGenericAjaxObject();
_default.ajaxSettings.success = function(data, status, jqXHR) {
try {
this.onSuccess(data, status, jqXHR);
} catch (ex) {
console.log("SUCCESS -> ajaxSettings.onSuccess() " + ex.message);
}
};
_default.ajaxSettings.error = function(data, status, jqXHR) {
try {
this.onError(data, status, jqXHR);
} catch (ex) {
console.log("ERROR -> ajaxSettings.onError() " + ex.message);
}
};
var settings = $.extend(true, _default, options); // EXTEND THE _DEFAULTS TO USE THE OPTIONS I SENT
if (settings.ajaxSettings.isValidAjaxObject()) {
if (settings.doAjaxCall) {
$.ajax(settings.ajaxSettings);
}
}
} catch (ex) {
console.log("$.fn.callAjax() " + ex.message);
}
return settings;
}
//*****************************************************************************************************
// END AJAX SUPPORT
//*****************************************************************************************************
//MAIN FUNCTION - CHECK STATUS OF THE QUEUE
function callAjax(options) {
try {
var ajaxOptionsTemplate = createCallFunctionParameters();
var _default = {
doAjaxCall: true,
ajaxFunctionParameters: ajaxOptionsTemplate.stringify(), // DEFAULT TEMPLATE
ajaxSettings: {
success: function(data, status, jqXHR) {
try {
ajaxSettings.onSuccess(data, status, jqXHR);
} catch (ex) {
console.log("SUCCESS -> ajaxSettings.onSuccess() " + ex.message);
}
},
error: function(data, status, jqXHR) {
try {
ajaxSettings.onError(data, status, jqXHR);
} catch (ex) {
console.log("ERROR -> ajaxSettings.onError() " + ex.message);
}
},
}
};
if (options == null || options == undefined || options == 'undefined') {
options = {};
}
options.data = JSON.stringify(getQueryStringData());
options.dataType = getDataType();
if (options.dataType.toString().trim().toLowerCase() == 'json') {
options.contentType = "application/json";
}
var settings = $.extend(true, _default, options);
// console.log('callAjax() ---------------> ' + JSON.stringify(settings));
try {
$(this).callAjax(settings);
} catch (ex) {
console.log(ex.message);
}
} catch (ex) {
console.log("callAjax() " + ex.message);
}
}
//// ---------------
//// EXAMPLE USAGE
//// ---------------
//// CREATE YOUR AJAX SETTINGS TO PASS
// var obj = createGenericAjaxObject();
//
//// SET YOUR VARIABLES AND CALLERS
// var myCallObject = createCallFunctionParameters()
//// SET MY PARAMETERS
// myCallObject.options.DBName = 'SCC';
// myCallObject.options.Key = '';
// myCallObject.options.ForContactId = -2147483648;
//
// myCallObject.ObjectToUse = 'NOAH_Utilities.class_Utilities, App_Code.sxkgaupo, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null'; // OBJECT TO USE MUST USE THE FULLY QUALIFIED PATH OF THE OBJECT
// myCallObject.FunctionToUse = "IsNull"; // FUNCTION NAME IN THE ABOVE OBJECT TO CALL
// myCallObject.FunctionParametersToUse = JSON.stringify({Value: 123, NullReplaceValue: null}); // PARAMETERS TO PASS TO THAT FUNCTION WHEN IT'S CALLED
//
// obj.ajaxFunctionParameters = myCallObject.stringify(); // SET THE CALLFUNCTION PARAMETERS AS A STRING OBJECT LIKE JSON
// obj.ajaxSettings.success = function () { alert('my success'); }
// obj.ajaxSettings.error = function () { alert('my error'); }
//
//// INITIALIZE THE OBJECT
// obj.ajaxSettings.init();
//// CALL IT WITH AJAX
// callAjax(obj);
</script>
<!-- AJAX MODAL -->
<style>
:root {
--Border-Size: 0;
--Border-Color: #555;
--Border-Radius: 0;
--Top-Border-Color: var(--Border-Color);
--Left-Border-Color: var(--Border-Color);
--Bottom-Border-Color: var(--Border-Color);
--Right-Border-Color: var(--Border-Color);
--Transition-Time: .25s;
}
.ajax-area {
position: absolute;
top: -5%;
left: -5%;
width: 110%;
height: 110%;
border: 1px solid #fff;
z-index: 9999;
display: block;
overflow: hidden;
box-sizing: border-box;
box-shadow: 0px 0px 0px #555;
opacity: .3;
}
.ajax-area-side {
position: fixed !important;
border: 1px solid #fff;
z-index: 9999;
display: block;
overflow: hidden;
box-sizing: border-box;
box-shadow: 0px 0px 0px #555;
opacity: .3;
width: 5em !important;
right: 0 !important;
top: 50% !important;
background-color: #555 !important;
height: 8em !important;
}
.ajax-modal {
position: relative;
width: 100%;
height: 100%;
z-index: 9998;
background-color: #fff;
opacity: .5;
display: block;
box-sizing: border-box;
}
.ajax-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9997;
color: #FFF;
display: block;
box-sizing: border-box;
text-align: center;
overflow: hidden;
z-index: 9999;
}
.ajax-Border-Transitions {
-webkit-transition: width var(--Transition-Time), height var(--Transition-Time), margin var(--Transition-Time);
/* For Safari 3.1 to 6.0 */
transition: width var(--Transition-Time), height var(--Transition-Time), margin var(--Transition-Time);
}
.ajax-Border-Request {
border-top: var(--Border-Size) solid var(--Top-Border-Color);
width: 100% !important;
}
.ajax-Border-Waiting {
border-right: var(--Border-Size) solid var(--Right-Border-Color);
height: 100% !important;
/*margin-top: 0 !important;*/
}
.ajax-Border-Response {
border-bottom: var(--Border-Size) solid var(--Bottom-Border-Color);
left: 0 !important;
}
.ajax-Border-Processing {
border-left: var(--Border-Size) solid var(--Left-Border-Color);
top: 0 !important;
/*height: 100% !important;*/
}
.ajax-top-scroll,
.ajax-middle,
.ajax-bottom-scroll {
clear: both;
width: 100%;
float: left;
height: var(--Border-Size);
position: absolute;
top: 0;
border-radius: var(--Border-Radius);
height: 100%;
width: 100%;
}
.ajax-top-scroll {
/*height: var(--Border-Size);*/
box-sizing: border-box;
}
.ajax-bottom-scroll {
position: relative;
float: right;
box-sizing: border-box;
/*width: 100%;*/
left: 100%;
}
.ajax-middle {
/*height: calc(100% - (var(--Border-Size) * 2)) !important;*/
width: 100%;
}
.ajax-left-scroll {
float: left;
width: var(--Border-Size);
height: 100%;
display: inline-block;
box-sizing: border-box;
top: 100%;
position: absolute;
border-radius: var(--Border-Radius);
height: 100%;
width: 100%;
left: 0;
}
.ajax-right-scroll {
float: left;
width: var(--Border-Size);
display: inline-block;
height: 1px;
box-sizing: border-box;
margin-top: 0%;
position: absolute;
border-radius: var(--Border-Radius);
height: 100%;
width: 100%;
left: 0;
}
.ajax-data {
float: left;
width: 100%;
/*width: calc(100% - (var(--Border-Size) * 2));*/
height: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
color: #000;
}
</style>
<script>
try {
var ajaxActions = {
none: 0,
request: 1,
waiting: 2,
response: 3,
processing: 4
};
var workingAjaxArea = $('.ajax-content');
var ajaxCaptionText = '';
function doAll(time) {
try {
if (!time) {
time = 250;
}
var element = $($('input')[0]);
element.ajaxActionCall({
action: ajaxActions.request
});
window.setTimeout(function() {
element.ajaxActionCall({
action: ajaxActions.waiting
});
window.setTimeout(function() {
element.ajaxActionCall({
action: ajaxActions.response
});
window.setTimeout(function() {
element.ajaxActionCall({
action: ajaxActions.processing
});
// CLEAN UP
window.setTimeout(function() {
$('.ajax-area').hide();
$('.ajax-bottom-scroll').removeClass('ajax-Border-Response');
$('.ajax-right-scroll').removeClass('ajax-Border-Waiting');
$('.ajax-left-scroll').removeClass('ajax-Border-Processing');
$('.ajax-top-scroll').removeClass('ajax-Border-Request');
$('.ajax-area').removeClass('ajax-area-side');
}, time);
}, time);
}, time);
}, time);
} catch (ex) {
console.log("doAll() " + ex.message);
}
}
$.fn.ajaxActionCall = function(options) {
var result = null;
try {
var _default = {
// These are the defaults.
action: ajaxActions.none,
affectedElement: $(this).parent().parent()
}
var settings = $.extend(true, _default, options);
switch (settings.action) {
case ajaxActions.request:
$('.ajax-area').show();
$('.ajax-data').html('<i class="fa fa-circle-o-notch fa-spin fa-3x"></i>');
$(settings.affectedElement).find('.ajax-top-scroll').addClass('ajax-Border-Request');
break;
case ajaxActions.waiting:
$(settings.affectedElement).find('.ajax-right-scroll').addClass('ajax-Border-Waiting');
break;
case ajaxActions.response:
$(settings.affectedElement).find('.ajax-bottom-scroll').addClass('ajax-Border-Response');
break;
case ajaxActions.processing:
$(settings.affectedElement).find('.ajax-left-scroll').addClass('ajax-Border-Processing');
break;
}
} catch (ex) {
console.log(ex.message);
}
return result;
}
} catch (ex) {
console.log(ex.message);
}
</script>
<div id="ajaxArea" class="ajax-area" style="display: none;">
<div id="ajaxModal" class="ajax-modal">
<div id="ajaxDefaultCommands" style="display: none;">
<input type="submit" value="Bottom" onclick="$(this).ajaxActionCall({ action: ajaxActions.request });">
<input type="submit" value="Right" onclick="$(this).ajaxActionCall({ action: ajaxActions.waiting });">
<input type="submit" value="Top" onclick="$(this).ajaxActionCall({ action: ajaxActions.response });">
<input type="submit" value="Left" onclick="$(this).ajaxActionCall({ action: ajaxActions.processing });">
<input type="submit" value="Do All" onclick="doAll(1500);">
</div>
</div>
<div id="ajaxContent" class="ajax-content">
<div class="ajax-Border-Transitions ajax-top-scroll"></div>
<div class="ajax-middle">
<div class="ajax-Border-Transitions ajax-left-scroll"> </div>
<div class="ajax-data"><i class="fa fa-circle-o-notch fa-spin fa-3x"></i></div>
<div class="ajax-Border-Transitions ajax-right-scroll"> </div>
</div>
<div class="ajax-Border-Transitions ajax-bottom-scroll"></div>
</div>
<div id="rootVariables" style="display: none"></div>
</div>
<script>
// CLIENT REUSEABLE CODE
function createSoapMessage(options) {
var result = ' <soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" \
xmlns:xsd="http://www.w3.org/2001/XMLSchema" \
xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> \
<soap:Body> \
<{SERVICENAME} xmlns="{SERVICEXMLNS}"> \
{PARAMETERS}\
</{SERVICENAME} > \
</soap:Body> \
</soap:Envelope>';
try {
var _defaults = {
serviceName: '',
serviceParameters: [{
parameter: '',
value: ''
}],
serviceXMLNS: ''
}
var _settings = $.extend({}, _defaults, options);
result = result.replace(/{SERVICENAME}/g, _settings.serviceName);
result = result.replace(/{SERVICEXMLNS}/g, _settings.serviceXMLNS);
var parameters = '';
$(_settings.serviceParameters).each(function() {
try {
var workingServiceParameterTemplate = '';
if (Object.keys(this).length > 0) {
for (var i = 0; i < Object.keys(this).length; i++) {
if (Object.keys(this)[i] && Object.keys(this)[i].toString().trim() != '') {
var serviceParameterTemplate = '<{PARAMETERNAME}>{PARAMETERVALUE}</{PARAMETERNAME}>';
workingServiceParameterTemplate = serviceParameterTemplate.replace(/{PARAMETERNAME}/g, Object.keys(this)[i] || '');
workingServiceParameterTemplate = workingServiceParameterTemplate.replace(/{PARAMETERVALUE}/g, Object.values(this)[i] || '');
workingServiceParameterTemplate = workingServiceParameterTemplate.replace('<></>', '');
} else {
workingServiceParameterTemplate = ''
};
parameters += workingServiceParameterTemplate;
}
}
} catch (ex) {
console.log(ex.message);
}
})
result = result.replace(/{PARAMETERS}/g, parameters);
} catch (ex) {
console.log(ex.message);
}
return result;
}
// OPTIONS Should contain { onSuccess: function(data, status, jqXHR) { alert('success'); }, onError: function(data, status, jqXHR) { alert('error'); } }
function callWithAjax(soapMessage, options) {
var result = null;
try {
var _defaults = {
url: '',
type: 'POST',
contentType: 'text/xml; charset=utf-8',
onSuccess: function(data, status, jqXHR) {
alert('success');
},
onError: function(data, status, jqXHR) {
alert('error');
}
}
var _settings = $.extend({}, _defaults, options);
// CALL THE SERVICE!
result = $.ajax({
url: _settings.url,
type: _settings.type,
contentType: _settings.contentType,
data: soapMessage,
success: _settings.onSuccess,
error: _settings.onError
});
} catch (ex) {
console.log(ex.message);
}
return result;
}
function guarenteeAjaxSingleton() {
try {
var ajaxControls = $('.ajax-form-wrapper');
if (ajaxControls.length > 1) {
var count = 0;
ajaxControls.each(function() {
if (count > 0) {
$(this).attr('REMOVE', 'ME');
}
count++;
});
$('[REMOVE=ME]').remove();
}
} catch (ex) {
console.log(ex.message);
}
}
function initializeAjaxForm() {
try {
guarenteeAjaxSingleton();
} catch (ex) {
console.log(ex.message);
}
}
runStartUpScripts.push(initializeAjaxForm);
</script>
</div>
</div>
<div class="Skin col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN Center-Full">
<header class="col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN clearfix">
<div class="container-fluid NO-PADDING desktopHead">
<div class="row headRow">
<!--========== LOGO ==========-->
<div class="col-md-3 dnnLogo desktopHead">
<a id="dnn_dnnLogoXS_hypLogo" title="Society of Cosmetic Chemists" aria-label="Society of Cosmetic Chemists" href="https://www.scconline.org/"><img id="dnn_dnnLogoXS_imgLogo" src="/Portals/100/651x130_2016_SCC_official_new_Logo.jpg?ver=ZsuxioBm9T7lZchl2lbp1g%3d%3d" alt="Society of Cosmetic Chemists" style="border-width:0px;"></a>
</div>
<!--========== END LOGO ==========-->
<!--========== UTILITY NAVIGATION ==========-->
<div class="col-md-9 NO-PADDING NO-MARGIN utilityGreen">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN">
<div class="col-lg-8 col-md-6 col-sm-8 col-xs-8 NO-PADDING NO-MARGIN">
<div class="col-lg-8 col-md-6 col-sm-8 col-xs-8 NO-PADDING NO-MARGIN">
<div id="dnn_Utility_Nav" class="col-sm-12 utilityText">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-128300 DnnVersionableControl"><a name="128300"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr128300_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_128300 --><!-- Google Tag Manager (noscript) Added 6/9/2021 -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MVMNFGV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="dnn_ctr128300_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr128300_HtmlModule_lblContent"></div>
</div><!-- End_Module_128300 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-128302 DnnVersionableControl"><a name="128302"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr128302_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_128302 -->
<div id="dnn_ctr128302_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr128302_HtmlModule_lblContent">
<p>Save the date
for <strong><u><a data-feathr-click-track="true" data-feathr-link-aids="60b165fe6f52fe9c2c244d3d" href="https://library.scconline.org/" target="_blank">S</a><a href="/Events/SCC78-Annual-Meeting">CC78!</a></u></strong>
</p>
</div>
</div><!-- End_Module_128302 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
<div class="col-sm-8 col-xs-8 NO-MARGIN mobileOnly"> </div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 NO-PADDING NO-MARGIN utilityRight utilityH">
<nav class="navbar navbar-default utilityNav navbar-right" role="navigation">
<ul class="nav navbar-nav navbarSocial">
<li><a href="//twitter.com/SocietyCosChem"><i class="fab fa-twitter"></i></a></li>
<li><a href="//www.facebook.com/SocietyOfCosmeticChemists/"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="//www.instagram.com/societycoschem/"><i class="fab fa-instagram"></i></a></li>
<li><a href="//www.linkedin.com/company/society-of-cosmetic-chemists"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</nav>
</div>
</div>
</div>
<!--========== END UTILITY NAVIGATION ==========-->
<!--========== MAIN NAVIGATION ==========-->
<div class="col-md-6 NO-PADDING NO-MARGIN desktopHead">
<div id="mainNav" class="col-xs-12 NO-PADDING headerNav">
<div class="Menu-Navigation-Wrapper col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN">
<ul class="Menu-Navigation col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-MARGIN">
<li class="level-0 first">
<a href="https://www.scconline.org/About" target="">About</a>
<ul>
<li class="level-1 first">
<a href="https://www.scconline.org/About/Mission-Statement" target="">Mission Statement</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/About/Bylaws-Code-of-Ethics" target="">Bylaws & Code of Ethics</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/About/Strategic-Plan" target="">Strategic Plan</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/About/Leadership" target="">Leadership</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Awards-and-Scholarships" target="">Awards and Scholarships</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/About/Partners-Other-Organizations" target="">Partners & Other Organizations</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/About/2024-Media-Kit" target="">2024 Media Kit</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/About/In-the-News" target="">In the News</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/About/Contact-the-SCC" target="">Contact the SCC</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/About/FAQ" target="">FAQ</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/About/Donate" target="">Donate</a>
</li>
<li class="level-1 last">
<a href="https://www.scconline.org/About/75th-Anniversary" target="">75th Anniversary</a>
</li>
</ul>
</li>
<li class="level-0">
<a href="https://www.scconline.org/Education" target="">Education</a>
<ul>
<li class="level-1 first">
<a href="https://www.scconline.org/Education/Certificate-Program" target="">Certificate Program</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Education/Courses" target="">Courses</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Education/Webinars" target="">Webinars</a>
</li>
<li class="level-1">
<a href="https://library.scconline.org/" target="_blank">On Demand Content</a>
</li>
<li class="level-1 last">
<a href="https://www.scconline.org/Education/Blog" target="">Blog</a>
</li>
</ul>
</li>
<li class="level-0">
<a href="https://www.scconline.org/Events" target="">Events</a>
<ul>
<li class="level-1 first">
<a href="https://www.scconline.org/Events/SCC78-Annual-Meeting" target="">SCC78 Annual Meeting</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Events" target="">Calendar of Events</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Education/Courses" target="">Courses</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Education/Webinars" target="">Webinars</a>
</li>
<li class="level-1 last">
<a href="https://www.scconline.org/Events/Photo-Gallery" target="">Photo Gallery</a>
</li>
</ul>
</li>
<li class="level-0">
<a href="https://www.scconline.org/Membership" target="">Membership</a>
<ul>
<li class="level-1 first">
<a href="https://www.scconline.org/Join" target="">Membership Types & Dues</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Membership/Membership-Benefits-Perks" target="">Membership Benefits & Perks</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Membership/Fellowship" target="">Fellowship</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Membership/NextGen" target="">NextGen</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Membership/Member-Directory" target="">Member Directory</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Membership/IFSCC" target="">IFSCC</a>
</li>
<li class="level-1 last">
<a href="https://www.scconline.org/Membership/Volunteer" target="">Volunteer</a>
</li>
</ul>
</li>
<li class="level-0">
<a href="https://www.scconline.org/Chapters" target="">Chapters</a>
</li>
<li class="level-0">
<a href="https://careers.scconline.org/" target="_blank">Career Center</a>
</li>
<li class="level-0 last">
<a href="https://www.scconline.org/Resources" target="">Resources</a>
<ul>
<li class="level-1 first">
<a href="https://www.scconline.org/Resources/Journal-of-Cosmetic-Science" target="">Journal of Cosmetic Science</a>
</li>
<li class="level-1">
<a href="https://library.scconline.org/home" target="">SCC Media Library</a>
</li>
<li class="level-1">
<a href="https://www.scconline.org/Resources/Industry-Provider-Directory" target="">Industry Provider Directory</a>
</li>
<li class="level-1 last">
<a href="https://www.scconline.org/About/Partners-Other-Organizations" target="">Partners & Other Organizations</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!--========== END MAIN NAVIGATION ==========-->
<!--========== SUB NAVIGATION ==========-->
<div class="col-md-3 NO-PADDING mobileDisplay">
<nav class="navbar navbar-default subNav navbar-right" role="navigation">
<ul class="nav navbar-nav navbarSub sccDefault">
<li>
<div id="dnn_ShoppingCart_upnlShoppingCart" style="display: inline;">
<a id="dnn_ShoppingCart_lbShoppingCart" class="accent" href="javascript:__doPostBack('dnn$ShoppingCart$lbShoppingCart','')"><i aria-hidden="true" class="fas fa-shopping-cart"></i><div class="Nav-Word"> </div></a>
</div>
<script>
$(document).ready(function() {
try {
var currentHTML = $('div[id*=upnlShoppingCart] > a').html();
$($('div[id*=upnlShoppingCart] > a')[0]).html('<i aria-hidden="true" class="fas fa-shopping-cart"></i><div class="Nav-Word">' + currentHTML + '</div>');
} catch (ex) {}
})
</script>
</li>
<li><a href="#" title="Search" aria-label="Search" data-toggle="modal" data-target="#searchModal" class="accent Search-Button"><i class="far fa-search"></i></a></li>
<li>
<style>
[id*=NOAHSignInUser] {
display: inline-block;
position: relative;
}
[id*=SignInUserInfoBox] {
display: none;
background-color: #FFF;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
font-size: .75em;
padding: 5px;
opacity: .95;
position: fixed;
right: 0;
text-align: left;
width: 100%;
z-index: 10;
}
[id*=SignInUserPhoto] {
display: block;
float: left;
margin-right: 2px;
width: 25%;
}
[id*=SignInUserPhoto] .user-photo {
width: 48px;
}
[id*=SignInUserInfo] {
display: block;
float: left;
width: 73%;
}
[id*=SignInUserInfo] .user-name {
font-weight: bold;
margin: 0;
text-transform: uppercase;
}
[id*=SignInUserInfo] a.manage-account {
background-color: #555;
color: #FFF;
padding: 4px 6px;
text-decoration: none;
}
[id*=SignInUserInfo] a.manage-account:hover {
background-color: #727272;
text-decoration: none;
}
[id*=SignInUserInfoSignOut] {
display: block;
text-align: center;
}
/* Desktop Layout: 769px and up. */
@media only screen and (min-width: 769px) {
[id*=SignInUserInfoBox] {
position: absolute;
width: 250px;
}
}
</style>
<script>
function toggleMyAccount(sender, e) {
var result = false;
try {
toggleUserInfo(sender, e);
} catch (ex) {
console.log(ex.message);
}
return result;
}
//function makeMobileFriendlySignIn() {
// try {
// if (isMobileTouchDevice) {
// $('[onclick]').each(function () {
// try {
// var element = $(this);
// var val = element.attr('onclick');
// if (isMobileTouchDevice) {
// element.removeAttr('onclick');
// element.bind('ontouchstart', function () { eval(val); });
// }
// }
// catch (ex) {
// console.log("makeMobileFriendly() " + ex.message);
// }
// });
// }
// }
// catch (ex) {
// console.log(ex.message);
// }
//}
//function pageLoad() { try { makeMobileFriendlySignIn(); } catch (ex) { console.log(ex.message); } }
//$(document).ready(function () { try { makeMobileFriendlySignIn(); } catch (ex) { console.log(ex.message); } });
</script>
<div id="NOAHSignInUser">
<a id="dnn_SignInUser1_hlSignIn" class="accent" rel="nofollow" href="https://www.scconline.org/Sign-In?returnurl=%2f"><i aria-hidden="true" class="fas fa-user"></i><div class="Nav-Word">LOGIN</div></a>
<div id="SignInUserInfoBox" style="display:none;">
<i class="fas fa-user userIconReplace"></i>
<div id="SignInUserInfo">
</div>
<hr>
<div id="SignInUserInfoSignOut">
<a id="dnn_SignInUser1_hlUserInfoSignOut" class="user-sign-out"></a>
</div>
</div>
</div>
<script>
function toggleUserInfo(sender, e) {
try {
// toggle user info box
$(sender).parent().find("[id*=SignInUserInfoBox]").slideToggle("fast");
} catch (ex) {
// alert(ex);
}
}
$(document).ready(function(e) {
try {
// check for userInfoCssClass property and set the class if found
var userInfoCssClass = "";
if (userInfoCssClass != null && userInfoCssClass != "") {
$("[id*=SignInUserInfoBox]").addClass(userInfoCssClass);
}
} catch (ex) {
// alert(ex);
}
});
$(document).mouseup(function(e) {
try {
// hide user info box if the target of the click isn't the container nor a descendant of the container
var container = $("[id*=NOAHSignInUser]");
if (!container.is(e.target) && container.has(e.target).length == 0) {
$("[id*=SignInUserInfoBox]").slideUp("fast");
}
} catch (ex) {
// alert(ex);
}
});
</script>
</li>
</ul>
</nav>
</div>
<!--========== END SUB NAVIGATION ==========-->
</div>
</div>
<!--========== MOBILE HEAD ==========-->
<div class="col-sm-12 col-xs-12 NO-PADDING NO-MARGIN mobileOnly">
<!--========== MOBILE UTILITY NAVIGATION ==========-->
<div class="col-sm-12 col-xs-12 NO-PADDING NO-MARGIN utilityGreen">
<div class="col-lg-8 col-md-6 col-sm-8 col-xs-8 NO-PADDING NO-MARGIN">
<div class="col-sm-8 col-xs-8 NO-PADDING NO-MARGIN">
<div id="dnn_Utility_NavMobile" class="col-sm-12 utilityText DNNEmptyPane"></div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 NO-PADDING NO-MARGIN utilityRight utilityH">
<nav class="navbar navbar-default utilityNav navbar-right" role="navigation">
<ul class="nav navbar-nav navbarSocial">
<li><a href="/join">Join</a></li>
</ul>
</nav>
</div>
</div>
<!--========== END MOBILE UTILITY NAVIGATION ==========-->
<div class="col-sm-12 col-xs-12 mobileOnly NO-PADDING mobileHeadH">
<!--========== MOBILE NAVIGATION ==========-->
<div class="col-sm-2 col-xs-2 mobileOnly mobileNav">
<script>
try {
versioning.reportVersion({
major: 1,
minor: 0,
revision: 3,
system: 8,
iteration: 1,
year: 2022,
name: 'JsonMenu.ascx',
requires: ['NOAH.Include.Config.js', 'NOAH.Include.js']
});
} catch (ex) {
console.log(ex.message);
}
</script>
<style>
/*========================= =========================*/
/*========================= =========================*/
/*========================= JSON MENU =========================*/
/*========================= =========================*/
/*========================= =========================*/
#divNOAHAMSMegaMenu {
display: inline-block;
height: 0px;
overflow: unset;
z-index: 9999;
float: left;
width: 100%;
}
.Mega-Menu-Wrapper {}
.Mega-Menu-Container {
height: 100%;
display: inline-block;
border: 1px solid #093e52;
background: #093e52;
background: -moz-linear-gradient(-45deg, #093e52 0%, #3f4c6b 100%);
background: -webkit-linear-gradient(-45deg, #093e52 0%, #3f4c6b 100%);
background: linear-gradient(135deg, #093e52 0%, #3f4c6b 100%);
-webkit-transition: width 1s, height 2s;
transition: width 1s, height 2s;
position: relative;
max-width: 65%;
margin: 0 !important;
margin-left: 6.25% !important;
z-index: 109;
}
.Mega-Menu-Container:hover {
min-width: 914px !important;
}
.Mega-Menu-Container,
.Mega-Menu-Container * {
transition: none !important;
}
.Mega-Menu-Container .nav-tabs {
background-color: transparent !important;
}
.Mega-Menu-Container .tab-pane-container {
position: relative;
height: 100%;
min-height: 440px;
max-height: 440px;
overflow-y: auto
}
.Mega-Menu-Container .Small-Text {
position: static;
bottom: 0;
right: 0;
float: left;
width: 100%;
display: inline-block;
text-align: right;
padding: 1em;
}
.Mega-Menu-Container:hover {
width: 100% !important;
-webkit-transition: width 1s, height 2s;
transition: width 1s, height 2s;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Left {
width: 10% !important;
display: inline-block !important;
min-width: 165px !important;
float: left;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Right {
width: 84.85% !important;
display: inline-block !important;
float: right;
border-bottom: 1px solid #093e52;
}
.Mega-Menu-Container li[depthlevel="0"] {
border-top: 1px solid transparent;
border-bottom: 1px solid #3f4c6b;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
padding: 0 !important;
}
.Mega-Menu-Container li[depthlevel="0"]:first-child {
padding-top: 5px !important;
display: grid;
}
.Mega-Menu-Container li[depthlevel="0"],
.Mega-Menu-Container li[depthlevel="0"] a {
background-color: var(--aarwin-transparent);
color: var(--aarwin-color-white-10);
font-size: 1.75vh;
border: none;
}
.Mega-Menu-Container li[depthlevel="0"]:hover,
.Mega-Menu-Container li[depthlevel="0"]:focus,
.Mega-Menu-Container li[depthlevel="0"]:active,
.Mega-Menu-Container li[depthlevel="0"].active {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-radius: 0;
}
.Mega-Menu-Container li[depthlevel="0"]:hover:first-child,
.Mega-Menu-Container li[depthlevel="0"]:focus:first-child,
.Mega-Menu-Container li[depthlevel="0"]:active:first-child,
.Mega-Menu-Container li[depthlevel="0"].active:first-child {
border-top: 1px solid transparent;
}
.Mega-Menu-Container li[depthlevel="0"]:focus,
.Mega-Menu-Container li[depthlevel="0"]:active,
.Mega-Menu-Container li[depthlevel="0"].active {
color: var(--aarwin-color-white-10) !important;
}
.Mega-Menu-Container li[depthlevel="0"]:focus a,
.Mega-Menu-Container li[depthlevel="0"]:active a,
.Mega-Menu-Container li[depthlevel="0"].active a {
color: var(--aarwin-color-white-10) !important;
}
.Mega-Menu-Container .Mega-Menu-Top-Left {
background-color: transparent;
min-width: 140px !important;
max-width: 175px !important;
}
.Mega-Menu-Top-Left,
.Mega-Menu-Top-Right {
height: 100%;
border: 0;
min-height: 453px;
}
.Mega-Menu-Container .Mega-Menu-Top-Right ul {}
.Mega-Menu-Container .tab-content {
border: 1px solid transparent;
background-color: #fff;
height: 100%;
min-height: 453px;
}
.Mega-Menu-Container .tab-content>.active,
.pill-content>.active {
display: inline-block;
width: 100%;
height: 100% !important;
border: 1px solid transparent;
}
.Mega-Menu-Container .top-menu {
display: inline-block;
clear: both;
height: 100%;
min-height: 453px;
}
.Mega-Menu-Container .top-menu>.nav-tabs>li {
width: 50%;
}
.Mega-Menu-Container .tabs-left,
.Mega-Menu-Container .tabs-right {
border-bottom: none;
}
.Mega-Menu-Container .tabs-left {
border-right: 1px solid transparent;
}
.Mega-Menu-Container .tabs-right {
border-left: 1px solid transparent;
}
.Mega-Menu-Container .tabs-left>li,
.Mega-Menu-Container .tabs-right>li {
float: none;
}
.Mega-Menu-Container .tabs-left>li.active>a,
.Mega-Menu-Container .tabs-left>li.active>a:hover,
.Mega-Menu-Container .tabs-left>li.active>a:focus {
border: 1px solid transparent;
outline: none !important;
background-color: transparent;
}
.Mega-Menu-Container .tabs-right>li.active>a,
.Mega-Menu-Container .tabs-right>li.active>a:hover,
.Mega-Menu-Container .tabs-right>li.active>a:focus {
border: 1px solid transparent;
outline: none !important;
background-color: transparent;
}
.Mega-Menu-Container .tabs-left>li>a {
border-radius: 0;
margin-right: 0;
display: block;
padding: .25em;
}
.Mega-Menu-Container .tabs-right>li>a {
border-radius: 0;
margin-right: 0;
border: var(--aarwin-base-1px) solid var(--aarwin-transparent) !important;
}
.Mega-Menu-Container .tabs-left>li>a:hover {
color: var(--aarwin-secondary-color) !important;
}
.Mega-Menu-Container ul ul.nav.nav-tabs>li {
width: 100%;
float: left;
}
.Mega-Menu-Container .Mega-Menu-Top-Right ul.nav.nav-tabs>li {
padding-left: .5em;
}
.Mega-Menu-Container .Mega-Menu-Top-Right ul.nav.nav-tabs>li>a {
font-family: var(--aarwin-base-tertiary-font-family-sansserif);
border: 1px solid #fff;
background-color: transparent;
color: #093e52;
margin: 0;
padding-left: 1.5em;
font-size: 1.5vh;
padding: 8px 15px;
}
.Mega-Menu-Container .Mega-Menu-Top-Right ul.nav.nav-tabs>li>a:hover {
border: 1px solid transparent !important;
background-color: #1C9ACA !important;
color: #fff !important;
}
.Mega-Menu-Container [disabled] {
opacity: .6 !important;
border: 0px solid transparent !important;
}
.Mega-Menu-Container li,
.Mega-Menu-Container li a {
border-radius: 0;
}
.Mega-Menu-Container li[depthlevel="1"] {
font-weight: bold !important;
border-bottom: 1px solid transparent;
}
.Mega-Menu-Container li[depthlevel="1"]>a {
border-bottom: 1px solid #1C9ACA !important;
width: 75%;
}
.Mega-Menu-Container li[depthlevel] {
font-weight: normal;
}
.Mega-Menu-Top-Right .nav-tabs {
border: 1px solid transparent !important;
}
.Close-Menu-Button {
display: none;
}
.tab-pane h3 {
font-family: var(--aarwin-base-tertiary-font-family-sansserif);
font-size: 2.5vh;
}
@media screen and (max-width : 1024px) {
.USE-DNN-VISIBLE-OFFSET>* {
margin-left: 80px;
width: auto;
}
.USE-DNN-VISIBLE-OFFSET .hc-offcanvas-nav .nav-container {
left: 80px !important;
}
}
@media screen and (min-width : 1025px) and (max-width: 1399.99px) {
.Mega-Menu-Container {
min-height: 500px !important;
max-height: 600px !important;
}
.Mega-Menu-Top-Left {
min-height: 300px;
overflow: hidden !important;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Left {
min-width: 130px !important;
min-height: 300px !important;
max-height: 600px !important;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Right {
min-height: 400px;
max-height: 500px !important;
}
.Mega-Menu-Container .tab-pane-container {
min-height: 400px !important;
max-height: 500px;
}
/*.Mega-Menu-Container .tab-content,*/
.Mega-Menu-Container .top-menu {}
}
@media screen and (min-width : 1400px) and (max-width: 1699.99px) {
.Mega-Menu-Container:hover .Mega-Menu-Top-Left {
min-width: 140px !important;
}
}
@media screen and (min-width : 2100px) {
.Mega-Menu-Container {
max-height: 1000px !important;
min-height: 500px;
}
.Mega-Menu-Top-Left {
max-height: 1000px !important;
min-height: 500px;
overflow: hidden !important;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Left {
width: 20% !important;
min-width: 8vw !important;
min-height: 500px !important;
max-height: 1000px !important;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Right {
width: 85% !important;
min-height: 500px !important;
max-height: 1000px !important;
}
.Mega-Menu-Container .tab-pane-container {
min-height: 500px !important;
}
.Mega-Menu-Container .tab-content,
.Mega-Menu-Container .top-menu {
min-height: 500px;
}
}
@media screen and (min-width : 2400px) {
.Mega-Menu-Container,
.Mega-Menu-Top-Left,
.Mega-Menu-Container .tab-content,
.Mega-Menu-Container .top-menu {
min-height: 600px;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Left,
.Mega-Menu-Container .tab-pane-container {
min-height: 600px !important;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Right {
width: 85% !important;
min-height: 600px !important;
max-height: 1000px !important;
}
}
@media screen and (min-width : 2750px) {
.Mega-Menu-Container,
.Mega-Menu-Top-Left,
.Mega-Menu-Container .tab-content,
.Mega-Menu-Container .top-menu {
min-height: 700px;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Left,
.Mega-Menu-Container:hover .Mega-Menu-Top-Right,
.Mega-Menu-Container .tab-pane-container {
min-height: 700px !important;
}
}
@media screen and (min-width : 3800px) {
.Mega-Menu-Container,
.Mega-Menu-Top-Left,
.Mega-Menu-Container .tab-content,
.Mega-Menu-Container .top-menu {
min-height: 900px;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Left,
.Mega-Menu-Container:hover .Mega-Menu-Top-Right,
.Mega-Menu-Container .tab-pane-container {
min-height: 900px !important;
}
}
@media screen and (min-width : 4800px) {
.Mega-Menu-Container,
.Mega-Menu-Top-Left,
.Mega-Menu-Container .tab-content,
.Mega-Menu-Container .top-menu {
min-height: 1000px;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Left,
.Mega-Menu-Container:hover .Mega-Menu-Top-Right,
.Mega-Menu-Container .tab-pane-container {
min-height: 1000px !important;
}
}
@media screen and (min-width : 5800px) {
.Mega-Menu-Container,
.Mega-Menu-Top-Left,
.Mega-Menu-Container .tab-content,
.Mega-Menu-Container .top-menu {
min-height: 1200px;
max-height: 1250px;
}
.Mega-Menu-Container:hover .Mega-Menu-Top-Left,
.Mega-Menu-Container:hover .Mega-Menu-Top-Right,
.Mega-Menu-Container .tab-pane-container {
min-height: 1200px !important;
max-height: 1250px !important;
}
}
</style>
<script>
try {
console.log('%c Loading JSONMenu form scripts ...',
'text-transform: uppercase; padding-left: 5em; padding-right: 5em; font-size: 1.5em; color: darkgreen; background-color: #90EE9055; width: 100%; border-top: 3px solid darkgreen; border-bottom: 3px solid darkgreen;');
} catch (ex) {
console.log(ex.message);
}
try {
var useMobileMenuWidthAt = 1024;
var menuConversionInitialized = false;
var menuDesktopInitialized = false;
var jsonMENU = {};
var parentRoot = {};
var selectedRoot = {};
var menuTypes = {
mega: 0,
vertical: 1,
tab: 2
};
var menuTypeJustify = {
top: 0,
bottom: 1,
left: 2,
right: 3
};
var menuItemTabNavigationContainer = '<ul class="nav nav-tabs {class}" {disabled}>{items}</ul>';
var menuItemTabPaneContainer = '<div class="tab-content" {disabled}></div>';
var firstMenuItemTemplate =
'<li class="{class} Mega-Menu-Item" depthlevel="{depth}" childcount="{childcount}" ><a href="#{id}" data-toggle="tab" url="{url}" ignore-hover-automation="{ignoreAutomation}" onmouseenter="doMenuItemMouseHover(this, event);" {disabled} >{text}{menu}</a></li>';
var firstMenuItemPaneTemplate =
'<div class="tab-pane tab-pane-container {class}" id="{id}" childcount="{childcount}" ><div class="top-menu col-lg-12 col-md-12 col-sm-12 col-xs-12"><h3>{title}</h3><h6>{description}</h6><div class="top-menu-drop-down col-lg-12 col-md-12 col-sm-12 col-xs-12">{drop-down-menu}</div>{menu}</div><small class="Small-Text">{text}<small></div>'
} catch (ex) {
console.log(ex.message);
}
function createTemplate(triggerTemplate, containerTemplate, jsonDataToUse) {
var result = [
triggerTemplate,
containerTemplate
];
try {
//console.log('createTemplate() ...');
for (var key in jsonDataToUse) {
if (jsonDataToUse.hasOwnProperty(key)) {
if (result != null && result != undefined && result != 'undefined' && result.length > 0) {
for (x = 0; x < result.length; x++) {
try {
if (result[x] != null && result[x] != undefined && result[x] != 'undefined') {
result[x] = result[x].toString().replace("{" + key + "}", jsonDataToUse[key].toString());
}
} catch (ex) {
console.log(ex.message);
}
}
}
}
}
// --------------- PATCH UPGRADE -> MOVING DATA UP TO USE OLD CODE. ----------------
try {
if (jsonDataToUse.Data && jsonDataToUse.Data.length > 0) {
jsonDataToUse.subMenuItems = jsonDataToUse.Data(0).subMenuItems;
}
} catch (ex) {
console.log('Upgraded code failed to move subMenuItems ' + ex.message);
}
try {
if (jsonDataToUse.Data && jsonDataToUse.Data.length > 0) {
jsonDataToUse.subMenuItems = jsonDataToUse.Data(0).SubItems;
}
} catch (ex) {
console.log('Upgraded code failed to move SubItems ' + ex.message);
}
// ------------------------------- END PATCH UPGRADE -------------------------------
if (jsonDataToUse.subMenuItems != null && jsonDataToUse.subMenuItems != undefined && jsonDataToUse.subMenuItems != 'undefined' && jsonDataToUse.subMenuItems.length > 0) {
// console.log(result)
var extendedMenu = '';
var index = 0;
$(jsonDataToUse.subMenuItems).each(function() {
try {
var subItemTemplates = createTemplate(menuItemTabNavigationContainer, firstMenuItemTemplate, jsonDataToUse.subMenuItems[index]);
if (extendedMenu == '') {
extendedMenu = subItemTemplates[0];
}
// console.log(extendedMenu);
extendedMenu = extendedMenu.replace('{items}', subItemTemplates[1] + "{items}");
index++;
} catch (ex) {
console.log(ex.message)
}
});
extendedMenu = extendedMenu.replace('{items}', '');
result[1] = result[1].replace('{menu}', extendedMenu);
}
} catch (ex) {
console.log("createTemplate " + ex.message);
}
return result;
}
function createMenuItems_DESKTOP(triggerContainer, paneContainer, data) {
try {
//console.log('createMenuItems_DESKTOP() ...');
var index = 0;
triggerContainer.empty();
paneContainer.empty();
$(data).each(function() {
try {
var triggerPaneTemplates = createTemplate(firstMenuItemTemplate, firstMenuItemPaneTemplate, data[index]);
triggerPaneTemplates[0] = triggerPaneTemplates[0].replace('{menu}', '');
triggerPaneTemplates[1] = triggerPaneTemplates[1].replace(/\{menu\}/gi, '');
try {
// REMOVE EMPTY TOKENS
for (x = 0; x < triggerPaneTemplates.length; x++) {
triggerPaneTemplates[x] = triggerPaneTemplates[x].replace(/{class}/g, '').replace(/{disabled}/g, '').replace(/{items}/g, '').replace(/{text}/g, '').replace(/{depth}/g, '').replace(/{childcount}/g, '').replace(/{url}/g,
'').replace(/{menu}/g, '').replace(/{title}/g, '').replace(/{drop-down-menu}/g, '');
}
} catch (ex) {
console.log("createTemplate " + ex.message);
}
try {
if (!this.hasOwnProperty("subMenuItems") || this.subMenuItems.length == 0) {
triggerPaneTemplates[0] = triggerPaneTemplates[0].replace(/{ignoreAutomation}/g, 'true');
} else {
triggerPaneTemplates[0] = triggerPaneTemplates[0].replace(/{ignoreAutomation}/g, '');
}
triggerContainer.append(triggerPaneTemplates[0]);
} catch (ex) {
console.log(ex.message);
}
try {
triggerPaneTemplates[1] = triggerPaneTemplates[1].replace(/{ignoreAutomation}/g, 'true');
paneContainer.append(triggerPaneTemplates[1]);
} catch (ex) {
console.log(ex.message);
}
index++;
} catch (ex) {
console.log(ex.message);
}
});
} catch (ex) {
console.log("createMenuItems_DESKTOP " + ex.message);
}
}
function createMenuItems_MOBILE(triggerContainer, paneContainer, data) {
try {
//console.log('createMenuItems_MOBILE() ...');
var index = 0;
triggerContainer.empty();
paneContainer.empty();
$(data).each(function() {
try {
var triggerPaneTemplates = createTemplate(firstMenuItemTemplate, firstMenuItemTemplate, data[index]);
try {
triggerPaneTemplates[1] = triggerPaneTemplates[1].replace(/{ignoreAutomation}/g, 'true');
triggerPaneTemplates[0] = triggerPaneTemplates[0].replace('{menu}', $(triggerPaneTemplates[1]).html());
triggerPaneTemplates[0] = triggerPaneTemplates[0].replace(/\{menu\}/gi, '');
try {
// REMOVE EMPTY TOKENS
for (x = 0; x < triggerPaneTemplates.length; x++) {
triggerPaneTemplates[x] = triggerPaneTemplates[x].replace(/{class}/g, '').replace(/{disabled}/g, '').replace(/{items}/g, '').replace(/{text}/g, '').replace(/{depth}/g, '').replace(/{childcount}/g, '').replace(/{url}/g,
'').replace(/{menu}/g, '').replace(/{ignoreAutomation}/g, 'true').replace(/{title}/g, '').replace(/{drop-down-menu}/g, '');
}
} catch (ex) {
console.log("createTemplate " + ex.message);
}
triggerContainer.append(triggerPaneTemplates[0]);
} catch (ex) {
console.log(ex.message);
}
index++;
} catch (ex) {
console.log(ex.message);
}
});
} catch (ex) {
console.log("createMenuItems_MOBILE " + ex.message);
}
}
function doMenuItemMouseHover(sender, e) {
try {
//console.log('Menu Item Hover');
var attr = $(sender).attr('ignore-hover-automation');
var hasAttr = (typeof attr !== typeof undefined && attr !== false)
if (!hasAttr) {
if ($(sender).width() >= 256 && $(sender).parent().attr('depthlevel') == 0) {
$(sender).click();
}
}
} catch (ex) {
console.log("doMenuItemMouseHover " + ex.message);
}
}
function closeMegaMenu(sender, e) {
try {
//console.log('closeMegaMenu() ...');
$(sender).parent().parent().parent().toggle('fast');
} catch (ex) {
console.log("closeMegaMenu " + ex.message);
}
}
function initJSONMenu_DESKTOP(root) {
try {
//console.log('%c INITIALIZING MENU IN "DESKTOP" MENU MODE ... ', 'background-color: #daaeeb; color: #a518d9; width: 100%; padding: .5em;');
var thisMenu = root;
$('.Mega-Menu-Container').find('.Mega-Menu-Top-Left').find('.nav.nav-tabs li').remove();
// --------------- PATCH UPGRADE -> MOVING DATA UP TO USE OLD CODE. ----------------
try {
if (!thisMenu.menuItems) {
thisMenu = {
menuItems: thisMenu
};
}
} catch (ex) {
console.log('Upgraded code failed to move menuItems ' + ex.message);
}
// ------------------------------- END PATCH UPGRADE -------------------------------
createMenuItems_DESKTOP($('.Mega-Menu-Container').find('.nav.nav-tabs.tabs-left'), $('.Mega-Menu-Container').find('.tab-content'), thisMenu.menuItems);
var cleanMenu = $('.Mega-Menu-Container').html().replace(/{drop-down-menu}/gi, '').replace(/{description}/gi, '').replace(/{title}/gi, '')
$('.Mega-Menu-Container').html(cleanMenu);
$($('li> a + a')).prev().remove();
$('.Mega-Menu-Container').find('[depthlevel] a').click(function() {
try {
var e = e || window.event;
var url = ($(this).attr('url') || '').toString().trim()
e.stopPropagation();
e.preventDefault();
} catch (ex) {
console.log(ex.message);
}
});
$('.Mega-Menu-Container .Mega-Menu-Top-Right .Mega-Menu-Item > ul').on('mouseenter', function() {
try {
var obj = $(this);
var objAbsBottom = (obj.offset().top + obj.height());
var container = obj.closest('.tab-content');
var containerAbsBottom = (container.offset().top + container.height());
if (obj.hasClass('Overflow-Bottom')) {
obj.removeClass('Overflow-Bottom');
}
if (objAbsBottom > containerAbsBottom) {
console.log(obj.height() + ":" + objAbsBottom + " | " + container.height() + ":" + containerAbsBottom);
obj.addClass('Overflow-Bottom');
console.log('Added bottom correction ...');
}
} catch (ex) {
console.log(ex.message);
}
});
$('.Mega-Menu-Container .Mega-Menu-Top-Right .Mega-Menu-Item > ul').on('mouseleave', function() {
try {
$('.Mega-Menu-Container .tab-content').animate({
scrollTop: 0
}, 250);
} catch (ex) {
console.log(ex.message);
}
});
$('.Mega-Menu-Container .Mega-Menu-Top-Left').find('[depthlevel] a').on('mouseenter', function() {
try {
$('.Mega-Menu-Container .Mega-Menu-Top-Left .Mega-Menu-Item.active').removeClass('active');
$(this).closest('.Mega-Menu-Item').addClass('active');
$('.Mega-Menu-Container').find('.tab-pane.tab-pane-container.active').stop().hide().removeClass('active');
$('.Mega-Menu-Container').find('.tab-pane.tab-pane-container[id=' + $(this).attr('href').replace("#", "") + ']').stop().show().addClass('active');
return false;
} catch (ex) {
console.log("initJSONMenu_DESKTOP click " + ex.message);
}
});
$('.Mega-Menu-Container .Mega-Menu-Top-Left').find('[depthlevel] a').on('click touchend', function() {
try {
// alert('depthlevel click');
var e = e || window.event;
e.stopPropagation();
e.preventDefault();
var thisSelectedValue = parseInt($(this).attr('href').replace("#", ""));
// console.log('selected ' + thisSelectedValue);
parentRoot = jQuery.map(jsonMENU, function(obj) {
if (obj.id === thisSelectedValue) return obj; // or return obj.name, whatever.
});
$('.Mega-Menu-Container').find('.tab-pane.tab-pane-container').hide();
$('.Mega-Menu-Container').find('.tab-pane.tab-pane-container[id=' + $(this).attr('href').replace("#", "") + ']').fadeIn();
} catch (ex) {
console.log("initJSONMenu_DESKTOP click " + ex.message);
}
});
var gotoURLOnClick = $('.Mega-Menu-Container [ignore-hover-automation=true]');
var urlCallback = function() {
try {
window.location = $(this).attr("url").replace("//", "/");
} catch (ex) {
console.log(ex.message);
}
}
$.each(gotoURLOnClick, function() {
try {
$(this).off('click touchend');
$(this).parent().off('click touchend');
$(this).attr('ignore-hover-automation', true).on('click touchend', urlCallback);
} catch (ex) {}
});
} catch (ex) {
console.log("initJSONMenu_DESKTOP " + ex.message);
}
}
function initJSONMenu_MOBILE(root, options) {
try {
//console.log('%c INITIALIZING MENU IN "MOBILE" MENU MODE ... ', 'background-color: #a0e8de; color: #056ca3; width: 100%; padding: .5em;');
var _defaults = {
navElementClass: '.mobile-menu-nav-data'
};
var settings = $.extend({}, _defaults, options);
var thisMenu = root;
// $('.Mega-Menu-Container').find('.Mega-Menu-Top-Left').find('.nav.nav-tabs li').remove();
// --------------- PATCH UPGRADE -> MOVING DATA UP TO USE OLD CODE. ----------------
try {
if (!thisMenu.menuItems) {
thisMenu = {
menuItems: thisMenu
};
}
} catch (ex) {
console.log('Upgraded code failed to move menuItems ' + ex.message);
}
// ------------------------------- END PATCH UPGRADE -------------------------------
createMenuItems_MOBILE($('.Mega-Menu-Container').find('.nav.nav-tabs.tabs-left'), $('.Mega-Menu-Container').find('.tab-content'), thisMenu.menuItems);
var cleanMenu = $('.Mega-Menu-Container').html().replace(/{drop-down-menu}/gi, '').replace(/{description}/gi, '').replace(/{title}/gi, '')
$('.Mega-Menu-Container').html(cleanMenu);
$($('li> a + a')).prev().remove();
$('.Mega-Menu-Container').find('[depthlevel] a').click(function() {
try {
// $('.Mega-Menu-Container').scrollTop(0);
} catch (ex) {
console.log(ex.message);
}
});
$('.Mega-Menu-Container .Mega-Menu-Top-Right .Mega-Menu-Item > ul').on('mouseenter', function() {
try {
var obj = $(this);
var objAbsBottom = (obj.offset().top + obj.height());
var container = obj.closest('.tab-content');
var containerAbsBottom = (container.offset().top + container.height());
if (obj.hasClass('Overflow-Bottom')) {
obj.removeClass('Overflow-Bottom');
}
if (objAbsBottom > containerAbsBottom) {
console.log(obj.height() + ":" + objAbsBottom + " | " + container.height() + ":" + containerAbsBottom);
obj.addClass('Overflow-Bottom');
console.log('Added bottom correction ...');
}
} catch (ex) {
console.log(ex.message);
}
});
$('.Mega-Menu-Container .Mega-Menu-Top-Right .Mega-Menu-Item > ul').on('mouseleave', function() {
try {
$('.Mega-Menu-Container .tab-content').animate({
scrollTop: 0
}, 250);
} catch (ex) {
console.log(ex.message);
}
});
$('.Mega-Menu-Container .Mega-Menu-Top-Left').find('[depthlevel] a').on('mouseenter', function() {
try {
$('.Mega-Menu-Container .Mega-Menu-Top-Left .Mega-Menu-Item.active').removeClass('active');
$(this).closest('.Mega-Menu-Item').addClass('active');
$('.Mega-Menu-Container').find('.tab-pane.tab-pane-container.active').stop().hide().removeClass('active');
$('.Mega-Menu-Container').find('.tab-pane.tab-pane-container[id=' + $(this).attr('href').replace("#", "") + ']').stop().show().addClass('active');
return false;
} catch (ex) {
console.log("initJSONMenu_DESKTOP click " + ex.message);
}
});
$('.Mega-Menu-Container .Mega-Menu-Top-Left').find('[depthlevel] a').on('mouseleave', function() {
try {
$('.Mega-Menu-Container').find('.tab-pane.tab-pane-container[id=' + $(this).attr('href').replace("#", "") + ']').hide();
return false;
} catch (ex) {
console.log("initJSONMenu_DESKTOP click " + ex.message);
}
});
$('.Mega-Menu-Container .Mega-Menu-Top-Left').find('[depthlevel] a').on('click touchend', function(sender, e) {
try {
var thisSelectedValue = parseInt($(this).attr('href').replace("#", ""));
parentRoot = jQuery.map(jsonMENU, function(obj) {
if (obj.id === thisSelectedValue) return obj; // or return obj.name, whatever.
});
$('.Mega-Menu-Container').find('.tab-pane.tab-pane-container').hide();
$('.Mega-Menu-Container').find('.tab-pane.tab-pane-container[id=' + $(this).attr('href').replace("#", "") + ']').fadeIn();
} catch (ex) {
console.log("initJSONMenu_DESKTOP click " + ex.message);
}
});
var gotoURLOnClick = $('.Mega-Menu-Container [ignore-hover-automation=true]');
var urlCallback = function() {
try {
window.location = $(this).attr("url").replace("//", "/");
} catch (ex) {
console.log(ex.message);
}
}
$.each(gotoURLOnClick, function() {
try {
$(this).off('click touchend');
$(this).parent().off('click touchend');
$(this).attr('ignore-hover-automation', true).on('click touchend', urlCallback);
} catch (ex) {}
});
$('.Mega-Menu-Container').find('.nav:first').removeClass('nav').removeClass('nav-tabs').wrap('<nav class="' + settings.navElementClass.replace('.', '') + '"></nav>');
try {
dataSetupComplete_onAfter(options)
} catch (ex) {
console.log(ex.message);
}
} catch (ex) {
console.log("initJsonMenu_MOBILE " + ex.message);
}
}
</script>
<div id="divHiddenData" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 hidden">
<div class="FormRow col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<label>Portal ID</label><br>
<input name="dnn$JsonMenu$hfPortalIDParam" type="text" id="dnn_JsonMenu_hfPortalIDParam" value="100">
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<label>DNN User ID</label><br>
<input name="dnn$JsonMenu$hfDNNIdParam" type="text" id="dnn_JsonMenu_hfDNNIdParam" value="-1">
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<label>Contact ID</label><br>
<input name="dnn$JsonMenu$hfContactIdParam" type="text" id="dnn_JsonMenu_hfContactIdParam" value="-1">
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<label>DBName</label><br>
<input name="dnn$JsonMenu$hfDBNameParam" type="text" id="dnn_JsonMenu_hfDBNameParam" value="DNN_PROD3">
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<label>Is super user?</label><br>
<input name="dnn$JsonMenu$hfIsSuperUserParam" type="text" id="dnn_JsonMenu_hfIsSuperUserParam" value="0">
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<label>Order of Tab Operations</label><br>
<input name="dnn$JsonMenu$hfOrderOfTabOperations" type="text" id="dnn_JsonMenu_hfOrderOfTabOperations" class="hidden" value="[]">
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<label>Menu Data</label><br>
<input name="dnn$JsonMenu$hfDataJsonMenu" type="text" id="dnn_JsonMenu_hfDataJsonMenu" class="hidden"
value="{"menuItems": [{"id":26482,"text":"About","depth":0,"url":"\/\/About","title":"About","description":"Learn more about who we are, what we do, and what we stand for.\n","icon":"","disabled":"","published":true,"subMenuItems": [{"id":26489,"text":"Mission Statement","depth":1,"url":"\/\/About\/\/MissionStatement","title":"Mission Statement","description":"The Society strives to increase and disseminate scientific information through meetings and publications. By promoting research in cosmetic science and industry, and by setting high ethical, professional and educational standards, we improve the qualifications and caliber of cosmetic scientists. ","icon":"","disabled":"","published":true},{"id":26490,"text":"Bylaws & Code of Ethics","depth":1,"url":"\/\/About\/\/BylawsCodeofEthics","title":"Bylaws & Code of Ethics","description":"The Society of Cosmetic Chemists is governed by a 17-member Board of Directors, comprised of volunteer leaders of the Association, who oversee the Society's governance and management. Their roles, powers, and responsibilities as officers of the Board are defined by the our association's Constitution and Bylaws. ","icon":"","disabled":"","published":true},{"id":26491,"text":"Strategic Plan","depth":1,"url":"\/\/About\/\/StrategicPlan","title":"Strategic Plan","description":"As the oldest and largest non-profit membership organization serving the cosmetics and personal care industry, the Society of Cosmetic Chemists is positioning ourselves to have a leading role in addressing the grand challenges and identifying opportunities of today and beyond.","icon":"","disabled":"","published":true},{"id":26492,"text":"Leadership","depth":1,"url":"\/\/About\/\/Leadership","title":"Leadership","description":"The Society is governed by a 17-member Board of Directors and operates within the framework established by the adopted Bylaws, Policies & Procedures, and Code of Ethics. Our professional Staff is dedicated to fulfilling our mission providing exceptional member service.","icon":"","disabled":"","published":true},{"id":26610,"text":"Awards and Scholarships","depth":1,"url":"\/\/About\/\/AwardsandScholarships","title":"Awards and Scholarships","description":"SCC honors outstanding achievements in cosmetic sciences and raises awareness of the contributions that our members make to society. Members of SCC join a long line of accomplished professionals who are recognized by their contemporaries for the outstanding work accomplished within the field of Cosmetic Sciences.","icon":"","disabled":"","published":true},{"id":26493,"text":"Partners & Other Organizations","depth":1,"url":"\/\/About\/\/PartnersOtherOrganizations","title":"Partners & Other Organizations","description":"The SCC is proud to offer allied links which may assist in the research of related topics. Please note that the appearance of logos and external links does not constitute endorsement.","icon":"","disabled":"","published":true},{"id":27578,"text":"2024 Media Kit","depth":1,"url":"\/\/About\/\/2024MediaKit","title":"Media Kit","description":"The SCC website was designed with both members and stakeholders of the cosmetic and personal care industry in mind. This one-stop shop provides 24\/7 access to all of the resources and information the SCC has to offer including up-to-date news and information, resources for cosmetic science jobs and training, useful links to connect professionals with one another, and more. Don’t miss out on the chance to reach your audience through banner ads, sponsorships and other promotional opportunities. ","icon":"","disabled":"","published":true},{"id":26496,"text":"In the News","depth":1,"url":"\/\/About\/\/IntheNews","title":"In the News","description":"For the latest news from the Society of Cosmetic Chemists, click on the buttons below to browse content featuring big announcements, acknowledged members, passing members and more.","icon":"","disabled":"","published":true},{"id":26497,"text":"Contact the SCC","depth":1,"url":"\/\/About\/\/ContacttheSCC","title":"Contact the SCC","description":"","icon":"","disabled":"","published":true},{"id":26776,"text":"FAQ","depth":1,"url":"\/\/About\/\/FAQ","title":"FAQ","description":"Have a question? We've got an answer!","icon":"","disabled":"","published":true},{"id":26601,"text":"Donate","depth":1,"url":"\/\/About\/\/Donate","title":"Donate","description":"The SCC depends on the generous support of our members and other stakeholders of the cosmetic and personal care industry to fulfill our mission of advancing cosmetic science. Consider supporting the SCC by making a donation today!","icon":"","disabled":"","published":true},{"id":26871,"text":"75th Anniversary","depth":1,"url":"\/\/About\/\/75thAnniversary","title":"75th Anniversary","description":"After 75 years, the Society boasts one of the biggest footprints in the cosmetics and personal care industry. With our international, national and local events, we are proud to represent the industry and the greater scientific community as a well-respected organization that has never strayed from its mission: to advance cosmetic science.","icon":"","disabled":"","published":true}]},{"id":26483,"text":"Education","depth":0,"url":"\/\/Education","title":"Education","description":"From lab instruction to free webinars, we have courses for all career levels.","icon":"","disabled":"","published":true,"subMenuItems": [{"id":27599,"text":"Certificate Program","depth":1,"url":"\/\/Education\/\/CertificateProgram","title":"SCC Certificate Program","description":"The Society's Annual Meeting is the premier conference for cosmetic science education.","icon":"","disabled":"","published":true},{"id":26525,"text":"Courses","depth":1,"url":"\/\/Education\/\/Courses","title":"Courses","description":"From courses scheduled in conjunction with chapters’ Suppliers’ Days to free webinars, the SCC has education opportunities for members at all levels in their careers: seasoned professionals, young professionals, students and those in need of a refresher on certain topics. CEP instructors provide attendees with critical knowledge enabling them to advance their professional development.","icon":"","disabled":"","published":true},{"id":26513,"text":"Webinars","depth":1,"url":"\/\/Education\/\/Webinars","title":"Webinars","description":"Our latest educational offering keep cosmetic and personal care professionals informed on important scientific advancements, topics and trends in the industry. Most webinars are 60 to 90 minutes in duration, including an opportunity for participants to ask questions of the subject matter directly to expert presenters.","icon":"","disabled":"","published":true},{"id":26514,"text":"On Demand Content","depth":1,"url":"\/\/Education\/\/OnDemandContent","title":"","description":"","icon":"","disabled":"","published":true},{"id":26515,"text":"Blog","depth":1,"url":"\/\/Education\/\/Blog","title":"Blog","description":"The material published by the SCC Blog has been contributed by highly recognized professionals within the cosmetics and personal care industry. The topics are of interest to a wide audience and will range from technical information on In Vivo Testing Methods, Nail Structure and Dermatological research to Techniques\/Hints and Tips on Product Formulation, the Latest Trends in Hair Care and various ‘How to’ Articles.","icon":"","disabled":"","published":true}]},{"id":26484,"text":"Events","depth":0,"url":"\/\/Events","title":"Events","description":"Learn more about our events both on the chapter and national level.","icon":"","disabled":"","published":true,"subMenuItems": [{"id":27598,"text":"SCC78 Annual Meeting","depth":1,"url":"\/\/Events\/\/SCC78AnnualMeeting","title":"SCC78 Annual Meeting","description":"The Society's Annual Meeting is the premier conference for cosmetic science education.","icon":"","disabled":"","published":true},{"id":26527,"text":"Calendar of Events","depth":1,"url":"\/\/Events\/\/CalendarofEvents","title":"Calendar of Events","description":"On this page, you can find a complete list of SCC events, on both the National and Regional level.","icon":"","disabled":"","published":true},{"id":26705,"text":"Courses","depth":1,"url":"\/\/Events\/\/Courses","title":"","description":"","icon":"","disabled":"","published":true},{"id":26441,"text":"Webinars","depth":1,"url":"\/\/Events\/\/Webinars","title":"","description":"","icon":"","disabled":"","published":true},{"id":26670,"text":"Photo Gallery","depth":1,"url":"\/\/Events\/\/PhotoGallery","title":"Photo Gallery","description":"Over the years, the Society has hosted over 100 events. So as you can image, we have thousands of photos, some that may have never been seen before. We don't want to keep those treasures stored away. They are yours to cherish and we are happy to share them with you. Select the specific year and event you wish to view below. Then, enjoy the laughs, lessons and memories of the time we spent together.","icon":"","disabled":"","published":true}]},{"id":26485,"text":"Membership","depth":0,"url":"\/\/Membership","title":"Membership","description":"Our global membership is comprised of industry professionals and academics. Join Today!","icon":"","disabled":"","published":true,"subMenuItems": [{"id":26666,"text":"Membership Types & Dues","depth":1,"url":"\/\/Membership\/\/MembershipTypesDues","title":"Membership Types & Dues","description":"Cosmetic science is a fascinating intersection of the disciplines of chemistry, physics, biology, physiology, and psychology. By integrating these fundamental areas, cosmetic science is able to advance our basic understanding of personal care and beauty, and the application of cosmetic science continually drives innovation across a wide range of markets and product categories. Join Today!","icon":"","disabled":"","published":true},{"id":26667,"text":"Membership Benefits & Perks","depth":1,"url":"\/\/Membership\/\/MembershipBenefitsPerks","title":"Membership Benefits & Perks","description":"Membership with the Society of Cosmetic Chemists (SCC) connects you with professionals who undoubtedly understand the challenges and opportunities of the industry. Our benefits can be categorized into three major reasons why professionals in the cosmetic and personal care industry make the decision to join the SCC: Education, Networking and Events.","icon":"","disabled":"","published":true},{"id":26815,"text":"Fellowship","depth":1,"url":"\/\/Membership\/\/Fellowship","title":"Fellowship","description":"General members whom have achieved full maturity in their profession, as evidenced by a record of outstanding achievement and leadership, may apply for designation as a Fellow of the Society. Fellow status is an honor that reflects your dedication to the work of the SCC and signifies your allegiance to our mission of advancing Cosmetic Science, while being recognized by your peers and colleagues as a member of this special group.","icon":"","disabled":"","published":true},{"id":26673,"text":"NextGen","depth":1,"url":"\/\/Membership\/\/NextGen","title":"NextGen","description":"The NextGen initiative was launched in 2015 by the Society of Cosmetic Chemists to address the needs of early careerists, young professionals and undergraduate\/post-graduate students in the cosmetics and personal care industry. The initiative consists of special education, networking and other events specifically designed to assist the “next generation” of formulators, innovators, and ground-breakers in the industry.","icon":"","disabled":"","published":true},{"id":26665,"text":"Member Directory","depth":1,"url":"\/\/Membership\/\/MemberDirectory","title":"Member Directory","description":"Discover who's who in the Society with the official Membership Directory.","icon":"","disabled":"","published":true},{"id":26600,"text":"IFSCC","depth":1,"url":"\/\/Membership\/\/IFSCC","title":"IFSCC","description":"All members of the Society of Cosmetic Chemists (SCC) are automatically members of the International Federation of the Societies of Cosmetic Chemists (IFSCC).","icon":"","disabled":"","published":true},{"id":26511,"text":"Volunteer","depth":1,"url":"\/\/Membership\/\/Volunteer","title":"Volunteer","description":"By becoming a volunteer of the Society of Cosmetic Chemists, you will not only add valuable experience to your resume but you will also build genuine relationships with colleagues who are just as dedicated as you are to advancing cosmetic science.","icon":"","disabled":"","published":true}]},{"id":26565,"text":"Chapters","depth":0,"url":"\/\/Chapters","title":"Chapters","description":"Since 1948, Chapters have been the lifeblood of the Society of Cosmetic Chemists. Now, with 19 Chapters throughout Greater North America, you can experience SCC locally via frequent meetings, educational seminars, suppliers’ days, social events, golf outings, webinars, and more. These Chapters are run by dedicated volunteer leaders who lend their time, talents, and passion for the industry to shape your local SCC Chapter experience.","icon":"","disabled":"","published":true},{"id":26486,"text":"Career Center","depth":0,"url":"\/\/CareerCenter","title":"","description":"","icon":"","disabled":"","published":true},{"id":26487,"text":"Resources","depth":0,"url":"\/\/Resources","title":"Resources","description":"Go-to resource for the latest scientific research, education and information.","icon":"","disabled":"","published":true,"subMenuItems": [{"id":26772,"text":"Journal of Cosmetic Science","depth":1,"url":"\/\/Resources\/\/JournalofCosmeticScience","title":"Journal of Cosmetic Science","description":"The Journal of Cosmetic Science, publishes papers concerned with cosmetics, cosmetic products, fragrances, their formulation and their effects in skin care or in overall consumer well-being, as well as papers relating to the sciences underlying cosmetics, such as human skin physiology, color physics, physical chemistry of colloids and emulsions, or psychological effects of olfaction in humans. ","icon":"","disabled":"","published":true},{"id":26494,"text":"SCC Media Library","depth":1,"url":"\/\/Resources\/\/SCCMediaLibrary","title":"Media Library","description":"In the spring of 2020, the Society launched the SCC Media Library and Resource Center, a digital platform poised to be the industry’s go-to resource for the latest scientific research, education and information.","icon":"","disabled":"","published":true},{"id":26742,"text":"Industry Provider Directory","depth":1,"url":"\/\/Resources\/\/IndustryProviderDirectory","title":"Industry Provider Directory","description":"The SCC hosts an Industry Provider Directory for the Cosmetics and Personal Care Industry.","icon":"","disabled":"","published":true},{"id":26774,"text":"Partners & Other Organizations","depth":1,"url":"\/\/Resources\/\/PartnersOtherOrganizations","title":"","description":"","icon":"","disabled":"","published":true}]}]}">
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<label>NodeSelector</label><br>
<input name="dnn$JsonMenu$hfNodeSelector" type="text" id="dnn_JsonMenu_hfNodeSelector" class="hidden">
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<label>ExcludeNodes</label><br>
<input name="dnn$JsonMenu$hfExcludeNodes" type="text" id="dnn_JsonMenu_hfExcludeNodes" class="hidden" value="OVSCC,FLSCC,IMWSCC,LESCC,CarolinaSCC,Midwestscc,StLouis,LISCC,NESCC,southeastscc,SCCMI">
</div>
</div>
</div>
<div class="Mega-Menu-Wrapper">
<div class="Mega-Menu-Container col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING" style="margin: 1em 6.25%; height: 100%; max-height: 455px; min-width: 140px; width: 10%; display: inline-block;">
<div class="Mega-Menu-Top-Left col-lg-4 col-md-4 col-sm-4 col-xs-4 NO-PADDING NO-MARGIN" style="height: 100%; max-height: 455px; width: 100%; min-width: 140px; display: inline-block; overflow-y: auto;">
<!-- Nav tabs -->
<ul class="nav nav-tabs tabs-left">
<li class=" Mega-Menu-Item" depthlevel="0" childcount=""><a href="#26482" data-toggle="tab" url="//About" ignore-hover-automation="" onmouseenter="doMenuItemMouseHover(this, event);">About</a></li>
<li class=" Mega-Menu-Item" depthlevel="0" childcount=""><a href="#26483" data-toggle="tab" url="//Education" ignore-hover-automation="" onmouseenter="doMenuItemMouseHover(this, event);">Education</a></li>
<li class=" Mega-Menu-Item" depthlevel="0" childcount=""><a href="#26484" data-toggle="tab" url="//Events" ignore-hover-automation="" onmouseenter="doMenuItemMouseHover(this, event);">Events</a></li>
<li class=" Mega-Menu-Item" depthlevel="0" childcount=""><a href="#26485" data-toggle="tab" url="//Membership" ignore-hover-automation="" onmouseenter="doMenuItemMouseHover(this, event);">Membership</a></li>
<li class=" Mega-Menu-Item" depthlevel="0" childcount=""><a href="#26565" data-toggle="tab" url="//Chapters" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Chapters</a></li>
<li class=" Mega-Menu-Item" depthlevel="0" childcount=""><a href="#26486" data-toggle="tab" url="//CareerCenter" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Career Center</a></li>
<li class=" Mega-Menu-Item" depthlevel="0" childcount=""><a href="#26487" data-toggle="tab" url="//Resources" ignore-hover-automation="" onmouseenter="doMenuItemMouseHover(this, event);">Resources</a></li>
</ul>
</div>
<div class="Mega-Menu-Top-Right col-lg-8 col-md-8 col-sm-8 col-xs-8 NO-PADDING" style="height: 100%; max-height: 453px; width: 0%; margin-left: -2px; overflow: hidden; display: none; ">
<!-- Tab panes -->
<div class="tab-content col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN" style="height: 100%;">
<div class="tab-pane tab-pane-container " id="26482" childcount="">
<div class="top-menu col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h3>About</h3>
<h6>Learn more about who we are, what we do, and what we stand for. </h6>
<div class="top-menu-drop-down col-lg-12 col-md-12 col-sm-12 col-xs-12"></div>
<ul class="nav nav-tabs ">
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26489" data-toggle="tab" url="//About//MissionStatement" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Mission Statement</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26490" data-toggle="tab" url="//About//BylawsCodeofEthics" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Bylaws & Code of Ethics</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26491" data-toggle="tab" url="//About//StrategicPlan" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Strategic Plan</a>
</li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26492" data-toggle="tab" url="//About//Leadership" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Leadership</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26610" data-toggle="tab" url="//About//AwardsandScholarships" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Awards and Scholarships</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26493" data-toggle="tab" url="//About//PartnersOtherOrganizations" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Partners & Other Organizations</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#27578" data-toggle="tab" url="//About//2024MediaKit" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">2024 Media Kit</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26496" data-toggle="tab" url="//About//IntheNews" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">In the News</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26497" data-toggle="tab" url="//About//ContacttheSCC" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Contact the SCC</a>
</li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26776" data-toggle="tab" url="//About//FAQ" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">FAQ</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26601" data-toggle="tab" url="//About//Donate" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Donate</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26871" data-toggle="tab" url="//About//75thAnniversary" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">75th Anniversary</a>
</li>
</ul>
</div><small class="Small-Text">About<small></small></small>
</div>
<div class="tab-pane tab-pane-container " id="26483" childcount="">
<div class="top-menu col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h3>Education</h3>
<h6>From lab instruction to free webinars, we have courses for all career levels.</h6>
<div class="top-menu-drop-down col-lg-12 col-md-12 col-sm-12 col-xs-12"></div>
<ul class="nav nav-tabs ">
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#27599" data-toggle="tab" url="//Education//CertificateProgram" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Certificate Program</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26525" data-toggle="tab" url="//Education//Courses" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Courses</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26513" data-toggle="tab" url="//Education//Webinars" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Webinars</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26514" data-toggle="tab" url="//Education//OnDemandContent" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">On Demand Content</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26515" data-toggle="tab" url="//Education//Blog" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Blog</a></li>
</ul>
</div><small class="Small-Text">Education<small></small></small>
</div>
<div class="tab-pane tab-pane-container " id="26484" childcount="">
<div class="top-menu col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h3>Events</h3>
<h6>Learn more about our events both on the chapter and national level.</h6>
<div class="top-menu-drop-down col-lg-12 col-md-12 col-sm-12 col-xs-12"></div>
<ul class="nav nav-tabs ">
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#27598" data-toggle="tab" url="//Events//SCC78AnnualMeeting" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">SCC78 Annual Meeting</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26527" data-toggle="tab" url="//Events//CalendarofEvents" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Calendar of Events</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26705" data-toggle="tab" url="//Events//Courses" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Courses</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26441" data-toggle="tab" url="//Events//Webinars" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Webinars</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26670" data-toggle="tab" url="//Events//PhotoGallery" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Photo Gallery</a></li>
</ul>
</div><small class="Small-Text">Events<small></small></small>
</div>
<div class="tab-pane tab-pane-container " id="26485" childcount="">
<div class="top-menu col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h3>Membership</h3>
<h6>Our global membership is comprised of industry professionals and academics. Join Today!</h6>
<div class="top-menu-drop-down col-lg-12 col-md-12 col-sm-12 col-xs-12"></div>
<ul class="nav nav-tabs ">
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26666" data-toggle="tab" url="//Membership//MembershipTypesDues" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Membership Types & Dues</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26667" data-toggle="tab" url="//Membership//MembershipBenefitsPerks" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Membership Benefits & Perks</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26815" data-toggle="tab" url="//Membership//Fellowship" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Fellowship</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26673" data-toggle="tab" url="//Membership//NextGen" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">NextGen</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26665" data-toggle="tab" url="//Membership//MemberDirectory" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Member Directory</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26600" data-toggle="tab" url="//Membership//IFSCC" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">IFSCC</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount=""><a href="#26511" data-toggle="tab" url="//Membership//Volunteer" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Volunteer</a></li>
</ul>
</div><small class="Small-Text">Membership<small></small></small>
</div>
<div class="tab-pane tab-pane-container " id="26565" childcount="">
<div class="top-menu col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h3>Chapters</h3>
<h6>Since 1948, Chapters have been the lifeblood of the Society of Cosmetic Chemists. Now, with 19 Chapters throughout Greater North America, you can experience SCC locally via frequent meetings, educational seminars,
suppliers’ days, social events, golf outings, webinars, and more. These Chapters are run by dedicated volunteer leaders who lend their time, talents, and passion for the industry to shape your local SCC Chapter experience.
</h6>
<div class="top-menu-drop-down col-lg-12 col-md-12 col-sm-12 col-xs-12"></div>
</div><small class="Small-Text">Chapters<small></small></small>
</div>
<div class="tab-pane tab-pane-container " id="26486" childcount="">
<div class="top-menu col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h3></h3>
<h6></h6>
<div class="top-menu-drop-down col-lg-12 col-md-12 col-sm-12 col-xs-12"></div>
</div><small class="Small-Text">Career Center<small></small></small>
</div>
<div class="tab-pane tab-pane-container " id="26487" childcount="">
<div class="top-menu col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h3>Resources</h3>
<h6>Go-to resource for the latest scientific research, education and information.</h6>
<div class="top-menu-drop-down col-lg-12 col-md-12 col-sm-12 col-xs-12"></div>
<ul class="nav nav-tabs ">
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26772" data-toggle="tab" url="//Resources//JournalofCosmeticScience" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Journal of Cosmetic Science</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26494" data-toggle="tab" url="//Resources//SCCMediaLibrary" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">SCC Media Library</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26742" data-toggle="tab" url="//Resources//IndustryProviderDirectory" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Industry Provider Directory</a></li>
<li class=" Mega-Menu-Item" depthlevel="1" childcount="">
<a href="#26774" data-toggle="tab" url="//Resources//PartnersOtherOrganizations" ignore-hover-automation="true" onmouseenter="doMenuItemMouseHover(this, event);">Partners & Other Organizations</a></li>
</ul>
</div><small class="Small-Text">Resources<small></small></small>
</div>
</div>
</div>
<div id="dnn_JsonMenu_btnClose" class="FormButton Close-Menu-Button col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING">
<i class="fa Menu-Close-Item" style="float: right;" onclick="closeMegaMenu(this, event);" ontouchend="closeMegaMenu(this, event);"></i></div>
</div>
</div>
<script>
function setDepth(data, depth) {
try {
console.log('setDepth() ...');
$.each(data, function() {
try {
this.depth = depth;
if (this.subMenuItems && this.subMenuItems.length > 0) {
var newDepth = depth + 1;
setDepth(this.subMenuItems, newDepth);
}
} catch (ex) {
console.log(ex.message);
}
});
} catch (ex) {
console.log(ex.message);
}
}
function setUrl(data, dataType, url) {
try {
console.log('setUrl() ...');
$.each(data, function() {
try {
this.url = url + "?" + dataType + "=" + this.id;
this.ignoreAutomation = true;
if (this.subMenuItems && this.subMenuItems.length > 0) {
setUrl(this.subMenuItems, dataType, url);
}
} catch (ex) {
console.log(ex.message);
}
});
} catch (ex) {
console.log(ex.message);
}
}
function initializeJsonMenu(switchMenus) {
try {
if (switchMenus == null) {
switchMenus = true;
}
try {
$('[id*=divNOAHAMSMegaMenu]').hide();
} catch (ex) {
console.log(ex.message);
}
try {
$(window).on('click', function() {
try {
hideMenu();
} catch (ex) {
console.log(ex.message);
}
});
} catch (ex) {
console.log(ex.message);
}
//console.log('initializeJsonMenu() ...');
if (menuBaseTemplate && menuBaseTemplate.toString().trim().length > 0) {
$('.hc-offcanvas-nav').remove();
$('.Mega-Menu-Wrapper').html(menuBaseTemplate);
}
var menuData = JSON.parse($('[id*=hfDataJsonMenu]').val());
var superMenu = menuData.menuItems;
jsonMENU = superMenu;
parentRoot = jsonMENU;
selectedRoot = jsonMENU;
menuConversionInitialized = false;
menuDesktopInitialized = false;
if (switchMenus) {
switchMenuModes();
}
} catch (ex) {
console.log(ex.message);
}
}
var _LastMenuMode = 'DESKTOP';
var setupDateTimeout = null;
var menuBaseTemplate = null;
function switchMenuModes() {
try {
//console.log('switchMenuModes() ... ' + _LastMenuMode);
if ($(window).width() <= useMobileMenuWidthAt) {
if (_LastMenuMode != 'MOBILE') {
if (setupDateTimeout) {
clearTimeout(setupDateTimeout);
}
initializeJsonMenu(false);
}
_LastMenuMode = 'MOBILE';
if (!menuConversionInitialized) {
setupDateTimeout = setTimeout(function() {
initJSONMenu_MOBILE(parentRoot, {
navElement: '.mobile-menu-nav-data',
navToggleElement: '.Menu-Navigation > .level-0.first',
options: defaultMobileMenuOptions
});
}, 1);
menuConversionInitialized = true;
}
// menuDesktopInitialized = false;
} else {
if (_LastMenuMode != 'DESKTOP') {
if (setupDateTimeout) {
clearTimeout(setupDateTimeout);
}
initializeJsonMenu(false);
}
_LastMenuMode = 'DESKTOP';
if (!menuDesktopInitialized) {
setupDateTimeout = setTimeout(function() {
initJSONMenu_DESKTOP(parentRoot);
}, 1);
menuDesktopInitialized = true;
}
// menuConversionInitialized = false;
}
} catch (ex) {
console.log(ex.message);
}
}
try {
//console.log('adding start script for JSONMenu ...');
if (!menuBaseTemplate) {
menuBaseTemplate = $('.Mega-Menu-Wrapper').html().toString();
}
runStartUpScripts.push(initializeJsonMenu);
} catch (ex) {
console.log(ex.message);
}
</script>
<!-- ADDING DYNAMIC MENU WITH PLUGIN -->
<!-- ADD THESE OPTIONS START COPY AND PASTE HERE -->
<div class="mobile-menu-options hidden">
<h4>Choose position</h4>
<div class="mobile-menu-actions position">
<div><a href="#" data-demo="{position:'left'}" class="button left active">Left</a> </div>
<div><a href="#" data-demo="{position:'right'}" class="button right">Right</a> </div>
<div><a href="#" data-demo="{position:'top'}" class="button top">Top</a> </div>
<div><a href="#" data-demo="{position:'bottom'}" class="button bottom">Bottom</a> </div>
</div>
<h4>Levels open</h4>
<div class="mobile-menu-actions levels">
<div><a href="#" data-demo="{levelOpen:'overlap', levelSpacing:40}" class="button overlap active">Overlap levels</a> </div>
<div><a href="#" data-demo="{levelOpen:'expand', levelSpacing:25}" class="button expand">Expand levels</a> </div>
<div><a href="#" data-demo="{levelOpen:false, levelSpacing:25}" class="button unfolded">Unfolded levels</a> </div>
</div>
<h4>Additional options</h4>
<div class="mobile-menu-actions options">
<div>
<label>
<input type="checkbox" class="closeOnClick" data-demo="{closeOnClick:true}"><label plugincorrected="true" for="undefined"></label>
<span></span>Close on click </label>
</div>
<div>
<label>
<input type="checkbox" class="disableBody" data-demo="{disableBody:true}"><label plugincorrected="true" for="undefined"></label>
<span></span>Disable body </label>
</div>
<div>
<label>
<input type="checkbox" class="pushContent" data-demo="{pushContent: $('body.Content')}"><label plugincorrected="true" for="undefined"></label>
<span></span>Push content </label>
</div>
<div>
<label>
<input type="checkbox" class="navTitle" data-demo="{navTitle: $('[id*=dnn_dnnLogoXS_hypLogo]').clone().html(), levelTitles:true}"><label plugincorrected="true" for="undefined"></label>
<span></span>Main nav and level titles </label>
</div>
<div>
<label>
<input type="checkbox" class="includeCloseAndBack" data-demo="{insertClose:true, insertBack:true}"><label plugincorrected="true" for="undefined"></label>
<span></span>Close and back buttons </label>
</div>
</div>
<script>
var mobileToggle = null;
var mobileNavElement = null;
var mobileNavPlugin = null;
var defaultMobileMenuOptions = {
maxWidth: false,
customToggle: mobileToggle,
navTitle: $('[id*=dnn_dnnLogoXS_hypLogo]').clone().html(),
levelTitles: true,
pushContent: $('body.Content'),
insertClose: 2,
closeLevels: false
};
// call our plugin
const update = (settings) => {
try {
//console.log('update() ...');
if (mobileNavPlugin.isOpen()) {
mobileNavPlugin.on('close.once', function() {
mobileNavPlugin.update(settings);
mobileNavPlugin.open();
});
mobileNavPlugin.close();
} else {
mobileNavPlugin.update(settings);
}
} catch (ex) {
console.log(ex.message);
}
};
function hcOffCanvasMenuLabel_click(sender, e) {
var result = true;
try {
//console.log('LABEL CLICKED!');
var label = $(sender);
var activeElement = label.closest('[url]');
var isNext = label.attr('isNext') || false;
if (isNext.toString().toLowerCase() != 'true') {
var ignoreAutomation = (activeElement.attr('ignore-hover-automation') || 'not found').toString().trim().toLowerCase();
if (ignoreAutomation == 'not found') {
ignoreAutomation = (activeElement.closest('.nav-item').attr('ignore-hover-automation') || 'NOT FOUND').toString().trim().toLowerCase();
}
if (activeElement && (ignoreAutomation == 'true')) {
window.location = activeElement.attr('url').replace("//", "/");
result = false;
}
}
} catch (ex) {
console.log(ex.message);
}
return result;
}
function hcOffCanvasMenuNext_click(sender, e) {
var result = true;
try {
//console.log('NEXT CLICKED!');
var next = $(sender)
var label = next.parent().find('label');
var activeElement = next.closest('[url]');
label.click();
} catch (ex) {
console.log(ex.message);
}
return result;
}
function dataSetupComplete_onAfter(options) {
try {
//console.log('dataSetupComplete_onAfter() ...');
var _defaults = {
navElement: '.mobile-menu-nav-data',
navToggleElement: '.mobile-menu-toggle',
options: defaultMobileMenuOptions
};
var settings = $.extend({}, _defaults, options);
if (settings && settings.navElement) {
settings.navElement = $(settings.navElement);
}
if (settings && settings.navToggleElement) {
settings.navToggleElement = $(settings.navToggleElement);
}
if (settings && settings.navElement && settings.navElement.length == 0) {
settings.navElement = null;
}
if (settings && settings.navToggleElement && settings.navToggleElement.length == 0) {
settings.navToggleElement = null;
}
if (settings && settings.options && settings.options.length == 0) {
settings.options = null;
}
mobileNavElement = settings.navElement || $('.mobile-menu-nav-data');
if (mobileNavElement) { // MUST HAVE DATA SOURCE
mobileToggle = settings.navToggleElement || $('.mobile-menu-toggle');
if (mobileToggle) { // MUST HAVE TOGGLE
var dataToUse = settings.options || defaultMobileMenuOptions || {};
mobileNavPlugin = mobileNavElement.hcOffcanvasNav(dataToUse);
try {
// INITIALIZE DYNAMIC OPTIONS
// POSITION
$('.mobile-menu-actions.position').find('.left').click()
// LEVELS
$('.mobile-menu-actions.levels').find('.overlap').click()
// OPTIONS
$('.mobile-menu-actions.options').find('.closeOnClick').click().change();
$('.mobile-menu-actions.options').find('.disableBody').click().change();
// $('.mobile-menu-actions.options').find('.pushContent').click().change() // DONT TURN ON
// $('.mobile-menu-actions.options').find('.navTitle').click().change();
$('.mobile-menu-actions.options').find('.includeCloseAndBack').click().change();
} catch (ex) {
console.log(ex.message);
}
}
}
// INSURE CLOSE IS FIRST ITEM IN THE LIST
try {
var parentMenu = $('.hc-offcanvas-nav').find('.nav-close').closest('ul');
var menuCloseItem = $('.hc-offcanvas-nav').find('.nav-close').detach();
parentMenu.prepend(menuCloseItem);
} catch (ex) {
console.log(ex.message);
}
try {
//console.log('running start mobile JSONMenu initializers (EVENT ITEMS) ...');
// IF NEEDED UNCOMMENT THIS LINE (JSON menu to MobileNav Plugin)
jsonMenuToMobileNavEvents({});
} catch (ex) {
console.log(ex.message);
}
} catch (ex) {
console.log(ex.message);
}
}
function jsonMenuToMobileNavEvents(options) {
try {
//console.log('jsonMenuToMobileNavEvents() ...');
var _defaults = {};
var settings = $.extend({}, _defaults, options);
// TURN OFF ALL EVENTS WE ASSIGNED IN THE ORIGINAL MENU
try {
$('.nav-next').parent().off();
} catch (ex) {
console.log(ex.message);
}
try {
$('.Menu-Navigation').find('.level-0.first, .level-0.first a').off().on('click touchend', function(sender, e) {
try {
// alert('mouseover');
var e = e || window.event;
e.stopPropagation();
e.preventDefault();
$('.hc-nav-trigger').click();
$('.Mega-Menu-Container').hide();
} catch (ex) {
console.log(ex.message);
}
});
} catch (ex) {
console.log(ex.message);
}
} catch (ex) {
console.log(ex.message);
}
try {
$('.Mega-Menu-Container .PLEASE-WAIT').hide()
} catch (ex) {
console.log(ex.message);
}
}
try {
$(window).resize(function() {
var setupDateTimeout = setTimeout(function() {
switchMenuModes();
}, 1)
});
} catch (ex) {
console.log(ex.message);
}
</script>
</div>
<style>
/*@media screen and (max-width : 1024px)
{
.USE-DNN-VISIBLE-OFFSET > * {
margin-left: 80px;
width: auto;
}
.USE-DNN-VISIBLE-OFFSET .hc-offcanvas-nav .nav-container {
left: 80px !important;
}
}*/
</style>
<script>
<!-- OVERRIDE TO ANY PORTAL CALL (AMS)
-->
function
handleMenu(sender,
e)
{
try
{
if
(!_inProgress)
{
_inProgress
=
true;
//console.log("0");
e.preventDefault();
e.stopPropagation();
var
isMobileResolution
=
($(window).width()
<= useMobileMenuWidthAt); if (isMobileResolution) { $('.hc-nav-trigger').click(); _inProgress=false; } else { $('[id*=divNOAHAMSMegaMenu]').show('fast').promise().done(function () { _inProgress=false; }); } } } catch (ex) {
console.log(ex.message); } try { var dnnVisible=($('.personalBarContainer iframe:visible').length> 0); $('body').removeClass('USE-DNN-VISIBLE-OFFSET'); $('.hc-offcanvas-nav').removeClass('USE-DNN-VISIBLE-OFFSET'); if (dnnVisible) {
$('body').addClass('USE-DNN-VISIBLE-OFFSET'); $('.hc-offcanvas-nav').addClass('USE-DNN-VISIBLE-OFFSET'); } } catch (ex) { console.log(ex.message); } return false; }
</script>
</div>
<!--========== END MOBILE NAVIGATION ==========-->
<!--========== MOBILE LOGO ==========-->
<div class="col-sm-6 col-xs-6 dnnLogo mobileOnly chapSMLogo">
<a id="dnn_mobileLogo_hypLogo" title="Society of Cosmetic Chemists" aria-label="Society of Cosmetic Chemists" href="https://www.scconline.org/"><img id="dnn_mobileLogo_imgLogo" src="/Portals/100/651x130_2016_SCC_official_new_Logo.jpg?ver=ZsuxioBm9T7lZchl2lbp1g%3d%3d" alt="Society of Cosmetic Chemists" style="border-width:0px;"></a>
</div>
<!--========== END MOBILE LOGO ==========-->
<!--========== MOBILE SUB NAVIGATION ==========-->
<div class="col-sm-3 col-xs-4 mobileOnly">
<nav class="navbar navbar-default subNav navbar-right" role="navigation">
<ul class="nav navbar-nav navbarSub">
<li>
<div id="dnn_ShoppingCart1_upnlShoppingCart" style="display: inline;">
<a id="dnn_ShoppingCart1_lbShoppingCart" class="fas fa-shopping-cart" href="javascript:__doPostBack('dnn$ShoppingCart1$lbShoppingCart','')"> </a>
</div>
<script>
$(document).ready(function() {
try {
var currentHTML = $('div[id*=upnlShoppingCart1] > a').html();
$($('div[id*=upnlShoppingCart1] > a')[0]).html('<i aria-hidden="true" class="fas fa-shopping-cart"></i><div class="Nav-Word">' + currentHTML + '</div>');
} catch (ex) {}
})
</script>
</li>
<li><a href="#" title="Search" aria-label="Search" data-toggle="modal" data-target="#searchModal" class="accent Search-Button"><i class="far fa-search"></i></a></li>
<li>
<style>
[id*=NOAHSignInUser] {
display: inline-block;
position: relative;
}
[id*=SignInUserInfoBox] {
display: none;
background-color: #FFF;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
font-size: .75em;
padding: 5px;
opacity: .95;
position: fixed;
right: 0;
text-align: left;
width: 100%;
z-index: 10;
}
[id*=SignInUserPhoto] {
display: block;
float: left;
margin-right: 2px;
width: 25%;
}
[id*=SignInUserPhoto] .user-photo {
width: 48px;
}
[id*=SignInUserInfo] {
display: block;
float: left;
width: 73%;
}
[id*=SignInUserInfo] .user-name {
font-weight: bold;
margin: 0;
text-transform: uppercase;
}
[id*=SignInUserInfo] a.manage-account {
background-color: #555;
color: #FFF;
padding: 4px 6px;
text-decoration: none;
}
[id*=SignInUserInfo] a.manage-account:hover {
background-color: #727272;
text-decoration: none;
}
[id*=SignInUserInfoSignOut] {
display: block;
text-align: center;
}
/* Desktop Layout: 769px and up. */
@media only screen and (min-width: 769px) {
[id*=SignInUserInfoBox] {
position: absolute;
width: 250px;
}
}
</style>
<script>
function toggleMyAccount(sender, e) {
var result = false;
try {
toggleUserInfo(sender, e);
} catch (ex) {
console.log(ex.message);
}
return result;
}
//function makeMobileFriendlySignIn() {
// try {
// if (isMobileTouchDevice) {
// $('[onclick]').each(function () {
// try {
// var element = $(this);
// var val = element.attr('onclick');
// if (isMobileTouchDevice) {
// element.removeAttr('onclick');
// element.bind('ontouchstart', function () { eval(val); });
// }
// }
// catch (ex) {
// console.log("makeMobileFriendly() " + ex.message);
// }
// });
// }
// }
// catch (ex) {
// console.log(ex.message);
// }
//}
//function pageLoad() { try { makeMobileFriendlySignIn(); } catch (ex) { console.log(ex.message); } }
//$(document).ready(function () { try { makeMobileFriendlySignIn(); } catch (ex) { console.log(ex.message); } });
</script>
<div id="NOAHSignInUser">
<a id="dnn_SignInUser_hlSignIn" class="accent" rel="nofollow" href="https://www.scconline.org/Sign-In?returnurl=%2f"><i aria-hidden="true" class="fa fa-user"></i> <i aria-hidden="true" class="fas fa-user"></i><div class="Nav-Word">LOGIN</div></a>
<div id="SignInUserInfoBox" style="display:none;">
<i class="fas fa-user userIconReplace"></i>
<div id="SignInUserInfo">
</div>
<hr>
<div id="SignInUserInfoSignOut">
<a id="dnn_SignInUser_hlUserInfoSignOut" class="user-sign-out"></a>
</div>
</div>
</div>
<script>
function toggleUserInfo(sender, e) {
try {
// toggle user info box
$(sender).parent().find("[id*=SignInUserInfoBox]").slideToggle("fast");
} catch (ex) {
// alert(ex);
}
}
$(document).ready(function(e) {
try {
// check for userInfoCssClass property and set the class if found
var userInfoCssClass = "";
if (userInfoCssClass != null && userInfoCssClass != "") {
$("[id*=SignInUserInfoBox]").addClass(userInfoCssClass);
}
} catch (ex) {
// alert(ex);
}
});
$(document).mouseup(function(e) {
try {
// hide user info box if the target of the click isn't the container nor a descendant of the container
var container = $("[id*=NOAHSignInUser]");
if (!container.is(e.target) && container.has(e.target).length == 0) {
$("[id*=SignInUserInfoBox]").slideUp("fast");
}
} catch (ex) {
// alert(ex);
}
});
</script>
</li>
</ul>
</nav>
</div>
<!--========== END MOBILE SUB NAVIGATION ==========-->
</div>
</div>
<!--========== END MOBILE HEAD ==========-->
<!--========== Icon for Sign In - DISPLAY: NONE ==========-->
<div class="Quick-Navigation">
<ul class="nav nav-pills nav-global">
<li role="presentation" class="SignIn-Normal" style="display: none;">
<div>
<script>
$(document).ready(function() {
try {
var currentHTML = $('div[id*=NOAHSignInUser] > a').html();
$($('div[id*=NOAHSignInUser] > a')[0]).html('<i aria-hidden="true" class="fas fa-user"></i><div class="Nav-Word">' + currentHTML + '</div>');
} catch (ex) {}
})
</script>
</div>
</li>
</ul>
</div>
<!--========== End Icon for Sign In ==========-->
</header>
<!--=========== END HEADER ===========-->
<!--=========== WIDE BANNER (TOP) CONTENT ===========-->
<div class="Wide-Banner-Wrapper">
<div id="dnn_Wide_Banner_Top_Pane" class="Wide-Banner Pane">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-127568 DnnVersionableControl"><a name="127568"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr127568_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_127568 -->
<div id="dnn_ctr127568_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr127568_HtmlModule_lblContent">
<style type="text/css">
@media screen and (min-width: 1202px) and (max-width: 1301px) {
div.pageHeadiconDesc {
margin-top: -20px;
;
}
}
@media screen and (min-width: 993px) and (max-width: 1201px) {
Img.pageImgHead {
height: 250px;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
div.pageHeadiconDesc {
margin-top: 50px;
;
}
Img.pageImgHead {
height: 300px;
}
}
</style>
<div class="col-xs-12 pageHead"><img alt="" class="pageImgHead" src="/portals/100/SCC%20Home%20Page/Header%20Image/SCC_HeroImages_home%20240H.jpg?ver=lGOSPzU9Xi1PGsWeoTajpQ%3d%3d">
<div class="pageHeadIconContent col-xs-12 col-xs-12 col-xs-12 col-xs-12">
<div class="pageHeadIconLeft col-xs-6 col-xs-12 col-xs-6 col-xs-12">
<h1><span class="pageHeadiconTitle noiconTitleTwo">CONNECT WITH 5,000+ GLOBAL INDUSTRY PEERS <div class="pageHeadiconDesc LongText">
<br>
<h6>Expand Your Knowledge, Professional Network, Resources, and Skills. <br><br>
<a href="/Membership/Join" class="btn btn-primary btn-lg" data-feathr-click-track="true" data-feathr-link-aids="60b165fe6f52fe9c2c244d3d">JOIN TODAY <i class="fas fa-angle-right"></i></a>
</h6>
</div> </span></h1>
</div>
<div class="pageHeadIconRight col-lg-6 col-md-6 col-sm-6 col-xs-12">
<ul class="pageHeadIconList pageHeadIconListShort">
<li><span class="pageHeadBS2"><a href="https://library.scconline.org/recent-issues/" data-feathr-click-track="true" data-feathr-link-aids="60b165fe6f52fe9c2c244d3d">Journal Of Cosmetic Science</a></span><br>
<span class="pageHeadBS3">Check Out the Latest Issue: Volume 75 No 2</span>
</li>
<li><span class="pageHeadBS2"><a href="https://library.scconline.org/home" data-feathr-click-track="true" data-feathr-link-aids="60b165fe6f52fe9c2c244d3d">SCC Media Library</a></span><br>
<span class="pageHeadBS3">Over 150+ Free Scientific Presentation Recordings for SCC Members</span>
</li>
<li><span class="pageHeadBS2"><a href="/Resources/Industry-Connections/Industry-Provider-Directory/" data-feathr-click-track="true" data-feathr-link-aids="60b165fe6f52fe9c2c244d3d">Industry Provider Directory</a></span><br>
<span class="pageHeadBS3">Find Someone To Help You</span>
</li>
</ul>
</div>
</div>
</div>
<p> </p>
</div>
</div><!-- End_Module_127568 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-137340 DnnVersionableControl"><a name="137340"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr137340_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_137340 -->
<div id="dnn_ctr137340_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr137340_HtmlModule_lblContent">
<center>
<!-- SCC | Website | Leaderboard [asyncbeta] -->
<script type="text/javascript">
if (!window.AdButler) {
(function() {
var s = document.createElement("script");
s.async = true;
s.type = "text/javascript";
s.src = 'https://servedbyadbutler.com/app.js';
var n = document.getElementsByTagName("script")[0];
n.parentNode.insertBefore(s, n);
}());
}
</script>
<script async="" type="text/javascript"
src="https://servedbyadbutler.com/adserve/;ID=165731;size=728x90;setID=724485;type=async;domid=placement_724485_0;place=0;pid=6828147;sw=1600;sh=1200;spr=1;rnd=6828147;referrer=https%3A%2F%2Fwww.scconline.org%2F;atf=1;click=CLICK_MACRO_PLACEHOLDER">
</script>
<div class="plc724485" id="placement_724485_0">
<div id="placement_724485_0_ins" style="margin:0;padding:0;"
eligible-callback="https://servedbyadbutler.com/adserve/;MID=165731;type=e959fb862;placementID=2378585;setID=724485;channelID=0;CID=0;BID=521847922;TAID=0;place=0;referrer=https%3A%2F%2Fwww.scconline.org%2F;mt=1718271199379236;hc=5190076b78e8177d895e31a5a94bd8b957c473a1"
viewable-callback="https://servedbyadbutler.com/adserve/;MID=165731;type=v959fb862;placementID=2378585;setID=724485;channelID=0;CID=0;BID=521847922;TAID=0;place=0;referrer=https%3A%2F%2Fwww.scconline.org%2F;mt=1718271199379222;hc=9f27f544802efb090f41411ba0d7e55c3ca0f916"
viewable="true">
<a href="https://servedbyadbutler.com/redirect.spark?MID=165731&plid=2378585&setID=724485&channelID=0&CID=0&banID=521847922&PID=0&textadID=0&tc=1&scheduleID=2297201&adSize=728x90&mt=1718271199379156&sw=1600&sh=1200&spr=1&referrer=https%3A%2F%2Fwww.scconline.org%2F&hc=24ffe626419d0a82900472e895d96cb5fe6ef4d7&location=" target="_blank" rel="nofollow"><img src="https://servedbyadbutler.com/getad.img/;libID=4125522" alt="" title="" border="0" style="width:100%; max-width:728px"></a>
</div>
</div>
<script type="text/javascript">
var AdButler = AdButler || {};
AdButler.ads = AdButler.ads || [];
var abkw = window.abkw || '';
var plc724485 = window.plc724485 || 0;
(function() {
var divs = document.querySelectorAll(".plc724485:not([id])");
var div = divs[divs.length - 1];
div.id = "placement_724485_" + plc724485;
AdButler.ads.push({
handler: function(opt) {
AdButler.register(165731, 724485, [728, 90], 'placement_724485_' + opt.place, opt);
},
opt: {
place: plc724485++,
keywords: abkw,
domain: 'servedbyadbutler.com',
click: 'CLICK_MACRO_PLACEHOLDER'
}
});
})();
</script>
</center>
</div>
</div><!-- End_Module_137340 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
<!--=========== STANDARD CONTENT ===========-->
<section class="Content body col-lg-12 col-md-12 col-sm-12 col-xs-12 NO-PADDING NO-MARGIN" style="min-height: 515px;">
<div class="container">
<!--=========== CONTENT ===========-->
<div class="Content-Wrapper">
<div id="dnn_Desktop_Left_Pane" class="Content-Container Desktop-Content-Container-Left">
<!--=========== PUT ANY CONTAINERS FOR LEFT SIDE HERE ===========-->
</div>
<div class="Content-Container Center-Narrow-Content-Pane">
<!--=========== PUT ANY CONTAINERS FOR CENTER SCREEN HERE ===========-->
<!--=========== BREADCRUMBS ===========-->
<div class="row Pane">
<div class="col-sm-12 Breadcrumbs-Container">
<span id="dnn_dnnBreadcrumbs_lblBreadCrumb" itemprop="breadcrumb" itemscope="" itemtype="https://schema.org/breadcrumb"><span itemscope="" itemtype="http://schema.org/BreadcrumbList"><span itemprop="itemListElement" itemscope=""
itemtype="http://schema.org/ListItem"><a href="https://www.scconline.org/" class="SkinObject" itemprop="item"><span itemprop="name">Home</span></a>
<meta itemprop="position" content="1">
</span></span></span>
</div>
</div>
<!--=========== MAIN CONTENT AREA (REQUIRED) ===========-->
<div class="row Pane">
<div id="dnn_ContentPane" class="col-sm-12">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-137330 DnnVersionableControl"><a name="137330"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr137330_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_137330 -->
<div id="dnn_ctr137330_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr137330_HtmlModule_lblContent">
<h1 style="text-align: center;"> </h1>
<h1 style="text-align: center;"><strong>FEATURED SOCIETY NEWS</strong></h1>
<hr>
<p> </p>
</div>
</div><!-- End_Module_137330 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
<!--=========== EXTRA PANES ===========-->
<!--=========== ONE HALF / ONE HALF ===========-->
<div class="row Pane">
<div id="dnn_One_Half_Left_Pane" class="col-lg-6 col-sm-12 DNNEmptyPane"></div>
<div id="dnn_One_Half_Right_Pane" class="col-lg-6 col-sm-12 DNNEmptyPane"></div>
</div>
<!--=========== TWO THIRDS (WIDE RIGHT) ===========-->
<div class="row Pane">
<div id="dnn_Sidebar_Two_Thirds_Narrow_Left_Pane" class="col-sm-4">
<div class="DnnModule DnnModule-BannerDisplay DnnModule-127957"><a name="127957"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr127957_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_127957 -->
<div id="dnn_ctr127957_ModuleContent" class="DNNModuleContent ModBannerDisplayC">
<!--BEGIN BannerDisplay module, Copyright (C) 2006-2016 Smoke Ranch Software (http://www.smokeranch.com)-->
<script type="text/javascript" src="https://www.scconline.org:443/DesktopModules/SmokeRanch.BannerDisplay/SmokeRanch.BannerDisplay/bannerdisplay.js"></script>
<div id="dnn_ctr127957_View_pnlBanners">
<div class="sr-carousel" style="max-width: 100%;">
<div class="bx-viewport" aria-live="polite" style="width: 100%; overflow: hidden; position: relative;">
<div class="sr-slider-127957" style="width: auto; position: relative;">
</div>
</div>
</div>
</div>
<div id="dnn_ctr127957_View_pnlCarousel">
<script type="text/javascript" src="https://www.scconline.org:443/DesktopModules/SmokeRanch.BannerDisplay/SmokeRanch.BannerDisplay/js/jquery.bxslider.min.js"></script>
<script>
$(document).ready(function() {
$(function() {
$('.sr-slider-127957').bxSlider({
mode: 'fade', //fade, horizontal, vertical
speed: 500, //length of transition
slideSelector: "div.sr-carousel-slide",
infiniteLoop: true,
responsive: true,
pager: false, //pager
controls: false, //next & prev controls
auto: true, //auto transition
pause: 5000, //ms between slides
shrinkItems: false, //show only whole items and shrink items to fit
adaptiveHeight: false, //don't change container height based on slide
useCSS: true, //css animations
stopAutoOnClick: true, //stop auto transition when interacting with controls
touchEnabled: false, //no swiping
wrapperClass: "sr-carousel"
});
});
});
</script>
<style>
.sr-carousel .bx-controls-direction a {
background: url("https://www.scconline.org:443/DesktopModules/SmokeRanch.BannerDisplay/SmokeRanch.BannerDisplay/images/carousel_prevNext.svg") no-repeat;
background-color: rgba(0, 0, 0, 0.2);
}
</style>
</div>
<!--END BannerDisplay module-->
</div><!-- End_Module_127957 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_Sidebar_Two_Thirds_Wide_Right_Pane" class="col-sm-8">
<div class="DnnModule DnnModule-BannerDisplay DnnModule-127958"><a name="127958"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr127958_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_127958 -->
<div id="dnn_ctr127958_ModuleContent" class="DNNModuleContent ModBannerDisplayC">
<!--BEGIN BannerDisplay module, Copyright (C) 2006-2016 Smoke Ranch Software (http://www.smokeranch.com)-->
<script type="text/javascript" src="https://www.scconline.org:443/DesktopModules/SmokeRanch.BannerDisplay/SmokeRanch.BannerDisplay/bannerdisplay.js"></script>
<div id="dnn_ctr127958_View_pnlBanners">
<div class="sr-carousel" style="max-width: 100%;">
<div class="bx-viewport" aria-live="polite" style="width: 100%; overflow: hidden; position: relative;">
<div class="sr-slider-127958" style="width: auto; position: relative;">
</div>
</div>
</div>
</div>
<div id="dnn_ctr127958_View_pnlCarousel">
<script type="text/javascript" src="https://www.scconline.org:443/DesktopModules/SmokeRanch.BannerDisplay/SmokeRanch.BannerDisplay/js/jquery.bxslider.min.js"></script>
<script>
$(document).ready(function() {
$(function() {
$('.sr-slider-127958').bxSlider({
mode: 'fade', //fade, horizontal, vertical
speed: 500, //length of transition
slideSelector: "div.sr-carousel-slide",
infiniteLoop: true,
responsive: true,
pager: false, //pager
controls: false, //next & prev controls
auto: true, //auto transition
pause: 6000, //ms between slides
shrinkItems: false, //show only whole items and shrink items to fit
adaptiveHeight: false, //don't change container height based on slide
useCSS: true, //css animations
stopAutoOnClick: true, //stop auto transition when interacting with controls
touchEnabled: false, //no swiping
wrapperClass: "sr-carousel"
});
});
});
</script>
<style>
.sr-carousel .bx-controls-direction a {
background: url("https://www.scconline.org:443/DesktopModules/SmokeRanch.BannerDisplay/SmokeRanch.BannerDisplay/images/carousel_prevNext.svg") no-repeat;
background-color: rgba(0, 0, 0, 0.2);
}
</style>
</div>
<!--END BannerDisplay module-->
</div><!-- End_Module_127958 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
<!--=========== TWO THIRDS (WIDE LEFT) ===========-->
<div class="row Pane">
<div id="dnn_Sidebar_Two_Thirds_Wide_Left_Pane" class="col-sm-8 DNNEmptyPane"></div>
<div id="dnn_Sidebar_Two_Thirds_Narrow_Right_Pane" class="col-sm-4 DNNEmptyPane"></div>
</div>
<!--=========== ONE THIRDS ===========-->
<div class="row Pane">
<div id="dnn_One_Third_Left_Pane" class="col-sm-4">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-137338 DnnVersionableControl"><a name="137338"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr137338_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_137338 -->
<div id="dnn_ctr137338_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr137338_HtmlModule_lblContent">
<p>
</p>
<center><img src="/portals/100/images/SCC78 Featured News.png?ver=-2P0WgWOwDxrcSTRKLwSmA%3d%3d" style="max-width: 100%;">
<p>
</p>
<center></center>
<p>
</p>
</center>
</div>
</div><!-- End_Module_137338 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-137336 DnnVersionableControl"><a name="137336"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr137336_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_137336 -->
<div id="dnn_ctr137336_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr137336_HtmlModule_lblContent">
<h3 style="text-align: center;"><strong><a href="/Events/SCC78-Annual-Meeting" data-feathr-click-track="true" data-feathr-link-aids="60b165fe6f52fe9c2c244d3d">SCC78 EVENT PROSPECTUS</a></strong></h3>
<p style="text-align: center;">Companies – from indie beauty brands to large multinationals – will gather in LA this December to gain inspiration, innovation, and education at the SCC Annual Meeting. Maximize your
brand's targeted exposure with Exhibits and Sponsorship options priced to fit every marketing goal! </p>
<h4 style="text-align: center;">
<a data-feathr-click-track="true" data-feathr-link-aids="60b165fe6f52fe9c2c244d3d" href="/LinkClick.aspx?fileticket=bXnV4muDQ3Q%3d&portalid=100" target="_blank"><span style="color:#ff6600;">View the full event prospectus (PDF)</span></a><span
style="color:#ff6600;">.</span></h4>
<p> </p>
</div>
</div><!-- End_Module_137336 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_One_Third_Center_Pane" class="col-sm-4">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-137331 DnnVersionableControl"><a name="137331"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr137331_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_137331 -->
<div id="dnn_ctr137331_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr137331_HtmlModule_lblContent">
<p>
</p>
<center><img src="/portals/100/images/Home Page Image Template.png?ver=UFhlWIqy6511qczNK0c2jA%3d%3d" style="max-width: 100%;">
<p>
</p>
<center></center>
<p>
</p>
</center>
</div>
</div><!-- End_Module_137331 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-137334 DnnVersionableControl"><a name="137334"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr137334_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_137334 -->
<div id="dnn_ctr137334_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr137334_HtmlModule_lblContent">
<h3 rel="text-align: center;" style="text-align: center;"><a href="/Membership/Volunteer"><strong>SCC NATIONAL BOARD APPLICATION</strong></a></h3>
<p style="text-align: center;">The Society of Cosmetic Chemists Headquarters has officially begun accepting applications for their 2025 Board of Directors. Applications must be received by June 14, 2024 at 11:59pm ET
for candidates interested in Board service.</p>
<h4 style="text-align: center;">
<strong><a data-feathr-click-track="true" data-feathr-link-aids="60b165fe6f52fe9c2c244d3d" href="/Membership/Volunteer/Nomination"><span style="color:#ff6600;">Apply for a position today!</span></a></strong></h4>
<p> </p>
</div>
</div><!-- End_Module_137334 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_One_Third_Right_Pane" class="col-sm-4">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-137530 DnnVersionableControl"><a name="137530"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr137530_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_137530 -->
<div id="dnn_ctr137530_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr137530_HtmlModule_lblContent">
<p>
</p>
<center><img src="/portals/100/images/JCS 75638515675774486762.png?ver=gOx3MYOLmrCoflmGR_95ew%3d%3d" alt="JCS 75638515675774486762" title="JCS 75638515675774486762" style="max-width: 100%;">
<p>
</p>
</center>
</div>
</div><!-- End_Module_137530 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-137531 DnnVersionableControl"><a name="137531"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr137531_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_137531 -->
<div id="dnn_ctr137531_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr137531_HtmlModule_lblContent">
<h3 style="text-align: center;"><strong>JOURNAL OF COSMETIC SCIENCE'S 75th ANNIVERSARY</strong></h3>
<p style="text-align: center;">This year marks the 75<sup>th</sup> anniversary of the Journal and the first two issues are now available. We have some exciting things planned for Volume 75, such as
special issues focused on hot topics in cosmetic science. </p>
<h4 style="text-align: center;">
<a data-feathr-click-track="true" data-feathr-link-aids="60b165fe6f52fe9c2c244d3d" href="https://library.scconline.org/recent-issues"><span style="color:#ff6600;">Check out JCS Volume 75 now!</span></a></h4>
</div>
</div><!-- End_Module_137531 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
<!--=========== THREE FOURTHS - 1 FOURTH ===========-->
<div class="row Pane">
<div id="dnn_Three_Quarters_Left" class="col-sm-9 DNNEmptyPane"></div>
<div id="dnn_One_Quarter_Right" class="col-sm-3 DNNEmptyPane"></div>
</div>
<!--=========== ONE FORTHS ===========-->
<div class="row Pane">
<div id="dnn_One_Fourth_Left_Pane" class="col-sm-3 DNNEmptyPane"></div>
<div id="dnn_One_Fourth_Left_Center_Pane" class="col-sm-3 DNNEmptyPane"></div>
<div id="dnn_One_Fourth_Right_Center_Pane" class="col-sm-3 DNNEmptyPane"></div>
<div id="dnn_One_Fourth_Right_Pane" class="col-sm-3 DNNEmptyPane"></div>
</div>
<div class="row Pane">
<div id="dnn_One_Half_Pane_Left_8" class="col-sm-6 DNNEmptyPane"></div>
<div id="dnn_One_Half_Pane_Right_8" class="col-sm-6 DNNEmptyPane"></div>
</div>
<!--=========== GLASS ===========-->
<div class="row Pane Glass-Container">
<div class="col-sm-12 Glass Pane"></div>
<div id="dnn_Glass_Pane" class="col-sm-12 Glass-Content">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-137337 DnnVersionableControl"><a name="137337"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr137337_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_137337 -->
<div id="dnn_ctr137337_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr137337_HtmlModule_lblContent">
<p><br>
</p>
<hr>
<p><br>
</p>
</div>
</div><!-- End_Module_137337 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
<!--=========== EXTRA PANES REPEAT 1 ===========-->
<!--=========== MAIN CONTENT AREA (1) ===========-->
<div class="row Pane">
<div id="dnn_Content_Pane_Middle_1" class="col-sm-12 DNNEmptyPane"></div>
</div>
<!--=========== TWO THIRDS (WIDE RIGHT) ===========-->
<div class="row Pane">
<div id="dnn_Sidebar_Two_Thirds_Narrow_Left_Pane_1" class="col-sm-4 DNNEmptyPane"></div>
<div id="dnn_Sidebar_Two_Thirds_Wide_Right_Pane_1" class="col-sm-8 DNNEmptyPane"></div>
</div>
<!--=========== TWO THIRDS (WIDE LEFT) ===========-->
<div class="row Pane">
<div id="dnn_Sidebar_Two_Thirds_Wide_Left_Pane_1" class="col-sm-8 DNNEmptyPane"></div>
<div id="dnn_Sidebar_Two_Thirds_Narrow_Right_Pane_1" class="col-sm-4 DNNEmptyPane"></div>
</div>
<!--=========== ONE THIRDS ===========-->
<div class="row Pane">
<div id="dnn_One_Third_Left_Pane_1" class="col-sm-4 DNNEmptyPane"></div>
<div id="dnn_One_Third_Center_Pane_1" class="col-sm-4 DNNEmptyPane"></div>
<div id="dnn_One_Third_Right_Pane_1" class="col-sm-4 DNNEmptyPane"></div>
</div>
<!--=========== ONE FORTHS ===========-->
<div class="row Pane">
<div id="dnn_One_Fourth_Left_Pane_1" class="col-sm-3">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-127585 DnnVersionableControl"><a name="127585"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr127585_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_127585 -->
<div id="dnn_ctr127585_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr127585_HtmlModule_lblContent">
<p rel="text-align: center;" style="text-align: center;">
<a href="/About" data-feathr-click-track="true"><img alt="" src="/portals/100/SCC Home Page/Navigation Icons/SCC_Website_Icons-01.png?ver=mNG4N4pe4XsjSfA3oMKhEA%3d%3d" style="width: 150px; height: 150px;" title=""></a><br>
<strong>ABOUT</strong><br>
<br>
<br> Learn more about who we are, what we do, and what we stand for.
</p>
</div>
</div><!-- End_Module_127585 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_One_Fourth_Left_Center_Pane_1" class="col-sm-3">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-127586 DnnVersionableControl"><a name="127586"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr127586_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_127586 -->
<div id="dnn_ctr127586_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr127586_HtmlModule_lblContent">
<p style="text-align: center;">
<a href="/Education" data-feathr-click-track="true"><img alt="" src="/portals/100/SCC Home Page/Navigation Icons/SCC_Website_Icons-02.png?ver=zuA1p1GE7h2TYO5sxTw7-g%3d%3d" style="width: 150px; height: 150px;" title=""></a><br>
<strong>EDUCATION</strong><br><br><br> From lab instruction to free webinars, we have courses for all career levels.
</p>
</div>
</div><!-- End_Module_127586 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_One_Fourth_Right_Center_Pane_1" class="col-sm-3">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-127587 DnnVersionableControl"><a name="127587"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr127587_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_127587 -->
<div id="dnn_ctr127587_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr127587_HtmlModule_lblContent">
<p style="text-align: center;">
<a href="/Events" data-feathr-click-track="true"><img alt="" src="/portals/100/SCC Home Page/Navigation Icons/SCC_Website_Icons-03.png?ver=EI2nvw8NnUiQjAr7g9nfCQ%3d%3d" style="width: 150px; height: 150px;" title=""></a><br>
<strong>EVENTS</strong><br>
<br>
<br> Learn more about our events both on the chapter and national level.
</p>
</div>
</div><!-- End_Module_127587 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_One_Fourth_Right_Pane_1" class="col-sm-3">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-127588 DnnVersionableControl"><a name="127588"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr127588_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_127588 -->
<div id="dnn_ctr127588_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr127588_HtmlModule_lblContent">
<p style="text-align: center;">
<a href="/Membership" data-feathr-click-track="true"><img alt="" src="/portals/100/SCC Home Page/Navigation Icons/SCC_Website_Icons-04.png?ver=EI2nvw8NnUiQjAr7g9nfCQ%3d%3d" style="width: 150px; height: 150px;" title=""></a><br>
<strong>MEMBERSHIP</strong><br>
<br>
<br> Our global membership is comprised of industry professionals and academics.
</p>
</div>
</div><!-- End_Module_127588 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
<!--=========== GLASS ===========-->
<div class="row Pane Glass-Container">
<div class="col-sm-12 Glass Pane"></div>
<div id="dnn_Glass_Pane_2" class="col-sm-12 Glass-Content DNNEmptyPane"></div>
</div>
<!--=========== EXTRA PANES REPEAT 2 ===========-->
<!--=========== MAIN CONTENT AREA (2) ===========-->
<div class="row Pane">
<div id="dnn_Content_Pane_Middle_2" class="col-sm-12 DNNEmptyPane"></div>
</div>
<!--=========== GLASS ===========-->
<div class="row Pane Glass-Container">
<div class="col-sm-12 Glass Pane"></div>
<div id="dnn_Glass_Pane_3" class="col-sm-12 Glass-Content DNNEmptyPane"></div>
</div>
<!--=========== EXTRA PANES REPEAT 3 ===========-->
<!--=========== MAIN CONTENT AREA (3) ===========-->
<div class="row Pane">
<div id="dnn_Content_Pane_Middle_3" class="col-sm-12 DNNEmptyPane"></div>
</div>
<!--=========== ONE THIRD BOTTOM PANES ===========-->
<div class="row Pane">
<div id="dnn_One_Third_Left_Bottom_1" class="col-sm-4">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-127589 DnnVersionableControl"><a name="127589"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr127589_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_127589 -->
<div id="dnn_ctr127589_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr127589_HtmlModule_lblContent">
<p style="text-align: center;">
<a href="https://careers.scconline.org/" data-feathr-click-track="true"><img alt="" src="/portals/100/SCC Home Page/Navigation Icons/SCC_Website_Icons-05.png?ver=mNG4N4pe4XsjSfA3oMKhEA%3d%3d" style="width: 150px; height: 150px;" title=""></a><br>
<strong>CAREER CENTER</strong><br>
<br>
<br> Looking for employment or the perfect candidate to fill a position? You'll find the right fit here.
</p>
</div>
</div><!-- End_Module_127589 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_One_Third_Center_Bottom_1" class="col-sm-4">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-127590 DnnVersionableControl"><a name="127590"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr127590_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_127590 -->
<div id="dnn_ctr127590_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr127590_HtmlModule_lblContent">
<p style="text-align: center;">
<a href="/Resources" data-feathr-click-track="true"><img alt="" src="/portals/100/SCC Home Page/Navigation Icons/SCC_Website_Icons-06.png?ver=EI2nvw8NnUiQjAr7g9nfCQ%3d%3d" style="width: 150px; height: 150px;" title=""></a><br>
<strong>RESOURCES</strong><br>
<br>
<br> Go-to resource for the latest scientific research, education and information.
</p>
</div>
</div><!-- End_Module_127590 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_One_Third_Right_Bottom_1" class="col-sm-4">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-127591 DnnVersionableControl"><a name="127591"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr127591_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_127591 -->
<div id="dnn_ctr127591_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr127591_HtmlModule_lblContent">
<p style="text-align: center;">
<a href="/Chapters" data-feathr-click-track="true"><img alt="" src="/portals/100/SCC Home Page/Navigation Icons/SCC_Website_Icons-07.png?ver=3TV7CzGQq3wkja2hmRfj8w%3d%3d" style="width: 150px; height: 150px;" title=""></a><br>
<strong>CHAPTERS</strong><br>
<br>
<br> The Society has a total of 19 chapters across the US and Canada.
</p>
</div>
</div><!-- End_Module_127591 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
<div class="row Pane">
<div id="dnn_One_Third_Left_Bottom_2" class="col-sm-4 DNNEmptyPane"></div>
<div id="dnn_One_Third_Center_Bottom_2" class="col-sm-4 DNNEmptyPane"></div>
<div id="dnn_One_Third_Right_Bottom_2" class="col-sm-4 DNNEmptyPane"></div>
</div>
<!--=========== BOTTOM PANES ===========-->
<div class="row Pane">
<div id="dnn_Bottom_Pane" class="col-sm-12 DNNEmptyPane"></div>
</div>
</div>
<div id="dnn_Desktop_Right_Pane" class="Content-Container Desktop-Content-Container-Right">
<!--=========== PUT ANY CONTAINERS FOR RIGHT SIDE HERE ===========-->
</div>
</div>
</div>
</section>
<!--=========== WIDE BANNER (BOTTOM) CONTENT ===========-->
<div class="Wide-Banner-Wrapper">
<div id="dnn_Wide_Banner_Bottom_Pane" class="Wide-Banner Pane">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-128242 DnnVersionableControl"><a name="128242"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr128242_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_128242 -->
<div id="dnn_ctr128242_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr128242_HtmlModule_lblContent"></div>
</div><!-- End_Module_128242 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
<!--=========== BEGIN FOOTER ===========-->
<footer class="Footer col-xs-12 col-sm-12 col-md-12 col-lg-12 NO-PADDING">
<div class="footerMain col-xs-12 col-sm-12 col-md-12 col-lg-12 NO-MARGIN NO-PADDING">
<div class="footerLeft col-xs-12 col-sm-12 col-md-3 col-lg-3 NO-MARGIN">
<div class="row Pane">
<div id="dnn_Footer_Left_Fullsize" class="col-sm-12 NO-MARGIN footerContact">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-128285 DnnVersionableControl"><a name="128285"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr128285_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_128285 -->
<div id="dnn_ctr128285_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr128285_HtmlModule_lblContent">
<div class="leftFootercontent">
<div class="noDesktop">
<h4>Follow Us</h4>
<p>
<a href="//twitter.com/SocietyCosChem" data-feathr-click-track="true"><i class="fab fa-twitter"></i></a>
<a href="//www.facebook.com/SocietyOfCosmeticChemists/" data-feathr-click-track="true"><i class="fab fa-facebook-f"></i></a>
<a href="//www.instagram.com/societycoschem/" data-feathr-click-track="true"><i class="fab fa-instagram"></i></a>
<a href="//www.linkedin.com/company/society-of-cosmetic-chemists" data-feathr-click-track="true"><i class="fab fa-linkedin-in"></i></a>
</p>
</div>
<h4><a href="/Contact" data-feathr-click-track="true">Contact Us</a></h4>
<p>Society of Cosmetic Chemists<br> 14 Wall Street<br> Suite 1620<br> New York, New York<br> 10005<br> (212) 668-1500<br>
<a href="mailto:mailto:scc@scconline.org" data-feathr-click-track="true">scc@scconline.org</a>
</p>
</div>
</div>
</div><!-- End_Module_128285 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
</div>
<div class="footerRight col-xs-12 col-sm-12 col-md-9 col-lg-9 NO-MARGIN">
<div class="row Pane">
<div id="dnn_Footer_Right_First_Pane" class="col-sm-2 NO-MARGIN NO-PADDING DNNEmptyPane"></div>
<div id="dnn_Footer_Right_Second_Pane" class="col-sm-2 NO-MARGIN NO-PADDING">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-128290 DnnVersionableControl"><a name="128290"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr128290_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_128290 -->
<div id="dnn_ctr128290_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr128290_HtmlModule_lblContent">
<div class="rightFootercontent">
<h4 style="margin-bottom: 2em;"><a data-feathr-click-track="true" href="/Education">Education</a></h4>
<ul>
<li><a href="/Education/Courses" data-feathr-click-track="true">Courses</a></li>
<li><a href="/Education/Webinars" data-feathr-click-track="true">Webinars</a></li>
<li><a href="/Events/Calendar-of-Events" data-feathr-click-track="true">Calendar of Events</a></li>
<li><a href="https://library.scconline.org/" data-feathr-click-track="true">On-Demand Content</a></li>
<li><a href="/Education/Blog" data-feathr-click-track="true">Blog</a></li>
</ul>
</div>
</div>
</div><!-- End_Module_128290 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_Footer_Right_Third_Pane" class="col-sm-2 NO-MARGIN NO-PADDING">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-128292 DnnVersionableControl"><a name="128292"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr128292_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_128292 -->
<div id="dnn_ctr128292_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr128292_HtmlModule_lblContent">
<div class="rightFootercontent">
<h4 style="margin-bottom: 2em;"><a href="/Events" data-feathr-click-track="true">Events</a></h4>
<ul>
<li><a href="/Events/Calendar-of-Events" data-feathr-click-track="true">Calendar of Events</a></li>
<li><a href="/Education/Courses" data-feathr-click-track="true">Courses</a></li>
<li><a href="/Events/Annual-Scientific-Meeting" data-feathr-click-track="true">Annual Meeting</a></li>
<li><a href="/Events/Photo-Gallery" data-feathr-click-track="true">Photo Gallery</a></li>
</ul>
</div>
</div>
</div><!-- End_Module_128292 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_Footer_Right_Fourth_Pane" class="col-sm-2 NO-MARGIN NO-PADDING">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-128294 DnnVersionableControl"><a name="128294"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr128294_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_128294 -->
<div id="dnn_ctr128294_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr128294_HtmlModule_lblContent">
<div class="rightFootercontent">
<h4 style="margin-bottom: 2em;"><a href="/Membership" data-feathr-click-track="true" data-feathr-link-aids="[" 60b165fe6f52fe9c2c244d3d"]"="">Membership</a></h4>
<ul>
<li><a href="/Membership/Membership-Types-Dues" data-feathr-click-track="true" data-feathr-link-aids="[" 60b165fe6f52fe9c2c244d3d"]"="">Types & Dues</a></li>
<li><a href="/Membership/Membership-Benefits-Perks" data-feathr-click-track="true" data-feathr-link-aids="[" 60b165fe6f52fe9c2c244d3d"]"="">Benefits & Perks</a></li>
<li><a href="/Membership/NextGen" data-feathr-click-track="true" data-feathr-link-aids="[" 60b165fe6f52fe9c2c244d3d"]"="">NextGen</a></li>
<li><a href="/Membership/Member-Directory" data-feathr-click-track="true" data-feathr-link-aids="[" 60b165fe6f52fe9c2c244d3d"]"="">Membership Directory</a></li>
<li><a href="/Membership/IFSCC" data-feathr-click-track="true" data-feathr-link-aids="[" 60b165fe6f52fe9c2c244d3d"]"="">IFSCC</a></li>
<li><a href="/Membership/Volunteer" data-feathr-click-track="true" data-feathr-link-aids="[" 60b165fe6f52fe9c2c244d3d"]"="">Volunteer</a></li>
<li><a href="/Join" data-feathr-click-track="true" data-feathr-link-aids="[" 60b165fe6f52fe9c2c244d3d"]"="">Join the SCC</a></li>
<li><a href="/User-Home" data-feathr-click-track="true" data-feathr-link-aids="[" 60b165fe6f52fe9c2c244d3d"]"="">Renew Membership</a></li>
</ul>
</div>
</div>
</div><!-- End_Module_128294 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_Footer_Right_Fifth_Pane" class="col-sm-2 NO-MARGIN NO-PADDING">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-128296 DnnVersionableControl"><a name="128296"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr128296_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_128296 -->
<div id="dnn_ctr128296_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr128296_HtmlModule_lblContent">
<div class="rightFootercontent">
<h4 rel="margin-bottom: 2em;" style="margin-bottom: 2em;"><a data-feathr-click-track="true" href="/Chapters">Chapters</a></h4>
</div>
</div>
</div><!-- End_Module_128296 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-128298 DnnVersionableControl"><a name="128298"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr128298_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_128298 -->
<div id="dnn_ctr128298_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr128298_HtmlModule_lblContent">
<div class="rightFootercontent">
<h4><a href="https://careers.scconline.org/" data-feathr-click-track="true">Career Center</a></h4>
</div>
</div>
</div><!-- End_Module_128298 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
<div id="dnn_Footer_Right_Sixth_Pane" class="col-sm-2 NO-MARGIN NO-PADDING">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-128299 DnnVersionableControl"><a name="128299"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr128299_ContentPane" class="NO-MARGIN NO-PADDING"><!-- Start_Module_128299 -->
<div id="dnn_ctr128299_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr128299_HtmlModule_lblContent">
<div class="rightFootercontent">
<h4 style="margin-bottom: 2em;"><a data-feathr-click-track="true" href="/Resources">Resources</a></h4>
<ul>
<li><a data-feathr-click-track="true" href="/Resources/Media-Library">Media Library</a></li>
<li><a data-feathr-click-track="true" href="/Resources/Journal-of-Cosmetic-Science">Journal of Cosmetic Science</a></li>
<li><a data-feathr-click-track="true" href="/About/Partners-Other-Organizations">Partners & Other Organizations</a></li>
<li><a data-feathr-click-track="true" href="/Resources/Industry-Provider-Directory">Industry Provider Directory</a></li>
</ul>
</div>
</div>
</div><!-- End_Module_128299 -->
</div>
<div class="clear NO-MARGIN NO-PADDING"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 footerMinheight NO-MARGIN NO-PADDING"></div>
<div class="Copyright-Container">
<div class="Copyright-Container-Center row">
<div class="col-sm-12 Footer-Item">
<a href="/Terms">TERMS</a> & <a href="/Privacy-Policy">PRIVACY</a> | <span class="Privacy-Text">
<span id="dnn_dnnCopy_lblCopyright" class="SkinObject">Copyright 2024 by Society of Cosmetic Chemists</span>
</span>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 footerMinheight NO-MARGIN NO-PADDING"></div>
</footer>
</div>
<!--=========== SITE SEARCH DIALOG ===========-->
<div class="modal" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModalTitle">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="searchModalTitle">Site Search</h4>
</div>
<!--=========== /.modal-header ===========-->
<div class="modal-body">
<div class="input-group">
<input id="siteSearchInput" class="form-control" placeholder="Enter search terms..." autofocus="">
<span class="input-group-btn">
<button id="siteSearchButton" class="btn btn-primary" type="button" aria-label="Search"><i class="far fa-search" aria-hidden="true"></i></button>
</span>
</div>
</div>
<!--=========== /.modal-body ===========-->
</div>
<!--=========== /.modal-content ===========-->
</div>
<!--=========== /.modal-dialog ===========-->
</div>
<!--=========== /#siteSearchModal ===========-->
<!--=========== MESSAGE DIALOG ===========-->
<div class="modal fade" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="messageModalTitle">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="messageModalTitle">Message Title goes here</h4>
</div>
<!--=========== /.modal-header ===========-->
<div class="modal-body">
<div id="messageModalBody"> Message goes here... </div>
</div>
<!--=========== /.modal-body ===========-->
</div>
<!--=========== /.modal-content ===========-->
</div>
<!--=========== /.modal-dialog ===========-->
</div>
<!--=========== /#siteSearchModal ===========-->
<!--=========== Include all compiled plugins (below) ===========-->
<script src="/Portals/100/skins/scc/_Default-Skin/js/custom.js"></script>
<div class="postback-spinner modal-spinner" style="display: none;">
<i class="far fa-cog fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
</div>
<style>
.Mega-Menu-Container:hover {
min-width: 50px !important;
}
</style>
<script>
window.onload = function() {
let frameElement = document.getElementById("personaBar-iframe");
let doc = frameElement.contentDocument;
doc.body.innerHTML = doc.body.innerHTML + '<style>#Assets-panel div.main-container {width: 100%;}</style>';
};
</script>
<script>
try {
addLoadEvent(loadSkinScripts);
} catch (ex) {
console.log(ex.message);
} // REQUIRED
</script>
<input name="ScrollTop" type="hidden" id="ScrollTop">
<input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off"
value="`{`trackLinks`:`false`,`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`26791`,`evoq_TabId`:`26791`,`evoq_PageLanguage`:`en-US`,`evoq_ContentItemId`:`-1`,`evoq_UrlReferrer`:``,`evoq_UrlPath`:`https%3a%2f%2fwww.scconline.org%2f`,`evoq_UrlQuery`:`%3fTabId%3d26791%26language%3den-US`,`evoq_ContentItemReferrer`:`-1`,`evoq_PersonalizedUrlReferrer`:`-1`,`evoq_DisableAnalytics`:`False`}">
<input name="__RequestVerificationToken" type="hidden" value="9btLUsthDRAtTDvpcLpcFxZA546XCp4moNbRl5T1PvszLMuoVM6h3shSfPcbd3npoBLX8A2">
<!-- 2018.2.710.45 -->
<div id="RadAjaxManagerSU" style="display: none;">
<span id="RadAjaxManager" style="display:none;"></span>
</div>
<div id="RadWindowManager" style="display:none;">
<div id="RadWindowManager_alerttemplate" style="display:none;">
<div class="rwDialogPopup radalert">
<div class="rwDialogText"> {1} </div>
<div>
<a onclick="$find('{0}').close(true);" class="rwPopupButton" href="javascript:void(0);">
<span class="rwOuterSpan">
<span class="rwInnerSpan">##LOC[OK]##</span>
</span>
</a>
</div>
</div>
</div>
<div id="RadWindowManager_prompttemplate" style="display:none;">
<div class="rwDialogPopup radprompt">
<div class="rwDialogText"> {1} </div>
<div>
<script type="text/javascript">
function RadWindowprompt_detectenter(id, ev, input) {
if (!ev) ev = window.event;
if (ev.keyCode == 13) {
var but = input.parentNode.parentNode.getElementsByTagName("A")[0];
if (but) {
if (but.click) but.click();
else if (but.onclick) {
but.focus();
var click = but.onclick;
but.onclick = null;
if (click) click.call(but);
}
}
return false;
} else return true;
}
</script>
<input title="Enter Value" onkeydown="return RadWindowprompt_detectenter('{0}', event, this);" type="text" class="rwDialogInput" value="{2}">
</div>
<div>
<a onclick="$find('{0}').close(this.parentNode.parentNode.getElementsByTagName('input')[0].value);" class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span></span></a>
<a onclick="$find('{0}').close(null);" class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[Cancel]##</span></span></a>
</div>
</div>
</div>
<div id="RadWindowManager_confirmtemplate" style="display:none;">
<div class="rwDialogPopup radconfirm">
<div class="rwDialogText"> {1} </div>
<div>
<a onclick="$find('{0}').close(true);" class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span></span></a>
<a onclick="$find('{0}').close(false);" class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[Cancel]##</span></span></a>
</div>
</div>
</div><input id="RadWindowManager_ClientState" name="RadWindowManager_ClientState" type="hidden">
</div><a id="bAjax" href="javascript:__doPostBack('bAjax','')" style="display:inline-block;color:White;background-color:White;border-color:White;border-style:None;height:0px;display:none;"></a>
<script type="text/javascript">
//<![CDATA[
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadAjaxManager, {
"_updatePanels": "",
"ajaxSettings": [],
"clientEvents": {
OnRequestStart: "OnRequestStart",
OnResponseEnd: "onResponseEnd"
},
"defaultLoadingPanelID": "",
"enableAJAX": true,
"enableHistory": false,
"links": [],
"styles": [],
"uniqueID": "RadAjaxManager",
"updatePanelsRenderMode": 1
}, null, null, $get("RadAjaxManager"));
});
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadWindowManager, {
"clientStateFieldID": "RadWindowManager_ClientState",
"formID": "Form",
"iconUrl": "",
"minimizeIconUrl": "",
"name": "RadWindowManager",
"reloadOnShow": true,
"skin": "Default",
"windowControls": "[]"
}, null, null, $get("RadWindowManager"));
});
//]]>
</script>
</form>Text Content
Current Contact ID
Login Contact ID
DNN Id
Database
Save the date for SCC78!
*
*
*
*
* About
* Mission Statement
* Bylaws & Code of Ethics
* Strategic Plan
* Leadership
* Awards and Scholarships
* Partners & Other Organizations
* 2024 Media Kit
* In the News
* Contact the SCC
* FAQ
* Donate
* 75th Anniversary
* Education
* Certificate Program
* Courses
* Webinars
* On Demand Content
* Blog
* Events
* SCC78 Annual Meeting
* Calendar of Events
* Courses
* Webinars
* Photo Gallery
* Membership
* Membership Types & Dues
* Membership Benefits & Perks
* Fellowship
* NextGen
* Member Directory
* IFSCC
* Volunteer
* Chapters
* Career Center
* Resources
* Journal of Cosmetic Science
* SCC Media Library
* Industry Provider Directory
* Partners & Other Organizations
*
*
* LOGIN
--------------------------------------------------------------------------------
* Join
Portal ID
DNN User ID
Contact ID
DBName
Is super user?
Order of Tab Operations
Menu Data
NodeSelector
ExcludeNodes
* About
* Education
* Events
* Membership
* Chapters
* Career Center
* Resources
ABOUT
LEARN MORE ABOUT WHO WE ARE, WHAT WE DO, AND WHAT WE STAND FOR.
* Mission Statement
* Bylaws & Code of Ethics
* Strategic Plan
* Leadership
* Awards and Scholarships
* Partners & Other Organizations
* 2024 Media Kit
* In the News
* Contact the SCC
* FAQ
* Donate
* 75th Anniversary
About
EDUCATION
FROM LAB INSTRUCTION TO FREE WEBINARS, WE HAVE COURSES FOR ALL CAREER LEVELS.
* Certificate Program
* Courses
* Webinars
* On Demand Content
* Blog
Education
EVENTS
LEARN MORE ABOUT OUR EVENTS BOTH ON THE CHAPTER AND NATIONAL LEVEL.
* SCC78 Annual Meeting
* Calendar of Events
* Courses
* Webinars
* Photo Gallery
Events
MEMBERSHIP
OUR GLOBAL MEMBERSHIP IS COMPRISED OF INDUSTRY PROFESSIONALS AND ACADEMICS. JOIN
TODAY!
* Membership Types & Dues
* Membership Benefits & Perks
* Fellowship
* NextGen
* Member Directory
* IFSCC
* Volunteer
Membership
CHAPTERS
SINCE 1948, CHAPTERS HAVE BEEN THE LIFEBLOOD OF THE SOCIETY OF COSMETIC
CHEMISTS. NOW, WITH 19 CHAPTERS THROUGHOUT GREATER NORTH AMERICA, YOU CAN
EXPERIENCE SCC LOCALLY VIA FREQUENT MEETINGS, EDUCATIONAL SEMINARS, SUPPLIERS’
DAYS, SOCIAL EVENTS, GOLF OUTINGS, WEBINARS, AND MORE. THESE CHAPTERS ARE RUN BY
DEDICATED VOLUNTEER LEADERS WHO LEND THEIR TIME, TALENTS, AND PASSION FOR THE
INDUSTRY TO SHAPE YOUR LOCAL SCC CHAPTER EXPERIENCE.
Chapters
Career Center
RESOURCES
GO-TO RESOURCE FOR THE LATEST SCIENTIFIC RESEARCH, EDUCATION AND INFORMATION.
* Journal of Cosmetic Science
* SCC Media Library
* Industry Provider Directory
* Partners & Other Organizations
Resources
CHOOSE POSITION
Left
Right
Top
Bottom
LEVELS OPEN
Overlap levels
Expand levels
Unfolded levels
ADDITIONAL OPTIONS
Close on click
Disable body
Push content
Main nav and level titles
Close and back buttons
*
*
*
LOGIN
--------------------------------------------------------------------------------
*
CONNECT WITH 5,000+ GLOBAL INDUSTRY PEERS
EXPAND YOUR KNOWLEDGE, PROFESSIONAL NETWORK, RESOURCES, AND SKILLS.
JOIN TODAY
* Journal Of Cosmetic Science
Check Out the Latest Issue: Volume 75 No 2
* SCC Media Library
Over 150+ Free Scientific Presentation Recordings for SCC Members
* Industry Provider Directory
Find Someone To Help You
Home
FEATURED SOCIETY NEWS
--------------------------------------------------------------------------------
SCC78 EVENT PROSPECTUS
Companies – from indie beauty brands to large multinationals – will gather in LA
this December to gain inspiration, innovation, and education at the SCC Annual
Meeting. Maximize your brand's targeted exposure with Exhibits and Sponsorship
options priced to fit every marketing goal!
VIEW THE FULL EVENT PROSPECTUS (PDF).
SCC NATIONAL BOARD APPLICATION
The Society of Cosmetic Chemists Headquarters has officially begun
accepting applications for their 2025 Board of Directors. Applications must be
received by June 14, 2024 at 11:59pm ET for candidates interested in Board
service.
APPLY FOR A POSITION TODAY!
JOURNAL OF COSMETIC SCIENCE'S 75TH ANNIVERSARY
This year marks the 75th anniversary of the Journal and the first two issues are
now available. We have some exciting things planned for Volume 75, such as
special issues focused on hot topics in cosmetic science.
CHECK OUT JCS VOLUME 75 NOW!
--------------------------------------------------------------------------------
ABOUT
Learn more about who we are, what we do, and what we stand for.
EDUCATION
From lab instruction to free webinars, we have courses for all career levels.
EVENTS
Learn more about our events both on the chapter and national level.
MEMBERSHIP
Our global membership is comprised of industry professionals and academics.
CAREER CENTER
Looking for employment or the perfect candidate to fill a position? You'll find
the right fit here.
RESOURCES
Go-to resource for the latest scientific research, education and information.
CHAPTERS
The Society has a total of 19 chapters across the US and Canada.
FOLLOW US
CONTACT US
Society of Cosmetic Chemists
14 Wall Street
Suite 1620
New York, New York
10005
(212) 668-1500
scc@scconline.org
EDUCATION
* Courses
* Webinars
* Calendar of Events
* On-Demand Content
* Blog
EVENTS
* Calendar of Events
* Courses
* Annual Meeting
* Photo Gallery
MEMBERSHIP
* Types & Dues
* Benefits & Perks
* NextGen
* Membership Directory
* IFSCC
* Volunteer
* Join the SCC
* Renew Membership
CHAPTERS
CAREER CENTER
RESOURCES
* Media Library
* Journal of Cosmetic Science
* Partners & Other Organizations
* Industry Provider Directory
TERMS & PRIVACY | Copyright 2024 by Society of Cosmetic Chemists
×
SITE SEARCH
×
MESSAGE TITLE GOES HERE
Message goes here...
Loading...
{1}
##LOC[OK]##
{1}
##LOC[OK]## ##LOC[Cancel]##
{1}
##LOC[OK]## ##LOC[Cancel]##