/*****************************************************
Dynamic Sections
********************************/
.dynamic_section {
	margin:10px 0;
	position:relative;
	z-index:10;
	overflow:hidden;
	border-bottom:1px dotted #666;
	padding-bottom:20px;
	-moz-box-sizing: border-box;  
	 -webkit-box-sizing: border-box;  
	 box-sizing: border-box;
}
.dynamic_section .section_layout:last-child {
	margin-right:0 !important;
}
.dynamic_section:after,
.template_widget:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.dynamic_section,
.template_widget {display:block;}

.dynamic_section > h2 {
	margin-bottom:10px;
}


/*****************************************************
Layout Components
********************************/
.section_layout {
	position:relative;
	z-index:20;
	min-height:220px !important;
	background:#f1f1f1;
	overflow:hidden;
}


/*****************************************************
Individual Template Widgets
********************************/
.template_widget {
	position:relative;
	z-index:20;
	min-height:220px;
	-moz-box-sizing: border-box;  
	 -webkit-box-sizing: border-box;  
	 box-sizing: border-box;
	overflow:hidden;
	clear:both;
}



/*********************************************************
FLOWPANES
used as a basis for tabbed content fader and tabbed scrollable


********************************************************/

/* =Slider
-------------------------------------------------------------- */
.slider {}
.tabbed.slider {}
.scrollable.slider {}


/* =Panes - the container for the items to scroll/fade
-------------------------------------------------------------- */
/* override the root element to enable scrolling */ 
.flowpanes { 
    position:relative; 
  	z-index:20;
  	overflow:hidden; 
    clear:both; 
} 
/* our additional wrapper element for the items */ 
.items { 
    width:20000em; 
   	position:relative; 
	z-index:20;
	top:0;
	left:0;
    clear:both; 
    margin:0; 
    padding:0; 
	overflow:hidden;
}
/* override single pane */ 
.item_container { 
  	position:relative;
 	z-index:20;
	float:left; 
    display:block; 
	-moz-box-sizing: border-box;  
	 -webkit-box-sizing: border-box;  
	 box-sizing: border-box;
} 




/* =flowtabs - the tabs for fader/scroller
-------------------------------------------------------------- */
.flowtabs {
	height:40px;
	padding:0;
	margin:0px 0;
	list-style:none;
	position:relative;
	z-index:20;
}
.flowtabs ul {
	margin:0;
	padding:0;
	list-style:none;
}
.flowtabs li {
	position:relative;
	float:left;	
	width:20%;
	margin:0;
	padding:0;
	list-style:none;
}
.flowtabs li a {
	display:block;
	line-height:40px;
	padding:0 10px;
	color:#666;
	text-align:center;
	-moz-box-sizing: border-box;  
	 -webkit-box-sizing: border-box;  
	 box-sizing: border-box;
}
.flowtabs li a.current, .flowtabs li.current a {
	color:#fff;
}