@font-face {
	font-family: 'Socialico';
	src: url('font/socialico'); /* IE9 Compat Modes */
	src: url('font/socialico.woff') format('woff'), /* Modern Browsers */
		url('font/socialico.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('font/socialico?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('font/socialico.svg#Socialico') format('svg'); /* Legacy iOS */
}

* {margin: 0 auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;osx-font-smoothing:antialiased;font-family: 'Roboto', sans-serif;color:#000;}

* a {text-decoration: none;}

p a {
    text-decoration: underline;
    color: green;
    font-weight: 500;
}

#jsmainLeftFullStory p {
	font-size:15px;
	}

body {padding:0; min-width:1230px;}

img {
border:0;
}

#adbanner1 {width:728px;height:101px;margin:8px auto 8px auto;}
/* ir #adbanner1 {background:url(http://www.pensionsage.com/pa/images/TAS_Advert_color.gif) no-repeat;width:728px;height:90px;margin:8px auto 8px auto;} */

#upperNavWrapper {background-color:#222;width:100%;height:65px;z-index:9000;}

#upperNav {width:1230px;height:100%;padding:0 0 0 15px;}

#upperNav ul {list-style-type:none;padding-left:0;float:left;width:950px;height:32px;overflow:hidden;}

#upperNav ul:nth-child(3) {margin:1px 0 0 0;width:1200px;}

#upperNav ul a li {font-family: Roboto;float:left;margin:0 1px 0 0;background-color:#009944;color:#FFF;font-size:14px;padding:8px 9px 8px 9px;transition:background-color 100ms ease-in-out;}

#upperNav ul:nth-child(3) a li {background-color:#3E3E3D;}

#upperNavTabAppointments {background-color:#F1EA0F !important;color:#000 !important;font-weight:bold;}

#upperNavTabAppointments:hover {background-color:#F2EE37 !important;color:#000 !important;}

.navActive {background-color:#02672f !important;}

.navActive:hover, #upperNav ul a li:hover,#lowerNav ul a li:hover {background-color:#02672f;}

#upperNavSearch {width:200px;height:28px;padding:4px 0 0 0;float:right;}

#upperNavSearch form input:nth-child(1) {background-color:#FFF;width:174px;height:23px;float:left;border:0;font-weight:400;font-size:13px;text-indent:10px;line-height:24px;margin-right:3px;border-radius: 10px;}

#headerWrapper {width:1230px;height:230px;margin:30px auto 10px auto;padding:0 0 0 15px;}

#headerWrapper div {float:left;}

#headerWrapper * h5 {font-size: 15px;font-weight: 500;}

#headerLeft {width:475px;height:100%;line-height:15px;}

#headerLeft a *:hover {text-decoration:underline;}

#headerLeft img {float:left;margin:2px 2px 0 0;}

#headerLeft h5 {margin-bottom:4px;}

#headerLeft h6 {font-size: 14px;color: #353535;font-weight: 500;}

#headerLeft h6:nth-child(3) {margin:200px 0 0 0;}

#headerCenter {width:380px;height:100%;background:url("/images/BetterSociety_network_logo-250.jpg") no-repeat;}

#headerRight {width:345px;height:auto;}

#headerRight a *:hover {text-decoration:underline;}

#headerRight a h5 {float:right;line-height:15px;}

#headerRightMagazine {width:345px;height:100%;overflow:hidden;}

/*#headerRightMagazine a img {float:right;padding:35px 0 0 0;}*/
#headerRightMagazine img {float:right;margin:35px 0 0 0;}

#breakingNewsWrapper {width:1230px;padding-bottom: 2px;}

#breakingNews {width:1196px;height:31px;background-color:#fafafa;box-sizing:content-box;margin-top: 10px;border-top: solid #009944 2px;}

#breakingNews * {float:left;}

#breakingNews h4 {color:#094;margin-right:6px;font-weight:500;font-size:14px;line-height:28px;}

#breakingNews img {margin:9px 3px 0 0;}

#adbanner2 {width:1220px;height:100px;padding:20px 0 0 10px;}

#adbanner2 #adbanner2dot1first {margin-left:105px;margin-right:54px;}

#adbanner2 img {width:468px;height:60px;float:left;}

#mainWrapper {width:1230px;min-height:900px;height:auto;padding:10px 0 0 15px;}

#mainWrapper div {float:left;}

#mainLeft {width:770px;min-height:100%;margin-right:5px;margin-top:8px;}

#mainCenter {width:300px;min-height:100%;margin-right:5px;}

#mainRight {width:120px;min-height:100%;}

#mainRight a img {display:block;}

.mainLeftDivider {width:770px;height:1px;background-color:rgba(50,1,1,0.15);margin:15px 0 15px 0;}



#mainLeftMainStoryWideParagraphWrapper {width:240px;height:200px;margin:0 0 0 15px;float:right;position:relative;}

#mainLeftMainStoryThinParagraphWrapper {width:500px;height:200px;margin:0 0 0 15px;float:right;position:relative;}

.readMoreFadeOut {position:absolute;bottom:0;width:100%;height:50px;
        /* courtesy of ultimate css gradient generator (use that - w/o it last time, firefox had issues) */
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.readMoreFadeOut a h6 {position:absolute;width:100%;bottom:0;text-align:center;font-size:12px;color:#444;text-transform: uppercase;}

.readMoreFadeOut a h6:hover {text-decoration:underline;}

.readMoreFadeOutMainStory {bottom:-5px !important;}



#mainLeftMainStoryWide, #mainLeftMainStoryThin {width:100%;max-height:330px;overflow:hidden;}

#mainLeftMainStoryWide a h1, #mainLeftMainStoryThin a h1 {max-height: 140px;width: 100%;font-size: 34px;overflow: hidden;line-height: 38px;padding: 7px 0 0 0;margin: 0 0 5px 0;color: #252525;text-shadow: 1px 1px 1px #d6d6d6;}

#mainLeftMainStoryWide a h1:hover, #mainLeftMainStoryThin a h1:hover {text-decoration:underline;}

#mainLeftMainStoryWideImage {width:510px;height:200px;float:left;margin:5px 0 0 0;position:relative;background-repeat:no-repeat;}
/* ir #mainLeftMainStoryWideImage {width:510px;height:200px;float:left;margin:5px 0 0 0;background-image:url(http://www.studyabroadinternational.com/Italy/Montepulciano/image/Montepulciano-today.jpg);position:relative;} */


#mainLeftMainStoryWideImageHover {position:absolute;bottom:0;width:100%;height:0;background-color:rgba(125,125,125,0.2);border-bottom:1px solid rgba(190,150,150,0.3);transition:height 150ms ease-in-out 0s,background-color 150ms ease-in-out 0s;}

#mainLeftMainStoryWideImage:hover #mainLeftMainStoryWideImageHover {height:50px;background-color:rgba(215,215,215,0.8);}

#mainLeftMainStoryWideImageHover h4 {font-size:20px;color:#333;float:left;line-height:54px;margin:0 5px 0 20px;}

#mainLeftMainStoryWideImageHover h5 {font-size:16px;color:#666;float:left;line-height:54px;}

#mainLeftMainStoryWideImageHover h6 {font-family:Socialico;width:40px;height:40px;font-size:40px;border:1px solid #999;border-radius:50px;margin:5px 5px 0 0;text-align:center;float:right;color:#999;transition:color 50ms ease-in-out 0s,border 300ms ease-in-out 0s;}

#socialicoTwitter {margin:5px 20px 0 0 !important;}

#socialicoTwitter:hover {color:#0090FF;border:1px solid #0090FF;}

#socialicoFacebook:hover {color:#2864cc;border:1px solid #2864cc;}

#mainLeftMainStoryWide p {font-size:16px;}

#mainLeftMainStoryThin a img {width:250px;height:200px;float:left;margin:5px 0 0 0;}

#mainLeftMainStoryThin p {font-size:16px;}

#adbanner3 {width:468px;height:60px;margin-left:158px;}
/* ir #adbanner3 {width:468px;height:60px;margin-left:158px;background-image:url(img/opdu-banner.gif);} */

.mainLeftOtherStory {width:252px;height:249px;padding:0 10px 0 0;border-right:1px solid rgba(50,1,1,0.15) !important;margin:0 10px 0 0;overflow:hidden;position:relative;}

.mainLeftOtherStory a h1 {max-height: 160px;width: 100%;font-size: 24px;overflow: hidden;line-height: 25px;padding: 0 0 6px 0;color: #252525;text-shadow: 1px 1px 1px #d6d6d6;}

.mainLeftOtherStory a h1:hover {text-decoration:underline;}

.mainLeftOtherStory p {font-size:14px;}

.mainLeftOtherStoryRight {padding:0;border:0;margin:0;}

.mainLeftOtherStoryShort {width:262px;height:193px;padding-left:10px;border-left:2px solid rgba(50,1,1,0.15);margin-left:10px;}

#mainLeftOtherStories {width:498px;height:196px;overflow:hidden;background-color:#D1DEF2;}

#mainLeftOtherStoriesBanner {width:100%;height:30px;background-color:#094;text-transform:uppercase;color:#FFF;font-size:18px;font-weight:bold;padding:3px 0 0 10px;}

#mainLeftOtherStoriesBanner a {color:#FFF;font-family:'Source Sans Pro','PT Serif',sans-serif;}

.mainLeftOtherStoriesStory {width:100%;padding:8px 10px 0 10px;}

.mainLeftOtherStoriesStory a img {float:left;padding:7px 3px 0 0;}

.mainLeftOtherStoriesStory a h1 {color:#428FCC;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.mainLeftOtherStoriesStory a h1:hover {text-decoration:underline;}

.mainLeftOtherStoriesStory h2 {font-size:12px;width:80%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.mainLeftOtherStoriesStory a h3 {font-size:10px;text-align:left;color:#094;line-height:18px;padding-left:5px;}

.mainLeftOtherStoriesStory a h3:after {content:"read more";}

.mainLeftOtherStoriesStory a h3:hover {text-decoration:underline;}

/* ir #adbanner4 {width:468px;height:60px;margin-left:158px;background-image:url(http://www.fstech.co.uk/fst/images/kana_banner_april2014.gif);} */
#adbanner4 {width:468px;height:60px;margin-left:158px;}

/* OLD homepage q&a video interview...'native' version a.k.a. not just image background w/ link
#mainLeftVideoScroll {width:770px;height:225px;box-sizing:content-box;border-bottom:5px solid #000;position:relative;}

#mainLeftVideoScrollArrowLeft {top:90px;left:15px;cursor:pointer;position:absolute;z-index:50;transform:rotate(180deg);-webkit-transform:rotate(180deg);}

#mainLeftVideoScrollArrowRight {top:90px;right:15px;cursor:pointer;position:absolute;z-index:50;}

#mainLeftVideoScrollBanner {width:100%;height:25px;background-color:#000;color:#FFF;text-transform:uppercase;font-family:'Source Sans Pro','PT Serif',sans-serif;font-weight:bold;font-size:16px;padding:1px 0 0 10px;}

#mainLeftVideoScrollVideo {width:420px;height:200px;float:left;background-image:url("http://i.imgur.com/MntH3Bu.png");position:relative;}

#mainLeftVideoScrollInfoWrapper {width:350px;height:200px;float:right;}

#mainLeftVideoScrollInfo {width:100%;height:155px;background-color:#DDD;padding:20px 65px 20px 20px;overflow:hidden;}

#mainLeftVideoScrollInfo img:nth-child(1) {transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);float:left;margin:7px 3px 0 0;}

#mainLeftVideoScrollInfo h1 {font-size:16px;font-weight:bold;text-transform:uppercase;float:left;margin:0 3px 0 0;line-height:22px;}

#mainLeftVideoScrollInfo p {font-size:16px;}

*/

#mainLeftVideoScroll {width:770px;height:225px;position:relative;}

#mainLeftVideoScrollArrowLeft {top:90px;left:15px;width:50px;height:59px;cursor:pointer;position:absolute;z-index:50;padding:10px;}

#mainLeftVideoScrollArrowRight {top:90px;right:15px;width:50px;height:59px;cursor:pointer;position:absolute;z-index:50;padding:10px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}

#mainLeftVideoScrollImage {width:100%;height:100%;}

#adbanner5 {width:760px;height:105px;background-image:url(/images/fstech-team-banner.jpg);background-size:100%;background-repeat:no-repeat;}

/*#mainLeftAppointments {width:498px;height:186px;overflow:hidden;background-color:#F1EA0F;}*/
#mainLeftAppointments {width:498px;overflow:hidden;background-color:#F1EA0F;}

#mainLeftAppointmentsBanner {width:100%;height:22px;background-color:#FFF;}

#mainLeftAppointmentsBanner a:nth-child(1) div {margin-left:8px;background-color:#F1EA0F;}

#mainLeftAppointmentsBanner a div {width:auto;height:100%;background-color:#DDD;border-radius:10px 0 0 0;text-transform:uppercase;color:#000;font-size:12px;line-height:20px;font-weight:bold;padding:3px 10px 0 10px;}

/*.mainLeftAppointmentsStory {width:100%;padding:8px 10px 0 10px;}*/
.mainLeftAppointmentsStory {width:100%;padding:4px 10px 4px 10px;}

.mainLeftAppointmentsStory a img {float:left;padding:5px 3px 0 0;}

/*.mainLeftAppointmentsStory a h1 {height:38px;color:#000;font-size:14px;overflow:hidden;}*/
.mainLeftAppointmentsStory a h1 {color:#000;font-size:14px;overflow:hidden;}

.mainLeftAppointmentsStory a h1:hover {text-decoration:underline;}

/*.mainLeftAppointmentsStory:nth-child(4) {padding-bottom:8px;}*/

#mainLeftAppointmentsBannerBottom {width:100%;height:18px;background-color:#094;bottom:0;font-size:10px;padding:2px 0 0 5px;font-family:'Source Sans Pro','PT Serif',sans-serif;}

#mainLeftAppointmentsBannerBottom a {color:#FFF;}

#adbanner6 {width:468px;height:60px;margin-left:158px;background-image:url(http://www.pensionsage.com/pa/images/EPawards2014_468x60_book_table.gif);}

#mainLeftLatestFeatures {width:770px;height:280px;position:relative;}

#mainLeftLatestFeaturesArrowLeft {top:110px;left:15px;width:50px;height:59px;cursor:pointer;position:absolute;z-index:50;padding:10px;}

#mainLeftLatestFeaturesArrowRight {top:110px;right:15px;width:50px;height:59px;cursor:pointer;position:absolute;z-index:50;padding:10px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}

#mainLeftLatestFeatures h6:nth-child(2) {top:85px;left:15px;}

#mainLeftLatestFeatures h6:nth-child(3) {top:85px;right:15px;}

#mainLeftLatestFeaturesBanner {width:100%;height:25px;background-color:#000;color:#FFF;text-transform:uppercase;font-family:'Source Sans Pro','PT Serif',sans-serif;font-weight:bold;font-size:16px;padding:1px 0 0 10px;}

#mainLeftLatestFeatures div:nth-child(4) {width:380px;height:255px;margin:0 10px 0 0;float:left;/*background-image:url(http://cdn.mamamia.com.au/wp-content/uploads/2011/09/Julia-Gillard-420x0-380x275.jpg);*/}

#mainLeftLatestFeatures div:nth-child(4) div, #mainLeftLatestFeatures div:nth-child(5) div {width:100%;height:50px;background-color:rgba(190,165,0,0.75);margin:205px 0 0 0;padding:5px 10px 5px 10px;}

#mainLeftLatestFeatures div:nth-child(4) div a img, #mainLeftLatestFeatures div:nth-child(5) div a img {margin:5px 3px 0 0;float:left;}

#mainLeftLatestFeatures div:nth-child(4) div a h1, #mainLeftLatestFeatures div:nth-child(5) div a h1 {font-size:14px;}

#mainLeftLatestFeatures div:nth-child(4) div a h1 span, #mainLeftLatestFeatures div:nth-child(5) div a h1 span {font-size:12px;color:#094;margin-left:4px;}

#mainLeftLatestFeatures div:nth-child(4) div a h1 span:after, #mainLeftLatestFeatures div:nth-child(5) div a h1 span:after {content:"read more";}

#mainLeftLatestFeatures div:nth-child(4) div a h1 span:hover, #mainLeftLatestFeatures div:nth-child(5) div a h1 span:hover {text-decoration:underline;}

#mainLeftLatestFeatures div:nth-child(5) {width:380px;height:255px;float:right;/*background-image:url(http://lipmag.com/wp-content/uploads/2013/12/ipad-art-wide-p9-20nanny-420x0-380x275.jpg);*/}











#mainCenterWeeklyNewsVideoBanner {width:300px;height:39px;background-color:#094;font-family:'Source Sans Pro','PT Serif',sans-serif;text-transform:uppercase;font-weight:bold;color:#FFF;font-size:18px;line-height:34px;text-align:center;border-top:5px solid #939598;}

#mainCenterWeeklyNewsWrapper {width:300px;height:195px;border-top:5px solid #939598;border-left:10px solid #939598;border-right:10px solid #939598;}

#mainCenterWeeklyNewsWrapper img {width:100%;height:32px;}

#mainCenterWeeklyNewsVideoPlayer {width:280px;height:170px;overflow:hidden;/*background-image:url(http://i.imgur.com/uerK1lu.png);*/background-color:#222;background-size:100%;}

#mainCenterWeeklyNewsWrapper h6 {font-weight:bold;font-family:Arial,sans-serif;font-size:14px;line-height:20px;text-align:center;color:#094;letter-spacing:-1px;}

#mainCenterWeeklyNewsSummary {width:300px;height:50px;background-color:#e0ddde;border-left:10px solid #939598;border-right:10px solid #939598;}

#mainCenterWeeklyNewsSummary p {font-size:12px;text-align:center;font-weight:bold;font-style:italic;padding:4px 29px 4px 29px;font-family:'Source Sans Pro','PT Serif',sans-serif;line-height:14px;}

#mainCenterPreviousNewsVideoTopBar {width:300px;height:10px;background-color:#094;}

#mainCenterPreviousNewsVideoWrapper {width:300px;height:146px;background-color:#000;padding:0 8px 0 8px;}

#mainCenterPreviousNewsVideoWrapper a img {width:86px;height:110px;}

#mainCenterPreviousVideoWrapperTop {width:100%;}

#mainCenterPreviousVideoWrapperTop h4 {color:#FFF;font-size:14px;padding:6px;font-weight:400;float:left;width:165px;font-family:'Source Sans Pro','PT Serif',sans-serif;}

#mainCenterPreviousVideoWrapperTop img {width:10px !important;height:10px !important;margin:10px 0 0 0;}

#mainCenterPreviousNewsVideoWrapperImgOne {margin:0 6px 0 4px;}

#mainCenterPreviousNewsVideoWrapperImgTwo {margin:0 6px 0 0;}

#mainCenterMostReadTopBar {
    width: 300px;
    height: 30px;
    background-color: #009944;
    border-top: 1px solid #009944;
    /*border-top-left-radius: 5px;*/
    /*border-top-right-radius: 5px;*/
    color: #fff5f5;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
	font-weight: 500;
    text-align: left;
    padding: 0 0 0 10px;
    line-height: 30px;
	text-transform: uppercase;
}

#mainCenterMostReadWrapper {   
	width: 300px;
    height: auto;
    background-color: #f1f6ff;
    border-bottom: solid green 2px;
	}

#mainCenterMostReadStories {width:100%;padding:8px 10px 0 10px;}

#mainCenterMostReadStories a img {float:left;padding:7px 3px 0 0;}

#mainCenterMostReadStories a h1 {max-height:57px;color:#000;font-size:14px;margin:0 0 7px 0;font-weight:400;}

#mainCenterMostReadStories a h1:hover {text-decoration:underline;}


/*------------------------World Markets----------------------------------------*/

    #mainCenterWorldMarketsTopBar {
    width: 300px;
    height: 30px;
    background-color: #009944;
    border-top: 1px solid #009944;
    /*border-top-left-radius: 5px;*/
    /*border-top-right-radius: 5px;*/
    color: #fff5f5;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: left;
    padding: 0 0 0 10px;
    line-height: 30px;
    }

    #mainCenterWorldMarketsTopBar span {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    }

    /*#mainCenterWorldMarkets {width:300px;height:155px;background-color:#DDD;padding:7px 10px 7px 10px;border-bottom:3px solid #000;margin:0 0 12px 0;font-size:14px;}*/
    #mainCenterWorldMarkets {
    width: 300px;
    min-height: 110px;
    background-color: #f5f5f5;
    padding: 7px 10px;
    border-bottom: 2px solid #009944;
    font-size: 14px;
    /*border-bottom-left-radius: 5px;*/
    /*border-bottom-right-radius: 5px;*/
    font-family: 'Roboto', sans-serif;
    }

#mainCenterWorldMarkets div {width:100%;height:22px;margin:1px 0 0 0;}

#mainCenterWorldMarkets div div:nth-child(1) {width:39%;height:100%;}

#mainCenterWorldMarkets div div:nth-child(2) {width:37%;height:100%;}

#mainCenterWorldMarkets div div:nth-child(3) {width:8%;height:100%;}

#mainCenterWorldMarkets div div:nth-child(4) {width:16%;height:100%;text-align:right;}









#footer {width:100%;height:35px;background-color:#252525;clear:both;margin-top: 50px;}

#footerWrapper {width:1260px;height:100%;padding:0 0 0 15px;position:relative;}

#footerWrapper h1 {float: left;font-size: 12px;color: #FFF;margin: 12px 0 0 0;text-align: center;width: 100%;font-weight: 400;}

#footerWrapper h1 a {color:#FFF;}

#footerWrapper h1 a:hover {text-decoration:underline;}

#footerWrapper img {overflow:visible;position:absolute;right:0;bottom:0;}

#footerSearch {width:200px;height:27px;float:right;margin:6px 120px 0 0;}

#footerSearch form input:nth-child(1) {background-color:#FFF;width:174px;height:23px;float:left;border:0;font-weight:400;font-size:13px;text-indent:10px;line-height:24px;margin:0 3px 0 0;border-radius:10px;}





#mainLeftFullStory {width:100%;height:auto;border-top:2px solid rgba(50,1,1,0.15);margin:0 0 40px 0;}

#mainLeftFullStory h1 {max-height:140px;width:100%;font-size:34px;margin:0 0 15px 0;overflow:hidden;line-height:38px;padding:7px 0 0 0;color: #252525;text-shadow: 1px 1px 1px #d6d6d6;}

#mainLeftFullStoryAuthor {width:100%;height:33px;border-left: 3px solid #02672f;background-color:#edeeef;position:relative;margin:0 0 15px 0;}

#mainLeftFullStoryAuthor img {position:absolute;width:36px;height:36px;bottom:-5px;}

#mainLeftFullStoryAuthor h5 {font-weight:900;margin:0 0 0 40px;font-size:13px;line-height:20px;}

#mainLeftFullStoryAuthor h6 {margin:0 0 0 40px;font-size:11px;line-height:10px;}

#mainLeftFullStory img {max-height:300px;float:left;padding:5px 7px 5px 0;}

#mainLeftFullStory p {font-size:15px;line-height:22px;text-align:left;}

/* SAM: added 9/10/14 */
#mainLeftFullStory p a {color: #094;}

#mainLeftFullStory p a:hover {text-decoration: underline;}
/* */

#mainLeftFullStory p:nth-child(4) {/*font-weight:bold;*/}

#mainLeftFullStoryRelated {width:99%;height:150px;border-bottom:3px solid #094;background-color:#f9fbff;box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);margin-bottom:50px;}

#mainLeftFullStoryRelated h2 {font-weight:bold;text-transform:uppercase;font-size:16px;background-color: #eaf2ff;padding: 8px;border-top: solid #02672f 2px;}

.mainLeftFullStoryRelatedStory {width:100%;padding:10px 10px 0 10px;}

.mainLeftFullStoryRelatedStory a img {float:left;padding:5px 3px 0 0;}

.mainLeftFullStoryRelatedStory a h1 {max-width:80%;height:20px;float:left;color:#000;font-size:15px;overflow:hidden;padding:0 5px 0 0;font-weight:400;}

.mainLeftFullStoryRelatedStory a h3 {width:17%;height:20px;float:left;color:#000;font-size:14px;overflow:hidden;font-weight:700;}

.mainLeftFullStoryRelatedStory a h1:hover {text-decoration:underline;}

.mainLeftFullStoryRelatedStory:nth-child(5) {padding-bottom:8px;}



#mainLeftFullVideo {width:100%;height:auto;border-top:2px solid rgba(50,1,1,0.15);margin:0 0 40px 0;}

#mainLeftFullVideoTopBar {width:100%;height:30px;background-color:#094;text-transform:uppercase;color:#FFF;font-size:18px;margin:15px 0 0 0;padding:3px 0 0 10px;font-weight:bold;font-family:'Source Sans Pro','PT Serif',sans-serif;}

#mainLeftFullVideoMainPlayer {width:640px;height:380px;margin:0 0 10px 65px;overflow:hidden;}

#mainLeftFullVideo h1 {max-height:140px;width:100%;font-size:34px;margin:0 0 10px 0;overflow:hidden;line-height:38px;}

#mainLeftFullVideo h2 {width:100%;font-size:15px;margin:0 0 15px 0;overflow:hidden;color:#222;}

#mainLeftFullVideoAuthor {width:100%;height:27px;border-left:8px solid #094;background-color:#DCDDDF;position:relative;margin:0 0 15px 0;}

#mainLeftFullVideoAuthor img {position:absolute;width:36px;height:36px;bottom:0;}

#mainLeftFullVideoAuthor h5 {font-weight:900;margin:0 0 0 40px;font-size:11px;font-family:'Source Sans Pro','PT Serif',sans-serif;line-height:15px;}

#mainLeftFullVideoAuthor h6 {margin:0 0 0 40px;font-size:10px;font-family:'Source Sans Pro','PT Serif',sans-serif;line-height:10px;}

#mainLeftFullVideo p {font-size:15px;line-height:22px;text-align:left;margin:0 0 15px 0;}

#mainLeftFullVideoParagraphOpening, #mainLeftFullVideoParagraphQuestion, #mainLeftFullVideoParagraphEnding {font-weight:bold;}

#mainLeftFullVideoParagraphQuestionPlayerWrapper {width:100%;height:auto;}

#mainLeftFullVideoParagraphQuestion {}

#mainLeftFullVideoParagraphPlayer {float:left;margin:5px 7px 1px 0;border-bottom:5px solid #094;}



/*ir whos who */



#mainLeftWhoswho {width:100%;height:auto;border-top:2px solid rgba(50,1,1,0.15);}

#mainLeftWhoswhoTopBar {width:100%;height:30px;background-color:#094;text-transform:uppercase;color:#FFF;font-size:18px;margin:15px 0 0 0;padding:3px 0 0 10px;font-weight:bold;font-family:'Source Sans Pro','PT Serif',sans-serif;}

#mainLeftWhoswhoNav {width:754px;height:60px;margin:0 0 0 8px;background-color:#333;}

#mainLeftWhoswhoLetters {width:100%;height:24px;background-color:#000;margin:5px 0 0 0;}

#mainLeftWhoswhoLetters div {width:29px;height:100%;text-align:center;color:#FFF;font-weight:bold;font-family:'Source Sans Pro','PT Serif',sans-serif;font-size:17px;}

#mainLeftWhoswhoNavLinks {width:100%;height:28px;margin:3px 0 0 0;}

#mainLeftWhoswhoNavLinks img {float:left;padding:7px 3px 0 0;}

#mainLeftWhoswhoNavLinks img:nth-child(1) {margin:0 0 0 15px;}

#mainLeftWhoswhoNavLinks h1 {float:left;color:#FFF;font-size:15px;font-weight:bold;font-family:'Source Sans Pro','PT Serif',sans-serif;text-transform:uppercase;line-height:24px;margin:0 5px 0 0;}

#mainLeftWhoswhoTopBarTwo {width:100%;height:26px;background-color:#F2E200;text-transform:uppercase;color:#000;font-size:17px;padding:2px 0 0 10px;font-weight:bold;font-family:'Source Sans Pro','PT Serif',sans-serif;}

.mainLeftWhoswhoProfileRow {width:750px;height:350px;margin:0 0 0 10px;}

.mainLeftWhoswhoProfile {width:250px;height:100%;float:left;}

.mainLeftWhoswhoProfile:nth-child(3n+2) {background-color:#E2E3E4;}

.mainLeftWhoswhoProfile:nth-child(3n+3) {background-color:#ECECED;}

.mainLeftWhoswhoProfileName {width:240px;height:22px;margin:10px 0 8px 10px;padding:0 0 0 4px;font-size:16px;font-family:'Source Sans Pro','PT Serif',sans-serif;background-color:#000;color:#FFF;border-left:4px solid #094;}

.mainLeftWhoswhoProfileInfo {width:240px;height:300px;margin:0 0 10px 10px;overflow:hidden;padding:0 5px 0 0;}

.mainLeftWhoswhoProfileInfo img:nth-child(1) {width:72px;height:89px;border:3px solid #000;float:left;margin:0 3px 1px 0;}

.mainLeftWhoswhoProfileInfo img:nth-child(2) {float:left;padding:2px 3px 0 2px;}

.mainLeftWhoswhoProfileInfo p {font-size:13px;font-family:'Source Sans Pro','PT Serif',sans-serif;line-height:15px;}

.mainLeftWhoswhoProfileBottomOne {width:750px;height:14px;background-color:#333;margin:0 0 0 10px;}

.mainLeftWhoswhoProfileBottomTwo {width:100%;height:12px;background-color:#094;}




#mainLeftVideoArchives {}

.mainLeftVideoArchivesVideoWrapper {width:99%;height:220px;box-sizing:content-box;border-bottom:3px solid #005425;position:relative;margin-bottom:15px;box-shadow: 1px 1px 3px 0 rgba(84, 84, 84, 0.5);}

.mainLeftVideoArchivesBanner {width:100%;height:30px;background-color:#009944;color:#FFF;text-transform:uppercase;font-weight:500;font-size:16px;padding:5px 0 0 10px;border-left: solid #005425 3px;box-shadow: 1px 1px 3px 0 rgba(84, 84, 84, 0.5);}

.mainLeftVideoArchivesVideo {width:355px;height:190px;float:left;position:relative;background-color: #f7f7f7;}

.mainLeftVideoArchivesVideo video {height:190px;}

.mainLeftVideoArchivesVideo img {width:100%;height:100%;padding:5px;box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);}

.mainLeftVideoArchivesInfoWrapper {width:407px;height:190px;float:right;}

.mainLeftVideoArchivesInfo {width:100%;height:100%;background-color:#f7f7f7;padding:10px 20px 20px 20px;overflow:hidden;}

.mainLeftVideoArchivesInfo img:nth-child(1) {transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);float:left;margin:7px 3px 0 0;}

.mainLeftVideoArchivesInfo h1 {font-size:16px;font-weight:bold;text-transform:uppercase;margin:0 3px 0 0;}

.mainLeftVideoArchivesInfo p {font-size:15px;margin-top:8px;border-top: solid 2px #005425;padding-top: 5px;box-shadow: 1px 1px 3px 0 rgba(84, 84, 84, 0.5);padding:6px;}







#whoswholinewrapper {
	width: 750px;
	font-family: arial, helvetica, sans-serif;
	font-family: 'PT Serif',Arial,serif;
font-size:14px;
	line-height:28px;
	float:left;
}
#whoswhoformheader {
	width: 150px;
	font-family: arial, helvetica, sans-serif;
	font-family: 'PT Serif',Arial,serif;
	font-size:14px;
	float: left;
}
#whoswhoformdata {
	width: 300px;
	font-family: arial, helvetica, sans-serif;
	font-family: 'PT Serif',Arial,serif;
	font-size:14px;
	float: left;
}
#whoswhosubmitted {
	width: 750px;
	font-family: arial, helvetica, sans-serif;
	font-family: 'PT Serif',Arial,serif;
	font-size:14px;
	float: left;
}
#whoswhoformdescription {
	width: 750px;
	font-family: arial, helvetica, sans-serif;
	font-family: 'PT Serif',Arial,serif;
	font-size:14px;
	float: left;
	margin-bottom:15px;
	margin-top:15px;
}
#peopleonthemoveheader {

font-family: Arial, Helvetica, sans-serif;
font-family: 'PT Serif',Arial,serif;
font-size: 26px;
margin-left:0px;
margin-top: 20px;

}



#morenews {

  /*font-family:Georgia, Times New Roman, Times, serif;*/
  font-size:1.5em;
  /*color:#06c;*/
	width: 600px;
	height: 20px;
	margin-bottom: 10px;
}

/* ian - archive - features */

#newsheader {

  /*font-family:Georgia, Times New Roman, Times, serif;*/
  font-size:1.5em;
  /*color:#06c;*/
	width: 600px;
	height: 20px;
	margin-bottom: 10px;
}

#onestory {
	background: #fff;
	width: 740px;
	float:left;

/*border-style:dotted;
border-width:1px;
*/

margin-top: 10px;
margin-right: 13px;
margin-bottom: 10px;
}


#onestoryheadline {
  background: #fff;
  width: 740px;
  float:left;

  /*font-family:Georgia, Times New Roman, Times, serif;*/
  font-size:1.4em;
  /*border-style:dotted;
border-width:1px;*/
}

#onestoryinside {
    float: left;
    margin-right: 1px;

 /* font-family: arial, helvetica, sans-serif;*/
  font-size:1em;
/*  border-style:dotted;
border-width:1px;*/
}


/* ir people */

#peopledirectorywrapper {

font-family: Arial, Helvetica, sans-serif;
font-size: 2.0em;
width: 510px;
border-style:solid;
border-width:0px;
margin-left:0px;
margin-bottom: 30px;
/*min-height: 95px;*/
float:left;
}

#peopledirectoryphoto {

font-family: Arial, Helvetica, sans-serif;
font-size: 2.0em;
width: 100px;
float:left;
}

#peopledirectorytitle {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
width: 400px;
float:left;
font-weight: bold;
padding-bottom: 10px;
}

#peopledirectorycontent {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
width: 400px;
float:left;
}

#peoplespacer {

font-family: Arial, Helvetica, sans-serif;
font-size: 2.0em;
width:400px;
height: 20px;
}


/* new stuff sam 6/8/14 */
/* some stuff was changed above too..... */

#mainLeftOtherStoriesBannerBottom {
 width: 100%;
 height: 22px;
 background-color: #094;
 font-size: 13px;
 font-family: 'Source Sans Pro', 'PT Serif', sans-serif;
 padding: 2px 0 0 10px;
}

#mainLeftOtherStoriesBannerBottom a {
 color: hsl(0, 100%, 100%);
}

#mainLeftLatestFeaturesBannerBottom {
 width: 100%;
 height: 22px;
 background-color: hsl(0, 0%, 0%);
 font-size: 13px;
 font-family: 'Source Sans Pro', 'PT Serif', sans-serif;
 padding: 2px 0 0 10px;
}

#mainLeftLatestFeaturesBannerBottom a {
 color: hsl(0, 100%, 100%);
}




/* magazine list page as requested */
#mainLeftDigitalEditions {
	width: 100%;
	height: auto;
	border-top: 2px solid rgba(50, 1, 1, 0.15);
	margin: 0 0 40px 0;
}

#mainLeftDigitalEditions a:hover {
	text-decoration: underline;
	color: hsla(0, 0%, 27%, 1);
}

#mainLeftDigitalEditions > h1 {
	width: 100%;
	max-height: 140px;
	font-size: 34px;
	line-height: 38px;
	text-align: center;
	margin: 7px 0 0 0;
	overflow: hidden;
}

#mainLeftDigitalEditions > h4 {
	font-size: 13px;
	text-align: center;
	margin: 0 0 10px 0;
}

#editionWrapper > div.edition {
	width: 176px;
	height: 234px;
	margin: 0 20px 18px 0;
	background-color: hsla(240, 4%, 95%, 1);
	/*border-top: 5px solid hsla(215, 85%, 52%, 1);*/
	border-top: 5px solid black;
}

/* this is why #editionWrapper is required - otherwise the numbering would be off whenever anything was added/removed from parent div */
#editionWrapper > div.edition:nth-child(4n+4) {
	margin-right: 0;
}

#editionWrapper > div.edition > h3 {
	font-size: 16px;
	text-align: center;
	margin: 3px 0 8px 0;
}

#editionWrapper > div.edition img {
	width: 122px;
	height: 161px;
	margin: 0 0 0 27px;
	border: 2px solid white;
}

#editionWrapper > div.edition > h4 {
	font-size: 12px;
	text-align: center;
	margin: 0 0 5px 0;
	font-weight: normal;
}




/* magazine list page as requested */
#mainLeftSoftwareReports {
	width: 100%;
	height: auto;
	border-top: 2px solid rgba(50, 1, 1, 0.15);
	margin: 0 0 40px 0;
}

#mainLeftSoftwareReports a:hover {
	text-decoration: underline;
	color: hsla(0, 0%, 27%, 1);
}

#mainLeftSoftwareReports > h1 {
	width: 100%;
	max-height: 140px;
	font-size: 34px;
	line-height: 38px;
	text-align: center;
	margin: 7px 0 0 0;
	overflow: hidden;
}

#mainLeftSoftwareReports > h4 {
	font-size: 13px;
	text-align: center;
	margin: 0 0 10px 0;
}

#reportWrapper > div.report {
	width: 176px;
	height: 274px;
	margin: 0 20px 18px 0;
	background-color: hsla(240, 4%, 95%, 1);
	/*border-top: 5px solid hsla(215, 85%, 52%, 1);*/
	border-top: 5px solid black;
}

/* this is why #editionWrapper is required - otherwise the numbering would be off whenever anything was added/removed from parent div */
#reportWrapper > div.report:nth-child(4n+4) {
	margin-right: 0;
}

#reportWrapper > div.report > h3 {
	font-size: 16px;
	text-align: center;
	margin: 3px 0 8px 0;
}

#reportWrapper > div.report img {
	width: 122px;
	height: 161px;
	margin: 0 0 0 27px;
	border: 2px solid white;
}

#reportWrapper > div.report > h4 {
	font-size: 12px;
	text-align: center;
	margin: 0 0 5px 0;
	font-weight: normal;
}



#whitepaperwrapper {
   margin-top: 12px;
   margin-bottom: 10px;
}

#whitepaperabstract {
  margin-top:5px;
  font-size:12px;
  width:100%;
}

#whitepaperdownload {
  margin-top:5px;
  font-size:12px;
}

#whitepaperheader {

  margin-top: 15px;
  margin-bottom: 15px;
  font-size:18px;
  font-weight:bold;
}

#whitepapertitle {

/*  margin-top: 15px;
  margin-bottom: 15px;*/
  font-size:13px;
  font-weight: bold;
  width:100%;
}





#directory_header {
	font-family: arial, helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #000;
	padding-bottom: 8px;
	width: 760px;
}

#directory_intro {
	font-family: arial, helvetica, sans-serif;
	font-size:14px;
	color: #000;
	padding-bottom: 8px;
	width: 760px;
	width: 760px;
}

#directory_wrapper {
	width: 760px;
	margin-top: 10px;
}

#directory_company {
	width: 330px;
	float: left;
}

#directory_logo {
	width: 330px;
	float:left;
	text-align: right;
}

#directory_address {
	width: 760px;
	float:left;
}

#directory_contact_wrapper {
	width: 760px;
	padding-top: 10px;
}

#directory_telhead {
	width: 80px;
	float:left;
	text-align: left;
}

#directory_teldata {
	width: 650px;
	float:left;
	text-align: left;
}

#directory_content {
	width: 760px;
	font-family: arial, helvetica, sans-serif;
	font-size:14px;
	margin-bottom:15px;
}

#directory_search_wrapper {
	padding-top:15px;
	padding-bottom:10px;
	width: 760px;
	text-align:right;
}

#directory_count {
	padding-top:20px;
	padding-bottom:10px;
	width: 760px;
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
}

#directory_prevnext {
	padding-top:20px;
	padding-bottom:10px;
	width: 760px;
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	text-align: right;
}





/* sign up */
#button {
	width: 330px;
	height: 50px;
	background-color: #555;
	border-radius: 3px;
	/* this puts the border (among other things not utilised here) inside the div/element instead of outside - this really should be the default for css... */
	box-sizing: border-box;
	/* ignore/remove the following two */
	margin-right: 20px;
	float: left;

}

#buttonText {
	color: #FFF;
	text-align: center;
	font-size: 15px;
	/*font-family: sans-serif;*/
	font-weight: bold;
	line-height: 50px;
	width: 100%;
	text-decoration: none;
}

#button:hover {
	border-bottom: 3px solid #444;
}

#button:active {
	height: 49px;
	margin-top: 1px;
	color: #FFF;
}

#button a {
	text-decoration: none;
	color: #FFF;
}

.title-category {
    width: 100%;
    float: none !important;
    display: inline-block;
    background-color: #094;
    color: white;
    padding: 4px 10px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    border-radius: 10px;
}

.title-category[data-category="Environment and Sustainability"] {
	background-color: #ec1d26;
}

.title-category[data-category="Diversity and Equality"] {
	background-color: orange;
}

.title-category[data-category="Community and Giving"] {
	background-color: #3300CC;
}

.title-category[data-category="Ethical Business and Investment"] {
	background-color: #094;
}

.title-category[data-category="Communications"] {
	background-color: cadetblue;
}

.title-category[data-category="Governance and Transparency"] {
	background-color: indigo;
}

.title-category[data-category="Policy"] {
	background-color: sienna;
}

.title-category--sidebar {
	height: 81px;
	padding: 5px;
	line-height: 16px;
	border-radius: 0 5px 5px 0;
}

.twitter-feed {
	width: 100%;
	background-color: #00aced;
}

.twitter-feed > h1 {
    width: 100%;
    padding: 4px 0 4px 10px;
    background-color: #00a9ea;
    color: white;
    font-size: 18px;
	border-top: solid #00aced 3px;
	font-weight: 500;
}

.twitter-feed .tweet {
	margin: 10px;
	padding: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background-color: white;
}

.twitter-feed .tweet:nth-child(1n+3) {
	margin-top: 0;
}

.twitter-feed .tweet img {
	width: 35px;
	height: 35px;
	margin: 0 10px 10px 0;
	float: left;
	border-radius: 50%;
}

.twitter-feed .tweet h2 {
	width: 210px;
	float: left;
	font-size: 14px;
	margin: -4px 0 0;
	font-weight:500;
}

.twitter-feed .tweet h3 {
	width: 210px;
	float: left;
	font-size: 11px;
	margin: 3px 0 0;
	font-weight: 400;
    color: #00445e;
}

.twitter-feed .tweet h2:hover, .twitter-feed .tweet h3:hover {
	text-decoration: none;
}

.twitter-feed .tweet p {
	clear: left;
	font-size: 14px;
}

#loginbox {
	width:760px;
}
#login_left {
	margin: 10px 0 10px;
	width:100px;
	clear:both;
	margin-bottom:10px;
}
#login_right {
	margin: 10px 10px 10px 0;

}
#login_button {
	width:100px;
	clear:both;
	margin-bottom:10px;
}


/*---Junaids Stuff-----------*/

    .jsformwrap {
		min-height: 230px;
		background: linear-gradient(to bottom right,#fcfcfc,#f5f5f5);
		border-width: 1px;
		border-style: solid;
		border-color: #cfcfcf;
		box-shadow: 0 3px 2px rgba(0,0,0,.1)
		width: 50%;
		}

    .jsh2 {
        font-size: 46px;
        font-family: 'Oxygen', sans-serif;
        font-weight: bold;
        color: #3f3f3f;
        }

	.junaidscontainer {
		width: 700px;
		}



#mainCenterBMTopBar {
    width: 300px;
    height: 30px;
    background-color: #094;
    border-top: 1px solid #094;
    color: #fff5f5;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-align: left;
    padding: 0 0 0 10px;
    line-height: 30px;
}

#mainCenterBMTopBar span {
    font-weight: 500;
    color: #FFF;
    font-size: 15px;
}

/*#mainCenterBM {width:300px;height:155px;background-color:#DDD;padding:7px 10px 7px 10px;border-bottom:3px solid #000;margin:0 0 12px 0;font-size:14px;}*/
#mainCenterBM {
    width: 300px;
    min-height: 90px;
    background: linear-gradient(to bottom right,#fcfcfc,#fdfdfd);
    padding: 7px 10px;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}





.jsline {
	border-top: solid;
	width: 100%;
	border-width: 1px;
	border-color: #00ae4f;
	padding: 10px;
	}



.jssubtext{
	float: right;
	margin-top: 150px;
	/* border-right: solid; */
	margin-right: 6px;
	border-width: 4px;
	font-family: 'Roboto', sans-serif;
	color: #2c2c2c;
	font-weight: 500;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	border-bottom: solid;
	border-bottom-width: 2px;
	border-color: #009944;
	}

.jssubtext:hover  {
	color:#009944;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
	}

.jstwitter {
	float: right;
	margin-top: 10px;
	/* border-right: solid; */
	margin-right: 6px;
	border-width: 4px;
	font-family: 'Roboto', sans-serif;
	color: #2c2c2c;
	font-weight: 500;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	border-bottom: solid;
	border-bottom-width: 2px;
	border-color: #42c0fb;
	}

.jstwitter:hover {
	color:#42c0fb;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
	}

	
    /*----------Main Video----------------*/
    .jswrap4 {
    max-width: 300px;
    min-height: 250px;
    background: linear-gradient(to bottom right,#fcfcfc,#fdfdfd);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    float: left;
	border-top: solid green 2px;
    }

    .jsvideo4 {
    float: left;
    border-top: solid 2px green;
    border-bottom: solid 1px green;
    border-radius: 2px;
	margin-bottom: 10px;
    }

    .jswrap5 {
    width: 100%;
    min-height: 175px;
    float: left;
    }

	.jswrap5 img {
	margin: auto;
    display: block;
	width: auto !important;
	max-width:100%;
	}

    .jswrap6 {
    /*width: 290px;
    min-height: 221px;*/
    }

    .jstext4 {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #151515;
    margin-left: 11px;
    margin-right: 11px;
    font-size: 14px;
    font-weight: 500;
    float: left;
	text-align:center;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    }

    .jsline4 {
    color: #094;
    border-top: solid;
    border-width: 3px;
    width: 100%;
    }


    .jstitle4 {
    text-align: center;
    padding: 10px 5px;
    width: 100%;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 700;
    }

    .jsvideologo4 {
    width: 28px;
    height: 27px;
    float: left;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 5px;
    }

.jsdescription7 {
	float: left;
    color: #161616;
    margin-top: 5px;
    margin-left: 12px;
    font-family: Merriweather;
    font-size: 14px;
    font-weight: 700;
	}

/*----End Of Main Video----*/


/* Better Society Awards */



.countdown-label {
  font-family: Arial, sans-serif;
	color: #65584c;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
  letter-spacing: 2px;
  float: none!important;
}
#countdown{
	
    box-shadow: 0 3px 5px 1px rgba(7, 7, 7, 0.5);
    width: 300px;
    height: 100%;
    text-align: center;
    background: #f9f9f9;
    /* border-radius: 5px; */
    border-top: solid #00672d 10px;
	margin-bottom: 20px;
}



#countdown #tiles{
  color: #fff;
	position: relative;
	z-index: 1;
text-shadow: 1px 1px 0px #ccc;
	display: inline-block;
	text-align: center;
  float: none!important;
  padding: 4px;
  font-size: 25px;
  font-weight: thin;
  display: block;
  margin-bottom:10px;
    
}

.color-full {
  background: #02883d;
}
.color-half {
  background: #ebc85d;
}
.color-empty {
  background: #e5554e;
}

#countdown #tiles > span{
	width: 70px;
	max-width: 70px;

	padding: 18px 0;
	position: relative;
}


#countdown .labels{
	width: 100%;
	height: 25px;
	text-align: center;
	position: absolute;
	bottom: 8px;
}

#countdown .labels li{
	width: 102px;
	font: bold 15px 'Droid Sans', Arial, sans-serif;
	color: #f47321;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
}


/*---Button----*/

 .button11 {
      display: inline-block;
      border-radius: 2px;
      background-color: #00672d;
      border: none;
      color: #FFFFFF;
      margin-bottom: 10px;
      font-size: 15px;
      padding: 4px;
      width: 110px;
      transition: all 0.5s;
      cursor: pointer;
      font-weight: bold;
      -webkit-box-shadow: 0px 1px 1px #ffffff;
      -moz-box-shadow: 0px 3px 3px #ffffff;
      box-shadow: 0px 3px 3px #b5b5b5;
	  float: none!important;
    }

    .button11 span {
      cursor: pointer;
      display: inline-block;
      position: relative;
        -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	color:white;
        }
	
	.button11:focus {
		background-color: #00672d;
		}

    .button11 span:after {
      content: '\00bb';
      position: absolute;
      opacity: 0;
      top: 0;
      right: -18px;
      transition: 0.5s;
        }

    .button11:hover span {
      padding-right: 17px;
        }

    .button11:hover span:after {
      opacity: 1;
      right: 0;
        }

    div.jscenter11 {
    text-align: center;
	float: none!important;
    }




/* End of Better Society Awards */


/*Search Results*/

.jsresults11 {
    color: #242424;
    margin-top: 20px;
    margin-bottom: 5px;
    font-family: 'Merriweather', serif !important;
    font-size: 15px;
    clear: left;
}

.jswrap11 {
	background: linear-gradient(to bottom right, #f9f9f9, #f5f5f5);
    color: #d8d8d8;
    box-shadow: 0px 3px 2px rgba(0,0,0,.1);
    padding-left: 15px;
    padding-right: 15px;
	width: 770px;
    min-height: 100%;
	margin-right: 10px;
    margin-top: 0px;
	margin-bottom:50px;
	border-top: solid green 2px;
	}

    .jstitle11 {
        color: #191919;
        margin-top: 20px;
        font-family: Merriweather !IMPORTANT;
        font-size: 35px;
        font-weight: bold;
        float:left;
		margin-left:10px;
		text-shadow: 1px 1px 1px #d6d6d6;
        }

    .jsresults11 {
        color: #242424;
        margin-bottom: 5px;
        font-family: Merriweather !IMPORTANT;
        font-size: 15px;
        clear:left;
		margin-left:10px;
        }

    .jsresults12 {
        color: #242424;
        margin-left: 12px;
        font-family: Merriweather !IMPORTANT;
        font-size: 15px;
        clear:left;
        margin-bottom: 20px;
        }

    .jssearch11 {
        width: 30px;
        height: 30px;
        float:left;
        margin-left: 10px;
        margin-top: 18px;
        border-radius: 5px;
        background-color: #e6e6e6;
        margin-right: 2px;
        }

    .jssearchtitle11 {
        float:left;
        font-size: 15px;
        color: #242424;
        margin-top: 10px;
        margin-left: 12px;
        margin-bottom: 5px;
        }

    .a11 {
        text-decoration: none;
        float: left;
        font-family: Merriweather !IMPORTANT;
        font-size: 16.5px;
        color: #242424;
        margin-top: 7px;
        margin-left: 10px;
        font-weight: bold;
        margin-bottom: 10px;
        -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    }

    .a11:hover{ 
    color: #00672d;
    text-decoration:none;
    }

    .jsdate11 {
    font-size: 18px;
    color: #242424;
    height: 36px;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
        }

    .jsdescription11 {
        clear:left;
        font-family: Roboto !IMPORTANT;
        font-size: 14.4px;
        color: #1f1f1f;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 5px;
        }

    .jswrap12 {
        border-left: solid;
        border-color: #00672d;
        border-radius: 11px;
        margin-top: 15px;
        -webkit-box-shadow: 1px 2px 2px #ffffff;
       -moz-box-shadow: 1px 3px 3px #ffffff;
            box-shadow: 1px 3px 3px #b5b5b5;
        }

    .jsposted11 {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-size: 13.5px;
        min-width: 50px;
        color: #333;
        background-color: #f1f0eb;
        border: 1px solid #ddd;
        padding: 2px 7px;
        -webkit-box-shadow: 0px 1px 1px #ffffff;
       -moz-box-shadow: 0px 3px 3px #ffffff;
            box-shadow: 0px 3px 3px #b5b5b5;
        margin-top:3px;
        }

    .jscalendar11 {
        width: 26px;
        height: 26px;
        float:left;
        margin-left: 5px;
        margin-top: 3px;
        border-radius: 5px;
        }

    .button12 {
      display: inline-block;
      border-radius: 2px;
      background-color: #009944;
      border: none;
      color: #FFFFFF;
      margin-bottom: 10px;
      margin-top: 15px;
	  margin-left:10px;
      font-size: 15px;
      padding: 4px;
      width: 100px;
      transition: all 0.5s;
      cursor: pointer;
      font-weight: bold;
      -webkit-box-shadow: 0px 1px 1px #ffffff;
      -moz-box-shadow: 0px 3px 3px #ffffff;
      box-shadow: 0px 3px 3px #b5b5b5;
    }

	.button12:focus {
		background-color: #00672d;
		}

    .button12 span {
	    color: white;
      cursor: pointer;
      display: inline-block;
      position: relative;
        -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
        }

	  .button12 span:after {
      content: '\00bb';
      position: absolute;
      opacity: 0;
      top: 0;
      right: -18px;
      transition: 0.5s;
        }

    .button12:hover span {
      padding-right: 17px;
        }

    .button12:hover span:after {
      opacity: 1;
      right: 0;
        }



	


	    .button13 {
      display: inline-block;
      border-radius: 2px;
      background-color: #009944;
      border: none;
      color: #FFFFFF;
      margin-bottom: 10px;
      margin-top: 15px;
	  margin-left:10px;
      font-size: 15px;
      padding: 4px;
      width: 100px;
      transition: all 0.5s;
      cursor: pointer;
      font-weight: bold;
      -webkit-box-shadow: 0px 1px 1px #ffffff;
      -moz-box-shadow: 0px 3px 3px #ffffff;
      box-shadow: 0px 3px 3px #b5b5b5;
    }

    .button13 span {
	    color: white;
      cursor: pointer;
      display: inline-block;
      position: relative;
        -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
        }

	  .button13 span:after {
      content: '\00ab';
      position: absolute;
      opacity: 0;
      top: 0;
      left: -10px;
      transition: 0.5s;
        }

    .button13:hover span {
      padding-left: 17px;
        }

	.button13:focus {
		background-color: #00672d;
		}

    .button13:hover span:after {
      opacity: 1;
      left: 0;
        }

    div.jscenter12 {
    text-align: center;
    }



/*End Of Search Results*/


/*------------- About Us------------*/

#jsmainLeftFullStory {

    background: linear-gradient(to bottom right, #fcfcfc, #fdfdfd);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    padding: 15px;
    width: 760px;
    min-height: 100%;
    border-top: solid green 2px;
	margin-bottom: 10px;
}

#jsmainLeftFullStory h1 {
    max-height: 140px;
    width: 100%;
    font-size: 34px;
    margin: 0 0 15px 0;
    overflow: hidden;
    line-height: 38px;
    padding: 7px 0 0 0;
	}

/*-------------End Of Abouts Us------------*/

/*--------------------- Research-----------------------------------*/

	.jsmainResearchTitle {
	    color: #252525;
		margin-top: 20px;
		font-family: Merriweather !IMPORTANT;
		font-size: 35px;
		font-weight: bold;
		float: left;
		margin-left: 10px;
		margin-bottom: 20px;
		    text-shadow: 1px 1px 1px #d6d6d6;
		}

	
    .jsresearchwrap {
		 width: 99%;
        border-left: solid;
        border-color: #00672d;
        border-radius: 7px;
        margin-bottom: 10px;
        -webkit-box-shadow: 1px 2px 2px #ffffff;
       -moz-box-shadow: 1px 2px 2px #ffffff;
            box-shadow: 1px 2px 2px #b5b5b5;
			background: linear-gradient(to bottom right, #f9f9f9, #f5f5f5);
        }


    .jsresearchtitlewrap {
		width:100%;
        }

    .jsresearchtitle {
        text-decoration: none;
        float: left;
        font-size: 20px;
        color: #353535;
        margin-top: 10px;
        margin-left: 10px;
        font-weight: bold;
        margin-bottom: 10px;
        -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #f5f5f5;
	width: 95%;
    }


    .jsresearchdescription {
        clear:left;
        font-family: Roboto !IMPORTANT;
        font-size: 15px;
        color: #1f1f1f;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 5px;
		width: 98%;
		}



.btnresearch {
    background: #02672f;
    width: 200px;
    position: relative;
    padding: 6px;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    margin-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
	border-radius:5px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    transition: all 500ms;
}

.btnresearch:hover {
	background-color:#049a47;
	}

/*------------------End Of Research-----------------------*/



	/*----------------Main Page Center Video---------------------------*/
    .jswrap7 {
    min-height: 230px;
	width:99%;
    background: linear-gradient(to bottom right,#f9f9f9,#f5f5f5);
    border-width: 1px;
    float: left;
    border-style: solid;
	margin-bottom:15px;
	border-left: solid #02672f 3px;
    color: #d8d8d8;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    }

    .jsvideo6 {
    margin: 15px;
    float: left;
    }

    .jswrap8 {
    width: 400px;
    min-height: 221px;
    float: left;
    }

    .jswrap9 {
    width: 350px;
    min-height: 221px;
    float: left;
    }

    .jstext7 {
    color: #151515;
    margin-left: 12px;
    margin-bottom: 10px;
    width: 95%;
    font-size: 14px;
    float: left;
	font-weight:500;
    }

    .jsdescription7 {
    float: left;
    color: #161616;
    margin-top: 10px;
    margin-left: 12px;
    margin-bottom: 10px;
    width: 100%;
    font-family: Merriweather;
    font-size: 15px;
    font-weight: 700;
    }


    .jstitle7 {
    color: #02672f;
    margin-top: 15px;
    margin-left: 12px;
    text-shadow: 1px 1px 0px #d4d4d4;
    margin-bottom: 5px;
    /* text-shadow: 1px 1px 0px #ccc; */
    width: 95%;
    font-family: Merriweather;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 3px;
    border-bottom: solid 3px;
	line-height: 1.5;
    }

    .closing8 {
    display: inline-block;
    font-family: 'PT Serif',Arial,serif;
    font-size: 13px;
    min-width: 136px;
    color: #333;
    background-color: #f1f0eb;
    border: 1px solid #ddd;
    padding: 2px 8px;
    border-radius: 5px;
    margin-top: 0;
    -webkit-box-shadow: 0 2px 2px #fff;
    -moz-box-shadow: 0 3px 3px #fff;
    box-shadow: 0 3px 3px #b5b5b5;
    }

    .date8 {
    color: #277fc3;
    }

    .jsposted7 {
    color: #000;
    }


	/*----------------End Of Main Page Center Video---------------------------*/

	/*--------------------- Archive News List-----------------------------------*/

	
    .jsarchivewrap {
		 width: 99%;
         border-left: solid 2px #00672d;
        margin-bottom: 10px;
        box-shadow: 0 1px 2px 1px rgba(84, 84, 84, 0.33);
			background: linear-gradient(to bottom right, #f9f9f9, #f5f5f5);
        }


    .jsarchivetitlewrap {
		width:100%;
        }

    .jsarchivetitle {
        text-decoration: none;
        float: left;
        font-size: 18px;
        color: #252525;
        margin-top: 10px;
        margin-left: 10px;
        font-weight: bold;
        margin-bottom: 10px;
        -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    }

    .jsarchivetitle:hover{ 
    color: #00672d;
    text-decoration:none;
    }

    .jsarchivedate {
    font-size: 18px;
    color: #242424;
    height: 36px;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
        }

    .jsarchivedescription {
        clear:left;
        font-family: Roboto !IMPORTANT;
        font-size: 15px;
        color: #1f1f1f;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 5px;
		width: 98%;
		}


    .jsarchiveposted {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        min-width: 50px;
        color: #333;
        background-color: #f1f0eb;
        border: 1px solid #ddd;
        padding: 2px 7px;
        -webkit-box-shadow: 0px 2px 2px #ffffff;
       -moz-box-shadow: 0px 2px 2px #ffffff;
            box-shadow: 0px 2px 2px #b5b5b5;
        margin-top:5px;
        }


/*------------------End Of Archive News List-----------------------*/



/*-------------- Speech Bubbles ----------------------*/
/* Speech bubble with a shadow */

.bubble {
    background-color: #094;
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 24%, 0.1), hsla(0,0%,90%,0));
    margin-bottom: 20px;
    background-image: -moz-linear-gradient(top, hsla(0, 0%, 24%, 0.1), hsla(0,0%,90%,0));
    background-image: -ms-linear-gradient(top, hsla(0, 0%, 24%, 0.1), hsla(0,0%,90%,0));
    background-image: -o-linear-gradient(top, hsla(0, 0%, 24%, 0.1), hsla(0,0%,90%,0));
    background-image: linear-gradient(top, hsla(0, 0%, 24%, 0.1), hsla(0,0%,90%,0));
    border-radius: 10px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.5), 3px 2px 0 hsla(0,0%,0%,.1);
    color: white;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 15.6px;
    font-weight: bold;
    padding: 16px 11px;
    position: relative;
    /*text-shadow: 0 1px 1px hsla(0,0%,100%,.5);*/
	width: 140px;
}
.bubble:after, .bubble:before {
    border-bottom: 25px solid transparent;
    border-right: 25px solid #094;
    bottom: -25px;
    content: '';
    position: absolute;
    right: 25px;
}
.bubble:before {
    border-right: 25px solid hsla(0,0%,0%,.1);
    bottom: -28px;
    right: 22px;
}

.bubble[data-category="Ethical Business and Investment"] {
	background-color: #094;
}

.bubble[data-category="Ethical Business and Investment"]:after, .bubble[data-category="Ethical Business and Investment"]:before {
    border-bottom: 15px solid transparent;
    border-right: 25px solid #094;
    bottom: -15px;
    content: '';
    position: absolute;
    right: 25px;
}



.bubble[data-category="Environment and Sustainability"] {
	background-color: #ec1d26;
}

.bubble[data-category="Environment and Sustainability"]:after, .bubble[data-category="Environment and Sustainability"]:before {
    border-bottom: 15px solid transparent;
    border-right: 25px solid #ec1d26;
    bottom: -15px;
    content: '';
    position: absolute;
    right: 25px;
}



.bubble[data-category="Policy"] {
	background-color: sienna;
}

.bubble[data-category="Policy"]:after, .bubble[data-category="Policy"]:before {
    border-bottom: 15px solid transparent;
    border-right: 25px solid sienna;
    bottom: -15px;
    content: '';
    position: absolute;
    right: 25px;
}

.bubble[data-category="Community and Giving"] {
	background-color: #3300CC;
}

.bubble[data-category="Community and Giving"]:after, .bubble[data-category="Community and Giving"]:before {
    border-bottom: 15px solid transparent;
    border-right: 25px solid #3300CC;
    bottom: -15px;
    content: '';
    position: absolute;
    right: 25px;
}



.bubble[data-category="Diversity and Equality"] {
	background-color: orange;
}

.bubble[data-category="Diversity and Equality"]:after, .bubble[data-category="Diversity and Equality"]:before {
    border-bottom: 15px solid transparent;
    border-right: 25px solid orange;
    bottom: -15px;
    content: '';
    position: absolute;
    right: 25px;
}




.bubble[data-category="Governance and Transparency"] {
	background-color: indigo;
}

.bubble[data-category="Governance and Transparency"]:after, .bubble[data-category="Governance and Transparency"]:before {
    border-bottom: 15px solid transparent;
    border-right: 25px solid indigo;
    bottom: -15px;
    content: '';
    position: absolute;
    right: 25px;
}




.bubble[data-category="Communication and Reputation"] {
	background-color: cadetblue;
}

.bubble[data-category="Communication and Reputation"]:after, .bubble[data-category="Communication and Reputation"]:before {
    border-bottom: 15px solid transparent;
    border-right: 25px solid cadetblue;
    bottom: -15px;
    content: '';
    position: absolute;
    right: 25px;
}



    /*---------End Of Speech Bubble----------------*/


	/*-----------------------Junaid Social Buttons--------------------------------------------*/
@font-face {
    font-family: 'si';
    src: url(socicon-1.3/socicon.eot);
    src: url(socicon-1.3/socicon.eot?#iefix) format("embedded-opentype"),url(socicon-1.3/socicon.woff) format("woff"),url(socicon-1.3/socicon.ttf) format("truetype"),url(socicon-1.3/socicon.svg#icomoonregular) format("svg");
    font-weight: 400;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: si;
        src: url(socicon-1.3/socicon.svg) format("svg");
    }
}

.soc {
    padding: 0;
    margin-top: 10px;
    height: 100%;
    clear: both;
    border-top: solid 1px rgba(218, 218, 218, 0.46);
    margin-top: 10px;
    padding-top: 10px;
}

.soc li {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.soc li a {
    font-family: si !important;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: .1s;
    -ms-transition: .1s;
    -moz-transition: .1s;
    -webkit-transition: .1s;
    transition: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    display: block;
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 31px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 2px;
    color: #fff;
    background-color: none;
}

.soc a:hover {
    z-index: 2;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

.soc-icon-last {
    margin: 0 !important;
}

.soc-twitter {
    background-color: #4da7de;
}

.soc-twitter:before {
    content: 'a';
}

.soc-facebook {
    background-color: #3e5b98;
}

.soc-facebook:before {
    content: 'b';
}

.soc-google {
    background-color: #d93e2d;
}

.soc-google:before {
    content: 'c';
}

.soc-linkedin {
    background-color: #3371b7;
}

.soc-linkedin:before {
    content: 'j';
}

.soc-rss {
    background-color: #f26109;
}

.soc-rss:before {
    content: ',';
}

/*--------------------End Of Social Buttons-----------------------------------------*/

/*---Read Article Button----*/

 .readarticlebutton {
	display: inline-block;
    /* border-radius: 2px; */
    background-color: #00672d;
    border: none;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    padding: 4px;
    width: 110px;
    transition: all 0.5s;
    cursor: pointer;
    font-weight: 400;
    -webkit-box-shadow: 0px 1px 1px #ffffff;
    -moz-box-shadow: 0px 3px 3px #ffffff;
    box-shadow: 0px 1px 5px #b5b5b5;
    float: none!important;
    }



/* End of Read Article Button */





#headerLeft2 {width:340px;height:100%;line-height:15px;}

#headerLeft2 a *:hover {text-decoration:underline;}

#headerLeft2 img {float:left;margin:2px 2px 0 0;}

#headerLeft2 h5 {margin-bottom:4px;}

#headerLeft2 h6 {font-size: 14px;color: #353535;font-weight: 500; clear: both;}

#headerLeft2 h6:nth-child(2) {margin:10px 0 0 0;}

#headerCenter2 {width:200px;height:65%;margin-bottom:20px; margin-left: 140px;}

#headerCenter2 img {max-width:100%;max-height:100%;}

#headerBanner2 {    
	width: 468px;
    height: 100%;
    float: left;
    margin-top: 30px;
    margin-left: 40px;
	}


#headerRight2 {width:345px;height:auto; float:right !important;}

#headerRight2 a *:hover {text-decoration:underline;}

#headerRight2 a h5 {float:right;line-height:15px;}

#headerRightMagazine2 {width:310px;height:100%;overflow:hidden;float:right !important;}

/*#headerRightMagazine a img {float:right;padding:35px 0 0 0;}*/
#headerRightMagazine2 img {float:right;margin:35px 0 0 0;}



/*=--------------------NEXT - Previous Story--------------------------*/

	
	nav.prev-next-buttons {
	  position: fixed;
	  top: 40%;
	  width: 100%;
	  z-index: 2;
	  display: none;
	}

	nav.prev-next-buttons > a {
	  text-decoration: none;
	  color: #111111;
	  background-color: #f7f7f7;
	  min-width: 336px;
	  height: 140px;
	  padding: 15px;
	  text-transform:uppercase;
	  font-size: 15.5px;
	  font-weight: bold;
	  font-family: 'Open Sans', Sans-Serif;
	  border-left: solid;
	  border-right:solid;
      border-width: 3px;
      border-color: #008039;
	  box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.07);
	  }

	a.prev-button {
	  transition:left 0.3s;
	  -webkit-transition:left 0.3s;
	  -moz-transition: left 0.3s;
	  left: -288px;
	  position: absolute;
	  text-align: left;
	  height: 100px;
	  font-family: 'Open Sans', Sans-Serif;
	}

	a.prev-button:hover {
	  left: 0px;
	  background-color: #f3f3f3;
	  border-top: none;
	  border-bottom: none;
	  border-left:none;
	}

	a.prev-button:after {
	  font-family: FontAwesome;
	  content: "\f137";
	  position: absolute;
	  right: 10px;
	  font-size: 31px;
	  top: 57px;
	  color: #008039;
	}

	a.next-button {
	  transition:right 0.3s;
	  -webkit-transition:right 0.3s;
	  -moz-transition: right 0.3s;
	  right: -288px;
	  position: absolute;
	  text-align: right;
	  height: 100px;
	  font-family: 'Open Sans', Sans-Serif;
	}

	a.next-button:hover {
	  right: 0px;
	  background-color: #f3f3f3;
	  border-top: none;
	  border-bottom: none;
	  border-right:none;
	}

	a.next-button:before {
	  font-family: FontAwesome;
	  content: '\f138';
	  position: absolute;
	  left: 10px;
	  font-size: 31px;
	  top: 57px;
	  color: #008039;
	}

	.jsstoryimagenext {
		max-width:135px;
		margin-top:10px;
		border: solid;
		border-width: 1px;
		height: 70px;
		border-color: #e6e6e6;
		float:left;
		margin-right: 10px;
		}
	
	.jsstorytitlenext {
		font-size: 14px;
		max-width: 260px;
		margin-top: 10px;
		max-height: 50px;
		overflow: hidden;
		margin-left: 0;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		color: #252525;
		}

	.jsstoryimageprev {
		max-width:135px;
		margin-top:10px;
		border: solid;
		border-width: 1px;
		height: 70px;
		border-color: #e6e6e6;
		float:right;
		margin-left: 10px;
		}
	
	.jsstorytitleprev {
		font-size: 14px;
		max-width: 260px;
		margin-top: 10px;
		max-height: 50px;
		overflow: hidden;
		margin-right: 0;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		color: #252525;
		}

	.jsnextcategory {
		background-color: cadetblue;
		padding: 3px 8px;
		font-size: 11px;
		float: right;
		color: white;
		position: absolute;
		bottom: 10px;
		right: 10px;
		border-radius: 10px;
		font-weight: 400;
		}

	.jsnextcategory[data-articlecategory="Community and Sustainability"] {
		background-color:#3300CC !important;
		}

	.jsnextcategory[data-articlecategory="Communications and Governance"] {
		background-color:cadetblue !important;
		}

	.jsnextcategory[data-articlecategory="Ethical Business and Investment"] {
		background-color:#ec1d26 !important;
		}


	.jspreviouscategory {
		background-color: #3300CC;
		padding: 3px 8px;
		font-size: 11px;
		float: left;
		color: white;
		position: absolute;
		bottom: 10px;
		left: 10px;
		border-radius: 10px;
		font-weight: 400;
		}


	.jspreviouscategory[data-articlecategory="Community and Sustainability"] {
		background-color:#3300CC !important;
		}

	.jspreviouscategory[data-articlecategory="Communications and Governance"] {
		background-color:cadetblue !important;
		}

	.jspreviouscategory[data-articlecategory="Ethical Business and Investment"] {
		background-color:#ec1d26 !important;
		}



	.articleinfowrap {
		width: 100%;
		height: 100%;
		margin-bottom: 15px;
		float: left;
		/* padding: 4px; */
		/* box-shadow: 0 1px 2px rgba(0,0,0, 0.12), 0 0 1px rgba(0,0,0, 0.24); */
		padding: 6px 0;
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
		}


	.articleinfo {
	    font-size: 13px;
	    color: #333;
	    background-color: #f9f9f9;
	    border: 1px solid #e1e1e1;
	    padding: 4px 8px;
	    font-weight: 400;
	    }


	.jscategorybox {
		border-left: solid 3px #df0000;
		float: left;
		width: 100%;
		background-color: #fcfcfc;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		font-size: 15px;
		/* margin-left: 15px; */
		padding: 8px 10px;
		padding-left: 10px;
		margin-bottom: 20px;
		}

	.articleinfo[data-articlecategory="Community and Sustainability"] {
		background-color:#3300CC !important;
		}

	.articleinfo[data-articlecategory="Communications and Governance"] {
		background-color:cadetblue !important;
		}

	.articleinfo[data-articlecategory="Ethical Business and Investment"] {
		background-color:#ec1d26 !important;
		}


	.jswrittenby {
		display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		float: left;
		color: #333;
		border-bottom: solid #a9a9a9 1px;
		padding: 3px 1px;
	}


	.jsstorydate {
		display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-size: 11px;
		float: right;
		color: #333;
		border-bottom: solid #a9a9a9 1px;
		padding: 3px 1px;
	}


	.jswrittenbymain {
		display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		float: left;
		color: #333;
		border-bottom: solid #a9a9a9 1px;
		padding: 3px 1px;
	}


	.jsstorydatemain {
		display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-size: 11px;
		margin-left:10px;
		float:left;
		color: #333;
		border-bottom: solid #a9a9a9 1px;
		padding: 3px 1px;
	}

	.jsstoryinfowrap {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}

	
	
	.jspreferencebutton {
		float: right;
		margin-top: 10px;
		/* border-right: solid; */
		margin-right: 6px;
		border-width: 4px;
		font-family: 'Roboto', sans-serif;
		color: #2c2c2c;
		font-weight: 500;
		-o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
		border-bottom: solid;
		border-bottom-width: 2px;
		border-color: #b18838 !important;
	}


	.jspreferencebutton:hover {
		color: #b18838;
		-o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
		cursor:pointer;
	}


	.filterbutton {
		display: inline-block;
		border: none;
		color: black;
		margin-top: 15px;
		font-size: 14px;
		padding: 2px;
		width: 745px;
		background-color: #eaeaea;
		border-left: solid 2px #009944;
		border-right: solid 2px #009944;
		cursor: pointer;
		font-weight: 400;
		font-family: fontawesome, roboto;
	}

	.filterbutton:hover {
		background-color: #e4e4e4;
	}


	.jsstorycaption {
	  position: relative;
	  display: inline-block;
	  overflow: hidden;
	}
	.jsstorycaption:after {
		content: attr(data-caption);
		overflow: hidden;
		box-sizing: border-box;
		position: absolute;
		bottom: -3em;
		left: 0;
		transition: bottom .4s;
		padding: 0.8em;
		width: 100%;
		font-size: 14px;
		height: 2.7em;
		font-weight: 500;
		color: white;
		background-color: rgba(60, 131, 165, 0.78);
	}
	.jsstorycaption:hover:after {
	  bottom: 0;
	}

		
	.jsloginbodywrap {
		width: 100%;
		height:100%;
		margin-bottom:10px;
		background-color:#f7f7f7;
		/*box-shadow: 0 0 0 0 rgba(0,0,0, 0.12), 0 0 2px 0 rgba(0,0,0, 0.24);*/
		border: solid 1px #dddddd;
		}

	.jsloginwrap {
		padding: 10px;
		width:100%;
		}

	.jsloginheader {
		width: 100%;
		border-bottom: solid 1px #e2e2e2;
		padding-bottom: 5px;
		}

	.jsloginheader span {
		font-weight: 400;
		font-size:13px;
		margin-top: 5px;
		float: left;
		}

	.jsemailwrap {
		width:100%;
		float:left;
		}


	.btnlogin:hover {
		background: #009944;
		transition: all 500ms;
	}

	.btnlogin {
		background: #02672f;
		padding: 4px 9px;
		color: #ffffff;
		cursor: pointer;
		font-size: 11px;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		transition: all 500ms;
		margin-top:5px;
	}



	.drag-list {
	  margin: 15px auto 0 auto;
	  width: 100%;
	}
	.drag-item {
	  float: left;
	  padding: 5px 10px;
	  width: 33%;
	  list-style: none;
	  margin-right:2px;
	  font-size:14px;
	  text-align: center;
	  color: #555;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: 0.25s;
	  -moz-transition: 0.25s;
	  -o-transition: 0.25s;
	  -ms-transition: 0.25s;
	  transition: 0.25s;
	}

	.drag-item-color-inv {
		background-color: #ec1d26 !important;
		color:white !important;
		}

	.drag-item-color-sus {
		background-color: #3300CC !important;
		color:white !important;
		}

	.drag-item-color-ops {
		background-color: cadetblue !important;
		color:white !important;
		}


.jscheckboxstory {
	margin-top: 3px;
    float: left;
	}

.jspreferencenumber {
    padding: 1px 4px 1px 4px;
    border: solid 1px #d1d1d1;
    background-color: #f5f5f5;
    border-radius: 200%;
    color: #555555;
    margin-top: 2px;
    font-size: 10px;
    font-weight: 500;
    float: right !important;
}


.jsstorytype {
	margin-bottom:10px;
    background-color: #ec1d26;
	    box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    padding: 3px 15px;
    color: white;
	width:100%;
	text-align:center;
}


	.jsstorytype[data-category="Community and Sustainability"] {
		background-color:#3300CC !important;
		}

	.jsstorytype[data-category="Communications and Governance"] {
		background-color:cadetblue !important;
		}

	.jsstorytype[data-category="Ethical Business and Investment"] {
		background-color:#ec1d26 !important;
		}