/* CSS rules for the slideshow  */
.highlights {
    border: 1px solid #CCC;
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
}
.slideshow_content {
    height: 5.4em;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: #595959;
    width: 100%;
    padding: .3em;
}
.slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display:none;
}
.slide a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.slide a:hover {
    text-decoration: none;
    outline: 1px solid #fff;
}
.hls-list {
    position:absolute;
    bottom:0;
    font-size:1em;
    z-index:20;
    margin:5px 6px
}
.hls-pager {
    right:0;
}
.highlights_controls {
    left: 1em;
}
.hls-list a {
    text-decoration:none;
}
.activeSlide a{
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}

/* Overriding the jquery-ui.css to modify the look and feel of this slideshow */
/* Contextual class should be added to not conflict with these classes used in other objects */
.ui-button {
	margin-bottom: 0;
}

.ui-button-text-only .ui-button-text {
	padding: .1em .4em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .1em .4em;
}

/* inline lists */
/* CSS rules should be added to default template CSS to indicate when OL and UL elements should be horizontal instead of vertical inline lists */
.inline {
  margin-left: 0;
  list-style: none;
}

.inline > li {
	list-style: none none !important;
	display: inline-block;
	*display: inline;
	margin: 0 3px 0 0 !important;
	*zoom: 1;
}

/* Because the box is sized in EM units and the base CSS font size is bigger than the homepage CSSs */
/* This rule ensures the height of the slide text is as expected */
#Main #content .slideshow_content { height: 3.8em; }