/***********************************************************************************************************
slideshow.css
***********************************************************************************************************/
body{background:#fff;}
body div.content-container{background:none;}

/**** Section Head/Section Footer ****/
div#section-head { padding: 32px 0 0; background: #fff; }
div#section-head #util .weather-search  { padding-right: 10px; }
div#section-head #util dd.head-fb { border-left-color: #fff; }
div#section-head #util dd a { color: #666; text-shadow: 0 1px 0 #fff; }
div#section-head #util dd a.active { background: #fff; border-bottom: 2px solid #fff; color: #183a52; }

/**** Head ****/
div#head { border-bottom:1px solid #ccc;padding: 5px 0 8px 0; position: relative; z-index: 9999; zoom: 1; }
#head:after { width: 0; height: 0; padding-top: 0.01px; content: " "; clear: both; display: block; }
#head .logo { display:none; width: auto; margin: 0; padding: 3px 0 0; float: left; }
#head #nav-main li a { color: #666666; text-decoration: none; }
#head #nav-main li a:hover,#head #nav-main li a.active { color: #183a52; text-decoration: none; }
#head #nav-main { padding: 0 10px 0 26px; margin:0 auto; width:968px;}
#head #nav-main li { float: left; margin-left: 10px; padding-left: 11px; border-left: 1px solid #ccc; font-size: 11px; font-weight:bold; }
#head #nav-main li.first { margin: 0; padding: 0; border: 0; }
#head #nav-main li img { display:none;vertical-align: bottom; }
#head #fshow_overlay { margin: 0; top: 23px; right: -66px; left: auto; }
 
/**** Misc ****/
#frame1-300x250_336x280, #content .ad { margin: 0 0 15px; }

/**** Section Intro ****/
#section-intro { clear: both; overflow: hidden; margin: 0 5px 20px; padding: 10px; border-bottom: 1px solid #ccdde4; font-family: arial, verdana, sans-serif; zoom: 1; }
#section-intro .preamble { width: 70%; float: left; }
#section-intro .user-interaction { float: right; }
#section-intro h1 { margin: 0 0 10px; padding: 0; color: #000; font-size: 24px; font-weight: bold; }
#section-intro p { color: #999; font-size: 12px; }
#section-intro .additional-slides { width: 160px; height: 33px; line-height: 33px; background: url("/static/fn2/ws/img/ss-bg-browseslides.gif") no-repeat; font-size: 13px; font-weight: bold; text-indent: 13px; }
#section-intro .additional-slides a { display: block; padding: 0; width: 100%; height: 100%; color: #fff; text-decoration: none; }
#section-intro #sponsor-ad { margin: 0 0 7px; color: #999; font-size: 12px; }

/**** Slideshow Placeholder ****/
.content-container .slideshow-placeholder { overflow: hidden; margin: 0 0 20px; width: 600px; min-height: 200px; text-align: center; }
.slideshow-placeholder .photo, .slideshow-placeholder .photo img { position: relative; }
.slideshow-placeholder .photo { margin: 0; width: 100%; text-align: center; }
.content-container .slideshow-placeholder img { max-width: 99%; }

/**** Slideshow Controller ****/
.content-container .slideshow-controller { margin: 0 0 20px; text-align: center; }
.content-container .slideshow-controller a { display: inline-block; padding: 0; width: 44px; height: 23px; vertical-align: middle; }
.slideshow-controller .prev { margin-right: 30px; background: url("/static/fn2/ws/img/ss-bg-icon-prev2.gif") no-repeat; }
.slideshow-controller .next { margin-left: 30px; background: url("/static/fn2/ws/img/ss-bg-icon-next2.gif") no-repeat; }
.content-container .slideshow-controller a:hover { background-position: 0 -23px; }
.content-container .slideshow-controller .inactive, .content-container .slideshow-controller .inactive:hover { background-position: 0 100%; cursor: default; }
.content-container .slideshow-controller span { color: #999; font-size: 11px; font-weight: bold; }

/**** Slideshow Feature ****/
.content-container .slideshow-feature, .content-container .slideshow-feature * { margin: 0; padding: 0; }
.content-container .slideshow-feature { position: relative; overflow: hidden; margin: 0 auto 10px; padding: 0 59px 10px 60px; width: 478px; }
.content-container .slideshow-feature #slideshow-carousel { height: 65px; }

/**** Previous/Next Slideshow Controls ****/
.slideshow-feature .controls { margin: 0; }
.slideshow-feature .controls a { position: absolute; width: 32px; height: 23px; top: 15px; z-index: 10; text-indent: -99999px; }
.slideshow-feature .prev { left: 0; background: url("/static/fn2/ws/img/ss-bg-icon-prev.gif") no-repeat; }
.slideshow-feature .next { right: 0; background: url("/static/fn2/ws/img/ss-bg-icon-next.gif") no-repeat; }
.slideshow-feature .controls a:hover { background-position: 0 -23px; }
.content-container .slideshow-feature .controls .inactive, .content-container .slideshow-feature .controls .inactive:hover { background-position: 0 100%; cursor: default; }

/**** Slideshow ****/
.content-container .slideshow { position: relative; overflow: hidden; width: 478px; }
.content-container .slideshow ul { float: left; margin: 0 -99999px 0 0; width: 99999px; }
.content-container .slideshow li { float: left; width: 64px; margin-left: 5px; }
.slideshow li.first { margin: 0; }
.content-container .slideshow li img { display: block; }

/**** Tooltip Slideshow ****/
.tooltip .slideshow li { }
.tooltip .slideshow li a { display: block; padding: 1px; border: 1px solid #fff; }
.tooltip .slideshow li a:hover, .tooltip .slideshow li.active a { border: 1px solid #183a52; }
.tip { position: absolute; float: left; padding: 7px; z-index: 700; border: 1px solid #ddd; opacity: 0.8; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); background: #fff; font-size: 12px; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 10px #ccc; }

/**** Slideshow Description ****/
.content-container .slideshow-desc { width: 95%; min-height: 200px; height: auto !important; height: 200px; font-family: arial, verdana, sans-serif; }
.content-container .slideshow-desc h2 { margin: 0 0 10px; color: #204A65; font-size: 24px; font-weight: bold; }
.content-container .slideshow-desc p { margin: 0 0 15px; font-size:12px; line-height: 18px; }
.content-container .slideshow-desc p a { text-decoration: underline; }
.content-container .slideshow-desc p a:hover { text-decoration: none; }
.content-container .slideshow-desc p span { color: #769eb5; }
.content-container .slideshow-share{margin-bottom:5px}

/**** Share Buttons ****/
.content-container .shareBtns { margin: 0 0 10px; padding: 5px 0; height: 18px; border: 1px solid #ccdde4; border-width: 1px 0; font-size: 12px; font-weight: bold; text-align: left; }
.content-container .shareBtns a { text-decoration: underline; }
.content-container .shareBtns a:hover { text-decoration: none; }

/**** Slideshow Related ****/
.content-container .slideshow-related { margin: 0 0 15px; }
.content-container .slideshow-related h4 { margin: 0; color: #769eb5; font-size: 12px; }
.content-container .slideshow-related ul, .content-container .slideshow-related li { margin: 0; }
.content-container .slideshow-related li a { text-decoration: underline; }
.content-container .slideshow-related li a:hover { text-decoration: none; }

/**** Slideshow Overlay ****/
#slideshow-overlay { display: none; position: absolute; top: 50%; left: 50%; margin: -145px 0 0 -370px; padding: 0 0 20px; z-index: 9999; width: 740px; border: 1px solid #ccc; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; background: #fff; }
#slideshow-overlay a { color: #183a52; text-decoration: none; }
#slideshow-overlay a:hover { text-decoration: underline; }
#slideshow-overlay h2 { margin: 0 0 27px; padding: 10px 0 0; width: 100%; height: 49px; line-height: 2; background: #ebf1f6; color: #1e4b66; font-size: 22px; text-indent: 16px; }
#slideshow-overlay .close { position: absolute; top: -15px; right: -13px; width: 50px; line-height: 60px; font-size: 12px; }
#slideshow-overlay .close { background: url("/static/all/img/close.gif") no-repeat 100% 0; }
* > #slideshow-overlay .close { background: url("/static/all/img/close-x.png") no-repeat 100% 0; }
#slideshow-overlay .close a { display: block; width: 100%; height: 100%; }
#slideshow-overlay .slideshow-feature { margin-bottom: 0; }
#slideshow-overlay .slideshow-feature, #slideshow-overlay .slideshow { width: 600px; }
#slideshow-overlay .prev, #slideshow-overlay .next { top: 50px; }
#slideshow-overlay .slideshow li { width: 181px; margin-right: 21px; }
#slideshow-overlay .slideshow li div { margin: 0 0 10px; padding: 4px; border: 1px solid #fff; }
#slideshow-overlay .slideshow li .replay { display: none; }
#slideshow-overlay .slideshow li .active { border: 1px solid #ccc; }
#slideshow-overlay .slideshow li .active a { display: block; color: #666; }
#slideshow-overlay .photo { position: relative; float: left; margin-right: 4px; }
#slideshow-overlay .photo span { display: none; }
#slideshow-overlay .active .photo span { width: 60px; height: 60px; position: absolute; display: block; top: 0; left: 0; background: url("/static/all/img/overlay_thumb.png") no-repeat; text-indent: -9999px; cursor: pointer; }
#slideshow-overlay h3 { margin: 0 0 8px; padding-left: 18px; font-size: 14px; font-weight: normal; color: #999;	}
#slideshow-overlay h4 { display: -moz-inline-box; display: inline-block; width: 101px; font-size: 14px; line-height: 14px; }
#slideshow-overlay p { color: #000; line-height: 1.4; font-size: 12px; }
#slideshow-overlay .controls { margin: 0; }
#slideshow-overlay .sectioning {  overflow: hidden; padding: 8px 0 0; text-align: center; }
#slideshow-overlay .sectioning li { overflow: hidden; display: -moz-inline-box; display: inline-block; margin-right: 5px; width: 7px; height: 7px; background: url("/static/fn2/ws/img/ss-bg-indicator.gif") no-repeat; }
/* IE6/IE7 Centering System */
* html #slideshow-overlay .sectioning li { display: inline; }
*+html #slideshow-overlay .sectioning li { display: inline; }
#slideshow-overlay .sectioning li.active { background-position: 0 -7px; }
#slideshow-overlay .sectioning li a { display: block; width: 100%; height: 100%; }

/**** - Old Code Interactive ****/
/*.interactive { border-top: 1px solid #ccdde4; }*/
.interactive .interactivebody { padding: 5px 0 0; }
.interactive .interactivebody object { margin: 0 auto; display: block; }
.interactive .left h1 { margin: 0; color: #252525; font: normal 32px georgia, serif; }
.interactive .interactiveheader .left p { color: #999; font: 12px/18px arial, sans-serif; }
.interactive .right { width: 98%; margin: 0; float: right; text-align: right; }
.interactive .interactiveheader .right { width: 18%; margin: 0; float: right; }
.interactive .topsponsor span { line-height: 30px; font-size: 11px; }
.interactive .topsponsor .sponsortext { float: left; width: 70px; }
.interactive .interactivemain { width: 957px; margin: 0 auto; text-align: center; }
.interactive .shareBtns-int { height: 18px; margin: 7px 0 2px 8px; float: none; font-size: 12px; text-align: left; }
.interactive .shareBtns-int a { color: #204a65; text-decoration: none; font-weight: bold; }
.interactive .shareBtns-int a:hover { text-decoration: underline; }
.interactive .shareBtns-int a img { height: 9px; margin: 0 3px 3px; }