/**
 * Tabs Widget
 */
.tabswrap {
	position:relative;

	// Loading Image
	.loading, .loading-dark {
		display:none;
		width: 50px;
		height: 50px;
		border-width: 2px;
		margin-top: -25px !important;
		margin-left: -25px !important;
		position:absolute;
		top:50% !important;
		left:50% !important; 
	}

	ul.tabs {
		border:none;
		margin:0 0 1px 0;
	}

	ul.tabs li {
		height: auto;
		width:33%;
	}

	ul.tabs.twocol li {
		width:50%;
	}

	ul.tabs-content a {
		color:#777;
	}

	ul.tabs li a {
		background: #e3e3e3;
		background: rgba(0, 0, 0, 0.05);
		color: #777;
		border:none;
		padding:0;
		line-height: 3em !important;
		padding-top:0px !important;
		text-align:center;
		height:auto;
		margin-right:1px;
		min-width: 1px;
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		/* For ie7 */
		text-transform: uppercase;
	}

	ul.tabs li a.active,
	ul.tabs li a:hover {
		top:auto;
		height:auto;
		border:none;
		margin:0;
		margin-right: 1px;
		color:#fff;
	}

	.tabs-content li {
		overflow:hidden;
	}

	.featuredimagewidget {
		margin-right:18px;
		margin-bottom:0;
		float:left;
		width:50px;
		height:50px;
		background:#dcdcdc url(images/plus.png) center no-repeat;
		background-color: rgba(0, 0, 0, .25);
	}
	.featurednoimagewidget {
		width: 50px;
		height: 50px;
		float: left;
		background: #333;
		color: #fff;
		text-align: center;
		line-height: 50px;
	}
	.tabpost {
		margin-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #e3e3e3;
		border-color: rgba(0, 0, 0, 0.08);
		position:relative;
		overflow:hidden;
		background-size: cover !important;
		-webkit-background-size: cover !important;
		-moz-backgorund-size: cover !important;
		-o-background-size: cover !important;
		@include opacity(0.8);
	}
	
	p {
		font-size: 13px;
		line-height:16px;
		margin-bottom:0;
		margin-left:68px;
		position:relative;
	}
	p.views {
		font-size:10px;
		line-height:10px;
		margin-top:10px;
		margin-left:68px;
	}
	p.views span {
		display: block;
		float: left;
		background: #b6b6b6;
		background: rgba(0, 0, 0, 0.3);
		padding: 4px;
		margin-right: 6px;
		margin-top: -4px;
		line-height: 10px;
		color: white;
		font-family: Arial, Helvetica, sans-serif;
	}

	.thumblink img {
		width:50px;
		height:50px;
		@include transition(all 0.5s ease);
	}
	a.thumblink img:hover {
		@include opacity(0.5);
	}

}
.dark .tabswrap {

	ul.tabs li a {
		background: #333;
		background: rgba(255, 255, 255, 0.05);
	}

	.tabpost {
		border-color:#555;
		border-color:rgba(255, 255, 255, 0.05);
	}
	.tabpost a {
		color:#fff;
	}
	ul.tabs li a.active {
		padding-top:0;
	}

	.featuredimagewidget {
		background:#333 url(images/plus.png) center no-repeat;
	}
}