/* Extra div to handle some IE scenarios with absolute positioning. */

#sliding-panel-container {

	position: relative !important;

	display: inline !important;
	float: left !important;
	z-index: 999;

	width: 200px !important;
	
	top: 0 !important;
	
	left: 0 !important;
	
	z-index: 1001 !important;
	
	color: #fff !important;
	margin-top:-3px;
	text-align: left !important;
	
	padding-right:0px; !important;
	
	}



/* Sliding panel. */

#sliding-panel {

	position: absolute;
	float:right;
	top: 0;
	
	z-index: 999;

	width: 200px;

	margin: 0px;
	text-align: center;

	}



/* The part of the panel that actually slides. */

#sliding-panel .panel {

	overflow: hidden;
	float:right;
	display: none;

	position: relative;

	z-index: 10;

	height: 167px;
	
	width:200px;

	background: #fff;

	}



/* Widget container. */

#sliding-panel .panel-content {

	overflow: hidden;

	height: 150px;

	margin: 15px auto;

	padding: 0;

	text-align: left;

	border: 1px solid #333;

	}



/* Sliding panel widgets. */

#sliding-panel .widget {

	overflow: hidden;

	float: left;

	width: 160px;

	height: 150px;

	margin: 0;

	padding-left: 15px;

	font: normal normal normal 1.2em/21px calibri,helvetica,arial,sans-serif !important;

	color: #000;

	background: transparent;

	border: none;

	border-right: 0px 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: #000;

	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;

	text-decoration: none;

	}

#sliding-panel .widget a:hover {

	text-decoration: underline;

	}



/* Toggle div wrapper. */

#sliding-panel .tab {

	position: relative !important;

	top: 0;

	z-index: 9999;

	height: 37px;
	float: right;
	border-top: 0px solid #040D12;

	}



/* Wrapper for the open/close button. */

#sliding-panel .tab .toggle {

  	clear: both;

	display: block;

	position: relative;

	height: 35px;
	float: right;
	
	cursor: hand;
	cursor: pointer;
	margin: 0;

	}



/* Open/close link. */

#sliding-panel .tab a {

	display: block;

	float: right;

	position: relative;

	width: 90px;

	height: 35px;

	top: 0;

	margin: 0;

	padding: 0;

	font: normal normal bold 13px/21px calibri,helvetica,arial,sans-serif !important;

	color: #444444;

  	background: #fff transparent;

 	text-align: center;
	
	cursor: hand;
	cursor: pointer;

	}



/* Open link. */

#sliding-panel .tab a.translate {

	}



/* Close link. */

#sliding-panel .tab a.close {
	background: #fff transparent;
	color: #000;
	}



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

	}