/*-----------------------------------------------------------------------------------	
	Advanced Banner Rotate for Williams College of Business (Xavier University)
	 > Features previous and next buttons as well as tabs/buttons
-----------------------------------------------------------------------------------*/

/*
-----------------------------------------------------------------------------------
	Advanced Banner Rotate
	Features previous and next buttons as well as tabs/buttons
-----------------------------------------------------------------------------------
*/
#slider, #slider .scroll, #slider .scrollContainer div.panel {
    width: 960px; /* total width */
	height: 250px;
	}
#slider {
	height: 250px; /* total height - including buttons*/
    margin: 0 auto 0 auto;
    position: relative;
	xfloat: left;
	}
#slider .scroll, #slider .scrollContainer div.panel, #slider a.scrollButtons {
    height: 250px; /* total height minus button height - add 8px for button arrow/tip */
	}
#slider #panel1, #slider #panel2, #slider #panel3, #slider #panel4, #slider #panel5 {
    height: 250px;
    width: 960px;
	/*padding: 25px;*/
	position: relative;
	z-index: 1;
	}
	
#slider .mainBody { position: absolute; z-index: 50; top: 0; left: 0; }
#slider h2	{ margin: 0; margin-bottom: 14px; padding: 0; }
#slider p	{ font-weight: normal; font-size: 100%; text-indent: -9999px; /* Offset text for img only link*/ }
	
#slider .scroll				{ overflow: auto; overflow-x: hidden; position: relative; clear: left; }
#slider ul.navigation		{ list-style: none; margin: 0; padding: 0; position: absolute; bottom: 0px; }
#slider ul.navigation li	{ display: inline; }
#slider ul.navigation li a {
    color: #000;
    text-decoration: none;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/banner-rotate-wtab-btns.gif) no-repeat 0 -200px;
	/* Define Button height & font size - tip on buttons is 8 pixels (figure into padding top */
	font-size: 14px;
	line-height: 16px;
	height: 34px;
	padding: 24px 10px 0 10px;
	text-align: center;
	}
#slider .panelSubHd	{ font-size: 12px; }

/* Five tabs/buttons */
#slider ul#fiveTab.navigation li a			{ width: 148px; }	
#slider ul#fiveTab.navigation li.oddTab a	{ width: 147px; }

/* Four tabs/buttons */
#slider ul#fourTab.navigation li a			{ width: 158px; }	
#slider ul#fourTab.navigation li.oddTab a	{ width: 157px; }

/* Three tabs/buttons */
#slider ul#threeTab.navigation li a			{ width: 242px; }	 	
#slider ul#threeTab.navigation li.oddTab a	{ width: 241px; }

/* Two tabs/buttons */
#slider ul#twoTab.navigation li a			{ width: 415px; }	 	
#slider ul#twoTab.navigation li.oddTab a	{ width: 414px; }	 	

/*	Slider tab/buttons - BG images located on root (/images) */
#slider ul.navigation li a:hover	{ background: url(/images/banner-rotate-wtab-btns.gif) no-repeat 0 -100px; }
#slider ul.navigation li a.selected	{ background: url(/images/banner-rotate-wtab-btns.gif) no-repeat 0 0; }
#slider ul.navigation li a:focus	{ outline: none; }

#slider a.scrollButtons {
    position: absolute;
    top: 0;
    cursor: pointer;
	z-index: 999;
	display: block;
	width: 120px;
	outline: none;
	}
#slider a.scrollButtons.left,
#slider a.scrollButtons.right		{ background-repeat: no-repeat; background-position: 0 -999px; }
#slider a.scrollButtons.left		{ left: 0; background-image: url(/images/scroll_left.png); }
#slider a.scrollButtons.right		{ right: 0; background-image: url(/images/scroll_right.png); }
#slider a:hover.scrollButtons.left	{ background-position: 5% 50%; }
#slider a:hover.scrollButtons.right	{ background-position: 95% 50%; }
#slider .hide { display: none; }