/*This is the wireframe structure part of the css*/

/*the overall container*/
.TabbedFeedsContentContainer{
	position: relative;
	b2order: 1px solid black;
	font-size: 86%;
}

/*this is used by jquery to hide the contents until fully loaded - should be visibility:hidden*/
.TabbedFeedsContentContainerWrapperHidden{
	visibility:hidden;
	display: none	
}

/*Contains the title stuff AND the nav tabs*/
.TabbedFeedsHeader{
	width: 100%;
	height: 56px;
	position: relative;
	margin: 0px;
	padding: 0px;
	background: #666666;
}

/*slide show title bar - contains the title AND the slideshow toggle button*/
.TabbedFeedsFeedTitleBar{
	height:20px;
	font-weight:bold;
	padding:5px;
	margin: 0px;
	overflow: hidden;
}

.TabbedFeedsFeedTitle{
	float:left;	
	
}

.TabbedFeedsFeedTitle h3{
 color: black;
 font-weight: bold;
}

/*slide show toggle buttons*/
.TabbedFeedsFeedSlideShow{
	float: right;
display: block;
padding: 2px 5px;	
cursor: pointer;
}

.TabbedFeedsFeedSlideShow span{
	
}

/*the feed tabs are all in here*/
.TabbedFeedsFeedTabs{
	height:26px;
	margin: 0px;
	padding: 0px;
	
}



.TabbedFeedsFeedTabs ul{
	float: left;
	background: transparent;
	margin: 0 0 0 5px;
	padding: 0px;
}

.TabbedFeedsFeedTabs li{
	margin: 0px 4px 0px 0px;
	height:26px;
	cursor: default;
	float: left;
	background: #cccccc;
	list-style: none;
	padding: 0 5px;
}

.TabbedFeedsFeedTabs span{
	line-height: 26px;
	d2isplay: inline-block;
}

/*contains all the display stuff for the feed that matches a nav tab - Does not caontain the nav tab itself*/
.TabbedFeedsFeedContainer{

}


/*This is the container div for the nav titles*/
.TabbedFeedsTitleContainer{
	
}

/*This is the list of the nav titles*/
.home .TabbedFeedsTitleContainer ul{

margin: 0px;
padding: 5px;

}

/*This is the list item containing a title*/
.TabbedFeedsTitleContainer li{
position: relative;
list-style: none;
padding: 5px 0;
border-bottom: 1px dotted black;
min-height: 60px;
}
* html .TabbedFeedsTitleContainer li{
height: 60px;
}
.TabbedFeedsTitleContainer li.last{

border-bottom: 1px none black;
}

/*An inner div inside the li*/
.TabbedFeedsTitleContainer li .TabbedFeedsTitleInner{
padding-left: 65px;
}

/*A wrapper for the little image*/
.TabbedFeedsTitleInner .TabbedFeedsTitleImageDiv {
position: absolute;
top: 5px;
left: 5px;
	
}

/*the little image*/
.TabbedFeedsTitleInner .TabbedFeedsTitleImageDiv img{
width: 50px;
	
}

/*a wrapper for all the text including title, possible date and summary*/
.TabbedFeedsTitleInner .TabbedFeedsText{
	
}

/*the title*/
.TabbedFeedsText .TabbedFeedsTitleDiv{
font-weight: bold;
margin-bottom: 6px;
}

/*the date*/
.TabbedFeedsText .TabbedFeedsDateDiv{

}

/*the summary*/
.TabbedFeedsText .TabbedFeedsCaption{

}

/*the href wrappring the "read More"*/
.TabbedFeedsText a.TabbedFeedsLink{

}

/*the "read More"*/
.TabbedFeedsText span.TabbedFeedsCaptionLink{

}


/*a bar at the bottom for linking to a calendar (this is pnly there if the feed is from a calendar*/
.CalendarLinkBar{

}

/*an inner div for the Calendar Link bar*/
.CalendarLinkBar div{

}

/*a link wrapping the link text*/
.CalendarLinkBar a{

}

/*the calendar link text*/
.CalendarLinkBar a span{

}

/*This is the jquery stuff*/

/*This needs to be visible, jquery uses this to show all the contents once loaded*/
.TabbedFeedsContentContainerWrapper{
}	


/*jquery uses this class to test state of slideshow
- also can be used to put a different image in for each state*/
.TabbedFeedsFeedSlideShowOn{
	background: lime;
	color: black;
}

.TabbedFeedsFeedSlideShowOff{
	background: red;
}

/* this is what jquery sets the active top tab to*/
.TabbedFeedsFeedTabs li.TabbedFeedsFeedTabsListItemActive{
background: white;
}

/*this is what jquery sets the default state side nav item to*/
.TabbedFeedsTitleItem{

}

/*this is what jquery sets the active side nav item to*/
.TabbedFeedsTitleItemHover{

}