html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #404040;
  text-align: left;
  background-color: #ffffff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem;	
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,

strong {
  font-weight: normal;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #004799;
  text-decoration: underline;
  background-color: transparent;
}

a:hover {
  color: #004799;
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  font-size: 1rem;	
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #8c8c8c;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}


h1, h2, h3, h4, h5, h6, dt,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;	
  margin-bottom: 0.75rem;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .021em;	
  color: #404040;
}


h1, .h1 {
        font-size: 1.375rem;
		line-height: 1.2;
    }


.table-bordered {
  border: 1px solid #e7e7e7;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #e7e7e7;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,

.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table .thead-dark th {
  color: #ffffff;
  background-color: #343b43;
  border-color: rgba(255, 255, 255, 0.14);
}

.table .thead-light th {
  color: #343b43;
  background-color: #f5f5f5;
  border-color: #e7e7e7;
}

.table-dark {
  color: #ffffff;
  background-color: #343b43;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgba(255, 255, 255, 0.14);
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.1);
}


#menu				{width:100%; font-family:Verdana,Arial,Sans-Serif; text-transform:uppercase;}
#menu ul				{list-style:none; margin:0px 0px}
#menu li				{list-style:none; display:block; float:left;}
#menu li a				{display:block; float:left; height:44px; background:url(/menu_b_left.jpg) no-repeat left; color:#283640; line-height:44px; padding:0 0 0 24px; font-size:12px; font-weight:bold; text-decoration:none;}
#menu li a span		{display:block;	float:left;	height:44px; background:url(/menu_b_right.jpg) no-repeat right; color:#283640; line-height:44px; padding:0 24px 0 6px;}
#menu li a:hover		{display:block;	float:left;	height:44px; background:url(/menu_b_left_h.jpg) no-repeat left;}
#menu li a:hover span	{display:block; float:left; height:44px; background:url(/menu_b_right_h.jpg) no-repeat right; color:#283640;}
#menu li a.current		{display:block; float:left; height:44px; background:url(/menu_b_left_h.jpg) no-repeat left; color:#283640; line-height:44px; padding:0 0 0 24px; font-size:12px; font-weight:bold; text-decoration:none;}
#menu li a.current span{display:block; float:left; height:44px; background:url(/menu_b_right_h.jpg) no-repeat right; color:#283640; line-height:44px; padding:0 24px 0 6px;}

#suggestions							{width:200px; display:none; position:absolute; margin:150px 0px 0px 0px; z-index:1; border:1px dotted #cbcbe6; background-color:#F2F2F2; padding:3px;text-align:left; color:#000000; }
#suggestions a, #suggestions li			{color:#000000; font-size:11px; text-decoration:none;}
#suggestions a:hover						{text-decoration:underline; color:#D6A513;}
ul.searchresultsli, ul.searchresultsli li	{margin:0px; padding:0px; background-image:none; list-style:none;}
ul.searchresultsli li						{padding:0px 3px 1px 3px;}
ul.searchresultsli li.odd					{background-color:#FFFFFF;}
a.highlight								{color:#FF00FF !important; font-weight:bold;}

/* table snippet */
.tbl, .stat_tbl {width:98%;border-collapse:collapse;}
.tbl td, .tbl th, .stat_tbl td, .stat_tbl th {height:40px; padding:5px 10px 5px 9px;	background:url(white_pi.gif) repeat-y top left;	vertical-align:top;	text-align:left;}
.tbl th, .stat_tbl th {font-size:12px; font-weight:normal; vertical-align:middle; background-color:#EEEEE1; text-align:center;}
.tbl td, .stat_tbl td {font-size:11px; border:none; border-bottom:1px solid #D0D6DB;}

.sortable { width:auto;}
.sortable th { background-color:#EEEEE1; padding-right:5px;}
.sortable td { border-bottom:1px solid #D0D6DB;}
.sortable .headerSortUp { background-color:#d7d7c2;}
.sortable .headerSortDown { background-color:#d7d7c2;}
.sortable th span { display:block; text-align:left; padding-left:15px; background:url(sortUpDo.gif) no-repeat 0px 3px;}
.sortable .headerSortUp span { background:url(sortUp00.gif) no-repeat 0px 3px;}
.sortable .headerSortDown span { background:url(sortDown.gif) no-repeat 0px 9px;}
.sortable .descr { width:250px;}

@keyframes speccy-header {
    0% {background: repeating-linear-gradient(red, red 10px, cyan 10px, cyan 30px, red 30px, red 40px);}
    5% {background: repeating-linear-gradient(red, red 8px, cyan 8px, cyan 28px, red 28px, red 40px);}
    10% {background: repeating-linear-gradient(red, red 6px, cyan 6px, cyan 26px, red 26px, red 40px);}
    15% {background: repeating-linear-gradient(red, red 4px, cyan 4px, cyan 24px, red 24px, red 40px);}
    20% {background: repeating-linear-gradient(red, red 2px, cyan 2px, cyan 22px, red 22px, red 40px);}
    25% {background: repeating-linear-gradient(cyan, cyan 20px, red 20px, red 40px);}
    30% {background: repeating-linear-gradient(cyan, cyan 18px, red 18px, red 38px, cyan 38px, cyan 40px);}
    35% {background: repeating-linear-gradient(cyan, cyan 16px, red 16px, red 36px, cyan 36px, cyan 40px);}
    40% {background: repeating-linear-gradient(cyan, cyan 14px, red 14px, red 34px, cyan 34px, cyan 40px);}
    45% {background: repeating-linear-gradient(cyan, cyan 12px, red 12px, red 32px, cyan 32px, cyan 40px);}
    50% {background: repeating-linear-gradient(cyan, cyan 10px, red 10px, red 30px, cyan 30px, cyan 40px);}
    55% {background: repeating-linear-gradient(cyan, cyan 8px, red 8px, red 28px, cyan 28px, cyan 40px);}
    60% {background: repeating-linear-gradient(cyan, cyan 6px, red 6px, red 26px, cyan 26px, cyan 40px);}
    65% {background: repeating-linear-gradient(cyan, cyan 4px, red 4px, red 24px, cyan 24px, cyan 40px);}
    70% {background: repeating-linear-gradient(cyan, cyan 2px, red 2px, red 22px, cyan 22px, cyan 40px);}
    75% {background: repeating-linear-gradient(red, red 20px, cyan 20px, cyan 40px);}
    80% {background: repeating-linear-gradient(red, red 18px, cyan 18px, cyan 38px, red 38px, red 40px);}
    85% {background: repeating-linear-gradient(red, red 16px, cyan 16px, cyan 36px, red 36px, red 40px);}
    90% {background: repeating-linear-gradient(red, red 14px, cyan 14px, cyan 34px, red 34px, red 40px);}
    100% {background: repeating-linear-gradient(red, red 12px, cyan 12px, cyan 32px, red 32px, red 40px);}
	
}

@keyframes speccy-bytes {
    0% {background: repeating-linear-gradient(blue, blue 5px, yellow 5px, yellow 15px, blue 15px, blue 20px);}
    5% {background: repeating-linear-gradient(blue, blue 4px, yellow 4px, yellow 14px, blue 14px, blue 20px);}
    10% {background: repeating-linear-gradient(blue, blue 5px, yellow 5px, yellow 13px, blue 13px, blue 20px);}
    15% {background: repeating-linear-gradient(blue, blue 4px, yellow 4px, yellow 12px, blue 12px, blue 20px);}
    20% {background: repeating-linear-gradient(blue, blue 1px, yellow 1px, yellow 11px, blue 11px, blue 20px);}
    25% {background: repeating-linear-gradient(yellow, yellow 10px, blue 10px, blue 20px);}
    90% {background: repeating-linear-gradient(yellow, yellow 14px, blue 14px, blue 19px, yellow 19px, yellow 20px);}
    95% {background: repeating-linear-gradient(yellow, yellow 8px, blue 8px, blue 18px, yellow 18px, yellow 20px);}
    100% {background: repeating-linear-gradient(yellow, yellow 7px, blue 7px, blue 17px, yellow 17px, yellow 20px);}
    45% {background: repeating-linear-gradient(yellow, yellow 6px, blue 6px, blue 16px, yellow 16px, yellow 20px);}
    50% {background: repeating-linear-gradient(yellow, yellow 5px, blue 5px, blue 15px, yellow 15px, yellow 20px);}
    55% {background: repeating-linear-gradient(yellow, yellow 4px, blue 4px, blue 14px, yellow 14px, yellow 20px);}
    60% {background: repeating-linear-gradient(yellow, yellow 3px, blue 3px, blue 13px, yellow 13px, yellow 20px);}
    65% {background: repeating-linear-gradient(yellow, yellow 4px, blue 4px, blue 12px, yellow 12px, yellow 20px);}
    70% {background: repeating-linear-gradient(yellow, yellow 1px, blue 1px, blue 11px, yellow 11px, yellow 20px);}
    75% {background: repeating-linear-gradient(blue, blue 10px, yellow 10px, yellow 20px);}
    80% {background: repeating-linear-gradient(blue, blue 14px, yellow 14px, yellow 19px, blue 19px, blue 20px);}
    30% {background: repeating-linear-gradient(blue, blue 8px, yellow 8px, yellow 18px, blue 18px, blue 20px);}
    35% {background: repeating-linear-gradient(blue, blue 7px, yellow 7px, yellow 17px, blue 17px, blue 20px);}
    40% {background: repeating-linear-gradient(blue, blue 6px, yellow 6px, yellow 16px, blue 16px, blue 20px);}
}

.speccy-header  {
  animation-name: speccy-header;
  animation-duration: 0.25s;
  animation-iteration-count: infinite;
}


.speccy-bytes  {
  animation-name: speccy-bytes;
  animation-duration: 0.25s;
  animation-iteration-count: infinite;
  transition: transform 500ms ease-out;
}

#hoverDivs {
  color: red;
  font-style: italic;
}