body {
	background-color: #e3e2c7;
	font: 13px/18px Helvetica, Arial, sans-serif;
	color: #515151;
	padding: 0;
	margin: 0;
}
	
	#tan {
		background: url(/images/webbg_tan.jpg) top center no-repeat #e3e2c7;
	}
	
	#blue {
		background: url(/images/webbg_blue.jpg) top center no-repeat #627176;
	}
	
	#login {
		background: url(/images/webbg_bluenotop.jpg) top center no-repeat #27313b;
	}
	
	#admin {
		background: url(/images/webbg_admin.jpg) top center no-repeat #1e1716;
	}
	
	#grey {
		background: url(/images/webbg_grey.jpg) top center no-repeat #4c4c4c;
	}
	
	#brown {
		background: url(/images/webbg_brown.jpg) top center no-repeat #5f4e47;
	}
	
	#dkblue {
		background: url(/images/webbg_dkblue.jpg) top center no-repeat #121920;
	}
	
	#results {
		background: url(/images/webbg_landscape.jpg) top center no-repeat #1e1716;
	}
	
	
a:link, a:visited {
	color: #465d74;
	text-decoration: none
}

a:active, a:hover {
	color: #FFFFFF;
	background-color: #465d74;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	display: inline;
	margin-bottom: 15px;
}

h1 {
	display: inline;
	font-size: 32px;
	font-weight: bold;
	line-height: 26px;
	letter-spacing: -2px;
}

h2 {
	color: #2c3843;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	display: inline;
}

h3 {
	color: #333;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: -1px;
	display: inline;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

hr {
	width: 100%;
	border: 1px solid #dedcd5;
	margin: 15px 0 15px 0;
	float: left;
	display: inline;
}

p {
	width: 100%;
	margin: 10px 0;
	float: left;
	display: inline;
}
 
.inputStyle {
	background: #f6f5f1;
	height: 24px;
	font-size: 16px;
	font-weight: bold;
	color: #7b7973;
	border: solid 1px #dedcd5;
	padding: 10px;
	margin: 0 15px 15px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.formButton {
	font-size: 16px;
	font-weight: bold;
	padding: 0 30px;
	color: #fff;
	height: 50px;
	background: url(images/formbuttonbg.jpg) repeat-x #495a7b;
	border: 1px solid #3e4965;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

textarea {
	width: 770px;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #dedcd5;
	padding: 10px;
	color: #5b5b5b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.listMenuStyle {
	width: 95%;
	height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #545454;
	border: solid 1px #dddddd;
}

img {
	border: none;
}

.formHolder {
	width: 100%;
	float: left;
	display: inline;
}

.messagepass {
	width: 800px;
	padding: 10px;
	margin: 10px 0;
	background-color: #ebf0e8;
	border: 1px solid #c9d6bf;
}

.messagewarning {
	width: 800px;
	padding: 10px;
	margin: 10px 0;
	background-color: #f4f4de;
	border: 1px solid #d7d0ad;
}

.messagefail {
	width: 800px;
	padding: 10px;
	margin: 10px 0;
	background-color: #f0e8e8;
	border: 1px solid #d6c1bf;
}

.registerpass {
	width: 280px;
	padding: 10px;
	margin: 10px 0;
	background-color: #ebf0e8;
	border: 1px solid #c9d6bf;
	float: left;
	display: inline;

}

.registerwarning {
	width: 280px;
	padding: 10px;
	margin: 10px 0;
	background-color: #f4f4de;
	border: 1px solid #d7d0ad;
	float: left;
	display: inline;
}

.registerfail {
	width: 280px;
	padding: 10px;
	margin: 10px 0;
	background-color: #f0e8e8;
	border: 1px solid #d6c1bf;
	float: left;
	display: inline;

}

.error {
	color: red;

}

.inputStyleSmall {
	background: #f6f5f1;
	height: 18px;
	font-size: 14px;
	font-weight: bold;
	color: #7b7973;
	border: solid 1px #dedcd5;
	padding: 8px;
	margin: 0 10px 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#fullWide {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#widthSetter {
	width: 940px;
	margin: 0 auto;
}

#register {
	background: #7b9bbc;
	width: 300px;
	padding: 15px 40px;
	color: #fff;
	margin: 20px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
}

#register a:link, #register a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#register a:hover {
	text-decoration: none;
	background: none;
}

.object_ok
{
	border: 1px solid green;
	color: #333333;
}

.object_error
{
	border: 1px solid #ff0000;
	color: #333333;
}

#widthSetterLogin {
	width: 380px;
	margin: 0 auto;
}

#loginBox {
	background: #fff;
	width: 300px;
	padding: 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	float: left;
	display: inline;
}

#topSection {
	width: 100%;
	height: 110px;
	float: left;
	display: inline;
}

#topSection h1 a {
	width: 195px;
	height: 110px;
	margin-left: 50px;
	background: url(/images/4bformlogo.png) top left no-repeat;
	cursor: pointer;
	text-indent: -5555px;
	float: left;
	display: inline;
}

#userInfoHolder {
	margin: 26px 50px 0 0;
	text-align: right;
	float: right;
	display: inline;
}

#userHello {
	height: 24px;
	background: url(/images/watermark_logo.png) no-repeat;
	padding: 6px 0 0 38px;
	color: #c6d1d4;
	font-weight: bold;
	font-size: 32px;
	letter-spacing: -1px;
	clear: both;
	float: right;
	display: inline;
}

#dateShow {
	color: #c6d1d4;
	font-size: 10px;
	letter-spacing: 4px;
	clear: both;
	float: right;
	display: inline;
}

#topButtonHolder {
	clear: both;
	float: right;
	display: inline;
}

.actionButton {
	color: #c6d1d4;
	margin: 5px 3px 0 0;
	font-size: 11px;
	float: right;
	display: inline;
}

.actionButton a:link, .actionButton a:visited {
	color: #303a44;
	background-color: #c6d1d4;
	padding: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#userHellobrwn {
	height: 24px;
	background: url(/images/watermark_logo_brown.png) no-repeat;
	padding: 6px 0 0 38px;
	color: #1e1716;
	font-weight: bold;
	font-size: 32px;
	letter-spacing: -1px;
	float: right;
	display: inline;
}

#dateShowbrwn {
	color: #1e1716;
	font-size: 10px;
	letter-spacing: 4px;
	float: right;
	display: inline;
}

.actionButtonbrwn {
	color: #1e1716;
	margin: 5px 3px 0 0;
	font-size: 11px;
	float: right;
	display: inline;
}

.actionButtonbrwn a:link, .actionButtonbrwn a:visited {
	color: #ded5c4;
	background-color: #1e1716;
	padding: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#contentHolderTop {
	width: 100%;
	height: 17px;
	background: url(/images/contentholder-top.png) top left no-repeat;
	float: left;
	display: inline;
}

#contentTitle {
	width: 100%;
	height: 72px;
	background: url(/images/titlebar.png) top left no-repeat;
	float: left;
	display: inline;
}

	#contentTitle h2 {
		margin: 23px 0 0 55px;
		float: left;
		display: inline;
	}
	
	#pageNumber {
		width: 104px;
		height: 26px;
		margin: 26px 8px 0 0;
		font-size: 11px;
		text-align: center;
		float: right;
		display: inline;
	}
	
#contentTitleHeatMap {
	width: 100%;
	height: 96px;
	background: url(/images/titlebar-nopage.png) top left no-repeat;
	float: left;
	display: inline;
}

	#contentTitleHeatMap h2 {
		color: #1e1716;
		margin: 20px 0 0 55px;
		float: left;
		display: inline;
	}
	
	#heatMapSmall {
		width: 250px;
		height: 92px;
		margin: 4px 50px 0 0;
		float: right;
		display: inline;
	}
	
	#heatMap {
		width: 845px;
		padding: 20px 40px;
		float: left;
		display: inline;
	}
	
	.bucketsm {
		width: 16px;
		height: 16px;
		text-indent: -6666px;
		padding: 0;
		margin: 3px 0 0 3px;
		float: right;
		display: inline;
	}
	
	.bucketsm a:link, .bucketsm a:visited {
		width: 16px;
		height: 16px;
		text-indent: -6666px;
		cursor: pointer;
		float: left;
		display: inline;
	}
	
	.bucketsm a:hover {
		background: none;
	}
	
	.bucketlrgHolder {
		width: 100%;
		margin: 5px 0;
		float: left;
		display: inline;
	}
	
	.bucketlrg {
		width: 85px;
		height: 40px;
		text-indent: -6666px;
		padding: 0;
		margin: 5px 0 0 5px;
		float: right;
		display: inline;
	}
	
	.bucketlrg a:link, .bucketlrg a:visited {
		width: 85px;
		height: 40px;
		text-indent: -6666px;
		cursor: pointer;
		float: left;
		display: inline;
	}
	
	.bucketlrg a:hover {
		background: none;
	}
	
	.bucketlrgClick {
		width: 85px;
		height: 40px;
		padding: 0;
		margin: 5px 0 0 5px;
		float: right;
		display: inline;
	}
	
	.bucketlrgClick a:link, .bucketlrgClick a:visited {
		width: 85px;
		height: 40px;
		color: #fff;
		cursor: pointer;
		float: left;
		display: inline;
	}
	
	.bucketlrgClick a:hover {
		background: none;
	}
	
	
	.bucketheader {
		width: 58px;
		height: 36px;
		text-indent: -6666px;
		padding: 0;
		margin: 5px 0 0 5px;
		float: right;
		display: inline;
	}
	
	.bucketheader a:link, .bucketheader a:visited {
		width: 58px;
		height: 36px;
		text-indent: -6666px;
		cursor: pointer;
		float: left;
		display: inline;
	}
	
	.bucketheader a:hover {
		background: none;
	}
	
	.header {
		background-color: #e9e8e8;
		font-size: 9px;
		line-height: 12px;
		text-align: center;
		text-indent: 0;
	}
	
	.lvl3on {
		background-color: #f28a6a;
	}
	
	.lvl3off {
		background-color: #fdeee9;
	}
	
	.lvl2on {
		background-color: #a9a5a4;
	}
	
	.lvl2off {
		background-color: #ededec;
	}
	
	.lvl1on {
		background-color: #82c3db;
	}
	
	.lvl1off {
		background-color: #e0f0f6;
	}
	
	.nofill {
		width: 83px;
		border: 1px solid #e1dfda;
		
	}


#contentTitleNoPage {
	width: 100%;
	height: 72px;
	background: url(/images/titlebar-nopage.png) top left no-repeat;
	float: left;
	display: inline;
}

	#contentTitleNoPage h2 {
		margin: 23px 0 0 55px;
		float: left;
		display: inline;
	}

#contentHolder {
	width: 100%;
	background: url(/images/contentholder-repeat.png) repeat-y;
	float: left;
	display: inline;
}

	#content {
		width: 820px;
		padding: 20px 55px;
		float: left;
		display: inline;
	}
	
	#contentNoPad {
		width: 100%;
		padding: 20px 0;
		float: left;
		display: inline;
	}
	
	.column50 {
		width: 410px;
		margin-top: 15px;
		float: left;
		display: inline;
	}
	
	.bucketSection {
		width: 360px;
		padding: 15px 20px;
		margin-bottom: 15px;
		background: #f6f5f1;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border: 1px solid #e8e6e0;
		clear: both;
		float: left;
		display: inline;
	}
	
	.bucketTitle {
		width: 340px;
		padding: 5px 12px;
		margin-top: 10px;
		background: #e8e6e0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		float: left;
		display: inline;
	}
		
	#leftColumn {
		width: 560px;
		margin-left: 55px;
		text-align: left;
		float: left;
		display: inline;
	}
	
	.leftwarning {
	width: 540px;
	padding: 10px;
	background-color: #f4f4de;
	border: 1px solid #d7d0ad;
}
	
	#rightColumn {
		width: 250px;
		margin-right: 50px;
		text-align: left;
		float: right;
		display: inline;
	}
	
		.smallText {
			width: 205px;
			padding: 20px;
			background: #ededec;
			font-size: 11px;
			line-height: 17px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			float: right;
			display: inline;
		}
	
	.questionHolder {
		width: 790px;
		padding: 15px;
		margin: 7px 0;
		background: #f6f5f1;
		border: 1px solid #dedcd5;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		float: left;
		display: inline;
	}
	
	.subQuestionHolder {
		width: 760px;
		padding: 15px;
		margin: 7px 0;
		margin-left: 30px;
		background: #f6f5f1;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		float: left;
		display: none;
	}
	
	.subSubQuestionHolder {
		width: 715px;
		padding: 15px;
		margin-left: 15px;
		background: #f6f5f1;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		float: left;
		display: none;
	}
	
	.subSubQuestionHolder textarea {
		width: 705px;
	}
	
	.question {
		width: 100%;
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 15px;
		color: #393939;
		float: left;
		display: inline;
	}
	
	.verse {
		width: 100%;
		font-size: 12px;
		font-style: italic;
		margin-bottom: 15px;
		color: #393939;
		float: left;
		display: inline;
	}
	
	.questionSmall {
		width: 100%;
		font-weight: bold;
		font-size: 13px;
		color: #393939;
		float: left;
		display: inline;
	}
	
	.rating {
		width: 770px;
		background-color: #e8e6e0;
		padding: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		float: left;
		display: inline;
	}
	
	.subrating {
		width: 740px;
		background-color: #e8e6e0;
		margin-bottom: 15px;
		padding: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		float: left;
		display: inline;
	}
	
	.subrating textarea {
		width: 720px;
		background: white;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		border: solid 1px #dedcd5;
		padding: 10px;
		color: #5b5b5b;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}
	
	.ratingAlone {
		width: 800px;
		background-color: #f6f5f1;
		padding: 10px;
		margin: 7px 0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		float: left;
		display: inline;
	}
	
	.optional {
		font-size: 11px;
		font-weight: normal;
	}
	
	.100wide {
		width: 100%;
		float: left;
		display: inline;
	}

#buttonHolder {
	width: 100%;
	margin: 15px 0;
	float: left;
	display: inline;
}


#contentHolderBottom {
	width: 100%;
	height: 45px;
	background: url(/images/contentholder-bottom.png) top left no-repeat;
	float: left;
	display: inline;
}

    .focusField{
        border:solid 1px #a6afb2;
        background:#e3ecee;
        height: 24px;
		font-size: 16px;
		font-weight: bold;
		color: #393939;
		padding: 10px;
		margin: 0 15px 15px 0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
    }
    .idleField{
        background: #f6f5f1;
		height: 24px;
		font-size: 16px;
		color: #bbb8b0;
		border: solid 1px #dedcd5;
		padding: 10px;
		margin: 0 15px 15px 0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
    }
    
#footer {
	width: 100%;
	padding: 20px 0 30px 0;
	color: #eaeaea;
	text-align: center;
	font-size: 11px;
	float: left;
	display: inline;
}

#footer a:link, #footer a:visited {
	color: #eaeaea;
	font-size: 11px;
	text-decoration: underline;
}

#footerLite {
	width: 100%;
	padding: 20px 0 30px 0;
	color: #515151;
	text-align: center;
	font-size: 11px;
	float: left;
	display: inline;
}


/* NEXT STEPS INFO */

.nextStepsColumn {
	width: 380px;
	padding: 10px;
	float: left;
	display: inline;
}

.nextStepHolder {
	width: 340px;
	border: 1px solid #ddd9d2;
	padding: 0 10px;
	margin-bottom: 20px;
	font-style: italic;
	font-weight: bold;
	background: url(images/nextstepbg.jpg) bottom repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	display: inline;	
}

.nextStepsColumnLeft {
	width: 540px;
	padding: 0 10px;
	margin-top: 15px;
	float: left;
	display: inline;
}

.nextStepHolderSmall {
	width: 235px;
	border: 1px solid #ddd9d2;
	padding: 0 10px;
	margin: 0 10px 10px 0;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	background: url(images/nextstepbg.jpg) bottom repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	display: inline;	
}

.viewNextStep {
	width: 215px;
	padding: 5px 10px;
	margin: 10px 0;
	background: #e4e3dc;
	font-weight: bold;
	clear: both;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	display: inline;
}

.viewNextStepLrg {
	width: 320px;
	padding: 5px 10px;
	margin: 10px 0;
	background: #e4e3dc;
	font-weight: bold;
	clear: both;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	display: inline;
}

.nextStepHolderSmall a:link, .nextStepHolderSmall a:visited {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

#siteCredit {
	margin: 15px;
	font-size: 11px;
	color: #e5d9c7;
	padding: 10px; 
	float: right;
	display: inline;
}

.imgLeft {
	padding: 10px 10px 10px 0;
	float: left;
}