body {
/*
FOR TEST SET THE BODY BACKGROUND ABOVE AND THE BACKGROUND COLOUR, BUT FOR LIVE USE TRANSPARENT BELOW AND REMOVE THE BODY STATMENT ABOVE
	background-color:#f8ead6;
*/
}

#row_body {
/*
REMOVES THE BACKGROUND COLOUR ON THE MAIN SITE
FOR TEST SET THE BODY BACKGROUND ABOVE AND THE BACKGROUND COLOUR, BUT FOR LIVE USE TRANSPARENT BELOW AND REMOVE THE BODY STATMENT ABOVE
	background-color:#FBF5EA;
*/
	background-color:transparent;
}

.contentContainer {
/*
REMOVES THE BACKGROUND COLOUR ON THE ARTICLE PAGES
*/
	background-color:transparent!important;
}

h2 {
	padding-bottom:0;
}

h3 {
	color: #4f5cb2;
	font-size: 1.25em;
	text-decoration: bold;
	/*margin: 10px 0 0 0;*/
	margin: 0;
	padding: 0;
	clear: left;
}

h3.bullet-purple {
	background: url(../img/bullet-purple.png) no-repeat 0 center scroll transparent;
	padding-left: 18px;
}

h4 {
	color: #4f5cb2;
	margin: 5px 0 0 0;
	font-size: 1.2em;
}

h4.bullet-purple {
	background: url(../img/bullet-purple.png) no-repeat 0 center scroll transparent;
	padding-left: 18px;
}


.sidebar {
	margin:0;
	/*padding-top:0;*/
}

.ng_ema_pdf {
	padding: 10px 18px 10px 0;
	background: url(../images/pdf.gif) no-repeat right 12px scroll transparent;
	color: #0000CC;
	font-weight: bold;
}

.mmcasestudies dd {
	font-size: 0.85em;	
}

.mmcasestudies .ng_ema_pdf {
	padding: 10px 0 10px 18px;
	background-position: left;
	font-weight: normal;
}


/*--- side-nav ---*/
/*override global.css 22px top / bottom margin */
.side-nav {
	margin:0!important;
	padding:0;
}

/* override global.css #f7f7f7 */
.side-nav a:hover, .side-nav a:active, .side-nav a:focus, .side-nav a.current-node:link, .side-nav a.current-node:visited, .side-nav a.current-node:hover, .side-nav a.current-node:active, .side-nav a.current-node:focus {
	background-color:#eee;
}


/* homepage icons */

.icon-home-achievement{
	background:url(../img/icon-home-achievement.png) no-repeat 3.5% 40% scroll transparent;	/* Edited by A. Drobyshev, Dec 19, 2012 */
}

.icon-home-key{
	background:url(../img/icon-home-key.png) no-repeat 3.5% 40% scroll transparent;	/* Edited by A. Drobyshev, Dec 19, 2012 */
}

.icon-home-support{
	background:url(../img/icon-home-support.png) no-repeat 3.5% 40% scroll transparent;	/* Edited by A. Drobyshev, Dec 19, 2012 */
}


/* other icons */

.icon-1stclsscntnt, .icon-1stclsscntnt:hover {
	padding-left:90px;background:url(../img/nm8.jpg) no-repeat 4% 50% scroll transparent;
}

.icon-achvmnt, .icon-achvmnt:hover {
	padding-left:90px;background:url(../img/icon-Achvmnt-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-apps, .icon-apps:hover {
	padding-left:90px;background:url(../img/icon-Apps-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-careerreadiness, .icon-careerreadiness:hover {
	padding-left:90px;background:url(../img/icon-CareerReadiness-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-cmmnty, .icon-cmmnty:hover {
	padding-left:90px;background:url(../img/icon-CmmntyOC-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-ebooks, .icon-ebooks:hover {
	padding-left:90px;background:url(../imgicon-Ebook-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-engagngexprncs, .icon-engagngexprncs:hover {
	padding-left:90px;background:url(../img/icon-EngagngExprncs-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-events, .icon-events:hover {
	padding-left:90px;background:url(../img/icon-Events-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-global, .icon-global:hover {
	padding-left:90px;background:url(../img/icon-Global-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-groupofpeople, .icon-groupofpeople:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-GroupOfPeople-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-howocworks, .icon-howocworks:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-HowOCworks-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-instresources, .icon-instresources:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-InstResources.png) no-repeat 4% 50% scroll transparent;
}

.icon-laptop, .icon-laptop:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-Laptop.png) no-repeat 4% 50% scroll transparent;
}

.icon-mylabmastering, .icon-mylabmastering:hover {
	padding-left:90px;background:url(../img/icon-MyLabMastering-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-pencil, .icon-pencil:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-Pencil.png) no-repeat 4% 50% scroll transparent;
}

.icon-prsnlsdlrnng, .icon-prsnlsdlrnng:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-PrsnlsdLrnng-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-prtnr, .icon-prtnr:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-Prtnr-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-pwrdscle, .icon-pwrdscle:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-PwrdScle-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-pwrngonline, .icon-pwrngonline:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-PwrngOnline-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-sociallrnng, .icon-sociallrnng:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-SocialLrnng-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-srvcssolutns, .icon-srvcssolutns:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-SrvcsSolutns-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-stdntsccss, .icon-stdntsccss:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-StdntSccss-p.png) no-repeat 4% 50% scroll transparent;
}

.icon-tocreate, .icon-tocreate:hover {
	padding-left:90px;background:url(/hip/us/ng/assets/images/ema/icon-ToCreate-p.png) no-repeat 4% 50% scroll transparent;
}



/* smaller icons used on the online presentations page */
.icon-list-small li {
padding: 0.5em 1em 0.5em 11%;
margin-left: 0;
}

.icon-online-presentations-learnfromauser {
background: url(../img/icon-online-presentations-learnfromauser.png) no-repeat 0.8em 40% scroll transparent;
}

.icon-online-presentations-hintsandtips {
background: url(../img/icon-online-presentations-hintsandtips.png) no-repeat 0.8em 40% scroll transparent;
}

.icon-online-presentations-discovery {
background: url(../img/icon-online-presentations-discovery.png) no-repeat 0.8em 40% scroll transparent;
}



.testimonials-video-thumb {
	margin: 5px 15px 5px 0;
	border:0;
}


/* icons set the background color to transparent, so need to force it back to #eee on hover */
.ng_us_linkSection:hover {
	background-color:#eee;
}


h3 a {
text-decoration: none;
padding-left: 1.4em;
background: url(../images/ui/bullet-blue.png) no-repeat 0 center scroll transparent;
}


#ng_us_templateLeftNav #ng_us_mainContent {
padding-right: 0px;
}

.tabs-container {
	margin-bottom:0;
}

#ajax-content {
	background-color: #ffffff;
	padding: 0 1em 1em 1em;
}


/*--- 3rd tier ---*/
.side-nav ul ul{
	padding:0;
}
.side-nav ul ul > li{
	margin:0;
	border:none;
}
.side-nav ul ul a:link,
.side-nav ul ul a:visited,
.side-nav ul ul a:hover,
.side-nav ul ul a:active,
.side-nav ul ul a:focus{
	border:none;
	padding-left:3em;
}


a.top-node:link, a.top-node:visited {
	padding-left: 8px;
}
#ng_us_header h2 { color: #4f5cb2; }

#mainbar {
	width:624px; margin:0 22px 10px 0; float:right;
}

#ng_us_breadCrumb {
	margin-bottom: 0.5em; /*override default 2em margin*/
	
}

/*--- carat icon for unordered list ---*/
.li-carat {
	list-style-image: url(../img/liCarat.gif);
	padding-top: 0;
	padding-left: 5px;
}

.li-carat li {
	padding: 2px 0;
	margin-left: 15px !important;
}



/*	Toggle container
	
	We're using a <dl> (definition list) as a method for
	rendering a question/answer type toggle for content.
*/

.js .toggle-container dd{
	display:none;
/*	margin-bottom:3em;*/
}

.toggle-all{/* controls all */
	/*margin:1em 0.25em 1em 0;
	float:right;*/
}

.toggle-all:before{
	font-weight:bold;
	text-decoration:none!important;
	display:inline-block;
	color:#444444!important;
	padding-right:0.25em;
	content:'+';
}

.toggle-all.opened-all:before{
	content:'-';
	text-decoration:none!important;
}

.toggle-container{
/*	margin:1em 0 0 0; */
	margin:0;
	clear:both;
}

.toggle-container dt{
	padding-top:1em;
}

.toggle-container dt:first-child{
	padding-top:0;
}

.toggle-container dt a:link,
.toggle-container dt a:visited{
/*	font-size:0.875em;*/
	font-weight:bold;
	text-decoration:none;
	color:#fbf5ea!important;/* original: #4444444!important;*/
	display:block;
	/* width:100%; */
	height:97%;
	background-color:rgba(224, 72, 84, 1.0);
	/* original: background-color:rgba(0, 137, 183, 0.3);*/
	padding:0.8em 0.8em 0.8em 2.9em;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out;
	-webkit-border-radius:3px;
	border-radius:7px;
	position:relative;
}

.toggle-container dt a:hover,
.toggle-container dt a:focus{
	/* original: background-color:rgba(0, 137, 183, 1.0);*/
	background-color:rgba(157, 19, 72, 1.0);
	color:#fbf5ea!important;
}

.toggle-container dt a:before{
	display:inline-block;
	position:absolute;
	left:8px;
	top:8px;
	color:#444444;
	text-align:center;
	width:1.5em;
	height:1.5em;
	line-height:1.4em;
	vertical-align:middle;
	background-color:#fbf5ea;
	-webkit-border-radius:10px;
	border-radius:1.4em;
	content:'+';
	font-weight:normal;
	border:none;
}

.toggle-container dt a.opened:before{
	content:'-';
	color:#444444!important;
}

.toggle-container dt a:hover:before,
.toggle-container dt a:focus:before{
	color:#364395;
}

.toggle-container dt a:hover:after,
.toggle-container dt a:focus:after,
.toggle-container dt a.opened:hover:after,
.toggle-container dt a.opened:focus:after{
	display:inline-block;
	float:right;
	font-weight:normal;
	font-size:0.875em;
	padding-top:0.15em;
}

.toggle-container dt a:hover:after{
	content:'(Click to open)';
}

.toggle-container dt a:focus:after{
	content:'(Keypress to open)';
}

.toggle-container dt a.opened:hover:after{
	content:'(Click to close)';
}

.toggle-container dt a.opened:focus:after{
	content:'(Keypress to close)';
}

.toggle-container dt a.opened:link,
.toggle-container dt a.opened:visited{
	background-color:#444444;
	color:#fbf5ea!important;
}

.toggle-container dt a.opened:hover,
.toggle-container dt a.opened:focus{
	background-color:rgba(157, 19, 72, 1.0);
	/* background-color:rgba(54, 67, 149, 1.0);*/
	/* original: background-color:rgba(0, 137, 183, 1.0);*/
	color:#fbf5ea!important;
}
.toggle-container dd{
	margin:0 0.5em;
}

.toggle-container + h1{
	font-size:1.35em;
	margin-top:2em;
}



/*	left nav ads
	
*/

.ad {
text-decoration: none;
display: block;
position: relative;
width:auto!important;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin-top: 1.5em;
}

.ad-framed {
position: relative;
padding: 0.625em;
border: 1.2em solid #e5e2d7;
border: 1.2em solid rgba(167, 163, 151, 0.25);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.ad-framed:hover,
.ad-framed:active,
.ad-framed:focus{
	background-color:#fff;/*#e5e2d7*/
	border:1.2em solid #a7a397;
	border:1.2em solid rgba(167, 163, 151, 0.75);
}

.ad:hover .video-placeholder span, .ad:focus .video-placeholder span {
background: rgba(224, 72, 84, 0.5);
opacity: 1.0;
}

.ad h3 {
font-weight: bold;
line-height: 1.4;
padding: 0;
margin: 0 0 0.5em 0;
color:#4f5cb2;
}

a.ad:hover, a.ad:focus {
text-decoration: none;
}

/*
ad:hover, ad:focus {
color:#ffffff!important;
}*/


.video-placeholder span {
height: 3em;
/*width: 100%;*/
width: 180px;
position: absolute;
bottom: 1em;
/*bottom: 0;*/
/*left: 0;*/
font-size: 1em;
font-weight: bold;
color: #fff!important;
text-align: right;
line-height: 3em;
/*padding-right: 0.75em;*/
background: rgba(0, 0, 0, 0.6);
opacity: 0.7;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.video-placeholder span::after {
content: url(/hip/us/ng/assets/images/ema/play-video-thumb.png);
width: 0.6em;
height: 0.6em;
width:10px;
height:10px;
vertical-align: middle;
display: inline;
float: right;
margin: 0.5em 2em 0 0.25em;
}







/*
----------------------------------------------------------------------
single-video-placeholder style - from www.pearsonmylabandmastering.com
----------------------------------------------------------------------
START
*/

.video-placeholder img,
.single-video-placeholder img,
.modal-video-placeholder img {
    border: 0;
	/*image-rendering: optimizeQuality;
	image-rendering: -webkit-optimize-contrast;*/
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
}

figure {
	margin: 0 0 16px 0;/*ie*/
    margin: 0 0 1rem 0;
	padding: 0;
	max-width: 100%;
	display: block;
}

figcaption {
	font-size: 12px;/*ie*/
	font-size: .75rem;
	line-height: 1.6;
	color: #666;
    padding: 4px 2px;
	padding: .25rem .125rem;
	display: block;
}

section {
    display: block;
    clear: both;
    position: relative;
    padding: 40px 0;/*ie*/
	padding: 2.5rem 0;
}

/*	Video still + overlay */
.video-placeholder,
.single-video-placeholder,
.modal-video-placeholder {
	position: relative;
	/*width: 100%;
	background-color: #000;
	border: 1px solid #bdb8af;*/
	padding: 0;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.video-placeholder iframe,
.single-video-placeholder iframe{
	z-index: 888;
	background-color: #444;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*border: 1px solid #bdb8af;*/
}

/*.single-video-placeholder object,
.single-video-placeholder embed {
	outline: 1px solid #bdb8af;
}*/

.video-placeholder a,
.single-video-placeholder a{
	display: block;
}

.video-placeholder img,
.single-video-placeholder img{
	cursor: pointer;
	background-color: #000;
	/*position: relative;*/
	/*display: block;*/
	/*width: 100%;
	position: absolute;
	top: 0;
	left: 0;*/
}

.overlay-mask{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba( 0, 0, 0, .175 );

    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.overlay-mask img {
	background: transparent;
	opacity: 0.5;

	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.overlay-mask:hover,
.overlay-mask:focus {
	opacity: 0;
}

.overlay-mask:hover img,
.overlay-mask:focus img {
	opacity: 0;
	transform: scale( 2, 2 );
	-ms-transform: scale( 2, 2 );
	-webkit-transform: scale( 2, 2 );
}


/*

	Multi-video stage w/index widget

*/
.video-stage { /* main video */
	width: 75%;
	float: left;
	padding: 3px 4px 3px 0;/*ie*/
	padding: .215rem .25rem .18rem 0;
}

.video-stage a{
	display: block;
	position: relative;
	overflow: hidden;
}

.video-stage figcaption { /* this is a temp hack until design decisions are made regarding this widget */
	min-height: 84px;/*ie*/
	min-height: 5.25rem;
}

.video-index-container { /* parent container for thumbnail list(s) of videos */
	width: 25%;
	float: right;
	padding-left: 2px;/*ie*/
	padding-left: .125rem;
	position: relative;

}

.video-index-control {
	position: absolute;
	display :block;
	text-align: center;
	padding: 8px;/*ie*/
	padding: .5rem;
	width: 96.5%;
	max-height: 40px;/*ie*/
	max-height: 2.5rem;
	margin: 0 auto;
	overflow: hidden;
}

.video-index-up {
	top: -48px;/*ie*/
	top: -3rem;
}

.video-index-down {
	bottom: -48px;/*ie*/
	bottom: -3rem;
}

.is-vertical-list ul {
	display: none;
	margin: 0 0 1px 0;
	padding: 0;
	list-style-type: none;
}

.is-vertical-list li {
	margin: 0;
	padding: 3.2px;
	padding: .2rem;
}

.video-index a,
.video-index img {
	display: block;
}

.video-index a {
	opacity: .7;
	-webkit-filter: grayscale(.5);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.video-index a.active {
	cursor: default;
}

.video-index a.active,
.video-index a:hover,
.video-index a:active,
.video-index a:focus {
	opacity: 1;
	-webkit-filter: grayscale(0);
}



/*	adjust the top margin for the figcaption element when it appears inside either a
	'.single-video-placeholder' or '.video-stage' parent element.
*/
.single-video-container figcaption,
.video-stage figcaption {
	margin-top: 8px;/*ie*/
	margin-top: .5rem;
}

/*
END
----------------------------------------------------------------------
single-video-placeholder style - from www.pearsonmylabandmastering.com
----------------------------------------------------------------------
*/