/** 

 * Slideshow style rules.

 */


#pageContainer {

	float:left;

	margin-right:2px;

}

#slideshow {

	margin:0;

	padding:0;

	width:720px;

	height:360px;

	background:transparent no-repeat 0 0;

 	position:relative; 

	color:#FFF;

	font:14px Arial, Verdana, sans-serif;

	z-index:0; 
	
	overflow: hidden;

}


#slideshow #slidesContainer {

	margin:0;

	width:720px;

	height:360px;

	overflow:auto; /* allow scrollbar */

	position:relative;
	
	z-index:0;
	
}

#slideshow #slidesContainer .slide {

	display:block;

	position:absolute;

	margin:0;

	width:720px; 

	height:360px;

}

/* 	NOTE: .linkDiv is a hidden div used as hidden buttons for slide links 

*	background rule can be uncommented while developing to check placement 

*/


#slideshow #slidesContainer .slide .linkDiv {

	/* NOTE: background in here for dev purposes. Uncomment to see the div. */

	/* background:#999999;*/

	

	/* NOTE: filling with transparent single-pixel gif for IE7, otherwise link won't work */

	background:transparent url(/slideshow/support-images/dot_clear.gif) repeat 0 0;

	cursor:pointer;

	display:block;

	position:absolute;

	z-index:10;

}

/** 

 * Slideshow controls style rules.

 */

#controlBar {

	height:18px;

	position:absolute;

	margin-top:335px;

	margin-left:328px;

	z-index:1;

	display: none;

}


#controlBar .control {

	width:9px;

	height:18px;

	cursor: pointer;

}

#leftControl {

	float:left;

	background:transparent url(/slideshow/support-images/arrow_left_10x18.png) no-repeat 0 0;

	margin-left:-40px; 


}
#leftControl:hover {

	background:transparent url(/slideshow/support-images/arrow_left_on_10x18.png) no-repeat 0 0;

}

#rightControl {

	float:right;

	background:transparent url(/slideshow/support-images/arrow_right_10x18.png) no-repeat 0 0;
	width: 10px;
position: relative;
left: 40px;
top: -16px;


}

#rightControl:hover {

	background:transparent url(/slideshow/support-images/arrow_right_on_10x18.png) no-repeat 0 0;

}

.numDiv {

	float:left;

	width:16px;

	height:16px;

	padding:0 6px 0 6px;

	text-align: center;
	
	cursor: pointer;

/*	background:none;  */

background:url(/slideshow/support-images/dot_off.png) no-repeat 9px;

}

.numDiv:hover { background:url(/slideshow/support-images/dot_on.png) no-repeat 9px; }
	
.numDivOn {

	float:left;

	width:16px;

	height:16px;

	padding:0 6px 0 6px;

	text-align: center;

	background:url(/slideshow/support-images/dot_on.png) no-repeat 9px;

}

.numButton {

	font:0px Arial, sans-serif;

	color:#FFFFFF;

	text-align: center;

	cursor: pointer !important;
	
	background:url(/slideshow/support-images/dot_off.png) no-repeat 14px;

}

/*

* Legal text style rules

**/

/* this is the short legal blurb on the slide*/

.slide .shortLegal{

	color:#575a5d;

	font:9px Arial, Verdana, sans-serif;

	text-decoration:none;

	width:450px;

	white-space: normal;

	position: absolute;

	top:250px;

	left:22px;

	z-index:0;

	line-height:1.15em;

	letter-spacing: 0;

}

/* link to open large legal panel */

.slide .shortLegal .legalLink{

	color:#575a5d;

	font:9px Arial, Verdana, sans-serif;

	text-decoration:underline;

	cursor:pointer;

}

/* large legal panel with black bkgrnd */

#slideshow #longLegal{

	position: absolute;

	width:720px;

	height:328px;

	background:#000;

	margin:0;

	display:none;

	z-index:1;

	top:0px;

	left:0px;

}

/* text div within longLegal div */

/* TO EDIT:

*  you can change color, font, line-height etc. 

*  If you change the padding, make sure you also change width and height.

*/

#slideshow #longLegal #longLegalText{

	color:#FFF;

	font:11px Arial, Verdana, sans-serif;

	line-height:1.5;

	padding-top:30px;

	padding-left:20px;

	width:680px;
	
	padding-right:20px;

	white-space: normal;

	height:328px;

	position:absolute;


}

#slideshow #longLegal #closeButton {

	cursor:pointer;

	width:14px;

	height:14px;

	position: absolute;

	top:6px;

	left:699px;

	background: url(/slideshow/support-images/closeButton.gif) no-repeat 0 0; 
	
	z-index: 1;

}

/** 

 * General style rules for slideshow

 */

#slideshow a {

	color: #fff;

	font-weight:bold;

	text-decoration:none;

}

#slideshow img{

	border:none;

}

#slideshow a img { 

	border: none ; 

}

.slide {z-index: 1;}