.phplist {
  font-family: "Arial", sans-serif; 
  font-size: 0.95em; 
  color: #fff; /* Cambiamos el texto a blanco */
  margin: 0 auto; 
  padding: 20px;
  width: 100%; 
  max-width: 350px; /* Ancho máximo ajustado a 350px */
  background-color: #000; /* Fondo negro */
  border-radius: 8px; /* Redondeamos las esquinas completamente */
  border: 2px solid #333; /* Borde gris oscuro */
}

.phplist fieldset {
  border: 1px solid #555; /* Borde más oscuro */
  padding: 20px; 
  margin: 0; 
  background-color: #000; /* Fondo negro dentro del fieldset */
  color: #fff; /* Texto blanco */
  border-radius: 8px; /* Bordes redondeados */
}

.phplist input, .phplist textarea, .phplist select {
  width: calc(100% - 120px); 
  margin: 10px 0 0 20px;
  padding: 8px; 
  border: 1px solid #555; /* Bordes oscuros en los inputs */
  border-radius: 5px;
  background-color: #333; /* Fondo gris oscuro para los inputs */
  color: #fff; /* Texto blanco en los inputs */
  font-size: 1em;
}

.phplist input[type="submit"], .phplist input[type="reset"] {
  width: auto; 
  margin-left: 120px; 
  padding: 10px 20px; 
  background-color: #FF0000; /* Botón rojo */
  color: white; /* Texto blanco */
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.phplist input[type="submit"]:hover, .phplist input[type="reset"]:hover {
  background-color: #cc0000; /* Color más oscuro al hacer hover */
}

.phplist textarea { 
  overflow: auto; 
  height: 120px; 
}

.phplist small {
  display: block;
  margin: 0 0 5px 120px; 
  padding: 2px 5px;
  font-size: 0.85em;
  color: #888; 
}

.phplist .required {
  font-weight: bold;
  color: red;
} 

.phplist .requiredOutline {
  border: 2px solid #ff0000;
}

.phplist .caption {
  font-weight: bold;
  margin-bottom: 10px;
  color: #fff; /* Texto blanco para los captions */
}

.phplist br {
  clear: left;
}