/* Gimolus 2.0 CSS file
 * css for use in gimolus webapplication
 * 2003-01-03 Kristian Tandjung (Rechenzentrum Universitaet Stuttgart)
 * 2003-08-12 changed by mamue (ILPOE Universitaet Stuttgart)
 */

/* HTML ELEMENTS default settings */

BODY {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
  line-height: 1.7em;
  background-color: #DDDDDD;
}

A {
  text-decoration: none; color: #333333;
}


TABLE, TR, TD {
  font-size: 100%;    /* (4) IE is unable to propagate font-size        */
  font-size: inherit; /* (3) Opera, Mozilla table font-size inheritance */
/*  border-color: red; border-style: solid;*/
}

/*
 * ------------------- Image/Icons/Buttons-Klassen ----------------------
 */
IMG.iconStandard, IMG.segmentButton, IMG.stateIndicator {
  border: 0;
  vertical-align: baseline;
  height: 10px;                         /* (1) IE top/bottom line-height bug */
}

/* ============== Zonen ============== */
DIV.menuZone {
  font-size: 1em;
  line-height: 1em;
  background-image: url('http://modulserver.gimolus.de/gimolus/res/img/lay_menu_top.gif');
  background-repeat: repeat;
  /* top padding must be large enough to display gimolus logo in background */
  padding-top: 2em;
  padding-bottom: 0.64em;
  padding-left: 0.64em;
}
DIV.concomZone {
  font-size: 1em;
  1.7em;
}
DIV.contentZone {
  font-size: 1em;
  1.7em;
  margin-top: 0.73em;
  margin-bottom: 20.0em;
}
DIV.message {
  font-size: 1em;
  1.7em;
  text-align: center;
}

/* ======== Menue-Zonen-Tabelle ====== */
DIV.menuZone SPAN.menuButtonGroup:hover {
  color: #FFFFFF;
}
SPAN.menuButtonGroup, SPAN.logoutButtonGroup {
  font-weight: bolder;
}
SPAN.menuButtonGroup {
  margin-right: 1.27em;
}
SPAN.logoutButtonGroup {
  margin-left: 3em;
  color: #333333;
}

/* ============== Segmente =========== */
DIV.workSegment, DIV.commSegment, DIV.systemSegment, DIV.helpSegment,
DIV.helpModuleSegment, DIV.previewModuleSegment, DIV.moduleSegment,
DIV.externalWindow {
  background-color: #C3C3C3;
  margin-top: 0.82em;
  padding-bottom: 0.82em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333333;
  font-size: inherit;
}
DIV.externalWindow {
  margin-top: 1em;
}
DIV.workSegment {
  background-color: #AEAEB5;
}
DIV.commSegment {
  background-color: #B6B6AC;
}
DIV.systemSegment {
  background-color: #B8B0B0;
}
DIV.helpSegment {
  background-color: #ACB4AC;
}

/* ========== Segment-Balken ========= */
DIV.workSegmentBar, DIV.commSegmentBar, DIV.systemSegmentBar,
DIV.helpSegmentBar, DIV.moduleSegmentBar, DIV.helpModuleSegmentBar,
DIV.previewModuleSegmentBar, DIV.externalWindowBar {
  font-size: 0em;                     /* (1) IE top/bottom line-height bug */
  line-height: 0em;                   /* (1) IE top/bottom line-height bug */
  text-align: right;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #333333;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333333;
}
DIV.workSegmentBar {
  background-color: #666699;
}
DIV.commSegmentBar {
  background-color: #A6AD4A;
}
DIV.systemSegmentBar {
  background-color: #9C5B5B;
}
DIV.helpSegmentBar {
  background-color: #669966;
}
DIV.moduleSegmentBar {
  background-color: #555555;
}
DIV.helpModuleSegmentBar {
  background-color: #558855;
}
DIV.previewModuleSegmentBar {
  background-image: url('http://modulserver.gimolus.de/gimolus/res/img/lay_seg_bar_preview.gif');
  background-repeat: repeat;
  background-color: #666666;
}
DIV.externalWindowBar {
  background-color: #333333;
}

/* ========== Segment-Inhalt ========= */
/* (2) Mozilla/Opera width inheritance bug
       -> keine Einrueckung per DIV margin/padding */
TABLE.workSegmentContent, TABLE.commSegmentContent,
TABLE.systemSegmentContent, TABLE.helpSegmentContent,
TABLE.moduleSegmentContent, TABLE.helpModuleSegmentContent,
TABLE.previewModuleSegmentContent {
}
TR.workSegmentContent, TR.commSegmentContent,
TR.systemSegmentContent, TR.helpSegmentContent,
TR.moduleSegmentContent, TR.helpModuleSegmentContent,
TR.previewModuleSegmentContent {
}
TD.workSegmentContent, TD.commSegmentContent,
TD.systemSegmentContent, TD.helpSegmentContent,
TD.moduleSegmentContent, TD.helpModuleSegmentContent,
TD.previewModuleSegmentContent {
  padding-left: 2em;
}
TD.workSegmentContent {
  background-color: #AEAEB5;
}
TD.commSegmentContent {
  background-color: #B6B6AC;
}
TD.systemSegmentContent {
  background-color: #B8B0B0;
}
TD.helpSegmentContent {
  background-color: #ACB4AC;
}
/* ======= Navigationsmenueklassen ======= */
TABLE.moduleNavigation, TABLE.segmentNavigation {
  width: 100%;
}
TR.moduleNavigation, TR.segmentNavigation {
}
TD.segmentNavigation,
TD.categoryNavigation, TD.chapterNavigation, TD.subchapterNavigation {
  line-height: 1em;
  padding-top: 0.55em;
  padding-bottom: 0.36em;
  padding-left: 0.45em;
}
SPAN.navigationEqualsPage {
  font-size: inherit;
  color: #FFFFFF;
}
A.navigationContainsPage {
  font-size: inherit;
  color: #FFFFFF;
}
A.navigationDoesNotContainPage {
  font-size: inherit;
  color: #333333;
}
TD.navigationHorizontalRuler {
  height: 1px;
  width: 100%;
  border: none;
  background-image: url('http://modulserver.gimolus.de/gimolus/res/img/rep_dot.gif');
  background-repeat: repeat-x;
  background-attachment: scroll;
}
DIV.topNavigationButtons {
  padding-left: 0em;
}
DIV.bottomNavigationButtons {
  text-align: right;
}

/* ========= Gimolus-Seiteninhalt ========= */
/* --------------- Layout ----------------- */
TABLE.pageContent {
  padding-top: 1em;
  width: 100%;
}
TR.pageContent, TD.pageContent, TD.leftColumn, TD.rightColumn,
TD.singleLeftColumn {
  line-height: 1.7em;
  vertical-align: top;
}
TD.leftColumn, TD.rightColumn {
  width: 47%;
}
TD.singleLeftColumn {
  width: 100%;
}
TD.columnDividerColumn {
  width: 6%;
}
DIV.pageTitle {
  font-size: 1.2em;
  font-weight: bolder;
  padding-bottom: 0.5em;
}


/* --------------- Formulare ------------- */
FORM {
}
TABLE.form, TR.form {
}
TD.formBody {
}
TD.formFieldCell {
  width: 50%;
}
TD.formFieldTextCell {
  width: 50%;
}
TD.formKnobCell {
  width: 3%;
}
TD.formKnobTextCell {
  width: 97%;
}
TD.formButtonCell {
  text-align: right;
}
INPUT, TEXTAREA {
  line-height: 1.1em;
}

/* --------------- Sections -------------- */
DIV.sectionTitle {
  padding-bottom: 0.4em;
  font-weight: bolder;
}
DIV.sectionBodyPlainContent {
  padding-bottom: 1.3em;
}
DIV.sectionBodyImportantNote {
  padding-bottom: 0.8em;
}
DIV.sectionBodyRemark {
  padding-bottom: 0.8em;
}
DIV.sectionBodyExercise {
  padding-bottom: 0.8em;
  font-style: italic;
}
DIV.sectionBodyExample {
  padding-bottom: 0.8em;
}
/* ---------- Strukturelemente ---------- */
/* -------------- (Paragraph) ------------ */
DIV.paragraph {
}
/* -------------- (Tabellen) ------------- */
TABLE.gimolusTable {
  border-collapse: collapse;
  width: 100%;
}
TR.row {
}
TH.borderCell, TH.noBorderCell, TD.borderCell, TD.noBorderCell {
  font-size: 0.85em;
  line-height: 1.3em;
  padding-left: 0.3em;
  padding-right: 0.3em;
}
TH.borderCell, TD.borderCell {
  border-style: solid;
  border-width: 1px;
  border-color: #333333;
  border-collapse: collapse;
}
TH.noBorderCell, TD.noBorderCell {
  border: none;
}
TH.borderCell, TH.noBorderCell {
  font-weight: bolder;
}
/* --------------- (Listen) -------------- */
OL, UL {
  margin-top: 0em;
}
LI {
}
/* ---------- (formatted_group) ---------- */
TABLE.formattedGroup, TR.formattedGroup {
}
TD.descItemCell {
  font-weight: bolder;
}
TD.descriptionCell {
}

/* ------------ FlowElements ------------- */
/* -------- (dynamische Elemente) -------- */
/*
  Keine eigenen CSS Klassen -> Section-Klassen!
*/
/* ---------- (Gruppenelemente) ---------- */
SPAN.quote {
  font-size: 1em;
  font-style: italic;
}
SPAN.link {
  font-size: 1em;
  color: #666666;
}
/* ---------- (Inhaltselemente) ---------- */
/* ............ applet, flash ............ */
OBJECT {
}
/* ............... picture ............... */
IMG {
  border: none;
}
/* .............. textstring ............. */
SPAN.emphasized {
  font-size: 1em;
  font-weight: bolder;
  font-style: italic;
}
SUB, SUP {
  font-size: 0.85em;
}
/* ................ formula .............. */
SPAN.formula {
  font-size: 1em;
  font-family: 'Times New Roman', Times, serif;
}

/*********** CaptionAndCopyright **********/
/* ----------- Layout-Tabellen ---------- */
TABLE.elementTable, TABLE.formulaTable {
  display: inline;
}
TD.elementCell {
  text-align: center;
}
TD.captionWrapperCell {
  text-align: center;
}
TD.elementCounterCell {
  font-size: 0.85em;
  vertical-align: top;
}
TD.elementCaptionCell {
  font-size: 0.85em;
  text-align: left;
}
TD.formulaCell {
  text-align:center;
}
TD.formulaCaptionCell {
  font-size: 0.85em;
  text-align: center;
}
TD.formulaCounterCell {
  font-size: 0.85em;
  text-align: right;
  vertical-align: middle;
}
TD.iconCell {
  text-align: right;
  width: 100%;
}
/* --------- Caption&Copyright --------- */
SPAN.copyright {
  font-size: 1em;
}



/* ============== Titelseite =============== */
.titlePageTitle {
  font-weight: bolder;
  margin-bottom: 1.5em;
}
SPAN.technicalNotes {
}
.keywordTitle, .prerequisiteModulesTitle, .moduleIdTitle, .technicalRequirementsTitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}
DIV.titleImage {
  text-align: center;
}
DIV.important {
  padding-bottom: 0.4em;
  font-weight: bolder
}
.markDownCell {
  text-align: right;
}




.titlepageAuthorTable {
  width: 100%;
}
.logoCell {
  text-align: left;
}
.responsibleAuthorCell, .additionalAuthorCell {
  text-align: right;
}

.contentHorizontalRuler {
  margin-top: 1em;
  height: 1px;
  width: 100%;
  border: 0;
  color: #666666;
  background-color: #666666;
}


/* ============== Verzeichnisseiten =============== */
TABLE.indexTable, TR.indexTable {
  width: 100%;
}
TD.indexCounterCell, TD.indexCaptionCell {
  text-align: justify;
  padding-right: 2em;
}
TD.indexCopyrightCell {
  text-align: justify;
}
TD.indexPageRefCell {
}


/* ================ Links ins WWW-Seiten ================= */
TABLE.wwwTable, TR.wwwTable {
  width: 100%;
}
TD.wwwPreviewCell {
  text-align: right;
  padding-right: 2em;
}
TD.wwwDescriptionCell {
  text-align: left;
}
DIV.wwwUrlText {
  padding-top: 0.8em;
  font-weight: bolder;
}




/* ============ WEBAPP stuff... =============== */
TABLE.login_table {
  width: 100%;
  margin-top: 10%;
  margin-bottom: 10%;
  margin-right: 25%;
}

TABLE.listing {
  border-spacing: 0px;
}


/* ICON SIZES */
.lay_iconStandard {
  height: 10px;
  border: 0;
  vertical-align: top;
}

a span.actionlink {
  font-size: 100%;
  color: #666666;
}

.loginTable {
  height: 240px;
  width: 100%;
  background-color: #C3C3C3;
  position: absolute;
  top: 140px;
}

TABLE.loginDialogTable {
  width: auto;
}

.rowcolor1 {
  background-color: #e0e0e0;
}

.rowcolor2 {
  background-color: #c0c0c0;
}


/* ============== Modul overview ..... ========= */

A.ModulTitle {
	font-weight: bolder;
	margin-left: 5px;
}
DIV.LearningUnitID	{
  	font-weight: bolder;
  	margin-top: 1.4em;"
}
DIV.ModulOverviewShortInfo {
  line-height: 1.4em;
}

TD.OverviewPicture {
	padding-top: 0.2em;
	vertical-align: top;
}
TD.columnDividerHorizontalRuler {
  height: 1px;
  border: none;
  background-image: url('http://modulserver.gimolus.de/gimolus/res/img/rep_dot.gif');
  background-repeat: repeat-x;
  background-attachment: scroll;
}