/*Scrollbar*/
.orange_top_scroll {
    height: 10px; width: 15px;      
    background: url(../../JavaScript/dw_scroll/images/top_scroll.png) no-repeat;
    _behavior: expression(  /* IE6 only - transparency with proper handling of relative URLs */
              this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
              this.style.background = "none",
              this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ")");   
}
.orange_scroll_line {
    width: 15px;  
    height:4px;
    display:block;
    background: url(../../JavaScript/dw_scroll/images/scroll_line.png) no-repeat;
    _behavior: expression(  /* IE6 only - transparency with proper handling of relative URLs */
              this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
              this.style.background = "none",
              this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ")");   
}
.orange_scroll_line_thick {
    width: 15px;  
    height:5px;
    display:block;
    background: url(../../JavaScript/dw_scroll/images/scroll_line_thick.png) no-repeat;
    _behavior: expression(  /* IE6 only - transparency with proper handling of relative URLs */
              this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
              this.style.background = "none",
              this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ")");   
}
.orange_bottom_scroll {
    width: 15px;  
    height:8px;
    background: url(../../JavaScript/dw_scroll/images/bottom_scroll.png) no-repeat;
    _behavior: expression(  /* IE6 only - transparency with proper handling of relative URLs */
              this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
              this.style.background = "none",
              this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ")");   
}
.orange_scrollbar_track 
{ 
    position:absolute;
	left:0; 
	top:10px;	 
	width:15px;	    
    background: url(../../JavaScript/dw_scroll/images/scroll_back1.gif) 0 0 repeat-y;              
}

	.scrollbar 
	{ 
	  position:relative;
	  width:15px; 	  	  
	  font-size:1px;  /* for image vertical alignment issue */
	}
	.scrollbar_track 
	{ 
	  position:absolute;
	  left:0; 
	  top:10px;	  	  
	  background: url('../../JavaScript/dw_scroll/images/scroll_back.gif') 0 0 repeat-y;
	  width:13px;	  	  
	}
	.scrollbar_dragBar 
	{
	  position:absolute; 
	  left:1px; 
	  top:1px;
	  width:15px; 	  
	}  
	.scrollbar_up 
	{ 
		position:absolute; 
		left:0; 
		top:0;	
	}  
	.scrollbar_down 
	{ 
		position:absolute; 
		left:0; 		
		bottom:0;
	}
	/* for safari, to prevent selection problem  */
	.scrollbar, scrollbar_track, scrollbar_dragBar, scrollbar_up, scrollbar_down 
	{
		-moz-user-select: none;
		-khtml-user-select: none;
	}

	/* so no gap or misplacement due to image vertical alignment [2]*/
	.scrollbar img 
	{
		display:block; 
	} 

/*Scrollbar*/

/*Start NewsFed Scrollbar Specific*/
	div#divNewsFeedScrollContainer
	{ 
		/*required attributes*/
		position: relative; 
		width: 187px; 
		height: 100px;
		overflow: hidden;
		/*required attributes*/              
	}
	div#divNewsFeedScrollContent
	{
		width: 175px; 
	}
	.scrollbar#divNFScrollbar
	{
		height: 100px;	
	}
	.orange_scrollbar_track#divNFScrollbarTrack
	{
		height:83px;		
	}
	
		
/*End NewsFed Scrollbar Specific */

/*Start Study Session Scrollbar Specific*/
	div#divStudySessionScrollContainer	
	{ 
		/*required attributes*/
		position: relative; 
		width: 269px; 
		height: 200px;		
		overflow: hidden;
		/*required attributes*/ 
		float:left;             
	}
	
	.scrollbar#divSSScrollbar
	{
		width:13px;
		height:200px;
		float:right;
	}
	.scrollbar_track#divSSScrollbarTrack
	{
		height:183px;
	}			
/*End Study Session Scrollbar Specific*/

/*Start Study Sessions Menu Scrollbar Specific*/
	div#divStudySessionsMenuScrollContainer	
	{ 
		/*required attributes*/
		position: relative; 
		width: 147px;
		height: 190px;
		overflow: hidden;
		/*required attributes*/ 
		float:left; 		      
	}
	
	.scrollbar#divStudySessionsMenuScrollbar
	{
		width:13px;
		height:190px;
		float:left;
		text-align:center;		
	}
	.scrollbar_track#divStudySessionsMenuScrollbarTrack
	{
		height:173px;	
	}
	
		
/*End Study Sessions Menu Scrollbar Specific*/

/*Start Working On Menu Scrollbar Specific*/
	div#divWorkingOnMenuScrollContainer	
	{ 
		/*required attributes*/
		position: relative; 
		width: 147px;
		height: 190px;
		overflow: hidden;
		/*required attributes*/ 
		float:left; 		      
	}
	
	.scrollbar#divWorkingOnMenuScrollbar
	{
		width:13px;
		height:190px;
		float:left;
		text-align:center;		
	}
	.scrollbar_track#divWorkingOnMenuScrollbarTrack
	{
		height:173px;	
	}
	
		
/*End Working On Menu Scrollbar Specific*/


/*Start All Friends Menu Scrollbar Specific*/
	div#divAllFriendsMenuScrollContainer	
	{ 
		/*required attributes*/
		position: relative; 
		width: 147px;
		height: 190px;
		overflow:hidden;		
		/*required attributes*/ 
		float:left; 		      
	}	
		
	.scrollbar#divAllFriendsMenuScrollbar
	{
		width:13px;
		height:190px;
		float:left;
		text-align:center;		
	}
	.scrollbar_track#divAllFriendsMenuScrollbarTrack
	{
		height:173px;	
	}
	
		
/*End All Friends Menu Scrollbar Specific*/

/*********************  SNS Invitation *******************************/

div#divContactsScrollContainer	
{ 
	/*required attributes*/
	position: relative; 
	width: 300px; 
	height: 200px;
	overflow: hidden;
	/*required attributes*/              
}
div#divContactsScrollContent
{
	width: 300px; 
}
.scrollbar#divContactsScrollbar
{
	height: 200px;	
}
.scrollbar_track#divContactsScrollbarTrack
{
	height:183px;
}

div#divMailsScrollContainer	
{ 
	/*required attributes*/
	position: relative; 
	width: 300px; 
	height: 150px;
	overflow: hidden;
	/*required attributes*/              
}
div#divMailsScrollContent
{
	width: 300px; 
}
.scrollbar#divMailsScrollbar
{
	height: 150px;	
}
.scrollbar_track#divMailsScrollbarTrack
{
	height:133px;
}

/*Start Invite Friends Scrollbar Specific*/
	div#divInviteFriendsScrollContainer	
	{ 
		/*required attributes*/
		position: relative; 
		width: 269px; 
		height: 200px;		
		overflow: hidden;
		/*required attributes*/ 
		float:left;             
	}
	
	div#divInviteFriendsScrollContent
	{
		width: 269px; 
	}
	
	.scrollbar#divInviteFriendsScrollbar
	{
		width:13px;
		height:200px;
		float:right;
	}
	.scrollbar_track#divInviteFriendsScrollbarTrack
	{
		height:183px;
	}
	.orange_scrollbar_track#divInviteFriendsScrollbarTrack
	{
	   height:182px;
	}	
/*End Invite Friends Scrollbar Specific*/

/*Start Resource Scrollbar Specific*/
 div#divResourcesTopicsScrollContainer	
	{ 
		/*required attributes*/
		position: relative; 
		width: 187px; 
		height: 58px;
		overflow: hidden;
		/*required attributes*/              
	}
	div#divResourcesTopicsScrollContent
	{
		width: 175px; 
	}
	.scrollbar#divRScrollbar
	{
		height: 58px;	
	}
	div#divRScrollbarTrack
	{
		height:41px;				
	}