/*******************************/
/** HTML Elements **/
/*******************************/
table, tbody, tr, td, th, a, p, h1, h2, h3, h4, h5, h6, blockquote, img, ul, li, div, form, br {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	background:#3b8aac;
}
/*******************************/
/** Layout Elements **/
/*******************************/
.greenHeader {
	background:#beca4a;
	height:62px;
}
.debitFactsLogo {
	position:absolute;
	top:18px;
	left:12px;
}
.headerLinks {
	position:absolute;
	top:27px;
	left:256px;
}
.search {
	position:absolute;
	top:28px;
	left:735px;
	width:179px;
}
.RSS {
	position:absolute;
	top:29px;
	left:913px;
}
.circles {
	background:url(../images/bg_circles.gif) top left repeat;
	position:-50px;
}
.bodyWrapper {
	width:962px;
}
.BGHappyCustomer1 {
	background:url(../images/happyCustomer_01.gif) bottom left no-repeat;
}
.leftColumn {
	width:208px;
	float:left;
}
.navigationWrapper {
	height:302px;
	background:#1b6d93;
}
.expertInterviewWrapper {
	margin-top:13px;
	background:#fef6ac;
}
.expertInterviewHeader {
	background:#1b6d93;
	height:47px;
}
.expertInterviewContent {
	font-family:Arial, Helvetica, sans-serif;
	margin:20px;
	line-height:24px;
	font-size:12px;
}
.midColumn {
	width:525px;
	background:#f8fbfc;
	min-height:861px;
	float:left;
}
.contentWrapper {
	margin: 28px 33px 30px 20px;
}
.videoContestWrapper { margin: 28px 0 30px 20px; }
.rightColumn {
	float:right;
	width:229px;
}
.quizWrapper {
	background:#98d6da;
	margin-top:22px;
}
.quizHeader {
	background:#1b6d93;
	height:51px;
}
.quizQnumbers {
	float:right;
	margin-right:21px;
	margin-top:20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
.quizContent {
	font-family:Arial, Helvetica, sans-serif;
	margin:25px;
	font-size:12px;
	color:#000;
}
.footer {
	height:30px;
	background:#1b6186;
	padding:22px 0px 0px 115px
}
.footerLinks {
	width:940px;
}
.copyright {
	font-family:Arial, Helvetica, sans-serif;
	color:#fefefe;
	font-size:11px;
	text-decoration:none;
	height:30px;
	background:#3b8aac;
	text-align:center;
	width:840px;
	padding:22px 0px 0px 57px;
	
}
/*******************************/
/** Navigation Styles **/
/*******************************/
.navButton {
	height:39px;
	background:#1b6d93;
	margin-bottom:8px;
}
.navButtonOver {
	height:39px;
	background:#1b6186;
}
/*******************************/
/** Image Styles **/
/*******************************/
.yellowBorder {
	border:6px solid #f7e653;
}
/*******************************/
/** Form Styles **/
/*******************************/
.search input {
	border-top:1px solid #848484;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #848484;
	padding:2px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#347293;
}
/*******************************/
/** Font Styles **/
/*******************************/
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#347293;
	font-weight:normal;
	margin-bottom:16px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#777;
	margin-bottom:23px;
	line-height:18px;
	width:99%;
}
ol {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#777;
	margin-bottom:23px;
	line-height:18px;
	width:90%;
}
.12pxFont {
	font-size:12px;
}
ul.mainContentList {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#777;
	margin-bottom:23px;
	margin-left:30px;
	line-height:18px;
}
.bordered, .bordered th, .bordered td{
	border:1px solid #000;
	padding:1px;
	vertical-align:top;
}
/*******************************/
/** Link Styles **/
/*******************************/
a {
	color:#3b8aac;
	text-decoration:underline;
}
a:hover {
	color:#3b8aac;
	text-decoration:none;
}
.headerLinks a {
	font-family:Arial, Helvetica, sans-serif;
	color:#176082;
	font-size:12px;
	text-decoration:none;
	margin-right:38px;
}
.headerLinks a:hover {
	color:#fefefe;
	text-decoration:underline;
}
.footerLinks a {
	font-family:Arial, Helvetica, sans-serif;
	color:#fefefe;
	font-size:11px;
	margin-right:37px;
	text-decoration:none;
}
.footerLinks a:hover {
	text-decoration:underline;
}
/*******************************/
/** Misc. Styles **/
/*******************************/
.clear {
	clear:both;
	height:1px;
	font-size:1px;
}
.submitButton {
   background: url(../images/btn_submit.gif) no-repeat top center; 
   width:13px; 
   height:14px; 
   line-height:16px;
   border:none;
   cursor:pointer;
}
ul.checkListSmall {
  list-style: url(../images/checkmarkSmall.png) disc;
}
ul.checkListSmall li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#777;
	line-height:20px;
	margin-bottom:20px;
	padding-left:20px;
	margin-left:20px;
}
table.debitVsCredit th{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#1B6D93;
	color:#fff; 
}
table.debitVsCredit td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	vertical-align:top;
	padding-top:10px;
}
td.checkmark {
	background: url(../images/checkmarkTiny.png) no-repeat top center; 
	padding-top:10px;
}
.yourMoneySmarterList {
	margin-left:10px;
	margin-top:10px;
}
ul.searchResults {
  list-style: url(../images/checkmarkTiny.png) disc;
}
.twitterWrapper {
	margin-top:13px;
	background: url(../images/twitterContent.gif) repeat-y;
}
.twitterContent {
	margin: 10px 20px 10px 20px;
}
.twitterTop {
	background: url(../images/twitterFooter.gif) no-repeat top center;
	width: 208px;
	height: 70px;
}
.twitterFooter {
	background: url(../images/twitterFooterCap.gif) no-repeat top center;
	width: 208px;
	height: 6px;
}
.twitter, .twitterError {
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	line-height:16px;
	font-size:10px;
}
.twitterPubDate {
	font-family:Arial, Helvetica, sans-serif;
	color: #777;
	font-size:10px;
	margin-bottom: 10px;
}
.twitterLinks {
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	line-height:16px;
	font-size:10px;
	margin-left:10px;
}
.followTwitter {
	margin-top: 27px; 
	margin-left: 10px; 
	float: left;
}
.followFacebook {
	margin-top: 27px; 
	margin-right: 10px; 
	float: right;
}
#debitSmartEnterNow {margin: 0 0 0 110px;}
#debitSmartWrapper {
	background: url(../images/bkgDebitSmart.gif) no-repeat top center;
	margin-top:15px;
	height: 507px;
}
	#debitSmartWrapper h4 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:17px;
		line-height: 20px;
		text-align: center;
		color:#777;
		margin: 0 20px 0 20px;
		padding-top: 185px;
	}
	#debitSmartWrapper p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align: center;		
	}
	#debitSmartWrapper p.textTop { margin-top: 7px; }
	#debitSmartWrapper p.textBottom { font-size: 14px; line-height: 20px; margin-top: 138px; }
	#debitSmartWrapper img { margin: 35px 0 0 18px; }

body.videoForm { margin: 0; padding: 0; width: 395px; height: 498px; background-color: #000; }
	body.videoForm div { overflow:hidden; }
#videoFormHeader {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 22px; 
	color: #fff; 
	height: 27px; 
	background-color: #1b6d93; 
	padding: 10px 18px;
}
	.modalClose a, .modalClose a:hover, .modalClose a:visited { margin-left: 230px; color: #fff; text-decoration: none; }
	
#videoFormMain { color:#3c3c3c; font-family:Arial, Helvetica, sans-serif; height:469px; font-size: 12px; background-color: #beca4a; padding: 0; }
#vidFormFull { color:#3c3c3c; font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; }
	#videoFormMain label, #vidFormFull label { float: left; margin-left: 0; }
	.vidFormField { float: right; margin: 0 20px; }
	.vidValContainer { margin:0; padding: 0; height: 22px; }
	.vidValError { float: right; margin: 3px 20px; font-style:italic; color: Red; }
	.submitVideoButton { margin: 10px 100px; }
	
.videoHeading { font-size: 17px; font-weight: bold; }

#videoGallery {	width: 450px; }
	#videoGallery img { border: solid 1px #65c4ca; }
	#videoGallery .tweet {
		font-family:Arial, Helvetica, sans-serif;
		color: #404040;
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 15px;
	}
	#videoGallery .tweet a, #videoGallery .tweet a:visited { text-decoration: none; }
	#videoGallery .tweet a:hover { text-decoration: underline; }
	
	#videoGallery .videoTitle {
		color: #1b6d93;
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
		margin: 5px 0 3px 0;
	}
	#videoGallery .submittedBy {
		font-size: 11px;
		line-height: 13px;
		margin-bottom: 15px;
	}
	#videoGallery .leftGallery {
		margin: 0 46px 0 0;
		width: 202px;
		float: left; 
		font-size: 11px;
	}
	#videoGallery .rightGallery {
		width: 202px;
		float: right;
		font-size: 11px;
	}
	
#vidFrame { margin-bottom: 10px; }
.vidWinnerHead {
	color: #beca4a;
	/*color: #1b6186;*/
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}
.twitterHandle {
	color: #1b6186; 
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 5px; 
	}
	.twitterHandle a, .twitterHandle a:visited, .twitterHandle a:hover { text-decoration: none; color: #1b6186; }

#winnersGallery { background-color: #beca4a; width: 525px; padding: 0; margin: 0; overflow:hidden; }
	#winnersGallery .congrats { margin: 15px 0 5px 104px; }
	#winnersGallery .grandPrize { margin: 15px 0 5px 123px; }
	#winnersGallery .secondPlace { float: left; margin: 10px 0 10px 74px; }
	#winnersGallery .thirdPlace { float: left; margin: 10px 0 10px 106px; }
	#winnersGallery .winningVid { margin: 10px 0 10px 38px; }
	#winnersGallery .twitterWinners { margin: 20px 0 0 50px; } 
	#winnersGallery p { color: #404040; font-size: 12px; line-height: 15px; margin: 5px 16px; width: 494px; }
	#winnersGallery .videoTitle {
		color: #1b6d93;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		margin: 5px 0 0 38px;
	}
	#winnersGallery .submittedBy { font-size: 13px; line-height: 15px; margin: 0 0 5px 38px; }
	#winnersGallery .winnerDesc { width: 450px; margin: 0 0 5px 38px; }
	
#runnersUpGallery { width: 480px; margin-top: 20px; }
	#runnersUpGallery .leftGallery { font-family:Arial, Helvetica, sans-serif; margin: 0 20px 0 38px; width: 202px; float: left; font-size: 11px; }
	#runnersUpGallery .rightGallery { font-family:Arial, Helvetica, sans-serif; width: 202px; float: right; font-size: 11px; }
	#runnersUpGallery .title {
		color: #1b6d93;
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
		margin: 5px 0 3px 0;
	}
	#runnersUpGallery .submitter { font-size: 11px; line-height: 13px; margin-bottom: 15px; color:#404040; }

#paginationContainer { margin: 10px 0; width: 450px; height: 30px; text-align:center; }
.dataPager { width: 13px; height: 14px; font-size:13px; border: solid 1px #e1e1e1; padding: 0 4px; }
	.dataPager a, .dataPager a:visited, .pager a, .pager a:visited { text-decoration: none; color:#3b8aac; }
	.dataPager a:hover, .pager a:hover { text-decoration: underline; color:#3b8aac; }
.currentPage { width: 13px; height: 14px; font-size:13px; padding: 0 4px; font-weight: bold; }
.pager { width: 13px; height: 14px; font-size:13px; color: #b9bdc4; padding: 0 4px; }

/* Messaging classes... */
.success, .error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid;
	margin: 10px 0;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	width: 380px;
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/icons/success.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/icons/error.png');
}