
body, table {
  font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000;
  background: #fff;
}

th {
  white-space: nowrap;
}

#top-container {
  /* Centered <body> does not work in IE, so ... */
  margin: 0px auto 0px auto;
  width: 800px;
  text-align: left;
  background-color: #fff;
}

img {
  border: none;
}

h1 {
  margin: 0 0 12px 0;
}

a {
  text-decoration: none;
  color: #f87500;
}

a:hover {
  text-decoration: underline;
}

.handle {
  text-decoration: none;
  color: #f87500;
  cursor: move;
}

.handle:hover {
  text-decoration: underline;
}

table a {
  color: #000;
}

div.break {
  clear: left;
}

/* Top header */

#PageHeader {
  background-color: #000;
  color: #eee;
  margin: 0px;
  margin-top: 32px;
  font-size: 16pt;
  padding: 6px;
}

#PageHeader a {
  text-decoration: none;
  color: #fff;
}

/* Menu bar */

#MenuBar {
  background: url("../images/menu-tile.gif") repeat-x;
  background-color: #4f9413;
  height: 41px;
  margin: 0;
  padding: 0 6px 0 6px;
  color: #ffeed7;
  font-weight: bold;
}

#MenuBarAdmin {
  background: url("../images/menu-admin-tile.gif") repeat-x;
  background-color: #3a6ad5; //#C1DAD7; /*#4f9413;*/
  height: 37px;
  margin: 0;
  padding: 0 6px 0 6px;
  color: #eee; /*#ffeed7;*/
  font-weight: bold;
}

#MenuBar a { 
  text-decoration: none;
  color: #ffeed7;
}

#MenuBarAdmin a { 
  text-decoration: none;
  /*  color: #eed7ff; */
  color: #eee;
}

#SubMenuBar {
  background: #0f171a;
  color: #eee;
  font: normal 11px Verdana, sans-serif;
  padding: 6px;
}

#SubMenuBar a {
  text-decoration: none;
  color: #bbb;
}

#MenuBarShadow {
  background: url("../images/menu-shadow.png") repeat-x;
  height: 4px;
  margin: 0;
  padding: 0;
}

/* Fancy list tables */

.list { 
  font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  cell-spacing: 0;
  empty-cells: show;
  border-left: 1px solid #FCBA00; /*#DAD7C1;*/
  border-top: 1px solid #FCBA00; /*#DAD7C1;*/
}

.list-adm {
  font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  cell-spacing: 0;
  empty-cells: show;
  border-left: 1px solid #C1DAD7;
  border-top: 1px solid #C1DAD7;
}

.list-header th { 
  border-right: 1px solid #FCBA00;
  border-bottom: 1px solid #FCBA00;
  background: url("../images/btn-highlight.png") repeat-x;
  background-color: #FCBA00;
}

.list-adm-header th {
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #CADAD7;
  background: url("../images/btn-highlight.png") repeat-x;
  background-color: #C1DAD7;
}

.list th { 
  color: #000;
  text-align: left;
  padding: 6px 12px 6px 12px;
}

.list-adm th {
  color: #000;
  text-align: left;
  padding: 6px 12px 6px 12px;
}

.alt { 
  background-color: #F8F2CE;
}

.alt-adm {
  background-color: #F5FAFA;
}

.list td { 
  border-right: 1px solid #FCBA00;
  border-bottom: 1px solid #FCBA00;
  color: #5B522D;
}

.list-adm td {
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #C1DAD7;
  color: #6D929B;
}

td {
  text-align: left;
  vertical-align: top;
  padding: 6px 12px 6px 12px;
}

th {
  text-align: left;
  vertical-align: top;
  padding: 6px 12px 6px 12px;
}

#notice {
  background-color: #fffec0;
  border: 2px solid #ffe064;
  margin: 6px 6px 24px 6px;
  padding: 24px;
  font-weight: bold;
}

.fieldWithErrors {
  border: 5px solid #f00;
}

#Container {
  margin-top: 6px;
  overflow: hidden;
  width: 800px;
}

#CenterColumn {
  background-color: #fff;
  width: 588px; /* 600 - 2 * 6 */
  margin-left: 0px;
  /*margin-right: -200px;*/
  float: left;
  padding: 6px 12px 6px 6px;
}

#RightColumn {
  width: 140px; /* 200 - 2 * 6 */
  float: right;
  padding: 6px;
  padding-left: 16px;
  margin: 0;
  border: none; /* 1px dashed #bbb; */ 
}

#Footer {
  border-top: 1px solid #bbb;
  color: #888;
  font-size: 8pt;
  padding: 12px;
  margin-top: 32px;
  margin-bottom: 0px;
  background: url("../images/footer-highlight.png") repeat-x;
  background-color: #ddd;
}

#Footer a {
  color: #888;
  text-decoration: underline;
}


.Highlight { 
  margin-bottom: 6px;
  padding: 6px;
  min-height: 100px;
}

/* Article styles */

.preformatted {
    padding: 12px;
/*    border: 1px solid #ccc;*/
    //background: #eee; //f8f8f8;
    background-color: #F8F2CE;
    margin: 24px 24px 24px 24px;
}

/* News */

.news-summary { 
  font-style: italic;
}

.news-details { 
  font-size: 8pt;
  color: #666;
  margin-bottom: 6px;
}

#LeftMenu {
  padding-top: 12px;
  float: left;
  width: 160px;
}

.LeftMenuItem {
  padding: 4px 0 4px 0;
  border-bottom: 1px solid #eee;
  font-size: 8pt;
  color: #5b522d;
}

.LeftSubMenuItem {
  padding: 4px 0 4px 18px;
  border-bottom: 1px solid #eee;
  font-size: 8pt;
  color: #5b522d;
}

.LeftMenuItem a, .LeftSubMenuItem a {
  color: #5b522d;
}

.LeftMenuItem:hover, .LeftMenuSubItem:hover {
  background: #eee;
}

#LeftMenuSelected {
  background-color: #eee;
  font-size: 8pt;
  font-weight: bold;
}

#ContentWithLeftMenu {
  float: left;
  width: 616px;
  padding: 12px;
}

.CompactTable {
  cell-spacing: 0;
  padding: 0px;
}

.CompactTable td {
  padding: 0;
  margin: 0;
}

/* Big task-buttons */
.task {
    margin-bottom: 32px;
}

.task a {
  color: #000;
}

.task-icon {
  float: left;
}

.task-text {
  margin-left: 40px;
}

.usage {
  font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
}

/* Attachment-list */

.attachment_ul {
  margin: 0;
  display: inline;
}

.attachment_li {
  padding: 12px;
  margin: 0;
  border-bottom: 1px solid #ddd;
  min-height: 32px;
  list-style: none;
  width: 400px;
}

/* Image-list (for product) */

#images_div {
  margin: 0 0 12px 12px;
  padding: 12px;
  border: 1px dashed #888;
  float: right;
}

.images_ul {
  display: inline;
}

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

