
/* MyNextPhase.com						*/



/** END Global Layout Styles **/

/** START General Text Styles **/
h3{
  font-size: 1.3em;
	color: #2D7ACA;
}
.registrationContentStart h3{
	color:#4da922;
}
.registerStart h3 span, .registrationContentStart h3 span{
  font-size:.8em;
	color:#999;
}
.imageSubmit{
  border: none !important;
  cursor:hand;
  cursor:pointer;
	display:block;
  width: 185px;
  height: 39px;
  text-indent:-5000px;
	margin:0 0 0 155px !important;
  margin:0 0 0 115px;
}
.signupSubmit{
  background: transparent url(/images/pub/button-signup.gif) no-repeat top left;
}
.purchaseSubmit{
  background: transparent url(/images/pub/button-purchase.gif) no-repeat top left;
	margin:-15px 0 -5px -5px !important;
}
.continueSubmit{
  background: transparent url(/images/pub/button-continue.gif) no-repeat top left;
	margin:5px 0 20px 202px !important;
	margin:5px 0 20px 175px;
}
.optionalInfoSubmit{
  background: transparent url(/images/pub/button-continue.gif) no-repeat top left;
	margin:5px 0 20px 153px;
}
.startSurvey{
  background: transparent url(/images/pub/button-startnow.gif) no-repeat top left;
	margin:15px 0 0 -3px !important;
}
.imageSubmit:hover{
  background-position: left -39px;
}

.introduction {
font-size: 1.2em;
}

div.instructions {
	clear: both;
  border: 2px solid #FFE88E;
	background-color: #FDFCED;
  margin: 10px 0;
	padding: 15px 20px;	
	position:relative;
}

ol li{
  margin: 20px 0;
}

ol li li{
  margin: 5px 0;
}

.appTitle {
font-weight:		bold;
font-size: 			30px;
padding-top: 		10px;
padding-bottom: 	10px;
position:			relative;
vertical-align:		text-bottom;
text-decoration:	none;
}
/** END General Text Styles **/

/** START Login & Registration Styles **/
#memberLogin, #notMember, .register{
	padding-left: 50px;
	margin: 30px 0;
}


#memberLogin form {
	width: 300px;
	border: 2px solid #E7E2C4;
	background-color: #FDFAF1;
	margin: 0;
	padding: 15px 20px;	
}


#memberLogin form .formSubmit, .formSubmit {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #2E7AC8;
	font-size: .85em;
	font-weight: bold;
	border: 1px solid #7EC8EF;
	padding: 1px 7px;
	margin-top: 5px;
}
form br{
  clear:both;
}

.register select{
	min-width: 40%;
}

.register .formLabel, .register .formLabelError,
.register .formField, .register .formFieldError{
	margin: 0 6px 0 0;
}
.register .formField, .register .formFieldError{
	margin: 0 5px 10px 0;
	padding:0;
}
.register .formLabel, .register .formLabelError{
  float:left;
	width:150px;
	text-align:right;
	padding: 7px 0;	
	clear:left;
}

.billing .formLabel, .billing .formLabelError{
  float:left;
	width:200px !important;
	text-align:right;
	padding: 7px auto;	
	clear:left;
}
.register .radioGroup{
	clear:both;
}
.register .helpText{
	margin-left: 160px;
	font-size: .85em;
	background-color:#DFEDFD;
	padding: 5px 10px;
}
.registerStart .helpText{
	margin-left: 155px;
}

.register .fauxField{
	margin-left: 160px;
}

.registerStart h2{
	background: url(/images/pub/txt-sign_up.gif) no-repeat;
}
  
.billing .fauxField{
	margin-left: 210px;
}
.register .radioGroup .formField .answer1, .register .radioGroup .formField .answer2,
.register .radioGroup .formFieldError .answer1, .register .radioGroup .formFieldError .answer2{
 clear:right;
}
.register .dobFields .formLabel, .register .day .formLabel, .register .year .formLabel,
.register .dobFields .formLabelError, .register .day .formLabelError, .register .year .formLabelError{
  margin:2;
}
.register .month .formField, .register .day .formField, .register .year .formField,
.register .month .formFieldError, .register .day .formFieldError, .register .year .formFieldError{
  margin:0;
}
.register .month input, .register .day input{
  width: 2em;
}
.register .year input{
  width: 4em;
}
.register .month .required,
.register .day .required,
.register .year .required{
	display:none;
}

.dobFields td .formLabel, .dobFields td .formLabelError{
	display:inline;
	width: auto !important;
	float:none;
	text-align:left;
}
.newsletterCheckbox{
	padding-left: 155px;
	clear:both;
}	
	
.newsletterCheckbox .formField, .newsletterCheckbox .formFieldError{
	float:left;
	display:inline;
}
.newsletterCheckbox .formLabel,
.newsletterCheckbox .formLabelError{
	display:block;
	float:none;
	clear:right;
	width:250px;
	text-align:left !important;
	/*	border-top:1px solid #ccc;*/
	margin:0;
	padding:0;
}
.narrowLabel, .narrowLabel div.formLabel{
	width:160px !important;
	float:left !important;
	margin-bottom: 10px !important;
	*margin-bottom: 0 !important;
}
.narrowLabel div.formLabel{
	float:none !important;
	*float:left !important;
}


.newsletterCheckbox{
	margin: 20px 0;
}	

.registrationContent{
	border: 2px solid #E7E2C4;
	background-color: #FDFAF1;
	float:left;
	width: 230px;
	margin: 10px 0;
}
.registrationContent p, .registrationContentStart p{
  margin: 1em 1.5em;
}
.registrationContentStart{
	float:left;
	width: 320px;
	margin: 10px 0 30px 0;
}
div.register{
  width: 450px;
  float:left;
  padding: 0 !important;
	margin:0 0 0 30px;
}
.registerStart{
  border-left:1px solid #ccc;
  margin:10px 0 30px 25px !important;
  width: 340px !important;
}
.registerStart h2, .registerStart h3{
  margin-left:25px !important;
}
.headingStart, .registerStart h2, .registrationContentStart h2, .billing h3, h3.purchaseConfirmation, h3.optionalInfo{
	display:block;
	height:30px;
	width:300px;
	text-indent:-5000px;
}
.headingStart{
	background: url(/images/pub/txt-membership_options.gif) no-repeat;
}
.registerStart h2{
	background: url(/images/pub/txt-sign_up.gif) no-repeat;
}
.registrationContentStart h2{
	background: url(/images/pub/txt-select_one.gif) no-repeat;
}
.billing h3{
	background: url(/images/pub/txt-billing_info.gif) no-repeat;
}
h3.purchaseConfirmation{
	background: url(/images/pub/txt-confirmation.gif) no-repeat;
}
h3.optionalInfo{
	background: url(/images/pub/txt-optional_info.gif) no-repeat;
}

form.registrationForm{
  clear:none;
  margin-left:10px;
}
/** END Login & Registration Styles **/

/** START General Form Styles **/


div.trait h3{
  display:inline;
	padding: 5px 0;
}
div.trait a.button{
	font-size: .85em;
	font-weight:bold;
/*
  color:#fff !important;
  background-color:#2D7ACA;
	text-decoration:none !important;
*/	
	padding:3px 15px;
	margin: 3px 0;
	clear:both;
	position:relative;
}

/** end journal styles **/

/** START UNDERSTANDING YOURSELF STYLES **/

div.trait{
  margin: 40px 10px;
}

div.trait h3{
  margin: 5px auto;
	color: #003399;
}

div.trait table{
  margin: 5px 0 0 0;
  border: 1px solid #E6E2C3;
	border-top: 2px solid #59A3F0;
	clear:both;
}
div.trait th{
  text-align:center;
  background-color: #E1EDF8;
	color: #2E639A;
	font-size: .7em;
	font-width: bold;
	padding: 4px 0;
	border-left: 1px solid white;
	border-right: 1px solid white;	
}

div.trait .marker{
  color: #fff;
  background-color: #59A3F0 ;
}

div.trait th, div.trait td{
  text-align:center;
  width: 125px;
}
div.trait .ends{
  text-align:center;
  width: 200px;
}
div.trait td{
  background-color: #FDFCF5;
}
div.trait td.descrip{
	width: auto;
	text-align:left;
	padding: 10px;
	align: top;
	vertical-align: top;
}

div.trait h4{
  font-size: 1.2em;
	margin: 0 0 .3em 0;
}



div.selectReport{
  color: #fff;
	font-weight:bold;
  background-color: #53B4E9;
	padding: 5px 20px;
}

div.selectReport form{
  margin: 0;
	padding: 0;
}
div.selectReport .formLabel, div.selectReport .formSubmit, div.selectReport .formField{
	display: inline;
}

div.selectedReport{
  background-color: #FCFBF4;
	border: 2px solid #E6E2C3;
	padding: 0 20px;
	margin: 10px;
}
div.selectedReport h2{
  font-size: 1.3em;
}
h2.memberNameIntro{
  font-size:1.6em;
	font-weight:normal;
	font-style:italic;
	color:#2d7aca;
	margin:15px 0 10px 15px;
}
div.selectedReport b{
  font-size: 14px;
  color: #003399;
}

form.questionForm{
  clear: both;
}

div.question{
  border: 1px solid #C3D8E6;
	background-color:#F6F8FB;
	margin: 5px 0 30px 0;
	width: 702px;
}

div.question strong{
  margin: 10px 0 10px 10px;
	display:block;
}

div.question .formField{
  width: 700px;
	clear: both;
  margin: 0;
	padding: 0;
}

div.question .radioGroup{
	margin: 0;
	padding: 0;
	clear: both;
}

div.question .statement1{
  float: left;
  width: 280px;
  margin: 5px 0 10px 10px;
}

div.question .statement2{
  float: right;
  width: 280px;
  margin: 5px 10px 10px 0;	
}

div.question div.answer1, div.question .answer2, div.question .answer3, div.question .answer4, div.question .answer5{
  width: 140px;
	margin: 0;
	float:left;
  padding: 30px 0 5px 0;
	text-align:center;
}

div.question div.answer1{
	background-image: url(/images/answer-arrow-01.gif);
	background-repeat: no-repeat;
	background-position: top;	
}

div.question div.answer2{
	background-image: url(/images/answer-arrow-02.gif);
	background-repeat: no-repeat;
	background-position: top;	
}

div.question div.answer3{
	background-image: url(/images/answer-arrow-03.gif);
	background-repeat: no-repeat;
	background-position: top;	
}

div.question div.answer4{
	background-image: url(/images/answer-arrow-04.gif);
	background-repeat: no-repeat;
	background-position: top;	
}

div.question div.answer5{
	background-image: url(../images/answer-arrow-05.gif);
	background-repeat: no-repeat;
	background-position: top;	
}

div.question .statement1 strong{
  font-weight: bold;
}
/*
div.question th{
  font-size: .8em;
	font-weight: normal;
	background-color:#F6FCFF;
	text-align:left;
}

div.question th{
  font-size: .8em;
	font-weight: normal;
	background-color:#F6FCFF;
	text-align:left;
	padding: 5px;
}

div.question .radioGroup input{
  font-size: 1em;
  margin-left: 4em;
}
*/

div.question .radioGroup .formLabel{
	display: none; 
  text-align: center;
}
div.question .radioGroup .formLabelError{
  text-align: center;
}
div.question .radioGroup input{
	margin: 0 5px 0 0;
}
div.question .formFieldError .radioGroup input {
  background-color: #fff;
	clear: both;

}

div.question .formFieldError, div.question .formLabelError  {
  margin: 0;
	padding: 0;
}
/** END UNDERSTANDING YOURSELF STYLES **/


/**********************************/

A:link {
color:            	#083C8C;
text-decoration:  	underline;
}

A:visited {
color:            	#083C8C;
text-decoration: 	underline;
}

A:hover {
color:            	#007527;
text-decoration: 	underline;
}

A:active {
color:            	#083C8C;
text-decoration:  	none;
}

.table {
padding-left:		2px;
padding-right:		2px;
padding-top:		2px;
padding-bottom:		10px;
}

.pageTitle {
	font-size: 1.5em;
	font-weight:bold;
	padding: 1em 0;
}

.error {
color: red;
font-weight: 		bold;
}

.info {
color: blue;
font-weight: 		italic;
}

.tableHeader {
font-weight: 		bold;
}

.tableContents {
}

.report {
font-size: 			20px;
padding-top:		12px;
padding-bottom: 	12px;
}

.reportTitle {
font-weight:		bold;
}

.reportBody {
}

/** START BALANCING YOUR LIFE STYLES **/


/** END BALANCING YOUR LIFE STYLES **/

/** START Member Home page styles **/

/** END Member Home page styles **/

/** **/


div.processPage{
  font-size: .85em;
	display:inline;
	border:2px solid #B5E1B9;
	background-color:#F6FFF6;
	padding: 4px 15px;
	margin:5px 0;
}
div.trial {
  color:#999999;
}
div.trial .processPage{
  color:#999999;
	border:2px solid #ccc;
	background-color:#F0F0F0;
}



/** These may not be in use any longer **/
/** double check before deletion **/

div.memberLinks{
  background-color: #FCFBF4;
	border: 2px solid #E6E2C3;
	padding: 10px 10px 20px 20px;
/*	width: 350px; */

}


.pageHeader {
clear: 				both;
position: 			relative;
top: 				0%;
left: 				0%;
}

.pageFooter {
clear: 				both;
position: 			relative;
top: 				0%;
left: 				0%;
}

.pageBody {
padding-top:	8px;
padding-bottom: 8px;
}

.navbar {
color:            	1F5394;
font-family:      	tahoma, verdana, arial, helvetica, sans-serif;
font-size:        	11px;
font-weight:      	bold;
text-decoration:  	none;
padding-top: 		8px;
padding-bottom: 	8px;
}

a img{
  border: none;
}
.radio, .checkBox{
	border:none;
}
div.price{
	margin: 1em 0 0 2em;
	float:right;
	padding:.5em;
	clear:right;
	width: 250px;
}
div.price h4{
	color:#003366;
	font-size: 1.1em;
	font-weight:bold;
	margin: 0;
}
div.price ul{
	font-size:.9em;
	margin: .5em 0 0 1em;
	padding: 0 0 0 .5em;
}
.clear {
  background-image:none;
	overflow: hidden;
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	font-size: 1px;
}
/* MyNextPhase.com									*/
/* GLOBAL Styles (Public & Member)	*/

/*---------------------------------------------------*/
/** General styles */

* {  /*global white space reset */
	padding: 0;
	margin: 0;
}

body{
	text-align: center;
	padding: 0;
	margin: 0;
}

body, td, th{
	font-family: Arial, Verdana  sans-serif;
	font-size: .8em;
	line-height: 1.2em;
}
a img{
  border:none;
}
a:active{
  outline:none;
}
/*---------------------------------------------------*/
/** Header Footer Styles */
#globalWrapper{
	text-align: left;
	background-color:#FFFFFF;
	margin: 0 auto;
  width: 760px;
	position: relative;
}

#globalHeader{
 clear: both;
 position: relative;
}

img#logo{
	position:relative;
}

#globalFooter{
  font-size: .8em;
  color: #236003;
  width: 760px;
	text-align: left;
	margin: 0 auto;
	padding: 3px 0;
	position:relative;
}





/*---------------------------------------------------*/
/** Nav for both public & member sites **/
ul#siteNav{
  position:absolute;
	top:0;
	left:300px;
	text-align:right;
	width:430px;
}
ul#siteNav a:link, ul#siteNav a:visited{
	color:#666;
	text-decoration:none;
}
ul#siteNav a:hover{
	text-decoration:underline;
  color:#2A2AEC;
}
ul#siteNav li{
  display:inline;
	list-style:none;
	padding: 0 0 0 5px;
}
ul#siteNav li#signIn{
  display:list-item;
  margin : 20px 0 0 0;
}
ul#siteNav li#signIn a:link, ul#siteNav li#signIn a:visited{
	float:none;
	text-decoration:underline !important;
	padding: 5px 0 5px 10px;
	background-image:url(/images/pub/arrow1-grey.gif);
	background-repeat:no-repeat;
	background-position:left;
	line-height:1.5em;
}
ul#siteNav li#signIn a:hover{
  color:#2A2AEC;
	background-image:url(/images/pub/arrow1-blue.gif);
}
/*---------------------------------------------------*/
/** Footer for public & member site **/
div#siteFooter{
  background-color:#2D7ACA;
	font-size:.8em;
	padding:3px 10px;
}
div#siteFooter,div#siteFooter a{
  color:#fff;
	text-decoration:none;
}
div#siteFooter ul{
  display:inline;
}
div#siteFooter ul li{
	display:inline;
	list-style:none;
	border-left:1px solid #53B4E9;
	padding: 0 0 0 10px;
}
/*---------------------------------------------------*/
/** Default Form Styles **/
div.success{
	margin: 0 5em 0 0;
	padding: .5em 1em 0 .3em;
	color:#4EA041;
	border-bottom: 3px solid #6BC741;
}
div.error{
  border:1px solid #FF0000;
	background-color:#FFFFF4;
	font-weight:normal;
	position:relative;
	width:500px;
	margin:10px;
}
div.error ul{
  margin: 10px 20px;
	color:#FF0000;
}
.form {
	clear: both;
}

textarea, select, input {
	font-family: arial, helvetica, sans-serif;
  border-top:solid 1px #333;
  border-left:solid 1px #333;
  border-bottom:solid 1px #aaa;
  border-right:solid 1px #aaa;
  background-color:#fff;
  color:#000;
  padding:.1em .2em;
}

.radioGroup input, .checkField input, .newsletterCheckbox input,
.radioGroup .formFieldError input, .checkField .formFieldError input, .newsletterCheckbox .formFieldError input{
  border:none;
}

.formLabel, formLabelError {
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
}
.formLabelError {
	color:	#FF0000;
	font-weight:bold;
}
.formFieldError textarea, .formFieldError select, .formFieldError input{
  border: 1px solid #FF0000;
}

.formField, .formFieldError {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin: 0 20px 0 0;
}

.formLabel span.required{
	padding: 0 5px;
	background-image:url(/images/icon-asterik.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin: 0 5px 0 0;
	width: 1em;
}

/*---------------------------------------------------*/
/** Default tag styles **/
h1,h2,h3,h4,h5,h6,p,pre,label{

}
blockquote{
  margin: .5em 2em;
}
ul,ol,dl{
  margin: 1em;
}
li,dd{
	margin: .2em;
}

/** Bug Fix Styles **/
.break {
	clear: both;
}

.hide{
  display:none;
}
/*---------------------------------------------------*/
/** Styles used for Development Only **/
.debug {
	font-family:		Courier;
	background-color: 	#999999;
	text-align: left;
	margin: 20px auto;
	width: 760px;
}

/* General *****************************/

a.moreInfo{
  background-image: url(../images/arrow-link-small.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 13px;
}

a.fauxSubmit, .formSubmit {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #2E7AC8;
	font-size: .85em;
	font-weight: bold;
	border: 1px solid #7EC8EF;
	padding: 1px 7px;
	margin: 5px 5px 0 0;
	text-decoration:none;
}

a.closeWindow{
	text-decoration:none !important;
}
a.closeWindow:hover{
	text-decoration:underline !important;
	font-weight:bold;

}

/*Member Nav Styles **********************/
div#memberNav{
  clear:both;
	background-color:#B3EAAA;
	height: 30px;
	position:relative;
}
div#memberNav a{
	color:#fff;
	text-decoration:none;
	margin: 0 15px;
}
div#memberNav a:hover{
	text-decoration:underline;
}
div#memberNav div.memberArea{
  background-color: #B3EAA9;
	width: 250px;
	float:left;
	color: #007D0F;
	font-size: 14px;
  line-height:30px;
	padding: 0;
	margin:0 ;
	text-align:left;
	border-right:1px solid #B3EAAA;
	font-weight:bold;
}

div#memberName{
  background-color:#3B89D1;
  color:#fff;
  font-weight:bold;
  font-size: 1.1em;
  line-height:2.2em;
  padding: 0 0 0 1em;
}
div#memberName a{
  color:#fff;
}
/*---------------------------------------------------*/
/* Primary Navigation List replacement */

#memberNav ul{
  margin:0;
	padding:0;
	height:30px;
}
#memberNav ul li{
  margin:0;
  padding:0;
  float:left;
	list-style:none;
	height:30px;
	background-repeat:no-repeat;
	background-position:top, left;
}
#memberNav ul li a{
  display:block;
	height:30px;
}

li#process{
	background-image: url(/images/member-nav-checklist.gif);
  width:130px;
	height:30px;
}

li#home{
	background-image: url(/images/member-nav-dashboard.gif);
  width:180px;
	height:30px;
}

li#expert{
	background-image: url(/images/member-nav-expert.gif);
  width:196px;
	height:30px;
}

/*---------------------------------------------------*/

div.helpText{
	margin: 4em 2em;
}

.buttonSimple{
  background-color: #1897CA;
  color: #fff !important;
  font-weight:bold;
	font-size: .85em;
	line-height: 1.3em;
	padding:3px 20px 4px 20px !important;
	text-decoration:none !important;
	float:left;
	margin: 1em;
}


.regularly {
	font-weight : normal;
}

/* Teleclasses ******************************/

div.telecourse,
div.teleclass{
  margin: 2em 0;
}
div.telecourse ul.teleclassList{
	width:80%;
	margin: .5em 1em;
	border-top:1px solid #ccc;
}
div.telecourse ul.teleclassList li{
	list-style:none;
	padding: .8em 2em .8em .5em;
	border-bottom:1px solid #ccc;
}
div.teleclass table.sessions th,
div.teleclass table.sessions td{
  padding: 2px 4px;
  border-bottom: 1px solid #ccc;
}
div.teleclass table.sessions th{
  text-align:left;
  border-bottom:2px solid #999;
}

p.adminPagination a{
	margin: 0 2px;
}

div.packageOptions{
	background-color: #EEEEEE;
	padding: .6em .6em .6em .6em;
}
a.bolded{
	font-weight: bold;
}
div.hide{
	display: none;
}

.floatie{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	background-image:url(/images/pub/popup-back.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:8px;
	border:solid 2px #19538E;
	color:#fff;
}
.floatie p{
	margin-left:0;
	color:#fff;
}
.floatie li{
	margin-left:10px;
	color:#fff;
}
.floatie h3{
	color:#F0F0F0;
}

/* Email management form ******************************/
.scheduledEmailForm{
	width:100%;
	height:100px;
	padding:6px;
	border:solid #dcdcdc 1px;
}
.scheduledEmailLabel{
	width:100px;
	float:left;
}
.scheduledEmailButtons{
	width:300px;
	float:left;
	padding-left:100px;
}
.scheduledEmailField{
	width:50px;
	float:left;
}
.scheduledEmailBreak{
	padding:5px;
} 
/* MyNextPhase.com						*/

/* Member Application Styles 	*/



body{

  background-color: #7FC474;

}



h1, h2, h3, h4, h5, p{

  margin: .8em 0 .2em 0;

}





div#siteNav{

  color:#999999;

  position:absolute;

	top: 0;

	left: 420px;

	width:310px;

	text-align:right;

}



#memberMain,

#specialMain {

	padding:5px 15px;



}





/*---------------------------------------------------*/

/** START Member Overview **/

div#memberName{

  background-color:#3B89D1;

  color:#fff;

  font-weight:bold;

  font-size: 1.1em;

  line-height:2.2em;

  padding: 0 0 0 1em;

}

div#memberName a{

  color:#fff;

}

div#dash{

	background-image: url(/images/dash-bk.gif);

	background-repeat: repeat-y;

	background-position: left top;

	border:1px solid #fff;

	border-top: 3px solid #fff;	

	margin:-5px -15px -5px -15px;	

	padding:5px 5px 30px 5px;		

	position:relative;

}

div#myAccount, div#myClasses, div#myCoaching{

  font-size:.9em;

  width: 238px;

  border:1px solid #3682B6;

	float:left;

	clear:left;

	margin: 5px 0 0 0;

	padding: 0;

	background-color:#fff;

	position:relative;

}

div#myGuide{

  width: 495px;

	border:1px solid #BDAE83;

  float:right;

	margin: 5px 0;	

  padding:0;

	position:relative;

	background-color:#fff;

}

div.top, div.bottom{

	background-repeat:repeat-x;	

	padding:10px;

}

div.top{

  margin:4px 4px 0 4px;

	background-position:top;



}

div.bottom{

  margin:0 4px 4px 4px;

	background-position:bottom; 	

}



div#myGuide div.top{

  background-color:#F8F9F4;

	background-image:url(/images/dash-guide-top.gif);

	min-height:280px;

}

div#myGuide div.bottom{

  background-color:#F8F9F4;

	background-image:url(/images/dash-guide-bottom.gif);

}

div#myAccount div.top,div#myClasses div.top,div#myCoaching div.top{

  background-color:#F5F6F8;

	background-image:url(/images/dash-feat-top.gif);

	padding: 10px 5px;

}

div#myAccount div.bottom,div#myClasses div.bottom, div#myCoaching div.bottom{

  background-color:#F5F6F8;

	background-image:url(/images/dash-feat-bottom.gif);

	padding: 10px 5px 5px 10px;

}

div#myGuide div.top h3{

	color: #6B4117;

	border-bottom: 5px solid #BBB082;

	padding: 0 0 3px 20px;

	position:relative;

	background-image: url(/images/arrow-brown.gif);

	background-repeat: no-repeat;

	background-position: left top;

  margin: 0 0 1em 0;

}	

div#myAccount div.top h3, div#myClasses div.top h3,div#myCoaching div.top h3,

h3.checkList{

  font-size:1.35em;

	color: #0C3A6A;

	padding: 0 0 0 10px;

	position:relative;

	background-image: url(/images/arrow-blue.gif);

	background-repeat: no-repeat;

	background-position: left ;

  margin: 0 0 .5em 0;

}

div#myAccount div.top h3 a, div#myClasses div.top h3 a,div#myCoaching div.top h3 a{

	text-decoration:none;

}

div#myAccount div.top h3 a:hover, div#myClasses div.top h3 a:hover, div#myCoaching div.top h3 a:hover{

	text-decoration:underline;

}

a.help {

  position:absolute;

	right:10;

	top:10;

}

/*---------------------------------------------------*/

/* Member Overview */



div.processStep{

  width:220px;

  background-color:#FAF9F7;

	border:1px solid #BDB492;

	margin:4px;

	float:right;

	clear:right;

	color:000;	

/*	padding: 5px 0; */

}

div.processStep h4{

	color:#7A714E !important;

	margin:0;

	line-height:25px;

}

div.processStep h4 a:link,

div.processStep h4 a:visited

{

  font-size:14px;

	color:#7A714E !important;

	text-decoration:none !important;	

}

div.mnpToolsOverview{

  width:220px;

	margin:4px;

	float:right;

	clear:right;

	color:000;	

	background-color:#ECEFF9;

	border:1px solid #5CAFE1 !important;	

	border-left: 20px solid #5CAFE1 !important;

	color:#006603;

}

html>body div.mnpToolsOverview{

	width:200px;

}

div.mnpToolsOverview h4{

	padding-left: 10px;

	line-height:16px !important;

}

div.mnpToolsOverview h4 a{

	font-size:14px;

	color: #0C3A6A !important;

	text-decoration:none !important;

}

div#currentStep {

  background-color:#4BB51A;

/*	padding:3px; */

	position:relative;

	float:right;

	clear:right;

	width:460px;

	text-align:left;

	color:#fff;

	background-image: url(/images/dash-proceed-arrow.gif);  	

	background-repeat:no-repeat;

}

div#currentStep div#proceed{

  float:left;

	width: 190px;

	margin: 5px;

}

div#currentStep div.processStep {

  background-color: #EBFBE8;

	border: none;



}

div#currentStep div.processStep h4 a{

  color: #35850F !important;

}

div.processStep .stepNum{

  background-color:#BDB492;

	color:#FFFFFF;

	font-size:16px;

	font-weight:bold;

	float:left;

	height:45px;

	padding: 0 5px;

	margin: 0 5px 0 0;

	line-height:30px;

}

div#currentStep .stepNum{

  background-color:#8FD684;

  color:#287D00;

}



div.processStep .progress{

	width: 180px !important;	

	float:none;

	float:left;

	text-align:left;

}



div.processStep .barOutter{

	width: 150px !important;

	display:none;

	margin-right: 3px;

}



div#currentStep .barOutter{

  display:block;

}



div#currentStep span.trialPortion{

	display : none;

}

/*---------------------------------------------------*/

/** START My Dashboard **/



div.step {

  margin: 20px 0;

	width: 98%;

}

div.step h3{

  font-size: 1.3em;

	margin: 0;

	width: 60%;

	float:left;

	color:#4DB41A;

}

div.step h4{

  font-size: 1em;

	margin: 0;

}

.progress{

	float:right;

	width: 30%;

	text-align:right;

  text-align:right;

	font-size:.8em;

	width: 230px;	

}



.progress .barOutter{

  line-height: 10px;

  border:1px solid #A09D78;

	background-color:#F0F0E8;

	width: 200px;



  float:left;

	text-align:left;

}

.progress .barFill{

	background-color:#F4E326;

}

.progress .hide{

	background-color:#F0F0E8;

	display:block !important;

}



.progress .percent{}



div.step table{

  border: 1px solid #E6E2C3;

	background-color: #FCFBF4;

	clear:both;

	border-top: 2px solid #4DB41A;

}



div.step td.description{

  vertical-align:top;

	width: 30%;

	padding:10px;

}

div.step td.checklist{

  vertical-align:top;

	border-left: 1px solid #DCDDCD;

	width: 30%;

	padding:10px;

}

div.step td.results{

  vertical-align:top;

	border-left: 1px solid #DCDDCD;	

	width: 30%;

	padding:10px;	

}

div.step td.tools{

  vertical-align:top;

	width: 30%;

	padding:10px;	

}

div.step td.results .blurb{

  font-size: .85em;

	margin-left: 30px;

}



div.mnpTools{

	background-color:#ECEFF9;

	border: 1px solid #5CAFE1;

	border-top-width:10px;

	padding: 1.5em 0;

}



div.mnpTools table{

	width:94%;

	border:none !important;

	background-color:transparent;

	margin: 20px 3% 0 3%;

}

div.mnpTools h3{

	float:none;

	color:#0C3A6A;

}

div.mnpTools h3,

div.mnpTools p{

	margin:0 20px;

}

div.mnpTools table td{

	vertical-align:top;

}

/*---------------------------------------------------*/

/* START Page header styles */



.pgTitle{

	border-bottom: 5px solid #F0F0F2;

	margin: 20px 0;

}



.pgTitle h2{

  color:#177CAA;

	font-size: 1.4em;

	font-weight:bold;

	display:inline;

}

.pgTitle p{

  font-size: .85em;

  color:#676767;

  text-align:right;

  float:right;

	margin: 0 0 .4em 0;

	display:inline;

}

.pgHeader {

  margin: 20px 0;

	clear:both;

}

.pgHeader img.help{

  float:right;

	display:inline;

	margin: 0 0 10px 30px;

	clear:right;

}

.pgHeader h3, .pgHeader p{

  color:#000;

	font-size: 1em;

	margin: 1em 0 0 0;

}

 .pgHeader p{

  margin: .5em 0;

}

div.pgHeader h3.purpose,div.pgHeader h3.resources,div.pgHeader h3.instructions{

  margin: .5em 0 0 0;

}

.pgHeader ul, .pgHeader ol{

  margin: 0 20px 10px 40px;

	list-style-position:outside;

}

.pgHeader li{

  margin: 5px 0;

}

/*---------------------------------------------------*/

/* Page footer nav links */



div.navBottom{

  margin: 20px 0;

	clear:both;

}



/*---------------------------------------------------*/

/*Transition Log */



div.logStep{

  margin: 20px 70px;

  border-bottom:1px solid #ccc;	

	border-top: 1px solid #fff; /* ie fix */

	position:relative;

}

div.logStep ul.items {

  margin:0;

	position:relative;

}

div.logStep ul.items li {

  border-top:1px solid #ccc;

	margin:0;

	padding: 5px 0 10px 0;

	clear:both;

	position:relative;

	font-size:1em !important;

}

div.logStep ul.items li.report {

	list-style-position: inside;

	list-style-image:url(/images/icon-report-A.gif);	

}

div.logStep ul.items li.journal {

	list-style-image:url(/images/icon-journal-A.gif);

	list-style-position: inside;	

}



div.logStep div{

  display:inline;

	width: 400px;

}

div.logStep a.print{

  position:absolute;

/*	left: 410px; position with pdf visible*/

  left: 480px;

	margin:0;

	font-size:.9em;	

}



div.logStep h3{

	height:1.5em;

} 

div.logStep h3 a.print{

  font-weight:normal;

	font-size:.9em;		

}

div.logStep a.pdf{

  position:absolute;

	left: 510px;

	margin:0;

	font-size:.9em;		

	display:none;

}

a.print img{

  margin: 0 7px 0 0;

}



/*---------------------------------------------------*/

/*Process Step on My Dashboard*/



div.processStepSmall{

  background-color:#DDF2C9;

	color:#006603;

	text-decoration:none !important;

	margin: 0 15px 0 0;

	width:140px;

	float:left;

	vertical-align:middle;

	clear:none !important;



}

div.processStepSmall a{

	color:#006603 !important;

	font-weight:bold;

	text-decoration:none !important;

	padding: 5px 0;

	display:block;

}

div.processStepSmall .stepNum{

  background-color:#4FB31B;

	color:#FFFFFF;

	font-size:16px;

	font-weight:bold;

	float:left;

	height:40px;

	padding: 0 5px;

	margin: 0 5px 0 0;

	line-height:30px;

}

div.mnpToolsSmall{

	background-color:#ECEFF9;

	border-left: 20px solid #5CAFE1;

	color:#006603;

	text-decoration:none !important;

	margin: 0 15px 0 0;

	float:left;

	vertical-align:middle;

	clear:none !important;	

	height:40px;	

}

div.mnpToolsSmall a{

	color:#0C3A6A !important;

	font-weight:bold;

	text-decoration:none !important;

	padding: 5px 0;

	display:block;

	margin:0 5px 0 10px;

}

/*---------------------------------------------------*/

/*Pocess breadcrumbs */



table.processBreadcrumbs{

  width: 100%;

}

div.marked{

	background-color: #B5E1B9;

	border-left: 2px solid #D7EED9;

}

div.processBreadcrumbs{

	margin: 0 0 10px 0;

	position:relative;

}

div.processBreadcrumbs .label{

  font-size: .9em;

	display:block;

	clear:both;

	margin: 0 0 5px 0;

	font-weight:bold;

	width:100%;

}

div.processBreadcrumbs div.page, 

div.processBreadcrumbs div.pPage, 

div.processBreadcrumbs div.marker, 

div.processBreadcrumbs div.done,

div.processBreadcrumbs div.unavail{

	width:97px;

	font-size: 11px;

	color: #666;

	background-image: url(/images/process-step-off.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding: 0 0 27px 0;

	float:left;

}

div.processBreadcrumbs div.marker{

	background-image: url(/images/process-step-marker.gif);

	font-weight:bold;

	color:#333;

}

div.processBreadcrumbs span.marker{

  color:#1897CA;

	font-weight:bold;

	display:block;

  position:absolute;

	bottom: 0;

}

div.processBreadcrumbs div.done{

	background-image: url(/images/process-step-done.gif);

  color:#333;

}

div.processBreadcrumbs div.unavail{

	background-image: url(/images/process-step-trial.gif);

  color:#666;

	padding:0 0 17px 0;

}

div.processBreadcrumbs div.done span{

	background-image: url(/images/process-check.gif);  

	padding: 0 0 0 15px;

	background-repeat: no-repeat;

	background-position: left bottom;	

}

div.processBreadcrumbs p.unavail{

  color:#FF0000;

	font-size:11px;

	font-weight:bold;

	margin: 0;

	clear:both;

}



/*---------------------------------------------------*/

/* Next Step, Begin Sequence, Continue */


h3.dashboard{
	width: 160px;
	height: 40px;
}

.journalEntry h3.dashboard{
	background-color:#FFF !important;
	padding:0 !important;
	margin: 0 0 0 5px;
}

h3.dashboard a{
	background: url(/images/button-dashboard.gif) no-repeat top;
	width: 160px;
	height: 40px;	
	display:block;
}

h3.dashboard a:hover{
	background: url(/images/button-dashboard.gif) no-repeat bottom;
	cursor:pointer;
}

h3.nextStep{

	background-image: url(/images/button-next-step.gif);  

	background-repeat: no-repeat;
	width: 161px;
	height: 40px;



}

.journalEntry h3.nextStep{

	background-color:#FFF !important;

	padding:0 !important;

	margin: 0 0 0 5px;

}

h3.nextStep a{

	width: 160px;

	height: 40px;	

	display:block;

}

h3.nextStep a:hover{
	background-image: url(/images/button-next-step-roll.gif);  
	cursor:pointer;
}



h3.begin{

	background-image: url(/images/button-begin-seq.gif);  

	background-repeat: no-repeat;

	width: 240px;

	height: 40px;

}

h3.begin a{

	width: 240px;

	height: 40px;	

	display:block;

}

h3.begin a:hover{

	background-image: url(/images/button-begin-seq-roll.gif);  

  cursor:pointer;

}

h3.continue{

	background-image: url(/images/button-continue.gif);  

	background-repeat: no-repeat;

	width: 190px;

	height: 40px;

}

h3.continue a{

	width: 190px;

	height: 40px;	

	display:block;

}

h3.continue a:hover{

	background-image: url(/images/button-continue-roll.gif);  

  cursor:pointer;

}

h3.nextTopic{

	background-image: url(/images/button-next-topic.gif);  

	background-repeat: no-repeat;

	width: 160px;

	height: 40px;

}

h3.nextTopic a{

	width: 160px;

	height: 40px;	

	display:block;

}

h3.nextTopic a:hover{

	background-image: url(/images/button-next-topic-roll.gif);  

  cursor:pointer;

}

h3.convert{

	background-image: url(/images/button-convert.gif);  

	background-repeat: no-repeat;

	width: 290px;

	height: 40px;

}

h3.convert a{

	width: 290px;

	height: 40px;	

	display:block;

}

h3.convert a:hover{

	background-image: url(/images/button-convert-roll.gif);  

  cursor:pointer;

}



/*---------------------------------------------------*/

/* START Admin styles */



table.reporttable {

	font-size: 1.14em;

	text-align: left; }

 

table.reporttable th {

	padding: 1pt 5pt 1pt 0pt;}



table.reporttable td {

	padding: 1pt 3pt 1pt 0pt;}
/* MyNextPhase.com						*/
/* Member App-Journal Styles	*/

div.journalEntry .formLabel, div.journalEntry .formLabelError,
div.journalEntry .fauxLabel{
  float:left !important;
	width: 120px !important;
	text-align:right !important;
	font-weight:bold !important;
	clear:left !important;
	line-height:20px !important;
  position:relative !important; /*ie peekaboo fix*/
  margin:0 !important;
	padding:0!important;

}

div.journalEntry .formField, div.journalEntry .formFieldError,
div.journalEntry .fauxField{
	line-height:20px !important;
  clear:right;
	margin: 5px 0 5px 130px;
	padding: 0 !important;
	
}

div.journalEntry .fauxField p{
  margin-bottom: 20px;
}
div.journalEntry .formField input, div.journalEntry .formFieldError input{
	width: 250px;
}	

div.journalEntry input.formSubmit, div.journalRight input.formSubmit{
  background-color: #2F9638;
  border-color: #fff !important;
	margin:5px 0;
	padding: 2px 10px;
	text-decoration:none;
}

div.journalEntry a.button, div.journalRight a.button{
  background-color: #2F9638;
  color: #fff;
  font-weight:bold;
	font-size: .85em;
	line-height: 1.3em;
	padding:3px 20px 4px 20px !important;
	text-decoration:none;
}


div.journalEntry textarea{
  width: 550px;
	height: 200px;
}

div#journalHeader{
  background-color: #F6FFF6;
	border:1px solid #B5E1B9;
	margin: 20px 0 20px 0;
	padding: 10px 20px;
	position:relative;
}
div#journalHeader h2{
  font-size: 1.3em;
	margin: 5px 0;
}


div.journalEntry h3{
  background-color: #B5E1B9;
  color: #000;
	font-size: 1.1em;
	margin:0 -20px 20px -20px;
	padding:10px 20px;
	position:relative;
}
div.journalEntry h4{
  font-size: .9em;
	margin: 20px 0 5px 0;
}

div.journalEntry div.questions{
  clear:both;
	margin-left:130px;
}

div.journalEntry div.questions ol{
	margin:0 0 20px 25px;
	padding:0;
}
div.journalEntry div.questions ol li{
	margin:5px 0;
}

div.journalListing{
  width: 730px;
	height:auto;
	position:relative;
	padding: 0 !important;
}
div.journalEntry{
  border: 1px solid #B5E1B9;
	background-color:#F6FFF6;
	padding:0 20px 20px 20px;
	position:relative;
	clear:both;
}

div.journalRight{
  text-align:right;
	clear:both;
	margin: 10px 0;
}
div.journalListing table{
  border:1px solid #B5E1B9;
  color: #333333;
	margin: 0 !important;
}
div.journalListing table th{
  text-align:left;
	font-size: .9em;
	background-color:#B5E1B9;
	padding: 10px;
}

div.journalListing table td{
 text-align:left;
 background-color: #F6FFF6;
 padding: 5px 10px;
 border-bottom: 1px solid #D9E0D9;
}
div.journalListing table a{
  color:#003399;
	text-decoration:underline;
}
div.journalListing table a:hover{
  color:#003399;
}/* MyNextPhase.com										*/

/* Step 2: Balancing Your Life Styles	*/



/*---------------------------------------------------*/

/** Work Fulfillment Index Styles **/

div.display{

/*  background-color:#FDFCF5;

	border:1px solid #E6E2C3;

*/

	padding: 0px;

	margin: 20px 20px 20px 0;	

	text-align:center;

	position:relative;

}

div.LCdisplay{

	width:460px;

  background-color:#FDFCF5;

	border:1px solid #E6E2C3;

	padding: 0px;

	margin: 20px 20px 20px 0;	

	text-align:right;

	position:relative;

}

div.LCdisplay h3{

	text-align:left;

	margin: 1em 2em;

}

a.LC{

	margin-left:3em;

}

div.displayFull{

  background-color:#FDFCF5;

	border:2px solid #E6E2C3;

	padding: 0;

	margin: 20px 10px;

	width: 650px;	

	text-align:center;

}

div.impactDisplayLegend{

  width: 180px;

	border:1px solid #fff;

	padding: 10px 0;

}

div.impactDisplayLegend p{

	padding: 0;

	margin: 0;

}

div.easy{

  float:right;

	margin: 0 75px 0 0;

	background-color:#7BCE56;

}

div.difficult{

  right:left;

	margin: 0 0 0 75px;

	background-color:#FDF6A3;

}

div.impactDisplayPie{

  flaot:left;

	width: 350px;	

}



div.display h3{

}

div.display h3, div.displayFull h3{

  padding: 20px 0 10px 30px;

	color:#000;

}

div.display h4, div.displayFull h4{

  clear:both;

}

div.display p, div.displayFull p{

	margin: 30px;

	clear:right;

}



div.display .gauge, div.displayFull .gauge{

  clear:both;

	margin: 0 0 10px 0;

}



.label{

  width: 200px;

  float:left;

	margin: 0 0 5px 0;

	clear:left;

	height:20px;

}

.scale{

	width: 425px;

	height:20px;

	margin: 0 0 5px 0;

	float:right;

  text-align:left;

	color:#0561C1;

	font-size:14px;

	font-weight:bold;

	line-height:20px;	

}

.scale .fill{

  background-color:#59A3F0;

	line-height:20px;

}

.hard .scale .fill{

  background-color: #022D5A;

}

.scale .fillHard,.scale .fillEasy{

	float:left;

	margin:0;

	padding:0;

	border:0;

}

.scale .fillHard{

  background-color:#59A3F0;

}

.scale .fillEasy{

  background-color:#7BCE56;

}



.scale .bar, .hard .scale .bar .hide{

  width:375px;

	float:left;	

	background-color: #E1EDF8;

	margin-right: 5px;

}

.hard .scale .bar{

  background-color: #C0C5CB;

}

.bar .hide{

	background-color: #E1EDF8;

	display:block !important;	

}





div.snapshots{

  border:1px solid #C6D6E3;

	background-color:#F7F8FC;

	clear:both;

	padding: 10px 20px;

	position:relative;

	margin: 20px 0;

}



div.snapshots .formField, div.snapshots .formLabel{

  display:inline;

	margin: 10px 5px;

}

div.snapshots .formSubmit{

  margin: 10px 0 5px 0;

}



p.richterDescript, p.workindexDescript{

  margin:	20px 0;

  clear:right;

	position:relative;

}

/** End work fulfillment index **/



/*---------------------------------------------------*/

/** Start Life Change Inventory **/

table.lifeChangeInventory {

}

table.lifeDomainInventory {

	border: 1px solid #729CCC;

}

table.lifeDomainInventory th{

  text-align:left;

	font-size: 1em;

  color: #fff;

}

table.lifeDomainInventory tr{

 border: 1px solid #D2DEEB; 

/* background-color: #F6F8FB;*/

}

table.lifeDomainInventory td .formField input{

  border:none;

}

td.lifeDomain {

}

td.lifeDomain div.formLabel {

  display:inline;

}

td.lifeDomain div.formField {

  display:inline;

}

td.lifeDomainName {

  width: 40%;

	padding-left: 10px;

  border: 1px solid #D2DEEB;

	border-left:none; 

	border-right:none;

	padding: 5px 10px;	

}

/*---------------------------------------------------*/

/*new Life Change */

div.lifeInventoryQuestion,div.workImpactQuestion{

  clear:both;

	margin: 20px 0;

}

div.workImpactQuestion{

  margin: 30px 0;

}

div.lifeDomainName{

  color:#024184;

	margin: 0 0 6px 0;

	position:relative;

	width:78%;

}

div.majorMinor,

div.satisfaction{

  background-color:#F7F8FC;

	border-top: 1px solid #C2D8E6;

	padding: 10px 0;

}

div.notApplicable{

	width:20%;

	float:right;

	clear:both;

	margin-top: -1.8em;	

}

div.notApplicable input{

	border:none !important;

}

div.importance{

  background-color:#F7F8FC;

	border-top: 2px solid #fff;	

	padding: 10px 0;

}

div.voluntary,

div.percentFromWork{

  background-color:#F7F8FC;  

	border-top: 2px solid #fff;	

	border-bottom: 1px solid #C2D8E6;	

	padding: 10px 0;	

}

div.percentFromWork{



}

div.activity{

  background-color:#F7F8FC;

	border-top: 1px solid #C2D8E6;

	border-bottom: 1px solid #C2D8E6;	

	padding: 10px 0;

}

div.lifeInventoryQuestion p.prompt{

  width: 370px;

	min-width:370px;

  font-weight:bold;

	text-align:right;

	float:left;

	margin: 0 0 10px 0;

	clear:left;

}

div.lifeInventoryQuestion div.checkOptions{

	position:relative;

	margin: 0 0 0 380px;

	width: 300px; /*ie fix */

}

div.workImpactQuestion div.formLabel,

div.workImpactQuestion p.prompt{

  width: 100px;

  font-weight:bold;

  display:inline;

	text-align:right;

	margin: 0 5px;

}

div.workImpactQuestion div.formField {

  display:inline;

}

div.workImpactQuestion div.formField .answer1,

div.workImpactQuestion div.formField .answer2,

div.workImpactQuestion div.formField .answer3,

div.workImpactQuestion div.formField .answer4,

div.workImpactQuestion div.formField .answer5 {

  display:inline;

	padding: 0 5px 0 7px;

}

div.lifeInventoryQuestion div.formLabel {

	margin: 0 20px 0 5px !important;

	position:relative;

	display:none;

}

div.lifeInventoryQuestion div.formField{

	margin: 0 !important;		

	width: 335px;

}

div.lifeInventoryQuestion div.formField input{

	margin-right: 2px;

}

div.lifeInventoryQuestion .answer1,

div.lifeInventoryQuestion .answer2,

div.lifeInventoryQuestion .answer3{

	display:inline;

	margin: 3px  12px 3px 0;

}

div.lifeInventoryQuestion .answer3{

	margin-right:0;

}

div.workImpactQuestion div.formField input,

div.lifeInventoryQuestion div.formField input{

  border:none;

	background-color:F7F8FC;

}

div.workImpactQuestion div.activity .radioGroup{

  display:inline;

}

/*---------------------------------------------------*/

/*old life change & work impact*/

td.majorLifeChange {

	background-color: #F6F8FB;

	padding: 5px;

	text-align:left;

  border: 1px solid #D2DEEB;

	border-right:none; 	

}

td.minorLifeChange {

	background-color: #F6F8FB;

	padding: 5px;

	text-align:left;

  border: 1px solid #D2DEEB;

	border-right:none; 

	border-left:none; 		

	text-align:left;	

}

td.voluntaryLifeChange {

	background-color: #F6F8FB;

	padding: 5px;

	text-align:left;

  border: 1px solid #D2DEEB;

	border-right:none; 	

	text-align:left;	

}



table.workImpact{

  background-color:#F6F8FB;

	border:1px solid #C3D8E6;

}



table.workImpact th{

  text-align:left;

}



table.workImpact tr td{

  border-bottom: 2px solid #C3D8E6;

	padding: 10px;

}

/*---------------------------------------------------*/

div.fulfillmentCol1,

div.fulfillmentCol2,

div.fulfillmentCol3{

  float:left;

	width:30%;

	margin: 0 10px 20px 0 ;

}

div.fulfillmentCol3{

	clear:right;

}

.tableResults{
	border: 2px solid #e6e2c3; 
	background-color:#fcfbf4;
	margin: 0 40px 20px 0;
	padding: 15px 20px;
}
p.legend{
	font-size:.85em;
	margin:0 0 0 15px !important;	
}
/* MyNextPhase.com										*/
/* Step 3: Exploring your Options 		*/

/*---------------------------------------------------*/
/** Survey Styles **/
a.beginSequence{
}

div.list{

}
div.surveyQuestion{
	margin: 10px 0;
	padding:10px 0;
	background-color:#F6F8FB;
	border-top:1px solid #D2DEEB;
	border-bottom:1px solid #D2DEEB;		
}

div.surveyQuestion #addInspirationForm .formlabel{
	display:none;
}
ul.currentEntries{
  padding: 0 40px;
}

ul.list li{
	border-bottom:1px solid #ccc;  
}
ul.list li li{
  border:none;
}
div.currentEntries{
  margin: 1em 1.6em;
	padding: 1em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.surveyQuestion a.add,div.surveyQuestion a.add,
div.memories a.add, div.dreams a.add, div.other a.add{
  background-color:#DCEFFF;
	border:1px solid #7399E5;
  color: #1659BF;
  font-weight:bold;
	font-size: .85em;
	line-height: 1.3em;
	padding:3px 20px 4px 20px !important;
	text-decoration:none;
}

div.surveyQuestion a.add:hover,div.surveyQuestion a.add:hover,
div.memories a.add:hover, div.dreams a.add:hover, div.other a.add:hover{
  border-color:#033582;
  color:#033582;	
	background-color:#BEE0FC;
}
div.memories li li{
  border: 1px solid red;
	margin: 10px;
	clear:both;
}
div.surveyQuestion a.edit, div.surveyQuestion a.delete,
ul.options a.edit, ul.options a.delete{
  border:1px solid #CCCCCC;
	background-color:#fff;
  color: #666;
  font-weight:bold;
	font-size: .85em;
	line-height: 1.3em;
	padding:0 10px !important;
	text-decoration:none !important;
}
div.surveyQuestion a.edit:hover, div.surveyQuestion a.delete:hover,
ul.options a.edit:hover, ul.options a.delete:hover{
  color: #297407;
  border-color:#49A41F;
	background-color:#B3EAA9;
}
div.selectedElements a.edit, div.selectedElements a.delete{

}
div.surveyQuestion a.add{
}
div.surveyQuestion a.edit{
}

div.surveyQuestion a.delete{
}

div.surveyQuestion span.num{
  font-weight:bold;
	padding: 0 5px;
}

div.surveyQuestion form.edit
div.memories form.edit{
  margin: 0 0 10px 0;
}
div.surveyQuestion form.edit .formField,
div.surveyQuestion form.add .formField,
ul.options form.edit .formField{
  display:inline;
}
div.surveyQuestion form.edit .formField textarea,
ul.options form.edit .formField textarea{
  width: 400px;
	height: 50px;  
}

form.add{
  margin: .8em 1.6em;
}

form.add textarea{
  width: 400px;
}

/* in creating long list */
ul.memories,ul.dreams{
	margin: 10px 0px;
}
ul.memories li, ul.dreams li{
	background-color:#F6F8FB;
	border-top:1px solid #D2DEEB;
	border-bottom:1px solid #D2DEEB;	
	padding: 10px;
	margin: 5px;
	position:relative;
	list-style-type:none;
}

ul.memories ul,ul.dreams ul{
	margin: 10px 30px;
}

ul.memories ul li,ul.dreams ul li{
  border:none;  
	padding:0;
	list-style-type:disc;
}

/* in memories & dreams list */
ul.memoriesList, ul.dreamsList, ul.optionsList{
  margin: 10px 30px;
}

/* short list */
div.optionsShort{
  clear:both;

	position:relative;
}
div.optionsShort .radioGroup{
	background-color:#F6F8FB;
	border-bottom:1px solid #D2DEEB;	
	padding: 10px;
	margin: 0;
	position:relative;
	list-style-type:none;
	clear:both;

}
div.optionsShort .radioGroup .formField div{
  float:left;
	width:65px;
	text-align:center;

}
div.optionsShort .radioGroup .formField div input{
  background-color:transparent;
}

div.optionsShort .radioGroup .formField{
	display:inline;
	float:right;
  clear:right;
	position:relative; /*for ie bug*/	
}
div.optionsShort .radioGroup .formLabel{
  width: 460px;
	float:left;
	clear:left;
	position:relative; /*for ie bug*/
}
div.optionsShort .header{
	background-color:#DBE7EF;
  border-bottom:5px solid #9CC0D8;
	font-weight:bold;
	padding:5px 10px;
}
div.right{
  text-align:right;
	margin: 5px;
	clear:both;
}

div.optionsProceed{
  padding: 10px;
	background-color:#FFFFCC;
	margin: 30px 0;
}

div.optionsProceed a.proceed{
	color:#0000CC;
	font-size: 1.5em;

}

div.best{

}
div.best .radioGroup{
  background-color:#FDFCED;
	border-bottom:1px solid #FFE88E;
}
div.best .header{
	background-color:#FFFFCC;
}

div.new h4{
  color:#CC3300;
}

h4.possibleElements{
	border-bottom:1px solid #D2DEEB;	
	font-size:1.2em;
	margin:0;
	padding: 0;	
}
div.possibleElementsList{
  width:350px;
	float:left;	
	clear:left;
}
div.possibleElements, div.added{
	background-color:#F6F8FB;
	border-bottom:1px solid #D2DEEB;	
	padding: 10px;
	margin: 1px;
	position:relative;
	list-style-type:none;
	clear:both;

}
div.flagged{
  background-color:#FECCCB;
}
div.flagged p.message{
  color:#FE0000;
	margin:0 0 0 50px;
}
div.added{
  background-color:#FFFFF5;
}
div.added p.message{
  color:#666666;
	font-style:italic;
	margin:0 0 0 50px;	
}
div.possibleElements .formField,div.possibleElements .formLabel{
  display:inline;
}
div.possibleElements .formField input{
  border:none;
	background-color:transparent;	
}
.selectErr{
  width: auto !important;
	padding: 10px 30px;
}
.error p.hint{
  color: #000;
}

div.workFulfillmentReminder{
  width:280px;
	float:right;
	margin: 20px;
  border: 2px solid #E6E2C3;
	background-color: #FCFBF4;
}
div.workFulfillmentReminder h3{
  margin: 1em 10px .5em 10px;
}
div.workFulfillmentReminder p{
  margin: .5em 20px .5em 30px;
}
/******************************************************************/
div.selectedElements{
	margin: 10px 0;
  padding: 10px 30px;
	background-color:#F6F8FB;
	border-top:1px solid #D2DEEB;
	border-bottom:1px solid #D2DEEB;	
	position:relative;
}
a.addElement{
  background-color:#CCCCCC;
  color: #000;
  font-weight:bold;
	font-size: .85em;
	line-height: 1.3em;
	padding:3px 20px 4px 20px !important;
	text-decoration:none;
}

div.selectedElements a.edit, div.selectedElements a.delete{
  border:1px solid #CCCCCC;
	background-color:#F3F3F3;
  color: #000;
  font-weight:bold;
	font-size: .85em;
	line-height: 1.3em;
	padding:0 5px !important;
	text-decoration:none !important;
	position:absolute;
	left: 650px;
}
div.selectedElements a.edit{
  left: 610px;
}

div#mnpCertificate{
	text-align:center;
	border:6px solid #0066A3;
	width:700px;
	min-height:300px;
	background-image: url(/images/mnp-certificate-bkgnd.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding:20px 0 30px 0;
	font-size:1.2em;
	margin: 40px 0 0 0;
}
div#mnpCertificate strong{
	color:#00639E;
}
div#mnpCertificate ul.myElements{
	font-size: 1.2em;
	font-weight:bold;
	list-style-type:none;
	margin: 1em 0 2em 0;
}
div#mnpCertificate ul.myElements li{
	margin: .5em 0;
}
div#mnpCertificate p.name{
	float:left;
	margin: 0 0 0 40px;
}
div#mnpCertificate p.date{
	float:right;
	margin: 0 40px 0 0;
}/* MyNextPhase.com										*/
/* Step 4: Redefining Your Roll 		*/

/*---------------------------------------------------*/
/** Survey Styles **/


/******************************************************************/
ul.realityCheckTemplates{
	list-style:none;
	width: 80%;
}
ul.realityCheckTemplates li{
	border-top:1px solid #ccc;
	padding: 10px;
}

ul.realityCheckTemplates li ul{
	margin:0 0 0 20px;
	padding:0;
	list-style-type:disc;
}
ul.realityCheckTemplates li li{
	padding:0;
	border:none;
}

ul.listCol{
	float:left;
	margin: 0 10px 0 20px;
	padding: 0 10px 0 20px;	
	list-style-type:disc;
}

.nextPhaseNameForm{
	clear:both;
}
.evaluationForm .radioGroup .formLabel{
	display:none;
	font-weight:normal;
}
.evaluationForm .radioGroup .formField{
	margin: 0 2em;
}
.evaluationForm .formLabel{
	font-weight:bold;
	margin: 2em 0 0 0 ;
}

.evaluationForm .radioGroup{
	clear:both;
	marign: 10px 0;
}
.evaluationForm .radioGroup .answer1,
.evaluationForm .radioGroup .answer2,
.evaluationForm .radioGroup .answer3,
.evaluationForm .radioGroup .answer4,
.evaluationForm .radioGroup .answer5{
	float:left;
	margin: 1em 2em 2em 0;
}
/* MyNextPhase.com						*/
/* Printer Friendly					 	*/

.printerFriendly #globalWrapper{
	page-break-after:always;
	width:auto !important;
	margin: 0 10px;
}
body.printerFriendly{
  background-color:#fff;
}

body.printerFriendly div.trait .marker{
  color: #000;
  background-color: #59A3F0 ;
}

body.printerFriendly hr{
	page-break-after:always;
}

body.printerFriendly .pbreak{
	page-break-before:always;
}

.printerFriendly #globalHeader,
.printerFriendly ul#siteNav,
.printerFriendly div#memberNav ul,
.printerFriendly #globalFooter,
.printerFriendly #siteFooter,
body.printerFriendly div.navBottom,
body.printerFriendly img.help,
body.printerFriendly a.print,
body.printerFriendly .formSubmit,
body.printerFriendly .buttonSimple{
  display:none;
}

body.printerFriendly .selectReport{
  display:none;
}

/*body.printerFriendly div.journalEntry, */
body.printerFriendly div.journalRight,
body.printerFriendly a.button{
	display:none;
}

.printerFriendly .journalEntry {
	display:none;
}

.showContent .journalEntry {
	display: block !important;
}