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

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

ul.Onglets {
    margin: 0 10px; text-align: left;
}

.Onglets li {
    display: inline-block; background: url(../img/barbgd.png); font-size: 14px; height: 15px; padding: 5px;
    border: 1px solid #cccccc; cursor: pointer; border-bottom: none;
    border-top-left-radius: 8px; border-top-right-radius: 8px;
}

.Onglets li.active, .Onglets li:hover {
    background-position: 0 -25px;
}

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

.Tl-Main {
    border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; text-align: left;
}

.Tl-TopBar {
    height: 25px; border-style: solid none; border-color: #ccc; border-width: 1px;
    background: url(../img/barbgd.png);
}

.Tl-TopBar-Button {
    float: left; background: url(../img/barbgd.png); cursor: pointer;
}

.Tl-TopBar-TextBtn {
    font-size: 12px; height: 15px; padding: 5px;
}

.Tl-TopBar-Button.active, .Tl-TopBar-Button:hover {
    background-position: 0 -25px;
}

.Tl-Border-Right {
    border-right: 1px solid #ccc;
}

.Tl-Border-Left {
    border-left: 1px solid #ccc;
}

.Tl-TopBar-Spacer {
    float: left; height: 25px; width: 25px;
}

.Tl-TopBar-AddButton {
    width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -50px 0;
}

.Tl-TopBar-AddButton.active, .Tl-TopBar-AddButton:hover {
    background-position: -50px -25px;
}

.Tl-TopBar-PreviousButton {
    width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -100px 0;
}

.Tl-TopBar-PreviousButton.active, .Tl-TopBar-PreviousButton:hover {
    background-position: -100px -25px;
}

.Tl-TopBar-NextButton {
    width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -75px 0;
}

.Tl-TopBar-NextButton.active, .Tl-TopBar-NextButton:hover {
    background-position: -75px -25px;
}

.Tl-TopBar-SyncButton {
    width: 25px; height: 25px; background: url(../img/sprites.png); background-position: 0 0;
}

.Tl-TopBar-SyncButton.active, .Tl-TopBar-SyncButton:hover {
    background-position: 0 -25px;
}

.Tl-TopBar-TimeSpan {
    float: left; width: 140px; text-align: center;
}

.Tl-BottomPart {
    position: relative;
}

.Tl-MainPart {
    position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #ccc; overflow: hidden;
    box-shadow: 0 0 20px #999999 inset
}

.Tl-UniversLabels {
    list-style: none; margin: 0; padding: 0; border: none;
}

.Tl-UniversText {
    font-size: 13px; margin: 2px 0;
}

.Tl-Layer {
    position: absolute; top: 0; left: 0; height: 100%;
}

.Tl-Grid {
    width: 100%; overflow: hidden;
}

.Tl-Grid-Column {
    position: absolute; top: 0; height: 100%; border-left: 1px solid #999;
}
/*
.Tl-Grid-Major {
    z-index: 3; border-left: 1px solid #999;
}
*/
.Tl-Grid-Label {
    position: absolute; height: 12px; bottom: 0; left: 1px; font-size: 10px; z-index: 4; width: 80px;
}

.Tl-Grid-Now {
    position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;
}

.Tl-Occurrence, .Tl-Cluster, .Tl-AddOccurrence, .Ls-OccIcon {
    width: 19px; height: 22px; background: url(../img/sprites.png); cursor: pointer;
}

.Tl-OccOnGrid, .Tl-Cluster {
    position: absolute; margin-left: -9px; margin-top: -1px;
}

.Tl-OccInCluster {
    float: left; position: relative;
}

.Tl-Locked {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sprites.png); background-position: -57px -50px;
}

.Tl-Occnarrative {
    background-position: 0 -50px;
}

.Tl-Occpublication {
    background-position: -19px -50px;
}

.Tl-Occnarrative.Tl-Editing {
    background-position: 0 -72px;
}

.Tl-Occpublication.Tl-Editing {
    background-position: -19px -72px;
}

.Tl-Occnarrative.Tl-Occa_valider {
    background-position: -38px -50px;
}

.Tl-Occpublication.Tl-Occa_valider {
    background-position: -57px -50px;
}

.Tl-Occnarrative.Tl-Editing.Tl-Occa_valider {
    background-position: -38px -72px;
}

.Tl-Occpublication.Tl-Editing.Tl-Occa_valider {
    background-position: -57px -72px;
}

.Tl-Occnarrative.Tl-Occvalide {
    background-position: -76px -50px;
}

.Tl-Occpublication.Tl-Occvalide {
    background-position: -95px -50px;
}

.Tl-Occnarrative.Tl-Editing.Tl-Occvalide {
    background-position: -76px -72px;
}

.Tl-Occpublication.Tl-Editing.Tl-Occvalide {
    background-position: -95px -72px;
}

.Tl-Cluster {
    background-position: -114px -50px;
}

.Tl-Link {
    position: absolute; left: 0; bottom: 0; width: 11px; height: 11px; background: url(../img/sprites.png) -114px -83px; display: none;
}

.Tl-ClusterCount {
    position: absolute; right: 0; top: 0; border: 1px solid #999999; background: #333333;
    padding: 1px 2px; font-size: 9px; color: #ffffff; border-radius: 5px;
}

.Tl-ClusterOverlay {
    position: absolute; margin-top: -20px; height: 30px; background: url(../img/cluster-overlay.png) center;
}

.Tl-Overlay-Container {
    position: absolute; top: 0;
}

.Tl-Overlay-Box {
    position: absolute; width: 0; height: 0; display: none;
}

.Tl-Overlay {
    position: absolute; left: -105px; width: 210px;
}

.Tl-Overlay-Up .Tl-Overlay {
     bottom: 0;
}

.Tl-Overlay-Down .Tl-Overlay {
     top: 22px;
}

.Tl-Overlay-Main {
    width: 190px;
}

.Tl-Overlay-Up .Tl-Overlay-Main {
    background: url(../img/tooltip.png) top; padding: 10px 10px 0;
}

.Tl-Overlay-Down .Tl-Overlay-Main {
    background: url(../img/tooltip-down.png) bottom; padding: 0 10px 10px;
}

.Tl-Overlay-Up .Tl-Overlay-Tip-Bottom  {
    width: 210px; height: 20px; background: url(../img/tooltip.png) bottom;
}

.Tl-Overlay-Down .Tl-Overlay-Tip-Top {
    width: 210px; height: 20px; background: url(../img/tooltip-down.png) top;
}

.Tl-Overlay-Up .Tl-Overlay-Tip-Top, .Tl-Overlay-Down .Tl-Overlay-Tip-Bottom {
    display: none;
}

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

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

.Ls-Main {
    display: none; width: 950px; height: 200px; background: #fafafa; border: 1px solid #cccccc; text-align: left;
}

.Ls-Filtres {
    width: 540px;
    float: left;
}

.Ls-Column {
    width: 130px; height: 160px;
    float: left;
}

.Ls-Main h2 {
    text-align: center; margin: 0; font-size: 14px; font-weight: bold; clear: both;
}

.Ls-Resultats {
    height: 200px; overflow: auto; border-left: 1px solid #cccccc;
}

.Ls-Search {
    width: 120px;
}

.Ls-Input {
    width: 80px;
}

.Ls-Label {
    display: inline-block; width: 30px; font-size: 12px;
}

.Ls-Main h3 {
    font-size: 12px; font-weight: bold; margin: 5px 0 0;
    clear: both;
}

.Ls-Critere {
    font-size: 11px; background: #ffffff; color: #333333; cursor: pointer;
    border-radius: 4px; margin: 2px; padding: 3px; display: inline-block; clear: both;
}

.Ls-Critere.Ls-Active {
    background: #ffb0ff;
}

.Ls-Critere:hover {
    background: #ffe0ff;
}

.Ls-Resultats ul {
    border-top: 1px solid #cccccc;
}

li.Ls-Occurrence {
    border-bottom: 1px solid #cccccc; clear: both; padding: 3px;
}

h4.Ls-Occurrence-Title {
    font-size: 13px; font-weight: bold;
}

p.Ls-Occ-More {
    font-size: 12px;
}

.Ls-CrWithIcon {
    padding: 5px 2px;
}

.Ls-OccIcon {
    float: right;
}

.Ls-CrWithIcon .Ls-OccIcon {
    margin: -4px 0;
}