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

#feature_head {
  background-position: left bottom;      
  background-repeat: no-repeat;
  background-image: url('/img/fp/feature_head.gif?v=2');
  width: 502px;
  height: 220px;
}

#feature_head h3 {
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;
  color: #666;
  padding-left: 20px;
  padding-top: 5px;
}

#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?v=2');
  overflow: hidden;
}

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

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

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


/*
 * Styles for Features view page

 */
 

 
.feature_box.inactive {
  background: #eee;
}
 
#content_page .feature_box {
   border-bottom:1px solid #CCC;

   padding-bottom:30px;	
   min-height:120px;
}

#content_page .feature_box h3 {
  width: 75%;
  padding-left:186px;
  font-size:18px;
  color:#7c6a55;
  text-decoration:none;
  font-weight:normal;
  
  
}

#content_page div.feature_box p {
  width: 55%;
  padding-left:186px;
  color:#505050;

}
 
 

 #content_page .feature_image {
  margin: 0em 1.0em 1.0em -186px;
  padding: 0px;
  display: inline;
  float: left;
}

 #content_page #FeatureEditForm .feature_image {
  margin:1.0em 1.0em 1.0em 0em;
  padding: 0px;
  display: inline;
  float: left;
}



#content_page .feature_box .actions {
  float: right;
  position:relative;
  width: 25%;
  list-style: none;
  clear:right;
  
}


#content_page .feature_box .actions li {
  padding-left: 25px;
  padding-bottom:2px;
  margin-bottom:0px;
  font-size:11px;

}

/*
 * Feature feed on home page
 *
 
- #feature_box is probably in the sites css/layout.css file.

 */
 
 .featuresHeader {
	height:26px;
	background: url('/img/featuredIcon-small.jpg?v=2');
    background-position: left top;
	background-repeat:no-repeat;
	margin: -15px 15px 5px 0px;

	
}

.featuresHeader h3  { 
  border-bottom:none;
  margin-left:30px;
  padding-top:5px;
  font-size:1.2em;
  text-transform:uppercase;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  	color: #008c99;
  font-weight:normal;


}

.featuresHeader p  { 
  border-bottom:none;
  float:right;
  margin-top:-32px;
  color: #008c99;
}

.featuresHeader p a { 
  font-size:.85em;
  text-transform:uppercase;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  color: #008c99;
  font-weight:normal;
  text-decoration:none;

}

.featuresHeader p a:hover { 
  text-decoration:underline;
}


.feature_fp {
  margin: 0px 15px 0px 0px;
  padding:0px;
  overflow: hidden;
  /* border-bottom:1px solid #CCC; */
}

.feature_fp h3 { 
  margin: 0px 0px 0px 186px;
  width:274px;
  padding: 0px;
}

.feature_fp h3 a { 
  font-family:"jaf-bernino-sans", arial, sans-serif;
  font-weight:300;
  font-size:20px;
  color:#333;
  text-decoration:none;

}

.feature_fp h3 a:hover { 
  text-decoration:underline;
}

.feature_fp p { 
margin-left:186px;
font-size:1.05em;
color:#505050;
line-height:20px;
font-family:Arial, Helvetica, Verdana, sans-serif;
}

.feature_image {
  padding: 3px 12px 25px 0px;
  display: inline;
  float: left;
  width:174px;
}

.feature_hr {
  margin: 0em 0.5em 1.0em 0em;
  padding: 0em;
  clear: both;
  height: 1px;
  color: #ccc;
  background-color:#CCC;
}

hr {
	height: 1px;
    color: #ccc;	
}



/*
 * Back office and archive styles.
 */


.feature_archive > div {
  padding: 0.25em;
  margin-bottom: 0.5em;
  border: 1px #999 solid;
  overflow: hidden;
}



/* 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;
}