/* style sheet for kahua-web */
/* $Id: kahua-web.css,v 1.20 2006-01-03 08:40:35 shiro Exp $ */

/*
 * Common stuff
 */
body {
  font-family: helvetica, arial, sans-serif;
  color: black;
  background-color: white;
  padding: 0pt;
  margin: 0pt;
}

form { margin: 0pt; }

h1, h2, h3, h4, h5, h6 {
   text-align: left;
   color: #003aa0;
   background: transparent;
}
h1 { font-size: 150% }
h2 { font-size: 130% }
h3 { font-size: 120% }
h4 { font-size: 110% }
h5 { font-size: 100% }
h6 { font-size: 100%; font-style: italic }

hr {
  padding: 0pt; margin: 0pt;
  height: 1px;
  border-width: 1px;
  border-style: solid;
  color: #003aa0;
}

pre {
  background-color: #ffffee;
  border-color: #bbccbb;
  border-width: 1px;
  border-style: solid;
  padding: 0.5em;
}

p.warning {
  color: #ff0000;
}

a.normal-link {
  color: #0000cc;
}

a.invisible-link {
  color: #cc0000;
}

span.warning {
  color: #ff0000;
}

h2.login-header {
  text-align: center;
  width: 100%;
}

table.user-form th {
  text-align: right;
  padding-right: 5pt;
}

blockquote {
  border-style: dashed;
  border-width: 1px;
  border-color: #aaaacc;
  background-color: #eeeeff;
}

.how-long-since {
  font-size: 70%;
  color: #888888;
}

/*
 * Title pane
 */
div#title-pane {
  text-align: left;
  font-size: 190%;
  background-color: #ffffff;
  background-position: center;
  margin: 0pt;
  padding: 10pt 15pt 5pt 10pt;
}

div#title-pane p {
  text-align: center;
  color: #003aa0;
  margin: 0pt;
  padding: 30pt 0pt 30pt 0pt;
}

/*
 * Navigation pane
 */
table#navigation-pane {
  width: 100%;
  color: #555555;
  background-color: #e8e8e8;
}

td#navigation-pane-left a:visited {
  color: #444477;
}

td#navigation-pane-left a:link {
  color: #444477;
}

td#navigation-pane-right a:visited {
  color: #444477;
}

td#navigation-pane-right a:link {
  color: #444477;
}

td#navigation-pane-left {
  text-align: left;
  font-size: 90%;
}

td#navigation-pane-right {
  text-align: right;
  font-size: 90%;
}

/*
 * Body pane
 */
table#body-pane {
  width: 100%;
}

td#main-pane {
  vertical-align:top;
  padding: 0.5em 1em 0.5em 1em;
}

div.edit-menu {
  text-align: right;
  font-size: 90%;
  color: #777777;
}

div#page-footer { 
  text-align: right;
  font-size: 80%;
  line-height: 0.5;
  color: #777777;
}

td#side-pane {
  vertical-align:top;
  font-size: 90%;
  width:13em;
  border-width: 0px 1px 0px 0px; 
  border-style: solid;
  border-color: #003aa0;
}

td#side-pane ul { 
  margin: 0pt 5pt 0pt 5pt;
  padding-left: 10pt;
}

td#side-pane h2 {
  font-size: 100%;
  margin: 3pt 1pt 3pt 1pt;
  padding: 2pt;
  text-align: center;
 /*  border-style: solid;*/
  background-color: #bbccee;
}

td#side-pane p {
  margin: 0pt 0pt 1pt 0pt;
  padding: 1pt;
}

/*
 * Bottom pane
 */
div#bottom-pane {
  text-align: center;
  font-size: 70%;
  color: #999999;
}

div#bottom-pane p {
  padding: 0px;
  margin: 5px;
}

/*
 * Error display
 */
.macro-error {
  background-color: #ee5555;
}

/*
 * Comment
 */
.simplecommentmacro {
  font-size: 90%;
  background: #eeeeff;
}

.commentform {
  font-size: 80%;
}

.comments {
  font-size: 80%;
}

div.comment {
  margin-top:    6pt;
  margin-left:   3pt;
  margin-right:  3pt;
  margin-bottom: 3pt;
}

div.comment-header {
  background-color: #ccccf8;
  margin: 0pt;
  padding: 0pt;
}

div.comment-contents {
  background-color: #f2f2ff;
  margin:  0pt;
  padding: 0pt;
  border-style: solid;
  border-width: 1px;
  border-color: #bbccbb;
}

/*
 * download-selection/confirm box
 */

table.download-form { 
  background-color: #ccddff;
}

table.download-form th {
  text-align: left;
  background-color: #aabbff;
}

table.download-form td { 
  padding-left: 3em;
}

table.download-form td ul { 
  padding-top: 0pt;
  padding-bottom: 0pt;
  margin-top: .5ex;
  margin-bottom: .5ex;
}

table.download-form td li { 
  font-size: 80%;
}

table.download-form select#download-form-countries {
  width: 20em;
}

table.download-form select#download-form-vartypes {
  width: 20em;
}

table.download-form-varnames {
  margin: 0pt;
  padding: 0pt;
  border-width: 0pt;
  border-collapse: collapse;
}

table.download-form-varnames td {
  margin: 0pt;
  padding: 0pt;
  border-width: 0pt;
}

table.download-form-varnames-selectors {
  margin: 0pt;
  padding: 0pt;
  border-width: 0pt;
  border-collapse: collapse;
}

table.download-form-varnames .var-names {
  width: 20em;
}

table.download-form-varnames .var-names:disabled {
  background-color: #cccccc;
}

table.download-form-varnames .var-add-button {
  margin: 0pt;
  padding: 0pt;
  font-size: 70%;
}

table.download-form-varnames td#download-form-varnames-selected {
  padding-left: 1em;
}

table.download-form-varnames .var-add-button:disabled {
  background-color: #cccccc;
}

table.download-form-varnames #var-names-selected {
  width: 20em;
}

.var-selected-button {
  margin: 0pt;
  padding: 0pt;
  font-size: 70%;
}

table.download-confirm  {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1pt;
  border-color: #003aa0;
  margin: 0pt;
  width: 90%;
}

table.download-confirm tr th {
  text-align: right;
  width: 10em;
  vertical-align: top;
}

table.download-confirm > tr > th {
  border-style: solid;
  border-width: 1pt;
  border-color: #003aa0;
}

table.download-confirm > tr > td {
  border-style: solid;
  border-width: 1pt;
  border-color: #003aa0;
}

table.search-summary th {
  background-color: #eeeeff;
}

table.search-summary td {
  background-color: #ffdddd;
}

table.search-summary td.aux-info {
  font-size: 75%;
}

span.status-Public    { background-color: #ccffcc; }
span.status-Submitted { background-color: #ffaaaa; }
span.status-Prelim    { background-color: #ffffaa; }
span.status-Hidden    { background-color: #ffffff; }
span.status-Reviewed  { background-color: #bbbbff; }
span.status-None      { background-color: #ffffff; }

table.search-summary .down-button {
  margin: 0pt;
  padding: 0pt;
  font-size: 70%;
  background-color: #ffccbb;
  border: solid 1pt #777777;
}

table.search-summary .down-button:hover {
  background: #ffffee;
}

/*
 * grid browsing box (as in by-country or by-value browsing)
 */

table.grid-browser {
  border-collapse: collapse;
  font-family: HelveticaNarrow, sans-serif;
  font-size: 80%;
  padding: 0;
  margin: 0;
}

table.grid-browser th {
  text-align: right;
}

table.grid-browser th.odd2  { background-color: #eedddd; }
table.grid-browser th.even2 { background-color: #ffe3e3; }
table.grid-browser td.odd1  { background-color: #d2d2dd; }
table.grid-browser td.even1 { background-color: #e2e2ee; }
table.grid-browser td.odd2  { background-color: #dadada; }
table.grid-browser td.even2 { background-color: #ebebeb; }
table.grid-browser td.year1 { background-color: #e2e2f4; }
table.grid-browser td.year2 { background-color: #f2f2ff; }

p.grid-view-legend {
  font-size: 70%;
  background-color: #e3e3e3;
}

div.browser-change-item-box { 
  width: 90%;
  font-size: 80%;
  text-align: right;
}

table.records-table {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1pt;
  border-color: #003aa0;
  font-family: HelveticaNarrow, sans-serif;
  font-size: 80%;
  padding: 0;
  margin: 0;
}

table.records-table tr {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1pt;
  border-color: #003aa0;
}

table.records-table th {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1pt;
  border-color: #003aa0;
}

table.records-table td {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1pt;
  border-color: #003aa0;
}

div.record-detail th {
  text-align: left;
  background-color: #ffdddd;
}

div.record-detail th.typename {
  text-align: center;
  background-color: #ffcccc;
}

div.record-detail td {
  background-color: #e8e8ff;
}

div.record-detail td.blank {
  background-color: #ffffff;
}

div.record-detail .seldown-button {
  font-size: 80%
}


/*
 * data uploader
 */

table.upload-form th {
  text-align: right;
  vertical-align: top;
}

table.nta-data-upload-confirm {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1pt;
  border-color: #99ccff;
  font-size: 80%;
  padding: 0;
  margin: 0;
}

div.nta-data-upload-confirm {
  margin-left: 2em;
}

table.nta-data-upload-confirm tr {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1pt;
  border-color: #99ccff;
}

table.nta-data-upload-confirm td {
  border-collapse: collapse;
  border-style: solid;
  border-color: #99ccff;
  border-width: 1pt;
}

table.nta-data-upload-confirm td.bg {
  border-collapse: collapse;
  border-style: solid;
  border-color: #99ccff;
  background-color: #99ccff;
  border-width: 1pt;
}

/*
 * user registration
 */

span.mandatory { 
  color: #ff0000;
}

table.user-form-1 th {
  text-align: right;
  padding-right: 0.5em;
  vertical-align: top;
  background-color: #ffdddd;
}

table.user-form-1 td {
  background-color: #eeeeff;
}

table.user-form-1 td.blank {
  background-color: #ffffff;
}

table.user-form-1 td.override {
  background-color: #ffaaaa;
}

/*
 * file uploader
 */

span.uploaded-file-info { 
  font-size: 75%;
  color: #888888;
}

table.uploaded-file-info th { 
  text-align: right;
  padding-right: 0.5em;
  vertical-align: top;
  background-color: #ffdddd;
}

table.uploaded-file-info td {
  background-color: #eeeeff;
}

input.upload-file-name {
  margin: 0pt 0pt 0pt 0pt;
  padding: 0pt 0pt 0pt 0pt;
}

textarea.upload-file-comment {
  width: 40em;
  height: 5em;
}

table.uploaded-file-list {
  font-size: 80%;
  width: 100%;
}

table.uploaded-file-list th {
  text-align: left;
  background-color: #ffdddd;
}

table.uploaded-file-list td.odd {
  background-color: #eeeeff;
}

table.uploaded-file-list td.even {
  background-color: #bbbbff;
}

/*
 * NTA variables
 */

ul.nta-variable-tree { 
  margin-left: 0pt;
  padding-left: 3ex;
}

li.nta-variable-tree { 
  list-style-type: none;
  margin-left: 0pt;
  padding-left: 0pt;
}

span.tree-opener {
  font-family: monospace;
  font-weight: 900;
  width: 1em;
  background-color: #aaaaaa;
}

table.nta-variable-form th { 
  text-align: right;
  padding-right: 0.5em;
  vertical-align: top;
  background-color: #ffdddd;
}

table.nta-variable-form td {
  background-color: #eeeeff;
}

table.nta-variable-form td.blank {
  background-color: #ffffff;
}

textarea.nta-variable-form {
  width: 40em;
  height: 5em;
}

/*
 * mimetex math expression
 */
img.math {
  vertical-align: middle;
}