﻿#MediaCenter ul.tabs {
	list-style: none !important;
	margin: 15px 0 0 0 !important;
	padding: 0;
	border-bottom: 1px solid #818181;
	height: 30px;
	clear: both;
}

/* single tab */
#MediaCenter ul.tabs li {
	float: left;
	text-indent: 0;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	background: none !important;
}

/* link inside the tab. uses a background image */
#MediaCenter ul.tabs a {
	background: url(../images/tabs.png) no-repeat 0px 0;
	font-size: 11px;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 115px;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 1px;
	font-weight: bold;
}
#MediaCenter ul.tabs a#long {
	line-height: 12px !important;
	padding-top: 4px !important;
	height: 26px;
}
#MediaCenter ul.tabs a:active {
	outline: none;
	color: #fff;
}

/* when mouse enters the tab move the background image */
#MediaCenter ul.tabs a:hover {
	background-position: 0px -31px;
	color: #333;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#MediaCenter ul.tabs a.current, #MediaCenter ul.tabs a.current:hover, #MediaCenter ul.tabs li.current a {
	background-position: -0px -62px;
	cursor: default !important;
	color: #000 !important;
}

/* track a */
#MediaCenter ul.tabs a.a {
	background-position: -0px 0;
	width: 115px;
}
#MediaCenter ul.tabs a.a:hover {
	background-position: -0px -31px;
}
#MediaCenter ul.tabs a.a.current {
	background-position: -0px -62px;
}

/* track b */
#MediaCenter ul.tabs a.b {
	background-position: -114px 0;
}
#MediaCenter ul.tabs a.b:hover {
	background-position: -114px -31px;
}
#MediaCenter ul.tabs a.b.current {
	background-position: -114px -62px;
}

/* track c */
#MediaCenter ul.tabs a.c {
	background-position: -228px 0;
}
#MediaCenter ul.tabs a.c:hover {
	background-position: -228px -31px;
}
#MediaCenter ul.tabs a.c.current {
	background-position: -228px -62px;
}

/* track d */
#MediaCenter ul.tabs a.d {
	background-position: -342px 0;
	width: 115px;
}
#MediaCenter ul.tabs a.d:hover {
	background-position: -342px -31px;
}
#MediaCenter ul.tabs a.d.current {
	background-position: -342px -62px;
}

/* track e */
#MediaCenter ul.tabs a.e {
	background-position: -456px 0;
	width: 115px;
}
#MediaCenter ul.tabs a.e:hover {
	background-position: -456px -31px;
}
#MediaCenter ul.tabs a.e.current {
	background-position: -456px -62px;
}

/* track f */
#MediaCenter ul.tabs a.f {
	background-position: -570px 0;
	width: 115px;
}
#MediaCenter ul.tabs a.f:hover {
	background-position: -570px -31px;
}
#MediaCenter ul.tabs a.f.current {
	background-position: -570px -62px;
}

/* track g */
#MediaCenter ul.tabs a.g {
	background-position: -684px 0;
	width: 115px;
}
#MediaCenter ul.tabs a.g:hover {
	background-position: -684px -31px;
}
#MediaCenter ul.tabs a.g.current {
	background-position: -684px -62px;
}

/* track h */
#MediaCenter ul.tabs a.h {
	background-position: -798px 0;
	width: 115px;
}
#MediaCenter ul.tabs a.h:hover {
	background-position: -798px -31px;
}
#MediaCenter ul.tabs a.h.current {
	background-position: -798px -62px;
}

/* initially all panes are hidden */ 
#MediaCenter div.panes div.item {
	display: none;
	padding: 15px 10px;
	border: 1px solid #818181;
	border-top: 0;
	font-size: 12px;
	background-color: #fff;
	overflow: hidden;
}
#MediaCenter div.panes div.item div {
	display: block;
	padding: 0;
	border: none;
	background: none;
}

#FeaturedContent ul.tabs {
	list-style: none !important;
	margin: 15px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #818181;
	height: 30px;
	clear: both;
}

/* single tab */
#FeaturedContent ul.tabs li {
	float: left;
	text-indent: 0;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	background: none !important;
}

/* link inside the tab. uses a background image */
#FeaturedContent ul.tabs a {
	background: url(../images/tabs.png) no-repeat 0px 0;
	font-size: 11px;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 115px;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 1px;
	font-weight: bold;
}
#FeaturedContent ul.tabs a#long {
	line-height: 12px !important;
	padding-top: 4px !important;
	height: 26px;
}
#FeaturedContent ul.tabs a:active {
	outline: none;
	color: #fff;
}

/* when mouse enters the tab move the background image */
#FeaturedContent ul.tabs a:hover {
	background-position: 0px -31px;
	color: #333;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#FeaturedContent ul.tabs a.current, #FeaturedContent ul.tabs a.current:hover, #FeaturedContent ul.tabs li.current a {
	background-position: -0px -62px;
	cursor: default !important;
	color: #000 !important;
}

/* track a */
#FeaturedContent ul.tabs a.a {
	background-position: -0px 0;
	width: 115px;
}
#FeaturedContent ul.tabs a.a:hover {
	background-position: -0px -31px;
}
#FeaturedContent ul.tabs a.a.current {
	background-position: -0px -62px;
}

/* track b */
#FeaturedContent ul.tabs a.b {
	background-position: -114px 0;
}
#FeaturedContent ul.tabs a.b:hover {
	background-position: -114px -31px;
}
#FeaturedContent ul.tabs a.b.current {
	background-position: -114px -62px;
}

/* track c */
#FeaturedContent ul.tabs a.c {
	background-position: -228px 0;
}
#FeaturedContent ul.tabs a.c:hover {
	background-position: -228px -31px;
}
#FeaturedContent ul.tabs a.c.current {
	background-position: -228px -62px;
}

/* track d */
#FeaturedContent ul.tabs a.d {
	background-position: -342px 0;
	width: 115px;
}
#FeaturedContent ul.tabs a.d:hover {
	background-position: -342px -31px;
}
#FeaturedContent ul.tabs a.d.current {
	background-position: -342px -62px;
}

/* track e */
#FeaturedContent ul.tabs a.e {
	background-position: -456px 0;
	width: 115px;
}
#FeaturedContent ul.tabs a.e:hover {
	background-position: -456px -31px;
}
#FeaturedContent ul.tabs a.e.current {
	background-position: -456px -62px;
}

/* track f */
#FeaturedContent ul.tabs a.f {
	background-position: -570px 0;
	width: 115px;
}
#FeaturedContent ul.tabs a.f:hover {
	background-position: -570px -31px;
}
#FeaturedContent ul.tabs a.f.current {
	background-position: -570px -62px;
}

/* track g */
#FeaturedContent ul.tabs a.g {
	background-position: -684px 0;
	width: 115px;
}
#FeaturedContent ul.tabs a.g:hover {
	background-position: -684px -31px;
}
#FeaturedContent ul.tabs a.g.current {
	background-position: -684px -62px;
}

/* track h */
#FeaturedContent ul.tabs a.h {
	background-position: -798px 0;
	width: 115px;
}
#FeaturedContent ul.tabs a.h:hover {
	background-position: -798px -31px;
}
#FeaturedContent ul.tabs a.h.current {
	background-position: -798px -62px;
}

/* initially all panes are hidden */ 
#FeaturedContent div.panes div.item {
	display: none;
	padding: 15px 10px;
	border: 1px solid #818181;
	border-top: 0;
	font-size: 12px;
	background-color: #fff;
	overflow: hidden;
}
#FeaturedContent div.panes div.item div {
	display: block;
	padding: 0;
	border: none;
	background: none;
}