/* style sheet for kahua-web */

/*
 * Common stuff
 */
* { padding: 0; margin: 0; }

body {
    font: x-small sans-serif;
    color: black;
    background: #FFF url(bg.png) 0 0 repeat-x;
    padding: 0;
    margin: 0;
}

#global-wrapper {
    background: url(bg2.png) 0 0 no-repeat;
    font-size: 127%;
    width: 100% ! important;
    min-width: 0 ! important;
    margin: 0 0 0 0;
    padding: 0;
}

form { margin: 0pt; }

h1, h2, h3, h4, h5, h6 {
   text-align: left;
   font-weight: normal;
   color: #0046ad;
   background: transparent;
   padding-top: 0.5em;
   padding-bottom: 0.17em;
   border-bottom: solid 1px #aaaaaa;
}
h1 {
    color: #0046ad; font-size: 188%; margin-bottom: 0.1em; line-height: 1.2em;
}
h2 { font-size: 150%; margin-bottom: 0.6em; line-height: 1.2em; }
h3 { font-size: 120%; border: none; }
h4 { font-size: 110%; border: none; }
h5 { font-size: 100%; border: none; }
h6 { font-size: 100%; border: none; 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;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

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

ul {
    line-height: 1.5em;
    padding-left: 2em;
}

/*
 * Title pane
 */
div#title-pane {
    margin: 0pt;
    height: 178px;
}

div#title-pane p {
    padding: 22px 0 0 355px;
}

div#title-pane p a img {
    border-style: none;
    border-width: 0;
}

/*
 * Navigation pane
 */
table#navigation-pane {
  width: 100%;
  height: 15px;
  color: #555555;
  position: relative;
  padding: 0;
  margin: 0;
  background-color: transparent;
  z-index: 4;
}

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
 */
#body-pane {
    width: 100%;
    float: right;
    position: relative;
    margin-left: -200px;
    padding: 0;
    z-index: 2;
}

#main-pane {
    margin-top: 0px;
    margin-left: 200px;
    padding-top: 25px;
    padding-left: 25px;
    background-color: transparent;
}

#main-pane p {
    margin-top: 0.4em;
    margin-bottom: 0.5em;
    line-height: 1.5em;
}

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

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

#side-pane {
    background: #B2C7E7 url(bg2.png) 0 0 no-repeat;
    font-size: 90%;
    position: relative;
    background-color: #b2c7e7;
    width: 200px;
    margin: 0;
    padding-top: 265px;
    border-width: 0;
    border-style: none;
    z-index: 3;
}

#side-pane ul {
    width: 150px;
    margin: 0.4em 0 0.4em 0;
    background-color: #fff;
    list-style-type: square;
    list-style-image: url(bullet.gif);
    border: solid 1px #aaaaaa;
}

#side-pane ul li {
    margin-bottom: 0.1em;
}

#side-pane h2 {
    font-size: 90%;
    padding-top: 0.4em;
    border: none 0px;
}

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

/*
 * Bottom pane
 */
#gradient {
    background: -moz-linear-gradient(top, #B2C7E7 0%, #7CA0D6 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2C7E7), color-stop(100%,#7CA0D6)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2C7E7', endColorstr='#7CA0D6',GradientType=0 ); /* ie */
    min-height: 200px;
    width: 100%;
    clear: both;
}

#gradient2 {
    background-color: #7CA0D6;
    float: left;
    height: 40px;
    width: 200px;
}

.visual-clear {
    clear: both;
}

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

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

/*
 * 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 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: 3px 0px 0px 0px;
  border-width: 0pt;
  vertical-align: top;
}

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

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

#varnames-tree {
  width: 30em;
}

#main-pane p.varnames-tree-selected-caption {
    margin: 0;
    padding: 0;
    line-height: 1em;
}

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

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

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

.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
 */

div.upload-box {
  width: 90%;
  padding: auto 10px auto 10px;
  border: 3px solid #003aa0;
  background: #eeeeff;
}

div.upload-box p.upload-box-title {
  width: 100%;
  font-size: x-large;
  text-align: center;
}

div.upload-box p.upload-box-description {
  width: 100%;
  text-align: center;
}

form.upload-form {
  width: 100%;
}

form.upload-form table {
  margin-left: auto;
  margin-right: auto;
}

form.upload-form table input {
  font-size: large;
}

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

table.regional-permissions {
    width: 100%;
}

table.regional-permissions th {
    margin: 0;
    text-align: left;
}

table.regional-permissions td {
    margin: 0;
    padding-left: 2em;
}

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

/************************************************************
 * NTA countries
 */

table.country-form th, td {
    vertical-align: top;
}

textarea.country-attribute-area {
    width: 16em;
    height: 15em;
}

.country-attribute-area-explanation {
    font-family: Serif, Times;
    font-size: 90%;
    width: 15em;
}

.country-submit-buttons {
    padding-left: 2em;
    margin-top: 10px;
}

.country-submit-buttons input {
    margin-left: 2px;
    margin-right: 3px;
}

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

/************************************************************
 * Recent uploads & Spreadsheet view
 */

.spreadsheet-navi {
    background-color: #dddddd;
    width: 90%;
    padding: auto;
    text-align: center;
}

.spreadsheet-table {
    border-collapse: collapse;
    width: 90%;
}

.spreadsheet-table th {
    padding: 1px 8px;
    color: #0046ad;
    border: 2px solid #0046ad;
    border-right: hidden;
    border-left: hidden;
    border-top: hidden;
}

.spreadsheet-table td {
    padding: 1px 8px;
}

/*
 * IE fixes
 */
* html #global-wrapper {
    overflow: auto;
}

* html #body-pane {
    display: inline;
    margin-bottom: 0;
    overflow: auto;
}

* html #side-pane {
    overflow: auto;
}

* html #main-pane {
    overflow: auto;
    width: 100%;
}

* > html #body-pane {
    float: none;
}
* > html #side-pane {
    position: absolute;
    left: 0;
    top: 0;
}

/*************************************************************
 * Embed
 */

div.embed-show pre { background-color: #eeeeee; }
div.embed-show div.embed-preview { border: solid 5px #c0c0e0; }

div.embed-form textarea { width: 60em; height: 30em; }
p.embed-warn { font-weight: bold; color: #ee4444; }

span.embed-info { color: #808080; }
span.embed-info a { color: #8080f0; }

/***************************************************************
 * Datatable
 */

table.dataTable {
        margin: 0 auto;
        clear: both;
        width: 100%;
}

table.dataTable thead th {
        padding: 3px 18px 3px 10px;
        border-bottom: 1px solid black;
        font-weight: bold;
        cursor: pointer;
        *cursor: hand;
}

table.dataTable tfoot th {
        padding: 3px 18px 3px 10px;
        border-top: 1px solid black;
        font-weight: bold;
}

table.dataTable td {
        padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
        text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
        position: relative;
        clear: both;
        *zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
        float: left;
}


/*
 * Filter
 */
.dataTables_filter {
        float: right;
        text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
        clear: both;
        float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
        float: right;
        text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
        height: 19px;
        float: left;
        cursor: pointer;
        *cursor: hand;
        color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
        text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
        outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
        color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
        padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
        padding-right: 23px;
        margin-left: 10px;
}

.paginate_enabled_previous { background: url('dataTables/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('dataTables/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('dataTables/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('dataTables/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('dataTables/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('dataTables/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
        height: 22px;
        line-height: 22px;
}
.paging_full_numbers a:active {
        outline: none
}
.paging_full_numbers a:hover {
        text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
        border: 1px solid #aaa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px 5px;
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
        color: #333 !important;
}

.paging_full_numbers a.paginate_button {
        background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
        background-color: #ccc;
        text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
        background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 250px;
        height: 30px;
        margin-left: -125px;
        margin-top: -15px;
        padding: 14px 0 2px 0;
        border: 1px solid #ddd;
        text-align: center;
        color: #999;
        font-size: 14px;
        background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('dataTables/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('dataTables/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('dataTables/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('dataTables/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('dataTables/sort_desc_disabled.png') no-repeat center right; }

table.dataTable thead th:active,
table.dataTable thead td:active {
        outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
        clear: both;
}

.dataTables_scrollBody {
        *margin-top: -1px;
        -webkit-overflow-scrolling: touch;
}

/*
 * UHERO embedding
 */
.uhero {
    width: 100%;
    height: 800px;
    border: thin solid #88c;
}

/*
 * Short-url
 */

table.short-url th, table.short-url td {
    text-align: left;
    padding-right: 5pt;
}

table.short-url tr:nth-child(even) {
    background: #ccc;
}

table.short-url tr:nth-child(odd) {
    background: #eee;
}

table.short-url-edit {
    border-collapse: collapse;
    border: 1px solid #444;
}

table.short-url-edit th, table.short-url-edit td {
    text-align: left;
    padding: 5pt 5pt 5pt 5pt;
    border: 1px solid #888;
}

table.short-url-edit input[type=checkbox] {
    vertical-align: middle;
    margin-left: 5pt;
}