body
{
    font-family: Helvetica-Neue, Helvetica, Sans-Serif;
    font-size: 11px;
}

table {
    font-size: 11px;
    border-collapse:collapse;
    border-spacing:0px;
}

tr.theader {
    background-color:#afafaf;
    text-align:center;
    font-weight:700;
    width:300px;
    margin:4px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
tr.sheader {
    background-color:#cfcfcf;
    background-image: linear-gradient(0deg, #cfcfcf, #dfdfdf);
    width:300px;
}
tr.row {
    width:300px;
    height:44px;
    vertical-align:top;
}
tr.urow {
    background-color:#ffff00;
    width:300px;
    height:44px;
    vertical-align:top;
}
tr.delirow {
    background-color:#bfffbf;
    width:300px;
    height:44px;
    vertical-align:top;
}
tr.irrrow {
    background-color:#7f7f7f;
    width:300px;
    height:44px;
    vertical-align:top;
}
tr.selrow {
    background-color:#9fcfff;
    width:300px;
    height:44px;
}
tr.uselrow {
    background-color:#cf9fcf;
    width:300px;
    height:44px;
}
tr.pselrow {
    background-color:#cfefff;
    width:300px;
    height:44px;
}
tr.upselrow {
    background-color:#ffffcf;
    width:300px;
    height:44px;
}
tr.ualtrow {
    background-color:#ffbfaf;
    width:300px;
    height:44px;
}
tr.altdelirow {
    background-color:#b0ffff;
    width:300px;
    height:44px;
}
tr.altirrrow {
    background-color:#7f9faf;
    width:300px;
    height:44px;
}
tr.altrow {
    background-color:#e0f0ff;
    width:300px;
    height:44px;
}
tr.singlerow {
    height:16px;
}
tr.flash {
  animation: blinkerFrames 0.4s linear 2;
}

@keyframes blinkerFrames {
  50% {
    background-color: #7fafff;
  }
}

td.pelement {
    vertical-align:top;
    width:20px;
    padding:4px;
    text-align:right;
}
td.element {
    vertical-align:top;
    padding:4px;
}
td.melement {
    vertical-align:top;
    padding:4px;
    text-align:right;
}
td.detailcontent {
    vertical-align:top;
}
td.lelement {
    vertical-align:top;
    font-weight:900;
    font-size:24px;
}
td.lelement:hover {
    vertical-align:top;
    font-weight:900;
    font-size:24px;
    background-color:#eff7ff;
}
th.listheader {
    border:1px solid #efefef;
    vertical-align:top;
    padding:4px;
}
th.listheader:hover
{
    border:1px solid #efefef;
    vertical-align:top;
    padding:4px;
    background-image: linear-gradient(0deg, #bfbfbf, #cfcfcf);
}

th.listheadersel {
    border:1px solid #efefef;
    vertical-align:top;
    padding:4px;
    background-image: linear-gradient(0deg, #afafaf, #bfbfbf);
}

td.tdlabel {
    width:48px;
    vertical-align:top;
    font-weight:700;
}
span.mrk
{
    background-color:#ffff00;
}
span.hmrk
{
    background-color:#ff00ff;
}
span.sourceInfo
{
    font-family: Helvetica-Neue, Helvetica, Sans-Serif;
    font-size: 14px;
}
span.tatInfo
{
    font-family: Helvetica-Neue, Helvetica, Sans-Serif;
    font-size: 12px;
    color:#ff0000;
}

div.hoverelement {
    display: None;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid black;
    background-color: #eee;
    z-index: 10;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.cover {
    display: None;
    position: absolute;
    top: 0%;
    left: 0%;
    width:100%;
    height:100%;
    border: 0px solid black;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 100;
}

div.coverdialog {
    position: absolute;
    align:center;
    width:360px;
    height:160px;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid black;
    background-color: rgba(255, 255, 255, 1);
}
div.coverdialogcontent {
    margin:20px;
}

div.coverdialogprogressbarempty {
    position: absolute;
    align:center;
    width:320px;
    height:20px;
    bottom:20px;
	left: 20px;
    border: 1px solid black;
    background-color: rgba(255, 255, 255, 1);
}

div.coverdialogprogressbar {
    margin:0px;
    padding:0px;
    height:20px;
    width:120px;
    background-color: rgba(0, 0, 255, 1);
}

.cyclingarrow 
{
	animation: pulsate 1s infinite;
	font-size:8px;
}


@keyframes pulsate {
    0% {transform: translateX(0px);}
    50% {transform: translateX(6px);}
    100% {transform: translateX(0px);}
}