body {
background-color:#181818;
color:orange;
font-family:arial;
}

h1 {
font-size:50px;
}

thead.firstRow th {
position: -webkit-sticky;
position: sticky;
top: 0;
}

#responses {
table-layout:fixed;
}

#responses td {
min-width: 70px;
padding-left: 4px;
padding-right: 4px;
}

#responses th {
min-width: 70px;
padding-left: 4px;
padding-right: 4px;
}

#responses tr {
height: 20px;
}

#responses td:nth-child(1) { 
overflow-x: hidden;
overflow-y: hidden;
white-space: nowrap;
}

#responses tr:nth-child(even) { 
background-color :#202020;
}

#responses td:nth-child(n+2) { 
text-align: center;
}

#responses td:nth-child(2)   { 
text-align:left;
padding-left:38px;
min-width: 45px;
}

#responses th.stickyHeader { 
background-color: #202020;
height: 30px;
}

td.correct {
background: -webkit-radial-gradient(rgba(0,128,0,0.4) 30%, rgba(0,128,0,0), rgba(0,128,0,0));
background: -o-radial-gradient(rgba(0,128,0,0.4) 30%, rgba(0,128,0,0), rgba(0,128,0,0));
background: -moz-radial-gradient(rgba(0,128,0,0.4) 30%, rgba(0,128,0,0), rgba(0,128,0,0));
background: radial-gradient(rgba(0,128,0,0.4) 30%, rgba(0,128,0,0), rgba(0,128,0,0));
}

td.wrong  {
background: -webkit-radial-gradient(rgba(255,0,0,0.4) 30%, rgba(255,0,0,0), rgba(255,0,0,0));
background: -o-radial-gradient(rgba(255,0,0,0.4) 30%, rgba(255,0,0,0), rgba(255,0,0,0));
background: -moz-radial-gradient(rgba(255,0,0,0.4) 30%, rgba(255,0,0,0), rgba(255,0,0,0));
background: radial-gradient(rgba(255,0,0,0.4) 30%, rgba(255,0,0,0), rgba(255,0,0,0));
}

#responses td.spacingCell {
background-color: #181818;
}

#container {
padding-top: 25px;
width: 100%;
display: inline-block;
}

#header {
margin-left: 10px;
height: 110px;
overflow: hidden;
border-color: orange;
margin-bottom: 35px;
}

#main {
float: left;
width: 520px;
margin-bottom: 100px;
}

table { 
empty-cells:show;
}

#logo {
padding-top:3px;
float:left;
}

#title {
margin-left:25px;
float:left;
height:104px;
width:565px;
border-bottom:1px solid orange;
}

.menu_div {
float:left;
}

.menu_div ul {
padding:10px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
list-style:none;
text-indent:15px;
float:left;
margin-right:10px;
width:150px;
}

.menu_div ul li {
background:#181818;
line-height:28px;
border-bottom:1px solid #333;
}

#homenav {
border-top:1px solid #333;
}

#veikkausnav {
cursor: pointer
}

.menu_div ul li a {
text-decoration:none;
color:orange;
display:block;
}

.menu_div ul li a:hover {
background:#383838;
}

.menu_item {
overflow:hidden;
}

.submenu ul {
padding:0px;
padding-left:10px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
list-style:none;
text-indent:15px;
float:left;
margin-right:10px;
width:140px;
overflow:hidden;
}

body#veikkaus2025 a#nav27 {
    background:#383838;
}