/*  ---------------------------------------------------------------------------------------
    TABS
    --------------------------------------------------------------------------------------- */ 
	
.tab-block {
	margin-top: 0px;
}
ul.tabs {
	display:block;
	width:auto;
	margin: 0 0 0 0;
	padding: 0;
}
ul.tabs li {
	display: inline;
	padding: 0;
	margin-bottom:0px; 
}
ul.tabs li a {
	display:block;
	text-decoration: none;
	padding: 20px 30px 25px 15px;
	line-height: 24px;
	font-size: 14px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-align: left;
	float:left; 
}
ul.tabs li p { font-size: 13px; color:#9B9B9B; font-weight: 400; text-align: left; margin: 2px 0 0; text-transform: none; line-height: 16px; }
ul.tabs li i { font-size: 12px; margin: 0 0 0 5px; position: relative; bottom: 2.5px; }
	
ul.tabs li a:hover { color: #009bd0; }
ul.tabs li a.active {
	background: #fff;
	color: #036abf;
}
/* handles tab highlights on fmtrainingtv homepage (tabby) */
ul.tabs li a[aria-selected=true]{
	background: #fff;
	color: #036abf;
}

ul.tabs li:first-child a.active {
	margin-left: 0; }

ul.tabs-content { display: block; }
ul.tabs-contents { display: block; }
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
ul.tabs:after {
  clear: both; }
ul.tabs {
  zoom: 1; }



/*  ---------------------------------------------------------------------------------------
    GRID 960px (DESKTOP)
    --------------------------------------------------------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1199px) {

}



/*  ---------------------------------------------------------------------------------------
    GRID 720px (TABLET)
    --------------------------------------------------------------------------------------- */
@media only screen and (min-width: 720px) and (max-width: 959px) {
	ul.tabs 				{ background: #fff; padding: 10px !important;}
	ul.tabs li p 			{ display: none; }
	ul.tabs li a 			{ width: 100%; padding: 15px 20px 15px !important;font-size: 14px !important; line-height: 22px !important; color: #036abf !important; }
	ul.tabs li a.active 	{ background: #dfe7ef !important; }
	.tab-block 				{ margin-top: 0px !important; }
}



/*  ---------------------------------------------------------------------------------------
    GRID (IT) 720px (MOBILE)
    --------------------------------------------------------------------------------------- */
@media only screen and (max-width: 719px) {
	ul.tabs 				{ background: #fff; padding: 10px !important;}
	ul.tabs li p 			{ display: none; }
	ul.tabs li a 			{ width: 100%; padding: 15px 20px 15px !important;font-size: 14px !important; line-height: 22px !important; color: #036abf !important; }
	ul.tabs li a.active 	{ background: #dfe7ef !important; }
	.tab-block 				{ margin-top: 0px !important; }
}