/* 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%;

	height: 300px;

	background: #040D12;

border-bottom: 1px solid #ffffff;
	}



/* Widget container. */

#sliding-panel .panel-content {

	overflow: hidden;

	width: 960px;

	height: 275px;

	margin: 15px auto;

	padding: 0;

	text-align: left;

	border-left: 1px solid #333;

	}



/* Sliding panel widgets. */

#sliding-panel .widget {

	overflow: hidden;

	float: left;

	width: 289px;

	height: 275px;

	margin: 0;

	padding: 0 15px;

	font: normal normal normal 14px/21px Georgia, Times, 'Times New Roman', serif !important;

	color: #888;

	background: transparent;

	border: none;

	border-right: 1px solid #333;

	}

#sliding-panel .widget-inside {

	margin: 0;

	padding: 0;

	background: transparent;

	border: none;

	}



/* Sliding panel widget titles. */

#sliding-panel .widget-title {

	margin: 0 0 5px 0;

	padding: 0;

	font: normal normal bold 18px/21px Arial, Verdana, sans-serif !important;

	color: #999;

color:#ffffff;

	text-transform: none;

	background: transparent;

	border: none;

	}



/* Sliding panel widget lists. */

#sliding-panel .widget ul {

	margin: 0 0 10px 20px;

	list-style: square;

	}

#sliding-panel .widget ul li {

	margin: 0;

	padding: 0;

	background: transparent;

	border: none;

	}



/* Sliding panel widget links. */

#sliding-panel .widget a {

	/*font-style: italic;

	color: #eee;*/

color:#226699;

	text-decoration: none;

	}

#sliding-panel .widget a:hover {

	text-decoration: underline;

	}



/* 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: 30px;/*from 35*/

	line-height: 35px;

	margin: 0 auto;

	}



/* Open/close link. */

#sliding-panel .tab a {

	display: block;

	float: right;

	position: relative;

	width: 200px; /*Width of SHOW/HIDE Tab*/

	height: 25px; /*from 35*/

	top: -2px;

	margin: 0;

	padding: 0;
	
	padding-bottom:7px;

	font: normal normal 12px/33px Arial, Verdana, sans-serif !important;

	color: #fff;

  	background: #040D12;

	background: transparent;

 	text-align: center;

	}



/* Open link. */

#sliding-panel .tab a.open {
	
padding-right:35px;
padding-top:0px;

	}



/* Close link. */

#sliding-panel .tab a.close {

background:#040d12;

background:#f27f0c;

	width:60px;


	}



/* Open/close link hover. */

#sliding-panel .tab a:hover {

	cursor: pointer;

	text-decoration: underline;

	text-decoration: none; /*Chnaged from underline*/

	}



/* Open/close link array (&urarr;). */

#sliding-panel .tab a .arrow {

	font-style: normal;

	}