

body {
  line-height: 26px;
}

.topsection {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}

.leftAside {
  box-sizing: border-box;
  width: 70%;
  padding: 5px 10px;
  border: 1px solid #ccc;
}

.rightAside {
  width: 30%;
  box-sizing: border-box;
  padding: 5px 10px;
}

.programinfo h3 {
  border-bottom: 1px solid #002878;
}

.beginsubmission h4 {
  padding: 0;
  margin: 0;
  text-transform: none;
  font-weight: normal;
}

.beginsubmission h4 a {
  text-decoration: none;
}

h4.expand {
    padding: 0;
    margin: 0;
}

label {
  display: inline-block;
  width: 40%;
}

@media (max-width: 640px) {
  .topsection {
    flex-direction: column;
  }

  .leftAside, .rightAside {
    width: 95%;
    margin: 0 auto;
  }
}


.expand {
  cursor: pointer;
}
.collapse {
  display: none;
}

     h3.expand span.arrow, h4.expand span.arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #333333;
    float: right;
    padding-top: 5px;
     }

     h3.expand.open span.arrow, h4.expand.open span.arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333333;
    border-bottom: none;
    float: right;
    margin-top: 5px;
     }

.expandall {
  cursor: pointer;
  text-align: right; 
  margin: 0;
}

.submission {
  padding: 0 0 5px 15px;
}

input.btn, input[type="submit"] {
    border: none;
    background-color: #008444;
    border-radius: 15px;
    color: #fff;
    padding: 7px;
}

.beginsubmission h4.expand {
    background-color: #002878;
    color: #fff;
    margin: 5px 0;
    padding: 0 5px;
}

.beginsubmission h4.expand span.arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    float: right;
    padding-top: 5px;
}

.beginsubmission h4.expand.open span.arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    border-bottom: none;
    float: right;
    margin-top: 5px;
  }
/****************************************
 * Expand / Collapse Steps
 ****************************************/
#steps {
  list-style-type: none;
  margin: 0;
  padding: 0; }
#steps li {
  list-style-type: none;
  margin: 0;
  padding: 0; }
#steps li li{
  list-style-type: disc;
  margin: auto;
  padding: auto; }
#steps a {
  /*color: #333;
  text-decoration: none; */
  font-weight: normal;
  
  display: inline-block;
  padding: 3px 5px; }
#steps .collapse a {
  display: inline; 
  padding: 0;
 }
#steps p.switch {
  padding: -1em 0 0.5em 0;
  margin: 0.3em 0;
  text-align: right; }
#steps div.collapse {
  margin: 0 0 10px 10px; }
#steps li h4 {
    width: 100%;
    margin: 2px 0;
    background-color: #eee;
    padding: 0 8px;
    box-sizing: border-box; }
#steps .expand a {
  display: block;
  background-color: #cccccc;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  background-repeat: no-repeat; }

  #steps .expand a:hover {
    background-color: #e5e5e5;
  }

/* Countdown timer on page styles */
.countdown-widget-container {
  width: 50%;
  margin: 0 auto;
}
.countdown-widget-container > div {
  margin: 0 auto !important;
  text-align: center !important;
}