h1
{
    color:Yellow;
}
#top {
	
}

#header {
	
}

#points
{
    
}
#team
{
    
}

#unlockable
{
}

.row
{
    width:100%;
    float:left;
    position:relative;
    
}

.clear 
{
    clear:both;
}
.card
{
    
}
.locked
{
    
    
}
.unlocked
{
    
}

.stepcarousel
{
    position: relative; /*leave this value alone*/
    border: none;
    overflow: scroll; /*leave this value alone*/
    width: 600px; /*Width of Carousel Viewer itself*/
    height: 250px; /*Height should enough to fit largest content's height*/
    background-color: transparent;
    left:65px;
	padding:0px;
	margin:0px;
	
}

.stepcarousel .belt
{
    position: absolute; /*leave this value alone*/
    left: 0px;
    top: 0;
	
	
}

.stepcarousel .panel
{
    float: left; /*leave this value alone*/
/*clip content that go outside dimensions of holding panel DIV*/
    margin: 10px; /*margin around each panel*/
    width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	padding:0px;
}

.panel
{
    width: 170px;
    height: 170px;
	
}
.abPos
{
   position:absolute;    
}

.panel img{
   width:140px;
    height:170px;
}

#placement{
background-image:url('/images/mb_dlpayback.jpg');
background-repeat:no-repeat;
margin:auto;
position:relative;
width:753px;
}

#totPts
{
    font-weight:bold;
}
.pts
{
    padding-right:5px;
}
#freeCnet
{
    position:relative;
    float:left;
    clear:both;
}
#pdCnt
{
    position:relative;
    float:left;
    clear:both;
    margin-bottom:15px;
    margin-top:10px;
}

.overlay
{
    display: none; 
    width: 150px; 
    height: 80px; 
    position: absolute; 
    top: 0; 
    left: 0;   
	padding:0px;
	margin:0px;
	text-align:center;
}

a.one:link 
{
    color: #ff0000;
}
a.one:visited 
{
    color: #0000ff;
}
a.one:hover 
{
    border:2px solid #fff;
}

.overlayImage
{
    
}

/*  CSS from content_combine */

img
{
	border: none;
}


#carousel
{
	width: 600px;
	height: 150px;
	position:absolute;
}


#carousel span
{
	position: absolute;
	width: 40px;
	text-decoration:none;
	color:#fff;
	text-align:center;
    color:#fff;
    font-family:verdana;
    padding:0px;
    margin:0px;
    font-weight:bold;
    font-size:11px;
}


 #carousel img
{
width:140px;
height:170px;
}
.hidPts
{
    text-align: center;
    background-color: transparent;
    color: #FFFFFF;
    border-style: none;
    width:110px;
}


/* css from Brian's personal Repo */
.yellowbox
{
	width: 894px;	
}
#topnav
{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.top 
{
	background-image: url('/images/yellow_top.png');
	background-repeat: repeat-x;
	background-position: left top;
	height: 16px;
}
.middle 
{
	background-image: url('/images/yellow_middle.png');
	background-repeat: repeat-y;
	background-position: left bottom;
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 870px;
}

.bottom 
{
	background-image: url('/images/yellow_bottom.png');
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 16px;
}

#ftText
{
    position:relative;
    width:765px;
    float:left;
}

#logo embed
{	
	overflow: visible;
}

#logo
{
	position: relative;
	z-index: 1;
	right: 20px;
	width: 240px;
}

#yellowbox_wrapper
{
	z-index: 0;
	position:relative;
	top: -40px;
}
#inside 
{
	background-image: url(/images/inside_tile.jpg);
	background-color: #05070E;
	background-repeat: repeat-y;
	background-position: left top;
}
#content
{
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
