ul.nde-menu-system, ul.nde-menu-system ul
{
  	display: block;
  	margin: 0;
  	padding: 0;
}

ul.nde-menu-system li
{
  	margin: 0px;
  	padding: 0.25em 0 0 0;
  	font-size: 90%;
  	display: inline;
  	position: relative;
		font-weight: bold; 
		background-color: none !important;
}

/* 
nested lists inside of the top level items are initially 
not displayed
*/
ul.nde-menu-system li ul
{
  display: block;
  position: absolute;
  left: 0;
  top: 1.6em !important;
  z-index: 1000;
  visibility: hidden;
  width: 14em;
  border-top: 2px solid white;
}

/*
fix up the submenu items
voice-family lines screen correct CSS values from browsers that
improperly lay out block-level boxes and have broken CSS parsers
(IE5.5/Win)
*/
ul.nde-menu-system li ul li {
	font-weight: normal;
	text-decoration: none;
  	margin: 0 0 0 -1.5em;
  	padding: 0;
  	display: block;
  	width: 100%;
  	border: 2px solid rgb(66%,66%,66%);
  	border-width: 0 1px 1px;
  	list-style: none;
  	background-color: rgb(97%,97%,97%);
  	voice-family: "\"}\""; voice-family: inherit;
  	margin-left: 0;
}

ul.nde-menu-system li a
{
  display: inline;
	color: white; 
  margin: 0;
  padding: 0.4em 0.3em 0.4em 0.3em;
}

/* override excessive padding which is included
   to deal with IE/Win problems with a selector it
   doesn't understand to hide the declaration */
html>body ul.nde-menu-system li a
{
  padding: 0.4em 0.5em 0.3em 0.33em;
}

ul.nde-menu-system li a:hover
{
  background-color: gray;
}

ul.nde-menu-system li ul li a
{
  display: block;
  margin: 0;
  padding: 3px 2.5%;
  border-width: 0;
  width: 100%;
	text-decoration: none;

  voice-family: "\"}\""; voice-family: inherit;
  width: 95%;
}

/* needed to keep IE from bubbling events
from items that are not contained but only
covered. */
ul.nde-menu-system
{
}

ul.nde-menu-system li.submenu ul a
{
  color: black !important;
}
/*
for css based versions extend the li
below the menu so that the mouse will
stay over the li and keep the hover active
*/

ul.nde-menu-system li.submenu:hover
{
  padding-bottom: 30em;
}

ul.nde-menu-system li.submenu:hover ul 
{
  left: 0;
  visibility: visible;
}
@media print {
	
	body {
		border: none;
		font-size: 10pt;
	}
	
	#content {
		margin: 0;
	}

}

.loginPage h2 {
	margin-bottom: 60px;
	border-bottom: 2px solid gray;
}


.stopWatchStatistics {
 display: none;
}





* {
margin: 0;
padding: 0;
}

ul {
		list-style: square;
}

/* CSS Document */
	/* ************************************************************************************************************ */
	/* layout 
*/
#navbar {
	position: absolute;
	z-index: 1000;
	top: 2px;
	left: 25px;
	margin: 1px 0 0 0;
	padding: 0.33em 0;
	line-height: 1em
}

html>body #navbar {
	width: 450px;
}

body {
	margin: 0;
	padding: 0px;
	background-color: #FFFFFF;
	background-color: #999999;
	background-image: url(gfx/background.png);
	background-repeat: repeat-x;
	}


.header {
	margin: 0;
	color: #fff;
	border-top: 28px solid;
	border-bottom: 3px solid;
	border-left: 3px solid;
	border-right: 3px solid;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-right: 26px;
	padding-left: 25px;
	margin-left: 0px;
	margin-right: 0px;
}

.rightHeader {
  float: right;
  width:  40%  
}

.leftHeader {
}

#footer {
	clear: both;
	margin: 0;
	padding: 5px 23px;
	color: #ffffff;
}

#footerLogo {
  margin-top: 5px;
  margin-bottom: 5px;
}



#content {
	padding: 35px 25px 30px 25px;
}

#profile {
	position: absolute;
	z-index: 100;
	top: 3px;
	right: 30px;
	margin: 0;
	text-align: right;
	color: white;
}

#profile a {
	color: white;
}



#locationBar {
	height: 1%;
	margin: 0px 0px;	
	padding: 5px 26px 7px 30px;
	font-size: 90%;
	background-color: #EEEEEE !important;
	
}


#locationBar p {
	margin: 0;
	text-align: left;
}

.one-step-navigation {
	font-size: 90%;
	clear: both; 
	padding: 5px 30px;
	text-align: right;	
	background-color: #F0F0F0 !important;
	
}


/* 

.communityPage #footer {
	background-image: url(logo2-community.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.containerPage #footer {
	background-image: url(logo2-container.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.learningPage #footer {
	background-image: url(logo2-learning.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.contentPage #footer {
	background-image: url(logo2-content.gif);
	background-repeat: no-repeat;
	background-position: left;
}



.containerPage .header {
	background-image: url(wuerfel-container.gif);
	background-repeat: no-repeat;
	background-position: left;
}



.learningPage .header {
	background-image: url(wuerfel-learning.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.contentPage .header {
	background-image: url(wuerfel-content.gif);
	background-repeat: no-repeat;
	background-position: left;
}



.communityPage .header {
	background-image: url(wuerfel-community.gif);
	background-repeat: no-repeat;
	background-position: left;
}
*/


#contentProfilingSettingsViewlet {
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: right; 
}


#contentProfilingSettingsViewlet p {
	margin: 0px;
}


.header h1, .header .page-description {
	line-height: 100%;
	font-size: 90%;
}

#statusblock {
	float: right;
	text-align: right;
}


.overviewBox-entries {
	display: block;
	font-size: 80%;
	color: gray;
}


.chatFlash {
	margin-top: 10px;	
}

#instanceLogo {
  float: right;
  margin-left: 10px; 
}


 .editModeIcon {
 	float: right;
	margin-top: 2px;
	margin-left: 10px; 	

 } 	

#topbar {
	position: absolute;
	top: 0px; 
 	left: 0px;
 	height: 28px;
 	width: 100%; 
 	z-index: 0;
 }




.layout-left-75 {
  float: left;
  width: 74%;
  margin: 0px;
}

.layout-right-25 {
  float: left;
  width: 25%;
  margin: 0px;
  margin-left: 10px;
}

#search {
	float: right; 
}


.copyright {
	margin-top: 0px;
	clear: both; 
	padding: 10px 20px 30px 20px;
}

#logger {
	clear: both; 
	background-color: #666666;
	font-size: 80%;
	margin: 25px;
	font-family: Courier;
	padding: 10px;
	color: lime;	
}




/* column container */
.colmask {
    position:relative;  /* This fixes the IE7 overflow hidden bug */
    clear:both;
    width:100%;         /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colmid, .colleft {
    float:left;
    width:100%;
    position:relative;
}
.col1, .col2, .col3 {
    float:left;
    position:relative;
    padding:0;
    overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu {
        /* right column background colour */
}
.rightmenu .colleft {
    right:25%;          /* right column width */
          /* left column background colour */
}
.rightmenu .col1 {
    width:75%;          /* left column content width (left column width minus left and right padding) */
    left:25%;           /* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
    width:25%;          /* right column content width (right column width minus left and right padding) */
    left:25%;           /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (double page) settings */
    .doublepage {
        /* right column background colour */
}
.doublepage .colleft {
    right:50%;          /* right column width */
         /* left column background colour */
}
.doublepage .col1 {
    width:50%;          /* left column content width (column width minus left and right padding) */
    left:50%;           /* right column width plus left column left padding */
}
.doublepage .col2 {
    width:50%;          /* right column content width (column width minus left and right padding) */
    left:50%;           /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

.col1 .viewlet2 {
    margin-right: 10px; 
}
.col2 .viewlet2 {
    margin-left: 10px; 
}


/* CSS Document */
	/* ************************************************************************************************************ */
	/* typography */
.small-link {
	font-size: 75%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 80%;
}

.header .page-title {
	margin: 0px;
	font-size: 110%;
	font-weight: bold;
	margin-top: 5px;
}

.header .page-description {
	margin: 0px;
	margin-top: 0px;
	font-size: 90%;
	line-height: 120%;
}

.viewlet ul li {
	margin-bottom: 10px;
}

.viewlet dl {
	list-style: square inside;
	margin-left: 20px;
}

.viewlet dl dt {
	margin-top: 20px;
	font-weight: bold;
	margin-left: 20px;
	display: list-item;
	list-style: square outside;
}

.viewlet dl dd {
	margin-left: 20px;
}

.searchword {
	background-color: yellow;
}

.listOptions {
	font-size: 80%;
}

.commonAttachedDocuments {
	font-size: 80%;
	margin-top: 5px;
}

.commonAttachedDocumentsDescription {
	font-style: italic;
}

.postingAuthor {
	font-size: 100%;
}

.postingAuthorDescription {
	font-style: italic;
}

.postingDocuments {
	font-size: 100%;
	margin-top: 5px;
}

.postingDocumentsDescription {
	font-style: italic;
}

.postingTitle {
	font-weight: bold;
}

.postingBody {
	margin-bottom: 10px;
}

.forumInfoBox,.threadInfoBox {
	padding: 10px 18px;
	font-size: 75%;
	width: auto;
	color: #17385E;
	background-color: #CBD2D7;
}

.forumInfoBox .forumInfo,.threadInfoBox .forumInfo {
	margin: 0;
	padding: 0px;
}

.forumInfoBox .threadInfo,.threadInfoBox .threadInfo {
	margin: 0;
	padding: 0px;
}

.isActive {
	text-align: center;
	line-height: 100%;
}

.idleTime {
	font-size: 80%;
}

.maintenance {
	margin-left: 5pt;
	color: red;
	font-weight: bold;
	font-size: 90%;
}

a.selected {
	text-decoration: none;
}

a img {
	border: 0;
}

.tourTOC {
	margin: 20px 0px !important;
	padding: 0px !important;
}

.tfkAwareList {
	list-style: none;
	margin-left: 30px;
	padding-left: 20px;
}

.tfkAwareList .tfkAwareList {
	list-style: none;
	margin-left: 10px;
	padding-left: 20px;
}

.tourTOC li {
	text-indent: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	padding-left: 0px;
}

p.abstract {
	font-weight: bold;
}

.boxTitle {
	padding: 5px 10px;
	background-color: #406F8F;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 100%;
}

.box {
	margin: 30px 0px;
    clear: both;
}


.hde_note1Box .boxTitle {
	border: 2px solid #009900;
	background-color: white; 
	color: #333333;
	font-variant: normal;
	padding-right: 5px;
}
.hde_note2Box .boxTitle {
	border: 2px solid #66C266;
	background-color: white; 
	color: #333333;
	font-variant: normal;
	padding-right: 5px;
}
.hde_note3Box .boxTitle {
	border: 2px solid #FF7F7F;
	background-color: white; 
	color: #333333;
	font-variant: normal;
	padding-right: 5px;
}
.hde_note4Box .boxTitle {
	border: 2px solid #FF0000;
	background-color: white; 
	color: #333333; 
	font-variant: normal;
	padding-right: 5px;
}
.hde_majorBox .boxTitle {
    border: 2px solid #FF0000;
    background-color: white; 
    color: #333333; 
    font-variant: normal;
    padding-right: 5px;
}
.hde_koBox .boxTitle {
    border: 2px solid #FF0000;
    background-color: white; 
    color: #333333; 
    font-variant: normal;
    padding-right: 5px;
}



.hde_note1Box .boxBody {
	background-color: white !important; 
}
.hde_note2Box .boxBody {
	background-color: white !important; 
}
.hde_note3Box .boxBody {
	background-color: white !important; 
}
.hde_note4Box .boxBody {
    background-color: white !important; 
}
.hde_majorBox .boxBody {
    background-color: white !important; 
}
.hde_koBox .boxBody {
    background-color: white !important; 
}

.hde_note_text {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 150%; 
}

.hdeIcon {
	float: right;
}

.warningBox .boxTitle {
	background-color: #666666;
}

.warningBox .boxBody {
	background-color: #FFFFCC;
}

.warningBox {
	margin-top: 20px;
	margin-bottom: 20px;
}

.hde_note1Box .boxBody, 
.hde_note2Box .boxBody, 
.hde_note3Box .boxBody, 
.hde_note4Box .boxBody {
	background-color: #F0F0F0;	
}



.boxBody {
	padding: 10px 10px 0px 0px;
	margin: 0px;
	border: 1px solid #BBBBBB;
	background-color: #EEEEEE;
}

.tableBox .boxBody  , .mediumBox .boxBody {
	background-color: #FFFFFF;
	border: none;
}

.boxCaption {
	margin: 0px;
	padding: 5px 10px;
	background-color: #FFFFFF;
	font-size: 120%;
	text-align: center;
}

.boxCaption p {
	margin: 0px;
}

.boxBody p {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.boxBody ul,.boxBody ol {
	margin-left: 40px;
	text-indent: 0px;
}

.boxBody ul li {
	padding-left: 10px;
	margin-left: 5px;
}

.boxBody ol li {
	padding-left: 10px;
	margin-left: 10px;
}

.boxEntry {
	border-top: 1px solid #333333;
	border-bottom: 1px solid white;
	padding: 0px 10px;
	margin: 0px;
	background-color: #DDDDDD;
}

.forumSubscriptionModes {
	padding: 10px;
	background: white;
}


.learningActivityDueDate {
	font-size: 90%;
	color: gray;
}

.notificationDate {
	font-size: 90%;
	color: gray;
}

.containerTitle {
	font-weight: bold;
}

.containerDescription {
	
}

.newFlag {
	background-color: red;
	font-size: 70%;
	font-weight: bold;
	color: white;
	vertical-align: super;
}

.progressLight {
	border: 1px solid black;
	background-color: #203747;
	padding: 1px 0px 1px 0px;
	height: 14px;
	vertical-align: top;
	font-size: 0pt;
	display: block;
	width: 45px;
	text-align: center;
}


.progressLightEntry {
	padding: 5px;
}


.progressLightLeft {
	margin-left: 0px;
	margin-right: 10px;
	float: left;
}

.progressLightRight {
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}

.progressLight img {
	margin: 0px 1px 0px 1px !important;
	padding: 0px !important;
}

.postingDate {
	color: gray;
	font-size: 90%;
}

.postingPreview {
	font-size: 100%;
}


/* KWORKQUARK */


.timelineEntryIcon {
	float: right;
	margin: 10px;
	
}

.box .imageWrapper, .no-border {
		border: none !important;
}

.flashWrapper, .imageWrapper {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	border: silver 1px solid;
}

.flashWrapper-center, .imageWrapper-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.flashWrapper-right, .imageWrapper-right {
	float: right;
	clear: both;
	
}

.flashWrapper .caption, .imageWrapper .caption {
	text-align: center;
	font-size: 90%;
	line-height: 120%; 
	background-color: #DDDDDD;
	padding: 5px;
}


.imageWrapper .image-copyright {
	color: gray;
	font-size: 80%;	
}


.bibliographyEntry .lastName {
	font-variant: small-caps;	
}
.bibliographyEntry .publicationTitle {
		font-weight: bold;
}
.bibliographyEntry .publicationSubtitle {
		font-style: italic;
}
.bibliographyEntry .publisherName {
}
.bibliographyEntry .publisherLocation {
}


.urlToken {
	white-space: nowrap;
}



.flashDescription {
	display: none; 	
}



.objectLink {
	// background-color: #EEEEEE;
}


h3.proxyTitle {
		font-family: serif;
		font-size: 250% !important;
		font-weight: bold;
}
.encyclopaediaGlossaryText {
		font-family: serif;
		font-weight: bold;
		font-size: 140%;	
		margin: 20px 0px !important;
}

.person {
  font-variant: small-caps; 
}


.bibReference {

  color: gray;
  
}


dl {
  margin: 10px;
}


dl dt {
  clear: left;
  width: 200px;
  float: left; 
}

dl dd {
  margin-left: 200px;
  margin-bottom: 10px;
}




.flashRight, .imgRight {
  clear: right; 
  background-color:#EEEEEE;
  border: 1px solid #CCCCCC;
  float: right;
  margin: 0px 10px 20px 20px !important;
  text-align: center;
  width: 250px;
}


.flashRight .caption, .imgRight .caption {
   font-size: 80%; 
  line-height: 100%;
  margin: 0px !important;;
  padding: 10px !important;
  text-align: left;
 }

.flashCenter, .imgCenter {
  clear: right; 
  border: 1px solid #CCCCCC;
  margin: 20px 0px !important;
  text-align: center;
}


.flashCenter .caption, .imgCenter .caption {
  background-color:#EEEEEE;
   font-size: 80%; 
  line-height: 100%;
  margin: 0px !important;;
  padding: 10px !important;
  text-align: left;
 }
 
 .math {
 	
 }
 .justifyLeft
{
	text-align: left;
}

.justifyRight
{
	text-align: right;
}

.justifyCenter
{
	text-align: center;
}

.justifyFull
{
	text-align: justify;
}
 
.courseDuration {
	font-size: 90%;
	color: gray;
}
 
 
 .genericList .title {
 	font-weight: bold; 
 }
 .genericList .contentObjectType {
 	font-size: 80%;
 }
/* CSS Document */
	/* ************************************************************************************************************ */
	/*  viewlet */
	/* ************************************************************************************************************ */
.viewlet2 input {
	font-size: 100%;
	display: inline;
}

.viewlet2 textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.form-item-title {
	font-size: 100%;
	font-weight: bold;
}

.viewlet2 .formSectionTitle {
	font-size: 100%;
	font-weight: bold;
	padding: 0 15px;
	margin-top: 50px;
	margin-bottom: 10px;
}


.form-has-errors-message {
	font-weight: bold;
	font-size: small;
	color: red;
}

.error-message {
	font-weight: bold;
	font-size: small;
	color: red;
	margin-bottom: 5px;
}

.viewlet2 form {
	margin: 0;
	padding: 0;
}

.viewlet2 .error {
	color: red;
	background-color: #FFFFCC !important;
	font-weight: bold;
}

.viewlet2 li.odd {
	background-color: #FFFFFF;
}

.viewlet2  li.even {
	background-color: #F0F0F0;
}

.viewlet2  .warning {
	background-color: #FFFFCC !important;
	padding: 7px 10px 7px 9px;
}

.viewlet2  h3.warning {
	padding: 7px 10px 0px 9px;
}


.viewlet2 li.last {
	text-align: center;
	background-color: #DDDDDD;
	margin: 0px;
}

.viewlet2 .forumSubscriptionModes {
	text-align: right;
}

.viewlet2 .forumSubscriptionModes .description {
	font-size: 80%;
}

.viewlet2 .noDisplay {
	display: none;
}

.viewlet2 div.formToButtonLink {
	float: right;
	font-size: 80%;
	color: black;
	padding: 10px;
}

.viewlet2 div.formToButtonLink a {
	color: #AAAAAA;
}

/* ************************************************************************************************************ */
	/*  sections */
	/* ************************************************************************************************************ */
.viewlet2 .formTocEntryElement {
	font-size: 100%;
}

.formSection {
	margin: 0;
	padding: 0;
}

.viewlet2 ul.formToc {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

.viewlet2 ul.formToc li {
	display: inline;
	padding: 6px 8px 2px 8px;
}

.viewlet2 ul.formToc li a {
	padding: 0px;
	margin: 0px;
	font-size: 100%;
}

.inactiveFormTocEntryElement, .activeFormTocEntryElement {
	border: 1px solid white;
}


.viewlet2 .noDisplay {
	display: none;
}

.viewlet2 div.formToButtonLink {
	float: right;
	font-size: 80%;
	color: gray;
}

.viewlet2 div.formToButtonLink a {
	color: #AAAAAA;
}

.viewlet2 .formTocEntryElement {
	font-size: 100%;
	font-weight: bold;
}

.formTocEntryElement a {
	text-decoration: none;
}

/* ************************************************************************************************************ */
	/*	colors  */
	/* ************************************************************************************************************ */
.containerPage .viewlet2 form li {
	border-color: black;
}

.formErrors {
	font-weight: bold;
	color: red;
	background-color: white;
	padding: 5px;
	margin: 0px 0px;
	background-color: #FFFFCC
}

.formLockingWarning {
	padding: 5px;
	background-color: #FFFFCC;
	border: 2px solid red;
}

.formLockingWarning .title {
	padding: 5px;
	background-color: red;
	border: 2px solid red;
}

ul.checkboxList {
	list-style: none;
	margin: 10px 0px;
	
}

ul.checkboxList li {
	border: 0;
	padding: 0px;
	margin: 0px;
}


.seeAlsoEntryFormDiv {
  margin-bottom: 10px; 
}

.seeAlsoEntryFormDiv .label {
  width: 120px; 
  float: left; 
  
}

.assessmentTestSubEditForm {
	margin: 20px 10px 0px 10px;
	border: 1px solid black;
}

.assessmentTestSubEditFormBody {
	padding: 30px;
}

.assessmentTestSubEditFormButtons {
	background-color: #CCCCCC; 	
	padding: 10px;
	text-align: center;
}


.assessmentTestSubEditFormBody .label {
	
		clear: both; 
		width: 200px;
		padding-right: 10px;
		float: left; 
		text-align: left; 
	
}

#treeWidgetDiv {
	margin-left: 20px;
}


.checkboxTableForExport {
}
.checkboxTableForExport .header {
	padding: 0px;
	border: none; 
}
.checkboxTableForExport th.header,
.checkboxTableForExport td {
	padding: 1px 8px;
	padding-right: 20px;
	text-align: left;
}
table.checkboxTableForExport .headerSortUp {
	background-color: orange !important;
}
table.checkboxTableForExport .headerSortDown {
	background-color: orange !important;
}
table.checkboxTableForExport th.headerSortUp { 
    background-image: url(tablesorter/asc.gif); 
    background-position: right;
    background-repeat: no-repeat;
}
.checkboxTableForExport th.headerSortDown { 
    background-image: url(tablesorter/desc.gif); 
    background-position: right;
    background-repeat: no-repeat;
}


.viewlet2BodyEntryContent ol {
	
		margin-left: 30px;
	}
.qtiItemHeading {
	background-color: #435801; 
	padding: 5px 10px;
	color: white;
}



.exercisePage .header {
	border-color: #0A2200;
	background-color: #435801;
	background-repeat: no-repeat;
	background-position: left;
}



/* ------------------------------------------------------------------------------------
	general 
 ------------------------------------------------------------------------------------ */


.contentViewlet, 
.contentViewlet .viewletHeader {
	background-color: #EEF2F7;
}


.contentViewlet .viewletBody h1,
.contentViewlet .viewletBody h2,
.contentViewlet .viewletBody h3,
.contentViewlet .viewletBody h4,
.contentViewlet .viewletBody h5
	{
	color: #264457;
}


.exerciseViewlet,
.exerciseViewlet .viewletHeader {
	background-color: #435801;
}

.exerciseViewlet .viewletBody h1,
.exerciseViewlet .viewletBody h2,
.exerciseViewlet .viewletBody h3,
.exerciseViewlet .viewletBody h4,
.exerciseViewlet .viewletBody h5
	{
	color: #0A2200;
}



/* ------------------------------------------------------------------------------------
	containerPage
 ------------------------------------------------------------------------------------ */
a.container, .containerPage a {
	color: black;
}
.containerPage .header {
	background-color: #666666;
	border-color: #333333;
}
.containerPage #locationBar  {
	background-color: #F0F0F0;	
	background-color: #FFFFFF;	
}
.containerPage #topbar {
 	background-color: #333333;
}



/* ------------------------------------------------------------------------------------
	learningPage
 ------------------------------------------------------------------------------------ */


.learningPage .header {
	background-color: #D26900;
	border-color: #844200;
}
a.learning, 
.learningPage a {
	color: #844200;
}
.learningPage #locationBar  {
	background-color: #FAEEE5;	
	background-color: #FFFFFF;	
}
.learningPage #topbar {
 	background-color: #844200;
}


/* ------------------------------------------------------------------------------------
	exercisePage
 ------------------------------------------------------------------------------------ */
.exercisePage .header {
	background-color: #435801;
	border-color: #0A2200;
}
a.exercise, 
.exercisePage a {
	color: #0A2200;
}
.exercisePage #locationBar  {
	background-color: #FAEEE5;	
	background-color: #FFFFFF;	
}
.exercisePage #topbar {
 	background-color: #0A2200;
}



/* ------------------------------------------------------------------------------------
	contentPage
 ------------------------------------------------------------------------------------ */
.contentPage .header {
	background-color: #406F8F;
	border-color: #264457;
}
a.content, 
.contentPage a {
	 color: #17385E;
}
.contentPage #locationBar  {
	background-color: #E9ECF4;	
	background-color: #FFFFFF;	

}
.contentPage #topbar {
 	background-color: #264457;
}


/* ------------------------------------------------------------------------------------
	communityPage
 ------------------------------------------------------------------------------------ */
.communityPage .header {
	background-color: #8F3930;
	border-color: #441C17;
}
a.community, 
.communityPage a {
	color: #3C0600;
}
.communityPage #locationBar  {
	background-color: #FCF4F3;	
	background-color: #FFFFFF;	
}
.communityPage #topbar {
 	background-color: #441C17;
}





.edit-link {
	font-size: 75%;
	color: #FF0000;
	display: block;
}

.edit-link a {
	color: #FF0000;
}

.header1 a {
	color: white;
}

.header a {
	color: white;
}

.small {
	font-size: 85%;
	line-height: 120%;
}

.editMode a {
	color: white;
}





.containerPage .listTable th {
	background-color: #666666; 
}
.learningPage .listTable th {
	background-color: #D26900; 
}
.exercisePage .listTable th {
	background-color: #435801; 
}
.contentPage .listTable th {
	background-color: #406F8F; 
}
.communityPage .listTable th {
	background-color: #8F3930; 
}

.containerPage .listTable th.sort-column {
	background-color: #999999; 
}
.learningPage .listTable th.sort-column {
	background-color: #FFA448; 
}
.exercisePage .listTable th.sort-column {
	background-color: #B1ED89; 
}
.contentPage .listTable th.sort-column {
	background-color: #6C9DBD; 
}
.communityPage .listTable th.sort-column {
	background-color: #D79A84; 
}





.containerPage .tableEpilog, .containerPage .tableProlog { 
	background-color: #F1F1F1;
}
.learningPage .tableEpilog,.learningPage .tableProlog {
	background-color: #F5ECE2;
}
.exercisePage .tableEpilog,.exercisePage .tableProlog {
	background-color: #F8F9E9;
}
.contentPage .tableEpilog,.contentPage .tableProlog {
	background-color: #EEF2F7;
}
.communityPage .tableEpilog,.communityPage .tableProlog {
	background-color: #F6F1EE;
}



.containerPage .listgridViewlet {
	background-color: #666666; 
}
.learningPage .listgridViewlet {
	background-color: #D26900;
}
.exercisePage .listgridViewlet {
	background-color: #435801;
}
.contentPage .listgridViewlet {
	background-color: #406F8F;
}
.communityPage .listgridViewlet {
	background-color: #8F3930;
}



.containerPage .listTable {
	border-top: 1px solid #666666;
}
.learningPage .listTable {
	border-top: 1px solid #D26900; 
}
.exercisePage .listTable {
	border-top: 1px solid #435801; 
}
.contentPage .listTable {
	border-top: 1px solid #406F8F; 
}
.communityPage .listTable {
	border-top: 1px solid #8F3930; 
}


.contentPage .listTable {
	border-top: 1px solid #406F8F;
}



.containerPage .listTable td, .containerPage .listTable th {
	border-color: #CCCCCC; 
}
.learningPage .listTable td, .learningPage .listTable th {
	border-color: #CCCCCC; 
}
.exercisePage .listTable td, .exercisePage .listTable th {
	border-color: #CCCCCC; 
}
.contentPage .listTable td, .contentPage .listTable th {
	border-color: #CCCCCC; 
}
.communityPage .listTable td, .communityPage .listTable th {
	border-color: #CCCCCC; 
}







.boxviewlet-container  {
	background-color: #666666;
  border: 1px solid #333333;
}
.boxviewlet-container .viewletBody {
	border: 1px solid #333333;
}
.boxviewlet-container ul li {
	border-top: 1px solid #333333; 
}



.boxviewlet-learning {
	background-color: #D26900;
  border: 1px solid #844200;
}
.boxviewlet-learning .viewletBody {
	border: 1px solid #844200;
}
.boxviewlet-learning ul li {
	border-top: 1px solid #844200;
}



.boxviewlet-exercise {
	background-color: #435801;
  border: 1px solid #0A2200;
}
.boxviewlet-exercise .viewletBody {
	border: 1px solid #0A2200;
}
.boxviewlet-exercise ul li {
	border-top: 1px solid #0A2200; 
}


.boxviewlet-content  {
  background-color: #406F8F;
  border: 1px solid #264457;
}
.boxviewlet-content .viewletBody {
	border: 1px solid #264457;
}
.boxviewlet-content ul li {
	border-top: 1px solid #264457; 
}



.boxviewlet-community {
  background-color: #8F3930;
  border: 1px solid #441C17;
}
.boxviewlet-community .viewletBody {
	border: 1px solid #441C17;
}
.boxviewlet-community ul li {
	border-bottom: 1px solid #441C17; 
}










.containerPage .formViewlet {
	background-color: #555555;
}


.inactiveFormTocEntryElement a {
	color: white;
} 
.activeFormTocEntryElement a {
	color: white;
} 





.containerViewlet2 .inactiveFormTocEntryElement {
	background-color: #999999;
	border-color: #333333;
}
.containerViewlet2 .activeFormTocEntryElement {
	background-color: #F1F1F1;
	border-color: #333333;
	color: #333333;
}
.containerViewlet2 .activeFormTocEntryElement a {
	color: #333333;
}


.learningViewlet2 .inactiveFormTocEntryElement {
	background-color: #FFA448;
	border-color: #844200;
}
.learningViewlet2 .activeFormTocEntryElement {
	background-color: #F5ECE2;
	border-color: #844200;
	color: #844200;
}
.learningViewlet2 .activeFormTocEntryElement a {
	color: #844200;
}

.trainingViewlet2 .inactiveFormTocEntryElement {
	background-color: #B1ED89;
	border-color: #0A2200;
}
.trainingViewlet2 .activeFormTocEntryElement {
	background-color: #F8F9E9;
	border-color: #0A2200;
	color: #0A2200;
}
.trainingViewlet2 .activeFormTocEntryElement a {
	color: #0A2200;
}


.contentViewlet2 .inactiveFormTocEntryElement {
	background-color: #6C9DBD;
	border-color: #264457;
}
.contentViewlet2 .activeFormTocEntryElement {
	background-color: #EEF2F7;
	border-color: #264457;
	color: #264457;
}
.contentViewlet2 .activeFormTocEntryElement a {
	color: #264457;
}




.communityViewlet2 .inactiveFormTocEntryElement {
	background-color: #D79A84;
	border-color: #441C17;
}
.communityViewlet2 .activeFormTocEntryElement {
	background-color: #F6F1EE;
	border-color: #441C17;
	color: #441C17;
}
.communityViewlet2 .activeFormTocEntryElement a {
	color: #441C17;
}





.summaryBox .boxTitle {
	background-color: #000066;
}
.summaryBox .boxBody {
	background-color: #E4F0FA;
}
.definitionBox .boxTitle {
	background-color: #000066;
}
.definitionBox .boxBody {
	background-color: #EEF2F7;
}
.importantBox .boxTitle {
	background-color: #8F3930;
}
.importantBox .boxBody {
	background-color: #EEF2F7;
}


.exampleBox .boxTitle {
	background-color: #00663A;
}
.exampleBox .boxBody {
	background-color: #D9ECE3;
}
.caseStudyBox .boxTitle {
	background-color: #00663A;
}
.caseStudyBox .boxBody {
	background-color: #B2D9C5;
}


.quoteBox .boxTitle {
	background-color: #406F8F;
}
.quoteBox .boxBody {
	background-color: #F0F0F0;
}
.aphorismBox .boxTitle {
	background-color: #406F8F;
}
.aphorismBox .boxBody {
	background-color: #F0F0F0;
}
.digressionBox .boxTitle {
	background-color: #999999;
}
.digressionBox .boxBody {
	background-color: #F0F0F0;
}
.infoBox .boxTitle {
	background-color: #000066;
}
.infoBox .boxBody {
	background-color: #F0F0F0;
}

.exerciseBox .boxTitle {
	background-color: #435801;
}
.exerciseBox .boxBody {
	background-color: #EAEEDE;
}

.objectivesBox .boxTitle {
	background-color: #D26900;
}
.objectivesBox .boxBody {
	background-color: #FFEACA;
}

.warningBox .boxTitle {
	background-color: #8F3930;
}
.warningBox .boxBody {
	background-color: #EEF2F7;
}

/* ----------------------------------------- */



.contentViewlet2  .viewlet2Body table tr th  {
	background-color: #CED2D5; 
	color: black;
}
.contentViewlet2  .viewlet2Body table tr th.sort-column  {
	background-color: #EFF0F1;
	color: black;
}

.contentViewlet2  .tableNavigation {
	background-color: white; 
	color: black; 
}
.contentViewlet2  {
	background-color: #355D77;
}

div.smallTocContainer {
	background-color: #355D77;
}


.contentViewlet2  .viewlet2Description {
	color: white; 
}
.contentViewlet2  .viewlet2Header h2 {
	color: white; 
}
.contentViewlet2 .viewlet2Body .viewlet2BodyEntry h3.dataSheetEntryTitle  {
	background-color: #EFF0F1;
	color: black; 
}
.contentViewlet2 .viewlet2Body .viewlet2BodyEntry .dataSheetEntryDescription  {
	background-color: #F7F8F8;
	color: black;
}
.contentViewlet2 .viewlet2Body .tableFilter {
	background-color: #F9F9F9;
}
.contentViewlet2 .viewlet2Body .tableOptions {
	background-color: #F9F9F9;
}
.contentViewlet2 .viewlet2Body .tableActions {
	background-color: #F9F9F9;
}
.contentViewlet2 .viewlet2Body .tableNavigation {
	background-color: #F9F9F9;
}



.containerViewlet2 .viewlet2Body table tr th  {
	background-color: #CCCCCC;; 
	color: black;
}
.containerViewlet2  .viewlet2Body table tr th.sort-column  {
	background-color: #E8E8E8;
	color: black;
}
.containerViewlet2  {
	background-color: #666666;
}
.containerViewlet2  .viewlet2Description {
	color: white; 
}
.containerViewlet2  .viewlet2Header h2 {
	color: white; 
}
.containerViewlet2 .viewlet2Body .viewlet2BodyEntry h3.dataSheetEntryTitle  {
	background-color: #E8E8E8;
	color: black; 
}
.containerViewlet2 .viewlet2Body .viewlet2BodyEntry .dataSheetEntryDescription  {
	background-color: #F8F8F8;
	color: black;
}
.containerViewlet2 .viewlet2Body .tableFilter {
	background-color: #F9F9F9;
}
.containerViewlet2 .viewlet2Body .tableOptions {
	background-color: #F9F9F9;
}
.containerViewlet2 .viewlet2Body .tableActions {
	background-color: #F9F9F9;
}
.containerViewlet2 .viewlet2Body .tableNavigation {
	background-color: #F9F9F9;
}







.trainingViewlet2  .viewlet2Body table tr th  {
	background-color: #CBD4C8; 
	color: black;
}
.trainingViewlet2  .viewlet2Body table tr th.sort-column  {
	background-color: #EEF0ED;
	color: black;
}
.trainingViewlet2  .tableNavigation {
	background-color: white; 
	color: black; 
}
.trainingViewlet2  {
	background-color: #435801;
}
.trainingViewlet2  .viewlet2Description {
	color: white; 
}
.trainingViewlet2  .viewlet2Header h2 {
	color: white; 
}
.trainingViewlet2 .viewlet2Body .viewlet2BodyEntry h3.dataSheetEntryTitle  {
	background-color: #EEF0ED;
	color: black; 
}
.trainingViewlet2 .viewlet2Body .viewlet2BodyEntry .dataSheetEntryDescription  {
	background-color: #F7F8F7;
	color: black;
}
.trainingViewlet2 .viewlet2Body .tableFilter {
	background-color: #F9F9F9;
}
.trainingViewlet2 .viewlet2Body .tableOptions {
	background-color: #F9F9F9;
}
.trainingViewlet2 .viewlet2Body .tableActions {
	background-color: #F9F9F9;
}
.trainingViewlet2 .viewlet2Body .tableNavigation {
	background-color: #F9F9F9;
}




.learningViewlet2  .viewlet2Body table tr th  {
	background-color: #DCD4C8; 
	color: black;
}
.learningViewlet2  .viewlet2Body table tr th.sort-column  {
	background-color: #F2F0ED;
	color: black;
}
.learningViewlet2  .tableNavigation {
	background-color: white; 
	color: black; 
}
.learningViewlet2  {
	background-color: #C26300;
}
.learningViewlet2  .viewlet2Description {
	color: white; 
}
.learningViewlet2  .viewlet2Header h2 {
	color: white; 
}
.learningViewlet2 .viewlet2Body .viewlet2BodyEntry h3.dataSheetEntryTitle  {
	background-color: #F2F0ED;
	color: black; 
}
.learningViewlet2 .viewlet2Body .viewlet2BodyEntry .dataSheetEntryDescription  {
	background-color: #F8F8F7;
	color: black;
}
.learningViewlet2 .viewlet2Body .tableFilter {
	background-color: #F9F9F9;
}
.learningViewlet2 .viewlet2Body .tableOptions {
	background-color: #F9F9F9;
}
.learningViewlet2 .viewlet2Body .tableActions {
	background-color: #F9F9F9;
}
.learningViewlet2 .viewlet2Body .tableNavigation {
	background-color: #F9F9F9;
}



.communityViewlet2  .viewlet2Body table tr th  {
	background-color: #D5C8C8; 
	color: black;
}
.communityViewlet2  .viewlet2Body table tr th.sort-column  {
	background-color: #F1EDED; 
	color: black;
}
.communityViewlet2  .tableNavigation {
	background-color: white; 
	color: black; 
}
.communityViewlet2  {
	background-color: #8F3930;
}
.communityViewlet2  .viewlet2Description {
	color: white; 
}
.communityViewlet2  .viewlet2Header h2 {
	color: white; 
}
.communityViewlet2 .viewlet2Body .viewlet2BodyEntry h3.dataSheetEntryTitle  {
	background-color: #F1EDED;
	color: black; 
}
.communityViewlet2 .viewlet2Body .viewlet2BodyEntry .dataSheetEntryDescription  {
	background-color: #F8F7F7;
	color: black;
}
.communityViewlet2 .viewlet2Body .tableFilter {
	background-color: #F9F9F9;
}
.communityViewlet2 .viewlet2Body .tableOptions {
	background-color: #F9F9F9;
}
.communityViewlet2 .viewlet2Body .tableActions {
	background-color: #F9F9F9;
}
.communityViewlet2 .viewlet2Body .tableNavigation {
	background-color: #F9F9F9;
}




/* CSS Document */
	/* ************************************************************************************************************ */
	/* content 
*/


/***

----- XHTML BASED CONTENT -------	
	
****/

div.smallTocContainer {
	margin: 0px !important;
	padding: 0px !important;
}

div.smallTocContainer ul {
	list-style: none;
	margin-left: 0px;
	padding: 0px;
	margin: 0px;
}

div.smallTocContainer li { 
	margin: 1px 0px 0px 0px; 
}

div.smallTocContainer ul ul {
	margin: 1px 0px 0px 0px; 
}

div.smallTocContainer ul ul ul li { 
	margin: 1px 0px 0px 0px; 
}

div.smallTocContainer ul a {
	display: block;
	padding: 5px 5px;
	color: black;
	background-color: white;
	text-decoration: none;
}

div.smallTocContainer ul a.selected {
	background-color: #FFFECF;
	text-decoration: none;
}

div.smallTocContainer ul a:hover {
	background-color: #203746;
	background-color: #FFFECF;
	
	text-decoration: none;
}

div.smallTocContainer ul ul a
{
	display: block;
	padding: 5px 5px 5px 15px;
	text-decoration: none;
}
.xhtmlBasedContent ul ul a:hover {
	color: #fff;
	background-color: #203746;
	background-color: #FFFECF;
	
}

div.smallTocContainer ul ul ul a
{
	padding: 5px 5px 5px 30px;
}
div.smallTocContainer ul ul ul ul a
{
	padding: 5px 5px 5px 45px;
}
div.smallTocContainer ul ul ul ul ul a
{
	padding: 5px 5px 5px 60px;
}









 
 
.dataNodeTitle {
	display: block;
	font-weight: bold;
}

.encyclopaediaEntryDescription {
	font-weight: bold; 	
}


/*****

Encyclopaedia entry list

*****/


.encyclopaediaEntryList {
		list-style: none;
		margin: 0px;
		padding: 0px;
		background-color: #E9ECF4; 
}

li {
}	

.encyclopaediaEntryList li.tfk-0, #content  li.cp_0 {
	background-color: #FAFAFA; 
}
.encyclopaediaEntryList li.tfk-1, #content  li.cp_1 {
	background-color: #F0F0F0; 
}
.encyclopaediaEntryList li.tfk-2, #content  li.cp_2 {
	background-color: #EAEAEA; 
}


.encyclopaediaEntryList li.active {
	background-color: #406F8F;
	color: white;	
}

.encyclopaediaEntryList li.active  a {
	color: white;	
}


.xhtmlBasedContent .imgRight {
  clear: right;
  float: right; 
	text-align: center;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 20px;
	margin-top: 0px;
	width: 250px;
	background-color: #EEEEEE;
}

.xhtmlBasedContent .caption {
  font-size: 80%;
  line-height: 150%;
  margin: 0px;
}

.xhtmlBasedContent .imgCenter {
	margin-bottom: 25px;
	margin-top: 25px;
	width: 490px;
	padding: 5px;
 }


.xhtmlBasedContent .imgCenter img {
	text-align: center;
	margin: 0px;
}


.two-column-layout-right-column {
  float: right;
  width: 49%;
  margin: 0px;
}

.two-column-layout-left-column {
  float: left;
  width: 49%;
  margin: 0px;
}


.xhtmlBasedContent .section {
  clear: right; 
}


img.right {
	float: right;
	margin: 15px;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0px;
	margin-left: 50px;
}


h2.exerciseSolution {

  border-top: 1px solid #17385E;
  margin-top: 40px;
  padding-top: 20px;

}

ul.userSessions {
  margin-left: 30px;
}

ul.userSessions li {
  list-style: disc;
  padding: 0;
  border: 0;
}

table.userUsageStatistic {
  border: 0;
  width: 100%;
}

table.userUsageStatistic tr {
}

table.userUsageStatistic td {
  background-color: white;
  padding: 5px;
  font-size: 80%;
}






.encyclopaediaEntryContent {
	padding: 0px 0px 0px 220px;
	margin: 0px;
}




.containerViewlet {
	margin: 0px;
  color: white;
	background-color: #DDDDDD;
	border: 1px solid black;
}


.containerViewletHeader h2 {
	color: white !important;
}


.containerViewletHeader {
	background-color: #555555;
	color: white; 
}

.timtestampDue {
		margin-top: 20px;
		margin-bottom: 0px;
		background-color: yellow;

}


.viewlet2Header a {
	color: white; 	
}

.icon {
		float: left !important; 
		margin-right: 10px;
}

#navbar li {
	background-color: transparent;	
}
#navbar li li {
	background-color: white;	
}
.qtiItem {
	margin: 0px;	
	padding: 0px;	
}

.qtiItemTitle {
	font-weight: bold;
	font-size: 120%;
}

.qtiChoiceInteraction {
	margin-top: 10px;
}

.qtiPrompt {
	margin-bottom: 5px;
	color: gray;
}

.qtiSimpleChoice {
	margin-left: 5px;
	margin-bottom: 5px;
}

.qtiTextEntryInteraction {
	margin-top: 15px;
}

.qtiCorrect {
	color: green;
}

.qtiIncorrect {
	color: red;
}

.qtiItemBox {
	margin-top: 20px;	
	margin-bottom: 20px;	
}

.qtiItemBox .qtiItemBody {
	border: 1px gray solid;	
}

.qtiItemBox .qtiItemTitle,
.qtiItemBox .qtiItemBody,
.qtiItemBox .qtiItemBody ul
{
	padding: 5px 10px !important;	
}
.qtiItemBox .qtiItemTitle {
	padding-top: 10px !important;	
}
.qtiItemBoxFooter {
	clear: both;
	background-color: #F5F5F5;
}
.qtiItemBoxFeedback {
	padding: 10px;	
	display: none;
}
.qtiFormControls {
	text-align: center;
	padding: 10px;
}


.sortableList {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}
.sortableList li {
	margin: 0;
	padding: 1em 1.4em !important;
	border: 1px solid gray;
}
.sortableList li span {
	position: absolute;
	margin-left: -1.3em;
}span.popup {
  display: block; 
  background-color: white;
  border: 1px solid black;
  width: 200px;
  position: absolute;
  padding: 5px;
  line-height: 120%; 
 }
 
span.popup .title {
  display: block; 
  font-weight: bold;
  font-size: 100%; 
}

span.popup .body {
  font-size: 70%; 
}.topSpace {

	margin-top: 1px !important;	
}

.viewlet2 {
	/*
	padding: 2px;
	*/
	padding: 2px;
	margin-bottom: 20px;
	height: 100%;
	padding-bottom: 2px;
}

.viewlet2 .viewlet2Header {
	padding: 5px 10px 5px 9px;
	color: white;
	letter-spacing: 1px;
	text-transform: uppercase;	
}

.smallViewlet {
	font-size: 90%;
		
}

.smallViewlet .viewlet2Header {
	padding: 5px 5px 5px 5px;
	
}

.viewlet2 .viewlet2Body h2 {
	padding: 10px;
	font-size: 110%;
	margin: 1px;
	margin-bottom: 0px;
	font-weight: bold;
}
.viewlet2 .viewlet2Body h1 {
	padding: 10px;
	font-size: 110%;
	margin: 1px;
	margin-bottom: 0px;
	font-weight: bold;
}

.viewlet2 .viewlet2Header h2 {
	padding: 0px;
	font-size: 120%;
	margin: 1px;
	margin-bottom: 0px;
	font-weight: bold;
}

.viewlet2 .viewlet2Description {
	font-size: 90%;
	line-height: 140%;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 1px;
	padding: 4px 10px !important;
	background-color: white;
	color: #666666;
	display: none;
	
}

.viewlet2 .viewlet2Body {
	
}


.viewlet2 .viewlet2Body .viewlet2BodyEntry ul.resourcesList {
	padding: 10px 10px 10px 28px;
	margin: 0px !important;
}
.viewlet2 .viewlet2Body .viewlet2BodyEntry ul.resourcesList li {
	padding: 0px;
	margin: 0px;
}

.viewlet2 .viewlet2Body .viewlet2BodyEntryFirst {
	margin-top: 0px !important;	
}

.viewlet2 .viewlet2Body .viewlet2BodyEntry {
	margin: 1px 0px 0px 0px;
	padding: 0px;
}

.viewlet2 .viewlet2Body .viewlet2BodyEntrySeperatorBefore {
	margin: 2px 0px 0px 0px;
	padding: 0px;
		
}

.viewlet2 .viewlet2Body .viewlet2BodyEntry  p {
	margin: 0px;
	padding: 7px 10px 7px 10px;
}

.viewlet2 .viewlet2Body .viewlet2BodyEntry .dataSheetView p {
	margin: 0px;
	padding: 7px 10px 7px 10px;
}

.viewlet2 .viewlet2Body .viewlet2BodyEntry .simpleValueViewValue {
	margin: 0px;
	padding: 7px 10px 7px 10px;
}

.viewlet2 .viewlet2Body .normalList {
	margin: 0px;
	padding: 17px 15px;
	�ground-color: white;
	list-style-type: square;
}

.viewlet2 .viewlet2Body .normalList li {
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}

.viewlet2 .viewlet2Body .simpleList {
	margin: 0px;
	margin-bottom: -1px;
	padding: 0px;
	list-style: none;
}

.viewlet2 .viewlet2Body .simpleList li {
	margin: 0px 0px 1px 0px;
	padding: 10px 10px 10px 11px;
	background-color: white;
}

.viewlet2BodyEntryTitle {
	font-weight: bold;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	background-color: #EEEEEE;
}


.smallViewlet .viewlet2BodyEntryTitle {
	margin: 0px;
	background-color: #EEEEEE;
	padding: 2px 5px !important;
}
	

.viewlet2 .viewlet2Body .viewlet2BodyEntry h3.dataSheetEntryTitle {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 7px 10px 7px 10px;
}

.viewlet2 .viewlet2Body .dataSheetEntryDescription {
	margin: 0px;
	font-size: 85%;
	padding: 5px 10px 5px 10px;
	line-height: 110%;
}


.contentViewlet2  .viewlet2Body ul .content {
	background-color: white;
	color: black;
}

.viewlet2 .viewlet2Body .tableWrapper {
	margin: 0px;
}

.viewlet2 .viewlet2Body table.listGrid {
	width: 100%;
	padding: 0px;
	border: none;
  background-color: white; 
}

.viewlet2 .viewlet2Body table.listGrid tr th {
	text-align: left;
	font-weight: normal;
	padding: 1px 10px;
	border-left: 1px solid #AAAAAA;
	font-size: 80%;
	white-space: nowrap;
}

.viewlet2 .viewlet2Body table.listGrid tr th.first-column {
	border-left: none;
}

.viewlet2 .viewlet2Body table.listGrid tr td.first-column {
	border-left: none;
}

.viewlet2 .viewlet2Body table.listGrid tr {
	background-color: white;
  border-top: solid 1px black;
}


/*
.viewlet2 .viewlet2Body table.listGrid tr.even {
	background-color: #F7F7F7;
}
*/


.viewlet2 .viewlet2Body table.listGrid tr.hover {
	background-color: #FFFECF !important;
}



.viewlet2 .viewlet2Body table.listGrid tr td {
	color: black;
	padding: 8px 10px;
	vertical-align: baseline;
  margin: 0px;
	/*
	border-left: 1px solid #CCCCCC;
	border-left: 1px solid #AAAAAA;
	*/
	border-top: 1px solid #CCCCCC;  
}

.viewlet2 .viewlet2Body table.listGrid tr td.noWrap {
  white-space: nowrap; 
}


.viewlet2 .viewlet2BodyEntry .viewletSettingsRow {
	background-color: white;
	margin-bottom: 1px;
	padding: 5px 10px;
	font-size: 80%;
}

.viewlet2 .viewlet2Body div.tableFilter {
	padding: 0px;
	margin: 0px 0px 1px 0px;
}

.viewlet2 .viewlet2Body .tableFilter form input {
	display: inline;
	font-size: 90%;
}
.viewlet2 .viewlet2Body .tableFilter form select {
	display: inline;
	font-size: 90%;
	
}

.viewlet2 .viewlet2Body .tableNavigation form {
	display: inline;
}

.viewlet2 .viewlet2Body .tableNavigation select {
	display: inline;
	font-size: 90%;
}
.viewlet2 .viewlet2Body .tableNavigation select option {
	font-size: 90%;
}

.viewlet2 .tableActions {
	padding: 10px 10px;
	margin: 1px 0px 0px 0px;	
	background-color: #DDDDDD;
	background-color: #FFFFFF;
}

.viewlet2 .viewlet2Body .tableActions img.addIcon {
}

.viewlet2 .viewlet2Body .tableOptions {
	padding: 5px 10px;
	margin: 1px 0px 0px 0px;
	text-align: right;
	font-size: 80%
}

.viewlet2 .tableNavigation {
	padding: 5px 10px;
	margin: 1px 0px 1px 0px;
	text-align: right;
	font-size: 80%;
	background-color: white;
}

.viewlet2 .emptyTable {
	padding: 10px 10px;
	margin: 0px;
	background-color: white;
}

.viewlet2 form {
	margin: 0px;
	padding: 0px;
}

.viewlet2 .viewlet2Body {
}

.viewlet2 .viewlet2Body .viewlet2BodyEntry {
	background-color: white;
}



.boxEntry p {
	margin: 0px !important;
}

.noTopSpace {
	margin-top: 0px !important;
}

.viewlet2 .viewlet2Body .viewlet2BodyEntryContent {
	padding: 15px 15px 15px 10px;
}

.viewlet2 .viewlet2Body .viewlet2BodyEntryContentButton {
	padding: 20px 10px;
	text-align: center;
	margin: 0px;
	margin-top: 2px;
}

.topicMap {
	padding: 0px;
	margin: 0px;
	font-size: 90%;
}



div.tableFilterWrapper {
	margin: 0px; 
	margin-bottom: 1px;
}
ul.tableFilter {
	list-style: none;
	font-size: 90%;
	padding: 1px 0px;
	margin: 0px;
}
ul.tableFilter li {
	clear: both;
	border: none;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px !important;
}

ul.tableFilter li div.label {
	width: 200px !important;
	display: inline;
	float: left;
}

ul.tableFilter li div.body {
	display: inline;
	font-size: 100%;
}

.filterWarning {
	background-color: yellow;
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
	text-align: left;
}

.viewlet2BodyEntryContentButton {
	background-color: #DDDDDD;
}

.viewlet2 img.editContentObjectIcon {
	margin-left: 10px;
	float: right;
	border: none;
}

.viewlet2 img.showAsPdfIcon {
	margin-left: 10px;
	float: right;
	border: none;
}

.viewletPreHeader {
	font-size: 75%;
	width: auto;
	color: white;
	background-color: #355D77;
	padding-left: 20px;
	padding-top: 4px;
}

li.intended {
	padding-left: 43px !important;
}

img.simpleListIcon {
	margin-left: -32px;
	position: relative;
	top: 5px;
	margin-right: 15px;
}

.viewlet2 ul.simpleList li.odd {
   background-color: #FFFFFF;
}

.viewlet2 ul.simpleList li.even {

}

.viewlet2 ul.simpleList li.last {
	background-color: #F0F0F0;
	text-align: left;
}

#encyclopaediaNavigatorLetterSelection {
	padding: 5px;
}

#encyclopaediaNavigatorLetterSelection a {
	
}

.encyclopaediaNavigatorLetterSectionTitle {
	padding: 5px 10px !important;
	font-size: 120% !important;
}





.genericList .actionIcon {
	margin: 0px 1px;	
	
}
 

.smallTable {
	background-color: gray; 
	width: 100%;
}


.smallTable th {
	text-align: left;
	padding: 5px 10px;
}


.smallTable td {
	padding: 5px 10px;
	vertical-align: baseline;
	background-color: white; 
	
}

.articleInfoEntry {
	margin: 0px 0px 20px 0px;	

}




.subjectPreviewView {
	margin-bottom: -20px;
}

ul.subjectsList {
	margin-left: 0px;
	list-style: none;
	padding: 0px;
}
ul.subjectsList li {
	padding: 5px;
}

ul.seeAlsoEntryList {
	margin-left: 0px;
	list-style: none;
}

ul.seeAlsoEntryList .title {
	display: block;
	font-weight: normal;
}

ul.seeAlsoEntryList {
	margin-left: 0px;
	padding: 5px;
}


.smallViewlet p {
		padding: 5px !important;
}



/* LIST GRID */ 

.gridPreview {
  padding-bottom: 0px;
}

.gridPreview .title {
  display: block;
  font-size: 100%;
  font-weight: bold;
}

.gridPreview .description {
  display: block;
}



.containerGridPreview {
  padding-bottom: 0px;
}

.containerGridPreview .title {
  display: block;
  font-size: 100%;
  font-weight: bold;
}

.containerGridPreview .description {
  display: block;
}

.subjectGridPreview .title {
  display: block;
  font-size: 100%;  
  font-weight: bold;
}

.subjectGridPreview .description {
  display: block;
}


.forumPreviewTitle {
  display: block;

  font-weight: bold;
}

.simpleList ul {
	
	margin-left: 20px;
	
}


.even {
	background-color: #F9F9F9 !Important;
	background-color: #FCFCFC !Important;
}
.odd {
	background-color: #F0F0F0 !Important;
	background-color: #F9F9F9 !Important;
}
.searchResultMessage {
	margin-top: 0px;	
}
.searchResult {
	margin-top: 0px;
	padding: 10px;
}
.searchResult ul.objectTypes {
	margin: 0px 20px;
	font-size: 90%;
}

ul.lockingWarningConcurrentUsers {
	margin: 20px 40px;
}

.linearNavigation {
  clear: both; 
	padding: 0px;
	margin: 0px;
	background-color: #ECF0F4;
	margin-bottom: 0px;
}

.linearNavigation {
  padding: 5px 10px;
}


.linearNavigation table {
  width: 100%;
}

.linearNavigation table td {
  vertical-align: baseline;
  font-size: 90%;
}

.linearNavigation table td.previous  {
  width: 40%;
}
.linearNavigation table td.up  {
  width: 20%;
  text-align: center;
}
.linearNavigation table td.next  {
  width: 40%;
  text-align: right;
}


.teaserList {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.teaserList li {
	margin: 0px;
	padding: 0px;
  border-bottom: 1px solid #DDDDDD;
	background-color: white;
}

.teaserList .teaser {
  padding: 15px 10px;
}

.smallTeaserList .teaser {
  padding: 5px 10px;	
}

.teaser_cp_0 {
	background-color: #FFFFFF;
}
.teaser_cp_1 {
	background-color: #F9F9F9;
}
.teaser_cp_2 {
	background-color: #EEEEEE;
}

.timelineEntry_cp_0 {
	background-color: #FFFFFF;
}
.timelineEntry_cp_1 {
	background-color: #F9F9F9;
}
.timelineEntry_cp_2 {
	background-color: #EEEEEE;
}


.teaser-hover {
	background-color: #FFFECF !important;
}


.teaser .title {
  font-size: 110%;  
  font-weight: bold;
}
.teaser .description {
   font-size: 100%;  
}
.teaser .subtitle {
   font-size: 90%;     
}





.fullView blockquote {
	margin-left: 30px;  
 
}


.viewlet2 .viewlet2Body .fullView  h1 {
  clear: both; 
	font-size: 170%;
	line-height: 150%;
	font-weight: bold;
	border: none;
	padding: 0;
	margin: 10px 0px 10px 0px;
}

.viewlet2 .viewlet2Body .fullView  h2 {
	clear: both; 
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	border: none;
	padding: 0;
	margin: 10px 0px 20px 0px;
}

.viewlet2 .viewlet2Body .fullView  h3 {
  clear: both; 
	font-size: 140%;
	line-height: 150%;
	font-weight: normal;
	border: none;
	padding: 0;
	margin: 10px 0px 20px 0px;
}

.viewlet2 .viewlet2Body .fullView  h4 {
	clear: both; 
	font-size: 120%;
	line-height: 150%;
	font-weight: normal;
	border: none;
	padding: 0;
	margin: 10px 0px 20px 0px;
}

.viewlet2 .viewlet2Body .fullView  h5 {
	clear: both;
	font-size: 100%;
	line-height: 150%;
	font-weight: normal;
	border: none;
	padding: 0;
	margin: 10px 0px 20px 0px;
}

#encyclopaediaNavigatorLetterSelection {
	padding: 5px;
}

#encyclopaediaNavigatorLetterSelection a {
	
}

.encyclopaediaNavigatorLetterSectionTitle {
	padding: 5px 20px !important;
	font-size: 120% !important;
}




.fullView {
	padding: 10px;
	margin-top: 0px;
	line-height: 150%;
}

.fullView h3  {
	font-size: 150%; 
	margin: 10px 0px 20px 0px;
}

.viewlet2 .viewlet2Body .viewlet2BodyEntry .fullView p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.fullView .section {
	padding: 0px;
	margin: 0px 0px 30px 0px;
	clear: both;
}

.fullView p.lead {
	font-weight: bold; 
	font-size: 100%;
	line-height: 150%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.fullView ul,
.fullView ol
{
	margin: 20px 0px 20px 25px;
	padding: 0px;
}

.fullView ul  ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}


.fullView li 
	{
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	text-indent: 0px;
}

.fullView ul.resources {
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	text-indent: 0px;
	list-style: square;
}

.fullView ul.resources li {
	margin-left: 20px;
	padding: 0px; 
}


table.metainformation {
		width: 100%;
}

table.metainformation tr {
	padding: 0px;
	background-color: #DDDDDD; 
	margin-bottom: 1px;
}

table.metainformation td {
	padding: 5px; 
	font-size: 90%;
	vertical-align: baseline;
}

table.metainformation td.name {
	font-weight: bold;
	color: gray;
	width: 30%;
}
table.metainformation td.value {
}

table.metainformation td.value div.wrapper {
	overflow: hidden;
}




ul.actions {
	list-style: none;
	margin: 0px;
	padding: 5px 5px 1px 5px;
}

ul.actions li {
  padding: 5px 0px;
}


.fullView p.subtitle {
	margin: 30px 0px 10px 0px;
	font-weight: bold;

}

.encyclopaediaSectionTitle {
	background-color: #DCE2EA;	
	padding: 10px 10px;
	font-size: 120%;
}

.actionCommandNavigatorSectionTitle {
	background-color: #DCE2EA;	
	padding: 5px 5px;
	font-size: 90%;
}

.actionCommandNavigatorSectionSelector {
	background-color: white;	
	padding: 5px 5px;
	font-size: 100% !important;	
}


.embeddedView {
	
	border: 1px solid gray;
	padding: 10px;
}




.exerciseRating-red {
	background-color: red; 	
	font-weight: bold;
	color: white;
	padding: 0px 5px; 
}
.exerciseRating-green {
	background-color: green; 	
	font-weight: bold;
	color: white;
	padding: 0px 5px; 
}
.exerciseRating-yellow {
	background-color: yellow; 	
	font-weight: bold;
	color: gray;
	padding: 0px 5px; 
}


.subjectTitle {
		font-weight: bold; 
}

.parTitle {
  display: inline; 
  font-weight: bold;
  margin-right: 10px; 

}


.tour li {
  margin-left: 30px;
}


.encyclopaediaRangeNavigation {
  padding: 10px;
}


.encyclopaediaRangeNavigation li {
  display: inline; 
}

.encyclopaediaOverviewList {
  padding: 10px;
}


.encyclopaediaOverviewList li {
  list-style: none; 
  margin-left: 0px;
}



/* TIMELINE */ 



table.timeline {
    padding: 0px;
    border: 0px;
    border-spacing: 0px;
    width: 100%;
}

table.timeline tr td {
  padding: 5px 10px 15px 10px;
  vertical-align: baseline;
  border-top: 2px solid white;
  border-bottom: 1px solid gray;
}



table.timeline tr.timelineEntry-hover {
  background-color: #DDDDDD;
}


table.timeline tr td.contentProfiling {
  width: 10px;
}
table.timeline tr td.timeColumn {
  width: 100px;
  text-align: right;
}
table.timeline tr td.contentColumn {
  width: 70%;
}
table.timeline tr td.contentColumn .title {
  font-weight: bold;  
}

table.timeline td.contentColumn div.timelineName {
  font-size: 80%;
}

table.timeline td.contentColumn {
  border-left: 5px solid;
  padding-left: 5px;
  font-size: 100%;
}

p.timelineCategory {
  border-left: 10px solid;
  padding-left: 5px !important;
  margin-bottom: 20px !important;
  margin-top: -20px !important;
}

table#timelineCategorySelector { 
}

#timelineCategorySelector td.checkbox {
  padding: 3px;
  margin: 0px;
  vertical-align: baseline;
}

#timelineCategorySelector td.title {
  padding-left: 10px;
}


#timelineCategorySelector td.checkbox input {
  padding: 0px;
  margin: 0px;
}


#categorySelector-kategorie_theoretische-ideen td.checkbox {
  background-color: #0E3F7A;
}
div.timelineEntry div.kategorie_theoretische-ideen  p.timelineCategory,
table.timeline tr.kategorie_theoretische-ideen td.contentColumn {
  border-left: 5px solid #0E3F7A; 
}

#categorySelector-kategorie_experimentelle-entdeckungen td.checkbox {
  background-color: #899929;
}
div.timelineEntry div.kategorie_experimentelle-entdeckungen p.timelineCategory,
table.timeline tr.kategorie_experimentelle-entdeckungen td.contentColumn {
  border-left: 5px solid #899929; 
}

#categorySelector-kategorie_experimentelle-methoden td.checkbox  {
  background-color: #086A08;
}
div.timelineEntry div.kategorie_experimentelle-methoden p.timelineCategory,
table.timeline tr.kategorie_experimentelle-methoden td.contentColumn {
  border-left: 5px solid #086A08; 
}

#categorySelector-kategorie_menschen td.checkbox {
  background-color: #AB1521;
}
div.timelineEntry div.kategorie_menschen p.timelineCategory,
table.timeline tr.kategorie_menschen td.contentColumn {
  border-left: 5px solid #AB1521; 
}

#categorySelector-kategorie_projekte td.checkbox {
  background-color: #560909;
}
div.timelineEntry div.kategorie_projekte p.timelineCategory,
table.timeline tr.kategorie_projekte td.contentColumn {
 border-left: 5px solid  #560909; 
}

#categorySelector-kategorie_allgemeine-wissenschaft td.checkbox {
  background-color: #6D6D6D;
}
div.timelineEntry div.kategorie_allgemeine-wissenschaft  p.timelineCategory,
table.timeline tr.kategorie_allgemeine-wissenschaft td.contentColumn {
  border-left: 5px solid #6D6D6D;
}

.timelineEntry h1 {
  border-bottom: 1px solid #355D77 !important;
}


.contentProfilingIconRight {
  float: right;
}




/* CONTENT PROFILES */

.contentProfile h1 {
  // border-bottom: 1px solid #355D77 !important;
}



/* ARTICLE */

.article h1 {
  // border-bottom: 1px solid #355D77 !important;
}



/* BIBLIOGRAPHY-ENTRY */

.bibliographyEntry h1 {
  // border-bottom: 1px solid #355D77 !important;
}



/* DOCUMENT */

.document h1 {
  // border-bottom: 1px solid #355D77 !important;
}



/* ENCYCLOPAEDIA */

.encyclopaediaEntry h1 {
  // border-bottom: 1px solid #355D77 !important;
}



/* NOTIFICATION */

.notification h1 {
  // border-bottom: 1px solid #355D77 !important;
}



/* SUBJECT */

.subject h1 {
  // border-bottom: 1px solid #355D77 !important;
}



/* WEBRESSOURCE */

.webressource h1 {
  // border-bottom: 1px solid #355D77 !important;
}


/* FAQEntry */

.faqEntry h1 {
  // border-bottom: 1px solid #355D77 !important;
}



/* EXERCISE */

.exercise h1 {
  // border-bottom: 1px solid #355D77 !important;
}





/* MACROS */

.latex {
  background-color: gray; 
}

.macroEvaluatorResult {
	border: 1px solid gray;
}

.macroEvaluatorErrorMessage {
	background-color: red !important;
}


.objectInfoLocalName  {
  padding: 5px;
  font-size: 100%;
  overflow: hidden;
/*  border: 1px solid gray; */

}


.english {
  font-style: italic;
}

.footnote {
  background-color: #BBBBBB;
  margin-left: 10px; 
  margin-right: 10px;

}


.contentProfileIcon {
	float: right;	
	
}
.tooltip {
	display: none;	
}

.ajaxtooltip .tooltip-title {
	font-weight: bold; 
	display: block;
}
.ajaxtooltip .tooltip-description {
	font-weight: normal; 
	display: block;
}
.ajaxtooltip .tooltip-help {
	font-weight: bold; 
	display: block;
}
.ajaxtooltip {
	position: absolute; /*leave this alone*/
	display: none; /*leave this alone*/
	width: 300px;
	left: 0; /*leave this alone*/
	top: 0; /*leave this alone*/
	background: lightyellow;
	border: 2px solid gray;
	border-width: 1px 2px 2px 1px;
	padding: 5px;
}
.ajaxtooltip h1 {
	font-size: 100%;	
}
.ajaxtooltip span.tooltip-help {
	font-weight: normal;
	font-size: 80%;
	line-height: 150%;
	margin-top; 20px;
	border-top: 1px solid gray;
	margin-top: 10px;
	padding-top: 5px;
}
.ajaxtooltip span.tooltip-type {
	display: block;
	font-weight: normal;
	font-size: 80%;
}

.fullView a {
	
text-decoration: none;
border-color: #333333;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}