/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */



a.jScrollArrowUp {
	background: url(/z_js/jscrollpane1.2.3/images/basic_arrow_up.gif) repeat-x 0 0;
	height:4px!important;bottom:2px;
}

a.jScrollArrowDown {
	background: url(/z_js/jscrollpane1.2.3/images/basic_arrow_down.gif) repeat-x 0 0;
	height:4px!important;
}

.jScrollPaneDrag:hover {
	background:#c90081!important;
}

div.pop_container .jScrollPaneTrack 			{background:#dbddde!important;}
div.pop_container .jScrollPaneDrag 			{background:#000;}	
div.pc_design   .jScrollPaneDrag			{background:#666!important;}
div.pc_design   .jScrollPaneTrack 			{background:#dbddde!important;}

div.pop_body .jScrollPaneTrack 			{background:#dbddde!important;}
div.pop_window .jScrollPaneDrag 			{background:#000;}	
div.pop_portfolio .jScrollPaneDrag			{background:#666!important;}
div.pop_portfolio .jScrollPaneTrack 			{background:#dbddde!important;}

div.portfolio .jScrollPaneDrag				{background:#666;}		
div.portfolio .jScrollPaneTrack 			{background:#dbddde!important;}
div.team_detail .jScrollPaneDrag 			{background:#000;}		


div.cg_content .jScrollPaneTrack {
				left: 23px!important;
				right: auto!important;
			}
div.cg_content  a.jScrollArrowUp {
				left: 23px!important;
				right: auto!important;
			}
div.cg_content  a.jScrollArrowDown {
				left: 23px!important;
				right: auto!important;
			}