/* Core (Site wide css rules) - Core Components Project*/
/* ---------------------------------------------------------- */
/* Homepage Layout Divs */


/* News */
/* ---------------------------------------------------------- */

.Top
{
	Font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color:#666577;
}

.anchorTop
{
	height: 1px;margin:0px;padding:0px;
}


.Story
{
	color:#666577;
	font-size: 12px;
	font-weight: bold;
}


.SubStoryText
{
	display: block;
	margin-bottom: 3px;
}

.SubStoryText a
{
	font: 11px Arial, sans-serif;
	font-weight:bold;
}

.ArticleDate
{
	color: #666;
	font: 11px Arial, sans-serif;
	margin-left: 10px;
	/*display:block;*/
}


/* News Barometer */
/* ---------------------------------------------------------- */

#NewsBarometerAndWhatsHot
{
	clear: both;
	
}

#NewsBarometer
{
	width: 201px;
	border-right: solid 1px #eaeaea;
	padding-right: 10px;
	/*padding-bottom: 10px;*/
	float: left;

	
	voice-family: "\"}\"";
	voice-family:inherit;
}

.BarometerSponsor
{
	font-size: 10px;
	margin-left: 15px;
	margin-right: 18px;
	vertical-align:top;
	color:#666;
}

#Barometer img
{
	margin-top: -30px;
	float:right;
}

.BarometerHeading
{
	color: #333;
	font: 12px Georgia, sans-serif;
	font-weight: bold;
	display:block;
}

#BarometerQuestion
{
	margin-top: 10px;
	margin-left: 5px;
	font-size: 11px;
	width: 190px;
}


.BarometerLinks
{
	clear: both;
	font-size: 11px;
	width: 444px;
	margin: 0px;
	text-align: right;
}

.BarometerLinks img {padding:0px 3px 0px 0px;}

.BarometerLink
{
	margin-left: 20px;
}

#BarometerVote
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	text-align:left;
}

#BarometerVoteResults
{
}

#VoteButton
{
	width: 50px;
		border:1px solid #0092dc;
	COLOR:#FFF;
	BACKGROUND-COLOR:#51b0e7;
	margin-left: 10px;
	font: 12px Arial, sans-serif;	
	font-weight: bold;
}

/* Top Story 08/01/2007 */
/* ---------------------------------------------------------- */

#TopStory2
{
	background-color: #F3F3F3;
	width: 446px;	
	margin-top: 8px;
	margin-bottom:10px;
}

#TopStory2 .Images
{
	padding: 5px;
	clear: both;
	float: left;
}

.TopStory2StoryText
{
	padding: 5px 6px 0px 0px;
	float: left;
	width: 310px;
}

.TopStory2StoryTextWithoutImage
{
	padding: 5px 6px 0px 0px;
	float: left;
	width: 446px;
}

.TopStory2StoryText a
{
	font: 14px/16px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.TopStory2StoryTextWithoutImage a
{
	font: 14px/16px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Latest News */
/* ---------------------------------------------------------- */
#Latest
{
	clear: both;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-bottom: solid 1px #eaeaea;
}

#LatestNews
{
clear: both;margin:0px;
	padding:0px;
	font-weight:bold;
}

#Latest ul
{
	clear: both;
	margin:0px;
	width:100%;
	padding:0px 0px 8px 0px;
	list-style:none;
}

#LatestNews li
{
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 16px;
	background:url(../images/arrow.gif) no-repeat top left;
}


/* Online Now */
/* ---------------------------------------------------------- */
#OnlineNow
{
	text-align: left;
	margin-left: 10px;
	width: 210px;
	float: left;
}

#OnlineNow .Images
{
	padding: 5px;
	clear: both;
	float: left;
}

.OnlineNowItem
{
	margin-top: 4px;
	padding-right: 10px;
	float: left;
	width: 210px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

.OnlineNowText
{
	width: 145px;
	margin-top: 2px;
	/*margin-bottom: 10px;*/
	float: left;
	font-size: 11px;
	font-weight:bold;
}


/* What's Hot */
/* ---------------------------------------------------------- */

#WhatsHot
{
	width: 446px;	
	border-top: solid 1px #eaeaea;	
	border-bottom: solid 1px #eaeaea;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	
}

#WhatsHotTopStory
{
	background-color: #F3F3F3;
	padding: 5px;
	clear: both;
	
	width: 446px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 442px;
}

html>body #WhatsHotTopStory
{
      width: 444px;
}     

.WhatsHotTopStoryText
{
	padding: 5px 10px 10px 0px;
	float: left;
	
	width: 360px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 348px;
}

html>body .WhatsHotTopStoryText
{
      width: 350px;
}     


.WhatsHotText
{
	width: 140px;
	margin-top: 2px;
	margin-bottom: 10px;
	float: left;
	font-size: 11px;
	font-weight:bold;
}

#WhatsHot .Images
{
	padding: 5px;
	clear: both;
	float: left;
}

#WhatsHotOther
{
	border-right: solid 1px #eaeaea;
	margin-top: 10px;
	padding-right: 10px;
	/*padding-bottom: 10px;*/
	margin-bottom: 2px;
	float: left;
	
	/*width: 214px;*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 201px;
}

html>body #WhatsHotOther
{
      width: 203px;
}   

.WhatsHotOtherItems
/*This is just used to contain the two elements - it needs to styling*/
{
}

#LuckyDip
{
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	padding-left:2px;
	width: 204px;
	height:140px;
	float: left;
}

#LuckyDip a
{
	font: 11px Arial, sans-serif;
	font-weight:bold;
}

.ListingsText
{
	display: block;
	color: #333;
	font: 11px Arial, sans-serif;
	margin-bottom: 10px;
}

/* Forthocoming Events - Networking */
/* ---------------------------------------------------------- */

#ForthcomingEvents
{
	width: 214px;
	border-right: solid 1px #eaeaea;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	
	width: 214px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 201px;
}

html>body #ForthcomingEvents
{
     width: 203px;
}    

#ForthcomingEvents p
{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

#Networking
{
	text-align: left;
	margin-left: 10px;
	width: 214px;
	padding-bottom: 10px;
	float: left;
}

#Networking p
{
	text-align: right;
	margin-top: 10px;
	/*margin-bottom: 10px;*/
}

#Networking #noJs
{
    font-size: 11px;
    text-align: center;
}

#Networking #progress .pleaseWait
{
    font-size: 11px;
    text-align: center;
}

#Networking #progress img
{
    margin-left: 90px;
}

.NetworkingTopics
{
	/*width: 446px;*/
	text-align: right;
	margin-right: 5px;
}

.Events
{
	font-size: 11px;
	font-weight:bold;
}


#HomeBannerAd 
{
	width: 120px;
	height: 60px;
	position:absolute;
	left:784px;
	top:20px;
}

/* Approved index style*/
.ApprovedIndex
{
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#ApprovedIndex a.SubHeadingLink:hover
{
color: #ED1B2F;
text-decoration: underline;
}