.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #aaa;
}

.jScrollIntervalTrack { 
	position: absolute;

}

.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	 background:red;
	height: 9px;
	width: 10px;
}
a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 25px;
	width: 10px;
}
a.jScrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}










/* custom */

.contents {
	display: block;
	width: 700px;
	height: 200px;
	background: #CC66FF;
}
ul.blocks {
	padding: 0;
	width: 8000px;
	display: block;
	height: 200px;
}
ul.blocks li {
	display:block;
float:left;

margin:0 0 0 0;
overflow:hidden;
text-align:center;
width:60px;
}
ul.blocks li span
{
	clear:both;
float:left;
font-size:11px;
font-weight:bold;
margin-top:5px;
text-align:center;
width:128px;
}
.holder {
	margin: 0;
	display: block;
	/* TEMP */
	margin-bottom: 20px;
}
.scroll-pane {
	width: 200px;

	float: left;
	padding: 0;
}
#pane1 {
	height: 100px;
	width: 250px;
	padding: 0;
	display: block;
	_overflow: hidden;
}

#pane5 {
	height: 200px;
	width: 40%;
	padding: 0;
	display: block;
	_overflow: hidden;
}

a.jScrollArrowLeft 
{
	background:transparent url(../../images/pages/default/left.png) repeat scroll 0 0;
	width:25px; height:25px;
  

}

.jScrollArrowLeft 
{
background:transparent url(../../images/pages/index/left.png) repeat-x scroll 0 0;
border:medium none;
cursor:pointer;
height:27px;
left:-14px;
position:absolute;
top:56px;
width:27px;
z-index:100;

}
.jScrollArrowRightDisabled
{
	background:transparent url(../../images/pages/index/right2.png) repeat-x scroll 0 0 !important;
}
.jScrollArrowLeftDisabled
{
	background:transparent url(../../images/pages/index/left2.png) repeat-x scroll 0 0;
}
.jScrollArrowRight
{
background:transparent url(../../images/pages/index/right.png) repeat-x scroll 0 0;
border:medium none;
cursor:pointer;
height:27px;
right:-14px;
position:absolute;
top:56px;
width:27px;z-index:100;

}

a.jScrollArrowLeft:hover {
	opacity: 1
}
a.jScrollArrowRight {

	opacity: 0.5;
}
a.jScrollArrowRight:hover {

}
.jScrollArrowLeftDisabled, .jScrollArrowRightDisabled
{

}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	opacity: 9
}

.orange-bar .jScrollPaneTrack {
	background: #f60;
	 display:none;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}

.jScrollPaneTrack
{
	display:none;
}


ul.blocks li table
{
	float:left; width:100%; text-align:center;
}
ul.blocks li table td
{
 text-align:center; vertical-align:middle;
}
ul.blocks li table td div
{
	margin:auto; float:none;
}
ul.blocks
{

}
.pr_barSpan
{
	width:200px; float:left;
}
.pr_bar ul
{
	float:left;
}
.jScrollArrowLeft
{
	float:left;
}
.jScrollArrowRight
{
	float:left;
}
.dm_phoneList
{
float:left;
margin-left:10px;
margin-top:6px;
}
.dm_phoneList .selected div a
{
	 font-weight:normal; color:White;
}
.jScrollPaneContainer
{
float:left;
margin-left:9px;
margin-top:30px;
overflow:hidden;
width:264px !important;
}