/*########## - SCROLLBAR STYLE - ##########*/
div.holder
{
	background-image: url('../../Content/img/bg_box_gray_w477_h443.png'); 
	background-position: top left;
	background-repeat: no-repeat; 	
    float:left;
    width:477px;
    height:443px;   
    text-align:center;  
}
 
div#wn1 { 
	position:relative; 
	width:427px; height:427px; 
	margin:8px 25px 8px 22px; 
	overflow:hidden;	
}    

/* needed when dw_scrollObj.printEnabled = true */
div#lyr1 {
    /*position:absolute;*/
}    

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
    position:relative;
    width:14px; height:442px; 
    /* font-size:1px;  img display block is the solution, but people remove it then ask for help! */
    margin-left: 10px;
}
div#track { 
    position:absolute; left:0; top:18px;
    width:14px; height:406px;
    background-image: url('../../Content/img/sb_bg_track.png'); 
    background-position: top left;
    background-repeat: repeat-y;
}
div#dragBar {
    position:absolute; left:0px; top:0px;
    width:11px; height:1px;    
    background-image: url('../../Content/img/sb_bg_tragbar.png'); 
    background-position: top left;
    background-repeat: repeat-y;        
}  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }
div.scroll_controls, div#extra_controls, div#scrollbar { 
    display:block; /* display:none initially , to hide from incapable */
} 
div#scrollbar img {
    display:block; /* so no gap or misplacement due to image vertical alignment */
} 
    
/* for safari, to prevent selection problem for clutzy draggers */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

div.scroll_controls {
    float:right;
    position:relative;    
    width:15px; height:440px;   
}        
    
div#scrollbar {
    float:right;    
    }
    
.click_up_to_0_0  
{
	display:block; 
	text-align: right;
}