/*
  Author:       Attila Weyland
  Description:  style sheet used by all pages of the VITELS web site
  Created:      08.2003
*/


/* anchor settings */
a
{
  text-decoration: none;
}

a:link
{
  color: rgb(251, 82, 0);
}

a:visited
{
  color: rgb(251, 82, 0);
}

a:hover
{
  background-color: rgb(251, 82, 0);
  color: Black;
}

/* default font settings */
a,body,div,h1,h2,h3,h4,li,ol,p,pre,span,table,td,th,tr,ul
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  line-height: 120%;
}

/* justified alignment */
a,h2,h3,h4,p,pre
{
  text-align: justify;
}

/* body settings */
body
{
  background-color: Silver;
  color: Black;
}

/* center block level element in current frame */
div.center300
{
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}

div.center500
{
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

/* main frame settings */
div.frame
{
  background-color: rgb( 240, 240, 240 );
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 680px;
}

/* title settings */
h1
{
  background-color: transparent;
  color: rgb(251, 82, 0);
  font-size: medium;
  margin: 2em 0em 1em;
}

/* sub-title settings */
h2
{
  text-align: left;
}

h3
{
  text-align: left;
  margin: 0px;
}

/* horizontal line */
hr.line
{
  background-color: transparent;
  border: solid Silver;
  border-width: 1px 0px 0px 0px;
  padding: 5px;
  width: 90%;
}

/* class for logos in the course module page */
img.floatPicture
{
  float: left;
  margin: 5px 25px 5px 0px;
}

/* class for the VITELS logo */
img.logoMargin
{
  margin: 15px 20px;
}

/* headline text settings */
.headline
{
  background-color: transparent;
  color: Silver;
  font-size: x-large;
  font-variant: small-caps;
  padding-bottom: 15px;
  padding-top: 5px;
  text-align: center;
}

/* topic box settings */
.topicBox
{
  float: right;
  margin: 60px 0px 20px 20px;
}

.topicBoxTitle
{
  background-color: rgb(255, 227, 195);
  border: 1px solid Silver;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  width: 130px;
}

.topicBoxEntry
{
  background-color: rgb(255, 227, 195);
  border: 1px solid Silver;
  border-width: 0px 1px 1px;
  padding: 5px;
  width: 130px;
}

/* menu settings */
.menu
{
  background-color: rgb( 240, 240, 240 );
  border: 1px solid Silver;
  margin-left: 10px;
  margin-right: 10px;
}

.menuEntryMain
{
  background-color: Silver;
  color: Black;
  line-height: 22px;
  padding: 3px 6px 3px 6px;
}

.menuEntryMainSelected
{
  background-color: rgb(255, 227, 195);
  color: Black;
  font-weight: bold;
  line-height: 22px;
  padding: 3px 6px 3px 6px;
}

.menuEntrySub
{
  background-color: rgb(255, 227, 195);
  color: Black;
  line-height: 22px;
  padding: 3px 6px 3px 6px;
}

.menuEntrySubSelected
{
  background-color: rgb(255, 227, 195);
  border-color: rgb(251, 82, 0);
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  color: Black;
  font-weight: bold;
  line-height: 22px;
  padding: 2px 6px 3px 6px;
}

.menuEntrySubSelectedDummy
{
  background-color: rgb(255, 227, 195);
  border-color: rgb(255, 227, 195);
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  color: Black;
  font-weight: bold;
  line-height: 22px;
  padding: 2px 6px 3px 6px;
}

.menuEntrySelectedColor
{
  background-color: rgb(255, 227, 195);
}

/* sample module structure box settings */
.boxContent
{
  border-color: rgb(0, 0, 0);
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  margin: 0em;
  text-align: left;
  width: 300px;
}

.boxContentLast
{
  border-color: rgb(0, 0, 0);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  margin: 0em;
  text-align: left;
  width: 300px;
}

/* sample module structure text settings */
.chapter
{
  padding: 10px 0px 0px 15px; /* top, right, bottom, left */
}

.chapterChapter
{
  font-size: x-small;
  margin: 5px 10px 0px 0px; /* top, right, bottom, left */
}

.chapterChapterBreak
{
  font-size: x-small;
  margin: 5px 10px 15px 0px; /* top, right, bottom, left */
}

.chapterTitle
{
  font-size: medium;
}

.firstSectionTitle
{
  font-size: small;
  padding: 10px 0px 15px 40px; /* top, right, bottom, left */
}

/* sample module structure color settings */
.titleColor1
{
  background-color: rgb(252, 255, 195);
}

.titleColor2
{
  background-color: rgb(222, 255, 195);
}

.titleColor3
{
  background-color: rgb(255, 198, 195);
}

.titleColor4
{
  background-color: rgb(195, 223, 255);
  padding: 2px 5px; /* top & bottom, right & left */
}

/*
    classes below are mentioned in the style guide
*/

li.answer
{
  list-style: disc;
}

li.question
{
  font-style: italic;
  list-style: circle;
}

/* class with smaller indention suitable for unsorted and ordered lists */
.noindent
{
  margin-bottom: 8pt;
  margin-left: 4pt;
  margin-top: 8pt;
  padding-left: 16pt;
  text-align: left;
}

/* class to display code snippets */
.code
{
  background-color: rgb(228, 195, 255);
  border-color: rgb(63, 0, 128);
  border-style: solid;
  border-width: thin;
  color: Black;
  font-family: "Courier New", Courier, monospace;
  padding: 5px;
  white-space: pre;
  width: 100%;
}

/* float classes */
.floatLeft
{
  float: left;
}

.floatRight
{
  float: right;
}

/* common font classes */
.left
{
  text-align: left;
}

.center
{
  text-align: center;
}

.right
{
  text-align: right;
}

.justify
{
  text-align: justify;
}

.nowrap
{
  white-space: nowrap;
}

.monospace
{
  font-family: "Courier New", Courier, monospace;
}

.serif
{
  font-family: "Times New Roman", Times, serif;
  font-size: medium;
}

.italic
{
  font-style: italic;
}

.monospaceItalic
{
  font-family: "Courier New", Courier, monospace;
  font-style: italic;
}

.xLarge
{
 font-size: x-large;
}

.large
{
 font-size: large;
}

.medium
{
 font-size: medium;
}

.small
{
  font-size: x-small;
}

.bold
{
  font-weight: bold;
}

/* background colors */
.lightgray
{
  background-color: rgb( 240, 240, 240 );
}

/* foreground colors */
.green
{
  background-color: transparent;
  color: Green;
}

.maroon
{
  background-color: transparent;
  color: Maroon;
}

.navy
{
  background-color: transparent;
  color: Navy;
}

.purple
{
  background-color: transparent;
  color: Purple;
}

.boldGreen
{
  background-color: transparent;
  color: Green;
  font-weight: bold;
}

.boldNavy
{
  background-color: transparent;
  color: Navy;
  font-weight: bold;
}

.boldMaroon
{
  background-color: transparent;
  color: Maroon;
  font-weight: bold;
}

.boldPurple
{
  background-color: transparent;
  color: Purple;
  font-weight: bold;
}

.monospaceBoldBlack
{
  background-color: transparent;
  color: Black;
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
}

.monospaceBoldGreen
{
  background-color: transparent;
  color: Green;
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
}

.monospaceBoldMaroon
{
  background-color: transparent;
  color: Maroon;
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
}

.monospaceBoldNavy
{
  background-color: transparent;
  color: Navy;
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
}

.monospaceBoldPurple
{
  background-color: transparent;
  color: Purple;
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
}