/* 
 * Header box for front page features (stuff to round corners usually)
 */

#recycle_wizard h3 { 
}

#feature_head {
  height: auto;
}

#feature_head h3 {
  margin: 0px;
  padding-left: 30px;
  background-image: url('/img/arrow_front_page.png');
  background-position: left center;
  background-repeat: no-repeat;
  color: #BA7939;
  font-family: "Times New Roman";
  font-size: 2em;
}

#feature_head p {
  text-align: left;
  font-size: 1em;
  font-weight: normal;
  color: #111;
  padding-left: 20px;
  padding-top: 53px;
}


/*
 * Style info for the div containing the features.
 */

#feature_body {
  font-size: 0.8em;
  text-align: left;
  display: block;
  background: url('/img/fp/feature_body.gif');
  overflow: hidden;
}

/*
 * Class for div containing one feature.
 */

.feature_fp {
  margin-bottom: 1em;
  padding-top: 0.33em;
  padding-left: 0.33em;
  padding-right: 0.33em;
}

/*
 * Class for div containing one feature.
 */

#feature_body h3 {
  font-size: 1.2em;
  font-weight: normal;
  color: #008691;
  padding: 0px;
  margin: 0px;
}

#feature_body p {
  text-align: left;
  font-size: 1.2em;
  color: #333;
  padding: 0px;
  margin: 0px;
}

#feature_body a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
}
#feature_body a:hover {
  text-decoration: underline;
}

.feature_image {
  margin: 0px 0.7em 0.5em 0.5em;
  float: left;
}

.feature_hr {
  clear: both;
  margin: 10px 0px 10px 0px;
}



/*
 * Back office and archive styles.
 */


.feature_archive > div {
  padding: 0.25em;
  margin-bottom: 0.5em;
  border: 1px #999 solid;
  overflow: hidden;
}
.feature_box {width: 100%;  float: left; padding-bottom: 10px; border-bottom: 1px #c5c5c5 solid;}
.feature_box.inactive {
  background: #eee;
}

.feature_box .actions {
  width: 20%;
  float: right;
  list-style: none;
}

.feature_box .actions li {
  padding-left: 25px;
}

/* This class has been added to provide some sort of control over the flash message layout in the home page */
.feature_massage 
{
  top: -80px;
  position: relative;
  margin-bottom: 30px;
  width: 700px;
}