/* Start of CMSMS style sheet 'newsSlider' */
 /* Rotator wrapper */
.sliderWrapper { 
width: 940px; 
height: 350px; 
padding: 10px; 
background: #fff;}

.sliderInner { 
height: 350px; 
overflow: 
hidden;}
.info { 
width: 265px; 
height: 350px; 
float: left; 
display: inline;}

/* left side of rotator containing small thumbnail and title */
.info ul { 
list-style: none; 
margin: 0; 
padding: 0;}

.info ul li { 
line-height: 64px; 
height: 64px; 
width: 265px; 
padding-left: 10px; 
border-bottom: 1px dotted #ccc; 
background-image:      
 -webkit-gradient(       
linear,          
left bottom,          
left top,          
color-stop(0.22,       
rgb(245,245,245)),         
color-stop(0.61, rgb(255,255,255))); 
background-image:     
-moz-linear-gradient(          
center bottom,          
rgb(245,245,245) 22%,          
rgb(255,255,255) 61%);}

.info li a:link { 
text-decoration: none; 
display: block;}

.info li.activeSlide, .info li a:hover { 
background: #eee;}

.info li a:focus { 
outline: none;}

span.imageThumb { 
float: left; 
background: #f1f1f1; 
border: 1px solid #ccc; 
width: 40px; 
display: inline; 
padding: 5px; 
margin-top: 8px;}

span.postTitle { 
float: left; 
padding-left: 10px; 
font-weight: bold; 
width: 160px; 
display: inline;}

/* right rotator side containing big image and summary text */
.summaryWrapper { 
float: left; 
display: inline; 
width: 675px; 
height: 350px; 
position: relative;}

.summaryImage { 
width: 675px; 
height: 350px; 
}

.summaryContent { 
width: 280px; 
height: 350px; 
background: #000; 
z-index: 999; 
color: #fff; 
position: absolute; 
right: 0; 
top: 0;}

.summaryContent div { 
padding: 10px;}

.summaryContent h2 a { 
font-size: 22px; 
text-decoration: none;}
/* End of 'newsSlider' */