/* Extra div to handle some IE scenarios with absolute positioning. */
#sliding-panel-container {
	position: relative;
	display: table;
	z-index: 999;
	width: 100%;
}

/* Sliding panel. */
#sliding-panel {
	position: absolute;
	top: 0;
	z-index: 999;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* The part of the panel that actually slides. */
#sliding-panel .panel {
	overflow: hidden;
	display: none;
	position: relative;
	z-index: 10;
	width: 100%;
	background: #695a51;
	border-bottom: 3px solid #920B0C;
}

/* Widget container. */
#sliding-panel .panel-content {
	overflow: hidden;
	width: 960px;
	margin: 15px auto;
	/*padding-bottom: 40px;*/
	text-align: left;
}
/* Sliding panel widget links. */

/* Toggle div wrapper. */
#sliding-panel .tab {
	position: relative;
	top: 0;
	z-index: 9999;
	height: 37px;
	border-top: 2px solid #040D12;
}

/* Wrapper for the open/close button. */
#sliding-panel .tab .toggle {
  clear: both;
	display: block;
	position: relative;
	width: 960px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
}



/* Open link. */
#sliding-panel .tab a.open {
  margin-right: 10px;
}

/* Close link. */
#sliding-panel .tab a.close {
  margin-right: 10px;
}

/* Open/close link hover. */
#sliding-panel .tab a:hover {
	cursor: pointer;
	text-decoration: underline;
}

/* Open/close link array (&urarr;). */
#sliding-panel .tab a .arrow {
	font-style: normal;
}