@charset "utf-8";
/* News CSS Document copyright Steve Sabia. */


/* create this div id as hook for JS insert */
#ssdNewsFeed {

}

/* a StoryLeadPanel is a short panel that has a single image (possibly expandable or clickable to larger image) a title that is linked to a more detailed story, a description (some number of paragraphs). */

.ssdStoryLeadPanel { /* apply this to outer div to target styles */
	margin: 0;
	padding: 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.ssdStoryLeadPanel UL, .ssdStoryLeadPanel LI { 
padding:0;
margin:0;
list-style:none;
}

.ssdStoryLeadPanel LI { /* each storyLeadPanel is wrapped in LI */
clear:both; /* clear floats from prev panel image. */
padding-top:20px;
}

.ssdStoryLeadPanel h2 { /* widget title */
padding: 0 ;
margin:0;
 } 

.ssdStoryLeadPanel h3 {  /* story/article lead title */
font-size: 14px;   /* was 1.1 */
padding: 0 0 4px 0;
margin:0;
}

.ssdStoryLeadPanel imageWrap {
}

.ssdStoryLeadPanel imageWrap A {
background:none;	/* override right arrow insert */
}

.ssdStoryLeadPanel .clearBoth {
clear:both; /* clear floats from prev entry */	
}

.ssdStoryLeadPanel IMG {
clear:both; /* clear floats from prev entry */
float:left;
margin: 0 10px 5px 0!important; /* override more specific tabbox.css style on home */
color:#00CCFF;
padding:0;
width:40%;
max-width:300px;
height:auto; /* resp */
background:url(/ImagesContent/webCamLowSrc.gif) center  center no-repeat;
border: #999 solid 2px !important; /* override more specific tabbox.css style on home */
border-radius:4px;
}

.ssdStoryLeadPanel IMG.left {
float:left;
margin: 0 10px 5px 0!important; /* override more specific tabbox.css style on home */
}

.ssdStoryLeadPanel IMG.right {
float:right;
margin: 0 0 5px 10px!important; /* override more specific tabbox.css style on home */
}


.ssdStoryLeadPanel IMG:hover  {
border: #f90 solid 2px!important; /* override more specific tabbox.css style on home */
width:100%;
max-width:320px; /* max rez  of thumbnail*/
}

.ssdStoryLeadPanel IMG:active  {
border: #f90 solid 2px!important; /* override more specific tabbox.css style on home */
width:100%;
max-width:320px; /* max rez of thumbnail */
}

/* description */
.ssdStoryLeadPanel P {
	font-size: 12px; /* was 90 */
	padding: 8px 0 16px 0;
	color:#dddddd;
	line-height:140%;
}  

.ssdStoryLeadPanel .date {  /* date */
	font-size: 90%;
	color: #aaaaaa;
}

.ssdStoryLeadPanel a {
color:#0099FF;
padding: 0 20px 0 0px;
background:url(../../widgetImageCache/rightArrowGoldTrans50per.png) right  center no-repeat;
text-decoration:none;
}

.ssdStoryLeadPanel a:hover {
color:#00CCFF;
padding: 0 20px 0 0;
background:url(../../widgetImageCache/rightArrowGold.png) right  center no-repeat;
}