.tweet,
.query
{
	font-size:					11px;
	color:						#000;
	background-color:			#fff;
	-webkit-border-radius:		4px;
	   -moz-border-radius:		4px;
	    -ms-border-radius:		4px;
	     -o-border-radius:		4px;
	        border-radius:		4px;
}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 8px;
	list-style-type: none;
}

.tweet_list .tweet_avatar {
	padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}


/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.tweet {
  /* required settings */
  position:						relative;
  overflow:						hidden;
  width:						385px;
  height:						70px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.tweet_list {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.tweet_list li {
  width:						369px;
  float:						left;
}

.twitter-feed
{
	position: 					relative;
}

.twitter-feed a.next
{
	background-image:			url(/site/images/btn-twitter-next.png);
	position:					absolute;
	right:						7px;
	top:						11px;
	width:						49px;
	height:						66px;
}

.twitter-feed a.next:hover
{
	background-image:			url(/site/images/btn-twitter-next-over.png);

}

.twitter-feed a.prev
{
	background-image:			url(/site/images/btn-twitter-prev.png);
	position:					absolute;
	left:						50px;
	top:						11px;
	width:						49px;
	height:						66px;
}

.twitter-feed a.prev:hover
{
	background-image:			url(/site/images/btn-twitter-prev-over.png);
}

.twitter-feed a.disabled
{
	display:					none;
}