html {padding: 0}
body {margin: 0em; background-color: #fff; color: #444}
body, p, ol, ul, td {font-family: "lucida grande","Trebuchet MS",Trebuchet,tahoma,verdana,arial,sans-serif; font-size: 13px; line-height: 1.6em}
p {margin-left: 10px}
label {font-weight: bold}
a, a:visited {text-decoration: underline; color: #3399CC; font-weight: normal}
a:hover {text-decoration: underline; color: #932241}
.K_title {font-style: oblique}
table {width: 100%}
td {vertical-align: top}
h2 {padding-left: 0}
h2 a, h2 a:visited {color: #333333; text-decoration: underline}
h2 a:hover {color: #AAAAAA}
h3 {margin-top: 2em}
#K_container {width: 100%; background-color: #fff; color: #444; line-height: 160%; vertical-align: top; min-width: 800px}
#K_main {margin: 0 5% 1em 5%; vertical-align: top}
#K_main h1 {color: #359; font-size: 1.5em}
div#K_homepage_timeline {min-height: 300px; border: 2px solid red}
#K_notice_placeholder {position: absolute; right: 20px}
.K_no_status_for_item_editing {border-top: 1px solid #D5D9E0; background: #FAFAFF url("/images/pencil.png") no-repeat 10px; padding: .5em 35px; font-size: 1.1em}
.K_notice_for_item_editing {color: #090; background: #dfd url("/images/accept.png") no-repeat 10px; border: 1px solid #bfb; padding: .5em 35px; font-size: 1.1em}
.K_notice {color: #090; background: #dfd url("/images/accept.png") no-repeat 10px; border: 1px solid #bfb; padding: .8em 35px; font-size: 1.1em; position: relative; margin-bottom: 1em}
.K_error_for_item_editing {color: #b00; background: #fdd url("/images/cross.png") no-repeat 10px 10px; border: 1px solid #fbb; padding: .5em 35px; font-size: 1.1em}
.K_error {color: #b00; background: #fdd url("/images/cross.png") no-repeat 10px 10px; border: 1px solid #fbb; padding: .8em 35px; font-size: 1.1em; position: relative; margin-bottom: 1em}
.K_warning {color: #ca0; background: #ffd url("/images/attention.png") no-repeat 10px 5px; border: 1px solid #fe6; padding: .2em 35px; font-size: 1.1em; position: relative; margin-bottom: 1em}
.field_error {background-color: #fdd; border: 1px solid #fbb; padding: .2em .6em; font-size: .9em; margin-top: -15px; margin-bottom: -10px; line-height: 1.6em}
.required {color: #b00}
.fieldWithErrors {background: #fdd; border: 1px solid #fbb; padding: .3em; margin: 0 0 0 .6em; width: 10%; display: inline}
.K_tour_step {font-size: .6em}
.K_spacer {margin: 25px 0}
#update_button {border: 1px solid #369; background-color: #DBEAF5; color: #036}
#update_button:hover {border: 1px solid #369; background-color: #036; color: #fff}
.update_button {border: 1px solid #369; background-color: #DBEAF5; color: #036}
.update_button:hover {border: 1px solid #369; background-color: #036; color: #fff}
#submit_button {border: 1px solid #369; background-color: #DBEAF5; color: #036}
#submit_button:hover {border: 1px solid #369; background-color: #036; color: #fff}
input, text, textarea, select, checkbox {border: 2px solid #abc; padding: 2px; margin-top: 2px}
#K_confirm_delete_button {width: 100%; padding: 5px 0; font-size: 1.5em; background-color: #DBEAF5; color: #036}
#K_confirm_delete_button:hover {background: #dfd url("/images/flash_notice.gif") no-repeat 10px 8px; color: #090}
#K_cancel_delete_button {width: 100%; padding: 5px 0; font-size: 1.5em; background-color: #DBEAF5; color: #036}
#K_cancel_delete_button:hover {background: #fdd url("/images/flash_error.gif") no-repeat 10px 8px; color: #b00}
.K_graybox {width: 300px; padding: 15px; background-color: #EDEDED; border: 1px #999999 solid; font-size: .9em}
.K_graybox h2 {margin-top: 1px; font-size: 1.2em}
.K_timeline_edit_label {color: #abc}
#K_tabbed_nav_line {margin: 1px 0 7px 0; padding: 0 0 2px 0 background: white; border: none; border-top: 1px solid #369; position: relative; z-index: 2}
#K_tabbed_nav ul{ white-space:nowrap; line-height: 1.7em; padding: 0; padding-left: 1em; margin: 0; text-align: center; background-color: #fff; list-style: none}
#K_tabbed_nav li {display: inline; margin: 0 0.3em 0 0; overflow: visible}
#K_tabbed_nav li a {padding: 0.2em 1em 0.3em 1em; border: 1px #369 solid; border-bottom: none; background-color: #DBEAF5; text-decoration: none; color: #036; font-size: 1em; position: relative; z-index: 5; margin: 0}
#K_tabbed_nav li a:hover {background-color: #fff; color: #47a; border-bottom: 1px solid #fff}
#K_tabbed_nav li.selected a {background-color: #fff; color: #47a; font-weight: bold; border-bottom: 1px solid #fff}
#K_tabbed_nav li.disabled {padding: 0.2em 1em 0.3em 1em; border: 1px #aaa solid; border-bottom: none; background-color: #eee; color: #aaa; font-size: 1em; position: relative; z-index: 5; margin: 0 0.3em 0 0}
ul.K_sub_nav {margin: 0; padding-top: 5px; padding-bottom: 2px; text-align: center; background-color: #47a}
ul.K_sub_nav li {padding: 1px 2em; margin-left: 5px; display: inline}
ul.K_sub_nav li.current {color: #fb1; font-weight: bold}
ul.K_sub_nav li.current a {text-decoration: underline; color: #fb0; font-weight: bold}
ul.K_sub_nav li a, ul.K_sub_nav li a:visited {text-decoration: none; color: white}
ul.K_sub_nav li a:hover {color: white; text-decoration: underline}
.K_column ul {list-style: none; margin: 0pt; border: 1px solid #D5D9E0; height: 505px; width: 275px; margin: 0pt; padding: 0pt; overflow-x: hidden; overflow-y: auto}
.K_column ul li {font-size: 13px; float: none; margin-bottom: 0pt; padding: 2px 0pt 2px 5px}
.K_column ul li:hover {background-color: #DBEAF5; cursor: pointer}
.K_column ul li.K_edit_area {height: 347px; width: 65%; border: 1px solid #c5c5c5; float: right}
.K_list_of_events {}
#K_list_of_events a {color: #000}
#K_list_of_events a:hover {color: #fff}
#K_edit_events_container {}
#K_edit_events_form {}
#K_edit_events_container {}
.K_edit_instructions {text-align: center; font-size: 2em; color: #c5c5c5; padding-top: 25%}
.K_item_editing_overflow {height: 440px; overflow: auto; background-color: #FFF; border: 1px solid #D5D9E0; margin: 0 -1px 10px -14px}
.K_utility_box {width: 90%; margin: 10px auto 10px auto; border: 1px solid #c5c5c5; background-color: #DBEAF5; padding: 3px 0pt 3px 10px}
#K_form {margin: 0pt 0pt 1em 1em}
#K_item_editing_header h3 {margin: 0pt; padding: 0pt 0pt 10px 12px}
#K_messages {margin: 1em}
#K_edit_status {width:100%; border-top: 1px solid #D5D9E0; margin: 0pt 18px 0pt -14px; padding: 5px 0pt 5px 10px}
#K_event_count {font-weight: bold}
#K_ajax_progress {float: right; padding-right: 3px}
.K_ajax_progress_next_to {padding-top: 10px}
.K_delete_link {float: right; margin-top: 0pt; padding-right: 10px}
.K_form_additional_info {font-size: .8em; line-height: 1.3em; margin: -10px 0pt 0pt 10px}
#K_float_right_message_box {float:right; width: 45%}
.K_bottom_border {border-bottom: 1px dotted #ccc; padding: 0pt 5px 10px 5px; margin-bottom: 10px}
.K_top_corner {background: transparent url(/images/left-top-corner-box.jpg) no-repeat scroll left top; padding: 12px 0pt 7px 15px; margin-bottom: 20px; border-bottom: 1px solid #f3f3f3}
.K_top_corner h3 {margin-top: 0em}
#K_send_email_form {padding: 6px; background-color: #DBEAF5; width: 75%}
.K_border_bottom {border-bottom: 2px solid #f3f3f3; padding-bottom: 10px; margin-bottom: 15px}
.K_large {background-position: 1px; background-repeat: no-repeat; background-image: url(/images/time_add.png); padding: 0pt 17px 0pt 23px; font-size: 1.5em}
.K_breath {margin-bottom: 12px}
ul.timeline_tabs {list-style:none; margin:0; padding:0; clear:both; font-size: .9em; height:20px; clear:both}
ul.timeline_tabs li {float:left; margin-right:3px; text-align:center}
ul.timeline_tabs li a {padding: 0.2em 1em 4px 1em; border: 1px #CCC solid; border-bottom: none; background-color: #FFFFFF; text-decoration: none; color: #666; height:20px; width:80px}
ul.timeline_tabs li a:hover {background-color:#F7F7F7; color:#369}
ul.timeline_tabs li a.active {border-bottom: 1px solid #F7F7F7; background-color:#F7F7F7; color:#369}
ul.register_tabs {border-bottom:none}
ul.media_tabs {list-style:none; margin:0; padding:0; clear:both; font-size: .9em; height:20px; clear:both}
ul.media_tabs li {float:left; margin-right:3px; text-align:center}
ul.media_tabs li a {padding: 0.2em 1em 4px 1em; border: 1px #ababab solid; border-bottom: none; background-color: #141414; text-decoration: none; color: #fff; height:20px; width:80px}
ul.media_tabs li a:hover {color: #000; background-color: #fff}
ul.media_tabs li a.active {border-bottom: 1px solid #fff; background-color:#fff; color:#444}
ul.register_tabs {border-bottom:none}
.K_color_palette_container {height: 10.8em; overflow:auto; overflow-x: hidden; background-color: #fff; width: 200px; padding: 0pt .1em .1em .1em; border: 1px dotted #ddd}
.K_color_palette {margin-top: -.7em}
.K_color_palette ul {list-style: none; margin-left: -2.5em; margin-bottom: -.5em}
.K_color_palette li {display: inline}
.K_color_palette a {line-height: 1.5em; text-decoration: none; border: none; padding-right: .4em; padding-left: .4em; margin-right: .25em}
#K_search_bar {background: transparent url("/images/searchfield.gif") no-repeat scroll 3px 4px; padding: 3px 0pt 0pt 5px; height: 23px; width: 270px; border: 1px solid #D5D9E0; border-bottom: none; background-color: #FAFAFF}
#K_search_bar img {vertical-align: middle; padding-bottom: 3px}
#K_search_bar a {text-decoration: none}
#K_search_box {border: none; font-size:11px; margin-left:20px; padding:0px; width:140px}
.right_float {margin: 0pt 10px 0pt 5px; padding-bottom: 3px; float: right; font-weight: normal}
.timeline_label_list {width: 100%; border: 1px solid #ccc; border-top: none; background-color: #FAFAFF; padding: 5px 0pt 10px 0pt; margin: 0pt 0pt 5px 0pt}
.timeline_label_list ul {list-style: none; margin: 3px 3px -5px -30px}
.timeline_label_list ul li {display: inline; text-align: center; white-space: nowrap}
#K_header {width: 100%; border-bottom: 1px solid #abc}
#K_header h1 {font-size: 3.5em; font-weight: bold; padding: .8em 0 .4em 0; color: #259; text-transform: none; margin: 0px}
#K_header_spacer {margin: 0px 5%}
#K_header h1 a {text-decoration: none; color: #259}
#K_header h1 a:hover {text-decoration: underline; color: #259}
.K_spelling {color: #259; font-size: 14px; text-transform: none}
div#K_nav {text-align: right; float: right; font-size: 12px}
#K_logo a {padding: 0pt; text-decoration: none; background-color: #FFFFFF}
#K_login {padding: 0.5em 0pt}
#K_login span {padding-right: .5em; color: #259}
#K_login a {font-weight: normal}
#K_nav a {color: #3399CC; text-decoration: none; font-weight: bold}
#K_nav a:hover {text-decoration: underline; font-weight: bold; background-color: #FFFFFF}
#K_footer {border-top: 1px solid #abc; background-color: #FFF; margin-top: 25px; font-size: 12px; padding: 5px 0 20px 5%; clear: right}
#K_footer a {text-decoration: none; color: #3399CC; font-weight: bold}
#K_footer a:hover {text-decoration: underline; font-weight: bold; background-color: #FFFFFF}
.timeline-default {font-family: 'Trebuchet MS', Helvetica, Arial, 'sans serif'; font-size: 9pt; border: 1px solid #6D6D6D; line-height: 1.2em; background-color: #fff}
#K_public_timeline_list h2 {font-size: 1.2em}
#K_public_timeline_list h2 a {font-family: 'LucidaGrande', 'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, helvetica, sans-serif; color: #333333; text-decoration: underline; padding: -5px 2px 0 2px}
#K_public_timeline_list h2 a:hover {color: #AAAAAA}
#K_public_timeline_list ul {list-style: none; margin-left: -20px}
#K_public_timeline_list li {margin-bottom: 10px; padding: 1em; border-bottom: 1px dotted #444; width: 95%}
.K_public_timeline_stats {margin: 0pt; padding: 0pt 2px 0pt 0pt; font-size: .9em; color: #033; width: auto}
.K_public_timeline_controls_box {width: 100%; border: 1px solid #ccc; border-bottom: none; background-color: #FAFAFF; height: 30px}
.K_event_controls_box {width: 100%; border: 1px solid #ccc; border-bottom: none; background-color: #FAFAFF; height: 30px}
.K_event_controls_box_details {width: 100%; border: 1px solid #ccc; border-top: none; background-color: #FAFAFF; height: 30px; margin-top: -5px; padding-top: 5px}
.K_public_timeline_controls_spacing {padding: 3px}
.K_public_timeline_controls_button_interval {margin-top: 4px; border: 1px solid #ccc; background-color: #fff; color: #000; font-size: .9em}
.K_public_timeline_controls_button_spacing {border: 1px solid #eaeaea; background-color: #ffb; color: #000; font-size: .8em}
.K_event_search {padding: 5px}
.K_event_search input {font-size: .9em; height: 11px; border: 0pt; padding-left: 3px; margin-left: 20px}
#K_quick_search_bar {background: transparent url("/images/searchfield.gif") no-repeat scroll left top; height: 20px; width: 182px}
#event_title_auto_complete {z-index: 9999}
#event_lookup_auto_complete {width: 300px}
div.auto_complete {font-size: .9em; z-index: 9999; background: #fff}
div.auto_complete ul {border: 1px solid #888; margin: 0; padding: 0; width: 300px; list-style: none}
div.auto_complete ul li {margin: 0; padding: 3px; background-color: #fff; border-bottom: 1px dotted #EAEAEA}
div.auto_complete ul li.selected {background-color: #ffb}
div.slider {width: 150px; height: 5px; margin-top:5px; margin-bottom:5px; background: #ddd; position: relative}
div.slider div {position:absolute; width:8px; height:15px; margin-top:-5px; background: #999; border:1px outset white}
#K_interval {padding: 3px 5px 3px 5px}
.K_form_div {margin: 0 0 4px 0}
.K_check_box_text {font-size: .9em}
div#K_tour {float: right; width: 45%; margin-top: -10px}
div#K_tour_img {text-align: center}
.K_event_details_box {max-height: 500px; overflow: auto; line-height: 1.3em; border: 1px solid #D5D9E0; padding: .2em}
.K_event_media_box {min-width: 250px; text-align: center; background-color: #fff; max-height: 500px; overflow: auto; color: #000; border: 1px solid #fff}
#K_event_details {border: 1px solid #ccc;margin: -1px -2px 0 0}
#K_event_details p {margin-left: 10px; padding: 0px; font-size: 12px}
#K_event_details_instructions {font-size: .9em; text-align: center; border: 1px solid #ccc; margin: -1px -2px 0 0; padding: 5px; line-height: .9em; background-color: #F7F7F7}
#K_event_details_table {border: 1px solid #ccc; margin: -1px -2px 0 0; border-top: none; color: #FFFFFF; background-color: #444}
#K_event_details_title {}
#K_event_details_title h1 {font-size: 1.2em; margin-left: 10px}
#K_event_details_date {font-style: italic; font-size: 11px}
#K_event_details_description {margin-left: 10px}
#K_event_details_media {text-align: center}
#K_event_details_modify_date {font-style: italic; font-size: 11px}
#K_event_details_close {text-align: right}
#K_event_details_close a {color: #FFFFFF; font-weight: bold}
.controls table {width: 80%}
.controls input {font-size: .9em}
.highlight_2 {font-size: .9em; border: 2px solid #FFFF00}
.highlight_3 {font-size: .9em; border: 2px solid #FFC000}
.highlight_4 {font-size: .9em; border: 2px solid #FF0000}
.highlight_5 {font-size: .9em; border: 2px solid #0000FF}
.left_label_text {font-size: .9em; text-align: right; padding: 3px 3px 0pt 10px}
.left_label_text_on_right {font-size: .9em; text-align: right; padding: 3px 10px 0pt 0pt}
.float_right_label_text {float: right; font-size: .9em; text-align: right; padding: 4px 10px 0pt 10px}
.navigate_items {font-size: .9em; display: inline; padding: 0pt 4px 0pt 15px}
.navigate_items a {text-decoration: none; padding: 0pt 8px; color: #444444}
.K_ads {margin: 2em 0pt 0pt 10%%}
#timeline_map_view_controls {text-align: center}
.timeline_map_view {text-transform: uppercase; cursor: pointer}
.timeline_map_view_selected {text-transform: uppercase; font-weight: bold; border-bottom: 3px solid #932241}
.K_pointer {cursor: pointer}
.K_padding_right {padding-right: 7px}
.pagination_center {width: 100%; margin: 10px auto; text-align: center}
table.K_timelines {width: 100%; vertical-align: top; border-collapse: collapse; border: 1px solid #EFEFEF; margin-bottom: 10px}
table.K_timelines td a {text-decoration: none}
table.K_timelines td.number {text-align: center; font-size: 1.6em; padding: 30px 10px 5px 10px}
table.K_timelines td.title {background-color: #F7F7F7}
table.K_timelines td.options {}
table.K_timelines td ul {list-style-type: none; margin: 0pt; padding-left: 0pt}
table.K_timelines td ul li {display: inline}
table.K_timelines td ul li a {background-position: 1px; background-repeat: no-repeat; padding: 0pt 17px 0pt 23px}
table.K_timelines td a.timeline {background-image: url(/images/timeline_marker.png)}
table.K_timelines td a.map {background-image: url(/images/map_edit.png)}
table.K_timelines td a.preview {background-image: url(/images/time_go.png)}
table.K_timelines td a.share {background-image: url(/images/page_white_code.png)}
table.K_timelines td a.events {background-image: url(/images/page_edit.png)}
table.K_timelines td a.labels {background-image: url(/images/color_swatch.png)}
table.K_timelines td.trash {text-align: center; padding: 35px 10px 5px 10px}
table.K_timelines td.trash a a:hover {background-color: #FFFFFF}
table.K_timelines th {border-bottom: 1px solid #818486; background-color: #efefef; font-weight: normal; font-size: 13px}
table.K_timelines tr td {border: 1px solid #abc; padding: 7px 5px 1px 5px; text-align: left}
table.K_timelines tr td.K_trash_icon {text-align: center}
#content_for_lightbox {margin: 0pt; font-size: 12px}
.lightbox_top_bar {position: absolute; right: 20px; text-align: right}
.lightbox_top_bar a {font-weight: bold; color: white; padding: 2px}
#lightbox_close_link {float: right; color: #fff; padding-right: 1em}
#content_for_lightbox h2 {font-size: 16px; font-style: bold; padding: 3px 5px 5px 5px; margin-top: 0pt; color: #fff; background-color: #141414}
#content_for_lightbox h3 {font-size: 12px; font-style: bold; padding: 3px 0pt 5px 5px; margin: 0; color: #fff; background-color: #141414; width: 100%}
#content_for_lightbox h3 a {color: #fff}
#lightbox_body {margin: 1em}
#lightbox_body h3 {text-align: center}
#lightbox {display: none; position: absolute; top: 2%; max-height:600px; width: 86%; margin-right: 7%; margin-left: 7%; z-index:9999; border: 5px solid #141414; background: #FFFFFF; text-align:left}
#lightbox[id]{ position:fixed}
#overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color: #141414; -moz-opacity: 0.2; opacity:.20; filter: alpha(opacity=20)}
#overlay[id]{ position:fixed}
#lightbox.done #lbLoadMessage{ display:none}
#lightbox.done #lbContent{ display:block}
#lightbox.loading #lbContent{ display:none}
#lightbox.loading #lbLoadMessage{ display:block}
#lightbox.loading #lbLoadMessage p {}
#lightbox.done img{ width:100%; height:100%}
.media_in_lightbox {z-index:99999; max-width:650px; max-height:400px; margin:auto; overflow:auto}
.calendar_date_select {color:white; border:#777 1px solid; display:block; width:195px; z-index: 1000}
iframe.ie6_blocker {position: absolute; z-index: 999}
.calendar_date_select thead th {font-weight:bold; background-color: #000; border-top:1px solid #777; border-bottom:2px solid #334; color: white !important}
.calendar_date_select .cds_buttons {text-align:center; padding:5px 0px; background-color: #000055}
.calendar_date_select .cds_footer {background-color: black; padding:3px; font-size:12px; text-align:center}
.calendar_date_select table {margin: 0px; padding: 0px}
.calendar_date_select .cds_header {background-color: #ccc; border-bottom: 2px solid #aaa; text-align:center}
.calendar_date_select .cds_header span {font-size:15px; color: black; font-weight: bold}
.calendar_date_select select {font-size:11px;}
.calendar_date_select .cds_header a:hover {color: white}
.calendar_date_select .cds_header a {width:22px; height:20px; text-decoration: none; font-size:14px; color:black !important}
.calendar_date_select .cds_header a.prev {float:left}
.calendar_date_select .cds_header a.next {float:right}
.calendar_date_select .cds_header a.close {float:right; display:none}
.calendar_date_select .cds_header select.month {width:90px}
.calendar_date_select .cds_header select.year {width:61px}
.calendar_date_select .cds_buttons a {color: white; font-size: 9px}
.calendar_date_select td {background-color: #000066; font-size:12px; width: 24px; height: 21px; text-align:center; vertical-align: middle}
.calendar_date_select td.weekend {background-color: #00005a}
.calendar_date_select td div.other {color: #4C5593}
.calendar_date_select tbody td {border-bottom: 1px solid #000044}
.calendar_date_select td.selected {background-color:white; color:black}
.calendar_date_select td.hover {background-color:#ccc}
.calendar_date_select td.today {border: 1px dashed blue}
.timeline-ether-marker-bottom {width: 5em; height: 1.5em; border-left: 1px solid #aaa; padding-left: 2px; color: #aaa}
.timeline-ether-marker-bottom-emphasized {width: 5em; height: 2em; border-left: 1px solid #aaa; padding-left: 2px; color: black}
.timeline-ether-marker-top {width: 5em; height: 1.5em; border-left: 1px solid #aaa; padding-left: 2px; color: #aaa}
.timeline-ether-marker-top-emphasized {width: 5em; height: 2em; border-left: 1px solid #aaa; padding-left: 2px; color: black}
.timeline-ether-marker-right {width: 5em; height: 1.5em; border-top: 1px solid #aaa; padding-top: 2px; color: #aaa}
.timeline-ether-marker-right-emphasized {width: 7em; height: 1.5em; border-top: 1px solid #aaa; padding-top: 2px; color: black}
.timeline-ether-marker-left {width: 5em; height: 1.5em; border-top: 1px solid #aaa; padding-top: 2px; color: #aaa}
.timeline-ether-marker-left-emphasized {width: 7em; height: 1.5em; border-top: 1px solid #aaa; padding-top: 2px; color: black}
.timeline-duration-event {position: absolute; overflow: hidden; border: 1px solid blue}
.timeline-instant-event2 {position: absolute; overflow: hidden; border-left: 1px solid blue; padding-left: 2px}
.timeline-instant-event {position: absolute; overflow: hidden}
.timeline-event-bubble-title {font-weight: bold; border-bottom: 1px solid #888; margin-bottom: 0.5em}
.timeline-event-bubble-body {}
.timeline-event-bubble-time {color: #aaa}
.timeline-event-bubble-image {float: right; padding-left: 5px; padding-bottom: 5px}
.timeline-container {position: relative; overflow: hidden}
.timeline-copyright {position: absolute; bottom: 0px; left: 0px; z-index: 1000; cursor: pointer}
.timeline-message-container {position: absolute; top: 30%; left: 35%; right: 35%; z-index: 1000; display: none}
.timeline-message {font-size: 120%; font-weight: bold; text-align: center}
.timeline-message img {vertical-align: middle}
.timeline-band {position: absolute; background: #eee; z-index: 10}
.timeline-band-inner {position: relative; width: 100%; height: 100%}
.timeline-band-input {position: absolute: top: -10em; left: -10em; width: 1em; height: 1em; overflow: hidden; z-index: 0}
.timeline-band-input input{ width: 0}
.timeline-band-layer {position: absolute; width: 100%; height: 100%}
.timeline-band-layer-inner {position: relative; width: 100%; height: 100%}