/*
@description a catalogue of formatting tweaks to the main styles in html/structure
@author	DC
@created 2006-12-05
*/

/* ---- boxed-up content ---- */
.insetbox{
	font-family:Arial,Verdana,sans-serif;
	background-color:white;
	padding:10px;
	margin:0 0 10px 10px;
	float:right;
	border:1px solid #EAEBEB;
	width:100px;
}
.insetbox h2{
	text-transform:none;
	font-size:1em;
	margin:0px !important;
	padding:0px !important;
	border:0px !important;
	color:#CB521D;
}


/* styling of placement-related reusable elements */
#headerband #leftcol img {
	padding: 2px;
	border: 1px solid #D4D8D7;
	background-color:white;
}
	#headerband .teaserList h3, #headerband .teaserList h2{
		font-size:0.95em;
		font-weight:normal;
		text-transform:none;
		letter-spacing:0;
		line-height:1.3em;
		border:none;
	}
    #headerband .scroller1 {
        width: 290px;
        overflow: hidden;
        position: relative;
    }
#primary-content{
	font-family:Georgia,"Times New Roman",courier, serif;
	line-height:1.6em;
}
	#primary-content h1 {
		margin: 0 15px 15px 15px;
	}
	#primary-content addthis_toolbox {
		margin-right:12px;
			float:right;
	}
	/* resources header - er */
	body.resources #primary-content h1 {
		margin-bottom:5px;
	}
	
	#primary-content h2.large,
	.document #maincol #primary-content h2 {
		border:0;
		padding-top:10px;
		text-transform:none;
		font-size:1.25em;
	}

	.intranet .document #maincol #primary-content h2 {
		font-family:Arial,Verdana,sans-serif;
	color:#1F3E4E;
	line-height:1.2em;
	font-size:0.95em;
	text-transform:uppercase;
	margin:0 0 8px 0;
	padding:0 0 6px 0;
	border:1px solid #ECEEEE;
	border-width:0 0 1px 0;
	position:relative;
	}
	
	.document #maincol #primary-content h2.highlightheader {
		text-transform:none;
		border-width: 1px 1px 0 1px;
		border-color: #EAEBEB;
		border-style: solid;
		text-transform: uppercase;
		margin-top: 20px;
		font-size:0.95em;
	}
	#primary-content h3.large,
	.document #maincol #primary-content h3 {
		/* used contexturally in the documents to provide a third level heading*/
		border:0;
		padding-top:15px;
		text-transform:none;
		font-size:1em;
		font-family: arial, sans-serif;
		font-weight: normal;
	}
	.document #maincol #primary-content .highlightbox h3{
		font-weight:bold;
	}
	#primary-content h2.subheading{
		text-transform:none;
		font-size:1.2em;
		margin:0 0 10px 0;
		padding:0;
		border:0;
	}
	#primary-content p a:link,#primary-content p a:visited,#primary-content p a:hover,#primary-content p a:active {
		font-family:Georgia,Times New Roman,courier, serif;
	}

#primary-content img, #tertiary-content img { /* use nopadding/noborder if you don't want this */
	padding: 2px;
	border: 1px solid #EFEEEA;
	background-color:white;
}

#primary-content ul, #secondary-content ul, #tertiary-content ul{
	margin-bottom:10px;
}

#secondary-content ul, #tertiary-content ul, #pageSitemap ul{
	margin-bottom:20px;
}
#primary-content li, #secondary-content li, #tertiary-content li, #headerband li, #pageSitemap li{
	background:url(bullet.gif) 0 0.5em no-repeat;
	padding-left:9px;
	margin-bottom:3px;
}
#primary-content li img{
	vertical-align:bottom;
	border:none;
}
.document #primary-content li {
	background:url(squarebullet.gif) 0 0.5em no-repeat;
	padding-left:9px;
	margin-bottom:3px;
}
#secondary-content {
    line-height: 1.5;
}
#secondary-content h2, #secondary-content h3, #headerband h2{
	color:#696A65;
	position:relative !important;
}
#secondary-content h2, #headerband h2{
	font-size:1em;
}
#tertiary-content h2, #tertiary-content h3{
	margin-top:0px !important;
	font-size:1em;
}
#tertiary-content .tertiarySeperator {
	border-bottom: 1px solid #eaebeb;
	margin-bottom: 30px;
}
	#tertiary-content .teaserImage {
		border: 1px solid #999;
		margin-bottom: 10px;
		padding:0;
	}
#pageSitemap h3{
	border:0;
	margin: 15px 0 3px 0;
	padding: 0;
}
#pageSitemap h2{
	margin-bottom: 0;
}

/* ---- document types----*/
.docicon{
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	color:#858585;
}
.pdf{
        background-image:url(../display_images/icons/pdf.gif);
}

.excel{ 
	background-image:url(../display_images/icons/excel.gif);
}
.excelx{ 
	background-image:url(../display_images/icons/excelx.png);
}
.powerpoint{ 
	background-image:url(../display_images/icons/powerpoint.gif);
}
.powerpointx{ 
	background-image:url(../display_images/icons/powerpointx.png);
}
.word{ 
	background-image:url(../display_images/icons/word.gif);
}
.wordx{
	background-image:url(../display_images/icons/wordx.png);
 } 

.doctype_report{
        background-image:url(../display_images/icons/doctype_text.gif) !important;
}
.doctype_video{
        background-image:url(../display_images/icons/doctype_video.gif) !important;
}
.doctype_audio{
        background-image:url(../display_images/icons/doctype_audio.gif) !important;
}
.doctype_map{
        background-image:url(doctype_map.gif) !important;
}
.doctype_webpage{
        background-image:url(../display_images/icons/doctype_webpage.gif) !important;
}
.doctype_photo{
        background-image:url(../display_images/icons/doctype_photo.gif) !important;
}
.video_preview{
        background-image:url(../display_images/icons/previewfilm.gif) !important;
        background-position:0px 2px;
}
.archive{
        background-image:url(../display_images/icons/archive.gif) !important;
        background-position:0px 2px;
        color:red !important;
}

.buy_publication{
        background-image:url(../display_images/buttons/en-us/orderItem.jpg) !important;
        position:absolute;
        right:0px;
        width: 100px;
        height: 19px;
		padding: 0px;
}

#wrapper.french .buy_publication {
        background-image:url(../display_images/buttons/fr-ch/orderItem.jpg) !important;
        position:absolute;
        right:0px;
        width: 100px;
        height: 19px;
		padding: 0px;
}

#wrapper.arabic .buy_publication {
        background-image:url(../display_images/buttons/ar-sa/orderItem.jpg) !important;
        position:absolute;
        display: inline;
        left: 0px;
        right: auto;
        width: 100px;
        height: 19px;
		padding: 0px;
}

#wrapper.spanish .buy_publication {
        background-image:url(../display_images/buttons/es-es/orderItem.jpg) !important;
        position:absolute;
        right: 0px;
        width: 100px;
        height: 19px;
		padding: 0px;
}

#wrapper.portuguese .buy_publication {
        background-image:url(../display_images/buttons/pt-pt/orderItem.jpg) !important;
        position:absolute;
        right: 0px;
        width: 100px;
        height: 19px;
		padding: 0px;
}

.order_item {
      display: inline !important;
}

.addtocart{
	background:url(../display_images/buttons/add_to_cart.jpg) 0 0 no-repeat;
	width:101px;
	height:19px;
	text-indent:-5000px;
	display:block;
}
/* ---- Teasers to prominant content or page utilities ----*/
#primary-content .functionTeaserContainer {
	width: 546px;
	overflow: hidden;
	margin: 0 15px 3px 15px;
}
	
	#tertiary-content .functionTeaserContainer, #secondary-content .functionTeaserContainer{
		margin-bottom:30px;
	}
.functionTeaser {
	margin:0 0 20px 0;
	padding:0;
	background: #FFF url(../display_images/backgrounds/button.gif) bottom left repeat-x;
	border: 1px solid #D7E3E3;
	font-size: 0.9em;
	font-weight: bold !important;
	
}
	p.functionProminant {
		font-size: 1.1em;
	}
	.functionTeaser .large{
		font-size:0.95em !important;
		letter-spacing:0 !important;
	}
	
	#primary-content .functionTeaserContainer .functionTeaser{
		float: right;
		margin-left: 10px;
	}
	#tertiary-content .functionTeaserContainer .functionTeaser,
	#secondary-content .functionTeaserContainer .functionTeaser {
		margin:0 0 10px 0;
	}
	.functionTeaser a:link, .functionTeaser a:visited, .functionTeaser a:hover, .functionTeaser a:active{
		display: block;
		padding: 0.2em 0.3em 0.2em 1.9em;
		background-position:0.2em 0.2em;
		background-repeat:no-repeat;
		color: #475556;
		line-height:1.3em;
		font-family:Arial,Verdana,sans-serif !important;
		text-transform: uppercase;
	}
	#primary-content .functionTeaserRight {
		float:right;
		margin:3px 0 7px 20px;
		width: 150px;
	}
		.functionTeaser a.email{
			background-image: url(../display_images/icons/pinkAt.gif);
		}
		.functionTeaser a.seeAlso{
			background-image: url(../display_images/icons/orangeRightArrow.gif);
		}
			.functionTeaser a.seeAlso span {
				text-transform: none;
			}

		.functionTeaser a.feed{
			background-image: url(../display_images/icons/orangeFeed.gif) !important;
		}
		.functionTeaser a.cart{
			background-image: url(../display_images/icons/cart.gif) !important;
		}
		.functionTeaser a.resources{
			background-image: url(../display_images/icons/greenarrow.gif);
		}
		.functionTeaser a.media{
			background-image: url(../display_images/icons/mediaarrow.gif);
		}
		.functionTeaser a.morenews{
			background-image: url(../display_images/icons/morenewsarrow.gif);
		}
		.functionTeaser a.mediaroom{
			background-image: url(../display_images/icons/mediaroomarrow.gif);
		}
		.functionTeaser a.bookmark{
			background-image: url(../display_images/icons/bookmark.gif);
		}
		.functionTeaser a.slideshow{
			background-image: url(../display_images/icons/slideshow_play.gif);
		}
		.functionTeaser a.donate{
			background-image: url(../display_images/backgrounds/donate.gif);
			background-position: right top !important;
			padding: 0.2em 4.2em 0.2em 0.4em !important;
			line-height:1em !important;
		}
		.functionTeaser a.hotline{
			background-image: url(../display_images/backgrounds/hotline.gif);
			background-position: right top !important;
			padding: 0.4em 4.8em 0.4em 0.4em !important;
			line-height:1.2em !important;
		}
		.functionTeaser a.important{
			background-image: url(../display_images/backgrounds/important.gif);
			background-position: right top !important;
			padding: 0.6em 4.5em 0.4em 0.4em !important;
			line-height:1.2em !important;
			font-size: 0.9em;
		}
		.functionTeaser a.safety{
			background-image: url(../display_images/backgrounds/safety_security.gif);
			background-position: right top !important;
			padding: 0.2em 3em 0.2em 0.4em !important;
			line-height:1.2em !important;
		}


/* ----Scroll container for teaser list ---- */
.scroller{
	overflow:hidden;
	position:relative;
}
	.scroller .teaserList{
		position:relative !important;
		width:10000px;
	}
		.scroller .teaserList li{
	       	position:relative;
			float:left;
			width:290px;
			margin-right:50px !important;
		}
	#primary-content .scroller1{
		width:340px;
	}
	#headerband .scroller2{
		width:570px;
		margin:15px 15px 0 15px ;
	}
		#headerband .scroller2 li{
			width:235px;
		}
	#headerband .scroller1 li {
        width: 240px;
    }
	#primary-content .scroller2{
		width:545px;
		margin:0;
	}
		#primary-content .scroller2 .teaserList li{
			width:223px;
		}
	.scrollernav{
		position:absolute;
		top:0;
		right:0;
		z-index:3;
	}
		.scrollernav a {
			padding:0 !important;
			border:0 !important;
			margin:0;
			width:18px;
			height:19px;
			overflow: hidden;
			display:block;
			float:left;
			cursor:pointer;
			text-indent:-5000px;
		}
			.scrollernav a.previous, .scrollernav a.lightboxprevious{
				margin-right:5px;
				background:url(../display_images/buttons/arrowswoosh_left_active.gif) 0 0 no-repeat;
			}
			.scrollernav a.next, .scrollernav a.lightboxnext{
				margin:0!important;
				background:url(../display_images/buttons/arrowswoosh_right_active.gif) 0 0 no-repeat;
			}
			.scrollernav a:active,
			.scrollernav a:hover{
				background-position:0 -19px !important;
			}
			.scrollernav a.disabled{
				background-position:0 -38px !important;
				cursor:auto !important;
			}



/* ---- Generic teaser list ---- */
.teaserList {
	list-style-type: none;
	margin:0;
	padding:0;
	width:99%;
	overflow: hidden;
}
	.teaserList li {
		background-image: none !important;
		padding: 0 !important;
		margin: 0 0 15px 0 !important;
		overflow: hidden;
		width:100%;
	}
				
		#primary-content .teaserList li ul {
			margin-bottom:0;
			padding-bottom:0;
		}
			#primary-content .teaserList li ul li {
				background:url(bullet.gif) 0 0.3em no-repeat !important;
				padding-left:9px !important;
				margin-bottom:0px !important;
			}
		#primary-content .teaserList.horizontal li{
			float:left;
			width:255px;
			margin-right:10px !important;
		}
			#primary-content .horizontal li.odd {
				clear: left;
				width:250px;
				margin-right: 25px !important;
			}
		#primary-content .teaserList.fourcol li{
			float:left;
			width:125px;
			margin-right:10px !important;
		}
		.teaserList li img {
			float: left;
			margin-right: 10px
		}
			#primary-content .teaserList.fourcol li img{
				margin-bottom:7px;
			}
		.teaserList li h3 {
			text-transform: none;
			margin: 0;
			padding: 0;
			border: none;
			font-size: 1.2em;
		}
			.teaserList li h3 .metaheading,
			.metaheading {
				color:#858585;
				text-transform:uppercase;
				font-weight:bold;
				display:block;
				font-size:0.95em;
			}

			p.metaheading {
				font-family: Arial, sans-serif;
				margin: 0;
			}
			.scroller1 .teaserList li h3, .scroller2 .teaserList li h3, .teaserList.horizontal li h3, .teaserList li h3.small{
				font-size:0.95em;
				font-weight:normal;
			}

			.teaserList.large li h3 {
				font-size:1.2em; /* .large only needs to be used to override the font sizing applied to horizontal */
				font-weight:bold;
			}
		.teaserList li p {
			color: #858585;
		}
			.teaserList li p.small{
				float:left;
				position:relative;
				margin-top:5px;
				font-family:Arial,Verdana,sans-serif !important;
			}
				.teaserList.horizontal li p.small{
					width:145px;
				}
				.fullwidthsmall li {
					width: auto;

				}
				.fullwidthsmall li p.small{
					width:430px;
				}


/* ---- main teaser with large image, header link, paragraph and a scrolling block of mini teasers, see the coperation design for an example ----*/
.mainTeaserWithScrolling,
.mainTeaser {
	width: 547px;
	overflow: hidden;
}
	#headerband .mainTeaserWithScrolling {
		width: 100%;
		overflow: hidden;
}
	.mainTeaserWithScrolling h1,
	.mainTeaser h1,
	.home #headerband .mainTeaserWithScrolling h2,
	.home #headerband .mainTeaser h2 {
		margin:1em 0 0.5em 0;
		padding:0;
		font-size: 1.3em;
		letter-spacing:0;
	}
	.mainTeaserWithScrolling h2,
    .mainTeaser h2 {
        margin: 0 0 0.4em 0;
        padding: 0;
        text-transform: uppercase;
        border: 0;
        color: inherit;
        /*font-size: 1em;*/
        line-height: 1.2;
    }
	.mainTeaserWithScrolling p {
		padding-bottom: 0.7em;
		border-bottom: 1px solid #eaebeb;
		font-family:Georgia,"Times New Roman",courier, serif;
		overflow:hidden;
	}
		#headerband .mainTeaserWithScrolling p{
			border:0;
			padding-bottom:0;
		}
	.mainTeaserWithScrolling img,
	.mainTeaser img {
		float:left;
		display:block;
		margin-right:10px;
	}
	.mainTeaserWithScrolling .innerFloatContainer,
	.mainTeaser .innerFloatContainer{
		float:right;
		width:340px;
	}
		#headerband .mainTeaserWithScrolling .innerFloatContainer {
			margin:0;
			width:290px;
		    overflow: hidden;
		}
    	.home #headerband .mainTeaserWithScrolling {
    	    width: 590px;
    	}
    	.home #headerband .mainTeaserWithScrolling .innerFloatContainer {
		    /* override for homepage */
		    margin-top: 25px;
		    padding-top: 0px !important;
		    float: right;
		    width: 290px;
		    overflow: hidden;
		}


/* link inside the text that would otherwise be serifed */
#primary-content a.readMoreLink:link,#primary-content a.readMoreLink:visited,#primary-content a.readMoreLink:hover,#primary-content a.readMoreLink:active {
	text-decoration: none;
	color:#5F92A5;
	font-family:Arial,Verdana,sans-serif; /* will be overridden in the body text */
}

/* MORELINK: only to be used for links within headers */
	/* div/span containing groups of links in titles floated right */
	#primary-content .moreLink ,#promobox h2 a,#promobox p a{
		padding:0 0 0 10px;
		right:0;top:0;
		position:absolute;
	}
	
	#promobox h2 {
		height:14px;
	}
	#secondary-content .moreLink{
		padding:0 0 0 10px;
		float: right;
		right:0;
		top:0;
		position:absolute;
	}
	#secondary-content ul {
	    overflow: hidden;
	}
	/* arrow link in titles floated right */
	#primary-content a.moreLink, #secondary-content a.moreLink,#promobox h2 a {
		text-decoration: none;
		text-transform:none;
		color:#5F92A5;
		font-weight:normal;
		background-image: url(arrowBullet.gif);
		background-position: 0 0.3em;
		background-repeat: no-repeat;
	}

	* html #primary-content a.moreLink, * html #secondary-content a.moreLink{
		padding-right:15px !important;
	}

/* MORELINK with HIGHLIGHTBOX applied in main content */
	h2.selectedTopics {
		padding-top: 5px;
	}

	h2 a.highlightbox{
		background:#fff url(arrowBullet.gif) no-repeat 0.5em center !important;
		border-width:1px;
		padding:5px 5px 5px 15px !important;
		clear: both;
	}

a.plusicon{
	background:url(../display_images/icons/icon_plus_blue.gif) 0 2px no-repeat;
	padding-left:12px;
	text-transform:none;
	font-weight:normal;
	margin-right:5px;
}

.insetimage{
	width:195px;
	font-family:Arial,Verdana,sans-serif;
	font-size:0.95em;
	float:right;
	margin:0 0 15px 15px;
}

.insetimageLeft{
    width:195px;
    font-family:Arial,Verdana,sans-serif;
    font-size:0.95em;
    float:left;
    margin:0 15px 15px 0;
}
.smallinsetimage{
	width:95px !important;
	font-family:Arial,Verdana,sans-serif;
	font-size:0.95em;
	float:right;
	margin:0 0 15px 15px;
}
.insetimage img, .smallinsetimage img{
	margin:0 !important;
}

.insetvideo{
	width:260px;
	float:right;
	margin:0 0 15px 15px;
	overflow:hidden;
}
	.insetvideo img{
		float:left !important;
		position:relative;
		margin-right:10px;
	}
	.insetvideo div{
		float:left;
		overflow:hidden;
		width:150px;
	}
		.insetvideo a.arrowlink{
			display:block;
		}

/* --- moreInfoLink link, like moreinfo link, but for right col teaser lists --- */
	.moreInfoLink{
		text-align:right;
		background-image:none !important;
	}
		.moreInfoLink a{
			background-image: url(arrowBullet.gif);
			background-position: 0 0.4em;
			background-repeat: no-repeat;
			padding-left:9px;
		}
		
/* ---- Itroduction content block with normal looking title, if has image, image floated right ---- */
#primary-content .intro h2{
	border: none;
	text-transform: none;
	margin: 0;
	font-size: 1.2em;
}
#primary-content .intro img,
#primary-content .intro div.smallFloatRight {
	float: right;
	margin-left: 20px;
}
#primary-content .intro div.smallFloatRight {
	width: 195px;
}
#primary-content .intro div.smallFloatRight img {
	float: none;
	margin-left: 0;
}

/* optional class to get an image to float left and text to wrap around it */
#primary-content .intro img.imageLeft{
	float:left;
	margin:0 20px 20px 0;
}

/* ---- Highlight box ---- */
h2.highlightheader{
	border:1px solid #EAEBEB;
	border-width:1px;
	background-color:white;
	padding:8px 15px !important;
	margin: 0;
}
.highlightbox{
	font-family:Arial,Verdana,sans-serif;
	padding:5px 7px 5px 15px;
	border:1px solid #EAEBEB;
	border-width:1px 1px 1px 1px;
	background-color:#E0EBDD;
	margin-bottom:20px;
	color: #656567;
	overflow:hidden;
}
	/* for the highlight box floated left in the column */
	.document .highlightboxleft {
		float: left;
		width: 266px;
		padding-left: 0;
		padding-right: 0;
		margin: 0 20px 15px 0;
	}
		.document .highlightboxleft h3,
		.document .highlightboxleft h2,
		.document .highlightboxleft p,
		.document .highlightboxleft ul{
			margin-left: 15px;
			margin-right: 15px;
		}
		.document .highlightboxleft div {
			margin-left: 15px;
			margin-right: 15px;
			padding: 0;
			float: none;
			width: auto;
		}
		.document .highlightboxleft .smallinsetimage{
			float:left;
			display:inline;
		}
	#secondary-content .highlightbox, #tertiary-content .highlightbox{
		background:white;
		border-width:1px 1px 1px 1px;
		padding:10px;
		clear: both;
	}
		#secondary-content .highlightbox a{
			font-size:1.1em;
		}
	.highlightbox a{
		font-family:Arial,Verdana,sans-serif !important;
	}
	.highlightbox ul {
		margin-bottom: 0 !important;
		padding-bottom: 0;
	}
		#primary-content .highlightbox ul li{
			background-image:url(squarebullet.gif);
			padding-left:13px;
		}
	#primary-content .highlightbox h3{
		text-transform:none;
		border:0;
	}


/* compacted - no border or margin on h2 and p */
.compacted h2 {
	border: none;
	padding: 0
}
.compacted p {
	margin: 0;
	padding: 0;
}

/* ---- Contractable list for links ----*/
li.contractList {
	padding-left:0 !important;
	margin-bottom:0 !important;
	clear: both;
	position: relative;
	background-image: none !important;
	overflow:hidden;
	width:100%;
}
	li.contractList h3 {
		background: url(../display_images/icons/morelinks-hide.gif) 0 4px no-repeat !important;
		margin: 0 !important;
		padding:0 0 0 15px !important;
		font-size: 0.95em;
		cursor: pointer;
		line-height:1.8em !important;
		border:0;
		text-transform:uppercase;
	}
	
	li.contractList h5 {
		background: url(../display_images/icons/icon_minus.gif) 0 50% no-repeat !important;
		margin: 0 !important;
		padding:0 0 0 15px !important;
		font-size: 0.95em;
		cursor: pointer;
		line-height:1.8em !important;
		border:0;
		font-weight:normal;
		color:#4c7c8e;
		text-transform:none;
	}
	li.contractList ul {
		/*font-size: 0.95em;*/
		margin-left: 1px;
	}
	li.contractList div {
		overflow: hidden;
	}
	li.contractedList h3 {
		background: url(../display_images/icons/morelinks-show.gif) 0 4px no-repeat !important;
	}
	li.contractedList h5 {
		background: url(../display_images/icons/icon_plus.gif) 0 50% no-repeat !important;
	}
	li.contractedList ul {
		margin-bottom: 0 !important;
	}
	li.contractedList div {
		height: 0;
	}
	.contractList ul li,.contractedList ul li {
		position: relative;
	}
	
/* ---- forms ----*/
form.inlinesearch{
	margin:10px 0;
}
	form.inlinesearch label{
		display:inline;
		margin-right:10px;
	}

#secondary-content form, #tertiary-content form{
	margin-bottom:20px;
}
	#secondary-content form select, #tertiary-content form select, #secondary-content form input, #tertiary-content form input{
		font-size:1em;
		width:100%;
	}
		#secondary-content form input.button, #tertiary-content form input.button{
			width:auto !important;
			border:0;
		}
	#secondary-content form label,#tertiary-content form label{
		margin-top:10px;
		text-transform:uppercase;
		font-weight:bold;
	}
	#secondary-content input, #secondary-content select, #tertiary-content input, #tertiary-content select{

	}
	
	#secondary-content form input.txt{
		width:125px;
		margin-left:5px;
		border:0px;
	}

.mapcontainer{
	font-family:Arial,Verdana,sans-serif !important;
	overflow:hidden;
	float:right;
	width:355px;
	margin-left:20px;
}
	#tertiary-content .smallmapcontainer{
		margin-bottom:50px;
	}
	.mapcontainer img{
		margin:0 !important;
	}
	.mapcontainer .column{
		width:43%;
		float: left;
		overflow:hidden;
		margin: 0 5% 0 0;
	}
		.mapcontainer .column select{
			width:100%;
			position:relative;
			float:left;
		}


/* --- helper styles ---*/
.clearing {
	clear:both;
	height: 1px;
	overflow: hidden;
	margin: 0;
}
.inline{
	float:left;
}

.nonImportantText {
	font-size: 0.95em;
}
.columnIllustration {
	float: right;
	width: 236px;
	margin-left: 20px
}
p.bullet,
.bullet {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(arrowBullet.gif) left center no-repeat;
}
#primary-content ul.bullet {
	background-image: none;
	padding-left: 0;
}
#primary-content ul.bullet li {
	background-image: url(arrowBullet.gif);
}
.black{
	color:black;
}
.grey{
	color:#858585 !important;
	/*white-space: nowrap; in comment by yannik for bug 350*/
}
.contentBlock .subheading {
	white-space: normal;
}
.small{
	font-size:0.95em;
}
.nowrap {
	white-space: nowrap;
}
.boldintro{
	font-size:1.2em;
	font-weight:bold !important;
	margin-bottom:20px;
}

.divider{
	border:1px solid #ECEEEE !important;
	border-width:0 0 1px 0 !important;
	margin-bottom:20px;
	padding-bottom:10px !important;
}
	#headerband .divider{
		border-color:#dbd8cf !important;
		margin-bottom:0;

	}
.sans{
	font-family:Arial,Verdana,sans-serif !important;
}
.notransform{
	text-transform:none;
}
.audio{
	background:url(../display_images/icons/audio.gif) left top no-repeat;
	display:block;
	padding-left:55px;
}
.document div#tertiary-content p{
	margin-bottom: 15px;
}
.highlighted{
	background-color:#FEF1AB;
}
a.magnify{
	position:relative;
	display:block;
	overflow:hidden;
}
	a.magnify img{
		margin:0 !important;
		display:inline !important;
		position:relative;
		float:none !important;
	}
	a.magnify span{
		background:url(../display_images/icons/magnify.gif) left top no-repeat;
		width:18px;
		height:18px;
		margin:3px;
		position:absolute;
		top:0;
		right:0;
	}
	* html .document a.magnify span {
		right:12px;
	}
a.arrowlink{
	background:url(bullet.gif) 0 0.3em no-repeat;
	padding-left:12px !important;
}
.sans {
	font-family: Arial, sans-serif;
}
.separated{
	border:1px solid #EAEBEB;
	border-width:1px 0;
	padding:20px 0;
	margin:20px 0;
}
.greyborder{
	border:1px solid #EAEBEB;
	border-width:1px 1px 1px 1px !important;
}
.whitebg{
	background-color:white !important;
}
.noborder{
	border:0px !important;
}
h3.commingup{
	border:0px !important;
	margin-bottom:0px;
	padding-bottom:1px ;
}
	img.noborder{
		padding:0px !important;
		background-color:transparent;
	}
img.nopadding {
	padding: 0 !important;
	background-color:transparent !important;
}
img.left{
	float:left;
	margin:0 15px 15px 0;
}
	.highlightbox img.left{
		margin:15px 15px 15px 15px;
	}
img.right{
	float:right;
	margin:0 0 15px 15px;
}

input.large, select.large{
	width:100%;
}
input.button{
	border:1px solid #D0CDC6;
	background-color:#485458 !important;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1.5em;
	display:block;
}
input.arrow{
	letter-spacing:-5000px;
	background:url(../display_images/arrow_search.gif) center center no-repeat;
	width:23px;
	height:22px;
	margin-top:0px;
	display:inline;
}
ul.nobullet li, li.nobullet{
	background:none !important;
}
/* ---- Homepage ---- */
p.tagline {
    position: absolute;
    left: 300px;
	text-transform: uppercase;
	float:right;
	margin:10px 0pt 0pt;
	text-transform:uppercase;
	width:696px;
	color: #8D8070;
	font-weight: bold;
}

/* pdf pullout */
#wrapper .boldintro .pdfpullout {
	font-size: 0.8em;
}
#wrapper .pdfpullout{
	display: block;
	border: 1px solid #EAEBEB;
	float: right;
	width: 110px;
	background-color: white;
	padding: 5px 7px 5px 7px;
	font-weight: normal !important;
	font-family: Arial,sans-serif !important;
	margin:0 0 10px 10px;
} 
#wrapper .pdfpullout a:link,
#wrapper .pdfpullout a:visited,
#wrapper .pdfpullout a:hover,
#wrapper .pdfpullout a:active {
	font-family: Arial,sans-serif;
}
#wrapper .pdfpullout .bullet {
	display: block;
	background-position: 0 0.7em;
}
#wrapper .pdfpullout .grey {
	display: block
}
#wrapper .pdfpullout .grey img {
	border: 0;
	padding: 0
}

/* image gallery*/
#gallery_preview{
	width:195px;
	float:left;
	margin-right:30px;
	font-family: Arial,sans-serif;
	font-size:0.95em;
	overflow:hidden;
	position:relative;
}
	/*.gallerypager{
		margin:0 0 5px 0;
		position:relative;
		height:20px;
		text-transform:uppercase;
		color:#AAA;
		font-weight:bold;
		clear:both;
	}*/
	#gallery_preview p{
		padding:5px 0 0 5px;
	}	
		#gallery_preview p.functionTeaser{
			padding:0;
			clear:both;
		}
		#gallery_preview p.caption span{
			display:block;
			margin:0 !important;
		}
	#gallery_preview img.thumb{
		display:none !important;
	}
	#gallery_preview a#lightbox_link{
		height:1%;
	}
	#gallery_preview a.magnify span{
		right:0 !important;		
	}
#gallery_text{
	float:right;
	width:520px;
	margin-bottom:20px;
	height:220px;
	overflow:auto;
}
	#gallery_text h3{
		font-weight:bold !important;
		font-size:1.2em !important;
		margin:0 0 10px 0;
		padding:0 !important;
		text-transform:none;
		border:0;
	}
ul#gallery{
	
	width:520px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style-type:none;
}
/*
	ul#gallery li{
		float:left;
		margin:0 8px 8px 0 !important;
		padding:0 !important;
		background-image:none !important;
	}*/
		ul#gallery li a{
			outline:none;
		}
		ul#gallery li.selected img{
			background-color:red;
		}
		ul#gallery img.preview{
			display:none;
		}
		ul#gallery h3{
			display:none;
			font-weight:bold !important;
			font-size:1.2em !important;
		}
		ul#gallery p{
			display:none;
		}
		
.arabic  .addthis_pill_combo{
	float :left !important;
	margin-left:25px;
}
.arabic #galleryTemplate #div1{
 float :right
 margin-right:5px !important;
 margin-left:10px !important;
 width:520px;
}

 .arabic #galleryTemplate #div4{
 margin-right:5px !important;
 left:5px !important;
}
.arabic #galleryTemplate #div1, .arabic #galleryTemplate #div2, .arabic #galleryTemplate #div3 {	
		float :right!important;
}

.arabic #galleryTemplate #div3 {	
		
		padding-right:8px !important;
}

.arabic  #galleryTemplate  #div3   .prev, .arabic #galleryTemplate  #div3   a.lightboxprevious{
		
		float : right ; 
		background:url(../display_images/buttons/arrowswoosh_right_active.gif) 0 0 no-repeat;
		
		width:14px;

	}
.arabic   #galleryTemplate  #div3  .next, .arabic   #galleryTemplate  #div3  a.lightboxnext{
		
		float : right;
		background:url(../display_images/buttons/arrowswoosh_left_active.gif) 0 0 no-repeat;
		width:14px;

	}
	
.arabic 	#galleryTemplate  #div3 .photo-index{
    float: right !important;
}
.arabic #galleryTemplate #viewSlideShow{
		float :left!important;
		margin-left :10px !important;
}

.arabic  #galleryTemplate  div.pagination a,.arabic  #galleryTemplate   div.pagination span.current,.arabic    #galleryTemplate   div.pagination span.ellipsis {
display : block;
position : relative;
float:right !important;

}



.arabic  #galleryTemplate  #div5 .bottom {
float:right !important;
margin-right:10px !important;

display :block;
width:100%;
}
.arabic .fancybox-title-inside-wrap {
    margin-top: 10px;
    text-align: right;
}

.arabic  .fancybox-opened .fancybox-title {
    padding-bottom: 20px !important;
    visibility: visible;
}
#galleryTemplate{
		margin-bottom:30px;
		float :left;
}

.arabic #galleryTemplate{
		margin-bottom:30px;
		float :right;
		width:800px;
}

.arabic .fancybox-title .print-me, .arabic .fancybox-title .infoLine {
  
  display:block;
}
/*
.arabic #galleryTemplate  #div5 .bottom {
clear:both;
float:right !important;
margin-right:10px !important;
display : block;


}
 */
#galleryTemplate  #div3	.gallerypager{
		position:relative;
		height:20px;
		text-transform:uppercase;
		color:#AAA;
		font-weight:bold;
		margin : 0 5px 0 5px;

	}
#galleryTemplate #div3  #nextButton, #galleryTemplate #div3  #previousButton{
	padding:0 !important;
	border:0 !important;
	margin:0;
	width:18px;
	height:19px;
	overflow: hidden;
	display:block;
	float:left;
	cursor:pointer;
	text-indent:-5000px;
}
#galleryTemplate  #div3   .prev, #galleryTemplate  #div3   a.lightboxprevious{
		
		float : left ; 
		background:url(../display_images/buttons/arrowswoosh_left_active.gif) 0 0 no-repeat;
		width:14px;
		height:15px
	}
#galleryTemplate  #div3  .next, #galleryTemplate  #div3  a.lightboxnext{
		
		float : left;
		background:url(../display_images/buttons/arrowswoosh_right_active.gif) 0 0 no-repeat;
		width:14px;
		height:15px
	}
	
#galleryTemplate  #div3 .photo-index{
    float: left;
    width: 70%;
	text-align:center;
}
#galleryTemplate  #viewSlideShow{
	float :right;
	margin: 0px!important;
	padding: 0px!important;
}
	
#galleryTemplate  #div3 a:active, #galleryTemplate  #div3  a:hover{
		background-position:0 -19px !important;
	}
#galleryTemplate  #div3  a.disabled{
		background-position:0 -38px !important;
		cursor:auto !important;
	}
	*	
#galleryTemplate  #div4 img.thumb{
		display:none !important;
}

#galleryTemplate  #div4 #lightbox_link img{
	width : auto !important;
}
	
#galleryTemplate #div1{
width:508px;
height :auto; 
margin : 2px;
float:left;

}

 #galleryTemplate  #div2{

width:206px;
height :auto; 
margin : 2px;
float:left;

}
#galleryTemplate  #div3{

height :auto ;
width : 30%;
margin: 2px 2px 10px 5px;
float : left;
}

#galleryTemplate  #div3 #viewSlideShow{

float : right;
margin :0px !important;
width :30%;
}
#galleryTemplate  #div3 #pagination{

float : left;
}

#galleryTemplate #div4{
width:520px;
height :auto ;
position:relative;
float:left;
text-align:center;
left :-5px;

}
#galleryTemplate  #div5{

height :100px ;
margin : 2px 0 0 5px;
float:left;
width :520px;
height: auto;


}

#galleryTemplate  #div5 .bottom {

float:left;
margin-top:20px;


}


#galleryTemplate #div6{
width:200px;
height :auto ;
margin : 2px;
position :relative;
top :30px;

}
#galleryTemplate  .caption  li{
    background:none !important;
	padding :0px !important;
	margin : 0px !important;
}

#galleryTemplate  .text  li{
    background:none !important;
	padding :0px !important;
	margin : 0px !important;
}


 #galleryTemplate  .caption {
    padding-left:9px !important;
}

.arabic #galleryTemplate  .caption {
    padding-right:9px !important;
}

#galleryTemplate  .slideShowCaption {
    font-size: 0.9em;
}
#galleryTemplate  #div7{
width:200px;
height :25px ;
margin : 2px;
position : relative;
float : left;
display: none;
}
#galleryTemplate #div8{

width:200px !important;
height :auto ;
margin : 2px;
display: none;
}

#galleryTemplate #div8 div{
width:200px !important;
}

#galleryTemplate #div9{
width:200px;
height :25px ;
margin : 2px;
position : relative;
float : left;
display: none;
}

#galleryTemplate .advance-link img {
    width: 500px;
	height: auto;
}
#galleryTemplate div.pagination span.current {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
}
#galleryTemplate div.pagination a, #galleryTemplate div.pagination span.current, #galleryTemplate div.pagination span.ellipsis {
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 7px 2px;
}

#galleryTemplate h2.subheading ,  .fancybox-title-inside-wrap h2.subheading{
    border: 0 none !important;
    line-height: 19.2px;
    margin-bottom: 0 !important;
    padding: 0;
    text-transform: none;
}

ul#gallery li {
    background-image: none !important;
    float: left;
    margin: 0 11px 11px 0 !important;
    padding: 0 !important;
}
.addthis_toolbox div, .addthis_toolbox a {
    float: left;
}

.addthis_pill_combo{
	float :right;
}

/* tabbed content*/
.tabbed{
	position:relative;
	margin-bottom:10px;
}
	.tabbed .tabcontent{
		margin-bottom:20px;
		border:1px solid #ECEEEE;
		overflow:hidden;
		width:100%;
		padding:0 !important;
		margin:0px !important;
		position:relative;
		z-index:2;
		background-color:white;
	}
	.tabbed .tabcontent h4{
		color:#858585;
		margin-bottom:8px;
	}
	.tabbed .threecol .column{
		width:30%;
		padding:0px;
		margin: 8px 5px 5px 10px;
		display:inline;
	}
	.tabbed ul.tabs{		
		margin:1px 0 -1px 0!important;
		padding:0 !important;
		line-height:1em;
		overflow:hidden;
		width:100%;
		position:relative;
		z-index:3;
	}
		.tabbed ul.tabs li{
			background-color:#F1F5F6;
			background-image:none !important;
			float:left;
			border:1px solid #ECEEEE;
			border-width: 1px 1px 0px 1px;
			margin:0 3px 0 0 !important;			
			padding:6px 9px !important;
		}
			.tabbed ul.tabs li.active{
				background-color:white !important;
				z-index:50;
			}
			.tabbed ul.tabs li h2{
				border:0 !important;
				border:1px solid red !important;
			}
			.tabbed ul.tabs li a{
				text-transform:uppercase;
				font-weight:bold;
				color:#333;
				line-height:1em;
				color:#5C90A6;
				cursor:pointer;
			}
				.tabbed ul.tabs li.active a{
					color:#333;
				}
				
ul.pagination{
	overflow:hidden;
	font-family:Arial,sans-serif;
	margin:0!important;
	padding:0 0 10px 0;
}
	ul.pagination li{
		float:left;
		background:none !important;
		text-align:center !important;
		padding:0 !important;
		margin:0 !important;
		width:19px;
	}
		ul.pagination li a{
			display:block;
		}
		ul.pagination li.previous a,ul.pagination li.next a,ul.pagination li.first_page a,ul.pagination li.last_page a{
			text-indent:-5000px;
			width:19px;
			height:19px;
		}
		ul.pagination li.previous a{
			background:url(../display_images/buttons/arrowswoosh_left_active.gif) 0 0 no-repeat;
		}
		ul.pagination li.next a{
			background:url(../display_images/buttons/arrowswoosh_right_active.gif) 0 0 no-repeat;
		}
		ul.pagination li.previous a:hover, ul.pagination li.next a:hover,ul.pagination li.first_page a:hover, ul.pagination li.last_page a:hover{
			background-position:0 -19px !important;
			
		}
		ul.pagination li.first_page a{
			background:url(../display_images/buttons/arrowswoosh_left_left_active.gif) 0 0 no-repeat;
		}
		ul.pagination li.last_page a{
			background:url(../display_images/buttons/arrowswoosh_right_right_active.gif) 0 0 no-repeat;
		}
		#wrapper.arabic ul.pagination li.first_page a{
			background:url(../display_images/buttons/arrowswoosh_right_right_active.gif) 0 0 no-repeat;
		}
		#wrapper.arabic ul.pagination li.last_page a{
			background:url(../display_images/buttons/arrowswoosh_left_left_active.gif) 0 0 no-repeat;
		}

ul.pipedlist{
	overflow:hidden;
	font-family:Arial,sans-serif;
	margin:0 !important;
}
	ul.pipedlist li{
		float:left;
		background:url(../display_images/pipe.gif) 100% 50% no-repeat !important;
		padding:0 5px 0 0 !important;
		line-height:1.5em;
		margin-right:5px !important;
		
	}
		ul.pipedlist li.last{
			background:none !important;
		}
	/* for bug 418 by yannik  12.05.2011*/	
.btn p.button{ float:right;}

#primary-content .pubfilmmain {
font-family:Arial,sans-serif;
float:left;
width:310px !important;
background:none !important;
}		
#primary-content .pubfilmmain a{
	font-family:Arial,sans-serif;
   float:left;
   width:100% !important;
   
}		
#primary-content .filmmain a{
	font-family:Arial,sans-serif;
   float:left;
   margin-right:221px;
   margin-left:102px;
}		

#primary-content .pubfilmmain  .grey .pubfilmsize {
    font-family:Arial,sans-serif;
    width:40% !important;
	height:19.2px;
    background:none !important;
}
ul.pipedlist .button{
	margin:0px !important;
}	
/* end for bug 418*/


/*Add for campaign*/
.highlights_More a.moreLink {
	background-image:url("bullet.gif");
    background-position: 0 0.3em;
    background-repeat: no-repeat;
    color: #5F92A5;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
	padding: 0 0 0 10px;
    position: absolute;
    right: 0;
    top: 0;
}

body.home #headerband .highlights_More a.moreLink {
	display:none;
}
body.home #headerband .highlights_More  {
	margin-left: 15px;
}

.teaserList_vertical li h3 {
    display: table-caption;
    width: 100px;
	 text-transform: none;
	 font-size: 0.95em;
    font-weight: normal;
	border-width: 0 0 0;
}

.teaserList_vertical li {
    float: left;
    margin-right: 29px !important;
    position: relative;
    width: 105px;
	overflow: hidden;	
}

.threeItems li {
    float: left;
    margin-right: 29px !important;
    position: relative;
    width: 148px;
	overflow: hidden;	
}
.threeItems li h3 {
    display: table-caption;
    width: 100px;
	 text-transform: none;
	 font-size: 0.95em;
    font-weight: normal;
	border-width: 0 0 0;
}


#leftcol .teaserList_vertical li {
	background:none;
	padding-left:0px;
	margin-bottom:0px;
}

#leftcol  .highlights_More{
	margin-top:10px;
}

.share-button {
	float: right;
	margin-bottom:10px;
	margin-right:10px
}

.share-button .fb-share, .share-button .tw-share, .share-button .share_text{
	float: left;
	margin-left:4px;
}
.share-button .share_text p{
	margin-top: 9px; 
	height: 14px;
	font-weight: normal;
	font-size:18px;
}

.share-button img{
	width:27px;
	height:27px;
}

.addthis_default_style{
width:100%;
display:block;
}
/*End Add for campaign*/

/* Send your feedback */
#anonymous_text {
	height: 4.2em;
}

.contentBlock #videoleft {
    width:520px
	display: block;
    float: left;
    margin-right: 15px;
}

.contentBlock #videoleft {
    width:520px
	display: block;
    float: left;
    margin-right: 15px;
}
/*--------1543 & 1733-----------------------------*/
.scrollerMul  li h3{
	font-size:0.95em;
	font-weight:normal;
	text-transform: none;
	border:none;
}
.scrollerMul  li img{
	float:left;
	margin-right:10px;
}
.scrollerMul  li{
	width:223px;
	float:left;
	background:none !important;
	margin-right: 30px !important;
}

.scrollerMul {
	position: relative;
}

#buttonNav  a.next{
	background: url("../display_images/buttons/arrowswoosh_right_active.gif") no-repeat scroll 0 0 transparent;
	 margin-right: 5px;
}

#buttonNav a.disabled {
    background-position: 0 -38px !important;
    cursor: auto !important;
}

#buttonNav a.prev {
    background: url("../display_images/buttons/arrowswoosh_left_active.gif") no-repeat scroll 0 0 transparent;
    margin-right: 5px;
}
#buttonNav a {
    border: 0 none !important;
    cursor: pointer;
    display: block;
    float: left;
    height: 19px;
    margin: 0;
    overflow: hidden;
    padding: 0 !important;
    text-indent: -5000px;
    width: 18px;
}

#buttonNav.btnavigation {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.caroufredsel_wrapper{
	min-height:86px;
	max-height:80px;
}
/*------------------------------------*/

/*-------------------Debut 2961-----------------*/
.highlights .scroller3 li h3{
     font-size: 11px !important;
     font-weight:normal !important;
     text-transform:none !important;
     border: none !important;
}
.highlights .scroller3 li {
    width:208px;
}
/*-------------------Fin 2961-----------------*/

ul.pipedlist .button {
    display:none;
}

.buy_publication {
    display: none;
}

div.action {
	margin-top: 8px;
}

a.btn-contact {
    padding: 0.5em 1em;
    background-color: #8d8070;
    border: 1px solid #8d8070;
    color: #ffffff;
    cursor: pointer;
}

a.btn-contact:active {
    background-color: #8d8070;
    color: #ffffff;
}

a.btn-contact:visited {
    background-color: #8d8070;
    color: #ffffff;
}

a.btn-contact:hover {
    background-color: #8d8070;
    color: #ffffff!important;
}



a.btn-red {
    margin: 8px 0px;
    padding: 0.2em 0.5em;
    border: 1px solid #e32219;
    background-color: #e32219;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

a.btn-red:active {
    background-color: #e32219;
    color: #ffffff;
}

a.btn-red:visited {
    background-color: #e32219;
    color: #ffffff;
}

a.btn-red:hover {
    background-color: #ffffff;
    color: #e32219;
}