/* _theme RSWEB - RSWEB */
/* #454136
@import url(http://fonts.googleapis.com/css?family=Istok+Web:400,700);
#bcrumb {font-family: 'Istok Web', sans-serif; font-size: 0.75em; font-weight: bold;}
#menu #item {font-family: 'Istok Web', sans-serif; font-weight: normal; font-size: 0.75em;}
.pgd #menu #item {font-family: 'Istok Web', sans-serif; font-weight: bold; font-size: 0.65em;}
*/

#bcrumb {font-size: 0.70em; font-weight: bold;}
#menu #item {font-weight: normal; font-size: 0.7em;}
.mob #menu #item {font-weight: normal; font-size: 0.65em;}
.pgd #menu #item a {font-weight: bold; font-size: 0.9em; color: #FFFFFF;}
.mob.pgd #menu #item a {font-size: 1em; font-weight: normal; color: #FFFFFF;}


/* COMMON - GLOBALS ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html {overflow-y: scroll;}
html,body	{margin: 0; padding: 0; height: 100%; font-family: "open sans", sans-serif;} 
body		{line-height: 1.22; background-color: #F0F0F0;}
h5			{text-align: center;}
a			{color: #306D72; text-decoration: none; font-weight: bold;}
a:link		{color: #306D72;}
a:active	{color: #306D72;}
a:visited	{color: #306D72;}
a:hover		{color: #1C4C50; text-decoration: underline;}

.alignleft {float: left !important; padding: 0 10px 10px 0;}
.alignright {float: right !important; padding: 0 0 10px 10px;}
.aligncenter {text-align: center !important; margin: 10px auto;}

/*a.bull		{margin: 0 20px 0 0; padding: 0 20px 0 0; background: url(http://stg.enb.iisd.org/_img/bullet.jpg) center left no-repeat;}*/

/* rounded corners effect */
h4			{font-size: 0.7em;}
h4,.rounder	{margin: 0; padding: 0; text-align: left; background-color: #F0F0F0; 
				border: 1px #DBDBDB solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; color: #333333;}
h4 a			{color: #333333;}
h4 a:hover 	{color: #1C4C50;}


/* inner dotted line borders for table */
.tbl_idb					{border-collapse: collapse; border-spacing: 0; margin: 0 auto;}
.tbl_idb tr td			 	{border-bottom: 1px dashed #CCCCCC; border-right: 1px dashed #CCCCCC;}
.tbl_idb tr td:last-child	{border-right: 0;}
.tbl_idb tr:last-child td	{border-bottom: 0;}
.widget table th.no_hover:hover {background-color: #FFFFFF !important;}
.tbl_idb tr td.curr {text-decoration: none; background-color: #F0F0F0; border-color: #F0F0F0;}
.tbl_idb tr td.curr a {font-weight: bold;}
/* HTML5 - TABLE CSS replacements for CELLPADDING, CELLSPACING, VALIGN, ALIGN */
/*
th, td	{padding: 5px;}										-- cellpadding="5"
table	{border-collapse: separate; border-spacing: 5px;}	-- cellspacing="5"
table	{border-collapse: collapse; border-spacing: 0;}		-- cellspacing="0"
th, td	{vertical-align: top;}								-- valign="top"
table 	{margin: 0 auto;}									-- align="center"
*/

/* FRAMEWORK ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*
#wrapper		{margin: 0 auto 0 auto; padding: 178px 0 0 0; text-align: center; width: 986px; border: 1px solid #8B8B8B; background-color: #FFFFFF;} 61.5625em
#container 		{margin: 0 auto; padding: 0; float: left; width: 986px; overflow-x: hidden;}
#content 		{margin: 0 225px 0 215px; padding: 5px 15px; text-align: left; width: 515px;}	* html #content	{overflow-x: hidden;}
.sidebar 		{margin: 0; padding: 5px 0; float: left;}										* html .sidebar	{overflow-x: hidden;}
#primary 		{margin: 0 0 0 -100%; width: 246px; position: relative;}						* html #primary 	{margin: 0 0 0 -986px; left: 0px; overflow-x: hidden;}  margin: 0 0 0 -61.5625em; 
#secondary 		{margin: 0 0 0 -225px; width: 225px;}											* html #secondary{overflow-x: hidden;}
#footer 			{clear: left; width: 100%; text-align: left;}
*/
#wrapper		{margin: 0 auto 0 auto; padding: 160px 0 0 0; text-align: center !important; width: 986px; border: 1px solid #8B8B8B; background-color: #FFFFFF;}
/*#wrapper		{margin: 0 auto 0 auto; padding: 178px 0 0 0; text-align: center; width: 986px; border: 1px solid #8B8B8B; background-color: #FFFFFF;}   61.5625em */
.mob #wrapper	{padding: 60px 0 0 0; width: 100%; border: none; overflow: hidden;}
.tbt #wrapper	{padding: 178px 0 0 0; width: 100%; border: none; overflow: hidden;}

#container 		{margin: 0 auto; padding: 0; float: left; width: 100%; overflow-x: hidden;}
#content 		{text-align: center;}								* html #content	{overflow-x: hidden;}
.sidebar 		{margin: 0; padding: 0; float: left;}			* html .sidebar	{overflow-x: hidden;}
#primary 		{position: relative;}							* html #primary {left: 0px; overflow-x: hidden;} /* margin: 0 0 0 -61.5625em; */
																* html #secondary{overflow-x: hidden;}
#footer 		{clear: left; width: 100%; text-align: left;}

.all #content {margin: 10px 205px 30px 235px;	padding: 0 20px 0 20px;	width: 506px;}	.all #primary{margin: 10px 0 0 -100%; width: 235px;}	* html .all #primary {margin: 10px 0 0 -986px;}	.all #secondary{margin: 10px 0 0 -205px; width: 205px;}
.pri #content {margin: 10px 0 30px 235px;		padding: 0 20px 0 20px;	width: 711px;}	.pri #primary{margin: 10px 0 0 -100%; width: 235px;}	* html .pri #primary {margin: 10px 0 0 -986px;}	
.sec #content {margin: 10px 205px 30px 0;		padding: 0 20px 0 20px;	width: 741px;}																										.sec #secondary{margin: 10px 0 0 -205px; width: 205px;}
.one #content {margin: 35px 0 0 0;			padding: 0 20px 0 20px;	width: 946px;}

/*.all.tbt #content {padding: 0;}	.all.tbt #primary{padding: 10px 0 0 0;}	.all.tbt #secondary{padding: 10px 0 0 0;}
.pri.tbt #content {padding: 0;}	.pri.tbt #primary{padding: 10px 0 0 0;}
.sec.tbt #content {padding: 0;}	.sec.tbt #secondary{padding: 10px 0 0 0;}*/

.all.mob #content {margin: 30px auto 0 auto; padding: 0 5px 0 5px; width: 96%;}		.all.mob #primary{margin: 10px 5px 0 5px; width: 96%;}	.all.mob #secondary{margin: 10px 5px 0 5px; width: 96%;}
.pri.mob #content {margin: 30px auto 30px auto; padding: 0 5px 0 5px; width: 96%;}	.pri.mob #primary{margin: 10px 5px 0 5px; width: 96%;}
.sec.mob #content {margin: 30px auto 30px auto; padding: 0 5px 0 5px; width: 96%;}	.sec.mob #secondary{margin: 10px 5px 0 5px; width: 96%;}

.one.mob #content {margin: 30px auto 30px auto; padding: 0 5px 0 5px; width: 96%;}/* maybe needs 0 10px 0 10px for pad */

#container		{z-index: 1;}	#content {z-index: 2;}	.sidebar, #primary, #secondary{z-index: 3;} #header{z-index: 10;}


/* HEADER width is 988px with border ------------------------------------------------------------------------------------------------------------------------------------------------ */
#header 	{margin: 0 -494px; width: 986px; height: 160px; padding: 0; position: fixed; top: 0; left: 50%; background-color: #FFFFFF; border: 1px solid #8B8B8B; border-bottom: none;
font-family: Verdana, Geneva, sans-serif;}
.pgd #header {height: 74px;}
.mob #header {margin: 0 auto; width: 100%; left: 0;  border: none; height: 70px; }

/* HEAD ------------------------------------------------------------------------------------------------------------------------------------------------ */


#head {z-index: 13;} #menu {z-index: 14;} #bcrumb {z-index: 14;}

#head {margin: 0; padding: 0; width: 100%; overflow: hidden; text-align: left; position: relative; top: 0; left: 0; background-repeat: no-repeat; height: 160px; background-position: 0 top; border-bottom: none; overflow: hidden;}
.pgd #head {height: 74px;  background-position: 0 -68px; border-bottom: 1px solid #8B8B8B;}
.mob #head{background-position: 0 -69px; height: 70px; border: none;} /*.pgd */

#head 	a:hover	{text-decoration: none !important;}

#head #logo_iisdrs		{width: 209px; height: 94px; margin: 0; padding: 6px 0; display: inline-block; text-align: center; position: absolute; left: 0; z-index: 12;}
.pgd #head #logo_iisdrs	{width: 83px; height: 44px; margin: 0; padding: 6px 0; top: 0px;}
.mob #head #logo_iisdrs	{width: 73px; height: 43px; margin: 0; padding: 1px; top: 0; left: 0;}

/*#head #logo_iisdrs img			{width: 160px; height: 94px; margin: 0; padding: 0;}
.pgd #head #logo_iisdrs img	{width: 75px; height: 44px; margin: 0; padding: 0;}*/

#head #logo_iisd			{width: 200px; height: 106px; margin: 0; padding: 0; display: inline-block; text-align: center; position: absolute; right: 0; z-index: 12;}
.pgd #head #logo_iisd		{width: 80px; height: 29px; margin: 14px 0 0 0; padding: 8px;}
/*.mob #head #logo_iisd		{display: none;}*/
.mob #head #logo_iisd		{width: 80px; height: 29px; margin: 14px 0 0 0; padding: 1px; }

#head #logo_iisd img			{margin: 35px 0; padding: 0;} /*  width: 233px; height: 42px;*/
.pgd #head #logo_iisd img	{margin: 0; padding: 0;}/* width: 37px; height: 20px;}*/
.mob #head #logo_iisd img	{margin: 0; padding: 0;}
.mob #head #logo_iisd img	{margin: 0; padding: 0;}

#head #text_iisdrs		{margin: 0; padding: 0; display: block; height: 106px; width: 100%; text-align: center; }
.pgd #head #text_iisdrs	{margin: 1px 0 0 0; left: 0; height: 30px;}
.mob #head #text_iisdrs	{margin: 2px 0 0 0; float: right; top: 0; right: 0; height: 50px; width: 80%; }


#head #text_iisdrs img 		{margin: 8px 0 0 0; padding: 0;}
.pgd #head #text_iisdrs img	{margin: 0; padding: 0; height: 30px;}
.mob #head #text_iisdrs img	{margin: 2px 0 2px -65px; padding: 0; height: 30px;}

#head #text_iisdrs h5 		{display: block; color: #005054; font-size: 16.5px; text-align: center; text-decoration: none; margin: 0; letter-spacing: -1.2px; font: Verdana, Arial, Helvetica, sans-serif; position: absolute; left: 220px; bottom: 42px;}
#head #text_iisdrs h6 		{display: block; color: #005054; font-size: 13px; text-align: center; text-decoration: none; margin: 0; line-height: 14px; font: Verdana, Arial, Helvetica, sans-serif; }
.pgd #head #text_iisdrs h5	{display: none;}
.mob #head #text_iisdrs h5 	{display: none;}
.pgd #head #text_iisdrs h6	{display: none;}
.mob #head #text_iisdrs h6 	{display: none;}

/* HEADER - MENU ------------------------------------------------------------------------------------------------------------------------------------------------ */
#menu			{margin: 0 auto; height: 36px; width: 100%; position: absolute; top: 124px; left: 0px; }
.pgd #menu	{margin: 0 -450px; width: 900px; height: 20px; position: absolute; top: 0; left: 50%; background: none; padding: 0 0 20px 0;}
/*.mob #menu	{margin: 0 auto; width: 100%;} .pgd*/
.mob #menu	{margin: 0 auto; width: 98%; position: absolute; top: 46px; left: 0; padding: 0; height: 36px; border: none;}


#menu ul 			{margin: 0; padding: 0; list-style-type: none; text-align: center;}

#menu li a 			{display: inline-block; text-decoration: none; font-weight: normal;}

#menu #item li		{float: right;}

#menu #item li a			{padding: 11px 12px; height: 14px; color: #FFFFFF;}
.pgd #menu #item li a		{padding: 1px 6px; height: 12px; color: #5bbd8b;}
.mob #menu #item 			{margin: 0 auto; width: 100%; display: block;}
.mob #menu #item li a		{padding: 11px 6px; height: 12px; font-size: 0.75em !important; display: inline-block;}
.mob #menu #item li#mi_search	{display: none;}


#menu #item li a span 		{display: inline;}
.pgd #menu #item li a span	{display: none;}
.mob #menu #item li a span	{display: none;}

#menu #item li a:hover	{color: #336666; background-color: #FFFFFF;}

#menu #icon				{padding-left: 9px;}
.mob #menu #icon 		{display: none;}
#menu #icon li			{float: left;}
#menu #icon li a			{padding: 9px 9px; border: none;}
.pgd #menu #icon li a		{padding: 3px 4px;}
#menu #icon li a:hover	{background-color: #FFFFFF;}


/* HEADER - BREADCRUMB ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* 0 padding: 10px 6px 10px 10px; 1 padding: 6px 0px 6px 10px;  988-720=268-12=256*/
#bcrumb			{position: absolute; top: 142px; left: 0px; padding: 28px 0 9px 10px; width: 716px; height: 16px; color: #306D72;}
.pgd #bcrumb	{position: absolute; top: 50px; left: 83px; padding: 8px 0 3px 10px;}
#bcrumb img		{display: inline-block; margin: 0; padding: 0 6px 0 0;}
.pgd #bcrumb img{display: none;}
.mob #bcrumb 	{display: none;}

#bcrumb span {border-bottom: 1pt solid #306D72;}
#bcrumb strong {padding: 0.25em 6px !important; font-size: 0.8em;}
.pgd #bcrumb span,.pgd #bcrumb a,.pgd #bcrumb strong	{margin: 0; padding: 0; color: #EFEFEF;}
.pgd #bcrumb span {border-bottom: none;}
.pgd #bcrumb #cur	{color: #0066CC; text-decoration: underline;}



#bcrumb a					{cursor: pointer;}
#bcrumb span,#bcrumb strong	{cursor: default;}
#bcrumb strong				{display: inline-block; vertical-align: top; height: 14px; overflow-y: hidden; margin: -1px 0 0 0 !important;}


#socialnew	{
	position: absolute; /*top: 142px;*/ right: 0; margin: 0; padding: 7px 4px 7px 4px; width: 240px; height: 20px; text-align: right;
/*fade below header */	
	background: -webkit-linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7),rgba(255,255,255,0)	); /*Safari 5.1-6*/
	background: -o-linear-gradient(		rgba(255,255,255,0.7),rgba(255,255,255,0.7),rgba(255,255,255,0)	); /*Opera 11.1-12*/
	background: -moz-linear-gradient(	rgba(255,255,255,0.7),rgba(255,255,255,0.7),rgba(255,255,255,0)	); /*Fx 3.6-15*/
	background: linear-gradient(		rgba(255,255,255,0.7),rgba(255,255,255,0.7),rgba(255,255,255,0)	); /*Standard*/
}
#socialnew .addthis_button_tweet.at300b {width: 62px;}
.mob #socialnew .addthis_button_tweet.at300b {width: 90px;}
#socialnew .addthis_button_google_plusone.at300b {width: 60px;}
.pgd #socialnew	{position: absolute; /*top: 56px;*/ width: 100%; right: 0; padding: 7px 4px 7px 4px;}
.mob #socialnew {position: fixed; top: initial; right: initial; bottom: 0; left: 0; width: 100%; height: 22px; text-align: center; padding: 14px 0 6px 0; margin: 0 auto; 
/*fade below header */	
	background: -webkit-linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255,0.9),rgba(255,255,255,1)	); /*Safari 5.1-6*/
	background: -o-linear-gradient(		rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255,0.9),rgba(255,255,255,1)	); /*Opera 11.1-12*/
	background: -moz-linear-gradient(	rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255,0.9),rgba(255,255,255,1)	); /*Fx 3.6-15*/
	background: linear-gradient(		rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255,0.9),rgba(255,255,255,1)	); /*Standard*/
}
.mob #socialnew .addthis_native_toolbox{width: auto; text-align: center; margin: 0 auto;}
#socialnew a {
    float: right !important;
}
.pgd.mob #footer {padding-bottom: 32px;}

.twitter-share-button{color: #FFFFFF !important;}

/* SPRITES - ICONS/LOGOS -------------------------------------------------------------------------------------------------------------------------------------------------- */

.sprite img, .widget ul li  {background-image: url(http://stg.enb.iisd.org/_img/__theme/sprite__485x746_sb46.png?20170422);}
.sprite img {padding: 0; border: none; background-repeat: no-repeat; background-size: 485px 746px;}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
        .sprite img, .widget ul li  {background-image: url(http://stg.enb.iisd.org/_img/__theme/sprite__485x746x2_sb46.png?20170422);}
		.sprite img {padding: 0; border: none; background-repeat: no-repeat; background-size: 485px 746px;}
}



#widget_km .sprite a {padding: 5px 10px; height: 50px; width: 169px; font-size: 0.7em; font-weight: bold; text-align: center; display: table;}
#widget_km .sprite img,#widget_km .sprite div {display: table-cell;}
#widget_km .sprite div {width: 119px; height: 50px; line-height: normal; vertical-align: middle;}

/*.mob #widget_km .sprite a {width: 90%;}
.mob #widget_km .sprite div {width: 40%;}*/

.css_020 li a img		{height: 20px; width: 20px;}
.css_020 .fb {background-position: 0px -245px;}
.css_020 .tw {background-position: -20px -245px;}
.css_020 .vm {background-position: -40px -245px;}
.css_020 .rs {background-position: -60px -245px;}
.css_020 .em {background-position: -80px -245px;}
.pgd .css_020 li a img		{height: 14px; width: 14px;}
.pgd .css_020 .fb {background-position: 0 -265px;}
.pgd .css_020 .tw {background-position: -20px -265px;}
.pgd .css_020 .vm {background-position: -40px -265px;}
.pgd .css_020 .rs {background-position: -60px -265px;}
.pgd .css_020 .em {background-position: -80px -265px;}

.css_100 img {height: 100px; width: 100px; display: inline-block;}
.css_100 .af {background-position: 0 0;}
.css_100 .ap {background-position: 0 -100px;}
.css_100 .bd {background-position: 0 -200px;}
.css_100 .cw {background-position: 0 -300px;}
.css_100 .cc {background-position: 0 -400px;}
.css_100 .fo {background-position: 0 -500px;}
.css_100 .ld {background-position: 0 -600px;}
.css_100 .la {background-position: 0 -700px;}
.css_100 .nr {background-position: 0 -800px;}
.css_100 .si {background-position: 0 -900px;}
.css_100 .sd {background-position: 0 -1000px;}
.css_100 .se {background-position: 0 -1100px;}
.css_100 .ws {background-position: 0 -1200px;}
.css_100 .st {background-position: 0 -1300px;}

.css_075 img {height: 75px; width: 75px; display: inline-block;}
.css_075 .af {background-position: -100px 0;}
.css_075 .ap {background-position: -100px -100px;}
.css_075 .bd {background-position: -100px -200px;}
.css_075 .cw {background-position: -100px -300px;}
.css_075 .cc {background-position: -100px -400px;}
.css_075 .fo {background-position: -100px -500px;}
.css_075 .ld {background-position: -100px -600px;}
.css_075 .la {background-position: -100px -700px;}
.css_075 .nr {background-position: -100px -800px;}
.css_075 .si {background-position: -100px -900px;}
.css_075 .sd {background-position: -100px -1000px;}
.css_075 .se {background-position: -100px -1100px;}
.css_075 .ws {background-position: -100px -1200px;}
.css_075 .st {background-position: -100px -1300px;}

.css_050 img {height: 50px; width: 50px; display: inline-block;}
.css_050 .af {background-position: -175px 0;}
.css_050 .ap {background-position: -175px -100px;}
.css_050 .bd {background-position: -175px -200px;}
.css_050 .cw {background-position: -175px -300px;}
.css_050 .cc {background-position: -175px -400px;}
.css_050 .fo {background-position: -175px -500px;}
.css_050 .ld {background-position: -175px -600px;}
.css_050 .la {background-position: -175px -700px;}
.css_050 .nr {background-position: -175px -800px;}
.css_050 .si {background-position: -175px -900px;}
.css_050 .sd {background-position: -175px -1000px;}
.css_050 .se {background-position: -175px -1100px;}
.css_050 .ws {background-position: -175px -1200px;}
.css_050 .st {background-position: -175px -1300px;}

.css_010 img {height: 10px; width: 10px; display: inline-block;}
.css_010 .af {background-position: -225px 0;}
.css_010 .ap {background-position: -225px -100px;}
.css_010 .bd {background-position: -225px -200px;}
.css_010 .cw {background-position: -225px -300px;}
.css_010 .cc {background-position: -225px -400px;}
.css_010 .fo {background-position: -225px -500px;}
.css_010 .ld {background-position: -225px -600px;}
.css_010 .la {background-position: -225px -700px;}
.css_010 .nr {background-position: -225px -800px;}
.css_010 .si {background-position: -225px -900px;}
.css_010 .sd {background-position: -225px -1000px;}
.css_010 .se {background-position: -225px -1100px;}
.css_010 .ws {background-position: -225px -1200px;}
.css_010 .st {background-position: -225px -1300px;}

#head #logo_iisdrs img			{height: 105px; width: 220px; display: inline-block; background-position: 0 -128px;}
.pgd #head #logo_iisdrs img	{height: 66px; width: 100px; display: inline-block; background-position: -10px -3px;}
.mob #head #logo_iisdrs img	{height: 66px; width: 95px; display: inline-block; background-position: -10px -3px;}

/***#head #text_iisdrs img		{height: 100px; width: 360px; display: inline-block; background-position: 0 -579px;}**/
#head #text_iisdrs img		{height: 93px; width: 485px; display: inline-block; background-position: 0 -579px;}
.pgd #head #text_iisdrs img	{height: 60px; width: 235px; display: inline-block; background-position: 0 -687px;}
.mob #head #text_iisdrs img	{height: 50px; width: 60px; display: inline-block; background-position: -176px -523px;}

/*#head #logo_iisd img				{height: 42px; width: 233px; display: inline-block; background-position: 0 -1500px;}
.pgd #head #logo_iisd img		{height: 20px; width: 38px; display: inline-block; background-position: -160px -1450px;}*/

#head #logo_iisd img		{height: 60px; width: 160px; display: inline-block; background-position: 0 -518px;}
.pgd #head #logo_iisd img	{height: 30px; width: 80px; display: inline-block; background-position: -120px -86px;}
/**new**/.mob #head #logo_iisd img	{height: 30px; width: 80px; display: inline-block; background-position: -120px -86px;}

.css_rs_160 img {height: 94px; width: 160px; display: inline-block;}
.css_rs_160 .rs {background-position: 0 -1400px;}
.css_rs_073 img {height: 43px; width: 73px; display: inline-block;}
.css_rs_073 .rs {background-position: -160px -1400px;}
.css_rs_014 img {height: 10px; width: 14px; display: inline-block;}
/*.css_rs_014 .rs {background-position: -160px -1490px;}*/

.css_tx_235 img {height: 69px; width: 235px; display: inline-block;}
.css_tx_235 .tx {background-position: 0 -1550px;}
.css_tx_165 img {height: 18px; width: 165px; display: inline-block;}
.css_tx_165 .tx {background-position: 0 -1625px;}

.css_ii_233 img {height: 42px; width: 233px; display: inline-block;}
.css_ii_233 .ii {background-position: 0 -1500px;}
.css_ii_038 img {height: 20px; width: 38px; display: inline-block;}
.css_ii_038 .ii {background-position: -160px -1450px;}



/* SIDEBAR/WIDGETS ------------------------------------------------------------------------------------------------------------------------------------------------ */
.sidebar		{text-align: left;}
.sidebar_meetings		{text-align: center;}
.page .sidebar a img {max-width: 100%; min-width: 100px; height: auto;}

/*.sidebar li a:only-child img:only-child {text-align: center;}*/

.sidebar li a:only-child {display: block; text-align: center;}
.sidebar li li a:only-child {display: inline-block; text-align: left;}
.slidebar h2		{margin: 0 auto; padding: 0; list-style-type: none; font-size: 11px; color: #306D72; font-weight: bold;}

ul.widget		{margin: 0 5px; padding: 0; list-style: none;}
ul.widget li		{margin: 0; padding: 0 3px 20px 3px; display: block;}

.widget ul		{margin: 8px 0 0 4px; padding: 0; list-style-type: none; font-size: 11px; color: #666666; font-weight: bold;}
.widget ul li		{margin: 2px 0 2px 0; padding: 0 4px 0 0; color: #306D72; background-position: -100px -1680px; background-repeat: no-repeat; background-size: 235px 1700px; height: 18px; width: 18px;}
.widget ul li a	{margin: 0 0 0 15px; padding: 2px 2px 0 2px; height: 16px; width: 170px; display: block;}

#primary .widget ul li a {width: 193px;}
#secondary .widget ul li a {width: 163px;}
.widget p 		{margin: 8px 5px; text-align: left; font-size: 0.7em;}

.widget  table	{margin: 3px auto; padding: 0;}
.mob .widget  table	{margin: 3px 0; padding: 0;}

#widget_archives		{text-align: center;}
.mob #widget_archives	{max-width: 300px; margin: 0px auto;}
#widget_archives td a	{padding: 6px; text-align: center; text-align: center; display: inline-block; width: 50px;}

.sidebar #widget_archives td a	{font-size: 0.8em;}
.page #content #widget_archives td a	{font-size: 1em;}

#widget_km table 			{border-collapse: collapse; border-spacing: 0; width: 90%;}
#widget_km  td			{margin: 0; padding: 3px 0px; text-align: center; vertical-align: middle; font-size: 0.7em; font-weight: bold; border: none;}

#widget_km table tr:hover {text-decoration: none; background-color: #F0F0F0; border-color: #F0F0F0;}
.widget ul li:hover 		{text-decoration: none; background-color: #F0F0F0;}
.widget a:hover 			{text-decoration: none; background-color: #F0F0F0; color: #306D72;}
.widget table td:hover 	{text-decoration: none; background-color: #F0F0F0;}

.widget  .more_link 		{display: block; float: right; font-weight: bold; font-size: 0.7em;}
.mob .widget .more_link {display: none;}

#widget_lists		{padding-bottom: 30px !important;}

#widget_follow ul li			{} /* background: url(http://stg.enb.iisd.org/_img/__theme/bullet_307E88.png) 0px top no-repeat;*/
#widget_follow ul li span {margin: 0 0 0 15px; padding: 2px 2px 0 2px; height: 16px; width: 180px; display: block;}
#widget_follow div,#widget_follow iframe.twitter-follow-button  {margin: 6px -25px 6px 25px; display: inline-block;}
.mob #widget_follow  {display: none;}


/* PAGE - CONTENT -------------------------------------------------------------------------------------------------------------------------------------------------- */
.page #content h1 {margin: 0 0 12px 0; padding: 0; font-size: 1.2em; color: #454136; text-align: center; display: none;}
.page #content h2 {margin: 18px 0; padding: 12px 0; font-size: 1.1em; text-align: center; color: #666666; border: 1px solid #DDDDDD; border-left: none; border-right: none; clear: both;}
.page #content h3  {font-size: 0.9em; text-align: left; color: #666666; display: none;}
.videos #content h3 {display: block;}
.page #content h4  {font-size: 0.9em; text-align: left; color: #454136;}
.page #content p , .page #content li, .page #content td {font-size: 0.8em;}
.page #content li {padding: 3px;}
.page #content hr {margin: 18px auto; padding: 0; display: block; text-align: center; width: 100%; height: 1px; border: 0; border-top: 1px solid #DDDDDD;} 

.page #content p.center {margin: 3px 0 12px; text-align: center; font-size: 0.75em;}
.page #content p a, .page #content ul a {font-size: 0.9em; font-weight: bold;}
.page #content p.center a {font-size: 1.0em; font-weight: bold;}
.mob.page #content h1 {display: block; }
.mob.page #content h3 {display: block; }
.mob.page #content p img	{max-width: 100%; min-width: 300px; height: auto; display: block; float: none; padding: 0; margin: 10px auto;}

.page #content div div {font-size: 1em;}
.page #content div div < iframe {text-align: center;}
.page #content div div iframe {width: 940px; height: 529px;}
.mob.page #content div div iframe {width: 100%; height: 100%;}

.page #content .sprite.tweet{background-position: -160px -1660px;}

/* MEETING COVERAGE -------------------------------------------------------------------------------------------------------------------------------------------------- */
#coverage 		{width: 535px; margin: 0 auto; border-bottom: 1px dashed #CCCCCC;}
#coverage img	{width: 90px; margin: 5px; float: left; vertical-align : middle;}
#coverage h1 	{width: 428px; float: right; font-size: 9pt; line-height: 14px; font-weight: bold; margin: 5px 5px 0 0; padding: 0; text-align: left;}
#coverage p 		{width: 428px; float: right; font-size: 8.5pt; line-height: 14px; font-weight: normal; margin: 0 5px 5px 0; padding: 0; text-align: left;}

/* ARCHIVE TABLES -------------------------------------------------------------------------------------------------------------------------------------------------- */
.archives li a {font-weight: bold;}

/* FOOTER -------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer .rounder {margin: 10px; text-align: center;}

#footer h3	{color: #306d72; padding: 12px; margin: 0px; text-align: center; font-size: 1.2em;} 

#footer hr {height: 1px; border: 0; border-top: 1px solid #DDDDDD;}



/*#footer ul		{margin: 0 auto; padding: 6px; list-style: none; font-size: 0.8em; width: 92%;}
#footer ul li		{margin: 0; padding: 6px; display: block; text-align: left;}
.mob #footer ul li a {word-break: break-all;}
.mob #footer ul li.aligncenter a {word-break: normal;}
#footer ul li.aligncenter {padding: 12px;}*/

#footer p {margin: 10px auto 5px; text-align: center; font-size: 0.7em;}

.mob br {display: none;}

.cpu #content br.m {display: none !important;}
.mob #content br.m {display: inline !important;}

#footer .glossary{margin: 5px auto 20px; width: 800px; background-color: #FFFFFF;}
.mob #footer .glossary {width: 92%;}
#footer table {margin: 0 auto; padding: 0 5px; text-align: left; width: 390px; display: inline-block; font-size: 0.75em; vertical-align: top;}
.mob #footer table {width: 100%;} 
#footer table th {text-align: center; width: 25%;}
#footer table td {width: 75%;}


#footer p.masthead {margin: 0px auto 20px !important; padding: 12px; width: 900px; border: 1px solid #DDDDDD; background-color: #FFFFFF; text-align: left; font-size: 0.75em;}
.mob #footer p.masthead {width: 92%;}
/* SPECIAL */
.plus{position: relative; left: -1px; top: 1px; margin-top: -2px; margin-right: -3px; padding: 0; font-weight: bold; color: #000000; font-size: 1.2em;}
h5 .plus{position: relative; left: -1px; top: 1px; margin-top: -2px; margin-right: -3px; padding: 0; font-weight: bold; color: #306D72; font-size: 1.2em;}

/* JS SLIDER ----------------------------------------------------------------------------------------------------------------------*/
div#slides_wrap 			{width: 984px; height: 246px; padding: 0; margin: 0 auto; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8;}
.mob #slides_wrap		{display: none;}

#slides 					{overflow: hidden; width: 984px; height: 246px; 	position: relative; margin: 0 auto;}
#slides a img 			{border: none; vertical-align: middle;}
.mob #slides 			{}

#slides ul.showbox  img {width: 984px; height: 246px; background-repeat: no-repeat;}
#slides ul.showbox  img.s1{background-position: 0 0;}
#slides ul.showbox  img.s2{background-position: 0 -246px;}
#slides ul.showbox  img.s3{background-position: 0 -492px;}
#slides ul.showbox  img.s4{background-position: 0 -738px;}
#slides ul.showbox  img.s5{background-position: 0 -984px;}
#slides ul.showbox  img.s6{background-position: 0 -1230px;}


#slides ul, #slides li 	{margin: 0; padding: 0; list-style: none;}
#slides ul.showbox, #slides ul.link 
						{position: absolute; top: 1px;}
#slides ul.showbox li a 	{display: block; height: 246px;}
#slides ul.link 		{right: 0; float: right;}
#slides ul.link li		{float: left;}
#slides ul.sprite li a		{display: block; width: 11px; height: 11px; border: 1px solid #FFFFFF; background-color: #B7D1D3; margin: 223px 10px 10px 0px;}
#slides ul.sprite li a.selected
						{background-color: #5A8C95;}

/* ------------------------------------------------------------------------------------------- */
/* JS Slider NEW */

div#slider 	{overflow: hidden; padding: 0 !important; margin: 0 !important;
			display: -ms-flex; display: -webkit-flex; display: flex; position: relative;}
.mob #slider{display: none;}


div#slider, #slider ul.showbox li a, #slider ul.showbox li a img {width: 986px;}

#slider h1 {margin: 0; padding: 12px !important; position: absolute; top: 0; left: 0; width: 962px; z-index: 1000; background-color: rgba(0,0,0,0.5); color: #FFFFFF !important; font-weight: normal;}

#slider a img 			{border: none; vertical-align: middle;}

#slider ul				{list-style-type: none;}
#slider ul, #slider li 	{margin: 0 !important; padding: 0 !important; list-style: none;}

#slider ul.showbox, #slider ul.link 	{position: absolute; top: 0px;}
#slider ul.showbox li a 				{display: block;}
#slider ul.showbox li a img 			{background-color: #000000; background-position: center top; }

#slider ul.link 		{right: 0; float: right;}
#slider ul.link li		{float: left;}

#slider ul.sprite li a			{display: block; width: 11px; height: 11px; border: 1px solid #FFFFFF;
								background-color: #B7D1D3; }
#slider ul.sprite li a.selected	{background-color: #5A8C95;}

/* ------------------------------------------------------------------------------------------- */
/* LISTS */

/* ------------------------------------------------------------------------------------------- */