body {
   margin: 0 10px;
   padding: 0 200px 0 150px;
   font-family: Trebuchet MS, sansserif;
}

#container {
   background-color: #fff;
   float: left;
   width: 100%;
   border-left: 150px solid #fff;
   border-right: 200px solid #fff;
   margin-left: -150px;
   margin-right: -200px;
   display: inline; /* Keep IE happy */
}

#leftRail {
   float: left;
   width: 150px;
   margin-left: -150px;
   position: relative;
}

#center {
   float: left;
   width: 100%;
   margin-right: -100%;
}

#rightRail {
   float: right;
   width: 200px;
   margin-right: -200px;
   position: relative;
}

#header, #footer {
   border: 2px solid #888;
   background-color: #fff; /*#1ae4cd;*/
   margin-left: -150px;
   margin-right: -200px;
   margin-bottom: 10px;
   clear: both;
}

#header {
   margin-top: 10px;
   height: 138px;
}

#header p {
   font-weight: bold;
   color: #a51b21 /* #8a0000 */;
   margin-left: 320px;
   margin-top: 10px;
}
#title {
   font-size: 500%;
}
#blurb {
   font-size: 150%;
   font-style: italic;
}

#footer {
   padding-left: 10px;
}

#header img.logo {
   float: left;
   border: 0px solid #fff;
}

h1, h2, h3, h4, h5, h6 {
   color: #a51b21 /* #8a0000 */;
}

#center h1 {
   margin-top: 0px;
}

#center a[href^="http://"]:after {
   content: ' ' url(/static/remote.gif);
}
#center a[href^="http://"]:hover:after {
   content: ' ' url(/static/remote_a.gif);
}

#center a[href^="http://www.lpi-academy.de/"]:after, #center a[href^="http://www.lpi-academy.de/"]:hover:after {
   content: '';
}

.railBox {
   border: 2px solid #888;
   padding-bottom: 5px;
}

#leftRail .railBox {
   margin: 5px 10px 5px 0px;
}

#rightRail .railBox {
   margin: 5px 0px 5px 10px;
}

.railBox h2 {
   margin: 0px;
   padding: 2px 5px;
   border-bottom: 1px solid #888;
   background: #b6ff91 /* #8a0000 */;
   color: #888;
}

.railBox p {
   margin: 5px;
   overflow: hidden;
}

.railBox img {
   border: 0px solid #fff;
   margin-top: 5px;
}

.railBox .navbar_item, .railBox .page_actions_item {
   margin: 0px 5px 0px 15px;
   text-indent: -10px;
}

input.openid_login {
   margin: 0px 5px 5px 5px;
   width: 150px;
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}

input.openid_submit {
   margin: 0px 5px 0px 5px;
   align: right;
}

div.navbar_search_form {
   border-top: 1px solid black;
   margin-top: 5px;
   padding-top: 5px;
}

input.navbar_search_button {
   margin-top: 3px;
}

/** Comment stuff **/

table.comment th { 
   text-align: right;
   vertical-align: baseline;
   font-weight: normal;
}

table.comment th.req { 
   font-weight: bold;
}

table.comment tr.hp { 
   display: none;
}

/** Registration form **/

table.regform th {
   text-align: right;
}

p.error, li.error, div.error, tr.error {
   margin: 0px;
   background-color: #fbb;
   border: 2px solid #f00;
   padding: 2px;
}

tr.error ul { 
   margin: 0;
}

#div_id_honeypot { 
   display: none;
}

div.comments {
}

div.comment {
   border: 2px solid #888;
   margin-bottom: 10px;
   padding: 0px;
}

div.bystaff { 
   background-color: #dddddd;
}

div.comment h3 {
   background-color: #9dffeb /* #8a0000 */;
   color: #888;
   margin: 0px;
   padding: 2px;
   border-bottom: 1px solid #888;
}

div.comment h4 {
   font-weight: normal;
   font-style: italic;
   font-size: normal;
   margin: 0px;
   padding: 2px;
}

div.comment p {
   padding: 5px;
}

div.commentinfo {
   font-size: small;
   margin-bottom: 10px;
}

form.cbuttonfm {
   margin-right: 5px;
}

#commentsBox .navbar_item {
   font-size: small;
}

#commentsBox .date {
   text-align: right;
   font-size: x-small;
}

div.question {
   border-left: 10px solid #d15028 /* #8a0000 */;
   padding: 0px 5px;
}

div.question pre {
   margin-left: 20px;
   margin-bottom: 0px;
}

div.explanation {
   border-left: 10px solid grey;
   margin-top: 10px;
   padding: 0px 5px;
}

div.explanation pre {
   margin-left: 20px;
}

div.flag {
   border-left: 10px solid red;
   padding: 0px 5px;
   margin-bottom: 10px;
   color: red;
}

a:link, a:visited {
   color: #d15028 /* #8a0000 */;
   text-decoration: underline;
}

a:visited {
   color: #8a4444;
}

/*** Wiki Diffs ***/

table.diff {
   font-family: Courier;
   border: medium;
   width: 100%;
}

.diff_header {
   background-color: #e0e0e0;
}

td.diff_header {
   text-align: right;
}

.diff_next {
   background-color: #c0c0c0;
}

.diff_add {
   background-color: #aaffaa;
}

.diff_chg {
   background-color: #ffff77;
}

.diff_sub {
   background-color: #ffaaaa;
}

/*** Exam Simulator ***/

/* Intro */

div.disclaimer {
   border: 5px solid #d15028 /* #8a0000 */;
   padding: 0px 5px;
   margin-bottom: 10px;
}

input.exambtn0 {
   margin: 5px 0px 0px 10px;
}

input.exambtn1 {
   margin: 5px 0px 0px 30px;
}

div.startbtn {
  text-align: right;
  margin-bottom: 10px;
}

ul.examtypes li {
  list-style-type: none;
  text-indent: -2em;
  padding-left: 1em;
}

/* Questions */

div.qframe, div.buttons {
  border: 1px solid black;
  position: relative;
  background: #dddddd;
  margin: 5px;
}

div.qframe #again {
  float: left;
  margin: 5px;
}

div.qframe #time {
  float: right;
  margin: 5px;
}

div.qtext, div.review {
  border: 1px solid black;
  clear: both;
  background: white;
  margin: 10px;
  padding: 5px;
}

div.qtext div.answers li {
  list-style-type: none;
  text-indent: -1em;
  padding-left: 1em;
}

div.qframe #inst {
  margin: 10px;
}

div.qframe #qnum {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

div.buttons {
  clear: both;
  margin-top: 2px;
  padding: 10px;
}

div.buttons #finish {
  position: absolute;
  right: 5px;
}

/* Evaluation */

div.answers li.wrong, div.answers li.missinganswers {
  color: red;
  list-style-image: url(/static/sad.gif);
}

div.answers li.missinganswers {
  font-style: italic;
}

div.answers li.ok {
  color: green;
  list-style-image: url(/static/approve.gif);
}

div.answers li.unknown {
}

div.answers p {
  margin-left: 20px;
}

div.answers p.wrong {
  color: red;
}
div.answers p.wrong:before {
  content: url(/static/sad.gif)" ";
}

div.answers p.ok {
  color: green;
}
div.answers p.ok:before {
  content: url(/static/approve.gif)"  ";
}

div.qtext div.explanation {
  display: none;
}

p.unknown {
}

div.react {
  text-align: right;
}

#map {
  margin: 10px;
}

/* Question pool stats */

table.qpstats tr.topic { 
  font-weight: bold;
}
table.qpstats td.objcode { 
  font-weight: bold;
}
table.qpstats td.count { 
  text-align: right;
}

/* RSS */

a.rss {
  font-weight: bold;
  font-size: small;
  padding: 0 .2em;
  border: 1px solid;
  text-decoration: none;
  background: #f60;
  color: #fff;
  border-color: #ffc8a4 #7d3302 #3f1a01 #ff9a57;
  margin: 0 3px;
  vertical-align: middle;
}

#content a.rss {
  color: #fff;
  text-decoration: none;
}

a.rss:hover, a.rss:link, a.rss:visited {
  color: #fff;
  text-decoration: none;
}

/* Tables  */

table.la-table th, table.la-vtable th { 
  background-color: #ddd;
  padding-left: 5px;
  text-align: left;
}

table.la-vtable th { 
  vertical-align: top;
}

table.la-table th { 
  padding-right: 10px;
}

table.la-table td, table.la-vtable td { 
  padding-left: 5px;
  padding-right: 10px;
}

table.la-table td.number, table.la-vtable td.number { 
  text-align: right;
}

/* Misc */

ul.messages { 
  background-color: #ffcccc;
  border: 2px solid #888;
}
li.message { 
}

p.standout {
  background-color: #9dffeb;
  border: 2px solid #888;
  margin-top: 0px;
  padding: 5px;
}

table.commentform th {
  text-align: right;
  vertical-align: top;
}