.center {
	text-align: center;
}

.clear {
	clear: both;
}

#submit {
	clear: both;
	text-align: center;
	margin-bottom: 20px;
}

h2 {
	font-weight: bold;
	font-size: 2em;
}

form {
	margin: 0;
}

#Core
{
	margin-left:10px;
}
#Mandatory{
	margin-left:10px;
}

/**********************************
*	PROGRESS BAR
**********************************/
.progressholder{
	width:1000px;
	height:30px;
	text-align:center;
}
#progressBar {
	display:block;
	margin: 10px auto;
	text-align: center;
	background-color: #336799;
	border: 1px solid black;
	width: 100%;
}

#progressBar span {
	margin: 0;
	padding: 0;
}

#progressBar div {
	float: left;
	text-align: center;
}

#progressBar div.singleWidth {
	width: 32%;
}

#progressBar div.multiWidth {
	width: 19%;
}

#progressBar div.stepList {
	font-size: .8em;
	background-color:#F3F3F3;
	height: 100%;
}

#progressBar div.activeStep {
	font-size: .8em;
	color: white;
	background-color: #336799;
	height: 16px;
}

#progressBar div.activeStepWrap {
	font-size: .8em;
	color: white;
	background-color: #336799;
	height: 32px;
}

#progressBar div.stepBreak {
	background: url("/resource/images/onlineWizard/arrowhead_grey_grey.jpg");
	background-repeat: no-repeat;
	width: 8px;
	height: 16px;
}

#progressBar div.stepBreakWrap {
	background: url("/resource/images/onlineWizard/arrowhead_grey_grey_large.jpg");
	background-repeat: no-repeat;
	width: 8px;
	height: 32px;
}

#progressBar div.rightBreak {
	background: url("/resource/images/onlineWizard/arrowhead_blue_left.jpg");
	background-repeat: no-repeat;
	width: 8px;
	height: 16px;
}

#progressBar div.rightBreakWrap {
	background: url("/resource/images/onlineWizard/arrowhead_blue_left_large.jpg");
	background-repeat: no-repeat;
	width: 8px;
	height: 32px;
}

#progressBar div.activeBreak {
	background: url("/resource/images/onlineWizard/arrowhead_blue.jpg");
	background-repeat: no-repeat;
	width: 8px;
	height: 16px;
}

#progressBar div.activeBreakWrap {
	background: url("/resource/images/onlineWizard/arrowhead_blue_large.jpg");
	background-repeat: no-repeat;
	width: 8px;
	height: 32px;
}

/**********************************
*	OTHER PROMOTION STYLES
**********************************/
.buttonText {
	margin: 12px 0 12px 0;
}

.buttonPadding {
	padding: 10px 0 0 0;
}

#popUpLogo {
	margin-bottom: 5px;
}

.PromotionList {
	margin: 10px 0 10px 150px;
	list-style: none;
}

.PromotionList li {
	float: left;
	width: 100%;
}

.PromotionListTwoCols {
	margin: 10px 0 10px 70px;
	list-style: none;
}

.PromotionListTwoCols li {
	float: left;
	margin: 0 10px 0 5px;
	width: 300px;
}

.promoListCBox {
	float: left;
}

.promoListText {
	margin: 0 0 0 25px;
}

.clear {
	clear: both;
}

ul {
	margin: 5px 0 5px 15px;
	padding: 0;
}

#Mandatory div.questionContainer, #Survey div.questionContainer {
	margin-bottom: 10px;
}

.questionSetHeader {
	font-size: 12pt;
	font-weight: bold;
	clear: both;
	padding-top: 12px;
}

.questionText {
	font-weight: bold;
}

.question {
	position: relative;
	float: left;
	width: 250px;
	clear: both;
	padding-top: 7px;
	padding-right: 15px; }

.questionFullWidth {
	position: relative;
	clear: both;
	padding-top: 7px;
}

.questionRequired {
	color: red;
	font-weight: bold;
	position: absolute;
	left: -9px;
	top: 9px;
}

.answer {
	float: left;
	width: 430px;
	margin-top: 7px; }

.answerFullWidth {
	margin-top: 7px;
}

.answerTwoCols div.answerDiv {
	float: left;
	width: 350px;
}

.invalid { color: red; }

.optionLeft {
	clear: both;
	float: left;
	width: 25px;
	line-height: 20px;
}

.optionRight {
	float: left;
	width: 405px;
	line-height: 20px;
}

.answerTwoCols div.optionRight {
	width: 325px;
}

.redirect {
	margin: 5px 0 7px 0;
}

.ackbody {
	margin-bottom: 1em;
}

/**********************************
*	TERMS AND CONDITIONS
**********************************/

#terms {
	text-align: left;
	padding: 5px;
}

/**********************************
*	TEMPLATE 1
**********************************/

#Layout1,#Layout2,#Layout3,#Layout4{
	padding:0 15px;
}
#layout1 div#cell2, #layout1 div#cell3, #layout1 div#cell4, #layout1 div#cell5, #layout1 div#cell6,
	#layout1 div#cell7, #layout1 div#cell8, #layout1 div#cell9, #layout1 div#cell10 {
	padding-top: 10px;
}

/**********************************
*	TEMPLATE 2
**********************************/
#layout2 div#cell1 {
	float: left;
	width: 60%;
	margin-top: 20px;
}

#layout2 div#cell2 {
	float: right;
	width: 38%;
	margin-top: 20px;
	padding-left: 10px;
}

#layout2 div#cell3 {
	clear: left;
	width: 60%;
	padding-top: 20px;
}

#layout2 div#cell4 {
	clear: both;
	margin-top: 20px;
}

#layout2 div#cell5 {
	clear: both;
	padding-top: 20px;
}

#layout2 div#cell6 {
	padding-top: 20px;
}

#layout2 div#cell7, #layout2 div#cell8, #layout2 div#cell9, #layout2 div#cell10 {
	padding-top: 10px;
}

/**********************************
*	TEMPLATE 3
**********************************/
#layout3 div#cell1 {
	float: right;
	width: 60%;
	margin-top: 20px;
}

#layout3 div#cell2 {
	float: left;
	width: 38%;
	margin-top: 20px;
	padding-right: 2%;
}

#layout3 div#cell3 {
	float: left;
	width: 59%;
	padding-top: 20px;
}

#layout3 div#cell4 {
	clear: both;
	margin-top: 20px;
}

#layout3 div#cell5 {
	padding-top: 20px;
	
}
#layout3 div#cell5 b{
	width:100%;
	float:left;
	display:block;
	margin:10px 0;
}
#layout3 div#cell6 {
	padding-top: 20px;
}

#layout3 div#cell7, #layout3 div#cell8, #layout3 div#cell9, #layout3 div#cell10 {
	padding-top: 10px;
}

/**********************************
*	TEMPLATE 4
**********************************/
#layout4 div#cell1 {
	margin: 10px 0 10px 0;
}

#layout4 div#cell2 {
	margin-bottom: 10px;
}

#layout4 div#cell3 {
	float: left;
	width: 40%;
}

#layout4 div#cell4 {
	float: right;
	width: 58%;
}

#layout4 div#cell5 {
	clear: both;
}

#layout4 div#cell6 {
	padding-top: 20px;
}

#layout4 div#cell7 {
	padding-top: 20px;
}

#layout4 div#cell8, #layout4 div#cell9, #layout4 div#cell10 {
	padding-top: 10px;
}

/**********************************
*	TEMPLATE 5
**********************************/
#layout5 div#cell1 {
	float: left;
	width: 40%;
	margin-top: 10px;
}

#layout5 div#cell2 {
	float: right;
	width: 60%;
	margin-top: 10px;
}

#layout5 div#cell3 {
	clear: left;
	float: left;
	width: 40%;
	margin-bottom: 10px;
}

#layout5 div#cell4 {
	clear: left;
	float: left;
	width: 20%;
}

#layout5 div#cell5 {
	float: left;
	width: 20%;
}

#layout5 div#cell6 {
	padding-top: 10px;
	clear: both;
}

#layout5 div#cell7 {
	margin-top: 20px;
}

#layout5 div#cell8, #layout5 div#cell9, #layout5 div#cell10 {
	margin-top: 10px;
}