#featured_element { text-align: left; height: auto; overflow: hidden; width: 660px; padding: 2px; float: left; }

#featured_element .featured_element_container { height: auto; width: 100% !important; padding: 0; padding-bottom: 0px; margin-bottom: 28px !important; overflow: hidden; float: left; }
#featured_element .featured_element_container .fe_module_container { width: 300px; height: auto; overflow: hidden; float: left; margin-right: 28px !important; }

#featured_element .featured_element_container .fe_module_container .module_display_area { height: auto; max-height: 550px; }



#featured_element .featured_element_container .fe_module_container.fe_navigation, #featured_element .featured_element_container .fe_module_container.promoreel, #featured_element .featured_element_container .fe_module_container.sectional_header { height: auto; overflow: hidden; width: 100%;}
#featured_element .featured_element_container .fe_module_container.fe_navigation .module_display_area, #featured_element .featured_element_container .fe_module_container.sectional_header .module_display_area { height: auto; max-height:none; }

#featured_element .featured_element_container .fe_module_container.fe_expand_vertical { min-height: 600px; height:auto; overflow:hidden; }

#featured_element .national_resource .fe_module_container { }
#featured_element .national_resource .fe_module_container .module_display_area {  }

/* This is for the tags to display correctly... */
#featured_element .featured_element_tags_container { height:auto; overflow: hidden; float: left; }

#featured_element .featured_element_tags_container h5.featured_element_tags_title, .tags_holder h5 {
  float: left;
  padding: 0;
  width:31px;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.8em;
  margin: 0;
}

#featured_element .featured_element_tags_container ul.featured_element_tags_buttons {
  display: block;
  list-style: none;
  margin: 0;
  padding: 3px 0 0 35px;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
#featured_element .featured_element_tags_container ul.featured_element_tags_buttons li { display: inline; list-style: none; margin: 0; padding: 0; font-size: 11px; font-family: arial,helvetica,clean,sans-serif; }
#featured_element .featured_element_tags_container ul.featured_element_tags_buttons li a {
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  line-height: 1.3em;
  margin: 0 0 2px;
  padding: 0 5px;
  text-decoration: none;
  white-space: nowrap;
}

#featured_element ul.featured_element_section_navigation { display: block; height: auto; overflow:hidden; width:100%; list-style:none; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding-top: 10px; padding-bottom: 10px; }
#featured_element ul.featured_element_section_navigation li { display: block; float: left; padding: 0;margin: 0;padding-right: 10px; padding-left: 10px; border-right: 1px dashed #c0c0c0; }
#featured_element ul.featured_element_section_navigation li.last { border-right: none; }
.cn_feed_item a{font-weight:bold;text-decoration:none}
.cn_feed li.cn_feed_item .meta li.link a{font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important}
.cn_feed li.cn_feed_item .meta{margin:10px 0 5px 0!important}
.cn_feed_item span.content{margin:0;overflow:hidden;display:inline;min-height:50px;padding:5px 0;font-size:.9em!important}
.cn_feed_item h4.title{margin:0 0 .5em 0}
.cn_feed_item h4.title a{font-weight:bold;text-decoration:none;display:block;padding:0 0 5px 0;position:relative;vertical-align:top;margin:0 0 .5em!important;text-transform:none!important;letter-spacing:normal!important;line-height:normal!important;font-size:13px;font-family:arial,helvetica,clean,sans-serif!important;font-weight:bold!important;font:13px/1.231 arial,helvetica,clean,sans-serif!important;font-weight:bold!important}
.cn_feed_item h4.title span{margin:2px 5px 0 0;position:absolute;top:0;left:0}
.cn_feed_item .meta{list-style-type:none;margin:0;text-align:right;float:right;display:inline-block;padding:5px 0 0 0}
.cn_feed_item .meta li{display:inline;padding:0 5px}
.cn_feed_item .meta li.more{border-left:none!important;font-family:Arial,Helvetica,sans-serif!important}
.cn_feed_item .meta li.more a{font-size:9px!important;font-weight:bold;text-decoration:none;text-transform:uppercase}
.cn_feed_item .meta li.timestamp{font-style:italic;border-right:1px dotted #999!important;padding:0 5px!important;font-size:10px!important}
.cn_feed_item .blog-title{display:block;font-size:10px;font-weight:bold;margin-bottom:5px}
.cn_feed_item img.thumbnail,.cn_feed_item div.leftimg{float:left;padding:0 10px 10px 0}
.cn_feed_item .none a{margin:0;padding:0 0 5px 0}
.cn_feed_item .none a span{margin:0}
.cn_feed_item .tags_holder{float:left;padding:5px 0 0 0;width:50%;border:0;text-align:left;color:#999;height:auto;overflow:hidden}
.cn_feed_item ul.tags{display:inline;padding:0}
.cn_feed_item ul.tags li{-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;background:#CCC;margin:1px 2px;padding:1px 4px;display:inline-block}
.cn_feed_item ul.tags li a{color:#fff;text-decoration:none}
.cn_feed_item ul.tags li a:hover{color:#600}

.cn_feed_item ul.thumbs{list-style-type:none;margin:0;padding:0}
.cn_feed_item ul.thumbs li{display:inline;padding:0}
.cn_feed_item ul.thumbs li.featured:first-child{padding-right:5px}
.cn_feed_item div.gallery-content{padding:10px 7px 0 0}
.cf_feed_item div.gallery-content h4 a{padding:0}

/* 
    Document   : citadel_featured_element_event
    Created on : Oct 6, 2011, 11:43:44 PM
    Author     : Jonathon Hibbard
    Description: Contains all css needed for featured element's implementation of the events tool
                 Since this display is ONLY customized for featured elements, all definitions are prefixed with the #featured_element to ensure 
                 the styles are applied correctly..
*/
/* Header Definitions */
#featured_element .event_tool_header_container { height: auto; overflow: hidden; width: 300px; }
#featured_element .event_tool_header_container .event_tool_featured_image { width: 145px; height: auto; overflow: hidden; float: left; margin: 0 0 5px 0; }
#featured_element .event_tool_header_container .event_tool_title_container { width: 135px; height: auto; overflow: hidden; float: left; }
#featured_element .event_tool_header_container .event_tool_title_container a { display: block; margin: 0; padding: 0; font-weight: bold; color: #222; text-decoration: none; font-size: 14px; }
#featured_element .event_tool_header_container .event_tool_title_container a:hover { text-decoration: underline; }

/* Content Definitions (Teaser Text container) */
#featured_element .event_tool_content_container { height: auto; overflow: hidden; width: 300px; }
#featured_element .event_tool_content_container p { letter-spacing: 0.05em; line-height: 1.25em; margin-bottom: 1em; font-size: 12px; }

/* Event Date Definitions */
#featured_element .event_tool_date_info_container { height: auto; overflow: hidden; width: 300px; }
#featured_element .event_tool_date_info_container .event_tool_calendar_container { height: auto; overflow: hidden; width: 40px; float: left; }
#featured_element .event_tool_date_info_container .event_tool_calendar_container a, #featured_element .event_tool_date_info_container .event_tool_calendar_container a:hover { text-decoration: none; }
#featured_element .event_tool_date_info_container .event_tool_calendar_container a span.calendar_month { display: block; letter-spacing: .5px; line-height: 2em; background: #800; background: -moz-linear-gradient(top, #900 0%, #700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#900), color-stop(100%,#700)); background: -webkit-linear-gradient(top, #900 0%,#700 100%); background: -o-linear-gradient(top, #900 0%,#700 100%); background: linear-gradient(top, #900 0%,#700 100%); -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: white; font-size: 8px; font-weight: bold; text-align: center !important; text-transform: uppercase; text-shadow: black 0 1px 1px; font-family: arial,helvetica,clean,sans-serif; }
#featured_element .event_tool_date_info_container .event_tool_calendar_container a span.calendar_day { border: 1px solid #CCC; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: inset 0 1px 2px 0 #ddd; -moz-box-shadow: inset 0 1px 2px 0 #ddd; box-shadow: inset 0 1px 2px 0 #ddd; color: #111; display: block; font-size: 20px !important; font-weight: bold !important; line-height: 1.3em; text-align: center !important; font-family: arial,helvetica,clean,sans-serif; }
#featured_element .event_tool_date_info_container .event_tool_details_container { float: left; height: auto; overflow: hidden; font-size: 11px; line-height: 1.3em; margin-left: 10px; }
#featured_element .event_tool_date_info_container .event_tool_details_container ul { list-style: none; margin:0; padding:0; -webkit-margin-before: 0px; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; }
#featured_element .event_tool_date_info_container .event_tool_details_container ul li { list-style: none; margin:0; padding:0; }

#featured_element .event_tool_links_and_tags_container { margin-top: 5px; height:auto; overflow: hidden; width: 300px; font-family: arial,helvetica,clean,sans-serif; }

#featured_element .event_tool_links_and_tags_container .event_tool_links_and_date { height:auto; overflow: hidden; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 17px; }
#featured_element .event_tool_links_and_tags_container .event_tool_links_and_date span.event_tool_created_timestamp { display: inline-block; border-right: 1px dotted #AAA; margin: 0 5px 0 0; padding: 0 5px 0 0; color: #AAA; font-family: arial,helvetica,clean,sans-serif; font-style: italic; }
#featured_element .event_tool_links_and_tags_container .event_tool_links_and_date a { font-size: 9px; font-weight: bold; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; color:#222; }
#featured_element .event_tool_links_and_tags_container .event_tool_links_and_date a:hover { text-decoration: none; }