/* @override http://localhost/bxslider_v3_plugin/css/styles.css */

/*
 * To change the color scheme of slider change each 
 * background property for each of the five styles below
 */

#main-post-wrapper-bx {
    display: block;
    float: left;
    margin-bottom: 7px;
    width: 352px;
	height:305px;
}
.main-posts-bx {
    height: 307px;
    position: absolute;
}
.thumbs-bx {
    left: 338px;
    position: absolute;
    width: 189px;
    z-index: 300;
	top:10px;
}
#slider1 {
	width: 352px;
}
.slideleft {
	float: left;
	margin-right: 10px;
	padding-left: 20px;
	padding-top: 5px;
	width: 221px;
}
.slideright {
	float:left;
	width:225px;
	padding-top:5px;
}
.bx-window {
	padding: 5px 0 0 0px;
	float:left;
}
.pager-bx {
	background-image: url(../images/background_reset.png);
	background-repeat: repeat-y;
	background-position: left;
}
.pager-active {
	background-image: url(../images/green_arrow.png);
	background-repeat: no-repeat;
}
/*next button*/
.bx-next {
	display:none;
}
/*previous button*/
.bx-prev {
	display:none;
}
/*pager links*/
.bx-pager a {
	
    background-position: -11px -19px ;
	 
	width:0px;
	color: #C6E331;
	padding: 3px 6px 3px 6px;
	height:3px;
	display:block;
	float:left;
	zoom:1; 
	cursor:pointer;
	text-indent: -999999px;
}
/*auto start button*/
.bx-auto .start {
	background: url(gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}
/*auto stop button*/
.bx-auto .stop {
	background: url(gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}
/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-next:hover, .bx-prev:hover {
	background-position: -11px -10px;
}
/*pager links hover and active states*/
.bx-pager .pager-active, .bx-pager a:hover {
	background-position:-11px -10px;
}
/*pager wrapper*/

.bx-pager {
    color: #666;
    float: right;
    font-size: 12px;
    position: relative;
    text-align: center;
    top: 12px;
    width: 100%;
    z-index: 5000;
}
/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}
/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}
.bx-auto a {
	color: #666;
	font-size: 12px;
}
.top10img {
	float:left;
	width:70px;
	height:66px;
	padding-right:7px;
	padding-bottom:10px;
}
.slidebxwrap {
	float: left;
	padding-bottom: 5px;
	width: 526px;
	background-color:#f0f7e6;
	padding-top:10px;
	height:85px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:14px
}
#most-popular h1.bx_h1 {
	color: #3d6008;
	padding-left:7px;
	font-size:14px;
}
#most-popular .bx_title {
	float: left;
	background-color:#c6e331;
	font-weight: bold;
	padding:5px 0 7px 0;
	width: 526px;
	margin-top:9px;
}
.thumbs-bx a {
    color: #3E3C3C;
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    font-weight: normal;
    height: 88px;
    line-height: 17px;
    margin-bottom: 1px;
    margin-left: 1px;
    padding: 6px 5px 7px 22px;
    vertical-align: middle;
}
.pager {
}
.bx-wrapper {
    padding-bottom: 25px;
	line-height: 100%;
}
.top_bx {
	overflow:hidden;
	margin-bottom:10px;
}

/*meerkat style*/
.meerkat{
	 height: '40px',
	  width: '150px',
	}
.close-meerkat{
	background-image: url(../images/close-meerkat.png);
 	background-color:#ffffff;
    border: 3px solid #FFFFFF;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    display: block;
    font-weight: bolder;
    height: 21px;
    position: absolute;
    right: -11px;
    top: -9px;
    width: 20px;
    z-index: 500;}
.bx-controls.bx-has-pager.bx-has-controls-direction{
    position: relative;
}

.timeline-Tweet.slick-slide {
	width: 259px !important;
	margin-left: 3px;
}