/* TODO: refactor the styles out of the static html pages into here.  */

/* Feed Widget Styles */ 

body {
    scrollbar-3dlight-color:white;
    scrollbar-arrow-color:silver;
    scrollbar-track-color:silver;
    scrollbar-darkshadow-color:gray;
    scrollbar-face-color:white;
    scrollbar-highlight-color:white;
    scrollbar-shadow-color:silver;
}
    
.feedContentBox		{position:relative;width:340px;height:180px;margin-left:7px;background:#FFFFFF url(gfx/box-bot-fill.gif) no-repeat bottom center;}

.feedboxShadowLeft			{position:absolute;width:100%;height:188px;top:0px;left:0px;background:url(gfx/box-shadow-left.png) no-repeat top left;}
.feedboxShadowRight			{position:absolute;width:100%;height:188px;top:0px;left:-46px;background:url(gfx/box-shadow-right.png) no-repeat top right;}
.feedboxShadowBotLeftCorner		{position:relative;width:7px;height:21px;float:left;background:url(gfx/box-shadow-bot-left-corner.png) no-repeat top left;}
.feedboxShadowBotLeft		{position:relative;width:100px;height:21px;float:left;background:url(gfx/box-shadow-bot-left.png) no-repeat top left;}
.feedboxShadowBot			{position:relative;width:140px;height:21px;float:left;background:url(gfx/box-shadow-bot.png) repeat-x top left;}
.feedboxShadowBotRight		{position:relative;width:100px;height:21px;float:left;background:url(gfx/box-shadow-bot-right.png) no-repeat top left;}
.feedboxShadowBotRightCorner	{position:relative;width:7px;height:21px;float:left;background:url(gfx/box-shadow-bot-right-corner.png) no-repeat top left;}
.feedboxShadowBotMap		{position:relative;width:214px;height:21px;float:left;background:url(gfx/box-shadow-bot.png) repeat-x top left;}
.feedrightBoxFooter			{position:relative;width:354px;height:21px;}

#feedTitleWrapper {
    float: left;
    display: inline;
    position: relative;
    width: 40%;
    margin-top: 56px;
    left: 585px;
}

#activeTitle {
    width: 100%;
    display: block;
    font-size: 32pt;
    font-weight: bold;
    color: #CF0B07;
    line-height: 42px;
}

#activeContent {
    width: 100%;
    display: block;
    font-size: 20pt;
    font-weight: bold;
    color: black;
    line-height: 28px;
    margin-top: 10px;
}

#activeContent a {
    font-size: 14pt;
}

#outerFeedWidget
{
    display: inline;
    position: relative;
    float:right; 
    margin-top: 0px;
    width:400px; 
    height: 185px; 
    right: 8px;
}

.feedWidget{
	background: white; /*url(img/bg.png) repeat-x #47525c;*/
	width:100%;
    height: 185px;
	position:relative;
	
	/* Remains hidden if JS is not enabled: */
	display:none;
	z-index:20;
}


#activeTab.hover,.dropDownList{
	background:url(script/img/drop_arrow.png) no-repeat 95% 50% #EEEEEE;

	
	cursor:pointer;
	
	/* CSS3 round corners: */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
}

#activeTab,.dropDownList div{
	color:black;
	cursor:pointer;
    font-family: helvetica, arial;
	font-size:12pt;
	padding-left:7px;	
    padding-top:2px;
    margin-top: 8px;
	/*text-shadow:0 2px #bdbdbd;*/
}

.line{
	height:2px;
	overflow:hidden;
	background-color:#bdbdbd;
	margin:8px 0;
}

.dropDownList{
	background-image:none;
	position:absolute;

	border-top:none;
	padding-left:0px;
    padding-top:0px;	
    margin-top:0px;	
	/* We reset the roundness of the top corners, inherited by a previous rule: */
	
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;

    height: 20px;
    line-height: 0px;
    border-bottom: 1px solid #bdbdbd;
}

.dropDownList div:hover{
	background-color:#CF0B07;
    color: white;
    height: 20px;
    top: -10px;
    position: relative;
    line-height: 20px;
}

#tabContent {
    height: 140px;
    overflow: auto;
}

#tabContent div{
	/* The feed entry divs */
	
	background-color:#EEEEEE;
	color:#555555;
	font-size:10px;
	margin-bottom:10px;
	padding:5px;
	position:relative;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-moz-box-shadow:0 1px 1px black;
	-webkit-box-shadow:0 1px 1px black;
	box-shadow:0 1px 1px black;
}