﻿
/* Begin Reset CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img
{
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal;
	font-weight: normal;
}
ol, ul
{
	list-style: none;
}
caption, th
{
	text-align: left;
}
h1, h2, h4, h3, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after
{
	content: '';
}
abbr, acronym
{
	border: 0;
}
a:link, a:active, a:visited
{
color: #2256a9;
text-decoration: none;
outline: none;
}
a:hover
{
text-decoration: underline;
}
object
{
	outline: none;
}
/* End Reset CSS */

/* Start General Styling */
body
{
	text-align: center;
	font-size: 10pt;
	color: #666;
	line-height: 14pt;
	font-family: Helvetica,Arial,Tahoma,sans-serif;
	background-color: #4a4a4a;
}
input, button{padding: 1px 5px;}
p
{
	margin-top: 10px;
}
ul, ol
{
	margin: 10px 0 10px 30px;
}
li
{
	margin-bottom: 10px;
}
ul li
{
	list-style-type: disc;
}
ol li
{
	list-style-type:decimal;
}
hr
{
	border: 0;
	border-top: dotted 1px #888;
	color: #FFF;
	height: 1px;
	clear: both;
	margin: 10px 0;
}
h1
{
	font-size: 19pt;
	margin-top: 40px;
	margin-bottom: 20px;
}
h2
{
	font-size: 16pt;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 15px;
}
h3
{
	font-size: 12pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0;
}
h4
{
	font-size: 10pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0;
}

.headlineHome {
	font-size:16pt;
	color:#333333;
	padding-bottom: 10px;
	font-family: "Arial Narrow", Helvetica,Arial,Tahoma,sans-serif;
	}

fieldset
{
	border: solid 1px #AAA;
	padding: 20px;
}

div.clearer
{
	clear: both;
	line-height: 0;
	height: 0;
}
/* End General Styling */

/* Side nav bar */
a.navLink
{
	color: #000;
	font-weight: bold;
}
a.navLink:hover
{
	color: #5770A3;
}
a.navLinkFirstLevel
{
	font-size: 9pt;
}
a.navLinkSecondLevel
{
	font-size: 8pt;
}
a.navLink:active, a.navLinkActive
{
	color: #5770A3; /* color: #7190B6; */
	cursor: default;
}
/* End side nav bar */

/* Begin Main Nav CSS */
#topNav
{
	height: 48px;
	background-image: url('/Images/topNavTopGradient.gif');
	background-repeat: repeat-x;
}
ul.topNavList
{
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 970px;
}
ul.topNavList li
{
	padding: 0;
	margin: 0;
	float: left;
	white-space: nowrap;
	width: 84px;
	height: 48px;
	list-style: none;
}
ul.topNavList li a
{
	width: 84px;
	height: 8px;
	float: left;
	padding: 20px 0;
	text-decoration: none;
	font-weight: bold;
	color: Black;
	font-size: 9pt;
}
ul.topNavList li a:hover, ul.topNavList li a:active
{
	color: White;
}

ul.topNavList li select, ul.topNavList li input
{
	position: relative;
	top: 15px;
	float: left;
	width: 100px;
}
ul.topNavList li.language
{
	margin-right: 92px;
	width: 100px;
}
ul.topNavList li.language select
{
	width: 100px;
}
ul.topNavList li.leftTopNavButton a
{
	background-image: url('/Images/topNavButtonLeft_default.png');
}
ul.topNavList li.leftTopNavButton a:hover, ul.topNavList li.leftTopNavButton a:active, ul.topNavList li.leftTopNavButtonSelected a
{
	background-image: url('/Images/topNavButtonLeft_over.png');
	color: White;
}
ul.topNavList li.centerTopNavButton a
{
	background-image: url('/Images/topNavButtonCenter_default.png');
}
ul.topNavList li.centerTopNavButton a:hover, ul.topNavList li.centerTopNavButton a:active, ul.topNavList li.centerTopNavButtonSelected a
{
	background-image: url('/Images/topNavButtonCenter_over.png');
	color: White;
}
ul.topNavList li.rightTopNavButton a
{
	background-image: url('/Images/topNavButtonRight_default.png');
}
ul.topNavList li.rightTopNavButton a:hover, ul.topNavList li.rightTopNavButton a:active, ul.topNavList li.rightTopNavButtonSelected a
{
	background-image: url('/Images/topNavButtonRight_over.png');
	color: White;
}
ul.topNavList li.search
{
	margin-left: 10px;
	width: 100px;
}
ul.topNavList li.ssearch input
{
	width: 100px;
}
/* End Main Nav CSS */

/* Begin Peeldown CSS */
#bottomNav
{
	height: 32px;
}
#peelDown
{
	width: 678px;
	margin: 0 auto;
}
.peelDownLeftCorner
{
	background-image: url('/Images/topNavBottomLeftCorner.gif');
	float: left;
	height: 32px;
	width: 64px;
}
.peelDownCenter
{
	background-image: url('/Images/topNavBottomCenter.gif');
	background-repeat: repeat-x;
	float: left;
	width: 550px;
	height: 32px;
}
.peelDownRightCorner
{
	background-image: url('/Images/topNavBottomRightCorner.gif');
	float: left;
	height: 32px;
	width: 64px;
}
/* End Peeldown CSS */

/* Begin Main Content CSS */
#center
{
	background-image: url('/Images/bknd-gradient.gif');
	background-repeat: repeat-x;
	background-color: White;
	padding-bottom: 20px;
}
#main
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 0 20px;
	
}
.leftColumn
{
	float: left;
	width: 175px;
}
#mainContent
{
	padding-left: 20px;
	width: 765px;
	margin-top: 20px;
	float: left;
}
.topContent
{
	width: 100%;
	margin-bottom: 20px;
}
.centerColumn
{
	width: 570px;
	float: left;
	margin-right: 20px;
}
.rightColumn
{
	width: 175px;
	float: left;
}
.bottomContent
{
	width: 100%;
	margin-top: 20px;
}
/* End Main Content CSS */

/* CAS feature box on home page */
a.sideBoxLink
{
	/* }height: 40px; */
	clear: both;
	float: left;
	padding: 0 0 0px 0px;
	font-weight: bold;
	color: #666;
    width: 210px;
}
a.sideBoxLink span
{
	padding-top:5px;
	padding-left:7px;
	float: left;
	font-weight:normal;
	color:#2b2b2b;
	overflow:hidden;
	display:block;
}

/* CAS feature box on home page End*/

/* nba Begin new 3 column layout */
#wrapper {
	text-align: left;
	margin-top:20px;
	border:0;
	padding-top:0;
	width: 960px;
}


#leftNews {
	float: left;
	width: 300px;
	padding-right:25px;
	padding-top:10px;
}

#rightRibbon {
	float: right;
	width: 225px;
	padding-top:10px;
}

#ribbon 
{
	background:url('/Images/cas8Box_top.gif') no-repeat;
	width:225px;
}

#ribbon p 
{
	padding-bottom:0;
	padding-top:0;
	padding-left:10px;
	padding-right:10px;
	margin:0;
}

#ribbon #images 
{
	padding-right:15px;
	float:left;
}

#ribbon span 
{
	float:left;
}

#middleEvents { 
	float: left;
	width:385px;
	padding-right:25px;
	padding-top:10px;
}
/* nba End new 3 column layout */


/* Begin Footer CSS */
#footer
{
	width: 100%;
	background:url('/Images/footer_bg.png') repeat-x #4a4a4a;
	clear: both;
}
#footerContent
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
div.footerSection
{
	float: left;
	/*removed margin: 10px 15px 10px 20px;*/
	text-align: left;
	/*added*/padding-bottom:15px;
	/*added*/padding-top:10px;
}
div.footerSection a
{
	/*added*/padding-right:7px;
	text-decoration: none;
	color: #CCC;
	
/*removed display: block;*/
}

/*added*/div.footerSection a:hover, div.footerSection a:active
{
	text-decoration:underline;
	
/*removed display: block;*/
}

div.footerKeywordsRow
{
	float: left;
	margin-bottom: 30px;
}
div.footerKeywordsRow div
{
	width: 28%;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
}
div.footerKeywordsRow a
{
	color: White;
}
div.footerKeywordsRow h1
{
	color: White;
	font-size: 12pt;
	font-weight: bold;
	height: 40px;
	line-height: 22px;
}
div.footerKeywordsRow p
{
	color: #CCC;
}
div.footerKeywordsRow div.right
{
	margin-right: 0px;
	
}
div.footerSectionHeading
{
	color: White;
	font-weight: bold;
	font-size: 12pt;
	margin: 0 0 5px 0;
	/*width: 125px;*/
}
#footerContacts tr td
{
	font-size: 7.5pt;
	color: #CCC;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-right: 50px; /*original:20px*/
	border: 0;
}
#footerContacts tr td a
{
	color: #EEE;
	font-weight: bold;
	font-size: 7.5pt;
}
#footerContacts tr td a:hover
{
	text-decoration: underline;
}
.footerContactHeading
{
	font-weight: bold;
	font-size: 8pt;
}
/* End Footer CSS */

/* 3 Column layout */ 
.threeColumnContainer
{
	clear: both;
}
.thirdColumn
{
	float: left;
	width: 29%;
	padding: 10px 0;
	margin-right: 4%;
	font-size: 10pt;
	line-height: 14pt;
}

.thirdColumnHeader
{
	text-align: center;
	height: 120px;
	font-size: 11pt;
	font-weight: bold;
}

/* Partners Page */
div.partnersColumn_Header
{
	height: 206px;
	background: url('/Images/partnersBox_top_sprites.gif') no-repeat;
}

div.partnersColumn_Content
{
	background: url('/Images/partnersBox_middle_sprites.gif') repeat-y;
}

div.partnersColumn_Footer
{
	height: 4px;
	background: url('/Images/partnersBox_bottom_sprites.gif') no-repeat;
}
div.partnersColumn_ImageContainer
{
	text-align: center;
}
div.partnersColumn_ImageContainer a
{
	display: block;
	text-decoration: none;
	padding: 10px;
}
div.partnersColumn_ImageContainer a span
{
	display: block;
	color: #AAA;
	text-align: justify;
}
div.partnersColumn_ImageContainer a:hover span i
{
	text-decoration: underline;
}
div.partnersColumn_ImageContainer a:hover
{
	background-color: #F5F5F5;
	border: #DDD solid 1px;
	padding: 9px;
}

div.partnersColumn
{
	width: 230px;
	float: left;
	margin-right: 10px;
	padding: 10px;
}

div.partnersColumn h4
{
	font-size: 12pt;
	font-weight: bold;
	margin-top: 0;
}

/* Registration control */
.registerRow
{
	clear: both;
	margin-bottom: 10px;
}
.registerRow div
{
	width: 150px;
	float: left;
}
.registerRow div label
{
	display: block;
}
.registerRow div input
{
	width: 146px;
}
span.required
{
	color: red;
}

/* Random quote control */
.quote
{
	width: 175px;
}

.topQuote
{
	height: 4px;
	background-image: url('/Images/quoteBox_top.PNG');
}

.middleQuote
{
	background-image: url('/Images/quoteBox_middle.PNG');
	background-repeat: repeat-y;
	padding: 15px;
}

.bottomQuote
{
	height: 23px;
	background-image: url('/Images/quoteBox_bottom.gif');
}

.quoteSource
{
	padding-left: 10px;
}

.quoteSourceName
{
	font-weight: bold;
	font-size: 9pt;
	line-height: 12pt;
}

.quoteSourceTitle
{
	color: #999;
	font-size: 7.5pt;
	line-height: 10pt;
}

/* Navigation tree */
.navTree div
{
	position: relative;
}

.navTree div a
{
	display: block;
}

.navTree div a span
{
	display: block;
	width: 160px;
}

.navTreeLinkArrow
{
	position: absolute;
	right: 0;
	top: 5px;
}
div.secondLevelNavLinkContainer
{
	margin-left: 15px;
}
div.secondLevelNavLinkContainer div
{
	margin-top: 10px;
}
div.secondLevelNavLinkContainer div a img
{
	height: 6px;
	margin-right: 1px;
}

/* Job listing */
.careersHeading
{
	font-size: 14pt;
	margin-bottom: 10px;
}
.jobListingsContainer
{
	background: url('/Images/careersBox_top.gif') no-repeat;
	width: 521px;
}
.jobListings_Location
{
	margin-top: 10px;
	font-size: 9pt;
}
a.jobListingContainer_Link
{
	display: block;
	padding-left: 50px;
	background: url('/Images/button-plus-02_default.gif') no-repeat;
	cursor: pointer;
	font-weight: bold;
	color: #6181c9;
	line-height: 14pt;
}
a.jobListingContainer_Link:hover, a.jobListingContainer_Link:active, a.jobListingContainer_Link_Active
{
	background: url('/Images/button-plus-02_highlight.gif') no-repeat;
}
.jobListingContainer_Description
{
	margin-top: 20px;
	display: none;
}

.modalContainer
{
	display: none;
	
}
.modalContainer .modalBackground
{
	position:fixed; 
	top:0px; 
	bottom:0px; 
	left:0px;
	right:0px;
	overflow:hidden; 
	padding:0; 
	margin:0; 
	background-color:#000; 
	filter:alpha(opacity=50); 
	opacity:0.5; 
	z-index:1000;
}
.modalContainer .modalPopup
{
	position:fixed; 
	top:10%; 
	left:15%;
	padding:10px; 
	width:70%; 
	z-index:1001; 
	background-color:#fff;
	border:solid 1px #000;
	text-align: left;
	overflow:auto;
	max-height: 70%;
}

.personnelBioName
{
	font-size: 12pt; 
	color: #333;
}

.personnelBioTitle
{
	font-size: 9pt;
}

.personnelBioText
{
	margin-top: 10px;
	margin-bottom: 30px;
}

/* dynamic tab setup */
.bulletSeparator
{
	color: #AAA;
	float: left;
	line-height: 20pt;
	font-size: 10pt;
	margin: 0 10px;
}
a.dynamicTab
{
	float: left;
	padding-bottom: 5px;
	padding-top: 3px;
	margin-bottom: 5px;
	font-size: 10.5pt;
	color: #999;
	font-weight: bold;
	text-align: center;
	display: table;
}
a.dynamicTab
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
a.activeDynamicTab, a.dynamicTab:hover, a.dynamicTab:active
{
	background-image: url('/Images/arrow-feature_highlight.gif');
	background-repeat: no-repeat;
	background-position: bottom center;
	color: #5770A3;
}

div.featureBox
{
	width: 704px;
}
div.featureBox_Top
{
	height: 10px;
	background: url('/Images/featureBox_top.gif') no-repeat;
}

div.featureBox_Middle
{
	background: url('/Images/featureBox_middle.gif') repeat-y;
	padding: 0 10px;
}
.featureBox_Content
{
	background-color: White;
	padding: 20px 0 0 30px;
	width: 654px;
	color: #999;
	font-size: 10.5pt;
}
.featureBox_Content_DynamicContainer
{
	position: relative;
	height: 270px;
	overflow: hidden;
}
.featureBox_Content_DynamicContainer_ContentContainer
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	color: #333;
	background-color: #FFF;
	display: none;

}
.featureBox_Content_DynamicContainer_ContentContainer_Header
{
	font-size: 18pt;
	line-height: 18pt;
	font-weight: normal;
}
.featureBox_Content_DynamicContainer_ContentContainer_Text
{
	width: 350px;
	font-size: 10pt !important;
	line-height: 12pt;
}
.featureBox_Content_DynamicContainer_ContentContainer_Text_Disclaimer
{
	font-size: 7pt;
	line-height: 8pt;
}
.featureBox_Content_DynamicContainer_ContentContainer_Image
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 300px;
	height: 220px;
}
.featureBox_Bottom
{
	background: url('/Images/featureBox_bottom.gif') no-repeat;
	height: 37px;
}
.leftHeading
{
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 16pt;
	color: #333;
}

#video, #coverflow
{
	visibility: hidden;
}

#error
{
text-align: center;

}

#error strong {

display: block;

font-weight: bolder;
font-size: 1.2em;
margin: 35px 0;

}

#error ul 
{

list-style-type: none;
float: left;

}

#error ul li {

display: block;
float: left;
margin: 0 3px;

}

#error ul li#lastlink 
{
    clear: both;
    margin: 0;
}

/* Content styles - nba 15/03/10 */
p.grey {
	color:#666;
}

.logoSAP
{
    float:right;
    padding-left:10px;
}
.logoMS
{
    float:right;
}


/*Social Menu Footer*/
/*******EN**********/
ul#social-menu {
	width: 242px;
	list-style: none;
}

ul#social-menu li { display: inline; }
	
ul#social-menu li a {
	display: block; float: left; height: 34px;
	background-image: url(/Images/socialmenu-sprite.png); text-indent: -9999px;
}

	ul#social-menu li a.linked {
		width: 101px; background-position: 0 0;	
	}
	
	ul#social-menu li a.rss {
		width: 28px; background-position: -101px 0;	
	}
	
	ul#social-menu li a.news {
		width: 113px; background-position: -129px 0;	
	}

	
	
	ul#social-menu li a.linked:hover, ul#social-menu li a.linked:focus {
		background-position: 0 -34px;	
	}
	
	ul#social-menu li a.rss:hover, ul#social-menu li a.rss:focus {
		background-position: -101px -34px;	
	}
	
	ul#social-menu li a.news:hover, ul#social-menu li a.news:focus {
		background-position: -129px -34px;	
	}
	
	/*******DE********/
	ul#social-menu-de {
	width: 271px;
	list-style: none;
}

ul#social-menu-de li { display: inline; }
	
ul#social-menu-de li a {
	display: block; float: left; height: 34px;
	background-image: url(/Images/socialmenusprite-DE.png); text-indent: -9999px;
}

	ul#social-menu-de li a.linked {
		width: 130px; background-position: 0 0;	
	}
	
	ul#social-menu-de li a.rss {
		width: 28px; background-position: -130px 0;	
	}
	
	ul#social-menu-de li a.news {
		width: 113px; background-position: -158px 0;	
	}

	
	
	ul#social-menu-de li a.linked:hover, ul#social-menu-de li a.linked:focus {
		background-position: 0 -34px;	
	}
	
	ul#social-menu-de li a.rss:hover, ul#social-menu-de li a.rss:focus {
		background-position: -130px -34px;	
	}
	
	ul#social-menu-de li a.news:hover, ul#social-menu-de li a.news:focus {
		background-position: -158px -34px;	
	}
	
	/*Social Menu Footer End*/

.CustomerImageCell 
{
	padding:15px;
	 text-align:center;
}