@font-face {
    font-family: 'open_sansregular';
    src: url('../assets/fonts/opensans-webfont.eot');
    src: url('../assets/fonts/opensans-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'),
         url('../assets/fonts/opensans-webfont.woff') format('woff'),
         url('../assets/fonts/opensans-webfont.ttf') format('truetype'),
         url('../assets/fonts/opensans-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	font-family:inherit;
	font-weight:inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
html {
	font-weight:normal;
	font-style:normal;
}
ul {
	list-style: disc;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ********************* */

body {
	font-family:'Open Sans', 'open_sansregular',arial, sans-serif;
	font-size: 12px;
}
td {
	vertical-align:top;
}
a {
	font-weight: 600;
}
a:link {
	text-decoration:none;
	color:#181fb6;
}
a:visited {
	text-decoration:none;
	color:#181fb6;
	font-weight: bold;
}
a:hover {
	text-decoration:underline;
	color:#0000FF;
}
a img {
	border:0;
}
p {
	margin:0 0 .8em 0;
}
ul {
	margin:0 0 0.8em 0;
	padding:0 0 0 1.4em;
}
ol {
	margin:0 0 0.5em 0;
	padding:0 0 0 2.5em;
}
p,ul,ol,td {
	line-height: 130%;
}
h1 {
	font-weight:normal;
	font-size:30px;
	line-height:30px;
	color:#22125f;
	margin:0 0 1em 0;
}
h1 a {
	font-weight: 400;
}
h2 {
	font-weight:bold;
	color:#e78e03;
	margin:2em 0 .4em 0;
	font-size:115%;
}
h3 {
	font-weight:bold;
	margin:1.5em 0 .4em 0;
	font-size:105%;
	color:#78a22f;
}
h4 {
	font-weight:700;
	font-size:100%;
	color:#000;
	margin: 1.2em 0em 0.2em 0em;
}
h5 {
	font-weight:normal;
	font-style:italic;
	font-size:100%;
	color:#005d7e;
	margin: 1em 0 .2em 0;
}
h6 {
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	color:#000000;
	margin: 1em 0 0 0;
}
table {
	border-collapse: collapse;
}
b, strong {
	font-weight: 700;
}
i, em {
	font-style: italic;
}
.highlight {
	color:#800000;
	font-weight:bold;
}
.textindent {
	margin-left: 16px;
}
.texthang, #texarea table p.texthang, table.lined p.texthang {
	margin:0 0 0 1em;
	text-indent:-1em;
}
.query {
	color: #CC0033;
	font-weight: bold;
}
.photoright {
	float:right;
	margin:0 0 10px 14px;
}
.photoleft {
	float:left;
	margin:0 14px 10px 0;
}
blockquote {
	margin:0 0 1em 2em;
}
.moreSpaceAbove {
	margin-top:1.5em;
}
.noSpaceBelow {
	margin-bottom:0;
}
.noSpaceAbove {
	margin-top:0;
}
.hangingIndent, .hangdent {
	margin:0 0 0 16px;
	text-indent:-16px;
}
.textSmaller {
	font-size:85%;
}
.textLarger {
	font-size:110%;
}
#rightmenu {
	width:150px;
	margin:0 0 30px 30px;
	border-bottom:2px solid #ad923c;
	float:right;
}
.rightmenuhead {
	color:#FFFFFF;
	padding:4px 10px 4px 10px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	letter-spacing:1px;
	background-color: #888;
}
ul.rightmenu {
	margin:3px 0 3px 0;
	padding:0;
	list-style-type:none;
	width:150px;
}
ul.rightmenu li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:Arial, sans-serif;
	font-size:11px;
	line-height:normal;
	letter-spacing:1px;
	width:147px;
}
ul.rightmenu li a:link, ul.rightmenu li a:visited {
	font-weight:normal;
	background-image:url(https://greenchemistryandcommerce.org/assets/media/images/sidemenu.bullet.png);
	background-repeat:no-repeat;
	background-position:10px 3px;
	display:block;
	padding:2px 8px 2px 24px;
	color:#000000;
}
ul.rightmenu li a:hover {
	color:#0044FF;
}
ul.rightmenu li.submenuOn a, ul.rightmenu li.submenuOn a:link, ul.rightmenu li.submenuOn a:visited {
	color:#000099;
	font-weight:bold;
}
ul.rightmenu ul {
	margin-bottom:0;
}
ul.rightmenu li.submenuOn ul li a, ul.rightmenu li.submenuOn ul li a:link, ul.rightmenu li.submenuOn ul li a:visited {
	font-weight:normal;
	color:#000000;
}
ul.rightmenu li.submenuOn ul li.submenuOn a, ul.rightmenu li.submenuOn ul li.submenuOn a:link, ul.rightmenu li.submenuOn ul li.submenuOn a:visited {
	color:#000099;
	font-weight:bold;
}
.grey {
	color: #777777;
}
.dark-blue {
	color:#22125f;
}
sup, .superscript {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}
.sidebarshaded {
	font-size:12px;
	background-color: #fff4e1;
	float:right;
	margin:0 0 16px 24px;
	-moz-box-shadow: 2px 2px 8px #666; /* Firefox */
	-webkit-box-shadow: 2px 2px 8px #666; /* Safari/Chrome */
	box-shadow: 2px 2px 8px #666; /* Opera and other CSS3 supporting browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
 filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */
}
#textarea table.sidebarshaded tr td, table.sidebarshaded tr td {
	padding:12px;
}
.spaceBelow {
	margin:0 0 .8em 0;
}
.datatable {
	border:1px solid #fff;
	border-collapse:collapse;
	margin:14px 0;
}
.datatable tr td, #textarea .datatable tr td {
	background-color:#e4f0f8;
	padding:3px 6px;
	border:1px solid #fff;
}
.datatable tr th, .datatable .heading td {
	background-color:#0066a4;
	padding:3px 6px;
	color:#fff;
	border:1px solid #fff;
	border-bottom:2px solid #fff;
}
.datatable tr.altrow td {
	background-color:#d1d8e8;
}
table.lined, table.lined td, td.lined, tr.lined td {
	border:1px solid #959484;
	border-collapse:collapse;
	margin-bottom:0.8em;
}
th {
	vertical-align:bottom;
	text-align:left;
	background-color:#916d00;
	border: 1px solid #b3925f;
	color:#ffffff;
	font-weight: 600;
}
table.lined td, #textarea table.lined td, table.lined th, #textarea table.lined th {
	padding:4px 6px;
}
table.lined p {
	margin:0;
}
tr.header td, #textarea tr.header td {
	background-color:#916d00;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align: bottom;
	padding:1px 10px 1px 0px;
}
tr.header td:first-child, #textarea tr.header td:first-child {
	padding-left:4px;
}
h2.super-head {
	font-size: 150%;
	color: #78a22f;
}
.backtotop {
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
}
a.textbutton {
	display: inline-block;
	border-radius: 12px;
	background-color: #e37c00;
	border:2px solid #ffc550;
	color: #fff;
	padding:4px 12px;
	text-transform: uppercase;
	line-height: 100%;
	font-size: 100%;
}
a.textbutton:hover {
	background-color: #e15f00;
	border:2px solid #ffb41d;
	color: #fff;
	text-decoration: none;
}
a.textbutton.green {
	background-color: #7da42e;
	text-transform: none;
	padding: 6px 10px;
	border:0;
}
a.textbutton.green:hover {
	background-color: #61841a;
}
#toplinks a.textbutton {
	background-color: #be0d31;
	border:2px solid #e19e91;
	position: relative;
	top:3px;
	letter-spacing: 1px;
}
#toplinks a.textbutton:hover {
	background-color: #a40021;
	border:2px solid #d56b6b;
}
a.textbutton.forum {
	width:170px;
	border:0;
	font-weight: 600;
	padding: 10px 12px;
	text-transform: none;
	font-size: 16px;
	margin: 0 8px;
	border-radius: 20px;
}
a.textbutton.forum.blue {
	background-color: #22125f;
}
a.textbutton.forum.blue:hover {
	background-color: #0a002e;
}
a.textbutton.forum.green {
	background-color: #6f9527;
}
a.textbutton.forum.green:hover {
	background-color: #557517;
}
.popuppage {
}
.portal-intro {
	text-align: center;
	color: #53523e;
	font-size: 28px;
	line-height: 115%;
	margin:10px 0 20px 0;
}
h2.portal {
	color: #53523e;
	text-align: center;
	font-size: 24px;
	letter-spacing: 3px;
	margin: 24px 0;
	text-transform: uppercase;
	font-weight: 400;
}
h3.portal {
	color: #ee9313;
	text-align: left;
	font-size: 30px;
	letter-spacing: 0px;
	margin: 0;
	text-transform: none;
	font-weight: 400;
	line-height: 115%;
}
.portal-table td, #textarea .portal-table td, body#tinymce.mceContentBody .portal-table td {
	padding: 0;
	width:284px;
	font-size: 15px;
}
td.portal-table-spacer, #textarea td.portal-table-spacer, body#tinymce.mceContentBody td.portal-table-spacer {
	width:20px;
}
.portal-box-shaded {
	background-color: #e3eace;
	padding: 16px 36px;
}
.portal-box-shaded h2 {
	margin-top: 0;
}
.portal-box-shaded h3 {
	margin: 0 0 4px 0;
	color:#22125f;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.portal-box-shaded tr td, #textarea .portal-box-shaded tr td, body#tinymce.mceContentBody .portal-box-shaded tr td {
	padding: 0 18px 0 18px;
	border-left: 1px solid #888;
}
.portal-box-shaded tr td:first-child, #textarea .portal-box-shaded tr td:first-child, body#tinymce.mceContentBody .portal-box-shaded tr td:first-child {
	padding-left: 0;
	border-left: 0;
}
.portal-box-shaded tr td:last-child, #textarea .portal-box-shaded tr td:last-child, body#tinymce.mceContentBody .portal-box-shaded tr td:last-child {
	padding-right: 0;
}
table.spaced-cells td, #textarea table.spaced-cells td {
	padding-bottom: 10px;
}
#hometable {
	margin-left: 6px;
}
#hometable td, #textarea #hometable td {
	padding:0;
}
#hometable p {
	font-size:11px;
}
#hometable .portalphoto, #textarea #hometable .portalphoto {
	padding:10px 0;
}
#hometable .portaltext, #textarea #hometable .portaltext {
	padding:12px;
	background-color:#e7eed8;
	font-size:11px;
}
#hometable .portalhead {
	vertical-align:bottom;
	background-color:#7da42e;
}
#hometable .portalhead h2, #textarea #hometable .portalhead h2 {
	text-align:center;
	font-family:"Tekky", "Arial Narrow", Arial, sans-serif;
	font-size:13px;
	color:#ffffff;
	letter-spacing:2px;
	margin:0;
	line-height:13px;
	text-transform:uppercase;
}
#hometable .portalhead h2 a:link, #hometable .portalhead h2 a:visited {
	display:block;
	background-color:#7da42e;
	padding:12px 0 0 0;
	color:#fff;
}
#hometable .portalhead h2 a:hover {
	background-color:#748539;
	text-decoration:none;
}
#homewhatsnew {
	display:block;
	width:312px;
	padding:4px 0 0 14px;
	font-weight:bold;
	color:#555;
}
#homewhatsnew h2, #textarea #homewhatsnew h2 {
	font-size:18px;
	color:#7da42e;
	font-family:"Tekky", "Arial Narrow", Arial, sans-serif;
	margin:4px 0 4px 0;
	line-height:100%
}
body#tinymce.mceContentBody {
	max-width:746px;
	line-height: 130%;
}
body#tinymce.mceContentBody table td {
	padding:0 16px 0 0;
}

.justifyright {
	text-align: right;
}
.eblastblue {
	width:636px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
.eblastblue p, .eblastblue ol, .eblastblue ul, .eblastblue td, .eblastblue div, .eblastblue blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
.eblastblue h1 {
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:27px;
	color:#221973;
	text-align:center;
	margin:0 0 .6em 0;
}
.eblastblue h2 {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	margin:1em 0 0 0;
	color:#c41230;
}
.eblastblue h3 {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:1em 0 0 0;
	color:#000;
}
.eblastblue a:link {
	text-decoration:none;
	color:#0b76b5;
}

.issuuembed {
	background-color: #eee;
	float:left;
	margin: 0 12px 24px 0;
}
.clearheads h2, .clearheads h3 {
	clear: both;
}


.update-profile label, .register label, .forgot-password label {
	display: block;
	clear:both;
	width:120px;
	float:left;
}
.update-profile input[type="text"], .update-profile textarea {
	width:300px;
}
input[type="text"], input[type="password"], textarea {
	border:1px solid #ccc;
	background-color: #fff;
	font-size: 100%;
	font-family:'Open Sans', 'open_sansregular',arial, sans-serif;
	line-height: 100%;
	padding: 3px 6px;
	-webkit-transition:  .5s; /* For Safari 3.1 to 6.0 */
	transition:  .5s;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border:1px solid #666;
	background-color: #e7f4dc;
	-webkit-transition:  .5s; /* For Safari 3.1 to 6.0 */
	transition:  .5s;
}
fieldset {
	display: block;
	clear: both;
	margin: 10px 0;
}

.webinar-table, #textarea .webinar-table {
	border: 1px solid #888;
	font-size: 94%;
}
.webinar-table tr td, #textarea .webinar-table tr td, body#tinymce.mceContentBody .webinar-table tr td {
	padding: 4px 6px;
	border-top: 1px solid #888;
}
.webinar-table tr td:first-child, #textarea .webinar-table tr td:first-child {
	background-color: #e0e9cd;
}
.webinar-table td.webinar-column3, #textarea .webinar-table td.webinar-column3, .webinar-table tr td.webinar-column3:first-child, #textarea .webinar-table tr td.webinar-column3:first-child {
	background-color: #eaeae5;
}
.webinar-table tr.webinar-header td, #textarea .webinar-table tr.webinar-header td {
	background-color: #7da42e;
	font-weight: 600;
	color: #fff;
}
.webinar-table thead td, #textarea .webinar-table thead td, .webinar-table thead tr td:first-child , #textarea .webinar-table thead tr td:first-child {
	background-color: #916d00;
	border-top: none;
	font-weight: 600;
	vertical-align: bottom;
	color: #fff;
}

/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom: 1px solid #888;
    height:20px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    background-color:#eee;
    border-radius:12px 12px 0 0;
    border-left:1px solid #888;
    border-right:1px solid #888;
    border-top:1px solid #888;
    font-size:11px;
    display:block;
    text-align:center;
    text-decoration:none;
    color:#333;
    padding:0 12px;
    margin:0px;
    position:relative;
    top:1px;
    height:18px
  }

ul.tabs a:active {
    background-color:#fff;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-color: #ddd;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-color: #fff;
	height:19px;
}



/* tab pane styling */
.panes div {
    padding:1px 0 12px 0;
    border-top:0;
    background-color:#fff;
    border-bottom:1px solid #ddd;
    clear:both;
}
.panes div h4 {
	margin:1em 0 0 0;
}
.panes div p {
	margin:0;
}
#textarea .panes div {
	border: 0;
}