/*  default style */

/* if mapping to SAP official colour palette is required:
   #225A8D -> #003366
   orange: buttons -> #ff9900 / #cc6600
   light grey:  #cccccc
*/


/* ______________ div structure _________________ */

/*  
html {}
  body {}
    #pagewrap {}
	    #header {}
    	    #menunavigation {}
            #logo {}
            #title {}
    	    #slogan {}
            #sitenavigation {}
    	#mainbody {}
		    #sidebar {}
    			#searchbox {}
                    # {}
                #mainnavigation {}
    			#news {}
    		#content {}
                #text {}
                    #az
                    #note {}
					#warning {}
					#newssection {}
            #footer {}
*/


/* ================ PAGE ========================= */

html,
body {
	background: #F1F1F1;
/*	background: #FF00CC; pink */
	color: #000000;
	font-family: tahoma, arial, sans-serif;
	font-size: 90%; /* 100% */
	height: 100%; /* Required */
	margin: 0; 
	padding: 0;
	}
	

/* ============== PAGEWRAP ========================*/

#pagewrap {
	background: #FFFFFF;
	color: #000000;
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For Internet Explorer */
	min-height: 100%; /* For Modern Browsers */
    width: 100%;
	}

/* ====================== HEADER ======================== */

#header {
	background: #F1F1F1 url(/layout/logo_header.gif) top left no-repeat;
	color: #000000;
/*	height: 5.7em;*/
	height: 80px;
	width: 100%;
	}

/* special header div for eclipse infocenter header -- needs fixed height etc. */
#headereclipse {
	background: #B5CBE7;
	color: #000000;
	height: 100px;
	width: 100%;
	}

/* --- HEADER: Logos --- */

#logo {
/*	background: url(/layout/logo_header.gif) #B5CBE7 top left no-repeat;*/
	color: #000000;
	height: 70px;
/*    height: 5.3em;*/
    position: absolute;
    width: 100%;
	z-index: 0;
    }

/* --- HEADER: Title --- */

#title {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
    font-weight: bold;
	margin: 8px 0 0 80px;
    position: absolute;
	z-index: 1;
	}

/* --- HEADER: slogan --- */

#slogan {
	color: #FF9900;
    font-size: 12px;
    font-weight: bold;
	margin: 34px 0 0 80px;
    position: absolute;
	z-index: 1;
	}
     
/* --- HEADER: menunavigation (Navigation 1, About and Contact) --- */
    
#menunavigation {
	display: none;
/*	background: inherit;
	color: #6493C2;
    margin: 1.9em 0 0 70%;
    padding: 0 0.5em 0 0;
    position: absolute;
  	z-index: 1;
*/
	}
	
#headereclipse #menunavigation {
	margin: 1.9em 0 0 50%;
	}


/* --- HEADER: docusearch --- */

/* replaces menunavigation on the Current Documentation pages */
#docusearch {
	background: transparent;
	color: #6493C2;
	font-size: 0.9em;
    margin: 0 4em 0 70%;
    padding: 0 0.5em 0 0;
    position: absolute;
  	z-index: 1;
	}

/* --- HEADER: sitenavigation (Navigation 2, links to related websites) --- */

#sitenavigation {
	background: #D8D9DA;
/*	background: #D8D9DA  url(/layout/graphic_header.gif) repeat-y top right;*/
	border-top: solid 1px #AAAAAA;
	border-bottom: solid 1px #666666;
	color: #003366;
	margin: 58px 0 0 0;
/*    margin: 4.1em 1em 0 0;*/
	padding: 0.2em 0 0.3em 0;
    position: absolute;
	text-align: right;
	width: 100%;
    z-index: 1;
    }

/* ================ MAIN BODY ====================- */

#mainbody {
    background: #003366;
/*	background: #00FFFF;  türkis */
	color: #000000;
	/*border-bottom: 1px solid #575757;*/
	}
	
/* ============== SIDEBAR ======================- */
	
#sidebar {
	position: absolute;
	width: 17em;
    z-index: 0;
    }

/* --- SIDEBAR: Searchbox --- */
    
#searchbox {
	background: #003366;
	border-bottom: 1px solid #99B3CD;
    color: #003366;	
	padding: 0.1em 0 3em 0.5em;
    }  
 
/* --- SIDEBAR: mainnavigation (Navigation 3: MaxDB website internal) --- */
    
#mainnavigation {
	background: #003366;
	/*border-bottom: 1px solid #369;*/
	border-bottom: 1px solid #99B3CD;
	color: #ffffff;
	padding: 0.4em 0 3em 0.5em;
	/*height: 30em;*/    }
 
/* --- SIDEBAR: news --- */
 
#news {
    /* newsbox, not used at the moment */
	background: #EEE;
	color: #225A8D;
	padding: 0.1em 0 1em 0.5em;
    }
       
/* ================= CONTENT ===================- */

#content {
	background: #003366; 
/*    background: orange; */
	padding: 0 0 0 17em;
	}

/* --- CONTENT: text --- */
  
#text {
	background: #ffffff;
/*	border-left: solid 1px #666666;
	border-top: 1px solid #575757;*/
    padding: 0.6em 3em 1.2em 3.6em;
	}
	
#newssection {
	/* news section on home page */

	}
  
/* --- CONTENT: text: az --- */

/* for the A-Z Index page */
#az {
	}	
  
/* --- CONTENT: text: note, warning, currentevent, message --- */
    
#note {
	background: #eef4fa;
/*    background: #dfeaf5;*/
/*    border: solid 1px #B5CBE7;*/
	color: #000000;
    margin: 2em 0 2em 0;
	padding: 0.1em 1em 0.1em 1em;
    width: 80%;
    }
     
#warning {
	background: #FFEFD5;
/*    border: solid 1px #EE7600;*/
	color: #000000;
    margin: 2em 0 2em 0;
	padding: 0.1em;
    width: 80%;
	}
	 
#currentevent {
	background: #FFF9BF;
/*    border: solid 1px #FFE500;*/
	color: #000000;
    margin: 2em 0.2em 1.2em 0.2em;
	padding: 0.1em;
	width: 40%;
	}	
	 
#message {
    background: #dfeaf5;
    border: solid 1px #B5CBE7;
	color: #000000;
    margin: 2em;
    padding: 0.6em 2.2em 1.1em 2.2em;
    width: 80%;
    }

#spacer {
	
	}

/* ================== FOOTER ================== */
		
#footer {
	/*border-left: 1px solid #575757;*/
	background: #D8D9DA;
	border-top: solid 1px #AAAAAA;
	border-bottom: solid 1px #666666;
   	bottom: 0 !important;
	bottom: -1px; /* For certain IE widths */
	clear: both;
	margin: 0;
	padding: 0.1em 0.6em 0.1em 0.1em;
	text-align: right;
	}

/* ================ Forms ================ */

form {
    border: solid 1px #bdcebb;    
    background: #F7F7F7;
	color: #000000;
    margin: 1em 1em 2em 0;
    padding: 0.8em 0 1.2em 1.8em;
    }

/* div for making section look like a form, for example on the Avanced Search page */
#fakeform {
    border: solid 1px #bdcebb;    
    background: #F7F7F7;
	color: #000000;
    margin: 1em 1em 2em 0;
    padding: 0.8em 0 1em 1.8em;
	}
	
#searchbox form {
	background: #003366;
	border: none;
	color: #000000;
	margin: 0;
	padding: 0;
    }

#docusearch form {
	background: inherit;
	border: none;
	color: #000000;
	margin: 0;
    padding: 0.2em 0 0 0.4em;
    }

select {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	}

option {
	padding: 0 1em 0 0;
	width: 15em;
	}

#searchbox option {
	width: 7.1em;
	}

label {
	display: block;
	font-weight: normal;
	margin: 0 0.4em 0 0;
	padding: 0 0 0.2em 0;
	}

input {
    margin: 0 0.4em 0 0;
    padding: 0.2em;
	}
	
/*input[type=text]:focus,
select:focus,
textarea:focus {
    background: #fffde9;
    color: black;
    }
*/

:focus {
    background: #fffde9;
    color: black;
    }

/* for search term input box */
p.searchinput {
	margin: 0 0 1em 0;
	}

/* for checkbox labels  */
.checkbox {
	display: inline;
	font-weight: normal;
	margin: 0 1em 0 0;
	}

/* for input elements of type submit, Internet Explorer does not support input[type="submit"] */
.button {
	background: #dfeaf5;
	color: #003366;
	/*font-weight: bold;*/
	padding: 0 0.1em 0 0;
	}

/* ================ Paragraph formats ================ */

p	{ 
	font-size: 0.9em;
	line-height: 1.5; /* 1.4em; the value of line-height is a multiplier: 1.25 x 12pt = 15 pt */
	/*margin: 0.6em 0 0 0;*/
	margin: 1.5em 0 1.5em 0;
	padding: 0;
    }

/* in lists and tables, mark up single paragraphs without the p tag, multiple paragraphs with p tags; avoid line breaks */
li p {
	font-size: 100%;
	margin: 0.2em 0 0.2em 0;
	}
	
td p {
	font-size: 100%;
	}

/*#searchbox p {
	margin: 0;
	padding: 0.1em 0 0 0.6em;
	}
*/

#sidebar p {
	margin: 0;
	padding: 0.4em 0 0 1.2em;
	}

#footer p {
	margin: 0.2em;
	padding: 0;
	}

/* de-italicize address */
address {
	font-style: normal;
	}

/* ================ Character formats ================ */

code {
    font-family: courier, monospace;
	}
	
code.input {
	font-weight: bold;
	}

code.output {
	font-weight: normal;
	}
	
strong	{
	background: inherit;
	color: #003366;
	font-style: normal;
	font-weight: bold;
	}

em	{
	font-style: italic;
	}
	
pre {
		
	}

/*.explanation {
	font-size: 0.8em;
	margin: 0;
	padding: 0 0 1em 0.8em;
	}
	*/

/* class for highlighting current page in navigation */
.current {
	font-weight: bold;
	}
	
/* class for download buttons, works in combination with image, see also Links section (for background images) */ 
.textbutton {
 	display: block;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    padding: 4px 0 0 0;
    margin: 3em 0 3em 3.8em;
	text-align: center;
    width: 160px;
    }

/* class for RSS buttons, works in combination with image, see also Links section (for background images) */ 
.rssbutton {
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
	margin: 0.6em 0 0 0;
    padding: 0;
    text-align: center;
	width: 85px;	
    }

/**/

/* hide elements (only visible for text browsers ands screen readers) */
.access {
	left: -999px;
	position: absolute;
	width: 990px;
	
	/*	display: none; */
	/* apparently some screen readers hide display=none elements */
	
	/* the following workaround doesn't work for me */
	/*	font-size: 1px;
	line-height: 1px;
	height: 0;
	margin: 0;
	padding: 0;
	max-height: 0;
	overflow: hidden;	
	width: 0;
	visibility: hidden;
	*/
	}

/* ================ Images ==============- */

img {
	vertical-align: bottom;
	}

a img,
:link img,
:visited img {
	border: none;
	}

/* The following is for inserting screenshots in procedures, within lists, to get sufficient margins */
/* li img {
	padding-top: 0.3em;
	padding-bottom: 1.2em;
	}
*/

/* class imglink needs to be applied to linked images in order to avoid ugly underline effect */	
.imglink {
	background: transparent;
	color: inherit;
	text-decoration: none;
	}
	
/* ================ Links ================ */

/* NOT working: 

* a[name],
* a[name]:link,
* a[name]:visited,
* a[name]:hover,
* a[name]:active {
	background-color: inherit !important;
	color: inherit !important;
	text-decoration: none;
	}

USE this instead:
 
:link:focus, :visited:focus 
:link 
:visited 
:link:hover, :visited:hover 
:link:active, :visited:active 
*/

/* add rules for a:focus, if necessary */

a	{
	
	}

#header :link,
#header :visited {
	background: inherit;
	color: #003366;
	text-decoration: none;
	}
	
#header :link:hover,
#header :link:active,
#header :visited:hover,
#header :visited:active {
	text-decoration: underline;
	}
	
/**/

#headereclipse :link,
#headereclipse :visited {
	background: inherit;
	color: #003366;
	text-decoration: none;
	}
	
#headereclipse :link:hover,
#headereclipse :link:active,
#headereclipse :visited:hover,
#headereclipse :visited:active {
	text-decoration: underline;
	}

/**/

#headereclipse #menunavigation :link,
#headereclipse #menunavigation :visited {
	background: inherit;
	color: #cc6600;
	text-decoration: none;
	}
	
#headereclipse #menunavigation :link:hover,
#headereclipse #menunavigation :link:active,
#headereclipse #menunavigation :visited:hover,
#headereclipse #menunavigation :visited:active {
	text-decoration: underline;
	}

/**/
	
#sidebar :link,
#sidebar :visited {
	background: inherit;
	color: #ffffff;
	text-decoration: none;
    }
	
#sidebar :link:hover,
#sidebar :link:active,
#sidebar :visited:hover,
#sidebar :visited:active {
	background: inherit;
	color: #9CC;
	text-decoration: underline;
	}

/* */

#sidebar h3 .current:link,
#sidebar h3 .current:visited {
/*	background: #98B4D8;*/
	color: #ffffff;
	margin: 1.2em 0 0 -0.3em;
	padding: 0 0.2em 0 0.3em;
	text-decoration: none;
    }
	
#sidebar h3 .current:link:hover,
#sidebar h3 .current:link:active,
#sidebar h3 .current:visited:hover,
#sidebar h3 .current:visited:active {
/*	background: #6089BF;*/
	color: #CFE6E6;
	padding: 0 0.2em 0 0.2em;
	text-decoration: underline;
	}


/**/

#news :link,
#news :visited {
	background: inherit;
	color: #225A8D;
    }

#news :link:hover,
#news :link:active 
#news :visited:hover,
#news :visited:active {
	background: inherit;
	color: #4B8BC7;
    }

/**/

#text :link {
	background: inherit;
	color: #003366;
	}

#text :visited {
	background: inherit;
	color: #6230BF;
	}

#text :link:hover,
#text :link:active {
	background: inherit;
	color: #4B8BC7;
	text-decoration: underline;
	}

#text :visited:hover,
#text :visited:active {
	background: inherit;
	color: #BF7A30;
	text-decoration: underline;
	}

	
 /**/

#components :link,
#components :visited {
	background: inherit;
	color: #ffffff;
	text-decoration: none;
	}

#components :link:hover,
#components :link:active,
#components :visited:hover,
#components :visited:active {
	background: inherit;
	color: #ffffff;
	text-decoration: underline;
	}

/**/

#text .textbutton:link,
#text .textbutton:visited {
	background: transparent url(/layout/button_download_link.png) no-repeat;
	color: #3f3f3f;
	text-decoration: none;
	}

#text .textbutton:link:hover,
#text .textbutton:link:active,
#text .textbutton:visited:hover,
#text .textbutton:visited:active {
	background: transparent url(/layout/button_download_active.png) no-repeat;
	color: #369;
	text-decoration: underline;
	}

/**/

#news .rssbutton:link,
#news .rssbutton:visited,
#text .rssbutton:link,
#text .rssbutton:visited {
	background: transparent url(/layout/rss_neu_link.png) no-repeat;
	color: #3f3f3f;
	text-decoration: none;
	}

#news .rssbutton:link:hover,
#news .rssbutton:link:active,
#news .rssbutton:visited:hover,
#news .rssbutton:visited:active,
#text .rssbutton:link:hover,
#text .rssbutton:link:active,
#text .rssbutton:visited:hover,
#text .rssbutton:visited:active  {
	background: transparent url(/layout/rss_neu_active.png) no-repeat;
	color: #369;
	text-decoration: underline;
	}
	
/**/

#footer :link {
	background: inherit;
	color: #003366;
	}

#footer :visited {
	background: inherit;
	color: #756183;
	}
	
#footer :link:hover,
#footer :link:active,
#footer	:visited:hover,
#footer :visited:active {
	background: inherit;
	color: #4B8BC7;
	text-decoration: underline;
	}
	
/* class for external links */	
.external {
	}

.external:after {
	content: url(/layout/external.png);
	margin: 0 0.4em 0 0.2em;
	}
	
/* ================ Headings ================ */

h1,
h2,
h3 {
	background: inherit;
	color: #003366;
    font-weight:bold;
	}

h1	{
	margin: 1.2em 0 0 0;
	font-family:arial,sans-serif;
	font-size: 1.4em;
	}
	
h2	{
	margin: 2em 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
    }

h3	{
	margin: 2em 0 0 0;
	font-size: 0.9em;
	}

#text form h3 {
	margin: 3em 0 0 0;
	}

#sidebar h3 {
   	font-family: tahoma,arial,sans-serif;
	font-size: 1em;
/*	margin: 0.8em 0 0 0; */
	padding: 0 0 0.1em 0;
    }
	
#newssection h3 {
	margin: 0;
	padding: 0;
	}
	
#az h3 {
    background: #eee;
	color: inherit;
	}

#newssection ul h3 {
	font-size: 1em;
	}

/* ================ Lists ================ */

/* reset margins and padding in order to get similar behaviour across different browsers */
ul,
ol {
	margin: 0;
	padding: 0 0 0 1em;
	}

li {
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 0.2em 0 0 0;
	}

/* make font-size in nested list the same for second-level list items */
li li {
	font-size: 100%;
	}

#text form ul {
	margin: 0.8em 0 0 0;
	width: 60%;
	}

/* --- */
	
#header ul,
#headereclipse ul {
	padding: 0 1em 0 0;
	}

#header li,
#headereclipse li {
/*	background: yellow;*/
	/*border-right: solid 1px #003366;*/
	display: inline;
    /*margin: 0 8px 0 0;
	padding: 0 4px 0 0;*/
	}

/**/

#sidebar ul {
    list-style-type: none;
	margin: 0 0 0 0.3em;
	padding: 0 0 0 0.3em;
    }

/**/

#sidebar li {
	padding: 0.2em 0 0 0.5em;
	}

/**/

#text ul,
#text ol {
	margin: 0.4em 0.2em 0 3em;
	}

#newssection ul {
	margin: 0.4em 0 0 2.4em;
	}

#newssection li {
	padding: 1em 0 0 0;
	}

/* ================ Tables ================ */

table {
	border-collapse: collapse;
	border: 1px solid #bdcebb;
	font-size: 0.9em;
    margin: 1em 0 1em 0;
	}

th	{
	background: #EEE;
	border-bottom: 1px solid #bdcebb;
	color: #000000;
	font-weight: bold;
	padding: 0.2em 0.4em; 
    text-align: left;
	}
		
caption {
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 0 0 0.4em 0;
	text-align: left;
	}
			  
td	{
	border-bottom: 1px solid #bdcebb;
	padding: 0.4em;
	vertical-align: top;
    }

/* in table cells, mark up single paragraphs without the p tag, multiple paragraphs with p tags; avoid line breaks */
/*td p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	}
*/

#components table {
	border: none;
	margin: 1.4em 2% 4em 2%;
	width: 94%;
	}

#components td {
	padding: 1em;
	border-top: 5px solid #ffffff;
	border-right: 15px solid #ffffff;
	}

#components p {
	padding: 0 0.2em 0.2em 1.4em;
	}

/*columns*/

.componentscolumn1 {
    background: #3399cc;
	color: #FFFFFF;
	width: 30%;
	}

.componentscolumn2 {
    background: #6699cc;
	color: #FFFFFF;
	width: 30%;
	}

.componentscolumn3 {
    background: #663366;
	color: #FFFFFF;
	width: 30%;
	}

/*rows*/

.componentstop {
	background: inherit;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	}

.componentsmiddle {
	}
	
#components td.componentsbottom {
	background: #003366;
	border-top: 15px solid #ffffff;
	color: #ffffff;
	font-weight: bold;
	padding: 2em 0 2em 0;
	text-align: center;
	}

/* ================ Definition lists ================ */

/* used in htdig search results, among others, see .../htdig/long.html */
dl {
	font-size: 0.9em;
    margin: 0 0 1.2em 0;
	padding: 0;
    width: 80%;
    }

dd {
	margin: 0;
	padding: 0.4em 0 0 0;
	}