article.timeline { position: relative; width:  1176px; border: 2px solid #d3d3d3; border-radius: 12px; padding: 8px 0 0 0; margin-bottom: 2em; font-family: Arial, Helvetica, sans-serif; font-size: 9px; overflow: hidden; background-color: #ffffff; }
article.timeline [data-draggable] { cursor: move; }
/*article.timeline[data-pages="1"] { padding: 34px 0 0 0; }*/

article.timeline nav { position: relative; left: 225px; height: 5px; width: 910px; padding: 3px; display: block; z-index: 5; background-color: #2847a1; border: 3px solid #d3d3d3; border-radius: 11px; margin-bottom: 7px; }
article.timeline[data-pages="1"] nav { background-color: transparent; border-color: transparent; }
article.timeline nav input[type=button]:not(.range) { background-color: #2648a1 !important; padding: 0 !important; margin: 0; display: inline-block; position: absolute; left: -27px; top: -5px; width: 22px; height: 22px !important; border: 3px solid #d3d3d3 !important; border-radius: 22px; cursor: pointer; background-repeat: no-repeat; background-position: center; }
article.timeline nav input[type=button].prev { background-image: url('../img/timeline/btn_prev.png'); }
article.timeline nav input[type=button].next { background-image: url('../img/timeline/btn_next.png'); left: auto; right: -27px; }
article.timeline nav input[type=button].minify { background-image: url('../img/timeline/btn_zoomout.png'); left: -90px; }
article.timeline nav input[type=button].minify[disabled] { background-color: #d3d3d3 !important; background-image: url('../img/timeline/btn_zoomoutx.png'); }
article.timeline nav input[type=button].magnify { background-image: url('../img/timeline/btn_zoomin.png'); left: -65px; }
article.timeline nav input[type=button].magnify[disabled] { background-color: #d3d3d3 !important; background-image: url('../img/timeline/btn_zoominx.png'); }
article.timeline nav input[disabled] { background-color: #d3d3d3 !important; }
article.timeline[data-pages="1"] nav input[type=button].paging { display: none; }

article.timeline nav menu { position: relative; display: none; margin: 0; padding: 0; height: 7px; width: 100%; }
article.timeline:not([data-pages="1"]) nav menu { display: block; }
article.timeline nav menu input[type=button].range { position: absolute; left: 0px; top: 0px; background-color: #c1d0e9 !important; cursor: move; height: 5px !important; border: 0 !important; border-radius: 5px; }
article.timeline nav menu input[type=button].range:focus { outline-style: none; }
article.timeline nav menu li { margin: 0; padding: 0; display: block; position: absolute; top: -1px; text-indent: 0; list-style-type: none; line-height: 0; }
article.timeline nav menu li a { display: inline-block; width: 7px; height: 7px; text-decoration: none; border-radius: 7px; }
article.timeline nav menu li a[data-bas5=green] { background-color: #ffffff; }
article.timeline nav menu li a[data-bas5=red] { background-color: #e86632; }
article.timeline nav menu li a[data-bas5=red].signature { background-color: #ffffff; border: 2px solid #e86632; border-radius: 7px; width: 3px; height: 3px; }
article.timeline nav menu li a[data-bas5=yellow] { background-color: #e3eba5; }

article.timeline > figure { padding: 0; margin: 0; }
article.timeline figure > section,
article.timeline figure > figcaption { position: relative; display: block; height: 55px; } 
article.timeline figure > section ~ section { border-top: 1px dashed #d3d3d3; }
article.timeline figure > section.filtered { display: none; }
article.timeline figure div.container { margin-left: 200px; max-width: 100%; height: 100%; overflow: hidden; }
article.timeline figure div.container div { height: 100%; white-space: nowrap; }

article.timeline figure section.markers { height: 30px; padding: 5px 0 0; }
article.timeline figure section.markers:after { content: ''; display: block; position: absolute; left: 0px; top: 0; width: 200px; height: 35px; background-color: #ffffff; }
article.timeline figure section.markers a { display: inline-block; vertical-align: middle; background-position: top; background-repeat: no-repeat; cursor: default; }
article.timeline figure section.markers a:before { content: ''; display: block; position: absolute; height: 400000px; border-left: 2px solid #e5e5e5; margin: 16px 6px; }
article.timeline figure section.markers a.yellow:before { margin: 17px 8px; }
article.timeline figure section.markers a.signature:before { margin: 25px 11px; }
article.timeline figure section.markers a.start { height: 15px; width: 15px; border: 2px solid #fff; border-radius: 4px; background: #10631b url('../img/timeline/marker_start.png') no-repeat center; }
article.timeline figure section.markers a.end { height: 15px; width: 15px; border: 2px solid #fff; border-radius: 4px; background: #10631b url('../img/timeline/marker_stop.png') no-repeat center; }
article.timeline figure section.markers a.green { height: 15px; width: 15px; border: 2px solid #fff; border-radius: 15px; background-color: #2543a3; }
article.timeline figure section.markers a.red { height: 15px; width: 15px; border: 2px solid #fff; border-radius: 15px; background-color: #e46631; }
article.timeline figure section.markers a.signature { height: 24px; width: 24px; border: 2px solid #e5e5e5; border-radius: 4px; background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/01-Signature-%28Generic%29.png'); background-repeat: no-repeat; background-position: center; background-size: cover; }
article.timeline figure section.markers a.yellow { height: 19px; width: 19px; background: url('../img/timeline/marker_yellow.png') no-repeat center; }

article.timeline aside { width: 180px; height: 35px; border-width: 10px 0; padding-left: 20px; border-style: solid; border-color: #ffffff; float: left; margin-right: -200px; background-color: #ffffff; }
article.timeline section.markers aside { position: absolute; z-index: 10; margin-top: -12px; height: 22px; }
article.timeline aside h3 { display: inline-block; vertical-align: middle; width: 83px; margin: 0; padding: 0; white-space: nowrap; font-size: 1.2em !important; }
article.timeline aside h3:before { content: ''; display: inline-block; height: 35px; vertical-align: middle; }
article.timeline aside ul { display: inline-block; vertical-align: middle; margin: 0; padding: 0; text-indent: 0; list-style-type: none; white-space: nowrap; max-width: 78px; overflow: hidden; text-overflow: ellipsis; }
article.timeline aside ul li { display: inline-block; vertical-align: middle; margin-right: 2px; }
article.timeline aside ul li a { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/01-Signature-%28Generic%29.png'); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 0; }
article.timeline aside ul li a mark { background-color: #e86632; color: #ffffff; font-weight: bold; display: inline-block; padding: 1px 3px; position: relative; top: 2px; left: 2px; }

article.timeline a.ccard_cycling,
article.timeline a.ccard_sharing { background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/06-Fraudulent-access-(PII).png') !important; }
article.timeline a.login_failure { background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/05-Account-logic-abuse.png') !important; }
article.timeline a.account_testing,
article.timeline a.acct_test,
article.timeline a.account_sharing,
article.timeline a.login_accounts { background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/04-Account-testing.png') !important; }
article.timeline a.login_velocity,
article.timeline a.ccard_velocity,
article.timeline a.event_velocity,
article.timeline a.input_anomaly,
article.timeline a.net_anomaly_ip,
article.timeline a.net_anomaly_ua { background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/07-Anomalous-actions.png') !important; }
article.timeline a.brt_frc_pwd,
article.timeline a.account_attack { background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/03-Brute-force-password-attack.png') !important; }
article.timeline a.account_harvesting { background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/02-Account-name-harvesting.png') !important; }
article.timeline a.profile_matching_already_locked,
article.timeline a.geo_bill_distance,
article.timeline a.geo_anonymous,
article.timeline a.email_anonymous { background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/12-False-identity.png') !important; }
article.timeline a.input_gui { background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/10-Automation-GUI-Replay.png') !important; }
article.timeline a.atm_script_replay,
article.timeline a.input_scripted_replay { background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/09-Automation-Script-Replay.png') !important; }
article.timeline a.atm_script,
article.timeline a.input_scripted { background-image: url('../img/NuData-Dashboard-Signature-Icons-Blue/32x32-Signature-Icons-Set-Blue/08-Automation-Script.png') !important; }

article.timeline:after { content: ''; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-image: none; background-position: center; background-repeat: no-repeat; background-color: rgba(122,122,122,0); }
article.timeline.loading:after { display: block; background-image: url('../img/loading.gif'); background-color: rgba(122,122,122,.5); transition: background-color 2s ease 50ms; }

article.timeline * > dfn { display: none; position: absolute; width: 100px; margin: -123px -74px; padding: 4px; border: 1px solid #333; border-radius: 4px; background-color: #fff; font-style: normal; text-align: center; color: #333; z-index: 20; white-space: normal; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
article.timeline section.markers a dfn { margin: 1px -74px; }
article.timeline section aside a dfn { margin: -41px -74px; }
article.timeline section span cite dfn { margin: -61px -74px; }
article.timeline section span cite.nucaptcha dfn, 
article.timeline section span cite.custom1 dfn, 
article.timeline section span cite.custom2 dfn, 
article.timeline section span cite.custom3 dfn, 
article.timeline section span cite.custom4 dfn, 
article.timeline section span cite.custom5 dfn { margin: -91px -74px; }
article.timeline figure figcaption summary mark em dfn { margin: -69px -74px; }
article.timeline *:hover > dfn { display: block; }
article.timeline section.markers * > dfn { bottom: 35px; }
article.timeline dfn:before { content: ""; position: absolute; bottom: -8px; right: 13px; border-width: 8px 8px 0; border-style: solid; border-color: #000 transparent; display: block; width: 0; }
article.timeline dfn:after { content: ""; position: absolute; bottom: -7px; right: 14px; border-width: 7px 7px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; }
article.timeline dfn dl { display: inline-block; margin: 4px 0; padding: 0; -webkit-margin-after: 0; }
article.timeline dfn dt,
article.timeline dfn dd { display: inline; margin: 0; padding: 0; }
article.timeline dfn dt ~ dt:before { content: '\a'; white-space: pre; }
article.timeline dfn img { position: absolute; top: 4px; left: 4px; }
article.timeline dfn strong { display: block; margin-bottom: 2px; font-weight: bold !important; font-size: 13px; font-family: sans-serif; }

article.timeline section span { display: inline-block; vertical-align: middle; height: 11px; border-radius: 11px; background-color: #c1cfe9; margin-top: 22px; z-index: 15; }
article.timeline section span.push { z-index: 10; display: none; }
article.timeline section span:before { content: ''; display: inline-block; height: 35px; vertical-align: middle; }
article.timeline section span cite { display: inline-block; width: 14px; height: 14px; border: 2px solid #e5e5e5; border-radius: 17px; background-color: #c1cfe9; float: right; margin: -3px -2px -3px -1px; cursor: default; }
article.timeline section span cite.score { height: 11px; width: auto; padding: 3px 4px 0; color: #fff; font-style: normal; z-index: 20; }
article.timeline section span cite.nucaptcha,
article.timeline section span cite.custom1,
article.timeline section span cite.custom2,
article.timeline section span cite.custom3,
article.timeline section span cite.custom4,
article.timeline section span cite.custom5 { border-radius: 1px; }
@-moz-document url-prefix() { article.timeline section span cite.score { margin: -37px -2px -3px -1px; } }

article timeline section span cite img { border: 0; }
article.timeline section span cite img:not(:last-child) { background: url('../img/timeline/marker_info.png') no-repeat center; }
article.timeline section span cite.nucaptcha img:not(:last-child),
article.timeline section span cite.custom1 img:not(:last-child),
article.timeline section span cite.custom2 img:not(:last-child),
article.timeline section span cite.custom3 img:not(:last-child),
article.timeline section span cite.custom4 img:not(:last-child),
article.timeline section span cite.custom5 img:not(:last-child) { background: url('../img/timeline/interdiction_16.png') no-repeat center; }
article.timeline section span cite.captchacorrect img:not(:last-child),
article.timeline section span cite.customsuccess img:not(:last-child) { background: url('../img/timeline/interdiction_16pass.png') no-repeat center; }
article.timeline section span cite.captchaincorrect img:not(:last-child),
article.timeline section span cite.customfailure img:not(:last-child) { background: url('../img/timeline/interdiction_16fail.png') no-repeat center; }
article.timeline section span.score cite.green img:not(:last-child) { background: url('../img/timeline/score_green.png') no-repeat center; }
article.timeline section span.score cite.yellow img:not(:last-child) { background: url('../img/timeline/score_yellow.png') no-repeat center; }
article.timeline section span.score cite.red img:not(:last-child) { background: url('../img/timeline/score_red.png') no-repeat center; }

article.timeline section span time { display: inline-block; vertical-align: middle; height: 11px; color: #2542a8; width: 0px; cursor: default; z-index: 10;}
article.timeline[data-scale="1:10"] section span time,
article.timeline[data-scale="1:5"] section span time { display: none; }
article.timeline section span time label { display: block; position: relative; bottom: 23px; border-left: 1px solid #2542a8; padding-left: 2px; padding-bottom: 12px; }
article.timeline section span time label.out { bottom: 12px; padding-top: 18px; padding-bottom: 0px; border-left-color: #a3a3a3; color: #a3a3a3; }
article.timeline section span.nucaptcha time label.out,
article.timeline section span.custom1 time label.out,
article.timeline section span.custom2 time label.out,
article.timeline section span.custom3 time label.out,
article.timeline section span.custom4 time label.out,
article.timeline section span.custom5 time label.out { bottom: 0px; padding-top: 5px; }
article.timeline section span time:not(.timing) label:not(.out) { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

article.timeline section span time summary { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; position: relative; bottom: 34px; width: 0; border: 0; height: 11px; }
article.timeline section span time summary mark { border-left: 1px solid #2542a8; height: 11px; position: absolute; top: 0px; }

article.timeline figure figcaption { border-top: 2px solid #e5e5e5; background-color: #ffffff; padding: 0; height: 35px; }
article.timeline figure figcaption:after { content: ''; display: block; width: 200px; height: 2px; position: absolute; margin-top: -10px; top: 0; left: 0; background-color: #e5e5e5; border-color: #ffffff; border-width: 8px 0 37px; border-style: solid; }
article.timeline figure figcaption ul { display: inline-block; white-space: nowrap; margin: 0; padding: 0; text-indent: 0; }
article.timeline figure figcaption div > ul { margin-left: 20px; }
article.timeline figure figcaption ul li { display: inline-block; margin: 0; padding: 0; text-indent: 0; list-style-type: none; border-left: 2px solid #e5e5e5; width: 23px; height: 10px; vertical-align: top; position: relative; }
article.timeline[data-scale="1:10"] figure figcaption ul li { width: 48px; }
article.timeline[data-scale="1:20"] figure figcaption ul li { width: 98px; }
article.timeline[data-scale="1:40"] figure figcaption ul li { width: 198px; }
article.timeline figure figcaption ul li.half { height: 8px; }
article.timeline figure figcaption ul li.quarter { height: 6px; }
article.timeline figure figcaption ul li span { display: block; position: absolute; bottom: -12px; left: -47px; width: 94px; text-align: center; }

article.timeline figure figcaption summary { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; margin: -8px 20px; }
article.timeline figure figcaption summary mark { position: absolute; border-left: 2px solid #2542a8; height: 6px; }
article.timeline figure figcaption summary mark em { display: inline-block; width: 15px; height: 15px; background-color: #2346a2; border: 2px solid #e5e5e5; background-position: center; background-repeat: no-repeat; position: absolute; margin: 22px -10px; cursor: default; }
article.timeline figure figcaption summary mark em:after { content: ''; display: block; width: 0px; height: 17px; border-left: 2px solid #2542a8; position: absolute; margin: -19px 6px; }
article.timeline figure figcaption summary mark em.timing { background-image: url(../img/timeline/marker_timing.png); }



article.timeline section span cite.green { background-color: #2447a0; }

article.timeline section span.yellow,
article.timeline section span.yellow cite { background-color: #e3eba5; }
article.timeline section span cite.yellow { background-color: #e3eba5; }
article.timeline section span time.yellow label { color: #e3eba5; }
article.timeline section span time.yellow label,
article.timeline section span time.yellow mark { border-left-color: #e3eba5; }

article.timeline section span.red,
article.timeline section span.red cite { background-color: #e9cbba; }
article.timeline section span cite.red { background-color: #e46631; }
article.timeline section span time.red label { color: #e46631; }
article.timeline section span time.red label,
article.timeline section span time.red mark { border-left-color: #e46631; }