/* for the Tarot.com spotlight area */

div.spotlightContainer {
  display:none;
  width:300px;
  background-repeat:repeat-y;
  margin:20px 0px 0px 0px;
  padding:0px;
  font-family:verdana;
}

/* top banner/header area */
.spotlightTop {
  width:300px;
  height:42px;
  overflow:hidden;
  background-repeat:no-repeat;
}

/* different backgrounds for each set's banner */
#spotlightTop1 {
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set1/masthd.gif);
}

#spotlightTop2 {
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set2/masthead.gif);
}

#spotlightTop3 {
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set3/masthead.gif);
}

#spotlightTop4 {
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set4/masthead.gif);
}

/* banner text */
.spotlightTop p {
  font-size:11px;
  color:white;
  margin:5px 0px 0px 5px;
}

.spotlightTop b {
  font-size:14px;
}



/* background for the side stripes on each conent area */
div#tarotSpotSet1 {
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set1/bg-tile.gif);
}

div#tarotSpotSet2 {
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set2/bg-tile.gif);
}


div#tarotSpotSet3 {
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set3/bg-tile.gif);
}


div#tarotSpotSet4 {
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set4/bg-tile.gif);
}

div.spotlightTop {
  height:42px;
  width:300px;
  margin:0px;
  padding:0px;
  overflow:hidden;
}

div#tarotSpotSet1 img, div#tarotSpotSet2 img, div#tarotSpotSet3 img, div#tarotSpotSet4 img {
  margin:0px;
  padding:0px;
}


/* date */
p.spotlightDate {
  font-size:11px;
  color:#456B51;
  font-weight:bold;
  margin:15px 15px 15px 15px;
}

/* content area */
div.tab2, div.tab3 {
  display:none;
}

/* tab content height restriction here */
div.tabContent {
  margin:0px 15px 0px 15px;
  font-size:11px;
  height:180px;
  overflow:hidden;
}

div.tabContent p {
  margin:0px;
  padding:0px;
}

div.tabContent div.tabImg {
  width:105px;
  float:left;
}

div.tabContent div.tabText {
  width:165px;
  float:left;
}

div.tabContent p.tabSubHead {
  font-size:12px;
  font-weight:bold;
  color:#456B51;
  line-height:15px;
  margin-bottom:8px;
}

div.tabContent p.tabCopy {
  line-height:13px;
}

div.tabContent p.tabLinks {
  text-align:right;
  margin-top:10px;
  margin-bottom:15px;
}

/* tab area */
div.spotlightBottom {
  height:49px;
  overflow:hidden;
  background-repeat:no-repeat;
  padding-left:5px;
  padding-right:5px;
  padding-top:3px;
  background-color:white;
}

/* tab links */
div.spotlightBottom div {
  text-align:center;
  line-height:12px;
}

div.spotlightBottom a {
  text-decoration:none;
  font-size:10px;
  color:white;
}

div.spotlightBottom a.tabLinkOn {
  color: #456B51;
  font-weight:bold;
}

div.spotlightBottom div.tablink1 {
  width:96px;
  float:left;
}

div.spotlightBottom div.tablink2 {
  width:96px;
  float:left;
}

div.spotlightBottom div.tablink3 {
  width:96px;
  float:left;
}

/* tab backgrounds */
div#set1tab1 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set1/left-on.jpg);
}

div#set1tab2 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set1/mid-on.jpg);
}

div#set1tab3 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set1/right-on.jpg);
}

div#set2tab1 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set2/left-on.jpg);
}

div#set2tab2 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set2/mid-on.jpg);
}

div#set2tab3 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set2/right-on.jpg);
}

div#set3tab1 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set3/left-on.jpg);
}

div#set3tab2 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set3/mid-on.jpg);
}

div#set3tab3 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set3/right-on.jpg);
}

div#set4tab1 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set4/left-on.jpg);
}

div#set4tab2 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set4/mid-on.jpg);
}

div#set4tab3 div.spotlightBottom{
  background-image:url(http://gfx.tarot.com/images/decoz/spotlight/set4/right-on.jpg);
}

div.clearFloat {
  clear:both;
  height:1px;
}