/* 
    Document   : scroll
    Created on : 24/09/2008, 02:40:44 PM
    Author     : Administrador
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	}
	p{
		margin-top:0px;
	}

        
#dhtmlgoodies_scrolldiv{
		width:760px;
		height:260px;	/* The height of the scrolling div */
	}
	/* marco principal*/

        #scrolldiv_parentContainer{
		width:750px;	/* Width of the scrolling text */
		height:280px;
		overflow:hidden;
		border:1px solid #000000;
		float:left;
		position:relative;
	}
	
	/*
	CSS for the scrolling content 
	*/
    
	#scrolldiv_content{
		padding: 4px;
		position:relative;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size: 0.9em;
		line-height:130%;
		color: #333;
                
	}
	
	/*
	The scrollbar slider 
	*/
    
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:220px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
    
	#scrolldiv_scrollbar{
		width:15px;
		height:210px;	/* Total height - 40 pixels */
		border:1px solid #00000;
		position:relative;
		
	}
	/*
	cuadrito del scroll
	*/
	#scrolldiv_theScroll{
		margin:1px;
                width:13px;
		height:13px;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}

	Scroll buttons(The up and down arrows)
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:15px;
		height:16px;
		border:1px solid #00000;
		color: #00000;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}