/* MOLECULAR INC. - CSS by Amanda Flohr-Egile & Yuval Zukerman  Modified by Kathy DeVault 11/06 */ 


div#nav
{
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
div#wrapper 
{
	float: left;
	width: 1000px;
	margin:0;
	padding:0;
	border:0;
	background: transparent url("http://www.projo.com/images/bg_wrapper.gif") repeat-y;
}
div#wrapperadpay 
{
	float: left;
	width: 1000px;
	margin:0;
	padding:0;
	border:0;
	
}
div#secondarycontainer
{  
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#secondary
{  
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url("http://www.projo.com/images/bg_left_grad.gif") no-repeat left top;
}

div#primarycontainer 
{  
	float: left;
	width: 780px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url("/images/bg_lowercolumns.gif") repeat-y;
}

div#primary
{  
	width: 780px;
	margin: 0;
	padding: 0;
	border: 0;
	/* background-image: url("http://www.projo.com/images/bg_green.gif"); DIFF */
	/* background-repeat: repeat; DIFF */
}
/* LAYOUT STRUCTURE FOR LOWER AREA */


div#bottomcap
{  
	float: left;
	width: 780px;
	height: 18px; /* Diff */
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url("http://www.projo.com/images/bg_bottomcap.gif") no-repeat;
}

/* FOOTER */
div#footercontainer
{  
	clear: both;
	float: left;
	width: 970px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border:0;
	text-align: center;
	background: #ECE8DF url("http://www.projo.com/images/bg_footer.gif") no-repeat;
}
div#footercontaineradpay
{  
	clear: both;
	float: left;
	width: 995px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border:0;
	text-align: center;
	background: #ECE8DF url("http://www.projo.com/images/bg_footer.gif");
}
div#footercontainer_search
{  
	clear: both;
	float: left;
	position: relative;
	top: -60px;
	width: 970px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border:0;
	text-align: center;
	background: #ECE8DF url("http://www.projo.com/images/bg_footer.gif") no-repeat;
}

div#footer
{  
	margin: 0;
	padding: 15px 0 25px 0;
	border: 0;
	color: #666;
	background: transparent;
	font-size: 11px;
	font-weight: normal;
}
div#footer img.ad
{  
	margin: 10px 0 7px 0;
	padding: 0;
	border: 0;
}
div#footer p
{  
	margin: 3px 0 1px 0;
	padding: 0;
	border: 0;
	line-height: 13px;
	font-weight: normal;
}
/* DASHBOARD */
div#dashboard
{  
	width: 780px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url("http://www.projo.com/images/bg_purple.gif") repeat;
}

html { height: 100%; }

body 
{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	line-height: 130%;
	font-family: Verdana, Arial, Sans-serif;
	voice-family: "\"}\""; voice-family: inherit;
	height: 100%;
	width: 970px;	
	background-color: #ECE8DF;
}
img
{
	border-width: 0px;
}



/* root container for page */
div#container
{
	
}

/* HEADER - FOR PAGES WITH SHORTER AD AND TALENT HEADS  */
div#header_area
{
	height: 80px;
	width: 100%;
	background-image: url("/images/masthead_bg.gif");
	background-repeat: no-repeat;
	vertical-align: top;
}

div#header_area_test
{
	height: 90px;
	width: 100%;
	background-image: url("http://www.projo.com/images/masthead_home.jpg");
	background-repeat: no-repeat;
	vertical-align: top;
}

div#header_area_news
{
	height: 105px;
	width: 100%;
	background-image: url("http://www.projo.com/images/masthead_news.gif");
	background-repeat: no-repeat;
	vertical-align: top;
}
/* HEADER - FOR PAGES WITH TALLER AD AND NO TALENT HEADS */
div#header_tall
{
	height: 120px;
	width: 100%;
	background-image: url("http://www.projo.com/images/masthead_tall.gif");
	background-repeat: no-repeat;
	vertical-align: top;
}
/*added to change the masthead to the projo jobs logo 091507*/
div#header_projojobs
{
	height: 120px;
	width: 100%;
	background-image: url("http://www.projo.com/images/masthead_projojobs.gif");
	background-repeat: no-repeat;
	vertical-align: top;
}

div#header_tall div#banner /* IE-specific exists */
{	
	float: right;
	clear: none;
	margin-right: 10px;
	margin-top: 3px;
}
div#header_tall div#banner img
{	
	border-width: 0;
}
/*div#utility_menu
{
	height: 19px;
	clear: both;
	text-align: right;
	padding-right: 10px;
}*/
div#utility_menu { position: relative; height: 19px; float: right; text-align: left; padding:1px 8px 0 0 !important; margin: -13px 0 -13px 0; }
html>/**/body div#utility_menu { height: 19px; float: right; text-align: left; padding:1px 8px 0 0 !important; margin: -13px 0 -13px 0; }
*:first-child+html div#utility_menu { height: 19px; float: right; text-align: left; padding:1px 8px 0 0 !important; margin: 0 0 0 0; }
div.slcgm_hidden { display: none; }
div#utility_menu ul
{
	list-style-type: none;	
	float: right;	
	display: inline;
	margin: 0;
	padding-left: 5px;
	padding-top: 4px;
}

div#utility_menu ul li
{
	display: inline;
}

div#utility_menu ul li a, div#utility_menu ul a, div#utility_menu ul li a
{		
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
}
div#utility_menu ul li a:hover
{
	text-decoration: underline;
}
div#header_area div#advertisement /* IE-specific exists */
{
	color: #000;
	float: right;
	clear: right;
	font-size: 10px;
	padding-top: 1px;
	margin-right: 15px;
}


div#header_area_test div#advertisement /* this is the temp style for the new yahoo nav IE-specific exists */
{
	color: #000;
	float: right;
	clear: right;
	font-size: 10px;
	padding-top: 1px;
	margin-right: 5px;
}

div#header_area_test div#banner_small /* this is the temp style for the new yahoo nav IE-specific exists */
{	
	float: right;
	clear: right;
	margin-right: 5px;

}

div#header_area_news div#advertisement /* IE-specific exists */
{
	color: #000;
	float: right;
	clear: right;
	font-size: 10px;
	padding-top: 5px;
	margin-right: 15px;
}
div#header_area div#banner_small /* IE-specific exists */
{	
	float: right;
	clear: right;
	margin-right: 15px;
}
div#header_area_news div#banner_small /* IE-specific exists */
{	
	float: right;
	clear: right;
	margin-right: 15px;
}
div#header_area div#banner_small img
{	
	border-width: 0px;
}
div#header_area_news div#banner_small img
{	
	border-width: 0px;
}
/* search box */
div#search_container
{	
	background-image: url("http://www.projo.com/images/nav_searchbar_background.gif");
	background-repeat: repeat-x;
	height: 28px;	
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}
div#search_container form#search_form
{
	margin: 0px; 
	padding: 0px;
}
div#search_container input
{
	font-size: 10px;
	font-weight: bold;
	position: relative;
	top: 4px;
	left: 10px;
}
/*div#marketplace_title_container
{
	float: right;
	background-image: url("http://www.projo.com/images/market_top_bg.gif");
	background-repeat: no-repeat;	
	margin: 0px;
	padding: 0px;
	width: 327px;
	height: 28px;	
}*/
div#marketplace_title_container_news
{
	float: right;
	background-image: url("http://www.projo.com/images/market_top_news.gif");
	background-repeat: no-repeat;	
	margin: 0px;
	padding: 0px;
	width: 327px;
	height: 26px;	
}
div#navbar /*IE-specific implementation*/
{
	float: left; 
	clear: right;
	background-image: url("http://www.projo.com/images/nav_background.gif");		
	background-repeat: repeat-x;
	width: 100%;
	height: 37px;
	padding: 0px;	 
}
div#weather_container /* IE specific version exists */
{
	float: left;
	width: 780px;
	background-image: url("http://www.projo.com/images/bg_purple.gif"); 
}
	
div#question form input.radio
{
	position: relative;
	top: 2px;
}

/* NEWS PAGE STYLES */

#weather_container img.header
{
	float: right;
	margin-top: 10px; 
	margin-bottom: 10px; 
	margin-left: 15px;
}
#newscol, #specialreports
{
	margin: 0;
	padding: 3px 10px 5px 10px;
	border: 0;
}

div.columnist /* IE-Specific exists */
{
	float: left;
	clear: both;
	border-top: 1px dotted #000;
	width: 385px;
	padding: 10px 10px 7px 0px;
	font-size: 11px;
}

div.columnist_top /* IE-Specific exists */
{
	float: left;
	clear: both;
	padding: 5px 10px 6px 0px;
	width: 385px;
	font-size: 11px;

}

div.columnist img, div.columnist_top img
{
	float: left;	
}



.thumbnail90 /* Style testing by Kathy DeVault to be used anywhere  */
{
	float: left!important;	
	padding: 6px 0px 6px 0px!important;	
	width: 97%!important;	
	font-size: 11px;
}

.thumbnail90 img 
{
	float: left!important;	 
	width: 90px!important;	
	border: 1px solid #999!important;	
	margin: 0px 7px 0px 0px!important;	
}

.thumbnail90_narrow /* Style added by DonnaM  */
{
	float: left!important;	
	padding: 6px 0px 6px 0px!important;	
	width: 97%!important;	
	font-size: 9px;
}

.thumbnail90_narrow img 
{
	float: left!important;	 
	width: 70px!important;	
	margin: 0px 4px 0px 0px!important;	
}





.thumbnail70 /* Style added by KDeVault  */
{
	float: left!important;	
	padding: 6px 0px 6px 0px!important;		
	font-size: 9px!important;
	width: 97%;
}

.thumbnail70 img 
{	position: relative!important;	
	float: left!important;	 
	width: 70px!important;
	border: 1px solid #999!important;		
	margin: 0px 4px 0px 0px!important;

	
}

div.thumbnail70 p

{	
	padding: 1px 1px 1px 0px;
	font-size: 11px; 
	line-height: 14px;
	text-align: left;
	margin: 0px 0px 0px 75px;
}

.thumbnail70 .bulletlist

{

	
	padding: 1px 1px 1px 30px!important;
	font-size: 11px; 
	line-height: 14px;
	text-align: left;
	margin: 5px 0px 0px 50px ;
}



div.thumbnail70 p.video,
div.thumbnail70 p.chat,
div.thumbnail70 p.board,  
div.thumbnail70 p.tell,
div.thumbnail70 p.audio,
div.thumbnail70 p.podcast,
div.thumbnail70 p.slideshow 
{

	
	padding: 1px 1px 1px 25px!important;
	font-size: 11px; 
	line-height: 14px;
	text-align: left;
	margin: 5px 75px;
}




/*.thumbnail90 ul li {
	list-style:inside;
	list-style-image:url(/images/bg_bullet.gif);
	margin: 0;
	padding: 2px 0px 2px 0px;
	font-size: 11px;
	line-height: 13px;	
	 
	}*/
	
.topstory /* Only for top position, Tab1. Don't use links with icons with this style  */
{
	float: left !important;	
	padding: 6px 0px 6px 0px !important;	
	width: 97% !important;	
	font-size: 11px;
}

.topstory img 
{
	float: left !important;	 
	width: 275px !important;	
	border: 1px solid #999 !important;	
	margin: 0px 10px 0px 0px !important;	
}

.topstory .bulletlist
{
	font-size: 11px;
	line-height: 13px;	
	float: left !important;	 
	
}

.story192 /* For secondary stories, tab1. Don't use links with icons with this style  */
{
	float: left !important;	
	padding: 6px 0px 6px 0px !important;	
	width: 97% !important;	
	font-size: 11px;
}

.story192 img 
{
	float: left !important;	 
	width: 192px !important;	
	border:#999 2px !important;	
	margin: 0px 10px 0px 0px !important;	
}

.story192 .bulletlist
{
	font-size: 11px;
	line-height: 13px;	
	float: left !important;	 
	
}


 

div.thumbnail /* OBSOLETE, USE THUMBNAIL90! Style added by Kathy DeVault to be used in Tab 1, narrow right column  */
{
	float: left;
	clear: both;
	padding: 5px 10px 6px 0px;
	width: 235px;
	font-size: 11px;

}

div.thumbnail img
{
	float: left;	
}

.thumbcontent
{
	float:left;
	width: 125px;
	margin: 0;
	padding: 5px 0 0 9px;
	border: 0;	
}



.newscolcontent
{
	float:left;
	width: 280px;
	margin: 0;
	padding: 5px 0 0 9px;
	border: 0;	
}
h6
{
	margin: 0 0 4px 0;
	padding: 0;
	border: 0;
	font-weight: bold;
	font-size: 11px;
}
#newscol img
{
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}
#specialreports img
{
	float: left;
	width: 192px;
	margin: 0;
	padding: 5px 10px 0 0;
}
#specialreportscontent
{
	float: left;
	width: 180px;
	margin: 0;
	padding: 5px 0 3px 2px;
	border: 0px;
}
#specialreportscontent p.other
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
}
#specialreportscontent h5
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	line-height: 14px;
}

/* END  NEWS PAGE STYLES */



/* Marketplace Styles */
div#marketplace_title
{
	float: left;
	font-size: 11px;
	font-weight: bolder;
	color: #46130e;
	margin-top: 12px;	
	margin-left: 12px;
}

div#marketplace_nav_container
{
	float: right;
	clear: right;
	background-image: url("/images/market_middle_bkgd.gif");
	background-repeat: no-repeat;
	width: 327px;
	height: 40px;
	text-align: center;
	
}



div#marketplace_nav_container ul#marketplace_nav
{
	list-style: none;
	text-align: center;
	width: 291px;		
	display: inline;
	position: relative;
	top: 8px;
	right: 2px;
	margin: 0px;
	padding: 0px;
	font-size: 9px;



}



/* div#marketplace_nav_container ul#marketplace_nav li.off is browser specific */

div#marketplace_nav_container ul#marketplace_nav li.off a, 
div#marketplace_nav_container ul#marketplace_nav li.off a:visited
{
	text-decoration: none;
	color: #883919;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 1px;
	padding-right: 1px;

	
}

div#marketplace_nav_container ul#marketplace_nav li.on
{
	display: inline;		
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;
	vertical-align: top;
	text-align: center;

}

div#marketplace_nav_container ul#marketplace_nav li.on a, 
div#marketplace_nav_container ul#marketplace_nav li.on a:visited
{
	text-decoration: none;
	color: #000;
	font-size: 10px;
}

/* div#marketplace_nav_container div#arrow_container is browser specific */


/* tabs */

div#marketplace_tab_background
{
	float: right;
	background-image: url("/images/market_bottom_bkgd.gif");
	background-repeat: no-repeat;
	width: 327px;
	height: 102px;
}



#storycontentright 
	{
	width: 300px; 
	float: right;
}


div#storycontent div#marketplace_tab_background /* IE-specific exists */
{
	position: relative;
	left: 25px;
	top: -59px;
}

div#searchwrapper div#marketplace_tab_background
{
	position: relative;
	right: 0px;	
	z-index: 1000;
}

div#marketplace_tab_background div.top_level
{
	margin-left: 20px; 
	margin-top: 5px;
	width: 280px;
	visibility: hidden;
	position: absolute;
}

/* End Marketplace */

/* Weather component */
div#weather_component /* IE specific version exists */
{
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	padding-left: 10px;
	padding-top: 5px;
	background-image: url("http://www.projo.com/images/dashboard_background.gif");
	background-repeat: no-repeat;
	width: 425px;
	height: 100px;
	text-align: left;
}

div#weather_component span.title
{
	font-weight: bold;
}


div#weather_component div#weather_conditions /* Mac-specific version exists */
{
	float: left;
	font-size: 11px;
	margin-top: 5px;
	width: 130px;
}

div#weather_component div#weather_conditions div#forecast_link
{
	margin-top: 10px;
}

div#weather_component div#daily_forecast 
{
	float: left;
}

div#weather_component div#daily_forecast table
{
	width: 150px;
	border-width: 0px;
	text-align: center;
	font-size: 9px;
	position: relative;
	top: -1px;
	border-collapse: collapse;
	margin: 1px 0 0 0;	
}

div#weather_component div#daily_forecast  table td.weatherday
{
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	font-weight: bolder;
}


div#weather_component div#daily_forecast table td
{
	margin: 0;
	padding: 0;
}

div#weather_component div#daily_forecast table td.weatherhi
{
	color: #A74F5D;
	font-size: 9px;
	margin: 0;
	padding: 0;
}

div#weather_component div#daily_forecast table td.weatherlo
{
	color: #473F72;
	font-size: 9px;
	margin: 0;
	padding: 0;
}

div#weather_component div#doppler
{
	float: left;
	margin-top: 3px;
	margin-left: 35px;
}

/* End Weather Component */



/* MOLECULAR INC. - CSS by Amanda Flohr-Egile & Yuval Zukerman */

/* styles.css includes global styles, styles prevalent on the homepage broadcast site - specifically the left hand side column called "secondary" 
	as well as the content blocks in the lower area called "othercontent" such as reader break room, chats boards and blogs, etc. */

/* GLOBAL STYLES */

/*This will eliminate the underline on headlines*/
.no_underline h2, .no_underline h3, .no_underline h4, .no_underline h5
{
	border-bottom: 0px solid #B2987F!important; /* COLOR CHANGE ON BOTTOM BORDER OF HEADING */
}
/* COLOR CHANGE ON BOTTOM BORDER OF HEADING */
h2
{
	margin: 4px 0 7px 0;
	padding: 0;
	border-bottom: 2px solid #B2987F; /* COLOR CHANGE ON BOTTOM BORDER OF HEADING */
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, Verdana, sans-serif;
}

h3 
{
	margin: 5px 0 0 0; 
	padding: 0;
	border-bottom: 2px solid #B2987F; /* COLOR CHANGE ON BOTTOM BORDER OF HEADING */
	font-size: 16px;
	line-height: 22px;
	font-family: Arial, Verdana, sans-serif;
}
h4
{
	margin: 4px 0 7px 0;
	padding: 0;
	border-bottom: 2px solid #B2987F; /* COLOR CHANGE ON BOTTOM BORDER OF HEADING */
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, Verdana, sans-serif;
}
h5
{
	margin: 7px 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #B2987F; /* COLOR CHANGE ON BOTTOM BORDER OF HEADING */
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Verdana, sans-serif;
}

.clr {
	clear:both;
}

.box /*  Each section (chats, question, tv) should be contained within this container class */
{
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;                                       
	background-color: #fff;
	color: #000;
	font-size: 11px;
	line-height: 15px;
}
.links
{
	width: 95%;
	clear: both;
	text-align: left;
	padding: 1px 1px 1px 5px;
	margin: 3px 0;
	background-color: #F7F7F7;
	color: #000;
	border-right: 0;
	border-bottom: 0;
	font-weight: normal;
	font-size: 10px;
	/* line-height: 15px; DIF */
	font-family: Verdana, sans-serif;
}

	/* new style for link across bottom of tab1, added by Kathy DeVault 11/27 */
.tab1linkbox
{
	width: 700px;
	clear: both;
	text-align: center;
	padding: 3px 3px 3px 3px;
	margin: 0px 10px 10px 13px;
	background-color: #E7E7E7;
	border-top: 1px solid #fff; 
	border-right: 15px solid #fff; 
	border-bottom: 5px solid #fff;
	border-left: 15px solid #fff;
	color: #000;
	font-weight: normal;
	font-size: 10px;
	/* line-height: 15px; DIF */
	font-family: Verdana, sans-serif;
}

.tab1stocks
{
	width: 100%;
	clear: both;

	background-color: #fff;
	max-height:35px;
	
}


	/* new style for art headers, added by Kathy DeVault 11/06 */
.headerlinks
{
	width: 95%;
	float: left;
	clear: both;
	/* align: left; */ 
      text-align: left; /* EKD 11.28.06 */
	margin: 0;
	background-color: #E7E7E7;
	color: #000;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
}

.borderdivider
{
	width: 98%;
	clear: both;
	text-align: left;
	padding: 0;
	margin: 0;
	border-top: 1px dotted #000;
}

/*added by Kathy DeVault, invisible rule used to close off div tags that break those that follow*/
.invisdivider
{
	width: 98%;
	clear: both;
	text-align: left;
	padding: 0;
	margin: 0;
	border-top: 0px dotted #000;
}


p.text /* IE-Specific exists */
{
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
	border: 0;
	font-size: 11px;
}
/* BULLET LISTS */
/* bullet position is centered; FF cannot render specific background positioning for the bullet */ 
div.bulletlist
{
	padding: 0;
	margin: 3px 2px 6px 2px;
}	

div.narrow_right_column_news_container div.thumbnail90 div.bulletlist,  
div.narrow_right_column_news_container div.thumbnail90 p.video,
div.narrow_right_column_news_container div.thumbnail90 p.chat,  
div.narrow_right_column_news_container div.thumbnail90 p.board,  
div.narrow_right_column_news_container div.thumbnail90 p.tell,
div.narrow_right_column_news_container div.thumbnail90 p.audio,
div.narrow_right_column_news_container div.thumbnail90 p.podcast,
div.narrow_right_column_news_container div.thumbnail90 p.slideshow     
{
	float: left;
	width: 130px;
}	

div.narrow_right_column_news_container div.thumbnail90 span.xml
{
	float: left;
	width: 120px;
}	



#othercontentright div.thumbnail90 div.bulletlist            
{
	float: left;
	width: 170px;
}	

#othercontentright div.thumbnail90 p.chat,
#othercontentright div.thumbnail90 p.video,
#othercontentright div.thumbnail90 p.board,  
#othercontentright div.thumbnail90 p.tell,
#othercontentright div.thumbnail90 p.audio,
#othercontentright div.thumbnail90 p.podcast,
#othercontentright div.thumbnail90 span.xml, 
#othercontentright div.thumbnail90 p.slideshow
{
	float: left;
	width: 150px;
}	


#othercontentleft div.thumbnail90 div.bulletlist 
{
	float: left;
	width: 260px;
}	

#othercontentleft div.thumbnail90 p.chat,
#othercontentleft div.thumbnail90 p.video,
#othercontentleft div.thumbnail90 p.board,
#othercontentleft div.thumbnail90 p.tell,
#othercontentleft div.thumbnail90 p.audio,
#othercontentleft div.thumbnail90 p.podcast,
#othercontentleft div.thumbnail90 p.slideshow
{
	float: left;
	width: 250px;
}

#othercontentleft div.thumbnail90 span.xml
#othercontentleft div.thumbnail90_narrow span.xml
{
	float: left;
	width: 240px;
}

/*test style


#othercontentleft div.thumbnail70 div.bulletlist 
{
	float: left;
	width: 260px;
}	

#othercontentleft div.thumbnail70 p.chat,
#othercontentleft div.thumbnail70 p.video,
#othercontentleft div.thumbnail70 p.board,
#othercontentleft div.thumbnail70 p.tell,
#othercontentleft div.thumbnail70 p.audio,
#othercontentleft div.thumbnail70 p.podcast,
#othercontentleft div.thumbnail70 p.slideshow
{
	float: left;
	width: 250px;
}

#othercontentleft div.thumbnail70 span.xml
#othercontentleft div.thumbnail70_narrow span.xml
{
	float: left;
	width: 240px;
}


/*test style*/




div.wide_left_column div.thumbnail90 div.bulletlist, 
div.wide_left_column div.thumbnail90 p.video,
div.wide_left_column div.thumbnail90 p.chat,
div.wide_left_column div.thumbnail90 p.board,
div.wide_left_column div.thumbnail90 p.tell,
div.wide_left_column div.thumbnail90 span.xml,
div.wide_left_column div.thumbnail90 p.audio,
div.wide_left_column div.thumbnail90 p.podcast,
div.wide_left_column div.thumbnail90 p.slideshow 
{
	float: left;
	width: 270px;
}	

div.wide_left_column div.topstory div.bulletlist
{
	float: left;
	width: 105px;
}	

 
div.thumbnail90 div.bulletlist, 
div.thumbnail90_narrow div.bulletlist, 
div.thumbnail90 p.video,  
div.thumbnail90 p.chat,
div.thumbnail90 p.board,
div.thumbnail90 p.tell,
div.thumbnail90 span.xml,
div.thumbnail90 p.audio,
div.thumbnail90 p.podcast,
div.thumbnail90 p.slideshow
{
	float: left;
}	

div.right_column_main div.thumbnail90 div.bulletlist, 
div.right_column_main div.thumbnail90 p.video,
div.right_column_main div.thumbnail90 p.chat,  
div.right_column_main div.thumbnail90 p.board,  
div.right_column_main div.thumbnail90 p.tell,
div.right_column_main div.thumbnail90 p.audio,
div.right_column_main div.thumbnail90 p.podcast,
div.right_column_main div.thumbnail90 p.slideshow     
{
	float: left;
	width: 130px;
}	


div.left_column_main div.thumbnail90 div.bulletlist,  
div.left_column_main div.thumbnail90 p.video,
div.left_column_main div.thumbnail90 p.chat,
div.left_column_main div.thumbnail90 p.board,
div.left_column_main div.thumbnail90 p.tell,
div.left_column_main div.thumbnail90 span.xml,
div.left_column_main div.thumbnail90 p.audio,
div.left_column_main div.thumbnail90 p.podcast,
div.left_column_main div.thumbnail90 p.slideshow 
{
	float: left;
	width: 315px;
}


div.bulletlist p 
{
	margin: 0;
	background-image:url("http://www.projo.com/images/bg_bullet.gif"); background-repeat:no-repeat; background-position: 0% 6px;
	padding: 2px 0px 2px 10px;
	font-size: 11px;
	line-height: 13px;	
}	

div.content_right div.bulletlist p 
{
	margin: 0;
	background-image:url("http://www.projo.com/images/bg_bullet.gif"); background-repeat:no-repeat; background-position: 0% 6px;
	padding: 2px 0px 2px 10px;
	font-size: 11px;
	line-height: 13px;	
}	

/* CHAT, VIDEO ETC. ICONS */
span.xml
{
	margin: 5px 0;
	padding: 0px 1px 0px 27px;
	background-image: url("http://www.projo.com/sharedcontent/images/xml-small.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;
}

div.wide_left_column span.xml
{
	font-size: 11px; 
	line-height: 14px;
}

p.chat
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 20px;
	background-image: url("http://www.projo.com/images/icon_chat.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;
}

div.wide_left_column p.chat
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 20px;
	background-image: url("http://www.projo.com/images/icon_chat.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;	
	font-size: 11px; 
	line-height: 14px;
}

p.video
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 20px;
	background-image: url("http://www.projo.com/images/icon_video.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;
}

div.wide_left_column p.video
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 20px;
	background-image: url("http://www.projo.com/images/icon_video.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;	
	font-size: 11px; 
	line-height: 14px;
}

p.podcast
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 20px;
	background-image: url("http://www.projo.com/images/icon_mic.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;
}

div.wide_left_column p.podcast
{
	font-size: 11px; 
	line-height: 14px;
}

/*added for blogs by Kathy DeVault 02/06*/
p.blog
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 25px !important;
	background-image:url("http://www.projo.com/images/icon_blog.gif"); background-repeat:no-repeat; background-position: left middle;
}

p.blog a {
border-bottom: 1px solid #B2987F; /* COLOR CHANGE ON BOTTOM BORDER OF HEADING */
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Verdana, sans-serif;
	}
	
p.blog img {
float:right !important;
vertical-align:text-top;
}


/*added for slideshows and audio by Kathy DeVault 11/06*/
p.slideshow
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 18px;
	background-image:url("http://www.projo.com/images/icon_camera.gif"); background-repeat:no-repeat; background-position: left middle;
}

p.audio
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 20px;
	background-image: url("http://www.projo.com/images/icon_audio.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;
}

div.wide_left_column p.audio
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 20px;
	background-image: url("http://www.projo.com/images/icon_audio.gif"); 
	background-repeat: no-repeat; 
	background-position: left top;	
	font-size: 11px; 
	line-height: 14px;
}


p.board
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 20px;
	background-image:url("http://www.projo.com/images/icon_board.gif"); background-repeat:no-repeat; background-position: left top;}
p.tell
{
	text-align: left;
	margin: 5px 0;
	padding: 1px 1px 1px 20px;
	background-image:url("http://www.projo.com/images/icon_tell.gif"); background-repeat:no-repeat; background-position: left top;
	/*line-height: 14px; DIF */
}
p.bullet
{
	text-align: left;
	margin: 5px 0;
	padding: 2px 0 2px 10px;
	background-image:url("http://www.projo.com/images/bg_bullet.gif"); background-repeat:no-repeat; background-position: 0% 6px;
}

.submit
{
	background-color: #006;
	color: #fff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	position: relative;
	padding: 0px;
	margin: 0px;
	border: 1px solid #666;
	top: 1px;
}

/* STYLES FOR LOWER, STRETCHABLE AREA CONTAINED IN THE othercontent DIV */

/* COMMON AND SHARED ELEMENTS */
#chats, #question, #video, #slideshow, .generic
{
	margin: 0;
	padding: 3px 5px;
	border: 0;
}

#chats /* IE-Specific */
{
	margin: 0;
	padding: 3px 10px 5px 10px;
	border: 0;
}

/*added for slideshows by Kathy DeVault 11/06*/
#slideshow /* IE-Specific */
{
	margin: 0;
	padding: 3px 10px 5px 10px;
	border: 0;
}

/*added for blogs by Kathy DeVault 02/06*/
#blog /* IE-Specific */
{
	margin: 0;
	padding: 3px 10px 5px 10px;
	border: 0;
}



.generic, #question
{
	margin: 0;
	padding: 3px 10px 5px 10px;
	border: 0;
}


/* QUESTION OF THE DAY */
#question span
{
	margin: 0;
	padding: 0px;
	border: 0;
	font-weight: bold;
}
#question form
{
	margin: 0;
	padding: 3px;
	border: 0;
	font-weight: bold;
}


/* AD CLASSES */
img.ad
{  
	margin: 2px 0 7px 0;
	padding: 0;
	border: 0;
}
/* AD CLASS = REUSABLE FOR ADVERTISEMENT TEXT ON DARK GRAY BACKGROUND SUCH AS ON THE HOME PAGE, RIGHT SIDE */
.adtext_ongray
{
	margin: 0 0 8px 0;
	padding: 0;
	border: 0;
	background-color: #333;
	color: #fff;
}
/* AD CLASS = REUSABLE FOR ADVERTISEMENT TEXT ON WHITE BACKGROUND SUCH AS ON THE STORY PAGE, RIGHT SIDE */
.adtext
{
	margin: 0 0 8px 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	color: #fff;
}

/* OTHER MAIN STYLES */

h1 { /* SYNC THIS UP WITH MAIN FEATURED NEWS AREA ONCE WE HAVE IT WORKING */
	font-size: 16px;
}
/* SECONDARY - LEFT HAND COLUMN STYLES */ 
div#secondarycontent
{  
	margin: 5px 0;
	padding: 2px 0 2px 5px;
	border: 0;
	font-size: 10px;
	color: #fff;
	background-color: transparent;
}
div#secondarycontent p.adtext
{  
	margin: 0;
	padding: 0;
	border: 0;
}
div.textad
{  
	margin: 3px 0 0 0;
	border-bottom: 1px solid #404040;
	padding: 5px 2px 10px 2px;
	text-align: left;
}
div.textad_last
{  
	margin: 3px 0 0 0;
	border: 0;
	padding: 5px 2px 10px 2px;
	text-align: left;
}
div.textad p
{  
	margin: 3px 0;
	padding: 0;
	font-size: 11px;
	color: #404040;
	background-color: transparent;
	font-weight: bold;
}
div.textad_last p
{  
	margin: 3px 0;
	padding: 0;
	font-size: 11px;
	color: #404040;
	background-color: transparent;
	font-weight: bold;
}
div.textad span
{  
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #404040;
	background-color: transparent;
}
div.textad_last span
{  
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #404040;
	background-color: transparent;
}


div.adtext
{  
	margin: 0;
	border: 0;
	padding:1px 0;
	text-align: left;
}
div#utilitybox
{  
	margin: 10px 0 5px 0;
	padding:2px 2px 2px 5px;
	border: 1px solid #dcdbd5;
	background-color: #dcdbd5;
	color: #475595;
	font-weight: bold;
	font-size: 10px;	
}
div.utilityboxitem
{  
	background-image:url("http://www.projo.com/images/bg_utilityboxbullet.gif"); background-repeat:no-repeat; background-position: 0 7px;
	padding: 0px 0px 0px 10px;
	margin: 2px 0;
}

/* MOLECULAR INC. - CSS by Amanda Flohr-Egile & Yuval Zukerman */


/* LINK ANCHOR STYLES */

/* GLOBAL ANCHOR STYLES */
a {color: #475595; background-color: transparent; text-decoration: none;}
a:link {color: #475595; background-color: transparent; text-decoration: none;}
a:visited {color: #666; background-color: transparent; text-decoration: none;}
a:active {color: #475595; background-color: transparent; text-decoration: none;}
a:hover {color: #CF3629; background-color: transparent; text-decoration: underline;}

/* UTILITY NAV ANCHOR STYLES IN HEADER */
div#utility_menu a {color: #475595; background-color: transparent; font-weight: bold; text-decoration: none;}
div#utility_menu a:link {color: #475595; background-color: transparent; font-weight: bold; text-decoration: none;}
div#utility_menu a:visited {color: #666; background-color: transparent; font-weight: bold; text-decoration: none;}
div#utility_menu a:active {color: #475595; background-color: transparent; font-weight: bold; text-decoration: none;}
div#utility_menu a:hover {color: #CF3629; background-color: transparent; font-weight: bold; text-decoration: underline;}

/* UTILITY BOX ANCHOR STYLES IN LEFT COLUMN I.E. SECONDARY DIV */
div#utlitybox, div.utilityboxitem a {color: #475595; background-color: #cdbcac; text-decoration: none;}
div#utlitybox, div.utilityboxitem a:link {color: #475595; background-color: #cdbcac; text-decoration: none;}
div#utlitybox, div.utilityboxitem a:visited {color: #666; background-color: #cdbcac; text-decoration: none;}
div#utlitybox, div.utilityboxitem a:active {color: #475595; background-color: #cdbcac; text-decoration: none;}
div#utlitybox, div.utilityboxitem a:hover {color: #CF3629; background-color: #cdbcac; text-decoration: underline;}

/* TABS CONTENT AREA LINK STYLES */

div#tabscontentcontainer div.tab_area div.LeftOuterContainer div.wide_left_column h2 a {color: #475595; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.LeftOuterContainer div.wide_left_column h2 a:visited {color: #666; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.LeftOuterContainer div.wide_left_column h2 a:hover {color: #CF3629; text-decoration: underline;} 

div#tabscontentcontainer div.tab_area div.wide_left_column h1 a {color: #475595; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.wide_left_column h1 a:visited {color: #666; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.wide_left_column h1 a:hover {color: #CF3629; text-decoration: underline;} 
 
div#tabscontentcontainer div.tab_area div.wide_left_column_newscontent_right h2 a {color: #475595; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.wide_left_column_newscontent_right h2 a:visited {color: #666; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.wide_left_column_newscontent_right h2 a:hover {color: #CF3629; text-decoration: underline;} 

div#tabscontentcontainer div.tab_area div.content_right h2 a {color: #475595; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.content_right h2 a:visited {color: #666; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.content_right h2 a:hover {color: #CF3629; text-decoration: underline;}

div#tabscontentcontainer div.tab_area div.content_right h3 a {color: #475595; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.content_right h3 a:visited {color: #666; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.content_right h3 a:hover {color: #CF3629; text-decoration: underline;}

div#tabscontentcontainer div.tab_area div.narrow_right_column_news_container h2 a {color: #475595; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.narrow_right_column_news_container h2 a:visited {color: #666; text-decoration: none;}
div#tabscontentcontainer div.tab_area div.narrow_right_column_news_container h2 a:hover {color: #CF3629; text-decoration: underline;} 

/* LINK STYLES FOR LEFT HAND SIDE HEADINGS AS ON THE HOMEPAGE AND SPORTS LANDING PAGE */

#specialreportscontent h5 a 
{color: #475595; text-decoration: none;}
#specialreportscontent h5 a:visited 
{color: #666;}
#specialreportscontent h5 a:hover 
{color: #CF3629; text-decoration: underline;} 

/* FOOTER STYLES */
div#footer a {color: #475595; background-color: transparent; text-decoration: none;}
div#footer a:link {color: #475595; background-color: transparent; text-decoration: none;}
div#footer a:visited {color: #999999; background-color: transparent; text-decoration: none;}
div#footer a:active {color: #475595; background-color: transparent; text-decoration: none;}
div#footer a:hover {color: #CF3629; background-color: transparent; text-decoration: underline;}

/* AD LINK STYLES */

/* HEADER ADVERTISING ANCHOR STYLES */
div#advertisement a {color: #475595; text-decoration: none;}
div#advertisement a:hover {text-decoration: underline;}

/* AD TEXT ANCHOR STYLES WITH WHITE TEXTCOLOR - SEEN ON HOMEPAGE IN LEFT COLUMN I.E. SECONDARY DIV */
div.adtext_white a {color: #475595; background-color: transparent; text-decoration: none;}
div.adtext_white a:link {color: #475595; background-color: transparent; text-decoration: none;}
div.adtext_white a:visited {color: #475595; background-color: transparent; text-decoration: none;}
div.adtext_white a:active {color: #475595; background-color: transparent; text-decoration: none;}
div.adtext_white a:hover {color: #ff9; background-color: transparent; text-decoration: underline;}

/*  AD TEXT ANCHOR STYLES WITH WHITE TEXT ON DARK GRAY BACKGROUND - SEEN IN OTHERCONTENTAD IN MAIN COLUMN/CONTENT I.E. PRIMARY, OTHERCONTENT DIV STYLES */
div.adtext_ongray a {color: #fff; background-color: #333; text-decoration: none;}
div.adtext_ongray a:link {color: #fff; background-color: #333; text-decoration: none;}
div.adtext_ongray a:visited {color: #fff; background-color: #333; text-decoration: none;}
div.adtext_ongray a:active {color: #fff; background-color: #333; text-decoration: none;}
div.adtext_ongray a:hover {color: #fff; background-color: #333; text-decoration: underline;}

/*  AD TEXT ANCHOR STYLES WITH REGULAR, GLOBAL STYLES - SEEN ON STORY PAGE IN STORYCONTENTRIGHT DIV */
div.adtext a {color: #475595; background-color: transparent; text-decoration: none;}
div.adtext a:link {color: #475595; background-color: transparent; text-decoration: none;}
div.adtext a:visited {color: #666; background-color: transparent; text-decoration: none;}
div.adtext a:active {color: #475595; background-color: transparent; text-decoration: none;}
div.adtext a:hover {color: #CF3629; background-color: transparent; text-decoration: underline;}

/* TEXT AD ANCHOR STYLES SEEN ON HOME PAGE IN LEFT COLUMN I.E. SECONDARY DIV - ALSO IN STORY PAGE IN GRAY AD BOX */
div.textad, div.textad_last a {color: #404040; text-decoration: underline;}
div.textad a:hover, div.textad_last a:hover {color: #ff9;}

/* surveys */
div#question input.bisurveyformchoice
{
	position: relative;
	top: 2px;
}



div.wide_left_column_newscontent_left
{
	float: left;
	width: 45%;
	margin: 0 5px 0 0;
	padding: 0;
}
div.wide_left_column_newscontent_right /* IE-Specific exists */
{
	float: right;
	width: 45%;
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
}

/*this is a good 50%-50% style that can be used anywhere, created by Kathy DeVault  03/11/09 and visible on the samples page ----------------------------------------------------------*/
div.50_50_container { 
	width: 100%; 
	text-align: left;
} 


div.left {
	float: left; 
	width: 48%; 
	padding-right:1%; 

}

div.right { 
	float: left; 
	width: 48%; 
	padding-left: 1%;
} 	
	
div.left .bulletlist img {
float: left!important;
width: 90px;
}
	
	

/*--------------------------------------------------------------*/



div.three_column { 
	width: 100%; 
	text-align: left;
} 


div.three_column .left {
	float: left; 
	width: 31%; 
	padding-right: 3%; 
}

div.three_column .center {
	float: left; 
	width: 31%; 
}
div.three_column .right { 
	float: left; 
	width: 31%; 
	padding-left: 3%;
} 	
	
div.three_column .left .right .center .bulletlist img {
float: left!important;
width: 90px;
}
	
div.three_column .left .right .center .bulletlist {
float: left!important;
}





#question
{
	margin: 0;
	padding: 3px 5px;
	border: 0;
}

#question
{
	margin: 0;
	padding: 3px 10px 5px 10px;
	border: 0;
}
/* QUESTION OF THE DAY */
#question .bisurveyquestion
{
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 12px;
	font-weight: bold;
}
#question bisurveyformchoice
{
	margin: 0;
	padding: 3px;
	border: 0;
}
.bisurveyviewresultslink
{
	width: 95%;
	clear: both;
	text-align: left;
	padding: 3px 3px 3px 5px;
	margin: 3px 0;
	background-color: #E7E7E7;
	color: #000;
	border-left: 1px solid #8C8C8C;
	border-top: 1px solid #8C8C8C;
	border-right: 0;
	border-bottom: 0;
	font-weight: normal;
	font-size: 10px;
	/* line-height: 15px; DIF */
	font-family: Verdana, sans-serif;
}

/* finc includes - EKD 11/08/06 */

.bibottomhead1 {
      margin: 5px 0 0 0; 
	padding: 0;
	/* border-bottom: 2px solid #B2987F; COLOR CHANGE ON BOTTOM BORDER OF HEADING */
	font-size: 11px;
	line-height: 22px;
      font-family: Arial, Verdana, sans-serif;
      font-weight: normal; 
      line-height:normal;
}

.bibottomhead1 h6 { font-family: Arial, Verdana, sans-serif;  font-weight: bold; font-size: 13px;  }
.bibottomhead1 p { 
	font-family: Arial, Verdana, sans-serif;
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
	border: 0;
	font-size: 11px; }


.headline { 
      margin: 5px 0 0 0; 
	padding: 0 0 5px 0;
	/* border-bottom: 2px solid #B2987F; COLOR CHANGE ON BOTTOM BORDER OF HEADING */
	font-size: 14px;
      font-weight: bold;
	line-height: 14px;
	font-family: Arial, Verdana, sans-serif;
}
/*added by Kathy DeVault 12/11/06*/
.teaser { 

	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
	border: 0;
	font-size: 11px;
	}
	
.credit {
font-size: 9px;
font-weight: normal;
	line-height: 16px;
	font-family: Arial, Verdana, sans-serif;
	font-style:italic;
	color:#999;


/*from other stylesheets, to simplify*/