/* ######### CSS for Tabbing Tabs. ######### */

.tabbing {
	padding: 0px;
	margin: 0;
	font-size: 11px;
	width: 100%;
	font-weight: normal;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.tabbing li{
	display: inline;
	margin: 0;
}

.tabbing li a {
	text-decoration: none;
	position: relative;
	color: #a8a8a8;
	font-weight: bold;
	line-height: 25px;
	background: url('../gfx/tab_bg.png') no-repeat;
	margin: 4px 5px;
	padding: 0 4px 0 8px;
	text-transform: capitalize;
	display: inline-block;
	float: left;
}

.tabbing li a span {
	position: absolute;
	right: -4px;
	top: 0;
	height: 25px;
	width: 4px;
	background: url('../gfx/tab_span_bg.png') no-repeat;
	float: left;
}

.tabbing li a:hover {
	color: #4e9001;
}

.tabbing li a.selected { /*selected main tab style */
	text-decoration: none;
	position: relative;
	color: #4e9001;
	font-weight: bold;
	line-height: 25px;
	background: url('../gfx/tab_bg.png') no-repeat;
	margin: 4px 5px;
	padding: 0 4px 0 8px;
	text-transform: capitalize;
	display: inline-block;
	float: left;
}

.tabbing li a.selected span { /*selected main tab style */
	position: absolute;
	right: -4px;
	top: 0;
	height: 25px;
	width: 4px;
	background: url('../gfx/tab_span_bg.png') no-repeat;
	float: left;
}

.tabbing li a.selected:hover { /*selected main tab style */
	text-decoration: underline;
}

.tabbing li span.arrow {
	position: relative;
	height: 25px;
	width: 25px;
	background: url('../gfx/tab_arrow.png') no-repeat;
	margin: 4px 4px;
	padding: 0;
	display: inline-block;
	line-height: 25px;
	float: right;
}


/* ######### CSS for Media Tabs. ######### */

.mediatab {
	padding: 0px;
	margin: 0;
	font-size: 11px;
	width: 100%;
	font-weight: normal;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.mediatab li{
	display: inline;
	margin: 0;
}

.mediatab li a {
	text-decoration: none;
	color: #a8a8a8;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 7px;
}

.mediatab li a:hover {
	color: #4e9001;
}

.mediatab li a.selected { /*selected main tab style */
	text-decoration: none;
	color: #4e9001;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 7px;
}

.mediatab li a.selected:hover { /*selected main tab style */
	text-decoration: underline;
}

.tabcontent {
	display:none;
}

@media print {
.tabcontent {
	display:block !important;
}
}