/* general settings */
body { background:#BFBFBF }
p,dl { font-size:14px;
       padding-top:4px;
       padding-bottom:4px }
th,td { font-size:14px;
        padding-left:8px;
        padding-right:8px;
        padding-top:0px;
        padding-bottom:0px;
        background:#FFFFFF }
h1 { font-size:32px;
     font-family:sans-serif }
h2 { font-size:18px;
     font-family:sans-serif }
h3 { font-size:16px;
     font-family:sans-serif }
em { font-style:italic }
strong { font-weight:bold }
code { font-family:monospace }
pre { font-size:10px }
a         { text-decoration:none;
            background:#FFFFFF }
a:link    { color:#5FBFBF }
a:visited { color:#5F3FBF }
a:active  { color:#5FBFBF }
a:hover   { color:#5F3FBF;
            background:#CFCFCF }

/* white "paper" area (on the grey background) */
table.paper { margin-top:20px;
              margin-bottom:20px;
              width:90%;
              border-collapse:collapse }

/* left side table cell for main navigation bar (vertical) */
td.main { border:3px solid #BFBFBF;
          vertical-align:top;
          width:220px;
          font-family:sans-serif;
          font-weight:bold }
td.main hr { margin-top:20px }

/* big jtem headline */
td.header { border:3px solid #BFBFBF;
            color:#7F7F7F;
            padding:10px;
            vertical-align:middle;
            text-align:center;
            font-family:sans-serif;
            font-size:20px;
            font-style:italic;
            height:1px }
/* emphasized letters of big jtem headline */
span.header { color:#9F9FFF;
              font-weight:bold }

/* second row table cell for project navigation bar (horizontal) */
td.navbar       { border:3px solid #BFBFBF;
                  padding:0px;
                  height:1px;
                  font-family:sans-serif }
td.navbar table { border-collapse:collapse }
td.navbar td    { padding:0px }

/* central table cell for project information */
td.project { border:3px solid #BFBFBF;
             height:210px;
             vertical-align:top;
             text-align:justify;
             padding:20px }

/* bottom row with date, copyright etc. */
td.footer           { border:3px solid #BFBFBF;
                      padding:0px;
                      height:1px }
td.footer table     { border-collapse:collapse;
                      width:100%;
                      font-family:sans-serif }
td.footer td        { padding:0px }
td.footer td.update { width:150px;
                      vertical-align:middle }
td.footer td.mail   { text-align:center }
td.footer td.top    { width:20px;
                      text-align:right }

/* jtem logo */
p.logo { padding:10px;
         text-align:center }

/* references section at bottom of page */
p.references     { margin:0px;
                   padding:0px }
p.references img { vertical-align:top;
                   padding:0px }

/* news area */
table.news          { border-collapse:collapse;
                      width:100% }
/* "NEWS" title */
table.news th.title { background:#CCCCFF;
                      text-align:center }
/* date of news */
table.news th       { background:#CCFFFF;
                      padding-left:4px;
                      padding-right:4px;
                      vertical-align:top;
                      text-align:right }
/* text of news */
table.news td       { background:#CCFFFF;
                      padding-left:4px;
                      padding-right:4px }

/* simulates something like <dl compact> by use of table environment
   (used for example in explanation of "jar", "jars", "api" and "zip"
    on downloads page) */
table.list    { border-collapse:collapse;
                padding-left:4px;
                padding-right:4px }
table.list th { text-align:left;
                vertical-align:top }
table.list td { text-align:justify }
table.list p  { text-align:justify;
                margin:0px;
                padding:0px;
                text-indent:8px }

/* download table used in project area */
table.download    { border-collapse:collapse }
table.download th { padding:4px;
                    border:2px solid #BFBFBF;
                    text-align:left }
table.download td { padding:4px;
                    border:2px solid #BFBFBF }
table.download a  { font-family:monospace }

/* defines the look of the "jtem" tag */
span.jtem { font-style:italic;
            font-weight:bold;
            color:#7F7F7F }

/* how the navigation bar buttons look like */
span.navbar-button { color:#5F3FBF;
                     background:#E7E7E7 }

/* definition list on credits page */
h3.credits { color:#5F3FBF;
             background:#E7E7E7; }
dl.credits dt { color:#5F3FBF;
                font-style:italic;
	        font-weight:bold }

/* headlines on help pages */
h4.help { color:#5F3FBF;
          background:#E7E7E7;
          text-align:center }
ol.help { text-align:left }