*{margin:0; padding:0;}

#scrolldiv{
		height:500px;
		
	}
	#scrolldiv1{
		width:500px;	
		height:100%;
		overflow:hidden;
		float:left;
		position:relative
	}

	#scrolldiv2{
		
		position:relative;

	}
	
	#barrascroll{
		width:15px;
		float:left;
		margin-top:4px
	}
	

	#barrascroll1{
		width:15px;
		position:relative;
		background:#102a3b;
		cursor: n-resize
	}

	#barrascroll2{
		width:13px;
		height:13px;
		background:#102a3b;
		border:1px solid #fff;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:n-resize
	}

	#arriba,#abajo{
		width:15px;
		height:15px;
		cursor: pointer;
		margin-top:-4px;
		position:relative
	}