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;
}

/* miscellaneous */
caption {
  font-weight: bold;
}

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

table {
  margin: 0;
}
th {
  text-align: center;
  color: black;
  background: #cceeff;
}
tr {
}
tr.even td {
  text-align: left;
  color: black;
  background: #dddddd;
}
tr.odd td {
  text-align: left;
  color: black;
  background: #eeeeee;
}
td {
  padding: 1px;
  vertical-align: top;
}

/* actionbar */
div.actionbar {
  margin-top: 1px;
  margin-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  background: #dddddd;
  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 black;
  border-right: 1px solid black;
  border-bottom: 1px solid black; 
  text-align: left;
  padding: 1px;
  background: white;
}

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

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

/* link */
div.link {
  border-bottom: 1px solid black;
}
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;
}

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

/* menubar */
#menubar {
  width: 100%;
  line-height: normal;
  background: #dae0d2 url(images/bg.gif) repeat-x bottom;
  float: left;
}
#menubar ul {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 1px; 
  margin: 0px; 
  list-style-type: none;
}
#menubar li {
  background: url(images/left.gif) no-repeat left top; 
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px; 
  padding-right: 0px;
  margin: 0px;
  float: left;
}
#menubar a {
  background: url(images/right.gif) no-repeat right top;
  padding-top: 5px; 
  padding-bottom: 4px; 
  padding-left: 6px; 
  padding-right: 10px; 
  display: block; 
  color: #765;
  text-decoration: none;
  white-space: nowrap;
}
#menubar a:hover {
	color: black;
}
#menubar .inactive {
	border-bottom: 1px solid black;
}
#menubar .active {
  background-image: url(images/left_on.gif);
  border-bottom: solid 1px white;
}
#menubar .active a {
  background-image: url(images/right_on.gif);
}
#menubar p.filler {
  display: inline;
}

/* menustack (aka 'breadcrumbs) */
#menustack-outer {
  clear: both;
  margin-right: 2px;
  background: #dae0d2 url(images/bg.gif) repeat-x bottom;
  margin-top: -2.5pt;
}
#menustack {
  clear: left;
  width: 100%;
  line-height: normal;
  background-color: transparent;
  padding-bottom: 2pt;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: solid 1pt black;
}
#menustack ul {
  padding-top: 2pt;
  padding-bottom: 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;
}
#menustack li a {
  color: blue;
  text-decoration: none;
  white-space: nowrap;
}
#menustack p {
  padding: 0pt;
  margin: 0pt;
}

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

/* navbar */
div.navbar {
  border-bottom: 1px solid #000000;
  background: #dddddd;
}
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;
}

/* outer */
div.outer {
  margin-top: 1px;
  margin-bottom: 0px;
  border-bottom: 1px solid black;
  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: #eeeeee;
}
div.outer td.label {
  text-align: right;
  font-style: italic;
  font-weight: bold;
  color: white;
  background: gray;
}
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: #dddddd;
}
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;
}

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

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

/* tree */
div.tree {
  border-bottom: 1px solid black;
}
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: #eeeeee;
}
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 .text {
  margin-left: 10px;
  vertical-align: top;
  text-align: left;
  word-spacing: 0;
}

/* universe */
div.universe {
  margin-top: 5px;
  width: 750px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* 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;
}

/* genric classes */
.border0 {
  border-width: 0px;
}
.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.error {
  clear: left;
  font-style: italic;
  font-weight: normal;
  color: red;
  background: transparent;
}
.justify {
  text-align: justify;
}
.left {
  text-align: left;
}
.nowrap {
  white-space: nowrap;
}
.required {
  font-size: 130%;
  vertical-align: bottom;
  color: red;
  background: transparent;
}
.right {
  text-align: right;
}