/*_____________________________________________ Start - Projects - sc_carouseldiv _____________________________________________*/


 .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}

  .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
}  
 .carousel a.prev,  .carousel a.next {
        margin-top:130px;
        display: block;
        float: left;
        width: 50px;
	height:50px;
        text-decoration: none;
        background: url("../i/imageNavLeft.png") center no-repeat;
}
 .carousel a.next {
background: url("../i/imageNavRight.png") center no-repeat;

}
 .carousel a.next:hover {
    opacity:0.7;
}
 .carousel a.prev:hover {
   opacity:0.7;
}    
 .carousel a:hover,  .carousel a:active {
    border: none;
    outline: none;
}     
 .carousel .jCarouselLite {
        
        float: left;
        background-color: transparent;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
}
 .carousel ul {
margin: 0;
}
 .carousel li img
 {
background-color: #fff;
width: 289px;
margin: 10px;
}

/** jcarousel lite requires img height and width to be set **/
.carousel .goal,.carousel .None {
	width: 289px;
	height:244px;
}
.carousel .field{
	width: 289px;
	height:244px;
}
.carousel .spray{
	width: 289px;
	height:auto;
}
.carousel .roster-carousel{
width: 520px;
height:auto;
}
.carousel li p{
	width: 289px;
line-height: 20px;
height: auto;
margin: 10px;
font-size:14px;
}
.carousel li .title{
 font-weight:bold;
}       
.carousel li .stats{
 font-weight:bold;
 overflow-y:scroll;
 font-size:13px;
 line-height: 20px;
 height:300px;
 border:1px solid #fff;

} 

         .widget img {
cursor: pointer;
        }
 .mid {
    margin-left: 80px;
    width: 400px;
    height: 300px;
}
 .vertical {
    margin-left: 170px;
}
     .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
        width: 170px;
    }
 .imageSlider li img, 
 .imageSlider li p, 
 .imageSliderExt li img , 
 .imageSliderExt li p {
    width: 400px;
    height: 300px;
}

/*_____________________________________________ End - Projects - sc_carouseldiv _____________________________________________*/



/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:640px; width:1100px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px; margin-top:10px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a.modalCloseImg {background:url("../i/x.png") no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}