/*Added height 100% for WFIRST Conference site*/
html, body {
  height: 100%;
}

body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
}

p {
  font-family: 'Open Sans', sans-serif;
}

.flash {
  padding: 10px 10px 0;
  background-color: #d0d0d0;
  box-shadow: 0 0 5px #aaa inset;
  cursor: pointer;
}

/* Custom Header Area*/

.header {
  color: white;
  font-family: 'Roboto Condensed', sans-serif;  
  font-size: 3.1em;
  line-height: 2em;
  float: left;
}

.subheader {
  color: white;
  font-family: 'Roboto Condensed', sans-serif;  
  font-size: 3.0em;
  line-height: 1em;
  float: left;
}

.date {
  color: black;
  font-family: 'Roboto Condensed', sans-serif;  
  float: right;
  padding: 6px 10px 6px 0px;
  font-size: 2.2em;
}

.big-box {
  width: 100%;
  height: 300px;
  position: relative;
  background-image: url("../images/Pemaquid-2.jpg");
  margin-bottom: 40px;
}

.header-box {
  width: 100%;
  height: 200px;
  position: absolute;
  top: 50px;
  left: 0;
}

.date-box {
  background-color: white;
  opacity: 0.8;
  height: 48px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.logo {
  float: left;
  padding: 18px 0 0 18px;
  max-width: 80%;
}

/*Custom Header area ends*/

/*Custom Body Area*/
.content_container {
  min-height: 100%;
  /*Margin bottom is equal to height of footer*/
  margin-bottom: -240px;
}

.content_container:after {
  content: "";
  display: block;
}

.temp-footer, .content_container:after {
  height: 240px;
}

.temp-footer {
  background-color: #404040;
}

.affiliates img {
  margin: 0 10px;
  padding-top: 90px;
}


/*Original footer is set to display: none*/
.footer {
  display: none;
  border-radius: 0px 0px 4px 4px;
}

/*Custom Body Area ends*/

.footer .well {
  margin: 0;
  border-radius: 0px 0px 4px 4px;
}

.footer .ipac_logo {
  margin-right: 19px;
}

.footer form,
.footer input,
.footer p {
  margin: 0;
}

.clickable {
  cursor: pointer;
}

.strong {
  font-weight: bold;
}

.weak {
  font-weight: normal;
  color: #888;
}

.strike {
  text-decoration: line-through; 
}

.left {
  float: left;
}

.right{
  float: right;
}

.center {
  text-align: center;
}

.clear {
  clear: both;
}

.feedback textarea {
  width: 100%;
  max-width: 100%;
}

/*Custom Navigation begins*/
.navigation {
  border-right: 1px solid black;
}
.navigation li {
  font-size: 20px;
}

.nav-list {
  padding-right: 15px;
}

.nav-list li a {
  margin-left: -14px;
  padding: 6px 15px;
  color: black;
}

.nav-list .active>a {
  background-color: #393636;
}

.nav-list .active>a:hover {
  background-color: #393636;
  opacity: 0.8;
}

.navigation .subnav li a {
  margin-left: -29px;
  padding-left: 25px;
}

.right_side_content {
  margin: 0 10px 0 0;
}

Custom navigation ends

.right_side_content .tagline {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 22px;
}

.page .image {
  position: relative;
  margin-right: -15px;
  margin-bottom: 10px;
}

.page .image img {
  border-radius: 5px 0 0 5px;
}

.page .register_link {
  margin: 0 0 0 5px;
  font-weight: bold;
}

.page .image .caption {
  position: absolute;
  right: 15px;
  bottom: 15px;
  background: url("../images/85-percent-white.png") repeat scroll left top transparent;
  padding: 5px;
  border-radius: 3px;
  font-size: 11px;
  margin-left: 15px;
}

.devise #error_explanation h2 {
  font-size: 16px;
  color: red;
}

.devise label.required:before {
  content: "* ";
  color: red;
}

.devise .field_with_errors input {
  border-color: red;
}

.register .progress,
.register .progress .bar{
  line-height: 28px;
  height: 28px;
  margin: 0;
  vertical-align: middle;
}

.abstracts h2,
.proceedings h2 {
  margin-bottom: 10px;
}

.abstracts .btn-success,
.proceedings btn-success {
  margin-bottom: 10px;
}

.abstracts .well p,
.abstracts td p {
  margin: 0;
}

.proceedings .file_icon {
  width: 50px;
}

.wysiwym {
  margin-bottom: 10px;
}

.wysiwym img {
/*  margin: 5px;
  border: 1px solid #BBB;
  padding: 10px;
  border-radius: 3px;*/
  /*width: 100%;*/
}

.poster_span {
  margin-right: -15px;
}

.poster {
  margin: 24px 15px 15px 0;
  box-shadow: 0 0 1px 1px #dadada;
  padding: 8px;
}

/*Custom styling for participants table*/
.participants {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
}

.participants span {
  font-weight: 300;
  font-size: 12px;
  color: gray;
}