/* Box and TabBox Backgrounds
---------------------------------------------------------------------------------- */
div.BoxContent, div.TabContent
{background:#0077a2 url(/sites/247m/content/images/site-layout/box-bgrnd.png) repeat-x bottom left};


/* ROUNDED CORNERS
---------------------------------------------------------------------------------- */
/* Box Header Rounded Left Cap */
div.BoxHeader { background: none;} /*added because we have to overwrite the original*/
div.BoxHeader { 
	background-image: url(/sites/247m/content/images/rounding/spas-box-header.gif);}

/* Box Header Rounded Right Cap */
div.BoxHeader div { 
	background-image: url(/sites/247m/content/images/rounding/spas-box-header-right.gif);}

/* Box Links Rounded Bottom Left Cap */
div.BoxLinks {  
	background-image: url(/sites/247m/content/images/rounding/spas-rounded-base.gif);}

/* Box Links Rounded Bottom Right Cap */	
div.BoxLinks ul { 
	background-image: url(/sites/247m/content/images/rounding/spas-rounded-base-right.gif);}

/* Hover Tab - Left */	
div.TabBoxHeader ul li:hover,
div.TabBoxHeader ul li.Hover,
div.TabBoxHeader ul li.SelectedTab li:hover,
div.TabBoxHeader ul li.SelectedTab li.Hover
 { /* Tab-hovered Rounded Left Cap */
	background-image: url(/sites/247m/content/images/rounding/spas-tab-over.gif);}

/* Hover Tab - Right */	
div.TabBoxHeader ul li a:hover,
div.TabBoxHeader ul li.SelectedTab a:hover,
div.YourForecastTabBox div.TabBoxHeader ul li a:hover,
div.YourForecastTabBox div.TabBoxHeader ul li.SelectedTab a:hover
 { 
	background-image: url(/sites/247m/content/images/rounding/spas-tab-over-right.gif);}

/* Active Tab - Left */	
div.TabBoxHeader ul li.SelectedTab
{
	background-image: url(/sites/247m/content/images/rounding/spas-tab-active.gif);
}

/* Active Tab - Right */
div.TabBoxHeader ul li.SelectedTab a,
div.TabBoxHeader ul li.SelectedTab a:link,
div.TabBoxHeader ul li.SelectedTab a:active,
div.TabBoxHeader ul li.SelectedTab a:visited,
div.YourForecastTabBox div.TabBoxHeader ul li.SelectedTab a,
div.YourForecastTabBox div.TabBoxHeader ul li.SelectedTab a:link,
div.YourForecastTabBox div.TabBoxHeader ul li.SelectedTab a:active,
div.YourForecastTabBox div.TabBoxHeader ul li.SelectedTab a:visited
{
	background-image: url(/sites/247m/content/images/rounding/spas-tab-active-right.gif);
	}

/* this is for the javascript overlay window when someone emails a story */
div.Body {color:#000;background:#eee;}