body {
  color: #729fcf;
  background: #000000;
  font-family:sans-serif;
}

.bgdiv {
  width:100%;
  /* height:100%; */
  position:absolute;
  left:0px;
  top:0px;
  z-index:5;
  background-image:linear-gradient(to bottom right, black, blue);
/*  background-image: url('gradient01.png'); 
  background-attachment: fixed;*/
}

.mainTable {
  /*width:80%;*/
  z-index:1;
  margin-top:1em;
  margin-bottom:1em;
  margin-left:10%;
  margin-right:10%;
  border-bottom: 2px solid #729fcf; 
  padding-bottom: 1em;
}

.titleCell {
  width: 100%;
  text-align:center;
}

.titleCell a {
  font-size:xxx-large;
  font-weight:bold;
  text-decoration: none;
  color: #729fcf;
}

.flagCell {
  font-size: x-small;
  text-align: right;
  position:relative;
  right:0;
  top:0;
  float: right;
}

.flagCell a:link { text-decoration: none; color: #729fcf; }

.flagCell a:visited { text-decoration: none; color: #729fcf; }

.flagCell a:hover { text-decoration: none; color: #729fcf; }

.flagCell a:active { text-decoration: none; color: #729fcf; }


.summaryTable {
  margin-left:10%;
  margin-right:10%;
}

.summaryP {
  font-size:large;
  margin-left:15%;
  margin-right:15%;
  margin-top:1em;
  margin-bottom:1em;
  padding:0.5em 0.5em 0.5em 0.5em;
  border: thin solid #333399;
}

.summaryRow {
  margin-left:10%;
  margin-right:10%; 
  margin-top:1em;
  margin-bottom:1em; 
  background:#000000;
  padding:0.5em 0.5em 0.5em 0.5em;
}

.summaryRow img {
  float:right;
}

.summaryCell {
  font-size:x-large;
  font-weight:bold;
}

.videoLink:link {
  color: #4444ff;
}

.videoLink:visited {
  color: #4444ff;
}

.uploadSection {
  margin-bottom:0;
}

.footer {
  border-top: 1px solid #729fcf;
  font-size:small;
  margin-top:2em;
  margin-left:10%;
  margin-right:10%;
}

.footer p.copyright {
  position:relative;
  left:0;
  top:0;
  float: left;
}

.footer p.feedback {
  position:relative;
  right:0;
  top:0;
  float: right;
}

.footer p.feedback a {
  text-decoration: none;
  color: #729fcf;
}