@charset "UTF-8";

/*********************************************

CSS for NSIDC Home Page Slideshow

extensible to other slideshows 

on nsidc.org

author stephen dot truex at nsidc dot org

*********************************************/

/* global slideshow styles */

div, a, img, p, h2 {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

/* Start Wrappers section */

.simpleSlide-window {}

.simpleSlide-tray { /* added by matthew wilson 02/22/2011 */
	overflow: hidden;
}

.simpleSlide-slide {
	height: 470px; /* removes mysterious extra pixel of height */
	position: relative; /* this and the line below fix a bug in safari, DO NOT REMOVE */ 
	top: 0;
}

.featureWrapper {
	width: 100%;
}

.controlsWrapper {
	width: auto;
	background: #FFFFFF;
	position: absolute; /* fixes mysterious extra column height */
	top: 0;
}


/* End Wrappers section */



#directionalControls {
	background-color: #FFFFFF;
	float: left;
	width: 66px;
	/*padding: 7px;*/
	height: 34px;
	/*opacity: .7;*/
	position: absolute; /* fixes mysterious extra column height */
	left: 0;
	border: 1px solid #CCCCCC;
	border-left: 0;
	border-right: 0;
}

#numberControls {
	background-color: #FFFFFF;
	float: left;
	width: auto;
	height: 34px;
	padding: 0px 10px;
	border: 1px solid #CCCCCC;
	border-left: 0;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topright: 7px;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
	position: absolute; /* fixes mysterious extra column height */
	left: 63px;
	vertical-align: middle;
}

.left-button, .right-button, .jump-to {
	cursor: default;
}

.left-button, .right-button, .play-show {
	float: left;
	height: 34px;
	line-height: 34px;
	position: relative;
}

.left-button img, .right-button img {
	vertical-align: middle;
}

/* play/pause button controls added 09/08/2010*/

.play-show {
	cursor: pointer;
	float: left;
	height: 34px;
	width: 22px;
}

.ss-playing {
	background-image: url('/images/home/pause.png');
}

.ss-paused {
	background-image: url('/images/home/play.png');
}

.ss-paused, .ss-playing {
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	background-position:50%; 
} 

span.jump-to {
	background: url(/images/home/slideshow_0710/slide_number_bg_hov.png) top left no-repeat;
	width: 25px;
	height: 18px;
	padding: 2px 7px 7px 7px;
	font-size: 12px;
}

span.jump-to a {
	text-decoration: none;
	color: #0f0fae;
}

span.jump-to-active {
	background: url(/images/home/slideshow_0710/slide_number_bg.png) top left no-repeat;
	color: #FFFFFF;
	width: 25px;
	height: 18px;
	padding: 2px 7px 7px 7px;
}

span.jump-to-active a {
	text-decoration: none;
	color: #FFFFFF;
}

span.jump-to-active a:visited {
	color: #FFFFFF;
}

/*a.numberNav {
	background: url(/images/home/slideshow_0710/slide_number_bg_hov.png) top left no-repeat;
	color: #0f0fae;
	width: 25px;
	height: 18px;
	text-decoration: none;
	padding: 2px 7px 7px 7px;
}
*/

/*a.numberNav:hover {
	background: url(/images/home/slideshow_0710/slide_number_bg.png) top left no-repeat;
	color: #FFFFFF;
	width: 25px;
	height: 18px;
	text-decoration: none;
	padding: 2px 7px 7px 7px;
}
*/

.activeNav a {
	background: url(/images/home/slideshow_0710/slide_number_bg.png) top left no-repeat;
	color: #FFFFFF;
	width: 25px;
	height: 18px;
	text-decoration: none;
	padding: 2px 7px 7px 7px;
}

.numberNavActive {
	background: url(/images/home/slideshow_0710/slide_number_bg.png) top left no-repeat;
	color: #FFFFFF;
	width: 25px;
	height: 18px;
	text-decoration: none;
	padding: 2px 7px 7px 7px;
}

.featureTitle {
	font-family: Helvetica Neue,Arial,Helvetica,sans-serif;
	//font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 7px;
}

.featureTItle a {
	color: #000000;
}

.featureCaption {
	width: 100%;
	padding-bottom: 10px;
}

/* NSIDC Home Page specific styles */

.homeFeature {
	width: 50%;
	background: #FFFFFF;
	opacity: 1;
	position: absolute;
	top: 30px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topright: 7px;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
	left: 0;
}

.homeFeature p {
	line-height: 1.3em;
}

.homeSlide {
	/*height: auto; /* height of slides for home page features */
}

#homeFeaturesControls {
	background-color: #FFFFFF;
	line-height: 34px;
	position: relative;
	top: -50px;
	left: 0;
}