/***** SAP GLOBAL CSS 
Created by Danielle Rivers
Begin Date: 16. March, 2009
***************************/

body { text-align: center; font-family: Arial,sans-seif; font-size: 75%; line-height: 1.3em; background: #CBCBCB; color: #333333;}


.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/**** elements ****/
.dividerColumn { width: 4px; height: auto; float: left; background: transparent url(../images/global/column_divider.gif) repeat-y right 0;}
.columnRightMargin { margin-right: 14px;}
.horizontalDivider { }
.threeColumnDivider { width: 960px; height: auto; background: transparent url(../images/global/3columnDivider.gif) repeat-y 0 0; }
.twoColumnDivider {width: 960px; height: auto; background: transparent url(../images/global/2columnDivider.gif) repeat-y 0 0; }
.singleDivider { margin: 0; padding: 0; height: 1px; clear: both; background: transparent url(../images/global/single_divider.gif) repeat-x 0 0; }
.singleDividerYellow { padding: 15px 0 8px 0 ; background: transparent url(../images/global/single_divider_yellow.gif) repeat-x left top; }
.doubleDivider { height: 3px; background: transparent url(../images/global/double_divider.gif) repeat-x 0 0; }
.greyBox { padding: 9px; width: 276px; height: auto; background: #e5e5e4 url(../images/global/bevel_edge.gif) no-repeat right bottom; }
.floatRight { float: right; }

a:hover { text-decoration: none;}

#auxlinks { padding: 0; margin: 10px 0; }
#auxlinks.horizontal { margin: 10px 0 0 0; height: 30px; float: left; }
#auxlinks.horizontal a.butn { margin: 0 12px 0 0; float: left; height: 30px; }

a.butn { cursor: hand; cursor: pointer; margin: 0 0 10px 0; width: 141px; height: 30px; display: block; background-repeat: no-repeat; text-indent: -9000px; }

a.butn span.learnMore { background: transparent url(../images/global/butn_learn-more_en.gif) no-repeat 0 0; text-indent: -9000px; }
a.butn span.clearCustomers { background: transparent url(../images/global/butn_clear-cust_en.gif) no-repeat 0 0; text-indent: -9000px; }
a.butn span.howSAPHelps { background: transparent url(../images/global/butn_how_en.gif) no-repeat 0 0; text-indent: -9000px; }
a.butn span.sapSolutions { background: transparent url(../images/global/butn_sapsolutions_en.gif) no-repeat 0 0; text-indent: -9000px; }
a.butn span.sapServices { background: transparent url(../images/global/butn_sapservices_en.gif) no-repeat 0 0; text-indent: -9000px; }
a.butn span.partnerEcosystem { background: transparent url(../images/global/butn_partnereco_en.gif) no-repeat 0 0; text-indent: -9000px; }

a.butn:hover { background-position:0 -30px;  }
.ie6 a.butn:hover { background-position: 0 0;  }
.indentLink { margin-left: 15px; }

a.simpleLink { color: #666666;}
a.boldLink { font-size: 10px; color: #666666; text-decoration: none; font-weight: bold; font-size: 12px; }
a.pdfLink { line-height: 12px; padding: 0 0 1px 15px; background: transparent url(../images/global/icon_PDFLink.gif) no-repeat left 0; }
a.listenLink { padding: 3px 0 0 20px; background: transparent url(../images/global/icon_listenLink.gif) no-repeat left 0; }
a.videoLink { float: left; line-height: 16px; padding: 1px 0 0 20px; background: transparent url(../images/global/icon_videoLink.gif) no-repeat left 0; }
a.audioLink { float: left; line-height: 16px; padding: 1px 0 0 20px; background: transparent url(../images/global/icon_audioLink.gif) no-repeat left 0; }
.ie6 a.videoLink, .ie7 a.videoLink { padding-top: 0; }
a.otherLink { padding: 2px 0 0 24px; background: transparent url(../images/global/icon_otherLink.gif) no-repeat left 0; }

a.downloadLink { float: left; line-height: 16px; padding: 1px 0 0 20px; background: transparent url(../images/global/icon_downloadLink.gif) no-repeat left 0; }
a.shareLink { padding: 7px 0 8px 24px; background: transparent url(../images/global/icon_shareLink.gif) no-repeat left 0; }
a.emailLink { padding: 3px 0 8px 24px; background: transparent url(../images/global/icon_emailLink.gif) no-repeat left 0; }

a.underlineRightLink { float: right; font-size: 11px; color: #999; text-decoration: underline; }
h2.heroSubhead { color: #FFF; font-size: 18px;}

	/***** text *****/
	p { margin: 0 0 10px 0; font-size: 12px; }
	.bold { font-weight: bold;}
	.superscript { vertical-align: top; font-size: 5px; }	
	/***** layout *****/
	.globalWrapper { margin: 0 auto; padding: 0 0 20px 0; text-align: left; width: 968px; background: transparent url(../images/global/bg.gif) repeat-y 0 0; }

		.globalNav { margin: 0 auto; width: 960px; height: 46px; background: transparent url(../images/global/bg_navbar.gif) repeat-x 0 0; position: relative; }
		.globalNav ul { float: left; list-style-type: none; text-transform: uppercase; font-size: 12px; }
		.globalNav ul li { padding: 0; height: 46px; float: left;  border-right: 1px solid #FFF2C2; text-indent: -9000px; }
		.globalNav ul li a  {display: block; height: 46px; }
		.globalNav ul li.navElement a { background-repeat: no-repeat; text-indent: -9000px;}
		.globalNav ul li.welcome_en a { width: 92px; background: transparent url(../images/global/nav_welcome.jpg) no-repeat 0 0; }
		.globalNav ul li.clearoverview_en a { width: 131px; background: transparent url(../images/global/nav_clearoverview.jpg) no-repeat 0 0;}
		.globalNav ul li.clearcustomers_en a { width: 140px; background: transparent url(../images/global/nav_clearcustomers.jpg) no-repeat 0 0; }
		.globalNav ul li.howsaphelps_en a { width: 124px; background: transparent url(../images/global/nav_howsaphelps.jpg) no-repeat 0 0; }
		.globalNav ul li.podcast_en a { width: 100px; background-color: #f00; }
		.globalNav ul li.visitsap_en a { width: 152px; background: transparent url(../images/global/link_headerLogo_en.gif) no-repeat 0 0; position: absolute; top: 0; right: 20px; }
		
		.globalNav ul li.welcome_de a { width: 113px; background: transparent url(../images/global/nav_welcome_de.jpg) no-repeat 0 0; }
		.globalNav ul li.clearoverview_de a { width: 179px; background: transparent url(../images/global/nav_clearoverview_de.jpg) no-repeat 0 0; }
		.globalNav ul li.clearcustomers_de a { width: 145px; background: transparent url(../images/global/nav_clearcustomers_de.jpg) no-repeat 0 0; }
		.globalNav ul li.howsaphelps_de a { width: 136px; background: transparent url(../images/global/nav_howsaphelps_de.jpg) no-repeat 0 0; }
		.globalNav ul li.visitsap_de a { width:170px; background: transparent url(../images/global/link_headerLogo_de.gif) no-repeat 0 0; position: absolute; top: 0; right: 20px; }

		.globalNav ul li.welcome_zh a { width: 70px; background: transparent url(../images/global/nav_welcome_zh.jpg) no-repeat 0 0; }
		.globalNav ul li.clearoverview_zh a { width: 115px; background: transparent url(../images/global/nav_clearoverview_zh.jpg) no-repeat 0 0; }
		.globalNav ul li.clearcustomers_zh a { width: 112px; background: transparent url(../images/global/nav_clearcustomers_zh.jpg) no-repeat 0 0; }
		.globalNav ul li.howsaphelps_zh a { width: 131px; background: transparent url(../images/global/nav_howsaphelps_zh.jpg) no-repeat 0 0; }
		.globalNav ul li.visitsap_zh a { width: 154px; background: transparent url(../images/global/link_headerLogo_zh.gif) no-repeat 0 0; position: absolute; top: 0; right: 20px; }
			
		.globalNav ul li.welcome_fr a { width: 99px; background: transparent url(../images/global/nav_welcome_fr.jpg) no-repeat 0 0; }
		.globalNav ul li.clearoverview_fr a { width: 142px; background: transparent url(../images/global/nav_clearoverview_fr.jpg) no-repeat 0 0; }
		.globalNav ul li.clearcustomers_fr a { width: 164px; background: transparent url(../images/global/nav_clearcustomers_fr.jpg) no-repeat 0 0; }
		.globalNav ul li.howsaphelps_fr a { width: 118px; background: transparent url(../images/global/nav_howsaphelps_fr.jpg) no-repeat 0 0; }
		
		.globalNav ul li.welcome_br a { width: 100px; background: transparent url(../images/global/nav_welcome_br.jpg) no-repeat 0 0; }
		.globalNav ul li.clearoverview_br a { width: 134px; background: transparent url(../images/global/nav_clearoverview_br.jpg) no-repeat 0 0; }
		.globalNav ul li.clearcustomers_br a { width: 153px; background: transparent url(../images/global/nav_clearcustomers_br.jpg) no-repeat 0 0; }
		.globalNav ul li.howsaphelps_br a { width: 143px; background: transparent url(../images/global/nav_howsaphelps_br.jpg) no-repeat 0 0; }
		.globalNav ul li.visitsap_br a { width: 154px; background: transparent url(../images/global/link_headerLogo_br.gif) no-repeat 0 0; position: absolute; top: 0; right: 20px; }
	
	
		.globalNav ul li.visitsap_global a { width: 140px; background: transparent url(../images/global/link_headerLogo.gif) no-repeat 0 0; position: absolute; top: 0; right: 20px; }
		
		.globalNav ul li a:hover { background-position: 0 -46px; }
		.globalNav ul li a.active { background-position: 0 -46px; }
		
		.brandContent { width: 180px; height: 27px; position: absolute; top: 8px; right: 20px; }
		.brandContent .text { margin: 3px 0 0 0; float: right; text-align: right;}
		.brandContent .text img.webText {  }
		.brandContent .text img.phoneNumber { padding: 6px 0 0 0; }
		.brandContent img.logo { padding: 0 0 0 24px; width: 54px; float: right; }
		.global_logo { width: 111px; height: 27px; float: right; }
		
		.globalNav .sidebar { float: right; }
	
	.contentContainer {  margin: 13px auto 0 auto; width: 960px; position: relative; }
		.contentContainer .columnSubhead {padding: 9px 0 7px 0; height: 37px; background: transparent url(../images/global/subhead_divider.gif) repeat-x 0 0; clear: both; }
   .ie6 .contentContainer .columnSubhead { padding: 9px 0 0 0; margin: 0 0 -5px 0; }
		
		.contentContainer .heroContainer { margin: 0 auto; width: 960px; background: #FFFFFF; }
	.ie6 .contentContainer .heroContainer { margin: 0 0 0 4px; width: 960px; background: #FFFFFF; }
		 #welcome, #videoPlayer, #hero { margin: 0 ; width: 960px;}

			.contentContainer .heroContainer .yellowBox { margin: 0 auto; padding: 16px; width: 880px; background: #F1B800; position: relative; top: 160px; }
			.contentContainer .heroContainer .yellowBox h1 { margin: 0; color: #FFF; font-size: 48px; text-transform: uppercase; letter-spacing: -2px; line-height: 50px; }
			.contentContainer .heroContainer .yellowBox p { margin: 12px 0 0 0; color: #333; font-size: 14px; line-height: 18px; }
			
			.yellowBox a.butn { float: right; margin: 10px 0 0; }

				.singleImage { height: 360px; background-repeat: no-repeat; margin: 0; }
				.playerImage { height: 493px; background-repeat: no-repeat; }
		
			.contentContainer .heroContainer .wideLeft { width: 640px; height: 360px; float: left; }
			.contentContainer .heroContainer .narrowRight { width: 320px; height: 360px; float: left; background: transparent url(../images/global/bg_yellow_grad.gif) repeat-x 0 0; }
				.contentContainer .heroContainer .narrowRight .interactiveContentBox  { margin: 23px 0 0 18px; width: 283px; height: 304px;  }
					.contentContainer .heroContainer .htmlBackupText { padding: 20px 20px 10px 0; width: 273px; height: 290px; float: right; }
						.contentContainer .heroContainer .htmlBackupText h1 { padding: 0 0 8px 0; text-transform: uppercase; color: #FFF; font-size: 18px; }
				a.transcriptLink { position: relative; bottom: -90px; font-size: 13px; font-weight: bold; color: #FFF; text-decoration: none; }
				.contentContainer .heroContainer .shareLinks  { margin: 12px 0 0 18px; width: 283px; }	
						.contentContainer .heroContainer .shareLinks a { margin: 0 10px 0 0; font-size: 9px; color: #000; text-decoration: none; }	

		.contentContainer .playlistContainer { margin: 13px 0 0 0; padding: 0 13px; height: 122px; }
			.contentContainer .playlistContainer ul { padding: 3px 0 0 4px; list-style-type: none;}
			.contentContainer .playlistContainer ul li { padding-bottom: 3px; width: 180px; height: 114px; display: inline; float: left; }
				.contentContainer .playlistContainer ul li a { width: 180px; height: 114px; display: inline; float: left; }	
				.contentContainer .playlistContainer ul li a:hover { }	
			.playlist { display: inline; clear: none; padding: 2px 0 0 0; }
			.playlist li { position: relative; list-style-type: none; display: inline; clear: none; cursor: pointer; cursor: hand; }
			.playlist li a { cursor: pointer; text-decoration: none; line-height: 1.4em;}
			.playlist .hoverState { position: absolute; margin: 0; z-index:10; background-color: #f2b411; color: #333333; font-size: 10px; width: 172px; height: 104px; padding: 5px 4px; line-height: 1.4em;  display: none; clear: none; cursor: pointer; }
			.playlist p.staticState { padding: 2px; position: absolute; top: 74px; left: 0; width: 176px; background: #E5E5E5; height: 36px; opacity: .9; color: #000; font-weight: bold; }
			.playlist p.activeState { background: #f2b411; color: #333; }
			
			.contentContainer .playlistContainer ul li div.overlay_off { position: relative; bottom: 40px; }
				.contentContainer .playlistContainer ul li div.overlay_off .transparency { width: 180px; height: 40px; background: #FFF; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }
				.contentContainer .playlistContainer ul li div.overlay_off a.arrow { float: right; }
				.contentContainer .playlistContainer ul li div.overlay_off p { margin: -30px 0 0 0; text-transform: uppercase; font-size: 12px; font-weight: bold; }

			.thumbRight { margin: 0 6px 0 0;}
						
		.contentContainer .mainContainer { margin: 23px 0 0 0; padding: 0 13px 70px 13px; position: relative; }
   .ie6 .contentContainer .mainContainer, .ie7 .contentContainer .mainContainer { zoom: 1; }
			.contentContainer .wideColumn { padding: 0 10px 10px 0; width: 615px; float: left; }
			.contentContainer .narrowColumn { padding: 0 12px 0 0; width: 294px; float: left; }
	   .ie6 .contentContainer .narrowColumn {  }
			.contentContainer .endColumn { padding-right: 0; }
			.item { margin: 0 0 9px 0; float: left; background-color: #fff; }
			.wideColumn .item { margin-right: 12px; }
			.item ul { margin: 0; padding: 3px 0; display: inline;}
			.item ul li { margin: 10px 0 0 0; color: #333; background: #FFFFFF; width: 294px; float: left;}
	   .ie6 .item ul li { margin-bottom: -13px; }
			.item ul li img.thumb { margin: 0; padding: 2px 7px 3px 0; width: 72px; height: 72px; float: left; }
	   .ie6	.item ul li img.thumb { margin-top: -14px; }
			.item ul li div.itemCaption { width: 100px; float: left;  }
			.item ul li div.itemDescription { margin: 0; width: 215px; float: left;  }
       .ie6 .item ul li div.itemDescription { margin-top: -13px;  }
			.item ul li div.itemDescriptionShort { margin: 0; padding-left: 7px; width: 145px; float: left; }
	   .ie6 .item ul li div.itemDescriptionShort { margin-top: -13px; }
			.item p.transcriptLink { margin-bottom: 0; font-size: 11px; }
			.item .transcriptLink a { color: #333; font-weight: bold; text-decoration: none; }
			
			
			.rightBevel {  }
			.bevel { width: 17px; height: 18px; position: relative; bottom: 17px; float: right; }
			.wideThumb { margin: -1px 0 0 0; padding: 0; width: 142px; height: 80px; float: left; }
	   .ie6 .wideThumb { margin-top: -15px; }
			.wideThumb img { width: 142px; height: 80px; }

			.innerColumn { width: 300px; float: left; background: #FFFFFF; }
			h2.subhead { padding-top: 2px; }
			h2.subhead a { font-size: 16px; color: #333333; text-transform: uppercase; text-decoration: none; }
			h2.subhead a:hover { text-decoration: none; }
			h3.itemHeader a { margin: 3px 0 0 0; padding: 0 0 2px 0; font-size: 10px; font-weight: bold; color: #000; text-transform: uppercase; line-height: 12px; display: block; text-decoration: none; }
			h3.sideBarItemHeader { padding: 0 0 7px 0; font-size: 13px; font-weight: bold; line-height: 11px; }
			h3.sideBarItemHeader a { color: #333; text-decoration: none; font-size: 13px; }
			.sideBarDescription { font-size: 11px; padding: 0 0 5px 0; }
			.description { padding: 0; font-size: 10px; line-height: 1.1em; }
			.fullDescription { margin: 7px 0 0 0;  padding: 0 0 5px 0; width: 100%; font-size: 11px; }
			.baseLinks {margin: 0; font-size: 10px; }
			.doubleWide { width: 570px; float: left;}
			.itemPadding { padding: 10px 0 0 0;}
			.featureTile { border: 1px solid #333; border-width: 1px 0 1px 0; }
			.multiLinkTile { float: none; }
			.promoTile { float: none; }
			.promoTile .baseLinks a { text-transform: uppercase; text-decoration: none; }
			
			.featurePager { text-align: right; margin-right: 24px; clear: both; }
			.seeAll { text-align: right; clear: both; }
			.wideColumn .seeAll { margin-right: 16px; }
			.featurePager a { padding: 0 1px; text-decoration: none; color: #666666; }
			.seeAll a { text-transform: uppercase; text-decoration: underline; color:#666; }

	.footerContainer { clear: both; padding: 0 13px;  margin: 13px auto 0 auto; width: 934px; position: relative; }
		.footerContainer p.footerCopy { margin: 13px 0 0 0; font-size: 9px; color: #999999; }
   .ie6 .footerContainer p.footerCopy { margin: 0; }
		.footerContainer a.footerLink { color: #999999; text-decoration: none; margin-left: 5px; padding-left: 5px; border-left: 1px solid; }
		.footerContainer a.footerLink.firstLink { margin-left: 0; padding-left: 0; border: none; }
		.footerContainer a.contactus_en { position: absolute; display: block; top: 15px; right: 15px; width: 100px; height: 34px; background: transparent url(../images/global/butn_contactus.gif) no-repeat top right; text-indent: -9000px; border: none; }
		.footerContainer a.contactus_de { position: absolute; display: block; top: 15px; right: 15px; width: 146px; height: 34px; background: transparent url(../images/global/butn_contactus_de.gif) no-repeat top right; text-indent: -9000px; border: none; }
		.footerContainer a.contactus_zh { position: absolute; display: block; top: 15px; right: 15px; width: 132px; height: 34px; background: transparent url(../images/global/butn_contactus_zh.gif) no-repeat top right; text-indent: -9000px; border: none;  }
		.footerContainer a.contactus_fr { position: absolute; display: block; top: 15px; right: 15px; width: 111px; height: 34px; background: transparent url(../images/global/butn_contactus_fr.gif) no-repeat top right; text-indent: -9000px; border: none; }
		.footerContainer a.letuscallyou_en { position: absolute; display: block; top: 15px; right: 200px; width: 110px; height: 26px; background: transparent url(../images/global/butn_letuscallyou_en.gif) no-repeat top right; text-indent: -9000px; border: none; }
		.footerContainer a.chatwithus_en { position: absolute; display: block; top: 15px; right: 99px; width: 101px; height: 26px; background: transparent url(../images/global/butn_chatwithus_en.gif) no-repeat top right; text-indent: -9000px; border: none; }
		.footerContainer a.emailus_en { position: absolute; display: block; top: 15px; right: 15px; width: 84px; height: 26px; background: transparent url(../images/global/butn_emailus_en.gif) no-repeat top right; text-indent: -9000px; border: none; }
		.footerContainer a.letuscallyou_br { position: absolute; display: block; top: 15px; right: 232px; width: 116px; height: 26px; background: transparent url(../images/global/butn_letuscallyou_br.gif) no-repeat top right; text-indent: -9000px; border: none; }
		.footerContainer a.chatwithus_br { position: absolute; display: block; top: 15px; right: 131px; width: 101px; height: 26px; background: transparent url(../images/global/butn_chatwithus_br.gif) no-repeat top right; text-indent: -9000px; border: none; }
		.footerContainer a.emailus_br { position: absolute; display: block; top: 15px; right: 15px; width: 111px; height: 26px; background: transparent url(../images/global/butn_emailus_br.gif) no-repeat top right; text-indent: -9000px; border: none; }		
		
	#popupContainer { margin: 0 auto; width: 800px; background: #FFF; text-align: left;}
		#popupContainer .popupHeader { padding: 5px 0 0 0; width: 800px; height: 30px; background: #F0B800; }
		#popupContainer .popupHeader h1 { margin: 0 0 0 540px; height: 25px; background: transparent url(../images/global/header_popup.gif) no-repeat 0 0; text-indent: -9000px; }
		#popupContainer .popupTitle { margin: 12px 0 0 0; padding: 0 12px 0 12px; }
		#popupContainer .popupTitle #blurb { margin: 12px 0 15px 0; }
			#popupContainer .popupTitle h2 { font-size: 15px; }
			#popupContainer .popupTitle p { margin: 12px 0 15px 0; }
		#popupContainer .popupContent { margin: 15px 0 0 0; padding: 0 20px 0 10px; }
			#popupContainer .popupContent p { margin: 0 0 15px 0; }
			#popupContainer .footerContainer { width: 772px; }

    .errorContent { text-align: center; width: 700px; margin: 100px auto; }
    .errorContent h1 { font-size: 18px; margin: 0.5em 0; }
    .errorContent #copybody { line-height: 1.6em; }

/* misc */

#shareLink 
{
 position:absolute;   
 left:595px;
 top:105px; 
}

* html #shareLink
{
  top:73px;
}

.greyBox ul.linkList li { background-color: transparent; margin: 0; padding: 0 0 5px; width: 264px; }
.greyBox ul.linkList li a { vertical-align: top; color: #333; text-decoration: none; font-size: 11px; }
.greyBox ul.linkList li a:hover { text-decoration: underline; }
.greyBox ul.linkList li a.icon { vertical-align: top; margin-right: 10px ;}


.wideTiles .item { float: none; margin-right: 0; }
.wideTiles .item li { float: none; width: auto; }
.wideTiles .item ul li div.itemDescription { padding: 10px 3px; width: auto; }
.wideTiles .item ul li div.itemDescription h3 a { text-transform: none; }
.wideTiles .item ul li div.itemDescription p { font-size: 11px; line-height: 16px; }
.wideTiles .item ul li div.itemDescription p.sizeAndDuration { font-size: 11px; line-height: 16px; margin-bottom: 0; }
.wideTiles .item ul li div.itemDescription .description { padding-bottom: 10px; font-size: 11px; line-height: 16px; }
.wideTiles .item ul li .baseLinks a { margin-right: 40px;  }
.wideTiles .featurePager { background: url( ../images/global/single_divider.gif ) 0 0 repeat-x; padding-top: 10px; margin-right: 0; }