/*	
	Author: 	Darren Hudson
	Name: 		screen.css
	Portal: 	master css			
	Updated:	09/04/2008

*/


/*	TEMPLATE		*/

body				{	background: #fff url(../images/bg_main.jpg) repeat-x; background-position:center top; height: 100%;  text-align: center; margin: 20px 0px 0px 0px; padding: 0; font-family:  "Trebuchet MS", Trebuchet, arial, verdana, Helvetica, sans-serif; font-size: 80%;color:#666;}
#wrapper			{	width: 910px; margin: 0 auto; background-color: #fff;  text-align: left; border-top: 1px solid #fefefe; padding: 0px 0px 10px 0px;}

#wrapperLogoNavigation		{	border-top: 1px solid #fff; height: 20px; background: #fff; width: 890px;  padding: 10px 0px 0px 0px; margin: 10px 0px 0px 10px;}
p.menuTop			{	border: 0px solid #fff; text-align: right; margin-top: 0px; color: #fff; 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;}

#mainNavContainer		{	border-top: 0px solid #0f66aa; border-bottom: 5px solid #e31b1d; text-align: center;  background: #fff; width: 890px;  height: 75px; margin: 0px 0px 0px 10px; padding: 0; }
.navigation			{	margin: 0px; width: 198px; padding: 10px 0px 0px 10px; }
#banner				{	padding: 5px 0px 5px 0px; margin: 0px 0px 10px 10px; background-color: #f7f7f7; width: 890px;}	
#logo				{	width: 340px; margin: 0px;  float: left; padding: 0px 0px 0px 0px;}
#navigationTop			{	width: 530px; margin: 42px 10px 0px 0px;  float: right;  }

	
#mainNav li a:hover, #mainNav li a.active
				{	color:#000;	background:#ccc;}


/*	CONTENT			*/

#main				{	border-top: 0px solid green; width: 890px; margin: 0px 10px 0px 10px; padding: 0px;  color:inherit; }
#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;  border: 0px solid #000; margin: 0px 0px 10px 0px; }
.contentBodyInner		{	padding: 0px 20px 20px 20px;}
.alignRight			{	text-align: right;}
.allZero			{	border: 0px; padding: 0px; margin: 0px;}


.contentBanner img 		{ 	background: #fff; padding: 0px 0px 0px 0px;  border: 0px solid #000; margin: 0px 0px 10px 0px; vertical-align: bottom; }

.container290x165		{	border-top: 4px solid #e31b1d; width: 290px; height: 165px;}
.containerGeneric              	{     	width: 290px; margin-bottom: 10px; padding: 0px; border-top: solid 4px #e31b1d; border-bottom: solid 0px #fff; ;}
.containerQuickpollWidget 	{	width: 250px; height: 320px;   margin: 20px 20px 0px 20px;  padding: 0px;}
.containerQuickpollWidgetBody	{     	text-align: center; margin: 0px 0px 0px 0px; padding: 40px 0px 0px 0px; }


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: 2.0pc; border-bottom: #ccc 1px dotted; }
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: 140%;  color: #e31b1d; margin: 20px 0px 10px 0px; padding: 0px; font-weight: bold;}	
h3				{	font-size: 105%;  color: #333; margin: 15px 0px 10px 0px;  	}	
h4				{	font-size: 100%;  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;  }	


/*.floatRight			{	float: right;}*/


/*	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;}


/*	FORM STUFF		*/

form				{	margin: 0px 0px 0px 0px;}
.form				{	border: 1px solid #fff; margin: 20px 0px 0px 0px; padding: 0;}
fieldset,  fieldset.noBorder	{   	border: 1px solid #ccc; width: 550px; margin: 0px 0px 10px 0px; padding: 0; }
fieldset.noBorder		{   	border: 1px solid #fff;    }
legend				{       font-weight: bold; padding: 0px; color: #333; margin-top: 5px; margin-left: 5px;}
.entryLabel			{      	border: 0px solid #ccc;  float: left; width: 235px; margin-right: 20px; 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: 50px; }
.form select.month		{       width: 77px; }
.form select.year		{       width: 60px; }
.form select			{       height: 25px; width: 198px; }
.form .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; }
.entryCenter			{       text-align: center;  padding: 10px;}



/*	LOGIN CONTAINER		*/

.containerLogin			{     	height: 225px; width: 250px; margin: 20px 20px 3px 20px; padding: 0px;}
.containerLoginBody		{     	text-align: center; margin: 0px 0px 0px 0px; padding: 20px 15px 0px 15px; }
.LoginWidget legend		{      	font-weight: bold; padding: 0px; color: #333; margin: 0px;}
.LoginWidget .entryLabel	{      	float: left; width: 80px; margin-right: 0px; padding: 0px 0px 0px 0px; text-align: left;}
.LoginWidget .entryItem		{	text-align: right; width: 125px; float: right; margin: 0px; padding: 0px 2px 0px 2px;}
.LoginWidget .text		{       width: 110px;margin: 0px; padding: 0px; }     
.LoginWidget .form		{	margin: 20px 0px 0px 0px; padding: 0;  text-align: center;}
.LoginWidget .labelCheckbox	{       margin: 0px;  padding: 0px 0px 0px 0px; font-size: 80%; }
.LoginWidget fieldset		{   	width: 250px; margin-bottom: 10px;}
.LoginWidget submit		{	background: url(../images/buttonTakePart.gif); text-align: center; padding: 0px; margin: 0px; }
.LoginWidget .field		{       margin: 0px; padding: 0px; }
.LoginWidget .validate		{	font-size: 88%; height: 10px; margin: 0px; padding: 0px;}
.LoginWidget .clearBoth		{	line-height: 5px; clear: both; height: 5px; border: 0px solid #ccc; margin: 0px 10px 0px 10px;}




/*	LOGIN CONTAINER		*/

#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	{	}


/*	MYACCOUNT STUFF		*/


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


.containerNavigation 		{	width: 250px;  margin: 20px 20px 0px 20px;  padding: 0px;}
.containerNavigationBody	{     	text-align: center; margin: 0px 0px 0px 0px; padding: 40px 0px 0px 0px; text-align: left; }


.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 0px; }
.navigation ul 			{ 	margin: 0; list-style-type: none; padding: 0; }
.navigation ul ul 		{ 	margin-left: 20px; list-style-type: square; }

.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 			{ 	float: left; margin: 0px 5px 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; }