/* Build: 2.1 */

body { 
	background: #EEEEEE;
	font-size: 9px;
	line-height: 1.2em;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; }
h2, h3, h4, h5, h6 { color: #000; }
p { margin: 1em 0; padding: 0; }

.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

@media screen {

	a { text-decoration: none; }
	a:visited { color: #ccc; }
	a:hover { text-decoration: underline; }
	.blue a, .blue a:visited { color: #267fb8; }
	.green a, .green a:visited { color: #0eb153; }
	.content a.internal { text-decoration: underline; /*background:url(../img/layout/small-lock.png) no-repeat right 50%; padding-right:12px;*/}
	.content a.internal:hover { text-decoration: none; }
	.content a.pagelink { font-weight: bold; text-decoration: none; font-style:normal; }
	.content a { text-decoration: underline; }
	a.glossaryTerm {text-decoration:none; font-weight:bold;}
	a.glossaryTerm, .content a:hover { text-decoration:none; }
	
	header { 
		margin: 2.4em 32px 1.2em;
		z-index:1000;
		position: relative;
	}
	header nav { 
		position: absolute; 
		bottom: .6em; 
		left: 11em;
	}
	header nav li { 
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin-right: 40px;
	}
	header nav a { 
		color: #000000; 
		padding: 2px 0; 
		text-decoration: none;
	}
	header nav a:hover { 
		text-decoration: underline;
	}
	header h2 { float: right; font-size: 1.4em; line-height: 1.6em; color: #000000; }
	#nav-bookmark { padding-left: 23px;  background: url(../img/layout/nav-bookmark.png) no-repeat left center; color:#000;}
	#nav-print { padding-left: 20px; background: url(../img/layout/nav-print.png) no-repeat left center; color:#000;}
	#nav-zoom-in { padding-left: 20px; background: url(../img/layout/nav-zoom-in.png) no-repeat 0 0; color:#000;}
	#nav-zoom-out { padding-left: 20px; background: url(../img/layout/nav-zoom-out.png) no-repeat 0 0; color:#000;}
	#bookmarkAlert, #zoomInAlert, #zoomOutAlert, #glossaryTerm {position: absolute; width: 30%; background: black; border: 1px solid #333; z-index: 1000; top: 20%; left: 50%; margin-left:-15%; color: #fff; font-size: 125%; text-align: center; padding: 2em; }
	#glossaryTerm {border-radius: .66em; border:#ccc 2px solid; color:#000; background-color:#fff; /*-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;*/}
	#glossaryTerm.wide {width:60%; margin-left:-33%;}
	#glossaryTerm {text-align:left; line-height:1.4em;}
	footer { text-align: center; clear: both; height: 42px; }
	footer p.pagination { border: 1px solid #000000; padding: 0 1em; color: #000000; display: inline-block; zoom: 1; *display: inline; }
	footer #footerLinks { position: absolute; bottom: 1em; right: 10%; width: 240px; padding: 0.9em 1em 0.5em; }
	footer #footerLinks a { margin-left: 12px; text-decoration: underline; color: #000000; }
	footer nav { display: none; }
	footer nav > span { cursor: pointer; position: absolute; display: block; height: 12px; width: 8px; background: url(../img/layout/tocPrev.png) no-repeat ;}
	footer nav > span.prev {left: 2%; top:40%;}
	footer nav > span.first {left: 2%; top:54%; background-image: url(../img/layout/tocFirst.png); width:14px;}
	footer nav > span.next {right: 2%; top:40%; background-image: url(../img/layout/tocNext.png);}
	footer nav > span.last {right: 2%; top:54%; background-image: url(../img/layout/tocLast.png); width:14px;}

	#browserNotice { position: absolute; left: 3em; bottom: 1.75em; color: #000000; }
	#wrapper { position: relative; overflow: hidden;  }
	
	video {
		max-width: 100%;
		height: auto;
	}
	/* scale transform applied to body */
	.csstransforms .zoom66 { -moz-transform: scale(.66); -webkit-transform: scale(.66); -o-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66); }
	.csstransforms .zoom73 { -moz-transform: scale(.73); -webkit-transform: scale(.73); -o-transform: scale(.73); -ms-transform: scale(.73); transform: scale(.73); }
	.csstransforms .zoom81 { -moz-transform: scale(.81); -webkit-transform: scale(.81); -o-transform: scale(.81); -ms-transform: scale(.81); transform: scale(.81); }
	.csstransforms .zoom90 { -moz-transform: scale(.90); -webkit-transform: scale(.90); -o-transform: scale(.90); -ms-transform: scale(.90); transform: scale(.90); }
	.csstransforms .zoom100 { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.csstransforms .zoom111 { -moz-transform: scale(1.11); -webkit-transform: scale(1.11); -o-transform: scale(1.11); -ms-transform: scale(1.11); transform: scale(1.11); }
	.csstransforms .zoom123 { -moz-transform: scale(1.23); -webkit-transform: scale(1.23); -o-transform: scale(1.23); -ms-transform: scale(1.23); transform: scale(1.23); }
	.csstransforms .zoom137 { -moz-transform: scale(1.37); -webkit-transform: scale(1.37); -o-transform: scale(1.37); -ms-transform: scale(1.37); transform: scale(1.37); }
	.csstransforms .zoom152 { -moz-transform: scale(1.52); -webkit-transform: scale(1.52); -o-transform: scale(1.52); -ms-transform: scale(1.52); transform: scale(1.52); }
	/* fallback zoom applied to #wrapper for old IE */
	.no-csstransforms .zoom66 #wrapper { zoom: .66; }
	.no-csstransforms .zoom73 #wrapper { zoom: .73; }
	.no-csstransforms .zoom81 #wrapper { zoom: .81; }
	.no-csstransforms .zoom90 #wrapper { zoom: .90; }
	.no-csstransforms .zoom100 #wrapper { zoom: 1; }
	.no-csstransforms .zoom111 #wrapper { zoom: 1.11; }
	.no-csstransforms .zoom123 #wrapper { zoom: 1.23; }
	.no-csstransforms .zoom137 #wrapper { zoom: 1.37; }
	.no-csstransforms .zoom152 #wrapper { zoom: 1.52; }

	.content {border: 1px solid #c4c4c5; margin: 0 auto; position: relative; background-repeat: no-repeat; z-index: -1; color: #000; }
	
	#page-carousel .content { position: absolute; }
	#page-carousel .content:first-child { }
	#page-carousel .active-slide { width: 952px; visibility: visible; z-index: 989; }


	.content-right { }
	.content-left {
		position: relative;
		background: #fff;
		background: rgba(255, 255, 255, .9);
		-ms-border-radius: .6em;
		-moz-border-radius: .6em;
		-webkit-border-radius: .6em;
		-o-border-radius: .6em;
		border-radius: .6em;
		
	}
	.content-left h2 { font-weight: bold; font-size: 1.3em; padding-bottom: .1em; border-bottom: 1px solid #000; line-height: 1.3em;}
	.content-left h3 { font-weight: bold; font-size: 1.1em; margin-top: 1em; }
	
	.callout { color: #fff; background: #0a81c5; position: absolute; padding: .88em; z-index: 2; }
	.callout .wrap { border: 1px solid #fff; background: transparent; padding: 0 1.666em; }
	.callout h1 { background: url(../img/layout/1024/i-statement.png) no-repeat 0 .25em; font-weight: normal; border-bottom: 1px solid #fff; font-size: 1.8em; padding-top: .5em; }
	.callout h1 i { display: inline-block; width: .9em; height: 1.1em; color: transparent; text-indent: 0; position: relative; top: -5px; font-size: 2em; font-style: normal; line-height: 100%; *display: inline; zoom: 1; visibility: hidden; vertical-align: middle; }

	.callout p { margin: .5em 0 1em 0; }
	
	#nav-prev, #nav-next { position: absolute; text-align: center; bottom: 42px; font-size: 20px; background: #EEEEEE; z-index: 1000; }
	#nav-prev img, #nav-next img { width: 54%; *position: relative; *top: 12.5em; }
	#nav-prev a, #nav-next a { text-decoration: none; color: #ccc; display: block; border: 0; background: #EEEEEE; position: relative; height: 100%; cursor: pointer; }
	#nav-prev a:hover, #nav-next a:hover { 
		color: #fff;
	}
	
	#nav-prev { left: 0; }
	#nav-next { right: 0; }
	#tocTrigger {
		position: absolute;
		color: #000000;
		right: 5%;
		bottom: 1em;
		cursor: pointer;
		z-index:1000;
		display: block;
		padding: .9em 10px .5em 25px;
		background: transparent url(../img/layout/toc.png) no-repeat 6px .66em;
	}
	#tocTrigger.active {
		background-color: #000;
		border: 1px solid #CCC;
		border-top: 0;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		behavior: url(../js/vendor/PIE.htc)\9;
		color: #086fb0;
	}
	#tocClose {
		background: #ccc url(../img/layout/toc-close.png) no-repeat;
		display: block;
		height: 19px;
		width: 19px;
		cursor: pointer;
		position: absolute;
		right: 1em;
		top: 1em;
	}
	#tocClose:hover {
		background-color: #086fb0;
	}
	footer nav {
		position: absolute;
		bottom: 3.5em;
		z-index: 999;
		width: 90%;
		background: black;
		right: 5%;
		border: 1px solid #CCC;
		border-radius: 6px;
		border-bottom-right-radius: 0;
		 behavior: url(../js/vendor/PIE.htc)\9; 
	}
	footer nav ul {
		width: 92%;
		margin: 0 auto;
	}
	footer nav li {
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin: 2.5em .5em;
		width: 14em;
	}
	footer nav li a {
		display: block;
		border: 1px solid transparent;
		text-decoration: none;
		color: #ccc;
		padding: .8em 0 0;
	}
	footer nav li a:hover {
		color: #086fb0;
	}
	footer nav li a.active {
		border: 1px solid #086fb0;
	}
	footer nav li img {
		width: 12.5em;
		border: 1px solid #000;
		margin: .8em 0;
	}
	footer nav li a:hover img {
		border-color: #086fb0;
	}
	footer nav li a span { 
		display: block;
	}
	.no-js #searchForm { display: none; }
	#searchForm {
		position: absolute;
		right: 5%;
		top: 2.4em;
		z-index: 988;
		width: 24%;
	}
	#searchForm input {
		background-color: #cfd1d2;
		border: 0;
		padding: .3em;
		position: absolute;
		right: 0;
		margin: .5em;
	}
	#searchForm > img {
		right: .5em;
		position: absolute;
		top: .32em;
		cursor: pointer;
		width: 1em;
		margin: .5em;
	}
	#searchResults {
		background: black;
		border: 1px solid #CCC;
		border-radius: 6px;

		border-top-right-radius: 0;
		padding: 3.5em 1.5em 0;
		color: #ccc;
		*zoom: 1;
		behavior: url(../js/vendor/PIE.htc)\9; 
	}
	#searchResults h6 {
		color: #fff;
	}
	#searchResults p {
		position: relative;
	}
	#searchResults a {
		display: block;
		height: 6.5em;
		color: #ccc;
		text-decoration: none;
		line-height: 1.6em;
		clear: both;
	}
	#searchResults:before,
	#searchResults:after {
		content: " ";
		display: table;
	}
	#searchResults:after {
		clear: both;
	}
	#searchResults img {
		width: 12em;
		margin-right: 1em;
		margin-bottom: 1em;
		float: left;
		display: block;
		border: 1px solid transparent;
	}
	#searchResults span {
		display: block;
	}
	#searchResults a:hover {
		color: #086fb0;
	}
	#searchResults a:hover img {
		border-color: #086fb0;
	}
	#searchResults #closeResults {
		background: #CCC url(../img/layout/toc-close.png) no-repeat 0 0;
		height: 19px;
		width: 19px;
		cursor: pointer;
		float:right;
		margin: 0;
	}
	#searchResults #closeResults:hover {
		background-color: #086fb0;
	}
	.overlay {
		 width:100%;
		 height:100%;
		 position:absolute;
		 left:0;
		 top:0;
		 z-index:10;
		 background:rgba(0,0,0,.7);
		 display:none;
	}

	 .lt-ie9 .overlay { background: url(../img/layout/bg-overlay.png); }

	.video-trigger { z-index:24; cursor: pointer; }
	.video-trigger > img { width: 5.15em; }

	.cssanimations .hotspots li.active .pulsate { display: none; }

	.hotspots { position: absolute; top: 0; }
	.hotspots > li { list-style: none; display: none; }
	.hotspots > li > h3 { 
		background: transparent url(../img/i-concerns/1024/hotspot-sprite-default.png) no-repeat center 0;
		padding-top: 5.2em; 
		color: white;
		text-align: center;
		font-size: 1.1em;
		min-width: 7em;
		cursor: pointer;
		z-index: 1;
		position: absolute;
	}

	.hotspots > li > h3:hover {
		background: transparent url(../img/i-concerns/1024/hotspot-sprite-hover.png) no-repeat center 0;
		-webkit-transition: background 0.2s linear;
		-ms-transition: background 0.2s linear;
		transition: background 0.2s linear;
	}
	.hotspots > li > h3.pulse {
		background-image: url(../img/i-concerns/1024/hotspot-sprite-hover.png);
	}
	.hotspots > li.active > h3 {
		background: transparent url(../img/i-concerns/1024/hotspot-sprite-active.png) no-repeat center 0;
	}
			
	.hotspots > li > h3 span {
		background-color: #293B91;
		border-radius: .5em;
		padding: .2em 1em;
		white-space: nowrap;
		zoom: 1;
	}
	.hotspots > li > .bubble {
		z-index: 2;
		opacity: 0;
		display: none;
		background: #fff;
		-ms-border-radius: .6em;
		-moz-border-radius: .6em;
		-webkit-border-radius: .6em;
		-o-border-radius: .6em;
		border-radius: .6em;
		position: absolute;
		padding: 1em 1em 0 1em;
		
		left: 0;
		color: #000;
		-webkit-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-ms-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
	.hotspots > li.active > .bubble {
		opacity: 1;
		display: block;
	}
	.hotspots > li > .bubble h3 {
		font-size: 1.3em;
		font-weight: normal;
		color: #000;
	}

	.icons div { display: none; }
	
	span.close { z-index: 1; display: block; position: absolute; right: -.66em; top: -.66em; background: url(../img/layout/icon-blue-close.png) no-repeat; width: 23px; height: 21px; cursor: pointer; }
	.green span.close { background-image: url(../img/layout/icon-green-close.png); }

	.icons { list-style: none; position: absolute; right: 10em; bottom: 0; margin: 0; z-index:10;}
	.icons.active { z-index: 100; }
	.icons > li { display: inline-block; margin-right: 1em; *display: inline; zoom: 1; position: relative; }
	.icons li > span { display: block; cursor: pointer; margin-bottom: 1em; width: 33px; height: 32px; overflow: hidden; text-indent: -9999em; position: relative; z-index: 700; }
	.icons li > h6 { display: none; background: transparent; cursor: pointer; position: absolute; top: 0; right: 0; z-index: 600; color: #fff; height: 32px; font-size: 1.1em; text-indent: -9999px; line-height: 2em; }
	
	.icons li:hover span { z-index: 750; }
	.icons li:hover h6 { display: block; z-index: 740; cursor: pointer; }
	.icons li.what-if > h6 { width: 100px; }
	.icons li.tools > h6 { width: 158px; }
	.icons li.ask-report > h6 { width: 123px; }

	.icons li > div { position: absolute; bottom: 0; z-index: 1001; width: 39.45em; background: #fff; right: -8.45em; padding: 1.25em; border-top-left-radius: 1em; }
	.icons li.what-if > div { width: 55em;}
	.icons li p, .icons li h4, .icons li ul { padding: 0 0 0 2em; }
	.icons li ul { list-style-position: inside; }
	.icons li ul li { text-indent: -1.2em; margin-left: 1.2em; }
	.icons li p { margin: .4em 0 1.2em; }
	.icons li p.footnote { margin-top: 3.5em; }
	.icons h3.heading { background: url(../img/layout/1024/icon-blue-ask.png) no-repeat;
		font-size: 1.166em;
		line-height: 2.5em;
		padding: 0 0 .4em 3.2em;
		border-bottom: 1px solid black;
		margin-bottom: 1.5em;
	}
	.icons.offset { right: 52%; }
	.icons.offset li > div { right: -1.45em; }
	.icons .resources > div { width: 26em; }
	.icons p.note { margin-top: -1em; }
	.blue .icons .what-if > span, .blue .icons .what-if h3 { background: url(../img/layout/1024/icon-blue-help.png) no-repeat; }
	.blue .icons .tools > span, .blue .icons .tools h3 { background: url(../img/layout/1024/icon-blue-tools.png) no-repeat; }
	.blue .icons .ask-report > span, .blue .icons .ask-report h3 { background: url(../img/layout/1024/icon-blue-ask.png) no-repeat; }

	.green .icons .what-if > span, .green .icons .what-if h3 { background: url(../img/layout/1024/icon-green-help.png) no-repeat; }
	.green .icons .tools > span, .green .icons .tools h3 { background: url(../img/layout/1024/icon-green-tools.png) no-repeat; }
	.green .icons .ask-report > span, .green .icons .ask-report h3 { background: url(../img/layout/1024/icon-green-ask.png) no-repeat; }
	.green .icons .resources > span, .green .icons .resources h3 { background: url(../img/layout/1024/icon-green-paper.png) no-repeat; }

	.green .icons .what-if > h6 { background: url(../img/layout/1280/icon-green-bg-help.png) no-repeat; }
	.green .icons .tools > h6 { background: url(../img/layout/1280/icon-green-bg-tools.png) no-repeat; }
	.green .icons .ask-report > h6 { background: url(../img/layout/1280/icon-green-bg-ask.png) no-repeat; }
	.blue .icons .what-if > h6 { background: url(../img/layout/1280/icon-blue-bg-help.png) no-repeat; }
	.blue .icons .tools > h6 { background: url(../img/layout/1280/icon-blue-bg-tools.png) no-repeat; }
	.blue .icons .ask-report > h6 { background: url(../img/layout/1280/icon-blue-bg-ask.png) no-repeat; }
	
	#externalTip, #internalTip {position:absolute; z-index:1003; background:#eee; border:#7c7c7c 1px solid; color:#000; padding:5px;}
	#internalTip.lock-icon {background:#eee url(../img/layout/small-lock.png) no-repeat right 50%; padding-right:17px;}
	#externalTip ul {margin:0; line-height:1.5em;}
	
	@-moz-keyframes pulsate {
		0% {-moz-transform: scale(.8, .8); opacity: 0.0;}
		50% {opacity: 1.0;}
		100% {-moz-transform: scale(1.1, 1.1); opacity: 0.0;}
	}​
	.pulsate {
		position: absolute;
		height: 75px;
		width: 75px;
		top: 0;
		left: 0;
	}
	.pulsate > div {
		border: 3px solid #999;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		-o-border-radius: 40px;
		border-radius: 40px;
		height: 60px;
		width: 60px;
		position: relative;
		margin: 0 auto;
		top: 5px;
		-webkit-animation: pulsate 1s ease-out;
		-webkit-animation-iteration-count: infinite; 
		-moz-animation: pulsate 1s ease-out;
		-moz-animation-iteration-count: infinite;
		-o-animation: pulsate 1s ease-out;
		-o-animation-iteration-count: infinite;
		animation: pulsate 1s ease-out;
		animation-iteration-count: infinite;   

	}


	h2.pill { background: #fff; border: 0; border-radius: .66em; padding: 0 1.33em; line-height: 1.75; }
	.collapsible { z-index: 10; list-style-type: none; padding: 0; margin: 0; }
	/*.collapsible > li:not(.active) > * { display: none; }*/
	.collapsible > li.active > * { display: block !important; }
	.collapsible > li.active { color: #000; background-color: #fff; }
	.collapsible > li.active.clone { position: absolute; }
	.collapsible > li.active.clone, .pill-open {
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
	}
	.collapsible > li.active .heading { color: #000 !important; }
	.collapsible > li .heading { display: block; color: #fff; }
	.collapsible > li .heading ~ * { display: none; }
	.collapsible > li > ul { padding-right: 6%; }
	.pills > li { background-color: #6cb344; color: #fff; border-radius: .666em; padding: .666em 0; margin-bottom: .75em; }
	.pills > li .heading { line-height: 250%; margin: 0; }
	.pills > li .heading.doubleline { line-height: 125%; }
	.plus-minus > li { padding-left: 4.66em; cursor: pointer; background-image: url(../img/layout/1024/pm-plus.png); background-repeat: no-repeat; background-position: 1.33em .66em; }
	.plus-minus > li.active { background-image: url(../img/layout/1024/pm-minus-green.png); }
	.plus-minus > li p { padding-right: 2em; }
	


/* 00 cover */
	#cover-front .alert { display:none; }
	#cover-front .content-left { background: transparent; color: #fff; border-radius: 0; left: 4%; width: 25%; top: 14%; }
	#cover-front .content-left p { padding-left: 3em; font-size: 1.1667em; padding-top: .75em; min-height: 2.25em; margin: 0; }
	#cover-front .content-left p span { font-size: .8em; }
	#cover-front .content-right { position: absolute; top: 0; left: 54%; width: 46%; }
	#cover-front .content-right > img { margin-top: 4em; width: 6em; height: auto; }
	#cover-front h1 { font-weight: normal; color: #fff; font-size: 2.5em; margin-top: 2.5em; line-height: 100%; }
	#cover-front h2 { font-weight: normal; border-bottom: 1px solid #fff; color:#fff; }
	#cover-front h3 { font-weight: normal; color: #fff; margin: 3em 0 1em; }
	#cover-front .turn { background: url(../img/cover-front/1024/icon-turn.png) no-repeat .66em center; }
	#cover-front .tools { background: url(../img/cover-front/1024/icon-tools.png) no-repeat .66em center; }
	#cover-front .video { background: url(../img/cover-front/1024/icon-video.png) no-repeat .66em center; }
	#cover-front .jump { background: url(../img/cover-front/1024/icon-jump.png) no-repeat .66em center; }
	#cover-front .icon-help { background: url(../img/layout/1024/icon-green-help.png) no-repeat; }
	#cover-front .icon-tools { background: url(../img/layout/1024/icon-green-tools.png) no-repeat; }
	#cover-front .icon-resources { background: url(../img/layout/1024/icon-green-paper.png) no-repeat; }
	#cover-front .icon-ask { background: url(../img/layout/1024/icon-green-ask.png) no-repeat; }

/* 00 contents */
	#contents-page h1 { margin-left: 4%; font-size: 2em; font-weight: normal; margin-top: 2em; margin-bottom: 1em; color: #008041; }
	#contents-page .content-right { position: absolute; left: 56%; top: 13%; width: 38%; }
	#contents-page .content-right ol { list-style: none; font-size: 1.33em; line-height: 1.66; }
	#contents-page .content-right ol li { margin: 3px 0; }
	#contents-page .content-right li span { float: left; display: block; width: 3em; text-align: center; }
	#contents-page em, #contents-page .indent {padding-left:4%;}
	#contents-page ul {display:none;}

/* 01 ceo-message */
	#ceo-message .content-right { position: relative; width: 42.5%; left: 53%; top: 12%; font-size: 106%; line-height: 1.1; }
	#ceo-message .signature { width: 12.75em; height: auto; position: relative; left: -1em; margin-bottom: -1em; }


/* i-concerns */
	#i-concerns .content-left { width: 41.35em; margin-left: 3.55em; padding: 4.66em 2em 1.33em 2em; top: 12em; }
	#i-concerns .callout { top: 1.4em; width: 39.83em; left: 5.47em; }
	#i-concerns .callout .wrap { padding: 0 1.8em; }
	#i-concerns .thermometer.ask h3 {
		cursor: pointer;
		font-size: 1em;
		font-weight: normal;
		color: #fff;
		background-color: #0a81c5;
		position: relative;
		top: .33em;
		margin-left: 1em;
		padding: .5em .5em .5em 0;
		text-indent: .66em;
		-ms-border-radius: .6em;
		-moz-border-radius: .6em;
		-webkit-border-radius: .6em;
		-o-border-radius: .6em;
		border-radius: .6em;
	}
	#i-concerns .thermometer.ask img { float: left; position: relative; z-index: 1; width: 2.66em; }
	#i-concerns .hotspots > li { position: absolute; display: block; }
	
	#phone-hotspot { top: 10.9em; left: 61.86em; }
	#phone-hotspot > h3 { background-position: center -20.15em; }
	#phone-hotspot > .bubble { top: -10em; left: -12.2em; width: 44em; }
	#online-hotspot { top: 21.4em; left: 86.5em; }
	#online-hotspot > h3 { background-position: center -13.4em; }
	.lt-ie9 #online-hotspot > h3 { background-position: center -13.3em; }
	#online-hotspot > .bubble { width: 34em; left: -18em; top: -5.8em; }
	#mail-hotspot { top: 35.8em; left: 57em; }
	#mail-hotspot > h3 { background-position: center -6.7em; }
	#mail-hotspot > .bubble { width: 42em; top: -10.4em; left: -2.4em; }
	#email-hotspot { top: 41em; left: 75.4em; }
	#email-hotspot > h3 { background-position: center 0; }
	#email-hotspot > .bubble { width: 38.6em; top: -5.8em; left: -12em; }



/* i-gifts */


	#i-gifts .callout { top: 2em; left: 4.85em; width: 36.8em; }

	#i-gifts h1 { padding-bottom: .5em; }
	#i-gifts .content-left { left: 5.25em; width: 33.66em; top: 21.45em; padding: 1.66em 1.66em 1em; }
	#i-gifts .content-left h2 { font-size: 1.45em; line-height: 1.2; margin-bottom: 1em;}
	#i-gifts .content-left li { margin-bottom: .33em; font-weight: bold; }
	#i-gifts .video-trigger, .video-title { position: absolute; display: block; top: 41.333em; right: 23.333em; }
        .video-title {left: 67em; width:21%; z-index:24}
        .video-title h3 {color:#fff; font-size:1.2em;}
    #i-gifts .video-title {left: 83em;}

	#i-gifts .hotspots { position: absolute; top: 1.75em; right: 3%; height: 84.6%; width: 42em; z-index: 20; }
	#i-gifts .hotspots li { position: relative; right: 0; }
	#i-gifts .hotspots li > h3 { background: transparent url(../img/i-gifts/1024/hotspot-commercial.png) no-repeat top center; text-align: center; cursor: pointer; z-index: 1; width: 7.5em; height: 7.5em; font-weight: normal; padding-top: 2.66em; font-size: 1em; right: 0; }
	#i-gifts .hotspots li > div { width: 93%; z-index: 20; }

	#i-gifts .bubble h3 { font-size: 1.8em; margin: .66em 0; border-bottom: 1px solid #000; padding-bottom: .66em; font-weight: normal; }
	#i-gifts .bubble h3.double-line {line-height: 22px;}
	#i-gifts .bubble h4 { color: #000; }
	#i-gifts .bubble h4 span { color: #000; font-weight: normal; }
	#i-gifts .bubble p { margin: .4em 0 1.2em; }
	#i-gifts .bubble ul { margin: .4em 0 .4em; }
	#i-gifts .bubble > ul { margin: -.4em 0 1.2em; }

	#i-gifts .bubble .one, #i-gifts .bubble .two, #i-gifts .bubble .three { position: relative; left: -2.25em; padding: .33em 0 .66em 2.25em; }
	#i-gifts .bubble .one { background: url(../img/i-gifts/1024/icon-acceptable.png) no-repeat; }
	#i-gifts .bubble .two { background: url(../img/i-gifts/1024/icon-inappropriate.png) no-repeat; }
	#i-gifts .bubble .three { background: url(../img/i-gifts/1024/icon-questionable.png) no-repeat; }
	#i-gifts p.note { font-weight: bold; color: #000; }
	#i-gifts #commercial-hotspot { top: 0; }
	#i-gifts #government-hotspot { top: 5.75em; }
	#i-gifts #government-hotspot .note { margin-top: -1em; }
	#i-gifts #workforce-hotspot { top: 11.5em; }
	#i-gifts #raffles-hotspot { top: 17.25em; }
	#i-gifts #other-hotspot { top: 23em; }

	#i-gifts #government-hotspot > h3 { padding-top: 2em; }
	#i-gifts #workforce-hotspot > h3 { padding-top: 3em; }
	#i-gifts #raffles-hotspot > h3 { padding-top: 3em; }

	#i-gifts #bubbleWrap .bubble {
		z-index: 25;
		background: #fff;
		-ms-border-radius: .6em;
		-moz-border-radius: .6em;
		-webkit-border-radius: .6em;
		-o-border-radius: .6em;
		border-radius: .6em;
		position: absolute;
		right: 4em;
		bottom: 5em;
		width: 42em;
		color: #000;
		padding: 1em 3em;
	}
	#mooncake { position: absolute; display: none; z-index: 120; top: 2%; left: 1%; border:#ccc 2px solid; }
	#iknowCodeVid { position: absolute; display: none; z-index: 120; top: 2%; left: 1%; border:#ccc 2px solid; }

/* i-ethical */
	#i-ethical .callout { top: 3em; left: 5.85em; width: 39.8em; }
	#i-ethical .content-left { left: 6.65em; width: 36.66em; top: 33%; padding: 1.66em; background: transparent; }
	#i-ethical .content-left h2 { line-height: 1.2; margin-bottom: 1em; }
	#i-ethical .tip { color: #2889c8; font-weight: normal; line-height: 1.2; font-style: italic; }
	#i-ethical .content-right { left: 53%; position: absolute; top: 10.5em; width: 41%; }
	#i-ethical .content-right h2 { font-size: 1.66em; font-weight: normal; }
	#i-ethical .content-right > p.note { border-bottom: 1px solid #000; margin: .66em 0 2em; padding-bottom: 1.33em; }
	#i-ethical .thermometer {
		cursor: pointer;
		position: absolute;
		bottom: -3.6em;
		right: 5%;
		background: #0A81C5;
		color: white;
		padding: 0.3em 1.1em 0.2em 0.9em;
		border-radius: .5em;
		font-style: italic;
		text-decoration: none;
	}
	.lt-ie9 #i-ethical .thermometer {
		bottom: -2em;
	}
	#fullTree { background: white;
		z-index: 600;
		position: absolute;
		top: 0;
		width: 97%;
		left: 1.5%;
		height: 97%;
		top: 1.5%;
		text-align: center;
	}
	#fullTree > img { margin-top: 4.5em; }
	#fullTree > #decision-tree-links, #fullTree > #decision-tree-warnings { position: absolute; z-index: 700; width: 100%; height: 98px; top: 99px; left: 0; background: #fff; }
	#fullTree > #decision-tree-links .decision-branch, #fullTree > #decision-tree-warnings .decision-tree-warning, #fullTree > #decision-tree-forward { font-size: 0.9em; line-height: 1.2em; color: #000g95; position: absolute; width: 124px; bottom: 0; }
	#fullTree > #decision-tree-links .decision-branch strong { color: #000; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-legal { height: 40px; left: 32px; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-policy { height: 75px; left: 186px; width: 130px; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-culture { height: 51px; left: 344px; width: 128px;}
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-stakeholders { height: 51px; left: 500px; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-news { height: 51px; left: 656px; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-employees { height: 51px; left: 811px; }
	#fullTree > #decision-tree-warnings { top: 415px; }
	#fullTree > #decision-tree-warnings .decision-tree-warning { position: static; bottom: auto; float: left; margin: 2px 22px 0 54px; width: 80px; }
	#fullTree > #decision-tree-forward { top: 286px; right: 24px; background: #fff; width: 116px; }
	#decision-tree { width: 38.5em; position: relative; margin: .5em 1em 0 1.66em; }
	#i-ethical .content-right em { font-size: 110%; }
	#decision-tree .q-count { float: right; margin-right: 4%; visibility: hidden; }
	#decision-tree ol { list-style: none; padding: 0; margin: 0; }
	.lt-ie9 #decision-tree ol { background: url(../img/i-ethical/1280/decision-tree-bg.png) no-repeat; padding-left: 1em; }
	#decision-tree li { cursor: pointer; position: relative; width: 31%; float: left; height: 9.75em; background-color: #00529B; border: 2px solid #000; border-radius: 2em; margin-right: 1%; margin-bottom: 1%; text-align: center; color: #fff; }
	.lt-ie9 #decision-tree li { width: 28.25%; margin-bottom: 2%; padding-left: .75em; background-color: transparent; border: 2px solid transparent; }
	#decision-tree li.active {}
	
	#decision-tree li .wrap {}
	#decision-tree #popup { z-index: 10; position: absolute; top: 0; left: -5%; width: 106%; height: 99%; background: rgba(255, 255, 255, .9); }
	.lt-ie9 #decision-tree #popup { background: url(../img/layout/bg-whitealpha.png); }
	#decision-tree #popup > div.wrap { position: relative; left: 0; top: 5em; margin: 0 auto 9em; height: 12.5em; width: 42%; background: #00529B; border: 2px solid #777;border-radius: 2em; text-align: center; color: #fff; padding: 0 4.5%; }
	#decision-tree #popup h5 { color: #fff; font-size: 1.5em; line-height: 1.1; }

	#decision-tree #popup .wrap .unsure, #decision-tree #popup .wrap .stop, #decision-tree #popup .wrap .go { cursor: pointer; position: absolute; }
	#decision-tree #popup .wrap .unsure { left: 0; top: -2.6em; width: 100%; height: 4.85em; background: url(../img/i-ethical/1024/icon-unsure.png) no-repeat center bottom; }
	#decision-tree #popup .wrap .stop { left: 0; bottom: -2.6em; width: 100%; height: 4.85em; background: url(../img/i-ethical/1024/icon-stop-no.png) no-repeat center top; }
	#decision-tree #popup .wrap .stop.yes { background-image: url(../img/i-ethical/1024/icon-stop-yes.png); }
	#decision-tree #popup .wrap .go.no { background-image: url(../img/i-ethical/1024/icon-go-no.png); }
	#decision-tree #popup .wrap .go { top: 0; right: -3.9em; height: 100%; width: 4.85em; background: url(../img/i-ethical/1024/icon-go-yes.png) no-repeat left center; }
	#decision-tree #popup > .unsure {position: absolute; bottom: 55%; left: 25%; text-align: center; padding-top: 1.5em; padding-bottom: 5em; font-size: 110%; border: 1px solid #000; margin-bottom: 2em; border-radius: 1em; width: 50%; background: #fff; z-index: -1; }
	#decision-tree #popup > .stop {position: absolute; top: 65%; left: 25%; border: 1px solid #000; text-align: center; font-size: 110%; padding-bottom: 1.5em; padding-top: 6.5em; margin-bottom: 2em; border-radius: 1em; width: 50%; background: #fff; z-index: -1; }
	#decision-tree #popup strong { color: #000; }
	#decision-tree .unsure span, #decision-tree .stop span { padding: 0 1em; }
	#decision-tree li > div { display: none; }
	#decision-tree li h5 { color: #fff; font-weight: normal; font-size: 110%; width: 100%; }

	#decision-tree .one h5 { padding-top: 3.5em; }
	#decision-tree .two h5 { padding-top: 3em; }
	#decision-tree .three h5 { padding-top: 3em; }
	#decision-tree .four h5 { padding-top: 2.5em; }
	#decision-tree .five h5 { padding-top: 2em; }
	#decision-tree .six h5 { padding-top: 2.5em; }
	#decision-tree .seven h5 { padding-top: 2.25em; }
	#decision-tree #popup > .wrap.seven { background-color: #82b141; }
	#decision-tree li.seven { display: none; }

	#decision-tree li h5:after {
		display: block;
		content: "";
		background: transparent url(../img/i-ethical/1024/tree-icon-left-sm.png) no-repeat right center;
		width: 100%;
		height: 100%;
		position: absolute;
		right: -1.5em;
		top: 0;
		z-index: 10;
	}
	#decision-tree li.four h5:before {
		background: transparent url(../img/i-ethical/1024/tree-icon-in-sm.png) no-repeat left center;
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: -1em;
		top: 0;
		z-index: 10;
	}
	#decision-tree li.three h5:after {
		background-image: url(../img/i-ethical/1024/tree-icon-out-sm.png);
		right: -1em;
	}
	#decision-tree li.six h5:after, .lt-ie9 #decision-tree li h5:after, .lt-ie9 #decision-tree li h5:before {
		display: none !important;
	}



/* 03-know-the-code */
	#i-code .callout { background: transparent; padding: 0; width: 21.33em; left: 10.75em; top: 3em; }
	#i-code .callout .wrap { border: 0; padding: 0; }
	#i-code .content-left { background: transparent; border-radius: 0; }
	#i-code .video-trigger { position: absolute; display: block; top: 26.9em; left:67em; }
    #i-code .video-trigger > img { width: auto; border-radius: .66em; }
	#i-code h2.pill { position: absolute; width: 17em; top: 11em; left: 6.25em; text-align: center; border-bottom: 0; margin-top: .5em; }
	#i-code .collapsible { width: 34.5em; left: 3.66em; bottom: -48em; position: absolute; }
	#i-code .collapsible > li.active.clone { width: 100%; padding-right: 5%; }
    #i-code .video-trigger {z-index:10;}


/* 05-respect-others */
	#i-respect .callout { background: transparent; padding: 0; width: 25em; left: 8.75em; top: 1em; }
	#i-respect .callout .wrap { border: 0; padding: 0; }
	#i-respect .content-left { background: transparent; border-radius: 0; z-index: 9; }

	#i-respect h2.pill { width: 26em; position: absolute; top: 13.66em; left: 6.6em; text-align: center; border-bottom: 0; }
	#i-respect .collapsible { width: 34.5em; left: 10em; bottom: -50em; position: absolute; }



/* 06-resources */
	#i-resources .callout { width: 38em; left: 6.33em; top: 3em; }
	#i-resources .content-left { width: 39em; padding: 4.66em 2.66em 1.66em; top: 12.66em; left: 4em; }
	#i-resources .hotspots { left: 63%; top: 68%; }
	#i-resources .hotspots > li { display: inline-block; *display: inline; *zoom: 1; position: absolute; top: 0; }
	#i-resources .hotspots .blurb { display: none; }
	#i-resources .hotspots > li > h3 { padding-top: 6em; min-width: 8.75em; }
	#i-resources .hotspots > li > h3 > span { display: inline-block; *display: inline; *zoom: 1; }
	#i-resources .hotspots small { font-size: 85%; font-weight: bold; }
	#approved-hotspot > h3 > span { line-height: 2.25; }
	#prohibited-hotspot { left: 12em; }
	#i-resources .overlay .approved-hotspot h3 { background: url(../img/i-resources/1024/hotspot-approved-h3.png) no-repeat left center; }
	#i-resources .overlay .prohibited-hotspot h3 {background: url(../img/i-resources/1024/hotspot-prohibited-h3.png) no-repeat left center; }
	#i-resources .overlay .blurb { background: #fff; border-radius: .5em; width: 44%; padding: 1% 2% 2%; position: absolute; left: 50%; }
    #i-resources h1 img {padding:0 0 3px 5px;}

/* 07 conflicts of interest */
	#i-conflicts .callout { background: #008041; width: 36%; left: 6.66%; top: 4.5%; }
	#i-conflicts .content-left { position: absolute; background: transparent; border-radius: 0; left: 9%; top: 31.5%; width: 33%; }
	#i-conflicts .content-left > img { width: 19.66em; height: auto; }
	#i-conflicts .content-right { position: absolute; width: 47%; left: 51.5%; top: 18%; }
	#i-conflicts .content-right > h3 { margin-bottom: .66em; }
	#i-conflicts .content-right > p { line-height: 1; margin-right: 10%; }
	#i-conflicts #conflicts-footnote { position: relative; top: -22px; padding-right: 16px; }
	#i-conflicts #conflicts-footnote p { margin: 6px 0; }
	#i-conflicts .pills { height: 28em; }
	#i-conflicts .pills > li { display: inline-block; margin-right: 1%; padding-right: .666em; *display: inline; *zoom: 1; }
	#i-conflicts li.four { width: 36%; }
	#i-conflicts li.five { width: 37%; }
	#i-conflicts li.clone { display: block; width: 85%; position: relative; min-height: 15em; }
	#i-conflicts li.highlight, #i-conflicts li.clone { background-color: #008041; }
	#i-conflicts li.clone { background-image: url(../img/layout/1024/pm-minus.png); }
	#i-conflicts li.clone > img { position: absolute; top: 4.33em; left: 2em; width: 14.875em; }
	#i-conflicts li.clone > p, #i-conflicts li.clone > ul { margin-left: 32%; }
	#i-conflicts li.what-if h3 { margin-bottom: 1em; }
	#i-conflicts li.what-if p { margin-bottom: 1em; }
	#i-conflicts li.what-if .footnote { margin-top: 1em; }
	
/* 09 i protect what is ours */
	#i-protect .callout { background: #008041; width: 31%; left: 8.5%; top: 4.5%; }
	#i-protect .callout .wrap { padding: 0 3em; }
	#i-protect .content-left { width: 39.25em; margin-left: 4.5em; padding: 5em 2em .3em 2em; top: 12.4em; }
	#i-protect .content-right { position: absolute; top: 10%; left: 67%; width: 29%; }
	#i-protect .clone { position: absolute; width: 46%; left: 49%; top: 4%; padding: 1% 1.5% 0; border-radius: .66em; background: #fff; }
	#i-protect .clone h3 { font-size: 1.5em; line-height: 1.1em; font-weight: normal; }
	#i-protect .clone img.expand { width: 2.5em; margin-top: .33em; cursor: pointer; }
	#i-protect .clone > div { float: left; }
	#i-protect .clone.expanded { left: 2%; width: 93%; }
	#i-protect .clone.expanded .wrap { width: 48%; margin-right: 3%; }
	#i-protect .opposite { float: left; display: none; width: 48%; }
	#i-protect .opposite .thermometer { margin-top: 2em; line-height: 2.55; padding-left: 3em; }
	#i-protect .opposite .thermometer.in { background: url(../img/i-protect/1024/icon-in.png) no-repeat; }
	#i-protect .opposite .thermometer.out { background: url(../img/i-protect/1024/icon-out.png) no-repeat; }
	#i-protect .proprietary-list { padding: .66em; background-color: #e9f1c1; border-radius: .66em; position: relative; }
	#i-protect .proprietary-list > a { display:block; position: absolute; top: -.66em; left: -1em; width: 22px; height: 22px; background:url(../img/layout/icon-expand-close.png) no-repeat 0 0; }
	#i-protect .proprietary-list span {padding-left:10px;}
	#i-protect .proprietary-list ul { float: left; width: 46%; padding-left: 3%; margin: .33em 0; display:none;}
	#i-protect .proprietary-list.open > a {background-position:0 -22px;}
	#i-protect .proprietary-list.open ul {display:block;}
	#i-protect .proprietary-list.open span {display:none;}
	#i-protect .active strong { color: #000; }
	#i-protect .overlay ul {margin-bottom:0;}
	#i-protect .overlay ul li {margin-bottom:1em;}
	#i-protect .overlay ul li .proprietary-list ul li {margin-bottom:.25em;}

/* 10-i-law */
	#i-law .callout { width: 37.33em; top: 1.33em; left: 6.66em; }
	#i-law > h2 { font-size: 1.5em; width: 22.33em; line-height: 1; position: absolute; top: 10.33em; left: 6.33em; border-bottom: 1px solid #000; }
	#i-law .laws-list .blurb { display: none; }
	#i-law .laws-list { display: none; width: 88%; list-style: none; margin: 0 auto; padding: 0; text-align: center; position: relative; top: 19em; }
	#i-law .laws-list > li { display: inline-block; zoom: 1; *display: inline; width: 17%; margin: 0 .9%; position: relative; text-align: center; height: 12.5em; vertical-align: top; }
	#i-law .laws-list > li > h3 { font-weight: normal; font-size: 1.25em; line-height: 1.25em; cursor: pointer; }
	#i-law .laws-list > li > h3:before {
		content: '';
		background-image: url(../img/i-law/1024/hotspot-sprite.png);
		background-repeat: no-repeat;
		background-position: top center;
		display: block;
		margin: 0 auto;
		z-index: 10;
	}
	#i-law .modal { width: 48%; position: absolute; left: 24%; padding: 1% 2%; background: #fff; border-radius: 1em; z-index: 10; top: 0; }
	#i-law .blurb { font-size: 1.1em; line-height: 1.25em;}
	.blurb h3 { font-size: 1.5em; font-weight: normal; padding: .7em 0 .7em 2.5em; color: #000; margin-bottom: .66em; line-height: 100%; }
	.blurb h4 { color: #000;  }
	.blurb p { margin-top: .25em; color: #000; }
    #i-law .law-notice {position:absolute; top:42.3em; left:3em;}
    #i-law .law-notice p {padding:8px; background:#0a81c5; border-radius: .66em; color:#fff;}
    
/* 11-finances */
	#i-finances .callout { top: 2%; left: 2.5%; width: 44%; }
	#i-finances h1 { padding-bottom: .4em; }
	#i-finances .content-left { width: 40%; left: 3.1%; top: 40%; padding: 2% 2% 1%; }
	#i-finances .content-right { width: 42%; left: 52%; top: 59%; padding: 1% 2%; border-radius: .66em; position: absolute; color: #000; background: #fff; background: rgba(255, 255, 255, .9); }
	#i-finances h3 + p { margin-top: .5em;}
	#i-finances .pills {margin-top:2em;}
    #i-finances .pills > li {background-color:#0a81c5; position:relative;}
	#i-finances li .pill-open { display:block; position: absolute; bottom:0; left:0; right:0; background-color: #fff; border-radius: .666em;}
	#i-finances li .pill-open h3, #i-finances li .wrap .pill-open p { display: block; color:#000;}
	#i-finances li .pill-open .wrap {margin:5px 15px 15px; padding-left:40px; background:url(../img/layout/1024/pm-minus-blue.png) no-repeat 0 3px;}
	
/* 12-our-commitment */
	#our-commitment .content-left { margin-left: 2.5%; width: 46%; background: transparent; color: #fff; border-radius: 0; }
	#our-commitment h1 { font-size: 2em; font-weight: normal; margin-top: 2em; margin-bottom: 1em; }
	#our-commitment .content-left h3 { color: #fff; }
	#our-commitment .content-left h2 { color: #fff; border-color: #fff; width: 66%; margin: 1.5em 0 .75em; }
	#our-commitment .float-right { float:right; width: 50%;}
	#our-commitment .float-left { float: left; width: 46%; margin-right: 4%;}
	#our-commitment .float-left a { color: #f3f1a2; }

	#our-commitment .collapsible { position: relative; }
	#our-commitment .pills > li { background-color: #008041; }
	#our-commitment .one { width: 72%; }
	#our-commitment .two { width: 40%; }
	#our-commitment .three { width: 67%; }
	#our-commitment .plus-minus > li.active { background-image: url(../img/our-commitment/1024/pm-minus-green.png); background-color: #fff; color: #000; width: 72%; }



/* 13-related-policies */
	#policies .content-left { width: 46%; left: 4%; background: transparent; top: 2%;}
	#policies .intro-text {margin-left: 4%;}
	#policies .content-right { width: 47%; position: absolute; right: 0; top: 20%; color: #000; }
	#policies h1 { margin-left: 4%; font-size: 2em; font-weight: normal; margin-top: 2em; margin-bottom: 1em; }
	#policies h1 { color: #2889c8; }
	#policies h3 { font-size: 1em; margin: 0; color: #000;}
	#policies p { font-weight: bold; width: 74%; color: #000; }
	#policies ul { list-style: none; margin-top: 0; }
	#policies ul ul { margin-bottom: 0; }
	#policies .content-left h4 { color: #333; }
	#policies a { color: #2889c8; }
	#policies a:hover { text-decoration: none; }
	#policies .pill { background: #DAEFFB; width: 68%; padding: 2% 2% 1%; border-radius: .66em; position: relative; left: -2%; margin-top: 2em; line-height:1.5em;}
    #policies .blue-text {color:#2889c8;}


/* 14-glossary */
	#glossary .content-left { width: 46%; left: 4%; background: transparent; }
	#glossary .content-right { width: 43%; position: absolute; right: 3%; top: 12%; color: #000; }
	#glossary h1 { margin-left: 4%; font-size: 2em; font-weight: normal; margin-top: 2em; margin-bottom: 1em; }
	#glossary h1 { color: #008041; }
	#glossary .content-left > ul, #glossary .content-right > ul { list-style: none; padding: 0; }
	#glossary .content-left h4 { color: #333; }
	#glossary .content-left ul { font-size: 0.95em; line-height: 1.25em; }
	#glossary .content-left li  { float: left; width: 70%; }
	#glossary .content-left li.first { width: 28%; }
	#glossary .content-right ul { width: 86%; }
	#glossary dt { font-weight: bold; float: left; color: #000; margin-right: .33em; }
	#glossary dd { margin: 0 0 1em; }


/* 15-resources */
	#resources .content-left { width: 46%; left: 4%; background: transparent; }
	#resources .content-right { width: 47%; position: absolute; right: 0; top: 0; color: #fff; }
	#resources h1, #resources h2 { font-size: 2em; font-weight: normal; margin-top: 2.15em; margin-bottom: 1em; }
	#resources h1 { color: #2889c8; }
	#resources h2 { color: #fff; }
	#resources .content-left ul { list-style: none; margin-top: 0; }
	#resources .content-right ul { list-style: none; padding: 0; float: left; width: 44%; margin-right: 4%;}
	#resources .content-left h4 { color: #333; }
	#resources .content-left a { text-decoration: underline; }
	#resources .content-right li { clear: both; }
	#resources .content-right a { color: #fff; text-decoration: none; }
	#resources .content-right a:hover { text-decoration: underline; }
	#resources .content-right .keyword { float: left; margin-right: 2px; }
	#resources .content-right .fill { border-bottom: 1px dotted #fff; display: inline-block; *display: inline; *zoom: 1; }
	#resources .content-right .page { float: right; margin-left: 2px; }

/* 16-back-cover */
	#cover-back .content-left { background: transparent; color: #fff; padding: 47em 53% 0 5em; font-size: 0.85em; line-height: 1.1em; }
	#cover-back .content-left a { color: #F3F1A2; }
	/*#cover-back .content-right { position: absolute; right: 3em; bottom: 1.5em; color: #ccc;}*/
	#cover-back .content-right {margin:33% 0 0 55%; width:40%; color: #ccc;}
	#cover-back .content-right a { color: #dedede; }
	#cover-back .content-right a:hover { text-decoration: none; }
	
}


@media screen and (max-width: 1299px) {
	body { font-size: 9px; }
	header { width: 780px; }
	header h2 { width: 180px; line-height: 1.9em; }
	#wrapper { width: 1000px; }
	.content { width: 952px; height: 463px; }
	#nav-prev, #nav-next { line-height: 463px; height: 463px; width: 24px; }
	#nav-prev a, #nav-next a { height: 100%; }

	#page-carousel { position: relative; height: 463px; margin-left: 24px; }
	#page-carousel .active-slide { width: 952px; }

	.icons li > span { width: 28px; height: 28px; }
	.icons li > h6 { height: 28px; }
	.green .icons li > h6 { top: 1px; }
	.icons li.what-if > h6 { width: 83px; }
	.icons li.tools > h6 { width: 130px; }
	.icons li.ask-report > h6 { width: 101px; }

	.blue .icons li.what-if > h6 { background: url(../img/layout/1024/icon-blue-bg-help.png) no-repeat; }
	.blue .icons li.tools > h6 { background: url(../img/layout/1024/icon-blue-bg-tools.png) no-repeat; }
	.blue .icons li.ask-report > h6 { background: url(../img/layout/1024/icon-blue-bg-ask.png) no-repeat; }
	.green .icons li.what-if > h6 { background: url(../img/layout/1024/icon-green-bg-help.png) no-repeat; }
	.green .icons li.tools > h6 { background: url(../img/layout/1024/icon-green-bg-tools.png) no-repeat; }
	.green .icons li.ask-report > h6 { background: url(../img/layout/1024/icon-green-bg-ask.png) no-repeat; }

/* 01-cover */
	#cover-front { background-image: url(../img/cover-front/1024/spread.jpg); }	


/* 02-contents */
	#contents-page { background-image: url(../img/contents/1024/spread.jpg); }


/* 01-ceo-message */
	#ceo-message { background-image: url(../img/ceo-message/1024/spread.jpg); }


/* 02-i-am-ethical */
	#i-ethical { background-image: url(../img/i-ethical/1024/spread.jpg); }


	#decision-tree li h5:after { background-image: url(../img/i-ethical/1024/tree-icon-left-sm.png); }
	#decision-tree li.four h5:before { background-image: url(../img/i-ethical/1024/tree-icon-in-sm.png); }
	#decision-tree li.three h5:after { background-image: url(../img/i-ethical/1024/tree-icon-out-sm.png); }
	#decision-tree #popup .wrap .unsure { background-image: url(../img/i-ethical/1024/icon-unsure.png); }
	#decision-tree #popup .wrap .stop { background-image: url(../img/i-ethical/1024/icon-stop-no.png); }
	#decision-tree #popup .wrap .stop.yes { background-image: url(../img/i-ethical/1024/icon-stop-yes.png); }
	#decision-tree #popup .wrap .go { background-image: url(../img/i-ethical/1024/icon-go-yes.png); }
	#decision-tree #popup .wrap .go.no { background-image: url(../img/i-ethical/1024/icon-go-no.png); }

	#fullTree > img { width: 94.5%;}
	#fullTree > #decision-tree-links { position: absolute; z-index: 700; width: 100%; height: 83px; top: 84px; left: 0; background: #fff; }
	#fullTree > #decision-tree-links .decision-branch { font-size: 0.9em; line-height: 1.2em; color: #000; position: absolute; width: 106px; bottom: 0; }
	#fullTree > #decision-tree-links .decision-branch strong { color: #000; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-legal { height: 37px; left: 23px; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-policy { height: 66px; left: 153px; width: 106px; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-culture { height: 47px; left: 282px; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-stakeholders { height: 47px; width: 82px; left: 423px; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-news { height: 47px; width: 82px; left: 552px; }
	#fullTree > #decision-tree-links .decision-branch#decision-tree-links-employees { height: 47px; width: 82px; left: 682px; }

	#fullTree > #decision-tree-warnings { top: 343px; }
	#fullTree > #decision-tree-warnings .decision-tree-warning { margin: 2px 19px 0 46px; width: 64px; }

	#fullTree > #decision-tree-forward { top: 238px; width: 89px; }

	.lt-ie9 #decision-tree ol { background-image: url(../img/i-ethical/1024/decision-tree-bg.png); }


/* 03-i-know-the-code */
	#i-code { background-image: url(../img/i-code/1024/spread.jpg); }


/* 04-sharing-concerns */
	#i-concerns { background-image: url(../img/i-concerns/1024/spread.jpg); }
	.pulsate { top: 9px; }
	.pulsate > div { width: 45px; height: 45px;}

	.hotspots > li > h3 { padding-top: 5.2em; }
	.hotspots > li > h3, .cssanimations .hotspots > li > h3:hover { background-image: url(../img/i-concerns/1024/hotspot-sprite-default.png); }
	.hotspots > li > h3:hover{ background-image:url(../img/i-concerns/1024/hotspot-sprite-hover.png); }
	.hotspots > li.active > h3, .cssanimations .hotspots > li.active > h3:hover { background-image: url(../img/i-concerns/1024/hotspot-sprite-active.png); }
	#phone-hotspot > h3 { background-position: center -20.65em; }
	#online-hotspot > h3 { background-position: center -13.85em; }
	.lt-ie9 #online-hotspot > h3 { background-position: center -13.6em; }
	#mail-hotspot > h3 { background-position: center -7em; }


/* 05-respect-others */
	#i-respect { background-image: url(../img/i-respect/1024/spread.jpg); }


/* 06-resources-responsibly */
	#i-resources { background-image: url(../img/i-resources/1024/spread.jpg); }
	#approved-hotspot > h3 { background-image: url(../img/i-resources/1024/hotspot-approved.png); }
	#prohibited-hotspot > h3 { background-image: url(../img/i-resources/1024/hotspot-prohibited.png); }
	#approved-hotspot > h3:hover, #approved-hotspot > h3.pulse { background-image: url(../img/i-resources/1024/hotspot-approved-hover.png); }
	#prohibited-hotspot > h3:hover, #prohibited-hotspot > h3.pulse { background-image: url(../img/i-resources/1024/hotspot-prohibited-hover.png); }

	#i-resources .pulsate > div { width: 60px; height: 60px; }

/* 07-conflicts-of-interest */
	#i-conflicts { background-image: url(../img/i-conflicts/1024/spread.jpg); }


/* 08-gifts-and-entertainment */
	#i-gifts { background: #fff url(../img/i-gifts/1024/spread.jpg); }
	#i-gifts #commercial-hotspot > h3 { background-image: url(../img/i-gifts/1024/hotspot-commercial.png); }
	#i-gifts #government-hotspot > h3 { background-image: url(../img/i-gifts/1024/hotspot-government.png); padding-top: 2em; }
	#i-gifts #workforce-hotspot > h3 { background-image: url(../img/i-gifts/1024/hotspot-workforce.png); padding-top: 3em; }
	#i-gifts #raffles-hotspot > h3 { background-image: url(../img/i-gifts/1024/hotspot-raffles.png); padding-top: 3em; }
	#i-gifts #other-hotspot > h3 { background-image: url(../img/i-gifts/1024/hotspot-other.png); }
	#mooncake { width: 560px !important; height: 316px !important; margin: 54px 192px; }
	#iknowCodeVid { width: 560px !important; height: 316px !important; margin: 54px 192px; }
    .video-title {left: 67em; padding-top:2em;}
    #i-gifts .video-title {left: 84em; padding-top:.6em; top:40.85em}        

/* 09-what-is-ours */
	#i-protect { background-image: url(../img/i-protect/1024/spread.jpg); }


/* 10-the-law */
	#i-law { background-image: url(../img/i-law/1024/spread.png); }
	#i-law .laws-list > li > h3:before {
		content: '';
		background-image: url(../img/i-law/1024/hotspot-sprite.png);
		height: 72px;
		width: 77px;
	}
	#i-law #market-competition > h3:before { background-position: 0 0; width: 77px; height: 72px; } 
	#i-law #insider-trading> h3:before { background-position: 0 -77px; width: 77px; height: 72px; } 
	#i-law #disclosures > h3:before { background-position: 0 -154px; width: 77px; height: 73px; } 
	#i-law #anti-corruption > h3:before { background-position: 0 -232px; width: 77px; height: 73px; } 
	#i-law #individual-contributions > h3:before { background-position: 0 -310px; width: 77px; height: 72px; } 
	#i-law #copyrights > h3:before { background-position: 0 -387px; width: 77px; height: 72px; } 
	#i-law #personal-data > h3:before { background-position: 0 -464px; width: 77px; height: 73px; } 
	#i-law #export-regs > h3:before { background-position: 0 -542px; width: 77px; height: 72px; } 
	#i-law #legal-rights > h3:before { background-position: 0 -619px; width: 77px; height: 72px; } 

	#i-law .blurb h3 { background: url(../img/i-law/1024/modal-sprite.png) no-repeat top center; }
	#i-law .blurb.market-competition h3 { background-position: 0 0; }
	#i-law .blurb.insider-trading h3 { background-position: 0 -41px; }
	#i-law .blurb.disclosures h3 { background-position: 0 -82px; }
	#i-law .blurb.anti-corruption h3 { background-position: 0 -123px; }
	#i-law .blurb.individual-contributions h3 { background-position: 0 -164px; }
	#i-law .blurb.copyrights h3 { background-position: 0 -205px; }
	#i-law .blurb.personal-data h3 { background-position: 0 -246px; }
	#i-law .blurb.export-regs h3 { background-position: 0 -287px; }
	#i-law .blurb.legal-rights h3 { background-position: 0 -328px; }

/* i-finances */
	#i-finances { background-image: url(../img/i-finances/1024/spread.jpg); }


/* our-commitment */
	#our-commitment { background-image: url(../img/our-commitment/1024/spread.jpg); }


/* policies */
	#policies { background-image: url(../img/policies/1024/spread.png); }


/* glossary */
	#glossary { background-image: url(../img/glossary/1024/spread.jpg); }


/* 15-resources */
	#resources { background-image: url(../img/resources/1024/spread.png); }


/* 16-back-cover */
	#cover-back { background-image: url(../img/cover-back/1024/spread.jpg); }

}


@media screen and (min-width: 1300px) {
	body { font-size: 11px; }
	header { width: 936px; margin-left: 32px; margin-right: 32px; }
	header h2 { width: 213px; }
	#wrapper { width: 1216px; }
	.content { width: 1152px; height: 560px; }
	#nav-prev, #nav-next { line-height: 560px; height: 560px; width: 32px; }
	#nav-prev a, #nav-next a { height: 100%; }

	#page-carousel { position: relative; height: 560px; margin-left: 32px; }
	#page-carousel .active-slide { width: 1152px; }

	.callout h1 { background: url(../img/layout/i-statement.png) no-repeat 0 .25em; }
	.callout h1 i { visibility: hidden; }

	.blue .icons .what-if > span, .blue .icons .what-if h3 { background: url(../img/layout/1280/icon-blue-help.png) no-repeat; color: #000; }
	.blue .icons .tools > span, .blue .icons .tools h3 { background: url(../img/layout/1280/icon-blue-tools.png) no-repeat; }
	.blue .icons .ask-report > span, .blue .icons .ask-report h3 { background: url(../img/layout/1280/icon-blue-ask.png) no-repeat; }

	.green .icons .what-if > span, .green .icons .what-if h3 { background-image: url(../img/layout/1280/icon-green-help.png); }
	.green .icons .tools > span, .green .icons .tools h3 { background-image: url(../img/layout/1280/icon-green-tools.png); }
	.green .icons .ask-report > span, .green .icons .ask-report h3 { background-image: url(../img/layout/1280/icon-green-ask.png); }
	.green .icons .resources > span, .green .icons .resources h3 { background-image: url(../img/layout/1280/icon-green-paper.png); }

	.plus-minus > li { padding-left: 4.66em; cursor: pointer; background-image: url(../img/layout/1280/pm-plus.png); background-repeat: no-repeat; background-position: 1.33em .66em; }
	.plus-minus > li.active { background-image: url(../img/layout/1280/pm-minus-green.png); }
	
/* 01-cover */
	#cover-front { background-image: url(../img/cover-front/1280/spread.jpg); }
	#cover-front .icon-help { background-image: url(../img/layout/1280/icon-green-help.png); }
	#cover-front .icon-tools { background-image: url(../img/layout/1280/icon-green-tools.png); }
	#cover-front .icon-resources { background-image: url(../img/layout/1280/icon-green-paper.png); }
	#cover-front .icon-ask { background-image: url(../img/layout/1280/icon-green-ask.png); }
	#cover-front .turn { background-image: url(../img/cover-front/1280/icon-turn.png); }
	#cover-front .tools { background-image: url(../img/cover-front/1280/icon-tools.png); }
	#cover-front .video { background-image: url(../img/cover-front/1280/icon-video.png); }
	#cover-front .jump { background-image: url(../img/cover-front/1280/icon-jump.png); }


/* 02-contents */
	#contents-page { background-image: url(../img/contents/1280/spread.jpg); }


/* ceo-message */
	#ceo-message { background-image: url(../img/ceo-message/1280/spread.jpg); }


/* i-ethical */
	#i-ethical { background-image: url(../img/i-ethical/1280/spread.jpg); }

	#decision-tree li h5:after { background-image: url(../img/i-ethical/1280/tree-icon-left-sm.png); }
	#decision-tree li.four h5:before { background-image: url(../img/i-ethical/1280/tree-icon-in-sm.png); }
	#decision-tree li.three h5:after { background-image: url(../img/i-ethical/1280/tree-icon-out-sm.png); }
	#decision-tree #popup .wrap .unsure { background-image: url(../img/i-ethical/1280/icon-unsure.png); }
	#decision-tree #popup .wrap .stop { background-image: url(../img/i-ethical/1280/icon-stop-no.png); }
	#decision-tree #popup .wrap .stop.yes { background-image: url(../img/i-ethical/1280/icon-stop-yes.png); }
	#decision-tree #popup .wrap .go { background-image: url(../img/i-ethical/1280/icon-go-yes.png); }
	#decision-tree #popup .wrap .go.no { background-image: url(../img/i-ethical/1280/icon-go-no.png); }


/* 03-i-know-the-code */
	#i-code { background-image: url(../img/i-code/1280/spread.jpg); }


/* 04-sharing-concerns */
	#i-concerns { background-image: url(../img/i-concerns/1280/spread.jpg); }

	.hotspots > li > h3 { padding-top: 60px; }
	.hotspots > li > h3, .cssanimations .hotspots > li > h3:hover { background-image: url(../img/i-concerns/1280/hotspot-sprite-default.png); }
	.hotspots > li > h3:hover { background-image: url(../img/i-concerns/1280/hotspot-sprite-hover.png); }
	.hotspots > li > h3.pulse { background-image: url(../img/i-concerns/1280/hotspot-sprite-hover.png); }
	.hotspots > li.active > h3, .cssanimations .hotspots > li.active > h3:hover { background-image: url(../img/i-concerns/1280/hotspot-sprite-active.png); }


/* 05-respect-others */
	#i-respect { background: url(../img/i-respect/1280/spread.jpg) no-repeat; }
	

/* 06-resources-responsibly */
	#i-resources { background-image: url(../img/i-resources/1280/spread.jpg); }

	#approved-hotspot > h3 { background-image: url(../img/i-resources/1280/hotspot-approved.png); }
	#prohibited-hotspot > h3 { background-image: url(../img/i-resources/1280/hotspot-prohibited.png); }
	#approved-hotspot > h3:hover, #approved-hotspot > h3.pulse { background-image: url(../img/i-resources/1280/hotspot-approved-hover.png); }
	#prohibited-hotspot > h3:hover, #prohibited-hotspot > h3.pulse { background-image: url(../img/i-resources/1280/hotspot-prohibited-hover.png); }
	

	#i-resources .overlay .approved-hotspot h3 { background: url(../img/i-resources/1280/hotspot-approved-h3.png) no-repeat left center; }
	#i-resources .overlay .prohibited-hotspot h3 {background: url(../img/i-resources/1280/hotspot-prohibited-h3.png) no-repeat left center; }

	#i-resources .pulsate > div { width: 72px; height: 72px; }

/* 07-conflicts-of-interest */
	#i-conflicts { background-image: url(../img/i-conflicts/1280/spread.jpg); }
	#i-conflicts li.clone { background-image: url(../img/layout/1280/pm-minus.png); }


/* 08-gifts-and-entertainment */
	#i-gifts { background-image: url(../img/i-gifts/1280/spread.jpg); }
	#i-gifts .hotspots li > h3 { background-image: url(../img/i-gifts/1280/hotspot-commercial.png); }
	#i-gifts #government-hotspot > h3 { background-image: url(../img/i-gifts/1280/hotspot-government.png); }
	#i-gifts #workforce-hotspot > h3 { background-image: url(../img/i-gifts/1280/hotspot-workforce.png); }
	#i-gifts #raffles-hotspot > h3 { background-image: url(../img/i-gifts/1280/hotspot-raffles.png); }
	#i-gifts #other-hotspot > h3 { background-image: url(../img/i-gifts/1280/hotspot-other.png); }
	#i-gifts .bubble .one { background: url(../img/i-gifts/1280/icon-acceptable.png) no-repeat; }
	#i-gifts .bubble .two { background: url(../img/i-gifts/1280/icon-inappropriate.png) no-repeat; }
	#i-gifts .bubble .three { background: url(../img/i-gifts/1280/icon-questionable.png) no-repeat; }
    
	#mooncake { width: 540px !important; height: 337px !important; padding: 40px 100px; margin: 57px 197px; }
	#iknowCodeVid { width: 540px !important; height: 337px !important; padding: 40px 100px; margin: 57px 197px; }


/* 09-what-is-ours */
	#i-protect { background-image: url(../img/i-protect/1280/spread.jpg); }
	#i-protect .opposite .thermometer.in { background: url(../img/i-protect/1280/icon-in.png) no-repeat; }
	#i-protect .opposite .thermometer.out { background: url(../img/i-protect/1280/icon-out.png) no-repeat; }

/* 10-the-law */
	#i-law { background-image: url(../img/i-law/1280/spread.png); }
	#i-law .laws-list > li > h3:before {
		background-image: url(../img/i-law/1280/hotspot-sprite.png);
		height: 87px;
		width: 92px;
	}
	#i-law #market-competition > h3:before { background-position: 0 0; width: 93px; height: 87px; } 
	#i-law #insider-trading> h3:before { background-position: 0 -92px; width: 92px; height: 87px; } 
	#i-law #disclosures > h3:before { background-position: 0 -184px; width: 92px; height: 87px; } 
	#i-law #anti-corruption > h3:before { background-position: 0 -276px; width: 92px; height: 87px; } 
	#i-law #individual-contributions > h3:before { background-position: 0 -368px; width: 93px; height: 87px; } 
	#i-law #copyrights > h3:before { background-position: 0 -460px; width: 92px; height: 88px; } 
	#i-law #personal-data > h3:before { background-position: 0 -553px; width: 92px; height: 87px; } 
	#i-law #export-regs > h3:before { background-position: 0 -645px; width: 93px; height: 88px; } 
	#i-law #legal-rights > h3:before { background-position: 0 -738px; width: 93px; height: 87px; } 

	#i-law .blurb h3 { background: url(../img/i-law/1280/modal-sprite.png) no-repeat top center; }
	#i-law .blurb.market-competition h3 { background-position: 0 0; }
	#i-law .blurb.insider-trading h3 { background-position: 0 -57px; }
	#i-law .blurb.disclosures h3 { background-position: 0 -114px; }
	#i-law .blurb.anti-corruption h3 { background-position: 0 -171px; }
	#i-law .blurb.individual-contributions h3 { background-position: 0 -228px; }
	#i-law .blurb.copyrights h3 { background-position: 0 -284px; }
	#i-law .blurb.personal-data h3 { background-position: 0 -342px; }
	#i-law .blurb.export-regs h3 { background-position: 0 -399px; }
	#i-law .blurb.legal-rights h3 { background-position: 0 -456px; }


/* i-finances */
	#i-finances { background-image: url(../img/i-finances/1280/spread.jpg); }


/* our-commitment */
	#our-commitment { background-image: url(../img/our-commitment/1280/spread.jpg); }
	#our-commitment .plus-minus > li.active { background-image: url(../img/our-commitment/1280/pm-minus-green.png); }

/* policies */
	#policies { background-image: url(../img/policies/1280/spread.png); }


/* glossary */
	#glossary { background-image: url(../img/glossary/1280/spread.jpg); }


/* 15-resources */
	#resources { background-image: url(../img/resources/1280/spread.png); }


/* 16-back-cover */
	#cover-back { background-image: url(../img/cover-back/1280/spread.jpg); }
}

/* Overrides */

.no-bold {font-weight:normal !important;}

@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(.8, .8); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(1.1, 1.1); opacity: 0.0;}
}​
@-o-keyframes pulsate {
	0% {-o-transform: scale(.8, .8); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-o-transform: scale(1.1, 1.1); opacity: 0.0;}
}​
@keyframes pulsate {
	0% {-moz-transform: scale(.8, .8); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-moz-transform: scale(1.1, 1.1); opacity: 0.0;}
}​