//slider
/*** Overall MovingBoxes Slider ***/
.mb-wrapper {
	margin: 0 auto;
	position: relative;
	left: 0;
	top: 0;	
	}
/* Panel Wrapper */
.mb-slider, .mb-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
}
/* active slider border highlight */

/*** Slider panel ***/
.mb-slider .mb-panel {
	margin: 0;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
	opacity:.2;
	margin-left:18px;
	margin-top:15px;
	overflow: initial !important;
}
.mb-slider .mb-panel p{font-size:16px;}
.mb-slider .mb-panel .tweet-timeline span{font-size:13px;}
.mb-slider .mb-panel .tweet-timeline{margin-top:11px;}
.mb-slider .mb-panel  header{margin-bottom: 15px !important; }
.mb-slider .mb-panel  header img{height:30px !important; width: 30px !important;} 
.mb-slider .mb-panel  header h4{font-size:13px !important;}
/* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
	cursor: auto;
	opacity:1;
	margin-top:0;
	
}
.mb-slider .mb-panel.current p{font-size:18px}
.mb-slider .mb-panel.current .tweet-timeline span{font-size:16px;}
.mb-slider .mb-panel.current .tweet-timeline{margin-top:18px;}
.mb-slider .mb-panel.current  header{margin-bottom: 30px !important;}
.mb-slider .mb-panel.current  header img{height:50px !important; width: 50px !important;} 
.mb-slider .mb-panel.current  header h4{font-size:16px !important;}
/*** Left & Right Navigation Arrows ***/

a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: 10%;
	z-index: 1;
}
a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: 13%;
}
a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}
a.mb-scrollButtons.disabled {
	display: none;
}