.ss { display: block; position: relative; height: 565px; width: 920px; }

.ss h2 { margin: 0; }
.ss a img { border: 0; }
.ss p { margin: 0.5em 0;}
.ss .ad .caption { font-size: 0.9em; }

.ss-round { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ss-hide { display: none; }

/*	------------------------------------------------
					Detail Page Styles
	------------------------------------------------ */
.ss-topic .header { position: relative; height: 60px; margin-bottom: 13px; }
.ss-topic h2 { position: absolute; top: 5px; width: 590px; }
.ss-topic .header .nav { position: absolute; bottom: 0; right: 0; width: 298px; font-size: 16px; }
.ss-topic .header .nav span { display: inline-block; width: 98px; height: 30px; margin:0; padding: 0; text-align: center; border: 1px solid #5f5f5f; }
.ss-topic .header .nav a { display: block; line-height: 30px; text-decoration: none; text-transform: uppercase; }
#ss-counter { line-height: 30px; background-color: #666; border-right: 0; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
#ss-counter:hover { background-color: transparent; }
#ss-counter b { font-weight: normal; }
.ss-topic .header .nav #ss-back{ background-color: #acacac; color: #666; border-left: 1px dotted #5f5f5f; border-right: 1px dotted #5f5f5f; }
.ss-topic .header .nav #ss-back a,
.ss-topic .header .nav #ss-next a { color: #5d5d5d; }
.ss-topic .header .nav #ss-next { background-color: #acacac; border-left: 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.ss-topic .ad { position: absolute; top: 73px; right: 0; font-size: 11px; color: #797979; }

.ss-main { display:none; }
.ss-main-image { position: relative; width: 582px; height: 390px; border: 4px solid #fff; z-index: 5; }
.ss-main-image p.credit { margin: 0; }
#ss-next-button,
#ss-prev-button { display: none; position: absolute; height: 38px; width: 40px; background: transparent url('ss_nav_buttons.png') 0 0 no-repeat; cursor: pointer; }
#ss-next-button { top: 176px; right: 0; background-position: 0px -1px; }
#ss-next-button.inactive { background-position: -1px -41px; }
#ss-prev-button { top: 176px; left: 0; background-position: -42px -1px; }
#ss-prev-button.inactive { background-position: -42px -41px; }

.ss-caption { position: absolute; top: 350px; right: 0; width: 300px; height: 155px; overflow-y: auto; }
.ss-caption p { margin: 0 0 0.8em; }
.ss-caption strong { font-weight: bold; }
.ss-caption .ss-details { font-size: 0.8em; color: #797979; }
.ss-caption .ss-details.ss-overlay { position: absolute; top: 0; left: 0; height: 146px; padding: 2px; background-color: #fff; opacity: 0.9; }
.ss-caption .ss-details ul { margin: 0; padding: 0; list-style-type: none; }
.ss-caption .ss-details li,
.ss-caption .ss-details p { margin: 0; padding: 0; }

.ss-view-thumbs { position: absolute; display:none; bottom: 0; left: 0; width: 590px; height: 70px; padding-top: 26px; text-align: center; z-index: 2; }

/* This is now going to be an overlay */
.ss-thumbs { display: none; position: absolute; top: 73px; left: 0; width: 590px; height: 415px; background-color: rgba(30, 30, 30, 0.85); z-index: 7; }
.ss-thumbs-close { padding: 5px 8px 0 0; text-align: right; }
.ss-thumbs ol { margin: 8px 38px; list-style-type: none; *height: 1%; }
.ss-thumbs:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.ss-thumbs li { float: left; display: block; height: 73px; width: 73px; margin: 6px; opacity: 1; background-color: #000; }
.ss-thumbs li img { width: 73px; height: 73px; }
.ss-thumbs li img:hover { margin: -3px; border: 3px solid #ccc; }
#ss-thumb-hover-text { display: none; position: absolute; padding: 3px 6px; font-size: 11px; color: #fff; background-color: #000; border: 1px solid #fff; z-index: 8; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/*	------------------------------------------------
					End Card Styles
	------------------------------------------------ */
.ss-related { width: 581px; height: 390px; color: #fff; overflow-y: auto; }
.ss-related h3 { margin: 0; padding: 8px 0 7px; font-size: 18px; text-align: center; color: #000; background-color: #fff; }
.ss-related h4 { margin: 0 0 0.8em; }

/*	Related Slide Shows		*/
.ss-related-ss ul { width: 410px; margin: 10px auto 0; padding: 0; list-style-type: none; *height: 1%; }
.ss-related-ss ul:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.ss-related-ss li { float: left; width: 175px; margin: 10px 15px; }
.ss-related-ss a img { border: 2px solid transparent; text-decoration: none; }
.ss-related-ss a:hover img { border: 2px solid #fff; }

/*	Related Articles	*/
.ss-related-art div { margin: 20px 73px 10px; }
.ss-related-art img { float: left; margin: 0 30px 10px 0; }
.ss-related-art ul { color: #fff; _overflow: hidden; }
.ss-related-art li { padding-bottom: 0.8em; list-style-type: disc; }

/* 	Ad	*/
.ss-int-ad img { display: block; margin: 20px auto; }