/* 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									*/
/* Public Website Styles 						*/
/* /images/pub */

body {
	background-color:#A8D6A0;
	background-image: url(/images/pub/TEMP-homeflat-bk-ext.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}

h1,h2,h3,h4,h5,h6{
  margin: 0;
}
h1, h2, h3, h4, h5, p{
  margin: .5em 0 .2em 0;
}
h4{
  font-size:1.2em;
}
a, a:active{
 outline:none;
}

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

#publicNav{
	background-color:#6BC741;
	clear: both;
  padding: 0 0 0 70px;
	height:25px;
}
#publicNav ul{
  margin:0;
	padding:0;
	height:25px;
}
#publicNav ul li{
  margin:0;
  padding:0;
  float:left;
	list-style:none;
	height:25px;
	background-repeat:no-repeat;
	background-position:top, left;
}
#publicNav ul li a{
  display:block;
	height:25px;
}
li#why{
	background-image: url(/images/pub/nav-why.gif);
  width:240px;
	height:25px;	
}
li#how{
	background-image: url(/images/pub/nav-how.gif);
  width:240px;
	height:25px;	
}
li#products{
	background-image: url(/images/pub/nav-products.gif);
  width:230px;
	height:25px;	
}
li#membership{
	background-image: url(/images/pub/nav-membership.gif);
  width:170px;
	height:25px;	
}	
 
/*---------------------------------------------------*/
div#homeMain{
	height:308px;
	background-image:url(/images/pub/home-main-bk-ext.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
div#homeFeatures{
	height:53px;
	background-image:url(/images/pub/home-feat-bk-ext.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#3B8FD5;
	padding:5px 0;
	position:relative;	
}
div.featBox{
	margin:0 5px;
	/*background-color:#fff;*/
	float:left;
	position:relative;
	width:238px;
	height:50px;
	border-bottom:1px solid #0C2A49;
	/*text-align:right;	*/
}
div.featBox a.moreInfo{
	position:absolute;
	top: 90px;
	right: 7px;
	color:#003399 !important;
	font-size:.9em;
}
div.featBox a.one{
	top: 75px !important;
}
div.featBox div.topDown{
	position:absolute;
	top:30px;
	right:7px;
	display:block;
	border:1px solid green;
}
div.featBox div.topDown a{
	color:#003399 !important;
	font-size:.9em;
}
div.featBox h4{
	width:240px;	
	height:50px;
	margin:0;
}
/*OLD H4 styles for bottom button areas
div.box1 h4{
	background-image:url(/images/pub/home-feat-businessweek.jpg);
	background-repeat:no-repeat;
}
div.box2 h4{
	background-image:url(/images/pub/home-feat-newsletter.jpg);
	background-repeat:no-repeat;
}
div.box3 h4{
	background-image:url(/images/pub/home-feat-book.jpg);
	background-repeat:no-repeat;
}*/
div.box2 h4 a, div.box3 h4 a {
	background-repeat:no-repeat;
	display:block;
	height:50px;
	width:238px;
	text-indent:-5000px;
}

div.box2 h4 a{
	background-image:url(/images/pub/home-feat-newsletter-sm.jpg);
}
div.box3 h4 a{
	background-image:url(/images/pub/home-feat-book.jpg);
}
div.boxReading h4 a{
	background-image:url(/images/pub/reading-callout-book.jpg);
	background-repeat:no-repeat;
	display:block;
	height:200px;
	width:450px;
	text-indent:-5000px;
	border:solid 1px #2D7ACA;
	margin:0;
	padding:0;
}
/*---------------------------------------------------*/
div#homeMain img#snapshots{
  position:absolute;
  top: 120px;
  right: -30px;
}
div#homeMain img#headline{
  margin: 50px 0 20px 30px;
}
/*OLD STARTHERE BUTTON STYLES
div#homeMain img#freeTrial{
	margin:0 10px 20px 40px;
	float:left;
	display:inline;
}*/
div#homeMain a#freeTrial{
	background-image:url(/images/pub/button-starthere-large.gif);
	margin:0 10px 10px 40px;
	float:left;
	display:block;
	width:255px;
	height:46px;
	text-indent:-5000px;
}
div#sidebar a#freeTrial{
	background-image:url(/images/pub/button-starthere-medium.gif);
	margin:10px 10px 10px 15px;
	float:left;
	display:block;
	width:200px;
	height:36px;
	text-indent:-5000px;
}
div#homeMain a:hover#freeTrial{
	background-position:left -46px;
}
div#sidebar a:hover#freeTrial{
	background-position:left -36px;
}
div#homeMain img#becomeMember{

}
div#homeMain a.moreInfo, div#homeMain a.moreInfo:hover{
  clear:both;
	margin: 0 0 0 30px;
	padding: 5px 0 5px 10px;
	color:#666666;
	background-image:url(/images/pub/arrow1-grey.gif);
	background-repeat:no-repeat;
	background-position:left;
	line-height:1.5em;
}
div#homeMain a.moreInfo:hover{
  color:#2A2AEC;
	background-image:url(/images/pub/arrow1-blue.gif);	
}
/*---------------------------------------------------*/
.break{
  clear:both;
}

/*---------------------------------------------------*/
div#contentMain{
	color:#243545;
	min-height: 500px;
	height:500px;
	margin: 2em 0 2em 233px;
	background-image:url(/images/pub/sp-content-top-bkgnd.gif);
	background-repeat:repeat-x;
	padding: 0 2.5em 5em 1em;
}

html>body div#contentMain{
  height:auto;
}
div#memberMain div#contentMain{
	margin: 1.5em -15px 2em 218px;
}
div#memberMain div#sidebar{
	margin: -5px 0 0 -15px;
	display:inline;
}
                
/*--- Secondary Page Styles -------------------------------------------------*/
div#contentMain h2{
	margin:0;
	padding:0;
	font-size:1.4em;
}
div#contentMain h3{
	margin:.5em 0 0 0;
	color:#727272;
	font-size:1.3em;
	z-index:10;

}
div#contentMain p{
	margin: .5em 0;
	line-height:1.2em;
}
div#contentMain div.newsWrapper p{
	margin-bottom: 15px;
}
div#sidebar{
	overflow:visible;
	position:relative;
	padding-top: 200px;
	float:left;
	width: 215px;
	margin: 10px 0 0 0;
}
div#sidebar img.mainPhoto{
  position:absolute;
  top: 10px;
  left: -16px;
}
div#sidebar ul.subNav{
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 20px 15px;
	padding:0;
}
div#sidebar ul.subNav li{
	background-color:#DBDBDB;
	color:#3B465A;
	font-size:.9em;
	font-weight:normal;
	padding: 5px 10px 5px 23px;
	margin: 2px 0;	
	position:relative;
	background-image:url(/images/pub/subnav-arrow-grey.gif);
	background-repeat:no-repeat;
	background-position:5px center;
}
div#sidebar ul.subNav li a:link,
div#sidebar ul.subNav li a:visited{
	color:#3B465A;
	text-decoration:none;
}
div#sidebar ul.subNav li a:hover{
	color:#000;
	text-decoration:underline;
}
div#sidebar ul.subNav li:hover{
	background-image:url(/images/pub/subnav-arrow-dkgrey.gif);	
}
div#sidebar ul.subNav li.current{
	background-color:#C7C7C7 !important;
	color:#094583;
	background-image:url(/images/pub/subnav-arrow-blue.gif);	
}
div#sidebar ul.subNav li.current a:link,
div#sidebar ul.subNav li.current a:visited{
	text-decoration:none;
	color:#094583;	
}
div#sidebar h3{
	color:#013394;
	font-size:1.3em;
	margin:0 0 0 15px;
	padding:0;
}
div#sidebar img#freeTrial,
div#sidebar img#becomeMember{
  margin: 0 0 0 15px;
}

div#sidebar div.testimonial,
div#contentMain div.testimonial{
	color:#4da922;
	margin: 0 0 20px 20px;
	padding: 0 10px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.1em;
} 
div#contentMain div.testimonial{
	border-right:none;
	border-bottom: 1px solid #CCC;
	text-align:left;
	margin:0;
	padding: 10px;
	color:#243545;
}  
div.testimonial p.by{
	font-size:0.8em;	
	margin: 10px 0;
	text-align:right;
}
div.testimonial a.moreInfo{
	color:#666665;
	font-size:.7em;
	font-weight:normal;
	text-decoration:underline;
}
div.highlights{
	background-color:#FFFDF7;
	border:1px solid #F6ECCF;
	padding: 0 20px 20px 20px;
	margin: .7em 0 0 0;
	z-index:-10;
}
div.highlights h4{
	font-weight:bold;
	font-size:1.2em;
	margin:2em 0 0 0;
	padding:0;
}
div.highlights p{
	margin:0 0 .5em 0 !important;
}
img.founderPhoto{
	float:left;
	margin: 0 10px 10px 0;
}

ul.prListing{
	list-style-type:none;
	border-top: 1px solid #ccc;	
	padding:0;
}

ul.prListing li{
	border-bottom: 1px solid #ccc;
	padding: 1em;
	margin:0;
}
div#contentMain p.promo{
	font-weight:bold;
	margin: 20px 0;
}
div#contentMain ul,
div#contentMain ol{
	margin: .5em 1em 1em 3em;
}

ul.helpfulLinks{
	margin: .5em 0 .5em 0 !important;
	padding: .5em 0 0 0 !important;
	border-top: 1px solid #ccc;
}
ul.helpfulLinks li{
	margin: 0 0 1em 0;
	list-style-type:none;
}

.signupForm,
#contentMain form{
  width:90%;
  clear:none !important;
}
#contentMain .signupForm div.formLabel, #contentMain .signupForm div.formLabelError,
#contentMain form div.formLabel,
#contentMain form div.formLabelError{
  clear:none !important;
}
.signupForm div.formLabel, .signupForm div.formLabelError,
.eseriesForm .formLabel,.eseriesForm .formField,
.eseriesForm .formLabelError,.eseriesForm .formFieldError{
	display:inline !important;
}
.checkBoxes input{
	border:none;
}
.checkBoxes{

	width:90%;
}
#contentMain form br{
	clear:none;
}

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

h4.question{
	font-size: 1.2em;
	color:#000;
  padding: 10px 0 0 0;
  margin: 20px 0;
  border-top:1px solid #ccc;	
}
div.answer{
  margin: .5em 3em;
  line-height:1.3em;
}

div.answer:first-letter{
  font-weight:bold;
  margin: 0 0 0 -1.2em;
}

/******************************/
div.membershipDetails img#becomeMember{
	display:none;
	border:1px solid red;
}

div.seoHeader {
	text-align: center;
	margin: 0 auto;
	width: 760;
	border: 0pt solid black;
	font-size: 8pt; }
	
div.seoHeader h2{
	text-align: center; 
	margin: 2px 0 2px 0;
	padding: 0 0 0 0;
	font-size: 8pt;
	font-weight: normal;
	color: 336633;}

div.seoFooter {
	text-align: center;
	margin: 0 auto;
	width: 760;
	border: 0pt solid black;
	font-size: 8pt; }
	
div.seoFooter h2{
	text-align: center; 
	margin: 2px 0 2px 0;
	padding: 0 0 0 0;
	font-size: 8pt;
	font-weight: normal;
	color: 336633;}