/* Tiny Scrollbar */
/*#scrollbarY { width: 520px; margin: 20px 0 10px; }*/
#scrollbarY .viewport { /
/* width: 500px; */
height: 300px;
overflow: hidden;
position: relative;
margin: 0px 0px;
}
#scrollbarY .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
/*#scrollbarY .scrollbar{ margin-right: 2px; background: transparent url(/css/scrollbar/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }*/
/*#scrollbarY .track { background: transparent url(/css/scrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }*/
/*#scrollbarY .thumb { background: transparent url(/css/scrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }*/

#scrollbarY .scrollbar{
	position: relative;
	float: right;
width: 12px;
	opacity: 0.6;
	-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
-ms-transition: all 200ms;
transition: all 200ms;
}
#scrollbarY .scrollbar:active,
#scrollbarY .scrollbar:hover{
	opacity: 1;
}
#scrollbarY .thumb111 {
	width: 12px;
	left: -2px;
	position: absolute;
	top: 0;
	z-index: +100;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: rgba(233, 233, 233, 0);
	-webkit-box-shadow: 0 1px 3px rgba(63,69,75,0.5);
	-moz-box-shadow: 0 1px 3px rgba(63,69,75,0.5);
	box-shadow: 0 1px 3px rgba(63,69,75,0.5);
	background-image: -webkit-linear-gradient(bottom, #f2efed, #fefff);
	background-image: -moz-linear-gradient(bottom, #f2efed, #fefff);
	background-image: -o-linear-gradient(bottom, #f2efed, #fefff);
	background-image: linear-gradient(to top, #f2efed, #fefff);
	border: none;
	background: white;
	background: -moz-linear-gradient(top, white 0%, #F3F3F3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#F3F3F3));
	background: -webkit-linear-gradient(top, white 0%,#F3F3F3 100%);
	background: -o-linear-gradient(top, white 0%,#F3F3F3 100%);
	background: -ms-linear-gradient(top, white 0%,#F3F3F3 100%);
	background: linear-gradient(to bottom, white 0%,#F3F3F3 100%);
	cursor: pointer;
}
#scrollbarY .thumb {
width: 12px;
left: 0px;
position: absolute;
top: 0;
z-index: +100;
border: none;
cursor: pointer;
background: #ADADAD;
}
#scrollbarY .track {
height: 100%;
width: 12px;
margin-left: 0px;
position: relative;
background: #F5F5F5;
background: #DDD url(/public/images/egg_shell.jpg) repeat top left;
/* border: 1px solid #EDEDED; */
border-top-color: #DDD;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
/* box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3) inset; */
background: #DEDEDE;
}

#scrollbarY .thumb .end {
background: url(/css/scrollbar/thumb_v.gif) no-repeat center center;
height: 100%;
margin-left: -6px;
width: 24px;
}
#scrollbarY .disable { display: none; }



#scrollbarX { width: 251px; margin: 20px 0 10px; }
#scrollbarX .viewport { width: 236px; height: 130px; overflow: hidden; position: relative; }
#scrollbarX .overview { list-style: none; width: 1416px; padding: 0; margin: 0; position: absolute; left: 0; top: 0;  }
#scrollbarX .overview img{ float: left; }
#scrollbarX .scrollbar{ background: transparent url(/css/scrollbar/bg-scrollbar-track-x.png) no-repeat 0 0; position: relative; margin: 0 0 5px; clear: both; height: 15px; }
#scrollbarX .track { background: transparent url(/css/scrollbar/bg-scrollbar-trackend-x.png) no-repeat 100% 0; width: 100%; height:15px; position: relative; }
#scrollbarX .thumb { background: transparent url(/css/scrollbar/bg-scrollbar-thumb-x.png) no-repeat 100% 50%; height: 25px; cursor: pointer; overflow: hidden; position: absolute; left: 0; top: -5px; }
#scrollbarX .thumb .end{ background: transparent url(/css/scrollbar/bg-scrollbar-thumb-x.png) no-repeat 0 50%; overflow: hidden; height: 25px; width: 5px;}
#scrollbarX .disable { display: none; }