#archives {
  font-size: 12px;
  width: 98%;
}

#content #archives a {
  background: none;
}

#content #archives a:hover {
  background: none;
}

#archives h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0;
}

#archives ul {
  list-style: none;
  padding: 5px 0 0;
  margin: 10px 0;
  float: left;
  width: 100%;
  font-size: 12px;
}

#archives ul li {
  float: right;
  display:table-cell;
  float:right;
  display: block;
  margin: 5px;
  padding: 0px 20px;
}

#archives ul.categories li {
	float: left;
	padding: 0px;
}

#archives ul li a {
  text-decoration: none;
}

#content #archives ul li.back,
#content #archives ul li a.back{
  background: url(/images/css/return-arrow.png) no-repeat center left;
  float:left;
  margin: 5px 0;
  padding-left: 15px;
}

#content #archives ul li.feed a,
#content #archives #archivesTabs ul li.feed a,
#content #archives ul li a.feed{
  background: url(/images/css/background_blog_rss.gif) no-repeat 0 12px;
  padding-left: 35px;
  color: #436277;
}

#content #archives.series ul li a.feed{
  background-position: 0 1px;
}

#content #archives #archivesTabs ul li.feed { 
  background: none;
}

#content #archives ul li a.podcast{
  background: url(/images/css/icon_podcast.png) no-repeat center left;
  padding-left: 25px;
}

#content #archives ul li a.email{
  background: url(/images/css/icon_email.png) no-repeat center left;
}


#content #archives ul li a.podcast:hover{
}

#content #archives .podcastList{
  display: block;
  float: none;
  position: absolute;
  margin-top: 1px;
  background: #fff;
  border: 3px solid #666;
}

#content #archives .podcastList.hidden{
  display: none;  
}

#content #archives .podcastList a{
  float: none;
  padding: 5px 10px 5px 25px;
  text-decoration: none;
  background: url(/images/css/icon_podcast.png) no-repeat center left;
  display: block;
}

#content #archives .podcastList a:hover{
  color: #999;	
}
/* Sermon Search Tabs */

#archivesSearch h2 {
  float:left;
  font-size: 20px;
  margin: 0 0 -40px;
  padding: 10px;
}

#archivesTabs {
  width: 100%;
  padding: 0;
  margin: 0;
}

#content #archivesTabs  ul.tabs-nav {
  float: right;
  //float: none;
  border: none;
  padding: 0;
  margin: 0 -20px 0 0;
  width: 100%;
}

#content #archivesTabs ul.tabs-nav li {
  float: right;
  padding: 0;
  margin: 0 0 0 1px;
  background: url(/images/css/tabsSprite.png) no-repeat left bottom;
}

#content #archivesTabs ul.tabs-nav li a {
  padding: 9px 16px 9px 11px;
  margin: 0 0 0 5px;
  background: url(/images/css/tabsSprite.png) no-repeat right bottom;
  display: block;
  color:#fff;
  height: 14px;
  text-decoration: none;
}

#content #archivesTabs ul.tabs-nav li.tabs-selected,
#content #archivesTabs ul.tabs-nav li.selected{
  /*background: url(../images/css/tabsSprite.png) no-repeat left top;*/
}

#content #archivesTabs ul.tabs-nav li.tabs-selected a,
#content #archivesTabs ul.tabs-nav li.selected a{
  /*background: url(../images/css/tabsSprite.png) no-repeat right top;*/
  color: #000;
  text-decoration: none;
}

#archivesSearchMessage {
  font-size: 14px;
  font-weight: bold;
  background: #e9f6fa;
  display: block;
  padding: 0px 10px 5px;
  margin: -5px 0 10px;
  clear: both;
  width: 100%;
  height: auto;
  float: left;
}


#archivesResults {
  font-weight: normal;
  background: #fff;
  display: block;
  padding: 5px 10px;
  margin: 0px 0;
  clear: both;
  width: 100%;
  height: auto;
  float: left;
  line-height: 1.3em;
}

#content #archivesTabs #archivesResults .tabs-container {
  margin: 0;
  display: block;
}

#content #archivesTabs #archivesResults .tabs-container ul  {
  font-weight: normal;
  background: #fff;
  border: none;
  display: block;
  padding: 0;
  margin: 0;
  width: 24%;
  float: left;
}

#content #archivesTabs #archivesResults .tabs-container ul li {
  background: none;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
}

#content #archivesTabs #archivesResults .tabs-container ul li.selected,
#content #archivesTabs #archivesResults .tabs-container ul li.selected a {
  float: left;
  font-weight: bold;
  text-decoration: none;
}

#content #archivesTabs #archivesResults .tabs-container ul li a {
  text-decoration: underline;
  background: none;
  margin: 0;
  padding: 5px;
}

#content #archivesTabs #archivesResults .tabs-container a:hover {
  color: #999;
}

#content #archivesTabs #archivesResults .tabs-container .filterYearContainer {
  float: left;
  display: block;
  width: 75px;
}

#content #archivesTabs #archivesResults .tabs-container .filterYearContainer ul {
  float: none;
}

#content #archivesTabs #archivesResults .tabs-container .filterYearContainer span,
#content #archivesTabs #archivesResults .tabs-container .filterYearContainer ul li {
  padding: 5px;
}


/* Sermon Search Listing & Results */
#programTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #436277;
	margin: 10px 0 0 0;
}

#archivesListing {
  clear: both;
  margin: 25px 0 0;
}


#archivesListing table {
}

#archivesListing table th {
  font-size: 12px;
  text-decoration: underline;
  text-align: left;
}

#archivesListing table,
#archivesListing table tr,
#archivesListing table td,
#archivesListing table th {
  text-align: left;
  vertical-align: top;
}


#archivesListing table tr {
  border-bottom: 1px solid #eee;
  width: 100%;
  clear: both;
}

#archivesListing table td {
}

#archivesListing table .image {
  width: 125px;
  padding: 10px;
}

#archivesListing table .image img {
  border: 1px solid #eee;
  padding: 2px;
}

#archivesListing table .date {
  width: 10%;
}

#archivesListing table .title {
  width: 35%;
}

#archivesListing table .speaker {
  width: 15%;
}

#archivesListing talbe .venue {
  width: 10%;
}

#archivesListing table th,
#archivesListing table td {
  padding: 5px 10px;
}


/* Sermon & Series Landing Page Player Holder */
.sermonPlayer,
.seriesPlayer {
  float: left;
  width: 480px;
}

.sermonPlayer .player,
.seriesPlayer .player {
  display:block;
  height: auto;
  width: 100%;
  margin: 0 0 10px 0;
}

.seriesPlayer .desc {
  font-size: 12px;
  line-height: 175%;
}


#archives .sermonPlayer ul,
#archives .seriesPlayer ul {  
  border: none;
}


#archives .sermonPlayer ul li,
#archives .seriesPlayer ul li {  
}


#archives .sermonPlayer ul li a,
#archives .seriesPlayer ul li a {
  float: none;
  margin: 0;
  padding: 0;
}

#archives .sermonPlayer h3,
#archives .seriesPlayer h3 {
  background: #0d7191;
  font-weight: normal;
  color: #fff;
  padding: 5px;
}

#archives .sermonPlayer ul.links,
#archives .seriesPlayer ul.links {
  margin: 0;
  padding: 0;
}

#archives .sermonPlayer ul.links li,
#archives .seriesPlayer ul.links li {
  display: block;
  margin: 5px 0;
  float: left;
  clear: both;
  padding: 0;
}

#content #archives .sermonPlayer ul.links li a,
#content #archives .seriesPlayer ul.links li a{
  display: block;
  width: auto;
  padding: 5px 0 5px 0px;
}

#content #archives .sermonPlayer ul.links li a:hover,
#content #archives .seriesPlayer ul.links li a:hover{
  background: none;
  text-decoration: underline;
}

/* Sermon & Series Landing Page Details */
.sermonDetails,
.seriesListing {
  float: left;
  width: 365px;
  margin: 0 0 0 15px;
}

#archives .sermonDetails ul {
  margin: 5px 0 10px;
  border: none;
}

#archives .sermonDetails ul li {
}


/*
#archives .sermonDetails ul li a {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
}
*/

.sermonDetails .sermonDate{
  font-size:14px;
  font-weight: bold;
}


.sermonDetails .seriesSpeaker {
  padding: 5px 0;
  color:#999;
}

.sermonDetails .seriesSpeaker img {
  float: left;
}

.seriesListing .seriesList {
  text-align: left;
}

.seriesListing .seriesList a {
  display:block;
  font-size: 12px;
}

.seriesListing .seriesList th,
.seriesListing .seriesList td {
  display:table-cell;
  padding: 0 5px 5px;
  vertical-align: top;
  font-size: 12px;
}

.seriesListing .seriesList th {
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  text-align: left;
}

.seriesListing .seriesList tr {
  color: #000;
}

.seriesListing .seriesList tr.future td,
.seriesListing .seriesList tr.future td a {
  color: #999;
}

.seriesListing .seriesList .date {
  width: 15%;
  display: table-cell;
}

.seriesListing .seriesList .title {
  width: 50%;
  display: table-cell;
}

.seriesListing .seriesList .speaker {
  width: 25%;
  display: table-cell;
}