@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - CUSTOM SCROLLBAR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		style.css
	Date:			Oct 10, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.holder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.holder {
		float:left;
		background:url(../../images/bg_tweet.png) 0 0 no-repeat;
	}
		.holder .boxes {
			width:300px; height:295px;
		}
		.holder.leftScrollbar .boxes {
			
		}
			.holder .boxes p {
				
			}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.jScrollPaneContainer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.jScrollPaneContainer {
		position:relative;
		overflow:hidden;
		z-index:1;
	}	
		.jScrollPaneContainer .jScrollPaneTrack {
			height:100%;
			background:url(../../images/bg_scrollbar.png) top center no-repeat;
			position:absolute;
			top:0; right:20px;
			cursor:pointer;
		}
			/*	scrollbar on left	*/
			.leftScrollbar .jScrollPaneTrack {
				left:0;
			}
			.jScrollPaneContainer .jScrollPaneTrack .jScrollPaneDrag {
				background:url(../../images/bg_redDot.png) top center no-repeat;
				height:17px !important;
				position:absolute;
				overflow:hidden;
				cursor:pointer;
			}
				.jScrollPaneContainer .jScrollPaneTrack .jScrollPaneDrag .jScrollPaneDragTop {
					position:absolute;
					top:0; left:0;
					overflow:hidden;
				}
				.jScrollPaneContainer .jScrollPaneTrack .jScrollPaneDrag .jScrollPaneDragBottom {
					position:absolute;
					bottom:0; left:0;
					overflow:hidden;
				}
		.jScrollPaneContainer a.jScrollArrowUp {
			height:9px;
			background:url(../images/basic_arrow_up.gif) 0 0 repeat-x;
			text-indent:-2000px;
			display:block;
			position:absolute;
			top:0; right:0;
			overflow:hidden;
			z-index:1;
		}
			.jScrollPaneContainer a.jScrollArrowUp:hover {
				background-position:0 -15px;
			}
		
		.jScrollPaneContainer a.jScrollArrowDown {
			height:9px;
			background:url(../images/basic_arrow_down.gif) 0 0 repeat-x;
			text-indent:-2000px;
			display:block;
			position:absolute;
			right:0; bottom:0;
			overflow:hidden;
			z-index:1;
		}
			.jScrollPaneContainer a.jScrollArrowDown:hover {
				background-position:0 -15px;
			}
				.jScrollPaneContainer a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
					background-position:0 -30px !important;
				}