/*
 Styles based on the series of lynda.com courses prepared and delivered by
 Chris Converse ("Create and Interactive Homepage Marquee with jQuery
 and Dreamweaver" etc.).
 
 I've made some changes to reflect a different size of marquee, etc. At some point
 I'll refactor the CSS.
  
 Mike Zastre -- 2013-05-22
 */
 
@charset "UTF-8";

.marquee_panels {
	display: none;
}

.marquee_container {
	overflow: hidden;
	position: relative;
	width: 600px;
	height: 400px;
	margin: 0 0 30px 0;
	padding: 0;
}
.marquee_photos {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
.marquee_caption {
	color: rgb(255,255,255);
	background-image: url(../_images/templates/marquee_600x300.png);
	margin: 0px;
	padding: 15px 0px 10px 0;
	width: 600px;
	position: absolute;
	left: 0px;
	top: 400px;
}
.nocaption .marquee_caption {
	display: none;
}
.marquee_caption_content {
	padding: 0px 0px 0px 25px;
	width: 410px;
}
.marquee_caption h2 {
	font-size: 1.25em;
	font-weight: normal;
	text-transform: uppercase;
	color: rgb(255,255,255);
	margin: 0px 0px 10px 0px;
}
.marquee_caption_content p {
	color: rgb(255,255,255);
	margin: 0px 0px 12px;
}
.marquee_caption_content a {
	color: #FFCC00;
}
.marquee_caption_content a:hover {
	color: #FFFFFF;
}
.marquee_caption_content .marquee_flag {
	float: left;
	margin-right: 10px;
}
.marquee_nav {
	text-align: right;
	position: absolute;
	width: 300px;
	top: 365px;
	right: 50px;
}
.marquee_nav a {
	display: inline-block;
	background-image: url(../_images/templates/nav_buttons.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 18px;
	width: 18px;
	margin-left: 15px;
	cursor: pointer;
}
.marquee_nav a:hover {
	background-position: -25px 0px;
}
.marquee_nav a.selected {
	background-position: -50px 0px;
}
.marquee_container.autoplay .marquee_nav a {
	opacity: 0.4;
}
.marquee_container.autoplay .marquee_nav a.selected {
	opacity: 1.0;
}
.marquee_delay {
	display: none;
}
#debugInformation {
//	display: none;
}