/* global spin styles */

#container, #contextual-ads {
    width:975px;
}

#container {
    background:#000;
    padding:8px 5px;
    position:relative;
    top:0;
    left:0;
}

    #container * {
        margin:0;
        padding:0;
    }

    #container p, #container h1, #container h2, #container h3, #container h4, #container h5, #container h6, #container ul, #container li {
	font:11px Arial, Helvetica, sans-serif;
    }

    #container h2 {
        font-size:20px;
        font-family:Arial, Helvetica, sans-serif;
        line-height:26px;
        font-weight:700;
        height:26px;
        padding-left:30px;
        padding-top:6px;
        text-transform:uppercase;
        text-align:left;
    }

	#container h2 .redHeader{
	    color:#D0311C;
	}

	#container h2 .blackHeader {
	    color:#000;
	}

    #container h4 {
	text-transform:uppercase;
	font-weight:700;
    }

    #container h4, #container h5 {
	padding:4px 0;
    }

    #container h5 {
	text-align:center;
	font-weight:bold;
	margin:0 10%;
    }

	#container h2 .snd.sIFR-replaced {
	    margin-left:-8px;
	}

	#container h2 .snd {
	    margin-left:0;
	}

    #container ul {
	text-align:center;
    }

    #container li {
	display:inline;
    }

    #container .componentBox {
	background:#fff url("http://images.cbssports.com/images/spin/spin_v3/comp_bg.jpg") 0 0 repeat-x;
	float:left;
	margin-right:5px;
	margin-bottom:8px;
    }

	#container .componentFoot {
	    display:block;
	    height:6px;
	    overflow:hidden;
	    clear:both;
	}

    #container .componentContent {
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	padding:5px 4px;
    }

    #container .componentContent a img {
	border:none;
    }

    #container .componentHeader {
	height:31px;
	line-height:31px;
    }
    
    #container #rerun, #container #rerun2, #container #extra {
        text-align:left;
    }

/* Generic Story component */
.storyComponentHeader {height:32px; width:155px; background:url("http://images.cbssports.com/images/spin/spin_v3/common_top_155.gif") 0 0 no-repeat;}

h4.componentTitle {
    padding-top:10px;
    padding-left:18px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color:#D0311C;
}

.closer {
    display:block;
    clear:both;
    height:0;
    line-height:0;
    overflow:hidden;
}

#contextual-ads {
    background:#fff;
    margin:0;
}

#spinimu {
    height:283px;
    /*overflow:hidden;*/
    margin:11px 7px 1px 7px;
}

    #spinimu * {
	text-align:center;
    }

    #spinimu .spacer5 {
	display:none;
    }

/* columns */

#colone, #coltwo { float:left; }
#colone { width:650px; }
#coltwo { width:323px; position:relative;}

/* cover story */

#container #coverstory .componentHeader {
    background:url("http://images.cbssports.com/images/spin/spin_v3/cover_top.gif") 0 0 no-repeat;
}

#container #coverstory .componentFoot {
    background:url("http://images.cbssports.com/images/spin/spin_v3/cover_bot.gif") 0 0 no-repeat;
    }

#container #coverstory .componentContent {
    padding-right:0;
    padding-left:0;
    height:240px;
}

#container #coverstory h2 .snd.sIFR-replaced {
    margin-left:-12px;
}

#container #coverstory h2 .snd {
    margin-left:0;
}

.coverstory-co, #container #coverstory .componentFoot {
    width:456px;
}

/* maxim */

#container #maxim .componentHeader {
    background:url("http://images.cbssports.com/images/spin/spin_v3/maxim_top.gif") 0 0 no-repeat;
}

#container #maxim .componentContent {
    height:240px;
    overflow:hidden;
    padding-right:2px;
    padding-left:3px;
}

    #container #maxim .componentContent em {
	font-style:normal;
	text-transform:uppercase;
	color:#D0311C;
    }

#container #maxim .componentFoot {
    background:url("http://images.cbssports.com/images/spin/spin_v3/maxim_bot.gif") 0 0 no-repeat;
}

.maxim-co, #container #maxim .componentFoot {
    width:184px;
    overflow:hidden;
}

#maxim h2 .blackHeader {
    line-height:22px;
}

#container #maxim h4 {
    text-align:center;
}

#container #maxim p {
    text-align:left;
}


#container #maxim .componentContent img {
    width:174px;
    height:95px;
    border:0;
}

#container #maxim .componentHeader img {
    float:left;
    line-height:14px;
    height:14px;
    margin:10px 0 0 30px;
}

/* crazy spin */

#container #crazy .componentHeader {
    background:url("http://images.cbssports.com/images/spin/spin_v3/crazy_top.gif") 0 0 no-repeat;
}

#container #crazy .componentContent {
    background:url("http://images.cbssports.com/images/spin/spin_v3/crazy_content_bg.gif") 5px 0 repeat-y;
    padding-right:5px;
    padding-left:5px;
}

#container #crazy .componentFoot {
    background:url("http://images.cbssports.com/images/spin/spin_v3/crazy_bot.gif") 0 0 no-repeat;
}

#container .crazycontent {
    text-align:left;
    padding:5px;
    }

.crazy-co, #container #crazy .componentFoot {
    width:645px;
}

#container #crazy h2 .snd.sIFR-replaced {
    margin-left:-16px;
}

#container #crazy h2 .snd {
    margin-left:0;
}

#crazyContainer1, #crazyContainer2, #crazyContainer3, #crazyContainer4 {
    float:left;
    width:154px;
    padding:2px 0 4px;
    margin-right:5px;
    text-align:center;
}

#crazyContainer1 { background:#079B05 url("http://images.cbssports.com/images/spin/spin_v3/crazy_bg1.jpg") 0 0 repeat-x; }
#crazyContainer2 { background:#BA0204 url("http://images.cbssports.com/images/spin/spin_v3/crazy_bg2.jpg") 0 0 repeat-x; }
#crazyContainer3 { background:#FA4100 url("http://images.cbssports.com/images/spin/spin_v3/crazy_bg3.jpg") 0 0 repeat-x; }
#crazyContainer4 { background:#0159D7 url("http://images.cbssports.com/images/spin/spin_v3/crazy_bg4.jpg") 0 0 repeat-x; margin-right:0; }

#container #crazy {
    position:relative;
    top:0;
    left:0;
}

#container #crazy img {
    width:150px;
    height:80px;
    border:0;
}

#container #crazy h4, #container #crazy p, #container #crazy a {
    color:#fff;
}

#container #crazy a {
    font-weight:700;
}

#container #crazy #crazyCoverUp {
    background:url("http://images.cbssports.com/images/spin/spin_v3/comp_bg.jpg") 0 -30px repeat-x;
    display:block;
    height:5px;
    width:640px;
    position:absolute;
    top:31px;
    left:2px;
    overflow:hidden;
    }

/* rerun, rerun2, photo, poll */

#container #rerun .componentHeader, #container #photo .componentHeader, #container #poll .componentHeader {
    background:url("http://images.cbssports.com/images/spin/spin_v3/common_top.gif") 0 0 no-repeat;
}

#container #rerun .componentFoot, #container #rerun2 .componentFoot, #container #photo .componentFoot, #container #poll .componentFoot {
    background:url("http://images.cbssports.com/images/spin/spin_v3/common_bot.gif") 0 0 no-repeat;
}

.rerun-co, #container #rerun .componentFoot, .rerun2-co, #container #rerun2 .componentFoot, .photo-co, #container #photo .componentFoot, .poll-co, #container #poll .componentFoot {
    width:320px;
}

#container #rerun .componentContent h4, #container #rerun2 .componentContent h4, #container #extra .componentContent h4 {
    text-transform:none;
    padding-top:0;
}

/* rerun */

#container #rerun .componentContent {
    height:275px;
}

#container #rerun .componentContent img, #container #extra .componentContent img {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}

/* rerun2 */

#container #rerun2 .componentContent {
    border-top:2px solid #fff;
    padding:9px;
    height:296px;
}

#container #rerun2 {
    position:relative;
    top:0;
    left:0;
}

#container #rerun2 p {
    margin-bottom:1em;
}

#container #rerun2 #leftCorner, #container #rerun2 #rightCorner {
    display:block;
    height:5px;
    width:5px;
    position:absolute;
    background-image:url("http://images.cbssports.com/images/spin/spin_v3/2story_top.gif");
    top:0;
}

#container #rerun2 #leftCorner {
    left:0;
    background-position:0 0;
}

#container #rerun2 #rightCorner {
    right:0;
    background-position:100% 0;
}

/* photo */

#container #photo .componentContent {
    height:380px;
    padding:5px 8px;
}

* html #container #photo .componentContent {
    height:385px;
}

#container #photo h2 .snd.sIFR-replaced {
    margin-left:-20px;
}

/* poll */

#container #poll .componentContent {
    height:370px;
    padding-top:15px;
}

* html #container #poll .componentContent {
    height:385px;
}

#container #poll #pollheader {
    display:none;
}

#container #poll table {
    background:none !important;
    border:none !important;
    color:#000 !important;
}

#container #poll div.pollQuestion{
    color:#000;
    text-transform:uppercase;
    font-size:14px;
    margin-bottom:15px;
    padding:0 10px;
}

#container #poll div.pollQuestion, #container #poll .pollResponce{
    font-size:14px;
    font-weight:700;
    color:#000;
 }

#container #poll div.pollResponce {
    padding-left:10px;
}

#container #poll .pollPercent {
    vertical-align:top;
    margin-right:5px;
    font-weight:700;
    color:#000;
}

#container #poll .pollRadioButtonCell {
    padding-left:10px;
    padding-right:5px;
}

#container #poll .pollTotal {
    font-size:10px;
    color:#000;
}

#container #pollDiv div a img {
    margin-top:30px;
}

/* Newsletter Signup Widget - homepage component */
#container #newsletterwidget .componentHeader {background:url("http://images.cbssports.com/images/spin/spin_v3/common_top_324.gif") 0 0 no-repeat;}
#container #newsletterwidget .componentFoot {background:url("http://images.cbssports.com/images/spin/spin_v3/common_bot_324.gif") 0 0 no-repeat;}
#container #newsletterwidget .componentContent {padding:5px 0;}
.newsletter-co, #container #newsletterwidget .componentFoot {width:324px;}
#container #newsletterwidget .fcbordernobg {background-color:#fff;}

/* video*/
#container #spinvideo .componentHeader {
    background:url("http://images.cbssports.com/images/spin/spin_v3/video_top.gif") 0 0 no-repeat;
}

#container #spinvideo .componentFoot {
    background:url("http://images.cbssports.com/images/spin/spin_v3/video_bot.gif") 0 0 no-repeat;
    }

#container #spinvideo .componentContent {
    padding:5px 0;
}

.spinvideo-co, #container #spinvideo .componentFoot {
    width:324px;
}

#container #spinvideo h2 .snd.sIFR-replaced {
    margin-left:-15px;
}

#container #spinvideo h2 .snd {
    margin-left:0;
}

#container #spinvideo .moreclips {
    margin-top:1em;
}

#container #spinvideo p {
    margin-bottom:1em;
    text-align:left;
}

#container #spinvideo #spinVideoContent {
    padding:5px 4px;
}

#container #spinvideo #commandsTbl a:hover {
    color:#fff;
    text-decoration:underline;
}

#descDiv .video_icon {
    display:none;
}

/* spin extra */

#container #extra .componentHeader {
    background:url("http://images.cbssports.com/images/spin/spin_v3/video_top.gif") 0 0 no-repeat;
}

#container #extra .componentFoot {
    background:url("http://images.cbssports.com/images/spin/spin_v3/video_bot.gif") 0 0 no-repeat;
    }

.extra-co, #container #extra .componentFoot {
    width:324px;
}

#logDiv {
    display:none;
}

/* coverlist slideshow */

#myGallery {
    width: 448px;
    height: 240px;
    z-index:5;
    display: none;
    margin-top:5px;
}

.jdGallery {
    overflow: hidden;
    position: relative;
    left:2px;
}

.jdGallery img {
    border: 0;
    margin: 0;
}

.jdGallery .slideElement {
    width: 100%;
    height: 100%;
    background-color: #000;
    background-repeat: no-repeat;
}

.jdGallery .loadingElement {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
}

.jdGallery .slideInfoZone {
    display:none;
}

.jdGallery .slideInfoZone h2 {
    padding: 0;
    font-size: 80%;
    margin: 0;
    margin: 2px 5px;
    font-weight: bold;
    color: inherit;
}

.jdGallery .slideInfoZone p {
    padding: 0;
    font-size: 60%;
    margin: 2px 5px;
    color: #eee;
}

.jdGallery .carouselbg {
    position: absolute;
    left:0;
    top:0;
    background:#fff;
    height:56px;
    width:100%;
}


.jdGallery div.carouselContainer {
    position: absolute;
    height: 60px;
    width: 100%;
    z-index: 10;
    margin: 0px;
    left: 0;
    top:0;
}

.jdGallery a.playpauseBtn {
    position: absolute;
    top:6px;
    left:390px;
    height:47px;
    width:50px;
    cursor: pointer;
    z-index:90;
}

.jdGallery a.playpauseBtn img {
    position:relative;
    top:0;
    left:0;
}

.jdGallery a.playpauseBtn .playImg {
    display:block;
}

.jdGallery a.playpauseBtn .pauseImg {
    display:none;
}

.jdGallery .carousel {
    position: absolute;
    width: 100%;
    margin: 0px;
    left: 0;
    top: 0;
    height: 56px;
    text-indent: 0;
    overflow: hidden;
}

.jdGallery .carousel .carouselWrapper {
    position: absolute;
    width: 100%;
    height: 56px;
    top: 5px;
    left: 0;
    overflow: hidden;
    text-align:left;
}

.jdGallery .carousel .carouselInner {
    position: relative;
}

.jdGallery .carousel .carouselInner div.thumbnail {
    cursor: pointer;
    float: left;
    padding:0;
    width:60px;
    height:40px;
}

.jdGallery .carousel .label {
    display:none;
}

.jdGallery .carousel .label .number {
    color: #b5b5b5;
}

.jdGallery a {
    font-size: 100%;
    text-decoration: none;
    color: inherit;
}

.jdGallery a.right, .jdGallery a.left {
    display:none;
}

.jdGallery a.right:hover, .jdGallery a.left:hover {
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.jdGallery a.left {
    left: 0;
    top: 0;
}

.jdGallery a.right {
    right: 0;
    top: 0;
}

.jdGallery a.open {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.withArrows a.open {
    position: absolute;
    top: 0;
    left: 0;
    height: 180px;
    width: 100%;
    cursor: pointer;
    z-index: 40;
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/* photo spin slideshow */

#myGallery2
{
	width: 300px;
	height: 250px;
	z-index:5;
	display: none;
}

.jdGallery2
{
    /*overflow: hidden;*/
    position: relative;
}

.jdGallery2 img
{
    border: 0;
    margin: 0;
}

.jdGallery2 .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdGallery2 .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
}

.jdGallery2 .slideInfoZone
{
	position: absolute;
	z-index: 10;
	margin: 0;
	width:280px;
	left: 10px;
	bottom: -49px;
	height: 40px;
	text-indent: 0;

}

* html .jdGallery2 .slideInfoZone {
	top: 258px;
}

.jdGallery2 .slideInfoZone h2 {
	display:none;
}

.jdGallery2 .slideInfoZone p {
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
    text-align:left;
}

#container .jdGallery2 p.imagenumber {
    position:absolute;
    top:340px;
    left:0;
    width:300px;
    text-align:center;
    color:#000;
    font-weight:700;
    font-size:18px;
    text-transform:uppercase;
}

* html #container .jdGallery2 p.imagenumber {
    top:335px;
}

.jdGallery2 div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery2 a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery2 .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery2 .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery2 .carousel .carouselInner
{
	position: relative;
}

.jdGallery2 .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery2 .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery2 a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery2 a.right, .jdGallery2 a.left
{
	position: absolute;
	height: 62px;
	width: 52px;
	cursor: pointer;
	z-index:10;
}


.jdGallery2 a.left
{
	left: 35px;
	top: 326px;
	background: url('http://images.cbssports.com/images/spin/spin_v3/photo_prev.jpg') no-repeat center left;
}

.jdGallery2 a.right
{
	right: 35px;
	top: 326px;
	background: url('http://images.cbssports.com/images/spin/spin_v3/photo_next.jpg') no-repeat center right;
}

* html .jdGallery2 a.left, * html .jdGallery2 a.right {
    top:321px;
}

.jdGallery2 a.open
{
    display:none;
}

.withArrows a.open
{
    display:none;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* decoy*/


.sIFR-hasFlash h2 {
    visibility: hidden;
    font-size:20px;
    height:31px;
    line-height:31px;
    overflow:hidden;
}


/* Burly Show Promo Page */

#promoImage {
    background:transparent url("/images/spin/bs/img_promo.jpg") 0 0 no-repeat;
    width:644px;
    height:368px;
    position:relative;
    top:0;
    left:0;
}

#promoImage a.husky {
    display:block;
    text-indent:-9999px;
    width:177px;
    height:32px;
    position:absolute;
    top:289px;
    left:112px;
}



