/* Tabs playlist */
#tablist { margin: 10px 0;	overflow: hidden; }
.tablist-nav {	width: 150px;	float: left;	overflow: hidden;	margin: 0;	padding: 0;	position: relative; }
.tablist-nav:after {
	content: '';
	display: inline-block;
	width: 1px;	height: 1px;
	background: #ccc;
	position: absolute;
	top: 0px;
	right: 0px; 
}
.tablist-nav li {	display: block;	padding: 0;	margin: 0; }    
.tablist-nav a {
	display: block;
	padding: 10px 20px;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #ccc;  
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fbfbfb; 
	font-size: 12px;
	text-decoration: none;
	color: #999;
}		
.tablist-nav li:first-child a {	border-radius: 5px 0 0 0; }
.tablist-nav li:last-child a {	border-bottom: 1px solid #ccc;	border-radius: 0 0 0 5px; }
.tablist-nav a.active {	border-right: 1px solid #fff;	background: #fff;	color: #000;}    
.tablist-items {	margin-left: 149px;	background: #fff;	height: auto; }
.tablist-item {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 0 5px 5px 0;	
	min-height: 350px;
}

/* Table */
.tabl  { border-collapse: collapse; 	font-size: 14px;}
.tabl  thead tr {color: #ffffff; font-weight: bold; background: #86AED7; text-align: center;}    
.tabl  thead tr td {border: 1px solid #3399CC; padding: 5px;}
.tabl  tbody tr td {border: 1px solid #e8e9eb; padding: 5px;}
.tabl  tbody tr:nth-child(2n) {background: #f4f4f4;}
.tabl  tbody tr:hover {background: #e8f6ff;}

/* Tabs playlist */
#tablist { margin: 10px 0;	overflow: hidden; }
.tablist-nav {	width: 150px;	float: left;	overflow: hidden;	margin: 0;	padding: 0;	position: relative; }
.tablist-nav:after {
	content: '';
	display: inline-block;
	width: 1px;	height: 1px;
	background: #ccc;
	position: absolute;
	top: 0px;
	right: 0px; 
}
.tablist-nav li {	display: block;	padding: 0;	margin: 0; }    
.tablist-nav a {
	display: block;
	padding: 10px 20px;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #ccc;  
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fbfbfb; 
	font-size: 12px;
	text-decoration: none;
	color: #999;
}		
.tablist-nav li:first-child a {	border-radius: 5px 0 0 0; }
.tablist-nav li:last-child a {	border-bottom: 1px solid #ccc;	border-radius: 0 0 0 5px; }
.tablist-nav a.active {	border-right: 1px solid #fff;	background: #fff;	color: #000;}    
.tablist-items {	margin-left: 149px;	background: #fff;	height: auto; }
.tablist-item {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 0 5px 5px 0;	
	min-height: 350px;
}