/*	
	Author: 	Darren Hudson
	Name: 		screen.css
	Portal: 	master css for all portals			
	Updated:	25/08/2009 - full revised copy, validated 
			26/08/2009 - added contentbanner - reduces container height
			31/08/2009 - added border to containers + banner	
			17/09/2009 - adjusted message board section
			13/10/2009 - corrected error, added BP quickpoll code. 
			13/10/2009 - containerQuickpollWidget 	margin: 20px 20px 20px 20px;  BP fix from  20px 20px 0px 20px
			14/10/2009 - DH added web icons css for footer
			

*/




/*	TEMPLATE	*/


body 							{	background: #fff url(../images/bg_main.jpg) repeat-x top; background-position:center top; height: 100%;  text-align: center; margin: 20px 0px 20px 0px; padding: 0; font-family:  "Trebuchet MS", Trebuchet, arial, verdana, Helvetica, sans-serif; font-size: 80%;color:#666;}	
#wrapper						{	text-align: left; width: 910px; margin: 0 auto;  background-color: #fff;   border-top: 1px solid #fefefe;  border-top: 1px solid #fefefe; padding: 0px 0px 10px 0px;}
#wrapperNav						{	border-top: 1px solid #fefefe; background: #fff; height: 105px; margin: 10px 10px 0px 10px; padding: 0px; background: #fff url(../images/bg_wrapperNavGradient.jpg) repeat-x top;}
#topNavigation						{	border: 1px solid #fefefe; height: 20px; text-align: right; padding: 10px 0px 0px 0px;  }
p.menuTop						{	border: 0px solid #fff; text-align: right; margin-top: 0px; color: #333; font-weight: bold;  float: right; width: 190px; padding-right: 10px; font-family:  arial, verdana;}
.langMenu						{	border: 1px solid #ccc; font-size: 85%; background-color: #f4f4f4; width: 120px;}
#middleNavigation					{	border: 0px solid #000;  height: 70px; }
#logo							{	border: 0px solid #000; width: 450px; margin: 0px; float: left;}
#mainNavContainer					{	border-top: 2px solid #e31b1d; border-bottom: 2px solid #e31b1d; height: 32px; margin: 0px 10px 0px 10px; padding: 0px; }
.mainNavigation						{	width: 870px; margin: 0px 10px 0px 10px; height: 30px;  padding: 0px;}
#banner							{	padding: 0px 0px 0px 0px; margin: 0px 10px 10px 10px; background-color: #f7f7f7; width: 890px;}	
#navigationCP						{	float: right; margin: 43px 10px 0px 0px; border: 0px solid #000; width: 300px; height: 30px; }	
#mainNav li a:hover, #mainNav li a.active		{	color:#000; background:#ccc;}


				
/*  	NAVIGATION       */				
				
.nav, .nav * 						{	margin:0; padding:0; list-style:none;}
.nav 							{	line-height:1.25;}
.nav ul 						{	position:absolute; top:-999em; width:110pt; }
.nav ul li, .nav a 					{	width: 100%;}
.nav li 						{	float: left; width:110pt; position:relative; z-index:99;}
.nav a 							{	display:block;}
.nav li:hover ul, ul.nav li.sfHover ul 			{	left:-1px; top:3.5em; width:150pt; } 
.nav li:hover li ul, .nav li.sfHover li ul 		{	top:-999em;}
.nav li li:hover ul, ul.nav li li.sfHover ul 		{	left:77pt;top:-1px;}
.superfish li:hover ul, .superfish li li:hover ul 	{	top: -999em;}
.nav 							{	float: left; width: 870px; text-align: center;margin-bottom:0; color:#333; text-decoration:none; text-transform:uppercase; font-size: 80%; }
.nav li 						{	border-left:1px solid #fff; width:78pt; background: #999 url(/app_portals/master/images/bg_navigation.jpg) no-repeat; }
#navFirst						{	border-left:0px solid #fff;}
.nav a 							{	padding: 7px 0 5px 0; text-decoration:none; text-indent: 0em; text-align: center; }
.last							{	margin-right: 0px;}
.nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active	
							{	font-weight: bold; text-decoration: none;}
.nav li li 						{	background:#ccc;}
.nav li li li 						{	background:#f1f1f1;}
.subMenu						{ 	margin-left: 1px;}
.subMenu li						{ 	border-top: 1px solid #000; border-left: none; }
.subMenu li a						{	text-align: left; text-indent: 1em; color: #666;}
.subMenu li a:hover					{	color: #333;}
.subMenu2						{ 	margin-left: 75px;}

			
				
/*	CONTENT		*/

#main							{	border-top: 0px solid green; width: 890px; margin: 10px 10px 0px 10px; padding: 0px;  color:inherit; }
#contentBanner  					{ 	height: 250px; width: 590px; padding: 0px;  margin: 0px;  }
.contentBanner  					{ 	height: 250px; width: 590px; padding: 0px;  margin: 0px 0px 10px 0px; vertical-align: top; overflow:hidden;  border-top: 1px solid #fff; }
#col33Left 						{	float: left; width: 290px; margin: 10px 10px 10px 10px; }
#col33Middle 						{	float: left; width: 290px; margin: 10px 0px 0px 0px;  }	
#col33Right 						{	border: 0px solid red; width: 290px;   float: right; margin: 0px 0px 0px 0px; padding-right: 0px; }
#col66Left						{	float: left; width: 590px; margin: 0px 0px 0px 0px; padding: 0px;  }
#col100			 				{	border: 0px solid #ccc; }
.contentBody						{	background: #fff; padding: 0px 0px 0px 0px; margin: 0px; border-top: 0px solid #000;  }
.contentBodyInner					{	padding: 20px 20px 20px 20px;}
.alignRight						{	text-align: right;}
.allZero						{	border: 0px; padding: 0px; margin: 0px;}

.containerQuickpollWidget 				{	width: 250px; height: 320px;   margin: 20px 20px 20px 20px;  padding: 0px;} 
.containerQuickpollWidgetBody				{     	text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.containerBG						{	background: #e4e4e4;  margin: 0px; padding: 1px 0px 1px 0px; height: 30px; background: #fff url(/app_portals/master/images/bg_headerGradient.jpg);}
.containerHeader					{	margin: 5px 10px 5px 10px; text-transform: uppercase; font-weight: bold;  }
.container290						{	width: 290px; margin-top: 0px; margin-bottom: 8px; border-bottom: 0px solid #ccc; border-top: 1px solid #999;}
.container290BG						{	width: 290px; background: #f7f7f7;  margin: 0px; padding: 1px 0px 1px 0px; height: 30px; background: #fff url(/app_portals/master/images/bg_headerGradient.jpg);}
.container290Header					{	margin: 5px 10px 5px 10px; text-transform: uppercase; font-weight: bold;  }
.container290Inner					{	padding: 0px 20px 20px 20px;}
.container590BG						{	width: 590px; background: #f7f7f7; border-top: 1px solid #999;  margin: 0px; padding: 1px 0px 1px 0px; height: 30px; background: #fff url(/app_portals/master/images/bg_headerGradient.jpg);}
.container590Header					{	margin: 5px 10px 5px 10px; text-transform: uppercase; font-weight: bold; }
.container290x165					{	border-top: 0px solid #e31b1d;  width: 290px; height: 165px;}

.containerRedBlock					{	height: 250px; padding: 0px; margin-bottom: 10px; overflow:hidden;}



#supportSubMenuPadding					{	padding: 0px 20px 20px 20px;}

ul ul							{ 	margin: 20px 30px 20px 30px; list-style-type: square; padding: 0;  border: 0; }
ol ol							{ 	margin: 20px 30px 20px 30px; padding: 0; border: 0;}
ol							{	font-size: 100%; margin-top: 10px; margin-bottom: 1px; line-height: 1.25pc; margin-left: 20px; }
li li 							{	font-size: 100%; margin-top: 10px; margin-bottom: 10px;} 
li							{	font-size: 100%; margin-top: 10px; margin-bottom: 10px; line-height: 1.25pc; }
p							{	margin: 10px 0px 0px 0px; line-height: 1.25pc; padding: 0px; font-size: 100%;}
p.dottedWidth						{	line-height: 0.5pc; height: 1px; border-bottom: #ccc 1px dotted; margin: 15px 0px 0px 0px; padding: 0px; overflow:hidden; }

a							{	text-decoration:none; color:#333;font-weight: bold;}
a:hover							{	text-decoration:underline; font-weight: bold;}
a img							{	border: none;}
p.button						{	padding: 120px 0px 0px 20px; }
input.button						{	padding: 0px }
.clearBoth						{	line-height: 0px; clear: both; height: 0px; border: 0px solid #ccc; margin: 0px 10px 0px 10px;}
h1, h2, h3, h4, h5, h6					{	font-weight: bold;}
h1, h2, h3, h4, h5, h6, .p				{	line-height: 1.25pc;}	
h1							{	font-size: 140%;  color: #000; }										
h2							{	font-size: 150%;  color: #e31b1d; margin: 20px 0px 10px 0px; padding: 0px; font-weight: bold;}	
h3							{	font-size: 130%;  color: #333; margin: 15px 0px 10px 0px;  	}	
h4							{	font-size: 110%;  color: #666; margin: 15px 0px 10px 0px;  	}
h5							{	font-size: 80%;  margin: 0px 0px 0px 0px; border-bottom: #ccc 1px dotted;}				
h6							{	font-size: 80%;  margin: -5px 0px -5px 0px; color: #333;  }	





/*	ALERTS / NOTICES	*/


.notice							{	padding: 20px 20px 0px 0px; font-size: 130%; font-weight: bold;}
	




/* 	TERMS AND CONDITIONS 	*/


.TC1stTier						{	padding: 20px 0px 0px 0px;}
.TC2ndTier						{	padding: 10px 20px 10px 20px;}
.TC3rdTier						{	padding: 0px 40px 10px 40px;}
.TC4thTier						{	padding: 0px 60px 10px 60px;}




/*	FLOATING IMAGES		*/


.newsItem						{	border-top: 1px solid #fff; height: 100px; padding: 0px 20px 10px 0px; margin: 20px 0px 30px 0px; height: 105px;}
.logoIcon						{	float: left; padding: 0px 20px 0px 0px; width: 100px;}
h4.home							{	font-size: 110%; color: #666; margin: 10px 0px -10px 0px; font-weight: bold; }
h3							{	color: #e31b1d; font-size: 120%;}
h3.picture						{	font-size: 120%; color: #e31b1d; margin: 10px 0px -5px 0px; font-weight: bold; }
h3 a 							{	color: #e31b1d;}
	



/*	BLOG FORMATTING		*/


.blogPager						{	padding: 0px; margin: 20px; text-align: center;}
.olderPostsLink						{	padding-right: 20px;}
.newerPostsLink						{	padding-left: 20px;}
.blogComment						{	padding: 5px 10px 10px 15px; background: #f4f4f4; border-bottom: 1px #666 dotted; border-left: 1px #ccc solid; margin-bottom: 10px;}
.datePosted						{	font-size: 80%; font-weight: normal; color: #333;}
.postedBy						{	font-size: 80%; font-weight: bold; color: #333;}



/*	GOOGLE NEWSFEED		*/


#msndiv							{	width: 100%;}
#msndiv	li						{	padding: 0px; margin: 5px 0px 0px 0px;}



/*	FOOTER			*/


#footer, #footerSplash					{	background: #fff url(../images/bg_footer.jpg); width: 890px; margin: 10px 10px 0px 10px; height:55px; border-top: 2px solid #ccc; clear: both;  text-align: left;  padding:0px;}
p.footer						{ 	font-size: 80%;color:#333; margin:15px 0px 0px 20px; padding: 0px; line-height: 15px;}
a.menuFooter 						{ 	color: #333; margin: 0px; }
a.menuFooter:hover 					{ 	color: #000; margin: 0px;}
.footerLogoFloat					{	float: right; width: 130px; margin-top: 8px;}
#footerLeft						{	border: 0px solid #ccc; width: 540px; float: left;}
#footerRight						{	border: 0px solid #ccc; width: 300px; float: right; padding: 20px 0px 20px 30px;}
.footerIcon						{	float: left; width: 32px; padding-right: 10px;}


/*	FORM STUFF		*/


form							{	margin: 0px 0px 0px 0px;}
.form							{	border: 1px solid #fff; margin: 0px 0px 0px 0px; padding: 0;}
fieldset,  fieldset.noBorder				{   	border: 1px solid #ccc; width: 545px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
fieldset.noBorder					{   	border: 1px solid #fff;    }
legend							{       font-weight: bold; padding: 0px 0px 0px 0px; color: #333; margin-top: 0px; margin-left: 5px;}
.entryLabel						{      	border: 0px solid #ccc;  float: left; width: 235px; margin-right: 18px; padding: 2px; padding-left: 25px;}
.entryItem						{	border: 0px solid #ccc; width: 235px; float: left; margin-right: 0px; padding: 2px;}
.labelCheckbox						{       padding: 2px; text-align: center; }
.validation						{	width: 175px; margin-left: 0px; clear: both; padding: 2px;}
.form select.day					{	width: 55px; }
.form select.month					{       width: 110px; }
.form select.year					{       width: 60px; }
.form select						{       height: 25px; width: 235px; }
.form input.text					{       width: 230px;}                 
.captcha						{       border: 1px solid #ccc; width: 150px; height: 40px;   }
.field							{       margin: 10px 0px 10px 0px;  border: 0px solid #ccc;}
#register_terms						{       margin: 0px 15px 30px 15px; height: 200px; overflow: auto; font-size: 90%; }
#register_terms h4					{       font-size: 100%; }
#register_terms ol ol, #register_terms li li         	{       padding-left: 10px; }
submit							{       background: url(../images/button.png); border: 0; height: 25px; width: 125px;  text-align: center;  vertical-align: top; }
.submitField						{	text-align: center; padding-top: 20px;}
.entryCenter						{       text-align: center;  padding: 10px;}



/*	LOGIN CONTAINER		*/

.containerLogin						{     	height: 250px; width: 290px; margin: 0px 0px 10px 0px; padding: 0px; border-top: 1px solid #fff; overflow:hidden;}
.containerLoginBody					{     	text-align: center; margin: 0px 0px 0px 0px; padding: 15px 20px 0px 20px; }
.LoginWidget .loginForm					{	padding: 15px 0px 0px 0px;}
.LoginWidget .form					{	margin: 20px 0px 0px 0px; padding: 0;  text-align: center; border: 0px; }
.LoginWidget fieldset					{   	border: 0px solid #ccc; margin: 0px 0px 0px 0px; padding: 0; width: 250px; margin-bottom: 0px; }
.LoginWidget fieldset.noBorder				{   	border: 0px solid #fff;  margin: 0px 0px 10px 0px; padding: 0; }	
.LoginWidget .loginFields				{	border: 0px solid #ccc; width: 250px; margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; }
.LoginWidget .field					{       margin: 0px; padding: 0px; }	
.LoginWidget .entryLabel				{      	float: left; width: 80px; margin-right: 0px; padding: 0px 0px 0px 0px; text-align: left;  width: 90px; color: #fefefe}
.LoginWidget .entryItem					{	text-align: right; width: 125px; float: right; margin: 0px; padding: 0px 2px 0px 2px; }
.LoginWidget input.text					{       width: 110px; margin: 0px; padding: 0px; }   
.LoginWidget .validate					{	font-size: 88%; height: 10px; margin: 0px; padding: 0px; color: #fefefe;}
.LoginWidget .clearBoth					{	line-height: 5px; clear: both; height: 5px; border: 0px solid #ccc; margin: 0px 10px 0px 10px;}
.loginWidgetSmall					{	color: #fefefe;}
.LoginWidget .submitField				{	text-align: center; margin-top: 0px; padding-top: 0px;}







/*	PAYMENT HISTORY		*/

#paymentHistoryGridContainer 				{	float: left; width: 300px;  padding-bottom: 0px; }	
#paymentHistoryTotals 					{	border: 1px solid #ccc; width: 100px; float: right;  }
.paymentHistoryTotalsBody				{	margin: 10px; }
#paymentHistoryTotals table				{	width: 90px; }
#paymentHistoryGrid					{	width: 290px; display: none; }




/*	RESET PASSWORD		*/

.resetPassword						{	width: 550px; margin-left: 0px;}
.resetPasswordForm					{	}
.resetPasswordConfirmation				{	}



/*	REGISTRATION		*/



.registrationConfirmation				{	width: 550px; margin-left: 0px;}
.registrationComplete					{	width: 550px; margin-left: 0px;}



/*  	ACCOUNT        */

.containerNavBody					{     	text-align: center; margin: 0px 0px 0px 0px; padding: 15px 15px 0px 15px; }
.containerCredit					{	margin: 20px 20px 0px 20px;  padding: 0px;}
.navigation 						{ 	margin-bottom: 10px; }
.navigation a.active 					{ 	font-weight: bold; color: Black; }
.navigation a.shadow 					{ 	color: #bbb; }
.navigation a.activeshadow 				{ 	color: #bbb; font-weight: bold; }
.navigation li 						{ 	margin: 5px 0px 0px -20px; }
.navigation ul 						{ 	margin: 0; list-style-type: none; padding: 0; }
.navigation ul ul 					{ 	margin-left: 20px; list-style-type: square; }


/* 	ACCOUNT CONTAINER	 */	

.containerNav						{	margin: 0px 0px 10px 0px; height: 250px; background: #bb2025 url(/App_Portals/yougov/templates/en/images/container-Login.jpg) no-repeat; color: #fefefe; font-weight: bold; font-size: 130%; border-top: 1px solid #fff; overflow:hidden;}
.containerNav ul					{	list-style: none;  color: #fefefe; background: none; padding: 0;  border: 0; margin: 15px 30px 20px 20px;} 
.containerNav li					{	padding: 5px 10px 3px 0px; margin: 0px 0px 0px 0px;   }
.containerNav li 					{	color: #000;}
.containerNav li a					{	color: #c9c9c9;}
.containerNav li:hover					{	background: #dd4449; }
.containerNav h2 					{	font-size: 120%; color: #fefefe; }
.containerNav span 					{	color: #333; }
.contentBodyInner					{	padding-top: 0px; margin-top: 0px;}
.contentBodyInner h2					{	padding: 0px 0px 0px 0px;}


.unsubscribeForm					{	width: 550px; margin: 0px 0px 0px 20px; padding: 0;}
#credit 						{ 	background-color: #eee; padding: 5px; text-align: right; border: none; margin: 0px 10px 0px 10px; height: 15px; }
#credit table 						{ 	float: right; width: 200px; }
#credit td, #credit strong 				{ 	color: #666; }
.mysurveys						{	margin-top: 20px; width: 550px; margin-left: 0px;}
.mysurveys-tabs table 					{ 	width: 100%;  }
div.titled 						{ 	font-weight: bold; border-bottom: solid 1px #999; padding-bottom: 3px; margin-top: 10px; }
.pager 							{ 	height: 20px; }
.pager ul 						{ 	list-style: none; padding: 0px; }
.pager li 						{ 	margin: 0px 5px 0px 0px; }
.profileView						{	background: #fff; padding: 5px 0px 5px 0px; margin: 0px 0px 10px 0px;}
div.title						{	background: #f4f4f4; font-size: 110%;  color: #666; margin: 0px 0px 5px 0px; font-weight: bold; padding: 5px 5px 5px 5px; text-transform: uppercase; }
.noItems, .dataError					{	margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px;}
thead							{	background: #fff;}
.surveyHistoryGrid					{	width: 525px; margin: 20px 0px 20px 5px; border-width: 1px;border-spacing: 0px ;border-style: none;border-color: #333;border-collapse: collapse; }
.surveyHistoryGrid					{	width: 525px; margin: 20px 0px 20px 5px; border-width: 1px;border-spacing: 0px ;border-style: none;border-color: #333;border-collapse: collapse; }
.surveyHistoryTableDateColumn				{	width: 80px; padding-left: 5px;}
.surveyHistoryTableDescColumn				{	width: 330px; padding-left: 5px;}
.surveyHistoryTablePointsColumn				{	width: 120px; padding-left: 0px; text-align: center;}
th.surveyHistoryTableDateColumn				{	color: #e31b1d; background: #fff; text-align: left;}
th.surveyHistoryTableDescColumn				{	color: #e31b1d; background: #fff; text-align: left;}
th.surveyHistoryTablePointsColumn			{	color: #e31b1d; background: #fff;}
.redemptionHistoryGrid					{	width: 525px; margin: 20px 0px 20px 5px; border-width: 1px;border-spacing: 0px ;border-style: none;border-color: #333;border-collapse: collapse; }
.redemptionHistoryTableDateColumn			{	width: 80px; padding-left: 5px;}
.redemptionHistoryTableDescColumn			{	width: 330px; padding-left: 5px;}
.redemptionHistoryTablePointsColumn			{	width: 120px; padding-left: 0px; text-align: center;}
th.redemptionHistoryTableDateColumn			{	color: #e31b1d; background: #fff; text-align: left; }
th.redemptionHistoryTableDescColumn			{	color: #e31b1d; background: #fff; text-align: left;}
th.redemptionHistoryTablePointsColumn			{	color: #e31b1d; background: #fff;}
.availableSurveysTableIconColumn			{	margin-top: 5px;  }
.availableSurveysTableLinkColumn			{	width: 520px;}
.rowOdd							{	background: #f4f4f4;}
.rowEven						{	background: #fff;}
.containerRedemption					{	background: #f4f4f4; padding-bottom: 20px;}
.creditLabel						{	text-align: center; font-size: 150%; font-weight: bold; padding: 20px;}
.creditBalance						{	text-align: center;  background: #f4f4f4; border-top: 1px dotted #666;  border-bottom: 1px dotted #666; padding: 5px 0px 5px 0px; margin-top: 20px;}
.availableRedemptionsTable				{	width: 250px; background: #fff;}
.availableRedemptionsTableItemColumn			{	width: 110px; background: #fff; text-align: left;}
.availableRedemptionsTablePointsColumn			{	width: 110px; background: #fff; text-align: center;}
.availableRedemptionsTableBuyLinkColumn			{	width: 40px; text-align: right; margin-top: 20px;}
th.availableRedemptionsTableItemColumn			{	background: #fff; color: #e31b1d;}
th.availableRedemptionsTablePointsColumn 		{	background: #fff; color: #e31b1d;}
th.availableRedemptionsTableBuyLinkColumn 		{	background: #fff; color: #e31b1d;}
.referralLinkBox					{	width: 550px; height: 60px;}
.registrationConfimration				{	padding-bottom: 100px;}
.form .text						{       width: 230px;} 
.profileScreenPager					{	text-align: center; padding: 20px 0px 20px 0px; }



/*  MESSAGE BOARD    */


.messageBoard 						{	border: 0px solid green; width: 550px; color: #000; margin-left: 0px; }
.messageBoard h3 					{	margin: 0px 0px 20px 0px;font-size: 120%;color: #333;}
.messageBoard h4 					{	border-bottom: dotted 1px #ccc;margin: 0px 0px 20px 0px;font-size: 100%;color: #666;font-weight: bold;padding: 0px 0px 3px 0px;}
.messageBoard h5 					{	font-size: 100%;font-weight: bold;border: none;margin: 0px 0px 3px 0px;color: #919191;}


/* TOPICS */
.messageBoard .topicListContainer 			{	border: 0px solid yellow;width: 550px;margin: 0px 0px 30px 0px;}
.messageBoard .topicHeaderContainer 			{	background: #f4f4f4; color: #000;font-weight: bold;border: solid 1px #ccc;}
.messageBoard .topicContainer 				{	border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;border-left: solid 1px #ccc;background: #e1e1e1;}

.messageBoard .topicHeaderContainer .topicTitleCol,
.messageBoard .topicHeaderContainer .topicPostCountCol,
.messageBoard .topicHeaderContainer .topicLastPostCol 	{	height: 35px;}
.messageBoard .topicHeaderContainer .topicTitleCol 	{	font-size: 130%;}
.messageBoard .topicHeaderContainer .topicTitleCol .topicColContainer 	

							{	padding: 5px 0px 0px 10px;}

.messageBoard .topicContainer .topicTitleCol,
.messageBoard .topicContainer .topicPostCountCol,
.messageBoard .topicContainer .topicLastPostCol 	{	height: 60px;font-weight: normal;}
.messageBoard .topicTitleCol 				{	border: 0px solid #666; float: left;width: 370px;}
.messageBoard .topicPostCountCol 			{	background: #e1e1e1; float: left;width: 70px;text-align: center;}
.messageBoard .topicLastPostCol 			{	float: left;width: 108px; text-align: center;}
.messageBoard .topicColContainer 			{	padding: 7px 5px 15px 10px; }
.messageBoard .topicColContainer sub			{	border: 0px solid green; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; color: #666}
.messageBoard .topicContainer .topicTitleCol 		{	background: #f1f1f1;}
.messageBoard .topicContainer .topicPostCountCol 	{	background: #e1e1e1; }
.messageBoard .topicContainer .topicLastPostCol 	{	background: #f1f1f1;}
.messageBoard .topicContainer .topicLastPostCol sub 	{	line-height: 100%; margin: 0px; padding: 0px 0px 0px 0px; }
.messageBoard fieldset.newTopicContainer 		{	padding: 15px 5px 15px 15px; width: 510px;}
.messageBoard fieldset legend 				{	padding: 0px 5px 0px 5px;color: #666;}
.messageBoard fieldset.newTopicContainer .text 		{	width: 500px;}
.messageBoard .newTopicContainer select 		{	border: 1px solid #000;width: 150px;}




/* 	POSTS */

.messageBoard .postListContainer 			{	border: 0px solid #000;width: 550px;}
.messageBoard .postTitleContainer 			{	background: #aaa;color: #fff;font-weight: bold; }
.messageBoard .postContainer 				{	margin: 0px 0px 10px 0px; border: solid 0px #ccc;  }
.messageBoard .postBodyContainer 			{	margin-bottom: 10px;}


/*
.messageBoard .postContainer .postLeftCol 		{	background: #f1f1f1; float: left; border: 1px solid #000; }
.messageBoard .postContainer .postRightCol 		{	background: #fff; float: right; border: 1px solid #000;}*/


.messageBoard .postLeftCol 				{	float: left; width: 548x; border: 1px solid #ccc; margin-bottom: 5px; }
.messageBoard .postLeftColContent 			{	background: #f1f1f1; padding: 10px; float: left;}
.messageBoard .postLeftColContent h4 			{	margin: 0px 0px 0px 0px;}
.messageBoard .postRightCol 				{	border: 0px solid #000;width: 420px; float: right;}
.messageBoard .postRightColContent 			{	padding: 10px;}


.messageBoard .postTitleLeftColContent 			{	padding: 5px 10px 5px 10px;background: #aaa;}
.messageBoard .postTitleRightColContent 		{	padding: 5px 10px 5px 10px;	background: none;	background: #aaa;}
.messageBoard .postLinkBar 				{	text-align: right;	height: 25px;	padding: 5px 0px 0px 0px;	border: solid 1px #fff;}
.messageBoard .postLinkBar img.icon 			{	margin: 0px 0px 0px 2px;}
.messageBoard .postToolbar .reportPost 			{	font-size: 80%;}
.messageBoard .entryLabel 				{	border: 1px solid #000;width: 100px;}
.messageBoard .entryItem 				{	border: 1px solid #000;width: 255px;}
.messageBoard sub 					{	line-height: 80%; color: #a1a1a1; padding: 0px; margin: 0px;}
.messageBoard .textarea 				{	border: 1px solid #000;width: 250px;}
.messageBoard .topicIconLegend 				{	padding: 10px;}
.messageBoard .bannedNotification 			{	padding: 10px;	background: #ffffd4;	border: solid 1px #ccc;	margin: 0px 0px 20px 0px;}
.padding10 						{	padding: 10px 10px 10px 10px;}
.clearNoBorder 						{	clear: both;}
.validationText 					{	color: red;}
.messageBoard .postLeftColContent h4 img 		{	padding: 0px 3px 0px 0px;}



/*	SURVEY 		*/

.progressBar 						{ 	float: right; border:1px solid #000; width: 200px; height: 20px; line-height: 20px; text-align: center; display: none; }
#survey							{	padding: 20px;}
.divQuestion						{	font-size: 115%;  color: #000; margin: 15px 0px 10px 0px;  	}
.divAnswerOption					{	line-height: 1.25pc;}
.divQuestionError					{	font-size: 115%;  font-weight: bold; color: #e31b1d; margin: 15px 0px 10px 0px; }
.verbGroupQtnError 					{ 	float: left; margin-left: 5px; width: 260px; color: #e31b1d; margin-top: 3px; }
table.standardGrid 					{ 	font-size: 100%; font-size: 100%; font-weight: normal; color: #000; width: 850px; margin-bottom:20px; }
table.standardGrid th 					{ 	font-size: 100%; font-weight: bold; border-bottom: solid 1px #ddd; text-align: center;padding-right: 5px; padding-bottom: 10px;}
table.standardGridQtn td 				{	border-bottom: solid 1px #ddd; padding-bottom: 5px; text-align: center; padding-right: 5px;}
table.standardGridOption td 				{ 	border-bottom: solid 1px #ddd; padding-bottom: 5px; text-align: center; padding-right: 5px;}
.divGridAnswerOption					{	text-align: center;}
.divGridHeaderAnswer					{	text-align: center; font-size: 90%;}
.referralLinkBox					{	width: 500px; margin-bottom: 100px; }



/*  	ACCORDION      */

.glossymenu						{	margin: 5px 0;padding: 0;width: 550px;border: 0px solid #9A9A9A;border-bottom-width: 0; margin-top: 10px;}
.glossymenu a.menuitem					{	border-bottom: 1px solid #ccc; background: #fff; color: #333; text-decoration: none; font-weight: bold; font-size: 100%; display: block; position: relative; width: auto; padding: 4px;padding-left: 10px;}
.glossymenu a.menuitem:hover				{	text-decoration: underline;}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active
							{	padding-left: 10px; color: #666;}
.glossymenu a.menuitem .statusicon			{ 	position: absolute;top: 5px;right: 5px;border: none;}
.glossymenu a.menuitem:hover				{	}
.glossymenu div.submenu					{ 	background: #fff;}

.glossymenu div.submenu ul				{ 	list-style-type: none;margin: 0px;padding: 0px;}
.glossymenu div.submenu ul li				{	margin: 0px;padding: 2px; border-bottom: 1px solid #f1f1f1;  font-size: 90%;}
.glossymenu div.submenu ul li a				{	display: block;font-size: 90%; color: #666;text-decoration: none;padding: 0px;padding-left: 20px;}
.glossymenu div.submenu ul li a:hover			{	background: #f4f4f4;color: #000;}




/* 	QUICKPOLL	*/

.quickpollQuestionText					{	margin: 0 0 20px 0; }
.quickpollTakePartButton				{	text-align: right; margin: 20px 0 0 0; }