/* 
 
*/


/**************************
	Slideshow Modal Overlay Styles */

.clear 
{
	clear:both;
	font-size:0px;
	_font-size:1px;
	line-height: 0;
	_line-height: 1px;
	height:0;
	margin:0;
	padding:0;
	border: 0px;
	background:transparent none repeat scroll 0% 50%;
}


a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

#DOMWindow
{
	font-family: arial;
	background-color:#2a2a2a;
	color: #fff;
	overflow:hidden;
}
#ssContent
{
	/* added 2px for 600px wide img + 1px border */
	width: 602px;
	float: left;
	position: relative;
	padding: 5px;
}
#DOMImage
{
    background-color:#222;
	border: 1px solid #444;
    clear:both;
    text-align:center;
	/*position: relative;*/
}

.ssHead
{
	margin: 0 5px;
}

#DOMWindow a
{
	background-color: Transparent;
}

#DOMWindow h1 a,
#DOMWindow h2 a,
#DOMWindow h3 a 
{
	color:#fff;
	text-decoration:none;
}
#DOMWindow h2#imgTitle
{
	margin-bottom: 3px;
}
#DOMWindow h3
{
	font-size:16px;
	font-weight:normal;
}

#DOMWindow #imgPhotoCredit
{
    font-size: 9pt;
}

#DOMWindow .photoAbstract
{
	font-size:12px;
}

#DOMWindow .clear 
{
	background-color: Transparent;
}

.ssFrame
{
	clear: both;
	margin-top: 4px;
	width: 602px;
}

#ssColumn
{
	display: none;
}

a.ssClose
{
	background-image: url(/images/slideshow/ssiconsK.gif);
	background-position: 35px 125px;
	display:block;
	float:right;
	height:17px;
	right:0;
	top:0;
	width:19px;
	margin: 5px;
}
a.ssClose:hover
{
	background-position: 55px 125px;
}


/** Email and Link modal styles **/

#eMailAFriend, #getLink
{
	background-image:url(/images/slideshow/modalBack.png);
	background-repeat: no-repeat;
	background-color: transparent;
	color:#FFFFFF;
	position:absolute;
	top:29px;
	_top: 27px;
	left: 6px;
	width:600px;
	z-index:10002;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	padding: 10px 0px;
}

#eMailAFriend fieldset, #getLink fieldset
{
	margin-left: 10px;
	font-size:12px;
}

#DOMWindow #eMailAFriend h2, #DOMWindow #getLink h2
{
	margin-bottom:10px;
}

#eMailAFriend label, #getLink label
{
	margin-right: 5px;
}
#eMailAFriend input, #eMailAFriend textarea
{
	background: #fff;
	width: 370px;
	border: 0;
}

#eMailAFriend .privacy
{
	color: #777;
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #444;
}
#eMailAFriend .button
{
	background-image:url(/images/slideshow/buttonSearchBlue.gif);
	background-repeat:repeat-x;
	border:1px solid #CCCCCC;
}

#eMailAFriend label
{
	vertical-align: top;
	display:inline-block;
	margin:3px 0 10px 0;
	width:200px;
}
#eMailAFriend label span
{
	display: block;
}

/** SAVE/SHARE STYLES **/

.ssFrame #saveShare
{
	background-image:url(/images/slideshow/modalBack.png);
	background-repeat: no-repeat;
	background-color: transparent;
	color:#FFFFFF;
	position:absolute;
	top:29px;
	_top: 28px;
	right: 5px;
	width:100px;
	z-index:10002;
	border: 1px solid #444;
	position:absolute;
}

.ssFrame #saveShare ul
{
	margin: 0px;
}

.ssFrame #saveShare li
{
	float: left;
	margin: 0;
	padding:5px;
	width: auto;
	list-style-type: none;
	list-style-image: none;
}

/** CAPTCHA STYLES **/

#eMailAFriend .captcha
{
	clear:both;
	float:left;
	padding-left:203px;
	margin: 15px 0;
}
#eMailAFriend .captcha img
{
	float: left;
}
#eMailAFriend .captcha label
{
	float:left;
	width: 65px;
	margin: 2px 2px 1px 10px;
}
#eMailAFriend .captcha input
{
	/*float:right;*/
	width:104px;
}
#eMailAFriend .captcha .button
{

	width:80px;
	margin: 7px 0px 0px 10px;
}

#getLink p
{
	display: inline;
}

#getLink input
{
	background:#fff url(/images/slideshow/ssiconsK.gif) no-repeat scroll -104px -43px;
	color:#000;
	padding-left:18px;
	border: 0;
	width: 420px;
	_width: 370px;
}

#getLink button
{
	background-image:url(/images/slideshow/buttonSearchBlue.gif);
	background-repeat:repeat-x;
	border: 0px;
	font-size:11px;
	height: 19px;
	color: #fff;
	cursor: pointer;
	display: none;
	_display: inline-block;
	width: 60px;
}

#DOMWindow h1, #DOMWindow h2, #DOMWindow h3, #DOMWindow p
{
	margin: 0;
}
#DOMWindow h1
{
	color:#CCCCCC;
	font-weight:normal;
}
.ssPaging
{
	font-size: 13px;
	font-weight:bold;
	float: left;
	/*width:200px; */
	/* to have controls overlay image
	left:10px;
	position:absolute;
	top:34px; */
}
.ssOverlayIcon
{
	background-color:#046;
	border:1px solid #444;
	bottom:5px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	opacity:.6;
	filter: Alpha(Opacity=60); /*IE*/
	padding:0 2px;
	position:absolute;
	right:6px;
	z-index:99;
	display: block;
}
.ssOverlayIcon:hover
{
	text-decoration: none;
}
.ssOverlayIcon img
{
	margin-right: 5px;
	vertical-align: bottom;
}

#imageCounter
{
	border:1px solid #555;
	display:block;
	float:left;
	margin:1px 7px;
	padding:0 5px;
	color: #999;
	font-weight: normal;
	background-color: #333;
}


/** Styles for the buttons **/

#DOMWindow a:visited
{
	color: #FFF;
}

.ssButtons
{
	float: right;
}
.ssButtons a, .ssPaging a
{
	background-image:url(/images/slideshow/ssiconsK.gif);
	display:block;
	float:left;
	height:17px;
	margin:1px;
	width:19px;
	cursor: pointer;
}

a#first
{
	display: none; /* Hide per J.R. */
}
a#first:hover
{
	background-position: left -18px;
}

a.prev_disabled
{
	background-position: left top;
	cursor: auto;
}
a.prev
{
	background-position: 99px top;
}
a.prev:hover
{
	background-position: 99px -18px;
}

a.next_disabled
{
	background-position: 19px top;
	cursor: auto;
}
a.next
{
	background-position: 39px top;
}
a.next:hover
{
	background-position: 39px -18px;
}

a#last
{
	background-position: 19px top;
	display: none; /* Hide per J.R. */
}
a#last:hover
{
	background-position: 19px -18px;
}

a.ssToggleThumbs
{
	background-position: left 35px;
	/* hide display until we have functionality in place */
	display:none;
}
a.ssToggleThumbs:hover
{
	background-position: -20px 35px;
}

a.ssToggleSlide
{
	background-position: left 53px;
	margin-right: 21px;
	/* hide display until we have functionality in place */
	display:none;
}
a.ssToggleSlide:hover
{
	background-position: -20px 53px;
}

a.ssAutoPlay_normal
{
	background-position: -40px -72px;
	margin-right: 198px !important;
	width:53px;
}
a.ssAutoPlay:hover, a.ssAutoPlay_normal:hover
{
	background-position: -40px -90px;
}
a.ssAutoPlay_pressed
{
	background-position: left -108px;
	margin-right: 132px !important;
	width: 119px;
}
a.ssAutoPlay_pressed:hover
{
	background-position: left -126px;
}

a.ssPause
{
	background-position: 79px top;
	margin-left:15px !important;
}
a.ssPause:hover
{
	background-position: 79px -18px;
}

a.ssEmail
{
	background-position: left -72px;
}
a.ssEmail:hover
{
	background-position: -20px -72px;
}

a.ssShare_normal
{
	background-position: left -36px;
	width: 60px;
	font-size:10px;
	padding:1px 0 0 3px;
	color: #fff;
}
a.ssShare_normal:hover
{
	background-position: -50px -144px;
	font-size:10px;
	width: 67px;
	text-decoration: none;
	color: #fff;
}

a.ssShare_pressed:hover, a.ssShare_pressed
{
	background-position: left -54px;
	font-size:10px;
	width: 67px;
	text-decoration: none;
	padding: 1px 0 0 3px;
	color: #fff;
}
a.ssLink_normal
{
	background-position: left -144px;
}
a.ssLink_normal:hover
{
	background-position: -74px -54px;
	width: 29px;
}
a.ssLink_pressed 
{
	background-position: -20px -144px;
	width: 29px;
}


a.ssPrint
{
	background-position: left 71px;
	/* hide display until we have functionality in place */
	display:none;
}
a.ssPrint:hover
{
	background-position: -20px 71px;
}

.ssFrame .copyright
{
	float:right;
	margin:0;
	display: none;
}
.ssFrame .photocredit
{
	/* float:left;
	margin:0;*/
	font-style:normal;
	text-align:right;
	color: #999 !important;
}
.ssFrame h2
{
	clear: both;
}

.photoAbstract p,
.photoAbstract h1,
.photoAbstract h2,
.photoAbstract h3,
.photoAbstract h4,
.photoAbstract h5,
.photoAbstract a:link,
.photoAbstract a:visited
{
	color: #dfdfdf;
}

.photoAbstract a
{
	text-decoration: underline;
}

.photoAbstract a:hover
{
	color: #fff;	
}

/** THESE STYLES FOR THE PROMO **/

.slideshowVerticalPromo
{
	width: 300px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	border: solid 1px #000;
	background-color: #e7e7e7;
	margin: 0 20px 10px 0;
	padding: 0;
	display:inline-block;
	float:left;
}

.slideshowVerticalPromo h3,
.slideshowVerticalPromo h4,
.slideshowVerticalPromo p
{
	padding: 0;
}

.slideshowVerticalPromo h3,
#leg3 .slideshowVerticalPromo h3, 
#leg4 .slideshowVerticalPromo h3
{
	font-size: 11pt;
	font-weight: bold;
	text-transform: capitalize;
	margin: 6px 5px;
	padding: 0;
}
 
.slideshowVerticalPromo h3 a
{
	font-size: 11pt;
	font-weight: bold;
	text-transform: capitalize;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
 
.slideshowVerticalPromo h4,
#leg4 .slideshowVerticalPromo h4
{
	font-size: 10pt;
	font-weight: bold;
	margin: 6px 5px;
	padding: 0;
}
 
.slideshowVerticalPromo h4 a
{
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
 
.slideshowVerticalPromo p
{
    color: #414141;
    font-size: 9pt;
	margin: 0 5px 6px;
	padding: 0;
}
 
.slideshowVerticalPromo img
{
	border: none;
	margin: 0;
	padding: 0;
}
 
.ssimg
{
	display: block;
	 margin: 0 auto;
}
 
.slideshowVerticalPromo a
{
	color: #414141;
}
 
.slideshowVerticalPromo a:visited
{
	color: #424242;
}
 
.slideshowVerticalPromo a:hover
{
	color: #888;
}
 
.slideshowVerticalPromo a:active
{
}

#content1 .articleBody .plAbstract {
	color: #fff;
}

/** SITE-SPECIFIC OVERRIDES **/

/* ebuild */
#leg3 .slideshowVerticalPromo h3, 
#leg4 .slideshowVerticalPromo h3 {
	background-color:Transparent;
	background-image:none;
}

#DOMWindow a.next {
	background-repeat: repeat;
	padding-right:0;
}