/* hero_rotator.css */

/* includes styles from http://www.raymondselda.com/create-a-tabbed-content-rotator-using-jquery/ */

#rotator
{  
	/*
	position:relative;
	padding-bottom:2.6em;
	*/
	margin:0;
}

/* Tabs */
ul.ui-tabs-nav, 
li.ui-tabs-nav-item, 
li.ui-tabs-nav-item a:link, 
li.ui-tabs-nav-item a:visited 
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
}

ul.ui-tabs-nav {
	
	position:absolute;
	bottom:10px;
	right:0px;
	opacity:.7;
	z-index:10;
}

ul.ui-tabs-nav li.ui-tabs-nav-item
{
	height:21px;
	background:transparent url(Images/assets/hero_paginator_bg_repx.gif) repeat-x top left;
}

ul.ui-tabs-nav li.firstOfType
{
	background:transparent url(Images/assets/hero_paginator_bg.gif) no-repeat top left;
	padding-left:5px;
}

ul.ui-tabs-nav li.lastOfType
{
	background:transparent url(Images/assets/hero_paginator_bg.gif) no-repeat top right;
	padding-right:5px;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited 
{	

	display:block;
	height:21px;
	width:12px;
}

li.ui-tabs-nav-item a span
{
	background:transparent url(Images/assets/hero_paginator_dot.gif) no-repeat top left;
	display:block;
	margin-left:2px;
	margin-top:7px;
	height:7px;
	width:7px;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover span,
#rotator .ui-tabs-nav-item a:active span
{
	background-position:top right;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link span,
#rotator .ui-tabs-selected a:visited span,
#rotator .ui-tabs-selected a:hover span,
#rotator .ui-tabs-selected a:active span
{
	background-position:top center;
}

#rotator .ui-tabs-hide {
	display:none;
}