body {
  margin-top: 2pt;
  background: white;
  color: black;
}
body, input, select, textarea, div.tree td .text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
}
a {
text-decoration:none;
outline:none;
}
/* miscellaneous */
caption {
  font-weight: bold;
}

form {
  margin-bottom: 0;
}

h1 {
  clear: left;
  font-size: 150%;
  font-weight: bold;
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: left;
  padding-left: 5px;
  color: white;
  background: #483C8B;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

table {
  margin: 0;
}
th {
  text-align: center;
  color: black;
  background: #819F9F;
}
tr {
}
tr.even td {
  /* text-align: left; */
  color: black;
  background: #A395EF;
}
tr.odd td {
  /* text-align: left; */
  color: black;
  background: #C7BFFF;
}
td {
  padding: 1px;
  /* vertical-align: top; */
}

/* actionbar */
div.actionbar {
  margin-top: 1px;
  margin-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  background: #D1DFDF;
  height: 24px;
}
div.actionbar .left {
  float: left;
}
div.actionbar .right {
  float: right;
}
div.actionbar p {
  margin-top: 0pt;
  margin-bottom: 0pt;
}

/* body */
div.body {
  border-left: 1px solid #9F9F9F;
  border-right: 1px solid #9F9F9F;
  border-bottom: 1px solid #9F9F9F; 
  text-align: left;
  padding: 1px;
  background: white;
}

/* footer */
div.footer {
  clear: both;
  margin-top: 1em;
  text-align: center;
}

/* header */
div.header {
  margin-bottom: 1em;
  text-align: center;
}

/* help */
div.help {
  background: transparent;
}
div.help p {
  margin-top: 0pt;
  margin-bottom: 2pt;
  text-align: right;
}

/* inner */
div.inner {
  border-bottom: 1px solid #9F9F9F;
}
div.inner table {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  background: white;
}
div.inner tr {
  text-align: left;
  color: black;
  background: #E0EFEF;
}
div.inner td {
  padding-left: 3px;
  /* text-align: left; */
  /* vertical-align: middle; */
}

/* link */
div.link {
  border-bottom: 1px solid #9F9F9F;
}
div.link table {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  background: white;
}
div.link tr {
  text-align: left;
  color: black;
  background: white;
}
div.link td {
  padding-left: 3px;
  /* text-align: left; */
  /* vertical-align: middle; */
}

/* logon */
div.logon {
  margin-top: 100px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

div.loggedinas {
  float: left;
  font-style:italic;
}

/* main */
div.main {
  border-bottom: 1px solid #9F9F9F;
  background: transparent;
}
div.main table {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  background: white;
}
div.main tr {
  text-align: left;
  color: black;
  background: #E0EFEF;
}
div.main td {
  padding-left: 3px;
  white-space:nowrap;
  /* text-align: left; */
  /* vertical-align: middle; */
}
div.main td.label {
  text-align: right;
  font-style: italic;
  font-weight: bold;
  color: white;
  background: #475F5F;
}

/* fileupload */
div.uploadbg {
  width: 100%;
  height: 100%;
  background: #cccccc;
}
div.upload {
  width: 500px; 
  margin-left: auto; 
  margin-right: auto;
  background: #D1DFDF;
  padding: 20px;
  border: 2px solid white;
}

/* menubar */
#menubar {
  width: 100%;
  line-height: normal;
  float: left;
  border-bottom:4px solid #648686;
}
#menubar ul {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 1px; 
  margin: 0px; 
  list-style-type: none;
}
#menubar li {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px; 
  padding-right: 0px;
  margin: 0px;
  float: left;
  background-color:#A2B6B6;
  margin-right:1px;
}
#menubar a {
  padding-top: 5px; 
  padding-bottom: 4px; 
  padding-left: 6px; 
  padding-right: 10px; 
  display: block; 
  color: white;
  font-weight:bold;
  font-size:12px;
  text-decoration: none;
  white-space: nowrap;
}
#menubar a:hover {
	color: black;
}
#menubar .inactive {
}
#menubar .active {
  background-color:#648686;
}
#menubar .active a {
}
#menubar p.filler {
  display: inline;
}

/* menustack (aka 'breadcrumbs) */
#menustack-outer {
  clear: both;
  margin-right: 2px;
  margin-top: -2.5pt;
}
#menustack {
  clear: left;
  width: 100%;
  line-height: normal;
  background-color: transparent;
  padding-bottom: 1pt;
  border-left: 1px solid #9F9F9F;
  border-right: 1px solid #9F9F9F;
  border-bottom: solid 1pt #9F9F9F;
}
#menustack ul {
  padding-top: 2pt;
  padding-left: 5pt;
  padding-right: 0pt;
  margin: 0px;
  list-style-type: none;
}
#menustack li {
  padding: 0px; 
  margin: 0px;
  float: left; 
  display: block;
  text-decoration: none;
  white-space: nowrap;
  font-size:80%;
}
#menustack li a {
  color: blue;
  text-decoration: none;
  white-space: nowrap;
}
#menustack p {
  padding: 0pt;
  margin: 0pt;
}

/* middle */
div.middle {
  border-bottom: 1px solid #9F9F9F;
}
div.middle table {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  background: white;
}
div.middle tr {
  height: 1em;
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: left;
  color: black;
  background: #E0EFEF;
}
div.middle td {
  padding-left: 3px;
  /* text-align: left; */
  /* vertical-align: middle; */
}
div.middle td.label {
  text-align: right;
  font-weight: bold;
  font-style: italic;
  color: white;
  background: #aaaaaa;
}

/* errmsg */
div.errmsg {
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: center;
  background: #D1DFDF;
}
div.errmsg p {
  margin-top: 0pt;
  margin-bottom: 1pt;
  color: red;
  background: #D1DFDF;
}
/* infomsg */
div.infomsg {
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: center;
  background: #D1DFDF;
}
div.infomsg p {
  margin-top: 0pt;
  margin-bottom: 1pt;
  color: green;
  background: #D1DFDF;
}

/* navbar */
div.navbar {
  border-bottom: 1px solid #9F9F9F;
  background: #D1DFDF;
}
div.navbar p.selection {
  margin-top: 1px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  text-align: left;
  background: transparent;
}
div.navbar p.show {
  float: right;
  margin-top: 1px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 4px;
  text-align: right;
  background: transparent;
}
div.navbar p.show a {
  font-weight: bold;
}
div.navbar p.withselection {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  background: transparent;
}
div.navbar p.withoutselection {
  margin-top: 1px;
  margin-bottom: 0px;
  text-align: left;
  background: transparent;
  border-bottom: 1px solid white;
}
div.navbar input.submit {
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
} 

/* outer */
div.outer {
  margin-top: 1px;
  margin-bottom: 0px;
  border-bottom: 1px solid #9F9F9F;
  background: transparent;
}
div.outer table {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  background: white;
}
div.outer tr {
  margin-top: 1px;
  margin-bottom: 1px;
  color: black;
  background: #E0EFEF;
}
div.outer td.label {
  text-align: right;
  font-style: italic;
  font-weight: bold;
  color: white;
  background: #475F5F;
}
div.outer td {
  padding-left: 3px;
  /* text-align: left; */
  /* vertical-align: middle; */
}

/* pagination */
div.pagination {
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: center;
  background: #D1DFDF;
}
div.pagination p {
}

/* picker */
div.picker-text {
  float: left;
}
div.picker-image {
  float: left;
  margin-left: 2px;
  margin-right: 5px;
}
div.picker-button {
  float: left;
  margin-left: 5px;
}

/* popup */
div.popupbutton {
  float: left;
  margin-left: 10px;
}
div.popuptext {
  float: left;
}

/* recover password */
div.recover {
  margin-top: 100px;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/* scrolling */
div.scrolling {
  margin-top: 1pt;
  margin-bottom: 1pt;
  text-align: center;
  background: #D1DFDF;
}
div.scrolling p {
}

/* scripttime */
p.scripttime {
  margin-top: 1pt;
  margin-bottom: 0pt;
  text-align: center;
  color: black;
  background: #D1DFDF;
}

/* timetable */
table.timetable {
  background: white;
}
table.timetable tr {
}
table.timetable td {
  background: #E0EFEF;
  border: 1px solid #000000;
  text-align: center;
  font-weight: bold;
}
table.timetable td.time {
  background: #E0EFEF;
  border: 0px;
  font-weight: normal;
}
table.timetable td.blank {
  background: transparent;
  border: 0px;
}

/* ToDo list */
div.todo_user {
  border-bottom: 1px solid #000000;
  padding-top: 4pt;
  padding-bottom: 0pt;
  background: #FFFFCC;
}
div.todo_user h2 {
  font-size: 100%;
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 1em;
  padding-top: 0pt;
  padding-bottom: 2pt;
}
div.todo_user p {
  margin-left: 2em;
  margin-top: 0pt;
  margin-bottom: 0pt;
  padding-top: 1pt;
  padding-bottom: 1pt;
}

/* tree */
div.tree {
  border-bottom: 1px solid #9F9F9F;
}
div.tree table {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  border: outset 0px;
  border-collapse: collapse;
  background: white;
}
div.tree tr {
  border-collapse: collapse;
  text-align: left;
  color: black;
  background: #E0EFEF;
}
div.tree td {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  word-spacing: -5px;
  font-size: 1px;
}
div.tree td img{
  border: 0;
}
div.tree td .icon {
  margin-left: 10px;
}
div.tree td .text {
  margin-left: 10px;
  vertical-align: top;
  text-align: left;
  word-spacing: 0;
}

/* universe */
div.universe {
  margin-top: 5px;
  width: 100%;
  text-align: center;
}

/* version */
div.version {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* workitem */
div.workitem_role {
  border-bottom: 1px solid #000000;
  padding-top: 4pt;
  padding-bottom: 0pt;
  background: #FFFFCC;
}
div.workitem_role h2 {
  font-size: 100%;
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 1em;
  padding-top: 0pt;
  padding-bottom: 2pt;
}
div.workitem_role p {
  margin-left: 2em;
  margin-top: 0pt;
  margin-bottom: 0pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
}
div.workitem_user {
  border-bottom: 1px solid #000000;
  padding-top: 4pt;
  padding-bottom: 0pt;
  background: #FFFFCC;
}
div.workitem_user h2 {
  font-size: 100%;
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 1em;
  padding-top: 0pt;
  padding-bottom: 2pt;
}
div.workitem_user p {
  margin-left: 2em;
  margin-top: 0pt;
  margin-bottom: 0pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
}

/* IMG */
img.bottom {
  vertical-align: bottom;
}
img.middle {
  vertical-align: middle;
}
img.top {
  vertical-align: top;
}

/* HTML controls */
input.submit {
  color: black;
} 

input.radio {
  background-color: transparent;
  color: black;
}

input.checkbox {
  background-color: transparent;
  color: black;
} 

input.text {
  background-color: white;
  color: black;
} 

input.password {
  background-color: white;
  color: black;
} 

select {
  background-color: white;
  color: black;
} 

select option {
  background-color: white;
  color: black;
} 

select.dropdown {
  color: black;
}

textarea {
  background-color: white;
  color: black;
}

/* generic classes */
.border0 {
  border-width: 0px;
}
.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.divider {
  height: 6px;
}
.error {
  clear: left;
  font-style: italic;
  font-weight: normal;
  color: red;
  background: transparent;
}
.invisible {
  display: none;
}
.justify {
  text-align: justify;
}
.left {

  text-align: left;
}
.no-underline {
  text-decoration: none;
}
.nowrap {
  white-space: nowrap;
}
.required {
  font-size: 130%;
  vertical-align: bottom;
  color: red;
  background: transparent;
}
.right {
  text-align: right;
}

/* for items which are due or overdue */
.overdue {
  background: red;
  color: yellow;
  font-style: italic;
  font-weight: normal;
}
.due {
  background: orange;
  color: green;
  font-style: italic;
  font-weight: normal;
}
.warning {
  background: yellow;
  color: red;
  font-style: italic;
  font-weight: normal;
}

/* options for printing */
@media print {
	div.universe {
    margin-top: 5px;
    width: 100%;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }
}