#onsite_slideshow {
	margin: 20px auto;
	text-align: right;
}

/* Slideshow styles*/
.slideshow { position: relative; width: 504px; margin: 1.5em auto 3em; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.slideshow-slides { margin-bottom: -2px; }
.slideshow-caption { position: absolute; color: #fff; bottom: 0; left: 0; }
.slideshow-caption-content { position: relative; padding: 10px 20px; width: 460px; }
.slideshow-caption-bg { background: #224292; position: absolute; bottom: 0; width: 100%; height: 100%; opacity: .6; filter: alpha(opacity=60); }

.slideshow-article .slideshow-caption-content p { color: #fff; font-family: Arial, sans-serif; font-size: 1.2em; margin: 0; padding: 0 0 .3em; line-height: 1.4em; }
.slideshow-article .slideshow-caption-content p.slideshow-caption-credit { color: #ccc; font-size: 1.1em; }

.slideshow-content { border: 2px solid #224292; }

.slideshow-caption-content p,
.slideshow-caption-content p { font-size: 1.2em; color: #fff; margin: .5em 0; margin: .5em 0;  }

.slideshow-caption-content p.slideshow-caption-credit, 
.slideshow-caption-content p.slideshow-caption-credit  { font-size: 1.1em; color: #ddd; }

.slideshow-set-caption { background: #eee; width: 404px; padding: 10px 20px 0; margin-left: 60px; color: #444; }
.slideshow-set-caption p, 
.slideshow-set-caption p { font-family: Arial, sans-serif; font-size: 1.2em; margin: .5em 0; line-height: 1.4; }

.slideshow-set-caption-heading { font-family: Georgia, serif; color: #224292; font-size: 1.5em; font-weight: normal; margin: .5em 0; }
.slideshow-set-caption-heading-prefix { font-family: Arial, sans-serif; font-size: .7em; text-transform: uppercase; color: #888;  }

.slideshow-set-caption p.slideshow-caption-credit,
.slideshow-set-caption p.slideshow-caption-credit { font-size: 1.1em; color: #888; }

.slideshow-controls { position: relative; }
.slideshow-controls-bg { position: absolute; background: #224292; width: 100%; left: 0; top: 0; filter: alpha(opacity=60); }
.slideshow-playpause { position: absolute; top: 6px; left: 10px; }
.slideshow-playpause a { display: block;  width: 21px; height: 18px; border: 1px solid #2c9cbe; color: #fff; text-indent: -99999px; text-decoration: none; background: #0283a0 url(../images/playpause.png) 7px 4px no-repeat; }
.slideshow-playpause a:hover { background-color: #029ec1; border-color: #60caf6; }
.slideshow-playpause a.slideshow-play { background-position: 7px -37px; }

.slideshow-caption-toggle { position: absolute; right: 10px; top: 6px; font-size: 1em; }
.slideshow-caption-toggle a { color: #ccc; text-decoration: none; }
.slideshow-caption-toggle a:hover { color: #fff; text-decoration: underline; }

.slideshow-nav, 
.slideshow-nav { width: 340px; margin: 6px 100px 6px 60px; padding: 0; height: 22px; float: left; display: inline; }

.slideshow-nav li, 
.slideshow-nav li { width: 22px; height: 22px; float: left; margin: 0; padding: 0; list-style: none; overflow: visible; }

.slideshow-nav a { width: 20px; height: 20px; display: block; border: 0; margin: 0; opacity: .6; position: relative; }
.slideshow-nav a.activeSlide { border: 1px solid #ffe888; margin: -1px; opacity: 1; }
.slideshow-nav-item-pointer { position: absolute; top: -4px; left: 50%; margin-left: -2px; width: 5px; height: 3px; background: url(../images/thumb_pointer.png) 0 0 no-repeat; display: none; }
.slideshow-nav a.activeSlide .slideshow-nav-item-pointer { display: block; }
.slideshow-nav a:hover {  opacity: 1; }
.slideshow-nav img { border: none; display: block }


/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */		
/* without this class applied, a float might hang over the bottom border of it's container */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		

/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */