html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0; vertical-align: baseline;
}

table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

html, body { height: 100%; }
body { background: #000; text-align: center; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.5; font-size: 62.6%; }

#_logobar { padding: 30px 50px 10px 50px; background-color: #161616; text-align: left; }
#_logo { display: block; height: 0px; overflow: hidden; padding-top: 28px; width: 28px; background: transparent url(../img/mark.png) no-repeat; }

#_highbar { padding: 0; background-color: #111; text-align: left; position: relative; }
#_lowbar { padding: 0; text-align: left; border-top: 1px solid #222; }

ul { list-style-type: none; color: #fff; font-size: 11px; line-height: 25px; }
ul a { display: block; color: #fff; text-decoration: none; }
ul span { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; }
ul i { font-family: Georgia, Times; font-style: italic; font-weight: normal; color: #666; }

#_highbar p { padding: 30px 50px; width: 50%; color: #fff; font-size: 11px; line-height: 25px; color: #666; }
#_highbar ul a { border-top: 1px dotted #333; padding: 5px 50px; }
#_highbar ul a:hover { background-color: #444; }
#_highbar ul i { float: left; display: block; }
#_highbar ul span { display: block; margin-left: 50px; margin-right: 15px; float: left; }
#_highbar ul b { display: block; font-family: Georgia, Times; font-style: italic; font-weight: normal; color: #666; }

#_lowbar p { padding: 10px 50px; width: 50%; color: #fff; font-size: 10px; line-height: 25px; color: #333; font-style: italic; font-family: Georgia, Times; }
#_lowbar ul a { border-bottom: 1px dotted #111; padding: 10px 50px; }
#_lowbar ul a:hover { background-color: #111; }
#_lowbar ul i { margin-left: 10px; }
#_lowbar ul span {}

p.butterfly_hint { float: right; text-align: right; width: auto !important; }
p.butterfly_hint a { color: #333; text-decoration: none; }

#_timeline { padding: 0 0 75px 0; background-color: #060606; }
#_navigator { position: relative; height: 50px; background-color: #060606; border-bottom: 1px solid #060606; overflow: hidden; }

#_slider { cursor: move; position: absolute; left: 0px; top: 1px; border: 1px solid #333; display: block; height: 46px; width: 100px; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=75)'; filter: alpha(opacity=75); opacity: 0.75; }
#_slider div { height: 100%; width: 100%; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)'; filter: alpha(opacity=50); opacity: 0.50; background-color: #333; }
#_slider span { position: absolute; top: 50%; margin-top: -5px; font-size: 10px; line-height: 10px; color: #999; }
#_slider span.left { left: 10px; }
#_slider span.right { right: 10px; }

#_thumbnail {}
#_thumbnail div { position: absolute; top: 50%; margin-top: -5px !important; height: 10px !important; background-color: #666 !important; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=90)'; filter: alpha(opacity=90); opacity: 0.90; }

#_viewport { position: relative; height: 200px; overflow: hidden; background-color: #060606; display: block; cursor: move; }
#_view { position: absolute; width: 100%; height: 100%; }
#_view div.outer { position: absolute; top: 50%; margin-top: -25px; width: 100px; height: 50px; border: 1px solid #ccc; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)'; filter: alpha(opacity=50); opacity: 0.50; z-index: 1; cursor: pointer; }
#_view div.inner { width: 100%; height: 100%; background-color: #ccc; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=95)'; filter: alpha(opacity=95); opacity: 0.95; }
#_view div.inner span { display: block; font-size: 10px; font-weight: bold; padding: 5px 10px; color: #fff; background-color: #000; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)'; filter: alpha(opacity=50); opacity: 0.50; }
#_view div.inner p { display: none; }

#_viewdrop { position: absolute; top: 0; left: 0; width: 100%; height: 200px; display: none; background-color: #060606; ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=75)'; filter: alpha(opacity=75); opacity: 0.75; z-index: 999; }

#_detail { font-size: 11px; font-weight: normal; padding: 25px 50px; background-color: #060606; color: #fff; position: absolute; top: 251px; left: 0px; right: 0px; z-index: 9999; height: 25px; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=95)'; filter: alpha(opacity=95); opacity: 0.95; }
#_detail p { padding: 0 50px 10px 50px; margin: 0 -50px; color: #666; width: 100%; background-color: #060606; }

#_timedrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=75)'; filter: alpha(opacity=75); opacity: 0.75; z-index: 999999; display: none; }
div._timebox { display: none; position: absolute; top: 140px; left: 50%; width: 800px; margin-left: -400px; background-color: #000; border: 1px solid #ccc; background-color: #111; z-index: 999999; text-align: left; }
div._timebox div.inner { width: 100%; height: 100%; background-color: #ccc; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=95)'; filter: alpha(opacity=95); opacity: 0.95; }
div._timebox div.inner span { display: block; font-size: 12px; font-weight: bold; padding: 5px 10px; color: #fff; background-color: #000; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=75)'; filter: alpha(opacity=75); opacity: 0.75; }
div._timebox div.inner q { display: block; font-size: 10px; font-weight: normal; padding: 5px 10px; color: #fff; background-color: #000; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=75)'; filter: alpha(opacity=75); opacity: 0.75; }
div._timebox div.inner div.canvas { position: relative; height: 200px; width: 800px; }