html,body {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div#scrollBox {
	width:100%;
	height:100%;
	overflow: auto;
}

table#documentContentWindow {
	border-collapse: collapse;
	border: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	font-family: "Bosch Office Sans", Arial, sans-serif;
}

table#documentContentWindow #documentContentHeader {
	margin-top: 20px;
	margin-bottom: 15px;
	border-bottom: 1px #B1BDC7 solid;
}

table#documentContentWindow #documentContentHeader h1 {
	 color: #3C7495;
	 font-size: 18px;
	 padding-top: 10px;
}

table#documentContentWindow #documentContentHeader p.SapLink {
	padding-bottom: 12px;
}

table#documentContentWindow #documentContentHeader p a.SapLink {
	color: #003859;
	font-size: 12px;
	font-weight: bold;
}

table#documentContentWindow #documentContentHeader a.SapLink:hover {
	color: #5A92B3;
}

table#documentContentWindow #documentContentHeader p.description {
	padding-bottom: 12px;
	color: #142534;
	font-size: 12px;
}

table#documentContentWindow #documentContentOptions {
	background-color: #EBEEF1;
	height: 35px;
}

table#documentContentWindow #documentContentOptions p.instructions {
	color: #3C4D5C;
	font-size: 16px;
}

table#documentContentWindow #documentContent {
	background-color: #FFFFFF;
	background-image: url("images/document.content.panel.bg.png");
	background-repeat: repeat-x;
	vertical-align: top;
	height: 100%;
}

table#documentContentWindow #documentContent table {
	border-collapse: collapse;
	table-layout: fixed;
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	font-family: "Bosch Office Sans", Arial, sans-serif;
}

table#documentContentWindow .ContentPanel,
table#documentContentWindow .ContentPanelHovered {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 142px;
}

table.Panel {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 142px !important;
}

table.Panel td {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: center;
	font-family: "Bosch Office Sans", Arial, sans-serif;
}

table.Panel td.PanelCaption {
	background-image: url("images/document.content.panel.gif");
	background-repeat: no-repeat;
	padding-top: 7px;
	vertical-align: middle;
	height: 40px;
	color: #003859;
	font-size: 14px;
	font-weight: bold;
}

table.Panel td.PanelMainButton {
	background-color: #ffffff;
	background-image: url("images/document.content.panel.gif");
	background-repeat: no-repeat;
	background-position: 0px -40px;
	height: 70px;
}

table.Panel td.PanelMainButton a img {
	background-image: url("images/document.content.panel.buttons.png");
	width: 64px;
	height: 64px;
}

table.Panel .PanelInstructions {
	background-color: #ffffff;
	background-image: url("images/document.content.panel.gif");
	background-repeat: no-repeat;
	background-position: 0px -110px;
	color: #506170;
	font-size: 12px;
	height: 100px;
}

table.Panel .PanelOptions {
	background-color: #ffffff;
	background-image: url("images/document.content.panel.gif");
	background-repeat: no-repeat;
	background-position: 0px -210px;
	padding-left: 1px;
	padding-right: 1px;
	vertical-align: bottom;
	height: 100%;	
}

table.Panel .PanelOptions .Options {
	visibility: hidden;
	background-image: url("images/document.content.panel.options.bg.png");
	background-repeat: repeat-x;
	vertical-align: bottom;
	width: 100%;
	height: 145px;
}

table.Panel .PanelOptions .Options .FileFormatTitle {
	color: #3C4D5C;
	font-size: 12px;
	font-weight: bold;
	padding-top: 50px;
	padding-bottom: 14px;
}


/* enabled */
	


#eLearningPanel .Panel .PanelMainButton a img {
	background-position: 0px 0px;
}
#eLearningPanel .Panel .PanelMainButton a:hover img {
	background-position: 0px -64px;
}

#assessmentPanel .Panel .PanelMainButton a img {
	background-position: -64px 0px;
}
#assessmentPanel .Panel .PanelMainButton a:hover img {
	background-position: -64px -64px;
}

#documentationPanel .Panel .PanelMainButton a img {
	background-position: -128px 0px;
}
#documentationPanel .Panel .PanelMainButton a:hover img {
	background-position: -128px -64px;
}

#shortInstructionPanel .Panel .PanelMainButton a img {
	background-position: -192px 0px;
}
#shortInstructionPanel .Panel .PanelMainButton a:hover img {
	background-position: -192px -64px;
}

#exerciseSheetPanel .Panel .PanelMainButton a img {
	background-position: -256px 0px;
}
#exerciseSheetPanel .Panel .PanelMainButton a:hover img {
	background-position: -256px -64px;
}

#externalDocumentPanel .Panel .PanelMainButton a img {
	background-position: -128px 0px;
}
#externalDocumentPanel .Panel .PanelMainButton a:hover img {
	background-position: -128px -64px;
}


/* hovered */

.ContentPanelHovered .Panel .PanelCaption {
	color: #5A92B3;
}

.ContentPanelHovered .Panel .PanelMainButton,
.ContentPanelHovered .Panel .PanelInstructions,
.ContentPanelHovered .Panel .PanelOptions {
	background-image: url("images/document.content.panel.hover.png");
	background-repeat: repeat-y;
}

.ContentPanelHovered .Panel .PanelOptions .Options {
	visibility: visible;
}


/* file format links */


table.FileFormatLinkTable {
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 35px !important;
	font-family: "Bosch Office Sans", Arial, sans-serif;
}

table.FileFormatLinkTable td.FileFormatLink {
	text-align: center;
	width: 32px !important;
}

a.FileFormatLink .FileFormatCaption {
	color: #142534;
	font-size: 10px;
}

a.FileFormatLink:hover .FileFormatCaption {
	text-decoration: underline;
}

a.FileFormatLink img.FileFormatIcon {
	width: 16px;
	height: 16px;
}

div#history p {
	margin-top: 0px;
}