/* Sliding Panels Dark Red Stylesheet */

.dmxSlidingPanels.dark_red {
	font-family: Arial;
	font-size: 11px;
	color: #eee;
}

.dmxSlidingPanels.dark_red a {
	text-decoration: none;
	color: #eee;
}

.dark_red .dmxSlidingPanelsHeader {
    background: #311 url('header.png') top repeat-x;
	border: 1px solid;
	border-color: #a00 #666 #500 #666;
	-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;
	padding: 5px;
	min-height: 15px;
}

.dark_red .dmxSlidingPanelsView {
	background-color: #000;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

.dark_red .dmxSlidingPanelsFooter {
	background: #000 url('footer.png') top repeat-x;
	border: 1px solid;
	border-color: #444 #666 #888 #666;
	-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;
	padding: 5px;
}

.dark_red .dmxSlidingPanelsPage {
	background-color: #000;
	color: #ddd;
}

.dark_red .dmxSlidingPanelsScrollbar {
	background-color: #600;
}

.dark_red .dmxSlidingPanelsTitle {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 3px #aaa;
	margin-bottom: 5px;
}

.dark_red .dmxSlidingPanelsStatus {
	margin-top: 5px;
}

.dark_red .dmxSlidingPanelsPrev a,
.dark_red .dmxSlidingPanelsNext a {
	color: #aaa;
	outline: none;
}

.dark_red .dmxSlidingPanelsPrev a:hover,
.dark_red .dmxSlidingPanelsNext a:hover {
	color: #fff;
	text-shadow: 0 0 3px #aaa;
}

.dark_red .dmxSlidingPanelsNav ul {
	background: #000 url('button.png') top repeat-x;
	border: 1px solid;
	border-color: #000 #000 #555 #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.dark_red .dmxSlidingPanelsNav a {
	border-left: 1px solid #000;
	margin-left: -1px;
	padding: 0 5px;
	line-height: 24px;
	font-weight: bold;
	outline: none;
	color: #aaa;
}

.dark_red .dmxSlidingPanelsNav a:hover,
.dark_red .dmxSlidingPanelsNav a.selected {
	color: #fff;
	text-shadow: 0 0 3px #aaa;
}

.dark_red .dmxSlidingPanelsNav li:first-child a {
	border: none;
}