/* these are modules specific to front and indexes */

/* Top Stories Module */
#topStories { clear: both; margin: 0; line-height: 1.1; overflow: hidden; border: 0px solid; -moz-box-sizing: border-box; box-sizing: border-box; height: 250px; position: relative; padding: 0 5px; background: url(../images/bg.jpg) repeat-x top; }

.imagelink { float: right; margin: 10px 0 10px 10px; }
#story1, #story2, #story3, #story4 { height: 200px; overflow: hidden; }
#story2, #story3, #story4 { display: none; }
#topStories h3 { margin: 0; padding: 5px 0 0; }

#topStoryImage { margin: 0; padding: 0; }
#topStoryImage img { margin: 0; padding: 0; }
.topStoryHor { float: left; }
.topStoryHor img { padding: 0 0 0 5px; }

.topStoryDetailsHor { margin-left: 290px; }
#topStories p { margin: 5px 0; }
#topStories p.readMore  { position: absolute; bottom: 30px; right: 5px; padding: 0; text-align: right; text-transform: lowercase; }
p.topStoryRelated { margin: 0; padding: 0; color: #9c9a9c; font-weight: 700; text-transform: uppercase; }

#story1 ul, #story2 ul, #story3 ul, #story4 ul { margin: 0; padding: 0 0 10px 5px; }
#story1 li, #story2 li, #story3 li, #story4 li { margin-left: 15px; color: #11327f; font-weight: 700; }
#topStories li.RelatedLink { padding-left: 3px; }



.topStoriesControls { position: absolute; bottom: 0; height: 25px; margin: 0; padding: 0 1px; border-width: 1px 0 0; border-style: solid; border-color: #ccc; width: 336px; }
.topStoriesControls ul { float: right; margin: 0; padding: 3px 10px 0 0; height: 24px; }
.topStoriesControls li { margin: 0; padding: 0; font-size: 12px; width: 12px; font-weight: 700; display: inline; line-height: 12px; text-align: center; list-style-type: none; float: left; }
.topStoriesControls li.passiveControls a { padding: 0px; }
.topStoriesControls li.activeControls a, .topStoriesControls li.activeControls a:hover, .topStoriesControls li.activeControls a:visited { padding: 0px; color: #000; }
.topStoriesControls li.controlButton { margin: 0; padding: 0; }
.topStoriesControls img { margin: 0; padding: 0; border: none; vertical-align: middle; }
.topStoriesControls .numbers { border: 0px; }
.topStoriesControls .buttons { float: right; border: 0px; padding-top: 2px; }

.topStoriesControls .numbers ul { padding: 0; margin: 0; list-style-type: none; }
.topStoriesControls .numbers li { float: left; list-style-type: none; margin: 4px 0; padding: 0 2px; white-space: nowrap; border-width: 0 0 0 1px; border-style: solid; border-color: #ccc; }
p.stationDomain { float: left; font-weight: normal; }
.topStoriesControls .numbers li a { display: block; width:12px; height:12px; }
.topStoriesControls li a:hover { }
.numbers li#controls1 { border-width: 0; }
.numbers li#controls2 a { }
.numbers li#controls3 a { }
.numbers li#controls4 a { }
.numbers li#controls5 a { }
.numbers li#controls6 a { }