html, body {
margin: 0px 0px 10px 0px;
padding: 0px;
font-family: helvetica, arial, verdana, sans-serif;
color: #111111;
height: 99%;
}
html {
background-image: url(images/watermark.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
}
table.page_header, table.page_footer, table.page_body {
width: 100%;
}
table.page_body {
height: 83%;
}
table.page_header td {
text-align: center;
vertical-align: top;
}
td.page_body {
vertical-align: middle;
}
table.page_footer td {
text-align: center;
vertical-align: bottom;
}
a { text-decoration: none; color: maroon; }
a:hover { text-decoration: underline; color: gray; }
a.play { text-decoration: none; color: black; }
a.play:hover { text-decoration: none; }
body > table {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.74em;
padding: 0px;
margin: 0px;
}
.extended_event {
font-style: italic;
}
.instantaneous_event {
font-style: italic;
}
.main_speaker {
font-weight: bold;
}
.non_main_speaker {
font-weight: normal;
}
.IPAFont {
font-family: SILDoulosIPA, SILDoulos IPA93, SILManuscriptIPA, SILManuscript IPA93, SILSophiaIPA, SILSophia IPA93;
font-size: 100%;
}
.IPA {
font-family: tahoma, doulos sil, serif;
}
h1 {
font-family: times, times new roman, serif;
font-weight: normal;
text-align:center;
}
h2 {
font-family: times, times new roman, serif;
font-weight: normal;
text-align:center;
}
h3 {
font-family: times, times new roman, serif;
font-weight: normal;
text-align:left;
font-style: italic;
}
em {
font-family: times, times new roman, serif;
font-weight: bold;
color: red;
font-style: normal;
}
div {
color: black;
line-height: 1.5em;
margin: 0px;
padding: 5px 20px 10px 0px;
}
p {
color: black;
line-height: 1.5em;
margin: 0px;
padding: 5px 20px 10px 0px;
}
ul { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }
li { padding-top: 0px; padding-bottom: 5px; margin-top: 0px; margin-bottom: 0px; }
table { font-size: 1em; }
th {
text-align: left;
font-family: helvetica, arial, verdana, sans-serif;
}
p.error, pre.error {
color: red;
font-weight: bold;
font-size: 10pt;
}
p.message {
font-weight: bold;
font-size: 10pt;
}
.db_form_label {
vertical-align: top;
font-weight: bold;
}
.db_form_field {
vertical-align: top;
}
.db_form_link {
vertical-align: top;
text-align: center;
}
.db_message {
font-weight: bold;
}
.db_error {
color: red;
font-weight: bold;
}
.db_pagination_current {
font-weight: bold;
padding: 3px;
border: inset 2px;
}
p.db_pagination {
text-align: center;
font-weight: normal;
font-size: 9pt;
}
p.db_pagination a {
padding: 3px;
}
.db_list_evenrow {
background: transparent;
color: black;
}
.db_list_oddrow {
background: transparent;
color: black;
}
.db_newrow {
background: transparent;
color: black;
}
table.db_table_form td.db_form_link {
border-bottom: solid black 1px;
padding-bottom: 10px;
}
table.popup_menu {
background: #DDDDDD;
padding: 5px;
border-left: #EEEEEE solid 1px;
border-right: #BBBBBB solid 1px;
border-bottom: #BBBBBB solid 1px;
}
tr.popup_menu {
background: #DDDDDD;
}
td.popup_menu:hover {
background: #EEEEEE;
}
th.popup_menu {
font-style: italic;
}
td.popup_menu {
text-align: left;
white-space: nowrap;
}
td.popup_menu a {
text-decoration: none;
color: black;
}
.file_selector {
text-align: right;
}
.progress_bar {
text-align: center;
width: 100%;
padding: 0px;
border: 0px;
}
.progress_bar_done {
background: #DEE6EF url(images/processing.gif);
border-top: #DEE6EF solid 1px;
border-bottom: #DEE6EF solid 1px;
border-left: #DEE6EF solid 1px;
color: white;
text-align: center;
}
.progress_bar_done_error {
background: red url(images/processing.gif);
border-top: red solid 1px;
border-bottom: red solid 1px;
border-left: red solid 1px;
color: white;
text-align: center;
}
.progress_bar_finished {
background: #DEE6EF;
color: white;
text-align: center;
}
.progress_bar_finished_error {
background: red;
color: white;
text-align: center;
}
.progress_bar_todo {
background: #F7F7F7;
color: black;
text-align: center;
}
.progress_bar_status {
text-align: center;
}
input.numeric {
text-align: right;
}
span.db_submit, span.db_link, a.button {
background: silver;
border: 1px outset;
padding: 2px;
padding-top: 6px;
font-family: sans-serif;
font-size: 9pt;
white-space: nowrap;
}
span.db_submit:active, span.db_link:active, a.button:active {
border: 1px inset;
padding-top: 7px;
padding-left: 3px;
padding-bottom: 1px;
padding-right: 1px;
}
span.db_submit img, span.db_link img, a.button img {
border: 0;
vertical-align: middle;
padding-right: 3px;
}
span.db_submit a, span.db_link a, a.button {
color: black;
text-decoration: none;
}
input.db_link, input.db_submit, input.form_button {
background: silver;
border: 1px outset;
font-family: sans-serif;
font-size: 9pt;
padding: 1px;
}
input.db_link:active, input.db_submit:active, input.form_button:active {
border: 1px inset;
padding-left: 2px;
padding-right: 0px;
}
.meta_layer_data {
font-size: 8pt;
font-style: italic;
font-weight: normal;
}
.transparent_button {
padding: 2px;
}
.transparent_button:active {
padding-top: 4px;
padding-left: 4px;
padding-bottom: 0px;
padding-right: 0px;
}
table.transcript_header, table.transcript_footer {
width: 100%;
}
table.transcript_header td.transcript_title {
text-align: center;
white-space: nowrap;
width: 10%;
}
table.transcript_header td.previous_transcript_link, table.transcript_footer td.previous_transcript_link {
width: 45%;
text-align: left;
}
table.transcript_header td.next_transcript_link, table.transcript_footer td.next_transcript_link {
width: 45%;
text-align: right;
}
table.transcript_top_block {
width: 100%;
}
table.transcript_top_block td {
vertical-align: top;
}
table.speakers td {
padding: 5px;
}
td.phonological_layer {
white-space: nowrap;
vertical-align: top;
}
table.layered_words {
}
table.layered_words td {
padding: 0px;
vertical-align: top;
}
table.turns {
border-spacing: 0px;
padding: 0px;
}
table.turns td.word_layers {
padding: 0px;
}
table.layered_words {
border-spacing: 0px;
padding-top: 4px;
}
table.word_layers {
border-spacing: 0px;
padding: 0px;
}
table.word_layers td, table.word_layers td.result_highlight {
padding: 0px;
vertical-align: top;
white-space: nowrap;
}
table.word_layers td.segment_layers {
padding: 0px;
vertical-align: top;
white-space: nowrap;
}
table.turns th.turn_speaker {
vertical-align: top;
padding-top: 5px;
}
table.turns td.turn_text {
vertical-align: top;
}
table.layered_words td.word_event {
vertical-align: middle;
}
p.topic {
font-style: italic;
}
table.scrollable tbody {
overflow: auto;
height: 250px;
}
table.extract_textgrids_column_mapping td {
vertical-align: top;
}
.result_highlight, .cell_result_highlight td {
background: yellow;
font-weight: bold;
}
.word_heading {
text-align: center;
}
table.edit_word th.main {
text-align: center;
}
table.edit_word th.variant {
text-align: right;
white-space: nowrap;
}
table.edit_word th.editable_layer_icon {
text-align: right;
vertical-align: middle;
}
table.edit_word th.editable_layer {
text-align: left;
vertical-align: middle;
}
table.edit_word td.editable_layer {
text-align: right;
vertical-align: middle;
}
table.edit_word td.editable_layer input {
width: 100%;
}
table.edit_word td.editable_button {
text-align: left;
}
table.edit_word th.read_only_layer_icon {
text-align: right;
vertical-align: middle;
}
table.edit_word th.read_only_layer {
text-align: center;
vertical-align: middle;
}
table.edit_word td.read_only_layer {
text-align: left;
vertical-align: middle;
white-space: nowrap;
}
table.insert_data_checkoxes td {
padding-right: 10px;
}
/**** AG ****/
table.speaker_word {
display: inline;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
table.speaker_word td {
padding: 0px;
}
table.speaker_word td.speaker_word {
padding: 0px;
}
table.ag_word, table.ag_no_word {
display: inline;
padding:0px;
border-spacing: 0px;
border-collapse: collapse;
width: 100%; /* this is ignored for some reason */
}
table.ag_word td, table.ag_no_word td {
white-space: nowrap;
padding-top:0px;
padding-bottom:0px;
padding-left:3px;
padding-right:3px;
font-size: 10pt;
height:20px;
}
td.ag_turn_speaker {
vertical-align: top;
border-bottom: 1px solid silver;
padding: 0px;
}
table.ag_speaker {
padding:0px;
border-spacing: 0px;
border-collapse: collapse;
font-size: 10pt;
}
table.ag_speaker td {
padding:0px;
white-space: nowrap;
vertical-align: top;
font-weight: bold;
}
table.ag_speaker td.meta_annotation_start_end {
font-weight: normal;
border-top: black dotted 1px;
border-left: black dotted 1px;
border-right: none;
}
table.ag_speaker td.meta_annotation_start_end {
font-weight: normal;
border-top: black dotted 1px;
border-left: black dotted 1px;
border-right: none;
}
td.ag_annotations {
white-space: normal;
}
.meta_annotation_empty {
}
.meta_annotation_start_end {
border-top: black solid 1px;
border-left: black solid 1px;
border-right: black solid 1px;
border-bottom: white solid 1px;
}
.meta_annotation_start {
border-top: black solid 1px;
border-left: black solid 1px;
}
.meta_annotation_during {
border-top: black solid 1px;
}
.meta_annotation_end {
border-top: black solid 1px;
border-right: black solid 1px;
}
span.comment_annotation {
font-style: italic;
padding-left:3px;
padding-right:3px;
}
table.upload_howmanyform {
width:100%;
}
table.upload_howmanyform th {
text-align: right;
font-weight: normal;
}
table.upload_upform {
width: 500px;
}
table.upload_mainspeakers td.checkbox {
text-align: right;
}
/*******************************************/
table.turnSpan {
padding-top: 5px;
border-spacing: 0px;
border-collapse: collapse;
}
table.turnSpan td {
padding-left: 5px;
}
tr.speakerSpan {
}
tr.speakerSpan th.speaker {
vertical-align: top;
border-top: 1px dotted gray;
border-right: 1px dotted gray;
padding-right: 10px;
}
tr.speakerSpan th.speaker td.speaker_name {
font-weight: bold;
}
tr.speakerSpan td.columns {
}
table.annotationColumn, table.name_positioner {
display: inline;
padding: 0px;
border-spacing: 0px;
}
tr.cell td, tr.speakerSpan th.speaker table.name_positioner td, tr.cell_result_highlight {
padding: 0px;
font-size: 10pt;
height: 20px;
}
tr.cell td.main_speaker {
font-weight: bold;
}
span.line {
display: block;
}
td.span_annotation_start_end_olive {
border-top: olive dashed 1px;
border-left: olive dashed 1px;
border-right: olive dashed 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_and_end_olive {
border-left: olive dashed 1px;
}
td.span_annotation_start_olive {
border-top: olive dashed 1px;
border-left: olive dashed 1px;
}
td.span_annotation_during_olive {
border-top: olive dashed 1px;
}
td.span_annotation_end_olive {
border-top: olive dashed 1px;
border-right: olive dashed 1px;
}
td.span_annotation_start_end_blue {
border-top: blue solid 1px;
border-left: blue solid 1px;
border-right: blue solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_and_end_blue {
border-left: blue solid 1px;
}
td.span_annotation_start_blue {
border-top: blue solid 1px;
border-left: blue solid 1px;
}
td.span_annotation_during_blue {
border-top: blue solid 1px;
}
td.span_annotation_end_blue {
border-top: blue solid 1px;
border-right: blue solid 1px;
}
td.span_annotation_start_end_lime {
border-top: lime solid 1px;
border-left: lime solid 1px;
border-right: lime solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_and_end_lime {
border-left: lime solid 1px;
}
td.span_annotation_start_lime {
border-top: lime solid 1px;
border-left: lime solid 1px;
}
td.span_annotation_during_lime {
border-top: lime solid 1px;
}
td.span_annotation_end_lime {
border-top: lime solid 1px;
border-right: lime solid 1px;
}
td.span_annotation_start_end_teal {
border-top: teal solid 1px;
border-left: teal solid 1px;
border-right: teal solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_and_end_teal {
border-left: teal solid 1px;
}
td.span_annotation_start_teal {
border-top: teal solid 1px;
border-left: teal solid 1px;
}
td.span_annotation_during_teal {
border-top: teal solid 1px;
}
td.span_annotation_end_teal {
border-top: teal solid 1px;
border-right: teal solid 1px;
}
td.span_annotation_start_end_red {
border-top: red solid 1px;
border-left: red solid 1px;
border-right: red solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_and_end_red {
border-left: red solid 1px;
}
td.span_annotation_start_red {
border-top: red solid 1px;
border-left: red solid 1px;
}
td.span_annotation_during_red {
border-top: red solid 1px;
}
td.span_annotation_end_red {
border-top: red solid 1px;
border-right: red solid 1px;
}
td.span_annotation_start_end_black {
border-top: black solid 1px;
border-left: black solid 1px;
border-right: black solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_and_end_black {
border-left: black solid 1px;
}
td.span_annotation_start_black {
border-top: black solid 1px;
border-left: black solid 1px;
}
td.span_annotation_during_black {
border-top: black solid 1px;
}
td.span_annotation_end_black {
border-top: black solid 1px;
border-right: black solid 1px;
}
/* These for the 'noise' layer*/
td.span_annotation_start_end {
border-top: black dotted 1px;
border-left: black dotted 1px;
border-right: black dotted 1px;
}
td.span_annotation_start_and_end {
border-left: black dotted 1px;
}
td.span_annotation_start {
border-top: black dotted 1px;
border-left: black dotted 1px;
}
td.span_annotation_during {
border-top: black dotted 1px;
}
td.span_annotation_end {
border-top: black dotted 1px;
border-right: black dotted 1px;
}
td span.meta_annotation {
position: absolute;
}
span.up {
position: relative;
top: -7;
left: 3;
background: transparent;
white-space: nowrap;
}
td.span_annotation_start_and_end_black span.meta_annotation span.up, td.span_annotation_start_and_end_blue span.meta_annotation span.up, td.span_annotation_start_and_end_red span.meta_annotation span.up, td.span_annotation_start_and_end_teal span.meta_annotation span.up, td.span_annotation_start_and_end_olive span.meta_annotation span.up {
left: -10;
}
td.span_annotation_start_and_end span.meta_annotation span.up, td.span_annotation_start span.meta_annotation span.up, td.span_annotation_end span.meta_annotation span.up, td.span_annotation_start_end span.meta_annotation span.up, td.span_annotation_during span.meta_annotation span.up {
top: 0;
left: 0;
border-top: 1px dotted black;
}
td span.annotation_data {
position: absolute;
}
td span.annotation_data img.annotation_data {
position: relative;
top: -18;
}
tr.cell_image, _img.annotation_data {
height: 50px;
}
span.key_layer {
}
span.key_layer_empty {
color: gray;
}
table.search_matrix, table.search_column {
border-collapse: collapse;
}
table.search_column td {
vertical-align: middle;
text-align: center;
white-space: nowrap;
}
table.search_column th {
vertical-align: middle;
text-align: left;
white-space: nowrap;
}
table.search_column {
border-spacing: 0px;
}
td.adjacency {
font-size: 8pt;
}
td.search_span_layer {
border-top: black solid 1px;
}
td.search_anchor_none {
border-top: black dashed 1px;
border-right: white dashed 1px;
border-left: white dashed 1px;
}
td.search_anchor_start {
border-top: black solid 1px;
border-left: black solid 1px;
}
td.search_anchor_end {
border-top: black solid 1px;
border-right: black solid 1px;
}
span.search_anchor_start input, span.search_anchor_end input {
position: relative;
top: 3;
}
table.anchors, table.anchors table.annotations {
border-collapse: collapse;
border-spacing: 0px;
}
table.anchors td.annotations {
vertical-align: top;
border-left: 1px solid silver;
}
table.anchors th {
white-space: nowrap;
}
table.anchors tr.odd {
background: #FFFFFF;
}
table.anchors tr.even {
background: #EEEEEE;
}
.nohilight {
}
.hilight {
border: 1px dashed red;
}
table.layers td {
vertical-align: top;
}
input.media_alternative {
margin-left: 5mm;
}