/* this file contains the slider styles for the mobile site
*/

/* LoopSlider */

.sliderContainer {
        width:330px;
        height:145px; /* JR changed from 140 to tighten up spacing */
        overflow:hidden;
        position:relative;
        cursor:pointer;
	margin-bottom:5px;
}
:focus {
        outline: 0;
}
div.slides {
        position:absolute;
        top:0;
        left:0;
}
.slides h1 {
        font-size:17px;
        font-weight:bold;
        color:#b51e23;
        line-height:1.1;
        margin-bottom:3px;
	text-align:center;
}

.slides h2 {
        margin-top:10px;
        line-height:1;
        padding-top:3px;
}

.slides .byline {
        font-size:12px;
        color:#999;
}

ul.slides {
        position:absolute;
        top:0;
        left:0;
        list-style:none;
        padding:0;
        margin:0;
}
div.slides > div, ul.slides li {
        position:absolute;
        top:0;
        width:330px;
        display:none;
        padding:0;
        margin:0;
}

#loopedSlider {
        margin:8px auto;
        width:330px;
        position:relative;
        clear:both;
}

.active {
        border-left: none;
        border-right: none;
}
a.next { 
	float:right;
text-decoration:none;
color:white;
font-size:18px;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
a.previous {
float:left;	
text-decoration:none;
color:white;
font-size:18px;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.previousImg { 
  width:22px;position:relative;top:-25px;left:0px;
}
.nextImg { 
  width:22px;position:relative;top:-25px;left:0px;
}
.caption {
z-index: 1;
position: absolute;
bottom: 0px;
left: 0px;
height: 40px;
text-align:left;
padding: 8px 4px 0 0px;
background: #000;
background: rgba(201,78,87,.8);
/*background: rgba(0,0,0,.5);*/
width: 326px;
font-size: 0.9em;
line-height: 1.2;
color: #fff;
border-top: 1px solid #000;
text-shadow: none;
}

#featureImg {
        width: 330px;
        margin:0 auto;
        background-color:#fff;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
#featureImg img {
        width: 330px;
}
#featureText {
        margin: 0 auto;
        text-align: left;
        width: 330px;
        font-size: 12px;
        color: #333333;

}
.captionCounter { 
  padding:5px 8px 0px 7px;font-size: 1.2em;height:40px;float:left;
}