/* Style sheet for scrollable Text box */
/* (c)2008, Red Beagle Web Development, All Rights Reserved */

/* These values must be customized to the particular instance */
#textbox { height: 380px; width: 500px; }	/* Set the the proper settings for this usage */
#textbox_up, #textbox_down { left: 491px; }								/* Set to 9 less than the textbox width */
#textbox_words { width: 475px; }										/* Set to 25 less than the textbox width */
#textbox_slider_area { height: 356px; }									/* Set to 24 less than the textbox height */
#textbox_slider_north, #textbox_slider_south { height: 300px; }			/* Make sure it's at least as tall as the textbox_slider_area */
#textbox_slider_north { top: -300px; }									/* Set this to align properly. Will right: 0px; work? */

/* Do not edit any of the values below this comment! */
#textbox_up, #textbox_down { cursor: pointer; position: absolute; height: 12px; width: 9px; display: none; }
#textbox_up { top: 0px; background-image: url("./images/up.gif"); }
#textbox_down { bottom: 0px; background-image: url("./images/down.gif"); }
#textbox { position: relative; overflow: hidden; }
#textbox_words { position: relative; top: 0px; left: 5px; padding: 2px 5px; }
#textbox_slider_area { cursor: pointer; position: absolute; right: 0px; width: 9px; top: 12px; display: none; overflow: hidden; }
#textbox_slider { position: absolute; left: 0px; width: 9px; top: 0px; background-image: url("./images/slider.gif"); }
#textbox_slider_north, #textbox_slider_south { position: absolute; width: 9px; left: 0px; }
#textbox_slider_south { top: 0px; }