/*** General ***/
html {
  font-family: Arial;
  font-size: small;
}

body {
  margin: 1px;
  margin-top: 0px;

  background-color: #000000;
  color: #FFFFFF;
  text-align: center;

  /* Turn off font resizing */
  -webkit-text-size-adjust: none; 
}

a {
  color: #FFFFFF;
}

img {
  border-width: 0px;
}

.content p {
  text-align: left;
}



/* Buttons */
button {
  width: 95px;
  height: 25px;

  font-size: medium;
  /*  Put a 1 pixel blur white shadow below the button's text  */
  text-shadow: #fff 0px 1px 1px;  
}

button.small {
  width: 35px;      

  font-size: small;
}

button.large {
  width: 40px;      
  height: 40px;      

  font-size: small;
  opacity: 0.6;
}

.button {
  color: Black;
  font-size: medium;
  /*  Put a 1 pixel blur white shadow below the button's text  */
  text-shadow: #fff 0px 1px 1px;  
}

select {
  width: 95px;
  height: 25px;

  font-size: medium;
  /*  Put a 1 pixel blur white shadow below the button's text  */
  text-shadow: #fff 0px 1px 1px;  
}



/* Button table */
.buttongrid {
  text-align: center;
  width: 100%;
}

.buttongrid tr.toprow td {
  /* Adds a gap below the row */
  padding-bottom: 10px;
}

.buttongrid tr td .button {
  /* Centers the buttton in the cell */
  margin: auto;
}



/* Pager dot bar */
#pagerbar {
  text-align: center;
  width: 100%;
}

#pagerbar img {
  padding-left: 4px;
  padding-right: 4px;
}



/* Header text */
.headerblock {
	padding-top: 5px;
	padding-bottom: 8px;
}
.header {
  font-size: small;
  text-align: center;
  text-decoration: underline;
  font-weight: 700;
}

.headersub {
  font-size: x-small;
}



/* Footer text */
.footer {
  font-size: x-small;
  text-align: center;
}