/**** PetroSA Style Sheet ****/
body 
{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	color: #6C6C6C;
}
.  {
	display:none;
}
body.petromaster #s4-workspace {
	width: auto !important;
	margin: 0 auto;
	overflow: hidden !important;
	padding: 0;
	height: auto !important;
} 

/**** common styling ****/
h1 {
	color: black;
	font-size: 18px;
	margin:0 0 10px 0;
}

.Bold { font-weight: bold;}

.c {clear:both;}
a:link img,
a:visited img {
	border:0;	
}
a:link,
a:visited,
a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#000;
}
/**** end common styling ****/

/**** Floating Web Part Editing Mode Prop Style ****/
	.ms-ToolPaneOuter { position: absolute; height: 80% !important; border: 1px solid red; top: 0; left: 0; z-index: 9999;}
	td#MSOTlPn_MainTD { width: 0 !important; }
	td#MSOTlPn_ToolPaneCaption { cursor: move; }
/**** End Web Part Editing Mode Prop Style  ****/

.ms-formfieldlabel {
	font-size: 13px;
	font-weight: bold;
	color: black;
}
.ms-formfieldvaluecontainer span input {
	width: 100% !important;
}
/*** Page Breadcrumbs ***/
.breadcrumbs {
	margin-right: 15px;
	float: right; 
}
.breadcrumbs p {
	float: left;
	margin: 0;
	padding: 0;
	color: #999;
}
.breadcrumbs p a:link, .breadcrumbs p a:visited {
	color: #999;
	text-decoration: none;
}
.arrow {
	display: inline;
    float: left;
}
/*** End Page Breadcrumbs ***/

/**** Top Header ****/
#header {
	width: 970px;
	margin: 0 auto;
}
.ms-titlerowborder {
    border-right: 0px none;
    width: auto !important;
}
#logo {
	width: 123px;
	height: 137px;
	float: left; 
	background: url('PetroStylingImages/psa_logo.jpg');
}
#navSearchContainer {
	float: right;
}
#topNav {
	float: right;
	font-size: 11px;
	border-left: 1px solid #F2BE24;
	height: 20px;
	padding-top: 10px;
}
#topNav ul { float: right;padding: 0; margin-top: 5px;}
#topNav ul li { float: left; list-style: none; padding: 0px 15px; font-weight:bold; }
#topNav ul li a:link, #topNav ul li a:visited {color: #8F939E;}
#topNav ul li a:hover {color:#000;}
	
#SocialIconsContainer {
	float: right;
	padding-top:20px;
}
#SocialIconsContainer .stButton {
	margin-right:0;
}

	/**** Hide top SP nav ****/
	.spTopNav {
		display: none;
	}
	/**** End Hide top SP nav ****/

/**** End Top Header ****/

/*** Search Area ***/
.SearchContainer {
	float: right;
}

body.petromaster #s4-searcharea {
	float: right;
	width:166px;
}
#SRSB {
	margin-top: 10px;
}
.s4-search input.ms-sbplain {
	width: 135px !important;
	font-size: 10px;
	font-style: normal;
	border:1px solid #8F939E !important;
}
.s4-search .ms-sbgo a {
	background:url(PetroStylingImages/yellowarrow.jpg) no-repeat;
	width:19px;
	height:19px;
	display:block;
	margin-left:5px;
}
.s4-search .srch-gosearchimg,
.s4-search .ms-sbgo span {
	display:none;
}
.s4-search input.ms-sbplain.s4-searchbox-QueryPrompt {
	color:#fff !important;
}
.ms-sbtable-ex
{

}
/*** End Search Area ***/

/**** Main Navigation ****/
#mainNav {
	width: 960px;
	height: 25px;
	margin: 0 auto;
	clear: both;
	padding: 5px 0;
}
ul.megamenu .leftNav {
	width:200px;
}
ul.megamenu .leftNav div.leftnavimgcontainer {
	overflow:hidden;
	width:200px;
}
.leftNav {
	float: left;
}
.leftNav a, .leftNav a:visited {
	color: #1D3D94;
	text-decoration:none;
	font-size:13px;
	font-style:italic;
}
.leftNav a:hover {
	color: #000;
}

h3.menuIcon {
	background: url('PetroStylingImages/yellowarrow.jpg') no-repeat;
	padding-left: 25px;
	margin:15px 0 5px -25px;
	color:#777;
}


ul.megamenu .rightNav {
	float: left;
	margin-left: 0px;
	font-size:12px;
}
ul.megamenu .rightNav ul {
	margin-left: 25px;
	padding: 0px;
}
ul.megamenu .rightNav ul a {
	padding: 0px;
}
ul.megamenu .rightNav ul li {
	float: none !important;
	list-style: none;
	line-height:25px;
	font-weight:bold;
}
ul.megamenu .rightNav ul li a,
ul.megamenu .rightNav ul li a:visited {
	border: 0px none !important;
	padding: 0px !important;
	color:#777 !important;
	font-size:12px !important;
}
ul.megamenu .rightNav ul li a:hover,
ul.megamenu .rightNav ul li a:active {
	border: 0px none !important;
	padding: 0px !important;
	color: #000 !important;
}

/**** End Main Navigation ****/

/**** Rotating Image Banner ****/
#imageBanner {
	width: 1247px;
	height: 348px;
	margin: 0 auto;
	background-color: transparent; 
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
	position:relative;
	margin-top: 10px;
}
#imageBanner img{
	width: 1247px;
	height: 348px;
	position:absolute;
}
#PageImageBanner 
{
	width: 1274px;
	height: 241px;
	margin: 0 auto;
	background-color: transparent; 
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
	position:relative;
	margin-top: 10px;
}
#PageImageBanner img{
	width: 1274px;
	position:relative;
}

/**** End Rotating Image Banner ****/

/**** Main Content Container ****/
body.petromaster #MSO_ContentTable {
    position: inherit !Important;
}
#MainContainer {
	width: 970px;
	height: auto;
	margin: 0 auto;
	margin-top: 15px;
	overflow:visible;
}
#MainContent {
	width: 970px;
	height: auto;
	margin: 0 auto;
	margin-top: 15px;
}

#LeftContent {
	width: 700px;
	float: left;
	margin-right: 10px;
}
#LeftContent span.content {
	display: block;
}
#LeftGeneralContent {
	width: 450px;
	float: left;
	margin-right: 10px;
	border-left: 2px solid #FFCB08;
	padding-left: 25px; 
	margin-bottom: 15px;
	font-size:13px;
	line-height:18px;
}
#LeftGeneralContent a:link,
#LeftGeneralContent a:visited {
	color: #1d3d94 !important;
	text-decoration:none
}
#LeftGeneralContent a:hover {
	color: #000 !important;
	text-decoration:none;
}

#LeftGeneralContent h1 a:link, #LeftGeneralContent h1 a:visited {	color: #999 !important; text-decoration:none}
#LeftGeneralContent h1 a:hover { color: black !important; text-decoration:none;}

#RightContent {
	width: 250px;
	float: right;
	margin-top: 5px;
}

.activeWindow {
	min-height: 110px;
	margin-bottom: 15px;
	padding: 15px 25px 0px 25px;
}
.activeWindow a {
	color:#000;
}
.activeWindow,
.activeWindow.firstitem {
	background-color: #eec220; 
}
.activeWindow.seconditem {
	background-color: #eccd59;
}
.activeWindow.thirditem {
	background-color: #eadba2;
}

.activeWindow h1 {
	font-size: 21px;
	margin-bottom: 0px;
}
.activeWindow p {
	font-weight: bold;
	color: black;
	font-size: 13px;
	margin-top: 5px;
}
.activeWindow a:hover h1 {
	text-decoration:none;
}

.linkblurbcontainerouter {
	overflow:hidden;
	width:1064px;
	margin:0 0 0 -25px;
}
.linkBlurbContainer {
	width: 243px;
	display: block;
	float: left;
	border-left: 2px solid #FFCB08;
	padding-left: 20px;
	margin-top: 15px;
	height: 205px;
}
.linkBlurbContainer p {
	width: 170px;
	font-size:11px;
	margin:0;
}
.linkBlurbContainer a img {
	vertical-align:top;
	padding:0 0 0 5px;
}
.linkBlurbContainer h1,
.linkBlurbContainer a:link,
.linkBlurbContainer a:visited {
	color: #454B5C;
}
.linkBlurbContainer a:hover {
	color:#000;
	text-decoration:none;
}

	/*** Left Quick Links Section ****/
.ms-quickLaunch {
	padding-top:0;
}	
.LeftSitePageLinks {
	width: 240px;
	float: left;
}
.LeftSitePageLinks .s4-ql ul > li > a:hover,
.LeftSitePageLinks .s4-ql ul.root > li > a:hover,
.LeftSitePageLinks .s4-qlheader:hover {
	text-decoration:none !important;
	color:#000 !important;
}
.ms-quicklaunchouter {
	margin:0 0 30px 0;
}
a.leftsitemenubottomlink:link,
a.leftsitemenubottomlink:active,
a.leftsitemenubottomlink:visited {
	font-style:italic;
	color:#1D3D94;
	padding-left:10px;
}

.LeftSitePageLinks {
}
.LeftSitePageLinks #s4-leftpanel-content {
	border: 0px none;
	background: none;
	min-height: 350px;
}
.LeftSitePageLinks a.static.selected.menu-item {
	color: #000 !Important;
	text-decoration: none;
	font-weight: bold;
}
.s4-ql a.selected {
	border: 0px none !important;
	background: none !important;
}
.s4-ql ul.root > li > .menu-item, .s4-qlheader, .s4-qlheader:link, .s4-qlheader:visited {
	color: #737685;
	font-weight: bold;
}

.LeftSitePageLinks a:hover  {color: #000  !important;}

.s4-ql ul.root ul > li > a {color: #737685;}
.s4-ql ul.root ul {	margin: 0px 0px 20px 0px; padding-left: 25px; font-style:italic;}

/*** Left Quick Links Section ****/

.LeftSitePageLinks .keyimagemessagecontainer {
	width:170px;
	height:180px;
	margin:200px 10px 0 0;
	overflow:hidden;
	float:right;
}
.LeftSitePageLinks .keyimagemessagecontainer img {
	height:180px;
}

/**** End Main Content Container ****/

.DidYouKnow {
	display: inline-block;
	color: #1D3D94;
	width: 173px;
	padding-right:32px;
	text-align:right;
	font-weight: bold;
	font-size: 13px;
	margin-left: 30px;
	min-height: 140px;
	height: auto !important;
	float:right;
}

.googleMap {
	display: inline-block;
	color: #1D3D94;
	width: 180px;
	font-weight: bold;
	font-size: 13px;
	margin-left: 30px;
}
.googleMap iframe {
	width:180px;
}
.googleMap a:link, .googleMap a:visited {color: #0072BC !important;}
.googleMap a:hover {text-decoration: underline; }



.googleMapIframe{
	display: inline-block;
	color: #1D3D94;
	width: 180px;
	font-weight: bold;
	font-size: 13px;
	margin-left: 30px;
}
.googleMapIframeiframe {
	width:180px;
}
.googleMapIframea:link, .googleMapIframea:visited {color: #0072BC !important;}
.googleMapIframea:hover {text-decoration: underline; }





/**** Footer Container ****/
#Footer {
	margin: 0 auto;
	background: url('PetroStylingImages/footer_bg.jpg') repeat-x;
	margin-top: 20px;
	clear:both;
}
#FooterInner {
	margin: 10px auto 0;
    width: 970px;
    overflow:hidden;
}
#FooterLeft {
	float:left;
	width:690px;
	padding:10px 0 0 0;
}
#FooterRight {
	float:right;
	width:260px;
	height:290px;
	padding:0 10px;
	background:#fff;
	overflow:hidden;
}
#FooterRight a {
	text-indent:-9999px;
	display:block;
}
#FooterRight a.halfwidthlink {
	width:124px;
	height:110px;
}
#FooterRight a.fullwidthlink {
	width:250px;
	height:72px;
}
#FooterRight a#footerlinkpetrosa {
	float:left;
	background: url('PetroStylingImages/footerlink_petrosa.jpg') no-repeat;
}
#FooterRight a#footerlinkwhistleblowers {
	float:right;
	background: url('PetroStylingImages/footerlink_whistleblowers.jpg') no-repeat;	
}
#FooterRight a#footerlinkdepofenergy {
	clear:both;
	background: url('PetroStylingImages/footerlink_depofenergy.jpg') no-repeat;
}
#FooterRight a#footerlinkcef {
	background: url('PetroStylingImages/footerlink_cef.jpg') no-repeat;
}
.footerCol {
	float: left;
	width: 230px;
	margin-bottom: 5px;
	color: white;
}
#FooterInner h3 {
	color: #FFCB08;
	font-size: 13px;
	font-weight: bold;
	margin:0;
}
#FooterInner ul {
	list-style: none;
	padding: 0;
	margin:0;
}
#FooterInner li {
	margin-bottom:5px;
}
#FooterInner ul li a:link, #FooterInner ul li a:visited {
	color: white;
}
#FooterInner ul li a:hover {
	text-decoration: none;
	color:#000;
}
#footerLogoMast {
	background-color: white;
	width: 250px;
	color: white;
	height: 280px;
	margin:0 auto;
	background: url('PetroStylingImages/footerlogos.jpg') no-repeat;
}
#footerhorizontallinkscontainer {
	clear:both;
	padding-top:10px;
}
#footerhorizontallinkscontainer li {
	float:left;
	padding:0 5px;
	border-left:1px solid #fff;
	line-height:10px;
}
#footerhorizontallinkscontainer li:first-child {
	border-left:0;
	padding-left:0;
}
#footerhorizontallinkscontainer ul {
	overflow:hidden;
}
#footerhorizontallinkscontainer a:link,
#footerhorizontallinkscontainer a:visited {
	color:#fff;
	font-size:11px;
}
#footerhorizontallinkscontainer a:hover {
	text-decoration:none;
	color:#000;
}

/**** End Footer Container ****/

/*** Editing Page Mode Styling ***/
.s4-title { background-color: white !Important;}

#PageImageBanner .ms-formfieldvaluecontainer {
	height: 250px;
	padding: 0px;
}

.ms-WPBorder, .ms-WPBorderBorderOnly {
border: 0px none;
border-width: 1px;
border-style: solid;
border: 0px none;
}
	/*** Search ***/
.ms-pagemargin { background-color: white !important; }

.srch-federationarea {background: #FCFCFC; border: none 0px;}
/*** End Editing Page Mode Styling ***/

/*** Gallery Styling ***/
#GalleryContainer {
	width: 699px;
	float: left;
	margin-right: 10px;
	border-left: 2px solid #FFCB08;
	padding-left: 10px;
	margin-bottom: 15px;
}

.imgThumb {
	width: 100px;
	height: 100px;
	display: inline-block;
	float: left;
	margin: 0 2px 5px 2px;
	overflow: hidden;
}

.imgThumb a img {
	width: 100px;
	height: 100px;
	display: inline-block;
	float: left;
	margin: 0 2px 5px 2px;
	overflow: hidden;
	border: none 0px;
}
span.goback { margin-bottom: 15px;display: block; margin-left: 4px;}

span.goback a:link, span.goback a:visited {	color: black !important; text-decoration: underline;}
span.goback a:hover {text-decoration: none;}

#LeftGeneralContent.gallerycontainer {
	position:relative;
	width:482px;
}
.gallerycategorieslist {
	width:170px;
	text-align:right;
	float:left;
	font-weight:bold;
}
.gallerycategorieslist h3 {
	font-size:18px;
	color:#1d3d94;
	margin:0
}
.gallerycategorieslist ul {
	list-style-type:none;
	margin:5px 0 0 0;
	font-size:14px;
	padding:0;
}
.gallerycategorieslist li {
	margin:20px 0 0 0;
}
.gallerycategorieslist a {
	color:#1d3d94;
}
.gallerycategorieslist a:hover {
	color:#000;
}
.gallerytitlespan {
	position: absolute;
	top: -440px;
	z-index: 2;
	font-weight: bold;
	font-size: 16px;
}
.presentationdescriptioncontainer .gallerytitlespan {
	top:-394px;
}
.galleryemptytext {
	float:left;
	width:430px;
	text-align:center;
	height:70px;
	line-height:70px;
}
.galleryimagedescriptioncontainer {
	height:100px;
	width:470px;
	position:absolute;
	bottom:80px;
	color:#000;
}
.galleryimagedescriptioncontainer h3 {
	width:380px;
	margin:0;
}
.galleryimagedescriptioncontainer p {
	font-size:13px;
	line-height:18px;
	margin:15px 0;
}
#LeftGeneralContent .galleryimagedescriptioncontainer a:link,
#LeftGeneralContent .galleryimagedescriptioncontainer a:visited {
	color:#000 !important;
	text-decoration:none;
	margin-left:5px;
}
.ad-gallery .ad-image img {
}
.ad-gallery-bordercontainer {
	border:1px solid #eee;
}
a#gallerydownloadlink {
	float:right;
}
span.hiddenimagefilename {
	display:none;
}
.ad-gallery.presentationgallerycontainer .ad-image-wrapper {
	height:352px;
}

.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	display:block !important;
}
/*** End Gallery Styling ***/

/*** Start Presentation Gallery Styling ***/
.presentationgallerylistcontainer {
	
}
.presentationgallerylistcontainer ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.presentationgallerylistcontainer li {
	overflow:hidden;
	border-bottom:1px solid #eee;
	padding:5px 0;
	margin:10px 0;
}
.presentationgallerylistcontainer span.presentationlistleft {
	float:left;
	height:50px;
	width:70px;
	background:url('PetroStylingImages/thumbnail_Default_Presentation.jpg') 0 0 no-repeat;
}
.presentationgallerylistcontainer span.presentationlistleft img {
	height:50px;
	width:70px;
}
.presentationgallerylistcontainer span.presentationlistright {
	float:right;
	width:370px;
	margin-left:10px;
}
.presentationgallerylistcontainer span.presentationtitle {
	font-weight:bold;
	font-size:1.2em;
	color:#737685;
	display:block;
}

.presentationgallerylistcontainer span.presentationdescription {
	display:block;
}
.presentationgallerylistcontainer li a {
	
}
/*** End Presentation Gallery Styling ***/

/******************************************/
/***** Press Release Article Styling ******/
/******************************************/
.article-content,
.welcome-content {
	overflow:hidden;	
}
.newsarchive {
	width: 215px;
	float: right;
}
.newsarchive h3 {
	color: #737685;
	font-size: 1.2em;
	margin-top: 0px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif !important;
}
.newsarchive .item.link-item a, .newsarchive .item.link-item a:visited {
	color: #737685; !Important;
	font-size: 12px;
	text-transform: capitalize;
}
.currentnews {
	width: 470px;
	float: left;
	margin-right: 10px;
	border-left: 2px solid #FFCB08;
	padding-left: 10px;
	margin-bottom: 15px;
}
.currentnews .image-area-left img.image {
	width: 70px;
	height: 50px;
}
.currentnews h3 {
	color: black;
	font-size: 18px;
	margin-top: 0px;
	font-weight: bold;
}
.currentnews .link-item a  {
	color: #737685;
	font-size: 1.2em;
	margin-top: 0px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif !important;
}

.PressReleaseBody {
	width: 470px;
	float: left;
	margin-right: 10px;
	border-left: 2px solid #FFCB08;
	padding-left: 10px;
	margin-bottom: 15px;
}
.PressReleaseBody .image img {
	max-height: 130px;
	max-width: 180px;
}
.PressReleaseBody .captioned-image {
	float:left;
	margin: 0 10px 0 0;
	max-height: 130px;
	max-width: 180px;
}
.PressReleaseBody .by-line {
	color: black;
	font-size: 18px;
	margin-top: 0px;
	font-weight: bold;
	text-align: left;
	/*float: right;*/
}

.PressReleaseBody .article-header {
	border-bottom: 0px none !important;
	margin-bottom: 10px;
	/*float: left;*/
}
.PressReleaseBody .article-header .by-line {
	text-align: left;
}
/*** End Press Release Article Styling ****/

.pressreleaselistcontainer {
	overflow:hidden;
}
.pressreleasearchivelist {
	float:left;
	width:240px;
	min-height:100px;
}
.pressreleasearchivelist h2 {
	font-size:12px;
}
.pressreleasearchivelist ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.pressreleasearchivelist a {
	color:#737685;
	line-height:22px;
}
.pressreleasearchivelist a:hover {
	color:#000;
}
.pressreleaselatestlist {
	float:left;
	width:470px;
	margin-right: 10px;
	border-left: 2px solid #FFCB08;
	padding-left: 25px;
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 18px;	
}
.pressreleaselistlink {
	display:block;
	overflow:hidden;
}
.pressreleaselistlink .presentationdescription {
	color:#4C4C4C;
}
.pressreleaselistlink:hover .presentationdescription,
.pressreleaselistlink:hover .presentationtitle {
	color:#000;
}

/*** Header Spotlight Banner ****/
.wideBanner {
	width: 650px;
	height: 100px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
}
/*** End Header Spotlight Banner ****/

/* *********************** Custom Styles for Advert  ************************************** */
#advertContentSection{
	height: 280px;
	background-color: #e3e9e9;
	color: black;
	width: 1247px;
	margin:0 auto;
	/* text-align:center; */
	font-size: 13px;
	line-height: 22px;
}

#advertContentSection .advertContentSectionLeft{
	float: left;
	/* margin-right: 10px; */
	width:650px;
	padding: 15px !important;
}

#advertContentSection .advertContentSectionLeft hr{
height:1px;color:#373737;background-color:#373737;margin: 0;padding:0;
}


h3.advertheading{
	text-transform:uppercase;font-size:26px;
}

#advertContentSection .advertContentSectionRight
{
	float:right;
}

.advertContentSectionRight img.advertFeaturedImage{
	height: 387px;
}

.advertSectionButton, .advertSectionButton:link, .advertSectionButton:visited {
text-transform:uppercase;
	padding-left: 25px;
    padding-right: 25px;
    height: 50px;
    background-color: #27306d;
    color: #FFF;
    padding-top: 12px;
    padding-bottom: 15px;
    border: 1px solid #FFF;
}

.advertSectionButton:hover,.advertSectionButton:active {
	 box-shadow: 5px 5px 2px #888888;
}

.annualReportHeading{
	font-size:26px;
}
.annualReportColumn{
padding-top:120px;
	height:100px;
	color:#FFF;
	background-image:url('PetroStylingImages/annualReportBlurb.jpg');
	background-color:#27306d;
	color:#FFF;background-repeat:no-repeat; background-position:center top;
}
.annualReportColumn h3{
font-size:16px;	padding-left:10px;
}

.annualReportColumn h4{
	font-size:13px;		padding-left:10px;
}

.ScamWarningPress {
    padding-top: 5px;
    padding-left: 20px;
    height: 60px;
    color: #fff;
    background-color: RED;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center top;
}


/* *********************** End of Custom Styles for Advert  ******************************* */

/* Modifcations and Style overrides 2016 - Tuesday, November 2016 - T A Willems  restyle banner and refine the landing page */
/ * Structural and Typography Style overrides */ 
#imageBanner {
  
       border-radius: 5px 5px 20px 20px !important;
}

ul.megamenu .leftNav div.leftnavimgcontainer {
    border-radius: 80% !important;
    width: 120px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.19) !important;
}
#MainContainer {
    width: 1250px !important ;
   
}

#LeftContent {
    width: 900px !important;
	}
	
	

/* Font and Textural Style overrides */


/* Menu Style overides */
ul.megamenu div.mm-item-content {
    border-top: 8px solid #fecb0a !important;
    border-radius: 0px 20px 20px 20px !important;
}

.mm-content-base
{
	background-color: transparent !important;
}

/* Style overrides for content updates */
#PageImageBanner img {
   border-radius: 5px 5px 20px 20px !important;
}

/* Link Blurbs */
/* Outer Link Blurb Section */
.linkblurbcontainerouter
{
	width: 1200px;	
}
.linkBlurbContainer{
	
	border-left:none;
	background-color: #FFF;
	margin-bottom: 10px;
}

.linkBlurbContainer h1{
	display:block;
	
	height: 30px;
	font-size:20px;
	font-size: 22px;
}

.linkBlurbContainer a{
font-size: 14px;	
}

.linkBlurbContainer > img{
	border-radius: 0px 20px 20px 20px !important;
}

.linkBlurbContainer > img:hover, .linkBlurbContainer > img:active {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.19) !important;

}


/* Type Face Styles */
.currentnews .link-item a,.currentnews .link-item a:link  {
    color: #373737;
    /* font-family: Arial, Helvetica, sans-serif !important; */
    margin-bottom: 4px !important;
    text-transform:uppercase;
    text-decoration:none;
}
.currentnews .link-item a:hover, currentnews .link-item a:active{
	  color: #27306d;

}

.description {
    font-family: Roboto,sans-serif;
    font-size: 12px;
    color: #000;
    margin-bottom:4px;text-transform:none;
    }
.ad-gallery-bordercontainer {
    border: 1px solid #f1f1f1 !important;
}

.activeWindowWrapper{
	border-bottom: 1px solid #f1f1f1 !important;
}
.activeWindow{
	padding:0;
	border-bottom:1px #f1f1f1 dashed;
}
.activeWindow, .activeWindow.firstitem{
	background-color:#FFF;
}
.activeWindow.seconditem {
    background-color: #FFF;
}
.activeWindow h1 {
    font-size: 14px;
    color: #000;
}
.activeWindow p {
     font-weight: 500 !important;
    color: black;
    font-size: 12px;
}
.activeWindow {
    min-height: 0; 
     margin-bottom: 5px;
    /* padding: 15px 25px 0px 25px; */
}
.PressReleaseBody {
    width: 700px !important;
    }
.bx-viewport{
		-moz-box-shadow:  !important; 
		-webkit-box-shadow: none !important; 
		box-shadow: none !important;
	  border-radius: 0px 20px 20px 20px !important;
}

.beeNotice{
   height:340px;
   background-color:#FFF;
}
/* .beeNotice noticeIntro */
.beeNoticeBlock 
 {
	float:left;
    width: 33%;
      position: relative;
        background: #88b7d5;
        height:340px;
        padding-top:0;
     }
.beeNoticeBlock:nth-child(1):after, .beeNoticeBlock:nth-child(1):before{
	 	content: "";
	width:0px;
	height:0px;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top:20px solid red;
	position:absolute;
	top:0;
	right: 50%;
	margin-right:-15px;

	z-index:2;
}  

.beeNoticeBlock:nth-child(1):before {
     	z-index:1;
	border-top:12px solid red;
	bottom:-15px;
    }

            
.beeNoticeBlock:first-child 
 {
        background: #fecb0a;color:red;text-align:center;
     }
.beeNoticeBlock:nth-child(2) 
 {
        background: #eee;
     
     }
.beeNoticeBlock:nth-child(3) 
 {
        background: #FFF;
 
	float:right;
     }

.beeNoticeThumb{
	
}

 .beeNoticeHeading{
	text-transform:uppercase;
	color:#fff;
	font-size:28px;
	font-weight:400;
	padding:80px 10px;
	text-align:center;
}

.beeNoticeBlock h3 {
		padding-left:5px;color :#373737;font-size:14px;font-weight:600;
	}
	
.beeNoticeBlock p{
	padding-left:10px;line-height:19px;
}

.beeNoticeStandOut{
	font-weight:600;font-size:12px;text-transform:uppercase;color:#fff;padding:2px;background-color:red;text-align:center;
}

/* Timeline for BBEE ESD Programme Information */
/* Timeline */
.timeline-wrapper{
	width:650px !important;
}
.timeline-heading{
	padding-left:10px;
}
.timeline-body{
	padding-left:10px;
}
.timeline,
.timeline-horizontal {
    list-style: none;
    padding: 20px;
    position: relative;
}
.timeline:before {
    top: 40px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}
.timeline .timeline-item {
    margin-bottom: 20px;
    position: relative;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
    content: "";
    display: table;
}
.timeline .timeline-item:after {
    clear: both;
}
/*
.timeline .timeline-item .timeline-badge {
    color: #fff;
    width: 54px;
    height: 52px;
    line-height: 52px;
    font-size: 22px;
    text-align: center;
    position: absolute;
    top: 18px;
    left: 50%;
    margin-left: -25px;
    background-color: #ED1F27;
    border: 3px solid #ffffff;
    z-index: 10;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    padding-left:5px;
    padding-top:6px;
}
*/
.timeline .timeline-item .timeline-badge {
    color: #fff;
    width: 54px;
    height: 52px;
    line-height: 52px;
    font-size: 22px;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -40px;
    background-color: #ED1F27;
    border: 3px solid #ffffff;
    z-index: 10;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    padding-left: 5px;
    padding-top: 6px;
}

.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
    top: 2px;
    left: 0px;
}
.timeline .timeline-item .timeline-badge.primary {
    background-color: #1f9eba;
}
.timeline .timeline-item .timeline-badge.info {
    background-color: #5bc0de;
}
.timeline .timeline-item .timeline-badge.success {
    background-color: #59ba1f;
}
.timeline .timeline-item .timeline-badge.warning {
    background-color: #d1bd10;
}
.timeline .timeline-item .timeline-badge.danger {
    background-color: #ba1f1f;
}
.timeline .timeline-item .timeline-panel {
    position: relative;
    width: 46%;
    float: left;
    right: 16px;
    border: 1px solid #c0c0c0;
    background: #ffffff;
    border-radius: 2px;
    padding: 20px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline .timeline-item .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -16px;
    display: inline-block;
    border-top: 16px solid transparent;
    border-left: 16px solid #c0c0c0;
    border-right: 0 solid #c0c0c0;
    border-bottom: 16px solid transparent;
    content: " ";
}
.timeline .timeline-item .timeline-panel .timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
    margin-bottom: 0;
}
.timeline .timeline-item .timeline-panel .timeline-body > p + p {
    margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
    float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
    float: right;
    left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-horizontal {
    list-style: none;
    position: relative;
    padding: 20px 0px 20px 0px;
    display: inline-block;
}
.timeline-horizontal:before {
    height: 3px;
    top: auto;
    bottom: 26px;
    left: 56px;
    right: 0;
    width: 100%;
    margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
    display: table-cell;
    height: 280px;
    width: 20%;
    min-width: 320px;
    float: none !important;
    padding-left: 0px;
    padding-right: 20px;
    margin: 0 auto;
    vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
    top: auto;
    bottom: 64px;
    display: inline-block;
    float: none !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    margin-bottom: 20px;
}
.timeline-horizontal .timeline-item .timeline-panel:before {
    top: auto;
    bottom: -16px;
    left: 28px !important;
    right: auto;
    border-right: 16px solid transparent !important;
    border-top: 16px solid #c0c0c0 !important;
    border-bottom: 0 solid #c0c0c0 !important;
    border-left: 16px solid transparent !important;
}
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
    display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
    top: auto;
    bottom: 0px;
    left: 43px;
}
.annualreportsbanner{/*
    background-color: #ec2327 !important;
    border-radius: 40% 40% 40% 40% !important; */
    background-color: #373737 !important;
}