/* Sliding Panels Basic Tabs Stylesheet */

.dmxSlidingPanels.basic_tabs {
	color: #333;
}

.dmxSlidingPanels.basic_tabs a {
	color: #333;
	text-decoration: none;
}

.basic_tabs .dmxSlidingPanelsHeader,
.basic_tabs .dmxSlidingPanelsFooter {
	position: relative;
	min-height: 25px;
	z-index: 1;
}

.basic_tabs .dmxSlidingPanelsNav {
	margin-left: 5px;
}

.basic_tabs .dmxSlidingPanelsNav a {
	background-color: #eee;
	border: 1px solid #999;
	margin-left: 2px;
	padding: 2px 5px;
	color: #666;
	outline: none;
}

.basic_tabs .dmxSlidingPanelsNav a:hover {
	background-color: #ccc;
}

.basic_tabs .dmxSlidingPanelsNav a.selected {
	background-color: #fff;
	color: #333;
}

.basic_tabs .dmxSlidingPanelsHeader .dmxSlidingPanelsNav a {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.basic_tabs .dmxSlidingPanelsFooter .dmxSlidingPanelsNav a {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.basic_tabs .dmxSlidingPanelsHeader .dmxSlidingPanelsNav a.selected {
	border-bottom: 1px solid #fff;
}

.basic_tabs .dmxSlidingPanelsFooter .dmxSlidingPanelsNav a.selected {
	border-top: 1px solid #fff;
}

.basic_tabs .dmxSlidingPanelsView {
	border: 1px solid #999;
	margin: -1px 0;
}

.basic_tabs .dmxSlidingPanelsPrev,
.basic_tabs .dmxSlidingPanelsNext {
	float: none;
}

.basic_tabs .dmxSlidingPanelsPrev a,
.basic_tabs .dmxSlidingPanelsNext a {
	position: absolute;
	right: 5px;
	width: 18px;
	height: 18px;
	background-image: url('right.png');
	text-indent: -10000px;
	font-size: 0;
	outline: none;
}

.basic_tabs .dmxSlidingPanelsPrev a:hover,
.basic_tabs .dmxSlidingPanelsNext a:hover {
	background-position: 0 -18px;
}

.basic_tabs .dmxSlidingPanelsPrev a.disabled,
.basic_tabs .dmxSlidingPanelsNext a.disabled {
	visibility: visible;
	opacity: 0.5;
}

.basic_tabs .dmxSlidingPanelsPrev a {
	background-image: url('left.png');
	right: 25px;
}

.basic_tabs .dmxSlidingPanelsHeader .dmxSlidingPanelsPrev a,
.basic_tabs .dmxSlidingPanelsHeader .dmxSlidingPanelsNext a {
	bottom: 5px;
}

.basic_tabs .dmxSlidingPanelsFooter .dmxSlidingPanelsPrev a,
.basic_tabs .dmxSlidingPanelsFooter .dmxSlidingPanelsNext a {
	top: 5px;
}