html, body { padding: 0; margin: 0; font-family: Calibri, Arial; }
  body div.top { padding: 0; margin: 0; width: 100%; background-color: #0D2B61; box-shadow: 0 4px 10px 0 #111; }
  body div.main { margin: 10px; }

table.menu { width: 100%; }
  table.menu td { border-bottom: solid 1px #efefef; border-right: solid 1px #efefef; width: 1px; white-space: nowrap; }
    table.menu td:last-child { border-right: none; border-left: solid 1px #efefef; }
    table.menu td a { color: #efefef; }
      table.menu td a:hover { color: #eb8f1d; }
  table.menu th { border-bottom: solid 1px #efefef; text-align: right; }
  table.menu tr:hover { background-color: transparent; }

p.toolbar { margin: 0; padding: 5px; }
fieldset.toolbar { display: inline; margin: 0 0 10px 10px; padding: 5px 0 0 0; color: #eee; border: none; border-top: solid 1px #eee; font-size: small; }
legend { color: #efefef !important; }

hr { background-color: none; border-left: none; border-right: 0; border-top: solid 1px #292E2D; border-bottom: solid 1px #677372; }
h2 { font-family: 'Levenim MT'; font-size: 16px; color: #fff; font-weight: bold; margin-right: 10px; display: inline; }
  h2.subtitle { font-size: 10pt; }
h3 { font-family: Calibri; color: #1E2C60; border-bottom: solid 1px; margin-right: 5px; }
img { vertical-align: middle; }
a { text-decoration: none; }
  a.access { color: #2ca503; }
input, textarea { background-color: #eee; color: #000; }
  input.number, input[type=number] { width: 80px !important; text-align: right; }
  input[type=text] { width: 400px; }
  input[type=text], input[type=password], textarea { border: 1px solid #565D56; background: #f2ecec; }
  input.grade { width: 50px; }
textarea { width: 657px; height: 60px; }
table { border: none; border-collapse: collapse; font-size: 11pt; }
  table.matrix th { color: #111; }
  table ul { margin: 0; padding: 0 16px; }
tr:hover, tr.row-selected { background-color: #cac0c0; }
th, td { padding: 1px 3px; vertical-align: top; }
th { text-align: left; background-color: #0D2B61; color: #fff; white-space: nowrap; border-color: #000; }
  th.sortable { cursor: pointer; }
  th.sorted { background-color: #cac0c0; }
  th.sub { background-color: #85B0E6; color: #0D2B61; font-size: larger; }
td { white-space: nowrap; border-color: #000; }
  th.origin, td.origin { background-color: #b4f4f6; vertical-align: bottom; max-width: 400px; white-space: normal; }
  th.option-header, td.option-header { background-color: #0D2B61 !important; color: #fff !important; border-color: #000; text-align: center; white-space: normal; }
  th.group, td.group, th.option, td.option { background-color: #565D56 !important; color: #fff !important; border-color: #000; text-align: center; vertical-align: bottom; }
    th.group div.cell-content, td.group div.cell-content { overflow: hidden; white-space: normal; font-size: smaller; }
    th.option div.cell-content, td.option div.cell-content { width: 80px; overflow: hidden; white-space: normal; font-size: smaller; }
  th.code, td.code { background-color: #30b47b; color: #fff; border-color: #000; text-align: center; }
  th.subcriterion, td.subcriterion { background-color: #93e492; text-align: right; }
  th.cell, td.cell { cursor: pointer; text-align: center; }
    th.cell a { color: #fff; text-decoration: underline; }
  td.number { text-align: right; }
  td div.grade, td div.score, th div.grade, th div.score { min-width: 32px; }

.selected { background-color: #c00 !important; color: #fff; border-color: #000; }
.selected-originally { font-weight: bold; background-color: #ff8f8f; }
.unselectable::selection { background-color: transparent; }
.unselectable { user-select: none; -webkit-user-select: none; -moz-user-select: none; }
.hidden { display: none; }
.mark { font-weight: bold; }
.invalid { text-decoration: line-through; }
.error { margin: 7px; padding: 3px; background-color: #cf8068; border: solid 1px #BB2B00; text-align: center; }
  .error ul { list-style-type: none; margin: 0; padding: 0; }
.warning { margin: 7px; padding: 3px; background-color: #ffc90e; border: solid 1px #795e00; text-align: center; }
.succeeded { color: #2ca503; }
.failed { color: #e00; }
.tooltip { background-color: #000; color: #fff; padding: 2px; font-weight: normal; border-radius: 4px; max-width: 400px; white-space: normal; text-align: left; }
.toolbar { margin: 10px 0 10px 10px; }
  .toolbar input, .toolbar a, fieldset.toolbar input, fieldset.toolbar a, a.button { background-color: #F2ECEC; border: none; border-radius: 5px; padding: 6px; padding-left: 22px; color: #8B0021; cursor: pointer; margin-right: 1px; font-size: 11pt; background-repeat: no-repeat; background-position: 4px 6px; display: inline-block; white-space: nowrap; }
    .toolbar input:hover, .toolbar a:hover, fieldset.toolbar input:hover, fieldset.toolbar a:hover { background-color: #f0aaaa; transition-property: background-color; transition-duration: 1s; }
.pager input[type=submit] { background-color: #F2ECEC; border: solid 1px; border-radius: 5px; cursor: pointer; margin-right: 1px; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
.label { min-width: 120px; float: left; }
.label-long { min-width: 280px; float: left; }
.red { color: #8B0021; }
.score, .score a { text-align: right; }
.clickable { cursor: pointer; }
  .clickable:hover { color: #8B0021; }
.wallpaper { background: url('/Content/Images/pattern_body.png') repeat; }
.logininput { width: 220px !important; height: 20px; margin-bottom: 5px; }
.loginbutton { background-color: #0D2B61; color: #FFF; width: 90px; padding: 3px; font-size: 14px; transition-property: background-color; transition-duration: 1s; border: none; }
  .loginbutton:hover { cursor: pointer; background-color: #8B0021; transition-property: background-color; transition-duration: 1s; }
.scroll { overflow: auto; }

.icon-back { background-image: url(/Content/Images/Icons/back.png); }
.icon-save { background-image: url(/Content/Images/Icons/save.png); }
.icon-list { background-image: url(/Content/Images/Icons/list-view.png); }
.icon-delete { background-image: url(/Content/Images/Icons/cross.png); }
.icon-add { background-image: url(/Content/Images/Icons/add.png); }
.icon-copy { background-image: url(/Content/Images/Icons/add-page.png); }
.icon-search { background-image: url(/Content/Images/Icons/search.png); }
.icon-download { background-image: url(/Content/Images/Icons/down.png); }
.icon-close { background-image: url(/Content/Images/Icons/cross.png); }
.icon-help { background-image: url(/Content/Images/Icons/help.png); }

/* Simple modal */
.simplemodal-overlay { background-color: #000; }
.simplemodal-container { background-color: #aaa; border-radius: 5px; border: solid 1px; border-top: none; }
  .simplemodal-container h1 { font-size: 11pt; margin: 0; background-color: #010101; color: #efefef; border-radius: 5px 5px 0 0; padding: 4px; }
  .simplemodal-container div.content { margin: 8px; }
  .simplemodal-container div.toolbar { margin: 8px; border-top: solid 1px; padding-top: 5px; }

/* Autocompletetable */
.ui-autocompletetable { border: 0 !important; background-color: #eee; }
  .ui-autocompletetable .dropdown { border: 0; border-collapse: collapse; min-width: 100px; }