/* standard elements */
* {
  margin: 0;
  padding: 0;
}
a {
  color: #36C;
  text-decoration:none;
}
a:hover {
  color: #06F;
}
html, body {
  height: 100%;
}
body {
/*  background: #EEE url("/images/transparentia/bg.gif"); */
  color: #444; 
  background-color: #D0D0D0;
/*  font: normal 0.8em Arial,"Lucida Sans Unicode",sans-serif; */
  font-family: 'Jura', sans-serif;
/*  font-size: 1em; */
}
form {
  padding: 0 0 6px 8px;
}
input {
  color: #555;
  font: normal 1em Arial,"Lucida Sans Unicode",sans-serif;
}
p,ul,ol {
  font-size: 1.0em;
  padding-bottom: 10px;
}
h1 {
  font-size: 1.9em;
}
h2 {
  font-size: 1.5em;
}
h1,h2,h3 {
  color: #367EA6;
  padding-top: 6px;
  margin-bottom: 4px;
}
/* misc */
#clearer {
  clear: both;
}

.vertical_space {
  height: 1ex;
  clear: both;
}

img.image-text {
  vertical-align: bottom;
}

/* structure */
#container {
  background: url("/images/transparentia/bgcontainer.png") repeat-y;
  width: 946px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -58px;
}
#main {
  clear: both;
  padding: 8px 18px 8px 18px;
}

#header {
  min-height: 100px;
  height: auto !important;
  height: 100px;
/*  background: url("/images/transparentia/header.gif") repeat-x; */
  margin-bottom: 8px;
}

#flags {
  margin-top: 4px;
  float: left;
}
#flags span {
  display: block;
  float: left;
  margin-left: 4px;
}
#help {
  margin-top: 2px;
  float: right;
}
#help span.help_span {
  display: block;
  float: left;
  margin-right: 4px;
}
#help span.help_logout {
  padding-top: 4px;
}
#help .logout-user a {
  font-weight: bold;
  color: #fff;
}
#help .logout-link a {
  font-weight: bold;
}
#flags img, #help img {
  display: block;
}

#title {
  text-align: center;
}
#title h1 {
/*  color: #707070; */
  color: #040404; 
  font-family: 'Russo One', sans-serif;
  font: normal 1.8em;
  padding: 3px 10px;
}
#title h2 {
/*  color: #707070; */
  color: #040404; 
  font: normal 1.2em 'Jura', sans-serif;
  padding: 0px 10px 5px 10px;
}

#menu {
  float: left;
  width: 200px;
  font-family: 'Jura',sans-serif;
}
#menu ul {
  border: 1px solid #E5E5E5;
  border-top: 1px solid #FAFAFA;
  background: #EEE url("/images/transparentia/bgul.gif") repeat-x;
  margin: 0;
  padding: 0;
}
#menu li {
  border: 1px solid #FAFAFA;
  border-top: none;
  list-style: none;
  margin: 0;
}
#menu li a {
  color: #777;
  display: block;
  padding: 3px 6px 3px 14px;
}
#menu li a:hover {
  color: #111;
}

.menu {
  float: left;
  width: 200px;
  font-family: 'Jura',sans-serif;
}
.menu ul {
  border: 1px solid #E5E5E5;
  border-top: 1px solid #FAFAFA;
  background: #EEE url("/images/transparentia/bgul.gif") repeat-x;
  margin: 0;
  padding: 0;
}
.menu li {
  border: 1px solid #FAFAFA;
  border-top: none;
  list-style: none;
  margin: 0;
}
.menu li a {
  color: #777;
  display: block;
  padding: 3px 6px 3px 14px;
}
.menu li a:hover {
  color: #111;
}

#logo {
  padding: 20px 0px 0px 0px;
  margin: 0px;
}
#logo img {
  margin-left: -1px;
  border: 1px solid grey;
}

#content {
  color: #333;
  font-family: 'Noto Sans', sans-serif;
  float: right;
  width: 700px;
}
#item {
  padding: 6px 12px;
  border: 1px solid #EEE;
  background: #FFF;
  min-height: 400px;;
  height: auto !important;
  height: 400px;
}
#content li {
  margin-left: 25px;
}

#footer, #push {
  height: 42px;
  margin: 6px auto;
  width: 910px;
}
#footer div {
  height: 26px;
  padding: 8px;
  background: #FFF;
  border: 1px solid #EEE;
  color: #666;
  font-size: 1em;
  text-align: center;
}
.cuda {
  background-color: #ade05a;
}
.openmp {
  background-color: #fa7df8;
}
.mpi {
  background-color: #fafa64;
}
.gaspi {
  background-color: #e0a85a;
}
.other {
  background-color: #5ac7e0;
}
p.menu_title {
  padding-top: 5px;
  padding-bottom: 0px;
}
.word_count {
  color: black;
  font-style: italic;  
}
.word_count_high {
  color: #804040;
  font-style: italic;
}
.word_count_overlimit {
  color: red;
  font-style: italic;
}