html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}

ul, li {

    list-style: none;

}

input::-moz-focus-inner /*Remove button padding in FF*/

{ 

    border: 0;

    padding: 0;

}

table {

    border-collapse: separate; border-spacing: 0;

}

th, td {

    vertical-align: top;

}

img a {

    border: none;

}

body {

    font-size: 10px; font-family: Arial, Helvetica, sans-serif;

}

/************************************************/

.Tl-Main {

    font-family: Arial, Helvetica, sans-serif; text-align: left;

    position: relative;

}

.Tl-TopBar {

    height: 20px; width: 100%;

}

.Tl-Border-Right {

    border-right: 1px solid #ccc;

}

.Tl-Border-Left {

    border-left: 1px solid #ccc;

}

.Tl-BottomPart {

    position: absolute; bottom: 0; left: 0; right: 0;

}

.Tl-MainPart {

    position: absolute; right: 0; top: 0; bottom: 0; overflow: hidden;

}

.Tl-UniversLabels {

    list-style: none; margin: 0; padding: 0; border: none;

    font-size: 13px;

}

.Tl-UniversLabels li {

    position: relative; float: left; clear: both; width: 100%;

}

.Tl-UniversLabels li:before {

    content: "."; position: absolute; height: 1px; text-indent: -9999px;

    width: 200px; top: 0; background: #DEDEDE; z-index: 5;

    background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px );

}

.Tl-UniversLabels li:after {

    content: "."; position: absolute; height: 0; text-indent: -9999px;

    width: 0; right: -8px; top: 50%; margin-top: -6px;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 8px solid #ffffff; z-index: 5;

}

.Tl-UniversText {

    margin-right: 2px;

}

.Tl-Grid {

    position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden;

    background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% );

}

.Tl-Grid-Column {

    position: absolute; top: 10px; bottom: 0; border-left: 1px solid #999;

}

/*

.Tl-Grid-Major {

    z-index: 3; border-left: 1px solid #999;

}

*/

.Tl-Grid-Label {

    position: absolute; height: 12px; top: -10px; left: 2px; font-size: 11px; z-index: 4; width: 80px;

}

.Tl-Grid-Now {

    position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;

}

.Tl-Occurrence {

}

.Tl-Occurrence img {

}

.Tl-Editing {

    border-color: #c00000; z-index: 3;

}

.Tl-OccOnGrid, .Tl-Cluster {

    position: absolute; margin-left: -2px; margin-top: 4px; background: rgba(0,0,0,.9);

}

.Tl-Cluster {

    background-position: -114px -50px;

}

.Tl-Overlay-Container {

    position: absolute; top: 0;

}

.Tl-Overlay-Box {

    position: absolute; width: 0; height: 0; display: none;

}

.Tl-Overlay {

}

.Tl-Overlay-Main {

    width: 190px;

    background: url(../img/tooltip-down.png) bottom; padding: 0 10px 10px;

}

    width: 210px; height: 20px; background: url(../img/tooltip-down.png) top;

}

h3.Tl-Tooltip-Title {

    font-size: 14px; font-weight: bold; color: #000080; margin: 0;

}

p.Tl-Tooltip-Date {

    font-size: 11px; margin: 2px 0; color: #000080; border-bottom: 1px dotted; float: left;

}

p.Tl-Tooltip-Description, p.Tl-Tooltip-Characters {

    font-size: 12px; margin: 5px 0 0; clear: both;

}

ul.Tl-Adding {

    position: absolute; left: -150px; top: 0; display: none;

    list-style: none; font-size: 12px; padding: 0; margin: 0; width: 150px; border-style: none solid; border-color: #999999; border-width: 1px;

}

.Tl-Adding li {

    border-style: none none solid; border-color: #cccccc; border-width: 1px; padding: 4px; background: rgba(255,255,255,.9);

}

li.Tl-AddingTitle {

    background: rgba(215,215,215,.9); font-weight: bold;

}

.Tl-AddOccurrence {

    float: right; margin: -3px;

}

/**************/

.Tl-Detail {

    border: 1px solid #cccccc; margin: 10px 0 0 80px; padding: 10px; text-align: left; min-height: 135px; font-size: 12px;

}

.Tl-Detail-Image {

    float: left;

}

.Tl-Detail-Title {

    font-size: 18px; font-weight: bold; margin-left: 145px;

}

.Tl-Detail-Description {

    margin: 5px 0 5px 145px;

}

.Tl-Detail-Bottom {

    margin-left: 145px; text-align: right;

}

.Tl-Detail-Date {

    float: left; color: #666666;

}

.Tl-Detail-Read {

    text-decoration: none; color: #000000;

}

.Tl-Detail-Read:hover {

    text-decoration: underline;

}